@lattice-php/lattice 0.38.0 → 0.40.0

package/dist/ui/code-block-view.js

@@ -1,135 +0,0 @@
-import { useEffect, useRef } from "react";
-import { jsx } from "react/jsx-runtime";
-import { javascript } from "@codemirror/lang-javascript";
-import { json } from "@codemirror/lang-json";
-import { php } from "@codemirror/lang-php";
-import { HighlightStyle, StreamLanguage, syntaxHighlighting } from "@codemirror/language";
-import { shell } from "@codemirror/legacy-modes/mode/shell";
-import { Compartment, EditorState } from "@codemirror/state";
-import { EditorView, lineNumbers } from "@codemirror/view";
-import { tags } from "@lezer/highlight";
-//#region resources/js/ui/code-block-view.tsx
-var languages = {
-	text: [],
-	json: json(),
-	javascript: javascript(),
-	shell: StreamLanguage.define(shell),
-	php: php()
-};
-var highlightStyle = HighlightStyle.define([
-	{
-		tag: tags.comment,
-		color: "var(--lt-muted-fg)",
-		fontStyle: "italic"
-	},
-	{
-		tag: [
-			tags.keyword,
-			tags.operatorKeyword,
-			tags.controlKeyword
-		],
-		color: "var(--lt-primary)"
-	},
-	{
-		tag: [tags.string, tags.special(tags.string)],
-		color: "var(--lt-success)"
-	},
-	{
-		tag: [
-			tags.number,
-			tags.bool,
-			tags.null
-		],
-		color: "var(--lt-info)"
-	},
-	{
-		tag: [tags.function(tags.variableName), tags.labelName],
-		color: "var(--lt-accent-fg)"
-	},
-	{
-		tag: [tags.typeName, tags.className],
-		color: "var(--lt-danger)"
-	},
-	{
-		tag: tags.meta,
-		color: "var(--lt-muted-fg)"
-	}
-]);
-var codeBlockTheme = EditorView.theme({
-	"&": {
-		backgroundColor: "transparent",
-		color: "var(--lt-fg)",
-		fontSize: "0.75rem"
-	},
-	".cm-scroller": {
-		fontFamily: "var(--lt-font-mono)",
-		lineHeight: "1.5",
-		overflow: "auto"
-	},
-	".cm-content": { padding: "0.75rem" },
-	".cm-gutters": {
-		backgroundColor: "transparent",
-		borderRightColor: "var(--lt-border)",
-		color: "var(--lt-muted-fg)"
-	},
-	".cm-lineNumbers .cm-gutterElement": { padding: "0 0.75rem" },
-	".cm-line": { padding: "0" }
-});
-function CodeBlockView({ children, language, lineNumbers: lineNumbers$1, maxHeight, wrap }) {
-	const container = useRef(null);
-	const content = useRef(children);
-	const editor = useRef(null);
-	content.current = children;
-	useEffect(() => {
-		if (!container.current) return;
-		const languageCompartment = new Compartment();
-		const customLanguage = typeof language === "function" ? language : null;
-		const initialLanguage = typeof language === "function" ? [] : languages[language];
-		const view = new EditorView({
-			doc: content.current,
-			parent: container.current,
-			extensions: [
-				EditorState.readOnly.of(true),
-				EditorView.editable.of(false),
-				EditorView.contentAttributes.of({ role: "code" }),
-				languageCompartment.of(initialLanguage),
-				syntaxHighlighting(highlightStyle),
-				codeBlockTheme,
-				lineNumbers$1 ? lineNumbers() : [],
-				maxHeight === null ? [] : EditorView.theme({ "&": { maxHeight: `${maxHeight}px` } }),
-				wrap ? EditorView.lineWrapping : []
-			]
-		});
-		editor.current = view;
-		let active = true;
-		if (customLanguage) customLanguage().then((extension) => {
-			if (active) view.dispatch({ effects: languageCompartment.reconfigure(extension) });
-		}).catch((error) => {
-			if (active) console.warn("[lattice] CodeBlock language failed to load.", error);
-		});
-		return () => {
-			active = false;
-			editor.current = null;
-			view.destroy();
-		};
-	}, [
-		language,
-		lineNumbers$1,
-		maxHeight,
-		wrap
-	]);
-	useEffect(() => {
-		const view = editor.current;
-		if (!view || view.state.doc.toString() === children) return;
-		view.dispatch({ changes: {
-			from: 0,
-			to: view.state.doc.length,
-			insert: children
-		} });
-	}, [children]);
-	return /* @__PURE__ */ jsx("div", { ref: container });
-}
-//#endregion
-export { CodeBlockView as default };
-
-//# sourceMappingURL=code-block-view.js.map

