@dowel-ui/react 0.1.0

package/dist/components/card/card.d.ts

@@ -0,0 +1,23 @@
+import { ComponentPropsWithRef } from "react";
+//#region src/components/card/card.d.ts
+/** Surface that groups related content and actions. */
+declare function Card({ className, ...props }: ComponentPropsWithRef<"div">): import("react").JSX.Element;
+declare function CardHeader({ className, ...props }: ComponentPropsWithRef<"div">): import("react").JSX.Element;
+interface CardTitleProps extends ComponentPropsWithRef<"h3"> {
+  /**
+   * Renders the child element instead of an `<h3>`.
+   *
+   * A card title is an `h3` because that is right in most layouts, and wrong in
+   * some — heading levels have to increase by one, and a card sitting directly
+   * under an `h1` needs an `h2`. Use this to set the level the page actually
+   * requires, or to render something that is not a heading at all.
+   */
+  asChild?: boolean;
+}
+declare function CardTitle({ className, asChild, children, ...props }: CardTitleProps): import("react").JSX.Element;
+declare function CardDescription({ className, ...props }: ComponentPropsWithRef<"p">): import("react").JSX.Element;
+declare function CardContent({ className, ...props }: ComponentPropsWithRef<"div">): import("react").JSX.Element;
+declare function CardFooter({ className, ...props }: ComponentPropsWithRef<"div">): import("react").JSX.Element;
+//#endregion
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CardTitleProps };
+//# sourceMappingURL=card.d.ts.map

package/dist/components/card/card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","names":[],"sources":["../../../src/components/card/card.tsx"],"mappings":";;;iBAMgB,OAAO,cAAc,SAAS,+CAA4B,IAAA;iBAa1D,aAAa,cAAc,SAAS,+CAA4B,IAAA;UAU/D,uBAAuB;;;;;;;;;EAStC;;iBAGc,YAAY,WAAW,SAAS,aAAa,SAAS,iCAAc,IAAA;iBAiBpE,kBAAkB,cAAc,SAAS,6CAA0B,IAAA;iBAUnE,cAAc,cAAc,SAAS,+CAA4B,IAAA;iBAIjE,aAAa,cAAc,SAAS,+CAA4B,IAAA"}

package/dist/components/card/card.js

@@ -0,0 +1,53 @@
+import { cn } from "../../lib/utils.js";
+import { Slot } from "radix-ui";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/card/card.tsx
+/** Surface that groups related content and actions. */
+function Card({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "card",
+		className: cn("flex flex-col rounded-xl border border-border bg-card text-card-foreground shadow-sm", className),
+		...props
+	});
+}
+function CardHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "card-header",
+		className: cn("flex flex-col gap-1.5 px-6 pt-6 pb-4", className),
+		...props
+	});
+}
+function CardTitle({ className, asChild, children, ...props }) {
+	const Comp = asChild ? Slot.Root : "h3";
+	return /* @__PURE__ */ jsx(Comp, {
+		"data-slot": "card-title",
+		className: cn("text-lg leading-tight font-semibold tracking-tight", className),
+		...props,
+		children
+	});
+}
+function CardDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx("p", {
+		"data-slot": "card-description",
+		className: cn("text-sm text-muted-foreground", className),
+		...props
+	});
+}
+function CardContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "card-content",
+		className: cn("px-6 pb-6", className),
+		...props
+	});
+}
+function CardFooter({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "card-footer",
+		className: cn("flex items-center gap-3 border-t border-border px-6 py-4", className),
+		...props
+	});
+}
+//#endregion
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
+
+//# sourceMappingURL=card.js.map

