@nocoo/basalt 2.0.0-rc.1

package/dist/components/toggle-group.js

@@ -0,0 +1,48 @@
+"use client";
+import { cn as e } from "../utils/cn.js";
+import { FOCUS_RING as t } from "./overlay.js";
+import { useSelectionIndicator as n } from "../utils/selection-indicator.js";
+import * as r from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import * as o from "@radix-ui/react-toggle-group";
+//#region src/components/toggle-group.tsx
+var s = r.createContext("single"), c = r.forwardRef(({ className: t, children: r, ...c }, l) => {
+	let u = c.type === "single", { ref: d, state: f, motionClassName: p } = n({
+		itemSelector: "[data-state=\"on\"]",
+		enabled: u,
+		ref: l
+	});
+	return /* @__PURE__ */ i(s.Provider, {
+		value: c.type,
+		children: /* @__PURE__ */ a(o.Root, {
+			ref: d,
+			className: e("relative inline-flex h-8 shrink-0 items-center gap-0.5 rounded-full bg-basalt-muted p-0.5 ring-1 ring-basalt-border/70", t),
+			...c,
+			children: [u ? /* @__PURE__ */ i("span", {
+				"aria-hidden": "true",
+				"data-slot": "selection-indicator",
+				className: e("pointer-events-none absolute rounded-full bg-basalt-primary shadow-sm", p),
+				style: {
+					left: f.left,
+					width: f.visible ? f.width : 0,
+					top: f.top,
+					height: f.visible ? f.height : 0
+				}
+			}) : null, r]
+		})
+	});
+});
+c.displayName = o.Root.displayName;
+var l = r.forwardRef(({ className: n, ...a }, c) => {
+	let l = r.useContext(s);
+	return /* @__PURE__ */ i(o.Item, {
+		ref: c,
+		className: e("relative inline-flex h-7 items-center rounded-full px-2.5 text-[11px] font-semibold tracking-wide text-basalt-muted-foreground transition-colors", "hover:text-basalt-foreground", t, "data-[state=on]:text-basalt-primary-foreground", l === "multiple" && "data-[state=on]:bg-basalt-primary data-[state=on]:shadow-sm", "disabled:pointer-events-none disabled:opacity-50", n),
+		...a
+	});
+});
+l.displayName = o.Item.displayName;
+//#endregion
+export { c as ToggleGroup, l as ToggleGroupItem };
+
+//# sourceMappingURL=toggle-group.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-group.js","names":[],"sources":["../../src/components/toggle-group.tsx"],"sourcesContent":["import * as ToggleGroupPrimitive from \"@radix-ui/react-toggle-group\";\nimport * as React from \"react\";\nimport { cn } from \"../utils/cn\";\nimport { useSelectionIndicator } from \"../utils/selection-indicator\";\nimport { FOCUS_RING } from \"./overlay\";\n\nconst ToggleGroupMode = React.createContext<\"single\" | \"multiple\">(\"single\");\n\nexport const ToggleGroup = React.forwardRef<\n\tReact.ElementRef<typeof ToggleGroupPrimitive.Root>,\n\tReact.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root>\n>(({ className, children, ...props }, ref) => {\n\tconst sliding = props.type === \"single\";\n\tconst {\n\t\tref: rootRef,\n\t\tstate,\n\t\tmotionClassName,\n\t} = useSelectionIndicator({\n\t\titemSelector: '[data-state=\"on\"]',\n\t\tenabled: sliding,\n\t\tref,\n\t});\n\n\treturn (\n\t\t<ToggleGroupMode.Provider value={props.type}>\n\t\t\t<ToggleGroupPrimitive.Root\n\t\t\t\tref={rootRef}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"relative inline-flex h-8 shrink-0 items-center gap-0.5 rounded-full bg-basalt-muted p-0.5 ring-1 ring-basalt-border/70\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{sliding ? (\n\t\t\t\t\t<span\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\tdata-slot=\"selection-indicator\"\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\"pointer-events-none absolute rounded-full bg-basalt-primary shadow-sm\",\n\t\t\t\t\t\t\tmotionClassName,\n\t\t\t\t\t\t)}\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tleft: state.left,\n\t\t\t\t\t\t\twidth: state.visible ? state.width : 0,\n\t\t\t\t\t\t\ttop: state.top,\n\t\t\t\t\t\t\theight: state.visible ? state.height : 0,\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t) : null}\n\t\t\t\t{children}\n\t\t\t</ToggleGroupPrimitive.Root>\n\t\t</ToggleGroupMode.Provider>\n\t);\n});\nToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;\n\nexport const ToggleGroupItem = React.forwardRef<\n\tReact.ElementRef<typeof ToggleGroupPrimitive.Item>,\n\tReact.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item>\n>(({ className, ...props }, ref) => {\n\tconst mode = React.useContext(ToggleGroupMode);\n\treturn (\n\t\t<ToggleGroupPrimitive.Item\n\t\t\tref={ref}\n\t\t\tclassName={cn(\n\t\t\t\t\"relative inline-flex h-7 items-center rounded-full px-2.5 text-[11px] font-semibold tracking-wide text-basalt-muted-foreground transition-colors\",\n\t\t\t\t\"hover:text-basalt-foreground\",\n\t\t\t\tFOCUS_RING,\n\t\t\t\t\"data-[state=on]:text-basalt-primary-foreground\",\n\t\t\t\tmode === \"multiple\" && \"data-[state=on]:bg-basalt-primary data-[state=on]:shadow-sm\",\n\t\t\t\t\"disabled:pointer-events-none disabled:opacity-50\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n});\nToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;\n"],"mappings":";;;;;;;;AAMA,IAAM,IAAkB,EAAM,cAAqC,QAAQ,GAE9D,IAAc,EAAM,YAG9B,EAAE,cAAW,aAAU,GAAG,KAAS,MAAQ;CAC7C,IAAM,IAAU,EAAM,SAAS,UACzB,EACL,KAAK,GACL,UACA,uBACG,EAAsB;EACzB,cAAc;EACd,SAAS;EACT;CACD,CAAC;CAED,OACC,kBAAC,EAAgB,UAAjB;EAA0B,OAAO,EAAM;EACtC,UAAA,kBAAC,EAAqB,MAAtB;GACC,KAAK;GACL,WAAW,EACV,0HACA,CACD;GACA,GAAI;GANL,UAAA,CAQE,IACA,kBAAC,QAAD;IACC,eAAY;IACZ,aAAU;IACV,WAAW,EACV,yEACA,CACD;IACA,OAAO;KACN,MAAM,EAAM;KACZ,OAAO,EAAM,UAAU,EAAM,QAAQ;KACrC,KAAK,EAAM;KACX,QAAQ,EAAM,UAAU,EAAM,SAAS;IACxC;GACA,CAAA,IACE,MACH,CACyB;;CACF,CAAA;AAE5B,CAAC;AACD,EAAY,cAAc,EAAqB,KAAK;AAEpD,IAAa,IAAkB,EAAM,YAGlC,EAAE,cAAW,GAAG,KAAS,MAAQ;CACnC,IAAM,IAAO,EAAM,WAAW,CAAe;CAC7C,OACC,kBAAC,EAAqB,MAAtB;EACM;EACL,WAAW,EACV,oJACA,gCACA,GACA,kDACA,MAAS,cAAc,+DACvB,oDACA,CACD;EACA,GAAI;CACJ,CAAA;AAEH,CAAC;AACD,EAAgB,cAAc,EAAqB,KAAK"}

package/dist/components/toggle.d.ts

@@ -0,0 +1,7 @@
+import * as TogglePrimitive from "@radix-ui/react-toggle";
+import { type VariantProps } from "class-variance-authority";
+import * as React from "react";
+export declare const Toggle: React.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "lg" | "sm" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/toggle.js

