@hanzo/ui 5.3.33 → 5.3.35

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 };

package/dist/primitives/text-area.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface TextAreaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
+}
+declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export default TextArea;
+//# sourceMappingURL=text-area.d.ts.map

package/dist/primitives/text-area.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-area.d.ts","sourceRoot":"","sources":["../../primitives/text-area.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC;CAAG;AAE9D,QAAA,MAAM,QAAQ,2FAeb,CAAA;AAGD,eAAe,QAAQ,CAAA"}

package/dist/primitives/text-area.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { cn } from '../util';
+const TextArea = React.forwardRef(({ className, ...props }, ref) => {
+    return (_jsx("textarea", { className: cn('flex min-h-[80px] w-full rounded-md border border-muted-3 px-3 py-2 text-sm ' +
+            'placeholder:text-muted-2  focus-visible:outline-none focus-visible:ring-2 ' +
+            'focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50', className), ref: ref, ...props }));
+});
+TextArea.displayName = 'TextArea';
+export default TextArea;

package/dist/primitives/text-link.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare const TextLink: ({ label, url, className, ...props }: {
+    label: string;
+    url: string;
+} & React.ButtonHTMLAttributes<HTMLSpanElement>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=text-link.d.ts.map

package/dist/primitives/text-link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-link.d.ts","sourceRoot":"","sources":["../../primitives/text-link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,eAAO,MAAM,QAAQ,wCAKlB;IACD,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACb,GAAG,KAAK,CAAC,oBAAoB,CAAC,eAAe,CAAC,4CAY9C,CAAC"}

package/dist/primitives/text-link.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../src/utils';
+export const TextLink = ({ label, url, className, ...props }) => (_jsx("span", { className: cn('cursor-pointer text-white underline', className), onClick: () => {
+        window.open(url);
+    }, ...props, children: _jsx("a", { href: url, rel: "noreferrer", target: "_blank", children: label }) }));

package/dist/primitives/textarea.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+export type TextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement> & {
+    minHeight?: number;
+    maxHeight?: number;
+    resize?: 'none' | 'both' | 'horizontal' | 'vertical';
+};
+declare const Textarea: React.ForwardRefExoticComponent<React.TextareaHTMLAttributes<HTMLTextAreaElement> & {
+    minHeight?: number;
+    maxHeight?: number;
+    resize?: "none" | "both" | "horizontal" | "vertical";
+} & React.RefAttributes<HTMLTextAreaElement>>;
+export { Textarea };
+//# sourceMappingURL=textarea.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../primitives/textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,MAAM,aAAa,GACvB,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,GAAG;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,YAAY,GAAG,UAAU,CAAC;CACtD,CAAC;AAEJ,QAAA,MAAM,QAAQ;gBALE,MAAM;gBACN,MAAM;aACT,MAAM,GAAG,MAAM,GAAG,YAAY,GAAG,UAAU;6CAiDvD,CAAC;AAGF,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/primitives/textarea.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { cn } from '../src/utils';
+const DEFAULT_MIN_TEXTAREA_HEIGHT = 32;
+const DEFAULT_MAX_TEXTAREA_HEIGHT = 300;
+const Textarea = React.forwardRef(({ className, minHeight = DEFAULT_MIN_TEXTAREA_HEIGHT, maxHeight = DEFAULT_MAX_TEXTAREA_HEIGHT, resize = 'none', ...props }, ref) => {
+    const textareaRef = React.useRef(null);
+    const mergedRef = ref || textareaRef;
+    React.useLayoutEffect(() => {
+        // Reset height - important to shrink on delete
+        if (!mergedRef.current)
+            return;
+        mergedRef.current.style.height = 'inherit';
+        // Set height
+        mergedRef.current.style.height = `${Math.max(mergedRef.current.scrollHeight + 2, minHeight)}px`;
+        if (props.autoFocus !== undefined && props.autoFocus) {
+            mergedRef.current.focus();
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [props.value, minHeight, maxHeight]);
+    return (_jsx("textarea", { className: cn('bg-bg-secondary placeholder:!text-text-placeholder border-input focus-visible:ring-border-input-focus flex w-full rounded-md border px-4 py-2 pt-7 text-sm break-words focus-visible:ring-1 focus-visible:outline-hidden focus-visible:ring-inset disabled:cursor-not-allowed disabled:opacity-50', className), ref: mergedRef, style: {
+            minHeight: `${minHeight}px`,
+            maxHeight: resize === 'vertical' ? undefined : `${maxHeight}px`,
+            resize: resize,
+        }, ...props }));
+});
+Textarea.displayName = 'Textarea';
+export { Textarea };

package/dist/primitives/textfield.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import type { RefCallBack } from 'react-hook-form';
+declare const TextField: ({ classes, field, label, type, helperMessage, startAdornment, endAdornment, autoFocus, min, max, }: {
+    classes?: {
+        formItem?: string;
+        label?: string;
+        input?: string;
+        helperMessage?: string;
+    };
+    field: {
+        onChange?: (...event: any[]) => void;
+        onFocus?: (...event: any[]) => void;
+        onKeyDown?: (...event: any[]) => void;
+        onBlur?: () => void;
+        value: any;
+        disabled?: boolean;
+        name?: string;
+        ref?: React.RefObject<HTMLInputElement | null> | RefCallBack;
+        placeholder?: string;
+        readOnly?: boolean;
+    };
+    autoFocus?: boolean;
+    label: React.ReactNode;
+    helperMessage?: React.ReactNode;
+    type?: "text" | "password" | "number";
+    startAdornment?: React.ReactNode;
+    endAdornment?: React.ReactNode;
+    min?: number;
+    max?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export { TextField };
+export default TextField;
+//# sourceMappingURL=textfield.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"textfield.d.ts","sourceRoot":"","sources":["../../primitives/textfield.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAWnD,QAAA,MAAM,SAAS,uGAWZ;IACD,OAAO,CAAC,EAAE;QACR,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,aAAa,CAAC,EAAE,MAAM,CAAC;KACxB,CAAC;IACF,KAAK,EAAE;QACL,QAAQ,CAAC,EAAE,CAAC,GAAG,KAAK,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;QACrC,OAAO,CAAC,EAAE,CAAC,GAAG,KAAK,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;QACpC,SAAS,CAAC,EAAE,CAAC,GAAG,KAAK,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;QACtC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;QACpB,KAAK,EAAE,GAAG,CAAC;QACX,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,GAAG,WAAW,CAAC;QAC7D,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;KACpB,CAAC;IACF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,IAAI,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,QAAQ,CAAC;IACtC,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,4CAqBA,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,CAAC;AACrB,eAAe,SAAS,CAAC"}

package/dist/primitives/textfield.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../src/utils';
+import { FormControl, FormDescription, FormItem, FormLabel, FormMessage, } from './form';
+import { Input } from './input';
+const TextField = ({ classes, field, label, type = 'text', helperMessage, startAdornment, endAdornment, autoFocus, min, max, }) => {
+    return (_jsxs(FormItem, { className: cn(classes?.formItem), children: [_jsx(FormControl, { children: _jsx(Input, { autoFocus: autoFocus, className: cn(classes?.input), endAdornment: endAdornment, max: max, min: min, spellCheck: false, startAdornment: startAdornment, type: type, ...field }) }), _jsx(FormLabel, { className: cn(classes?.label), children: label }), _jsx(FormDescription, { children: helperMessage }), _jsx(FormMessage, { className: cn(classes?.helperMessage) })] }));
+};
+export { TextField };
+export default TextField;

package/dist/primitives/toast.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../primitives/toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,QAAQ,CAAC;AAE3C,KAAK,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;AAExD,QAAA,MAAM,OAAO,iBAAkB,YAAY,4CAsB1C,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/primitives/toast.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Toaster as Sonner } from 'sonner';
+const Toaster = ({ ...props }) => {
+    return (_jsx(Sonner, { className: "toaster group", closeButton: true, position: "top-center", richColors: true, theme: 'dark', toastOptions: {
+            classNames: {
+                toast: 'group toast group-[.toaster]:bg-background group-[.toaster]:text-text-default group-[.toaster]:border-border group-[.toaster]:shadow-lg',
+                description: 'group-[.toast]:text-text-secondary',
+                actionButton: 'group-[.toast]:bg-brand group-[.toast]:text-white',
+                cancelButton: 'group-[.toast]:bg-transparent group-[.toast]:text-gray=80',
+            },
+        }, visibleToasts: 5, ...props }));
+};
+export { Toaster };