package/dist/components/card/card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.js","names":[],"sources":["../../../src/components/card/card.tsx"],"sourcesContent":["import { Slot } from \"radix-ui\";\nimport type { ComponentPropsWithRef } from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\n/** Surface that groups related content and actions. */\nexport function Card({ className, ...props }: ComponentPropsWithRef<\"div\">) {\n  return (\n    <div\n      data-slot=\"card\"\n      className={cn(\n        \"flex flex-col rounded-xl border border-border bg-card text-card-foreground shadow-sm\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport function CardHeader({ className, ...props }: ComponentPropsWithRef<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-header\"\n      className={cn(\"flex flex-col gap-1.5 px-6 pt-6 pb-4\", className)}\n      {...props}\n    />\n  );\n}\n\nexport interface CardTitleProps extends ComponentPropsWithRef<\"h3\"> {\n  /**\n   * Renders the child element instead of an `<h3>`.\n   *\n   * A card title is an `h3` because that is right in most layouts, and wrong in\n   * some — heading levels have to increase by one, and a card sitting directly\n   * under an `h1` needs an `h2`. Use this to set the level the page actually\n   * requires, or to render something that is not a heading at all.\n   */\n  asChild?: boolean;\n}\n\nexport function CardTitle({ className, asChild, children, ...props }: CardTitleProps) {\n  const Comp = asChild ? Slot.Root : \"h3\";\n\n  // `children` is destructured rather than spread so static analysis can see\n  // that the heading has content — a heading that renders empty is a real\n  // accessibility defect, and we want the linter able to catch it at call sites.\n  return (\n    <Comp\n      data-slot=\"card-title\"\n      className={cn(\"text-lg leading-tight font-semibold tracking-tight\", className)}\n      {...props}\n    >\n      {children}\n    </Comp>\n  );\n}\n\nexport function CardDescription({ className, ...props }: ComponentPropsWithRef<\"p\">) {\n  return (\n    <p\n      data-slot=\"card-description\"\n      className={cn(\"text-sm text-muted-foreground\", className)}\n      {...props}\n    />\n  );\n}\n\nexport function CardContent({ className, ...props }: ComponentPropsWithRef<\"div\">) {\n  return <div data-slot=\"card-content\" className={cn(\"px-6 pb-6\", className)} {...props} />;\n}\n\nexport function CardFooter({ className, ...props }: ComponentPropsWithRef<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-footer\"\n      className={cn(\"flex items-center gap-3 border-t border-border px-6 py-4\", className)}\n      {...props}\n    />\n  );\n}\n"],"mappings":";;;;;AAMA,SAAgB,KAAK,EAAE,WAAW,GAAG,SAAuC;CAC1E,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GACT,wFACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAgB,WAAW,EAAE,WAAW,GAAG,SAAuC;CAChF,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,wCAAwC,SAAS;EAC/D,GAAI;CACL,CAAA;AAEL;AAcA,SAAgB,UAAU,EAAE,WAAW,SAAS,UAAU,GAAG,SAAyB;CACpF,MAAM,OAAO,UAAU,KAAK,OAAO;CAKnC,OACE,oBAAC,MAAD;EACE,aAAU;EACV,WAAW,GAAG,sDAAsD,SAAS;EAC7E,GAAI;EAEH;CACG,CAAA;AAEV;AAEA,SAAgB,gBAAgB,EAAE,WAAW,GAAG,SAAqC;CACnF,OACE,oBAAC,KAAD;EACE,aAAU;EACV,WAAW,GAAG,iCAAiC,SAAS;EACxD,GAAI;CACL,CAAA;AAEL;AAEA,SAAgB,YAAY,EAAE,WAAW,GAAG,SAAuC;CACjF,OAAO,oBAAC,OAAD;EAAK,aAAU;EAAe,WAAW,GAAG,aAAa,SAAS;EAAG,GAAI;CAAQ,CAAA;AAC1F;AAEA,SAAgB,WAAW,EAAE,WAAW,GAAG,SAAuC;CAChF,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,4DAA4D,SAAS;EACnF,GAAI;CACL,CAAA;AAEL"}

package/dist/components/card/index.d.ts

@@ -0,0 +1,2 @@
+import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CardTitleProps } from "./card.js";
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, type CardTitleProps };

package/dist/components/card/index.js

@@ -0,0 +1,2 @@
+import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./card.js";
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };

package/dist/components/card/meta.js

@@ -0,0 +1,17 @@
+import { defineMeta } from "../../registry/schema.js";
+//#region src/components/card/meta.ts
+const meta = defineMeta({
+	name: "card",
+	title: "Card",
+	description: "A surface that groups related content and actions into a single block.",
+	category: "display",
+	status: "stable",
+	dependencies: ["radix-ui"],
+	registryDependencies: [],
+	files: ["card.tsx"],
+	a11y: "Card renders a plain div with no implicit landmark. CardTitle is an h3 by default — use asChild to set the level the page actually needs, since heading levels must increase by one, or to render something that is not a heading at all."
+});
+//#endregion
+export { meta };
+
+//# sourceMappingURL=meta.js.map

package/dist/components/card/meta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta.js","names":[],"sources":["../../../src/components/card/meta.ts"],"sourcesContent":["import { defineMeta } from \"@/registry/schema\";\n\nexport const meta = defineMeta({\n  name: \"card\",\n  title: \"Card\",\n  description: \"A surface that groups related content and actions into a single block.\",\n  category: \"display\",\n  status: \"stable\",\n  dependencies: [\"radix-ui\"],\n  registryDependencies: [],\n  files: [\"card.tsx\"],\n  a11y:\n    \"Card renders a plain div with no implicit landmark. CardTitle is an h3 by default — use \" +\n    \"asChild to set the level the page actually needs, since heading levels must increase by one, \" +\n    \"or to render something that is not a heading at all.\",\n});\n"],"mappings":";;AAEA,MAAa,OAAO,WAAW;CAC7B,MAAM;CACN,OAAO;CACP,aAAa;CACb,UAAU;CACV,QAAQ;CACR,cAAc,CAAC,UAAU;CACzB,sBAAsB,CAAC;CACvB,OAAO,CAAC,UAAU;CAClB,MACE;AAGJ,CAAC"}

package/dist/components/checkbox/checkbox.d.ts

@@ -0,0 +1,15 @@
+import { Checkbox } from "radix-ui";
+import { ComponentPropsWithRef } from "react";
+//#region src/components/checkbox/checkbox.d.ts
+/**
+ * A control for a single on/off choice, or one of several independent choices.
+ *
+ * Supports the indeterminate state (`checked="indeterminate"`) for a parent box
+ * summarising a partially-selected group. Indeterminate is a state the
+ * *application* sets, never a third value the user cycles into.
+ */
+type CheckboxProps = ComponentPropsWithRef<typeof Checkbox.Root>;
+declare function Checkbox$1({ className, ...props }: CheckboxProps): import("react").JSX.Element;
+//#endregion
+export { Checkbox$1 as Checkbox, CheckboxProps };
+//# sourceMappingURL=checkbox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.ts","names":[],"sources":["../../../src/components/checkbox/checkbox.tsx"],"mappings":";;;;;;;;;;KAeY,gBAAgB,6BAA6B,SAAkB;iBAE3D,aAAW,cAAc,SAAS,gCAAa,IAAA"}

