scroll-area-stories.c9dbdb5d.iframe.bundle.js

"use strict";(self.webpackChunkwww=self.webpackChunkwww||[]).push([[334],{"./lib/utils.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{cn:()=>cn});var clsx__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/clsx/dist/clsx.m.js"),tailwind_merge__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/tailwind-merge/dist/lib/tw-merge.mjs");__webpack_require__("../../node_modules/process/browser.js");function cn(){for(var _len=arguments.length,inputs=new Array(_len),_key=0;_key<_len;_key++)inputs[_key]=arguments[_key];return(0,tailwind_merge__WEBPACK_IMPORTED_MODULE_0__.m)((0,clsx__WEBPACK_IMPORTED_MODULE_1__.W)(inputs))}},"./registry/default/ui/separator.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>Separator});var _Users_leah_dev_ui_node_modules_babel_runtime_helpers_esm_extends_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/extends.js"),_Users_leah_dev_ui_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/react/index.js"),_radix_ui_react_separator__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/@radix-ui/react-separator/dist/index.mjs"),_lib_utils__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./lib/utils.ts"),_excluded=["className","orientation","decorative"],__jsx=react__WEBPACK_IMPORTED_MODULE_0__.createElement,Separator=react__WEBPACK_IMPORTED_MODULE_0__.forwardRef((function(_ref,ref){var className=_ref.className,_ref$orientation=_ref.orientation,orientation=void 0===_ref$orientation?"horizontal":_ref$orientation,_ref$decorative=_ref.decorative,decorative=void 0===_ref$decorative||_ref$decorative,props=(0,_Users_leah_dev_ui_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_2__.Z)(_ref,_excluded);return __jsx(_radix_ui_react_separator__WEBPACK_IMPORTED_MODULE_3__.f,(0,_Users_leah_dev_ui_node_modules_babel_runtime_helpers_esm_extends_js__WEBPACK_IMPORTED_MODULE_4__.Z)({ref,decorative,orientation,className:(0,_lib_utils__WEBPACK_IMPORTED_MODULE_1__.cn)("shrink-0 bg-border","horizontal"===orientation?"h-[1px] w-full":"h-full w-[1px]",className)},props))}));Separator.displayName=_radix_ui_react_separator__WEBPACK_IMPORTED_MODULE_3__.f.displayName,Separator.__docgenInfo={description:"",methods:[],props:{orientation:{defaultValue:{value:'"horizontal"',computed:!1},required:!1},decorative:{defaultValue:{value:"true",computed:!1},required:!1}}};try{Separator.displayName="Separator",Separator.__docgenInfo={description:"",displayName:"Separator",props:{asChild:{defaultValue:null,description:"",name:"asChild",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["registry/default/ui/separator.tsx#Separator"]={docgenInfo:Separator.__docgenInfo,name:"Separator",path:"registry/default/ui/separator.tsx#Separator"})}catch(__react_docgen_typescript_loader_error){}},"./registry/stories/scroll-area.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Base:()=>Base,default:()=>scroll_area_stories});var defineProperty=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/defineProperty.js"),react=__webpack_require__("../../node_modules/react/index.js"),esm_extends=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/extends.js"),objectWithoutProperties=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),dist=__webpack_require__("../../node_modules/@radix-ui/react-scroll-area/dist/index.mjs"),utils=__webpack_require__("./lib/utils.ts"),_excluded=["className","children"],_excluded2=["className","orientation"],__jsx=react.createElement,ScrollArea=react.forwardRef((function(_ref,ref){var className=_ref.className,children=_ref.children,props=(0,objectWithoutProperties.Z)(_ref,_excluded);return __jsx(dist.fC,(0,esm_extends.Z)({ref,className:(0,utils.cn)("relative overflow-hidden",className)},props),__jsx(dist.l_,{className:"h-full w-full rounded-[inherit]"},children),__jsx(ScrollBar,null),__jsx(dist.Ns,null))}));ScrollArea.displayName=dist.fC.displayName;var ScrollBar=react.forwardRef((function(_ref2,ref){var className=_ref2.className,_ref2$orientation=_ref2.orientation,orientation=void 0===_ref2$orientation?"vertical":_ref2$orientation,props=(0,objectWithoutProperties.Z)(_ref2,_excluded2);return __jsx(dist.gb,(0,esm_extends.Z)({ref,orientation,className:(0,utils.cn)("flex touch-none select-none transition-colors","vertical"===orientation&&"h-full w-2.5 border-l border-l-transparent p-[1px]","horizontal"===orientation&&"h-2.5 border-t border-t-transparent p-[1px]",className)},props),__jsx(dist.q4,{className:"relative flex-1 rounded-full bg-border"}))}));ScrollBar.displayName=dist.gb.displayName,ScrollArea.__docgenInfo={description:"",methods:[]},ScrollBar.__docgenInfo={description:"",methods:[],props:{orientation:{defaultValue:{value:'"vertical"',computed:!1},required:!1}}};try{ScrollArea.displayName="ScrollArea",ScrollArea.__docgenInfo={description:"",displayName:"ScrollArea",props:{asChild:{defaultValue:null,description:"",name:"asChild",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["registry/default/ui/scroll-area.tsx#ScrollArea"]={docgenInfo:ScrollArea.__docgenInfo,name:"ScrollArea",path:"registry/default/ui/scroll-area.tsx#ScrollArea"})}catch(__react_docgen_typescript_loader_error){}try{ScrollBar.displayName="ScrollBar",ScrollBar.__docgenInfo={description:"",displayName:"ScrollBar",props:{asChild:{defaultValue:null,description:"",name:"asChild",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["registry/default/ui/scroll-area.tsx#ScrollBar"]={docgenInfo:ScrollBar.__docgenInfo,name:"ScrollBar",path:"registry/default/ui/scroll-area.tsx#ScrollBar"})}catch(__react_docgen_typescript_loader_error){}var _Base$parameters,_Base$parameters2,separator=__webpack_require__("./registry/default/ui/separator.tsx"),scroll_area_stories_jsx=react.createElement;function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){(0,defineProperty.Z)(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}const scroll_area_stories={title:"ui/ScrollArea",component:ScrollArea,tags:["autodocs"],argTypes:{}};var Base={render:function render(args){return scroll_area_stories_jsx(ScrollArea,{className:"h-72 w-48 rounded-md border border-slate-100 dark:border-slate-700"},scroll_area_stories_jsx("div",{className:"p-4"},scroll_area_stories_jsx("h4",{className:"mb-4 text-sm font-medium leading-none"},"Tags"),Array.from({length:50}).map((function(_,i,a){return"v1.2.0-beta.".concat(a.length-i)})).map((function(tag){return scroll_area_stories_jsx(react.Fragment,null,scroll_area_stories_jsx("div",{className:"text-sm",key:tag},tag),scroll_area_stories_jsx(separator.Z,{className:"my-2"}))}))))},args:{}};Base.parameters=_objectSpread(_objectSpread({},Base.parameters),{},{docs:_objectSpread(_objectSpread({},null===(_Base$parameters=Base.parameters)||void 0===_Base$parameters?void 0:_Base$parameters.docs),{},{source:_objectSpread({originalSource:'{\n  render: args => <ScrollArea className="h-72 w-48 rounded-md border border-slate-100 dark:border-slate-700">\n      <div className="p-4">\n        <h4 className="mb-4 text-sm font-medium leading-none">Tags</h4>\n        {Array.from({\n        length: 50\n      }).map((_, i, a) => `v1.2.0-beta.${a.length - i}`).map(tag => <React.Fragment>\n              <div className="text-sm" key={tag}>\n                {tag}\n              </div>\n              <Separator className="my-2" />\n            </React.Fragment>)}\n      </div>\n    </ScrollArea>,\n  args: {}\n}'},null===(_Base$parameters2=Base.parameters)||void 0===_Base$parameters2||null===(_Base$parameters2=_Base$parameters2.docs)||void 0===_Base$parameters2?void 0:_Base$parameters2.source)})})}}]);