entasis 0.4.0 → 0.5.0

package/dist/components/AITool/aiTool.mcp.d.ts

@@ -1 +1 @@
-export declare const aiToolDescription = "\n# AITool\n\nRender one AI tool call or one collapsible group of consecutive calls. Non-empty `tools` takes precedence over `tool`. Missing statuses are inferred from output and errors, while arbitrary values use circular-safe depth and entry limits.\n\nExpanded call/group IDs use bindable `value`, initial `defaultValue`, and `onValueChange(value)`. The callback fires once for each user expansion change; parent prop updates stay silent. Nested rows inside a grouped call keep their own expansion state.\n\n```svelte\n<script lang=\"ts\">\n  import { AITool, type AIToolCall } from './index.ts';\n\n  const tools: AIToolCall[] = [\n    { id: 'search', name: 'search_docs', input: { query: 'Svelte' }, output: { count: 4 } },\n    { id: 'read', name: 'read_page', status: 'running', input: { path: '/docs' } }\n  ];\n  let open = $state(['search']);\n</script>\n\n<AITool {tools} bind:value={open} multiple />\n```\n\nUse `icon`, `title`, `status`, `input`, `output`, `error`, or `content` snippets with a `{ tool, index }` payload. Default value panels use the existing Entasis ScrollArea and are capped vertically while supporting both scroll axes.\n\nDefault status is represented by the semantic left indicator: a spinner for active calls and a dot for settled calls. Use the `status` snippet only when a visible custom status treatment is required.\n\nDefault input and output sections use compact sign-in and sign-out icons. Their configured labels remain available to assistive technology and on hover.\n\nUse `toggleIcon=\"none\"` for the default minimal trigger, `chevron` for a rotating disclosure icon, or `plus-minus` for plus/minus expansion controls. The choice applies to both group and child triggers.\n\nThe default `ghost` variant renders an unframed tool call. Use `card` for an elevated surface, `outline` for a transparent bounded surface, or `soft` for a subtle status-aware tint. Group triggers keep intrinsic width independently from their expanded call content, while each child call receives the same variant around its complete row and panel.\n";
+export declare const aiToolDescription = "\n# AITool\n\nRender one AI tool call or one collapsible group of consecutive calls. Non-empty `tools` takes precedence over `tool`. Missing statuses are inferred from output and errors, while arbitrary values use circular-safe depth and entry limits.\n\nExpanded call/group IDs use bindable `value`, initial `defaultValue`, and `onValueChange(value)`. The callback fires once for each user expansion change; parent prop updates stay silent. Nested rows inside a grouped call keep their own expansion state.\n\n```svelte\n<script lang=\"ts\">\n  import { AITool, type AIToolCall } from './index.ts';\n\n  const tools: AIToolCall[] = [\n    { id: 'search', name: 'search_docs', input: { query: 'Svelte' }, output: { count: 4 } },\n    { id: 'read', name: 'read_page', status: 'running', input: { path: '/docs' } }\n  ];\n  let open = $state(['search']);\n</script>\n\n<AITool {tools} bind:value={open} multiple />\n```\n\nUse `icon`, `title`, `status`, `input`, `output`, `error`, or `content` snippets with a `{ tool, index }` payload. Default value panels use the existing Entasis ScrollArea and are capped vertically while supporting both scroll axes.\n\nDefault status is a bare mark on the left, no badge: a spinner for active calls and a coloured dot for settled calls (info while running, success, danger, muted when cancelled). Use the `status` snippet only when a visible custom status treatment is required.\n\nDefault input and output sections use compact sign-in and sign-out icons. Their configured labels remain available to assistive technology and on hover.\n\nUse `toggleIcon=\"none\"` for the default minimal trigger, `chevron` for a rotating disclosure icon, or `plus-minus` for plus/minus expansion controls. The choice applies to both group and child triggers.\n\nThe default `ghost` variant renders an unframed tool call. Use `card` for an elevated surface, `outline` for a transparent bounded surface, or `soft` for a subtle status-aware tint. Group triggers keep intrinsic width independently from their expanded call content, while each child call receives the same variant around its complete row and panel.\n";

package/dist/components/AITool/aiTool.mcp.js

