@rinzai/zen 0.5.0 → 0.6.0

package/dist/chart/tooltip.js

@@ -0,0 +1,51 @@
+"use client";
+import { cx as e } from "../utils/cx.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region packages/chart/tooltip.tsx
+function r({ title: r, rows: a, className: o }) {
+	return /* @__PURE__ */ n("div", {
+		className: e("glass glass-blur min-w-40 rounded-xl px-3 py-2.5 text-xs whitespace-nowrap", o),
+		children: [/* @__PURE__ */ t("div", {
+			className: "text-foreground mb-1.5 font-medium",
+			children: r
+		}), /* @__PURE__ */ t("dl", {
+			className: "flex flex-col gap-1",
+			children: a.map((e) => /* @__PURE__ */ n("div", {
+				className: "flex items-center justify-between gap-4",
+				children: [/* @__PURE__ */ n("dt", {
+					className: "text-muted-foreground flex items-center gap-1.5",
+					children: [e.color && /* @__PURE__ */ t(i, {
+						color: e.color,
+						dashed: e.dashed
+					}), e.label]
+				}), /* @__PURE__ */ t("dd", {
+					className: "text-foreground font-medium tabular-nums",
+					children: e.value
+				})]
+			}, e.label))
+		})]
+	});
+}
+function i({ color: e, dashed: n, kind: r = "line" }) {
+	return r === "line" || n ? /* @__PURE__ */ t("svg", {
+		viewBox: "0 0 12 4",
+		"aria-hidden": !0,
+		className: "h-1 w-3 shrink-0 overflow-visible",
+		children: /* @__PURE__ */ t("line", {
+			x1: "0.5",
+			y1: "2",
+			x2: "11.5",
+			y2: "2",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeDasharray: n ? "3 3" : void 0,
+			style: { stroke: e }
+		})
+	}) : /* @__PURE__ */ t("span", {
+		"aria-hidden": !0,
+		className: "size-2.5 shrink-0 rounded-[3px]",
+		style: { background: e }
+	});
+}
+//#endregion
+export { r as ChartTooltipCard, i as Key };

package/dist/checkbox/index.d.ts