package/dist/ui/code-block-view.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"code-block-view.js","names":[],"sources":["../../resources/js/ui/code-block-view.tsx"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport { javascript } from \"@codemirror/lang-javascript\";\nimport { json } from \"@codemirror/lang-json\";\nimport { php } from \"@codemirror/lang-php\";\nimport { HighlightStyle, StreamLanguage, syntaxHighlighting } from \"@codemirror/language\";\nimport { shell } from \"@codemirror/legacy-modes/mode/shell\";\nimport { Compartment, EditorState, type Extension } from \"@codemirror/state\";\nimport { EditorView, lineNumbers as showLineNumbers } from \"@codemirror/view\";\nimport { tags } from \"@lezer/highlight\";\nimport type { CodeBlockLanguage, CodeBlockViewProps } from \"./code-block\";\n\nconst languages: Record<CodeBlockLanguage, Extension> = {\n  text: [],\n  json: json(),\n  javascript: javascript(),\n  shell: StreamLanguage.define(shell),\n  php: php(),\n};\n\nconst highlightStyle = HighlightStyle.define([\n  { tag: tags.comment, color: \"var(--lt-muted-fg)\", fontStyle: \"italic\" },\n  { tag: [tags.keyword, tags.operatorKeyword, tags.controlKeyword], color: \"var(--lt-primary)\" },\n  { tag: [tags.string, tags.special(tags.string)], color: \"var(--lt-success)\" },\n  { tag: [tags.number, tags.bool, tags.null], color: \"var(--lt-info)\" },\n  { tag: [tags.function(tags.variableName), tags.labelName], color: \"var(--lt-accent-fg)\" },\n  { tag: [tags.typeName, tags.className], color: \"var(--lt-danger)\" },\n  { tag: tags.meta, color: \"var(--lt-muted-fg)\" },\n]);\n\nconst codeBlockTheme = EditorView.theme({\n  \"&\": {\n    backgroundColor: \"transparent\",\n    color: \"var(--lt-fg)\",\n    fontSize: \"0.75rem\",\n  },\n  \".cm-scroller\": {\n    fontFamily: \"var(--lt-font-mono)\",\n    lineHeight: \"1.5\",\n    overflow: \"auto\",\n  },\n  \".cm-content\": { padding: \"0.75rem\" },\n  \".cm-gutters\": {\n    backgroundColor: \"transparent\",\n    borderRightColor: \"var(--lt-border)\",\n    color: \"var(--lt-muted-fg)\",\n  },\n  \".cm-lineNumbers .cm-gutterElement\": { padding: \"0 0.75rem\" },\n  \".cm-line\": { padding: \"0\" },\n});\n\nfunction CodeBlockView({ children, language, lineNumbers, maxHeight, wrap }: CodeBlockViewProps) {\n  const container = useRef<HTMLDivElement>(null);\n  const content = useRef(children);\n  const editor = useRef<EditorView>(null);\n  content.current = children;\n\n  useEffect(() => {\n    if (!container.current) {\n      return;\n    }\n\n    const languageCompartment = new Compartment();\n    const customLanguage = typeof language === \"function\" ? language : null;\n    const initialLanguage = typeof language === \"function\" ? [] : languages[language];\n    const view = new EditorView({\n      doc: content.current,\n      parent: container.current,\n      extensions: [\n        EditorState.readOnly.of(true),\n        EditorView.editable.of(false),\n        EditorView.contentAttributes.of({ role: \"code\" }),\n        languageCompartment.of(initialLanguage),\n        syntaxHighlighting(highlightStyle),\n        codeBlockTheme,\n        lineNumbers ? showLineNumbers() : [],\n        maxHeight === null\n          ? []\n          : EditorView.theme({\n              \"&\": { maxHeight: `${maxHeight}px` },\n            }),\n        wrap ? EditorView.lineWrapping : [],\n      ],\n    });\n    editor.current = view;\n    let active = true;\n\n    if (customLanguage) {\n      void customLanguage()\n        .then((extension) => {\n          if (active) {\n            view.dispatch({ effects: languageCompartment.reconfigure(extension) });\n          }\n        })\n        .catch((error: unknown) => {\n          if (active) {\n            console.warn(\"[lattice] CodeBlock language failed to load.\", error);\n          }\n        });\n    }\n\n    return () => {\n      active = false;\n      editor.current = null;\n      view.destroy();\n    };\n  }, [language, lineNumbers, maxHeight, wrap]);\n\n  useEffect(() => {\n    const view = editor.current;\n\n    if (!view || view.state.doc.toString() === children) {\n      return;\n    }\n\n    view.dispatch({ changes: { from: 0, to: view.state.doc.length, insert: children } });\n  }, [children]);\n\n  return <div ref={container} />;\n}\n\nexport default CodeBlockView;\n"],"mappings":"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"}

package/dist/ui/code-block.d.ts

@@ -1,25 +0,0 @@
-import { ComponentProps } from 'react';
-import { Extension } from '@codemirror/state';
-import { RendererComponent } from '../core/types.js';
-type CodeBlockLanguage = "text" | "json" | "javascript" | "shell" | "php";
-type CodeBlockLanguageLoader = () => Promise<Extension>;
-interface CodeBlockProps extends Omit<ComponentProps<"div">, "children"> {
-    children: string;
-    copyable?: boolean;
-    language?: CodeBlockLanguage | CodeBlockLanguageLoader;
-    lineNumbers?: boolean;
-    maxHeight?: number | null;
-    wrap?: boolean;
-}
-interface CodeBlockViewProps {
-    children: string;
-    language: CodeBlockLanguage | CodeBlockLanguageLoader;
-    lineNumbers: boolean;
-    maxHeight: number | null;
-    wrap: boolean;
-}
-declare function CodeBlock({ "aria-label": ariaLabel, children, className, copyable, language, lineNumbers, maxHeight, role, wrap, ...props }: CodeBlockProps): import("react").JSX.Element;
-declare const CodeBlockComponent: RendererComponent<"code-block">;
-export default CodeBlockComponent;
-export { CodeBlock };
-export type { CodeBlockLanguage, CodeBlockLanguageLoader, CodeBlockProps, CodeBlockViewProps };

package/dist/ui/code-block.js

@@ -1,54 +0,0 @@
-import { cn } from "../lib/utils.js";
-import { CopyButton } from "./copyable-text.js";
-import { Fragment, Suspense, lazy } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region resources/js/ui/code-block.tsx
-var CodeBlockView = lazy(() => import("./code-block-view.js"));
-function CodeBlock({ "aria-label": ariaLabel, children, className, copyable = false, language = "text", lineNumbers = false, maxHeight = null, role = ariaLabel ? "region" : void 0, wrap = false, ...props }) {
-	const fallback = /* @__PURE__ */ jsx("pre", {
-		className: cn("max-w-full overflow-auto p-3 font-lt-mono text-xs", wrap && "whitespace-pre-wrap wrap-anywhere"),
-		style: { maxHeight: maxHeight ?? void 0 },
-		children: lineNumbers ? /* @__PURE__ */ jsx("code", {
-			className: "grid grid-cols-[auto_1fr]",
-			children: children.split("\n").map((line, index) => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
-				"aria-hidden": "true",
-				className: "mr-3 border-r border-lt-border pr-3 text-right text-lt-muted-fg select-none",
-				children: index + 1
-			}), /* @__PURE__ */ jsx("span", { children: line || "​" })] }, index))
-		}) : children
-	});
-	return /* @__PURE__ */ jsxs("div", {
-		"data-slot": "code-block",
-		"aria-label": ariaLabel,
-		role,
-		...props,
-		className: cn("relative max-w-full overflow-hidden rounded-lt-sm bg-lt-muted text-lt-fg", className),
-		children: [copyable ? /* @__PURE__ */ jsx(CopyButton, {
-			value: children,
-			label: ariaLabel ?? "code",
-			iconOnly: true,
-			className: "absolute top-3 right-6 z-10 bg-lt-bg/80 hover:bg-lt-bg"
-		}) : null, /* @__PURE__ */ jsx(Suspense, {
-			fallback,
-			children: /* @__PURE__ */ jsx(CodeBlockView, {
-				language,
-				lineNumbers,
-				maxHeight,
-				wrap,
-				children
-			})
-		})]
-	});
-}
-var CodeBlockComponent = ({ node }) => /* @__PURE__ */ jsx(CodeBlock, {
-	copyable: node.props.copyable,
-	language: node.props.language,
-	lineNumbers: node.props.lineNumbers,
-	maxHeight: node.props.maxHeight,
-	wrap: node.props.wrap,
-	children: node.props.code
-});
-//#endregion
-export { CodeBlock, CodeBlockComponent as default };
-
-//# sourceMappingURL=code-block.js.map

