@cognite/aura 0.3.5 → 1.46104.0

package/dist/components/ui/core/tool/tool.d.ts

@@ -1,22 +1,22 @@
-import { ComponentProps, ForwardRefExoticComponent, RefAttributes } from 'react';
-import { CollapsibleRootProps, CollapsiblePanelProps } from '@base-ui/react';
-import { ToolUIPart } from '../../../../lib/ai/types';
-import { CollapsibleTrigger } from '../collapsible/collapsible';
-declare const Tool: ForwardRefExoticComponent<Omit<CollapsibleRootProps, 'ref'> & RefAttributes<HTMLDivElement>>;
-type ToolHeaderProps = Omit<ComponentProps<typeof CollapsibleTrigger>, 'type'> & {
-    title?: string;
-    type: ToolUIPart['type'];
-    hasError?: boolean;
+import type { ComponentProps, ForwardRefExoticComponent, RefAttributes } from "react";
+import type { CollapsibleRootProps, CollapsiblePanelProps } from "@base-ui/react";
+import type { ToolUIPart } from "../../../../lib/ai/types";
+import { CollapsibleTrigger } from "../collapsible/collapsible";
+declare const Tool: ForwardRefExoticComponent<Omit<CollapsibleRootProps, "ref"> & RefAttributes<HTMLDivElement>>;
+type ToolHeaderProps = Omit<ComponentProps<typeof CollapsibleTrigger>, "type"> & {
+	title?: string;
+	type: ToolUIPart["type"];
+	hasError?: boolean;
 };
-declare const ToolHeader: ForwardRefExoticComponent<Omit<ToolHeaderProps, 'ref'> & RefAttributes<HTMLButtonElement>>;
-declare const ToolContent: ForwardRefExoticComponent<Omit<CollapsiblePanelProps, 'ref'> & RefAttributes<HTMLDivElement>>;
-type ToolInputProps = ComponentProps<'div'> & {
-    input: ToolUIPart['input'];
+declare const ToolHeader: ForwardRefExoticComponent<Omit<ToolHeaderProps, "ref"> & RefAttributes<HTMLButtonElement>>;
+declare const ToolContent: ForwardRefExoticComponent<Omit<CollapsiblePanelProps, "ref"> & RefAttributes<HTMLDivElement>>;
+type ToolInputProps = ComponentProps<"div"> & {
+	input: ToolUIPart["input"];
 };
-declare const ToolInput: ForwardRefExoticComponent<Omit<ToolInputProps, 'ref'> & RefAttributes<HTMLDivElement>>;
-type ToolOutputProps = ComponentProps<'div'> & {
-    output: ToolUIPart['output'];
-    errorText: ToolUIPart['errorText'];
+declare const ToolInput: ForwardRefExoticComponent<Omit<ToolInputProps, "ref"> & RefAttributes<HTMLDivElement>>;
+type ToolOutputProps = ComponentProps<"div"> & {
+	output: ToolUIPart["output"];
+	errorText: ToolUIPart["errorText"];
 };
-declare const ToolOutput: ForwardRefExoticComponent<Omit<ToolOutputProps, 'ref'> & RefAttributes<HTMLDivElement>>;
+declare const ToolOutput: ForwardRefExoticComponent<Omit<ToolOutputProps, "ref"> & RefAttributes<HTMLDivElement>>;
 export { Tool, ToolHeader, ToolContent, ToolInput, ToolOutput };

package/dist/components/ui/core/tool/tool.js

@@ -1,127 +1,168 @@
-import { cn as e } from "../../../../lib/utils.js";
-import { Button as t } from "../button/button.js";
-import { CodeBlock as n, CodeBlockCollapseButton as r, CodeBlockCopyButton as i, CodeBlockDownloadButton as a } from "../code-block/code-block.js";
-import { Badge as o } from "../badge/badge.js";
-import { Collapsible as s, CollapsibleContent as c, CollapsibleTrigger as l } from "../collapsible/collapsible.js";
-import { forwardRef as u } from "react";
-import { IconSelector as d } from "@tabler/icons-react";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
-//#region libs/aura/src/components/ui/core/tool/tool.tsx
-var m = u(({ className: t, ...n }, r) => /* @__PURE__ */ f(s, {
-	ref: r,
-	"data-slot": "tool",
-	className: e("group not-prose w-full bg-background rounded-md flex flex-col gap-2", t),
-	...n
-}));
-m.displayName = "Tool";
-var h = u(({ className: e, title: n, type: r, hasError: i = !1, ...a }, s) => /* @__PURE__ */ f(l, {
-	ref: s,
-	"data-slot": "tool-header",
-	className: e,
-	render: /* @__PURE__ */ p(t, {
-		variant: "ghost",
-		className: "w-full justify-between text-base leading-5 tracking-tighter",
-		children: [/* @__PURE__ */ f("span", { children: n ?? r.substring(r.indexOf("-") + 1) }), /* @__PURE__ */ p("div", {
-			className: "flex items-center gap-2",
-			children: [i ? /* @__PURE__ */ f(o, {
-				outline: !0,
-				className: "bg-background text-destructive-foreground border-border",
-				children: "Error"
-			}) : null, /* @__PURE__ */ f(d, { className: "h-4 w-4" })]
-		})]
-	}),
-	...a
-}));
-h.displayName = "ToolHeader";
-var g = u(({ className: t, ...n }, r) => /* @__PURE__ */ f(c, {
-	ref: r,
-	"data-slot": "tool-content",
-	className: e("flex min-h-0 flex-col gap-4 py-3 text-popover-foreground outline-none", t),
-	...n
-}));
-g.displayName = "ToolContent";
-var _ = u(({ className: t, input: o, ...s }, c) => /* @__PURE__ */ p("div", {
-	ref: c,
-	"data-slot": "tool-input",
-	className: e("min-h-0 space-y-2 overflow-x-hidden overflow-y-visible px-3.25", t),
-	...s,
-	children: [/* @__PURE__ */ f("h4", {
-		className: "text-sm font-medium uppercase tracking-wide text-muted-foreground",
-		children: "Parameters"
-	}), /* @__PURE__ */ f("div", {
-		className: "min-h-0 rounded-md bg-muted/50",
-		children: /* @__PURE__ */ p(n, {
-			code: JSON.stringify(o, null, 2),
-			language: "json",
-			collapsed: !0,
-			children: [
-				/* @__PURE__ */ f(i, {}),
-				/* @__PURE__ */ f(a, { fileName: "tool-parameters.json" }),
-				/* @__PURE__ */ f(r, {})
-			]
-		})
-	})]
-}));
-_.displayName = "ToolInput";
-var v = u(({ className: t, output: o, errorText: s, ...c }, l) => {
-	if (o == null && !s) return null;
-	let u = null;
-	return typeof o == "string" ? u = /* @__PURE__ */ p(n, {
-		code: o,
-		language: "json",
-		collapsed: !0,
-		children: [
-			/* @__PURE__ */ f(i, {}),
-			/* @__PURE__ */ f(a, { fileName: "tool-result.json" }),
-			/* @__PURE__ */ f(r, {})
-		]
-	}) : o == null ? u = null : typeof o == "object" ? u = /* @__PURE__ */ p(n, {
-		code: JSON.stringify(o, null, 2),
-		language: "json",
-		collapsed: !0,
-		children: [
-			/* @__PURE__ */ f(i, {}),
-			/* @__PURE__ */ f(a, { fileName: "tool-result.json" }),
-			/* @__PURE__ */ f(r, {})
-		]
-	}) : (typeof o == "number" || typeof o == "boolean" || typeof o == "bigint") && (u = /* @__PURE__ */ p(n, {
-		code: String(o),
-		language: "json",
-		collapsed: !0,
-		children: [
-			/* @__PURE__ */ f(i, {}),
-			/* @__PURE__ */ f(a, { fileName: "tool-result.json" }),
-			/* @__PURE__ */ f(r, {})
-		]
-	})), s ? /* @__PURE__ */ f("div", {
-		ref: l,
-		"data-slot": "tool-output",
-		className: e("space-y-2 px-3.25", t),
-		...c,
-		children: /* @__PURE__ */ p("div", {
-			className: "flex flex-col gap-2 text-sm",
-			children: [/* @__PURE__ */ f("span", {
-				className: "font-medium text-destructive-foreground",
-				children: "ERROR"
-			}), /* @__PURE__ */ f("span", {
-				className: "text-foreground",
-				children: s
-			})]
-		})
-	}) : /* @__PURE__ */ p("div", {
-		ref: l,
-		"data-slot": "tool-output",
-		className: e("space-y-2 px-3.25", t),
-		...c,
-		children: [/* @__PURE__ */ f("h4", {
-			className: "text-sm font-medium uppercase tracking-wide text-muted-foreground",
-			children: "Result"
-		}), /* @__PURE__ */ f("div", {
-			className: "min-h-0 overflow-x-auto rounded-md bg-muted-background/50 text-xs text-foreground [&_table]:w-full",
-			children: u
-		})]
-	});
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { IconSelector } from "@tabler/icons-react";
+import { cn, isJsonString } from "../../../../lib/utils.js";
+import { Badge } from "../badge/badge.js";
+import { Button } from "../button/button.js";
+import { CodeBlock, CodeBlockCollapseButton, CodeBlockCopyButton, CodeBlockDownloadButton } from "../code-block/code-block.js";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../collapsible/collapsible.js";
+const Tool = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ _jsx(Collapsible, {
+        ref: ref,
+        "data-slot": "tool",
+        className: cn('group not-prose w-full bg-card-background rounded-md flex flex-col gap-2', className),
+        ...props
+    }));
+Tool.displayName = 'Tool';
+const ToolHeader = /*#__PURE__*/ forwardRef(({ className, title, type, hasError = false, ...props }, ref)=>/*#__PURE__*/ _jsx(CollapsibleTrigger, {
+        ref: ref,
+        "data-slot": "tool-header",
+        className: className,
+        render: /*#__PURE__*/ _jsxs(Button, {
+            variant: "ghost",
+            className: "w-full justify-between text-base leading-5 tracking-tighter",
+            children: [
+                /*#__PURE__*/ _jsx("span", {
+                    children: title ?? type.substring(type.indexOf('-') + 1)
+                }),
+                /*#__PURE__*/ _jsxs("div", {
+                    className: "flex items-center gap-2",
+                    children: [
+                        hasError ? /*#__PURE__*/ _jsx(Badge, {
+                            outline: true,
+                            className: "bg-card-background text-critical-foreground-strong border-default",
+                            children: "Error"
+                        }) : null,
+                        /*#__PURE__*/ _jsx(IconSelector, {
+                            className: "h-4 w-4"
+                        })
+                    ]
+                })
+            ]
+        }),
+        ...props
+    }));
+ToolHeader.displayName = 'ToolHeader';
+const ToolContent = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ _jsx(CollapsibleContent, {
+        ref: ref,
+        "data-slot": "tool-content",
+        className: cn(/* min-h-0: flex descendants (e.g. CodeBlock max-height) may shrink */ 'flex min-h-0 flex-col gap-4 py-3 text-popover-foreground outline-none', className),
+        ...props
+    }));
+ToolContent.displayName = 'ToolContent';
+const ToolInput = /*#__PURE__*/ forwardRef(({ className, input, ...props }, ref)=>/*#__PURE__*/ _jsxs("div", {
+        ref: ref,
+        "data-slot": "tool-input",
+        className: cn('min-h-0 space-y-2 overflow-x-hidden overflow-y-visible px-3.25', className),
+        ...props,
+        children: [
+            /*#__PURE__*/ _jsx("h4", {
+                className: "text-sm font-medium uppercase tracking-wide text-muted-foreground",
+                children: "Parameters"
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                className: "min-h-0 rounded-md bg-muted/50",
+                children: /*#__PURE__*/ _jsxs(CodeBlock, {
+                    code: JSON.stringify(input, null, 2),
+                    language: "json",
+                    collapsed: true,
+                    children: [
+                        /*#__PURE__*/ _jsx(CodeBlockCopyButton, {}),
+                        /*#__PURE__*/ _jsx(CodeBlockDownloadButton, {
+                            fileName: "tool-parameters.json"
+                        }),
+                        /*#__PURE__*/ _jsx(CodeBlockCollapseButton, {})
+                    ]
+                })
+            })
+        ]
+    }));
+ToolInput.displayName = 'ToolInput';
+const ToolOutput = /*#__PURE__*/ forwardRef(({ className, output, errorText, ...props }, ref)=>{
+    if ((output === null || output === undefined) && !errorText) {
+        return null;
+    }
+    let outputElement = null;
+    if (typeof output === 'string') {
+        outputElement = /*#__PURE__*/ _jsxs(CodeBlock, {
+            code: output,
+            language: isJsonString(output) ? 'json' : 'text',
+            collapsed: true,
+            children: [
+                /*#__PURE__*/ _jsx(CodeBlockCopyButton, {}),
+                /*#__PURE__*/ _jsx(CodeBlockDownloadButton, {
+                    fileName: "tool-result.json"
+                }),
+                /*#__PURE__*/ _jsx(CodeBlockCollapseButton, {})
+            ]
+        });
+    } else if (output === null || output === undefined) {
+        outputElement = null;
+    } else if (typeof output === 'object') {
+        outputElement = /*#__PURE__*/ _jsxs(CodeBlock, {
+            code: JSON.stringify(output, null, 2),
+            language: "json",
+            collapsed: true,
+            children: [
+                /*#__PURE__*/ _jsx(CodeBlockCopyButton, {}),
+                /*#__PURE__*/ _jsx(CodeBlockDownloadButton, {
+                    fileName: "tool-result.json"
+                }),
+                /*#__PURE__*/ _jsx(CodeBlockCollapseButton, {})
+            ]
+        });
+    } else if (typeof output === 'number' || typeof output === 'boolean' || typeof output === 'bigint') {
+        outputElement = /*#__PURE__*/ _jsxs(CodeBlock, {
+            code: String(output),
+            language: "json",
+            collapsed: true,
+            children: [
+                /*#__PURE__*/ _jsx(CodeBlockCopyButton, {}),
+                /*#__PURE__*/ _jsx(CodeBlockDownloadButton, {
+                    fileName: "tool-result.json"
+                }),
+                /*#__PURE__*/ _jsx(CodeBlockCollapseButton, {})
+            ]
+        });
+    }
+    if (errorText) {
+        return /*#__PURE__*/ _jsx("div", {
+            ref: ref,
+            "data-slot": "tool-output",
+            className: cn('space-y-2 px-3.25', className),
+            ...props,
+            children: /*#__PURE__*/ _jsxs("div", {
+                className: "flex flex-col gap-2 text-sm",
+                children: [
+                    /*#__PURE__*/ _jsx("span", {
+                        className: "font-medium text-critical-foreground-strong",
+                        children: "ERROR"
+                    }),
+                    /*#__PURE__*/ _jsx("span", {
+                        className: "text-base-foreground",
+                        children: errorText
+                    })
+                ]
+            })
+        });
+    }
+    return /*#__PURE__*/ _jsxs("div", {
+        ref: ref,
+        "data-slot": "tool-output",
+        className: cn('space-y-2 px-3.25', className),
+        ...props,
+        children: [
+            /*#__PURE__*/ _jsx("h4", {
+                className: "text-sm font-medium uppercase tracking-wide text-muted-foreground",
+                children: "Result"
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                className: "min-h-0 overflow-x-auto rounded-md bg-muted-background/50 text-xs text-base-foreground [&_table]:w-full",
+                children: outputElement
+            })
+        ]
+    });
 });
-v.displayName = "ToolOutput";
-//#endregion
-export { m as Tool, g as ToolContent, h as ToolHeader, _ as ToolInput, v as ToolOutput };
+ToolOutput.displayName = 'ToolOutput';
+export { Tool, ToolHeader, ToolContent, ToolInput, ToolOutput };
+
+//# sourceMappingURL=tool.js.map

package/dist/components/ui/core/tool/tool.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/ui/core/tool/tool.tsx"],"sourcesContent":["import type {\n  ComponentProps,\n  ComponentRef,\n  ForwardRefExoticComponent,\n  ReactNode,\n  RefAttributes,\n} from 'react';\nimport { forwardRef } from 'react';\n\nimport type {\n  CollapsibleRootProps,\n  CollapsiblePanelProps,\n} from '@base-ui/react';\nimport { IconSelector } from '@tabler/icons-react';\n\nimport type { ToolUIPart } from '../../../../lib/ai/types';\nimport type { CodeLanguage } from '../../../../lib/highlight-code';\nimport { cn, isJsonString } from '../../../../lib/utils';\nimport { Badge } from '../badge/badge';\nimport { Button } from '../button/button';\nimport {\n  CodeBlock,\n  CodeBlockCollapseButton,\n  CodeBlockCopyButton,\n  CodeBlockDownloadButton,\n} from '../code-block/code-block';\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from '../collapsible/collapsible';\n\ntype ToolProps = ComponentProps<typeof Collapsible>;\n\nconst Tool: ForwardRefExoticComponent<\n  Omit<CollapsibleRootProps, 'ref'> & RefAttributes<HTMLDivElement>\n> = forwardRef<ComponentRef<typeof Collapsible>, ToolProps>(\n  ({ className, ...props }, ref) => (\n    <Collapsible\n      ref={ref}\n      data-slot=\"tool\"\n      className={cn(\n        'group not-prose w-full bg-card-background rounded-md flex flex-col gap-2',\n        className\n      )}\n      {...props}\n    />\n  )\n);\nTool.displayName = 'Tool';\n\ntype ToolHeaderProps = Omit<\n  ComponentProps<typeof CollapsibleTrigger>,\n  'type'\n> & {\n  title?: string;\n  type: ToolUIPart['type'];\n  hasError?: boolean;\n};\n\nconst ToolHeader: ForwardRefExoticComponent<\n  Omit<ToolHeaderProps, 'ref'> & RefAttributes<HTMLButtonElement>\n> = forwardRef<ComponentRef<typeof CollapsibleTrigger>, ToolHeaderProps>(\n  ({ className, title, type, hasError = false, ...props }, ref) => (\n    <CollapsibleTrigger\n      ref={ref}\n      data-slot=\"tool-header\"\n      className={className}\n      render={\n        <Button\n          variant=\"ghost\"\n          className=\"w-full justify-between text-base leading-5 tracking-tighter\"\n        >\n          <span>{title ?? type.substring(type.indexOf('-') + 1)}</span>\n          <div className=\"flex items-center gap-2\">\n            {hasError ? (\n              <Badge\n                outline\n                className=\"bg-card-background text-critical-foreground-strong border-default\"\n              >\n                Error\n              </Badge>\n            ) : null}\n            <IconSelector className=\"h-4 w-4\" />\n          </div>\n        </Button>\n      }\n      {...props}\n    />\n  )\n);\nToolHeader.displayName = 'ToolHeader';\n\ntype ToolContentProps = ComponentProps<typeof CollapsibleContent>;\n\nconst ToolContent: ForwardRefExoticComponent<\n  Omit<CollapsiblePanelProps, 'ref'> & RefAttributes<HTMLDivElement>\n> = forwardRef<ComponentRef<typeof CollapsibleContent>, ToolContentProps>(\n  ({ className, ...props }, ref) => (\n    <CollapsibleContent\n      ref={ref}\n      data-slot=\"tool-content\"\n      className={cn(\n        /* min-h-0: flex descendants (e.g. CodeBlock max-height) may shrink */\n        'flex min-h-0 flex-col gap-4 py-3 text-popover-foreground outline-none',\n        className\n      )}\n      {...props}\n    />\n  )\n);\nToolContent.displayName = 'ToolContent';\n\ntype ToolInputProps = ComponentProps<'div'> & {\n  input: ToolUIPart['input'];\n};\n\nconst ToolInput: ForwardRefExoticComponent<\n  Omit<ToolInputProps, 'ref'> & RefAttributes<HTMLDivElement>\n> = forwardRef<HTMLDivElement, ToolInputProps>(\n  ({ className, input, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot=\"tool-input\"\n      className={cn(\n        'min-h-0 space-y-2 overflow-x-hidden overflow-y-visible px-3.25',\n        className\n      )}\n      {...props}\n    >\n      <h4 className=\"text-sm font-medium uppercase tracking-wide text-muted-foreground\">\n        Parameters\n      </h4>\n      <div className=\"min-h-0 rounded-md bg-muted/50\">\n        <CodeBlock\n          code={JSON.stringify(input, null, 2)}\n          language=\"json\"\n          collapsed\n        >\n          <CodeBlockCopyButton />\n          <CodeBlockDownloadButton fileName=\"tool-parameters.json\" />\n          <CodeBlockCollapseButton />\n        </CodeBlock>\n      </div>\n    </div>\n  )\n);\nToolInput.displayName = 'ToolInput';\n\ntype ToolOutputProps = ComponentProps<'div'> & {\n  output: ToolUIPart['output'];\n  errorText: ToolUIPart['errorText'];\n};\n\nconst ToolOutput: ForwardRefExoticComponent<\n  Omit<ToolOutputProps, 'ref'> & RefAttributes<HTMLDivElement>\n> = forwardRef<HTMLDivElement, ToolOutputProps>(\n  ({ className, output, errorText, ...props }, ref) => {\n    if ((output === null || output === undefined) && !errorText) {\n      return null;\n    }\n\n    let outputElement: ReactNode = null;\n    if (typeof output === 'string') {\n      outputElement = (\n        <CodeBlock\n          code={output}\n          language={(isJsonString(output) ? 'json' : 'text') as CodeLanguage}\n          collapsed\n        >\n          <CodeBlockCopyButton />\n          <CodeBlockDownloadButton fileName=\"tool-result.json\" />\n          <CodeBlockCollapseButton />\n        </CodeBlock>\n      );\n    } else if (output === null || output === undefined) {\n      outputElement = null;\n    } else if (typeof output === 'object') {\n      outputElement = (\n        <CodeBlock\n          code={JSON.stringify(output, null, 2)}\n          language=\"json\"\n          collapsed\n        >\n          <CodeBlockCopyButton />\n          <CodeBlockDownloadButton fileName=\"tool-result.json\" />\n          <CodeBlockCollapseButton />\n        </CodeBlock>\n      );\n    } else if (\n      typeof output === 'number' ||\n      typeof output === 'boolean' ||\n      typeof output === 'bigint'\n    ) {\n      outputElement = (\n        <CodeBlock code={String(output)} language=\"json\" collapsed>\n          <CodeBlockCopyButton />\n          <CodeBlockDownloadButton fileName=\"tool-result.json\" />\n          <CodeBlockCollapseButton />\n        </CodeBlock>\n      );\n    }\n\n    if (errorText) {\n      return (\n        <div\n          ref={ref}\n          data-slot=\"tool-output\"\n          className={cn('space-y-2 px-3.25', className)}\n          {...props}\n        >\n          <div className=\"flex flex-col gap-2 text-sm\">\n            <span className=\"font-medium text-critical-foreground-strong\">\n              ERROR\n            </span>\n            <span className=\"text-base-foreground\">{errorText}</span>\n          </div>\n        </div>\n      );\n    }\n\n    return (\n      <div\n        ref={ref}\n        data-slot=\"tool-output\"\n        className={cn('space-y-2 px-3.25', className)}\n        {...props}\n      >\n        <h4 className=\"text-sm font-medium uppercase tracking-wide text-muted-foreground\">\n          Result\n        </h4>\n        <div className=\"min-h-0 overflow-x-auto rounded-md bg-muted-background/50 text-xs text-base-foreground [&_table]:w-full\">\n          {outputElement}\n        </div>\n      </div>\n    );\n  }\n);\nToolOutput.displayName = 'ToolOutput';\n\nexport { Tool, ToolHeader, ToolContent, ToolInput, ToolOutput };\n"],"names":["forwardRef","IconSelector","cn","isJsonString","Badge","Button","CodeBlock","CodeBlockCollapseButton","CodeBlockCopyButton","CodeBlockDownloadButton","Collapsible","CollapsibleContent","CollapsibleTrigger","Tool","className","props","ref","data-slot","displayName","ToolHeader","title","type","hasError","render","variant","span","substring","indexOf","div","outline","ToolContent","ToolInput","input","h4","code","JSON","stringify","language","collapsed","fileName","ToolOutput","output","errorText","undefined","outputElement","String"],"mappings":"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"}

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

@@ -0,0 +1,37 @@
+import { type ComponentProps, type ForwardRefExoticComponent, type ReactNode, type RefAttributes } from "react";
+import type { ToolbarButtonProps, ToolbarGroupProps, ToolbarRootProps, ToolbarSeparatorProps } from "@base-ui/react/toolbar";
+import { Toolbar as ToolbarPrimitive } from "@base-ui/react/toolbar";
+import { type VariantProps } from "class-variance-authority";
+import type { ClassProp } from "class-variance-authority/types";
+import { buttonVariants } from "../button/button";
+import { segmentedControlButtonVariants, segmentedControlListVariants } from "../segmented-control/segmented-control";
+interface ToolbarVariantProps {
+	floating?: boolean | null;
+}
+declare const toolbarVariants: (props?: (ToolbarVariantProps & ClassProp) | undefined) => string;
+declare const Toolbar: ForwardRefExoticComponent<Omit<ToolbarRootProps & ToolbarVariantProps, "ref"> & RefAttributes<HTMLDivElement>>;
+declare const ToolbarButton: ForwardRefExoticComponent<Omit<ToolbarButtonProps & VariantProps<typeof buttonVariants>, "ref"> & RefAttributes<HTMLButtonElement>>;
+declare const ToolbarSeparator: ForwardRefExoticComponent<Omit<ToolbarSeparatorProps, "ref"> & RefAttributes<HTMLDivElement>>;
+declare const ToolbarGroup: ForwardRefExoticComponent<Omit<ToolbarGroupProps, "ref"> & RefAttributes<HTMLDivElement>>;
+type ToolbarTitleProps = ComponentProps<"span"> & {
+	badge?: ReactNode;
+	dropdown?: boolean;
+};
+declare function ToolbarTitle({ className, children, badge, dropdown, ...props }: ToolbarTitleProps): ReactNode;
+type ToolbarSegmentedControlProps = Omit<ToolbarPrimitive.Group.Props, "onChange"> & VariantProps<typeof segmentedControlListVariants> & {
+	value?: string;
+	defaultValue?: string;
+	onValueChange?: (value: string) => void;
+};
+/**
+* A single-select segmented control that participates in the Toolbar roving
+* tabindex as real toolbar items (so arrow keys traverse it and the toolbar
+* remains a single tab stop), while reusing SegmentedControl's styling and
+* sliding indicator.
+*/
+declare function ToolbarSegmentedControl({ className, size, value, defaultValue, onValueChange, children, ...props }: ToolbarSegmentedControlProps): ReactNode;
+type ToolbarSegmentedControlButtonProps = ComponentProps<typeof ToolbarPrimitive.Button> & VariantProps<typeof segmentedControlButtonVariants> & {
+	value: string;
+};
+declare function ToolbarSegmentedControlButton({ className, size, tabContent, value, onClick, children, ...props }: ToolbarSegmentedControlButtonProps): ReactNode;
+export { Toolbar, ToolbarButton, ToolbarGroup, ToolbarSegmentedControl, ToolbarSegmentedControlButton, ToolbarSeparator, ToolbarTitle, toolbarVariants };

package/dist/components/ui/core/toolbar/toolbar.js

@@ -0,0 +1,171 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, forwardRef, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
+import { Toolbar as ToolbarPrimitive } from "@base-ui/react/toolbar";
+import { IconChevronDown } from "@tabler/icons-react";
+import { cva } from "class-variance-authority";
+import { cn } from "../../../../lib/utils.js";
+import { buttonVariants } from "../button/button.js";
+import { SegmentedControlIndicator, segmentedControlButtonVariants, segmentedControlListVariants } from "../segmented-control/segmented-control.js";
+const toolbarVariants = cva('flex items-center justify-start data-[orientation=horizontal]:flex-row data-[orientation=vertical]:flex-col data-[orientation=horizontal]:gap-1.5 data-[orientation=vertical]:gap-1', {
+    variants: {
+        floating: {
+            true: 'rounded-xl border bg-popover-background shadow-sm data-[orientation=horizontal]:p-1.5 data-[orientation=vertical]:p-1',
+            false: ''
+        }
+    },
+    defaultVariants: {
+        floating: true
+    }
+});
+const Toolbar = /*#__PURE__*/ forwardRef(({ orientation, floating, className, ...props }, ref)=>{
+    return /*#__PURE__*/ _jsx(ToolbarPrimitive.Root, {
+        ref: ref,
+        "data-slot": "toolbar",
+        className: cn(toolbarVariants({
+            floating,
+            className
+        })),
+        orientation: orientation,
+        ...props
+    });
+});
+const ToolbarButton = /*#__PURE__*/ forwardRef(({ className, variant = 'ghost', size, render, ...props }, ref)=>{
+    return /*#__PURE__*/ _jsx(ToolbarPrimitive.Button, {
+        ref: ref,
+        "data-slot": "toolbar-button",
+        className: cn(buttonVariants({
+            variant,
+            size,
+            className
+        })),
+        render: render,
+        ...props
+    });
+});
+const ToolbarSeparator = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>{
+    return /*#__PURE__*/ _jsx(ToolbarPrimitive.Separator, {
+        ref: ref,
+        "data-slot": "toolbar-separator",
+        className: cn('bg-border data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-4 data-[orientation=vertical]:h-4 data-[orientation=vertical]:w-px', className),
+        ...props
+    });
+});
+const ToolbarGroup = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>{
+    return /*#__PURE__*/ _jsx(ToolbarPrimitive.Group, {
+        ref: ref,
+        "data-slot": "toolbar-group",
+        className: cn('flex items-center gap-1', className),
+        ...props
+    });
+});
+function ToolbarTitle({ className, children, badge, dropdown = false, ...props }) {
+    return /*#__PURE__*/ _jsxs("span", {
+        "data-slot": "toolbar-title",
+        className: cn('inline-flex h-9 items-center gap-2 text-sm font-medium text-foreground whitespace-nowrap px-2 [[data-slot=toolbar-button]_&]:px-0', className),
+        ...props,
+        children: [
+            /*#__PURE__*/ _jsxs("span", {
+                "data-slot": "toolbar-title-content",
+                className: "inline-flex items-center gap-2",
+                children: [
+                    children,
+                    badge
+                ]
+            }),
+            dropdown ? /*#__PURE__*/ _jsx(IconChevronDown, {
+                className: "size-4 shrink-0 text-muted-foreground"
+            }) : null
+        ]
+    });
+}
+const ToolbarSegmentedControlContext = /*#__PURE__*/ createContext(null);
+function useToolbarSegmentedControlContext() {
+    const context = useContext(ToolbarSegmentedControlContext);
+    if (!context) {
+        throw new Error('ToolbarSegmentedControlButton must be used within a ToolbarSegmentedControl');
+    }
+    return context;
+}
+/**
+ * A single-select segmented control that participates in the Toolbar roving
+ * tabindex as real toolbar items (so arrow keys traverse it and the toolbar
+ * remains a single tab stop), while reusing SegmentedControl's styling and
+ * sliding indicator.
+ */ function ToolbarSegmentedControl({ className, size, value, defaultValue, onValueChange, children, ...props }) {
+    const resolvedSize = size ?? 'default';
+    const isControlled = value !== undefined;
+    const [internalValue, setInternalValue] = useState(defaultValue);
+    const currentValue = isControlled ? value : internalValue;
+    const onValueChangeRef = useRef(onValueChange);
+    useEffect(()=>{
+        onValueChangeRef.current = onValueChange;
+    }, [
+        onValueChange
+    ]);
+    const setValue = useCallback((next)=>{
+        if (!isControlled) {
+            setInternalValue(next);
+        }
+        onValueChangeRef.current?.(next);
+    }, [
+        isControlled
+    ]);
+    // useMemo required by @eslint-react/no-unstable-context-value — without it
+    // a new object is created every render, causing unnecessary re-renders in
+    // all context consumers.
+    const contextValue = useMemo(()=>({
+            value: currentValue,
+            setValue,
+            size: resolvedSize
+        }), [
+        currentValue,
+        setValue,
+        resolvedSize
+    ]);
+    return /*#__PURE__*/ _jsx(ToolbarSegmentedControlContext.Provider, {
+        value: contextValue,
+        children: /*#__PURE__*/ _jsxs(ToolbarPrimitive.Group, {
+            "data-slot": "toolbar-segmented-control",
+            className: cn(segmentedControlListVariants({
+                size
+            }), className),
+            ...props,
+            children: [
+                /*#__PURE__*/ _jsx(SegmentedControlIndicator, {
+                    size: resolvedSize,
+                    activeSelector: "[data-active]"
+                }),
+                children
+            ]
+        })
+    });
+}
+function ToolbarSegmentedControlButton({ className, size, tabContent, value, onClick, children, ...props }) {
+    const context = useToolbarSegmentedControlContext();
+    const resolvedSize = size ?? context.size;
+    const isActive = context.value === value;
+    return /*#__PURE__*/ _jsx(ToolbarPrimitive.Button, {
+        "data-slot": "toolbar-segmented-control-trigger",
+        "aria-pressed": isActive,
+        "data-active": isActive ? '' : undefined,
+        className: cn(segmentedControlButtonVariants({
+            size: resolvedSize,
+            tabContent
+        }), className),
+        onClick: (event)=>{
+            onClick?.(event);
+            if (!event.defaultPrevented) {
+                context.setValue(value);
+            }
+        },
+        ...props,
+        children: children
+    });
+}
+Toolbar.displayName = 'Toolbar';
+ToolbarButton.displayName = 'ToolbarButton';
+ToolbarSeparator.displayName = 'ToolbarSeparator';
+ToolbarGroup.displayName = 'ToolbarGroup';
+export { Toolbar, ToolbarButton, ToolbarGroup, ToolbarSegmentedControl, ToolbarSegmentedControlButton, ToolbarSeparator, ToolbarTitle, toolbarVariants };
+
+//# sourceMappingURL=toolbar.js.map

package/dist/components/ui/core/toolbar/toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/ui/core/toolbar/toolbar.tsx"],"sourcesContent":["import {\n  type ComponentProps,\n  type ComponentRef,\n  type Context,\n  type ForwardRefExoticComponent,\n  type ReactNode,\n  type RefAttributes,\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport type {\n  ToolbarButtonProps,\n  ToolbarGroupProps,\n  ToolbarRootProps,\n  ToolbarSeparatorProps,\n} from '@base-ui/react/toolbar';\nimport { Toolbar as ToolbarPrimitive } from '@base-ui/react/toolbar';\nimport { IconChevronDown } from '@tabler/icons-react';\nimport { type VariantProps, cva } from 'class-variance-authority';\nimport type { ClassProp } from 'class-variance-authority/types';\n\nimport { cn } from '../../../../lib/utils';\nimport { buttonVariants } from '../button/button';\nimport {\n  type SegmentedControlSize,\n  SegmentedControlIndicator,\n  segmentedControlButtonVariants,\n  segmentedControlListVariants,\n} from '../segmented-control/segmented-control';\n\ninterface ToolbarVariantProps {\n  floating?: boolean | null;\n}\n\nconst toolbarVariants: (\n  props?: (ToolbarVariantProps & ClassProp) | undefined\n) => string = cva(\n  'flex items-center justify-start data-[orientation=horizontal]:flex-row data-[orientation=vertical]:flex-col data-[orientation=horizontal]:gap-1.5 data-[orientation=vertical]:gap-1',\n  {\n    variants: {\n      floating: {\n        true: 'rounded-xl border bg-popover-background shadow-sm data-[orientation=horizontal]:p-1.5 data-[orientation=vertical]:p-1',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      floating: true,\n    },\n  }\n);\n\ntype ToolbarProps = ToolbarPrimitive.Root.Props & ToolbarVariantProps;\n\nconst Toolbar: ForwardRefExoticComponent<\n  Omit<ToolbarRootProps & ToolbarVariantProps, 'ref'> &\n    RefAttributes<HTMLDivElement>\n> = forwardRef<ComponentRef<typeof ToolbarPrimitive.Root>, ToolbarProps>(\n  ({ orientation, floating, className, ...props }, ref) => {\n    return (\n      <ToolbarPrimitive.Root\n        ref={ref}\n        data-slot=\"toolbar\"\n        className={cn(toolbarVariants({ floating, className }))}\n        orientation={orientation}\n        {...props}\n      />\n    );\n  }\n);\n\nconst ToolbarButton: ForwardRefExoticComponent<\n  Omit<ToolbarButtonProps & VariantProps<typeof buttonVariants>, 'ref'> &\n    RefAttributes<HTMLButtonElement>\n> = forwardRef<\n  ComponentRef<typeof ToolbarPrimitive.Button>,\n  ToolbarPrimitive.Button.Props & VariantProps<typeof buttonVariants>\n>(({ className, variant = 'ghost', size, render, ...props }, ref) => {\n  return (\n    <ToolbarPrimitive.Button\n      ref={ref}\n      data-slot=\"toolbar-button\"\n      className={cn(buttonVariants({ variant, size, className }))}\n      render={render}\n      {...props}\n    />\n  );\n});\n\nconst ToolbarSeparator: ForwardRefExoticComponent<\n  Omit<ToolbarSeparatorProps, 'ref'> & RefAttributes<HTMLDivElement>\n> = forwardRef<\n  ComponentRef<typeof ToolbarPrimitive.Separator>,\n  ToolbarPrimitive.Separator.Props\n>(({ className, ...props }, ref) => {\n  return (\n    <ToolbarPrimitive.Separator\n      ref={ref}\n      data-slot=\"toolbar-separator\"\n      className={cn(\n        'bg-border data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-4 data-[orientation=vertical]:h-4 data-[orientation=vertical]:w-px',\n        className\n      )}\n      {...props}\n    />\n  );\n});\n\nconst ToolbarGroup: ForwardRefExoticComponent<\n  Omit<ToolbarGroupProps, 'ref'> & RefAttributes<HTMLDivElement>\n> = forwardRef<\n  ComponentRef<typeof ToolbarPrimitive.Group>,\n  ToolbarPrimitive.Group.Props\n>(({ className, ...props }, ref) => {\n  return (\n    <ToolbarPrimitive.Group\n      ref={ref}\n      data-slot=\"toolbar-group\"\n      className={cn('flex items-center gap-1', className)}\n      {...props}\n    />\n  );\n});\n\ntype ToolbarTitleProps = ComponentProps<'span'> & {\n  badge?: ReactNode;\n  dropdown?: boolean;\n};\n\nfunction ToolbarTitle({\n  className,\n  children,\n  badge,\n  dropdown = false,\n  ...props\n}: ToolbarTitleProps): ReactNode {\n  return (\n    <span\n      data-slot=\"toolbar-title\"\n      className={cn(\n        'inline-flex h-9 items-center gap-2 text-sm font-medium text-foreground whitespace-nowrap px-2 [[data-slot=toolbar-button]_&]:px-0',\n        className\n      )}\n      {...props}\n    >\n      <span\n        data-slot=\"toolbar-title-content\"\n        className=\"inline-flex items-center gap-2\"\n      >\n        {children}\n        {badge}\n      </span>\n      {dropdown ? (\n        <IconChevronDown className=\"size-4 shrink-0 text-muted-foreground\" />\n      ) : null}\n    </span>\n  );\n}\n\ninterface ToolbarSegmentedControlContextValue {\n  value: string | undefined;\n  setValue: (value: string) => void;\n  size: SegmentedControlSize;\n}\n\nconst ToolbarSegmentedControlContext: Context<ToolbarSegmentedControlContextValue | null> =\n  createContext<ToolbarSegmentedControlContextValue | null>(null);\n\nfunction useToolbarSegmentedControlContext(): ToolbarSegmentedControlContextValue {\n  const context = useContext(ToolbarSegmentedControlContext);\n  if (!context) {\n    throw new Error(\n      'ToolbarSegmentedControlButton must be used within a ToolbarSegmentedControl'\n    );\n  }\n  return context;\n}\n\ntype ToolbarSegmentedControlProps = Omit<\n  ToolbarPrimitive.Group.Props,\n  'onChange'\n> &\n  VariantProps<typeof segmentedControlListVariants> & {\n    value?: string;\n    defaultValue?: string;\n    onValueChange?: (value: string) => void;\n  };\n\n/**\n * A single-select segmented control that participates in the Toolbar roving\n * tabindex as real toolbar items (so arrow keys traverse it and the toolbar\n * remains a single tab stop), while reusing SegmentedControl's styling and\n * sliding indicator.\n */\nfunction ToolbarSegmentedControl({\n  className,\n  size,\n  value,\n  defaultValue,\n  onValueChange,\n  children,\n  ...props\n}: ToolbarSegmentedControlProps): ReactNode {\n  const resolvedSize = size ?? 'default';\n  const isControlled = value !== undefined;\n  const [internalValue, setInternalValue] = useState(defaultValue);\n  const currentValue = isControlled ? value : internalValue;\n\n  const onValueChangeRef = useRef(onValueChange);\n  useEffect(() => {\n    onValueChangeRef.current = onValueChange;\n  }, [onValueChange]);\n\n  const setValue = useCallback(\n    (next: string): void => {\n      if (!isControlled) {\n        setInternalValue(next);\n      }\n      onValueChangeRef.current?.(next);\n    },\n    [isControlled]\n  );\n\n  // useMemo required by @eslint-react/no-unstable-context-value — without it\n  // a new object is created every render, causing unnecessary re-renders in\n  // all context consumers.\n  const contextValue = useMemo<ToolbarSegmentedControlContextValue>(\n    () => ({ value: currentValue, setValue, size: resolvedSize }),\n    [currentValue, setValue, resolvedSize]\n  );\n\n  return (\n    <ToolbarSegmentedControlContext.Provider value={contextValue}>\n      <ToolbarPrimitive.Group\n        data-slot=\"toolbar-segmented-control\"\n        className={cn(segmentedControlListVariants({ size }), className)}\n        {...props}\n      >\n        <SegmentedControlIndicator\n          size={resolvedSize}\n          activeSelector=\"[data-active]\"\n        />\n        {children}\n      </ToolbarPrimitive.Group>\n    </ToolbarSegmentedControlContext.Provider>\n  );\n}\n\ntype ToolbarSegmentedControlButtonProps = ComponentProps<\n  typeof ToolbarPrimitive.Button\n> &\n  VariantProps<typeof segmentedControlButtonVariants> & {\n    value: string;\n  };\n\nfunction ToolbarSegmentedControlButton({\n  className,\n  size,\n  tabContent,\n  value,\n  onClick,\n  children,\n  ...props\n}: ToolbarSegmentedControlButtonProps): ReactNode {\n  const context = useToolbarSegmentedControlContext();\n  const resolvedSize = size ?? context.size;\n  const isActive = context.value === value;\n\n  return (\n    <ToolbarPrimitive.Button\n      data-slot=\"toolbar-segmented-control-trigger\"\n      aria-pressed={isActive}\n      data-active={isActive ? '' : undefined}\n      className={cn(\n        segmentedControlButtonVariants({ size: resolvedSize, tabContent }),\n        className\n      )}\n      onClick={(event) => {\n        onClick?.(event);\n        if (!event.defaultPrevented) {\n          context.setValue(value);\n        }\n      }}\n      {...props}\n    >\n      {children}\n    </ToolbarPrimitive.Button>\n  );\n}\n\nToolbar.displayName = 'Toolbar';\nToolbarButton.displayName = 'ToolbarButton';\nToolbarSeparator.displayName = 'ToolbarSeparator';\nToolbarGroup.displayName = 'ToolbarGroup';\n\nexport {\n  Toolbar,\n  ToolbarButton,\n  ToolbarGroup,\n  ToolbarSegmentedControl,\n  ToolbarSegmentedControlButton,\n  ToolbarSeparator,\n  ToolbarTitle,\n  toolbarVariants,\n};\n"],"names":["createContext","forwardRef","useCallback","useContext","useEffect","useMemo","useRef","useState","Toolbar","ToolbarPrimitive","IconChevronDown","cva","cn","buttonVariants","SegmentedControlIndicator","segmentedControlButtonVariants","segmentedControlListVariants","toolbarVariants","variants","floating","true","false","defaultVariants","orientation","className","props","ref","Root","data-slot","ToolbarButton","variant","size","render","Button","ToolbarSeparator","Separator","ToolbarGroup","Group","ToolbarTitle","children","badge","dropdown","span","ToolbarSegmentedControlContext","useToolbarSegmentedControlContext","context","Error","ToolbarSegmentedControl","value","defaultValue","onValueChange","resolvedSize","isControlled","undefined","internalValue","setInternalValue","currentValue","onValueChangeRef","current","setValue","next","contextValue","Provider","activeSelector","ToolbarSegmentedControlButton","tabContent","onClick","isActive","aria-pressed","data-active","event","defaultPrevented","displayName"],"mappings":"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"}