@codefast/ui 0.3.9 → 0.3.10

package/dist/components/resizable.d.ts

@@ -1,12 +1,12 @@
-import type { ComponentProps, JSX } from "react";
-import * as ResizablePrimitive from "react-resizable-panels";
-type ResizablePanelGroupProps = ComponentProps<typeof ResizablePrimitive.PanelGroup>;
-declare function ResizablePanelGroup({ className, ...props }: ResizablePanelGroupProps): JSX.Element;
+import type { ComponentProps, JSX } from 'react';
+import * as ResizablePrimitive from 'react-resizable-panels';
+type ResizableGroupProps = ComponentProps<typeof ResizablePrimitive.Group>;
+declare function ResizableGroup({ className, ...props }: ResizableGroupProps): JSX.Element;
 type ResizablePanelProps = ComponentProps<typeof ResizablePrimitive.Panel>;
 declare function ResizablePanel({ ...props }: ResizablePanelProps): JSX.Element;
-interface ResizableHandleProps extends ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> {
+interface ResizableSeparatorProps extends ComponentProps<typeof ResizablePrimitive.Separator> {
     withHandle?: boolean;
 }
-declare function ResizableHandle({ className, withHandle, ...props }: ResizableHandleProps): JSX.Element;
-export { ResizableHandle, ResizablePanel, ResizablePanelGroup };
-export type { ResizableHandleProps, ResizablePanelGroupProps, ResizablePanelProps };
+declare function ResizableSeparator({ className, withHandle, ...props }: ResizableSeparatorProps): JSX.Element;
+export { ResizableGroup, ResizablePanel, ResizableSeparator };
+export type { ResizableGroupProps, ResizablePanelProps, ResizableSeparatorProps };

package/dist/components/resizable.js

@@ -1,2 +1,32 @@
 "use client";
-import{jsx as e}from"react/jsx-runtime";import{GripVerticalIcon as a}from"lucide-react";import{Panel as r,PanelGroup as t,PanelResizeHandle as i}from"react-resizable-panels";import{cn as l}from"@codefast/tailwind-variants";function n({className:a,...r}){return e(t,{className:l("flex size-full data-[panel-group-direction=vertical]:flex-col",a),"data-slot":"resizable-panel-group",...r})}function o({...a}){return e(r,{"data-slot":"resizable-panel",...a})}function c({className:r,withHandle:t,...n}){return e(i,{className:l("bg-border focus-visible:bg-ring focus-visible:ring-ring/50 relative flex w-px items-center justify-center outline-hidden after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-3 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90",r),"data-slot":"resizable-handle",...n,children:t?e("div",{className:"bg-border z-10 flex h-4 w-3 items-center justify-center rounded-sm border",children:e(a,{className:"size-2.5"})}):null})}export{c as ResizableHandle,o as ResizablePanel,n as ResizablePanelGroup};
+import { jsx } from "react/jsx-runtime";
+import { cn } from "@codefast/tailwind-variants";
+import { GripVerticalIcon } from "lucide-react";
+import { Group, Panel, Separator } from "react-resizable-panels";
+function ResizableGroup({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Group, {
+        className: cn('flex size-full', className),
+        "data-slot": "resizable-group",
+        ...props
+    });
+}
+function ResizablePanel({ ...props }) {
+    return /*#__PURE__*/ jsx(Panel, {
+        "data-slot": "resizable-panel",
+        ...props
+    });
+}
+function ResizableSeparator({ className, withHandle, ...props }) {
+    return /*#__PURE__*/ jsx(Separator, {
+        className: cn('bg-border focus-visible:bg-ring focus-visible:ring-ring/50 flex items-center justify-center outline-hidden focus-visible:ring-3', 'aria-[orientation=vertical]:w-px', 'aria-[orientation=horizontal]:h-px', className),
+        "data-slot": "resizable-separator",
+        ...props,
+        children: withHandle ? /*#__PURE__*/ jsx("div", {
+            className: "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-sm border",
+            children: /*#__PURE__*/ jsx(GripVerticalIcon, {
+                className: "size-2.5"
+            })
+        }) : null
+    });
+}
+export { ResizableGroup, ResizablePanel, ResizableSeparator };

package/dist/components/scroll-area.cjs

@@ -1,2 +1,141 @@
+"use strict";
 "use client";
-"use strict";const __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,scrollAreaScrollbarVariants:()=>scrollAreaScrollbarVariants,ScrollArea:()=>ScrollArea});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),tailwind_variants_namespaceObject=require("@codefast/tailwind-variants"),react_context_namespaceObject=require("@radix-ui/react-context"),react_scroll_area_namespaceObject=require("@radix-ui/react-scroll-area"),scrollAreaScrollbarVariants=(0,tailwind_variants_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"}],defaultVariants:{orientation:"vertical",size:"md"},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:""}}}),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,...l}){return(0,jsx_runtime_namespaceObject.jsx)(ScrollAreaContextProvider,{scope:e,size:t,children:(0,jsx_runtime_namespaceObject.jsxs)(react_scroll_area_namespaceObject.Root,{className:(0,tailwind_variants_namespaceObject.cn)("relative",a),"data-slot":"scroll-area",...l,children:[(0,jsx_runtime_namespaceObject.jsx)(react_scroll_area_namespaceObject.Viewport,{className:"outline-ring ring-ring/50 size-full rounded-[inherit] transition focus-visible:ring-4 focus-visible:outline-1","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:l}=useScrollAreaContext(SCROLL_AREA_NAME,e);return(0,jsx_runtime_namespaceObject.jsx)(react_scroll_area_namespaceObject.Scrollbar,{className:scrollAreaScrollbarVariants({className:r,orientation:a,size:l}),"data-slot":"scroll-area-scrollbar",orientation:a,...t,children:(0,jsx_runtime_namespaceObject.jsx)(react_scroll_area_namespaceObject.ScrollAreaThumb,{className:"bg-border relative flex-1 rounded-full"})})}for(var __webpack_i__ in exports.ScrollArea=__webpack_exports__.ScrollArea,exports.ScrollAreaScrollbar=__webpack_exports__.ScrollAreaScrollbar,exports.scrollAreaScrollbarVariants=__webpack_exports__.scrollAreaScrollbarVariants,__webpack_exports__)-1===["ScrollArea","ScrollAreaScrollbar","scrollAreaScrollbarVariants"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    ScrollAreaScrollbar: ()=>ScrollAreaScrollbar,
+    scrollAreaScrollbarVariants: ()=>scrollAreaScrollbarVariants,
+    ScrollArea: ()=>ScrollArea
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const tailwind_variants_namespaceObject = require("@codefast/tailwind-variants");
+const react_context_namespaceObject = require("@radix-ui/react-context");
+const react_scroll_area_namespaceObject = require("@radix-ui/react-scroll-area");
+const scrollAreaScrollbarVariants = (0, tailwind_variants_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'
+        }
+    ],
+    defaultVariants: {
+        orientation: 'vertical',
+        size: 'md'
+    },
+    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: ''
+        }
+    }
+});
+const SCROLL_AREA_NAME = 'ScrollArea';
+const [createScrollAreaContext] = (0, react_context_namespaceObject.createContextScope)(SCROLL_AREA_NAME);
+const [ScrollAreaContextProvider, useScrollAreaContext] = createScrollAreaContext(SCROLL_AREA_NAME);
+function ScrollArea({ __scopeScrollArea, children, className, size, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ScrollAreaContextProvider, {
+        scope: __scopeScrollArea,
+        size: size,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_scroll_area_namespaceObject.Root, {
+            className: (0, tailwind_variants_namespaceObject.cn)('relative', className),
+            "data-slot": "scroll-area",
+            ...props,
+            children: [
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_scroll_area_namespaceObject.Viewport, {
+                    className: "outline-ring ring-ring/50 size-full rounded-[inherit] transition focus-visible:ring-4 focus-visible:outline-1",
+                    "data-slot": "scroll-area-viewport",
+                    children: children
+                }),
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ScrollAreaScrollbar, {
+                    orientation: "vertical"
+                }),
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ScrollAreaScrollbar, {
+                    orientation: "horizontal"
+                }),
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_scroll_area_namespaceObject.Corner, {})
+            ]
+        })
+    });
+}
+function ScrollAreaScrollbar({ __scopeScrollArea, className, orientation, ...props }) {
+    const { size } = useScrollAreaContext(SCROLL_AREA_NAME, __scopeScrollArea);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_scroll_area_namespaceObject.Scrollbar, {
+        className: scrollAreaScrollbarVariants({
+            className,
+            orientation,
+            size
+        }),
+        "data-slot": "scroll-area-scrollbar",
+        orientation: orientation,
+        ...props,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_scroll_area_namespaceObject.ScrollAreaThumb, {
+            className: "bg-border relative flex-1 rounded-full"
+        })
+    });
+}
+exports.ScrollArea = __webpack_exports__.ScrollArea;
+exports.ScrollAreaScrollbar = __webpack_exports__.ScrollAreaScrollbar;
+exports.scrollAreaScrollbarVariants = __webpack_exports__.scrollAreaScrollbarVariants;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "ScrollArea",
+    "ScrollAreaScrollbar",
+    "scrollAreaScrollbarVariants"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

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