package/dist/components/checkbox/checkbox.js

@@ -0,0 +1,45 @@
+"use client";
+import { focusRing } from "../../lib/styles.js";
+import { cn } from "../../lib/utils.js";
+import { Checkbox } from "radix-ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/checkbox/checkbox.tsx
+function Checkbox$1({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Checkbox.Root, {
+		"data-slot": "checkbox",
+		className: cn("peer size-4 shrink-0 rounded-xs border border-input bg-background shadow-xs", "transition-[background-color,border-color,box-shadow] duration-[var(--duration-fast)]", "data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground", "data-[state=indeterminate]:border-primary data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground", "disabled:cursor-not-allowed disabled:opacity-55", "aria-invalid:border-destructive", focusRing, className),
+		...props,
+		children: /* @__PURE__ */ jsxs(Checkbox.Indicator, {
+			"data-slot": "checkbox-indicator",
+			className: "group grid place-items-center text-current",
+			children: [/* @__PURE__ */ jsx("svg", {
+				viewBox: "0 0 24 24",
+				fill: "none",
+				"aria-hidden": "true",
+				className: "size-3.5 group-data-[state=indeterminate]:hidden",
+				children: /* @__PURE__ */ jsx("path", {
+					d: "m5 13 4 4L19 7",
+					stroke: "currentColor",
+					strokeWidth: "3",
+					strokeLinecap: "round",
+					strokeLinejoin: "round"
+				})
+			}), /* @__PURE__ */ jsx("svg", {
+				viewBox: "0 0 24 24",
+				fill: "none",
+				"aria-hidden": "true",
+				className: "hidden size-3.5 group-data-[state=indeterminate]:block",
+				children: /* @__PURE__ */ jsx("path", {
+					d: "M6 12h12",
+					stroke: "currentColor",
+					strokeWidth: "3",
+					strokeLinecap: "round"
+				})
+			})]
+		})
+	});
+}
+//#endregion
+export { Checkbox$1 as Checkbox };
+
+//# sourceMappingURL=checkbox.js.map

package/dist/components/checkbox/checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.js","names":["Checkbox","CheckboxPrimitive"],"sources":["../../../src/components/checkbox/checkbox.tsx"],"sourcesContent":["\"use client\";\n\nimport { Checkbox as CheckboxPrimitive } from \"radix-ui\";\nimport type { ComponentPropsWithRef } from \"react\";\n\nimport { focusRing } from \"@/lib/styles\";\nimport { cn } from \"@/lib/utils\";\n\n/**\n * A control for a single on/off choice, or one of several independent choices.\n *\n * Supports the indeterminate state (`checked=\"indeterminate\"`) for a parent box\n * summarising a partially-selected group. Indeterminate is a state the\n * *application* sets, never a third value the user cycles into.\n */\nexport type CheckboxProps = ComponentPropsWithRef<typeof CheckboxPrimitive.Root>;\n\nexport function Checkbox({ className, ...props }: CheckboxProps) {\n  return (\n    <CheckboxPrimitive.Root\n      data-slot=\"checkbox\"\n      className={cn(\n        \"peer size-4 shrink-0 rounded-xs border border-input bg-background shadow-xs\",\n        \"transition-[background-color,border-color,box-shadow] duration-[var(--duration-fast)]\",\n        \"data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground\",\n        \"data-[state=indeterminate]:border-primary data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground\",\n        \"disabled:cursor-not-allowed disabled:opacity-55\",\n        \"aria-invalid:border-destructive\",\n        focusRing,\n        className,\n      )}\n      {...props}\n    >\n      {/* The indicator carries data-state, so both marks live here and CSS picks\n          one. Rendering conditionally in JS would need the checked value, which\n          an uncontrolled checkbox does not expose. */}\n      <CheckboxPrimitive.Indicator\n        data-slot=\"checkbox-indicator\"\n        className=\"group grid place-items-center text-current\"\n      >\n        <svg\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          aria-hidden=\"true\"\n          className=\"size-3.5 group-data-[state=indeterminate]:hidden\"\n        >\n          <path\n            d=\"m5 13 4 4L19 7\"\n            stroke=\"currentColor\"\n            strokeWidth=\"3\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n          />\n        </svg>\n        <svg\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          aria-hidden=\"true\"\n          className=\"hidden size-3.5 group-data-[state=indeterminate]:block\"\n        >\n          <path d=\"M6 12h12\" stroke=\"currentColor\" strokeWidth=\"3\" strokeLinecap=\"round\" />\n        </svg>\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  );\n}\n"],"mappings":";;;;;;AAiBA,SAAgBA,WAAS,EAAE,WAAW,GAAG,SAAwB;CAC/D,OACE,oBAACC,SAAkB,MAAnB;EACE,aAAU;EACV,WAAW,GACT,+EACA,yFACA,oHACA,sIACA,mDACA,mCACA,WACA,SACF;EACA,GAAI;EAKJ,UAAA,qBAACA,SAAkB,WAAnB;GACE,aAAU;GACV,WAAU;GAFZ,UAAA,CAIE,oBAAC,OAAD;IACE,SAAQ;IACR,MAAK;IACL,eAAY;IACZ,WAAU;IAEV,UAAA,oBAAC,QAAD;KACE,GAAE;KACF,QAAO;KACP,aAAY;KACZ,eAAc;KACd,gBAAe;IAChB,CAAA;GACE,CAAA,GACL,oBAAC,OAAD;IACE,SAAQ;IACR,MAAK;IACL,eAAY;IACZ,WAAU;IAEV,UAAA,oBAAC,QAAD;KAAM,GAAE;KAAW,QAAO;KAAe,aAAY;KAAI,eAAc;IAAS,CAAA;GAC7E,CAAA,CACsB;;CACP,CAAA;AAE5B"}

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

