@gunkin/uiify 0.0.1-alpha

package/dist/components/enhance/listeners.js

@@ -0,0 +1,28 @@
+import { attachInvokerFallback } from "./invoker-fallback.js";
+import { syncPopoverTriggers, syncTabs } from "./sync.js";
+function attachEnhancers(doc = document) {
+  const onToggle = (event) => {
+    const target = event.target;
+    if (!target?.hasAttribute("popover") || !target.id) return;
+    const { newState } = event;
+    syncPopoverTriggers(target.id, newState === "open");
+  };
+  const onChange = (event) => {
+    const target = event.target;
+    if (!target?.hasAttribute("data-uiify-tabs-input")) return;
+    const root = target.closest("[data-uiify-tabs]");
+    if (root?.id) syncTabs(root.id);
+  };
+  doc.addEventListener("toggle", onToggle, true);
+  doc.addEventListener("change", onChange);
+  const detachInvokerFallback = attachInvokerFallback(doc);
+  return () => {
+    doc.removeEventListener("toggle", onToggle, true);
+    doc.removeEventListener("change", onChange);
+    detachInvokerFallback();
+  };
+}
+export {
+  attachEnhancers
+};
+//# sourceMappingURL=listeners.js.map

package/dist/components/enhance/listeners.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/enhance/listeners.ts"],"sourcesContent":["import { attachInvokerFallback } from \"./invoker-fallback.js\";\nimport { syncPopoverTriggers, syncTabs } from \"./sync.js\";\n\n/**\n * Attach the document-level enhancement listeners. Returns a teardown.\n *\n * `toggle` is captured rather than bubbled: the event has `bubbles: false`, but\n * the capture phase runs from the root down to the target for every dispatched\n * event regardless of bubbling, so a single capture-phase listener on the\n * document sees every popover on the page — including ones rendered later.\n *\n * `change` bubbles, so tabs are handled in the ordinary bubble phase.\n *\n * The invoker fallback attaches only on engines without `command`/`commandfor`\n * (see invoker-fallback.ts); on the baseline it is a no-op.\n */\nexport function attachEnhancers(doc: Document = document): () => void {\n  const onToggle = (event: Event): void => {\n    const target = event.target as HTMLElement | null;\n    if (!target?.hasAttribute(\"popover\") || !target.id) return;\n    const { newState } = event as ToggleEvent;\n    syncPopoverTriggers(target.id, newState === \"open\");\n  };\n\n  const onChange = (event: Event): void => {\n    const target = event.target as HTMLElement | null;\n    if (!target?.hasAttribute(\"data-uiify-tabs-input\")) return;\n    // The root Tabs renders is `data-uiify-tabs`, not `data-uiify-tabs-root`:\n    // the latter never existed outside this selector, so syncTabs was never\n    // reached in production. Pinned by listeners.test.ts, which now builds its\n    // fixture with renderToStaticMarkup instead of hand-written HTML.\n    const root = target.closest<HTMLElement>(\"[data-uiify-tabs]\");\n    if (root?.id) syncTabs(root.id);\n  };\n\n  doc.addEventListener(\"toggle\", onToggle, true);\n  doc.addEventListener(\"change\", onChange);\n  const detachInvokerFallback = attachInvokerFallback(doc);\n\n  return () => {\n    doc.removeEventListener(\"toggle\", onToggle, true);\n    doc.removeEventListener(\"change\", onChange);\n    detachInvokerFallback();\n  };\n}\n"],"mappings":"AAAA,SAAS,6BAA6B;AACtC,SAAS,qBAAqB,gBAAgB;AAevC,SAAS,gBAAgB,MAAgB,UAAsB;AACpE,QAAM,WAAW,CAAC,UAAuB;AACvC,UAAM,SAAS,MAAM;AACrB,QAAI,CAAC,QAAQ,aAAa,SAAS,KAAK,CAAC,OAAO,GAAI;AACpD,UAAM,EAAE,SAAS,IAAI;AACrB,wBAAoB,OAAO,IAAI,aAAa,MAAM;AAAA,EACpD;AAEA,QAAM,WAAW,CAAC,UAAuB;AACvC,UAAM,SAAS,MAAM;AACrB,QAAI,CAAC,QAAQ,aAAa,uBAAuB,EAAG;AAKpD,UAAM,OAAO,OAAO,QAAqB,mBAAmB;AAC5D,QAAI,MAAM,GAAI,UAAS,KAAK,EAAE;AAAA,EAChC;AAEA,MAAI,iBAAiB,UAAU,UAAU,IAAI;AAC7C,MAAI,iBAAiB,UAAU,QAAQ;AACvC,QAAM,wBAAwB,sBAAsB,GAAG;AAEvD,SAAO,MAAM;AACX,QAAI,oBAAoB,UAAU,UAAU,IAAI;AAChD,QAAI,oBAAoB,UAAU,QAAQ;AAC1C,0BAAsB;AAAA,EACxB;AACF;","names":[]}