@@ -0,0 +1,37 @@
+"use client";
+import { cn as e } from "../utils/cn.js";
+import { FOCUS_RING as t } from "./overlay.js";
+import * as n from "react";
+import { cva as r } from "class-variance-authority";
+import { jsx as i } from "react/jsx-runtime";
+import * as a from "@radix-ui/react-toggle";
+//#region src/components/toggle.tsx
+var o = r(`inline-flex items-center justify-center rounded-basalt-md text-sm font-medium transition-colors hover:bg-basalt-accent data-[state=on]:bg-basalt-accent ${t}`, {
+	variants: {
+		variant: {
+			default: "bg-basalt-muted text-basalt-foreground",
+			outline: "border border-basalt-border bg-basalt-secondary"
+		},
+		size: {
+			default: "h-9 px-3",
+			sm: "h-8 px-2 text-xs",
+			lg: "h-10 px-4"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+}), s = n.forwardRef(({ className: t, variant: n, size: r, ...s }, c) => /* @__PURE__ */ i(a.Root, {
+	ref: c,
+	className: e(o({
+		variant: n,
+		size: r
+	}), t),
+	...s
+}));
+s.displayName = a.Root.displayName;
+//#endregion
+export { s as Toggle };
+
+//# sourceMappingURL=toggle.js.map

package/dist/components/toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.js","names":[],"sources":["../../src/components/toggle.tsx"],"sourcesContent":["import * as TogglePrimitive from \"@radix-ui/react-toggle\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport * as React from \"react\";\nimport { cn } from \"../utils/cn\";\nimport { FOCUS_RING } from \"./overlay\";\n\nconst toggleVariants = cva(\n\t`inline-flex items-center justify-center rounded-basalt-md text-sm font-medium transition-colors hover:bg-basalt-accent data-[state=on]:bg-basalt-accent ${FOCUS_RING}`,\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: \"bg-basalt-muted text-basalt-foreground\",\n\t\t\t\toutline: \"border border-basalt-border bg-basalt-secondary\",\n\t\t\t},\n\t\t\tsize: { default: \"h-9 px-3\", sm: \"h-8 px-2 text-xs\", lg: \"h-10 px-4\" },\n\t\t},\n\t\tdefaultVariants: { variant: \"default\", size: \"default\" },\n\t},\n);\n\nexport const Toggle = React.forwardRef<\n\tReact.ElementRef<typeof TogglePrimitive.Root>,\n\tReact.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>\n>(({ className, variant, size, ...props }, ref) => (\n\t<TogglePrimitive.Root\n\t\tref={ref}\n\t\tclassName={cn(toggleVariants({ variant, size }), className)}\n\t\t{...props}\n\t/>\n));\nToggle.displayName = TogglePrimitive.Root.displayName;\n"],"mappings":";;;;;;;;AAMA,IAAM,IAAiB,EACtB,2JAA2J,KAC3J;CACC,UAAU;EACT,SAAS;GACR,SAAS;GACT,SAAS;EACV;EACA,MAAM;GAAE,SAAS;GAAY,IAAI;GAAoB,IAAI;EAAY;CACtE;CACA,iBAAiB;EAAE,SAAS;EAAW,MAAM;CAAU;AACxD,CACD,GAEa,IAAS,EAAM,YAGzB,EAAE,cAAW,YAAS,SAAM,GAAG,KAAS,MAC1C,kBAAC,EAAgB,MAAjB;CACM;CACL,WAAW,EAAG,EAAe;EAAE;EAAS;CAAK,CAAC,GAAG,CAAS;CAC1D,GAAI;AACJ,CAAA,CACD;AACD,EAAO,cAAc,EAAgB,KAAK"}

package/dist/components/toolbar.d.ts

@@ -0,0 +1,58 @@
+import * as React from "react";
+import { type ButtonProps } from "./button.js";
+import { Input } from "./input.js";
+export type ToolbarProps = Omit<React.HTMLAttributes<HTMLDivElement>, "aria-label"> & {
+    /**
+     * Accessible name for the toolbar.
+     */
+    "aria-label"?: string;
+};
+export type ToolbarButtonProps = Omit<ButtonProps, "variant" | "disabled" | "asChild"> & {
+    /**
+     * Disable the toolbar button.
+     * @default false
+     */
+    disabled?: boolean;
+};
+export declare const ToolbarButton: React.ForwardRefExoticComponent<Omit<ButtonProps, "asChild" | "disabled" | "variant"> & {
+    /**
+     * Disable the toolbar button.
+     * @default false
+     */
+    disabled?: boolean;
+} & React.RefAttributes<HTMLButtonElement>>;
+export type ToolbarInputProps = Omit<React.ComponentPropsWithoutRef<typeof Input>, "disabled"> & {
+    /**
+     * Disable the toolbar input.
+     * @default false
+     */
+    disabled?: boolean;
+};
+export declare const ToolbarInput: React.ForwardRefExoticComponent<Omit<Omit<Omit<import("./input.js").InputProps, "ref"> & React.RefAttributes<HTMLInputElement>, "ref">, "disabled"> & {
+    /**
+     * Disable the toolbar input.
+     * @default false
+     */
+    disabled?: boolean;
+} & React.RefAttributes<HTMLInputElement>>;
+export declare const Toolbar: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, "aria-label"> & {
+    /**
+     * Accessible name for the toolbar.
+     */
+    "aria-label"?: string;
+} & React.RefAttributes<HTMLDivElement>> & {
+    Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "asChild" | "disabled" | "variant"> & {
+        /**
+         * Disable the toolbar button.
+         * @default false
+         */
+        disabled?: boolean;
+    } & React.RefAttributes<HTMLButtonElement>>;
+    Input: React.ForwardRefExoticComponent<Omit<Omit<Omit<import("./input.js").InputProps, "ref"> & React.RefAttributes<HTMLInputElement>, "ref">, "disabled"> & {
+        /**
+         * Disable the toolbar input.
+         * @default false
+         */
+        disabled?: boolean;
+    } & React.RefAttributes<HTMLInputElement>>;
+};

package/dist/components/toolbar.js

