@hanzo/ui 5.3.34 → 5.3.36

package/dist/primitives/search-input.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+export type SearchInputProps = React.InputHTMLAttributes<HTMLInputElement> & {
+    classNames?: {
+        container?: string;
+        input?: string;
+        button?: string;
+    };
+};
+declare const SearchInput: {
+    ({ className, value, onChange, classNames, ...props }: SearchInputProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { SearchInput };
+//# sourceMappingURL=search-input.d.ts.map

package/dist/primitives/search-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-input.d.ts","sourceRoot":"","sources":["../../primitives/search-input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,GAAG;IAC3E,UAAU,CAAC,EAAE;QACX,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;CACH,CAAC;AAEF,QAAA,MAAM,WAAW;2DAMd,gBAAgB;;CAwClB,CAAC;AAIF,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/primitives/search-input.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SearchIcon, XIcon } from 'lucide-react';
+import { cn } from '../src/utils';
+import { Button } from './button';
+import { Input } from './input';
+const SearchInput = ({ className, value, onChange, classNames, ...props }) => {
+    return (_jsxs("div", { className: cn('shadow-border-input focus-within:shadow-border-input-focus relative flex h-10 flex-1 items-center overflow-hidden rounded-full shadow-[0_0_0_1px_currentColor] transition-shadow', classNames?.container), children: [_jsx(Input, { className: cn('placeholder:!text-text-placeholder !h-full border-none bg-transparent py-2 pl-10', classNames?.input), onChange: (e) => {
+                    onChange?.(e);
+                }, placeholder: "Search...", spellCheck: false, value: value, ...props }), _jsx(SearchIcon, { className: "text-text-tertiary absolute top-1/2 left-4 -z-[1px] h-4 w-4 -translate-y-1/2" }), value && (_jsxs(Button, { className: cn('absolute right-1 h-8 w-8 p-2', classNames?.button), onClick: () => {
+                    onChange?.({
+                        target: { value: '' },
+                    });
+                }, size: "icon", type: "button", variant: "ghost", children: [_jsx(XIcon, {}), _jsx("span", { className: "sr-only", children: "Clear" })] }))] }));
+};
+SearchInput.displayName = 'SearchInput';
+export { SearchInput };

package/dist/primitives/select.d.ts

@@ -0,0 +1,27 @@
+import * as SelectPrimitive from '@radix-ui/react-select';
+import * as React from 'react';
+declare const Select: React.FC<SelectPrimitive.SelectProps>;
+declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
+declare const SelectTrigger: {
+    ({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+    displayName: string | undefined;
+};
+declare const SelectContent: {
+    ({ className, children, position, ...props }: React.ComponentProps<typeof SelectPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+    displayName: string | undefined;
+};
+declare const SelectLabel: {
+    ({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>): import("react/jsx-runtime").JSX.Element;
+    displayName: string | undefined;
+};
+declare const SelectItem: {
+    ({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
+    displayName: string | undefined;
+};
+declare const SelectSeparator: {
+    ({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
+    displayName: string | undefined;
+};
+export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, };
+//# sourceMappingURL=select.d.ts.map

package/dist/primitives/select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../primitives/select.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,MAAM,uCAAuB,CAAC;AAEpC,QAAA,MAAM,WAAW,yGAAwB,CAAC;AAE1C,QAAA,MAAM,WAAW,0GAAwB,CAAC;AAE1C,QAAA,MAAM,aAAa;wCAIhB,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC;;CAiBtD,CAAC;AAGF,QAAA,MAAM,aAAa;kDAKhB,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC;;CAuBtD,CAAC;AAGF,QAAA,MAAM,WAAW;8BAGd,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC;;CAKpD,CAAC;AAGF,QAAA,MAAM,UAAU;wCAIb,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC;;CAenD,CAAC;AAGF,QAAA,MAAM,eAAe;8BAGlB,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,SAAS,CAAC;;CAKxD,CAAC;AAGF,OAAO,EACL,MAAM,EACN,WAAW,EACX,WAAW,EACX,aAAa,EACb,aAAa,EACb,WAAW,EACX,UAAU,EACV,eAAe,GAChB,CAAC"}

package/dist/primitives/select.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CheckIcon } from '@radix-ui/react-icons';
+import * as SelectPrimitive from '@radix-ui/react-select';
+import { ChevronDown } from 'lucide-react';
+import { cn } from '../src/utils';
+const Select = SelectPrimitive.Root;
+const SelectGroup = SelectPrimitive.Group;
+const SelectValue = SelectPrimitive.Value;
+const SelectTrigger = ({ className, children, ...props }) => (_jsxs(SelectPrimitive.Trigger, { className: cn('h-input border-divider bg-bg-secondary relative flex w-full items-center justify-between rounded-md border px-4 py-2 text-sm shadow-xs', 'focus:ring-border-input-focus placeholder:text-text-secondary focus:ring-1 focus:outline-hidden focus:ring-inset disabled:cursor-not-allowed disabled:opacity-50', 'peer/select [&[data-placeholder]>svg]:mt-0', 'pt-6 data-[placeholder]:pt-2', 'aria-expanded:ring-border-input-focus aria-expanded:ring-1 aria-expanded:ring-inset', className), ...props, children: [children, _jsx(SelectPrimitive.Icon, { asChild: true, children: _jsx(ChevronDown, { className: "absolute top-[23px] right-3 h-4 w-4 opacity-50" }) })] }));
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
+const SelectContent = ({ className, children, position = 'popper', ...props }) => (_jsx(SelectPrimitive.Portal, { children: _jsx(SelectPrimitive.Content, { className: cn('data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 border-divider bg-bg-dark relative z-50 min-w-[8rem] overflow-hidden rounded-md border text-gray-50/70 shadow-md', position === 'popper' &&
+            '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), position: position, ...props, children: _jsx(SelectPrimitive.Viewport, { className: cn('p-1', position === 'popper' &&
+                'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]'), children: children }) }) }));
+SelectContent.displayName = SelectPrimitive.Content.displayName;
+const SelectLabel = ({ className, ...props }) => (_jsx(SelectPrimitive.Label, { className: cn('px-2 py-1.5 text-sm font-semibold', className), ...props }));
+SelectLabel.displayName = SelectPrimitive.Label.displayName;
+const SelectItem = ({ className, children, ...props }) => (_jsxs(SelectPrimitive.Item, { className: cn('focus:bg-bg-secondary focus:text-text-default relative flex w-full cursor-default items-center rounded-xs py-2 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50', className), ...props, children: [_jsx("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: _jsx(SelectPrimitive.ItemIndicator, { children: _jsx(CheckIcon, { className: "h-4 w-4" }) }) }), _jsx(SelectPrimitive.ItemText, { children: children })] }));
+SelectItem.displayName = SelectPrimitive.Item.displayName;
+const SelectSeparator = ({ className, ...props }) => (_jsx(SelectPrimitive.Separator, { className: cn('bg-muted -mx-1 my-1 h-px', className), ...props }));
+SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
+export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, };

package/dist/primitives/separator.d.ts

@@ -0,0 +1,9 @@
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+import * as React from 'react';
+declare const Separator: {
+    ({ className, orientation, decorative, ...props }: React.ComponentProps<typeof SeparatorPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+    displayName: string | undefined;
+};
+export { Separator };
+export default Separator;
+//# sourceMappingURL=separator.d.ts.map

package/dist/primitives/separator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"separator.d.ts","sourceRoot":"","sources":["../../primitives/separator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAChE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,SAAS;uDAKZ,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC;;CAWtD,CAAC;AAGF,OAAO,EAAE,SAAS,EAAE,CAAC;AACrB,eAAe,SAAS,CAAC"}

package/dist/primitives/separator.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+import { cn } from '../src/utils';
+const Separator = ({ className, orientation = 'horizontal', decorative = true, ...props }) => (_jsx(SeparatorPrimitive.Root, { className: cn('bg-divider shrink-0', orientation === 'horizontal' ? 'h-[1px] w-full' : 'h-full w-[1px]', className), decorative: decorative, orientation: orientation, ...props }));
+Separator.displayName = SeparatorPrimitive.Root.displayName;
+export { Separator };
+export default Separator;

package/dist/primitives/sheet.d.ts

@@ -0,0 +1,41 @@
+import * as SheetPrimitive from '@radix-ui/react-dialog';
+import { type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+declare const Sheet: React.FC<SheetPrimitive.DialogProps>;
+declare const SheetTrigger: React.ForwardRefExoticComponent<SheetPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const SheetClose: React.ForwardRefExoticComponent<SheetPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const SheetPortal: React.FC<SheetPrimitive.DialogPortalProps>;
+declare const SheetOverlay: {
+    ({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
+    displayName: string | undefined;
+};
+declare const sheetVariants: (props?: ({
+    side?: "left" | "right" | "bottom" | "top" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
+    container?: HTMLElement;
+    overlayClassName?: string;
+    hideCloseButton?: boolean;
+}
+declare const SheetContent: {
+    ({ side, className, children, container, overlayClassName, hideCloseButton, ...props }: SheetContentProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string | undefined;
+};
+declare const SheetHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const SheetFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const SheetTitle: {
+    ({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
+    displayName: string | undefined;
+};
+declare const SheetDescription: {
+    ({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
+    displayName: string | undefined;
+};
+export { Sheet, SheetPortal, SheetOverlay, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription, };
+//# sourceMappingURL=sheet.d.ts.map

package/dist/primitives/sheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sheet.d.ts","sourceRoot":"","sources":["../../primitives/sheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,KAAK,sCAAsB,CAAC;AAElC,QAAA,MAAM,YAAY,6GAAyB,CAAC;AAE5C,QAAA,MAAM,UAAU,2GAAuB,CAAC;AAExC,QAAA,MAAM,WAAW,4CAAwB,CAAC;AAE1C,QAAA,MAAM,YAAY;8BAGf,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC;;CAQrD,CAAC;AAGF,QAAA,MAAM,aAAa;;8EAiBlB,CAAC;AAEF,UAAU,iBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,EACnE,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,QAAA,MAAM,YAAY;4FAQf,iBAAiB;;CAgBnB,CAAC;AAGF,QAAA,MAAM,WAAW;8BAGd,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAQtC,CAAC;AAGF,QAAA,MAAM,WAAW;8BAGd,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAEtC,CAAC;AAGF,QAAA,MAAM,UAAU;8BAGb,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,KAAK,CAAC;;CAKnD,CAAC;AAGF,QAAA,MAAM,gBAAgB;8BAGnB,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,WAAW,CAAC;;CAKzD,CAAC;AAGF,OAAO,EACL,KAAK,EACL,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,WAAW,EACX,WAAW,EACX,UAAU,EACV,gBAAgB,GACjB,CAAC"}

package/dist/primitives/sheet.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as SheetPrimitive from '@radix-ui/react-dialog';
+import { cva } from 'class-variance-authority';
+import { X } from 'lucide-react';
+import { cn } from '../src/utils';
+const Sheet = SheetPrimitive.Root;
+const SheetTrigger = SheetPrimitive.Trigger;
+const SheetClose = SheetPrimitive.Close;
+const SheetPortal = SheetPrimitive.Portal;
+const SheetOverlay = ({ className, ...props }) => (_jsx(SheetPrimitive.Overlay, { className: cn('data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/70', className), ...props }));
+SheetOverlay.displayName = SheetPrimitive.Overlay.displayName;
+const sheetVariants = cva('data-[state=open]:animate-in data-[state=closed]:animate-out bg-bg-dark border-divider fixed z-50 gap-4 p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500', {
+    variants: {
+        side: {
+            top: 'data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 border-b',
+            bottom: 'data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 border-t',
+            left: 'data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 max-w-lg border-r',
+            right: 'data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 max-w-lg border-l',
+        },
+    },
+    defaultVariants: {
+        side: 'right',
+    },
+});
+const SheetContent = ({ side = 'right', className, children, container, overlayClassName, hideCloseButton, ...props }) => (_jsxs(SheetPortal, { container: container, children: [_jsx(SheetOverlay, { className: overlayClassName }), _jsxs(SheetPrimitive.Content, { className: cn(sheetVariants({ side }), className), ...props, children: [children, !hideCloseButton && (_jsxs(SheetPrimitive.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none", children: [_jsx(X, { className: "h-4 w-4" }), _jsx("span", { className: "sr-only", children: "Close" })] }))] })] }));
+SheetContent.displayName = SheetPrimitive.Content.displayName;
+const SheetHeader = ({ className, ...props }) => (_jsx("div", { className: cn('flex flex-col space-y-2 text-center sm:text-left', className), ...props }));
+SheetHeader.displayName = 'SheetHeader';
+const SheetFooter = ({ className, ...props }) => (_jsx("div", { className: cn('mt-3 flex flex-col gap-2', className), ...props }));
+SheetFooter.displayName = 'SheetFooter';
+const SheetTitle = ({ className, ...props }) => (_jsx(SheetPrimitive.Title, { className: cn('text-text-default text-lg font-semibold', className), ...props }));
+SheetTitle.displayName = SheetPrimitive.Title.displayName;
+const SheetDescription = ({ className, ...props }) => (_jsx(SheetPrimitive.Description, { className: cn('text-text-secondary text-sm', className), ...props }));
+SheetDescription.displayName = SheetPrimitive.Description.displayName;
+export { Sheet, SheetPortal, SheetOverlay, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription, };

package/dist/primitives/skeleton.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+export { Skeleton };
+export default Skeleton;
+//# sourceMappingURL=skeleton.d.ts.map

package/dist/primitives/skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../primitives/skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,2CAOtC;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,eAAe,QAAQ,CAAC"}

package/dist/primitives/skeleton.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../src/utils';
+function Skeleton({ className, ...props }) {
+    return (_jsx("div", { className: cn('bg-bg-secondary animate-pulse rounded-md', className), ...props }));
+}
+export { Skeleton };
+export default Skeleton;

package/dist/primitives/slider.d.ts

@@ -0,0 +1,6 @@
+import * as SliderPrimitive from '@radix-ui/react-slider';
+import * as React from 'react';
+declare function Slider({ className, defaultValue, value, min, max, ...props }: React.ComponentProps<typeof SliderPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+export { Slider };
+export default Slider;
+//# sourceMappingURL=slider.d.ts.map

package/dist/primitives/slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../primitives/slider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,YAAY,EACZ,KAAK,EACL,GAAO,EACP,GAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CA8CnD;AAED,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,eAAe,MAAM,CAAC"}

package/dist/primitives/slider.js

@@ -0,0 +1,15 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as SliderPrimitive from '@radix-ui/react-slider';
+import * as React from 'react';
+import { cn } from '../src/utils';
+function Slider({ className, defaultValue, value, min = 0, max = 100, ...props }) {
+    const _values = React.useMemo(() => Array.isArray(value)
+        ? value
+        : Array.isArray(defaultValue)
+            ? defaultValue
+            : [min, max], [value, defaultValue, min, max]);
+    return (_jsxs(SliderPrimitive.Root, { "data-slot": "slider", defaultValue: defaultValue, value: value, min: min, max: max, className: cn('relative flex w-full touch-none items-center select-none data-[disabled]:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col', className), ...props, children: [_jsx(SliderPrimitive.Track, { "data-slot": "slider-track", className: cn('bg-bg-quaternary relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5'), children: _jsx(SliderPrimitive.Range, { "data-slot": "slider-range", className: cn('bg-brand absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full') }) }), Array.from({ length: _values.length }, (_, index) => (_jsx(SliderPrimitive.Thumb, { "data-slot": "slider-thumb", className: "border-brand-500 bg-brand ring-brand/50 block size-4 shrink-0 rounded-full border shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50" }, index)))] }));
+}
+export { Slider };
+export default Slider;

package/dist/primitives/sonner.d.ts

@@ -0,0 +1,6 @@
+import { Toaster as Sonner } from 'sonner';
+import { toast } from 'sonner';
+type ToasterProps = React.ComponentProps<typeof Sonner>;
+declare const Toaster: ({ ...props }: ToasterProps) => import("react/jsx-runtime").JSX.Element;
+export { toast, Toaster };
+//# sourceMappingURL=sonner.d.ts.map

package/dist/primitives/sonner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sonner.d.ts","sourceRoot":"","sources":["../../primitives/sonner.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,QAAQ,CAAA;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAA;AAE9B,KAAK,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAA;AAEvD,QAAA,MAAM,OAAO,iBAAkB,YAAY,4CAqB1C,CAAA;AAED,OAAO,EACL,KAAK,EACL,OAAO,EACR,CAAA"}

package/dist/primitives/sonner.js

@@ -0,0 +1,17 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useTheme } from 'next-themes';
+import { Toaster as Sonner } from 'sonner';
+import { toast } from 'sonner';
+const Toaster = ({ ...props }) => {
+    const { theme = 'system' } = useTheme();
+    return (_jsx(Sonner, { theme: theme, className: 'toaster group', toastOptions: {
+            classNames: {
+                toast: 'group toast group-[.toaster]:bg-level-2 group-[.toaster]:text-foreground group-[.toaster]:border-muted-3 group-[.toaster]:shadow-lg',
+                description: 'group-[.toast]:text-foreground',
+                actionButton: 'group-[.toast]:bg-primary group-[.toast]:text-primary-fg',
+                cancelButton: 'group-[.toast]:bg-transparent group-[.toast]:text-foreground',
+            },
+        }, ...props }));
+};
+export { toast, Toaster };

package/dist/primitives/spinner.d.ts

@@ -0,0 +1,3 @@
+declare function Spinner({ className, ...props }: React.ComponentProps<'svg'>): import("react/jsx-runtime").JSX.Element;
+export { Spinner };
+//# sourceMappingURL=spinner.d.ts.map

package/dist/primitives/spinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../primitives/spinner.tsx"],"names":[],"mappings":"AAIA,iBAAS,OAAO,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CASpE;AAED,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/primitives/spinner.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Loader2 } from 'lucide-react';
+import { cn } from '../src/utils';
+function Spinner({ className, ...props }) {
+    return (_jsx(Loader2, { role: "status", "aria-label": "Loading", className: cn('size-4 animate-spin', className), ...props }));
+}
+export { Spinner };

package/dist/primitives/step-indicator.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+declare const StepIndicator: React.FC<{
+    steps: string[];
+    currentStep: number;
+    dotSizeRem: number;
+    className?: string;
+    muted?: boolean;
+}>;
+export default StepIndicator;
+//# sourceMappingURL=step-indicator.d.ts.map

package/dist/primitives/step-indicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"step-indicator.d.ts","sourceRoot":"","sources":["../../primitives/step-indicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IAC5B,KAAK,EAAE,MAAM,EAAE,CAAA;IACf,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAwDA,CAAA;AAED,eAAe,aAAa,CAAA"}

package/dist/primitives/step-indicator.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../util';
+const StepIndicator = ({ steps, currentStep, dotSizeRem, className = '', muted = false }) => {
+    const pX = `calc(${1 / (steps.length * 2) * 100}% - ${dotSizeRem / 2}rem)`;
+    // This code current throws 'Warning: Each child in a list should have a unique "key" prop.'
+    // As is evident, we supply keys that should suffice.  < shrug >
+    return (_jsxs("div", { className: cn('flex flex-col', className), children: [_jsx("div", { 
+                /* id='FOO' */
+                className: 'flex flex-row items-center justify-start w-full', style: { paddingLeft: pX, paddingRight: pX }, children: steps.map((ignore, index) => (_jsxs(_Fragment, { children: [index !== 0 && (_jsx("div", { className: cn('h-[1px] grow', currentStep >= index ? (muted ? 'bg-muted' : 'bg-foreground') : (muted ? 'bg-muted-3' : 'bg-level-3')) }, `sep-${index}`)), _jsx("div", { style: { width: `${dotSizeRem}rem`, height: `${dotSizeRem}rem` }, className: cn('shrink-0 rounded-full border-[1.5px]', currentStep >= index ? (muted ? 'bg-muted border-muted' : 'bg-foreground border-foreground') : '') }, `circle-${index}`)] }))) }, 'one'
+            /* id='FOO' */
+            ), _jsx("div", { className: 'grid ' + `grid-cols-${steps.length}` /* These are white listed already */, children: steps.map((label, index) => (_jsx("div", { className: cn('text-center whitespace-nowrap', (muted ? 'text-muted' : 'text-foreground')), children: label }, index))) }, 'two')] }));
+};
+export default StepIndicator;

package/dist/primitives/stepper.d.ts

@@ -0,0 +1,49 @@
+import * as React from 'react';
+interface StepperProps extends React.HTMLAttributes<HTMLDivElement> {
+    defaultValue?: number;
+    value?: number;
+    onValueChange?: (value: number) => void;
+    orientation?: 'horizontal' | 'vertical';
+}
+declare const Stepper: {
+    ({ defaultValue, value, onValueChange, orientation, className, ...props }: StepperProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+interface StepperItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    step: number;
+    completed?: boolean;
+    disabled?: boolean;
+    loading?: boolean;
+}
+declare const StepperItem: {
+    ({ step, completed, disabled, loading, className, children, ...props }: StepperItemProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+interface StepperTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    asChild?: boolean;
+}
+declare const StepperTrigger: {
+    ({ asChild, className, children, ...props }: StepperTriggerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+interface StepperIndicatorProps extends React.HTMLAttributes<HTMLDivElement> {
+    asChild?: boolean;
+}
+declare const StepperIndicator: {
+    ({ asChild, className, children, ...props }: StepperIndicatorProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const StepperTitle: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLHeadingElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const StepperDescription: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLParagraphElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const StepperSeparator: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { Stepper, StepperDescription, StepperIndicator, StepperItem, StepperSeparator, StepperTitle, StepperTrigger, };
+//# sourceMappingURL=stepper.d.ts.map

package/dist/primitives/stepper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepper.d.ts","sourceRoot":"","sources":["../../primitives/stepper.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA2C/B,UAAU,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACjE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACzC;AAED,QAAA,MAAM,OAAO;+EAOV,YAAY;;CAiCd,CAAC;AAIF,UAAU,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACrE,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,WAAW;4EAQd,gBAAgB;;CA6BlB,CAAC;AAKF,UAAU,mBACR,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,cAAc;iDAKjB,mBAAmB;;CAqBrB,CAAC;AAGF,UAAU,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC1E,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,gBAAgB;iDAKnB,qBAAqB;;CAuCvB,CAAC;AAIF,QAAA,MAAM,YAAY;8BAGf,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;;CAE1C,CAAC;AAGF,QAAA,MAAM,kBAAkB;8BAGrB,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC;;CAE5C,CAAC;AAGF,QAAA,MAAM,gBAAgB;8BAGnB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAUtC,CAAC;AAGF,OAAO,EACL,OAAO,EACP,kBAAkB,EAClB,gBAAgB,EAChB,WAAW,EACX,gBAAgB,EAChB,YAAY,EACZ,cAAc,GACf,CAAC"}

package/dist/primitives/stepper.js

@@ -0,0 +1,75 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { CheckIcon } from '@radix-ui/react-icons';
+import { LoaderCircle } from 'lucide-react';
+import * as React from 'react';
+import { createContext, useContext } from 'react';
+import { cn } from '../src/utils';
+const StepperContext = createContext(undefined);
+const StepItemContext = createContext(undefined);
+const useStepper = () => {
+    const context = useContext(StepperContext);
+    if (!context) {
+        throw new Error('useStepper must be used within a Stepper');
+    }
+    return context;
+};
+const useStepItem = () => {
+    const context = useContext(StepItemContext);
+    if (!context) {
+        throw new Error('useStepItem must be used within a StepperItem');
+    }
+    return context;
+};
+const Stepper = ({ defaultValue = 0, value, onValueChange, orientation = 'horizontal', className, ...props }) => {
+    const [activeStep, setInternalStep] = React.useState(defaultValue);
+    const setActiveStep = React.useCallback((step) => {
+        if (value === undefined) {
+            setInternalStep(step);
+        }
+        onValueChange?.(step);
+    }, [value, onValueChange]);
+    const currentStep = value ?? activeStep;
+    return (_jsx(StepperContext.Provider, { value: {
+            activeStep: currentStep,
+            setActiveStep,
+            orientation,
+        }, children: _jsx("div", { className: cn('group/stepper inline-flex data-[orientation=horizontal]:w-full data-[orientation=horizontal]:flex-row data-[orientation=vertical]:flex-col', className), "data-orientation": orientation, ...props }) }));
+};
+Stepper.displayName = 'Stepper';
+const StepperItem = ({ step, completed = false, disabled = false, loading = false, className, children, ...props }) => {
+    const { activeStep } = useStepper();
+    const state = completed || step < activeStep
+        ? 'completed'
+        : activeStep === step
+            ? 'active'
+            : 'inactive';
+    const isLoading = loading && step === activeStep;
+    return (_jsx(StepItemContext.Provider, { value: { step, state, isDisabled: disabled, isLoading }, children: _jsx("div", { className: cn('group/step flex items-center group-data-[orientation=horizontal]/stepper:flex-row group-data-[orientation=vertical]/stepper:flex-col', className), "data-state": state, ...(isLoading ? { 'data-loading': true } : {}), ...props, children: children }) }));
+};
+StepperItem.displayName = 'StepperItem';
+const StepperTrigger = ({ asChild = false, className, children, ...props }) => {
+    const { setActiveStep } = useStepper();
+    const { step, isDisabled } = useStepItem();
+    if (asChild) {
+        return _jsx("div", { className: className, children: children });
+    }
+    return (_jsx("button", { className: cn('inline-flex items-center gap-3 disabled:pointer-events-none', className), disabled: isDisabled, onClick: () => setActiveStep(step), ...props, children: children }));
+};
+StepperTrigger.displayName = 'StepperTrigger';
+const StepperIndicator = ({ asChild = false, className, children, ...props }) => {
+    const { state, step, isLoading } = useStepItem();
+    return (_jsx("div", { className: cn('bg-bg-tertiary text-text-secondary data-[state=completed]:bg-brand data-[state=active]:text-text-default data-[state=completed]:text-primary-foreground data-[state=active]:bg-bg-secondary relative flex size-6 shrink-0 items-center justify-center rounded-full text-xs font-medium', className), "data-state": state, ...props, children: asChild ? (children) : (_jsxs(_Fragment, { children: [_jsx("span", { className: "transition-all group-data-[loading=true]/step:scale-0 group-data-[loading=true]/step:opacity-0 group-data-[loading=true]/step:transition-none group-data-[state=completed]/step:scale-0 group-data-[state=completed]/step:opacity-0", children: step }), _jsx(CheckIcon, { "aria-hidden": "true", className: "absolute scale-0 opacity-0 transition-all group-data-[state=completed]/step:scale-100 group-data-[state=completed]/step:opacity-100", 
+                    // size={16}
+                    strokeWidth: 2 }), isLoading && (_jsx("span", { className: "absolute transition-all", children: _jsx(LoaderCircle, { "aria-hidden": "true", className: "animate-spin", size: 14, strokeWidth: 2 }) }))] })) }));
+};
+StepperIndicator.displayName = 'StepperIndicator';
+// StepperTitle
+const StepperTitle = ({ className, ...props }) => (_jsx("h3", { className: cn('text-sm font-medium', className), ...props }));
+StepperTitle.displayName = 'StepperTitle';
+const StepperDescription = ({ className, ...props }) => (_jsx("p", { className: cn('text-text-secondary text-sm', className), ...props }));
+StepperDescription.displayName = 'StepperDescription';
+const StepperSeparator = ({ className, ...props }) => {
+    return (_jsx("div", { className: cn('bg-muted group-data-[state=completed]/step:bg-primary m-0.5 group-data-[orientation=horizontal]/stepper:h-0.5 group-data-[orientation=horizontal]/stepper:w-full group-data-[orientation=horizontal]/stepper:flex-1 group-data-[orientation=vertical]/stepper:h-12 group-data-[orientation=vertical]/stepper:w-0.5', className), ...props }));
+};
+StepperSeparator.displayName = 'StepperSeparator';
+export { Stepper, StepperDescription, StepperIndicator, StepperItem, StepperSeparator, StepperTitle, StepperTrigger, };

package/dist/primitives/switch.d.ts

@@ -0,0 +1,9 @@
+import * as SwitchPrimitives from '@radix-ui/react-switch';
+import * as React from 'react';
+declare const Switch: {
+    ({ className, ...props }: React.ComponentProps<typeof SwitchPrimitives.Root>): import("react/jsx-runtime").JSX.Element;
+    displayName: string | undefined;
+};
+export { Switch };
+export default Switch;
+//# sourceMappingURL=switch.d.ts.map

package/dist/primitives/switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../primitives/switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,gBAAgB,MAAM,wBAAwB,CAAC;AAC3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,MAAM;8BAGT,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC;;CAcpD,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,eAAe,MAAM,CAAC"}

package/dist/primitives/switch.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as SwitchPrimitives from '@radix-ui/react-switch';
+import { cn } from '../src/utils';
+const Switch = ({ className, ...props }) => (_jsx(SwitchPrimitives.Root, { className: cn('data-[state=checked]:bg-brand peer data-[state=unchecked]:bg-bg-secondary inline-flex h-[20px] w-[36px] shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-xs transition-colors focus-visible:ring-2 focus-visible:ring-gray-950 focus-visible:ring-offset-2 focus-visible:ring-offset-white focus-visible:outline-hidden disabled:cursor-not-allowed disabled:opacity-50', className), ...props, children: _jsx(SwitchPrimitives.Thumb, { className: cn('pointer-events-none block h-4 w-4 rounded-full bg-white shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0') }) }));
+Switch.displayName = SwitchPrimitives.Root.displayName;
+export { Switch };
+export default Switch;

package/dist/primitives/table.d.ts

@@ -0,0 +1,35 @@
+import * as React from 'react';
+declare const Table: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLTableElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const TableHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLTableSectionElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const TableBody: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLTableSectionElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const TableFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLTableSectionElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const TableRow: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLTableRowElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const TableHead: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLTableCellElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const TableCell: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLTableCellElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const TableCaption: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLTableCaptionElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, };
+//# sourceMappingURL=table.d.ts.map

package/dist/primitives/table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../primitives/table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,KAAK;8BAGR,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;;CAKxC,CAAC;AAGF,QAAA,MAAM,WAAW;8BAGd,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC;;CAK/C,CAAC;AAGF,QAAA,MAAM,SAAS;8BAGZ,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC;;CAE/C,CAAC;AAGF,QAAA,MAAM,WAAW;8BAGd,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC;;CAK/C,CAAC;AAGF,QAAA,MAAM,QAAQ;8BAGX,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC;;CAQ3C,CAAC;AAGF,QAAA,MAAM,SAAS;8BAGZ,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC;;CAQ5C,CAAC;AAGF,QAAA,MAAM,SAAS;8BAGZ,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC;;CAK5C,CAAC;AAGF,QAAA,MAAM,YAAY;8BAGf,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC;;CAK/C,CAAC;AAGF,OAAO,EACL,KAAK,EACL,WAAW,EACX,SAAS,EACT,WAAW,EACX,SAAS,EACT,QAAQ,EACR,SAAS,EACT,YAAY,GACb,CAAC"}

package/dist/primitives/table.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../src/utils';
+const Table = ({ className, ...props }) => (_jsx("table", { className: cn('w-full caption-bottom text-sm', className), ...props }));
+Table.displayName = 'Table';
+const TableHeader = ({ className, ...props }) => (_jsx("thead", { className: cn('[&_tr]:border-0 [&_tr]:border-b', className), ...props }));
+TableHeader.displayName = 'TableHeader';
+const TableBody = ({ className, ...props }) => (_jsx("tbody", { className: cn('[&_tr]:border-0', className), ...props }));
+TableBody.displayName = 'TableBody';
+const TableFooter = ({ className, ...props }) => (_jsx("tfoot", { className: cn('border-t font-medium [&>tr]:last:border-b-0', className), ...props }));
+TableFooter.displayName = 'TableFooter';
+const TableRow = ({ className, ...props }) => (_jsx("tr", { className: cn('data-[state=selected]:bg-muted transition-colors hover:bg-gray-300/50', className), ...props }));
+TableRow.displayName = 'TableRow';
+const TableHead = ({ className, ...props }) => (_jsx("th", { className: cn('text-text-secondary h-12 px-4 text-left align-middle font-medium uppercase [&:has([role=checkbox])]:pr-0', className), ...props }));
+TableHead.displayName = 'TableHead';
+const TableCell = ({ className, ...props }) => (_jsx("td", { className: cn('p-4 align-middle [&:has([role=checkbox])]:pr-0', className), ...props }));
+TableCell.displayName = 'TableCell';
+const TableCaption = ({ className, ...props }) => (_jsx("caption", { className: cn('text-text-secondary mt-4 text-sm', className), ...props }));
+TableCaption.displayName = 'TableCaption';
+export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, };

package/dist/primitives/tabs.d.ts

@@ -0,0 +1,12 @@
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+import { type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+declare function Tabs({ className, orientation, ...props }: React.ComponentProps<typeof TabsPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare const tabsListVariants: (props?: ({
+    variant?: "line" | "default" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function TabsList({ className, variant, ...props }: React.ComponentProps<typeof TabsPrimitive.List> & VariantProps<typeof tabsListVariants>): import("react/jsx-runtime").JSX.Element;
+declare function TabsTrigger({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function TabsContent({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+export { Tabs, TabsList, TabsTrigger, TabsContent, tabsListVariants };
+//# sourceMappingURL=tabs.d.ts.map

package/dist/primitives/tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../primitives/tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,iBAAS,IAAI,CAAC,EACZ,SAAS,EACT,WAA0B,EAC1B,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,2CAajD;AAED,QAAA,MAAM,gBAAgB;;8EAarB,CAAC;AAEF,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,OAAmB,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,GAChD,YAAY,CAAC,OAAO,gBAAgB,CAAC,2CAStC;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,2CAiBpD;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,2CAQpD;AAED,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/primitives/tabs.js

@@ -0,0 +1,35 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+import { cva } from 'class-variance-authority';
+import { cn } from '../src/utils';
+function Tabs({ className, orientation = 'horizontal', ...props }) {
+    return (_jsx(TabsPrimitive.Root, { "data-slot": "tabs", "data-orientation": orientation, orientation: orientation, className: cn('group/tabs flex data-[orientation=horizontal]:flex-col', className), ...props }));
+}
+const tabsListVariants = cva('group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col', {
+    variants: {
+        variant: {
+            default: 'bg-muted rounded-lg p-1',
+            line: 'gap-1 bg-transparent',
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+    },
+});
+function TabsList({ className, variant = 'default', ...props }) {
+    return (_jsx(TabsPrimitive.List, { "data-slot": "tabs-list", "data-variant": variant, className: cn(tabsListVariants({ variant }), className), ...props }));
+}
+function TabsTrigger({ className, ...props }) {
+    return (_jsx(TabsPrimitive.Trigger, { "data-slot": "tabs-trigger", className: cn('focus-visible:border-ring focus-visible:ring-ring/50 text-foreground/60 hover:text-foreground dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center whitespace-nowrap rounded-md px-3 py-1.5 text-sm font-medium transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0', 
+        // Default variant styles
+        'group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent', 
+        // Active state
+        'data-[state=active]:bg-background dark:data-[state=active]:text-foreground dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 data-[state=active]:text-foreground data-[state=active]:shadow-sm', 
+        // Line variant indicator
+        'after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-[state=active]:after:opacity-100', className), ...props }));
+}
+function TabsContent({ className, ...props }) {
+    return (_jsx(TabsPrimitive.Content, { "data-slot": "tabs-content", className: cn('flex-1 outline-none mt-2', className), ...props }));
+}
+export { Tabs, TabsList, TabsTrigger, TabsContent, tabsListVariants };