@@ -21,7 +21,7 @@ Expanded call/group IDs use bindable \`value\`, initial \`defaultValue\`, and \`
 
 Use \`icon\`, \`title\`, \`status\`, \`input\`, \`output\`, \`error\`, or \`content\` snippets with a \`{ tool, index }\` payload. Default value panels use the existing Entasis ScrollArea and are capped vertically while supporting both scroll axes.
 
-Default status is represented by the semantic left indicator: a spinner for active calls and a dot for settled calls. Use the \`status\` snippet only when a visible custom status treatment is required.
+Default status is a bare mark on the left, no badge: a spinner for active calls and a coloured dot for settled calls (info while running, success, danger, muted when cancelled). Use the \`status\` snippet only when a visible custom status treatment is required.
 
 Default input and output sections use compact sign-in and sign-out icons. Their configured labels remain available to assistive technology and on hover.
 

package/dist/components/AITool/aiTool.theme.d.ts

@@ -339,7 +339,7 @@ export declare const setAIToolTheme: (theme: InferComponentTheme<{
         };
     }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
 }>) => void;
-export declare const useAIToolTheme: (theme?: InferComponentTheme<{
+export declare const useAIToolTheme: import("../../utils/cva/theme.js").UseComponentTheme<{
     root: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
         scope: {
             single: string;
@@ -507,172 +507,4 @@ export declare const useAIToolTheme: (theme?: InferComponentTheme<{
             error: string;
         };
     }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-}> | undefined) => {
-    root: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        scope: {
-            single: string;
-            group: string;
-        };
-        variant: {
-            card: string;
-            ghost: string;
-            outline: string;
-            soft: string;
-        };
-        tone: {
-            active: string;
-            success: string;
-            error: string;
-            cancelled: string;
-            default: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    accordionRoot: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        scope: {
-            single: string;
-            group: string;
-            calls: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    accordionItem: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        scope: {
-            single: string;
-            group: string;
-            calls: string;
-        };
-        variant: {
-            card: string;
-            ghost: string;
-            outline: string;
-            soft: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    accordionHeader: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    accordionTrigger: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        scope: {
-            single: string;
-            group: string;
-            calls: string;
-        };
-        variant: {
-            card: string;
-            ghost: string;
-            outline: string;
-            soft: string;
-        };
-        tone: {
-            active: string;
-            success: string;
-            error: string;
-            cancelled: string;
-            default: string;
-        };
-        toggleIcon: {
-            none: string;
-            chevron: string;
-            'plus-minus': string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    accordionTitle: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    accordionIcon: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    accordionIconWrapper: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    accordionContent: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        scope: {
-            single: string;
-            group: string;
-            calls: string;
-        };
-        variant: {
-            card: string;
-            ghost: string;
-            outline: string;
-            soft: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    title: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    indicator: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        tone: {
-            active: string;
-            success: string;
-            error: string;
-            cancelled: string;
-            default: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    indicatorDot: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    groupIcon: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        tone: {
-            active: string;
-            success: string;
-            error: string;
-            cancelled: string;
-            default: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    name: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    status: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    content: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    groupContent: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        variant: {
-            card: string;
-            ghost: string;
-            outline: string;
-            soft: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    section: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        tone: {
-            default: string;
-            error: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    label: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        kind: {
-            icon: string;
-            text: string;
-        };
-        tone: {
-            default: string;
-            error: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    scrollArea: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        tone: {
-            default: string;
-            error: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    scrollViewport: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    scrollContent: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    scrollScrollbar: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    scrollScrollbarX: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    scrollThumb: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        tone: {
-            default: string;
-            error: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    empty: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    tree: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    treeNode: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    treeBranch: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    treeKey: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    treeSummary: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    treeChildren: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    treeLeaf: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    treeValue: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        kind: {
-            string: string;
-            number: string;
-            boolean: string;
-            null: string;
-            undefined: string;
-            empty: string;
-            unknown: string;
-        };
-        tone: {
-            default: string;
-            error: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-};
+}>;

package/dist/components/AITool/aiTool.theme.js

@@ -153,28 +153,30 @@ const defaultAccordionContent = cva({
     defaultVariants: { variant: 'ghost' }
 });
 const defaultTitle = cva({ base: 'flex min-w-0 flex-1 items-center gap-md text-xs' });
+// Status is a bare mark, no badge: a spinner while the call runs, a dot once it has settled,
+// coloured by outcome. The box is the icon size so rows and the group title line up.
 const defaultIndicator = cva({
-    base: 'flex size-5 shrink-0 items-center justify-center rounded-full border',
+    base: 'flex size-icon-md shrink-0 items-center justify-center',
     variants: {
         tone: {
-            active: 'border-info/30 bg-info/10 text-info-muted-readable',
-            success: 'border-success/30 bg-success/10 text-success-muted-readable',
-            error: 'border-danger/30 bg-danger/10 text-danger-muted-readable',
-            cancelled: 'border-neutral/20 bg-neutral-muted text-neutral-muted-readable',
-            default: 'border-neutral-muted bg-surface-raised text-neutral/70'
+            active: 'text-info',
+            success: 'text-success',
+            error: 'text-danger',
+            cancelled: 'text-neutral/45',
+            default: 'text-neutral/45'
         }
     }
 });
 const defaultIndicatorDot = cva({ base: 'size-1.5 rounded-full bg-current' });
 const defaultGroupIcon = cva({
-    base: 'flex size-5 shrink-0 items-center justify-center rounded-full border',
+    base: 'flex size-icon-md shrink-0 items-center justify-center',
     variants: {
         tone: {
-            active: 'border-info/30 bg-info/10 text-info-muted-readable',
-            success: 'border-success/30 bg-success/10 text-success-muted-readable',
-            error: 'border-danger/30 bg-danger/10 text-danger-muted-readable',
-            cancelled: 'border-neutral/20 bg-neutral-muted text-neutral-muted-readable',
-            default: 'border-neutral-muted bg-surface-raised text-neutral/70'
+            active: 'text-info',
+            success: 'text-success',
+            error: 'text-danger',
+            cancelled: 'text-neutral/45',
+            default: 'text-neutral/45'
         }
     },
     defaultVariants: { tone: 'default' }

package/dist/components/Accordion/accordion.theme.d.ts

@@ -282,7 +282,7 @@ export declare const setAccordionTheme: (theme: InferComponentTheme<{
         };
     }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
 }>) => void;
-export declare const useAccordionTheme: (theme?: InferComponentTheme<{
+export declare const useAccordionTheme: import("../../utils/cva/theme.js").UseComponentTheme<{
     motion: import("../../utils/motion/index.js").MotionResolver<{
         readonly axis: {
             readonly y: {};
@@ -415,140 +415,7 @@ export declare const useAccordionTheme: (theme?: InferComponentTheme<{
             outline: string;
         };
     }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-}> | undefined) => {
-    motion: import("../../utils/motion/index.js").MotionResolver<{
-        readonly axis: {
-            readonly y: {};
-            readonly x: {
-                readonly in: {
-                    readonly axis: "x";
-                };
-                readonly out: {
-                    readonly axis: "x";
-                };
-            };
-        };
-    }>;
-    root: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        size: {
-            small: string;
-            normal: string;
-            large: string;
-        };
-        density: {
-            compact: string;
-            normal: string;
-            comfortable: string;
-        };
-        variant: {
-            classic: string;
-            card: string;
-            outline: string;
-        };
-        splitted: {
-            true: string;
-            false: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    item: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        size: {
-            small: string;
-            normal: string;
-            large: string;
-        };
-        density: {
-            compact: string;
-            normal: string;
-            comfortable: string;
-        };
-        variant: {
-            classic: string;
-            card: string;
-            outline: string;
-        };
-        splitted: {
-            true: string;
-            false: string;
-        };
-        expanded: {
-            true: string;
-            false: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    header: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        size: {
-            small: string;
-            normal: string;
-            large: string;
-        };
-        density: {
-            compact: string;
-            normal: string;
-            comfortable: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    trigger: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        size: {
-            small: string;
-            normal: string;
-            large: string;
-        };
-        density: {
-            compact: string;
-            normal: string;
-            comfortable: string;
-        };
-        variant: {
-            classic: string;
-            card: string;
-            outline: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    title: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        size: {
-            small: string;
-            normal: string;
-            large: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    description: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        size: {
-            small: string;
-            normal: string;
-            large: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    icon: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        size: {
-            small: string;
-            normal: string;
-            large: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    iconWrapper: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        expanded: {
-            true: string;
-            false: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    content: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        size: {
-            small: string;
-            normal: string;
-            large: string;
-        };
-        density: {
-            compact: string;
-            normal: string;
-            comfortable: string;
-        };
-        variant: {
-            classic: string;
-            card: string;
-            outline: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-};
+}>;
 export declare const useAccordionMotion: () => import("../../utils/motion/index.js").ComponentMotion<{
     readonly axis: {
         readonly y: {};

package/dist/components/Alert/alert.theme.d.ts

@@ -175,7 +175,7 @@ export declare const setAlertTheme: (theme: InferComponentTheme<{
         };
     }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
 }>) => void;
-export declare const useAlertTheme: (theme?: InferComponentTheme<{
+export declare const useAlertTheme: import("../../utils/cva/theme.js").UseComponentTheme<{
     root: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
         hasIcon: {
             true: string;
@@ -261,90 +261,4 @@ export declare const useAlertTheme: (theme?: InferComponentTheme<{
             soft: string;
         };
     }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-}> | undefined) => {
-    root: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        hasIcon: {
-            true: string;
-            false: string;
-        };
-        color: {
-            primary: string;
-            secondary: string;
-            neutral: string;
-            danger: string;
-            success: string;
-            warning: string;
-            info: string;
-        };
-        variant: {
-            solid: string;
-            outline: string;
-            soft: string;
-        };
-        size: {
-            small: string;
-            normal: string;
-            large: string;
-        };
-        disabled: {
-            true: string;
-            false: null;
-        };
-        hasDescription: {
-            true: string;
-            false: string;
-        };
-        hasTitle: {
-            true: string;
-            false: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    prefix: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        size: {
-            small: string;
-            normal: string;
-            large: string;
-        };
-        variant: {
-            solid: string;
-            outline: string;
-            soft: string;
-        };
-        hasDescription: {
-            true: string;
-            false: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    content: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    title: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        size: {
-            small: string;
-            normal: string;
-            large: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    description: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        size: {
-            small: string;
-            normal: string;
-            large: string;
-        };
-        variant: {
-            solid: string;
-            outline: string;
-            soft: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    close: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        size: {
-            small: string;
-            normal: string;
-            large: string;
-        };
-        variant: {
-            solid: string;
-            outline: string;
-            soft: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-};
+}>;

package/dist/components/AppShell/appShell.theme.d.ts

@@ -67,7 +67,7 @@ export declare const setAppShellTheme: (theme: InferComponentTheme<{
         };
     }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
 }>) => void;
-export declare const useAppShellTheme: (theme?: InferComponentTheme<{
+export declare const useAppShellTheme: import("../../utils/cva/theme.js").UseComponentTheme<{
     root: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
         variant: {
             admin: string;
@@ -99,36 +99,4 @@ export declare const useAppShellTheme: (theme?: InferComponentTheme<{
             right: string;
         };
     }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-}> | undefined) => {
-    root: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        variant: {
-            admin: string;
-            floating: string;
-            inset: string;
-            split: string;
-            framed: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    frame: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        variant: {
-            admin: string;
-            floating: string;
-            inset: string;
-            split: string;
-            framed: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    page: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        variant: {
-            admin: string;
-            floating: string;
-            inset: string;
-            split: string;
-            framed: string;
-        };
-        side: {
-            left: string;
-            right: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-};
+}>;

package/dist/components/AspectRatio/aspectRatio.theme.d.ts

@@ -9,10 +9,7 @@ export declare const setAspectRatioTheme: (theme: InferComponentTheme<{
     root: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
     content: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
 }>) => void;
-export declare const useAspectRatioTheme: (theme?: InferComponentTheme<{
+export declare const useAspectRatioTheme: import("../../utils/cva/theme.js").UseComponentTheme<{
     root: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
     content: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-}> | undefined) => {
-    root: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    content: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-};
+}>;