@@ -1,7 +1,7 @@
-import type { ComponentProps, JSX } from "react";
-import type { VariantProps } from "@codefast/tailwind-variants";
-import type { Scope } from "@radix-ui/react-context";
-import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+import type { VariantProps } from '@codefast/tailwind-variants';
+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 scrollAreaScrollbarVariants: import("@codefast/tailwind-variants").VariantFunctionType<{
     orientation: {
         horizontal: string;
@@ -17,7 +17,7 @@ declare const scrollAreaScrollbarVariants: import("@codefast/tailwind-variants")
 type ScopedProps<P> = P & {
     __scopeScrollArea?: Scope;
 };
-type ScrollAreaContextValue = Pick<VariantProps<typeof scrollAreaScrollbarVariants>, "size">;
+type ScrollAreaContextValue = Pick<VariantProps<typeof scrollAreaScrollbarVariants>, 'size'>;
 type ScrollAreaProps = ScopedProps<ComponentProps<typeof ScrollAreaPrimitive.Root> & ScrollAreaContextValue>;
 declare function ScrollArea({ __scopeScrollArea, children, className, size, ...props }: ScrollAreaProps): JSX.Element;
 type ScrollAreaScrollbarProps = ScopedProps<ComponentProps<typeof ScrollAreaPrimitive.Scrollbar>>;

package/dist/components/scroll-area.js

@@ -1,2 +1,101 @@
 "use client";
-import{jsx as r,jsxs as e}from"react/jsx-runtime";import{cn as a,tv as i}from"@codefast/tailwind-variants";import{createContextScope as o}from"@radix-ui/react-context";import{Corner as t,Root as l,ScrollAreaThumb as n,Scrollbar as s,Viewport as c}from"@radix-ui/react-scroll-area";let m=i({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"}],defaultVariants:{orientation:"vertical",size:"md"},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:""}}}),d="ScrollArea",[u]=o(d),[f,h]=u(d);function z({__scopeScrollArea:i,children:o,className:n,size:s,...m}){return r(f,{scope:i,size:s,children:e(l,{className:a("relative",n),"data-slot":"scroll-area",...m,children:[r(c,{className:"outline-ring ring-ring/50 size-full rounded-[inherit] transition focus-visible:ring-4 focus-visible:outline-1","data-slot":"scroll-area-viewport",children:o}),r(v,{orientation:"vertical"}),r(v,{orientation:"horizontal"}),r(t,{})]})})}function v({__scopeScrollArea:e,className:a,orientation:i,...o}){let{size:t}=h(d,e);return r(s,{className:m({className:a,orientation:i,size:t}),"data-slot":"scroll-area-scrollbar",orientation:i,...o,children:r(n,{className:"bg-border relative flex-1 rounded-full"})})}export{z as ScrollArea,v as ScrollAreaScrollbar,m as scrollAreaScrollbarVariants};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn, tv } from "@codefast/tailwind-variants";
+import { createContextScope } from "@radix-ui/react-context";
+import { Corner, Root, ScrollAreaThumb, Scrollbar, Viewport } from "@radix-ui/react-scroll-area";
+const scrollAreaScrollbarVariants = 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'
+        }
+    ],
+    defaultVariants: {
+        orientation: 'vertical',
+        size: 'md'
+    },
+    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: ''
+        }
+    }
+});
+const SCROLL_AREA_NAME = 'ScrollArea';
+const [createScrollAreaContext] = createContextScope(SCROLL_AREA_NAME);
+const [ScrollAreaContextProvider, useScrollAreaContext] = createScrollAreaContext(SCROLL_AREA_NAME);
+function ScrollArea({ __scopeScrollArea, children, className, size, ...props }) {
+    return /*#__PURE__*/ jsx(ScrollAreaContextProvider, {
+        scope: __scopeScrollArea,
+        size: size,
+        children: /*#__PURE__*/ jsxs(Root, {
+            className: cn('relative', className),
+            "data-slot": "scroll-area",
+            ...props,
+            children: [
+                /*#__PURE__*/ jsx(Viewport, {
+                    className: "outline-ring ring-ring/50 size-full rounded-[inherit] transition focus-visible:ring-4 focus-visible:outline-1",
+                    "data-slot": "scroll-area-viewport",
+                    children: children
+                }),
+                /*#__PURE__*/ jsx(ScrollAreaScrollbar, {
+                    orientation: "vertical"
+                }),
+                /*#__PURE__*/ jsx(ScrollAreaScrollbar, {
+                    orientation: "horizontal"
+                }),
+                /*#__PURE__*/ jsx(Corner, {})
+            ]
+        })
+    });
+}
+function ScrollAreaScrollbar({ __scopeScrollArea, className, orientation, ...props }) {
+    const { size } = useScrollAreaContext(SCROLL_AREA_NAME, __scopeScrollArea);
+    return /*#__PURE__*/ jsx(Scrollbar, {
+        className: scrollAreaScrollbarVariants({
+            className,
+            orientation,
+            size
+        }),
+        "data-slot": "scroll-area-scrollbar",
+        orientation: orientation,
+        ...props,
+        children: /*#__PURE__*/ jsx(ScrollAreaThumb, {
+            className: "bg-border relative flex-1 rounded-full"
+        })
+    });
+}
+export { ScrollArea, ScrollAreaScrollbar, scrollAreaScrollbarVariants };

