@lerianstudio/sindarian-ui 2.0.0-beta.24 → 2.0.0-beta.26

package/dist/esm/components/ui/form.js

@@ -1,118 +1 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import { Slot } from '@radix-ui/react-slot';
-import { Controller, FormProvider, useFormContext } from 'react-hook-form';
-import { cn } from '../../lib/utils.js';
-import { Label } from '../../components/ui/label/index.js';
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './tooltip/index.js';
-import { HelpCircle } from 'lucide-react';
-const Form = FormProvider;
-const FormFieldContext = React.createContext({});
-const FormField = ({ ...props }) => {
-    return (_jsx(FormFieldContext.Provider, { value: { name: props.name }, children: _jsx(Controller, { ...props }) }));
-};
-const useFormField = () => {
-    const fieldContext = React.useContext(FormFieldContext);
-    const itemContext = React.useContext(FormItemContext);
-    // `useFormContext()` is null outside a `<Form>` provider, and destructuring it
-    // threw — which is what made every Form primitive, and so every *Field built
-    // on them, unusable in a plain `useState` filter bar. Inside a provider
-    // nothing below changes; outside one, the field simply has no error state.
-    const form = useFormContext();
-    const fieldState = form && fieldContext.name
-        ? form.getFieldState(fieldContext.name, form.formState)
-        : undefined;
-    const { id, required, described, onDescribedChange } = itemContext;
-    return {
-        id,
-        name: fieldContext.name,
-        formItemId: `${id}-form-item`,
-        formDescriptionId: `${id}-form-item-description`,
-        formMessageId: `${id}-form-item-message`,
-        required,
-        described,
-        onDescribedChange,
-        ...fieldState
-    };
-};
-const FormItemContext = React.createContext({});
-/**
- * Announce that this slot is on the page, for as long as it is.
- *
- * `rendered` is a parameter rather than a caller-side condition because
- * `FormMessage` returns null when it has nothing to say, and a hook cannot sit
- * behind that early return.
- */
-function useDescribingSlot(slot, rendered) {
-    const { onDescribedChange } = React.useContext(FormItemContext);
-    React.useEffect(() => {
-        if (!rendered)
-            return;
-        onDescribedChange?.(slot, true);
-        return () => onDescribedChange?.(slot, false);
-    }, [onDescribedChange, slot, rendered]);
-}
-const FormItem = React.forwardRef(({ className, required, ...props }, ref) => {
-    const id = React.useId();
-    const [described, setDescribed] = React.useState({ message: false, description: false });
-    // Keeps the object identity when nothing moved, so a slot re-registering
-    // does not re-render the item for no reason.
-    const onDescribedChange = React.useCallback((slot, rendered) => setDescribed((current) => current[slot] === rendered
-        ? current
-        : { ...current, [slot]: rendered }), []);
-    return (_jsx(FormItemContext.Provider, { value: { id, required, described, onDescribedChange }, children: _jsx("div", { ref: ref, className: cn('space-y-2', className), ...props }) }));
-});
-FormItem.displayName = 'FormItem';
-const FormLabel = React.forwardRef(({ className, extra, children, ...props }, ref) => {
-    const { required, error, formItemId } = useFormField();
-    return (_jsxs(Label, { ref: ref, className: cn('text-muted-foreground flex justify-between text-sm font-semibold', 
-        // The error TEXT token, matching FormMessage below: `--destructive`
-        // is the badge/fill family and reads 3.80:1 as ink on the dark card.
-        error && 'text-system-error-h1a', className), htmlFor: formItemId, ...props, children: [_jsxs("span", { children: [children, required ? ' *' : ''] }), extra] }));
-});
-FormLabel.displayName = 'FormLabel';
-export const FormTooltip = ({ children, ...others }) => (_jsx(TooltipProvider, { ...others, children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(HelpCircle, { className: "text-container-text ml-2 h-4 w-4" }) }), _jsx(TooltipContent, { children: children })] }) }));
-const FormControl = React.forwardRef(({ ...props }, ref) => {
-    const { error, formItemId, formDescriptionId, formMessageId, described } = useFormField();
-    // Only ids that resolve. A screen reader drops a dangling IDREF silently, so
-    // the barrier this removes is diagnostic rather than operational: a form with
-    // thirteen broken associations is a form where a real one cannot be spotted.
-    //
-    // Message first: a reader hears the error before the hint. `undefined` when
-    // both slots are empty, which drops the attribute — and, because Radix Slot
-    // OVERWRITES rather than merges, still lets the wrapped element carry its own
-    // (`ui/file-upload` merges the injected id with its own error id that way).
-    const describedBy = [
-        described?.message ? formMessageId : undefined,
-        described?.description ? formDescriptionId : undefined
-    ]
-        .filter(Boolean)
-        .join(' ') || undefined;
-    return (_jsx(Slot, { ref: ref, id: formItemId, "aria-describedby": describedBy, "aria-invalid": !!error, ...props }));
-});
-FormControl.displayName = 'FormControl';
-const FormDescription = React.forwardRef(({ className, ...props }, ref) => {
-    const { formDescriptionId } = useFormField();
-    useDescribingSlot('description', true);
-    return (_jsx("p", { ref: ref, id: formDescriptionId, className: cn('text-muted-foreground text-xs font-medium', className), ...props }));
-});
-FormDescription.displayName = 'FormDescription';
-const FormMessage = React.forwardRef(({ className, children, ...props }, ref) => {
-    const { error, formMessageId } = useFormField();
-    const body = error ? String(error?.message) : children;
-    // Registered on `body`, not on `error`: a message given plain children
-    // renders copy that the control has to point at too. The old expression only
-    // added the message id when react-hook-form reported an error, so a
-    // standalone message was rendered and never associated.
-    useDescribingSlot('message', Boolean(body));
-    if (!body) {
-        return null;
-    }
-    return (_jsx("p", { ref: ref, id: formMessageId, 
-        // The error TEXT token, not `text-destructive`: that is the badge/fill
-        // family and measures ~3.8:1 as ink, under AA. Validation copy is text.
-        className: cn('text-system-error-h1a text-sm font-medium', className), ...props, children: body }));
-});
-FormMessage.displayName = 'FormMessage';
-export { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField };
+"use client";import{jsx as m,jsxs as u}from"react/jsx-runtime";import*as t from"react";import{Slot as N}from"@radix-ui/react-slot";import{Controller as v,FormProvider as w,useFormContext as S}from"react-hook-form";import{cn as f}from"../../lib/utils.js";import{Label as j}from"../../components/ui/label/index.js";import{Tooltip as R,TooltipContent as T,TooltipProvider as M,TooltipTrigger as P}from"./tooltip/index.js";import{HelpCircle as B}from"lucide-react";const L=w;const g=t.createContext({});const $=({...e})=>{return m(g.Provider,{value:{name:e.name},children:m(v,{...e})})};const c=()=>{const e=t.useContext(g);const o=t.useContext(p);const r=S();const i=r&&e.name?r.getFieldState(e.name,r.formState):void 0;const{id:s,required:d,described:n,onDescribedChange:a}=o;return{id:s,name:e.name,formItemId:`${s}-form-item`,formDescriptionId:`${s}-form-item-description`,formMessageId:`${s}-form-item-message`,required:d,described:n,onDescribedChange:a,...i}};const p=t.createContext({});function C(e,o){const{onDescribedChange:r}=t.useContext(p);t.useEffect(()=>{if(!o)return;r?.(e,true);return()=>r?.(e,false)},[r,e,o])}const b=t.forwardRef(({className:e,required:o,...r},i)=>{const s=t.useId();const[d,n]=t.useState({message:false,description:false});const a=t.useCallback((x,F)=>n(l=>l[x]===F?l:{...l,[x]:F}),[]);return m(p.Provider,{value:{id:s,required:o,described:d,onDescribedChange:a},children:m("div",{ref:i,className:f("space-y-2",e),...r})})});b.displayName="FormItem";const h=t.forwardRef(({className:e,extra:o,children:r,...i},s)=>{const{required:d,error:n,formItemId:a}=c();return u(j,{ref:s,className:f("text-muted-foreground flex justify-between text-sm font-semibold",n&&"text-system-error-h1a",e),htmlFor:a,...i,children:[u("span",{children:[r,d?" *":""]}),o]})});h.displayName="FormLabel";export const FormTooltip=({children:e,...o})=>m(M,{...o,children:u(R,{children:[m(P,{asChild:true,children:m(B,{className:"text-container-text ml-2 h-4 w-4"})}),m(T,{children:e})]})});const I=t.forwardRef(({...e},o)=>{const{error:r,formItemId:i,formDescriptionId:s,formMessageId:d,described:n}=c();const a=[n?.message?d:void 0,n?.description?s:void 0].filter(Boolean).join(" ")||void 0;return m(N,{ref:o,id:i,"aria-describedby":a,"aria-invalid":!!r,...e})});I.displayName="FormControl";const y=t.forwardRef(({className:e,...o},r)=>{const{formDescriptionId:i}=c();C("description",true);return m("p",{ref:r,id:i,className:f("text-muted-foreground text-xs font-medium",e),...o})});y.displayName="FormDescription";const D=t.forwardRef(({className:e,children:o,...r},i)=>{const{error:s,formMessageId:d}=c();const n=s?String(s?.message):o;C("message",Boolean(n));if(!n){return null}return m("p",{ref:i,id:d,className:f("text-system-error-h1a text-sm font-medium",e),...r,children:n})});D.displayName="FormMessage";export{c as useFormField,L as Form,b as FormItem,h as FormLabel,I as FormControl,y as FormDescription,D as FormMessage,$ as FormField};