package/dist/components/enhance/sync.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Pure DOM synchronisers for `UIEnhance`.
+ *
+ * No React and no listeners live here: each function takes the state the caller
+ * has already resolved and writes it to the DOM. That keeps them unit-testable
+ * in jsdom, which implements neither `:popover-open` nor Invoker Commands —
+ * nor, like packages/uiify/src/core/tabbable.ts also found, `CSS.escape`.
+ */
+/**
+ * Point every `toggle-popover` invoker for `popoverId` at its real open state.
+ *
+ * `querySelectorAll`, not `querySelector`: a popover may legitimately have more
+ * than one invoker, and invokers may be added after the enhancer mounts.
+ */
+export declare function syncPopoverTriggers(popoverId: string, open: boolean): void;
+/** Point tab triggers and panels at whichever radio in `tabsId` is checked. */
+export declare function syncTabs(tabsId: string): void;
+//# sourceMappingURL=sync.d.ts.map

package/dist/components/enhance/sync.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sync.d.ts","sourceRoot":"","sources":["../../../src/components/enhance/sync.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAUH;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,GAAG,IAAI,CAO1E;AAiBD,+EAA+E;AAC/E,wBAAgB,QAAQ,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAqB7C"}

package/dist/components/enhance/sync.js

@@ -0,0 +1,40 @@
+function escapeAttrValue(value) {
+  return typeof CSS !== "undefined" && typeof CSS.escape === "function" ? CSS.escape(value) : value.replaceAll('"', '\\"');
+}
+function syncPopoverTriggers(popoverId, open) {
+  if (!popoverId) return;
+  const selector = `[command="toggle-popover"][commandfor="${escapeAttrValue(popoverId)}"]`;
+  for (const invoker of document.querySelectorAll(selector)) {
+    invoker.setAttribute("aria-expanded", String(open));
+  }
+}
+function tabTriggerValue(trigger, root) {
+  const controlId = trigger instanceof HTMLLabelElement ? trigger.htmlFor : "";
+  if (!controlId) return void 0;
+  const control = root.querySelector(`[id="${escapeAttrValue(controlId)}"]`);
+  return control?.value;
+}
+function syncTabs(tabsId) {
+  const root = document.getElementById(tabsId);
+  if (!root) return;
+  const checked = root.querySelector(
+    `[data-uiify-tabs-input][name="${escapeAttrValue(tabsId)}"]:checked`
+  );
+  const selectedValue = checked?.value;
+  for (const trigger of root.querySelectorAll("[data-uiify-tabs-trigger]")) {
+    const value = tabTriggerValue(trigger, root);
+    const selected = value !== void 0 && value === selectedValue;
+    trigger.setAttribute("aria-selected", String(selected));
+    trigger.dataset["state"] = selected ? "active" : "inactive";
+  }
+  for (const panel of root.querySelectorAll("[data-uiify-tabs-panel]")) {
+    const selected = panel.dataset["uiifyTabsPanel"] === selectedValue;
+    panel.dataset["state"] = selected ? "active" : "inactive";
+    panel.tabIndex = selected ? 0 : -1;
+  }
+}
+export {
+  syncPopoverTriggers,
+  syncTabs
+};
+//# sourceMappingURL=sync.js.map

