@moldable-ai/ui 0.2.21 → 0.2.24

package/dist/components/ui/status.js

@@ -1,24 +1,25 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Slot } from '@radix-ui/react-slot';
-import { cn } from '../../lib/utils';
+import { cn } from '../../lib/utils.js';
 import { cva } from 'class-variance-authority';
-const statusVariants = cva('inline-flex min-w-0 items-center gap-1.5 text-xs font-medium leading-4', {
+const statusVariants = cva('text-ui-caption inline-flex min-w-0 items-center gap-1.5 font-medium', {
     variants: {
         variant: {
-            neutral: 'text-muted-foreground',
-            success: 'text-success',
-            warning: 'text-warning-foreground',
-            error: 'text-destructive',
-            running: 'text-status-running',
-            pending: 'text-status-pending',
+            info: 'text-info-foreground [&_[data-slot=status-indicator]]:bg-info',
+            neutral: 'text-neutral-foreground [&_[data-slot=status-indicator]]:bg-neutral',
+            success: 'text-success-foreground [&_[data-slot=status-indicator]]:bg-success',
+            warning: 'text-warning-foreground [&_[data-slot=status-indicator]]:bg-warning',
+            error: 'text-destructive [&_[data-slot=status-indicator]]:bg-destructive',
+            running: 'text-success-foreground [&_[data-slot=status-indicator]]:bg-status-running',
+            pending: 'text-pending-foreground [&_[data-slot=status-indicator]]:bg-status-pending',
         },
     },
     defaultVariants: {
         variant: 'neutral',
     },
 });
-const statusDotVariants = cva('size-1.5 shrink-0 rounded-full bg-current', {
+const statusDotVariants = cva('size-1.5 shrink-0 rounded-pill bg-current', {
     variants: {
         animated: {
             true: 'motion-safe:animate-pulse',

package/dist/components/ui/switch.js

@@ -1,8 +1,8 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as SwitchPrimitive from '@radix-ui/react-switch';
-import { cn } from '../../lib/utils';
+import { cn } from '../../lib/utils.js';
 function Switch({ className, size = 'default', ...props }) {
-    return (_jsx(SwitchPrimitive.Root, { "data-slot": "switch", "data-size": size, className: cn('data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 group/switch shadow-xs peer inline-flex shrink-0 items-center rounded-full border border-transparent outline-none transition-all focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-[1.15rem] data-[size=sm]:h-3.5 data-[size=default]:w-8 data-[size=sm]:w-6', className), ...props, children: _jsx(SwitchPrimitive.Thumb, { "data-slot": "switch-thumb", className: cn('bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0 group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3') }) }));
+    return (_jsx(SwitchPrimitive.Root, { "data-slot": "switch", "data-size": size, className: cn('focus-visible:border-ring focus-visible:ring-ring group/switch rounded-pill peer relative inline-flex h-control-xs shrink-0 cursor-pointer items-center border border-transparent bg-transparent outline-none transition-all before:pointer-events-none before:absolute before:left-0 before:top-1/2 before:-translate-y-1/2 before:rounded-pill before:border before:border-transparent before:shadow-xs data-[state=checked]:before:bg-primary data-[state=unchecked]:before:bg-input dark:data-[state=unchecked]:before:bg-input/80 focus-visible:ring-1 disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:w-8 data-[size=default]:before:h-[1.15rem] data-[size=default]:before:w-8 data-[size=sm]:w-6 data-[size=sm]:before:h-3.5 data-[size=sm]:before:w-6', className), ...props, children: _jsx(SwitchPrimitive.Thumb, { "data-slot": "switch-thumb", className: cn('bg-background border-separator-strong shadow-xs dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground rounded-pill pointer-events-none relative z-10 block border ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0 group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3') }) }));
 }
 export { Switch };

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

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

package/dist/components/ui/table.js

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

package/dist/components/ui/tabs.js

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

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

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';
 declare const textVariants: (props?: ({
-    variant?: "small" | "strong" | "large" | "heading1" | "heading2" | "large-strong" | "regular" | "small-strong" | "mini" | "mini-strong" | "mono" | "mono-strong" | "small-mono" | null | undefined;
-    color?: "link" | "destructive" | "secondary" | "inherit" | "disabled" | "success" | "warning" | "primary" | "tertiary" | "accent" | null | undefined;
+    variant?: "small" | "strong" | "regular" | "heading1" | "heading2" | "large" | "large-strong" | "small-strong" | "mini" | "mini-strong" | "mono" | "mono-strong" | "small-mono" | null | undefined;
+    color?: "link" | "disabled" | "destructive" | "secondary" | "inherit" | "success" | "warning" | "primary" | "tertiary" | "accent" | null | undefined;
     align?: "center" | "left" | "right" | null | undefined;
     truncate?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/components/ui/text.js

@@ -1,34 +1,34 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Slot } from '@radix-ui/react-slot';
-import { cn } from '../../lib/utils';
+import { cn } from '../../lib/utils.js';
 import { cva } from 'class-variance-authority';
 const textVariants = cva('min-w-0 text-foreground', {
     variants: {
         variant: {
-            heading1: 'text-2xl font-semibold leading-tight tracking-tight',
-            heading2: 'text-lg font-semibold leading-tight tracking-tight',
-            large: 'text-base font-normal leading-6',
-            'large-strong': 'text-base font-medium leading-6',
-            regular: 'text-[13px] font-normal leading-5',
-            strong: 'text-[13px] font-medium leading-5',
-            small: 'text-xs font-normal leading-4',
-            'small-strong': 'text-xs font-medium leading-4',
-            mini: 'text-[10px] font-normal leading-3',
-            'mini-strong': 'text-[10px] font-medium leading-3',
-            mono: 'font-mono text-[13px] font-normal leading-5',
-            'mono-strong': 'font-mono text-[13px] font-semibold leading-5',
-            'small-mono': 'font-mono text-xs font-normal leading-4',
+            heading1: 'text-ui-display',
+            heading2: 'text-ui-heading',
+            large: 'text-16 font-normal leading-5',
+            'large-strong': 'text-ui-title',
+            regular: 'text-ui-body font-normal',
+            strong: 'text-ui-body font-medium',
+            small: 'text-ui-caption font-normal',
+            'small-strong': 'text-ui-caption font-medium',
+            mini: 'text-11 font-normal leading-3',
+            'mini-strong': 'text-11 font-medium leading-3',
+            mono: 'text-ui-body font-mono font-normal',
+            'mono-strong': 'text-ui-body font-mono font-semibold',
+            'small-mono': 'text-ui-caption font-mono font-normal',
         },
         color: {
-            primary: 'text-foreground',
-            secondary: 'text-muted-foreground',
-            tertiary: 'text-muted-foreground/70',
-            disabled: 'text-muted-foreground/50',
+            primary: 'text-text-primary',
+            secondary: 'text-text-secondary',
+            tertiary: 'text-text-tertiary',
+            disabled: 'text-text-disabled',
             link: 'text-primary',
             accent: 'text-primary',
             destructive: 'text-destructive',
-            success: 'text-success',
+            success: 'text-success-foreground',
             warning: 'text-warning-foreground',
             inherit: 'text-inherit',
         },

package/dist/components/ui/textarea.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from '../../lib/utils';
+import { cn } from '../../lib/utils.js';
 function Textarea({ className, ...props }) {
-    return (_jsx("textarea", { "data-slot": "textarea", className: cn('border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 field-sizing-content shadow-xs flex min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base outline-none transition-[color,box-shadow] focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm', className), ...props }));
+    return (_jsx("textarea", { "data-slot": "textarea", className: cn('border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring aria-invalid:border-destructive dark:bg-input/30 field-sizing-content shadow-xs rounded-control text-16 md:text-ui-body flex min-h-16 w-full border bg-transparent px-3 py-2 outline-none transition-[color,box-shadow] focus-visible:ring-1 disabled:cursor-not-allowed disabled:opacity-50', className), ...props }));
 }
 export { Textarea };

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

@@ -1,6 +1,6 @@
 import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
 import * as React from 'react';
-import { toggleVariants } from './toggle';
+import { toggleVariants } from './toggle.js';
 import { type VariantProps } from 'class-variance-authority';
 declare function ToggleGroup({ className, variant, size, spacing, children, ...props }: React.ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants> & {
     spacing?: number;

package/dist/components/ui/toggle-group.js

@@ -2,21 +2,21 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
 import * as React from 'react';
-import { cn } from '../../lib/utils';
-import { toggleVariants } from './toggle';
+import { cn } from '../../lib/utils.js';
+import { toggleVariants } from './toggle.js';
 const ToggleGroupContext = React.createContext({
     size: 'default',
     variant: 'default',
     spacing: 0,
 });
 function ToggleGroup({ className, variant, size, spacing = 0, children, ...props }) {
-    return (_jsx(ToggleGroupPrimitive.Root, { "data-slot": "toggle-group", "data-variant": variant, "data-size": size, "data-spacing": spacing, style: { '--gap': spacing }, className: cn('group/toggle-group data-[spacing=default]:data-[variant=outline]:shadow-xs flex w-fit items-center gap-[--spacing(var(--gap))] rounded-md', className), ...props, children: _jsx(ToggleGroupContext.Provider, { value: { variant, size, spacing }, children: children }) }));
+    return (_jsx(ToggleGroupPrimitive.Root, { "data-slot": "toggle-group", "data-variant": variant, "data-size": size, "data-spacing": spacing, style: { '--gap': spacing }, className: cn('group/toggle-group data-[spacing=default]:data-[variant=outline]:shadow-xs rounded-control flex w-fit items-center gap-[--spacing(var(--gap))]', className), ...props, children: _jsx(ToggleGroupContext.Provider, { value: { variant, size, spacing }, children: children }) }));
 }
 function ToggleGroupItem({ className, children, variant, size, ...props }) {
     const context = React.useContext(ToggleGroupContext);
     return (_jsx(ToggleGroupPrimitive.Item, { "data-slot": "toggle-group-item", "data-variant": context.variant || variant, "data-size": context.size || size, "data-spacing": context.spacing, className: cn(toggleVariants({
             variant: context.variant || variant,
             size: context.size || size,
-        }), 'w-auto min-w-0 shrink-0 px-3 focus:z-10 focus-visible:z-10', 'data-[spacing=0]:rounded-none data-[spacing=0]:data-[variant=outline]:border-l-0 data-[spacing=0]:shadow-none data-[spacing=0]:first:rounded-l-md data-[spacing=0]:data-[variant=outline]:first:border-l data-[spacing=0]:last:rounded-r-md', className), ...props, children: children }));
+        }), 'w-auto min-w-0 shrink-0 px-3 focus:z-10 focus-visible:z-10', 'data-[spacing=0]:first:rounded-l-control data-[spacing=0]:last:rounded-r-control data-[spacing=0]:rounded-none data-[spacing=0]:data-[variant=outline]:border-l-0 data-[spacing=0]:shadow-none data-[spacing=0]:data-[variant=outline]:first:border-l', className), ...props, children: children }));
 }
 export { ToggleGroup, ToggleGroupItem };

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

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';
 declare const toggleVariants: (props?: ({
     variant?: "default" | "outline" | "filled" | null | undefined;
-    size?: "default" | "xs" | "sm" | "lg" | null | undefined;
+    size?: "default" | "sm" | "xs" | "lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type ToggleProps = React.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>;
 declare function Toggle({ className, variant, size, ...props }: ToggleProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/toggle.js

@@ -1,9 +1,9 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as TogglePrimitive from '@radix-ui/react-toggle';
-import { cn } from '../../lib/utils';
+import { cn } from '../../lib/utils.js';
 import { cva } from 'class-variance-authority';
-const toggleVariants = cva("inline-flex cursor-pointer items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-control-hover disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 data-[state=on]:bg-control-selected data-[state=on]:text-control-selected-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[background-color,color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap", {
+const toggleVariants = cva("inline-flex cursor-pointer items-center justify-center gap-2 rounded-control text-ui-body font-medium hover:bg-control-hover active:bg-control-pressed disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 data-[state=on]:bg-control-selected data-[state=on]:text-control-selected-foreground data-[state=on]:hover:bg-control-hover data-[state=on]:active:bg-control-pressed [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring focus-visible:ring-1 outline-none transition-[background-color,color,box-shadow] aria-invalid:border-destructive whitespace-nowrap", {
     variants: {
         variant: {
             default: 'bg-transparent',
@@ -11,10 +11,10 @@ const toggleVariants = cva("inline-flex cursor-pointer items-center justify-cent
             filled: 'bg-muted/70 text-foreground shadow-xs',
         },
         size: {
-            xs: 'h-6 min-w-6 gap-1 px-1.5 text-xs [&_svg:not([class*="size-"])]:size-3',
-            default: 'h-9 px-2 min-w-9',
-            sm: 'h-8 px-1.5 min-w-8',
-            lg: 'h-10 px-2.5 min-w-10',
+            xs: 'h-control-xs min-w-control-xs gap-1 px-1.5 text-ui-caption [&_svg:not([class*="size-"])]:size-3',
+            default: 'h-control-md min-w-control-md px-2',
+            sm: 'h-control-sm min-w-control-sm px-1.5',
+            lg: 'h-control-lg min-w-control-lg px-2.5',
         },
     },
     defaultVariants: {
@@ -26,10 +26,10 @@ function Toggle({ className, variant, size, ...props }) {
     return (_jsx(TogglePrimitive.Root, { "data-slot": "toggle", className: cn(toggleVariants({ variant, size, className })), ...props }));
 }
 const iconOnlySizeClasses = {
-    xs: 'size-6 min-w-6 p-0',
-    sm: 'size-8 min-w-8 p-0',
-    default: 'size-9 min-w-9 p-0',
-    lg: 'size-10 min-w-10 p-0',
+    xs: 'size-control-xs min-w-control-xs p-0',
+    sm: 'size-control-sm min-w-control-sm p-0',
+    default: 'size-control-md min-w-control-md p-0',
+    lg: 'size-control-lg min-w-control-lg p-0',
 };
 function ToggleButton({ className, iconOnly = false, size = 'default', ...props }) {
     return (_jsx(Toggle, { "data-slot": "toggle-button", "data-icon-only": iconOnly || undefined, size: size, className: cn(iconOnly && iconOnlySizeClasses[size ?? 'default'], className), ...props }));

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

@@ -1,13 +1,13 @@
 import * as React from 'react';
-import type { MaterialVariant } from './material';
-import { Separator } from './separator';
-import { Text } from './text';
+import type { MaterialVariant } from './material.js';
+import { Separator } from './separator.js';
+import { Text } from './text.js';
 import { type VariantProps } from 'class-variance-authority';
 declare const toolbarVariants: (props?: ({
-    variant?: "default" | "plain" | "panel" | null | undefined;
-    material?: "regular" | "clear" | "none" | null | undefined;
-    density?: "default" | "compact" | "comfortable" | null | undefined;
-    position?: "static" | "top" | "bottom" | null | undefined;
+    variant?: "default" | "panel" | "plain" | null | undefined;
+    material?: "regular" | "none" | "clear" | null | undefined;
+    density?: "compact" | "default" | "comfortable" | null | undefined;
+    position?: "top" | "bottom" | "static" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface ToolbarProps extends React.ComponentProps<'header'>, VariantProps<typeof toolbarVariants> {
     /**

package/dist/components/ui/toolbar.js

@@ -1,10 +1,10 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from '../../lib/utils';
-import { Separator } from './separator';
-import { Text } from './text';
+import { cn } from '../../lib/utils.js';
+import { Separator } from './separator.js';
+import { Text } from './text.js';
 import { cva } from 'class-variance-authority';
-const toolbarVariants = cva('z-20 flex w-full shrink-0 items-center gap-2 px-3', {
+const toolbarVariants = cva('z-20 flex min-h-toolbar w-full shrink-0 items-center gap-control-gap px-control-inline', {
     variants: {
         variant: {
             default: 'border-border/70 border-b',
@@ -17,9 +17,9 @@ const toolbarVariants = cva('z-20 flex w-full shrink-0 items-center gap-2 px-3',
             none: '',
         },
         density: {
-            compact: 'min-h-8 py-1',
-            default: 'min-h-10 py-1.5',
-            comfortable: 'min-h-12 py-2',
+            compact: 'py-1',
+            default: 'py-1.5',
+            comfortable: 'py-2',
         },
         position: {
             static: '',

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

@@ -1,7 +1,7 @@
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import * as React from 'react';
-import { KbdGroup } from './kbd';
-import { type MaterialVariant } from './material';
+import { KbdGroup } from './kbd.js';
+import { type MaterialVariant } from './material.js';
 declare function TooltipProvider({ delayDuration, skipDelayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): import("react/jsx-runtime").JSX.Element;
 declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/tooltip.js

@@ -1,9 +1,9 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
-import { cn } from '../../lib/utils';
-import { KbdGroup } from './kbd';
-import { Material } from './material';
+import { cn } from '../../lib/utils.js';
+import { KbdGroup } from './kbd.js';
+import { Material } from './material.js';
 function TooltipProvider({ delayDuration = 500, skipDelayDuration = 300, ...props }) {
     return (_jsx(TooltipPrimitive.Provider, { "data-slot": "tooltip-provider", delayDuration: delayDuration, skipDelayDuration: skipDelayDuration, ...props }));
 }
@@ -14,9 +14,9 @@ function TooltipTrigger({ ...props }) {
     return _jsx(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
 }
 function TooltipContent({ className, material = 'regular', sideOffset = 0, children, ...props }) {
-    return (_jsx(TooltipPrimitive.Portal, { children: _jsx(Material, { variant: material, elevation: "overlay", asChild: true, children: _jsxs(TooltipPrimitive.Content, { "data-slot": "tooltip-content", sideOffset: sideOffset, className: cn('text-popover-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95', 'data-[side=bottom]:slide-in-from-top-1 data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1 data-[side=top]:slide-in-from-bottom-1', 'origin-(--radix-tooltip-content-transform-origin) z-50 flex w-fit max-w-80 items-center text-balance px-2.5 py-1.5 text-xs duration-[var(--motion-duration-fast)]', className), ...props, children: [children, _jsx(TooltipPrimitive.Arrow, { className: "fill-surface-overlay z-50" })] }) }) }));
+    return (_jsx(TooltipPrimitive.Portal, { children: _jsx(Material, { variant: material, elevation: "overlay", asChild: true, children: _jsxs(TooltipPrimitive.Content, { "data-slot": "tooltip-content", sideOffset: sideOffset, className: cn('text-popover-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95', 'data-[side=bottom]:slide-in-from-top-1 data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1 data-[side=top]:slide-in-from-bottom-1', 'origin-(--radix-tooltip-content-transform-origin) text-ui-caption z-50 flex w-fit max-w-80 items-center text-balance px-2.5 py-1.5 duration-[var(--motion-duration-fast)]', className), ...props, children: [children, _jsx(TooltipPrimitive.Arrow, { className: "fill-surface-overlay z-50" })] }) }) }));
 }
 function TooltipShortcut({ className, ...props }) {
-    return (_jsx(KbdGroup, { "data-slot": "tooltip-shortcut", className: cn('ml-2 text-[0.625rem] opacity-70', className), ...props }));
+    return (_jsx(KbdGroup, { "data-slot": "tooltip-shortcut", className: cn('text-11 ml-2 opacity-70', className), ...props }));
 }
 export { Tooltip, TooltipContent, TooltipProvider, TooltipShortcut, TooltipTrigger, };

package/dist/index.d.ts

@@ -1,16 +1,22 @@
-export { cn } from './lib/utils';
-export { ThemeProvider, useTheme, themeScript, type Theme } from './lib/theme';
-export { WorkspaceProvider, useWorkspace, WORKSPACE_HEADER, } from './lib/workspace';
-export { useMoldableCommands, useMoldableCommand, useMoldableAppCommands, useMoldableNavigationPop, useMoldableNavigationState, isInMoldable, sendToMoldable, pushMoldableNavigation, popMoldableNavigation, resetMoldableNavigation, downloadFile, publishMoldableArtifact, setMoldableWindowFullscreen, type AppCommand, type CommandAction, type CommandsResponse, type CommandMessage, type MoldableNavigationEntry, type MoldableNavigationPopMessage, type MoldableNavigationStateMessage, type DownloadFileOptions, type MoldableArtifactFile, type MoldableArtifactPublishOptions, type MoldableArtifactPublishResult, type MoldableWindowFullscreenMode, type MoldableWindowFullscreenOptions, type MoldableWindowFullscreenResult, type MoldableWindowFullscreenMessage, type MoldableWindowFullscreenResultMessage, } from './lib/commands';
-export * from './lib/native-capabilities';
-export * from './components/ui';
-export * from './components/native-capabilities';
-export { TODAY_KIND_RANK, TODAY_KIND_TTL_MS, makeTodayItem, type TodayItem, type TodayItemKind, type TodaySurface, type TodayAction, type TodayResponse, type ResumeState, type HydratedTodayItem, type HydratedResume, } from './lib/today';
-export { useIsMobile } from './hooks/use-mobile';
-export { Markdown } from './components/markdown';
-export { RichMediaPlayer, type RichMediaPlayerProps, } from './components/rich-media-player';
-export { CodeBlock } from './components/code-block';
-export { AppErrorBoundary, type AppErrorSource, } from './components/app-error-boundary';
-export { installMoldableFrameLifecycle } from './lib/frame-lifecycle';
-export * from './components/chat';
+export { cn } from './lib/utils.js';
+export { ThemeProvider, useTheme, themeScript, type Theme } from './lib/theme.js';
+export { WorkspaceProvider, useWorkspace, WORKSPACE_HEADER, } from './lib/workspace.js';
+export { useMoldableCommands, useMoldableCommand, useMoldableAppCommands, useMoldableNavigationPop, useMoldableNavigationState, isInMoldable, sendToMoldable, pushMoldableNavigation, popMoldableNavigation, resetMoldableNavigation, downloadFile, publishMoldableArtifact, setMoldableWindowFullscreen, type AppCommand, type CommandAction, type CommandsResponse, type CommandMessage, type MoldableNavigationEntry, type MoldableNavigationPopMessage, type MoldableNavigationStateMessage, type DownloadFileOptions, type MoldableArtifactFile, type MoldableArtifactPublishOptions, type MoldableArtifactPublishResult, type MoldableWindowFullscreenMode, type MoldableWindowFullscreenOptions, type MoldableWindowFullscreenResult, type MoldableWindowFullscreenMessage, type MoldableWindowFullscreenResultMessage, } from './lib/commands.js';
+export * from './lib/native-capabilities/index.js';
+export * from './components/ui/index.js';
+export * from './components/native-capabilities/index.js';
+export { TODAY_KIND_RANK, TODAY_KIND_TTL_MS, makeTodayItem, type TodayItem, type TodayItemKind, type TodaySurface, type TodayAction, type TodayResponse, type ResumeState, type HydratedTodayItem, type HydratedResume, } from './lib/today.js';
+export { useIsMobile } from './hooks/use-mobile.js';
+export { Markdown } from './components/markdown.js';
+export { RichMediaPlayer, type RichMediaPlayerProps, } from './components/rich-media-player.js';
+export { CodeBlock } from './components/code-block.js';
+export { AppErrorBoundary, type AppErrorSource, } from './components/app-error-boundary.js';
+export { getMoldableHostServices, installMoldableFrameLifecycle, type MoldableHostServiceCapabilities, type MoldableHostServicesAdvertisement, } from './lib/frame-lifecycle.js';
+export { HostServiceRequestError, isHostServiceAvailable, requestHostService, type HostServiceRequestOptions, type HostServiceResponseStatus, } from './lib/host-services.js';
+export { pickDateTimeWithHost, useHostDateTimePicker, type HostDateTimePicker, type HostDateTimePickerAnchorRect, type HostDateTimePickerMode, type HostDateTimePickerOptions, type HostDateTimePickerResult, } from './lib/host-date-time-picker.js';
+export { shareWithHost, useHostShare, type HostShare, type HostShareAnchorRect, type HostShareItem, type HostShareOptions, type HostShareResult, } from './lib/host-share.js';
+export { HOST_NATIVE_MENU_MAX_DEPTH, HOST_NATIVE_MENU_MAX_ITEMS, HOST_NATIVE_MENU_MAX_SUBLABEL_LENGTH, HOST_NATIVE_MENU_MAX_TITLE_LENGTH, openNativeMenuWithHost, useHostNativeMenu, type HostNativeMenu, type HostNativeMenuAnchorRect, type HostNativeMenuOptions, type HostNativeMenuPoint, type HostNativeMenuResult, type NativeMenuItem, type NativeMenuItemKind, type NativeMenuShortcut, } from './lib/host-native-menu.js';
+export { openFileDialogWithHost, saveFileDialogWithHost, useHostFileDialog, type HostFileDialog, type HostFileDialogDefaultLocation, type HostFileDialogFilter, type HostOpenFileDialogOptions, type HostOpenFileDialogProperties, type HostOpenFileDialogResult, type HostSaveFileDialogOptions, type HostSaveFileDialogResult, } from './lib/host-file-dialog.js';
+export { useHostWebSurface, type HostWebSurface, type HostWebSurfaceBounds, type HostWebSurfaceNavigationState, type HostWebSurfaceNavigationSubscriber, } from './lib/host-web-surface.js';
+export * from './components/chat/index.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAA;AAGhC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,KAAK,EAAE,MAAM,aAAa,CAAA;AAG9E,OAAO,EACL,iBAAiB,EACjB,YAAY,EACZ,gBAAgB,GACjB,MAAM,iBAAiB,CAAA;AAGxB,OAAO,EACL,mBAAmB,EACnB,kBAAkB,EAClB,sBAAsB,EACtB,wBAAwB,EACxB,0BAA0B,EAC1B,YAAY,EACZ,cAAc,EACd,sBAAsB,EACtB,qBAAqB,EACrB,uBAAuB,EACvB,YAAY,EACZ,uBAAuB,EACvB,2BAA2B,EAC3B,KAAK,UAAU,EACf,KAAK,aAAa,EAClB,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACnB,KAAK,uBAAuB,EAC5B,KAAK,4BAA4B,EACjC,KAAK,8BAA8B,EACnC,KAAK,mBAAmB,EACxB,KAAK,oBAAoB,EACzB,KAAK,8BAA8B,EACnC,KAAK,6BAA6B,EAClC,KAAK,4BAA4B,EACjC,KAAK,+BAA+B,EACpC,KAAK,8BAA8B,EACnC,KAAK,+BAA+B,EACpC,KAAK,qCAAqC,GAC3C,MAAM,gBAAgB,CAAA;AAGvB,cAAc,2BAA2B,CAAA;AAGzC,cAAc,iBAAiB,CAAA;AAG/B,cAAc,kCAAkC,CAAA;AAGhD,OAAO,EACL,eAAe,EACf,iBAAiB,EACjB,aAAa,EACb,KAAK,SAAS,EACd,KAAK,aAAa,EAClB,KAAK,YAAY,EACjB,KAAK,WAAW,EAChB,KAAK,aAAa,EAClB,KAAK,WAAW,EAChB,KAAK,iBAAiB,EACtB,KAAK,cAAc,GACpB,MAAM,aAAa,CAAA;AAGpB,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAGhD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,GAC1B,MAAM,gCAAgC,CAAA;AAGvC,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AAGnD,OAAO,EACL,gBAAgB,EAChB,KAAK,cAAc,GACpB,MAAM,iCAAiC,CAAA;AAGxC,OAAO,EAAE,6BAA6B,EAAE,MAAM,uBAAuB,CAAA;AAGrE,cAAc,mBAAmB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -1,29 +1,36 @@
 // Export utilities
-export { cn } from './lib/utils';
+export { cn } from './lib/utils.js';
 // Export theme
-export { ThemeProvider, useTheme, themeScript } from './lib/theme';
+export { ThemeProvider, useTheme, themeScript } from './lib/theme.js';
 // Export workspace
-export { WorkspaceProvider, useWorkspace, WORKSPACE_HEADER, } from './lib/workspace';
+export { WorkspaceProvider, useWorkspace, WORKSPACE_HEADER, } from './lib/workspace.js';
 // Export commands
-export { useMoldableCommands, useMoldableCommand, useMoldableAppCommands, useMoldableNavigationPop, useMoldableNavigationState, isInMoldable, sendToMoldable, pushMoldableNavigation, popMoldableNavigation, resetMoldableNavigation, downloadFile, publishMoldableArtifact, setMoldableWindowFullscreen, } from './lib/commands';
+export { useMoldableCommands, useMoldableCommand, useMoldableAppCommands, useMoldableNavigationPop, useMoldableNavigationState, isInMoldable, sendToMoldable, pushMoldableNavigation, popMoldableNavigation, resetMoldableNavigation, downloadFile, publishMoldableArtifact, setMoldableWindowFullscreen, } from './lib/commands.js';
 // Export typed desktop/native capability APIs
-export * from './lib/native-capabilities';
+export * from './lib/native-capabilities/index.js';
 // Export UI components
-export * from './components/ui';
+export * from './components/ui/index.js';
 // Export native capability components (polished wrappers over lib/native-capabilities)
-export * from './components/native-capabilities';
+export * from './components/native-capabilities/index.js';
 // Export Today contract
-export { TODAY_KIND_RANK, TODAY_KIND_TTL_MS, makeTodayItem, } from './lib/today';
+export { TODAY_KIND_RANK, TODAY_KIND_TTL_MS, makeTodayItem, } from './lib/today.js';
 // Export hooks
-export { useIsMobile } from './hooks/use-mobile';
+export { useIsMobile } from './hooks/use-mobile.js';
 // Export Markdown
-export { Markdown } from './components/markdown';
-export { RichMediaPlayer, } from './components/rich-media-player';
+export { Markdown } from './components/markdown.js';
+export { RichMediaPlayer, } from './components/rich-media-player.js';
 // Export CodeBlock
-export { CodeBlock } from './components/code-block';
+export { CodeBlock } from './components/code-block.js';
 // Export app error boundary
-export { AppErrorBoundary, } from './components/app-error-boundary';
+export { AppErrorBoundary, } from './components/app-error-boundary.js';
 // Export Moldable frame lifecycle
-export { installMoldableFrameLifecycle } from './lib/frame-lifecycle';
+export { getMoldableHostServices, installMoldableFrameLifecycle, } from './lib/frame-lifecycle.js';
+// Export the host-owned native service envelope
+export { HostServiceRequestError, isHostServiceAvailable, requestHostService, } from './lib/host-services.js';
+export { pickDateTimeWithHost, useHostDateTimePicker, } from './lib/host-date-time-picker.js';
+export { shareWithHost, useHostShare, } from './lib/host-share.js';
+export { HOST_NATIVE_MENU_MAX_DEPTH, HOST_NATIVE_MENU_MAX_ITEMS, HOST_NATIVE_MENU_MAX_SUBLABEL_LENGTH, HOST_NATIVE_MENU_MAX_TITLE_LENGTH, openNativeMenuWithHost, useHostNativeMenu, } from './lib/host-native-menu.js';
+export { openFileDialogWithHost, saveFileDialogWithHost, useHostFileDialog, } from './lib/host-file-dialog.js';
+export { useHostWebSurface, } from './lib/host-web-surface.js';
 // Export chat components
-export * from './components/chat';
+export * from './components/chat/index.js';

package/dist/lib/frame-lifecycle.d.ts

@@ -4,6 +4,25 @@ export interface MoldableChatStateMessage {
     minimized?: boolean;
     safePadding?: unknown;
 }
+export type MoldableHostServiceCapabilities = {
+    share?: {
+        items: Array<'text' | 'url' | 'fileReference'>;
+    };
+    dateTimePicker?: {
+        modes: Array<'date' | 'time' | 'datetime'>;
+    };
+    nativeMenu?: {
+        maxDepth: number;
+        maxItems: number;
+    };
+    fileDialog?: {
+        modes: Array<'open' | 'save'>;
+    };
+} & Record<string, Record<string, unknown> | undefined>;
+export interface MoldableHostServicesAdvertisement {
+    version: 1;
+    services: MoldableHostServiceCapabilities;
+}
 export interface MoldableHostContextMessage {
     type: 'moldable:host-context';
     version: 1;
@@ -11,6 +30,11 @@ export interface MoldableHostContextMessage {
     titlebar?: 'host' | 'app';
     platform?: 'macos' | 'windows' | 'linux' | 'unknown';
     windowId?: string;
+    nativeMaterial?: {
+        regions?: {
+            sidebar?: unknown;
+        };
+    };
     safeInsets?: {
         top?: unknown;
         inlineStart?: unknown;
@@ -25,7 +49,32 @@ export interface MoldableHostContextMessage {
         presentation?: 'hidden' | 'docked' | 'expanded' | 'minimized';
         safePadding?: unknown;
     };
+    hostServices?: unknown;
+}
+export declare const MOLDABLE_NAVIGATION_CHORD_ALLOWLIST: readonly [{
+    readonly chord: "back";
+    readonly code: "BracketLeft";
+    readonly metaKey: true;
+    readonly altKey: false;
+    readonly ctrlKey: false;
+    readonly shiftKey: false;
+}];
+export declare const MOLDABLE_MATERIAL_REGION_CHANGE_EVENT = "moldable:material-region-change";
+export declare const MOLDABLE_MATERIAL_REGION_MESSAGE_TYPE = "moldable:material-region";
+export declare const MOLDABLE_MATERIAL_REGION_ACK_TYPE = "moldable:material-region-ack";
+export declare const MOLDABLE_SIDEBAR_REGION_WIDTH_PROPERTY = "--moldable-material-region-sidebar-width";
+export interface MoldableMaterialRegionAck {
+    type: typeof MOLDABLE_MATERIAL_REGION_ACK_TYPE;
+    regionId: string;
+    role: 'sidebar';
+    side: 'leading';
+    active: boolean;
+    width?: number;
 }
+export declare function getMoldableHostServices(): MoldableHostServicesAdvertisement | undefined;
+export declare function applyMoldableMaterialRegionAck(value: unknown): boolean;
 export declare function applyMoldableChatSafePadding(safePadding: unknown): boolean;
+export declare function applyMoldableHostContext(message: MoldableHostContextMessage): void;
+export declare function installMoldableNavigationChordLifecycle(): () => void;
 export declare function installMoldableFrameLifecycle(): void;
 //# sourceMappingURL=frame-lifecycle.d.ts.map

package/dist/lib/frame-lifecycle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"frame-lifecycle.d.ts","sourceRoot":"","sources":["../../src/lib/frame-lifecycle.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,qBAAqB,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED,MAAM,WAAW,0BAA0B;IACzC,IAAI,EAAE,uBAAuB,CAAA;IAC7B,OAAO,EAAE,CAAC,CAAA;IACV,WAAW,EAAE,UAAU,GAAG,QAAQ,CAAA;IAClC,QAAQ,CAAC,EAAE,MAAM,GAAG,KAAK,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAA;IACpD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE;QACX,GAAG,CAAC,EAAE,OAAO,CAAA;QACb,WAAW,CAAC,EAAE,OAAO,CAAA;QACrB,SAAS,CAAC,EAAE,OAAO,CAAA;QACnB,MAAM,CAAC,EAAE,OAAO,CAAA;QAChB,cAAc,CAAC,EAAE,OAAO,CAAA;QACxB,uBAAuB,CAAC,EAAE,OAAO,CAAA;QACjC,qBAAqB,CAAC,EAAE,OAAO,CAAA;QAC/B,YAAY,CAAC,EAAE,OAAO,CAAA;KACvB,CAAA;IACD,IAAI,CAAC,EAAE;QACL,YAAY,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,WAAW,CAAA;QAC7D,WAAW,CAAC,EAAE,OAAO,CAAA;KACtB,CAAA;CACF;AAwBD,wBAAgB,4BAA4B,CAAC,WAAW,EAAE,OAAO,GAAG,OAAO,CAa1E;AAwID,wBAAgB,6BAA6B,IAAI,IAAI,CAcpD"}
+{"version":3,"file":"frame-lifecycle.d.ts","sourceRoot":"","sources":["../../src/lib/frame-lifecycle.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,qBAAqB,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED,MAAM,MAAM,+BAA+B,GAAG;IAC5C,KAAK,CAAC,EAAE;QACN,KAAK,EAAE,KAAK,CAAC,MAAM,GAAG,KAAK,GAAG,eAAe,CAAC,CAAA;KAC/C,CAAA;IACD,cAAc,CAAC,EAAE;QACf,KAAK,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC,CAAA;KAC3C,CAAA;IACD,UAAU,CAAC,EAAE;QACX,QAAQ,EAAE,MAAM,CAAA;QAChB,QAAQ,EAAE,MAAM,CAAA;KACjB,CAAA;IACD,UAAU,CAAC,EAAE;QACX,KAAK,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;KAC9B,CAAA;CACF,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,CAAC,CAAA;AAEvD,MAAM,WAAW,iCAAiC;IAChD,OAAO,EAAE,CAAC,CAAA;IACV,QAAQ,EAAE,+BAA+B,CAAA;CAC1C;AAED,MAAM,WAAW,0BAA0B;IACzC,IAAI,EAAE,uBAAuB,CAAA;IAC7B,OAAO,EAAE,CAAC,CAAA;IACV,WAAW,EAAE,UAAU,GAAG,QAAQ,CAAA;IAClC,QAAQ,CAAC,EAAE,MAAM,GAAG,KAAK,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAA;IACpD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,cAAc,CAAC,EAAE;QACf,OAAO,CAAC,EAAE;YACR,OAAO,CAAC,EAAE,OAAO,CAAA;SAClB,CAAA;KACF,CAAA;IACD,UAAU,CAAC,EAAE;QACX,GAAG,CAAC,EAAE,OAAO,CAAA;QACb,WAAW,CAAC,EAAE,OAAO,CAAA;QACrB,SAAS,CAAC,EAAE,OAAO,CAAA;QACnB,MAAM,CAAC,EAAE,OAAO,CAAA;QAChB,cAAc,CAAC,EAAE,OAAO,CAAA;QACxB,uBAAuB,CAAC,EAAE,OAAO,CAAA;QACjC,qBAAqB,CAAC,EAAE,OAAO,CAAA;QAC/B,YAAY,CAAC,EAAE,OAAO,CAAA;KACvB,CAAA;IACD,IAAI,CAAC,EAAE;QACL,YAAY,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,WAAW,CAAA;QAC7D,WAAW,CAAC,EAAE,OAAO,CAAA;KACtB,CAAA;IACD,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB;AASD,eAAO,MAAM,mCAAmC;;;;;;;EAStC,CAAA;AAoBV,eAAO,MAAM,qCAAqC,oCACf,CAAA;AACnC,eAAO,MAAM,qCAAqC,6BAA6B,CAAA;AAC/E,eAAO,MAAM,iCAAiC,iCAAiC,CAAA;AAC/E,eAAO,MAAM,sCAAsC,6CACP,CAAA;AAE5C,MAAM,WAAW,yBAAyB;IACxC,IAAI,EAAE,OAAO,iCAAiC,CAAA;IAC9C,QAAQ,EAAE,MAAM,CAAA;IAChB,IAAI,EAAE,SAAS,CAAA;IACf,IAAI,EAAE,SAAS,CAAA;IACf,MAAM,EAAE,OAAO,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAgCD,wBAAgB,uBAAuB,IACnC,iCAAiC,GACjC,SAAS,CAEZ;AA2BD,wBAAgB,8BAA8B,CAAC,KAAK,EAAE,OAAO,GAAG,OAAO,CA6DtE;AAED,wBAAgB,4BAA4B,CAAC,WAAW,EAAE,OAAO,GAAG,OAAO,CAa1E;AAsBD,wBAAgB,wBAAwB,CACtC,OAAO,EAAE,0BAA0B,GAClC,IAAI,CA6CN;AA8DD,wBAAgB,uCAAuC,IAAI,MAAM,IAAI,CAuBpE;AAqCD,wBAAgB,6BAA6B,IAAI,IAAI,CAepD"}