@codefast/ui 0.1.12 → 0.1.14

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

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/codefast/codefast/packages/ui/dist/components/scroll-area.cjs","../../src/components/scroll-area.tsx"],"names":["SCROLL_AREA_NAME","createCarouselContext","createContextScope","CarouselProvider","useCarouselContext","ScrollArea","__scopeScrollArea","children","className","size","props","forwardedRef","jsx","jsxs","cn","ScrollAreaScrollbar","scrollAreaScrollbarVariants","tv","orientation"],"mappings":"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","file":"/home/runner/work/codefast/codefast/packages/ui/dist/components/scroll-area.cjs","sourcesContent":[null,"'use client';\n\nimport * as React from 'react';\nimport * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';\nimport { createContextScope, type Scope } from '@radix-ui/react-context';\nimport { tv, type VariantProps } from 'tailwind-variants';\nimport { cn } from '@/lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Component: ScrollArea\n * -------------------------------------------------------------------------- */\n\nconst SCROLL_AREA_NAME = 'ScrollArea';\n\ntype ScopedProps<P> = P & { __scopeScrollArea?: Scope };\n\nconst [createCarouselContext] = createContextScope(SCROLL_AREA_NAME);\n\ntype ScrollAreaContextValue = Pick<ScrollAreaScrollbarVariantsProps, 'size'>;\n\nconst [CarouselProvider, useCarouselContext] = createCarouselContext<ScrollAreaContextValue>(SCROLL_AREA_NAME);\n\ntype ScrollAreaElement = React.ElementRef<typeof ScrollAreaPrimitive.Root>;\ntype ScrollAreaProps = React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root> & ScrollAreaContextValue;\n\nconst ScrollArea = React.forwardRef<ScrollAreaElement, ScrollAreaProps>(\n  ({ __scopeScrollArea, children, className, size = '2', ...props }: ScopedProps<ScrollAreaProps>, forwardedRef) => (\n    <CarouselProvider scope={__scopeScrollArea} size={size}>\n      <ScrollAreaPrimitive.Root ref={forwardedRef} className={cn('relative overflow-hidden', className)} {...props}>\n        <ScrollAreaPrimitive.Viewport className=\"size-full rounded-[inherit] [&>*]:h-full\">\n          {children}\n        </ScrollAreaPrimitive.Viewport>\n        <ScrollAreaScrollbar orientation=\"vertical\" />\n        <ScrollAreaScrollbar orientation=\"horizontal\" />\n        <ScrollAreaPrimitive.Corner />\n      </ScrollAreaPrimitive.Root>\n    </CarouselProvider>\n  ),\n);\n\nScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Variant: ScrollAreaScrollbar\n * -------------------------------------------------------------------------- */\n\nconst scrollAreaScrollbarVariants = tv({\n  base: 'flex touch-none select-none p-px transition',\n  variants: {\n    orientation: {\n      vertical: 'h-full flex-row border-l border-l-transparent',\n      horizontal: 'w-full flex-col border-t border-t-transparent',\n    },\n    size: {\n      none: '',\n      '1': '',\n      '2': '',\n      '3': '',\n    },\n  },\n  compoundVariants: [\n    { orientation: 'vertical', size: '1', className: 'w-1.5' },\n    { orientation: 'vertical', size: '2', className: 'w-2' },\n    { orientation: 'vertical', size: '3', className: 'w-2.5' },\n    { orientation: 'horizontal', size: '1', className: 'h-1.5' },\n    { orientation: 'horizontal', size: '2', className: 'h-2' },\n    { orientation: 'horizontal', size: '3', className: 'h-2.5' },\n  ],\n});\n\ntype ScrollAreaScrollbarVariantsProps = VariantProps<typeof scrollAreaScrollbarVariants>;\n\n/* -----------------------------------------------------------------------------\n * Component: ScrollAreaScrollbar\n * -------------------------------------------------------------------------- */\n\ntype ScrollAreaScrollbarElement = React.ElementRef<typeof ScrollAreaPrimitive.Scrollbar>;\ntype ScrollAreaScrollbarProps = React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Scrollbar>;\n\nconst ScrollAreaScrollbar = React.forwardRef<ScrollAreaScrollbarElement, ScrollAreaScrollbarProps>(\n  (\n    { __scopeScrollArea, className, orientation = 'vertical', ...props }: ScopedProps<ScrollAreaScrollbarProps>,\n    forwardedRef,\n  ) => {\n    const { size } = useCarouselContext(SCROLL_AREA_NAME, __scopeScrollArea);\n\n    return (\n      <ScrollAreaPrimitive.Scrollbar\n        ref={forwardedRef}\n        className={scrollAreaScrollbarVariants({ orientation, size, className })}\n        orientation={orientation}\n        {...props}\n      >\n        <ScrollAreaPrimitive.ScrollAreaThumb className=\"bg-border relative flex-1 rounded-full\" />\n      </ScrollAreaPrimitive.Scrollbar>\n    );\n  },\n);\n\nScrollAreaScrollbar.displayName = ScrollAreaPrimitive.Scrollbar.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { ScrollArea, ScrollAreaScrollbar, type ScrollAreaProps, type ScrollAreaScrollbarProps };\n"]}
+{"version":3,"sources":["/home/runner/work/codefast/codefast/packages/ui/dist/components/scroll-area.cjs","../../src/components/scroll-area.tsx"],"names":["scrollAreaScrollbarVariants","tv","SCROLL_AREA_NAME","createCarouselContext","createContextScope","CarouselProvider","useCarouselContext","ScrollArea","__scopeScrollArea","children","className","size","props","forwardedRef","jsx","jsxs","cn","ScrollAreaScrollbar","orientation"],"mappings":"AAAA,uWAAY,CAAC,yDAAyC,uECE/B,iHACc,uDACU,qDACT,+CAiDhC,IA1CAA,CAAAA,CAA8BC,kCAAAA,CAClC,IAAA,CAAM,6CAAA,CACN,QAAA,CAAU,CACR,WAAA,CAAa,CACX,QAAA,CAAU,+CAAA,CACV,UAAA,CAAY,+CACd,CAAA,CACA,IAAA,CAAM,CAAE,IAAA,CAAM,EAAA,CAAI,EAAA,CAAI,EAAA,CAAI,EAAA,CAAI,EAAA,CAAI,EAAA,CAAI,EAAG,CAC3C,CAAA,CACA,gBAAA,CAAkB,CAChB,CAAE,WAAA,CAAa,UAAA,CAAY,IAAA,CAAM,IAAA,CAAM,SAAA,CAAW,OAAQ,CAAA,CAC1D,CAAE,WAAA,CAAa,UAAA,CAAY,IAAA,CAAM,IAAA,CAAM,SAAA,CAAW,KAAM,CAAA,CACxD,CAAE,WAAA,CAAa,UAAA,CAAY,IAAA,CAAM,IAAA,CAAM,SAAA,CAAW,OAAQ,CAAA,CAC1D,CAAE,WAAA,CAAa,YAAA,CAAc,IAAA,CAAM,IAAA,CAAM,SAAA,CAAW,OAAQ,CAAA,CAC5D,CAAE,WAAA,CAAa,YAAA,CAAc,IAAA,CAAM,IAAA,CAAM,SAAA,CAAW,KAAM,CAAA,CAC1D,CAAE,WAAA,CAAa,YAAA,CAAc,IAAA,CAAM,IAAA,CAAM,SAAA,CAAW,OAAQ,CAC9D,CAAA,CACA,eAAA,CAAiB,CAAE,IAAA,CAAM,IAAA,CAAM,QAAA,CAAU,UAAW,CACtD,CAAC,CAAA,CAQKC,CAAAA,CAAmB,YAAA,CAInB,CAACC,CAAqB,CAAA,CAAIC,8CAAAA,CAAmC,CAAA,CAI7D,CAACC,CAAAA,CAAkBC,CAAkB,CAAA,CAAIH,CAAAA,CAA8CD,CAAgB,CAAA,CAKvGK,CAAAA,sBAAmB,CAAA,CAAA,UAAA,CACvB,CAAC,CAAE,iBAAA,CAAAC,CAAAA,CAAmB,QAAA,CAAAC,CAAAA,CAAU,SAAA,CAAAC,CAAAA,CAAW,IAAA,CAAAC,CAAAA,CAAM,GAAGC,CAAM,CAAA,CAAiCC,CAAAA,CAAAA,EACzFC,6BAAAA,CAACT,CAAA,CAAiB,KAAA,CAAOG,CAAAA,CAAmB,IAAA,CAAMG,CAAAA,CAChD,QAAA,CAAAI,8BAAAA,CAAqB,CAAA,IAAA,CAApB,CAAyB,GAAA,CAAKF,CAAAA,CAAc,SAAA,CAAWG,iCAAAA,0BAAG,CAA4BN,CAAS,CAAA,CAAI,GAAGE,CAAAA,CACrG,QAAA,CAAA,CAAAE,6BAAAA,CAAqB,CAAA,QAAA,CAApB,CAA6B,SAAA,CAAU,0CAAA,CACrC,QAAA,CAAAL,CAAAA,CACH,CAAA,CACAK,6BAAAA,CAACG,CAAA,CAAoB,WAAA,CAAY,UAAA,CAAW,CAAA,CAC5CH,6BAAAA,CAACG,CAAA,CAAoB,WAAA,CAAY,YAAA,CAAa,CAAA,CAC9CH,6BAAAA,CAAqB,CAAA,MAAA,CAApB,CAAA,CAA2B,CAAA,CAAA,CAC9B,CAAA,CACF,CAEJ,CAAA,CAEAP,CAAAA,CAAW,WAAA,CAAkC,CAAA,CAAA,IAAA,CAAK,WAAA,CASlD,IAAMU,CAAAA,CAA4B,CAAA,CAAA,UAAA,CAChC,CAAC,CAAE,iBAAA,CAAAT,CAAAA,CAAmB,SAAA,CAAAE,CAAAA,CAAW,WAAA,CAAAQ,CAAAA,CAAa,GAAGN,CAAM,CAAA,CAA0CC,CAAAA,CAAAA,EAAiB,CAChH,GAAM,CAAE,IAAA,CAAAF,CAAK,CAAA,CAAIL,CAAAA,CAAmBJ,CAAAA,CAAkBM,CAAiB,CAAA,CAEvE,OACEM,6BAAAA,CAAqB,CAAA,SAAA,CAApB,CACC,GAAA,CAAKD,CAAAA,CACL,SAAA,CAAWb,CAAAA,CAA4B,CAAE,WAAA,CAAAkB,CAAAA,CAAa,IAAA,CAAAP,CAAAA,CAAM,SAAA,CAAAD,CAAU,CAAC,CAAA,CACvE,WAAA,CAAaQ,CAAAA,CACZ,GAAGN,CAAAA,CAEJ,QAAA,CAAAE,6BAAAA,CAAqB,CAAA,eAAA,CAApB,CAAoC,SAAA,CAAU,wCAAA,CAAyC,CAAA,CAC1F,CAEJ,CACF,CAAA,CAEAG,CAAAA,CAAoB,WAAA,CAAkC,CAAA,CAAA,SAAA,CAAU,WAAA,CAAA,wDAAA","file":"/home/runner/work/codefast/codefast/packages/ui/dist/components/scroll-area.cjs","sourcesContent":[null,"'use client';\n\nimport * as React from 'react';\nimport * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';\nimport { createContextScope, type Scope } from '@radix-ui/react-context';\nimport { tv, type VariantProps } from 'tailwind-variants';\nimport { cn } from '@/lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Variant: ScrollAreaScrollbar\n * -------------------------------------------------------------------------- */\n\nconst scrollAreaScrollbarVariants = tv({\n  base: 'flex touch-none select-none p-px transition',\n  variants: {\n    orientation: {\n      vertical: 'h-full flex-row border-l border-l-transparent',\n      horizontal: 'w-full flex-col border-t border-t-transparent',\n    },\n    size: { none: '', sm: '', md: '', lg: '' },\n  },\n  compoundVariants: [\n    { orientation: 'vertical', size: 'sm', className: 'w-1.5' },\n    { orientation: 'vertical', size: 'md', className: 'w-2' },\n    { orientation: 'vertical', size: 'lg', className: 'w-2.5' },\n    { orientation: 'horizontal', size: 'sm', className: 'h-1.5' },\n    { orientation: 'horizontal', size: 'md', className: 'h-2' },\n    { orientation: 'horizontal', size: 'lg', className: 'h-2.5' },\n  ],\n  defaultVariants: { size: 'md', vertical: 'vertical' },\n});\n\ntype ScrollAreaScrollbarVariantsProps = VariantProps<typeof scrollAreaScrollbarVariants>;\n\n/* -----------------------------------------------------------------------------\n * Component: ScrollArea\n * -------------------------------------------------------------------------- */\n\nconst SCROLL_AREA_NAME = 'ScrollArea';\n\ntype ScopedProps<P> = P & { __scopeScrollArea?: Scope };\n\nconst [createCarouselContext] = createContextScope(SCROLL_AREA_NAME);\n\ntype ScrollAreaContextValue = Pick<ScrollAreaScrollbarVariantsProps, 'size'>;\n\nconst [CarouselProvider, useCarouselContext] = createCarouselContext<ScrollAreaContextValue>(SCROLL_AREA_NAME);\n\ntype ScrollAreaElement = React.ElementRef<typeof ScrollAreaPrimitive.Root>;\ntype ScrollAreaProps = React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root> & ScrollAreaContextValue;\n\nconst ScrollArea = React.forwardRef<ScrollAreaElement, ScrollAreaProps>(\n  ({ __scopeScrollArea, children, className, size, ...props }: ScopedProps<ScrollAreaProps>, forwardedRef) => (\n    <CarouselProvider scope={__scopeScrollArea} size={size}>\n      <ScrollAreaPrimitive.Root ref={forwardedRef} className={cn('relative overflow-hidden', className)} {...props}>\n        <ScrollAreaPrimitive.Viewport className=\"size-full rounded-[inherit] [&>*]:h-full\">\n          {children}\n        </ScrollAreaPrimitive.Viewport>\n        <ScrollAreaScrollbar orientation=\"vertical\" />\n        <ScrollAreaScrollbar orientation=\"horizontal\" />\n        <ScrollAreaPrimitive.Corner />\n      </ScrollAreaPrimitive.Root>\n    </CarouselProvider>\n  ),\n);\n\nScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: ScrollAreaScrollbar\n * -------------------------------------------------------------------------- */\n\ntype ScrollAreaScrollbarElement = React.ElementRef<typeof ScrollAreaPrimitive.Scrollbar>;\ntype ScrollAreaScrollbarProps = React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Scrollbar>;\n\nconst ScrollAreaScrollbar = React.forwardRef<ScrollAreaScrollbarElement, ScrollAreaScrollbarProps>(\n  ({ __scopeScrollArea, className, orientation, ...props }: ScopedProps<ScrollAreaScrollbarProps>, forwardedRef) => {\n    const { size } = useCarouselContext(SCROLL_AREA_NAME, __scopeScrollArea);\n\n    return (\n      <ScrollAreaPrimitive.Scrollbar\n        ref={forwardedRef}\n        className={scrollAreaScrollbarVariants({ orientation, size, className })}\n        orientation={orientation}\n        {...props}\n      >\n        <ScrollAreaPrimitive.ScrollAreaThumb className=\"bg-border relative flex-1 rounded-full\" />\n      </ScrollAreaPrimitive.Scrollbar>\n    );\n  },\n);\n\nScrollAreaScrollbar.displayName = ScrollAreaPrimitive.Scrollbar.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { ScrollArea, ScrollAreaScrollbar, type ScrollAreaProps, type ScrollAreaScrollbarProps };\n"]}

