@moldable-ai/ui 0.2.22 → 0.2.25

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

@@ -1,6 +1,6 @@
 import { type VariantProps } from 'class-variance-authority';
 declare const emptyVariants: (props?: ({
-    variant?: "compact" | "full" | "pane" | null | undefined;
+    variant?: "compact" | "pane" | "full" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function Empty({ className, safeBottom, variant, ...props }: React.ComponentProps<'div'> & VariantProps<typeof emptyVariants> & {
     safeBottom?: boolean;

package/dist/components/ui/empty.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from '../../lib/utils';
+import { cn } from '../../lib/utils.js';
 import { cva } from 'class-variance-authority';
 const emptyVariants = cva('group/empty flex min-w-0 flex-col items-center justify-center text-balance text-center', {
     variants: {
@@ -25,7 +25,7 @@ const emptyMediaVariants = cva('flex shrink-0 items-center justify-center mb-2 [
     variants: {
         variant: {
             default: 'bg-transparent',
-            icon: "bg-muted text-foreground flex size-10 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-6",
+            icon: "bg-muted text-foreground flex size-10 shrink-0 items-center justify-center rounded-container [&_svg:not([class*='size-'])]:size-6",
         },
     },
     defaultVariants: {
@@ -36,12 +36,12 @@ function EmptyMedia({ className, variant = 'default', ...props }) {
     return (_jsx("div", { "data-slot": "empty-icon", "data-variant": variant, className: cn(emptyMediaVariants({ variant, className })), ...props }));
 }
 function EmptyTitle({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "empty-title", className: cn('font-medium tracking-tight group-data-[variant=compact]/empty:text-sm group-data-[variant=full]/empty:text-lg group-data-[variant=pane]/empty:text-base', className), ...props }));
+    return (_jsx("div", { "data-slot": "empty-title", className: cn('group-data-[variant=compact]/empty:text-ui-body group-data-[variant=full]/empty:text-ui-heading group-data-[variant=pane]/empty:text-16 font-medium tracking-tight', className), ...props }));
 }
 function EmptyDescription({ className, ...props }) {
-    return (_jsx("p", { "data-slot": "empty-description", className: cn('text-muted-foreground [&>a:hover]:text-primary text-sm/relaxed group-data-[variant=compact]/empty:text-xs/relaxed [&>a]:underline [&>a]:underline-offset-4', className), ...props }));
+    return (_jsx("p", { "data-slot": "empty-description", className: cn('text-muted-foreground [&>a:hover]:text-primary text-ui-body/relaxed group-data-[variant=compact]/empty:text-ui-caption/relaxed [&>a]:underline [&>a]:underline-offset-4', className), ...props }));
 }
 function EmptyContent({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "empty-content", className: cn('flex w-full min-w-0 max-w-sm flex-col items-center gap-3 text-balance text-sm group-data-[variant=compact]/empty:gap-2', className), ...props }));
+    return (_jsx("div", { "data-slot": "empty-content", className: cn('text-ui-body flex w-full min-w-0 max-w-sm flex-col items-center gap-3 text-balance group-data-[variant=compact]/empty:gap-2', className), ...props }));
 }
 export { Empty, EmptyHeader, EmptyTitle, EmptyDescription, EmptyContent, EmptyMedia, emptyVariants, };

package/dist/components/ui/error-boundary-view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"error-boundary-view.d.ts","sourceRoot":"","sources":["../../../src/components/ui/error-boundary-view.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItC,UAAU,sBAAsB;IAC9B,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,iBAAS,iBAAiB,CAAC,EACzB,OAAO,EACP,SAAS,EACT,OAAO,EACP,OAAO,EACP,OAAO,EACP,KAA8B,GAC/B,EAAE,sBAAsB,2CAwCxB;AAED,OAAO,EAAE,iBAAiB,EAAE,KAAK,sBAAsB,EAAE,CAAA"}
+{"version":3,"file":"error-boundary-view.d.ts","sourceRoot":"","sources":["../../../src/components/ui/error-boundary-view.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItC,UAAU,sBAAsB;IAC9B,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,iBAAS,iBAAiB,CAAC,EACzB,OAAO,EACP,SAAS,EACT,OAAO,EACP,OAAO,EACP,OAAO,EACP,KAA8B,GAC/B,EAAE,sBAAsB,2CA4CxB;AAED,OAAO,EAAE,iBAAiB,EAAE,KAAK,sBAAsB,EAAE,CAAA"}

package/dist/components/ui/error-boundary-view.js

@@ -1,8 +1,8 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from '../../lib/utils';
-import { Button } from './button';
+import { cn } from '../../lib/utils.js';
+import { Button } from './button.js';
 function ErrorBoundaryView({ actions, className, details, message, onRetry, title = 'Something went wrong', }) {
-    return (_jsx("main", { className: cn('bg-background text-foreground flex min-h-full w-full items-center justify-center p-4 sm:p-6', className), children: _jsxs("section", { className: "border-border bg-card w-full max-w-xl rounded-lg border p-5 shadow-lg sm:p-6", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("h1", { className: "text-xl font-semibold tracking-tight", children: title }), message ? (_jsx("p", { className: "text-muted-foreground text-sm leading-6", children: message })) : null] }), details ? (_jsxs("details", { className: "mt-5", children: [_jsx("summary", { className: "text-muted-foreground cursor-pointer text-sm font-medium", children: "Error details" }), _jsx("pre", { className: "bg-muted text-muted-foreground mt-2 max-h-44 overflow-auto whitespace-pre-wrap rounded-md border p-3 font-mono text-xs", children: details })] })) : null, onRetry || actions ? (_jsxs("div", { className: "mt-5 flex flex-col gap-2 sm:flex-row", children: [onRetry ? (_jsx(Button, { type: "button", onClick: onRetry, children: "Retry" })) : null, actions] })) : null] }) }));
+    return (_jsx("main", { className: cn('bg-background text-foreground flex min-h-full w-full items-center justify-center p-4 sm:p-6', className), children: _jsxs("section", { className: "border-border bg-card shadow-panel rounded-panel w-full max-w-xl border p-5 sm:p-6", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("h1", { className: "text-ui-heading font-semibold tracking-tight", children: title }), message ? (_jsx("p", { className: "text-muted-foreground text-ui-body leading-6", children: message })) : null] }), details ? (_jsxs("details", { className: "mt-5", children: [_jsx("summary", { className: "text-muted-foreground text-ui-body cursor-pointer font-medium", children: "Error details" }), _jsx("pre", { className: "bg-muted text-muted-foreground rounded-control text-ui-caption mt-2 max-h-44 overflow-auto whitespace-pre-wrap border p-3 font-mono", children: details })] })) : null, onRetry || actions ? (_jsxs("div", { className: "mt-5 flex flex-col gap-2 sm:flex-row", children: [onRetry ? (_jsx(Button, { type: "button", onClick: onRetry, children: "Retry" })) : null, actions] })) : null] }) }));
 }
 export { ErrorBoundaryView };

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