@@ -0,0 +1,2 @@
+import { Checkbox, CheckboxProps } from "./checkbox.js";
+export { Checkbox, type CheckboxProps };

package/dist/components/checkbox/index.js

@@ -0,0 +1,2 @@
+import { Checkbox } from "./checkbox.js";
+export { Checkbox };

package/dist/components/checkbox/meta.js

@@ -0,0 +1,17 @@
+import { defineMeta } from "../../registry/schema.js";
+//#region src/components/checkbox/meta.ts
+const meta = defineMeta({
+	name: "checkbox",
+	title: "Checkbox",
+	description: "A control for an on/off choice, with support for an indeterminate state.",
+	category: "form",
+	status: "stable",
+	dependencies: ["radix-ui"],
+	registryDependencies: [],
+	files: ["checkbox.tsx"],
+	a11y: "Toggles with Space, matching the native control. Always pair with a Label via htmlFor/id — the box alone has no accessible name. Indeterminate is announced as \"mixed\" and is a state the application sets, not one the user can reach by clicking."
+});
+//#endregion
+export { meta };
+
+//# sourceMappingURL=meta.js.map

package/dist/components/checkbox/meta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta.js","names":[],"sources":["../../../src/components/checkbox/meta.ts"],"sourcesContent":["import { defineMeta } from \"@/registry/schema\";\n\nexport const meta = defineMeta({\n  name: \"checkbox\",\n  title: \"Checkbox\",\n  description: \"A control for an on/off choice, with support for an indeterminate state.\",\n  category: \"form\",\n  status: \"stable\",\n  dependencies: [\"radix-ui\"],\n  registryDependencies: [],\n  files: [\"checkbox.tsx\"],\n  a11y:\n    \"Toggles with Space, matching the native control. Always pair with a Label via htmlFor/id — \" +\n    'the box alone has no accessible name. Indeterminate is announced as \"mixed\" and is a ' +\n    \"state the application sets, not one the user can reach by clicking.\",\n});\n"],"mappings":";;AAEA,MAAa,OAAO,WAAW;CAC7B,MAAM;CACN,OAAO;CACP,aAAa;CACb,UAAU;CACV,QAAQ;CACR,cAAc,CAAC,UAAU;CACzB,sBAAsB,CAAC;CACvB,OAAO,CAAC,cAAc;CACtB,MACE;AAGJ,CAAC"}

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

@@ -0,0 +1,46 @@
+import { ComponentPropsWithRef } from "react";
+//#region src/components/code-block/code-block.d.ts
+/**
+ * A block of code, with a copy control.
+ *
+ * Syntax highlighting is deliberately not built in. A highlighter is a large
+ * dependency, a theme system of its own, and a choice between build-time and
+ * runtime that belongs to the application. Pass already-highlighted markup as
+ * children and the styling here applies to it; pass a plain string and it
+ * renders as plain code.
+ */
+interface CodeBlockProps extends ComponentPropsWithRef<"div"> {
+  /** Shown in the header and used as the language hint. */
+  language?: string;
+  /** Filename or other caption for the header. */
+  title?: string;
+  /**
+   * The text the copy button puts on the clipboard.
+   *
+   * Required when children are rendered markup, because reading text back out
+   * of highlighted DOM loses whitespace in ways that break pasted code.
+   */
+  code?: string;
+  /** Hides the copy control. */
+  hideCopy?: boolean;
+}
+declare function CodeBlock({ className, language, title, code, hideCopy, children, ...props }: CodeBlockProps): import("react").JSX.Element;
+interface CopyButtonProps extends Omit<ComponentPropsWithRef<"button">, "onClick"> {
+  getText: () => string;
+  label?: string;
+  copiedLabel?: string;
+  /** How long the confirmation stays, in milliseconds. */
+  resetAfter?: number;
+}
+/**
+ * Copies text and confirms it.
+ *
+ * The confirmation is announced politely as well as shown — a checkmark that
+ * only appears visually leaves a screen reader user with no idea whether the
+ * button did anything. Failure is surfaced too, rather than silently looking
+ * like success, since the clipboard API can be refused outright.
+ */
+declare function CopyButton({ className, getText, label, copiedLabel, resetAfter, ...props }: CopyButtonProps): import("react").JSX.Element;
+//#endregion
+export { CodeBlock, CodeBlockProps, CopyButton, CopyButtonProps };
+//# sourceMappingURL=code-block.d.ts.map

package/dist/components/code-block/code-block.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-block.d.ts","names":[],"sources":["../../../src/components/code-block/code-block.tsx"],"mappings":";;;;;;;;;;;UAiBiB,uBAAuB;;EAEtC;;EAEA;;;;;;;EAOA;;EAEA;;iBAGc,YACd,WACA,UACA,OACA,MACA,UACA,aACG,SACF,iCAAc,IAAA;UAwCA,wBAAwB,KAAK;EAC5C;EACA;EACA;;EAEA;;;;;;;;;;iBAWc,aACd,WACA,SACA,OACA,aACA,eACG,SACF,kCAAe,IAAA"}