package/dist/esm/components/ui/hover-card/index.js

@@ -1,14 +1 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
-import { cn } from '../../../lib/utils.js';
-function HoverCard({ ...props }) {
-    return _jsx(HoverCardPrimitive.Root, { "data-slot": "hover-card", ...props });
-}
-function HoverCardTrigger({ ...props }) {
-    return (_jsx(HoverCardPrimitive.Trigger, { "data-slot": "hover-card-trigger", ...props }));
-}
-function HoverCardContent({ className, align = 'center', sideOffset = 4, ...props }) {
-    return (_jsx(HoverCardPrimitive.Portal, { "data-slot": "hover-card-portal", children: _jsx(HoverCardPrimitive.Content, { "data-slot": "hover-card-content", align: align, sideOffset: sideOffset, className: cn('bg-popover text-popover-foreground motion-safe:data-[state=open]:animate-in motion-safe: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-border z-50 w-64 origin-(--radix-hover-card-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden', className), ...props }) }));
-}
-export { HoverCard, HoverCardTrigger, HoverCardContent };
+"use client";import{jsx as o}from"react/jsx-runtime";import*as e from"@radix-ui/react-hover-card";import{cn as i}from"../../../lib/utils.js";function n({...t}){return o(e.Root,{"data-slot":"hover-card",...t})}function s({...t}){return o(e.Trigger,{"data-slot":"hover-card-trigger",...t})}function m({className:t,align:r="center",sideOffset:a=4,...d}){return o(e.Portal,{"data-slot":"hover-card-portal",children:o(e.Content,{"data-slot":"hover-card-content",align:r,sideOffset:a,className:i("bg-popover text-popover-foreground motion-safe:data-[state=open]:animate-in motion-safe: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-border z-50 w-64 origin-(--radix-hover-card-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",t),...d})})}export{n as HoverCard,s as HoverCardTrigger,m as HoverCardContent};

package/dist/esm/components/ui/icon-button/index.js

@@ -1,31 +1 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Slot } from '@radix-ui/react-slot';
-import { cva } from 'class-variance-authority';
-import { buttonVariants } from '../button/index.js';
-import { cn } from '../../../lib/utils.js';
-export const iconButtonVariants = cva('icon-button-base icon-button-read-only icon-button-disabled', {
-    variants: {
-        rounded: {
-            true: 'icon-button-rounded',
-            false: ''
-        },
-        size: {
-            default: '',
-            small: 'icon-button-small'
-        }
-    },
-    defaultVariants: {
-        size: 'default'
-    }
-});
-export function IconButton({ className, variant, rounded, size, asChild, readOnly, onClick, ...props }) {
-    const Comp = asChild ? Slot : 'button';
-    const handleClick = (e) => {
-        if (readOnly) {
-            e.preventDefault();
-            return;
-        }
-        onClick?.(e);
-    };
-    return (_jsx(Comp, { className: cn(buttonVariants({ variant, size }), iconButtonVariants({ rounded, size }), className), "data-read-only": readOnly, "data-slot": "button", ...props, onClick: handleClick }));
-}
+import{jsx as m}from"react/jsx-runtime";import{Slot as d}from"@radix-ui/react-slot";import{cva as f}from"class-variance-authority";import{buttonVariants as b}from"../button/index.js";import{cn as p}from"../../../lib/utils.js";export const iconButtonVariants=f("icon-button-base icon-button-read-only icon-button-disabled",{variants:{rounded:{true:"icon-button-rounded",false:""},size:{default:"",small:"icon-button-small"}},defaultVariants:{size:"default"}});export function IconButton({className:a,variant:r,rounded:i,size:t,asChild:u,readOnly:o,onClick:e,...s}){const l=u?d:"button";const c=n=>{if(o){n.preventDefault();return}e?.(n)};return m(l,{className:p(b({variant:r,size:t}),iconButtonVariants({rounded:i,size:t}),a),"data-read-only":o,"data-slot":"button",...s,onClick:c})}

package/dist/esm/components/ui/input/adornment.js

