@moldable-ai/ui 0.2.18 → 0.2.20

package/dist/components/ui/panel.js

@@ -0,0 +1,40 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../../lib/utils';
+import { cva } from 'class-variance-authority';
+const panelVariants = cva('flex min-h-0 min-w-0 flex-col overflow-hidden', {
+    variants: {
+        surface: {
+            default: 'bg-background text-foreground',
+            muted: 'bg-muted/35 text-foreground',
+            sidebar: 'bg-sidebar text-sidebar-foreground',
+            transparent: 'bg-transparent text-foreground',
+        },
+        border: {
+            none: '',
+            all: 'border-border/70 border',
+            inline: 'border-border/70 border-x',
+            block: 'border-border/70 border-y',
+        },
+    },
+    defaultVariants: {
+        surface: 'default',
+        border: 'none',
+    },
+});
+function PanelGroup({ orientation = 'horizontal', className, ...props }) {
+    return (_jsx("div", { "data-slot": "panel-group", "data-orientation": orientation, className: cn('flex h-full min-h-0 min-w-0 flex-1 overflow-hidden', orientation === 'vertical' && 'flex-col', className), ...props }));
+}
+function Panel({ surface, border, className, ...props }) {
+    return (_jsx("section", { "data-slot": "panel", "data-surface": surface ?? 'default', className: cn(panelVariants({ surface, border }), className), ...props }));
+}
+function PanelHeader({ className, ...props }) {
+    return (_jsx("header", { "data-slot": "panel-header", className: cn('border-border/70 flex min-h-9 shrink-0 items-center gap-2 border-b px-3 py-1.5', className), ...props }));
+}
+function PanelContent({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "panel-content", className: cn('min-h-0 min-w-0 flex-1 overflow-auto', className), ...props }));
+}
+function PanelFooter({ className, ...props }) {
+    return (_jsx("footer", { "data-slot": "panel-footer", className: cn('border-border/70 flex shrink-0 items-center gap-2 border-t px-3 py-2', className), ...props }));
+}
+export { Panel, PanelContent, PanelFooter, PanelGroup, PanelHeader, panelVariants, };

package/dist/components/ui/popover.js

@@ -18,7 +18,7 @@ function PopoverHeader({ className, ...props }) {
     return (_jsx("div", { "data-slot": "popover-header", className: cn('flex flex-col gap-1 text-sm', className), ...props }));
 }
 function PopoverTitle({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "popover-title", className: cn('font-medium', className), ...props }));