package/dist/components/code-block/code-block.js

@@ -0,0 +1,110 @@
+"use client";
+import { focusRing } from "../../lib/styles.js";
+import { cn } from "../../lib/utils.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState } from "react";
+//#region src/components/code-block/code-block.tsx
+function CodeBlock({ className, language, title, code, hideCopy, children, ...props }) {
+	const preRef = useRef(null);
+	const showHeader = Boolean(title ?? language) || !hideCopy;
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "code-block",
+		"data-language": language,
+		className: cn("overflow-hidden rounded-lg border border-border bg-muted/40", className),
+		...props,
+		children: [showHeader ? /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-2 border-b border-border px-3 py-1.5",
+			children: [/* @__PURE__ */ jsx("span", {
+				className: "truncate text-2xs font-medium text-muted-foreground",
+				children: title ?? language
+			}), hideCopy ? null : /* @__PURE__ */ jsx(CopyButton, { getText: () => code ?? preRef.current?.textContent ?? "" })]
+		}) : null, /* @__PURE__ */ jsx("pre", {
+			ref: preRef,
+			tabIndex: 0,
+			role: "region",
+			"aria-label": title ?? (language ? `${language} code` : "Code"),
+			className: cn("overflow-x-auto p-3 font-mono text-xs leading-relaxed", focusRing, "focus-visible:ring-inset"),
+			children: /* @__PURE__ */ jsx("code", { children })
+		})]
+	});
+}
+/**
+* Copies text and confirms it.
+*
+* The confirmation is announced politely as well as shown — a checkmark that
+* only appears visually leaves a screen reader user with no idea whether the
+* button did anything. Failure is surfaced too, rather than silently looking
+* like success, since the clipboard API can be refused outright.
+*/
+function CopyButton({ className, getText, label = "Copy code", copiedLabel = "Copied", resetAfter = 2e3, ...props }) {
+	const [state, setState] = useState("idle");
+	const timer = useRef(null);
+	useEffect(() => () => {
+		if (timer.current) clearTimeout(timer.current);
+	}, []);
+	const copy = useCallback(() => {
+		const reset = () => {
+			if (timer.current) clearTimeout(timer.current);
+			timer.current = setTimeout(() => {
+				setState("idle");
+			}, resetAfter);
+		};
+		navigator.clipboard.writeText(getText()).then(() => {
+			setState("copied");
+			reset();
+		}, () => {
+			setState("error");
+			reset();
+		});
+	}, [getText, resetAfter]);
+	return /* @__PURE__ */ jsxs("button", {
+		type: "button",
+		"data-slot": "copy-button",
+		"data-state": state,
+		onClick: copy,
+		"aria-label": label,
+		className: cn("ml-auto grid size-6 shrink-0 place-items-center rounded text-muted-foreground", "transition-colors duration-[var(--duration-fast)] hover:bg-accent hover:text-foreground", focusRing, className),
+		...props,
+		children: [state === "copied" ? /* @__PURE__ */ jsx("svg", {
+			viewBox: "0 0 24 24",
+			fill: "none",
+			"aria-hidden": "true",
+			className: "size-3.5",
+			children: /* @__PURE__ */ jsx("path", {
+				d: "m5 13 4 4L19 7",
+				stroke: "currentColor",
+				strokeWidth: "2",
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			})
+		}) : /* @__PURE__ */ jsxs("svg", {
+			viewBox: "0 0 24 24",
+			fill: "none",
+			"aria-hidden": "true",
+			className: "size-3.5",
+			children: [/* @__PURE__ */ jsx("rect", {
+				x: "9",
+				y: "9",
+				width: "12",
+				height: "12",
+				rx: "2",
+				stroke: "currentColor",
+				strokeWidth: "2"
+			}), /* @__PURE__ */ jsx("path", {
+				d: "M5 15H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v1",
+				stroke: "currentColor",
+				strokeWidth: "2",
+				strokeLinecap: "round"
+			})]
+		}), /* @__PURE__ */ jsx("span", {
+			role: "status",
+			"aria-live": "polite",
+			className: "sr-only",
+			children: state === "copied" ? copiedLabel : state === "error" ? "Copy failed" : ""
+		})]
+	});
+}
+//#endregion
+export { CodeBlock, CopyButton };
+
+//# sourceMappingURL=code-block.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"code-block.js","names":[],"sources":["../../../src/components/code-block/code-block.tsx"],"sourcesContent":["\"use client\";\n\nimport { useCallback, useEffect, useRef, useState, type ComponentPropsWithRef } from \"react\";\n\nimport { focusRing } from \"@/lib/styles\";\nimport { cn } from \"@/lib/utils\";\n\n/**\n * A block of code, with a copy control.\n *\n * Syntax highlighting is deliberately not built in. A highlighter is a large\n * dependency, a theme system of its own, and a choice between build-time and\n * runtime that belongs to the application. Pass already-highlighted markup as\n * children and the styling here applies to it; pass a plain string and it\n * renders as plain code.\n */\n\nexport interface CodeBlockProps extends ComponentPropsWithRef<\"div\"> {\n  /** Shown in the header and used as the language hint. */\n  language?: string;\n  /** Filename or other caption for the header. */\n  title?: string;\n  /**\n   * The text the copy button puts on the clipboard.\n   *\n   * Required when children are rendered markup, because reading text back out\n   * of highlighted DOM loses whitespace in ways that break pasted code.\n   */\n  code?: string;\n  /** Hides the copy control. */\n  hideCopy?: boolean;\n}\n\nexport function CodeBlock({\n  className,\n  language,\n  title,\n  code,\n  hideCopy,\n  children,\n  ...props\n}: CodeBlockProps) {\n  const preRef = useRef<HTMLPreElement | null>(null);\n  const showHeader = Boolean(title ?? language) || !hideCopy;\n\n  return (\n    <div\n      data-slot=\"code-block\"\n      data-language={language}\n      className={cn(\"overflow-hidden rounded-lg border border-border bg-muted/40\", className)}\n      {...props}\n    >\n      {showHeader ? (\n        <div className=\"flex items-center gap-2 border-b border-border px-3 py-1.5\">\n          <span className=\"truncate text-2xs font-medium text-muted-foreground\">\n            {title ?? language}\n          </span>\n          {hideCopy ? null : (\n            <CopyButton getText={() => code ?? preRef.current?.textContent ?? \"\"} />\n          )}\n        </div>\n      ) : null}\n      <pre\n        ref={preRef}\n        // Focusable named region: code overflows horizontally, and a scroll box\n        // that cannot take focus is unreachable by keyboard.\n        tabIndex={0}\n        role=\"region\"\n        aria-label={title ?? (language ? `${language} code` : \"Code\")}\n        className={cn(\n          \"overflow-x-auto p-3 font-mono text-xs leading-relaxed\",\n          focusRing,\n          \"focus-visible:ring-inset\",\n        )}\n      >\n        <code>{children}</code>\n      </pre>\n    </div>\n  );\n}\n\nexport interface CopyButtonProps extends Omit<ComponentPropsWithRef<\"button\">, \"onClick\"> {\n  getText: () => string;\n  label?: string;\n  copiedLabel?: string;\n  /** How long the confirmation stays, in milliseconds. */\n  resetAfter?: number;\n}\n\n/**\n * Copies text and confirms it.\n *\n * The confirmation is announced politely as well as shown — a checkmark that\n * only appears visually leaves a screen reader user with no idea whether the\n * button did anything. Failure is surfaced too, rather than silently looking\n * like success, since the clipboard API can be refused outright.\n */\nexport function CopyButton({\n  className,\n  getText,\n  label = \"Copy code\",\n  copiedLabel = \"Copied\",\n  resetAfter = 2000,\n  ...props\n}: CopyButtonProps) {\n  const [state, setState] = useState<\"idle\" | \"copied\" | \"error\">(\"idle\");\n  const timer = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  useEffect(\n    () => () => {\n      if (timer.current) clearTimeout(timer.current);\n    },\n    [],\n  );\n\n  const copy = useCallback(() => {\n    const reset = () => {\n      if (timer.current) clearTimeout(timer.current);\n      timer.current = setTimeout(() => {\n        setState(\"idle\");\n      }, resetAfter);\n    };\n\n    navigator.clipboard.writeText(getText()).then(\n      () => {\n        setState(\"copied\");\n        reset();\n      },\n      () => {\n        // Refused by the browser or unavailable outside a secure context.\n        // Saying so beats pretending it worked.\n        setState(\"error\");\n        reset();\n      },\n    );\n  }, [getText, resetAfter]);\n\n  return (\n    <button\n      type=\"button\"\n      data-slot=\"copy-button\"\n      data-state={state}\n      onClick={copy}\n      aria-label={label}\n      className={cn(\n        \"ml-auto grid size-6 shrink-0 place-items-center rounded text-muted-foreground\",\n        \"transition-colors duration-[var(--duration-fast)] hover:bg-accent hover:text-foreground\",\n        focusRing,\n        className,\n      )}\n      {...props}\n    >\n      {state === \"copied\" ? (\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\" className=\"size-3.5\">\n          <path\n            d=\"m5 13 4 4L19 7\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n          />\n        </svg>\n      ) : (\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\" className=\"size-3.5\">\n          <rect\n            x=\"9\"\n            y=\"9\"\n            width=\"12\"\n            height=\"12\"\n            rx=\"2\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n          />\n          <path\n            d=\"M5 15H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v1\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n            strokeLinecap=\"round\"\n          />\n        </svg>\n      )}\n      {/* Announced, not just drawn. */}\n      <span role=\"status\" aria-live=\"polite\" className=\"sr-only\">\n        {state === \"copied\" ? copiedLabel : state === \"error\" ? \"Copy failed\" : \"\"}\n      </span>\n    </button>\n  );\n}\n"],"mappings":";;;;;;AAiCA,SAAgB,UAAU,EACxB,WACA,UACA,OACA,MACA,UACA,UACA,GAAG,SACc;CACjB,MAAM,SAAS,OAA8B,IAAI;CACjD,MAAM,aAAa,QAAQ,SAAS,QAAQ,KAAK,CAAC;CAElD,OACE,qBAAC,OAAD;EACE,aAAU;EACV,iBAAe;EACf,WAAW,GAAG,+DAA+D,SAAS;EACtF,GAAI;EAJN,UAAA,CAMG,aACC,qBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACE,oBAAC,QAAD;IAAM,WAAU;IACb,UAAA,SAAS;GACN,CAAA,GACL,WAAW,OACV,oBAAC,YAAD,EAAY,eAAe,QAAQ,OAAO,SAAS,eAAe,GAAK,CAAA,CAEtE;EACH,CAAA,IAAA,MACJ,oBAAC,OAAD;GACE,KAAK;GAGL,UAAU;GACV,MAAK;GACL,cAAY,UAAU,WAAW,GAAG,SAAS,SAAS;GACtD,WAAW,GACT,yDACA,WACA,0BACF;GAEA,UAAA,oBAAC,QAAD,EAAO,SAAe,CAAA;EACnB,CAAA,CACF;;AAET;;;;;;;;;AAkBA,SAAgB,WAAW,EACzB,WACA,SACA,QAAQ,aACR,cAAc,UACd,aAAa,KACb,GAAG,SACe;CAClB,MAAM,CAAC,OAAO,YAAY,SAAsC,MAAM;CACtE,MAAM,QAAQ,OAA6C,IAAI;CAE/D,sBACc;EACV,IAAI,MAAM,SAAS,aAAa,MAAM,OAAO;CAC/C,GACA,CAAC,CACH;CAEA,MAAM,OAAO,kBAAkB;EAC7B,MAAM,cAAc;GAClB,IAAI,MAAM,SAAS,aAAa,MAAM,OAAO;GAC7C,MAAM,UAAU,iBAAiB;IAC/B,SAAS,MAAM;GACjB,GAAG,UAAU;EACf;EAEA,UAAU,UAAU,UAAU,QAAQ,CAAC,CAAC,CAAC,WACjC;GACJ,SAAS,QAAQ;GACjB,MAAM;EACR,SACM;GAGJ,SAAS,OAAO;GAChB,MAAM;EACR,CACF;CACF,GAAG,CAAC,SAAS,UAAU,CAAC;CAExB,OACE,qBAAC,UAAD;EACE,MAAK;EACL,aAAU;EACV,cAAY;EACZ,SAAS;EACT,cAAY;EACZ,WAAW,GACT,iFACA,2FACA,WACA,SACF;EACA,GAAI;EAZN,UAAA,CAcG,UAAU,WACT,oBAAC,OAAD;GAAK,SAAQ;GAAY,MAAK;GAAO,eAAY;GAAO,WAAU;GAChE,UAAA,oBAAC,QAAD;IACE,GAAE;IACF,QAAO;IACP,aAAY;IACZ,eAAc;IACd,gBAAe;GAChB,CAAA;EACE,CAAA,IAEL,qBAAC,OAAD;GAAK,SAAQ;GAAY,MAAK;GAAO,eAAY;GAAO,WAAU;GAAlE,UAAA,CACE,oBAAC,QAAD;IACE,GAAE;IACF,GAAE;IACF,OAAM;IACN,QAAO;IACP,IAAG;IACH,QAAO;IACP,aAAY;GACb,CAAA,GACD,oBAAC,QAAD;IACE,GAAE;IACF,QAAO;IACP,aAAY;IACZ,eAAc;GACf,CAAA,CACE;EAGP,CAAA,GAAA,oBAAC,QAAD;GAAM,MAAK;GAAS,aAAU;GAAS,WAAU;GAC9C,UAAA,UAAU,WAAW,cAAc,UAAU,UAAU,gBAAgB;EACpE,CAAA,CACA;;AAEZ"}