@@ -1,17 +1 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from '../../../lib/utils.js';
-import { cva } from 'class-variance-authority';
-export const inputAdornmentVariants = cva('input-adornment', {
-    variants: {
-        position: {
-            start: 'input-adornment-start',
-            end: 'input-adornment-end'
-        }
-    },
-    defaultVariants: {
-        position: 'start'
-    }
-});
-export function InputAdornment({ className, position = 'start', ...props }) {
-    return (_jsx("span", { "data-slot": "input-adornment", className: cn(inputAdornmentVariants({ position }), className), ...props }));
-}
+import{jsx as a}from"react/jsx-runtime";import{cn as o}from"../../../lib/utils.js";import{cva as s}from"class-variance-authority";export const inputAdornmentVariants=s("input-adornment",{variants:{position:{start:"input-adornment-start",end:"input-adornment-end"}},defaultVariants:{position:"start"}});export function InputAdornment({className:t,position:n="start",...r}){return a("span",{"data-slot":"input-adornment",className:o(inputAdornmentVariants({position:n}),t),...r})}

package/dist/esm/components/ui/input/index.js

@@ -1,60 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import { cn } from '../../../lib/utils.js';
-import { cva } from 'class-variance-authority';
-const inputVariants = cva('input-base input-disabled input-read-only', {
-    variants: {
-        startAdornment: {
-            false: '',
-            true: 'input-start'
-        },
-        endAdornment: {
-            false: '',
-            true: 'input-end'
-        }
-    },
-    defaultVariants: {
-        startAdornment: false,
-        endAdornment: false
-    }
-});
-export function Input({ className, startAdornment, endAdornment, onFocus, onBlur, onClick, ref, ...props }) {
-    // Fallback id so a standalone Input is still labelable. Inside a form,
-    // FormControl injects its own id through `props` below and overrides this.
-    const generatedId = React.useId();
-    const [focus, setFocus] = React.useState(false);
-    const inputRef = React.useRef(null);
-    React.useImperativeHandle(ref, () => ({
-        ...inputRef.current,
-        focus: () => {
-            inputRef.current?.focus();
-            setFocus(true);
-        },
-        blur: () => {
-            inputRef.current?.blur();
-            setFocus(false);
-        }
-    }), [inputRef]);
-    const handleWrapperClick = (event) => {
-        // Don't focus input if clicking on interactive elements or input adornments
-        const target = event.target;
-        const isAdornment = target.closest('[data-slot="input-adornment"]');
-        if (!isAdornment) {
-            inputRef.current?.focus();
-        }
-        onClick?.(event);
-    };
-    const handleFocus = (e) => {
-        setFocus(true);
-        onFocus?.(e);
-    };
-    const handleBlur = (e) => {
-        setFocus(false);
-        onBlur?.(e);
-    };
-    return (_jsxs("div", { "data-slot": "input-wrapper", className: cn('input-wrapper input-wrapper-focus'), "data-focus": focus, onClick: handleWrapperClick, children: [startAdornment, _jsx("input", { ref: inputRef, id: generatedId, "data-slot": "input", className: cn(inputVariants({
-                    startAdornment: !!startAdornment,
-                    endAdornment: !!endAdornment
-                }), className), onFocus: handleFocus, onBlur: handleBlur, ...props }), endAdornment] }));
-}
-export * from './adornment.js';
+import{jsx as I,jsxs as g}from"react/jsx-runtime";import*as s from"react";import{cn as o}from"../../../lib/utils.js";import{cva as v}from"class-variance-authority";const w=v("input-base input-disabled input-read-only",{variants:{startAdornment:{false:"",true:"input-start"},endAdornment:{false:"",true:"input-end"}},defaultVariants:{startAdornment:false,endAdornment:false}});export function Input({className:u,startAdornment:r,endAdornment:a,onFocus:c,onBlur:i,onClick:l,ref:p,...d}){const f=s.useId();const[m,e]=s.useState(false);const t=s.useRef(null);s.useImperativeHandle(p,()=>({...t.current,focus:()=>{t.current?.focus();e(true)},blur:()=>{t.current?.blur();e(false)}}),[t]);const x=n=>{const h=n.target;const j=h.closest('[data-slot="input-adornment"]');if(!j){t.current?.focus()}l?.(n)};const A=n=>{e(true);c?.(n)};const b=n=>{e(false);i?.(n)};return g("div",{"data-slot":"input-wrapper",className:o("input-wrapper input-wrapper-focus"),"data-focus":m,onClick:x,children:[r,I("input",{ref:t,id:f,"data-slot":"input",className:o(w({startAdornment:!!r,endAdornment:!!a}),u),onFocus:A,onBlur:b,...d}),a]})}export*from"./adornment.js";

package/dist/esm/components/ui/label/index.js

@@ -1,10 +1 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as LabelPrimitive from '@radix-ui/react-label';
-import { cva } from 'class-variance-authority';
-import { cn } from '../../../lib/utils.js';
-const labelVariants = cva('text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70');
-function Label({ className, ...props }) {
-    return (_jsx(LabelPrimitive.Root, { "data-slot": "label", className: cn(labelVariants(), className), ...props }));
-}
-export { Label };
+"use client";import{jsx as t}from"react/jsx-runtime";import*as a from"@radix-ui/react-label";import{cva as r}from"class-variance-authority";import{cn as i}from"../../../lib/utils.js";const l=r("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70");function s({className:e,...o}){return t(a.Root,{"data-slot":"label",className:i(l(),e),...o})}export{s as Label};

package/dist/esm/components/ui/lerian-wordmark/index.js