+    return (_jsx("h2", { "data-slot": "popover-title", className: cn('font-medium', className), ...props }));
 }
 function PopoverDescription({ className, ...props }) {
     return (_jsx("p", { "data-slot": "popover-description", className: cn('text-muted-foreground', className), ...props }));

package/dist/components/ui/search-field.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+declare const searchFieldVariants: (props?: ({
+    variant?: "default" | "filled" | null | undefined;
+    density?: "compact" | "default" | "comfortable" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+interface SearchFieldProps extends Omit<React.ComponentProps<'input'>, 'defaultValue' | 'size' | 'type' | 'value'>, VariantProps<typeof searchFieldVariants> {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    onClear?: () => void;
+    clearable?: boolean;
+    clearLabel?: string;
+    loading?: boolean;
+    inputClassName?: string;
+}
+declare function SearchField({ className, inputClassName, value, defaultValue, onChange, onValueChange, onClear, onKeyDown, clearable, clearLabel, loading, variant, density, disabled, readOnly, ref, ...props }: SearchFieldProps): import("react/jsx-runtime").JSX.Element;
+export { SearchField, searchFieldVariants, type SearchFieldProps };
+//# sourceMappingURL=search-field.d.ts.map

package/dist/components/ui/search-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-field.d.ts","sourceRoot":"","sources":["../../../src/components/ui/search-field.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAA;AAEjE,QAAA,MAAM,mBAAmB;;;8EAmBxB,CAAA;AAED,UAAU,gBACR,SAAQ,IAAI,CACR,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,EAC7B,cAAc,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAC3C,EACD,YAAY,CAAC,OAAO,mBAAmB,CAAC;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,cAAc,EACd,KAAK,EACL,YAAiB,EACjB,QAAQ,EACR,aAAa,EACb,OAAO,EACP,SAAS,EACT,SAAgB,EAChB,UAA2B,EAC3B,OAAe,EACf,OAAmB,EACnB,OAAmB,EACnB,QAAQ,EACR,QAAQ,EACR,GAAG,EACH,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAoGlB;AAED,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,KAAK,gBAAgB,EAAE,CAAA"}

package/dist/components/ui/search-field.js

@@ -0,0 +1,64 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { LoaderCircleIcon, SearchIcon, XIcon } from 'lucide-react';
+import * as React from 'react';
+import { cn } from '../../lib/utils';
+import { IconButton } from './icon-button';
+import { cva } from 'class-variance-authority';
+const searchFieldVariants = cva('group/search-field border-input focus-within:border-ring focus-within:ring-ring/50 flex w-full min-w-0 items-center rounded-md border text-foreground shadow-xs transition-[background-color,border-color,box-shadow] focus-within:ring-[3px] has-[[aria-invalid=true]]:border-destructive has-[[aria-invalid=true]]:ring-destructive/20', {
+    variants: {
+        variant: {
+            default: 'bg-background',
+            filled: 'border-transparent bg-muted/70 shadow-none',
+        },
+        density: {
+            compact: 'h-7',
+            default: 'h-9',
+            comfortable: 'h-10',
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+        density: 'default',
+    },
+});
+function SearchField({ className, inputClassName, value, defaultValue = '', onChange, onValueChange, onClear, onKeyDown, clearable = true, clearLabel = 'Clear search', loading = false, variant = 'default', density = 'default', disabled, readOnly, ref, ...props }) {
+    const controlled = value !== undefined;
+    const [internalValue, setInternalValue] = React.useState(defaultValue);
+    const inputRef = React.useRef(null);
+    const currentValue = controlled ? value : internalValue;
+    const setRefs = React.useCallback((node) => {
+        inputRef.current = node;
+        if (typeof ref === 'function')
+            ref(node);
+        else if (ref)
+            ref.current = node;
+    }, [ref]);
+    const commitValue = React.useCallback((nextValue) => {
+        if (!controlled)
+            setInternalValue(nextValue);
+        onValueChange?.(nextValue);
+    }, [controlled, onValueChange]);
+    const clear = React.useCallback(() => {
+        if (!currentValue)
+            return;
+        commitValue('');
+        onClear?.();
+        inputRef.current?.focus();
+    }, [commitValue, currentValue, onClear]);
+    const iconSize = density === 'compact' ? 'size-3.5' : 'size-4';
+    return (_jsxs("div", { "data-slot": "search-field", "data-density": density, "data-variant": variant, "data-disabled": disabled || undefined, "data-readonly": readOnly || undefined, className: cn(searchFieldVariants({ variant, density }), disabled && 'cursor-not-allowed opacity-50', className), children: [_jsx("span", { "aria-hidden": "true", className: "text-muted-foreground pointer-events-none flex shrink-0 items-center pl-2.5", children: loading ? (_jsx(LoaderCircleIcon, { className: cn(iconSize, 'animate-spin') })) : (_jsx(SearchIcon, { className: iconSize })) }), _jsx("input", { ref: setRefs, "data-slot": "search-field-input", type: "search", value: currentValue, disabled: disabled, readOnly: readOnly, className: cn('placeholder:text-muted-foreground min-w-0 flex-1 appearance-none bg-transparent px-2 text-sm outline-none [&::-webkit-search-cancel-button]:hidden [&::-webkit-search-decoration]:hidden', density === 'compact' && 'text-xs', inputClassName), onChange: (event) => {
+                    onChange?.(event);
+                    commitValue(event.currentTarget.value);
+                }, onKeyDown: (event) => {
+                    onKeyDown?.(event);
+                    if (!event.defaultPrevented &&
+                        event.key === 'Escape' &&
+                        currentValue &&
+                        !readOnly) {
+                        event.preventDefault();
+                        clear();
+                    }
+                }, ...props }), clearable && currentValue && !readOnly ? (_jsx(IconButton, { label: clearLabel, size: "xs", variant: "ghost", disabled: disabled, className: "mr-0.5 shrink-0", onClick: clear, children: _jsx(XIcon, {}) })) : null] }));
+}
+export { SearchField, searchFieldVariants };

package/dist/components/ui/segmented-control.d.ts

@@ -0,0 +1,21 @@
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+declare const segmentedControlVariants: (props?: ({
+    variant?: "outline" | "muted" | null | undefined;
+    density?: "compact" | "default" | "comfortable" | null | undefined;
+    fullWidth?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const segmentedControlItemVariants: (props?: ({
+    density?: "compact" | "default" | "comfortable" | null | undefined;
+    fullWidth?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+interface SegmentedControlProps extends React.ComponentProps<typeof RadioGroupPrimitive.Root>, VariantProps<typeof segmentedControlVariants> {
+}
+declare function SegmentedControl({ className, variant, density, fullWidth, orientation, ...props }: SegmentedControlProps): import("react/jsx-runtime").JSX.Element;
+interface SegmentedControlItemProps extends React.ComponentProps<typeof RadioGroupPrimitive.Item> {
+    iconOnly?: boolean;
+}
+declare function SegmentedControlItem({ className, iconOnly, ...props }: SegmentedControlItemProps): import("react/jsx-runtime").JSX.Element;
+export { SegmentedControl, SegmentedControlItem, segmentedControlItemVariants, segmentedControlVariants, };
+//# sourceMappingURL=segmented-control.d.ts.map

package/dist/components/ui/segmented-control.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"segmented-control.d.ts","sourceRoot":"","sources":["../../../src/components/ui/segmented-control.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAA;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAA;AAEjE,QAAA,MAAM,wBAAwB;;;;8EAwB7B,CAAA;AAED,QAAA,MAAM,4BAA4B;;;8EAsBjC,CAAA;AAaD,UAAU,qBACR,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,EAC3D,YAAY,CAAC,OAAO,wBAAwB,CAAC;CAAG;AAEpD,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,OAAiB,EACjB,OAAmB,EACnB,SAAiB,EACjB,WAA0B,EAC1B,GAAG,KAAK,EACT,EAAE,qBAAqB,2CAoBvB;AAED,UAAU,yBACR,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC;IAC7D,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,iBAAS,oBAAoB,CAAC,EAC5B,SAAS,EACT,QAAgB,EAChB,GAAG,KAAK,EACT,EAAE,yBAAyB,2CAoB3B;AAED,OAAO,EACL,gBAAgB,EAChB,oBAAoB,EACpB,4BAA4B,EAC5B,wBAAwB,GACzB,CAAA"}

package/dist/components/ui/segmented-control.js

@@ -0,0 +1,61 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import * as React from 'react';
+import { cn } from '../../lib/utils';
+import { cva } from 'class-variance-authority';
+const segmentedControlVariants = cva('inline-flex w-fit items-center overflow-x-auto rounded-lg p-0.5 text-muted-foreground', {
+    variants: {
+        variant: {
+            muted: 'bg-muted/70',
+            outline: 'border border-border/80 bg-background shadow-xs',
+        },
+        density: {
+            compact: 'min-h-7',
+            default: 'min-h-8',
+            comfortable: 'min-h-9',
+        },
+        fullWidth: {
+            true: 'flex w-full',
+            false: '',
+        },
+    },
+    defaultVariants: {
+        variant: 'muted',
+        density: 'default',
+        fullWidth: false,
+    },
+});
+const segmentedControlItemVariants = cva('relative inline-flex cursor-pointer select-none items-center justify-center whitespace-nowrap rounded-md font-medium outline-none transition-[background-color,color,box-shadow] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 focus-visible:z-10 focus-visible:ring-2 focus-visible:ring-ring/60 data-[state=checked]:bg-background data-[state=checked]:text-foreground data-[state=checked]:shadow-xs [&_svg]:pointer-events-none [&_svg]:shrink-0', {
+    variants: {
+        density: {
+            compact: 'min-h-6 gap-1 px-2 text-xs [&_svg:not([class*="size-"])]:size-3',
+            default: 'min-h-7 gap-1.5 px-2.5 text-sm [&_svg:not([class*="size-"])]:size-3.5',
+            comfortable: 'min-h-8 gap-1.5 px-3 text-sm [&_svg:not([class*="size-"])]:size-4',
+        },
+        fullWidth: {
+            true: 'min-w-0 flex-1',
+            false: '',
+        },
+    },
+    defaultVariants: {
+        density: 'default',
+        fullWidth: false,
+    },
+});
+const SegmentedControlContext = React.createContext({
+    density: 'default',
+    fullWidth: false,
+});
+function SegmentedControl({ className, variant = 'muted', density = 'default', fullWidth = false, orientation = 'horizontal', ...props }) {
+    return (_jsx(SegmentedControlContext.Provider, { value: { density: density ?? 'default', fullWidth: Boolean(fullWidth) }, children: _jsx(RadioGroupPrimitive.Root, { "data-slot": "segmented-control", "data-variant": variant, "data-density": density, "data-full-width": fullWidth, orientation: orientation, className: cn(segmentedControlVariants({ variant, density, fullWidth }), orientation === 'vertical' && 'flex-col', className), ...props }) }));
+}
+function SegmentedControlItem({ className, iconOnly = false, ...props }) {
+    const { density, fullWidth } = React.useContext(SegmentedControlContext);
+    return (_jsx(RadioGroupPrimitive.Item, { "data-slot": "segmented-control-item", "data-density": density, "data-icon-only": iconOnly, className: cn(segmentedControlItemVariants({ density, fullWidth }), iconOnly && {
+            compact: 'size-6 p-0',
+            default: 'size-7 p-0',
+            comfortable: 'size-8 p-0',
+        }[density], className), ...props }));
+}
+export { SegmentedControl, SegmentedControlItem, segmentedControlItemVariants, segmentedControlVariants, };

package/dist/components/ui/sidebar.js

@@ -107,7 +107,7 @@ function SidebarTrigger({ className, onClick, ...props }) {
 }
 function SidebarRail({ className, ...props }) {
     const { toggleSidebar } = useSidebar();
-    return (_jsx("button", { "data-sidebar": "rail", "data-slot": "sidebar-rail", "aria-label": "Toggle Sidebar", tabIndex: -1, onClick: toggleSidebar, title: "Toggle Sidebar", className: cn('hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] group-data-[side=left]:-right-4 group-data-[side=right]:left-0 sm:flex', 'in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize', '[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize', 'hover:group-data-[collapsible=offcanvas]:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full', '[[data-side=left][data-collapsible=offcanvas]_&]:-right-2', '[[data-side=right][data-collapsible=offcanvas]_&]:-left-2', className), ...props }));
+    return (_jsx("button", { "data-sidebar": "rail", "data-slot": "sidebar-rail", "aria-label": "Toggle Sidebar", tabIndex: -1, onClick: toggleSidebar, title: "Toggle Sidebar", className: cn('hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 cursor-pointer transition-all ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] group-data-[side=left]:-right-4 group-data-[side=right]:left-0 sm:flex', 'in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize', '[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize', 'hover:group-data-[collapsible=offcanvas]:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full', '[[data-side=left][data-collapsible=offcanvas]_&]:-right-2', '[[data-side=right][data-collapsible=offcanvas]_&]:-left-2', className), ...props }));
 }
 function SidebarInset({ className, ...props }) {
     return (_jsx("main", { "data-slot": "sidebar-inset", className: cn('bg-background relative flex w-full flex-1 flex-col', 'md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm', className), ...props }));

package/dist/components/ui/slider.d.ts

@@ -1,5 +1,8 @@
 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;
+declare function Slider({ className, defaultValue, value, min, max, rangeContent, thumbContent, ...props }: React.ComponentProps<typeof SliderPrimitive.Root> & {
+    rangeContent?: React.ReactNode;
+    thumbContent?: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
 export { Slider };
 //# sourceMappingURL=slider.d.ts.map

package/dist/components/ui/slider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../src/components/ui/slider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AACzD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,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,CAAA"}
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../src/components/ui/slider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AACzD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,YAAY,EACZ,KAAK,EACL,GAAO,EACP,GAAS,EACT,YAAY,EACZ,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,GAAG;IACrD,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC/B,2CAkDA;AAED,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/dist/components/ui/slider.js

@@ -3,12 +3,12 @@ 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 '../../lib/utils';
-function Slider({ className, defaultValue, value, min = 0, max = 100, ...props }) {
+function Slider({ className, defaultValue, value, min = 0, max = 100, rangeContent, thumbContent, ...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 select-none items-center data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col data-[disabled]:opacity-50', className), ...props, children: [_jsx(SliderPrimitive.Track, { "data-slot": "slider-track", className: cn('bg-muted relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1.5 data-[orientation=vertical]:h-full data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-1.5'), children: _jsx(SliderPrimitive.Range, { "data-slot": "slider-range", className: cn('bg-primary 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-primary ring-ring/50 focus-visible:outline-hidden block size-4 shrink-0 rounded-full border bg-white shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 disabled:pointer-events-none disabled:opacity-50" }, index)))] }));
+    return (_jsxs(SliderPrimitive.Root, { "data-slot": "slider", defaultValue: defaultValue, value: value, min: min, max: max, className: cn('relative flex w-full touch-none select-none items-center data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col data-[disabled]:opacity-50', className), ...props, children: [_jsx(SliderPrimitive.Track, { "data-slot": "slider-track", className: cn('bg-muted relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1.5 data-[orientation=vertical]:h-full data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-1.5'), children: _jsx(SliderPrimitive.Range, { "data-slot": "slider-range", className: cn('bg-primary absolute overflow-hidden rounded-full data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full'), children: rangeContent }) }), Array.from({ length: _values.length }, (_, index) => (_jsx(SliderPrimitive.Thumb, { "data-slot": "slider-thumb", className: "border-primary ring-ring/50 focus-visible:outline-hidden block size-4 shrink-0 rounded-full border bg-white shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 disabled:pointer-events-none disabled:opacity-50", children: thumbContent }, index)))] }));
 }
 export { Slider };

package/dist/components/ui/sonner.d.ts

@@ -1,4 +1,5 @@
-import { type ToasterProps } from 'sonner';
-declare const Toaster: ({ ...props }: ToasterProps) => import("react/jsx-runtime").JSX.Element;
-export { Toaster };
+import { toast, type ExternalToast, type ToasterProps } from 'sonner';
+export type ToastOptions = ExternalToast;
+declare const Toaster: ({ style, ...props }: ToasterProps) => import("react/jsx-runtime").JSX.Element;
+export { Toaster, toast };
 //# sourceMappingURL=sonner.d.ts.map

package/dist/components/ui/sonner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sonner.d.ts","sourceRoot":"","sources":["../../../src/components/ui/sonner.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAqB,KAAK,YAAY,EAAE,MAAM,QAAQ,CAAA;AAE7D,QAAA,MAAM,OAAO,GAAI,cAAc,YAAY,4CAyB1C,CAAA;AAED,OAAO,EAAE,OAAO,EAAE,CAAA"}
+{"version":3,"file":"sonner.d.ts","sourceRoot":"","sources":["../../../src/components/ui/sonner.tsx"],"names":[],"mappings":"AAWA,OAAO,EAEL,KAAK,EACL,KAAK,aAAa,EAClB,KAAK,YAAY,EAClB,MAAM,QAAQ,CAAA;AAEf,MAAM,MAAM,YAAY,GAAG,aAAa,CAAA;AAExC,QAAA,MAAM,OAAO,GAAI,qBAAqB,YAAY,4CA0BjD,CAAA;AAED,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/dist/components/ui/sonner.js

@@ -1,11 +1,11 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { CircleCheckIcon, InfoIcon, Loader2Icon, OctagonXIcon, TriangleAlertIcon, } from 'lucide-react';
-import { useTheme } from 'next-themes';
-import { Toaster as Sonner } from 'sonner';
-const Toaster = ({ ...props }) => {
-    const { theme = 'system' } = useTheme();
-    return (_jsx(Sonner, { theme: theme, className: "toaster group", icons: {
+import { useTheme } from '../../lib/theme';
+import { Toaster as Sonner, toast, } from 'sonner';
+const Toaster = ({ style, ...props }) => {
+    const { resolvedTheme } = useTheme();
+    return (_jsx(Sonner, { theme: resolvedTheme, className: "toaster group", icons: {
             success: _jsx(CircleCheckIcon, { className: "size-4" }),
             info: _jsx(InfoIcon, { className: "size-4" }),
             warning: _jsx(TriangleAlertIcon, { className: "size-4" }),
@@ -16,6 +16,7 @@ const Toaster = ({ ...props }) => {
             '--normal-text': 'var(--popover-foreground)',
             '--normal-border': 'var(--border)',
             '--border-radius': 'var(--radius)',
+            ...style,
         }, ...props }));
 };
-export { Toaster };
+export { Toaster, toast };

package/dist/components/ui/split-view.d.ts

@@ -0,0 +1,11 @@
+import type { GroupProps, PanelProps, SeparatorProps } from 'react-resizable-panels';
+export interface SplitViewProps extends GroupProps {
+    orientation?: 'horizontal' | 'vertical';
+}
+declare function SplitView({ orientation, ...props }: SplitViewProps): import("react/jsx-runtime").JSX.Element;
+declare function SplitViewPane(props: PanelProps): import("react/jsx-runtime").JSX.Element;
+declare function SplitViewHandle({ withHandle, ...props }: SeparatorProps & {
+    withHandle?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export { SplitView, SplitViewHandle, SplitViewPane };
+//# sourceMappingURL=split-view.d.ts.map

package/dist/components/ui/split-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"split-view.d.ts","sourceRoot":"","sources":["../../../src/components/ui/split-view.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,UAAU,EACV,UAAU,EACV,cAAc,EACf,MAAM,wBAAwB,CAAA;AAO/B,MAAM,WAAW,cAAe,SAAQ,UAAU;IAChD,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;CACxC;AAED,iBAAS,SAAS,CAAC,EAAE,WAA0B,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAQ1E;AAED,iBAAS,aAAa,CAAC,KAAK,EAAE,UAAU,2CAEvC;AAED,iBAAS,eAAe,CAAC,EACvB,UAAkB,EAClB,GAAG,KAAK,EACT,EAAE,cAAc,GAAG;IAAE,UAAU,CAAC,EAAE,OAAO,CAAA;CAAE,2CAQ3C;AAED,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,aAAa,EAAE,CAAA"}

package/dist/components/ui/split-view.js

@@ -0,0 +1,13 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ResizableHandle, ResizablePanel, ResizablePanelGroup, } from './resizable';
+function SplitView({ orientation = 'horizontal', ...props }) {
+    return (_jsx(ResizablePanelGroup, { "data-slot": "split-view", orientation: orientation, ...props }));
+}
+function SplitViewPane(props) {
+    return _jsx(ResizablePanel, { "data-slot": "split-view-pane", ...props });
+}
+function SplitViewHandle({ withHandle = false, ...props }) {
+    return (_jsx(ResizableHandle, { "data-slot": "split-view-handle", withHandle: withHandle, ...props }));
+}
+export { SplitView, SplitViewHandle, SplitViewPane };

package/dist/components/ui/status.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+declare const statusVariants: (props?: ({
+    variant?: "error" | "pending" | "running" | "success" | "neutral" | "warning" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface StatusProps extends React.ComponentProps<'span'>, VariantProps<typeof statusVariants> {
+    asChild?: boolean;
+    showIndicator?: boolean;
+    animated?: boolean;
+}
+declare function Status({ asChild, showIndicator, animated, variant, className, children, ...props }: StatusProps): import("react/jsx-runtime").JSX.Element;
+export { Status, statusVariants };
+//# sourceMappingURL=status.d.ts.map

package/dist/components/ui/status.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"status.d.ts","sourceRoot":"","sources":["../../../src/components/ui/status.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAA;AAEjE,QAAA,MAAM,cAAc;;8EAiBnB,CAAA;AAcD,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,EAClC,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,iBAAS,MAAM,CAAC,EACd,OAAe,EACf,aAAoB,EACpB,QAAgB,EAChB,OAAO,EACP,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,WAAW,2CAqBb;AAED,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAA"}

package/dist/components/ui/status.js

@@ -0,0 +1,36 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Slot } from '@radix-ui/react-slot';
+import { cn } from '../../lib/utils';
+import { cva } from 'class-variance-authority';
+const statusVariants = cva('inline-flex min-w-0 items-center gap-1.5 text-xs font-medium leading-4', {
+    variants: {
+        variant: {
+            neutral: 'text-muted-foreground',
+            success: 'text-success',
+            warning: 'text-warning-foreground',
+            error: 'text-destructive',
+            running: 'text-status-running',
+            pending: 'text-status-pending',
+        },
+    },
+    defaultVariants: {
+        variant: 'neutral',
+    },
+});
+const statusDotVariants = cva('size-1.5 shrink-0 rounded-full bg-current', {
+    variants: {
+        animated: {
+            true: 'motion-safe:animate-pulse',
+            false: '',
+        },
+    },
+    defaultVariants: {
+        animated: false,
+    },
+});
+function Status({ asChild = false, showIndicator = true, animated = false, variant, className, children, ...props }) {
+    const Component = asChild ? Slot : 'span';
+    return (_jsxs(Component, { "data-slot": "status", "data-variant": variant ?? 'neutral', role: "status", className: cn(statusVariants({ variant }), className), ...props, children: [showIndicator ? (_jsx("span", { "aria-hidden": "true", "data-slot": "status-indicator", className: statusDotVariants({ animated }) })) : null, children] }));
+}
+export { Status, statusVariants };

package/dist/components/ui/table.d.ts

@@ -1,9 +1,18 @@
 import * as React from 'react';
-declare function Table({ className, ...props }: React.ComponentProps<'table'>): import("react/jsx-runtime").JSX.Element;
+export type TableDensity = 'compact' | 'default' | 'comfortable';
+export interface TableProps extends React.ComponentProps<'table'> {
+    density?: TableDensity;
+}
+declare function Table({ density, className, ...props }: TableProps): import("react/jsx-runtime").JSX.Element;
 declare function TableHeader({ className, ...props }: React.ComponentProps<'thead'>): import("react/jsx-runtime").JSX.Element;
 declare function TableBody({ className, ...props }: React.ComponentProps<'tbody'>): import("react/jsx-runtime").JSX.Element;
 declare function TableFooter({ className, ...props }: React.ComponentProps<'tfoot'>): import("react/jsx-runtime").JSX.Element;
-declare function TableRow({ className, ...props }: React.ComponentProps<'tr'>): import("react/jsx-runtime").JSX.Element;
+export interface TableRowProps extends Omit<React.ComponentProps<'tr'>, 'aria-selected'> {
+    selected?: boolean;
+    disabled?: boolean;
+    onSelectionChange?: (selected: boolean) => void;
+}
+declare function TableRow({ selected, disabled, onSelectionChange, onClick, onKeyDown, className, ...props }: TableRowProps): import("react/jsx-runtime").JSX.Element;
 declare function TableHead({ className, ...props }: React.ComponentProps<'th'>): import("react/jsx-runtime").JSX.Element;
 declare function TableCell({ className, ...props }: React.ComponentProps<'td'>): import("react/jsx-runtime").JSX.Element;
 declare function TableCaption({ className, ...props }: React.ComponentProps<'caption'>): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/components/ui/table.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAapE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAQ1E;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAQxE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAW1E;AAED,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAWpE;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAWrE;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAWrE;AAED,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,2CAQjC;AAED,OAAO,EACL,KAAK,EACL,WAAW,EACX,SAAS,EACT,WAAW,EACX,SAAS,EACT,QAAQ,EACR,SAAS,EACT,YAAY,GACb,CAAA"}
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/components/ui/table.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,aAAa,CAAA;AAIhE,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC;IAC/D,OAAO,CAAC,EAAE,YAAY,CAAA;CACvB;AAED,iBAAS,KAAK,CAAC,EACb,OAAmB,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,UAAU,2CAgBZ;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAQ1E;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAQxE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAW1E;AAED,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,eAAe,CAAC;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAA;CAChD;AAED,iBAAS,QAAQ,CAAC,EAChB,QAAQ,EACR,QAAgB,EAChB,iBAAiB,EACjB,OAAO,EACP,SAAS,EACT,SAAS,EACT,GAAG,KAAK,EACT,EAAE,aAAa,2CAwCf;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAgBrE;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAgBrE;AAED,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,2CAQjC;AAED,OAAO,EACL,KAAK,EACL,WAAW,EACX,SAAS,EACT,WAAW,EACX,SAAS,EACT,QAAQ,EACR,SAAS,EACT,YAAY,GACb,CAAA"}

package/dist/components/ui/table.js

@@ -1,8 +1,10 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
 import { cn } from '../../lib/utils';
-function Table({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "table-container", className: "relative w-full overflow-x-auto", children: _jsx("table", { "data-slot": "table", className: cn('w-full caption-bottom text-sm', className), ...props }) }));
+const TableDensityContext = React.createContext('default');
+function Table({ density = 'default', className, ...props }) {
+    return (_jsx(TableDensityContext.Provider, { value: density, children: _jsx("div", { "data-slot": "table-container", className: "relative w-full overflow-x-auto", children: _jsx("table", { "data-slot": "table", "data-density": density, className: cn('w-full caption-bottom text-sm', className), ...props }) }) }));
 }
 function TableHeader({ className, ...props }) {
     return (_jsx("thead", { "data-slot": "table-header", className: cn('[&_tr]:border-b', className), ...props }));
@@ -13,14 +15,34 @@ function TableBody({ className, ...props }) {
 function TableFooter({ className, ...props }) {
     return (_jsx("tfoot", { "data-slot": "table-footer", className: cn('bg-muted/50 border-t font-medium [&>tr]:last:border-b-0', className), ...props }));
 }
-function TableRow({ className, ...props }) {
-    return (_jsx("tr", { "data-slot": "table-row", className: cn('hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors', className), ...props }));
+function TableRow({ selected, disabled = false, onSelectionChange, onClick, onKeyDown, className, ...props }) {
+    const selectable = selected !== undefined || onSelectionChange !== undefined;
+    const select = () => {
+        if (!disabled)
+            onSelectionChange?.(!selected);
+    };
+    return (_jsx("tr", { "data-slot": "table-row", "data-state": selected ? 'selected' : undefined, "data-disabled": disabled ? '' : undefined, "aria-selected": selectable ? Boolean(selected) : undefined, "aria-disabled": disabled || undefined, tabIndex: selectable && !disabled ? 0 : undefined, className: cn('hover:bg-muted/50 data-[state=selected]:bg-accent data-[state=selected]:text-accent-foreground border-b transition-colors', selectable &&
+            'cursor-pointer outline-none focus-visible:ring-2 focus-visible:ring-ring/50 focus-visible:ring-inset', disabled && 'pointer-events-none cursor-not-allowed opacity-50', className), onClick: (event) => {
+            onClick?.(event);
+            if (!event.defaultPrevented && selectable)
+                select();
+        }, onKeyDown: (event) => {
+            onKeyDown?.(event);
+            if (!event.defaultPrevented &&
+                selectable &&
+                (event.key === 'Enter' || event.key === ' ')) {
+                event.preventDefault();
+                select();
+            }
+        }, ...props }));
 }
 function TableHead({ className, ...props }) {
-    return (_jsx("th", { "data-slot": "table-head", className: cn('text-foreground h-10 whitespace-nowrap px-2 text-left align-middle font-medium [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]', className), ...props }));
+    const density = React.useContext(TableDensityContext);
+    return (_jsx("th", { "data-slot": "table-head", className: cn('text-foreground whitespace-nowrap px-2 text-left align-middle font-medium [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]', density === 'compact' && 'h-7 text-xs', density === 'default' && 'h-10', density === 'comfortable' && 'h-12 px-3', className), ...props }));
 }
 function TableCell({ className, ...props }) {
-    return (_jsx("td", { "data-slot": "table-cell", className: cn('whitespace-nowrap p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]', className), ...props }));
+    const density = React.useContext(TableDensityContext);
+    return (_jsx("td", { "data-slot": "table-cell", className: cn('whitespace-nowrap align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]', density === 'compact' && 'px-2 py-1 text-xs', density === 'default' && 'p-2', density === 'comfortable' && 'px-3 py-3', className), ...props }));
 }
 function TableCaption({ className, ...props }) {
     return (_jsx("caption", { "data-slot": "table-caption", className: cn('text-muted-foreground mt-4 text-sm', className), ...props }));

package/dist/components/ui/text.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+declare const textVariants: (props?: ({
+    variant?: "small" | "strong" | "large" | "heading1" | "heading2" | "large-strong" | "regular" | "small-strong" | "mini" | "mini-strong" | "mono" | "mono-strong" | "small-mono" | null | undefined;
+    color?: "link" | "destructive" | "secondary" | "inherit" | "disabled" | "success" | "warning" | "primary" | "tertiary" | "accent" | null | undefined;
+    align?: "center" | "left" | "right" | null | undefined;
+    truncate?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type TextElement = 'span' | 'p' | 'div' | 'label' | 'h1' | 'h2' | 'h3' | 'h4' | 'pre' | 'code';
+export interface TextProps extends Omit<React.HTMLAttributes<HTMLElement>, 'color'>, VariantProps<typeof textVariants> {
+    as?: TextElement;
+    asChild?: boolean;
+    htmlFor?: string;
+}
+declare function Text({ as, asChild, variant, color, align, truncate, className, ...props }: TextProps): import("react/jsx-runtime").JSX.Element;
+export { Text, textVariants };
+//# sourceMappingURL=text.d.ts.map

package/dist/components/ui/text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../src/components/ui/text.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAA;AAEjE,QAAA,MAAM,YAAY;;;;;8EA4ChB,CAAA;AAEF,KAAK,WAAW,GACZ,MAAM,GACN,GAAG,GACH,KAAK,GACL,OAAO,GACP,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,KAAK,GACL,MAAM,CAAA;AAEV,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC,EACtD,YAAY,CAAC,OAAO,YAAY,CAAC;IACnC,EAAE,CAAC,EAAE,WAAW,CAAA;IAChB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,iBAAS,IAAI,CAAC,EACZ,EAAW,EACX,OAAe,EACf,OAAO,EACP,KAAK,EACL,KAAK,EACL,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,SAAS,2CAeX;AAED,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,CAAA"}

package/dist/components/ui/text.js

@@ -0,0 +1,55 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Slot } from '@radix-ui/react-slot';
+import { cn } from '../../lib/utils';
+import { cva } from 'class-variance-authority';
+const textVariants = cva('min-w-0 text-foreground', {
+    variants: {
+        variant: {
+            heading1: 'text-2xl font-semibold leading-tight tracking-tight',
+            heading2: 'text-lg font-semibold leading-tight tracking-tight',
+            large: 'text-base font-normal leading-6',
+            'large-strong': 'text-base font-medium leading-6',
+            regular: 'text-[13px] font-normal leading-5',
+            strong: 'text-[13px] font-medium leading-5',
+            small: 'text-xs font-normal leading-4',
+            'small-strong': 'text-xs font-medium leading-4',
+            mini: 'text-[10px] font-normal leading-3',
+            'mini-strong': 'text-[10px] font-medium leading-3',
+            mono: 'font-mono text-[13px] font-normal leading-5',
+            'mono-strong': 'font-mono text-[13px] font-semibold leading-5',
+            'small-mono': 'font-mono text-xs font-normal leading-4',
+        },
+        color: {
+            primary: 'text-foreground',
+            secondary: 'text-muted-foreground',
+            tertiary: 'text-muted-foreground/70',
+            disabled: 'text-muted-foreground/50',
+            link: 'text-primary',
+            accent: 'text-primary',
+            destructive: 'text-destructive',
+            success: 'text-success',
+            warning: 'text-warning-foreground',
+            inherit: 'text-inherit',
+        },
+        align: {
+            left: 'text-left',
+            center: 'text-center',
+            right: 'text-right',
+        },
+        truncate: {
+            true: 'truncate',
+            false: '',
+        },
+    },
+    defaultVariants: {
+        variant: 'regular',
+        color: 'primary',
+        truncate: false,
+    },
+});
+function Text({ as = 'span', asChild = false, variant, color, align, truncate, className, ...props }) {
+    const Component = asChild ? Slot : as;
+    return (_jsx(Component, { "data-slot": "text", "data-variant": variant ?? 'regular', "data-color": color ?? 'primary', className: cn(textVariants({ variant, color, align, truncate }), className), ...props }));
+}
+export { Text, textVariants };

package/dist/components/ui/toggle.js

@@ -3,7 +3,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as TogglePrimitive from '@radix-ui/react-toggle';
 import { cn } from '../../lib/utils';
 import { cva } from 'class-variance-authority';
-const toggleVariants = cva("inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap", {
+const toggleVariants = cva("inline-flex cursor-pointer items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap", {
     variants: {
         variant: {
             default: 'bg-transparent',