@@ -0,0 +1,76 @@
+"use client";
+import { cn as e } from "../utils/cn.js";
+import { FOCUS_INSET as t } from "./overlay.js";
+import { Button as n } from "./button.js";
+import { Input as r } from "./input.js";
+import * as i from "react";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/components/toolbar.tsx
+var o = e("relative min-w-0 rounded-none border-0 bg-transparent shadow-none", "first:rounded-l-basalt-md last:rounded-r-basalt-md", "focus-within:z-2 focus:z-2 focus-visible:z-2");
+function s(e) {
+	return [...e.querySelectorAll("button:not([disabled]), input:not([disabled])")].filter((t) => t.closest("[role=\"toolbar\"]") === e);
+}
+function c(e, t) {
+	for (let n of e) n.tabIndex = n === t ? 0 : -1;
+}
+var l = i.forwardRef(({ className: t, onKeyDown: n, onFocus: r, ...o }, l) => {
+	let u = i.useRef(null);
+	return i.useLayoutEffect(() => {
+		let e = u.current;
+		if (!e) return;
+		let t = s(e), n = t.find((e) => e.tabIndex === 0 && !e.disabled) ?? t[0];
+		n && c(t, n);
+	}), /* @__PURE__ */ a("div", {
+		ref: (e) => {
+			u.current = e, typeof l == "function" ? l(e) : l && (l.current = e);
+		},
+		...o,
+		role: "toolbar",
+		onFocus: (e) => {
+			r?.(e);
+			let t = s(e.currentTarget), n = e.target;
+			t.includes(n) && c(t, n);
+		},
+		onKeyDown: (e) => {
+			if (n?.(e), e.defaultPrevented || e.key !== "ArrowRight" && e.key !== "ArrowLeft") return;
+			if (e.target instanceof HTMLInputElement || e.target instanceof HTMLTextAreaElement) {
+				let t = e.target.selectionStart ?? 0;
+				if (t !== (e.target.selectionEnd ?? t) || e.key === "ArrowLeft" && t > 0 || e.key === "ArrowRight" && t < e.target.value.length) return;
+			}
+			let t = s(e.currentTarget), r = t.indexOf(e.target);
+			if (r < 0 || t.length === 0) return;
+			e.preventDefault();
+			let i = t[e.key === "ArrowRight" ? (r + 1) % t.length : (r - 1 + t.length) % t.length];
+			i && (c(t, i), i.focus());
+		},
+		className: e("inline-flex w-fit items-stretch rounded-basalt-md bg-basalt-secondary shadow-xs ring-1 ring-basalt-border", "[&>*:not(:first-child)]:border-l [&>*:not(:first-child)]:border-basalt-border", t)
+	});
+});
+l.displayName = "Toolbar";
+var u = i.forwardRef(({ className: t, size: r, icon: i, children: s, ...c }, l) => {
+	let u = r ?? (i && s == null ? "icon" : "default");
+	return /* @__PURE__ */ a(n, {
+		ref: l,
+		icon: i,
+		className: e(o, "h-auto min-h-9 shrink-0", u === "icon" && "w-9", t),
+		...c,
+		variant: "ghost",
+		size: u,
+		children: s
+	});
+});
+u.displayName = "Toolbar.Button";
+var d = i.forwardRef(({ className: n, ...i }, s) => /* @__PURE__ */ a(r, {
+	ref: s,
+	className: e(o, t, "h-auto min-h-9", n),
+	...i
+}));
+d.displayName = "Toolbar.Input";
+var f = Object.assign(l, {
+	Button: u,
+	Input: d
+});
+//#endregion
+export { f as Toolbar, u as ToolbarButton, d as ToolbarInput };
+
+//# sourceMappingURL=toolbar.js.map

package/dist/components/toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.js","names":[],"sources":["../../src/components/toolbar.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../utils/cn\";\nimport { Button, type ButtonProps } from \"./button\";\nimport { Input } from \"./input\";\nimport { FOCUS_INSET } from \"./overlay\";\n\nconst toolbarControlClass = cn(\n\t\"relative min-w-0 rounded-none border-0 bg-transparent shadow-none\",\n\t\"first:rounded-l-basalt-md last:rounded-r-basalt-md\",\n\t\"focus-within:z-2 focus:z-2 focus-visible:z-2\",\n);\n\nexport type ToolbarProps = Omit<React.HTMLAttributes<HTMLDivElement>, \"aria-label\"> & {\n\t/**\n\t * Accessible name for the toolbar.\n\t */\n\t\"aria-label\"?: string;\n};\n\nfunction toolbarItems(root: HTMLElement) {\n\treturn [\n\t\t...root.querySelectorAll<HTMLElement>(\"button:not([disabled]), input:not([disabled])\"),\n\t].filter((node) => node.closest('[role=\"toolbar\"]') === root);\n}\n\nfunction setRovingTab(items: HTMLElement[], active: HTMLElement) {\n\tfor (const item of items) {\n\t\titem.tabIndex = item === active ? 0 : -1;\n\t}\n}\n\nconst ToolbarRoot = React.forwardRef<HTMLDivElement, ToolbarProps>(\n\t({ className, onKeyDown, onFocus, ...props }, ref) => {\n\t\tconst innerRef = React.useRef<HTMLDivElement | null>(null);\n\t\tReact.useLayoutEffect(() => {\n\t\t\tconst root = innerRef.current;\n\t\t\tif (!root) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst items = toolbarItems(root);\n\t\t\tconst active =\n\t\t\t\titems.find((item) => item.tabIndex === 0 && !(item as HTMLButtonElement).disabled) ??\n\t\t\t\titems[0];\n\t\t\tif (active) {\n\t\t\t\tsetRovingTab(items, active);\n\t\t\t}\n\t\t});\n\t\treturn (\n\t\t\t<div\n\t\t\t\tref={(node) => {\n\t\t\t\t\tinnerRef.current = node;\n\t\t\t\t\tif (typeof ref === \"function\") {\n\t\t\t\t\t\tref(node);\n\t\t\t\t\t} else if (ref) {\n\t\t\t\t\t\tref.current = node;\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t\t{...props}\n\t\t\t\trole=\"toolbar\"\n\t\t\t\tonFocus={(event) => {\n\t\t\t\t\tonFocus?.(event);\n\t\t\t\t\tconst items = toolbarItems(event.currentTarget);\n\t\t\t\t\tconst target = event.target as HTMLElement;\n\t\t\t\t\tif (items.includes(target)) {\n\t\t\t\t\t\tsetRovingTab(items, target);\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t\tonKeyDown={(event) => {\n\t\t\t\t\tonKeyDown?.(event);\n\t\t\t\t\tif (event.defaultPrevented || (event.key !== \"ArrowRight\" && event.key !== \"ArrowLeft\")) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t\tif (\n\t\t\t\t\t\tevent.target instanceof HTMLInputElement ||\n\t\t\t\t\t\tevent.target instanceof HTMLTextAreaElement\n\t\t\t\t\t) {\n\t\t\t\t\t\tconst start = event.target.selectionStart ?? 0;\n\t\t\t\t\t\tconst end = event.target.selectionEnd ?? start;\n\t\t\t\t\t\tif (start !== end) {\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (event.key === \"ArrowLeft\" && start > 0) {\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (event.key === \"ArrowRight\" && start < event.target.value.length) {\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tconst items = toolbarItems(event.currentTarget);\n\t\t\t\t\tconst index = items.indexOf(event.target as HTMLElement);\n\t\t\t\t\tif (index < 0 || items.length === 0) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\tconst next =\n\t\t\t\t\t\tevent.key === \"ArrowRight\"\n\t\t\t\t\t\t\t? (index + 1) % items.length\n\t\t\t\t\t\t\t: (index - 1 + items.length) % items.length;\n\t\t\t\t\tconst node = items[next];\n\t\t\t\t\tif (node) {\n\t\t\t\t\t\tsetRovingTab(items, node);\n\t\t\t\t\t\tnode.focus();\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"inline-flex w-fit items-stretch rounded-basalt-md bg-basalt-secondary shadow-xs ring-1 ring-basalt-border\",\n\t\t\t\t\t\"[&>*:not(:first-child)]:border-l [&>*:not(:first-child)]:border-basalt-border\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t/>\n\t\t);\n\t},\n);\nToolbarRoot.displayName = \"Toolbar\";\n\nexport type ToolbarButtonProps = Omit<ButtonProps, \"variant\" | \"disabled\" | \"asChild\"> & {\n\t/**\n\t * Disable the toolbar button.\n\t * @default false\n\t */\n\tdisabled?: boolean;\n};\n\nexport const ToolbarButton = React.forwardRef<HTMLButtonElement, ToolbarButtonProps>(\n\t({ className, size, icon, children, ...props }, ref) => {\n\t\tconst resolvedSize = size ?? (icon && children == null ? \"icon\" : \"default\");\n\t\treturn (\n\t\t\t<Button\n\t\t\t\tref={ref}\n\t\t\t\ticon={icon}\n\t\t\t\tclassName={cn(\n\t\t\t\t\ttoolbarControlClass,\n\t\t\t\t\t\"h-auto min-h-9 shrink-0\",\n\t\t\t\t\tresolvedSize === \"icon\" && \"w-9\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t\tvariant=\"ghost\"\n\t\t\t\tsize={resolvedSize}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</Button>\n\t\t);\n\t},\n);\nToolbarButton.displayName = \"Toolbar.Button\";\n\nexport type ToolbarInputProps = Omit<React.ComponentPropsWithoutRef<typeof Input>, \"disabled\"> & {\n\t/**\n\t * Disable the toolbar input.\n\t * @default false\n\t */\n\tdisabled?: boolean;\n};\n\nexport const ToolbarInput = React.forwardRef<HTMLInputElement, ToolbarInputProps>(\n\t({ className, ...props }, ref) => (\n\t\t<Input\n\t\t\tref={ref}\n\t\t\tclassName={cn(toolbarControlClass, FOCUS_INSET, \"h-auto min-h-9\", className)}\n\t\t\t{...props}\n\t\t/>\n\t),\n);\nToolbarInput.displayName = \"Toolbar.Input\";\n\nexport const Toolbar = Object.assign(ToolbarRoot, {\n\tButton: ToolbarButton,\n\tInput: ToolbarInput,\n});\n"],"mappings":";;;;;;;;AAMA,IAAM,IAAsB,EAC3B,qEACA,sDACA,8CACD;AASA,SAAS,EAAa,GAAmB;CACxC,OAAO,CACN,GAAG,EAAK,iBAA8B,+CAA+C,CACtF,CAAC,CAAC,QAAQ,MAAS,EAAK,QAAQ,oBAAkB,MAAM,CAAI;AAC7D;AAEA,SAAS,EAAa,GAAsB,GAAqB;CAChE,KAAK,IAAM,KAAQ,GAClB,EAAK,WAAW,MAAS,IAAS,IAAI;AAExC;AAEA,IAAM,IAAc,EAAM,YACxB,EAAE,cAAW,cAAW,YAAS,GAAG,KAAS,MAAQ;CACrD,IAAM,IAAW,EAAM,OAA8B,IAAI;CAczD,OAbA,EAAM,sBAAsB;EAC3B,IAAM,IAAO,EAAS;EACtB,IAAI,CAAC,GACJ;EAED,IAAM,IAAQ,EAAa,CAAI,GACzB,IACL,EAAM,MAAM,MAAS,EAAK,aAAa,KAAK,CAAE,EAA2B,QAAQ,KACjF,EAAM;EACP,AAAI,KACH,EAAa,GAAO,CAAM;CAE5B,CAAC,GAEA,kBAAC,OAAD;EACC,MAAM,MAAS;GAEd,AADA,EAAS,UAAU,GACf,OAAO,KAAQ,aAClB,EAAI,CAAI,IACE,MACV,EAAI,UAAU;EAEhB;EACA,GAAI;EACJ,MAAK;EACL,UAAU,MAAU;GACnB,IAAU,CAAK;GACf,IAAM,IAAQ,EAAa,EAAM,aAAa,GACxC,IAAS,EAAM;GACrB,AAAI,EAAM,SAAS,CAAM,KACxB,EAAa,GAAO,CAAM;EAE5B;EACA,YAAY,MAAU;GAErB,IADA,IAAY,CAAK,GACb,EAAM,oBAAqB,EAAM,QAAQ,gBAAgB,EAAM,QAAQ,aAC1E;GAED,IACC,EAAM,kBAAkB,oBACxB,EAAM,kBAAkB,qBACvB;IACD,IAAM,IAAQ,EAAM,OAAO,kBAAkB;IAQ7C,IANI,OADQ,EAAM,OAAO,gBAAgB,MAIrC,EAAM,QAAQ,eAAe,IAAQ,KAGrC,EAAM,QAAQ,gBAAgB,IAAQ,EAAM,OAAO,MAAM,QAC5D;GAEF;GACA,IAAM,IAAQ,EAAa,EAAM,aAAa,GACxC,IAAQ,EAAM,QAAQ,EAAM,MAAqB;GACvD,IAAI,IAAQ,KAAK,EAAM,WAAW,GACjC;GAED,EAAM,eAAe;GAKrB,IAAM,IAAO,EAHZ,EAAM,QAAQ,gBACV,IAAQ,KAAK,EAAM,UACnB,IAAQ,IAAI,EAAM,UAAU,EAAM;GAEvC,AAAI,MACH,EAAa,GAAO,CAAI,GACxB,EAAK,MAAM;EAEb;EACA,WAAW,EACV,6GACA,iFACA,CACD;CACA,CAAA;AAEH,CACD;AACA,EAAY,cAAc;AAU1B,IAAa,IAAgB,EAAM,YACjC,EAAE,cAAW,SAAM,SAAM,aAAU,GAAG,KAAS,MAAQ;CACvD,IAAM,IAAe,MAAS,KAAQ,KAAY,OAAO,SAAS;CAClE,OACC,kBAAC,GAAD;EACM;EACC;EACN,WAAW,EACV,GACA,2BACA,MAAiB,UAAU,OAC3B,CACD;EACA,GAAI;EACJ,SAAQ;EACR,MAAM;EAEL;CACM,CAAA;AAEV,CACD;AACA,EAAc,cAAc;AAU5B,IAAa,IAAe,EAAM,YAChC,EAAE,cAAW,GAAG,KAAS,MACzB,kBAAC,GAAD;CACM;CACL,WAAW,EAAG,GAAqB,GAAa,kBAAkB,CAAS;CAC3E,GAAI;AACJ,CAAA,CAEH;AACA,EAAa,cAAc;AAE3B,IAAa,IAAU,OAAO,OAAO,GAAa;CACjD,QAAQ;CACR,OAAO;AACR,CAAC"}