package/dist/components/enhance/sync.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/enhance/sync.ts"],"sourcesContent":["/**\n * Pure DOM synchronisers for `UIEnhance`.\n *\n * No React and no listeners live here: each function takes the state the caller\n * has already resolved and writes it to the DOM. That keeps them unit-testable\n * in jsdom, which implements neither `:popover-open` nor Invoker Commands —\n * nor, like packages/uiify/src/core/tabbable.ts also found, `CSS.escape`.\n */\n\n/** Same feature-detect as packages/uiify/src/core/tabbable.ts: only the quote\n * character needs escaping inside a double-quoted attribute selector value. */\nfunction escapeAttrValue(value: string): string {\n  return typeof CSS !== \"undefined\" && typeof CSS.escape === \"function\"\n    ? CSS.escape(value)\n    : value.replaceAll('\"', '\\\\\"');\n}\n\n/**\n * Point every `toggle-popover` invoker for `popoverId` at its real open state.\n *\n * `querySelectorAll`, not `querySelector`: a popover may legitimately have more\n * than one invoker, and invokers may be added after the enhancer mounts.\n */\nexport function syncPopoverTriggers(popoverId: string, open: boolean): void {\n  if (!popoverId) return;\n\n  const selector = `[command=\"toggle-popover\"][commandfor=\"${escapeAttrValue(popoverId)}\"]`;\n  for (const invoker of document.querySelectorAll(selector)) {\n    invoker.setAttribute(\"aria-expanded\", String(open));\n  }\n}\n\n/**\n * The value a tab trigger stands for.\n *\n * ChoiceGroup renders the trigger as `<label for=\"…\">` pointing at its radio, so\n * the value lives on that input — there is no `data-value` on the label. Reading\n * `trigger.dataset.value` (as this module used to) always yielded `undefined`,\n * which marked every trigger unselected.\n */\nfunction tabTriggerValue(trigger: HTMLElement, root: HTMLElement): string | undefined {\n  const controlId = trigger instanceof HTMLLabelElement ? trigger.htmlFor : \"\";\n  if (!controlId) return undefined;\n  const control = root.querySelector<HTMLInputElement>(`[id=\"${escapeAttrValue(controlId)}\"]`);\n  return control?.value;\n}\n\n/** Point tab triggers and panels at whichever radio in `tabsId` is checked. */\nexport function syncTabs(tabsId: string): void {\n  const root = document.getElementById(tabsId);\n  if (!root) return;\n\n  const checked = root.querySelector<HTMLInputElement>(\n    `[data-uiify-tabs-input][name=\"${escapeAttrValue(tabsId)}\"]:checked`,\n  );\n  const selectedValue = checked?.value;\n\n  for (const trigger of root.querySelectorAll<HTMLElement>(\"[data-uiify-tabs-trigger]\")) {\n    const value = tabTriggerValue(trigger, root);\n    const selected = value !== undefined && value === selectedValue;\n    trigger.setAttribute(\"aria-selected\", String(selected));\n    trigger.dataset[\"state\"] = selected ? \"active\" : \"inactive\";\n  }\n\n  for (const panel of root.querySelectorAll<HTMLElement>(\"[data-uiify-tabs-panel]\")) {\n    const selected = panel.dataset[\"uiifyTabsPanel\"] === selectedValue;\n    panel.dataset[\"state\"] = selected ? \"active\" : \"inactive\";\n    panel.tabIndex = selected ? 0 : -1;\n  }\n}\n"],"mappings":"AAWA,SAAS,gBAAgB,OAAuB;AAC9C,SAAO,OAAO,QAAQ,eAAe,OAAO,IAAI,WAAW,aACvD,IAAI,OAAO,KAAK,IAChB,MAAM,WAAW,KAAK,KAAK;AACjC;AAQO,SAAS,oBAAoB,WAAmB,MAAqB;AAC1E,MAAI,CAAC,UAAW;AAEhB,QAAM,WAAW,0CAA0C,gBAAgB,SAAS,CAAC;AACrF,aAAW,WAAW,SAAS,iBAAiB,QAAQ,GAAG;AACzD,YAAQ,aAAa,iBAAiB,OAAO,IAAI,CAAC;AAAA,EACpD;AACF;AAUA,SAAS,gBAAgB,SAAsB,MAAuC;AACpF,QAAM,YAAY,mBAAmB,mBAAmB,QAAQ,UAAU;AAC1E,MAAI,CAAC,UAAW,QAAO;AACvB,QAAM,UAAU,KAAK,cAAgC,QAAQ,gBAAgB,SAAS,CAAC,IAAI;AAC3F,SAAO,SAAS;AAClB;AAGO,SAAS,SAAS,QAAsB;AAC7C,QAAM,OAAO,SAAS,eAAe,MAAM;AAC3C,MAAI,CAAC,KAAM;AAEX,QAAM,UAAU,KAAK;AAAA,IACnB,iCAAiC,gBAAgB,MAAM,CAAC;AAAA,EAC1D;AACA,QAAM,gBAAgB,SAAS;AAE/B,aAAW,WAAW,KAAK,iBAA8B,2BAA2B,GAAG;AACrF,UAAM,QAAQ,gBAAgB,SAAS,IAAI;AAC3C,UAAM,WAAW,UAAU,UAAa,UAAU;AAClD,YAAQ,aAAa,iBAAiB,OAAO,QAAQ,CAAC;AACtD,YAAQ,QAAQ,OAAO,IAAI,WAAW,WAAW;AAAA,EACnD;AAEA,aAAW,SAAS,KAAK,iBAA8B,yBAAyB,GAAG;AACjF,UAAM,WAAW,MAAM,QAAQ,gBAAgB,MAAM;AACrD,UAAM,QAAQ,OAAO,IAAI,WAAW,WAAW;AAC/C,UAAM,WAAW,WAAW,IAAI;AAAA,EAClC;AACF;","names":[]}

