@gbmtech/aurora-ui 0.1.24 → 0.1.25

package/dist/cjs/components/scroll-area.cjs

@@ -1,3 +1,3 @@
 'use client'
-"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,r)=>{for(var _ in r)__webpack_require__.o(r,_)&&!__webpack_require__.o(e,_)&&Object.defineProperty(e,_,{enumerable:!0,get:r[_]})},__webpack_require__.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ScrollBar:()=>ScrollBar,ScrollArea:()=>ScrollArea});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),react_scroll_area_namespaceObject=require("@radix-ui/react-scroll-area"),external_react_namespaceObject=require("react"),utils_cjs_namespaceObject=require("../lib/utils.cjs"),ScrollBar=(0,external_react_namespaceObject.forwardRef)(({className:e,orientation:r="vertical",..._},a)=>(0,jsx_runtime_namespaceObject.jsx)(react_scroll_area_namespaceObject.ScrollAreaScrollbar,{ref:a,orientation:r,className:(0,utils_cjs_namespaceObject.cn)("flex touch-none select-none transition-colors","vertical"===r&&"h-full w-2.5 border-l border-l-transparent p-[1px]","horizontal"===r&&"h-2.5 flex-col border-t border-t-transparent p-[1px]",e),..._,children:(0,jsx_runtime_namespaceObject.jsx)(react_scroll_area_namespaceObject.ScrollAreaThumb,{className:"relative flex-1 rounded-full bg-stroke"})}));ScrollBar.displayName="ScrollBar";let ScrollArea=(0,external_react_namespaceObject.forwardRef)(({className:e,children:r,..._},a)=>(0,jsx_runtime_namespaceObject.jsxs)(react_scroll_area_namespaceObject.Root,{ref:a,className:(0,utils_cjs_namespaceObject.cn)("relative overflow-hidden",e),..._,children:[(0,jsx_runtime_namespaceObject.jsx)(react_scroll_area_namespaceObject.Viewport,{className:"h-full w-full overflow-y-auto rounded-[inherit]",children:r}),(0,jsx_runtime_namespaceObject.jsx)(ScrollBar,{}),(0,jsx_runtime_namespaceObject.jsx)(react_scroll_area_namespaceObject.Corner,{})]}));for(var __webpack_i__ in ScrollArea.displayName="ScrollArea",exports.ScrollArea=__webpack_exports__.ScrollArea,exports.ScrollBar=__webpack_exports__.ScrollBar,__webpack_exports__)-1===["ScrollArea","ScrollBar"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
+"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,r)=>{for(var a in r)__webpack_require__.o(r,a)&&!__webpack_require__.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:r[a]})},__webpack_require__.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ScrollAreaScrollbar:()=>ScrollAreaScrollbar,ScrollArea:()=>ScrollArea});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),react_context_namespaceObject=require("@radix-ui/react-context"),react_scroll_area_namespaceObject=require("@radix-ui/react-scroll-area"),utils_cjs_namespaceObject=require("../lib/utils.cjs"),scrollAreaScrollbarVariants=(0,utils_cjs_namespaceObject.tv)({base:"flex touch-none select-none p-px transition-colors",compoundVariants:[{className:"w-1.5",orientation:"vertical",size:"sm"},{className:"w-2",orientation:"vertical",size:"md"},{className:"w-2.5",orientation:"vertical",size:"lg"},{className:"h-1.5",orientation:"horizontal",size:"sm"},{className:"h-2",orientation:"horizontal",size:"md"},{className:"h-2.5",orientation:"horizontal",size:"lg"}],variants:{orientation:{horizontal:"w-full flex-col border-t border-t-transparent",vertical:"h-full flex-row border-l border-l-transparent"},size:{none:"",sm:"",md:"",lg:""}},defaultVariants:{size:"md",vertical:"vertical"}}),SCROLL_AREA_NAME="ScrollArea",[createScrollAreaContext]=(0,react_context_namespaceObject.createContextScope)(SCROLL_AREA_NAME),[ScrollAreaContextProvider,useScrollAreaContext]=createScrollAreaContext(SCROLL_AREA_NAME);function ScrollArea({__scopeScrollArea:e,children:r,className:a,size:t,...c}){return(0,jsx_runtime_namespaceObject.jsx)(ScrollAreaContextProvider,{scope:e,size:t,children:(0,jsx_runtime_namespaceObject.jsxs)(react_scroll_area_namespaceObject.Root,{className:(0,utils_cjs_namespaceObject.cn)("relative",a),"data-slot":"scroll-area",...c,children:[(0,jsx_runtime_namespaceObject.jsx)(react_scroll_area_namespaceObject.Viewport,{className:"size-full rounded-[inherit] outline-ring ring-gbm-sky/50 transition focus-visible:outline-1 focus-visible:ring-4","data-slot":"scroll-area-viewport",children:r}),(0,jsx_runtime_namespaceObject.jsx)(ScrollAreaScrollbar,{orientation:"vertical"}),(0,jsx_runtime_namespaceObject.jsx)(ScrollAreaScrollbar,{orientation:"horizontal"}),(0,jsx_runtime_namespaceObject.jsx)(react_scroll_area_namespaceObject.Corner,{})]})})}function ScrollAreaScrollbar({__scopeScrollArea:e,className:r,orientation:a,...t}){let{size:c}=useScrollAreaContext(SCROLL_AREA_NAME,e);return(0,jsx_runtime_namespaceObject.jsx)(react_scroll_area_namespaceObject.Scrollbar,{className:scrollAreaScrollbarVariants({className:r,orientation:a,size:c}),"data-slot":"scroll-area-scrollbar",orientation:a,...t,children:(0,jsx_runtime_namespaceObject.jsx)(react_scroll_area_namespaceObject.ScrollAreaThumb,{className:"relative flex-1 rounded-full bg-stroke"})})}for(var __webpack_i__ in exports.ScrollArea=__webpack_exports__.ScrollArea,exports.ScrollAreaScrollbar=__webpack_exports__.ScrollAreaScrollbar,__webpack_exports__)-1===["ScrollArea","ScrollAreaScrollbar"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
 //# sourceMappingURL=scroll-area.cjs.map