package/dist/ui/code-block.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"code-block.js","names":[],"sources":["../../resources/js/ui/code-block.tsx"],"sourcesContent":["import { Fragment, lazy, Suspense } from \"react\";\nimport type { ComponentProps } from \"react\";\nimport type { Extension } from \"@codemirror/state\";\nimport type { RendererComponent } from \"@lattice-php/lattice/core/types\";\nimport { cn } from \"@lattice-php/lattice/lib/utils\";\nimport { CopyButton } from \"./copyable-text\";\n\nconst CodeBlockView = lazy(() => import(\"./code-block-view\"));\n\ntype CodeBlockLanguage = \"text\" | \"json\" | \"javascript\" | \"shell\" | \"php\";\ntype CodeBlockLanguageLoader = () => Promise<Extension>;\n\ninterface CodeBlockProps extends Omit<ComponentProps<\"div\">, \"children\"> {\n  children: string;\n  copyable?: boolean;\n  language?: CodeBlockLanguage | CodeBlockLanguageLoader;\n  lineNumbers?: boolean;\n  maxHeight?: number | null;\n  wrap?: boolean;\n}\n\ninterface CodeBlockViewProps {\n  children: string;\n  language: CodeBlockLanguage | CodeBlockLanguageLoader;\n  lineNumbers: boolean;\n  maxHeight: number | null;\n  wrap: boolean;\n}\n\nfunction CodeBlock({\n  \"aria-label\": ariaLabel,\n  children,\n  className,\n  copyable = false,\n  language = \"text\",\n  lineNumbers = false,\n  maxHeight = null,\n  role = ariaLabel ? \"region\" : undefined,\n  wrap = false,\n  ...props\n}: CodeBlockProps) {\n  const fallback = (\n    <pre\n      className={cn(\n        \"max-w-full overflow-auto p-3 font-lt-mono text-xs\",\n        wrap && \"whitespace-pre-wrap wrap-anywhere\",\n      )}\n      style={{ maxHeight: maxHeight ?? undefined }}\n    >\n      {lineNumbers ? (\n        <code className=\"grid grid-cols-[auto_1fr]\">\n          {children.split(\"\\n\").map((line, index) => (\n            <Fragment key={index}>\n              <span\n                aria-hidden=\"true\"\n                className=\"mr-3 border-r border-lt-border pr-3 text-right text-lt-muted-fg select-none\"\n              >\n                {index + 1}\n              </span>\n              <span>{line || \"\\u200b\"}</span>\n            </Fragment>\n          ))}\n        </code>\n      ) : (\n        children\n      )}\n    </pre>\n  );\n\n  return (\n    <div\n      data-slot=\"code-block\"\n      aria-label={ariaLabel}\n      role={role}\n      {...props}\n      className={cn(\n        \"relative max-w-full overflow-hidden rounded-lt-sm bg-lt-muted text-lt-fg\",\n        className,\n      )}\n    >\n      {copyable ? (\n        <CopyButton\n          value={children}\n          label={ariaLabel ?? \"code\"}\n          iconOnly\n          className=\"absolute top-3 right-6 z-10 bg-lt-bg/80 hover:bg-lt-bg\"\n        />\n      ) : null}\n      <Suspense fallback={fallback}>\n        <CodeBlockView\n          language={language}\n          lineNumbers={lineNumbers}\n          maxHeight={maxHeight}\n          wrap={wrap}\n        >\n          {children}\n        </CodeBlockView>\n      </Suspense>\n    </div>\n  );\n}\n\nconst CodeBlockComponent: RendererComponent<\"code-block\"> = ({ node }) => (\n  <CodeBlock\n    copyable={node.props.copyable}\n    language={node.props.language}\n    lineNumbers={node.props.lineNumbers}\n    maxHeight={node.props.maxHeight}\n    wrap={node.props.wrap}\n  >\n    {node.props.code}\n  </CodeBlock>\n);\n\nexport default CodeBlockComponent;\nexport { CodeBlock };\nexport type { CodeBlockLanguage, CodeBlockLanguageLoader, CodeBlockProps, CodeBlockViewProps };\n"],"mappings":";;;;;AAOA,IAAM,gBAAgB,WAAW,OAAO,uBAAoB;AAsB5D,SAAS,UAAU,EACjB,cAAc,WACd,UACA,WACA,WAAW,OACX,WAAW,QACX,cAAc,OACd,YAAY,MACZ,OAAO,YAAY,WAAW,KAAA,GAC9B,OAAO,OACP,GAAG,SACc;CACjB,MAAM,WACJ,oBAAC,OAAD;EACE,WAAW,GACT,qDACA,QAAQ,mCACV;EACA,OAAO,EAAE,WAAW,aAAa,KAAA,EAAU;EAE1C,UAAA,cACC,oBAAC,QAAD;GAAM,WAAU;GACb,UAAA,SAAS,MAAM,IAAI,CAAC,CAAC,KAAK,MAAM,UAC/B,qBAAC,UAAD,EAAA,UAAA,CACE,oBAAC,QAAD;IACE,eAAY;IACZ,WAAU;IAET,UAAA,QAAQ;GACL,CAAA,GACN,oBAAC,QAAD,EAAA,UAAO,QAAQ,IAAe,CAAA,CACtB,EAAA,GARK,KAQL,CACX;EACG,CAAA,IAEN;CAEC,CAAA;CAGP,OACE,qBAAC,OAAD;EACE,aAAU;EACV,cAAY;EACN;EACN,GAAI;EACJ,WAAW,GACT,4EACA,SACF;EARF,UAAA,CAUG,WACC,oBAAC,YAAD;GACE,OAAO;GACP,OAAO,aAAa;GACpB,UAAA;GACA,WAAU;EACX,CAAA,IACC,MACJ,oBAAC,UAAD;GAAoB;GAClB,UAAA,oBAAC,eAAD;IACY;IACG;IACF;IACL;IAEL;GACY,CAAA;EACP,CAAA,CACP;;AAET;AAEA,IAAM,sBAAuD,EAAE,WAC7D,oBAAC,WAAD;CACE,UAAU,KAAK,MAAM;CACrB,UAAU,KAAK,MAAM;CACrB,aAAa,KAAK,MAAM;CACxB,WAAW,KAAK,MAAM;CACtB,MAAM,KAAK,MAAM;CAEhB,UAAA,KAAK,MAAM;AACH,CAAA"}

package/dist/ui/collapsible.d.ts