package/dist/components/enhance.d.ts

@@ -0,0 +1 @@
+export * from "./enhance/index.js";

package/dist/components/enhance.js

@@ -0,0 +1 @@
+export * from "./enhance/index.js";

package/dist/components/field/Field.d.ts

@@ -0,0 +1,15 @@
+import type { ElementType, ReactElement } from "react";
+import type { FieldRootProps, FieldControlProps, FieldLabelProps, FieldDescriptionProps, FieldErrorProps } from "./types.js";
+export declare function FieldRoot<TAs extends ElementType = "div">(props: FieldRootProps<TAs>): ReactElement | null;
+export declare function FieldLabel(props: FieldLabelProps): ReactElement | null;
+export declare function FieldControl<TAs extends ElementType = "div">(props: FieldControlProps<TAs>): ReactElement | null;
+export declare function FieldDescription(props: FieldDescriptionProps): ReactElement | null;
+export declare function FieldError(props: FieldErrorProps): ReactElement | null;
+export declare const Field: {
+    Root: typeof FieldRoot;
+    Label: typeof FieldLabel;
+    Control: typeof FieldControl;
+    Description: typeof FieldDescription;
+    Error: typeof FieldError;
+};
+//# sourceMappingURL=Field.d.ts.map

package/dist/components/field/Field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../src/components/field/Field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAGvD,OAAO,KAAK,EACV,cAAc,EACd,iBAAiB,EACjB,eAAe,EACf,qBAAqB,EACrB,eAAe,EAChB,MAAM,YAAY,CAAC;AAEpB,wBAAgB,SAAS,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EACvD,KAAK,EAAE,cAAc,CAAC,GAAG,CAAC,GACzB,YAAY,GAAG,IAAI,CA4BrB;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,YAAY,GAAG,IAAI,CAwBtE;AAED,wBAAgB,YAAY,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EAC1D,KAAK,EAAE,iBAAiB,CAAC,GAAG,CAAC,GAC5B,YAAY,GAAG,IAAI,CA8BrB;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,GAAG,YAAY,GAAG,IAAI,CAelF;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,YAAY,GAAG,IAAI,CAoBtE;AAED,eAAO,MAAM,KAAK;;;;;;CAMjB,CAAC"}

package/dist/components/field/Field.js