package/dist/components/code-block/index.d.ts

@@ -0,0 +1,2 @@
+import { CodeBlock, CodeBlockProps, CopyButton, CopyButtonProps } from "./code-block.js";
+export { CodeBlock, type CodeBlockProps, CopyButton, type CopyButtonProps };

package/dist/components/code-block/index.js

@@ -0,0 +1,2 @@
+import { CodeBlock, CopyButton } from "./code-block.js";
+export { CodeBlock, CopyButton };

package/dist/components/code-block/meta.js

@@ -0,0 +1,17 @@
+import { defineMeta } from "../../registry/schema.js";
+//#region src/components/code-block/meta.ts
+const meta = defineMeta({
+	name: "code-block",
+	title: "Code Block",
+	description: "A block of code with a copy control, ready for any highlighter.",
+	category: "data",
+	status: "stable",
+	dependencies: [],
+	registryDependencies: [],
+	files: ["code-block.tsx"],
+	a11y: "The pre is a focusable named region, since code overflows horizontally and an unfocusable scroll box is unreachable by keyboard. Copying is announced through a polite live region as well as shown, and a refused clipboard write reports failure rather than looking like success."
+});
+//#endregion
+export { meta };
+
+//# sourceMappingURL=meta.js.map

package/dist/components/code-block/meta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta.js","names":[],"sources":["../../../src/components/code-block/meta.ts"],"sourcesContent":["import { defineMeta } from \"@/registry/schema\";\n\nexport const meta = defineMeta({\n  name: \"code-block\",\n  title: \"Code Block\",\n  description: \"A block of code with a copy control, ready for any highlighter.\",\n  category: \"data\",\n  status: \"stable\",\n  dependencies: [],\n  registryDependencies: [],\n  files: [\"code-block.tsx\"],\n  a11y:\n    \"The pre is a focusable named region, since code overflows horizontally and an unfocusable \" +\n    \"scroll box is unreachable by keyboard. Copying is announced through a polite live region as \" +\n    \"well as shown, and a refused clipboard write reports failure rather than looking like \" +\n    \"success.\",\n});\n"],"mappings":";;AAEA,MAAa,OAAO,WAAW;CAC7B,MAAM;CACN,OAAO;CACP,aAAa;CACb,UAAU;CACV,QAAQ;CACR,cAAc,CAAC;CACf,sBAAsB,CAAC;CACvB,OAAO,CAAC,gBAAgB;CACxB,MACE;AAIJ,CAAC"}