package/dist/components/tooltip.d.ts

@@ -0,0 +1,13 @@
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import * as React from "react";
+export type TooltipProps = Omit<React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Root>, "delayDuration"> & {
+    /**
+     * Delay before the tooltip opens, in milliseconds.
+     * @default 700
+     */
+    delayDuration?: number;
+};
+export declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
+export declare const Tooltip: React.FC<TooltipProps>;
+export declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/tooltip.js

@@ -0,0 +1,18 @@
+"use client";
+import { cn as e } from "../utils/cn.js";
+import { OVERLAY_LAYER as t, OVERLAY_MOTION as n } from "./overlay.js";
+import * as r from "react";
+import { jsx as i } from "react/jsx-runtime";
+import * as a from "@radix-ui/react-tooltip";
+//#region src/components/tooltip.tsx
+var o = a.Provider, s = a.Root, c = a.Trigger, l = r.forwardRef(({ className: r, sideOffset: o = 4, ...s }, c) => /* @__PURE__ */ i(a.Portal, { children: /* @__PURE__ */ i(a.Content, {
+	ref: c,
+	sideOffset: o,
+	className: e(t, n, "overflow-hidden rounded-basalt-md border border-basalt-border bg-basalt-popover px-3 py-1.5 text-sm text-basalt-popover-foreground shadow-md", r),
+	...s
+}) }));
+l.displayName = a.Content.displayName;
+//#endregion
+export { s as Tooltip, l as TooltipContent, o as TooltipProvider, c as TooltipTrigger };
+
+//# sourceMappingURL=tooltip.js.map