@@ -0,0 +1,133 @@
+import { useRenderElement } from "@gunkin/uiify/core/render";
+import { getFieldIds } from "./field-ids.js";
+function FieldRoot(props) {
+  const {
+    as,
+    render,
+    id,
+    invalid = false,
+    required = false,
+    disabled = false,
+    // Accepted for API compatibility but not rendered — a bare `name` isn't
+    // meaningful on the wrapper element itself, only on the actual control.
+    name: _name,
+    ...consumerProps
+  } = props;
+  return useRenderElement({
+    as,
+    defaultTag: "div",
+    props: {
+      ...consumerProps,
+      "data-disabled": disabled ? "" : void 0,
+      "data-invalid": invalid ? "" : void 0,
+      "data-required": required ? "" : void 0,
+      "data-uiify-field": "",
+      id
+    },
+    render,
+    state: { disabled, invalid, required, id }
+  });
+}
+function FieldLabel(props) {
+  const {
+    className,
+    children,
+    fieldId,
+    disabled = false,
+    required = false,
+    ...consumerProps
+  } = props;
+  const { controlId, labelId } = getFieldIds(fieldId);
+  return useRenderElement({
+    defaultTag: "label",
+    props: {
+      ...consumerProps,
+      id: labelId,
+      htmlFor: controlId,
+      "data-disabled": disabled ? "" : void 0,
+      "data-required": required ? "" : void 0,
+      ...className ? { className } : {},
+      children
+    },
+    state: { disabled, required }
+  });
+}
+function FieldControl(props) {
+  const {
+    as,
+    render,
+    fieldId,
+    disabled = false,
+    invalid = false,
+    required = false,
+    ...consumerProps
+  } = props;
+  const { controlId, descriptionId, errorId, labelId } = getFieldIds(fieldId);
+  const describedBy = [descriptionId, invalid ? errorId : void 0].filter(Boolean).join(" ");
+  return useRenderElement({
+    as,
+    defaultTag: "div",
+    props: {
+      ...consumerProps,
+      id: controlId,
+      "aria-labelledby": labelId,
+      "aria-describedby": describedBy || void 0,
+      "aria-invalid": invalid || void 0,
+      "aria-required": required || void 0,
+      "data-disabled": disabled ? "" : void 0,
+      "data-invalid": invalid ? "" : void 0,
+      "data-required": required ? "" : void 0
+    },
+    render,
+    state: { disabled, invalid, required }
+  });
+}
+function FieldDescription(props) {
+  const { className, children, fieldId, disabled = false, ...consumerProps } = props;
+  const { descriptionId } = getFieldIds(fieldId);
+  return useRenderElement({
+    defaultTag: "p",
+    props: {
+      ...consumerProps,
+      id: descriptionId,
+      "data-disabled": disabled ? "" : void 0,
+      ...className ? { className } : {},
+      children
+    },
+    state: { disabled }
+  });
+}
+function FieldError(props) {
+  const { className, children, fieldId, invalid = false, ...consumerProps } = props;
+  const { errorId } = getFieldIds(fieldId);
+  const element = useRenderElement({
+    defaultTag: "p",
+    props: {
+      ...consumerProps,
+      id: errorId,
+      role: "alert",
+      "data-invalid": "",
+      ...className ? { className } : {},
+      children
+    },
+    state: { invalid }
+  });
+  if (!invalid) return null;
+  return element;
+}
+const Field = {
+  Root: FieldRoot,
+  Label: FieldLabel,
+  Control: FieldControl,
+  Description: FieldDescription,
+  Error: FieldError
+};
+export {
+  Field,
+  FieldControl,
+  FieldDescription,
+  FieldError,
+  FieldLabel,
+  FieldRoot
+};
+//# sourceMappingURL=Field.js.map

package/dist/components/field/Field.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/field/Field.tsx"],"sourcesContent":["import type { ElementType, ReactElement } from \"react\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport { getFieldIds } from \"./field-ids.js\";\nimport type {\n  FieldRootProps,\n  FieldControlProps,\n  FieldLabelProps,\n  FieldDescriptionProps,\n  FieldErrorProps,\n} from \"./types.js\";\n\nexport function FieldRoot<TAs extends ElementType = \"div\">(\n  props: FieldRootProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    id,\n    invalid = false,\n    required = false,\n    disabled = false,\n    // Accepted for API compatibility but not rendered — a bare `name` isn't\n    // meaningful on the wrapper element itself, only on the actual control.\n    name: _name,\n    ...consumerProps\n  } = props as FieldRootProps<ElementType>;\n\n  return useRenderElement({\n    as,\n    defaultTag: \"div\",\n    props: {\n      ...consumerProps,\n      \"data-disabled\": disabled ? \"\" : undefined,\n      \"data-invalid\": invalid ? \"\" : undefined,\n      \"data-required\": required ? \"\" : undefined,\n      \"data-uiify-field\": \"\",\n      id,\n    },\n    render,\n    state: { disabled, invalid, required, id },\n  });\n}\n\nexport function FieldLabel(props: FieldLabelProps): ReactElement | null {\n  const {\n    className,\n    children,\n    fieldId,\n    disabled = false,\n    required = false,\n    ...consumerProps\n  } = props;\n  const { controlId, labelId } = getFieldIds(fieldId);\n\n  return useRenderElement({\n    defaultTag: \"label\",\n    props: {\n      ...consumerProps,\n      id: labelId,\n      htmlFor: controlId,\n      \"data-disabled\": disabled ? \"\" : undefined,\n      \"data-required\": required ? \"\" : undefined,\n      ...(className ? { className } : {}),\n      children,\n    },\n    state: { disabled, required },\n  });\n}\n\nexport function FieldControl<TAs extends ElementType = \"div\">(\n  props: FieldControlProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    fieldId,\n    disabled = false,\n    invalid = false,\n    required = false,\n    ...consumerProps\n  } = props as FieldControlProps<ElementType>;\n  const { controlId, descriptionId, errorId, labelId } = getFieldIds(fieldId);\n  const describedBy = [descriptionId, invalid ? errorId : undefined].filter(Boolean).join(\" \");\n\n  return useRenderElement({\n    as,\n    defaultTag: \"div\",\n    props: {\n      ...consumerProps,\n      id: controlId,\n      \"aria-labelledby\": labelId,\n      \"aria-describedby\": describedBy || undefined,\n      \"aria-invalid\": invalid || undefined,\n      \"aria-required\": required || undefined,\n      \"data-disabled\": disabled ? \"\" : undefined,\n      \"data-invalid\": invalid ? \"\" : undefined,\n      \"data-required\": required ? \"\" : undefined,\n    },\n    render,\n    state: { disabled, invalid, required },\n  });\n}\n\nexport function FieldDescription(props: FieldDescriptionProps): ReactElement | null {\n  const { className, children, fieldId, disabled = false, ...consumerProps } = props;\n  const { descriptionId } = getFieldIds(fieldId);\n\n  return useRenderElement({\n    defaultTag: \"p\",\n    props: {\n      ...consumerProps,\n      id: descriptionId,\n      \"data-disabled\": disabled ? \"\" : undefined,\n      ...(className ? { className } : {}),\n      children,\n    },\n    state: { disabled },\n  });\n}\n\nexport function FieldError(props: FieldErrorProps): ReactElement | null {\n  const { className, children, fieldId, invalid = false, ...consumerProps } = props;\n  const { errorId } = getFieldIds(fieldId);\n\n  const element = useRenderElement({\n    defaultTag: \"p\",\n    props: {\n      ...consumerProps,\n      id: errorId,\n      role: \"alert\",\n      \"data-invalid\": \"\",\n      ...(className ? { className } : {}),\n      children,\n    },\n    state: { invalid },\n  });\n\n  if (!invalid) return null;\n\n  return element;\n}\n\nexport const Field = {\n  Root: FieldRoot,\n  Label: FieldLabel,\n  Control: FieldControl,\n  Description: FieldDescription,\n  Error: FieldError,\n};\n"],"mappings":"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","names":[]}

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