@@ -1,3 +0,0 @@
-import { RendererComponent } from '../core/types.js';
-declare const CollapsibleComponent: RendererComponent<"collapsible">;
-export default CollapsibleComponent;

package/dist/ui/collapsible.js

@@ -1,56 +0,0 @@
-import { cn } from "../lib/utils.js";
-import { Icon } from "../icons/sprite.js";
-import { toNodes } from "../core/nodes.js";
-import { Renderer } from "../core/renderer.js";
-import { nodeIdentity, prefixedTestId } from "../core/test-id.js";
-import { useCollapsibleState } from "./use-collapsible-state.js";
-import { InfoTooltip } from "./info-tooltip.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region resources/js/ui/collapsible.tsx
-var CollapsibleComponent = ({ children, node }) => {
-	const rememberState = node.props.rememberState !== false;
-	const trigger = toNodes(node.props.trigger);
-	const identity = nodeIdentity(node);
-	const storageKey = `lattice:collapsible:${identity ?? "default"}`;
-	const contentId = `${identity ?? "collapsible"}-content`;
-	const [open, toggle] = useCollapsibleState(storageKey, node.props.collapsed === false, rememberState);
-	return /* @__PURE__ */ jsxs("div", {
-		"data-slot": "collapsible",
-		"data-lattice-component": identity,
-		children: [/* @__PURE__ */ jsxs("div", {
-			"aria-controls": contentId,
-			"aria-expanded": open,
-			"data-test": prefixedTestId("collapsible-toggle", identity) ?? "collapsible-toggle-default",
-			className: "flex w-full cursor-pointer items-center justify-between gap-4 rounded-lt-sm py-2 text-left text-lt-fg transition-colors hover:bg-lt-muted",
-			onClick: toggle,
-			onKeyDown: (event) => {
-				if (event.key === "Enter" || event.key === " ") {
-					event.preventDefault();
-					toggle();
-				}
-			},
-			role: "button",
-			tabIndex: 0,
-			children: [/* @__PURE__ */ jsxs("div", {
-				className: "flex min-w-0 flex-1 items-center gap-2",
-				children: [/* @__PURE__ */ jsx(Renderer, { nodes: trigger }), node.props.tooltip && /* @__PURE__ */ jsx("span", {
-					role: "presentation",
-					onClick: (event) => event.stopPropagation(),
-					onKeyDown: (event) => event.stopPropagation(),
-					children: /* @__PURE__ */ jsx(InfoTooltip, { content: node.props.tooltip })
-				})]
-			}), /* @__PURE__ */ jsx(Icon, {
-				name: "chevron-down",
-				className: cn("size-lt-icon-md shrink-0 text-lt-muted-fg transition-transform", !open && "-rotate-90")
-			})]
-		}), open && children && /* @__PURE__ */ jsx("div", {
-			id: contentId,
-			className: "flex flex-col gap-4 pt-2",
-			children
-		})]
-	});
-};
-//#endregion
-export { CollapsibleComponent as default };
-
-//# sourceMappingURL=collapsible.js.map

package/dist/ui/collapsible.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"collapsible.js","names":[],"sources":["../../resources/js/ui/collapsible.tsx"],"sourcesContent":["import { Icon } from \"@lattice-php/lattice/icons\";\nimport { Renderer } from \"@lattice-php/lattice/core/renderer\";\nimport { InfoTooltip } from \"./info-tooltip\";\nimport { nodeIdentity, prefixedTestId } from \"@lattice-php/lattice/core/test-id\";\nimport { toNodes } from \"@lattice-php/lattice/core/nodes\";\nimport type { RendererComponent } from \"@lattice-php/lattice/core/types\";\nimport { cn } from \"@lattice-php/lattice/lib/utils\";\nimport { useCollapsibleState } from \"./use-collapsible-state\";\n\nconst CollapsibleComponent: RendererComponent<\"collapsible\"> = ({ children, node }) => {\n  const rememberState = node.props.rememberState !== false;\n  const trigger = toNodes(node.props.trigger);\n  const identity = nodeIdentity(node);\n  const storageKey = `lattice:collapsible:${identity ?? \"default\"}`;\n  const contentId = `${identity ?? \"collapsible\"}-content`;\n\n  const [open, toggle] = useCollapsibleState(\n    storageKey,\n    node.props.collapsed === false,\n    rememberState,\n  );\n\n  return (\n    <div data-slot=\"collapsible\" data-lattice-component={identity}>\n      <div\n        aria-controls={contentId}\n        aria-expanded={open}\n        data-test={prefixedTestId(\"collapsible-toggle\", identity) ?? \"collapsible-toggle-default\"}\n        className=\"flex w-full cursor-pointer items-center justify-between gap-4 rounded-lt-sm py-2 text-left text-lt-fg transition-colors hover:bg-lt-muted\"\n        onClick={toggle}\n        onKeyDown={(event) => {\n          if (event.key === \"Enter\" || event.key === \" \") {\n            event.preventDefault();\n            toggle();\n          }\n        }}\n        role=\"button\"\n        tabIndex={0}\n      >\n        <div className=\"flex min-w-0 flex-1 items-center gap-2\">\n          <Renderer nodes={trigger} />\n          {node.props.tooltip && (\n            <span\n              role=\"presentation\"\n              onClick={(event) => event.stopPropagation()}\n              onKeyDown={(event) => event.stopPropagation()}\n            >\n              <InfoTooltip content={node.props.tooltip} />\n            </span>\n          )}\n        </div>\n        <Icon\n          name=\"chevron-down\"\n          className={cn(\n            \"size-lt-icon-md shrink-0 text-lt-muted-fg transition-transform\",\n            !open && \"-rotate-90\",\n          )}\n        />\n      </div>\n\n      {open && children && (\n        <div id={contentId} className=\"flex flex-col gap-4 pt-2\">\n          {children}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default CollapsibleComponent;\n"],"mappings":";;;;;;;;;AASA,IAAM,wBAA0D,EAAE,UAAU,WAAW;CACrF,MAAM,gBAAgB,KAAK,MAAM,kBAAkB;CACnD,MAAM,UAAU,QAAQ,KAAK,MAAM,OAAO;CAC1C,MAAM,WAAW,aAAa,IAAI;CAClC,MAAM,aAAa,uBAAuB,YAAY;CACtD,MAAM,YAAY,GAAG,YAAY,cAAc;CAE/C,MAAM,CAAC,MAAM,UAAU,oBACrB,YACA,KAAK,MAAM,cAAc,OACzB,aACF;CAEA,OACE,qBAAC,OAAD;EAAK,aAAU;EAAc,0BAAwB;EAArD,UAAA,CACE,qBAAC,OAAD;GACE,iBAAe;GACf,iBAAe;GACf,aAAW,eAAe,sBAAsB,QAAQ,KAAK;GAC7D,WAAU;GACV,SAAS;GACT,YAAY,UAAU;IACpB,IAAI,MAAM,QAAQ,WAAW,MAAM,QAAQ,KAAK;KAC9C,MAAM,eAAe;KACrB,OAAO;IACT;GACF;GACA,MAAK;GACL,UAAU;GAbZ,UAAA,CAeE,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,oBAAC,UAAD,EAAU,OAAO,QAAU,CAAA,GAC1B,KAAK,MAAM,WACV,oBAAC,QAAD;KACE,MAAK;KACL,UAAU,UAAU,MAAM,gBAAgB;KAC1C,YAAY,UAAU,MAAM,gBAAgB;KAE5C,UAAA,oBAAC,aAAD,EAAa,SAAS,KAAK,MAAM,QAAU,CAAA;IACvC,CAAA,CAEL;GACL,CAAA,GAAA,oBAAC,MAAD;IACE,MAAK;IACL,WAAW,GACT,kEACA,CAAC,QAAQ,YACX;GACD,CAAA,CACE;EAEJ,CAAA,GAAA,QAAQ,YACP,oBAAC,OAAD;GAAK,IAAI;GAAW,WAAU;GAC3B;EACE,CAAA,CAEJ;;AAET"}