package/dist/components/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.js","names":[],"sources":["../../src/components/tooltip.tsx"],"sourcesContent":["import * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\nimport * as React from \"react\";\nimport { cn } from \"../utils/cn\";\nimport { OVERLAY_LAYER, OVERLAY_MOTION } from \"./overlay\";\n\nexport type TooltipProps = Omit<\n\tReact.ComponentPropsWithoutRef<typeof TooltipPrimitive.Root>,\n\t\"delayDuration\"\n> & {\n\t/**\n\t * Delay before the tooltip opens, in milliseconds.\n\t * @default 700\n\t */\n\tdelayDuration?: number;\n};\n\nexport const TooltipProvider = TooltipPrimitive.Provider;\nexport const Tooltip: React.FC<TooltipProps> = TooltipPrimitive.Root;\nexport const TooltipTrigger = TooltipPrimitive.Trigger;\n\nexport const TooltipContent = React.forwardRef<\n\tReact.ElementRef<typeof TooltipPrimitive.Content>,\n\tReact.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => (\n\t<TooltipPrimitive.Portal>\n\t\t<TooltipPrimitive.Content\n\t\t\tref={ref}\n\t\t\tsideOffset={sideOffset}\n\t\t\tclassName={cn(\n\t\t\t\tOVERLAY_LAYER,\n\t\t\t\tOVERLAY_MOTION,\n\t\t\t\t\"overflow-hidden rounded-basalt-md border border-basalt-border bg-basalt-popover px-3 py-1.5 text-sm text-basalt-popover-foreground shadow-md\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t</TooltipPrimitive.Portal>\n));\nTooltipContent.displayName = TooltipPrimitive.Content.displayName;\n"],"mappings":";;;;;;;AAgBA,IAAa,IAAkB,EAAiB,UACnC,IAAkC,EAAiB,MACnD,IAAiB,EAAiB,SAElC,IAAiB,EAAM,YAGjC,EAAE,cAAW,gBAAa,GAAG,GAAG,KAAS,MAC3C,kBAAC,EAAiB,QAAlB,EAAA,UACC,kBAAC,EAAiB,SAAlB;CACM;CACO;CACZ,WAAW,EACV,GACA,GACA,gJACA,CACD;CACA,GAAI;AACJ,CAAA,EACuB,CAAA,CACzB;AACD,EAAe,cAAc,EAAiB,QAAQ"}

package/dist/components/typeahead-field.d.ts

@@ -0,0 +1,24 @@
+import { type ComponentPropsWithoutRef } from "react";
+import { type InputSize } from "./input.js";
+export type TypeaheadItem = {
+    value: string;
+    label: string;
+    disabled?: boolean;
+};
+export declare function TypeaheadField({ items, value, defaultValue, onValueChange, name, placeholder, disabled, loading, size, className, id, allowFreeform, "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid, onBlur, ...rest }: {
+    items: TypeaheadItem[];
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    name?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    loading?: boolean;
+    size?: InputSize;
+    className?: string;
+    id?: string;
+    allowFreeform: boolean;
+    "aria-label"?: string;
+    "aria-describedby"?: string;
+    "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling";
+} & Omit<ComponentPropsWithoutRef<"div">, "children" | "defaultValue" | "onChange">): import("react").JSX.Element;

package/dist/components/typeahead-field.js

