@codefast/ui 0.2.46-canary.1 → 0.2.46-canary.2

package/dist/cjs/components/radio.cjs

@@ -0,0 +1,48 @@
+"use client";
+"use strict";
+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 ('undefined' != 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__, {
+    Radio: ()=>Radio
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const primitive_namespaceObject = require("@radix-ui/primitive");
+const utils_cjs_namespaceObject = require("../lib/utils.cjs");
+function Radio({ className, onChange, onValueChange, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("input", {
+        className: (0, utils_cjs_namespaceObject.cn)("border-input shadow-xs outline-hidden hover:not-disabled:not-checked:border-ring/60 focus-visible:not-checked:border-ring focus-visible:ring-ring/50 focus-visible:ring-3 focus-visible:checked:ring-primary/20 dark:focus-visible:checked:ring-primary/40 checked:border-primary checked:bg-primary checked:aria-invalid:bg-destructive aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 hover:not-disabled:not-checked:aria-invalid:border-destructive/60 after:bg-background dark:not-checked:after:bg-input/30 peer inline-flex size-4 shrink-0 appearance-none items-center justify-center rounded-full border after:size-full after:rounded-full after:transition-[width,height] checked:after:size-1 disabled:opacity-50", className),
+        "data-slot": "radio",
+        type: "radio",
+        onChange: (0, primitive_namespaceObject.composeEventHandlers)(onChange, (event)=>onValueChange?.(event.currentTarget.value)),
+        ...props
+    });
+}
+exports.Radio = __webpack_exports__.Radio;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "Radio"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/components/resizable.cjs

@@ -0,0 +1,72 @@
+"use client";
+"use strict";
+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 ('undefined' != 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__, {
+    ResizableHandle: ()=>ResizableHandle,
+    ResizablePanel: ()=>ResizablePanel,
+    ResizablePanelGroup: ()=>ResizablePanelGroup
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const external_react_resizable_panels_namespaceObject = require("react-resizable-panels");
+const utils_cjs_namespaceObject = require("../lib/utils.cjs");
+function ResizablePanelGroup({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_react_resizable_panels_namespaceObject.PanelGroup, {
+        className: (0, utils_cjs_namespaceObject.cn)("flex size-full data-[panel-group-direction=vertical]:flex-col", className),
+        "data-slot": "resizable-panel-group",
+        ...props
+    });
+}
+function ResizablePanel({ ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_react_resizable_panels_namespaceObject.Panel, {
+        "data-slot": "resizable-panel",
+        ...props
+    });
+}
+function ResizableHandle({ className, withHandle, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_react_resizable_panels_namespaceObject.PanelResizeHandle, {
+        className: (0, utils_cjs_namespaceObject.cn)("bg-border focus-visible:bg-ring focus-visible:ring-ring/50 focus-visible:ring-3 outline-hidden relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 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-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90", className),
+        "data-slot": "resizable-handle",
+        ...props,
+        children: withHandle ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+            className: "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-sm border",
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.GripVerticalIcon, {
+                className: "size-2.5"
+            })
+        }) : null
+    });
+}
+exports.ResizableHandle = __webpack_exports__.ResizableHandle;
+exports.ResizablePanel = __webpack_exports__.ResizablePanel;
+exports.ResizablePanelGroup = __webpack_exports__.ResizablePanelGroup;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "ResizableHandle",
+    "ResizablePanel",
+    "ResizablePanelGroup"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

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

@@ -0,0 +1,138 @@
+"use client";
+"use strict";
+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 ('undefined' != 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,
+    ScrollArea: ()=>ScrollArea
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const react_context_namespaceObject = require("@radix-ui/react-context");
+const react_scroll_area_namespaceObject = require("@radix-ui/react-scroll-area");
+const utils_cjs_namespaceObject = require("../lib/utils.cjs");
+const scrollAreaScrollbarVariants = (0, utils_cjs_namespaceObject.tv)({
+    base: "flex touch-none select-none p-px transition-colors",
+    compoundVariants: [
+        {
+            className: "w-1.5",
+            orientation: "vertical",
+            size: "sm"
+        },
+        {
+            className: "w-2",
+            orientation: "vertical",
+            size: "md"
+        },
+        {
+            className: "w-2.5",
+            orientation: "vertical",
+            size: "lg"
+        },
+        {
+            className: "h-1.5",
+            orientation: "horizontal",
+            size: "sm"
+        },
+        {
+            className: "h-2",
+            orientation: "horizontal",
+            size: "md"
+        },
+        {
+            className: "h-2.5",
+            orientation: "horizontal",
+            size: "lg"
+        }
+    ],
+    variants: {
+        orientation: {
+            horizontal: "w-full flex-col border-t border-t-transparent",
+            vertical: "h-full flex-row border-l border-l-transparent"
+        },
+        size: {
+            none: "",
+            sm: "",
+            md: "",
+            lg: ""
+        }
+    },
+    defaultVariants: {
+        size: "md",
+        vertical: "vertical"
+    }
+});
+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, utils_cjs_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:outline-1 focus-visible:ring-4",
+                    "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;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "ScrollArea",
+    "ScrollAreaScrollbar"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/components/section.cjs

@@ -0,0 +1,44 @@
+"use strict";
+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 ('undefined' != 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__, {
+    Section: ()=>Section
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const react_slot_namespaceObject = require("@radix-ui/react-slot");
+function Section({ asChild, ...props }) {
+    const Component = asChild ? react_slot_namespaceObject.Slot : "section";
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Component, {
+        "data-slot": "section",
+        ...props
+    });
+}
+exports.Section = __webpack_exports__.Section;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "Section"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/components/select.cjs

@@ -0,0 +1,180 @@
+"use strict";
+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 ('undefined' != 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__, {
+    SelectSeparator: ()=>SelectSeparator,
+    SelectTrigger: ()=>SelectTrigger,
+    SelectScrollUpButton: ()=>SelectScrollUpButton,
+    SelectValue: ()=>SelectValue,
+    Select: ()=>Select,
+    SelectScrollDownButton: ()=>SelectScrollDownButton,
+    SelectLabel: ()=>SelectLabel,
+    SelectItem: ()=>SelectItem,
+    SelectContent: ()=>SelectContent,
+    SelectGroup: ()=>SelectGroup
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+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");
+const utils_cjs_namespaceObject = require("../lib/utils.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:ring-3 focus:border-ring w-fit justify-between px-3 font-normal *: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.ChevronsUpDownIcon, {})
+            })
+        ]
+    });
+}
+function SelectScrollUpButton({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_select_namespaceObject.ScrollUpButton, {
+        className: (0, utils_cjs_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, utils_cjs_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, utils_cjs_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 relative z-50 max-h-96 min-w-32 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, utils_cjs_namespaceObject.cn)("p-1", "popper" === position && "h-(--radix-select-trigger-height) min-w-(--radix-select-trigger-width) w-full"),
+                    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, utils_cjs_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, utils_cjs_namespaceObject.cn)("focus:bg-accent focus:text-accent-foreground outline-hidden *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2 data-[variant=destructive]:[&_svg:not([class*='text-'])]:text-destructive/80 [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm aria-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0", 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, utils_cjs_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 __webpack_i__ in __webpack_exports__)if (-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: true
+});

package/dist/cjs/components/separator.cjs

@@ -0,0 +1,79 @@
+"use strict";
+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 ('undefined' != 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__, {
+    Separator: ()=>Separator,
+    SeparatorItem: ()=>SeparatorItem
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const react_separator_namespaceObject = require("@radix-ui/react-separator");
+const utils_cjs_namespaceObject = require("../lib/utils.cjs");
+const separatorVariants = (0, utils_cjs_namespaceObject.tv)({
+    base: "bg-border relative flex shrink-0 items-center",
+    variants: {
+        align: {
+            center: "justify-center",
+            end: "justify-end",
+            start: "justify-start"
+        },
+        orientation: {
+            horizontal: "h-px w-full",
+            vertical: "h-full w-px flex-col"
+        }
+    },
+    defaultVariants: {
+        align: "center",
+        orientation: "horizontal"
+    }
+});
+function Separator({ align, className, decorative = true, orientation, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_separator_namespaceObject.Root, {
+        className: separatorVariants({
+            align,
+            className,
+            orientation
+        }),
+        "data-slot": "separator",
+        decorative: decorative,
+        orientation: orientation,
+        ...props
+    });
+}
+function SeparatorItem({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: (0, utils_cjs_namespaceObject.cn)("bg-background text-muted-foreground absolute mx-2 px-2 text-sm", className),
+        "data-slot": "separator-item",
+        ...props
+    });
+}
+exports.Separator = __webpack_exports__.Separator;
+exports.SeparatorItem = __webpack_exports__.SeparatorItem;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "Separator",
+    "SeparatorItem"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});