@@ -0,0 +1,12 @@
+export interface FieldIds {
+    readonly controlId: string;
+    readonly descriptionId: string;
+    readonly errorId: string;
+    readonly labelId: string;
+}
+/** Deterministic ids shared by Field.Root and every part — each part derives
+ * these itself from the same `fieldId` the consumer passes to it, rather
+ * than relying on props injected via child traversal (which breaks across
+ * a Fragment or an intermediate wrapper component). */
+export declare function getFieldIds(fieldId: string): FieldIds;
+//# sourceMappingURL=field-ids.d.ts.map

package/dist/components/field/field-ids.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-ids.d.ts","sourceRoot":"","sources":["../../../src/components/field/field-ids.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,QAAQ;IACvB,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,aAAa,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;CAC1B;AAED;;;uDAGuD;AACvD,wBAAgB,WAAW,CAAC,OAAO,EAAE,MAAM,GAAG,QAAQ,CAOrD"}

package/dist/components/field/field-ids.js

@@ -0,0 +1,12 @@
+function getFieldIds(fieldId) {
+  return {
+    controlId: `${fieldId}-control`,
+    descriptionId: `${fieldId}-description`,
+    errorId: `${fieldId}-error`,
+    labelId: `${fieldId}-label`
+  };
+}
+export {
+  getFieldIds
+};
+//# sourceMappingURL=field-ids.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/field/field-ids.ts"],"sourcesContent":["export interface FieldIds {\n  readonly controlId: string;\n  readonly descriptionId: string;\n  readonly errorId: string;\n  readonly labelId: string;\n}\n\n/** Deterministic ids shared by Field.Root and every part — each part derives\n * these itself from the same `fieldId` the consumer passes to it, rather\n * than relying on props injected via child traversal (which breaks across\n * a Fragment or an intermediate wrapper component). */\nexport function getFieldIds(fieldId: string): FieldIds {\n  return {\n    controlId: `${fieldId}-control`,\n    descriptionId: `${fieldId}-description`,\n    errorId: `${fieldId}-error`,\n    labelId: `${fieldId}-label`,\n  };\n}\n"],"mappings":"AAWO,SAAS,YAAY,SAA2B;AACrD,SAAO;AAAA,IACL,WAAW,GAAG,OAAO;AAAA,IACrB,eAAe,GAAG,OAAO;AAAA,IACzB,SAAS,GAAG,OAAO;AAAA,IACnB,SAAS,GAAG,OAAO;AAAA,EACrB;AACF;","names":[]}

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