@@ -0,0 +1,177 @@
+"use client";
+import { cn as e } from "../utils/cn.js";
+import { overlayItemClass as t, overlayPanelClass as n } from "./overlay.js";
+import { Input as r } from "./input.js";
+import { useEffect as i, useId as a, useRef as o, useState as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/components/typeahead-field.tsx
+function u({ items: u, value: p, defaultValue: m = "", onValueChange: h, name: g, placeholder: _ = "Select…", disabled: v = !1, loading: y = !1, size: b = "default", className: x, id: S, allowFreeform: C, "aria-label": w, "aria-describedby": T, "aria-invalid": E, onBlur: D, ...O }) {
+	let [k, A] = s(m), j = p ?? k, [M, N] = s(d(u, j)), [P, F] = s(p), [I, L] = s(!1), [R, z] = s(null), B = a(), V = o(null), H = o(!1);
+	p !== P && (F(p), p === void 0 ? P !== void 0 && (A(P), N(d(u, P))) : N(d(u, p)));
+	let U = d(u, j), [W, G] = s(U);
+	U !== W && (G(U), (!I || M === W) && N(U)), i(() => {
+		let e = V.current?.form;
+		if (!e) return;
+		let t = (e) => {
+			queueMicrotask(() => {
+				e.defaultPrevented || (p === void 0 ? (A(m), N(d(u, m))) : N(d(u, p)), L(!1), z(null));
+			});
+		};
+		return e.addEventListener("reset", t), () => e.removeEventListener("reset", t);
+	}, [
+		m,
+		u,
+		p
+	]);
+	let K = f(u, M, !C), q = R === null || K.length === 0 ? null : Math.min(R, K.length - 1), J = q === null ? void 0 : K[q], Y = I && K.length > 0, X = v || y;
+	i(() => {
+		if (!I) return;
+		let e = f(u, M, !C).length;
+		z((t) => t === null || e === 0 ? null : Math.min(t, e - 1));
+	}, [
+		C,
+		u,
+		I,
+		M
+	]);
+	function Z(e, t) {
+		p === void 0 ? (A(e), N(t)) : N(d(u, p)), L(!1), z(null), h?.(e), V.current && document.activeElement !== V.current && (H.current = !0, V.current.focus());
+	}
+	function Q(e) {
+		e.disabled || Z(e.value, e.label);
+	}
+	function $(e) {
+		let t = e.trim(), n = u.find((e) => !e.disabled && (e.label.toLowerCase() === t.toLowerCase() || e.value === t));
+		if (n) {
+			Q(n);
+			return;
+		}
+		Z(t, t);
+	}
+	return i(() => {
+		if (!I) return;
+		let e = (e) => {
+			e.key !== "Escape" || e.isComposing || (e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation(), L(!1), N(d(u, j)), z(null));
+		};
+		return window.addEventListener("keydown", e, !0), document.addEventListener("keydown", e, !0), () => {
+			window.removeEventListener("keydown", e, !0), document.removeEventListener("keydown", e, !0);
+		};
+	}, [
+		u,
+		I,
+		j
+	]), /* @__PURE__ */ l("div", {
+		...O,
+		className: e("relative w-full", x),
+		onBlur: (e) => {
+			if (D?.(e), !e.currentTarget.contains(e.relatedTarget)) {
+				if (C) {
+					if (M.trim() !== d(u, j)) {
+						$(M);
+						return;
+					}
+				} else N(d(u, j));
+				L(!1), z(null);
+			}
+		},
+		children: [
+			g ? /* @__PURE__ */ c("input", {
+				type: "hidden",
+				name: g,
+				value: j,
+				disabled: X
+			}) : null,
+			/* @__PURE__ */ c(r, {
+				ref: V,
+				id: S,
+				value: M,
+				disabled: X,
+				size: b,
+				"aria-busy": y || void 0,
+				"aria-invalid": E,
+				"aria-describedby": T,
+				onChange: (e) => {
+					N(e.target.value), L(!0), z(null);
+				},
+				onFocus: () => {
+					if (!X) {
+						if (H.current) {
+							H.current = !1;
+							return;
+						}
+						z(null), L(!0);
+					}
+				},
+				onClick: () => {
+					X || (I || z(null), L(!0));
+				},
+				onKeyDown: (e) => {
+					if (!(e.nativeEvent.isComposing || e.key === "Process")) {
+						if (e.key === "ArrowDown") {
+							if (e.preventDefault(), L(!0), K.length === 0) {
+								z(null);
+								return;
+							}
+							z((e) => e === null ? 0 : (e + 1) % K.length);
+							return;
+						}
+						if (e.key === "ArrowUp") {
+							if (e.preventDefault(), L(!0), K.length === 0) {
+								z(null);
+								return;
+							}
+							z((e) => e === null ? K.length - 1 : (e - 1 + K.length) % K.length);
+							return;
+						}
+						if (e.key === "Enter") {
+							if (I && J) {
+								e.preventDefault(), Q(J);
+								return;
+							}
+							C && M.trim() !== d(u, j) && (e.preventDefault(), $(M));
+						}
+					}
+				},
+				placeholder: _,
+				role: "combobox",
+				"aria-label": w ?? (S ? void 0 : _),
+				"aria-expanded": Y,
+				"aria-autocomplete": "list",
+				"aria-controls": Y ? B : void 0,
+				"aria-activedescendant": Y && J && q !== null ? `${B}-opt-${q}` : void 0
+			}),
+			Y ? /* @__PURE__ */ c("div", {
+				id: B,
+				role: "listbox",
+				className: n("absolute top-full z-20 mt-1 w-full"),
+				children: K.map((n, r) => /* @__PURE__ */ c("button", {
+					type: "button",
+					id: `${B}-opt-${r}`,
+					role: "option",
+					tabIndex: -1,
+					disabled: n.disabled,
+					"aria-disabled": n.disabled || void 0,
+					"aria-selected": r === q,
+					className: e(t("hover:bg-basalt-accent"), r === q && "bg-basalt-accent", n.disabled && "opacity-50"),
+					onMouseEnter: () => {
+						n.disabled || z(r);
+					},
+					onMouseDown: (e) => e.preventDefault(),
+					onClick: () => Q(n),
+					children: n.label
+				}, `${B}-opt-${r}`))
+			}) : null
+		]
+	});
+}
+function d(e, t) {
+	return e.find((e) => e.value === t)?.label ?? t;
+}
+function f(e, t, n) {
+	let r = t.trim().toLowerCase();
+	return r === "" ? n ? e : [] : e.filter((e) => e.label.toLowerCase().includes(r));
+}
+//#endregion
+export { u as TypeaheadField };
+
+//# sourceMappingURL=typeahead-field.js.map

package/dist/components/typeahead-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typeahead-field.js","names":[],"sources":["../../src/components/typeahead-field.tsx"],"sourcesContent":["import { type ComponentPropsWithoutRef, useEffect, useId, useRef, useState } from \"react\";\nimport { cn } from \"../utils/cn\";\nimport { Input, type InputSize } from \"./input\";\nimport { overlayItemClass, overlayPanelClass } from \"./overlay\";\n\nexport type TypeaheadItem = {\n\tvalue: string;\n\tlabel: string;\n\tdisabled?: boolean;\n};\n\nexport function TypeaheadField({\n\titems,\n\tvalue,\n\tdefaultValue = \"\",\n\tonValueChange,\n\tname,\n\tplaceholder = \"Select…\",\n\tdisabled = false,\n\tloading = false,\n\tsize = \"default\",\n\tclassName,\n\tid,\n\tallowFreeform,\n\t\"aria-label\": ariaLabel,\n\t\"aria-describedby\": ariaDescribedBy,\n\t\"aria-invalid\": ariaInvalid,\n\tonBlur,\n\t...rest\n}: {\n\titems: TypeaheadItem[];\n\tvalue?: string;\n\tdefaultValue?: string;\n\tonValueChange?: (value: string) => void;\n\tname?: string;\n\tplaceholder?: string;\n\tdisabled?: boolean;\n\tloading?: boolean;\n\tsize?: InputSize;\n\tclassName?: string;\n\tid?: string;\n\tallowFreeform: boolean;\n\t\"aria-label\"?: string;\n\t\"aria-describedby\"?: string;\n\t\"aria-invalid\"?: boolean | \"true\" | \"false\" | \"grammar\" | \"spelling\";\n} & Omit<ComponentPropsWithoutRef<\"div\">, \"children\" | \"defaultValue\" | \"onChange\">) {\n\tconst [uncontrolled, setUncontrolled] = useState(defaultValue);\n\tconst selected = value ?? uncontrolled;\n\tconst [query, setQuery] = useState(displayOf(items, selected));\n\tconst [prevValue, setPrevValue] = useState(value);\n\tconst [open, setOpen] = useState(false);\n\tconst [active, setActive] = useState<number | null>(null);\n\tconst listId = useId();\n\tconst inputRef = useRef<HTMLInputElement>(null);\n\tconst skipFocusOpen = useRef(false);\n\tif (value !== prevValue) {\n\t\tsetPrevValue(value);\n\t\tif (value !== undefined) {\n\t\t\tsetQuery(displayOf(items, value));\n\t\t} else if (prevValue !== undefined) {\n\t\t\tsetUncontrolled(prevValue);\n\t\t\tsetQuery(displayOf(items, prevValue));\n\t\t}\n\t}\n\tconst selectedDisplay = displayOf(items, selected);\n\tconst [prevDisplay, setPrevDisplay] = useState(selectedDisplay);\n\tif (selectedDisplay !== prevDisplay) {\n\t\tsetPrevDisplay(selectedDisplay);\n\t\tif (!open || query === prevDisplay) {\n\t\t\tsetQuery(selectedDisplay);\n\t\t}\n\t}\n\tuseEffect(() => {\n\t\tconst node = inputRef.current;\n\t\tconst form = node?.form;\n\t\tif (!form) {\n\t\t\treturn;\n\t\t}\n\t\tconst onReset = (event: Event) => {\n\t\t\tqueueMicrotask(() => {\n\t\t\t\tif (event.defaultPrevented) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tif (value === undefined) {\n\t\t\t\t\tsetUncontrolled(defaultValue);\n\t\t\t\t\tsetQuery(displayOf(items, defaultValue));\n\t\t\t\t} else {\n\t\t\t\t\tsetQuery(displayOf(items, value));\n\t\t\t\t}\n\t\t\t\tsetOpen(false);\n\t\t\t\tsetActive(null);\n\t\t\t});\n\t\t};\n\t\tform.addEventListener(\"reset\", onReset);\n\t\treturn () => form.removeEventListener(\"reset\", onReset);\n\t}, [defaultValue, items, value]);\n\tconst filtered = filterItems(items, query, !allowFreeform);\n\tconst activeIndex =\n\t\tactive === null || filtered.length === 0 ? null : Math.min(active, filtered.length - 1);\n\tconst activeItem = activeIndex === null ? undefined : filtered[activeIndex];\n\tconst listOpen = open && filtered.length > 0;\n\tconst busy = disabled || loading;\n\n\tuseEffect(() => {\n\t\tif (!open) {\n\t\t\treturn;\n\t\t}\n\t\tconst nextLen = filterItems(items, query, !allowFreeform).length;\n\t\tsetActive((current) => {\n\t\t\tif (current === null || nextLen === 0) {\n\t\t\t\treturn null;\n\t\t\t}\n\t\t\treturn Math.min(current, nextLen - 1);\n\t\t});\n\t}, [allowFreeform, items, open, query]);\n\n\tfunction commitValue(next: string, display: string) {\n\t\tif (value === undefined) {\n\t\t\tsetUncontrolled(next);\n\t\t\tsetQuery(display);\n\t\t} else {\n\t\t\tsetQuery(displayOf(items, value));\n\t\t}\n\t\tsetOpen(false);\n\t\tsetActive(null);\n\t\tonValueChange?.(next);\n\t\tif (inputRef.current && document.activeElement !== inputRef.current) {\n\t\t\tskipFocusOpen.current = true;\n\t\t\tinputRef.current.focus();\n\t\t}\n\t}\n\n\tfunction commitItem(item: TypeaheadItem) {\n\t\tif (item.disabled) {\n\t\t\treturn;\n\t\t}\n\t\tcommitValue(item.value, item.label);\n\t}\n\n\tfunction commitFreeform(text: string) {\n\t\tconst trimmed = text.trim();\n\t\tconst match = items.find(\n\t\t\t(item) =>\n\t\t\t\t!item.disabled &&\n\t\t\t\t(item.label.toLowerCase() === trimmed.toLowerCase() || item.value === trimmed),\n\t\t);\n\t\tif (match) {\n\t\t\tcommitItem(match);\n\t\t\treturn;\n\t\t}\n\t\tcommitValue(trimmed, trimmed);\n\t}\n\n\tuseEffect(() => {\n\t\tif (!open) {\n\t\t\treturn;\n\t\t}\n\t\tconst onKey = (event: KeyboardEvent) => {\n\t\t\tif (event.key !== \"Escape\" || event.isComposing) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tevent.preventDefault();\n\t\t\tevent.stopPropagation();\n\t\t\tevent.stopImmediatePropagation();\n\t\t\tsetOpen(false);\n\t\t\tsetQuery(displayOf(items, selected));\n\t\t\tsetActive(null);\n\t\t};\n\t\twindow.addEventListener(\"keydown\", onKey, true);\n\t\tdocument.addEventListener(\"keydown\", onKey, true);\n\t\treturn () => {\n\t\t\twindow.removeEventListener(\"keydown\", onKey, true);\n\t\t\tdocument.removeEventListener(\"keydown\", onKey, true);\n\t\t};\n\t}, [items, open, selected]);\n\n\treturn (\n\t\t<div\n\t\t\t{...rest}\n\t\t\tclassName={cn(\"relative w-full\", className)}\n\t\t\tonBlur={(event) => {\n\t\t\t\tonBlur?.(event);\n\t\t\t\tif (!event.currentTarget.contains(event.relatedTarget as Node | null)) {\n\t\t\t\t\tif (allowFreeform) {\n\t\t\t\t\t\tif (query.trim() !== displayOf(items, selected)) {\n\t\t\t\t\t\t\tcommitFreeform(query);\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\tsetQuery(displayOf(items, selected));\n\t\t\t\t\t}\n\t\t\t\t\tsetOpen(false);\n\t\t\t\t\tsetActive(null);\n\t\t\t\t}\n\t\t\t}}\n\t\t>\n\t\t\t{name ? <input type=\"hidden\" name={name} value={selected} disabled={busy} /> : null}\n\t\t\t<Input\n\t\t\t\tref={inputRef}\n\t\t\t\tid={id}\n\t\t\t\tvalue={query}\n\t\t\t\tdisabled={busy}\n\t\t\t\tsize={size}\n\t\t\t\taria-busy={loading || undefined}\n\t\t\t\taria-invalid={ariaInvalid}\n\t\t\t\taria-describedby={ariaDescribedBy}\n\t\t\t\tonChange={(event) => {\n\t\t\t\t\tsetQuery(event.target.value);\n\t\t\t\t\tsetOpen(true);\n\t\t\t\t\tsetActive(null);\n\t\t\t\t}}\n\t\t\t\tonFocus={() => {\n\t\t\t\t\tif (busy) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t\tif (skipFocusOpen.current) {\n\t\t\t\t\t\tskipFocusOpen.current = false;\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t\tsetActive(null);\n\t\t\t\t\tsetOpen(true);\n\t\t\t\t}}\n\t\t\t\tonClick={() => {\n\t\t\t\t\tif (busy) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t\tif (!open) {\n\t\t\t\t\t\tsetActive(null);\n\t\t\t\t\t}\n\t\t\t\t\tsetOpen(true);\n\t\t\t\t}}\n\t\t\t\tonKeyDown={(event) => {\n\t\t\t\t\tif (event.nativeEvent.isComposing || event.key === \"Process\") {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t\tif (event.key === \"ArrowDown\") {\n\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\tsetOpen(true);\n\t\t\t\t\t\tif (filtered.length === 0) {\n\t\t\t\t\t\t\tsetActive(null);\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tsetActive((current) => (current === null ? 0 : (current + 1) % filtered.length));\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t\tif (event.key === \"ArrowUp\") {\n\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\tsetOpen(true);\n\t\t\t\t\t\tif (filtered.length === 0) {\n\t\t\t\t\t\t\tsetActive(null);\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tsetActive((current) =>\n\t\t\t\t\t\t\tcurrent === null\n\t\t\t\t\t\t\t\t? filtered.length - 1\n\t\t\t\t\t\t\t\t: (current - 1 + filtered.length) % filtered.length,\n\t\t\t\t\t\t);\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t\tif (event.key === \"Enter\") {\n\t\t\t\t\t\tif (open && activeItem) {\n\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\tcommitItem(activeItem);\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (allowFreeform && query.trim() !== displayOf(items, selected)) {\n\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\tcommitFreeform(query);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t\tplaceholder={placeholder}\n\t\t\t\trole=\"combobox\"\n\t\t\t\taria-label={ariaLabel ?? (id ? undefined : placeholder)}\n\t\t\t\taria-expanded={listOpen}\n\t\t\t\taria-autocomplete=\"list\"\n\t\t\t\taria-controls={listOpen ? listId : undefined}\n\t\t\t\taria-activedescendant={\n\t\t\t\t\tlistOpen && activeItem && activeIndex !== null\n\t\t\t\t\t\t? `${listId}-opt-${activeIndex}`\n\t\t\t\t\t\t: undefined\n\t\t\t\t}\n\t\t\t/>\n\t\t\t{listOpen ? (\n\t\t\t\t<div\n\t\t\t\t\tid={listId}\n\t\t\t\t\trole=\"listbox\"\n\t\t\t\t\tclassName={overlayPanelClass(\"absolute top-full z-20 mt-1 w-full\")}\n\t\t\t\t>\n\t\t\t\t\t{filtered.map((item, index) => (\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tkey={`${listId}-opt-${index}`}\n\t\t\t\t\t\t\tid={`${listId}-opt-${index}`}\n\t\t\t\t\t\t\trole=\"option\"\n\t\t\t\t\t\t\ttabIndex={-1}\n\t\t\t\t\t\t\tdisabled={item.disabled}\n\t\t\t\t\t\t\taria-disabled={item.disabled || undefined}\n\t\t\t\t\t\t\taria-selected={index === activeIndex}\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\toverlayItemClass(\"hover:bg-basalt-accent\"),\n\t\t\t\t\t\t\t\tindex === activeIndex && \"bg-basalt-accent\",\n\t\t\t\t\t\t\t\titem.disabled && \"opacity-50\",\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\tonMouseEnter={() => {\n\t\t\t\t\t\t\t\tif (!item.disabled) {\n\t\t\t\t\t\t\t\t\tsetActive(index);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tonMouseDown={(event) => event.preventDefault()}\n\t\t\t\t\t\t\tonClick={() => commitItem(item)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{item.label}\n\t\t\t\t\t\t</button>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t) : null}\n\t\t</div>\n\t);\n}\n\nfunction displayOf(items: TypeaheadItem[], value: string) {\n\treturn items.find((item) => item.value === value)?.label ?? value;\n}\n\nfunction filterItems(items: TypeaheadItem[], query: string, showAllWhenEmpty: boolean) {\n\tconst needle = query.trim().toLowerCase();\n\tif (needle === \"\") {\n\t\treturn showAllWhenEmpty ? items : [];\n\t}\n\treturn items.filter((item) => item.label.toLowerCase().includes(needle));\n}\n"],"mappings":"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"}