package/dist/components/select.cjs

@@ -1,2 +1,181 @@
+"use strict";
 "use client";
-"use strict";const __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,t)=>{for(var a in t)__webpack_require__.o(t,a)&&!__webpack_require__.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),__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__,{SelectItem:()=>SelectItem,SelectGroup:()=>SelectGroup,SelectLabel:()=>SelectLabel,SelectContent:()=>SelectContent,Select:()=>Select,SelectSeparator:()=>SelectSeparator,SelectTrigger:()=>SelectTrigger,SelectScrollUpButton:()=>SelectScrollUpButton,SelectScrollDownButton:()=>SelectScrollDownButton,SelectValue:()=>SelectValue});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_lucide_react_namespaceObject=require("lucide-react"),external_button_cjs_namespaceObject=require("./button.cjs"),tailwind_variants_namespaceObject=require("@codefast/tailwind-variants"),react_select_namespaceObject=require("@radix-ui/react-select");function Select({...e}){return(0,jsx_runtime_namespaceObject.jsx)(react_select_namespaceObject.Root,{"data-slot":"select",...e})}function SelectGroup({...e}){return(0,jsx_runtime_namespaceObject.jsx)(react_select_namespaceObject.Group,{"data-slot":"select-group",...e})}function SelectValue({...e}){return(0,jsx_runtime_namespaceObject.jsx)(react_select_namespaceObject.Value,{"data-slot":"select-value",...e})}function SelectTrigger({children:e,className:t,size:a,...c}){return(0,jsx_runtime_namespaceObject.jsxs)(react_select_namespaceObject.Trigger,{className:(0,external_button_cjs_namespaceObject.buttonVariants)({className:["[&_svg:not([class*='text-'])]:text-muted-foreground focus:ring-ring/50 focus:border-ring w-fit justify-between px-3 font-normal focus:ring-3 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 *:data-[slot=select-value]:truncate",t],size:a,variant:"outline"}),"data-size":a,"data-slot":"select-trigger",...c,children:[e,(0,jsx_runtime_namespaceObject.jsx)(react_select_namespaceObject.Icon,{asChild:!0,className:"size-4 shrink-0 opacity-50",children:(0,jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronDownIcon,{})})]})}function SelectScrollUpButton({className:e,...t}){return(0,jsx_runtime_namespaceObject.jsx)(react_select_namespaceObject.ScrollUpButton,{className:(0,tailwind_variants_namespaceObject.cn)("text-muted-foreground flex items-center justify-center py-1",e),"data-slot":"select-scroll-up-button",...t,children:(0,jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronUpIcon,{size:16})})}function SelectScrollDownButton({className:e,...t}){return(0,jsx_runtime_namespaceObject.jsx)(react_select_namespaceObject.ScrollDownButton,{className:(0,tailwind_variants_namespaceObject.cn)("text-muted-foreground flex items-center justify-center py-1",e),"data-slot":"select-scroll-down-button",...t,children:(0,jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronDownIcon,{size:16})})}function SelectContent({children:e,className:t,position:a="popper",...c}){return(0,jsx_runtime_namespaceObject.jsx)(react_select_namespaceObject.Portal,{children:(0,jsx_runtime_namespaceObject.jsxs)(react_select_namespaceObject.Content,{className:(0,tailwind_variants_namespaceObject.cn)("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 ease-ui relative z-50 max-h-96 min-w-32 overflow-hidden rounded-lg border shadow-lg","popper"===a&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",t),"data-slot":"select-content",position:a,...c,children:[(0,jsx_runtime_namespaceObject.jsx)(SelectScrollUpButton,{}),(0,jsx_runtime_namespaceObject.jsx)(react_select_namespaceObject.Viewport,{className:(0,tailwind_variants_namespaceObject.cn)("p-1","popper"===a&&"h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width)"),children:e}),(0,jsx_runtime_namespaceObject.jsx)(SelectScrollDownButton,{})]})})}function SelectLabel({className:e,...t}){return(0,jsx_runtime_namespaceObject.jsx)(react_select_namespaceObject.Label,{className:(0,tailwind_variants_namespaceObject.cn)("flex items-center gap-x-2 px-2 py-1.5 text-sm font-semibold",e),"data-slot":"select-label",...t})}function SelectItem({children:e,className:t,...a}){return(0,jsx_runtime_namespaceObject.jsxs)(react_select_namespaceObject.Item,{className:(0,tailwind_variants_namespaceObject.cn)("focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:[&_svg:not([class*='text-'])]:text-destructive/80 [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none aria-disabled:opacity-50 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",t),"data-slot":"select-item",...a,children:[(0,jsx_runtime_namespaceObject.jsx)("span",{className:"absolute right-2 flex items-center justify-center",children:(0,jsx_runtime_namespaceObject.jsx)(react_select_namespaceObject.ItemIndicator,{children:(0,jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.CheckIcon,{className:"size-4"})})}),(0,jsx_runtime_namespaceObject.jsx)(react_select_namespaceObject.ItemText,{children:e})]})}function SelectSeparator({className:e,...t}){return(0,jsx_runtime_namespaceObject.jsx)(react_select_namespaceObject.Separator,{className:(0,tailwind_variants_namespaceObject.cn)("bg-border mx-2 my-1 h-px",e),"data-slot":"select-separator",...t})}for(var __webpack_i__ in exports.Select=__webpack_exports__.Select,exports.SelectContent=__webpack_exports__.SelectContent,exports.SelectGroup=__webpack_exports__.SelectGroup,exports.SelectItem=__webpack_exports__.SelectItem,exports.SelectLabel=__webpack_exports__.SelectLabel,exports.SelectScrollDownButton=__webpack_exports__.SelectScrollDownButton,exports.SelectScrollUpButton=__webpack_exports__.SelectScrollUpButton,exports.SelectSeparator=__webpack_exports__.SelectSeparator,exports.SelectTrigger=__webpack_exports__.SelectTrigger,exports.SelectValue=__webpack_exports__.SelectValue,__webpack_exports__)-1===["Select","SelectContent","SelectGroup","SelectItem","SelectLabel","SelectScrollDownButton","SelectScrollUpButton","SelectSeparator","SelectTrigger","SelectValue"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    SelectItem: ()=>SelectItem,
+    SelectGroup: ()=>SelectGroup,
+    SelectLabel: ()=>SelectLabel,
+    SelectContent: ()=>SelectContent,
+    Select: ()=>Select,
+    SelectSeparator: ()=>SelectSeparator,
+    SelectTrigger: ()=>SelectTrigger,
+    SelectScrollUpButton: ()=>SelectScrollUpButton,
+    SelectScrollDownButton: ()=>SelectScrollDownButton,
+    SelectValue: ()=>SelectValue
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const tailwind_variants_namespaceObject = require("@codefast/tailwind-variants");
+const react_select_namespaceObject = require("@radix-ui/react-select");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const external_button_cjs_namespaceObject = require("./button.cjs");
+function Select({ ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_select_namespaceObject.Root, {
+        "data-slot": "select",
+        ...props
+    });
+}
+function SelectGroup({ ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_select_namespaceObject.Group, {
+        "data-slot": "select-group",
+        ...props
+    });
+}
+function SelectValue({ ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_select_namespaceObject.Value, {
+        "data-slot": "select-value",
+        ...props
+    });
+}
+function SelectTrigger({ children, className, size, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_select_namespaceObject.Trigger, {
+        className: (0, external_button_cjs_namespaceObject.buttonVariants)({
+            className: [
+                "[&_svg:not([class*='text-'])]:text-muted-foreground focus:ring-ring/50 focus:border-ring w-fit justify-between px-3 font-normal focus:ring-3 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 *:data-[slot=select-value]:truncate",
+                className
+            ],
+            size,
+            variant: 'outline'
+        }),
+        "data-size": size,
+        "data-slot": "select-trigger",
+        ...props,
+        children: [
+            children,
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_select_namespaceObject.Icon, {
+                asChild: true,
+                className: "size-4 shrink-0 opacity-50",
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronDownIcon, {})
+            })
+        ]
+    });
+}
+function SelectScrollUpButton({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_select_namespaceObject.ScrollUpButton, {
+        className: (0, tailwind_variants_namespaceObject.cn)('text-muted-foreground flex items-center justify-center py-1', className),
+        "data-slot": "select-scroll-up-button",
+        ...props,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronUpIcon, {
+            size: 16
+        })
+    });
+}
+function SelectScrollDownButton({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_select_namespaceObject.ScrollDownButton, {
+        className: (0, tailwind_variants_namespaceObject.cn)('text-muted-foreground flex items-center justify-center py-1', className),
+        "data-slot": "select-scroll-down-button",
+        ...props,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronDownIcon, {
+            size: 16
+        })
+    });
+}
+function SelectContent({ children, className, position = 'popper', ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_select_namespaceObject.Portal, {
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_select_namespaceObject.Content, {
+            className: (0, tailwind_variants_namespaceObject.cn)('bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 ease-ui relative z-50 max-h-(--radix-select-content-available-height) min-w-32 origin-(--radix-select-content-transform-origin) overflow-hidden rounded-lg border shadow-lg', 'popper' === position && 'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1', className),
+            "data-slot": "select-content",
+            position: position,
+            ...props,
+            children: [
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(SelectScrollUpButton, {}),
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_select_namespaceObject.Viewport, {
+                    className: (0, tailwind_variants_namespaceObject.cn)('p-1', 'popper' === position && 'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1'),
+                    children: children
+                }),
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(SelectScrollDownButton, {})
+            ]
+        })
+    });
+}
+function SelectLabel({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_select_namespaceObject.Label, {
+        className: (0, tailwind_variants_namespaceObject.cn)('flex items-center gap-x-2 px-2 py-1.5 text-sm font-semibold', className),
+        "data-slot": "select-label",
+        ...props
+    });
+}
+function SelectItem({ children, className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_select_namespaceObject.Item, {
+        className: (0, tailwind_variants_namespaceObject.cn)("focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:[&_svg:not([class*='text-'])]:text-destructive/80 [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none aria-disabled:opacity-50 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", className),
+        "data-slot": "select-item",
+        ...props,
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                className: "absolute right-2 flex items-center justify-center",
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_select_namespaceObject.ItemIndicator, {
+                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.CheckIcon, {
+                        className: "size-4"
+                    })
+                })
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_select_namespaceObject.ItemText, {
+                children: children
+            })
+        ]
+    });
+}
+function SelectSeparator({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_select_namespaceObject.Separator, {
+        className: (0, tailwind_variants_namespaceObject.cn)('bg-border mx-2 my-1 h-px', className),
+        "data-slot": "select-separator",
+        ...props
+    });
+}
+exports.Select = __webpack_exports__.Select;
+exports.SelectContent = __webpack_exports__.SelectContent;
+exports.SelectGroup = __webpack_exports__.SelectGroup;
+exports.SelectItem = __webpack_exports__.SelectItem;
+exports.SelectLabel = __webpack_exports__.SelectLabel;
+exports.SelectScrollDownButton = __webpack_exports__.SelectScrollDownButton;
+exports.SelectScrollUpButton = __webpack_exports__.SelectScrollUpButton;
+exports.SelectSeparator = __webpack_exports__.SelectSeparator;
+exports.SelectTrigger = __webpack_exports__.SelectTrigger;
+exports.SelectValue = __webpack_exports__.SelectValue;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Select",
+    "SelectContent",
+    "SelectGroup",
+    "SelectItem",
+    "SelectLabel",
+    "SelectScrollDownButton",
+    "SelectScrollUpButton",
+    "SelectSeparator",
+    "SelectTrigger",
+    "SelectValue"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/select.d.ts