@@ -1,4 +1,4 @@
-import { Label } from './label';
+import { Label } from './label.js';
 import { type VariantProps } from 'class-variance-authority';
 declare function FieldSet({ className, ...props }: React.ComponentProps<'fieldset'>): import("react/jsx-runtime").JSX.Element;
 declare function FieldLegend({ className, variant, ...props }: React.ComponentProps<'legend'> & {

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

@@ -1 +1 @@
-{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../../../src/components/ui/field.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAE/B,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAA;AAEjE,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,2CAY1E;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,OAAkB,EAClB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;CAAE,2CAcnE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWvE;AAED,QAAA,MAAM,aAAa;;8EAsBlB,CAAA;AAED,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,WAAwB,EACxB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,2CAUlE;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWzE;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,2CAapC;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWvE;AAED,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,2CAa3E;AAED,iBAAS,cAAc,CAAC,EACtB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,2CAsBA;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,QAAQ,EACR,MAAM,EACN,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/B,MAAM,CAAC,EAAE,KAAK,CAAC;QAAE,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,SAAS,CAAC,CAAA;CACjD,kDA0CA;AAED,OAAO,EACL,KAAK,EACL,UAAU,EACV,gBAAgB,EAChB,UAAU,EACV,UAAU,EACV,WAAW,EACX,cAAc,EACd,QAAQ,EACR,YAAY,EACZ,UAAU,GACX,CAAA"}
+{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../../../src/components/ui/field.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAE/B,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAA;AAEjE,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,2CAY1E;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,OAAkB,EAClB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;CAAE,2CAcnE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWvE;AAED,QAAA,MAAM,aAAa;;8EAsBlB,CAAA;AAED,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,WAAwB,EACxB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,2CAUlE;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWzE;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,2CAapC;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWvE;AAED,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,2CAa3E;AAED,iBAAS,cAAc,CAAC,EACtB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,2CAsBA;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,QAAQ,EACR,MAAM,EACN,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/B,MAAM,CAAC,EAAE,KAAK,CAAC;QAAE,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,SAAS,CAAC,CAAA;CACjD,kDA6CA;AAED,OAAO,EACL,KAAK,EACL,UAAU,EACV,gBAAgB,EAChB,UAAU,EACV,UAAU,EACV,WAAW,EACX,cAAc,EACd,QAAQ,EACR,YAAY,EACZ,UAAU,GACX,CAAA"}

package/dist/components/ui/field.js

@@ -1,15 +1,15 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo } from 'react';
-import { cn } from '../../lib/utils';
-import { Label } from './label';
-import { Separator } from './separator';
+import { cn } from '../../lib/utils.js';
+import { Label } from './label.js';
+import { Separator } from './separator.js';
 import { cva } from 'class-variance-authority';
 function FieldSet({ className, ...props }) {
     return (_jsx("fieldset", { "data-slot": "field-set", className: cn('flex flex-col gap-6', 'has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3', className), ...props }));
 }
 function FieldLegend({ className, variant = 'legend', ...props }) {
-    return (_jsx("legend", { "data-slot": "field-legend", "data-variant": variant, className: cn('mb-3 font-medium', 'data-[variant=legend]:text-base', 'data-[variant=label]:text-sm', className), ...props }));
+    return (_jsx("legend", { "data-slot": "field-legend", "data-variant": variant, className: cn('mb-3 font-medium', 'data-[variant=legend]:text-16', 'data-[variant=label]:text-ui-body', className), ...props }));
 }
 function FieldGroup({ className, ...props }) {
     return (_jsx("div", { "data-slot": "field-group", className: cn('group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4', className), ...props }));
@@ -41,16 +41,16 @@ function FieldContent({ className, ...props }) {
     return (_jsx("div", { "data-slot": "field-content", className: cn('group/field-content flex flex-1 flex-col gap-1.5 leading-snug', className), ...props }));
 }
 function FieldLabel({ className, ...props }) {
-    return (_jsx(Label, { "data-slot": "field-label", className: cn('group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50', 'has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-4', 'has-data-[state=checked]:bg-primary/5 has-data-[state=checked]:border-primary dark:has-data-[state=checked]:bg-primary/10', className), ...props }));
+    return (_jsx(Label, { "data-slot": "field-label", className: cn('group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50', 'has-[>[data-slot=field]]:rounded-control has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-4', 'has-data-[state=checked]:bg-primary/5 has-data-[state=checked]:border-primary dark:has-data-[state=checked]:bg-primary/10', className), ...props }));
 }
 function FieldTitle({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "field-label", className: cn('flex w-fit items-center gap-2 text-sm font-medium leading-snug group-data-[disabled=true]/field:opacity-50', className), ...props }));
+    return (_jsx("div", { "data-slot": "field-label", className: cn('text-ui-body flex w-fit items-center gap-2 font-medium leading-snug group-data-[disabled=true]/field:opacity-50', className), ...props }));
 }
 function FieldDescription({ className, ...props }) {
-    return (_jsx("p", { "data-slot": "field-description", className: cn('text-muted-foreground text-sm font-normal leading-normal group-has-[[data-orientation=horizontal]]/field:text-balance', 'nth-last-2:-mt-1 last:mt-0 [[data-variant=legend]+&]:-mt-1.5', '[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4', className), ...props }));
+    return (_jsx("p", { "data-slot": "field-description", className: cn('text-muted-foreground text-ui-body font-normal leading-normal group-has-[[data-orientation=horizontal]]/field:text-balance', 'nth-last-2:-mt-1 last:mt-0 [[data-variant=legend]+&]:-mt-1.5', '[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4', className), ...props }));
 }
 function FieldSeparator({ children, className, ...props }) {
-    return (_jsxs("div", { "data-slot": "field-separator", "data-content": !!children, className: cn('relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2', className), ...props, children: [_jsx(Separator, { className: "absolute inset-0 top-1/2" }), children && (_jsx("span", { className: "bg-background text-muted-foreground relative mx-auto block w-fit px-2", "data-slot": "field-separator-content", children: children }))] }));
+    return (_jsxs("div", { "data-slot": "field-separator", "data-content": !!children, className: cn('text-ui-body relative -my-2 h-5 group-data-[variant=outline]/field-group:-mb-2', className), ...props, children: [_jsx(Separator, { className: "absolute inset-0 top-1/2" }), children && (_jsx("span", { className: "bg-background text-muted-foreground relative mx-auto block w-fit px-2", "data-slot": "field-separator-content", children: children }))] }));
 }
 function FieldError({ className, children, errors, ...props }) {
     const content = useMemo(() => {
@@ -71,6 +71,6 @@ function FieldError({ className, children, errors, ...props }) {
     if (!content) {
         return null;
     }
-    return (_jsx("div", { role: "alert", "data-slot": "field-error", className: cn('text-destructive text-sm font-normal', className), ...props, children: content }));
+    return (_jsx("div", { role: "alert", "data-slot": "field-error", className: cn('text-ui-body font-normal [color:var(--destructive)]', className), ...props, children: content }));
 }
 export { Field, FieldLabel, FieldDescription, FieldError, FieldGroup, FieldLegend, FieldSeparator, FieldSet, FieldContent, FieldTitle, };

package/dist/components/ui/form.js

@@ -3,8 +3,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Slot } from '@radix-ui/react-slot';
 import * as React from 'react';
 import { Controller, FormProvider, useFormContext, useFormState, } from 'react-hook-form';
-import { cn } from '../../lib/utils';
-import { Label } from './label';
+import { cn } from '../../lib/utils.js';
+import { Label } from './label.js';
 const Form = FormProvider;
 const FormFieldContext = React.createContext({});
 const FormField = ({ ...props }) => {
@@ -46,7 +46,7 @@ function FormControl({ ...props }) {
 }
 function FormDescription({ className, ...props }) {
     const { formDescriptionId } = useFormField();
-    return (_jsx("p", { "data-slot": "form-description", id: formDescriptionId, className: cn('text-muted-foreground text-sm', className), ...props }));
+    return (_jsx("p", { "data-slot": "form-description", id: formDescriptionId, className: cn('text-muted-foreground text-ui-body', className), ...props }));
 }
 function FormMessage({ className, ...props }) {
     const { error, formMessageId } = useFormField();
@@ -54,6 +54,6 @@ function FormMessage({ className, ...props }) {
     if (!body) {
         return null;
     }
-    return (_jsx("p", { "data-slot": "form-message", id: formMessageId, className: cn('text-destructive text-sm', className), ...props, children: body }));
+    return (_jsx("p", { "data-slot": "form-message", id: formMessageId, className: cn('text-ui-body [color:var(--destructive)]', className), ...props, children: body }));
 }
 export { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField, };

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

@@ -1 +1 @@
-{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../src/components/ui/grid.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,KAAK,iBAAiB,GAAG,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAA;AAuCvD,KAAK,SAAS,GAAG,IAAI,CACnB,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAC3B,cAAc,GAAG,UAAU,CAC5B,GAAG;IACF,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,iBAAiB,CAAA;IACjC,cAAc,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAA;IACjC,qBAAqB,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAA;IACxC,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,CAAC,MAAM,CAAC,KAAK,IAAI,CAAA;IACzD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,iBAAS,IAAI,CAAC,EACZ,SAAS,EACT,QAAQ,EACR,OAAW,EACX,aAAsB,EACtB,cAAc,EACd,qBAAqB,EACrB,iBAAiB,EACjB,QAAQ,EACR,IAAY,EACZ,QAAgB,EAChB,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,KAAK,EACT,EAAE,SAAS,2CAsRX;AAED,KAAK,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,GAAG;IAChE,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,QAAQ,EACR,KAAK,EACL,QAAgB,EAChB,OAAO,EACP,aAAa,EACb,OAAO,EACP,GAAG,EACH,GAAG,KAAK,EACT,EAAE,aAAa,2CA4Ef;AAED,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAW1E;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQ5E;AAED,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQ1E;AAED,iBAAS,mBAAmB,CAAC,EAC3B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,2CAQ3B;AAED,OAAO,EACL,IAAI,EACJ,QAAQ,EACR,eAAe,EACf,mBAAmB,EACnB,aAAa,EACb,aAAa,EACb,KAAK,SAAS,EACd,KAAK,iBAAiB,GACvB,CAAA"}
+{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../src/components/ui/grid.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,KAAK,iBAAiB,GAAG,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAA;AAuCvD,KAAK,SAAS,GAAG,IAAI,CACnB,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAC3B,cAAc,GAAG,UAAU,CAC5B,GAAG;IACF,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,iBAAiB,CAAA;IACjC,cAAc,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAA;IACjC,qBAAqB,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAA;IACxC,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,CAAC,MAAM,CAAC,KAAK,IAAI,CAAA;IACzD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,iBAAS,IAAI,CAAC,EACZ,SAAS,EACT,QAAQ,EACR,OAAW,EACX,aAAsB,EACtB,cAAc,EACd,qBAAqB,EACrB,iBAAiB,EACjB,QAAQ,EACR,IAAY,EACZ,QAAgB,EAChB,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,KAAK,EACT,EAAE,SAAS,2CAsRX;AAED,KAAK,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,GAAG;IAChE,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,QAAQ,EACR,KAAK,EACL,QAAgB,EAChB,OAAO,EACP,aAAa,EACb,OAAO,EACP,GAAG,EACH,GAAG,KAAK,EACT,EAAE,aAAa,2CA4Ef;AAED,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAW1E;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQ5E;AAED,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQ1E;AAED,iBAAS,mBAAmB,CAAC,EAC3B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,2CAW3B;AAED,OAAO,EACL,IAAI,EACJ,QAAQ,EACR,eAAe,EACf,mBAAmB,EACnB,aAAa,EACb,aAAa,EACb,KAAK,SAAS,EACd,KAAK,iBAAiB,GACvB,CAAA"}

package/dist/components/ui/grid.js

@@ -1,8 +1,8 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
-import { cn } from '../../lib/utils';
-import { getCollectionItemsInDomOrder, isInteractiveDescendant, } from './collection-navigation';
+import { cn } from '../../lib/utils.js';
+import { getCollectionItemsInDomOrder, isInteractiveDescendant, } from './collection-navigation.js';
 const GridContext = React.createContext(null);
 function useGridContext(component) {
     const context = React.useContext(GridContext);
@@ -218,7 +218,7 @@ function GridItem({ className, children, value, disabled = false, onClick, onDou
             ref.current = node;
     }, [ref]);
     React.useLayoutEffect(() => registerItem(value, itemRef.current, isDisabled), [isDisabled, registerItem, value]);
-    return (_jsx("div", { ref: setRef, role: "gridcell", tabIndex: isDisabled ? -1 : isActive ? 0 : -1, "aria-disabled": isDisabled || undefined, "aria-selected": context.selectionMode === 'none' ? undefined : isSelected, "data-slot": "grid-item", "data-active": isActive || undefined, "data-disabled": isDisabled || undefined, "data-selected": context.selectionMode === 'none' ? undefined : isSelected, "data-value": value, className: cn('group/grid-item border-border bg-card text-card-foreground relative min-w-0 cursor-default select-none overflow-hidden rounded-lg border outline-none transition-[background-color,border-color,box-shadow] duration-100', 'hover:bg-accent/40 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]', 'data-[selected=true]:border-ring data-[selected=true]:bg-accent/60', 'data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50', className), onClick: (event) => {
+    return (_jsx("div", { ref: setRef, role: "gridcell", tabIndex: isDisabled ? -1 : isActive ? 0 : -1, "aria-disabled": isDisabled || undefined, "aria-selected": context.selectionMode === 'none' ? undefined : isSelected, "data-slot": "grid-item", "data-active": isActive || undefined, "data-disabled": isDisabled || undefined, "data-selected": context.selectionMode === 'none' ? undefined : isSelected, "data-value": value, className: cn('group/grid-item border-border bg-card text-card-foreground rounded-container relative min-w-0 cursor-default select-none overflow-hidden border outline-none transition-[background-color,border-color,box-shadow] duration-100', 'hover:bg-accent/40 focus-visible:border-ring focus-visible:ring-ring focus-visible:ring-1', 'data-[selected=true]:border-ring data-[selected=true]:bg-accent/60', 'data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50', className), onClick: (event) => {
             onClick?.(event);
             if (event.defaultPrevented ||
                 isDisabled ||
@@ -250,9 +250,9 @@ function GridItemContent({ className, ...props }) {
     return (_jsx("div", { "data-slot": "grid-item-content", className: cn('min-w-0 p-3', className), ...props }));
 }
 function GridItemTitle({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "grid-item-title", className: cn('truncate text-sm font-medium', className), ...props }));
+    return (_jsx("div", { "data-slot": "grid-item-title", className: cn('text-ui-body truncate font-medium', className), ...props }));
 }
 function GridItemDescription({ className, ...props }) {
-    return (_jsx("p", { "data-slot": "grid-item-description", className: cn('text-muted-foreground mt-0.5 truncate text-xs', className), ...props }));
+    return (_jsx("p", { "data-slot": "grid-item-description", className: cn('text-muted-foreground text-ui-caption mt-0.5 truncate', className), ...props }));
 }
 export { Grid, GridItem, GridItemContent, GridItemDescription, GridItemMedia, GridItemTitle, };

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

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
-import { cn } from '../../lib/utils';
+import { cn } from '../../lib/utils.js';
 function HoverCard({ ...props }) {
     return _jsx(HoverCardPrimitive.Root, { "data-slot": "hover-card", ...props });
 }
@@ -9,6 +9,6 @@ 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 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-(--radix-hover-card-content-transform-origin) outline-hidden z-50 w-64 rounded-md border p-4 shadow-md', className), ...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 shadow-overlay data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-(--radix-hover-card-content-transform-origin) outline-hidden rounded-overlay z-50 w-64 border p-4', className), ...props }) }));
 }
 export { HoverCard, HoverCardTrigger, HoverCardContent };

package/dist/components/ui/icon-button.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Button } from './button';
+import { Button } from './button.js';
 type IconButtonSize = 'xs' | 'sm' | 'default' | 'lg';
 interface IconButtonProps extends Omit<React.ComponentProps<typeof Button>, 'aria-label' | 'asChild' | 'size'> {
     /** Required accessible name for the icon-only control. */

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

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from '../../lib/utils';
-import { Button } from './button';
+import { cn } from '../../lib/utils.js';
+import { Button } from './button.js';
 const buttonSizeByIconSize = {
     xs: 'icon-xs',
     sm: 'icon-sm',
@@ -9,6 +9,6 @@ const buttonSizeByIconSize = {
     lg: 'icon-lg',
 };
 function IconButton({ children, className, disabled, label, loading = false, shape = 'rounded', size = 'default', tooltip, type = 'button', ...props }) {
-    return (_jsx(Button, { "data-slot": "icon-button", "aria-label": label, title: tooltip === true ? label : tooltip || undefined, type: type, size: buttonSizeByIconSize[size], disabled: disabled, loading: loading, className: cn(shape === 'circle' && 'rounded-full', className), ...props, children: children }));
+    return (_jsx(Button, { "data-slot": "icon-button", "aria-label": label, title: tooltip === true ? label : tooltip || undefined, type: type, size: buttonSizeByIconSize[size], disabled: disabled, loading: loading, className: cn(shape === 'circle' && 'rounded-pill', className), ...props, children: children }));
 }
 export { IconButton };

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

@@ -1,78 +1,78 @@
-export * from './accordion';
-export * from './alert';
-export * from './alert-dialog';
-export * from './app-frame';
-export * from './aspect-ratio';
-export * from './avatar';
-export * from './badge';
-export * from './breadcrumb';
-export * from './button';
-export * from './button-group';
-export * from './calendar';
-export * from './card';
-export * from './carousel';
-export * from './chart';
-export * from './checkbox';
-export * from './collapsible';
-export * from './color-well';
-export * from './combobox';
-export * from './command';
-export * from './confirm-dialog';
-export * from './context-menu';
-export * from './dialog';
-export * from './drawer';
-export * from './dropdown-menu';
-export * from './date-field';
-export * from './date-picker';
-export * from './empty';
-export * from './edge-fade';
-export * from './error-boundary-view';
-export * from './field';
-export * from './form';
-export * from './grid';
-export * from './hover-card';
-export * from './icon-button';
-export * from './input';
-export * from './input-group';
-export * from './input-otp';
-export * from './inspector';
-export * from './item';
-export * from './kbd';
-export * from './label';
-export * from './list';
-export * from './menubar';
-export * from './material';
-export * from './message-scroller';
-export * from './navigation-menu';
-export * from './navigation-button-group';
-export * from './notification-dot';
-export * from './number-input';
-export * from './pagination';
-export * from './panel';
-export * from './popover';
-export * from './progress';
-export * from './radio-group';
-export * from './resizable';
-export * from './scroll-area';
-export * from './search-field';
-export * from './select';
-export * from './segmented-control';
-export * from './separator';
-export * from './sheet';
-export * from './sidebar';
-export * from './skeleton';
-export * from './slider';
-export * from './sonner';
-export * from './split-view';
-export * from './spinner';
-export * from './status';
-export * from './switch';
-export * from './table';
-export * from './tabs';
-export * from './textarea';
-export * from './text';
-export * from './toggle';
-export * from './toggle-group';
-export * from './toolbar';
-export * from './tooltip';
+export * from './accordion.js';
+export * from './alert.js';
+export * from './alert-dialog.js';
+export * from './app-frame.js';
+export * from './aspect-ratio.js';
+export * from './avatar.js';
+export * from './badge.js';
+export * from './breadcrumb.js';
+export * from './button.js';
+export * from './button-group.js';
+export * from './calendar.js';
+export * from './card.js';
+export * from './carousel.js';
+export * from './chart.js';
+export * from './checkbox.js';
+export * from './collapsible.js';
+export * from './color-well.js';
+export * from './combobox.js';
+export * from './command.js';
+export * from './confirm-dialog.js';
+export * from './context-menu.js';
+export * from './dialog.js';
+export * from './drawer.js';
+export * from './dropdown-menu.js';
+export * from './date-field.js';
+export * from './date-picker.js';
+export * from './empty.js';
+export * from './edge-fade.js';
+export * from './error-boundary-view.js';
+export * from './field.js';
+export * from './form.js';
+export * from './grid.js';
+export * from './hover-card.js';
+export * from './icon-button.js';
+export * from './input.js';
+export * from './input-group.js';
+export * from './input-otp.js';
+export * from './inspector.js';
+export * from './item.js';
+export * from './kbd.js';
+export * from './label.js';
+export * from './list.js';
+export * from './menubar.js';
+export * from './material.js';
+export * from './message-scroller.js';
+export * from './navigation-menu.js';
+export * from './navigation-button-group.js';
+export * from './notification-dot.js';
+export * from './number-input.js';
+export * from './pagination.js';
+export * from './panel.js';
+export * from './popover.js';
+export * from './progress.js';
+export * from './radio-group.js';
+export * from './resizable.js';
+export * from './scroll-area.js';
+export * from './search-field.js';
+export * from './select.js';
+export * from './segmented-control.js';
+export * from './separator.js';
+export * from './sheet.js';
+export * from './sidebar.js';
+export * from './skeleton.js';
+export * from './slider.js';
+export * from './sonner.js';
+export * from './split-view.js';
+export * from './spinner.js';
+export * from './status.js';
+export * from './switch.js';
+export * from './table.js';
+export * from './tabs.js';
+export * from './textarea.js';
+export * from './text.js';
+export * from './toggle.js';
+export * from './toggle-group.js';
+export * from './toolbar.js';
+export * from './tooltip.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/ui/index.js

@@ -1,77 +1,77 @@
-export * from './accordion';
-export * from './alert';
-export * from './alert-dialog';
-export * from './app-frame';
-export * from './aspect-ratio';
-export * from './avatar';
-export * from './badge';
-export * from './breadcrumb';
-export * from './button';
-export * from './button-group';
-export * from './calendar';
-export * from './card';
-export * from './carousel';
-export * from './chart';
-export * from './checkbox';
-export * from './collapsible';
-export * from './color-well';
-export * from './combobox';
-export * from './command';
-export * from './confirm-dialog';
-export * from './context-menu';
-export * from './dialog';
-export * from './drawer';
-export * from './dropdown-menu';
-export * from './date-field';
-export * from './date-picker';
-export * from './empty';
-export * from './edge-fade';
-export * from './error-boundary-view';
-export * from './field';
-export * from './form';
-export * from './grid';
-export * from './hover-card';
-export * from './icon-button';
-export * from './input';
-export * from './input-group';
-export * from './input-otp';
-export * from './inspector';
-export * from './item';
-export * from './kbd';
-export * from './label';
-export * from './list';
-export * from './menubar';
-export * from './material';
-export * from './message-scroller';
-export * from './navigation-menu';
-export * from './navigation-button-group';
-export * from './notification-dot';
-export * from './number-input';
-export * from './pagination';
-export * from './panel';
-export * from './popover';
-export * from './progress';
-export * from './radio-group';
-export * from './resizable';
-export * from './scroll-area';
-export * from './search-field';
-export * from './select';
-export * from './segmented-control';
-export * from './separator';
-export * from './sheet';
-export * from './sidebar';
-export * from './skeleton';
-export * from './slider';
-export * from './sonner';
-export * from './split-view';
-export * from './spinner';
-export * from './status';
-export * from './switch';
-export * from './table';
-export * from './tabs';
-export * from './textarea';
-export * from './text';
-export * from './toggle';
-export * from './toggle-group';
-export * from './toolbar';
-export * from './tooltip';
+export * from './accordion.js';
+export * from './alert.js';
+export * from './alert-dialog.js';
+export * from './app-frame.js';
+export * from './aspect-ratio.js';
+export * from './avatar.js';
+export * from './badge.js';
+export * from './breadcrumb.js';
+export * from './button.js';
+export * from './button-group.js';
+export * from './calendar.js';
+export * from './card.js';
+export * from './carousel.js';
+export * from './chart.js';
+export * from './checkbox.js';
+export * from './collapsible.js';
+export * from './color-well.js';
+export * from './combobox.js';
+export * from './command.js';
+export * from './confirm-dialog.js';
+export * from './context-menu.js';
+export * from './dialog.js';
+export * from './drawer.js';
+export * from './dropdown-menu.js';
+export * from './date-field.js';
+export * from './date-picker.js';
+export * from './empty.js';
+export * from './edge-fade.js';
+export * from './error-boundary-view.js';
+export * from './field.js';
+export * from './form.js';
+export * from './grid.js';
+export * from './hover-card.js';
+export * from './icon-button.js';
+export * from './input.js';
+export * from './input-group.js';
+export * from './input-otp.js';
+export * from './inspector.js';
+export * from './item.js';
+export * from './kbd.js';
+export * from './label.js';
+export * from './list.js';
+export * from './menubar.js';
+export * from './material.js';
+export * from './message-scroller.js';
+export * from './navigation-menu.js';
+export * from './navigation-button-group.js';
+export * from './notification-dot.js';
+export * from './number-input.js';
+export * from './pagination.js';
+export * from './panel.js';
+export * from './popover.js';
+export * from './progress.js';
+export * from './radio-group.js';
+export * from './resizable.js';
+export * from './scroll-area.js';
+export * from './search-field.js';
+export * from './select.js';
+export * from './segmented-control.js';
+export * from './separator.js';
+export * from './sheet.js';
+export * from './sidebar.js';
+export * from './skeleton.js';
+export * from './slider.js';
+export * from './sonner.js';
+export * from './split-view.js';
+export * from './spinner.js';
+export * from './status.js';
+export * from './switch.js';
+export * from './table.js';
+export * from './tabs.js';
+export * from './textarea.js';
+export * from './text.js';
+export * from './toggle.js';
+export * from './toggle-group.js';
+export * from './toolbar.js';
+export * from './tooltip.js';

package/dist/components/ui/input-group.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { Button } from './button';
+import { Button } from './button.js';
 import { type VariantProps } from 'class-variance-authority';
 declare function InputGroup({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
 declare const inputGroupAddonVariants: (props?: ({
-    align?: "inline-end" | "inline-start" | "block-start" | "block-end" | null | undefined;
+    align?: "inline-start" | "inline-end" | "block-start" | "block-end" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function InputGroupAddon({ className, align, ...props }: React.ComponentProps<'div'> & VariantProps<typeof inputGroupAddonVariants>): import("react/jsx-runtime").JSX.Element;
 declare const inputGroupButtonVariants: (props?: ({