package/dist/cjs/components/scroll-area.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"components\\scroll-area.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/scroll-area.tsx"],"sourcesContent":["\r\n\r\nimport * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area'\r\nimport { ComponentPropsWithoutRef, ElementRef, forwardRef } from 'react'\r\n\r\nimport { cn } from '../lib/utils'\r\n\r\nconst ScrollBar = forwardRef<\r\n  ElementRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,\r\n  ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>\r\n>(({ className, orientation = 'vertical', ...props }, ref) => (\r\n  <ScrollAreaPrimitive.ScrollAreaScrollbar\r\n    ref={ref}\r\n    orientation={orientation}\r\n    className={cn(\r\n      'flex touch-none select-none transition-colors',\r\n      orientation === 'vertical' &&\r\n        'h-full w-2.5 border-l border-l-transparent p-[1px]',\r\n      orientation === 'horizontal' &&\r\n        'h-2.5 flex-col border-t border-t-transparent p-[1px]',\r\n      className\r\n    )}\r\n    {...props}\r\n  >\r\n    <ScrollAreaPrimitive.ScrollAreaThumb className=\"relative flex-1 rounded-full bg-stroke\" />\r\n  </ScrollAreaPrimitive.ScrollAreaScrollbar>\r\n))\r\nScrollBar.displayName = 'ScrollBar'\r\n\r\nconst ScrollArea = forwardRef<\r\n  ElementRef<typeof ScrollAreaPrimitive.Root>,\r\n  ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>\r\n>(({ className, children, ...props }, ref) => (\r\n  <ScrollAreaPrimitive.Root\r\n    ref={ref}\r\n    className={cn('relative overflow-hidden', className)}\r\n    {...props}\r\n  >\r\n    <ScrollAreaPrimitive.Viewport className=\"h-full w-full overflow-y-auto rounded-[inherit]\">\r\n      {children}\r\n    </ScrollAreaPrimitive.Viewport>\r\n    <ScrollBar />\r\n    <ScrollAreaPrimitive.Corner />\r\n  </ScrollAreaPrimitive.Root>\r\n))\r\nScrollArea.displayName = 'ScrollArea'\r\n\r\nexport { ScrollArea, ScrollBar }\r\n"],"names":["ScrollBar","forwardRef","className","orientation","props","ref","ScrollAreaPrimitive","cn","ScrollArea","children"],"mappings":";4iCAOMA,UAAYC,GAAAA,+BAAAA,UAAAA,EAGhB,CAAC,CAAEC,UAAAA,CAAS,CAAEC,YAAAA,EAAc,UAAU,CAAE,GAAGC,EAAO,CAAEC,IACpD,oCAACC,kCAAAA,mBAAuC,EACtC,IAAKD,EACL,YAAaF,EACb,UAAWI,GAAAA,0BAAAA,EAAAA,EACT,gDACAJ,aAAAA,GACE,qDACFA,eAAAA,GACE,uDACFD,GAED,GAAGE,CAAK,C,SAET,oCAACE,kCAAAA,eAAmC,EAAC,UAAU,wC,KAGnDN,CAAAA,UAAU,WAAW,CAAG,YAExB,IAAMQ,WAAaP,GAAAA,+BAAAA,UAAAA,EAGjB,CAAC,CAAEC,UAAAA,CAAS,CAAEO,SAAAA,CAAQ,CAAE,GAAGL,EAAO,CAAEC,IACpC,qCAACC,kCAAAA,IAAwB,EACvB,IAAKD,EACL,UAAWE,GAAAA,0BAAAA,EAAAA,EAAG,2BAA4BL,GACzC,GAAGE,CAAK,C,UAET,oCAACE,kCAAAA,QAA4B,EAAC,UAAU,kD,SACrCG,C,GAEH,oCAACT,UAAAA,CAAAA,GACD,oCAACM,kCAAAA,MAA0B,K,6BAG/BE,WAAW,WAAW,CAAG,a"}
+{"version":3,"file":"components\\scroll-area.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/scroll-area.tsx"],"sourcesContent":["\r\n\r\nimport type { Scope } from '@radix-ui/react-context'\r\nimport type { ComponentProps, JSX } from 'react'\r\n\r\nimport { createContextScope } from '@radix-ui/react-context'\r\nimport * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area'\r\n\r\nimport type { VariantProps } from '@/lib/utils'\r\n\r\nimport { cn, tv } from '@/lib/utils'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Variant: ScrollAreaScrollbar\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst scrollAreaScrollbarVariants = tv({\r\n  base: 'flex touch-none select-none p-px transition-colors',\r\n  compoundVariants: [\r\n    {\r\n      className: 'w-1.5',\r\n      orientation: 'vertical',\r\n      size: 'sm',\r\n    },\r\n    {\r\n      className: 'w-2',\r\n      orientation: 'vertical',\r\n      size: 'md',\r\n    },\r\n    {\r\n      className: 'w-2.5',\r\n      orientation: 'vertical',\r\n      size: 'lg',\r\n    },\r\n    {\r\n      className: 'h-1.5',\r\n      orientation: 'horizontal',\r\n      size: 'sm',\r\n    },\r\n    {\r\n      className: 'h-2',\r\n      orientation: 'horizontal',\r\n      size: 'md',\r\n    },\r\n    {\r\n      className: 'h-2.5',\r\n      orientation: 'horizontal',\r\n      size: 'lg',\r\n    },\r\n  ],\r\n  variants: {\r\n    orientation: {\r\n      horizontal: 'w-full flex-col border-t border-t-transparent',\r\n      vertical: 'h-full flex-row border-l border-l-transparent',\r\n    },\r\n    size: {\r\n      none: '',\r\n      sm: '',\r\n      md: '',\r\n      lg: '',\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    size: 'md',\r\n    vertical: 'vertical',\r\n  },\r\n})\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Context: ScrollArea\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst SCROLL_AREA_NAME = 'ScrollArea'\r\n\r\ntype ScopedProps<P> = P & { __scopeScrollArea?: Scope }\r\n\r\nconst [createScrollAreaContext] = createContextScope(SCROLL_AREA_NAME)\r\n\r\ntype ScrollAreaContextValue = Pick<\r\n  VariantProps<typeof scrollAreaScrollbarVariants>,\r\n  'size'\r\n>\r\n\r\nconst [ScrollAreaContextProvider, useScrollAreaContext] =\r\n  createScrollAreaContext<ScrollAreaContextValue>(SCROLL_AREA_NAME)\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: ScrollArea\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction ScrollArea({\r\n  __scopeScrollArea,\r\n  children,\r\n  className,\r\n  size,\r\n  ...props\r\n}: ScopedProps<\r\n  ComponentProps<typeof ScrollAreaPrimitive.Root> & ScrollAreaContextValue\r\n>): JSX.Element {\r\n  return (\r\n    <ScrollAreaContextProvider scope={__scopeScrollArea} size={size}>\r\n      <ScrollAreaPrimitive.Root\r\n        className={cn('relative', className)}\r\n        data-slot=\"scroll-area\"\r\n        {...props}\r\n      >\r\n        <ScrollAreaPrimitive.Viewport\r\n          className=\"size-full rounded-[inherit] outline-ring ring-gbm-sky/50 transition focus-visible:outline-1 focus-visible:ring-4\"\r\n          data-slot=\"scroll-area-viewport\"\r\n        >\r\n          {children}\r\n        </ScrollAreaPrimitive.Viewport>\r\n        <ScrollAreaScrollbar orientation=\"vertical\" />\r\n        <ScrollAreaScrollbar orientation=\"horizontal\" />\r\n        <ScrollAreaPrimitive.Corner />\r\n      </ScrollAreaPrimitive.Root>\r\n    </ScrollAreaContextProvider>\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: ScrollAreaScrollbar\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction ScrollAreaScrollbar({\r\n  __scopeScrollArea,\r\n  className,\r\n  orientation,\r\n  ...props\r\n}: ScopedProps<\r\n  ComponentProps<typeof ScrollAreaPrimitive.Scrollbar>\r\n>): JSX.Element {\r\n  const { size } = useScrollAreaContext(SCROLL_AREA_NAME, __scopeScrollArea)\r\n\r\n  return (\r\n    <ScrollAreaPrimitive.Scrollbar\r\n      className={scrollAreaScrollbarVariants({ className, orientation, size })}\r\n      data-slot=\"scroll-area-scrollbar\"\r\n      orientation={orientation}\r\n      {...props}\r\n    >\r\n      <ScrollAreaPrimitive.ScrollAreaThumb className=\"relative flex-1 rounded-full bg-stroke\" />\r\n    </ScrollAreaPrimitive.Scrollbar>\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport { ScrollArea, ScrollAreaScrollbar }\r\n"],"names":["scrollAreaScrollbarVariants","tv","SCROLL_AREA_NAME","createScrollAreaContext","createContextScope","ScrollAreaContextProvider","useScrollAreaContext","ScrollArea","__scopeScrollArea","children","className","size","props","ScrollAreaPrimitive","cn","ScrollAreaScrollbar","orientation"],"mappings":";ilCAgBMA,4BAA8BC,GAAAA,0BAAAA,EAAAA,EAAG,CACrC,KAAM,qDACN,iBAAkB,CAChB,CACE,UAAW,QACX,YAAa,WACb,KAAM,IACR,EACA,CACE,UAAW,MACX,YAAa,WACb,KAAM,IACR,EACA,CACE,UAAW,QACX,YAAa,WACb,KAAM,IACR,EACA,CACE,UAAW,QACX,YAAa,aACb,KAAM,IACR,EACA,CACE,UAAW,MACX,YAAa,aACb,KAAM,IACR,EACA,CACE,UAAW,QACX,YAAa,aACb,KAAM,IACR,EACD,CACD,SAAU,CACR,YAAa,CACX,WAAY,gDACZ,SAAU,+CACZ,EACA,KAAM,CACJ,KAAM,GACN,GAAI,GACJ,GAAI,GACJ,GAAI,EACN,CACF,EACA,gBAAiB,CACf,KAAM,KACN,SAAU,UACZ,CACF,GAMMC,iBAAmB,aAInB,CAACC,wBAAwB,CAAGC,GAAAA,8BAAAA,kBAAAA,EAAmBF,kBAO/C,CAACG,0BAA2BC,qBAAqB,CACrDH,wBAAgDD,kBAMlD,SAASK,WAAW,CAClBC,kBAAAA,CAAiB,CACjBC,SAAAA,CAAQ,CACRC,UAAAA,CAAS,CACTC,KAAAA,CAAI,CACJ,GAAGC,EAGJ,EACC,MACE,oCAACP,0BAAAA,CAA0B,MAAOG,EAAmB,KAAMG,E,SACzD,qCAACE,kCAAAA,IAAwB,EACvB,UAAWC,GAAAA,0BAAAA,EAAAA,EAAG,WAAYJ,GAC1B,YAAU,cACT,GAAGE,CAAK,C,UAET,oCAACC,kCAAAA,QAA4B,EAC3B,UAAU,mHACV,YAAU,uB,SAETJ,C,GAEH,oCAACM,oBAAAA,CAAoB,YAAY,U,GACjC,oCAACA,oBAAAA,CAAoB,YAAY,Y,GACjC,oCAACF,kCAAAA,MAA0B,K,IAInC,CAMA,SAASE,oBAAoB,CAC3BP,kBAAAA,CAAiB,CACjBE,UAAAA,CAAS,CACTM,YAAAA,CAAW,CACX,GAAGJ,EAGJ,EACC,GAAM,CAAED,KAAAA,CAAI,CAAE,CAAGL,qBAAqBJ,iBAAkBM,GAExD,MACE,oCAACK,kCAAAA,SAA6B,EAC5B,UAAWb,4BAA4B,CAAEU,UAAAA,EAAWM,YAAAA,EAAaL,KAAAA,CAAK,GACtE,YAAU,wBACV,YAAaK,EACZ,GAAGJ,CAAK,C,SAET,oCAACC,kCAAAA,eAAmC,EAAC,UAAU,wC,IAGrD,C"}