package/dist/components/combobox/combobox.d.ts

@@ -0,0 +1,59 @@
+import { Popover } from "radix-ui";
+import { ComponentPropsWithRef, ReactNode } from "react";
+//#region src/components/combobox/combobox.d.ts
+/**
+ * A searchable single-select.
+ *
+ * Implements the ARIA combobox pattern directly on a popover rather than
+ * depending on a command-menu package: the input owns `role="combobox"`, the
+ * list owns `role="listbox"`, and the active option is tracked with
+ * `aria-activedescendant` so focus never leaves the input while typing.
+ *
+ * Navigation reads the rendered options from the DOM rather than a registry,
+ * which keeps the active option correct as filtering adds and removes items —
+ * a registry has to be kept in sync with what is actually on screen, and drifts.
+ *
+ * This version is single-select and flat. Multi-select and grouping can be
+ * added without changing this API.
+ */
+/** Default match: case-insensitive substring over the value and any keywords. */
+declare function defaultComboboxFilter(search: string, haystack: string[]): boolean;
+interface ComboboxProps {
+  value?: string;
+  defaultValue?: string;
+  onValueChange?: (value: string) => void;
+  open?: boolean;
+  defaultOpen?: boolean;
+  onOpenChange?: (open: boolean) => void;
+  /** Overrides how a search string is matched against an option. */
+  filter?: (search: string, haystack: string[]) => boolean;
+  children?: ReactNode;
+}
+declare function Combobox({ value: valueProp, defaultValue, onValueChange, open: openProp, defaultOpen, onOpenChange, filter, children }: ComboboxProps): import("react").JSX.Element;
+interface ComboboxTriggerProps extends ComponentPropsWithRef<"button"> {
+  /** Shown when nothing is selected. */
+  placeholder?: string;
+}
+declare function ComboboxTrigger({ className, placeholder, children, ...props }: ComboboxTriggerProps): import("react").JSX.Element;
+interface ComboboxContentProps extends ComponentPropsWithRef<typeof Popover.Content> {
+  /** Names the popover, which carries role="dialog". */
+  label?: string;
+}
+declare function ComboboxContent({ className, align, sideOffset, label, children, ...props }: ComboboxContentProps): import("react").JSX.Element;
+type ComboboxInputProps = Omit<ComponentPropsWithRef<"input">, "value" | "onChange">;
+declare function ComboboxInput({ className, ...props }: ComboboxInputProps): import("react").JSX.Element;
+declare function ComboboxList({ className, ...props }: ComponentPropsWithRef<"div">): import("react").JSX.Element;
+interface ComboboxItemProps extends Omit<ComponentPropsWithRef<"div">, "onSelect" | "children"> {
+  /** The value reported by onValueChange, and the primary search term. */
+  value: string;
+  /** Extra search terms that are not shown, such as synonyms or an id. */
+  keywords?: string[];
+  disabled?: boolean;
+  children?: ReactNode;
+}
+declare function ComboboxItem({ className, value, keywords, disabled, children, ...props }: ComboboxItemProps): import("react").JSX.Element | null;
+/** Shown only when the filter leaves nothing. */
+declare function ComboboxEmpty({ className, children, ...props }: ComponentPropsWithRef<"div">): import("react").JSX.Element | null;
+//#endregion
+export { Combobox, ComboboxContent, ComboboxContentProps, ComboboxEmpty, ComboboxInput, ComboboxInputProps, ComboboxItem, ComboboxItemProps, ComboboxList, ComboboxProps, ComboboxTrigger, ComboboxTriggerProps, defaultComboboxFilter };
+//# sourceMappingURL=combobox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.d.ts","names":[],"sources":["../../../src/components/combobox/combobox.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;iBAqCgB,sBAAsB,gBAAgB;UAkCrC;EACf;EACA;EACA,iBAAiB;EACjB;EACA;EACA,gBAAgB;;EAEhB,UAAU,gBAAgB;EAC1B,WAAW;;iBAGG,WACd,OAAO,WACP,cACA,eACA,MAAM,UACN,aACA,cACA,QACA,YACC,gCAAa,IAAA;UA4FC,6BAA6B;;EAE5C;;iBAGc,kBACd,WACA,aACA,aACG,SACF,uCAAoB,IAAA;UA0CN,6BAA6B,6BACrC,QAAiB;;EAGxB;;iBAGc,kBACd,WACA,OACA,YACA,OACA,aACG,SACF,uCAAoB,IAAA;KAiCX,qBAAqB,KAAK;iBAEtB,gBAAgB,cAAc,SAAS,qCAAkB,IAAA;iBAkHzD,eAAe,cAAc,SAAS,+CAA4B,IAAA;UAejE,0BAA0B,KACzC;;EAIA;;EAEA;EACA;EACA,WAAW;;iBAGG,eACd,WACA,OACA,UACA,UACA,aACG,SACF,oCAAiB,IAAA;;iBAgGJ,gBAAgB,WAAW,aAAa,SAAS,+CAA4B,IAAA"}