@@ -0,0 +1,20 @@
+import { ComponentProps, ReactNode } from 'react';
+/**
+ * A checkbox: a native one, styled, so forms, the keyboard and screen readers
+ * work as usual. The tick draws itself in when checked; `indeterminate` shows a
+ * dash (e.g. "some selected"). With children, they're its label (and
+ * `description` a line under it); without, label it yourself or put it in a Field.
+ */
+export default function Checkbox({ children, description, indeterminate, onChange, className, ...rest }: CheckboxProps): import('react').JSX.Element;
+export interface CheckboxProps extends Omit<ComponentProps<'input'>, 'onChange' | 'type' | 'children'> {
+    onChange?: (checked: boolean) => void;
+    /** Shows a dash instead of the tick, e.g. when some of a group are checked. */
+    indeterminate?: boolean;
+    /** The label. */
+    children?: ReactNode;
+    /** A muted line under the label. */
+    description?: ReactNode;
+    /** Classes for the label (or, without one, the box). */
+    className?: string;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/checkbox/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/checkbox/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAqB,MAAM,OAAO,CAAC;AAErE;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC7B,QAAQ,EACR,WAAW,EACX,aAAqB,EACrB,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACV,EAAE,aAAa,+BAqEf;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,UAAU,CAAC;IAClG,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,+EAA+E;IAC/E,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iBAAiB;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,oCAAoC;IACpC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB"}

package/dist/checkbox/index.js

@@ -0,0 +1,61 @@
+"use client";
+import { cx as e } from "../utils/cx.js";
+import { useFieldProps as t } from "../field/index.js";
+import { useEffect as n, useRef as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region packages/checkbox/index.tsx
+function o({ children: o, description: s, indeterminate: c = !1, onChange: l, className: u, ...d }) {
+	let f = r(null);
+	n(() => {
+		f.current && (f.current.indeterminate = c);
+	}, [c]);
+	let p = t(d), m = /* @__PURE__ */ a("span", {
+		className: e("zen__checkbox relative inline-grid size-[1.125rem] shrink-0 place-items-center", !o && u),
+		children: [
+			/* @__PURE__ */ i("input", {
+				ref: f,
+				type: "checkbox",
+				...d,
+				...p,
+				"aria-checked": c ? "mixed" : void 0,
+				onChange: (e) => l?.(e.target.checked),
+				className: e("peer border-tint/20 bg-tint/[0.04] m-0 size-full cursor-pointer appearance-none rounded-[5px] border", "outline-hidden transition-[background-color,border-color,box-shadow] duration-200", "hover:enabled:border-tint/35 focus-visible:ring-ring/50 focus-visible:ring-2", "checked:border-primary checked:bg-primary indeterminate:border-primary indeterminate:bg-primary", "checked:shadow-[0_0_14px_-2px_oklch(var(--glow)/0.8)] indeterminate:shadow-[0_0_14px_-2px_oklch(var(--glow)/0.8)]", "aria-invalid:border-destructive disabled:cursor-not-allowed disabled:opacity-50")
+			}),
+			/* @__PURE__ */ i("svg", {
+				viewBox: "0 0 16 16",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "2.2",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				"aria-hidden": !0,
+				className: "text-primary-foreground pointer-events-none absolute size-3 opacity-0 transition-opacity duration-150 peer-checked:opacity-100 peer-indeterminate:hidden [&>path]:transition-[stroke-dashoffset] [&>path]:duration-300 [&>path]:ease-out [&>path]:[stroke-dasharray:16] [&>path]:[stroke-dashoffset:16] peer-checked:[&>path]:[stroke-dashoffset:0]",
+				children: /* @__PURE__ */ i("path", { d: "m3.5 8.5 3 3 6-7" })
+			}),
+			/* @__PURE__ */ i("svg", {
+				viewBox: "0 0 16 16",
+				stroke: "currentColor",
+				strokeWidth: "2.2",
+				strokeLinecap: "round",
+				"aria-hidden": !0,
+				className: "text-primary-foreground pointer-events-none absolute hidden size-3 peer-indeterminate:block",
+				children: /* @__PURE__ */ i("path", { d: "M4 8h8" })
+			})
+		]
+	});
+	return o ? /* @__PURE__ */ a("label", {
+		className: e("inline-flex cursor-pointer items-start gap-2.5 text-sm has-disabled:cursor-not-allowed has-disabled:opacity-60", u),
+		children: [/* @__PURE__ */ i("span", {
+			className: "mt-px flex",
+			children: m
+		}), /* @__PURE__ */ a("span", {
+			className: "flex flex-col gap-0.5",
+			children: [o, s && /* @__PURE__ */ i("span", {
+				className: "text-muted-foreground text-xs",
+				children: s
+			})]
+		})]
+	}) : m;
+}
+//#endregion
+export { o as default };

package/dist/chip/index.d.ts

@@ -0,0 +1,12 @@
+import { ComponentProps } from 'react';
+/**
+ * A small rounded button that can be pressed in, for quick picks beside a
+ * field (e.g. common tenures): `pressed` marks the one matching the field.
+ * For choosing exactly one of a few options, use Segmented.
+ */
+export default function Chip({ pressed, className, ...rest }: ChipProps): import('react').JSX.Element;
+export interface ChipProps extends ComponentProps<'button'> {
+    /** Shown pressed in (aria-pressed). */
+    pressed?: boolean;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/chip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/chip/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,SAAS,+BActE;AAED,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,QAAQ,CAAC;IACvD,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB"}

package/dist/chip/index.js

@@ -0,0 +1,14 @@
+"use client";
+import { cx as e } from "../utils/cx.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region packages/chip/index.tsx
+function n({ pressed: n, className: r, ...i }) {
+	return /* @__PURE__ */ t("button", {
+		type: "button",
+		"aria-pressed": n,
+		className: e("zen__chip border-tint/10 text-muted-foreground rounded-full border px-3 py-1 text-xs outline-hidden transition-colors", "hover:border-tint/20 hover:text-foreground focus-visible:ring-ring/50 focus-visible:ring-2", "aria-pressed:border-primary/40 aria-pressed:bg-primary/15 aria-pressed:text-foreground", r),
+		...i
+	});
+}
+//#endregion
+export { n as default };

package/dist/code-block/index.js

@@ -0,0 +1,36 @@
+"use client";
+import { cx as e } from "../utils/cx.js";
+import { useEffect as t, useState as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region packages/code-block/index.tsx
+function a({ code: a, language: o, highlight: s, copyable: c = !0, variant: l = "glass", className: u, ...d }) {
+	let f = a.trim(), [p, m] = n(!1);
+	return t(() => {
+		if (!p) return;
+		let e = setTimeout(() => m(!1), 1500);
+		return () => clearTimeout(e);
+	}, [p]), /* @__PURE__ */ i("div", {
+		className: e("zen__code-block group relative", l === "glass" && "glass glow-edge overflow-hidden rounded-xl", u),
+		"data-language": o,
+		...d,
+		children: [/* @__PURE__ */ r("pre", {
+			className: "text-foreground m-0! overflow-x-auto rounded-none! bg-transparent! p-5! font-mono text-[13px]! leading-6 font-normal!",
+			children: s ? /* @__PURE__ */ r("code", {
+				className: "bg-transparent! p-0! text-inherit!",
+				dangerouslySetInnerHTML: { __html: s(f, o) }
+			}) : /* @__PURE__ */ r("code", {
+				className: "bg-transparent! p-0! text-inherit!",
+				children: f
+			})
+		}), c && /* @__PURE__ */ r("button", {
+			type: "button",
+			onClick: async () => {
+				await navigator.clipboard?.writeText(f), m(!0);
+			},
+			className: e("text-muted-foreground hover:bg-tint/[0.07] hover:text-foreground focus-visible:ring-ring/50 absolute top-2.5 right-2.5 rounded-lg px-2.5 py-1 text-xs font-medium outline-hidden transition-[opacity,background-color,color] focus-visible:ring-2", "opacity-0 group-hover:opacity-100 focus-visible:opacity-100", p && "text-primary opacity-100"),
+			children: p ? "Copied" : "Copy"
+		})]
+	});
+}
+//#endregion
+export { a as default };

package/dist/collapse/index.d.ts

@@ -1,14 +1,24 @@
 import { BadgeProps } from '../badge';
-export default function Collapse<TData>(props: CollapseProps<TData>): import('react').JSX.Element;
+import { ReactNode } from 'react';
+/**
+ * A row showing as many items as fit on one line, and the rest behind a "+N"
+ * button that opens them in a popover. It measures the items as rendered (any
+ * content, font or style), and fits again whenever the row resizes. Size the
+ * row with className (e.g. w-full, max-w-md, gap-1).
+ */
+export default function Collapse<TData>({ items, data, children, moreLabel, badgeVariant, badgeClassName, className, }: CollapseProps<TData>): import('react').JSX.Element;
 export interface CollapseProps<TData> {
     items: string[];
+    /** Extra data per item, passed to `children` with it. */
     data?: TData[];
-    children: (item: string, index: number, itemData?: TData) => React.ReactNode;
-    moreItemsLabel?: string;
-    parentRef?: React.RefObject<HTMLElement | null>;
-    estimator?: (item: string, textWidth: number) => number;
-    font?: string;
+    /** Renders one item (in the row, or in the popover when it doesn't fit). */
+    children: (item: string, index: number, itemData?: TData) => ReactNode;
+    /** Text after the count on the "+N" button, e.g. "tags". */
+    moreLabel?: string;
     badgeVariant?: BadgeProps['variant'];
-    badgeStyles?: string;
+    /** Classes for the "+N" badge. */
+    badgeClassName?: string;
+    /** Classes for the row: its width, and the gap between items. */
+    className?: string;
 }
 //# sourceMappingURL=index.d.ts.map

package/dist/collapse/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/collapse/index.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAI/C,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,+BA+GlE;AACD,MAAM,WAAW,aAAa,CAAC,KAAK;IAChC,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,IAAI,CAAC,EAAE,KAAK,EAAE,CAAC;IACf,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,KAAK,KAAK,KAAK,CAAC,SAAS,CAAC;IAC7E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAChD,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,MAAM,CAAC;IACxD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/collapse/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAG/C,OAAO,EAAE,SAAS,EAAgD,MAAM,OAAO,CAAC;AAEhF;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,EACpC,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,SAAc,EACd,YAA0B,EAC1B,cAAc,EACd,SAAS,GACZ,EAAE,aAAa,CAAC,KAAK,CAAC,+BAiGtB;AAED,MAAM,WAAW,aAAa,CAAC,KAAK;IAChC,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,yDAAyD;IACzD,IAAI,CAAC,EAAE,KAAK,EAAE,CAAC;IACf,4EAA4E;IAC5E,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,KAAK,KAAK,SAAS,CAAC;IACvE,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IACrC,kCAAkC;IAClC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iEAAiE;IACjE,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB"}

package/dist/collapse/index.js

@@ -0,0 +1,82 @@
+"use client";
+import { cx as e } from "../utils/cx.js";
+import t from "../badge/index.js";
+import n, { PopoverContent as r, PopoverTrigger as i } from "../popover/index.js";
+import { useEffect as a, useLayoutEffect as o, useRef as s, useState as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region packages/collapse/index.tsx
+function d({ items: d, data: f, children: p, moreLabel: m = "", badgeVariant: h = "secondary", badgeClassName: g, className: _ }) {
+	let v = s(null), [y, b] = c(null), x = s({
+		items: [],
+		more: 0,
+		gap: 0
+	}), S = d.join("\0");
+	o(() => b(null), [S]), o(() => {
+		let e = v.current;
+		if (!e) return;
+		let t = () => {
+			let { items: t, more: n, gap: r } = x.current, i = e.clientWidth;
+			if (t.reduce((e, t) => e + t, 0) + r * Math.max(0, t.length - 1) <= i) return t.length;
+			let a = n, o = 0;
+			for (; o < t.length && a + t[o] + r <= i;) a += t[o++] + r;
+			return o;
+		};
+		if (y === null) {
+			let n = Array.from(e.querySelectorAll(":scope > [data-collapse-item]")), r = e.querySelector(":scope > [data-collapse-more]");
+			x.current = {
+				items: n.map((e) => e.offsetWidth),
+				more: r?.offsetWidth ?? 0,
+				gap: parseFloat(getComputedStyle(e).columnGap) || 0
+			}, b(t());
+			return;
+		}
+		if (typeof ResizeObserver > "u") return;
+		let n = new ResizeObserver(() => b(t()));
+		return n.observe(e), () => n.disconnect();
+	}, [y, S]), a(() => {
+		let e = !0;
+		return document.fonts?.ready.then(() => e && b(null)), () => {
+			e = !1;
+		};
+	}, []);
+	let C = y ?? d.length, w = d.slice(C), T = (e) => `+${e}${m ? ` ${m}` : ""}`;
+	return /* @__PURE__ */ u("div", {
+		ref: v,
+		className: e("zen__collapse flex min-w-0 items-center overflow-hidden", _),
+		children: [d.slice(0, C).map((e, t) => /* @__PURE__ */ l("span", {
+			"data-collapse-item": !0,
+			className: "flex shrink-0",
+			children: p(e, t, f?.[t])
+		}, e)), y === null ? /* @__PURE__ */ l("span", {
+			"data-collapse-more": !0,
+			"aria-hidden": !0,
+			className: "invisible flex shrink-0",
+			children: /* @__PURE__ */ l(t, {
+				variant: h,
+				className: g,
+				children: T(d.length)
+			})
+		}) : w.length > 0 && /* @__PURE__ */ u(n, { children: [/* @__PURE__ */ l(i, {
+			"data-collapse-more": !0,
+			onClick: (e) => e.stopPropagation(),
+			className: "flex shrink-0 rounded-md",
+			"aria-label": `Show ${T(w.length).slice(1)}`,
+			children: /* @__PURE__ */ l(t, {
+				variant: h,
+				className: e("cursor-pointer", g),
+				children: T(w.length)
+			})
+		}), /* @__PURE__ */ l(r, {
+			"aria-label": T(w.length).slice(1),
+			children: /* @__PURE__ */ l("div", {
+				className: "grid max-h-60 grid-flow-row grid-cols-2 gap-3 overflow-auto p-2",
+				children: w.map((e, t) => /* @__PURE__ */ l("span", {
+					className: "flex",
+					children: p(e, C + t, f?.[C + t])
+				}, e))
+			})
+		})] })]
+	});
+}
+//#endregion
+export { d as default };

package/dist/combobox/index.d.ts

@@ -0,0 +1,89 @@
+import { ComponentProps, ReactNode } from 'react';
+/**
+ * Pick one or several items from a list you can search: a field that opens a
+ * panel with a search box and the matching items. Compose it from
+ * ComboboxTrigger, ComboboxPopup, ComboboxSearch, ComboboxList (virtualized,
+ * for long lists), ComboboxItem, ComboboxEmpty and ComboboxCreate. Keyboard:
+ * Enter, Space or ↓ on the field opens it, typing searches, ↑↓ move, Enter
+ * chooses, Escape closes. Items can be any shape: say how to read a key and
+ * text from one with `itemKey` and `itemText`.
+ */
+export default function Combobox<T>(props: ComboboxProps<T>): import('react').JSX.Element;
+/**
+ * The field: shows the choice (text, or chips when `multiple`) or the
+ * placeholder, and opens the panel. Pass children to show the value your own way.
+ */
+export declare function ComboboxTrigger({ placeholder, disabled, className, style, children, ...rest }: ComboboxTriggerProps): import('react').JSX.Element;
+/** The panel under the field. Put ComboboxSearch and ComboboxList in it. */
+export declare function ComboboxPopup({ className, children }: {
+    className?: string;
+    children: ReactNode;
+}): import('react').JSX.Element;
+/** The search box: focused when the panel opens; ↑↓ move through the matches and Enter chooses. */
+export declare function ComboboxSearch({ placeholder, 'aria-label': ariaLabel, }: ComboboxSearchProps): import('react').JSX.Element;
+/**
+ * The matching items, rendered only while in view (so thousands stay fast).
+ * Rows are `itemHeight` px tall; `renderItem` draws each (default: a
+ * ComboboxItem). Put ComboboxEmpty or ComboboxCreate inside for no matches.
+ */
+export declare function ComboboxList<T>({ renderItem, itemHeight, children }: ComboboxListProps<T>): import('react').JSX.Element;
+/** One item in a ComboboxList: a check when chosen, then its text (or your own content). */
+export declare function ComboboxItem<T>({ item, className, children }: ComboboxItemProps<T>): import('react').JSX.Element;
+/** Shown when the search matches nothing. */
+export declare function ComboboxEmpty({ children }: {
+    children?: ReactNode;
+}): import('react').JSX.Element | null;
+/**
+ * Offered when the search matches nothing: adds what was typed (Enter works
+ * too). `children` renders the row from the text (default "Add …").
+ */
+export declare function ComboboxCreate({ onCreate, children }: ComboboxCreateProps): import('react').JSX.Element | null;
+interface ComboboxBaseProps<T> {
+    items: readonly T[];
+    /** How to read an item's unique key (default: its `key`). */
+    itemKey?: (item: T) => string;
+    /** How to read an item's text, shown and searched (default: its `text`). */
+    itemText?: (item: T) => string;
+    /** Whether an item matches the search (default: its text contains it, any case). */
+    filter?: (item: T, query: string) => boolean;
+    /** Chosen items that aren't in `items` (e.g. just created), so the field can still show them. */
+    selectedItems?: readonly T[];
+    children: ReactNode;
+}
+export type ComboboxProps<T> = ComboboxBaseProps<T> & ({
+    multiple?: false;
+    value: string | null;
+    onValueChange: (key: string) => void;
+} | {
+    multiple: true;
+    value: readonly string[];
+    onValueChange: (keys: string[]) => void;
+});
+export interface ComboboxTriggerProps extends Omit<ComponentProps<'div'>, 'children'> {
+    /** Shown while nothing is chosen. */
+    placeholder?: string;
+    disabled?: boolean;
+    /** Your own display of the value (default: its text, or chips). */
+    children?: ReactNode;
+}
+export interface ComboboxSearchProps {
+    placeholder?: string;
+    'aria-label'?: string;
+}
+export interface ComboboxListProps<T> {
+    renderItem?: (item: T) => ReactNode;
+    /** Height of every row, in px (default 35). */
+    itemHeight?: number;
+    children?: ReactNode;
+}
+export interface ComboboxItemProps<T> {
+    item: T;
+    className?: string;
+    children?: ReactNode;
+}
+export interface ComboboxCreateProps {
+    onCreate: (text: string) => void;
+    children?: (text: string) => ReactNode;
+}
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/combobox/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/combobox/index.tsx"],"names":[],"mappings":"AAaA,OAAO,EAEH,cAAc,EAGd,SAAS,EAOZ,MAAM,OAAO,CAAC;AAkCf;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,CAAC,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,+BAkE1D;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAC5B,WAA8B,EAC9B,QAAQ,EACR,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACV,EAAE,oBAAoB,+BAkEtB;AA6CD,4EAA4E;AAC5E,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,+BAUjG;AAED,mGAAmG;AACnG,wBAAgB,cAAc,CAAC,EAC3B,WAAsB,EACtB,YAAY,EAAE,SAA4B,GAC7C,EAAE,mBAAmB,+BAkDrB;AAWD;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,CAAC,EAAE,EAAE,UAAU,EAAE,UAAe,EAAE,QAAQ,EAAE,EAAE,iBAAiB,CAAC,CAAC,CAAC,+BA6B9F;AAED,4FAA4F;AAC5F,wBAAgB,YAAY,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,iBAAiB,CAAC,CAAC,CAAC,+BA0BlF;AAED,6CAA6C;AAC7C,wBAAgB,aAAa,CAAC,EAAE,QAA6B,EAAE,EAAE;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,sCAIxF;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,QAAkC,EAAE,EAAE,mBAAmB,sCAuBnG;AAED,UAAU,iBAAiB,CAAC,CAAC;IACzB,KAAK,EAAE,SAAS,CAAC,EAAE,CAAC;IACpB,6DAA6D;IAC7D,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAC9B,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAC/B,oFAAoF;IACpF,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IAC7C,iGAAiG;IACjG,aAAa,CAAC,EAAE,SAAS,CAAC,EAAE,CAAC;IAC7B,QAAQ,EAAE,SAAS,CAAC;CACvB;AACD,MAAM,MAAM,aAAa,CAAC,CAAC,IAAI,iBAAiB,CAAC,CAAC,CAAC,GAC/C,CACM;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC;IAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAAC,aAAa,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;CAAE,GAChF;IAAE,QAAQ,EAAE,IAAI,CAAC;IAAC,KAAK,EAAE,SAAS,MAAM,EAAE,CAAC;IAAC,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;CAAE,CAC1F,CAAC;AACN,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IACjF,qCAAqC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mEAAmE;IACnE,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AACD,MAAM,WAAW,mBAAmB;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB;AACD,MAAM,WAAW,iBAAiB,CAAC,CAAC;IAChC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC;IACpC,+CAA+C;IAC/C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AACD,MAAM,WAAW,iBAAiB,CAAC,CAAC;IAChC,IAAI,EAAE,CAAC,CAAC;IACR,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AACD,MAAM,WAAW,mBAAmB;IAChC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,SAAS,CAAC;CAC1C"}