package/dist/esm/components/scroll-area.js

@@ -1,3 +1,3 @@
 'use client'
-import*as r from"react/jsx-runtime";import*as e from"@radix-ui/react-scroll-area";import*as l from"react";import*as o from"../lib/utils.js";let a=(0,l.forwardRef)(({className:l,orientation:a="vertical",...t},s)=>(0,r.jsx)(e.ScrollAreaScrollbar,{ref:s,orientation:a,className:(0,o.cn)("flex touch-none select-none transition-colors","vertical"===a&&"h-full w-2.5 border-l border-l-transparent p-[1px]","horizontal"===a&&"h-2.5 flex-col border-t border-t-transparent p-[1px]",l),...t,children:(0,r.jsx)(e.ScrollAreaThumb,{className:"relative flex-1 rounded-full bg-stroke"})}));a.displayName="ScrollBar";let t=(0,l.forwardRef)(({className:l,children:t,...s},i)=>(0,r.jsxs)(e.Root,{ref:i,className:(0,o.cn)("relative overflow-hidden",l),...s,children:[(0,r.jsx)(e.Viewport,{className:"h-full w-full overflow-y-auto rounded-[inherit]",children:t}),(0,r.jsx)(a,{}),(0,r.jsx)(e.Corner,{})]}));t.displayName="ScrollArea";export{t as ScrollArea,a as ScrollBar};
+import*as r from"react/jsx-runtime";import*as e from"@radix-ui/react-context";import*as a from"@radix-ui/react-scroll-area";import*as o from"../lib/utils.js";let t=(0,o.tv)({base:"flex touch-none select-none p-px transition-colors",compoundVariants:[{className:"w-1.5",orientation:"vertical",size:"sm"},{className:"w-2",orientation:"vertical",size:"md"},{className:"w-2.5",orientation:"vertical",size:"lg"},{className:"h-1.5",orientation:"horizontal",size:"sm"},{className:"h-2",orientation:"horizontal",size:"md"},{className:"h-2.5",orientation:"horizontal",size:"lg"}],variants:{orientation:{horizontal:"w-full flex-col border-t border-t-transparent",vertical:"h-full flex-row border-l border-l-transparent"},size:{none:"",sm:"",md:"",lg:""}},defaultVariants:{size:"md",vertical:"vertical"}}),l="ScrollArea",[i]=(0,e.createContextScope)(l),[s,n]=i(l);function c({__scopeScrollArea:e,children:t,className:l,size:i,...n}){return(0,r.jsx)(s,{scope:e,size:i,children:(0,r.jsxs)(a.Root,{className:(0,o.cn)("relative",l),"data-slot":"scroll-area",...n,children:[(0,r.jsx)(a.Viewport,{className:"size-full rounded-[inherit] outline-ring ring-gbm-sky/50 transition focus-visible:outline-1 focus-visible:ring-4","data-slot":"scroll-area-viewport",children:t}),(0,r.jsx)(m,{orientation:"vertical"}),(0,r.jsx)(m,{orientation:"horizontal"}),(0,r.jsx)(a.Corner,{})]})})}function m({__scopeScrollArea:e,className:o,orientation:i,...s}){let{size:c}=n(l,e);return(0,r.jsx)(a.Scrollbar,{className:t({className:o,orientation:i,size:c}),"data-slot":"scroll-area-scrollbar",orientation:i,...s,children:(0,r.jsx)(a.ScrollAreaThumb,{className:"relative flex-1 rounded-full bg-stroke"})})}export{c as ScrollArea,m as ScrollAreaScrollbar};
 //# sourceMappingURL=scroll-area.js.map