@@ -1,4 +1 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export function LerianWordmark({ className, title = 'Lerian' }) {
-    return (_jsx("svg", { "data-slot": "lerian-wordmark", viewBox: "0 0 1090.88 280", role: "img", "aria-label": title, fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", className: className, children: _jsx("path", { fillRule: "evenodd", d: "M619.42,29.69c0,15.43-10.87,27.93-27.93,27.93s-27.93-12.51-27.93-27.93,10.86-27.93,27.92-27.93,27.93,12.51,27.93,27.93h0ZM158.64,242.4v33.54H12.13v-33.55h48.36c3.16,0,5.73-2.57,5.73-5.73V87.77c0-3.16-2.57-5.73-5.73-5.73H7.85v-34.31h98.33v188.94c0,3.16,2.57,5.73,5.73,5.73h46.74ZM168.85,179.86c0,58.52,37.29,98.33,99.47,98.33,49.15,0,79.7-30.6,86.27-67.08h-40.69c-6.29,24.54-26.97,33.91-48.61,33.91-48.85,0-53.41-45.18-53.83-55-.04-1.02.77-1.87,1.79-1.87h143.61c.76-5.26,1.13-10.42,1.13-15.44,0-32.71-20.25-91.92-95.33-91.92-57.04,0-93.8,41.26-93.81,99.07ZM314.47,158.39l-99.49.02c-1.08,0-1.94-.96-1.78-2.02,4.49-31.28,30.98-42.82,50.98-42.82,33.88,0,48.71,21.59,52.08,42.79.17,1.08-.69,2.04-1.78,2.04h0ZM867.2,83.16h0s0,0,0,0h0ZM826.87,83.16h40.33v192.83h-40.32v-24.53c0-3.09-3.92-4.41-5.79-1.95-.18.23-.35.47-.53.71h0s0,.02,0,.02h0c-.11.16-.23.32-.35.47-7.92,10.56-20.68,27.53-56.24,27.53-60.83,0-91.19-46.33-91.19-98.7,0-61.42,40.37-98.72,91.17-98.72,36.73,0,48.44,15.73,56.64,26.75l.49.66c1.86,2.49,5.81,1.18,5.81-1.93v-23.14ZM770.75,115.48c34.78,0,56.14,27.81,56.14,64.8h0c0,42-26.32,63.68-56.14,63.68-34.83,0-56.14-27.43-56.14-64.43,0-42.07,26.11-64.05,56.14-64.05ZM1063.39,101.7c14.42,14.06,21.64,36.67,21.64,67.8v106.25h-41.06v-103.99c0-43.98-22.35-56.14-45.96-56.14-31.99,0-51.6,23.22-51.6,62.92v97.21h-40.68V83.15h39.93v25.07c0,3.11,3.95,4.4,5.82,1.92,8.55-11.4,26.72-29.52,55.98-29.52,37.55,0,55.75,20.88,55.93,21.08ZM657.42,275.94v-33.54h0s-37.37,0-37.37,0c-3.16,0-5.73-2.57-5.73-5.73V83.14h-81.34v34.31h37.54c3.16,0,5.73,2.57,5.73,5.73v113.48c0,3.16-2.57,5.73-5.73,5.73h-38.14v33.55h125.03ZM499.27,119.27c0,.13-.1.23-.23.23h0s-36.31,0-36.31,0c-28.68,0-28.65,24.99-28.64,43.62,0,.46,0,.92,0,1.37v111.24c0,.13-.1.23-.23.23h-41.01c-.13,0-.23-.1-.23-.23V83.27c0-.13.1-.23.23-.23h36.49c.13,0,.23.1.23.23v24.03c0,4.05,5.24,5.65,7.49,2.28.22-.32.43-.64.65-.97,8.18-12.25,18.71-28.02,52.51-28.02h9.05v38.68Z" }) }));
-}
+import{jsx as c}from"react/jsx-runtime";export function LerianWordmark({className:h,title:v="Lerian"}){return c("svg",{"data-slot":"lerian-wordmark",viewBox:"0 0 1090.88 280",role:"img","aria-label":v,fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",className:h,children:c("path",{fillRule:"evenodd",d:"M619.42,29.69c0,15.43-10.87,27.93-27.93,27.93s-27.93-12.51-27.93-27.93,10.86-27.93,27.92-27.93,27.93,12.51,27.93,27.93h0ZM158.64,242.4v33.54H12.13v-33.55h48.36c3.16,0,5.73-2.57,5.73-5.73V87.77c0-3.16-2.57-5.73-5.73-5.73H7.85v-34.31h98.33v188.94c0,3.16,2.57,5.73,5.73,5.73h46.74ZM168.85,179.86c0,58.52,37.29,98.33,99.47,98.33,49.15,0,79.7-30.6,86.27-67.08h-40.69c-6.29,24.54-26.97,33.91-48.61,33.91-48.85,0-53.41-45.18-53.83-55-.04-1.02.77-1.87,1.79-1.87h143.61c.76-5.26,1.13-10.42,1.13-15.44,0-32.71-20.25-91.92-95.33-91.92-57.04,0-93.8,41.26-93.81,99.07ZM314.47,158.39l-99.49.02c-1.08,0-1.94-.96-1.78-2.02,4.49-31.28,30.98-42.82,50.98-42.82,33.88,0,48.71,21.59,52.08,42.79.17,1.08-.69,2.04-1.78,2.04h0ZM867.2,83.16h0s0,0,0,0h0ZM826.87,83.16h40.33v192.83h-40.32v-24.53c0-3.09-3.92-4.41-5.79-1.95-.18.23-.35.47-.53.71h0s0,.02,0,.02h0c-.11.16-.23.32-.35.47-7.92,10.56-20.68,27.53-56.24,27.53-60.83,0-91.19-46.33-91.19-98.7,0-61.42,40.37-98.72,91.17-98.72,36.73,0,48.44,15.73,56.64,26.75l.49.66c1.86,2.49,5.81,1.18,5.81-1.93v-23.14ZM770.75,115.48c34.78,0,56.14,27.81,56.14,64.8h0c0,42-26.32,63.68-56.14,63.68-34.83,0-56.14-27.43-56.14-64.43,0-42.07,26.11-64.05,56.14-64.05ZM1063.39,101.7c14.42,14.06,21.64,36.67,21.64,67.8v106.25h-41.06v-103.99c0-43.98-22.35-56.14-45.96-56.14-31.99,0-51.6,23.22-51.6,62.92v97.21h-40.68V83.15h39.93v25.07c0,3.11,3.95,4.4,5.82,1.92,8.55-11.4,26.72-29.52,55.98-29.52,37.55,0,55.75,20.88,55.93,21.08ZM657.42,275.94v-33.54h0s-37.37,0-37.37,0c-3.16,0-5.73-2.57-5.73-5.73V83.14h-81.34v34.31h37.54c3.16,0,5.73,2.57,5.73,5.73v113.48c0,3.16-2.57,5.73-5.73,5.73h-38.14v33.55h125.03ZM499.27,119.27c0,.13-.1.23-.23.23h0s-36.31,0-36.31,0c-28.68,0-28.65,24.99-28.64,43.62,0,.46,0,.92,0,1.37v111.24c0,.13-.1.23-.23.23h-41.01c-.13,0-.23-.1-.23-.23V83.27c0-.13.1-.23.23-.23h36.49c.13,0,.23.1.23.23v24.03c0,4.05,5.24,5.65,7.49,2.28.22-.32.43-.64.65-.97,8.18-12.25,18.71-28.02,52.51-28.02h9.05v38.68Z"})})}

package/dist/esm/components/ui/loading-button/index.js

@@ -1,7 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from '../button/index.js';
-import { Loader2 } from 'lucide-react';
-function LoadingButton({ loading, disabled, children, ...props }) {
-    return (_jsxs(Button, { ...props, disabled: loading || disabled, children: [loading && _jsx(Loader2, { className: "mr-2 h-4 w-4 motion-safe:animate-spin" }), children] }));
-}
-export { LoadingButton };
+import{jsx as m,jsxs as a}from"react/jsx-runtime";import{Button as i}from"../button/index.js";import{Loader2 as n}from"lucide-react";function e({loading:o,disabled:s,children:r,...t}){return a(i,{...t,disabled:o||s,children:[o&&m(n,{className:"mr-2 h-4 w-4 motion-safe:animate-spin"}),r]})}export{e as LoadingButton};

package/dist/esm/components/ui/multiple-select/index.js

@@ -1,196 +1 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import React from 'react';
-import * as SelectPrimitive from '@radix-ui/react-select';
-import { ChevronDown, X } from 'lucide-react';
-import { Badge } from '../badge/index.js';
-import { cn } from '../../../lib/utils.js';
-import { Separator } from '../separator/index.js';
-import { Command as CommandPrimitive, useCommandState } from 'cmdk';
-import { useClickAway } from '../../../hooks/use-click-away.js';
-const MultipleSelectContext = React.createContext({
-    value: [],
-    onValueChange: (values) => values,
-    handleChange: (value) => value,
-    handleClear: () => { },
-    setOpen: () => { },
-    setOnScrollbar: () => { },
-    options: {},
-    addOption: (option) => option,
-    inputRef: React.createRef()
-});
-const useMultipleSelect = () => {
-    const context = React.useContext(MultipleSelectContext);
-    if (!context) {
-        throw new Error('useMultipleSelect must be used within a MultipleSelectProvider');
-    }
-    return context;
-};
-export const MultipleSelectTrigger = React.forwardRef(({ className, children, readOnly }, ref) => {
-    const _ref = React.useRef(null);
-    const { open, setOpen, onScrollbar, disabled, value, inputRef, handleClear } = useMultipleSelect();
-    React.useImperativeHandle(ref, () => _ref.current);
-    useClickAway(_ref, () => {
-        // Should not close when clicking on the scrollbar
-        if (onScrollbar) {
-            return;
-        }
-        setOpen(false);
-        inputRef.current?.blur();
-    });
-    return (_jsxs("div", { ref: _ref, className: cn('bg-background ring-offset-background placeholder:text-input-placeholder focus:ring-ring border-input-border flex flex-row rounded-md border text-sm focus:ring-2 focus:ring-offset-0 focus:outline-hidden focus-visible:outline-hidden md:text-sm [&>span]:line-clamp-1', {
-            'h-10': value.length === 0,
-            'min-h-10': value.length > 0,
-            'cursor-text': !disabled && !readOnly && value.length !== 0,
-            'bg-shadcn-100 cursor-not-allowed opacity-50': disabled
-        }, readOnly && [
-            'data-read-only:cursor-default',
-            'data-read-only:select-text',
-            'data-read-only:bg-muted',
-            'data-read-only:opacity-50',
-            'data-read-only:pointer-events-none',
-            'data-read-only:focus:outline-hidden',
-            'data-read-only:focus:ring-0'
-        ], className), "data-read-only": readOnly ? '' : undefined, onClick: (e) => {
-            // Redirect focus to the input field when clicking on the container
-            if (disabled || readOnly) {
-                e.preventDefault();
-                return;
-            }
-            if (open) {
-                inputRef?.current?.blur();
-            }
-            else {
-                inputRef?.current?.focus();
-            }
-            setOpen(!open);
-        }, children: [_jsx("div", { className: "flex grow flex-wrap gap-1 px-3 py-2", children: children }), _jsxs("div", { className: "flex flex-1 items-center justify-end", children: [_jsx("button", { type: "button", className: cn((disabled || readOnly || value.length < 1) && 'hidden'), children: _jsx(X, { className: "text-muted-foreground mx-2 h-4 cursor-pointer", onClick: (event) => {
-                                event.stopPropagation();
-                                handleClear();
-                            } }) }), _jsx(Separator, { orientation: "vertical", className: cn('flex h-full min-h-6', (disabled || readOnly || value.length < 1) && 'hidden') }), _jsx(SelectPrimitive.Icon, { children: _jsx(ChevronDown, { className: cn('mx-3 my-2 h-4 w-4 cursor-pointer opacity-50', readOnly && 'hidden') }) })] })] }));
-});
-MultipleSelectTrigger.displayName = 'MultipleSelectTrigger';
-export const MultipleSelectValue = React.forwardRef(({ className, ...props }, ref) => {
-    const { value, disabled, handleChange, options, showValue, inputRef } = useMultipleSelect();
-    React.useImperativeHandle(ref, () => inputRef.current);
-    return (_jsxs(_Fragment, { children: [options &&
-                value?.map((value) => (_jsxs(Badge, { variant: "secondary", className: cn('data-disabled:bg-muted-foreground data-fixed:bg-muted-foreground data-disabled:text-muted data-fixed:text-muted data-disabled:hover:bg-muted-foreground data-fixed:hover:bg-muted-foreground'), children: [showValue ? value : options[value], _jsx("button", { type: "button", className: cn('ring-offset-background focus:ring-ring ml-1 rounded-full outline-hidden focus:ring-2 focus:ring-offset-2', disabled && 'hidden'), children: _jsx(X, { className: "text-muted-foreground hover:text-foreground h-3 w-3", onClick: (event) => {
-                                    event.stopPropagation();
-                                    handleChange(value);
-                                } }) })] }, value))), _jsx(CommandPrimitive.Input, { ...props, ref: inputRef, disabled: disabled, className: cn('placeholder:text-input-placeholder bg-transparent outline-hidden focus:outline-hidden disabled:cursor-not-allowed disabled:opacity-50 disabled:placeholder:opacity-0', className) })] }));
-});
-MultipleSelectValue.displayName = 'MultipleSelectValue';
-export const MultipleSelectEmpty = React.forwardRef(({ className, ...props }, forwardedRef) => {
-    const render = useCommandState((state) => state.filtered.count === 0);
-    if (!render)
-        return null;
-    return (_jsx("div", { ref: forwardedRef, className: cn('py-6 text-center text-sm', className), "cmdk-empty": "", role: "presentation", ...props }));
-});
-MultipleSelectEmpty.displayName = 'MultipleSelectEmpty';
-export const MultipleSelectContent = React.forwardRef(({ className, position = 'popper', children, onMouseEnter, onMouseLeave, ...props }, ref) => {
-    const { open, addOption, setOnScrollbar } = useMultipleSelect();
-    // Since this component is not going to be rendered in the DOM until open is true,
-    // we need to register the options when the component mounts
-    // and when the children change.
-    React.useEffect(() => {
-        React.Children.forEach(React.Children.toArray(children), (child) => {
-            if (React.isValidElement(child) &&
-                child.props.value) {
-                addOption({ [child.props.value]: child.props.children });
-            }
-        });
-    }, [children]);
-    if (!open) {
-        return null;
-    }
-    return (_jsx("div", { className: "relative", children: _jsx(CommandPrimitive.List, { ref: ref, className: cn('bg-popover text-popover-foreground motion-safe:animate-in absolute top-1 z-50 max-h-96 w-full min-w-32 overflow-x-hidden overflow-y-auto rounded-md border shadow-md outline-hidden', 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), ...props, onMouseEnter: (e) => {
-                onMouseEnter?.(e);
-                setOnScrollbar(true);
-            }, onMouseLeave: (e) => {
-                onMouseLeave?.(e);
-                setOnScrollbar(false);
-            }, children: _jsx(MultipleSelectGroup, { children: children }) }) }));
-});
-MultipleSelectContent.displayName = 'MultipleSelectContent';
-export const MultipleSelectGroup = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive.Group, { ref: ref, className: cn('text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium', className), ...props })));
-MultipleSelectGroup.displayName = 'MultipleSelectGroup';
-export const MultipleSelectItem = React.forwardRef(({ className, value, onClick: _onClick, onSelect, children, ...props }, ref) => {
-    const { handleChange } = useMultipleSelect();
-    return (_jsx(CommandPrimitive.Item, { ref: ref, value: value, keywords: typeof children === 'string' ? [children] : undefined, className: cn('data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0', className), ...props, onMouseDown: (e) => {
-            e.preventDefault();
-            e.stopPropagation();
-        }, onSelect: (value) => {
-            handleChange(value);
-            onSelect?.(value);
-        }, children: children }));
-});
-MultipleSelectItem.displayName = 'MultipleSelectItem';
-export const MultipleSelect = React.forwardRef(({ value, defaultValue, onValueChange, className, showValue, disabled, onKeyDown, children, onChange: _onChange, ...props }, ref) => {
-    const _ref = React.useRef(null);
-    const [open, setOpen] = React.useState(false);
-    const inputRef = React.useRef(null);
-    const [onScrollbar, setOnScrollbar] = React.useState(false);
-    const safeValue = Array.isArray(value) ? value : [];
-    const safeDefault = Array.isArray(defaultValue) ? defaultValue : [];
-    const [selected, setSelected] = React.useState(safeDefault.length > 0 ? safeDefault : safeValue);
-    const [options, addOption] = React.useReducer((prev, state) => ({
-        ...prev,
-        ...state
-    }), {});
-    React.useImperativeHandle(ref, () => _ref.current);
-    const handleClear = () => {
-        setSelected([]);
-        onValueChange?.([]);
-    };
-    const handleChange = React.useCallback((value) => {
-        if (!value) {
-            return;
-        }
-        const newSelected = selected.includes(value)
-            ? selected.filter((item) => item !== value)
-            : [...selected, value];
-        setSelected(newSelected);
-        onValueChange?.(newSelected);
-    }, [selected, onValueChange]);
-    const handleKeyDown = React.useCallback((e) => {
-        const input = inputRef.current;
-        if (input) {
-            if (e.key === 'Delete' || e.key === 'Backspace') {
-                if (input.value === '' && selected.length > 0) {
-                    handleChange(selected[selected.length - 1]);
-                }
-            }
-            // This is not a default behavior of the <input /> field
-            if (e.key === 'Escape') {
-                e.stopPropagation();
-                input.blur();
-            }
-        }
-    }, [selected, handleChange]);
-    // Keeps the selected value in sync with the value prop
-    React.useEffect(() => {
-        if (Array.isArray(value)) {
-            setSelected(value);
-        }
-    }, [value]);
-    return (_jsx(MultipleSelectContext.Provider, { value: {
-            value: selected,
-            onValueChange: setSelected,
-            showValue,
-            disabled,
-            handleChange,
-            handleClear,
-            onScrollbar,
-            setOnScrollbar,
-            open,
-            setOpen,
-            options,
-            addOption,
-            inputRef
-        }, children: _jsx(CommandPrimitive, { ref: _ref, className: cn('text-foreground flex h-auto w-full flex-col overflow-visible rounded-md bg-transparent', className), "aria-disabled": disabled, ...props, onKeyDown: (e) => {
-                handleKeyDown(e);
-                onKeyDown?.(e);
-            }, children: children }) }));
-});
-MultipleSelect.displayName = 'MultipleSelect';
+"use client";import{jsx as n,jsxs as w,Fragment as H}from"react/jsx-runtime";import e from"react";import*as O from"@radix-ui/react-select";import{ChevronDown as z,X as M}from"lucide-react";import{Badge as B}from"../badge/index.js";import{cn as u}from"../../../lib/utils.js";import{Separator as F}from"../separator/index.js";import{Command as b,useCommandState as K}from"cmdk";import{useClickAway as L}from"../../../hooks/use-click-away.js";const R=e.createContext({value:[],onValueChange:t=>t,handleChange:t=>t,handleClear:()=>{},setOpen:()=>{},setOnScrollbar:()=>{},options:{},addOption:t=>t,inputRef:e.createRef()});const S=()=>{const t=e.useContext(R);if(!t){throw new Error("useMultipleSelect must be used within a MultipleSelectProvider")}return t};export const MultipleSelectTrigger=e.forwardRef(({className:t,children:s,readOnly:r},c)=>{const a=e.useRef(null);const{open:p,setOpen:f,onScrollbar:m,disabled:o,value:d,inputRef:l,handleClear:y}=S();e.useImperativeHandle(c,()=>a.current);L(a,()=>{if(m){return}f(false);l.current?.blur()});return w("div",{ref:a,className:u("bg-background ring-offset-background placeholder:text-input-placeholder focus:ring-ring border-input-border flex flex-row rounded-md border text-sm focus:ring-2 focus:ring-offset-0 focus:outline-hidden focus-visible:outline-hidden md:text-sm [&>span]:line-clamp-1",{"h-10":d.length===0,"min-h-10":d.length>0,"cursor-text":!o&&!r&&d.length!==0,"bg-shadcn-100 cursor-not-allowed opacity-50":o},r&&["data-read-only:cursor-default","data-read-only:select-text","data-read-only:bg-muted","data-read-only:opacity-50","data-read-only:pointer-events-none","data-read-only:focus:outline-hidden","data-read-only:focus:ring-0"],t),"data-read-only":r?"":void 0,onClick:x=>{if(o||r){x.preventDefault();return}if(p){l?.current?.blur()}else{l?.current?.focus()}f(!p)},children:[n("div",{className:"flex grow flex-wrap gap-1 px-3 py-2",children:s}),w("div",{className:"flex flex-1 items-center justify-end",children:[n("button",{type:"button",className:u((o||r||d.length<1)&&"hidden"),children:n(M,{className:"text-muted-foreground mx-2 h-4 cursor-pointer",onClick:x=>{x.stopPropagation();y()}})}),n(F,{orientation:"vertical",className:u("flex h-full min-h-6",(o||r||d.length<1)&&"hidden")}),n(O.Icon,{children:n(z,{className:u("mx-3 my-2 h-4 w-4 cursor-pointer opacity-50",r&&"hidden")})})]})]})});MultipleSelectTrigger.displayName="MultipleSelectTrigger";export const MultipleSelectValue=e.forwardRef(({className:t,...s},r)=>{const{value:c,disabled:a,handleChange:p,options:f,showValue:m,inputRef:o}=S();e.useImperativeHandle(r,()=>o.current);return w(H,{children:[f&&c?.map(d=>w(B,{variant:"secondary",className:u("data-disabled:bg-muted-foreground data-fixed:bg-muted-foreground data-disabled:text-muted data-fixed:text-muted data-disabled:hover:bg-muted-foreground data-fixed:hover:bg-muted-foreground"),children:[m?d:f[d],n("button",{type:"button",className:u("ring-offset-background focus:ring-ring ml-1 rounded-full outline-hidden focus:ring-2 focus:ring-offset-2",a&&"hidden"),children:n(M,{className:"text-muted-foreground hover:text-foreground h-3 w-3",onClick:l=>{l.stopPropagation();p(d)}})})]},d)),n(b.Input,{...s,ref:o,disabled:a,className:u("placeholder:text-input-placeholder bg-transparent outline-hidden focus:outline-hidden disabled:cursor-not-allowed disabled:opacity-50 disabled:placeholder:opacity-0",t)})]})});MultipleSelectValue.displayName="MultipleSelectValue";export const MultipleSelectEmpty=e.forwardRef(({className:t,...s},r)=>{const c=K(a=>a.filtered.count===0);if(!c)return null;return n("div",{ref:r,className:u("py-6 text-center text-sm",t),"cmdk-empty":"",role:"presentation",...s})});MultipleSelectEmpty.displayName="MultipleSelectEmpty";export const MultipleSelectContent=e.forwardRef(({className:t,position:s="popper",children:r,onMouseEnter:c,onMouseLeave:a,...p},f)=>{const{open:m,addOption:o,setOnScrollbar:d}=S();e.useEffect(()=>{e.Children.forEach(e.Children.toArray(r),l=>{if(e.isValidElement(l)&&l.props.value){o({[l.props.value]:l.props.children})}})},[r]);if(!m){return null}return n("div",{className:"relative",children:n(b.List,{ref:f,className:u("bg-popover text-popover-foreground motion-safe:animate-in absolute top-1 z-50 max-h-96 w-full min-w-32 overflow-x-hidden overflow-y-auto rounded-md border shadow-md outline-hidden",s==="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",t),...p,onMouseEnter:l=>{c?.(l);d(true)},onMouseLeave:l=>{a?.(l);d(false)},children:n(MultipleSelectGroup,{children:r})})})});MultipleSelectContent.displayName="MultipleSelectContent";export const MultipleSelectGroup=e.forwardRef(({className:t,...s},r)=>n(b.Group,{ref:r,className:u("text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium",t),...s}));MultipleSelectGroup.displayName="MultipleSelectGroup";export const MultipleSelectItem=e.forwardRef(({className:t,value:s,onClick:r,onSelect:c,children:a,...p},f)=>{const{handleChange:m}=S();return n(b.Item,{ref:f,value:s,keywords:typeof a==="string"?[a]:void 0,className:u("data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",t),...p,onMouseDown:o=>{o.preventDefault();o.stopPropagation()},onSelect:o=>{m(o);c?.(o)},children:a})});MultipleSelectItem.displayName="MultipleSelectItem";export const MultipleSelect=e.forwardRef(({value:t,defaultValue:s,onValueChange:r,className:c,showValue:a,disabled:p,onKeyDown:f,children:m,onChange:o,...d},l)=>{const y=e.useRef(null);const[x,_]=e.useState(false);const N=e.useRef(null);const[E,A]=e.useState(false);const D=Array.isArray(t)?t:[];const k=Array.isArray(s)?s:[];const[g,v]=e.useState(k.length>0?k:D);const[I,P]=e.useReducer((i,h)=>({...i,...h}),{});e.useImperativeHandle(l,()=>y.current);const j=()=>{v([]);r?.([])};const C=e.useCallback(i=>{if(!i){return}const h=g.includes(i)?g.filter(G=>G!==i):[...g,i];v(h);r?.(h)},[g,r]);const V=e.useCallback(i=>{const h=N.current;if(h){if(i.key==="Delete"||i.key==="Backspace"){if(h.value===""&&g.length>0){C(g[g.length-1])}}if(i.key==="Escape"){i.stopPropagation();h.blur()}}},[g,C]);e.useEffect(()=>{if(Array.isArray(t)){v(t)}},[t]);return n(R.Provider,{value:{value:g,onValueChange:v,showValue:a,disabled:p,handleChange:C,handleClear:j,onScrollbar:E,setOnScrollbar:A,open:x,setOpen:_,options:I,addOption:P,inputRef:N},children:n(b,{ref:y,className:u("text-foreground flex h-auto w-full flex-col overflow-visible rounded-md bg-transparent",c),"aria-disabled":p,...d,onKeyDown:i=>{V(i);f?.(i)},children:m})})});MultipleSelect.displayName="MultipleSelect";

package/dist/esm/components/ui/otp-input/index.js

@@ -1,21 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import { OTPInput, OTPInputContext } from 'input-otp';
-import { MinusIcon } from 'lucide-react';
-import { cn } from '../../../lib/utils.js';
-function InputOTP({ className, containerClassName, ...props }) {
-    return (_jsx(OTPInput, { "data-slot": "input-otp", containerClassName: cn('flex items-center gap-2 has-disabled:opacity-50', containerClassName), className: cn('disabled:cursor-not-allowed', className), ...props }));
-}
-function InputOTPGroup({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "input-otp-group", className: cn('flex items-center', className), ...props }));
-}
-function InputOTPSlot({ index, className, ...props }) {
-    const inputOTPContext = React.useContext(OTPInputContext);
-    const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};
-    return (_jsxs("div", { "data-slot": "input-otp-slot", "data-active": isActive, className: cn('border-input-border bg-background text-foreground', 'relative flex h-14 w-12 items-center justify-center border-y border-r text-2xl font-semibold shadow-xs transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md', 'data-[active=true]:ring-ring data-[active=true]:z-10 data-[active=true]:ring-2', className), ...props, children: [char, hasFakeCaret && (_jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: _jsx("div", { className: "motion-safe:animate-caret-blink bg-foreground h-6 w-px duration-1000" }) }))] }));
-}
-function InputOTPSeparator({ ...props }) {
-    return (_jsx("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: _jsx(MinusIcon, {}) }));
-}
-export { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator };
-export { REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS } from 'input-otp';
+import{jsx as e,jsxs as u}from"react/jsx-runtime";import*as l from"react";import{OTPInput as c,OTPInputContext as p}from"input-otp";import{MinusIcon as m}from"lucide-react";import{cn as o}from"../../../lib/utils.js";function f({className:t,containerClassName:r,...n}){return e(c,{"data-slot":"input-otp",containerClassName:o("flex items-center gap-2 has-disabled:opacity-50",r),className:o("disabled:cursor-not-allowed",t),...n})}function x({className:t,...r}){return e("div",{"data-slot":"input-otp-group",className:o("flex items-center",t),...r})}function b({index:t,className:r,...n}){const a=l.useContext(p);const{char:s,hasFakeCaret:i,isActive:d}=a?.slots[t]??{};return u("div",{"data-slot":"input-otp-slot","data-active":d,className:o("border-input-border bg-background text-foreground","relative flex h-14 w-12 items-center justify-center border-y border-r text-2xl font-semibold shadow-xs transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md","data-[active=true]:ring-ring data-[active=true]:z-10 data-[active=true]:ring-2",r),...n,children:[s,i&&e("div",{className:"pointer-events-none absolute inset-0 flex items-center justify-center",children:e("div",{className:"motion-safe:animate-caret-blink bg-foreground h-6 w-px duration-1000"})})]})}function v({...t}){return e("div",{"data-slot":"input-otp-separator",role:"separator",...t,children:e(m,{})})}export{f as InputOTP,x as InputOTPGroup,b as InputOTPSlot,v as InputOTPSeparator};export{REGEXP_ONLY_DIGITS,REGEXP_ONLY_DIGITS_AND_CHARS}from"input-otp";

package/dist/esm/components/ui/paper/index.js

@@ -1,5 +1 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from '../../../lib/utils.js';
-export function Paper({ className, ...others }) {
-    return (_jsx("div", { "data-slot": "paper", className: cn('bg-card rounded-lg shadow-lg', className), ...others }));
-}
+import{jsx as o}from"react/jsx-runtime";import{cn as s}from"../../../lib/utils.js";export function Paper({className:r,...a}){return o("div",{"data-slot":"paper",className:s("bg-card rounded-lg shadow-lg",r),...a})}

package/dist/esm/components/ui/paper-collapsible/index.js

@@ -1,19 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from '../../../lib/utils.js';
-import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '../../../components/ui/collapsible/index.js';
-import { Paper } from '../../../components/ui/paper/index.js';
-import { ChevronDown } from 'lucide-react';
-import { Separator } from '../separator/index.js';
-function PaperCollapsible({ className, children, ...props }) {
-    return (_jsx(Collapsible, { className: "group/paper-collapsible", ...props, children: _jsx(Paper, { "data-slot": "paper-collapsible", className: cn('flex flex-col', className), children: children }) }));
-}
-function PaperCollapsibleBanner({ className, children, ...props }) {
-    return (_jsxs("div", { "data-slot": "paper-collapsible-banner", className: cn('flex flex-row p-6', className), ...props, children: [_jsx("div", { className: "flex grow flex-col", children: children }), _jsx(PaperCollapsibleTrigger, {})] }));
-}
-function PaperCollapsibleTrigger({ className, children: _children, ...props }) {
-    return (_jsx(CollapsibleTrigger, { "data-slot": "paper-collapsible-trigger", className: cn('transition-all hover:underline [&[data-state=open]>svg]:rotate-180', className), ...props, children: _jsx(ChevronDown, { className: "text-foreground size-6 shrink-0 cursor-pointer transition-transform duration-200" }) }));
-}
-function PaperCollapsibleContent({ className, children, ...props }) {
-    return (_jsxs(CollapsibleContent, { "data-slot": "paper-collapsible-content", className: cn('motion-safe:data-[state=closed]:animate-collapsible-up motion-safe:data-[state=open]:animate-collapsible-down overflow-hidden transition-all duration-200 ease-in-out', className), ...props, children: [_jsx(Separator, {}), children] }));
-}
-export { PaperCollapsible, PaperCollapsibleBanner, PaperCollapsibleTrigger, PaperCollapsibleContent };
+import{jsx as l,jsxs as t}from"react/jsx-runtime";import{cn as o}from"../../../lib/utils.js";import{Collapsible as i,CollapsibleContent as s,CollapsibleTrigger as p}from"../../../components/ui/collapsible/index.js";import{Paper as c}from"../../../components/ui/paper/index.js";import{ChevronDown as d}from"lucide-react";import{Separator as m}from"../separator/index.js";function f({className:e,children:r,...a}){return l(i,{className:"group/paper-collapsible",...a,children:l(c,{"data-slot":"paper-collapsible",className:o("flex flex-col",e),children:r})})}function u({className:e,children:r,...a}){return t("div",{"data-slot":"paper-collapsible-banner",className:o("flex flex-row p-6",e),...a,children:[l("div",{className:"flex grow flex-col",children:r}),l(n,{})]})}function n({className:e,children:r,...a}){return l(p,{"data-slot":"paper-collapsible-trigger",className:o("transition-all hover:underline [&[data-state=open]>svg]:rotate-180",e),...a,children:l(d,{className:"text-foreground size-6 shrink-0 cursor-pointer transition-transform duration-200"})})}function b({className:e,children:r,...a}){return t(s,{"data-slot":"paper-collapsible-content",className:o("motion-safe:data-[state=closed]:animate-collapsible-up motion-safe:data-[state=open]:animate-collapsible-down overflow-hidden transition-all duration-200 ease-in-out",e),...a,children:[l(m,{}),r]})}export{f as PaperCollapsible,u as PaperCollapsibleBanner,n as PaperCollapsibleTrigger,b as PaperCollapsibleContent};

package/dist/esm/components/ui/popover/index.js

@@ -1,17 +1 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as PopoverPrimitive from '@radix-ui/react-popover';
-import { cn } from '../../../lib/utils.js';
-function Popover({ ...props }) {
-    return _jsx(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
-}
-function PopoverTrigger({ ...props }) {
-    return _jsx(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
-}
-function PopoverContent({ className, align = 'center', sideOffset = 4, ...props }) {
-    return (_jsx(PopoverPrimitive.Portal, { children: _jsx(PopoverPrimitive.Content, { "data-slot": "popover-content", align: align, sideOffset: sideOffset, className: cn('bg-popover text-popover-foreground motion-safe:data-[state=open]:animate-in motion-safe: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-border z-50 w-72 rounded-md border p-4 shadow-md outline-hidden', className), ...props }) }));
-}
-function PopoverAnchor({ ...props }) {
-    return _jsx(PopoverPrimitive.Anchor, { "data-slot": "popover-anchor", ...props });
-}
-export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };
+"use client";import{jsx as t}from"react/jsx-runtime";import*as e from"@radix-ui/react-popover";import{cn as d}from"../../../lib/utils.js";function i({...o}){return t(e.Root,{"data-slot":"popover",...o})}function s({...o}){return t(e.Trigger,{"data-slot":"popover-trigger",...o})}function p({className:o,align:r="center",sideOffset:a=4,...n}){return t(e.Portal,{children:t(e.Content,{"data-slot":"popover-content",align:r,sideOffset:a,className:d("bg-popover text-popover-foreground motion-safe:data-[state=open]:animate-in motion-safe: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-border z-50 w-72 rounded-md border p-4 shadow-md outline-hidden",o),...n})})}function m({...o}){return t(e.Anchor,{"data-slot":"popover-anchor",...o})}export{i as Popover,s as PopoverTrigger,p as PopoverContent,m as PopoverAnchor};