package/dist/index.d.ts

@@ -0,0 +1,33 @@
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, } from "./components/alert-dialog.js";
+export { Avatar, AvatarFallback, AvatarImage } from "./components/avatar.js";
+export { Badge } from "./components/badge.js";
+export { Button } from "./components/button.js";
+export { Checkbox } from "./components/checkbox.js";
+export { Collapsible, CollapsibleContent, CollapsibleTrigger } from "./components/collapsible.js";
+export { CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandPalette, CommandPaletteTrigger, CommandSeparator, CommandShortcut, } from "./components/command-palette.js";
+export { ConfirmDialog, useConfirm } from "./components/confirm-dialog.js";
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, } from "./components/dialog.js";
+export { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from "./components/dropdown-menu.js";
+export { Field } from "./components/field.js";
+export { Input } from "./components/input.js";
+export { Label } from "./components/label.js";
+export { LayerCard } from "./components/layer-card.js";
+export { Link } from "./components/link.js";
+export { Meter } from "./components/meter.js";
+export { Popover, PopoverClose, PopoverContent, PopoverDescription, PopoverTitle, PopoverTrigger, } from "./components/popover.js";
+export { ScrollArea } from "./components/scroll-area.js";
+export { SegmentControl } from "./components/segment-control.js";
+export { Separator } from "./components/separator.js";
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, } from "./components/sheet.js";
+export { ContentIsland, Sidebar, SidebarFooter, SidebarGroup, SidebarHeader, SidebarIconItem, SidebarItem, SidebarNav, SidebarPartition, SidebarProvider, SidebarSearch, SidebarUser, } from "./components/sidebar.js";
+export { StatStrip } from "./components/stat-strip.js";
+export { Switch } from "./components/switch.js";
+export { TablePager } from "./components/table-pager.js";
+export { Tabs, TabsContent, TabsList, TabsTrigger } from "./components/tabs.js";
+export { Text } from "./components/text.js";
+export { ThemeToggle } from "./components/theme-toggle.js";
+export { Toast, Toaster, toast } from "./components/toast.js";
+export { Toolbar } from "./components/toolbar.js";
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./components/tooltip.js";
+export { LinkProvider } from "./providers/link.js";
+export { ThemeProvider } from "./providers/theme.js";