@@ -0,0 +1,3 @@
+export { Field, FieldControl, FieldDescription, FieldError, FieldLabel, FieldRoot, } from "./Field.js";
+export type { FieldControlProps, FieldDescriptionProps, FieldErrorProps, FieldLabelProps, FieldRootOwnProps, FieldRootProps, } from "./types.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/field/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/field/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,YAAY,EACZ,gBAAgB,EAChB,UAAU,EACV,UAAU,EACV,SAAS,GACV,MAAM,YAAY,CAAC;AACpB,YAAY,EACV,iBAAiB,EACjB,qBAAqB,EACrB,eAAe,EACf,eAAe,EACf,iBAAiB,EACjB,cAAc,GACf,MAAM,YAAY,CAAC"}

package/dist/components/field/index.js

@@ -0,0 +1,17 @@
+import {
+  Field,
+  FieldControl,
+  FieldDescription,
+  FieldError,
+  FieldLabel,
+  FieldRoot
+} from "./Field.js";
+export {
+  Field,
+  FieldControl,
+  FieldDescription,
+  FieldError,
+  FieldLabel,
+  FieldRoot
+};
+//# sourceMappingURL=index.js.map

package/dist/components/field/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/field/index.ts"],"sourcesContent":["export {\n  Field,\n  FieldControl,\n  FieldDescription,\n  FieldError,\n  FieldLabel,\n  FieldRoot,\n} from \"./Field.js\";\nexport type {\n  FieldControlProps,\n  FieldDescriptionProps,\n  FieldErrorProps,\n  FieldLabelProps,\n  FieldRootOwnProps,\n  FieldRootProps,\n} from \"./types.js\";\n"],"mappings":"AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;","names":[]}

package/dist/components/field/types.d.ts

@@ -0,0 +1,40 @@
+import type { ElementType, HTMLAttributes } from "react";
+import type { RenderableProps } from "@gunkin/uiify/core/render";
+export interface FieldRootOwnProps {
+    /** Stable id for deterministic label/control/error wiring. Required. */
+    readonly id: string;
+    readonly invalid?: boolean;
+    readonly required?: boolean;
+    readonly disabled?: boolean;
+    readonly name?: string;
+}
+export type FieldRootProps<TAs extends ElementType = "div"> = RenderableProps<TAs, FieldRootOwnProps, FieldRootOwnProps, HTMLElement>;
+/** Every part connects to Field.Root by this one explicit prop — the same
+ * `id` passed to Root — instead of props injected via child traversal. */
+export interface FieldPartOwnProps {
+    readonly fieldId: string;
+}
+export interface FieldLabelOwnProps extends FieldPartOwnProps {
+    readonly disabled?: boolean;
+    readonly required?: boolean;
+}
+export type FieldLabelProps = FieldLabelOwnProps & Omit<HTMLAttributes<HTMLLabelElement>, "htmlFor" | keyof FieldLabelOwnProps>;
+export interface FieldControlOwnProps extends FieldPartOwnProps {
+    readonly disabled?: boolean;
+    readonly invalid?: boolean;
+    readonly required?: boolean;
+}
+export type FieldControlProps<TAs extends ElementType = "div"> = RenderableProps<TAs, FieldControlOwnProps, {
+    disabled: boolean;
+    invalid: boolean;
+    required: boolean;
+}, HTMLElement>;
+export interface FieldDescriptionOwnProps extends FieldPartOwnProps {
+    readonly disabled?: boolean;
+}
+export type FieldDescriptionProps = FieldDescriptionOwnProps & Omit<HTMLAttributes<HTMLElement>, keyof FieldDescriptionOwnProps>;
+export interface FieldErrorOwnProps extends FieldPartOwnProps {
+    readonly invalid?: boolean;
+}
+export type FieldErrorProps = FieldErrorOwnProps & Omit<HTMLAttributes<HTMLElement>, keyof FieldErrorOwnProps>;
+//# sourceMappingURL=types.d.ts.map

package/dist/components/field/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/field/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEjE,MAAM,WAAW,iBAAiB;IAChC,wEAAwE;IACxE,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,MAAM,cAAc,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,IAAI,eAAe,CAC3E,GAAG,EACH,iBAAiB,EACjB,iBAAiB,EACjB,WAAW,CACZ,CAAC;AAEF;0EAC0E;AAC1E,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC3D,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,MAAM,MAAM,eAAe,GAAG,kBAAkB,GAC9C,IAAI,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,SAAS,GAAG,MAAM,kBAAkB,CAAC,CAAC;AAE/E,MAAM,WAAW,oBAAqB,SAAQ,iBAAiB;IAC7D,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,MAAM,MAAM,iBAAiB,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,IAAI,eAAe,CAC9E,GAAG,EACH,oBAAoB,EACpB;IAAE,QAAQ,EAAE,OAAO,CAAC;IAAC,OAAO,EAAE,OAAO,CAAC;IAAC,QAAQ,EAAE,OAAO,CAAA;CAAE,EAC1D,WAAW,CACZ,CAAC;AAEF,MAAM,WAAW,wBAAyB,SAAQ,iBAAiB;IACjE,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,MAAM,MAAM,qBAAqB,GAAG,wBAAwB,GAC1D,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,MAAM,wBAAwB,CAAC,CAAC;AAEpE,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC3D,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,MAAM,eAAe,GAAG,kBAAkB,GAC9C,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,MAAM,kBAAkB,CAAC,CAAC"}

