@assistant-ui/react-generative-ui 0.0.18 → 0.0.20

package/dist/vocabulary/interactive.d.ts

@@ -1,94 +1,95 @@
-import { Action } from "../ir.js";
-import { GenerativeUIDispatch } from "../types.js";
+import { type ReactNode } from "react";
 import { z } from "zod";
-//#region src/vocabulary/interactive.d.ts
+import type { Action } from "../ir.js";
+import type { GenerativeUIDispatch, GenerativeUIStatus } from "../types.js";
 type Option = {
-  label: string;
-  value: string;
+    label: string;
+    value: string;
 };
 type RadioGroupRenderProps = {
-  options: Option[];
-  name?: string;
-  label?: string;
-  defaultValue?: string;
-  $action?: Action;
-  $dispatch?: GenerativeUIDispatch;
+    options: Option[];
+    name?: string;
+    label?: string;
+    defaultValue?: string;
+    children?: ReactNode;
+    $status: GenerativeUIStatus;
+    $action?: Action;
+    $dispatch?: GenerativeUIDispatch;
 };
-declare function RadioGroupRender({ options, name, label, defaultValue, $action, $dispatch }: RadioGroupRenderProps): import("react").JSX.Element;
-declare const interactiveVocabulary: {
-  Button: {
-    description: string;
-    properties: z.ZodObject<{
-      label: z.ZodString;
-      buttonStyle: z.ZodOptional<z.ZodEnum<{
-        danger: "danger";
-        secondary: "secondary";
-        primary: "primary";
-        outline: "outline";
-        ghost: "ghost";
-      }>>;
-      block: z.ZodOptional<z.ZodBoolean>;
-      submit: z.ZodOptional<z.ZodBoolean>;
-    }, z.core.$strip>;
-    render: ({ label, buttonStyle, block, submit, $action, $dispatch, children }: any) => import("react").JSX.Element;
-  };
-  Select: {
-    description: string;
-    properties: z.ZodObject<{
-      options: z.ZodArray<z.ZodObject<{
-        label: z.ZodString;
-        value: z.ZodString;
-      }, z.core.$strip>>;
-      placeholder: z.ZodOptional<z.ZodString>;
-      label: z.ZodOptional<z.ZodString>;
-      name: z.ZodOptional<z.ZodString>;
-    }, z.core.$strip>;
-    render: ({ options, placeholder, label, name, $action, $dispatch, children }: any) => import("react").JSX.Element;
-  };
-  Input: {
-    description: string;
-    properties: z.ZodObject<{
-      placeholder: z.ZodOptional<z.ZodString>;
-      multiline: z.ZodOptional<z.ZodBoolean>;
-      label: z.ZodOptional<z.ZodString>;
-      name: z.ZodOptional<z.ZodString>;
-    }, z.core.$strip>;
-    render: ({ placeholder, multiline, label, name, $action, $dispatch }: any) => import("react").JSX.Element;
-  };
-  DatePicker: {
-    description: string;
-    properties: z.ZodObject<{
-      value: z.ZodOptional<z.ZodString>;
-      min: z.ZodOptional<z.ZodString>;
-      max: z.ZodOptional<z.ZodString>;
-      label: z.ZodOptional<z.ZodString>;
-      name: z.ZodOptional<z.ZodString>;
-    }, z.core.$strip>;
-    render: ({ value, min, max, label, name, $action, $dispatch }: any) => import("react").JSX.Element;
-  };
-  Checkbox: {
-    description: string;
-    properties: z.ZodObject<{
-      label: z.ZodString;
-      name: z.ZodOptional<z.ZodString>;
-      defaultChecked: z.ZodOptional<z.ZodBoolean>;
-    }, z.core.$strip>;
-    render: ({ label, name, defaultChecked, $action, $dispatch }: any) => import("react").JSX.Element;
-  };
-  RadioGroup: {
-    description: string;
-    properties: z.ZodObject<{
-      options: z.ZodArray<z.ZodObject<{
-        label: z.ZodString;
-        value: z.ZodString;
-      }, z.core.$strip>>;
-      name: z.ZodOptional<z.ZodString>;
-      label: z.ZodOptional<z.ZodString>;
-      defaultValue: z.ZodOptional<z.ZodString>;
-    }, z.core.$strip>;
-    render: typeof RadioGroupRender;
-  };
+declare function RadioGroupRender({ options, name, label, defaultValue, children, $action, $dispatch, }: RadioGroupRenderProps): import("react").JSX.Element;
+export declare const interactiveVocabulary: {
+    Button: {
+        description: string;
+        properties: z.ZodObject<{
+            label: z.ZodString;
+            buttonStyle: z.ZodOptional<z.ZodEnum<{
+                secondary: "secondary";
+                primary: "primary";
+                outline: "outline";
+                ghost: "ghost";
+                danger: "danger";
+            }>>;
+            block: z.ZodOptional<z.ZodBoolean>;
+            submit: z.ZodOptional<z.ZodBoolean>;
+        }, z.core.$strip>;
+        render: ({ label, buttonStyle, block, submit, $action, $dispatch, children, }: any) => import("react").JSX.Element;
+    };
+    Select: {
+        description: string;
+        properties: z.ZodObject<{
+            options: z.ZodArray<z.ZodObject<{
+                label: z.ZodString;
+                value: z.ZodString;
+            }, z.core.$strip>>;
+            placeholder: z.ZodOptional<z.ZodString>;
+            label: z.ZodOptional<z.ZodString>;
+            name: z.ZodOptional<z.ZodString>;
+        }, z.core.$strip>;
+        render: ({ options, placeholder, label, name, $action, $dispatch, children, }: any) => import("react").JSX.Element;
+    };
+    Input: {
+        description: string;
+        properties: z.ZodObject<{
+            placeholder: z.ZodOptional<z.ZodString>;
+            multiline: z.ZodOptional<z.ZodBoolean>;
+            label: z.ZodOptional<z.ZodString>;
+            name: z.ZodOptional<z.ZodString>;
+        }, z.core.$strip>;
+        render: ({ placeholder, multiline, label, name, $action, $dispatch }: any) => import("react").JSX.Element;
+    };
+    DatePicker: {
+        description: string;
+        properties: z.ZodObject<{
+            value: z.ZodOptional<z.ZodString>;
+            min: z.ZodOptional<z.ZodString>;
+            max: z.ZodOptional<z.ZodString>;
+            label: z.ZodOptional<z.ZodString>;
+            name: z.ZodOptional<z.ZodString>;
+        }, z.core.$strip>;
+        render: ({ value, min, max, label, name, $action, $dispatch }: any) => import("react").JSX.Element;
+    };
+    Checkbox: {
+        description: string;
+        properties: z.ZodObject<{
+            label: z.ZodString;
+            name: z.ZodOptional<z.ZodString>;
+            defaultChecked: z.ZodOptional<z.ZodBoolean>;
+        }, z.core.$strip>;
+        render: ({ label, name, defaultChecked, $action, $dispatch }: any) => import("react").JSX.Element;
+    };
+    RadioGroup: {
+        description: string;
+        properties: z.ZodObject<{
+            options: z.ZodArray<z.ZodObject<{
+                label: z.ZodString;
+                value: z.ZodString;
+            }, z.core.$strip>>;
+            name: z.ZodOptional<z.ZodString>;
+            label: z.ZodOptional<z.ZodString>;
+            defaultValue: z.ZodOptional<z.ZodString>;
+        }, z.core.$strip>;
+        render: typeof RadioGroupRender;
+    };
 };
-//#endregion
-export { interactiveVocabulary };
+export {};
 //# sourceMappingURL=interactive.d.ts.map

package/dist/vocabulary/interactive.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interactive.d.ts","names":[],"sources":["../../src/vocabulary/interactive.tsx"],"mappings":";;;;KAaK;EAAW;EAAe;;KAU1B;EACH,SAAS;EACT;EACA;EACA;EACA,UAAU;EACV,YAAY;;iBAGL,mBACP,SACA,MACA,OACA,cACA,SACA,aACC,wCAAqB,IAAA;cA4BX"}
+{"version":3,"file":"interactive.d.ts","sourceRoot":"","sources":["../../src/vocabulary/interactive.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,OAAO,KAAK,EAAE,MAAM,EAAE,iBAAc;AAEpC,OAAO,KAAK,EACV,oBAAoB,EAEpB,kBAAkB,EACnB,oBAAiB;AASlB,KAAK,MAAM,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAU/C,KAAK,qBAAqB,GAAG;IAC3B,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,EAAE,kBAAkB,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,oBAAoB,CAAC;CAClC,CAAC;AAEF,iBAAS,gBAAgB,CAAC,EACxB,OAAO,EACP,IAAI,EACJ,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,SAAS,GACV,EAAE,qBAAqB,+BA4BvB;AAED,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuNH,CAAC"}

package/dist/vocabulary/interactive.js

@@ -1,3 +1,4 @@
+import { GENERATED_NAME_ATTR } from "../constants.js";
 import { BUTTON_STYLES } from "../ir.js";
 import { toTextContent } from "./toTextContent.js";
 import { actionAttr, fire } from "./dispatch.js";
@@ -10,24 +11,25 @@ const optionSchema = z.object({
 	value: z.string()
 });
 const isOption = (option) => option !== null && typeof option === "object" && "label" in option && typeof option.label === "string" && "value" in option && typeof option.value === "string";
-function RadioGroupRender({ options, name, label, defaultValue, $action, $dispatch }) {
+function RadioGroupRender({ options, name, label, defaultValue, children, $action, $dispatch }) {
 	const generatedName = useId();
 	const fieldName = name ?? generatedName;
 	const safeOptions = Array.isArray(options) ? options : [];
-	return /* @__PURE__ */ jsx("fieldset", {
+	return /* @__PURE__ */ jsxs("fieldset", {
 		"data-aui": "radiogroup",
 		"data-aui-action": actionAttr($action),
 		"aria-label": label,
-		children: safeOptions.map((option, i) => isOption(option) ? /* @__PURE__ */ jsxs("label", {
+		children: [safeOptions.map((option, i) => isOption(option) ? /* @__PURE__ */ jsxs("label", {
 			"data-aui": "radiogroup-option",
 			children: [/* @__PURE__ */ jsx("input", {
 				type: "radio",
 				name: fieldName,
+				...name == null ? { [GENERATED_NAME_ATTR]: "" } : {},
 				value: option.value,
 				defaultChecked: defaultValue === option.value,
 				onChange: () => fire($action, $dispatch, option.value)
 			}), option.label]
-		}, i) : null)
+		}, i) : null), children]
 	});
 }
 const interactiveVocabulary = {

package/dist/vocabulary/interactive.js.map

@@ -1 +1 @@
-{"version":3,"file":"interactive.js","names":[],"sources":["../../src/vocabulary/interactive.tsx"],"sourcesContent":["import { useId } from \"react\";\nimport { z } from \"zod\";\nimport type { Action } from \"../ir\";\nimport { BUTTON_STYLES } from \"../ir\";\nimport type { GenerativeUIDispatch, GenerativeUILibrary } from \"../types\";\nimport { actionAttr, fire } from \"./dispatch\";\nimport { toTextContent } from \"./toTextContent\";\n\nconst optionSchema = z.object({\n  label: z.string(),\n  value: z.string(),\n});\n\ntype Option = { label: string; value: string };\n\nconst isOption = (option: unknown): option is Option =>\n  option !== null &&\n  typeof option === \"object\" &&\n  \"label\" in option &&\n  typeof option.label === \"string\" &&\n  \"value\" in option &&\n  typeof option.value === \"string\";\n\ntype RadioGroupRenderProps = {\n  options: Option[];\n  name?: string;\n  label?: string;\n  defaultValue?: string;\n  $action?: Action;\n  $dispatch?: GenerativeUIDispatch;\n};\n\nfunction RadioGroupRender({\n  options,\n  name,\n  label,\n  defaultValue,\n  $action,\n  $dispatch,\n}: RadioGroupRenderProps) {\n  const generatedName = useId();\n  const fieldName = name ?? generatedName;\n  const safeOptions = Array.isArray(options) ? options : [];\n  return (\n    <fieldset\n      data-aui=\"radiogroup\"\n      data-aui-action={actionAttr($action)}\n      aria-label={label}\n    >\n      {safeOptions.map((option, i) =>\n        isOption(option) ? (\n          <label key={i} data-aui=\"radiogroup-option\">\n            <input\n              type=\"radio\"\n              name={fieldName}\n              value={option.value}\n              defaultChecked={defaultValue === option.value}\n              onChange={() => fire($action, $dispatch, option.value)}\n            />\n            {option.label}\n          </label>\n        ) : null,\n      )}\n    </fieldset>\n  );\n}\n\nexport const interactiveVocabulary = {\n  Button: {\n    description:\n      \"A clickable button. Carries `$action` describing the side effect or resume value. Set `submit` to submit an ancestor Form/Card instead of firing `$action` on click.\",\n    properties: z.object({\n      label: z.string().describe(\"Button label.\"),\n      buttonStyle: z.enum(BUTTON_STYLES).optional().describe(\"Visual style.\"),\n      block: z\n        .boolean()\n        .optional()\n        .describe(\"Whether the button spans the full width.\"),\n      submit: z\n        .boolean()\n        .optional()\n        .describe(\n          \"Render as a submit button for an ancestor Form/Card instead of a click button.\",\n        ),\n    }),\n    render: ({\n      label,\n      buttonStyle,\n      block,\n      submit,\n      $action,\n      $dispatch,\n      children,\n    }) => (\n      <button\n        type={submit ? \"submit\" : \"button\"}\n        data-aui=\"button\"\n        data-aui-style={buttonStyle}\n        data-aui-block={block || undefined}\n        data-aui-submit={submit || undefined}\n        data-aui-action={actionAttr($action)}\n        onClick={submit ? undefined : () => fire($action, $dispatch)}\n      >\n        {toTextContent(label)}\n        {children}\n      </button>\n    ),\n  },\n  Select: {\n    description:\n      \"A dropdown selector. Carries `$action` describing the on-select behavior.\",\n    properties: z.object({\n      options: z.array(optionSchema).describe(\"Selectable options.\"),\n      placeholder: z\n        .string()\n        .optional()\n        .describe(\"Placeholder shown when nothing is selected.\"),\n      label: z\n        .string()\n        .optional()\n        .describe(\"Accessible label for the control.\"),\n      name: z.string().optional().describe(\"Field name used inside a Form.\"),\n    }),\n    render: ({\n      options,\n      placeholder,\n      label,\n      name,\n      $action,\n      $dispatch,\n      children,\n    }) => {\n      const placeholderText = toTextContent(placeholder);\n      return (\n        <select\n          data-aui=\"select\"\n          data-aui-action={actionAttr($action)}\n          name={name}\n          aria-label={label}\n          defaultValue=\"\"\n          onChange={(e) => fire($action, $dispatch, e.currentTarget.value)}\n        >\n          {placeholderText ? (\n            <option value=\"\" disabled>\n              {placeholderText}\n            </option>\n          ) : null}\n          {(Array.isArray(options) ? options : []).map((option, i) =>\n            isOption(option) ? (\n              <option key={i} value={option.value}>\n                {option.label}\n              </option>\n            ) : null,\n          )}\n          {children}\n        </select>\n      );\n    },\n  },\n  Input: {\n    description:\n      \"A text input. Carries `$action` describing the on-submit behavior.\",\n    properties: z.object({\n      placeholder: z.string().optional().describe(\"Placeholder text.\"),\n      multiline: z\n        .boolean()\n        .optional()\n        .describe(\"Render a textarea instead of a single-line input.\"),\n      label: z\n        .string()\n        .optional()\n        .describe(\"Accessible label for the control.\"),\n      name: z.string().optional().describe(\"Field name used inside a Form.\"),\n    }),\n    render: ({ placeholder, multiline, label, name, $action, $dispatch }) => {\n      const submit = (v: string) => fire($action, $dispatch, v);\n      return multiline ? (\n        <textarea\n          data-aui=\"input\"\n          data-aui-multiline\n          data-aui-action={actionAttr($action)}\n          name={name}\n          aria-label={label}\n          placeholder={placeholder}\n          onKeyDown={(e) => {\n            if (\n              e.key !== \"Enter\" ||\n              !(e.ctrlKey || e.metaKey) ||\n              e.nativeEvent.isComposing\n            )\n              return;\n            if (e.currentTarget.form) {\n              e.preventDefault();\n              HTMLFormElement.prototype.requestSubmit.call(\n                e.currentTarget.form,\n              );\n            } else {\n              submit(e.currentTarget.value);\n            }\n          }}\n        />\n      ) : (\n        <input\n          data-aui=\"input\"\n          data-aui-action={actionAttr($action)}\n          name={name}\n          aria-label={label}\n          placeholder={placeholder}\n          onKeyDown={(e) => {\n            if (\n              e.key === \"Enter\" &&\n              !e.nativeEvent.isComposing &&\n              !e.currentTarget.form\n            )\n              submit(e.currentTarget.value);\n          }}\n        />\n      );\n    },\n  },\n  DatePicker: {\n    description:\n      \"A date input. Carries `$action` describing the on-select behavior.\",\n    properties: z.object({\n      value: z.string().optional().describe(\"Initial date (YYYY-MM-DD).\"),\n      min: z.string().optional().describe(\"Minimum date (YYYY-MM-DD).\"),\n      max: z.string().optional().describe(\"Maximum date (YYYY-MM-DD).\"),\n      label: z\n        .string()\n        .optional()\n        .describe(\"Accessible label for the control.\"),\n      name: z.string().optional().describe(\"Field name used inside a Form.\"),\n    }),\n    render: ({ value, min, max, label, name, $action, $dispatch }) => (\n      <input\n        type=\"date\"\n        data-aui=\"datepicker\"\n        data-aui-action={actionAttr($action)}\n        name={name}\n        aria-label={label}\n        defaultValue={value}\n        min={min}\n        max={max}\n        onChange={(e) => fire($action, $dispatch, e.currentTarget.value)}\n      />\n    ),\n  },\n  Checkbox: {\n    description:\n      \"A checkbox with a label. Carries `$action` describing the on-change behavior.\",\n    properties: z.object({\n      label: z.string().describe(\"Label text next to the checkbox.\"),\n      name: z.string().optional().describe(\"Field name used inside a Form.\"),\n      defaultChecked: z\n        .boolean()\n        .optional()\n        .describe(\"Whether the checkbox starts checked.\"),\n    }),\n    render: ({ label, name, defaultChecked, $action, $dispatch }) => (\n      <label data-aui=\"checkbox\">\n        <input\n          type=\"checkbox\"\n          data-aui-action={actionAttr($action)}\n          name={name}\n          defaultChecked={defaultChecked}\n          onChange={(e) => fire($action, $dispatch, e.currentTarget.checked)}\n        />\n        <span data-aui=\"checkbox-label\">{toTextContent(label)}</span>\n      </label>\n    ),\n  },\n  RadioGroup: {\n    description:\n      \"A group of mutually exclusive radio options. Carries `$action` describing the on-change behavior.\",\n    properties: z.object({\n      options: z.array(optionSchema).describe(\"Selectable options.\"),\n      name: z.string().optional().describe(\"Field name used inside a Form.\"),\n      label: z.string().optional().describe(\"Accessible name for the group.\"),\n      defaultValue: z.string().optional().describe(\"Initially selected value.\"),\n    }),\n    render: RadioGroupRender,\n  },\n} satisfies GenerativeUILibrary;\n"],"mappings":"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"}
+{"version":3,"file":"interactive.js","names":[],"sources":["../../src/vocabulary/interactive.tsx"],"sourcesContent":["import { useId, type ReactNode } from \"react\";\nimport { z } from \"zod\";\nimport { GENERATED_NAME_ATTR } from \"../constants\";\nimport type { Action } from \"../ir\";\nimport { BUTTON_STYLES } from \"../ir\";\nimport type {\n  GenerativeUIDispatch,\n  GenerativeUILibrary,\n  GenerativeUIStatus,\n} from \"../types\";\nimport { actionAttr, fire } from \"./dispatch\";\nimport { toTextContent } from \"./toTextContent\";\n\nconst optionSchema = z.object({\n  label: z.string(),\n  value: z.string(),\n});\n\ntype Option = { label: string; value: string };\n\nconst isOption = (option: unknown): option is Option =>\n  option !== null &&\n  typeof option === \"object\" &&\n  \"label\" in option &&\n  typeof option.label === \"string\" &&\n  \"value\" in option &&\n  typeof option.value === \"string\";\n\ntype RadioGroupRenderProps = {\n  options: Option[];\n  name?: string;\n  label?: string;\n  defaultValue?: string;\n  children?: ReactNode;\n  $status: GenerativeUIStatus;\n  $action?: Action;\n  $dispatch?: GenerativeUIDispatch;\n};\n\nfunction RadioGroupRender({\n  options,\n  name,\n  label,\n  defaultValue,\n  children,\n  $action,\n  $dispatch,\n}: RadioGroupRenderProps) {\n  const generatedName = useId();\n  const fieldName = name ?? generatedName;\n  const safeOptions = Array.isArray(options) ? options : [];\n  return (\n    <fieldset\n      data-aui=\"radiogroup\"\n      data-aui-action={actionAttr($action)}\n      aria-label={label}\n    >\n      {safeOptions.map((option, i) =>\n        isOption(option) ? (\n          <label key={i} data-aui=\"radiogroup-option\">\n            <input\n              type=\"radio\"\n              name={fieldName}\n              {...(name == null ? { [GENERATED_NAME_ATTR]: \"\" } : {})}\n              value={option.value}\n              defaultChecked={defaultValue === option.value}\n              onChange={() => fire($action, $dispatch, option.value)}\n            />\n            {option.label}\n          </label>\n        ) : null,\n      )}\n      {children}\n    </fieldset>\n  );\n}\n\nexport const interactiveVocabulary = {\n  Button: {\n    description:\n      \"A clickable button. Carries `$action` describing the side effect or resume value. Set `submit` to submit an ancestor Form/Card instead of firing `$action` on click.\",\n    properties: z.object({\n      label: z.string().describe(\"Button label.\"),\n      buttonStyle: z.enum(BUTTON_STYLES).optional().describe(\"Visual style.\"),\n      block: z\n        .boolean()\n        .optional()\n        .describe(\"Whether the button spans the full width.\"),\n      submit: z\n        .boolean()\n        .optional()\n        .describe(\n          \"Render as a submit button for an ancestor Form/Card instead of a click button.\",\n        ),\n    }),\n    render: ({\n      label,\n      buttonStyle,\n      block,\n      submit,\n      $action,\n      $dispatch,\n      children,\n    }) => (\n      <button\n        type={submit ? \"submit\" : \"button\"}\n        data-aui=\"button\"\n        data-aui-style={buttonStyle}\n        data-aui-block={block || undefined}\n        data-aui-submit={submit || undefined}\n        data-aui-action={actionAttr($action)}\n        onClick={submit ? undefined : () => fire($action, $dispatch)}\n      >\n        {toTextContent(label)}\n        {children}\n      </button>\n    ),\n  },\n  Select: {\n    description:\n      \"A dropdown selector. Carries `$action` describing the on-select behavior.\",\n    properties: z.object({\n      options: z.array(optionSchema).describe(\"Selectable options.\"),\n      placeholder: z\n        .string()\n        .optional()\n        .describe(\"Placeholder shown when nothing is selected.\"),\n      label: z\n        .string()\n        .optional()\n        .describe(\"Accessible label for the control.\"),\n      name: z.string().optional().describe(\"Field name used inside a Form.\"),\n    }),\n    render: ({\n      options,\n      placeholder,\n      label,\n      name,\n      $action,\n      $dispatch,\n      children,\n    }) => {\n      const placeholderText = toTextContent(placeholder);\n      return (\n        <select\n          data-aui=\"select\"\n          data-aui-action={actionAttr($action)}\n          name={name}\n          aria-label={label}\n          defaultValue=\"\"\n          onChange={(e) => fire($action, $dispatch, e.currentTarget.value)}\n        >\n          {placeholderText ? (\n            <option value=\"\" disabled>\n              {placeholderText}\n            </option>\n          ) : null}\n          {(Array.isArray(options) ? options : []).map((option, i) =>\n            isOption(option) ? (\n              <option key={i} value={option.value}>\n                {option.label}\n              </option>\n            ) : null,\n          )}\n          {children}\n        </select>\n      );\n    },\n  },\n  Input: {\n    description:\n      \"A text input. Carries `$action` describing the on-submit behavior.\",\n    properties: z.object({\n      placeholder: z.string().optional().describe(\"Placeholder text.\"),\n      multiline: z\n        .boolean()\n        .optional()\n        .describe(\"Render a textarea instead of a single-line input.\"),\n      label: z\n        .string()\n        .optional()\n        .describe(\"Accessible label for the control.\"),\n      name: z.string().optional().describe(\"Field name used inside a Form.\"),\n    }),\n    render: ({ placeholder, multiline, label, name, $action, $dispatch }) => {\n      const submit = (v: string) => fire($action, $dispatch, v);\n      return multiline ? (\n        <textarea\n          data-aui=\"input\"\n          data-aui-multiline\n          data-aui-action={actionAttr($action)}\n          name={name}\n          aria-label={label}\n          placeholder={placeholder}\n          onKeyDown={(e) => {\n            if (\n              e.key !== \"Enter\" ||\n              !(e.ctrlKey || e.metaKey) ||\n              e.nativeEvent.isComposing\n            )\n              return;\n            if (e.currentTarget.form) {\n              e.preventDefault();\n              HTMLFormElement.prototype.requestSubmit.call(\n                e.currentTarget.form,\n              );\n            } else {\n              submit(e.currentTarget.value);\n            }\n          }}\n        />\n      ) : (\n        <input\n          data-aui=\"input\"\n          data-aui-action={actionAttr($action)}\n          name={name}\n          aria-label={label}\n          placeholder={placeholder}\n          onKeyDown={(e) => {\n            if (\n              e.key === \"Enter\" &&\n              !e.nativeEvent.isComposing &&\n              !e.currentTarget.form\n            )\n              submit(e.currentTarget.value);\n          }}\n        />\n      );\n    },\n  },\n  DatePicker: {\n    description:\n      \"A date input. Carries `$action` describing the on-select behavior.\",\n    properties: z.object({\n      value: z.string().optional().describe(\"Initial date (YYYY-MM-DD).\"),\n      min: z.string().optional().describe(\"Minimum date (YYYY-MM-DD).\"),\n      max: z.string().optional().describe(\"Maximum date (YYYY-MM-DD).\"),\n      label: z\n        .string()\n        .optional()\n        .describe(\"Accessible label for the control.\"),\n      name: z.string().optional().describe(\"Field name used inside a Form.\"),\n    }),\n    render: ({ value, min, max, label, name, $action, $dispatch }) => (\n      <input\n        type=\"date\"\n        data-aui=\"datepicker\"\n        data-aui-action={actionAttr($action)}\n        name={name}\n        aria-label={label}\n        defaultValue={value}\n        min={min}\n        max={max}\n        onChange={(e) => fire($action, $dispatch, e.currentTarget.value)}\n      />\n    ),\n  },\n  Checkbox: {\n    description:\n      \"A checkbox with a label. Carries `$action` describing the on-change behavior.\",\n    properties: z.object({\n      label: z.string().describe(\"Label text next to the checkbox.\"),\n      name: z.string().optional().describe(\"Field name used inside a Form.\"),\n      defaultChecked: z\n        .boolean()\n        .optional()\n        .describe(\"Whether the checkbox starts checked.\"),\n    }),\n    render: ({ label, name, defaultChecked, $action, $dispatch }) => (\n      <label data-aui=\"checkbox\">\n        <input\n          type=\"checkbox\"\n          data-aui-action={actionAttr($action)}\n          name={name}\n          defaultChecked={defaultChecked}\n          onChange={(e) => fire($action, $dispatch, e.currentTarget.checked)}\n        />\n        <span data-aui=\"checkbox-label\">{toTextContent(label)}</span>\n      </label>\n    ),\n  },\n  RadioGroup: {\n    description:\n      \"A group of mutually exclusive radio options. Carries `$action` describing the on-change behavior.\",\n    properties: z.object({\n      options: z.array(optionSchema).describe(\"Selectable options.\"),\n      name: z.string().optional().describe(\"Field name used inside a Form.\"),\n      label: z.string().optional().describe(\"Accessible name for the group.\"),\n      defaultValue: z.string().optional().describe(\"Initially selected value.\"),\n    }),\n    render: RadioGroupRender,\n  },\n} satisfies GenerativeUILibrary;\n"],"mappings":"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"}

package/dist/vocabulary/layout.d.ts

@@ -1,82 +1,79 @@
 import { z } from "zod";
-//#region src/vocabulary/layout.d.ts
-declare const layoutVocabulary: {
-  Card: {
-    description: string;
-    properties: z.ZodObject<{
-      title: z.ZodOptional<z.ZodString>;
-      padding: z.ZodOptional<z.ZodNumber>;
-      background: z.ZodOptional<z.ZodString>;
-      asForm: z.ZodOptional<z.ZodBoolean>;
-      confirm: z.ZodOptional<z.ZodObject<{
-        label: z.ZodString;
-        $action: z.ZodOptional<z.ZodObject<{
-          type: z.ZodString;
-        }, z.core.$loose>>;
-      }, z.core.$strip>>;
-      cancel: z.ZodOptional<z.ZodObject<{
-        label: z.ZodString;
-        $action: z.ZodOptional<z.ZodObject<{
-          type: z.ZodString;
-        }, z.core.$loose>>;
-      }, z.core.$strip>>;
-    }, z.core.$strip>;
-    render: ({ title, padding, background, asForm, confirm, cancel, $dispatch, children }: any) => import("react").JSX.Element;
-  };
-  Col: {
-    description: string;
-    properties: z.ZodObject<{
-      gap: z.ZodOptional<z.ZodNumber>;
-      align: z.ZodOptional<z.ZodEnum<{
-        start: "start";
-        center: "center";
-        end: "end";
-      }>>;
-    }, z.core.$strip>;
-    render: ({ gap, align, children }: any) => import("react").JSX.Element;
-  };
-  Row: {
-    description: string;
-    properties: z.ZodObject<{
-      gap: z.ZodOptional<z.ZodNumber>;
-      align: z.ZodOptional<z.ZodEnum<{
-        start: "start";
-        center: "center";
-        end: "end";
-      }>>;
-      justify: z.ZodOptional<z.ZodEnum<{
-        start: "start";
-        center: "center";
-        end: "end";
-        between: "between";
-      }>>;
-    }, z.core.$strip>;
-    render: ({ gap, align, justify, children }: any) => import("react").JSX.Element;
-  };
-  Spacer: {
-    description: string;
-    properties: z.ZodObject<{}, z.core.$strip>;
-    render: () => import("react").JSX.Element;
-  };
-  Badge: {
-    description: string;
-    properties: z.ZodObject<{
-      value: z.ZodString;
-      variant: z.ZodOptional<z.ZodString>;
-    }, z.core.$strip>;
-    render: ({ value, variant, children }: any) => import("react").JSX.Element;
-  };
-  Box: {
-    description: string;
-    properties: z.ZodObject<{
-      width: z.ZodOptional<z.ZodUnion<readonly [z.ZodString, z.ZodNumber]>>;
-      height: z.ZodOptional<z.ZodUnion<readonly [z.ZodString, z.ZodNumber]>>;
-      radius: z.ZodOptional<z.ZodUnion<readonly [z.ZodLiteral<"full">, z.ZodNumber]>>;
-      background: z.ZodOptional<z.ZodString>;
-    }, z.core.$strip>;
-    render: ({ width, height, radius, background, children }: any) => import("react").JSX.Element;
-  };
+export declare const layoutVocabulary: {
+    Card: {
+        description: string;
+        properties: z.ZodObject<{
+            title: z.ZodOptional<z.ZodString>;
+            padding: z.ZodOptional<z.ZodNumber>;
+            background: z.ZodOptional<z.ZodString>;
+            asForm: z.ZodOptional<z.ZodBoolean>;
+            confirm: z.ZodOptional<z.ZodObject<{
+                label: z.ZodString;
+                $action: z.ZodOptional<z.ZodObject<{
+                    type: z.ZodString;
+                }, z.core.$loose>>;
+            }, z.core.$strip>>;
+            cancel: z.ZodOptional<z.ZodObject<{
+                label: z.ZodString;
+                $action: z.ZodOptional<z.ZodObject<{
+                    type: z.ZodString;
+                }, z.core.$loose>>;
+            }, z.core.$strip>>;
+        }, z.core.$strip>;
+        render: ({ title, padding, background, asForm, confirm, cancel, $dispatch, children, }: any) => import("react").JSX.Element;
+    };
+    Col: {
+        description: string;
+        properties: z.ZodObject<{
+            gap: z.ZodOptional<z.ZodNumber>;
+            align: z.ZodOptional<z.ZodEnum<{
+                start: "start";
+                center: "center";
+                end: "end";
+            }>>;
+        }, z.core.$strip>;
+        render: ({ gap, align, children }: any) => import("react").JSX.Element;
+    };
+    Row: {
+        description: string;
+        properties: z.ZodObject<{
+            gap: z.ZodOptional<z.ZodNumber>;
+            align: z.ZodOptional<z.ZodEnum<{
+                start: "start";
+                center: "center";
+                end: "end";
+            }>>;
+            justify: z.ZodOptional<z.ZodEnum<{
+                start: "start";
+                center: "center";
+                end: "end";
+                between: "between";
+            }>>;
+        }, z.core.$strip>;
+        render: ({ gap, align, justify, children }: any) => import("react").JSX.Element;
+    };
+    Spacer: {
+        description: string;
+        properties: z.ZodObject<{}, z.core.$strip>;
+        render: () => import("react").JSX.Element;
+    };
+    Badge: {
+        description: string;
+        properties: z.ZodObject<{
+            value: z.ZodString;
+            variant: z.ZodOptional<z.ZodString>;
+        }, z.core.$strip>;
+        render: ({ value, variant, children }: any) => import("react").JSX.Element;
+    };
+    Box: {
+        description: string;
+        properties: z.ZodObject<{
+            width: z.ZodOptional<z.ZodUnion<readonly [z.ZodString, z.ZodNumber]>>;
+            height: z.ZodOptional<z.ZodUnion<readonly [z.ZodString, z.ZodNumber]>>;
+            radius: z.ZodOptional<z.ZodUnion<readonly [z.ZodLiteral<"full">, z.ZodNumber]>>;
+            background: z.ZodOptional<z.ZodString>;
+        }, z.core.$strip>;
+        render: ({ width, height, radius, background, children }: any) => import("react").JSX.Element;
+    };
 };
-//#endregion
-export { layoutVocabulary };
 //# sourceMappingURL=layout.d.ts.map

package/dist/vocabulary/layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"layout.d.ts","names":[],"sources":["../../src/vocabulary/layout.tsx"],"mappings":";;cAwBa"}
+{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../src/vocabulary/layout.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAuBxB,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmNE,CAAC"}

package/dist/vocabulary/list.d.ts

@@ -1,17 +1,14 @@
 import { z } from "zod";
-//#region src/vocabulary/list.d.ts
-declare const listVocabulary: {
-  ListView: {
-    description: string;
-    properties: z.ZodObject<{}, z.core.$strip>;
-    render: ({ children }: any) => import("react").JSX.Element;
-  };
-  ListViewItem: {
-    description: string;
-    properties: z.ZodObject<{}, z.core.$strip>;
-    render: ({ $action, $dispatch, children }: any) => import("react").JSX.Element;
-  };
+export declare const listVocabulary: {
+    ListView: {
+        description: string;
+        properties: z.ZodObject<{}, z.core.$strip>;
+        render: ({ children }: any) => import("react").JSX.Element;
+    };
+    ListViewItem: {
+        description: string;
+        properties: z.ZodObject<{}, z.core.$strip>;
+        render: ({ $action, $dispatch, children }: any) => import("react").JSX.Element;
+    };
 };
-//#endregion
-export { listVocabulary };
 //# sourceMappingURL=list.d.ts.map

package/dist/vocabulary/list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"list.d.ts","names":[],"sources":["../../src/vocabulary/list.tsx"],"mappings":";;cAOa"}
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../src/vocabulary/list.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAOxB,eAAO,MAAM,cAAc;;;;;;;;;;;CA0CI,CAAC"}

package/dist/vocabulary/media.d.ts

@@ -1,28 +1,25 @@
 import { z } from "zod";
-//#region src/vocabulary/media.d.ts
-declare const mediaVocabulary: {
-  Image: {
-    description: string;
-    properties: z.ZodObject<{
-      src: z.ZodString;
-      alt: z.ZodString;
-      size: z.ZodOptional<z.ZodUnion<readonly [z.ZodEnum<{
-        sm: "sm";
-        md: "md";
-        lg: "lg";
-      }>, z.ZodNumber]>>;
-      round: z.ZodOptional<z.ZodBoolean>;
-    }, z.core.$strip>;
-    render: ({ src, alt, size, round }: any) => import("react").JSX.Element;
-  };
-  Divider: {
-    description: string;
-    properties: z.ZodObject<{
-      flush: z.ZodOptional<z.ZodBoolean>;
-    }, z.core.$strip>;
-    render: ({ flush }: any) => import("react").JSX.Element;
-  };
+export declare const mediaVocabulary: {
+    Image: {
+        description: string;
+        properties: z.ZodObject<{
+            src: z.ZodString;
+            alt: z.ZodString;
+            size: z.ZodOptional<z.ZodUnion<readonly [z.ZodEnum<{
+                sm: "sm";
+                md: "md";
+                lg: "lg";
+            }>, z.ZodNumber]>>;
+            round: z.ZodOptional<z.ZodBoolean>;
+        }, z.core.$strip>;
+        render: ({ src, alt, size, round }: any) => import("react").JSX.Element;
+    };
+    Divider: {
+        description: string;
+        properties: z.ZodObject<{
+            flush: z.ZodOptional<z.ZodBoolean>;
+        }, z.core.$strip>;
+        render: ({ flush }: any) => import("react").JSX.Element;
+    };
 };
-//#endregion
-export { mediaVocabulary };
 //# sourceMappingURL=media.d.ts.map

package/dist/vocabulary/media.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"media.d.ts","names":[],"sources":["../../src/vocabulary/media.tsx"],"mappings":";;cAKa"}
+{"version":3,"file":"media.d.ts","sourceRoot":"","sources":["../../src/vocabulary/media.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAIxB,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;CAkDG,CAAC"}