package/dist/esm/components/scroll-area.js.map

@@ -1 +1 @@
-{"version":3,"file":"components\\scroll-area.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/scroll-area.tsx"],"sourcesContent":["\r\n\r\nimport * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area'\r\nimport { ComponentPropsWithoutRef, ElementRef, forwardRef } from 'react'\r\n\r\nimport { cn } from '../lib/utils'\r\n\r\nconst ScrollBar = forwardRef<\r\n  ElementRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,\r\n  ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>\r\n>(({ className, orientation = 'vertical', ...props }, ref) => (\r\n  <ScrollAreaPrimitive.ScrollAreaScrollbar\r\n    ref={ref}\r\n    orientation={orientation}\r\n    className={cn(\r\n      'flex touch-none select-none transition-colors',\r\n      orientation === 'vertical' &&\r\n        'h-full w-2.5 border-l border-l-transparent p-[1px]',\r\n      orientation === 'horizontal' &&\r\n        'h-2.5 flex-col border-t border-t-transparent p-[1px]',\r\n      className\r\n    )}\r\n    {...props}\r\n  >\r\n    <ScrollAreaPrimitive.ScrollAreaThumb className=\"relative flex-1 rounded-full bg-stroke\" />\r\n  </ScrollAreaPrimitive.ScrollAreaScrollbar>\r\n))\r\nScrollBar.displayName = 'ScrollBar'\r\n\r\nconst ScrollArea = forwardRef<\r\n  ElementRef<typeof ScrollAreaPrimitive.Root>,\r\n  ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>\r\n>(({ className, children, ...props }, ref) => (\r\n  <ScrollAreaPrimitive.Root\r\n    ref={ref}\r\n    className={cn('relative overflow-hidden', className)}\r\n    {...props}\r\n  >\r\n    <ScrollAreaPrimitive.Viewport className=\"h-full w-full overflow-y-auto rounded-[inherit]\">\r\n      {children}\r\n    </ScrollAreaPrimitive.Viewport>\r\n    <ScrollBar />\r\n    <ScrollAreaPrimitive.Corner />\r\n  </ScrollAreaPrimitive.Root>\r\n))\r\nScrollArea.displayName = 'ScrollArea'\r\n\r\nexport { ScrollArea, ScrollBar }\r\n"],"names":["ScrollBar","forwardRef","className","orientation","props","ref","ScrollAreaPrimitive","cn","ScrollArea","children"],"mappings":";4IAOA,IAAMA,EAAYC,GAAAA,EAAAA,UAAAA,EAGhB,CAAC,CAAEC,UAAAA,CAAS,CAAEC,YAAAA,EAAc,UAAU,CAAE,GAAGC,EAAO,CAAEC,IACpD,UAACC,EAAAA,mBAAuC,EACtC,IAAKD,EACL,YAAaF,EACb,UAAWI,GAAAA,EAAAA,EAAAA,EACT,gDACAJ,aAAAA,GACE,qDACFA,eAAAA,GACE,uDACFD,GAED,GAAGE,CAAK,C,SAET,UAACE,EAAAA,eAAmC,EAAC,UAAU,wC,KAGnDN,CAAAA,EAAU,WAAW,CAAG,YAExB,IAAMQ,EAAaP,GAAAA,EAAAA,UAAAA,EAGjB,CAAC,CAAEC,UAAAA,CAAS,CAAEO,SAAAA,CAAQ,CAAE,GAAGL,EAAO,CAAEC,IACpC,WAACC,EAAAA,IAAwB,EACvB,IAAKD,EACL,UAAWE,GAAAA,EAAAA,EAAAA,EAAG,2BAA4BL,GACzC,GAAGE,CAAK,C,UAET,UAACE,EAAAA,QAA4B,EAAC,UAAU,kD,SACrCG,C,GAEH,UAACT,EAAAA,CAAAA,GACD,UAACM,EAAAA,MAA0B,K,GAG/BE,CAAAA,EAAW,WAAW,CAAG,oB"}
+{"version":3,"file":"components\\scroll-area.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/scroll-area.tsx"],"sourcesContent":["\r\n\r\nimport type { Scope } from '@radix-ui/react-context'\r\nimport type { ComponentProps, JSX } from 'react'\r\n\r\nimport { createContextScope } from '@radix-ui/react-context'\r\nimport * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area'\r\n\r\nimport type { VariantProps } from '@/lib/utils'\r\n\r\nimport { cn, tv } from '@/lib/utils'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Variant: ScrollAreaScrollbar\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst scrollAreaScrollbarVariants = tv({\r\n  base: 'flex touch-none select-none p-px transition-colors',\r\n  compoundVariants: [\r\n    {\r\n      className: 'w-1.5',\r\n      orientation: 'vertical',\r\n      size: 'sm',\r\n    },\r\n    {\r\n      className: 'w-2',\r\n      orientation: 'vertical',\r\n      size: 'md',\r\n    },\r\n    {\r\n      className: 'w-2.5',\r\n      orientation: 'vertical',\r\n      size: 'lg',\r\n    },\r\n    {\r\n      className: 'h-1.5',\r\n      orientation: 'horizontal',\r\n      size: 'sm',\r\n    },\r\n    {\r\n      className: 'h-2',\r\n      orientation: 'horizontal',\r\n      size: 'md',\r\n    },\r\n    {\r\n      className: 'h-2.5',\r\n      orientation: 'horizontal',\r\n      size: 'lg',\r\n    },\r\n  ],\r\n  variants: {\r\n    orientation: {\r\n      horizontal: 'w-full flex-col border-t border-t-transparent',\r\n      vertical: 'h-full flex-row border-l border-l-transparent',\r\n    },\r\n    size: {\r\n      none: '',\r\n      sm: '',\r\n      md: '',\r\n      lg: '',\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    size: 'md',\r\n    vertical: 'vertical',\r\n  },\r\n})\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Context: ScrollArea\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst SCROLL_AREA_NAME = 'ScrollArea'\r\n\r\ntype ScopedProps<P> = P & { __scopeScrollArea?: Scope }\r\n\r\nconst [createScrollAreaContext] = createContextScope(SCROLL_AREA_NAME)\r\n\r\ntype ScrollAreaContextValue = Pick<\r\n  VariantProps<typeof scrollAreaScrollbarVariants>,\r\n  'size'\r\n>\r\n\r\nconst [ScrollAreaContextProvider, useScrollAreaContext] =\r\n  createScrollAreaContext<ScrollAreaContextValue>(SCROLL_AREA_NAME)\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: ScrollArea\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction ScrollArea({\r\n  __scopeScrollArea,\r\n  children,\r\n  className,\r\n  size,\r\n  ...props\r\n}: ScopedProps<\r\n  ComponentProps<typeof ScrollAreaPrimitive.Root> & ScrollAreaContextValue\r\n>): JSX.Element {\r\n  return (\r\n    <ScrollAreaContextProvider scope={__scopeScrollArea} size={size}>\r\n      <ScrollAreaPrimitive.Root\r\n        className={cn('relative', className)}\r\n        data-slot=\"scroll-area\"\r\n        {...props}\r\n      >\r\n        <ScrollAreaPrimitive.Viewport\r\n          className=\"size-full rounded-[inherit] outline-ring ring-gbm-sky/50 transition focus-visible:outline-1 focus-visible:ring-4\"\r\n          data-slot=\"scroll-area-viewport\"\r\n        >\r\n          {children}\r\n        </ScrollAreaPrimitive.Viewport>\r\n        <ScrollAreaScrollbar orientation=\"vertical\" />\r\n        <ScrollAreaScrollbar orientation=\"horizontal\" />\r\n        <ScrollAreaPrimitive.Corner />\r\n      </ScrollAreaPrimitive.Root>\r\n    </ScrollAreaContextProvider>\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: ScrollAreaScrollbar\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction ScrollAreaScrollbar({\r\n  __scopeScrollArea,\r\n  className,\r\n  orientation,\r\n  ...props\r\n}: ScopedProps<\r\n  ComponentProps<typeof ScrollAreaPrimitive.Scrollbar>\r\n>): JSX.Element {\r\n  const { size } = useScrollAreaContext(SCROLL_AREA_NAME, __scopeScrollArea)\r\n\r\n  return (\r\n    <ScrollAreaPrimitive.Scrollbar\r\n      className={scrollAreaScrollbarVariants({ className, orientation, size })}\r\n      data-slot=\"scroll-area-scrollbar\"\r\n      orientation={orientation}\r\n      {...props}\r\n    >\r\n      <ScrollAreaPrimitive.ScrollAreaThumb className=\"relative flex-1 rounded-full bg-stroke\" />\r\n    </ScrollAreaPrimitive.Scrollbar>\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport { ScrollArea, ScrollAreaScrollbar }\r\n"],"names":["scrollAreaScrollbarVariants","tv","SCROLL_AREA_NAME","createScrollAreaContext","createContextScope","ScrollAreaContextProvider","useScrollAreaContext","ScrollArea","__scopeScrollArea","children","className","size","props","ScrollAreaPrimitive","cn","ScrollAreaScrollbar","orientation"],"mappings":";8JAgBA,IAAMA,EAA8BC,GAAAA,EAAAA,EAAAA,EAAG,CACrC,KAAM,qDACN,iBAAkB,CAChB,CACE,UAAW,QACX,YAAa,WACb,KAAM,IACR,EACA,CACE,UAAW,MACX,YAAa,WACb,KAAM,IACR,EACA,CACE,UAAW,QACX,YAAa,WACb,KAAM,IACR,EACA,CACE,UAAW,QACX,YAAa,aACb,KAAM,IACR,EACA,CACE,UAAW,MACX,YAAa,aACb,KAAM,IACR,EACA,CACE,UAAW,QACX,YAAa,aACb,KAAM,IACR,EACD,CACD,SAAU,CACR,YAAa,CACX,WAAY,gDACZ,SAAU,+CACZ,EACA,KAAM,CACJ,KAAM,GACN,GAAI,GACJ,GAAI,GACJ,GAAI,EACN,CACF,EACA,gBAAiB,CACf,KAAM,KACN,SAAU,UACZ,CACF,GAMMC,EAAmB,aAInB,CAACC,EAAwB,CAAGC,GAAAA,EAAAA,kBAAAA,EAAmBF,GAO/C,CAACG,EAA2BC,EAAqB,CACrDH,EAAgDD,GAMlD,SAASK,EAAW,CAClBC,kBAAAA,CAAiB,CACjBC,SAAAA,CAAQ,CACRC,UAAAA,CAAS,CACTC,KAAAA,CAAI,CACJ,GAAGC,EAGJ,EACC,MACE,UAACP,EAAAA,CAA0B,MAAOG,EAAmB,KAAMG,E,SACzD,WAACE,EAAAA,IAAwB,EACvB,UAAWC,GAAAA,EAAAA,EAAAA,EAAG,WAAYJ,GAC1B,YAAU,cACT,GAAGE,CAAK,C,UAET,UAACC,EAAAA,QAA4B,EAC3B,UAAU,mHACV,YAAU,uB,SAETJ,C,GAEH,UAACM,EAAAA,CAAoB,YAAY,U,GACjC,UAACA,EAAAA,CAAoB,YAAY,Y,GACjC,UAACF,EAAAA,MAA0B,K,IAInC,CAMA,SAASE,EAAoB,CAC3BP,kBAAAA,CAAiB,CACjBE,UAAAA,CAAS,CACTM,YAAAA,CAAW,CACX,GAAGJ,EAGJ,EACC,GAAM,CAAED,KAAAA,CAAI,CAAE,CAAGL,EAAqBJ,EAAkBM,GAExD,MACE,UAACK,EAAAA,SAA6B,EAC5B,UAAWb,EAA4B,CAAEU,UAAAA,EAAWM,YAAAA,EAAaL,KAAAA,CAAK,GACtE,YAAU,wBACV,YAAaK,EACZ,GAAGJ,CAAK,C,SAET,UAACC,EAAAA,eAAmC,EAAC,UAAU,wC,IAGrD,Q"}