package/dist/ui/color-picker.d.ts

@@ -1,8 +0,0 @@
-export declare function normalizeHex(input: string): string | null;
-export declare function ColorPicker({ value, onChange, palette, hexLabel, paletteLabel, }: {
-    value: string;
-    onChange: (hex: string) => void;
-    palette: string[];
-    hexLabel?: string;
-    paletteLabel?: string;
-}): import("react").JSX.Element;

package/dist/ui/color-picker.js

@@ -1,59 +0,0 @@
-import { cn } from "../lib/utils.js";
-import { Input } from "./input.js";
-import { useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { HexColorPicker } from "react-colorful";
-//#region resources/js/ui/color-picker.tsx
-function normalizeHex(input) {
-	const raw = input.trim().replace(/^#/, "").toLowerCase();
-	if (/^[0-9a-f]{6}$/.test(raw)) return `#${raw}`;
-	if (/^[0-9a-f]{3}$/.test(raw)) return `#${raw[0]}${raw[0]}${raw[1]}${raw[1]}${raw[2]}${raw[2]}`;
-	return null;
-}
-function ColorPicker({ value, onChange, palette, hexLabel = "Hex color", paletteLabel = "Color palette" }) {
-	const [draft, setDraft] = useState(null);
-	const color = normalizeHex(value) ?? "#6b7280";
-	return /* @__PURE__ */ jsxs("div", {
-		className: "flex w-56 flex-col gap-3",
-		"data-slot": "color-picker",
-		children: [
-			/* @__PURE__ */ jsx(HexColorPicker, {
-				className: "!w-full",
-				color,
-				onChange
-			}),
-			palette.length > 0 && /* @__PURE__ */ jsx("div", {
-				"aria-label": paletteLabel,
-				className: "flex flex-wrap gap-1.5",
-				role: "listbox",
-				children: palette.map((swatch) => {
-					const normalized = normalizeHex(swatch) ?? swatch;
-					return /* @__PURE__ */ jsx("button", {
-						"aria-label": normalized,
-						"aria-selected": normalized === color,
-						className: cn("size-6 shrink-0 rounded-full border border-lt-border", normalized === color && "ring-2 ring-lt-ring ring-offset-1"),
-						onClick: () => onChange(normalized),
-						role: "option",
-						style: { background: swatch },
-						type: "button"
-					}, swatch);
-				})
-			}),
-			/* @__PURE__ */ jsx(Input, {
-				"aria-label": hexLabel,
-				onBlur: () => setDraft(null),
-				onChange: (event) => {
-					const text = event.target.value;
-					const hex = normalizeHex(text);
-					setDraft(text);
-					if (hex !== null) onChange(hex);
-				},
-				value: draft ?? color
-			})
-		]
-	});
-}
-//#endregion
-export { ColorPicker, normalizeHex };
-
-//# sourceMappingURL=color-picker.js.map

package/dist/ui/color-picker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"color-picker.js","names":[],"sources":["../../resources/js/ui/color-picker.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { HexColorPicker } from \"react-colorful\";\nimport { cn } from \"@lattice-php/lattice/lib/utils\";\nimport { Input } from \"./input\";\n\nexport function normalizeHex(input: string): string | null {\n  const raw = input.trim().replace(/^#/, \"\").toLowerCase();\n\n  if (/^[0-9a-f]{6}$/.test(raw)) {\n    return `#${raw}`;\n  }\n\n  if (/^[0-9a-f]{3}$/.test(raw)) {\n    return `#${raw[0]}${raw[0]}${raw[1]}${raw[1]}${raw[2]}${raw[2]}`;\n  }\n\n  return null;\n}\n\nexport function ColorPicker({\n  value,\n  onChange,\n  palette,\n  hexLabel = \"Hex color\",\n  paletteLabel = \"Color palette\",\n}: {\n  value: string;\n  onChange: (hex: string) => void;\n  palette: string[];\n  hexLabel?: string;\n  paletteLabel?: string;\n}) {\n  const [draft, setDraft] = useState<string | null>(null);\n  const color = normalizeHex(value) ?? \"#6b7280\";\n\n  return (\n    <div className=\"flex w-56 flex-col gap-3\" data-slot=\"color-picker\">\n      <HexColorPicker className=\"!w-full\" color={color} onChange={onChange} />\n      {palette.length > 0 && (\n        <div aria-label={paletteLabel} className=\"flex flex-wrap gap-1.5\" role=\"listbox\">\n          {palette.map((swatch) => {\n            const normalized = normalizeHex(swatch) ?? swatch;\n\n            return (\n              <button\n                aria-label={normalized}\n                aria-selected={normalized === color}\n                className={cn(\n                  \"size-6 shrink-0 rounded-full border border-lt-border\",\n                  normalized === color && \"ring-2 ring-lt-ring ring-offset-1\",\n                )}\n                key={swatch}\n                onClick={() => onChange(normalized)}\n                role=\"option\"\n                style={{ background: swatch }}\n                type=\"button\"\n              />\n            );\n          })}\n        </div>\n      )}\n      <Input\n        aria-label={hexLabel}\n        onBlur={() => setDraft(null)}\n        onChange={(event) => {\n          const text = event.target.value;\n          const hex = normalizeHex(text);\n          setDraft(text);\n\n          if (hex !== null) {\n            onChange(hex);\n          }\n        }}\n        value={draft ?? color}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAKA,SAAgB,aAAa,OAA8B;CACzD,MAAM,MAAM,MAAM,KAAK,CAAC,CAAC,QAAQ,MAAM,EAAE,CAAC,CAAC,YAAY;CAEvD,IAAI,gBAAgB,KAAK,GAAG,GAC1B,OAAO,IAAI;CAGb,IAAI,gBAAgB,KAAK,GAAG,GAC1B,OAAO,IAAI,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI;CAG9D,OAAO;AACT;AAEA,SAAgB,YAAY,EAC1B,OACA,UACA,SACA,WAAW,aACX,eAAe,mBAOd;CACD,MAAM,CAAC,OAAO,YAAY,SAAwB,IAAI;CACtD,MAAM,QAAQ,aAAa,KAAK,KAAK;CAErC,OACE,qBAAC,OAAD;EAAK,WAAU;EAA2B,aAAU;EAApD,UAAA;GACE,oBAAC,gBAAD;IAAgB,WAAU;IAAiB;IAAiB;GAAW,CAAA;GACtE,QAAQ,SAAS,KAChB,oBAAC,OAAD;IAAK,cAAY;IAAc,WAAU;IAAyB,MAAK;IACpE,UAAA,QAAQ,KAAK,WAAW;KACvB,MAAM,aAAa,aAAa,MAAM,KAAK;KAE3C,OACE,oBAAC,UAAD;MACE,cAAY;MACZ,iBAAe,eAAe;MAC9B,WAAW,GACT,wDACA,eAAe,SAAS,mCAC1B;MAEA,eAAe,SAAS,UAAU;MAClC,MAAK;MACL,OAAO,EAAE,YAAY,OAAO;MAC5B,MAAK;KACN,GALM,MAKN;IAEL,CAAC;GACE,CAAA;GAEP,oBAAC,OAAD;IACE,cAAY;IACZ,cAAc,SAAS,IAAI;IAC3B,WAAW,UAAU;KACnB,MAAM,OAAO,MAAM,OAAO;KAC1B,MAAM,MAAM,aAAa,IAAI;KAC7B,SAAS,IAAI;KAEb,IAAI,QAAQ,MACV,SAAS,GAAG;IAEhB;IACA,OAAO,SAAS;GACjB,CAAA;EACE;;AAET"}

package/dist/ui/combobox.d.ts

@@ -1,42 +0,0 @@
-import { Option } from '../core/types.js';
-import * as React from "react";
-/**
- * A popover select list with an optional search box and single/multi selection.
- *
- * Selection state is controlled by the consumer (`selected` + `onSelect`); the
- * consumer also owns option fetching. Pass `onSearch` for remote search (the
- * combobox debounces the query and renders `options` as given); omit it to
- * filter the provided `options` locally by label. The combobox closes itself
- * after a single-select. Pass `renderOption` to render rich option rows; the
- * option's label stays the accessible name. `onSelect` toggles selection
- * (used by dropdown-row clicks); tag-entry commits (Enter/comma/paste) that
- * match an existing option call `onCommit` instead, falling back to
- * `onSelect` when it is not provided, so consumers can make tag entry
- * additive instead of toggling.
- */
-declare function Combobox({ contentClassName, creatable, emptyLabel, loading, multiple, onCommit, onCreate, onSearch, onSelect, open, onOpenChange, options, renderOption, searchLabel, searchPlaceholder, selected, showSearch, testId, trigger, triggerClassName, triggerProps, }: {
-    contentClassName?: string;
-    creatable?: boolean;
-    emptyLabel?: string;
-    loading?: boolean;
-    multiple?: boolean;
-    onCommit?: (value: string) => void;
-    onCreate?: (label: string) => void;
-    onSearch?: (query: string) => void;
-    onSelect: (value: string) => void;
-    open: boolean;
-    onOpenChange: (open: boolean) => void;
-    options: Option[];
-    renderOption?: (option: Option) => React.ReactNode;
-    searchLabel?: string;
-    searchPlaceholder?: string;
-    selected: string[];
-    showSearch?: boolean;
-    testId?: string;
-    trigger: React.ReactNode;
-    triggerClassName?: string;
-    triggerProps?: React.ComponentProps<"button"> & {
-        "data-test"?: string;
-    };
-}): React.JSX.Element;
-export { Combobox };

package/dist/ui/combobox.js

@@ -1,145 +0,0 @@
-import { useT } from "../i18n/instance.js";
-import { cn } from "../lib/utils.js";
-import { Icon } from "../icons/sprite.js";
-import { Popover, PopoverContent, PopoverTrigger } from "./popover.js";
-import { useDebouncedCallback } from "../lib/use-debounced-callback.js";
-import { useEffect, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region resources/js/ui/combobox.tsx
-var SEARCH_DEBOUNCE_MS = 250;
-/**
-* A popover select list with an optional search box and single/multi selection.
-*
-* Selection state is controlled by the consumer (`selected` + `onSelect`); the
-* consumer also owns option fetching. Pass `onSearch` for remote search (the
-* combobox debounces the query and renders `options` as given); omit it to
-* filter the provided `options` locally by label. The combobox closes itself
-* after a single-select. Pass `renderOption` to render rich option rows; the
-* option's label stays the accessible name. `onSelect` toggles selection
-* (used by dropdown-row clicks); tag-entry commits (Enter/comma/paste) that
-* match an existing option call `onCommit` instead, falling back to
-* `onSelect` when it is not provided, so consumers can make tag entry
-* additive instead of toggling.
-*/
-function Combobox({ contentClassName, creatable = false, emptyLabel, loading = false, multiple = false, onCommit, onCreate, onSearch, onSelect, open, onOpenChange, options, renderOption, searchLabel, searchPlaceholder, selected, showSearch = true, testId, trigger, triggerClassName, triggerProps }) {
-	const { t } = useT("lattice");
-	const [query, setQuery] = useState("");
-	function commitCreate(raw) {
-		const tokens = raw.split(",").map((token) => token.trim()).filter(Boolean);
-		for (const token of tokens) {
-			const match = options.find((option) => option.label.toLowerCase() === token.toLowerCase());
-			if (match) (onCommit ?? onSelect)(match.value);
-			else onCreate?.(token);
-		}
-		if (multiple) setQuery("");
-		else close();
-	}
-	const exactMatch = options.some((option) => option.label.toLowerCase() === query.trim().toLowerCase());
-	const runSearch = useDebouncedCallback((next) => onSearch?.(next), SEARCH_DEBOUNCE_MS);
-	useEffect(() => {
-		if (!onSearch || !open) return;
-		runSearch(query);
-		return () => runSearch.cancel();
-	}, [
-		query,
-		onSearch,
-		open,
-		runSearch
-	]);
-	const visibleOptions = onSearch ? options : options.filter((option) => option.label.toLowerCase().includes(query.toLowerCase()));
-	function close() {
-		setQuery("");
-		onOpenChange(false);
-	}
-	function choose(value) {
-		onSelect(value);
-		if (!multiple) close();
-	}
-	return /* @__PURE__ */ jsxs(Popover, {
-		open,
-		onOpenChange: (next) => next ? onOpenChange(true) : close(),
-		children: [/* @__PURE__ */ jsx(PopoverTrigger, {
-			asChild: true,
-			children: /* @__PURE__ */ jsx("button", {
-				type: "button",
-				className: triggerClassName,
-				...triggerProps,
-				children: trigger
-			})
-		}), /* @__PURE__ */ jsxs(PopoverContent, {
-			align: "start",
-			className: cn("w-[var(--radix-popover-trigger-width)] overflow-hidden p-0", contentClassName),
-			children: [showSearch && /* @__PURE__ */ jsxs("div", {
-				className: "flex items-center gap-2 border-b border-lt-border px-3 py-2",
-				children: [/* @__PURE__ */ jsx("input", {
-					"aria-label": searchLabel ?? t("form.search-options", "Search options"),
-					"data-slot": "combobox-search",
-					"data-test": testId ? `${testId}-search` : void 0,
-					className: "w-full bg-transparent text-sm outline-none placeholder:text-lt-muted-fg",
-					onChange: (event) => {
-						const next = event.target.value;
-						if (creatable && next.includes(",")) {
-							commitCreate(next);
-							return;
-						}
-						setQuery(next);
-					},
-					onKeyDown: (event) => {
-						if (creatable && event.key === "Enter" && query.trim() !== "") {
-							event.preventDefault();
-							commitCreate(query);
-						}
-					},
-					placeholder: searchPlaceholder,
-					value: query
-				}), loading && /* @__PURE__ */ jsx(Icon, {
-					name: "loader-2",
-					"aria-hidden": "true",
-					className: "size-lt-icon-md shrink-0 animate-spin text-lt-muted-fg"
-				})]
-			}), /* @__PURE__ */ jsxs("div", {
-				className: "max-h-60 overflow-y-auto p-1",
-				role: "listbox",
-				children: [creatable && query.trim() !== "" && !exactMatch && /* @__PURE__ */ jsxs("button", {
-					className: "flex w-full items-center gap-2 rounded-lt-sm px-3 py-1.5 text-left text-sm transition-colors hover:bg-lt-accent hover:text-lt-accent-fg",
-					"data-test": testId ? `${testId}-create` : void 0,
-					onClick: () => commitCreate(query),
-					type: "button",
-					children: [/* @__PURE__ */ jsx(Icon, {
-						name: "plus",
-						"aria-hidden": "true",
-						className: "size-lt-icon-md shrink-0"
-					}), t("form.create-option", "Create \"{{label}}\"", { label: query.trim() })]
-				}), visibleOptions.length === 0 && !(creatable && query.trim() !== "" && !exactMatch) ? /* @__PURE__ */ jsx("p", {
-					className: "px-3 py-2 text-sm text-lt-muted-fg",
-					children: emptyLabel
-				}) : visibleOptions.map((option) => {
-					const isSelected = selected.includes(option.value);
-					return /* @__PURE__ */ jsxs("button", {
-						"aria-label": renderOption ? option.label : void 0,
-						"aria-selected": isSelected,
-						className: cn("flex w-full items-center justify-between gap-2 rounded-lt-sm px-3 py-1.5 text-left text-sm transition-colors hover:bg-lt-accent hover:text-lt-accent-fg", isSelected && "bg-lt-accent/60"),
-						"data-slot": "combobox-option",
-						"data-test": testId ? `${testId}-option-${option.value}` : void 0,
-						"data-value": option.value,
-						onClick: () => choose(option.value),
-						role: "option",
-						type: "button",
-						children: [renderOption ? /* @__PURE__ */ jsx("span", {
-							className: "flex min-w-0 flex-1 items-center gap-2",
-							children: renderOption(option)
-						}) : option.label, isSelected && /* @__PURE__ */ jsx(Icon, {
-							name: "check",
-							"aria-hidden": "true",
-							className: "size-lt-icon-md shrink-0"
-						})]
-					}, option.value);
-				})]
-			})]
-		})]
-	});
-}
-//#endregion
-export { Combobox };
-
-//# sourceMappingURL=combobox.js.map

package/dist/ui/combobox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"combobox.js","names":[],"sources":["../../resources/js/ui/combobox.tsx"],"sourcesContent":["import { Icon } from \"@lattice-php/lattice/icons\";\nimport * as React from \"react\";\nimport { useEffect, useState } from \"react\";\nimport { useT } from \"@lattice-php/lattice/i18n\";\nimport type { Option } from \"@lattice-php/lattice/core/types\";\nimport { cn } from \"@lattice-php/lattice/lib/utils\";\nimport { useDebouncedCallback } from \"@lattice-php/lattice/lib/use-debounced-callback\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"./popover\";\n\nconst SEARCH_DEBOUNCE_MS = 250;\n\n/**\n * A popover select list with an optional search box and single/multi selection.\n *\n * Selection state is controlled by the consumer (`selected` + `onSelect`); the\n * consumer also owns option fetching. Pass `onSearch` for remote search (the\n * combobox debounces the query and renders `options` as given); omit it to\n * filter the provided `options` locally by label. The combobox closes itself\n * after a single-select. Pass `renderOption` to render rich option rows; the\n * option's label stays the accessible name. `onSelect` toggles selection\n * (used by dropdown-row clicks); tag-entry commits (Enter/comma/paste) that\n * match an existing option call `onCommit` instead, falling back to\n * `onSelect` when it is not provided, so consumers can make tag entry\n * additive instead of toggling.\n */\nfunction Combobox({\n  contentClassName,\n  creatable = false,\n  emptyLabel,\n  loading = false,\n  multiple = false,\n  onCommit,\n  onCreate,\n  onSearch,\n  onSelect,\n  open,\n  onOpenChange,\n  options,\n  renderOption,\n  searchLabel,\n  searchPlaceholder,\n  selected,\n  showSearch = true,\n  testId,\n  trigger,\n  triggerClassName,\n  triggerProps,\n}: {\n  contentClassName?: string;\n  creatable?: boolean;\n  emptyLabel?: string;\n  loading?: boolean;\n  multiple?: boolean;\n  onCommit?: (value: string) => void;\n  onCreate?: (label: string) => void;\n  onSearch?: (query: string) => void;\n  onSelect: (value: string) => void;\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  options: Option[];\n  renderOption?: (option: Option) => React.ReactNode;\n  searchLabel?: string;\n  searchPlaceholder?: string;\n  selected: string[];\n  showSearch?: boolean;\n  testId?: string;\n  trigger: React.ReactNode;\n  triggerClassName?: string;\n  triggerProps?: React.ComponentProps<\"button\"> & { \"data-test\"?: string };\n}) {\n  const { t } = useT(\"lattice\");\n  const [query, setQuery] = useState(\"\");\n\n  function commitCreate(raw: string): void {\n    const tokens = raw\n      .split(\",\")\n      .map((token) => token.trim())\n      .filter(Boolean);\n\n    for (const token of tokens) {\n      const match = options.find((option) => option.label.toLowerCase() === token.toLowerCase());\n\n      if (match) {\n        (onCommit ?? onSelect)(match.value);\n      } else {\n        onCreate?.(token);\n      }\n    }\n\n    if (multiple) {\n      setQuery(\"\");\n    } else {\n      close();\n    }\n  }\n\n  const exactMatch = options.some(\n    (option) => option.label.toLowerCase() === query.trim().toLowerCase(),\n  );\n\n  const runSearch = useDebouncedCallback((next: string) => onSearch?.(next), SEARCH_DEBOUNCE_MS);\n\n  useEffect(() => {\n    if (!onSearch || !open) {\n      return;\n    }\n\n    runSearch(query);\n\n    return () => runSearch.cancel();\n  }, [query, onSearch, open, runSearch]);\n\n  const visibleOptions = onSearch\n    ? options\n    : options.filter((option) => option.label.toLowerCase().includes(query.toLowerCase()));\n\n  function close(): void {\n    setQuery(\"\");\n    onOpenChange(false);\n  }\n\n  function choose(value: string): void {\n    onSelect(value);\n\n    if (!multiple) {\n      close();\n    }\n  }\n\n  return (\n    <Popover open={open} onOpenChange={(next) => (next ? onOpenChange(true) : close())}>\n      <PopoverTrigger asChild>\n        <button type=\"button\" className={triggerClassName} {...triggerProps}>\n          {trigger}\n        </button>\n      </PopoverTrigger>\n\n      <PopoverContent\n        align=\"start\"\n        className={cn(\n          \"w-[var(--radix-popover-trigger-width)] overflow-hidden p-0\",\n          contentClassName,\n        )}\n      >\n        {showSearch && (\n          <div className=\"flex items-center gap-2 border-b border-lt-border px-3 py-2\">\n            <input\n              aria-label={searchLabel ?? t(\"form.search-options\", \"Search options\")}\n              data-slot=\"combobox-search\"\n              data-test={testId ? `${testId}-search` : undefined}\n              className=\"w-full bg-transparent text-sm outline-none placeholder:text-lt-muted-fg\"\n              onChange={(event) => {\n                const next = event.target.value;\n\n                if (creatable && next.includes(\",\")) {\n                  commitCreate(next);\n\n                  return;\n                }\n\n                setQuery(next);\n              }}\n              onKeyDown={(event) => {\n                if (creatable && event.key === \"Enter\" && query.trim() !== \"\") {\n                  event.preventDefault();\n                  commitCreate(query);\n                }\n              }}\n              placeholder={searchPlaceholder}\n              value={query}\n            />\n            {loading && (\n              <Icon\n                name=\"loader-2\"\n                aria-hidden=\"true\"\n                className=\"size-lt-icon-md shrink-0 animate-spin text-lt-muted-fg\"\n              />\n            )}\n          </div>\n        )}\n\n        <div className=\"max-h-60 overflow-y-auto p-1\" role=\"listbox\">\n          {creatable && query.trim() !== \"\" && !exactMatch && (\n            <button\n              className=\"flex w-full items-center gap-2 rounded-lt-sm px-3 py-1.5 text-left text-sm transition-colors hover:bg-lt-accent hover:text-lt-accent-fg\"\n              data-test={testId ? `${testId}-create` : undefined}\n              onClick={() => commitCreate(query)}\n              type=\"button\"\n            >\n              <Icon name=\"plus\" aria-hidden=\"true\" className=\"size-lt-icon-md shrink-0\" />\n              {t(\"form.create-option\", 'Create \"{{label}}\"', { label: query.trim() })}\n            </button>\n          )}\n\n          {visibleOptions.length === 0 && !(creatable && query.trim() !== \"\" && !exactMatch) ? (\n            <p className=\"px-3 py-2 text-sm text-lt-muted-fg\">{emptyLabel}</p>\n          ) : (\n            visibleOptions.map((option) => {\n              const isSelected = selected.includes(option.value);\n\n              return (\n                <button\n                  aria-label={renderOption ? option.label : undefined}\n                  aria-selected={isSelected}\n                  className={cn(\n                    \"flex w-full items-center justify-between gap-2 rounded-lt-sm px-3 py-1.5 text-left text-sm transition-colors hover:bg-lt-accent hover:text-lt-accent-fg\",\n                    isSelected && \"bg-lt-accent/60\",\n                  )}\n                  data-slot=\"combobox-option\"\n                  data-test={testId ? `${testId}-option-${option.value}` : undefined}\n                  data-value={option.value}\n                  key={option.value}\n                  onClick={() => choose(option.value)}\n                  role=\"option\"\n                  type=\"button\"\n                >\n                  {renderOption ? (\n                    <span className=\"flex min-w-0 flex-1 items-center gap-2\">\n                      {renderOption(option)}\n                    </span>\n                  ) : (\n                    option.label\n                  )}\n                  {isSelected && (\n                    <Icon name=\"check\" aria-hidden=\"true\" className=\"size-lt-icon-md shrink-0\" />\n                  )}\n                </button>\n              );\n            })\n          )}\n        </div>\n      </PopoverContent>\n    </Popover>\n  );\n}\n\nexport { Combobox };\n"],"mappings":"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"}

package/dist/ui/confirm-dialog.d.ts

@@ -1,13 +0,0 @@
-import { Emphasis, Variant } from '../types/generated.js';
-export declare function ConfirmDialog({ title, description, confirmLabel, cancelLabel, confirmVariant, confirmEmphasis, processing, confirmDisabled, onConfirm, onCancel, }: {
-    title: string;
-    description?: string;
-    confirmLabel: string;
-    cancelLabel?: string;
-    confirmVariant?: Variant | null;
-    confirmEmphasis?: Emphasis | null;
-    processing?: boolean;
-    confirmDisabled?: boolean;
-    onConfirm: () => void;
-    onCancel: () => void;
-}): import("react").JSX.Element;