@@ -1,7 +1,7 @@
-import type { ComponentProps, JSX } from "react";
-import type { VariantProps } from "@codefast/tailwind-variants";
-import { buttonVariants } from "./button";
-import * as SelectPrimitive from "@radix-ui/react-select";
+import type { VariantProps } from '@codefast/tailwind-variants';
+import type { ComponentProps, JSX } from 'react';
+import * as SelectPrimitive from '@radix-ui/react-select';
+import { buttonVariants } from './button';
 type SelectProps = ComponentProps<typeof SelectPrimitive.Root>;
 declare function Select({ ...props }: SelectProps): JSX.Element;
 type SelectGroupProps = ComponentProps<typeof SelectPrimitive.Group>;
@@ -9,7 +9,7 @@ declare function SelectGroup({ ...props }: SelectGroupProps): JSX.Element;
 type SelectValueProps = ComponentProps<typeof SelectPrimitive.Value>;
 declare function SelectValue({ ...props }: SelectValueProps): JSX.Element;
 interface SelectTriggerProps extends ComponentProps<typeof SelectPrimitive.Trigger> {
-    size?: VariantProps<typeof buttonVariants>["size"];
+    size?: VariantProps<typeof buttonVariants>['size'];
 }
 declare function SelectTrigger({ children, className, size, ...props }: SelectTriggerProps): JSX.Element;
 type SelectScrollUpButtonProps = ComponentProps<typeof SelectPrimitive.ScrollUpButton>;