package/dist/types/components/scroll-area.d.ts

@@ -1,5 +1,46 @@
+import type { Scope } from '@radix-ui/react-context';
+import type { ComponentProps, JSX } from 'react';
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
-declare const ScrollBar: import("react").ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-declare const ScrollArea: import("react").ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-export { ScrollArea, ScrollBar };
+import type { VariantProps } from '../lib/utils';
+declare const scrollAreaScrollbarVariants: import("tailwind-variants").TVReturnType<{
+    orientation: {
+        horizontal: string;
+        vertical: string;
+    };
+    size: {
+        none: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, "flex touch-none select-none p-px transition-colors", {
+    orientation: {
+        horizontal: string;
+        vertical: string;
+    };
+    size: {
+        none: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    orientation: {
+        horizontal: string;
+        vertical: string;
+    };
+    size: {
+        none: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, "flex touch-none select-none p-px transition-colors", unknown, unknown, undefined>>;
+type ScopedProps<P> = P & {
+    __scopeScrollArea?: Scope;
+};
+type ScrollAreaContextValue = Pick<VariantProps<typeof scrollAreaScrollbarVariants>, 'size'>;
+declare function ScrollArea({ __scopeScrollArea, children, className, size, ...props }: ScopedProps<ComponentProps<typeof ScrollAreaPrimitive.Root> & ScrollAreaContextValue>): JSX.Element;
+declare function ScrollAreaScrollbar({ __scopeScrollArea, className, orientation, ...props }: ScopedProps<ComponentProps<typeof ScrollAreaPrimitive.Scrollbar>>): JSX.Element;
+export { ScrollArea, ScrollAreaScrollbar };
 //# sourceMappingURL=scroll-area.d.ts.map

package/dist/types/components/scroll-area.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../../src/components/scroll-area.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAA;AAKlE,QAAA,MAAM,SAAS,sMAmBb,CAAA;AAGF,QAAA,MAAM,UAAU,6LAed,CAAA;AAGF,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,CAAA"}
+{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../../src/components/scroll-area.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAA;AACpD,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAGhD,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAA;AAElE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAQ/C,QAAA,MAAM,2BAA2B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iGAkD/B,CAAA;AAQF,KAAK,WAAW,CAAC,CAAC,IAAI,CAAC,GAAG;IAAE,iBAAiB,CAAC,EAAE,KAAK,CAAA;CAAE,CAAA;AAIvD,KAAK,sBAAsB,GAAG,IAAI,CAChC,YAAY,CAAC,OAAO,2BAA2B,CAAC,EAChD,MAAM,CACP,CAAA;AASD,iBAAS,UAAU,CAAC,EAClB,iBAAiB,EACjB,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,WAAW,CACZ,cAAc,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,GAAG,sBAAsB,CACzE,GAAG,GAAG,CAAC,OAAO,CAoBd;AAMD,iBAAS,mBAAmB,CAAC,EAC3B,iBAAiB,EACjB,SAAS,EACT,WAAW,EACX,GAAG,KAAK,EACT,EAAE,WAAW,CACZ,cAAc,CAAC,OAAO,mBAAmB,CAAC,SAAS,CAAC,CACrD,GAAG,GAAG,CAAC,OAAO,CAad;AAMD,OAAO,EAAE,UAAU,EAAE,mBAAmB,EAAE,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gbmtech/aurora-ui",
-  "version": "0.1.24",
+  "version": "0.1.25",
   "main": "./dist/cjs/index.cjs",
   "module": "./dist/esm/index.js",
   "types": "./dist/types/index.d.ts",