package/dist/components/scroll-area.d.cts

@@ -4,9 +4,6 @@ import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config
 import * as React from 'react';
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 
-type ScrollAreaContextValue = Pick<ScrollAreaScrollbarVariantsProps, 'size'>;
-type ScrollAreaProps = React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root> & ScrollAreaContextValue;
-declare const ScrollArea: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React.RefAttributes<HTMLDivElement>, "ref"> & ScrollAreaContextValue & React.RefAttributes<HTMLDivElement>>;
 declare const scrollAreaScrollbarVariants: tailwind_variants.TVReturnType<{
     orientation: {
         vertical: string;
@@ -14,9 +11,9 @@ declare const scrollAreaScrollbarVariants: tailwind_variants.TVReturnType<{
     };
     size: {
         none: string;
-        '1': string;
-        '2': string;
-        '3': string;
+        sm: string;
+        md: string;
+        lg: string;
     };
 }, undefined, "flex touch-none select-none p-px transition", tailwind_variants_dist_config_js.TVConfig<{
     orientation: {
@@ -25,9 +22,9 @@ declare const scrollAreaScrollbarVariants: tailwind_variants.TVReturnType<{
     };
     size: {
         none: string;
-        '1': string;
-        '2': string;
-        '3': string;
+        sm: string;
+        md: string;
+        lg: string;
     };
 }, {
     orientation: {
@@ -36,9 +33,9 @@ declare const scrollAreaScrollbarVariants: tailwind_variants.TVReturnType<{
     };
     size: {
         none: string;
-        '1': string;
-        '2': string;
-        '3': string;
+        sm: string;
+        md: string;
+        lg: string;
     };
 }>, {
     orientation: {
@@ -47,9 +44,9 @@ declare const scrollAreaScrollbarVariants: tailwind_variants.TVReturnType<{
     };
     size: {
         none: string;
-        '1': string;
-        '2': string;
-        '3': string;
+        sm: string;
+        md: string;
+        lg: string;
     };
 }, undefined, tailwind_variants.TVReturnType<{
     orientation: {
@@ -58,9 +55,9 @@ declare const scrollAreaScrollbarVariants: tailwind_variants.TVReturnType<{
     };
     size: {
         none: string;
-        '1': string;
-        '2': string;
-        '3': string;
+        sm: string;
+        md: string;
+        lg: string;
     };
 }, undefined, "flex touch-none select-none p-px transition", tailwind_variants_dist_config_js.TVConfig<{
     orientation: {
@@ -69,9 +66,9 @@ declare const scrollAreaScrollbarVariants: tailwind_variants.TVReturnType<{
     };
     size: {
         none: string;
-        '1': string;
-        '2': string;
-        '3': string;
+        sm: string;
+        md: string;
+        lg: string;
     };
 }, {
     orientation: {
@@ -80,12 +77,15 @@ declare const scrollAreaScrollbarVariants: tailwind_variants.TVReturnType<{
     };
     size: {
         none: string;
-        '1': string;
-        '2': string;
-        '3': string;
+        sm: string;
+        md: string;
+        lg: string;
     };
 }>, unknown, unknown, undefined>>;
 type ScrollAreaScrollbarVariantsProps = VariantProps<typeof scrollAreaScrollbarVariants>;
+type ScrollAreaContextValue = Pick<ScrollAreaScrollbarVariantsProps, 'size'>;
+type ScrollAreaProps = React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root> & ScrollAreaContextValue;
+declare const ScrollArea: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React.RefAttributes<HTMLDivElement>, "ref"> & ScrollAreaContextValue & React.RefAttributes<HTMLDivElement>>;
 type ScrollAreaScrollbarProps = React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Scrollbar>;
 declare const ScrollAreaScrollbar: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 

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

@@ -4,9 +4,6 @@ import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config
 import * as React from 'react';
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 
-type ScrollAreaContextValue = Pick<ScrollAreaScrollbarVariantsProps, 'size'>;
-type ScrollAreaProps = React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root> & ScrollAreaContextValue;
-declare const ScrollArea: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React.RefAttributes<HTMLDivElement>, "ref"> & ScrollAreaContextValue & React.RefAttributes<HTMLDivElement>>;
 declare const scrollAreaScrollbarVariants: tailwind_variants.TVReturnType<{
     orientation: {
         vertical: string;
@@ -14,9 +11,9 @@ declare const scrollAreaScrollbarVariants: tailwind_variants.TVReturnType<{
     };
     size: {
         none: string;
-        '1': string;
-        '2': string;
-        '3': string;
+        sm: string;
+        md: string;
+        lg: string;
     };
 }, undefined, "flex touch-none select-none p-px transition", tailwind_variants_dist_config_js.TVConfig<{
     orientation: {
@@ -25,9 +22,9 @@ declare const scrollAreaScrollbarVariants: tailwind_variants.TVReturnType<{
     };
     size: {
         none: string;
-        '1': string;
-        '2': string;
-        '3': string;
+        sm: string;
+        md: string;
+        lg: string;
     };
 }, {
     orientation: {
@@ -36,9 +33,9 @@ declare const scrollAreaScrollbarVariants: tailwind_variants.TVReturnType<{
     };
     size: {
         none: string;
-        '1': string;
-        '2': string;
-        '3': string;
+        sm: string;
+        md: string;
+        lg: string;
     };
 }>, {
     orientation: {
@@ -47,9 +44,9 @@ declare const scrollAreaScrollbarVariants: tailwind_variants.TVReturnType<{
     };
     size: {
         none: string;
-        '1': string;
-        '2': string;
-        '3': string;
+        sm: string;
+        md: string;
+        lg: string;
     };
 }, undefined, tailwind_variants.TVReturnType<{
     orientation: {
@@ -58,9 +55,9 @@ declare const scrollAreaScrollbarVariants: tailwind_variants.TVReturnType<{
     };
     size: {
         none: string;
-        '1': string;
-        '2': string;
-        '3': string;
+        sm: string;
+        md: string;
+        lg: string;
     };
 }, undefined, "flex touch-none select-none p-px transition", tailwind_variants_dist_config_js.TVConfig<{
     orientation: {
@@ -69,9 +66,9 @@ declare const scrollAreaScrollbarVariants: tailwind_variants.TVReturnType<{
     };
     size: {
         none: string;
-        '1': string;
-        '2': string;
-        '3': string;
+        sm: string;
+        md: string;
+        lg: string;
     };
 }, {
     orientation: {
@@ -80,12 +77,15 @@ declare const scrollAreaScrollbarVariants: tailwind_variants.TVReturnType<{
     };
     size: {
         none: string;
-        '1': string;
-        '2': string;
-        '3': string;
+        sm: string;
+        md: string;
+        lg: string;
     };
 }>, unknown, unknown, undefined>>;
 type ScrollAreaScrollbarVariantsProps = VariantProps<typeof scrollAreaScrollbarVariants>;
+type ScrollAreaContextValue = Pick<ScrollAreaScrollbarVariantsProps, 'size'>;
+type ScrollAreaProps = React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root> & ScrollAreaContextValue;
+declare const ScrollArea: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React.RefAttributes<HTMLDivElement>, "ref"> & ScrollAreaContextValue & React.RefAttributes<HTMLDivElement>>;
 type ScrollAreaScrollbarProps = React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Scrollbar>;
 declare const ScrollAreaScrollbar: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 

package/dist/components/scroll-area.js

@@ -1,2 +1,2 @@
-"use client";import{a as S}from"../chunk-VRBUDJBH.js";import*as n from"react";import*as r from"@radix-ui/react-scroll-area";import{createContextScope as m}from"@radix-ui/react-context";import{tv as A}from"tailwind-variants";import{jsx as e,jsxs as u}from"react/jsx-runtime";var p="ScrollArea",[P]=m(p),[f,v]=P(p),b=n.forwardRef(({__scopeScrollArea:l,children:a,className:o,size:t="2",...i},c)=>e(f,{scope:l,size:t,children:u(r.Root,{ref:c,className:S("relative overflow-hidden",o),...i,children:[e(r.Viewport,{className:"size-full rounded-[inherit] [&>*]:h-full",children:a}),e(s,{orientation:"vertical"}),e(s,{orientation:"horizontal"}),e(r.Corner,{})]})}));b.displayName=r.Root.displayName;var d=A({base:"flex touch-none select-none p-px transition",variants:{orientation:{vertical:"h-full flex-row border-l border-l-transparent",horizontal:"w-full flex-col border-t border-t-transparent"},size:{none:"",1:"",2:"",3:""}},compoundVariants:[{orientation:"vertical",size:"1",className:"w-1.5"},{orientation:"vertical",size:"2",className:"w-2"},{orientation:"vertical",size:"3",className:"w-2.5"},{orientation:"horizontal",size:"1",className:"h-1.5"},{orientation:"horizontal",size:"2",className:"h-2"},{orientation:"horizontal",size:"3",className:"h-2.5"}]}),s=n.forwardRef(({__scopeScrollArea:l,className:a,orientation:o="vertical",...t},i)=>{let{size:c}=v(p,l);return e(r.Scrollbar,{ref:i,className:d({orientation:o,size:c,className:a}),orientation:o,...t,children:e(r.ScrollAreaThumb,{className:"bg-border relative flex-1 rounded-full"})})});s.displayName=r.Scrollbar.displayName;export{b as ScrollArea,s as ScrollAreaScrollbar};
+"use client";import{a as S}from"../chunk-VRBUDJBH.js";import*as n from"react";import*as r from"@radix-ui/react-scroll-area";import{createContextScope as m}from"@radix-ui/react-context";import{tv as A}from"tailwind-variants";import{jsx as e,jsxs as u}from"react/jsx-runtime";var P=A({base:"flex touch-none select-none p-px transition",variants:{orientation:{vertical:"h-full flex-row border-l border-l-transparent",horizontal:"w-full flex-col border-t border-t-transparent"},size:{none:"",sm:"",md:"",lg:""}},compoundVariants:[{orientation:"vertical",size:"sm",className:"w-1.5"},{orientation:"vertical",size:"md",className:"w-2"},{orientation:"vertical",size:"lg",className:"w-2.5"},{orientation:"horizontal",size:"sm",className:"h-1.5"},{orientation:"horizontal",size:"md",className:"h-2"},{orientation:"horizontal",size:"lg",className:"h-2.5"}],defaultVariants:{size:"md",vertical:"vertical"}}),p="ScrollArea",[f]=m(p),[v,d]=f(p),b=n.forwardRef(({__scopeScrollArea:l,children:a,className:o,size:t,...i},c)=>e(v,{scope:l,size:t,children:u(r.Root,{ref:c,className:S("relative overflow-hidden",o),...i,children:[e(r.Viewport,{className:"size-full rounded-[inherit] [&>*]:h-full",children:a}),e(s,{orientation:"vertical"}),e(s,{orientation:"horizontal"}),e(r.Corner,{})]})}));b.displayName=r.Root.displayName;var s=n.forwardRef(({__scopeScrollArea:l,className:a,orientation:o,...t},i)=>{let{size:c}=d(p,l);return e(r.Scrollbar,{ref:i,className:P({orientation:o,size:c,className:a}),orientation:o,...t,children:e(r.ScrollAreaThumb,{className:"bg-border relative flex-1 rounded-full"})})});s.displayName=r.Scrollbar.displayName;export{b as ScrollArea,s as ScrollAreaScrollbar};
 //# sourceMappingURL=scroll-area.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/scroll-area.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';\nimport { createContextScope, type Scope } from '@radix-ui/react-context';\nimport { tv, type VariantProps } from 'tailwind-variants';\nimport { cn } from '@/lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Component: ScrollArea\n * -------------------------------------------------------------------------- */\n\nconst SCROLL_AREA_NAME = 'ScrollArea';\n\ntype ScopedProps<P> = P & { __scopeScrollArea?: Scope };\n\nconst [createCarouselContext] = createContextScope(SCROLL_AREA_NAME);\n\ntype ScrollAreaContextValue = Pick<ScrollAreaScrollbarVariantsProps, 'size'>;\n\nconst [CarouselProvider, useCarouselContext] = createCarouselContext<ScrollAreaContextValue>(SCROLL_AREA_NAME);\n\ntype ScrollAreaElement = React.ElementRef<typeof ScrollAreaPrimitive.Root>;\ntype ScrollAreaProps = React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root> & ScrollAreaContextValue;\n\nconst ScrollArea = React.forwardRef<ScrollAreaElement, ScrollAreaProps>(\n  ({ __scopeScrollArea, children, className, size = '2', ...props }: ScopedProps<ScrollAreaProps>, forwardedRef) => (\n    <CarouselProvider scope={__scopeScrollArea} size={size}>\n      <ScrollAreaPrimitive.Root ref={forwardedRef} className={cn('relative overflow-hidden', className)} {...props}>\n        <ScrollAreaPrimitive.Viewport className=\"size-full rounded-[inherit] [&>*]:h-full\">\n          {children}\n        </ScrollAreaPrimitive.Viewport>\n        <ScrollAreaScrollbar orientation=\"vertical\" />\n        <ScrollAreaScrollbar orientation=\"horizontal\" />\n        <ScrollAreaPrimitive.Corner />\n      </ScrollAreaPrimitive.Root>\n    </CarouselProvider>\n  ),\n);\n\nScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Variant: ScrollAreaScrollbar\n * -------------------------------------------------------------------------- */\n\nconst scrollAreaScrollbarVariants = tv({\n  base: 'flex touch-none select-none p-px transition',\n  variants: {\n    orientation: {\n      vertical: 'h-full flex-row border-l border-l-transparent',\n      horizontal: 'w-full flex-col border-t border-t-transparent',\n    },\n    size: {\n      none: '',\n      '1': '',\n      '2': '',\n      '3': '',\n    },\n  },\n  compoundVariants: [\n    { orientation: 'vertical', size: '1', className: 'w-1.5' },\n    { orientation: 'vertical', size: '2', className: 'w-2' },\n    { orientation: 'vertical', size: '3', className: 'w-2.5' },\n    { orientation: 'horizontal', size: '1', className: 'h-1.5' },\n    { orientation: 'horizontal', size: '2', className: 'h-2' },\n    { orientation: 'horizontal', size: '3', className: 'h-2.5' },\n  ],\n});\n\ntype ScrollAreaScrollbarVariantsProps = VariantProps<typeof scrollAreaScrollbarVariants>;\n\n/* -----------------------------------------------------------------------------\n * Component: ScrollAreaScrollbar\n * -------------------------------------------------------------------------- */\n\ntype ScrollAreaScrollbarElement = React.ElementRef<typeof ScrollAreaPrimitive.Scrollbar>;\ntype ScrollAreaScrollbarProps = React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Scrollbar>;\n\nconst ScrollAreaScrollbar = React.forwardRef<ScrollAreaScrollbarElement, ScrollAreaScrollbarProps>(\n  (\n    { __scopeScrollArea, className, orientation = 'vertical', ...props }: ScopedProps<ScrollAreaScrollbarProps>,\n    forwardedRef,\n  ) => {\n    const { size } = useCarouselContext(SCROLL_AREA_NAME, __scopeScrollArea);\n\n    return (\n      <ScrollAreaPrimitive.Scrollbar\n        ref={forwardedRef}\n        className={scrollAreaScrollbarVariants({ orientation, size, className })}\n        orientation={orientation}\n        {...props}\n      >\n        <ScrollAreaPrimitive.ScrollAreaThumb className=\"bg-border relative flex-1 rounded-full\" />\n      </ScrollAreaPrimitive.Scrollbar>\n    );\n  },\n);\n\nScrollAreaScrollbar.displayName = ScrollAreaPrimitive.Scrollbar.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { ScrollArea, ScrollAreaScrollbar, type ScrollAreaProps, type ScrollAreaScrollbarProps };\n"],"mappings":"sDAEA,UAAYA,MAAW,QACvB,UAAYC,MAAyB,8BACrC,OAAS,sBAAAC,MAAsC,0BAC/C,OAAS,MAAAC,MAA6B,oBAuBhC,OACE,OAAAC,EADF,QAAAC,MAAA,oBAhBN,IAAMC,EAAmB,aAInB,CAACC,CAAqB,EAAIC,EAAmBF,CAAgB,EAI7D,CAACG,EAAkBC,CAAkB,EAAIH,EAA8CD,CAAgB,EAKvGK,EAAmB,aACvB,CAAC,CAAE,kBAAAC,EAAmB,SAAAC,EAAU,UAAAC,EAAW,KAAAC,EAAO,IAAK,GAAGC,CAAM,EAAiCC,IAC/Fb,EAACK,EAAA,CAAiB,MAAOG,EAAmB,KAAMG,EAChD,SAAAV,EAAqB,OAApB,CAAyB,IAAKY,EAAc,UAAWC,EAAG,2BAA4BJ,CAAS,EAAI,GAAGE,EACrG,UAAAZ,EAAqB,WAApB,CAA6B,UAAU,2CACrC,SAAAS,EACH,EACAT,EAACe,EAAA,CAAoB,YAAY,WAAW,EAC5Cf,EAACe,EAAA,CAAoB,YAAY,aAAa,EAC9Cf,EAAqB,SAApB,EAA2B,GAC9B,EACF,CAEJ,EAEAO,EAAW,YAAkC,OAAK,YAMlD,IAAMS,EAA8BC,EAAG,CACrC,KAAM,8CACN,SAAU,CACR,YAAa,CACX,SAAU,gDACV,WAAY,+CACd,EACA,KAAM,CACJ,KAAM,GACN,EAAK,GACL,EAAK,GACL,EAAK,EACP,CACF,EACA,iBAAkB,CAChB,CAAE,YAAa,WAAY,KAAM,IAAK,UAAW,OAAQ,EACzD,CAAE,YAAa,WAAY,KAAM,IAAK,UAAW,KAAM,EACvD,CAAE,YAAa,WAAY,KAAM,IAAK,UAAW,OAAQ,EACzD,CAAE,YAAa,aAAc,KAAM,IAAK,UAAW,OAAQ,EAC3D,CAAE,YAAa,aAAc,KAAM,IAAK,UAAW,KAAM,EACzD,CAAE,YAAa,aAAc,KAAM,IAAK,UAAW,OAAQ,CAC7D,CACF,CAAC,EAWKF,EAA4B,aAChC,CACE,CAAE,kBAAAP,EAAmB,UAAAE,EAAW,YAAAQ,EAAc,WAAY,GAAGN,CAAM,EACnEC,IACG,CACH,GAAM,CAAE,KAAAF,CAAK,EAAIL,EAAmBJ,EAAkBM,CAAiB,EAEvE,OACER,EAAqB,YAApB,CACC,IAAKa,EACL,UAAWG,EAA4B,CAAE,YAAAE,EAAa,KAAAP,EAAM,UAAAD,CAAU,CAAC,EACvE,YAAaQ,EACZ,GAAGN,EAEJ,SAAAZ,EAAqB,kBAApB,CAAoC,UAAU,yCAAyC,EAC1F,CAEJ,CACF,EAEAe,EAAoB,YAAkC,YAAU","names":["React","ScrollAreaPrimitive","createContextScope","tv","jsx","jsxs","SCROLL_AREA_NAME","createCarouselContext","createContextScope","CarouselProvider","useCarouselContext","ScrollArea","__scopeScrollArea","children","className","size","props","forwardedRef","cn","ScrollAreaScrollbar","scrollAreaScrollbarVariants","tv","orientation"]}
+{"version":3,"sources":["../../src/components/scroll-area.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';\nimport { createContextScope, type Scope } from '@radix-ui/react-context';\nimport { tv, type VariantProps } from 'tailwind-variants';\nimport { cn } from '@/lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Variant: ScrollAreaScrollbar\n * -------------------------------------------------------------------------- */\n\nconst scrollAreaScrollbarVariants = tv({\n  base: 'flex touch-none select-none p-px transition',\n  variants: {\n    orientation: {\n      vertical: 'h-full flex-row border-l border-l-transparent',\n      horizontal: 'w-full flex-col border-t border-t-transparent',\n    },\n    size: { none: '', sm: '', md: '', lg: '' },\n  },\n  compoundVariants: [\n    { orientation: 'vertical', size: 'sm', className: 'w-1.5' },\n    { orientation: 'vertical', size: 'md', className: 'w-2' },\n    { orientation: 'vertical', size: 'lg', className: 'w-2.5' },\n    { orientation: 'horizontal', size: 'sm', className: 'h-1.5' },\n    { orientation: 'horizontal', size: 'md', className: 'h-2' },\n    { orientation: 'horizontal', size: 'lg', className: 'h-2.5' },\n  ],\n  defaultVariants: { size: 'md', vertical: 'vertical' },\n});\n\ntype ScrollAreaScrollbarVariantsProps = VariantProps<typeof scrollAreaScrollbarVariants>;\n\n/* -----------------------------------------------------------------------------\n * Component: ScrollArea\n * -------------------------------------------------------------------------- */\n\nconst SCROLL_AREA_NAME = 'ScrollArea';\n\ntype ScopedProps<P> = P & { __scopeScrollArea?: Scope };\n\nconst [createCarouselContext] = createContextScope(SCROLL_AREA_NAME);\n\ntype ScrollAreaContextValue = Pick<ScrollAreaScrollbarVariantsProps, 'size'>;\n\nconst [CarouselProvider, useCarouselContext] = createCarouselContext<ScrollAreaContextValue>(SCROLL_AREA_NAME);\n\ntype ScrollAreaElement = React.ElementRef<typeof ScrollAreaPrimitive.Root>;\ntype ScrollAreaProps = React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root> & ScrollAreaContextValue;\n\nconst ScrollArea = React.forwardRef<ScrollAreaElement, ScrollAreaProps>(\n  ({ __scopeScrollArea, children, className, size, ...props }: ScopedProps<ScrollAreaProps>, forwardedRef) => (\n    <CarouselProvider scope={__scopeScrollArea} size={size}>\n      <ScrollAreaPrimitive.Root ref={forwardedRef} className={cn('relative overflow-hidden', className)} {...props}>\n        <ScrollAreaPrimitive.Viewport className=\"size-full rounded-[inherit] [&>*]:h-full\">\n          {children}\n        </ScrollAreaPrimitive.Viewport>\n        <ScrollAreaScrollbar orientation=\"vertical\" />\n        <ScrollAreaScrollbar orientation=\"horizontal\" />\n        <ScrollAreaPrimitive.Corner />\n      </ScrollAreaPrimitive.Root>\n    </CarouselProvider>\n  ),\n);\n\nScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: ScrollAreaScrollbar\n * -------------------------------------------------------------------------- */\n\ntype ScrollAreaScrollbarElement = React.ElementRef<typeof ScrollAreaPrimitive.Scrollbar>;\ntype ScrollAreaScrollbarProps = React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Scrollbar>;\n\nconst ScrollAreaScrollbar = React.forwardRef<ScrollAreaScrollbarElement, ScrollAreaScrollbarProps>(\n  ({ __scopeScrollArea, className, orientation, ...props }: ScopedProps<ScrollAreaScrollbarProps>, forwardedRef) => {\n    const { size } = useCarouselContext(SCROLL_AREA_NAME, __scopeScrollArea);\n\n    return (\n      <ScrollAreaPrimitive.Scrollbar\n        ref={forwardedRef}\n        className={scrollAreaScrollbarVariants({ orientation, size, className })}\n        orientation={orientation}\n        {...props}\n      >\n        <ScrollAreaPrimitive.ScrollAreaThumb className=\"bg-border relative flex-1 rounded-full\" />\n      </ScrollAreaPrimitive.Scrollbar>\n    );\n  },\n);\n\nScrollAreaScrollbar.displayName = ScrollAreaPrimitive.Scrollbar.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { ScrollArea, ScrollAreaScrollbar, type ScrollAreaProps, type ScrollAreaScrollbarProps };\n"],"mappings":"sDAEA,UAAYA,MAAW,QACvB,UAAYC,MAAyB,8BACrC,OAAS,sBAAAC,MAAsC,0BAC/C,OAAS,MAAAC,MAA6B,oBAiDhC,OACE,OAAAC,EADF,QAAAC,MAAA,oBA1CN,IAAMC,EAA8BC,EAAG,CACrC,KAAM,8CACN,SAAU,CACR,YAAa,CACX,SAAU,gDACV,WAAY,+CACd,EACA,KAAM,CAAE,KAAM,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,EAAG,CAC3C,EACA,iBAAkB,CAChB,CAAE,YAAa,WAAY,KAAM,KAAM,UAAW,OAAQ,EAC1D,CAAE,YAAa,WAAY,KAAM,KAAM,UAAW,KAAM,EACxD,CAAE,YAAa,WAAY,KAAM,KAAM,UAAW,OAAQ,EAC1D,CAAE,YAAa,aAAc,KAAM,KAAM,UAAW,OAAQ,EAC5D,CAAE,YAAa,aAAc,KAAM,KAAM,UAAW,KAAM,EAC1D,CAAE,YAAa,aAAc,KAAM,KAAM,UAAW,OAAQ,CAC9D,EACA,gBAAiB,CAAE,KAAM,KAAM,SAAU,UAAW,CACtD,CAAC,EAQKC,EAAmB,aAInB,CAACC,CAAqB,EAAIC,EAAmBF,CAAgB,EAI7D,CAACG,EAAkBC,CAAkB,EAAIH,EAA8CD,CAAgB,EAKvGK,EAAmB,aACvB,CAAC,CAAE,kBAAAC,EAAmB,SAAAC,EAAU,UAAAC,EAAW,KAAAC,EAAM,GAAGC,CAAM,EAAiCC,IACzFf,EAACO,EAAA,CAAiB,MAAOG,EAAmB,KAAMG,EAChD,SAAAZ,EAAqB,OAApB,CAAyB,IAAKc,EAAc,UAAWC,EAAG,2BAA4BJ,CAAS,EAAI,GAAGE,EACrG,UAAAd,EAAqB,WAApB,CAA6B,UAAU,2CACrC,SAAAW,EACH,EACAX,EAACiB,EAAA,CAAoB,YAAY,WAAW,EAC5CjB,EAACiB,EAAA,CAAoB,YAAY,aAAa,EAC9CjB,EAAqB,SAApB,EAA2B,GAC9B,EACF,CAEJ,EAEAS,EAAW,YAAkC,OAAK,YASlD,IAAMQ,EAA4B,aAChC,CAAC,CAAE,kBAAAP,EAAmB,UAAAE,EAAW,YAAAM,EAAa,GAAGJ,CAAM,EAA0CC,IAAiB,CAChH,GAAM,CAAE,KAAAF,CAAK,EAAIL,EAAmBJ,EAAkBM,CAAiB,EAEvE,OACEV,EAAqB,YAApB,CACC,IAAKe,EACL,UAAWb,EAA4B,CAAE,YAAAgB,EAAa,KAAAL,EAAM,UAAAD,CAAU,CAAC,EACvE,YAAaM,EACZ,GAAGJ,EAEJ,SAAAd,EAAqB,kBAApB,CAAoC,UAAU,yCAAyC,EAC1F,CAEJ,CACF,EAEAiB,EAAoB,YAAkC,YAAU","names":["React","ScrollAreaPrimitive","createContextScope","tv","jsx","jsxs","scrollAreaScrollbarVariants","tv","SCROLL_AREA_NAME","createCarouselContext","createContextScope","CarouselProvider","useCarouselContext","ScrollArea","__scopeScrollArea","children","className","size","props","forwardedRef","cn","ScrollAreaScrollbar","orientation"]}

package/dist/components/select.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";var _chunkMTBVDSX3cjs = require('../chunk-MTBVDSX3.cjs');require('../chunk-4XRBMJ5Q.cjs');exports.Select = _chunkMTBVDSX3cjs.a; exports.SelectContent = _chunkMTBVDSX3cjs.g; exports.SelectGroup = _chunkMTBVDSX3cjs.b; exports.SelectItem = _chunkMTBVDSX3cjs.i; exports.SelectLabel = _chunkMTBVDSX3cjs.h; exports.SelectScrollDownButton = _chunkMTBVDSX3cjs.f; exports.SelectScrollUpButton = _chunkMTBVDSX3cjs.e; exports.SelectSeparator = _chunkMTBVDSX3cjs.j; exports.SelectTrigger = _chunkMTBVDSX3cjs.d; exports.SelectValue = _chunkMTBVDSX3cjs.c;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";var _chunkEWFBUJ5Vcjs = require('../chunk-EWFBUJ5V.cjs');require('../chunk-LSBI35ZE.cjs');require('../chunk-4XRBMJ5Q.cjs');exports.Select = _chunkEWFBUJ5Vcjs.a; exports.SelectContent = _chunkEWFBUJ5Vcjs.g; exports.SelectGroup = _chunkEWFBUJ5Vcjs.b; exports.SelectItem = _chunkEWFBUJ5Vcjs.i; exports.SelectLabel = _chunkEWFBUJ5Vcjs.h; exports.SelectScrollDownButton = _chunkEWFBUJ5Vcjs.f; exports.SelectScrollUpButton = _chunkEWFBUJ5Vcjs.e; exports.SelectSeparator = _chunkEWFBUJ5Vcjs.j; exports.SelectTrigger = _chunkEWFBUJ5Vcjs.d; exports.SelectValue = _chunkEWFBUJ5Vcjs.c;
 //# sourceMappingURL=select.cjs.map

package/dist/components/select.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/codefast/codefast/packages/ui/dist/components/select.cjs"],"names":[],"mappings":"AAAA,qFAAY,CAAC,yDAAsD,iCAA8B,mcAAwM","file":"/home/runner/work/codefast/codefast/packages/ui/dist/components/select.cjs"}
+{"version":3,"sources":["/home/runner/work/codefast/codefast/packages/ui/dist/components/select.cjs"],"names":[],"mappings":"AAAA,qFAAY,CAAC,yDAAsD,iCAA8B,iCAA8B,mcAAwM","file":"/home/runner/work/codefast/codefast/packages/ui/dist/components/select.cjs"}

package/dist/components/select.d.cts

@@ -1,5 +1,8 @@
 import * as React from 'react';
 import * as SelectPrimitive from '@radix-ui/react-select';
+import { ButtonVariantsProps } from '../styles/button-variants.cjs';
+import 'tailwind-variants';
+import 'tailwind-variants/dist/config.js';
 
 type SelectProps = React.ComponentProps<typeof SelectPrimitive.Root>;
 declare const Select: React.FC<SelectPrimitive.SelectProps>;
@@ -7,8 +10,10 @@ type SelectGroupProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Gr
 declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
 type SelectValueProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Value>;
 declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
-type SelectTriggerProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>;
-declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+interface SelectTriggerProps extends React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger> {
+    size?: ButtonVariantsProps['size'];
+}
+declare const SelectTrigger: React.ForwardRefExoticComponent<SelectTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 type SelectScrollUpButtonProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>;
 declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 type SelectScrollDownButtonProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>;

package/dist/components/select.d.ts

@@ -1,5 +1,8 @@
 import * as React from 'react';
 import * as SelectPrimitive from '@radix-ui/react-select';
+import { ButtonVariantsProps } from '../styles/button-variants.js';
+import 'tailwind-variants';
+import 'tailwind-variants/dist/config.js';
 
 type SelectProps = React.ComponentProps<typeof SelectPrimitive.Root>;
 declare const Select: React.FC<SelectPrimitive.SelectProps>;
@@ -7,8 +10,10 @@ type SelectGroupProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Gr
 declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
 type SelectValueProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Value>;
 declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
-type SelectTriggerProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>;
-declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+interface SelectTriggerProps extends React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger> {
+    size?: ButtonVariantsProps['size'];
+}
+declare const SelectTrigger: React.ForwardRefExoticComponent<SelectTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 type SelectScrollUpButtonProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>;
 declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 type SelectScrollDownButtonProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>;

package/dist/components/select.js

@@ -1,2 +1,2 @@
-"use client";import{a,b,c,d,e,f,g,h,i,j}from"../chunk-6ZQPOY3K.js";import"../chunk-VRBUDJBH.js";export{a as Select,g as SelectContent,b as SelectGroup,i as SelectItem,h as SelectLabel,f as SelectScrollDownButton,e as SelectScrollUpButton,j as SelectSeparator,d as SelectTrigger,c as SelectValue};
+"use client";import{a,b,c,d,e,f,g,h,i,j}from"../chunk-O5EAJQGO.js";import"../chunk-YGPIWXWP.js";import"../chunk-VRBUDJBH.js";export{a as Select,g as SelectContent,b as SelectGroup,i as SelectItem,h as SelectLabel,f as SelectScrollDownButton,e as SelectScrollUpButton,j as SelectSeparator,d as SelectTrigger,c as SelectValue};
 //# sourceMappingURL=select.js.map

package/dist/components/separator.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";var _chunk4XRBMJ5Qcjs = require('../chunk-4XRBMJ5Q.cjs');var _react = require('react'); var a = _interopRequireWildcard(_react);var _reactseparator = require('@radix-ui/react-separator'); var o = _interopRequireWildcard(_reactseparator);var _tailwindvariants = require('tailwind-variants');var _jsxruntime = require('react/jsx-runtime');var f=_tailwindvariants.tv.call(void 0, {base:"bg-border relative flex shrink-0 items-center",variants:{align:{start:"justify-start",center:"justify-center",end:"justify-end"},orientation:{horizontal:"h-px w-full",vertical:"h-full w-px flex-col"}},defaultVariants:{align:"center",orientation:"horizontal"}}),c= exports.Separator =a.forwardRef(({className:e,orientation:t="horizontal",align:r,decorative:n=!0,...s},m)=>_jsxruntime.jsx.call(void 0, o.Root,{ref:m,className:f({align:r,orientation:t,className:e}),decorative:n,orientation:t,...s}));c.displayName=o.Root.displayName;var S=a.forwardRef(({className:e,...t},r)=>_jsxruntime.jsx.call(void 0, "div",{ref:r,className:_chunk4XRBMJ5Qcjs.a.call(void 0, "bg-background text-muted-foreground absolute mx-2 px-2 text-sm",e),...t}));S.displayName="SeparatorItem";exports.Separator = c; exports.SeparatorItem = S;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";var _chunk4XRBMJ5Qcjs = require('../chunk-4XRBMJ5Q.cjs');var _react = require('react'); var a = _interopRequireWildcard(_react);var _reactseparator = require('@radix-ui/react-separator'); var o = _interopRequireWildcard(_reactseparator);var _tailwindvariants = require('tailwind-variants');var _jsxruntime = require('react/jsx-runtime');var f=_tailwindvariants.tv.call(void 0, {base:"bg-muted relative flex shrink-0 items-center",variants:{align:{start:"justify-start",center:"justify-center",end:"justify-end"},orientation:{horizontal:"h-px w-full",vertical:"h-full w-px flex-col"}},defaultVariants:{align:"center",orientation:"horizontal"}}),c= exports.Separator =a.forwardRef(({className:e,orientation:t,align:r,decorative:n=!0,...s},m)=>_jsxruntime.jsx.call(void 0, o.Root,{ref:m,className:f({align:r,orientation:t,className:e}),decorative:n,orientation:t,...s}));c.displayName=o.Root.displayName;var S=a.forwardRef(({className:e,...t},r)=>_jsxruntime.jsx.call(void 0, "div",{ref:r,className:_chunk4XRBMJ5Qcjs.a.call(void 0, "bg-background text-muted-foreground absolute mx-2 px-2 text-sm",e),...t}));S.displayName="SeparatorItem";exports.Separator = c; exports.SeparatorItem = S;
 //# sourceMappingURL=separator.cjs.map

package/dist/components/separator.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/codefast/codefast/packages/ui/dist/components/separator.cjs","../../src/components/separator.tsx"],"names":["separatorVariants","tv","Separator","className","orientation","align","decorative","props","forwardedRef","jsx","SeparatorItem","cn"],"mappings":"AAAA,uWAAY,CAAC,yDAAyC,uECE/B,6GACa,qDACE,+CAwClC,IAjCEA,CAAAA,CAAoBC,kCAAAA,CACxB,IAAA,CAAM,+CAAA,CACN,QAAA,CAAU,CACR,KAAA,CAAO,CACL,KAAA,CAAO,eAAA,CACP,MAAA,CAAQ,gBAAA,CACR,GAAA,CAAK,aACP,CAAA,CACA,WAAA,CAAa,CACX,UAAA,CAAY,aAAA,CACZ,QAAA,CAAU,sBACZ,CACF,CAAA,CACA,eAAA,CAAiB,CACf,KAAA,CAAO,QAAA,CACP,WAAA,CAAa,YACf,CACF,CAAC,CAAA,CAcKC,CAAAA,qBAAkB,CAAA,CAAA,UAAA,CACtB,CAAC,CAAE,SAAA,CAAAC,CAAAA,CAAW,WAAA,CAAAC,CAAAA,CAAc,YAAA,CAAc,KAAA,CAAAC,CAAAA,CAAO,UAAA,CAAAC,CAAAA,CAAa,CAAA,CAAA,CAAM,GAAGC,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EAC9EC,6BAAAA,CAAoB,CAAA,IAAA,CAAnB,CACC,GAAA,CAAKD,CAAAA,CACL,SAAA,CAAWR,CAAAA,CAAkB,CAAE,KAAA,CAAAK,CAAAA,CAAO,WAAA,CAAAD,CAAAA,CAAa,SAAA,CAAAD,CAAU,CAAC,CAAA,CAC9D,UAAA,CAAYG,CAAAA,CACZ,WAAA,CAAaF,CAAAA,CACZ,GAAGG,CAAAA,CACN,CAEJ,CAAA,CAEAL,CAAAA,CAAU,WAAA,CAAiC,CAAA,CAAA,IAAA,CAAK,WAAA,CAShD,IAAMQ,CAAAA,CAAsB,CAAA,CAAA,UAAA,CAC1B,CAAC,CAAE,SAAA,CAAAP,CAAAA,CAAW,GAAGI,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EAEtBC,6BAAAA,KAAC,CAAA,CACC,GAAA,CAAKD,CAAAA,CACL,SAAA,CAAWG,iCAAAA,gEAAG,CAAkER,CAAS,CAAA,CACxF,GAAGI,CAAAA,CACN,CAGN,CAAA,CAEAG,CAAAA,CAAc,WAAA,CAAc,eAAA,CAAA,iDAAA","file":"/home/runner/work/codefast/codefast/packages/ui/dist/components/separator.cjs","sourcesContent":[null,"'use client';\n\nimport * as React from 'react';\nimport * as SeparatorPrimitive from '@radix-ui/react-separator';\nimport { tv, type VariantProps } from 'tailwind-variants';\nimport { cn } from '@/lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Variant: Separator\n * -------------------------------------------------------------------------- */\n\nconst separatorVariants = tv({\n  base: 'bg-border relative flex shrink-0 items-center',\n  variants: {\n    align: {\n      start: 'justify-start',\n      center: 'justify-center',\n      end: 'justify-end',\n    },\n    orientation: {\n      horizontal: 'h-px w-full',\n      vertical: 'h-full w-px flex-col',\n    },\n  },\n  defaultVariants: {\n    align: 'center',\n    orientation: 'horizontal',\n  },\n});\n\ntype SeparatorVariantsProps = VariantProps<typeof separatorVariants>;\n\n/* -----------------------------------------------------------------------------\n * Component: Separator\n * -------------------------------------------------------------------------- */\n\ntype SeparatorElement = React.ElementRef<typeof SeparatorPrimitive.Root>;\n\ninterface SeparatorProps\n  extends React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>,\n    Omit<SeparatorVariantsProps, 'orientation'> {}\n\nconst Separator = React.forwardRef<SeparatorElement, SeparatorProps>(\n  ({ className, orientation = 'horizontal', align, decorative = true, ...props }, forwardedRef) => (\n    <SeparatorPrimitive.Root\n      ref={forwardedRef}\n      className={separatorVariants({ align, orientation, className })}\n      decorative={decorative}\n      orientation={orientation}\n      {...props}\n    />\n  ),\n);\n\nSeparator.displayName = SeparatorPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SeparatorItem\n * -------------------------------------------------------------------------- */\n\ntype SeparatorItemElement = HTMLDivElement;\ntype SeparatorItemProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst SeparatorItem = React.forwardRef<SeparatorItemElement, SeparatorItemProps>(\n  ({ className, ...props }, forwardedRef) => {\n    return (\n      <div\n        ref={forwardedRef}\n        className={cn('bg-background text-muted-foreground absolute mx-2 px-2 text-sm', className)}\n        {...props}\n      />\n    );\n  },\n);\n\nSeparatorItem.displayName = 'SeparatorItem';\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Separator, SeparatorItem, type SeparatorProps };\n"]}
+{"version":3,"sources":["/home/runner/work/codefast/codefast/packages/ui/dist/components/separator.cjs","../../src/components/separator.tsx"],"names":["separatorVariants","tv","Separator","className","orientation","align","decorative","props","forwardedRef","jsx","SeparatorItem","cn"],"mappings":"AAAA,uWAAY,CAAC,yDAAyC,uECE/B,6GACa,qDACE,+CAwClC,IAjCEA,CAAAA,CAAoBC,kCAAAA,CACxB,IAAA,CAAM,8CAAA,CACN,QAAA,CAAU,CACR,KAAA,CAAO,CACL,KAAA,CAAO,eAAA,CACP,MAAA,CAAQ,gBAAA,CACR,GAAA,CAAK,aACP,CAAA,CACA,WAAA,CAAa,CACX,UAAA,CAAY,aAAA,CACZ,QAAA,CAAU,sBACZ,CACF,CAAA,CACA,eAAA,CAAiB,CACf,KAAA,CAAO,QAAA,CACP,WAAA,CAAa,YACf,CACF,CAAC,CAAA,CAcKC,CAAAA,qBAAkB,CAAA,CAAA,UAAA,CACtB,CAAC,CAAE,SAAA,CAAAC,CAAAA,CAAW,WAAA,CAAAC,CAAAA,CAAa,KAAA,CAAAC,CAAAA,CAAO,UAAA,CAAAC,CAAAA,CAAa,CAAA,CAAA,CAAM,GAAGC,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EAC/DC,6BAAAA,CAAoB,CAAA,IAAA,CAAnB,CACC,GAAA,CAAKD,CAAAA,CACL,SAAA,CAAWR,CAAAA,CAAkB,CAAE,KAAA,CAAAK,CAAAA,CAAO,WAAA,CAAAD,CAAAA,CAAa,SAAA,CAAAD,CAAU,CAAC,CAAA,CAC9D,UAAA,CAAYG,CAAAA,CACZ,WAAA,CAAaF,CAAAA,CACZ,GAAGG,CAAAA,CACN,CAEJ,CAAA,CAEAL,CAAAA,CAAU,WAAA,CAAiC,CAAA,CAAA,IAAA,CAAK,WAAA,CAShD,IAAMQ,CAAAA,CAAsB,CAAA,CAAA,UAAA,CAC1B,CAAC,CAAE,SAAA,CAAAP,CAAAA,CAAW,GAAGI,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EACxBC,6BAAAA,KAAC,CAAA,CACC,GAAA,CAAKD,CAAAA,CACL,SAAA,CAAWG,iCAAAA,gEAAG,CAAkER,CAAS,CAAA,CACxF,GAAGI,CAAAA,CACN,CAEJ,CAAA,CAEAG,CAAAA,CAAc,WAAA,CAAc,eAAA,CAAA,iDAAA","file":"/home/runner/work/codefast/codefast/packages/ui/dist/components/separator.cjs","sourcesContent":[null,"'use client';\n\nimport * as React from 'react';\nimport * as SeparatorPrimitive from '@radix-ui/react-separator';\nimport { tv, type VariantProps } from 'tailwind-variants';\nimport { cn } from '@/lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Variant: Separator\n * -------------------------------------------------------------------------- */\n\nconst separatorVariants = tv({\n  base: 'bg-muted relative flex shrink-0 items-center',\n  variants: {\n    align: {\n      start: 'justify-start',\n      center: 'justify-center',\n      end: 'justify-end',\n    },\n    orientation: {\n      horizontal: 'h-px w-full',\n      vertical: 'h-full w-px flex-col',\n    },\n  },\n  defaultVariants: {\n    align: 'center',\n    orientation: 'horizontal',\n  },\n});\n\ntype SeparatorVariantsProps = VariantProps<typeof separatorVariants>;\n\n/* -----------------------------------------------------------------------------\n * Component: Separator\n * -------------------------------------------------------------------------- */\n\ntype SeparatorElement = React.ElementRef<typeof SeparatorPrimitive.Root>;\n\ninterface SeparatorProps\n  extends React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>,\n    Omit<SeparatorVariantsProps, 'orientation'> {}\n\nconst Separator = React.forwardRef<SeparatorElement, SeparatorProps>(\n  ({ className, orientation, align, decorative = true, ...props }, forwardedRef) => (\n    <SeparatorPrimitive.Root\n      ref={forwardedRef}\n      className={separatorVariants({ align, orientation, className })}\n      decorative={decorative}\n      orientation={orientation}\n      {...props}\n    />\n  ),\n);\n\nSeparator.displayName = SeparatorPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SeparatorItem\n * -------------------------------------------------------------------------- */\n\ntype SeparatorItemElement = HTMLDivElement;\ntype SeparatorItemProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst SeparatorItem = React.forwardRef<SeparatorItemElement, SeparatorItemProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <div\n      ref={forwardedRef}\n      className={cn('bg-background text-muted-foreground absolute mx-2 px-2 text-sm', className)}\n      {...props}\n    />\n  ),\n);\n\nSeparatorItem.displayName = 'SeparatorItem';\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Separator, SeparatorItem, type SeparatorProps };\n"]}

package/dist/components/separator.d.cts

@@ -14,7 +14,7 @@ declare const separatorVariants: tailwind_variants.TVReturnType<{
         horizontal: string;
         vertical: string;
     };
-}, undefined, "bg-border relative flex shrink-0 items-center", tailwind_variants_dist_config_js.TVConfig<{
+}, undefined, "bg-muted relative flex shrink-0 items-center", tailwind_variants_dist_config_js.TVConfig<{
     align: {
         start: string;
         center: string;
@@ -54,7 +54,7 @@ declare const separatorVariants: tailwind_variants.TVReturnType<{
         horizontal: string;
         vertical: string;
     };
-}, undefined, "bg-border relative flex shrink-0 items-center", tailwind_variants_dist_config_js.TVConfig<{
+}, undefined, "bg-muted relative flex shrink-0 items-center", tailwind_variants_dist_config_js.TVConfig<{
     align: {
         start: string;
         center: string;

package/dist/components/separator.d.ts

@@ -14,7 +14,7 @@ declare const separatorVariants: tailwind_variants.TVReturnType<{
         horizontal: string;
         vertical: string;
     };
-}, undefined, "bg-border relative flex shrink-0 items-center", tailwind_variants_dist_config_js.TVConfig<{
+}, undefined, "bg-muted relative flex shrink-0 items-center", tailwind_variants_dist_config_js.TVConfig<{
     align: {
         start: string;
         center: string;
@@ -54,7 +54,7 @@ declare const separatorVariants: tailwind_variants.TVReturnType<{
         horizontal: string;
         vertical: string;
     };
-}, undefined, "bg-border relative flex shrink-0 items-center", tailwind_variants_dist_config_js.TVConfig<{
+}, undefined, "bg-muted relative flex shrink-0 items-center", tailwind_variants_dist_config_js.TVConfig<{
     align: {
         start: string;
         center: string;

package/dist/components/separator.js

@@ -1,2 +1,2 @@
-"use client";import{a as i}from"../chunk-VRBUDJBH.js";import*as a from"react";import*as o from"@radix-ui/react-separator";import{tv as l}from"tailwind-variants";import{jsx as p}from"react/jsx-runtime";var f=l({base:"bg-border relative flex shrink-0 items-center",variants:{align:{start:"justify-start",center:"justify-center",end:"justify-end"},orientation:{horizontal:"h-px w-full",vertical:"h-full w-px flex-col"}},defaultVariants:{align:"center",orientation:"horizontal"}}),c=a.forwardRef(({className:e,orientation:t="horizontal",align:r,decorative:n=!0,...s},m)=>p(o.Root,{ref:m,className:f({align:r,orientation:t,className:e}),decorative:n,orientation:t,...s}));c.displayName=o.Root.displayName;var S=a.forwardRef(({className:e,...t},r)=>p("div",{ref:r,className:i("bg-background text-muted-foreground absolute mx-2 px-2 text-sm",e),...t}));S.displayName="SeparatorItem";export{c as Separator,S as SeparatorItem};
+"use client";import{a as i}from"../chunk-VRBUDJBH.js";import*as a from"react";import*as o from"@radix-ui/react-separator";import{tv as l}from"tailwind-variants";import{jsx as p}from"react/jsx-runtime";var f=l({base:"bg-muted relative flex shrink-0 items-center",variants:{align:{start:"justify-start",center:"justify-center",end:"justify-end"},orientation:{horizontal:"h-px w-full",vertical:"h-full w-px flex-col"}},defaultVariants:{align:"center",orientation:"horizontal"}}),c=a.forwardRef(({className:e,orientation:t,align:r,decorative:n=!0,...s},m)=>p(o.Root,{ref:m,className:f({align:r,orientation:t,className:e}),decorative:n,orientation:t,...s}));c.displayName=o.Root.displayName;var S=a.forwardRef(({className:e,...t},r)=>p("div",{ref:r,className:i("bg-background text-muted-foreground absolute mx-2 px-2 text-sm",e),...t}));S.displayName="SeparatorItem";export{c as Separator,S as SeparatorItem};
 //# sourceMappingURL=separator.js.map

package/dist/components/separator.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/separator.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as SeparatorPrimitive from '@radix-ui/react-separator';\nimport { tv, type VariantProps } from 'tailwind-variants';\nimport { cn } from '@/lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Variant: Separator\n * -------------------------------------------------------------------------- */\n\nconst separatorVariants = tv({\n  base: 'bg-border relative flex shrink-0 items-center',\n  variants: {\n    align: {\n      start: 'justify-start',\n      center: 'justify-center',\n      end: 'justify-end',\n    },\n    orientation: {\n      horizontal: 'h-px w-full',\n      vertical: 'h-full w-px flex-col',\n    },\n  },\n  defaultVariants: {\n    align: 'center',\n    orientation: 'horizontal',\n  },\n});\n\ntype SeparatorVariantsProps = VariantProps<typeof separatorVariants>;\n\n/* -----------------------------------------------------------------------------\n * Component: Separator\n * -------------------------------------------------------------------------- */\n\ntype SeparatorElement = React.ElementRef<typeof SeparatorPrimitive.Root>;\n\ninterface SeparatorProps\n  extends React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>,\n    Omit<SeparatorVariantsProps, 'orientation'> {}\n\nconst Separator = React.forwardRef<SeparatorElement, SeparatorProps>(\n  ({ className, orientation = 'horizontal', align, decorative = true, ...props }, forwardedRef) => (\n    <SeparatorPrimitive.Root\n      ref={forwardedRef}\n      className={separatorVariants({ align, orientation, className })}\n      decorative={decorative}\n      orientation={orientation}\n      {...props}\n    />\n  ),\n);\n\nSeparator.displayName = SeparatorPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SeparatorItem\n * -------------------------------------------------------------------------- */\n\ntype SeparatorItemElement = HTMLDivElement;\ntype SeparatorItemProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst SeparatorItem = React.forwardRef<SeparatorItemElement, SeparatorItemProps>(\n  ({ className, ...props }, forwardedRef) => {\n    return (\n      <div\n        ref={forwardedRef}\n        className={cn('bg-background text-muted-foreground absolute mx-2 px-2 text-sm', className)}\n        {...props}\n      />\n    );\n  },\n);\n\nSeparatorItem.displayName = 'SeparatorItem';\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Separator, SeparatorItem, type SeparatorProps };\n"],"mappings":"sDAEA,UAAYA,MAAW,QACvB,UAAYC,MAAwB,4BACpC,OAAS,MAAAC,MAA6B,oBAwClC,cAAAC,MAAA,oBAjCJ,IAAMC,EAAoBC,EAAG,CAC3B,KAAM,gDACN,SAAU,CACR,MAAO,CACL,MAAO,gBACP,OAAQ,iBACR,IAAK,aACP,EACA,YAAa,CACX,WAAY,cACZ,SAAU,sBACZ,CACF,EACA,gBAAiB,CACf,MAAO,SACP,YAAa,YACf,CACF,CAAC,EAcKC,EAAkB,aACtB,CAAC,CAAE,UAAAC,EAAW,YAAAC,EAAc,aAAc,MAAAC,EAAO,WAAAC,EAAa,GAAM,GAAGC,CAAM,EAAGC,IAC9ET,EAAoB,OAAnB,CACC,IAAKS,EACL,UAAWR,EAAkB,CAAE,MAAAK,EAAO,YAAAD,EAAa,UAAAD,CAAU,CAAC,EAC9D,WAAYG,EACZ,YAAaF,EACZ,GAAGG,EACN,CAEJ,EAEAL,EAAU,YAAiC,OAAK,YAShD,IAAMO,EAAsB,aAC1B,CAAC,CAAE,UAAAN,EAAW,GAAGI,CAAM,EAAGC,IAEtBT,EAAC,OACC,IAAKS,EACL,UAAWE,EAAG,iEAAkEP,CAAS,EACxF,GAAGI,EACN,CAGN,EAEAE,EAAc,YAAc","names":["React","SeparatorPrimitive","tv","jsx","separatorVariants","tv","Separator","className","orientation","align","decorative","props","forwardedRef","SeparatorItem","cn"]}
+{"version":3,"sources":["../../src/components/separator.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as SeparatorPrimitive from '@radix-ui/react-separator';\nimport { tv, type VariantProps } from 'tailwind-variants';\nimport { cn } from '@/lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Variant: Separator\n * -------------------------------------------------------------------------- */\n\nconst separatorVariants = tv({\n  base: 'bg-muted relative flex shrink-0 items-center',\n  variants: {\n    align: {\n      start: 'justify-start',\n      center: 'justify-center',\n      end: 'justify-end',\n    },\n    orientation: {\n      horizontal: 'h-px w-full',\n      vertical: 'h-full w-px flex-col',\n    },\n  },\n  defaultVariants: {\n    align: 'center',\n    orientation: 'horizontal',\n  },\n});\n\ntype SeparatorVariantsProps = VariantProps<typeof separatorVariants>;\n\n/* -----------------------------------------------------------------------------\n * Component: Separator\n * -------------------------------------------------------------------------- */\n\ntype SeparatorElement = React.ElementRef<typeof SeparatorPrimitive.Root>;\n\ninterface SeparatorProps\n  extends React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>,\n    Omit<SeparatorVariantsProps, 'orientation'> {}\n\nconst Separator = React.forwardRef<SeparatorElement, SeparatorProps>(\n  ({ className, orientation, align, decorative = true, ...props }, forwardedRef) => (\n    <SeparatorPrimitive.Root\n      ref={forwardedRef}\n      className={separatorVariants({ align, orientation, className })}\n      decorative={decorative}\n      orientation={orientation}\n      {...props}\n    />\n  ),\n);\n\nSeparator.displayName = SeparatorPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SeparatorItem\n * -------------------------------------------------------------------------- */\n\ntype SeparatorItemElement = HTMLDivElement;\ntype SeparatorItemProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst SeparatorItem = React.forwardRef<SeparatorItemElement, SeparatorItemProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <div\n      ref={forwardedRef}\n      className={cn('bg-background text-muted-foreground absolute mx-2 px-2 text-sm', className)}\n      {...props}\n    />\n  ),\n);\n\nSeparatorItem.displayName = 'SeparatorItem';\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Separator, SeparatorItem, type SeparatorProps };\n"],"mappings":"sDAEA,UAAYA,MAAW,QACvB,UAAYC,MAAwB,4BACpC,OAAS,MAAAC,MAA6B,oBAwClC,cAAAC,MAAA,oBAjCJ,IAAMC,EAAoBC,EAAG,CAC3B,KAAM,+CACN,SAAU,CACR,MAAO,CACL,MAAO,gBACP,OAAQ,iBACR,IAAK,aACP,EACA,YAAa,CACX,WAAY,cACZ,SAAU,sBACZ,CACF,EACA,gBAAiB,CACf,MAAO,SACP,YAAa,YACf,CACF,CAAC,EAcKC,EAAkB,aACtB,CAAC,CAAE,UAAAC,EAAW,YAAAC,EAAa,MAAAC,EAAO,WAAAC,EAAa,GAAM,GAAGC,CAAM,EAAGC,IAC/DT,EAAoB,OAAnB,CACC,IAAKS,EACL,UAAWR,EAAkB,CAAE,MAAAK,EAAO,YAAAD,EAAa,UAAAD,CAAU,CAAC,EAC9D,WAAYG,EACZ,YAAaF,EACZ,GAAGG,EACN,CAEJ,EAEAL,EAAU,YAAiC,OAAK,YAShD,IAAMO,EAAsB,aAC1B,CAAC,CAAE,UAAAN,EAAW,GAAGI,CAAM,EAAGC,IACxBT,EAAC,OACC,IAAKS,EACL,UAAWE,EAAG,iEAAkEP,CAAS,EACxF,GAAGI,EACN,CAEJ,EAEAE,EAAc,YAAc","names":["React","SeparatorPrimitive","tv","jsx","separatorVariants","tv","Separator","className","orientation","align","decorative","props","forwardedRef","SeparatorItem","cn"]}

package/dist/components/sheet.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";var _chunk7RRBAIQ7cjs = require('../chunk-7RRBAIQ7.cjs');require('../chunk-5ZAKR3XH.cjs');var _chunk4XRBMJ5Qcjs = require('../chunk-4XRBMJ5Q.cjs');var _react = require('react'); var s = _interopRequireWildcard(_react);var _reactdialog = require('@radix-ui/react-dialog'); var e = _interopRequireWildcard(_reactdialog);var _reacticons = require('@radix-ui/react-icons');var _tailwindvariants = require('tailwind-variants');var _jsxruntime = require('react/jsx-runtime');var x=e.Root,b= exports.SheetTrigger =e.Trigger,S=_tailwindvariants.tv.call(void 0, {base:"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:animate-duration-300 data-[state=open]:animate-duration-500 animate-ease-in-out fixed z-50 flex flex-col overflow-auto shadow-lg",variants:{side:{top:"data-[state=open]:slide-in-from-top data-[state=closed]:slide-out-to-top inset-x-0 top-0 max-h-screen border-b",bottom:"data-[state=open]:slide-in-from-bottom data-[state=closed]:slide-out-to-bottom inset-x-0 bottom-0 max-h-screen border-t",left:"data-[state=open]:slide-in-from-left data-[state=closed]:slide-out-to-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",right:"data-[state=open]:slide-in-from-right data-[state=closed]:slide-out-to-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm"}},defaultVariants:{side:"right"}}),c= exports.SheetContent =s.forwardRef(({children:t,side:o="right",className:a,...n},p)=>_jsxruntime.jsxs.call(void 0, e.Portal,{children:[_jsxruntime.jsx.call(void 0, e.Overlay,{className:"data-[state=closed]:animate-duration-300 data-[state=open]:animate-duration-500 data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out fixed inset-0 z-50 bg-black/80"}),_jsxruntime.jsxs.call(void 0, e.Content,{ref:p,className:S({side:o,className:a}),...n,children:[t,_jsxruntime.jsxs.call(void 0, e.Close,{className:_chunk7RRBAIQ7cjs.a.call(void 0, {size:"icon-2xs",variant:"ghost",className:"absolute right-4 top-4"}),children:[_jsxruntime.jsx.call(void 0, _reacticons.Cross2Icon,{className:"size-4"}),_jsxruntime.jsx.call(void 0, "span",{className:"sr-only",children:"Close"})]})]})]}));c.displayName=e.Content.displayName;function N({className:t,...o}){return _jsxruntime.jsx.call(void 0, "header",{className:_chunk4XRBMJ5Qcjs.a.call(void 0, "flex shrink-0 flex-col gap-1.5 px-6 pb-4 pt-6 text-center sm:text-left",t),...o})}function T({className:t,...o}){return _jsxruntime.jsx.call(void 0, "main",{className:_chunk4XRBMJ5Qcjs.a.call(void 0, "px-6 py-2",t),...o})}function f({className:t,...o}){return _jsxruntime.jsx.call(void 0, "footer",{className:_chunk4XRBMJ5Qcjs.a.call(void 0, "flex shrink-0 flex-col-reverse gap-2 px-6 pb-6 pt-4 sm:flex-row sm:justify-end",t),...o})}f.displayName="SheetFooter";var P=s.forwardRef(({className:t,...o},a)=>_jsxruntime.jsx.call(void 0, e.Title,{ref:a,className:_chunk4XRBMJ5Qcjs.a.call(void 0, "text-foreground text-lg font-semibold",t),...o}));P.displayName=e.Title.displayName;var y=s.forwardRef(({className:t,...o},a)=>_jsxruntime.jsx.call(void 0, e.Description,{ref:a,className:_chunk4XRBMJ5Qcjs.a.call(void 0, "text-muted-foreground text-sm",t),...o}));y.displayName=e.Description.displayName;var u=s.forwardRef(({className:t,size:o,variant:a="outline",...n},p)=>_jsxruntime.jsx.call(void 0, e.Close,{ref:p,className:_chunk7RRBAIQ7cjs.a.call(void 0, {variant:a,size:o,className:t}),...n}));u.displayName=e.Close.displayName;exports.Sheet = x; exports.SheetBody = T; exports.SheetClose = u; exports.SheetContent = c; exports.SheetDescription = y; exports.SheetFooter = f; exports.SheetHeader = N; exports.SheetTitle = P; exports.SheetTrigger = b;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";var _chunkLSBI35ZEcjs = require('../chunk-LSBI35ZE.cjs');var _chunk4XRBMJ5Qcjs = require('../chunk-4XRBMJ5Q.cjs');var _react = require('react'); var s = _interopRequireWildcard(_react);var _reactdialog = require('@radix-ui/react-dialog'); var e = _interopRequireWildcard(_reactdialog);var _reacticons = require('@radix-ui/react-icons');var _tailwindvariants = require('tailwind-variants');var _jsxruntime = require('react/jsx-runtime');var S=_tailwindvariants.tv.call(void 0, {base:["bg-background animate-ease-in-out fixed z-50 flex flex-col overflow-auto shadow-lg","data-[state=open]:animate-in","data-[state=closed]:animate-out","data-[state=closed]:animate-duration-300","data-[state=open]:animate-duration-500"],variants:{side:{top:["inset-x-0 top-0 max-h-screen border-b","data-[state=open]:slide-in-from-top","data-[state=closed]:slide-out-to-top"],bottom:["inset-x-0 bottom-0 max-h-screen border-t","data-[state=open]:slide-in-from-bottom","data-[state=closed]:slide-out-to-bottom"],left:["inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm","data-[state=open]:slide-in-from-left","data-[state=closed]:slide-out-to-left"],right:["inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm","data-[state=open]:slide-in-from-right","data-[state=closed]:slide-out-to-right"]}},defaultVariants:{side:"right"}}),x= exports.Sheet =e.Root,b= exports.SheetTrigger =e.Trigger,c= exports.SheetContent =s.forwardRef(({children:t,side:o="right",className:a,...n},p)=>_jsxruntime.jsxs.call(void 0, e.Portal,{children:[_jsxruntime.jsx.call(void 0, e.Overlay,{className:_chunk4XRBMJ5Qcjs.a.call(void 0, "fixed inset-0 z-50 bg-black/80","data-[state=open]:animate-duration-500 data-[state=open]:animate-fade-in","data-[state=closed]:animate-duration-300 data-[state=closed]:animate-fade-out")}),_jsxruntime.jsxs.call(void 0, e.Content,{ref:p,className:S({side:o,className:a}),...n,children:[t,_jsxruntime.jsxs.call(void 0, e.Close,{className:_chunkLSBI35ZEcjs.a.call(void 0, {className:"absolute right-4 top-4",icon:!0,size:"xxs",variant:"ghost"}),children:[_jsxruntime.jsx.call(void 0, _reacticons.Cross2Icon,{className:"size-4"}),_jsxruntime.jsx.call(void 0, "span",{className:"sr-only",children:"Close"})]})]})]}));c.displayName=e.Content.displayName;function N({className:t,...o}){return _jsxruntime.jsx.call(void 0, "header",{className:_chunk4XRBMJ5Qcjs.a.call(void 0, "flex shrink-0 flex-col gap-1.5 px-6 pb-4 pt-6 text-center sm:text-left",t),...o})}function T({className:t,...o}){return _jsxruntime.jsx.call(void 0, "main",{className:_chunk4XRBMJ5Qcjs.a.call(void 0, "px-6 py-2",t),...o})}function f({className:t,...o}){return _jsxruntime.jsx.call(void 0, "footer",{className:_chunk4XRBMJ5Qcjs.a.call(void 0, "flex shrink-0 flex-col-reverse gap-2 px-6 pb-6 pt-4 sm:flex-row sm:justify-end",t),...o})}f.displayName="SheetFooter";var P=s.forwardRef(({className:t,...o},a)=>_jsxruntime.jsx.call(void 0, e.Title,{ref:a,className:_chunk4XRBMJ5Qcjs.a.call(void 0, "text-foreground text-lg font-semibold",t),...o}));P.displayName=e.Title.displayName;var y=s.forwardRef(({className:t,...o},a)=>_jsxruntime.jsx.call(void 0, e.Description,{ref:a,className:_chunk4XRBMJ5Qcjs.a.call(void 0, "text-muted-foreground text-sm",t),...o}));y.displayName=e.Description.displayName;var u=s.forwardRef(({className:t,size:o,variant:a="outline",...n},p)=>_jsxruntime.jsx.call(void 0, e.Close,{ref:p,className:_chunkLSBI35ZEcjs.a.call(void 0, {variant:a,size:o,className:t}),...n}));u.displayName=e.Close.displayName;exports.Sheet = x; exports.SheetBody = T; exports.SheetClose = u; exports.SheetContent = c; exports.SheetDescription = y; exports.SheetFooter = f; exports.SheetHeader = N; exports.SheetTitle = P; exports.SheetTrigger = b;
 //# sourceMappingURL=sheet.cjs.map

package/dist/components/sheet.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/codefast/codefast/packages/ui/dist/components/sheet.cjs","../../src/components/sheet.tsx"],"names":["Sheet","SheetTrigger","sheetContentVariants","tv","SheetContent","children","side","className","props","forwardedRef","jsxs","jsx","buttonVariants","Cross2Icon","SheetHeader","cn","SheetBody","SheetFooter","SheetTitle","SheetDescription","SheetClose","size","variant"],"mappings":"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","file":"/home/runner/work/codefast/codefast/packages/ui/dist/components/sheet.cjs","sourcesContent":[null,"'use client';\n\nimport * as React from 'react';\nimport * as SheetPrimitive from '@radix-ui/react-dialog';\nimport { Cross2Icon } from '@radix-ui/react-icons';\nimport { tv, type VariantProps } from 'tailwind-variants';\nimport { cn } from '@/lib/utils';\nimport { buttonVariants, type ButtonVariantsProps } from '@/components/button';\n\n/* -----------------------------------------------------------------------------\n * Component: Sheet\n * -------------------------------------------------------------------------- */\n\ntype SheetProps = React.ComponentProps<typeof SheetPrimitive.Root>;\nconst Sheet = SheetPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetTrigger\n * -------------------------------------------------------------------------- */\n\ntype SheetTriggerProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Trigger>;\nconst SheetTrigger = SheetPrimitive.Trigger;\n\n/* -----------------------------------------------------------------------------\n * Variant: SheetContent\n * -------------------------------------------------------------------------- */\n\nconst sheetContentVariants = tv({\n  base: 'bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:animate-duration-300 data-[state=open]:animate-duration-500 animate-ease-in-out fixed z-50 flex flex-col overflow-auto shadow-lg',\n  variants: {\n    side: {\n      top: 'data-[state=open]:slide-in-from-top data-[state=closed]:slide-out-to-top inset-x-0 top-0 max-h-screen border-b',\n      bottom:\n        'data-[state=open]:slide-in-from-bottom data-[state=closed]:slide-out-to-bottom inset-x-0 bottom-0 max-h-screen border-t',\n      left: 'data-[state=open]:slide-in-from-left data-[state=closed]:slide-out-to-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm',\n      right:\n        'data-[state=open]:slide-in-from-right data-[state=closed]:slide-out-to-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm',\n    },\n  },\n  defaultVariants: {\n    side: 'right',\n  },\n});\n\ntype SheetContentVariantsProps = VariantProps<typeof sheetContentVariants>;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetContent\n * -------------------------------------------------------------------------- */\n\ntype SheetContentElement = React.ElementRef<typeof SheetPrimitive.Content>;\ntype SheetContentProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content> & SheetContentVariantsProps;\n\nconst SheetContent = React.forwardRef<SheetContentElement, SheetContentProps>(\n  ({ children, side = 'right', className, ...props }, forwardedRef) => (\n    <SheetPrimitive.Portal>\n      <SheetPrimitive.Overlay className=\"data-[state=closed]:animate-duration-300 data-[state=open]:animate-duration-500 data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out fixed inset-0 z-50 bg-black/80\" />\n      <SheetPrimitive.Content ref={forwardedRef} className={sheetContentVariants({ side, className })} {...props}>\n        {children}\n        <SheetPrimitive.Close\n          className={buttonVariants({ size: 'icon-2xs', variant: 'ghost', className: 'absolute right-4 top-4' })}\n        >\n          <Cross2Icon className=\"size-4\" />\n          <span className=\"sr-only\">Close</span>\n        </SheetPrimitive.Close>\n      </SheetPrimitive.Content>\n    </SheetPrimitive.Portal>\n  ),\n);\n\nSheetContent.displayName = SheetPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetHeader\n * -------------------------------------------------------------------------- */\n\ntype SheetHeaderProps = React.HTMLAttributes<HTMLDivElement>;\n\nfunction SheetHeader({ className, ...props }: SheetHeaderProps): React.JSX.Element {\n  return (\n    <header\n      className={cn('flex shrink-0 flex-col gap-1.5 px-6 pb-4 pt-6 text-center sm:text-left', className)}\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SheetBody\n * -------------------------------------------------------------------------- */\n\ntype SheetBodyProps = React.HTMLAttributes<HTMLDivElement>;\n\nfunction SheetBody({ className, ...props }: SheetHeaderProps): React.JSX.Element {\n  return <main className={cn('px-6 py-2', className)} {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SheetFooter\n * -------------------------------------------------------------------------- */\n\ntype SheetFooterProps = React.HTMLAttributes<HTMLDivElement>;\n\nfunction SheetFooter({ className, ...props }: SheetFooterProps): React.JSX.Element {\n  return (\n    <footer\n      className={cn('flex shrink-0 flex-col-reverse gap-2 px-6 pb-6 pt-4 sm:flex-row sm:justify-end', className)}\n      {...props}\n    />\n  );\n}\n\nSheetFooter.displayName = 'SheetFooter';\n\n/* -----------------------------------------------------------------------------\n * Component: SheetTitle\n * -------------------------------------------------------------------------- */\n\ntype SheetTitleElement = React.ElementRef<typeof SheetPrimitive.Title>;\ntype SheetTitleProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title>;\n\nconst SheetTitle = React.forwardRef<SheetTitleElement, SheetTitleProps>(({ className, ...props }, forwardedRef) => (\n  <SheetPrimitive.Title\n    ref={forwardedRef}\n    className={cn('text-foreground text-lg font-semibold', className)}\n    {...props}\n  />\n));\n\nSheetTitle.displayName = SheetPrimitive.Title.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetDescription\n * -------------------------------------------------------------------------- */\n\ntype SheetDescriptionElement = React.ElementRef<typeof SheetPrimitive.Description>;\ntype SheetDescriptionProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description>;\n\nconst SheetDescription = React.forwardRef<SheetDescriptionElement, SheetDescriptionProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <SheetPrimitive.Description\n      ref={forwardedRef}\n      className={cn('text-muted-foreground text-sm', className)}\n      {...props}\n    />\n  ),\n);\n\nSheetDescription.displayName = SheetPrimitive.Description.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetClose\n * -------------------------------------------------------------------------- */\n\ntype SheetCloseElement = React.ElementRef<typeof SheetPrimitive.Close>;\n\ninterface SheetCloseProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Close> {\n  size?: ButtonVariantsProps['size'];\n  variant?: ButtonVariantsProps['variant'];\n}\n\nconst SheetClose = React.forwardRef<SheetCloseElement, SheetCloseProps>(\n  ({ className, size, variant = 'outline', ...props }, forwardedRef) => (\n    <SheetPrimitive.Close ref={forwardedRef} className={buttonVariants({ variant, size, className })} {...props} />\n  ),\n);\n\nSheetClose.displayName = SheetPrimitive.Close.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  Sheet,\n  SheetTrigger,\n  SheetClose,\n  SheetContent,\n  SheetHeader,\n  SheetBody,\n  SheetFooter,\n  SheetTitle,\n  SheetDescription,\n  type SheetProps,\n  type SheetTriggerProps,\n  type SheetCloseProps,\n  type SheetContentProps,\n  type SheetHeaderProps,\n  type SheetBodyProps,\n  type SheetFooterProps,\n  type SheetTitleProps,\n  type SheetDescriptionProps,\n};\n"]}
+{"version":3,"sources":["/home/runner/work/codefast/codefast/packages/ui/dist/components/sheet.cjs","../../src/components/sheet.tsx"],"names":["sheetContentVariants","tv","Sheet","SheetTrigger","SheetContent","children","side","className","props","forwardedRef","jsxs","jsx","cn","buttonVariants","Cross2Icon","SheetHeader","SheetBody","SheetFooter","SheetTitle","SheetDescription","SheetClose","size","variant"],"mappings":"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","file":"/home/runner/work/codefast/codefast/packages/ui/dist/components/sheet.cjs","sourcesContent":[null,"'use client';\n\nimport * as React from 'react';\nimport * as SheetPrimitive from '@radix-ui/react-dialog';\nimport { Cross2Icon } from '@radix-ui/react-icons';\nimport { tv, type VariantProps } from 'tailwind-variants';\nimport { cn } from '@/lib/utils';\nimport { buttonVariants, type ButtonVariantsProps } from '@/styles/button-variants';\n\n/* -----------------------------------------------------------------------------\n * Variant: SheetContent\n * -------------------------------------------------------------------------- */\n\nconst sheetContentVariants = tv({\n  base: [\n    'bg-background animate-ease-in-out fixed z-50 flex flex-col overflow-auto shadow-lg',\n    'data-[state=open]:animate-in',\n    'data-[state=closed]:animate-out',\n    'data-[state=closed]:animate-duration-300',\n    'data-[state=open]:animate-duration-500',\n  ],\n  variants: {\n    side: {\n      top: [\n        'inset-x-0 top-0 max-h-screen border-b',\n        'data-[state=open]:slide-in-from-top',\n        'data-[state=closed]:slide-out-to-top',\n      ],\n      bottom: [\n        'inset-x-0 bottom-0 max-h-screen border-t',\n        'data-[state=open]:slide-in-from-bottom',\n        'data-[state=closed]:slide-out-to-bottom',\n      ],\n      left: [\n        'inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm',\n        'data-[state=open]:slide-in-from-left',\n        'data-[state=closed]:slide-out-to-left',\n      ],\n      right: [\n        'inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm',\n        'data-[state=open]:slide-in-from-right',\n        'data-[state=closed]:slide-out-to-right',\n      ],\n    },\n  },\n  defaultVariants: {\n    side: 'right',\n  },\n});\n\ntype SheetContentVariantsProps = VariantProps<typeof sheetContentVariants>;\n\n/* -----------------------------------------------------------------------------\n * Component: Sheet\n * -------------------------------------------------------------------------- */\n\ntype SheetProps = React.ComponentProps<typeof SheetPrimitive.Root>;\nconst Sheet = SheetPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetTrigger\n * -------------------------------------------------------------------------- */\n\ntype SheetTriggerProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Trigger>;\nconst SheetTrigger = SheetPrimitive.Trigger;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetContent\n * -------------------------------------------------------------------------- */\n\ntype SheetContentElement = React.ElementRef<typeof SheetPrimitive.Content>;\ntype SheetContentProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content> & SheetContentVariantsProps;\n\nconst SheetContent = React.forwardRef<SheetContentElement, SheetContentProps>(\n  ({ children, side = 'right', className, ...props }, forwardedRef) => (\n    <SheetPrimitive.Portal>\n      <SheetPrimitive.Overlay\n        className={cn(\n          'fixed inset-0 z-50 bg-black/80',\n          'data-[state=open]:animate-duration-500 data-[state=open]:animate-fade-in',\n          'data-[state=closed]:animate-duration-300 data-[state=closed]:animate-fade-out',\n        )}\n      />\n      <SheetPrimitive.Content ref={forwardedRef} className={sheetContentVariants({ side, className })} {...props}>\n        {children}\n        <SheetPrimitive.Close\n          className={buttonVariants({\n            className: 'absolute right-4 top-4',\n            icon: true,\n            size: 'xxs',\n            variant: 'ghost',\n          })}\n        >\n          <Cross2Icon className=\"size-4\" />\n          <span className=\"sr-only\">Close</span>\n        </SheetPrimitive.Close>\n      </SheetPrimitive.Content>\n    </SheetPrimitive.Portal>\n  ),\n);\n\nSheetContent.displayName = SheetPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetHeader\n * -------------------------------------------------------------------------- */\n\ntype SheetHeaderProps = React.HTMLAttributes<HTMLDivElement>;\n\nfunction SheetHeader({ className, ...props }: SheetHeaderProps): React.JSX.Element {\n  return (\n    <header\n      className={cn('flex shrink-0 flex-col gap-1.5 px-6 pb-4 pt-6 text-center sm:text-left', className)}\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SheetBody\n * -------------------------------------------------------------------------- */\n\ntype SheetBodyProps = React.HTMLAttributes<HTMLDivElement>;\n\nfunction SheetBody({ className, ...props }: SheetHeaderProps): React.JSX.Element {\n  return <main className={cn('px-6 py-2', className)} {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SheetFooter\n * -------------------------------------------------------------------------- */\n\ntype SheetFooterProps = React.HTMLAttributes<HTMLDivElement>;\n\nfunction SheetFooter({ className, ...props }: SheetFooterProps): React.JSX.Element {\n  return (\n    <footer\n      className={cn('flex shrink-0 flex-col-reverse gap-2 px-6 pb-6 pt-4 sm:flex-row sm:justify-end', className)}\n      {...props}\n    />\n  );\n}\n\nSheetFooter.displayName = 'SheetFooter';\n\n/* -----------------------------------------------------------------------------\n * Component: SheetTitle\n * -------------------------------------------------------------------------- */\n\ntype SheetTitleElement = React.ElementRef<typeof SheetPrimitive.Title>;\ntype SheetTitleProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title>;\n\nconst SheetTitle = React.forwardRef<SheetTitleElement, SheetTitleProps>(({ className, ...props }, forwardedRef) => (\n  <SheetPrimitive.Title\n    ref={forwardedRef}\n    className={cn('text-foreground text-lg font-semibold', className)}\n    {...props}\n  />\n));\n\nSheetTitle.displayName = SheetPrimitive.Title.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetDescription\n * -------------------------------------------------------------------------- */\n\ntype SheetDescriptionElement = React.ElementRef<typeof SheetPrimitive.Description>;\ntype SheetDescriptionProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description>;\n\nconst SheetDescription = React.forwardRef<SheetDescriptionElement, SheetDescriptionProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <SheetPrimitive.Description\n      ref={forwardedRef}\n      className={cn('text-muted-foreground text-sm', className)}\n      {...props}\n    />\n  ),\n);\n\nSheetDescription.displayName = SheetPrimitive.Description.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetClose\n * -------------------------------------------------------------------------- */\n\ntype SheetCloseElement = React.ElementRef<typeof SheetPrimitive.Close>;\n\ninterface SheetCloseProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Close> {\n  size?: ButtonVariantsProps['size'];\n  variant?: ButtonVariantsProps['variant'];\n}\n\nconst SheetClose = React.forwardRef<SheetCloseElement, SheetCloseProps>(\n  ({ className, size, variant = 'outline', ...props }, forwardedRef) => (\n    <SheetPrimitive.Close ref={forwardedRef} className={buttonVariants({ variant, size, className })} {...props} />\n  ),\n);\n\nSheetClose.displayName = SheetPrimitive.Close.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  Sheet,\n  SheetTrigger,\n  SheetClose,\n  SheetContent,\n  SheetHeader,\n  SheetBody,\n  SheetFooter,\n  SheetTitle,\n  SheetDescription,\n  type SheetProps,\n  type SheetTriggerProps,\n  type SheetCloseProps,\n  type SheetContentProps,\n  type SheetHeaderProps,\n  type SheetBodyProps,\n  type SheetFooterProps,\n  type SheetTitleProps,\n  type SheetDescriptionProps,\n};\n"]}