package/dist/index.js

@@ -0,0 +1,35 @@
+"use client";
+import { Button as e } from "./components/button.js";
+import { Dialog as t, DialogClose as n, DialogContent as r, DialogDescription as i, DialogFooter as a, DialogHeader as o, DialogTitle as s, DialogTrigger as c } from "./components/dialog.js";
+import { AlertDialog as l, AlertDialogAction as u, AlertDialogCancel as d, AlertDialogContent as f, AlertDialogDescription as p, AlertDialogFooter as m, AlertDialogHeader as h, AlertDialogTitle as g, AlertDialogTrigger as _ } from "./components/alert-dialog.js";
+import { Avatar as v, AvatarFallback as y, AvatarImage as b } from "./components/avatar.js";
+import { Badge as x } from "./components/badge.js";
+import { Checkbox as S } from "./components/checkbox.js";
+import { Collapsible as C, CollapsibleContent as w, CollapsibleTrigger as T } from "./components/collapsible.js";
+import { CommandEmpty as E, CommandGroup as D, CommandInput as O, CommandItem as k, CommandList as A, CommandPalette as j, CommandPaletteTrigger as M, CommandSeparator as N, CommandShortcut as P } from "./components/command-palette.js";
+import { ConfirmDialog as F, useConfirm as I } from "./components/confirm-dialog.js";
+import { DropdownMenu as L, DropdownMenuContent as R, DropdownMenuItem as z, DropdownMenuTrigger as B } from "./components/dropdown-menu.js";
+import { Tooltip as V, TooltipContent as H, TooltipProvider as U, TooltipTrigger as W } from "./components/tooltip.js";
+import { Label as G } from "./components/label.js";
+import { Field as K } from "./components/field.js";
+import { Input as q } from "./components/input.js";
+import { LayerCard as J } from "./components/layer-card.js";
+import { LinkProvider as Y } from "./providers/link.js";
+import { Link as X } from "./components/link.js";
+import { Meter as Z } from "./components/meter.js";
+import { Popover as Q, PopoverClose as $, PopoverContent as ee, PopoverDescription as te, PopoverTitle as ne, PopoverTrigger as re } from "./components/popover.js";
+import { ScrollArea as ie } from "./components/scroll-area.js";
+import { SegmentControl as ae } from "./components/segment-control.js";
+import { Separator as oe } from "./components/separator.js";
+import { Sheet as se, SheetClose as ce, SheetContent as le, SheetDescription as ue, SheetFooter as de, SheetHeader as fe, SheetTitle as pe, SheetTrigger as me } from "./components/sheet.js";
+import { ContentIsland as he, Sidebar as ge, SidebarFooter as _e, SidebarGroup as ve, SidebarHeader as ye, SidebarIconItem as be, SidebarItem as xe, SidebarNav as Se, SidebarPartition as Ce, SidebarProvider as we, SidebarSearch as Te, SidebarUser as Ee } from "./components/sidebar.js";
+import { StatStrip as De } from "./components/stat-strip.js";
+import { Switch as Oe } from "./components/switch.js";
+import { TablePager as ke } from "./components/table-pager.js";
+import { Tabs as Ae, TabsContent as je, TabsList as Me, TabsTrigger as Ne } from "./components/tabs.js";
+import { Text as Pe } from "./components/text.js";
+import { ThemeProvider as Fe } from "./providers/theme.js";
+import { ThemeToggle as Ie } from "./components/theme-toggle.js";
+import { Toast as Le, Toaster as Re, toast as ze } from "./components/toast.js";
+import { Toolbar as Be } from "./components/toolbar.js";
+export { l as AlertDialog, u as AlertDialogAction, d as AlertDialogCancel, f as AlertDialogContent, p as AlertDialogDescription, m as AlertDialogFooter, h as AlertDialogHeader, g as AlertDialogTitle, _ as AlertDialogTrigger, v as Avatar, y as AvatarFallback, b as AvatarImage, x as Badge, e as Button, S as Checkbox, C as Collapsible, w as CollapsibleContent, T as CollapsibleTrigger, E as CommandEmpty, D as CommandGroup, O as CommandInput, k as CommandItem, A as CommandList, j as CommandPalette, M as CommandPaletteTrigger, N as CommandSeparator, P as CommandShortcut, F as ConfirmDialog, he as ContentIsland, t as Dialog, n as DialogClose, r as DialogContent, i as DialogDescription, a as DialogFooter, o as DialogHeader, s as DialogTitle, c as DialogTrigger, L as DropdownMenu, R as DropdownMenuContent, z as DropdownMenuItem, B as DropdownMenuTrigger, K as Field, q as Input, G as Label, J as LayerCard, X as Link, Y as LinkProvider, Z as Meter, Q as Popover, $ as PopoverClose, ee as PopoverContent, te as PopoverDescription, ne as PopoverTitle, re as PopoverTrigger, ie as ScrollArea, ae as SegmentControl, oe as Separator, se as Sheet, ce as SheetClose, le as SheetContent, ue as SheetDescription, de as SheetFooter, fe as SheetHeader, pe as SheetTitle, me as SheetTrigger, ge as Sidebar, _e as SidebarFooter, ve as SidebarGroup, ye as SidebarHeader, be as SidebarIconItem, xe as SidebarItem, Se as SidebarNav, Ce as SidebarPartition, we as SidebarProvider, Te as SidebarSearch, Ee as SidebarUser, De as StatStrip, Oe as Switch, ke as TablePager, Ae as Tabs, je as TabsContent, Me as TabsList, Ne as TabsTrigger, Pe as Text, Fe as ThemeProvider, Ie as ThemeToggle, Le as Toast, Re as Toaster, Be as Toolbar, V as Tooltip, H as TooltipContent, U as TooltipProvider, W as TooltipTrigger, ze as toast, I as useConfirm };

package/dist/providers/link.d.ts

@@ -0,0 +1,12 @@
+import { type ComponentType, type ReactNode } from "react";
+type LinkComponent = ComponentType<{
+    href: string;
+    className?: string;
+    children?: ReactNode;
+}>;
+export declare function LinkProvider({ render, children, }: {
+    render?: LinkComponent;
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare function useLinkComponent(): "a" | LinkComponent;
+export {};