package/dist/components/field/types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

package/dist/components/field/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/components/field.d.ts

@@ -0,0 +1 @@
+export * from "./field/index.js";

package/dist/components/field.js

@@ -0,0 +1 @@
+export * from "./field/index.js";

package/dist/components/file-upload/FileUpload.d.ts

@@ -0,0 +1,23 @@
+import type { ElementType, ReactElement } from "react";
+import type { FileUploadRootProps, FileUploadHiddenInputOwnProps, FileUploadTriggerProps, FileUploadDropzoneProps, FileUploadListOwnProps, FileUploadItemProps, FileUploadItemRemoveOwnProps } from "./types.js";
+export declare function FileUploadRootClient(props: FileUploadRootProps): ReactElement | null;
+export declare namespace FileUploadRootClient {
+    var displayName: string;
+}
+export declare const FileUploadRoot: typeof FileUploadRootClient;
+export declare function FileUploadHiddenInput(props: FileUploadHiddenInputOwnProps): ReactElement | null;
+export declare function FileUploadTrigger<TAs extends ElementType = "label">(props: FileUploadTriggerProps<TAs>): ReactElement | null;
+export declare function FileUploadDropzone<TAs extends ElementType = "div">(props: FileUploadDropzoneProps<TAs>): ReactElement | null;
+export declare function FileUploadList(props: FileUploadListOwnProps): ReactElement | null;
+export declare function FileUploadItem<TAs extends ElementType = "li">(props: FileUploadItemProps<TAs>): ReactElement | null;
+export declare function FileUploadItemRemove(props: FileUploadItemRemoveOwnProps): ReactElement | null;
+export declare const FileUpload: {
+    Dropzone: typeof FileUploadDropzone;
+    HiddenInput: typeof FileUploadHiddenInput;
+    Item: typeof FileUploadItem;
+    ItemRemove: typeof FileUploadItemRemove;
+    List: typeof FileUploadList;
+    Root: typeof FileUploadRootClient;
+    Trigger: typeof FileUploadTrigger;
+};
+//# sourceMappingURL=FileUpload.d.ts.map

package/dist/components/file-upload/FileUpload.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUpload.d.ts","sourceRoot":"","sources":["../../../src/components/file-upload/FileUpload.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAa,YAAY,EAAkB,MAAM,OAAO,CAAC;AAMlF,OAAO,KAAK,EAGV,mBAAmB,EACnB,6BAA6B,EAC7B,sBAAsB,EACtB,uBAAuB,EACvB,sBAAsB,EACtB,mBAAmB,EACnB,4BAA4B,EAC7B,MAAM,YAAY,CAAC;AAKpB,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,mBAAmB,GAAG,YAAY,GAAG,IAAI,CA2EpF;yBA3Ee,oBAAoB;;;AA8EpC,eAAO,MAAM,cAAc,6BAAuB,CAAC;AAEnD,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,6BAA6B,GAAG,YAAY,GAAG,IAAI,CAmC/F;AAED,wBAAgB,iBAAiB,CAAC,GAAG,SAAS,WAAW,GAAG,OAAO,EACjE,KAAK,EAAE,sBAAsB,CAAC,GAAG,CAAC,GACjC,YAAY,GAAG,IAAI,CAiCrB;AAED,wBAAgB,kBAAkB,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EAChE,KAAK,EAAE,uBAAuB,CAAC,GAAG,CAAC,GAClC,YAAY,GAAG,IAAI,CA+BrB;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,sBAAsB,GAAG,YAAY,GAAG,IAAI,CAOjF;AAED,wBAAgB,cAAc,CAAC,GAAG,SAAS,WAAW,GAAG,IAAI,EAC3D,KAAK,EAAE,mBAAmB,CAAC,GAAG,CAAC,GAC9B,YAAY,GAAG,IAAI,CAuBrB;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,4BAA4B,GAAG,YAAY,GAAG,IAAI,CAe7F;AAED,eAAO,MAAM,UAAU;;;;;;;;CAQtB,CAAC"}