@gunkin/uiify 0.0.1-alpha

package/dist/core/use-render-element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-render-element.d.ts","sourceRoot":"","sources":["../../src/core/use-render-element.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAEvD,UAAU,uBAAuB,CAAC,MAAM;IACtC,QAAQ,CAAC,EAAE,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IACtC,QAAQ,CAAC,UAAU,EAAE,WAAW,CAAC;IACjC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACxC,QAAQ,CAAC,MAAM,CAAC,EACZ,CAAC,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,YAAY,GAAG,IAAI,CAAC,GACxE,SAAS,CAAC;IACd,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACxB;AAED,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,EACvC,EAAE,EACF,UAAU,EACV,KAAK,EACL,MAAM,EACN,KAAK,GACN,EAAE,uBAAuB,CAAC,MAAM,CAAC,GAAG,YAAY,GAAG,IAAI,CAGvD"}

package/dist/core/use-render-element.js

@@ -0,0 +1,15 @@
+import { createElement } from "react";
+function useRenderElement({
+  as,
+  defaultTag,
+  props,
+  render,
+  state
+}) {
+  if (render) return render(props, state);
+  return createElement(as ?? defaultTag, props);
+}
+export {
+  useRenderElement
+};
+//# sourceMappingURL=use-render-element.js.map

package/dist/core/use-render-element.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/core/use-render-element.tsx"],"sourcesContent":["import { createElement } from \"react\";\nimport type { ElementType, ReactElement } from \"react\";\n\ninterface UseRenderElementOptions<TState> {\n  readonly as?: ElementType | undefined;\n  readonly defaultTag: ElementType;\n  readonly props: Record<string, unknown>;\n  readonly render?:\n    | ((props: Record<string, unknown>, state: TState) => ReactElement | null)\n    | undefined;\n  readonly state: TState;\n}\n\nexport function useRenderElement<TState>({\n  as,\n  defaultTag,\n  props,\n  render,\n  state,\n}: UseRenderElementOptions<TState>): ReactElement | null {\n  if (render) return render(props, state);\n  return createElement(as ?? defaultTag, props);\n}\n"],"mappings":"AAAA,SAAS,qBAAqB;AAavB,SAAS,iBAAyB;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAyD;AACvD,MAAI,OAAQ,QAAO,OAAO,OAAO,KAAK;AACtC,SAAO,cAAc,MAAM,YAAY,KAAK;AAC9C;","names":[]}

package/dist/core/visually-hidden.d.ts

@@ -0,0 +1,5 @@
+import type { ElementType, ReactElement } from "react";
+import type { RenderableProps } from "./polymorphic.js";
+export type VisuallyHiddenProps<TAs extends ElementType = "span"> = RenderableProps<TAs, object, Record<string, never>, HTMLElement>;
+export declare function VisuallyHidden<TAs extends ElementType = "span">(props: VisuallyHiddenProps<TAs>): ReactElement | null;
+//# sourceMappingURL=visually-hidden.d.ts.map

package/dist/core/visually-hidden.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"visually-hidden.d.ts","sourceRoot":"","sources":["../../src/core/visually-hidden.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACtE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAgBxD,MAAM,MAAM,mBAAmB,CAAC,GAAG,SAAS,WAAW,GAAG,MAAM,IAAI,eAAe,CACjF,GAAG,EACH,MAAM,EACN,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EACrB,WAAW,CACZ,CAAC;AAEF,wBAAgB,cAAc,CAAC,GAAG,SAAS,WAAW,GAAG,MAAM,EAC7D,KAAK,EAAE,mBAAmB,CAAC,GAAG,CAAC,GAC9B,YAAY,GAAG,IAAI,CAiBrB"}

package/dist/core/visually-hidden.js

@@ -0,0 +1,35 @@
+import { useRenderElement } from "./use-render-element.js";
+const visuallyHiddenStyle = {
+  border: 0,
+  clip: "rect(0 0 0 0)",
+  clipPath: "inset(50%)",
+  height: 1,
+  margin: -1,
+  overflow: "hidden",
+  padding: 0,
+  position: "absolute",
+  whiteSpace: "nowrap",
+  width: 1
+};
+function VisuallyHidden(props) {
+  const {
+    as,
+    render,
+    style: consumerStyle,
+    ...consumerProps
+  } = props;
+  return useRenderElement({
+    as,
+    defaultTag: "span",
+    props: {
+      ...consumerProps,
+      style: { ...consumerStyle, ...visuallyHiddenStyle }
+    },
+    render,
+    state: {}
+  });
+}
+export {
+  VisuallyHidden
+};
+//# sourceMappingURL=visually-hidden.js.map

package/dist/core/visually-hidden.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/core/visually-hidden.tsx"],"sourcesContent":["import type { CSSProperties, ElementType, ReactElement } from \"react\";\nimport type { RenderableProps } from \"./polymorphic.js\";\nimport { useRenderElement } from \"./use-render-element.js\";\n\nconst visuallyHiddenStyle: CSSProperties = {\n  border: 0,\n  clip: \"rect(0 0 0 0)\",\n  clipPath: \"inset(50%)\",\n  height: 1,\n  margin: -1,\n  overflow: \"hidden\",\n  padding: 0,\n  position: \"absolute\",\n  whiteSpace: \"nowrap\",\n  width: 1,\n};\n\nexport type VisuallyHiddenProps<TAs extends ElementType = \"span\"> = RenderableProps<\n  TAs,\n  object,\n  Record<string, never>,\n  HTMLElement\n>;\n\nexport function VisuallyHidden<TAs extends ElementType = \"span\">(\n  props: VisuallyHiddenProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    style: consumerStyle,\n    ...consumerProps\n  } = props as VisuallyHiddenProps<ElementType> & { style?: CSSProperties };\n  return useRenderElement({\n    as,\n    defaultTag: \"span\",\n    props: {\n      ...consumerProps,\n      style: { ...consumerStyle, ...visuallyHiddenStyle },\n    },\n    render,\n    state: {},\n  });\n}\n"],"mappings":"AAEA,SAAS,wBAAwB;AAEjC,MAAM,sBAAqC;AAAA,EACzC,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,SAAS;AAAA,EACT,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,OAAO;AACT;AASO,SAAS,eACd,OACqB;AACrB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP,GAAG;AAAA,EACL,IAAI;AACJ,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH,OAAO,EAAE,GAAG,eAAe,GAAG,oBAAoB;AAAA,IACpD;AAAA,IACA;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;","names":[]}

package/dist/elements/choice/Choice.d.ts

@@ -0,0 +1,26 @@
+import type { ReactElement } from "react";
+import type { ChoiceGroupProps, ChoiceItemProps } from "./types.js";
+/**
+ * A group of `Choice.Item`s. Purely a marked, oriented `<div>` — the actual `<input>`s are
+ * siblings-by-id, not parent/child data flow (no `useContext`, no `cloneElement`: Tier 0 bans
+ * both). Emits `data-orientation` and `data-uiify-choice`.
+ */
+export declare function ChoiceGroup(props: ChoiceGroupProps): ReactElement;
+export declare namespace ChoiceGroup {
+    var displayName: string;
+}
+/**
+ * One radio/checkbox choice: an `<input>`, its `<label>`, and an optional panel. `groupId` and
+ * `kind` are explicit (see `ChoiceGroupOwnProps.id`) — this part does not read them from its
+ * `Choice.Group` ancestor. Emits `data-part` (default `"item"`) and `data-uiify-choice-item`
+ * on the wrapper.
+ */
+export declare function ChoiceItem(props: ChoiceItemProps): ReactElement;
+export declare namespace ChoiceItem {
+    var displayName: string;
+}
+export declare const Choice: {
+    Group: typeof ChoiceGroup;
+    Item: typeof ChoiceItem;
+};
+//# sourceMappingURL=Choice.d.ts.map

package/dist/elements/choice/Choice.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Choice.d.ts","sourceRoot":"","sources":["../../../src/elements/choice/Choice.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAEpE;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,YAAY,CAajE;yBAbe,WAAW;;;AAgB3B;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,YAAY,CAsD/D;yBAtDe,UAAU;;;AAyD1B,eAAO,MAAM,MAAM;;;CAGlB,CAAC"}

package/dist/elements/choice/Choice.js

@@ -0,0 +1,75 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { choiceGroupName, choiceIds } from "./ids.js";
+function ChoiceGroup(props) {
+  const {
+    children,
+    kind: _kind,
+    name: _name,
+    orientation = "horizontal",
+    ...consumerProps
+  } = props;
+  return /* @__PURE__ */ jsx("div", { ...consumerProps, "data-orientation": orientation, "data-uiify-choice": "", children });
+}
+ChoiceGroup.displayName = "ChoiceGroup";
+function ChoiceItem(props) {
+  const {
+    defaultChecked = false,
+    checked,
+    disabled = false,
+    groupId,
+    inputProps,
+    kind,
+    label,
+    labelPart = false,
+    labelProps,
+    name,
+    onChange,
+    panel,
+    panelProps,
+    part = "item",
+    value,
+    ...consumerProps
+  } = props;
+  const isControlled = checked !== void 0;
+  const { controlId, labelId, panelId } = choiceIds(groupId, value);
+  const groupName = name ?? choiceGroupName(groupId, kind);
+  const inputType = kind === "single" ? "radio" : "checkbox";
+  return /* @__PURE__ */ jsxs("div", { "data-part": part, "data-uiify-choice-item": "", ...consumerProps, children: [
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        ...inputProps,
+        "aria-labelledby": labelId,
+        ...isControlled ? { checked } : { defaultChecked },
+        disabled,
+        id: controlId,
+        name: groupName,
+        type: inputType,
+        value,
+        ...onChange ? { onChange: () => onChange(value) } : {}
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "label",
+      {
+        ...labelProps,
+        htmlFor: controlId,
+        id: labelId,
+        ...labelPart ? { "data-part": "label" } : {},
+        children: label
+      }
+    ),
+    panel === void 0 ? null : /* @__PURE__ */ jsx("div", { ...panelProps, "data-part": "panel", id: panelId, children: panel })
+  ] });
+}
+ChoiceItem.displayName = "ChoiceItem";
+const Choice = {
+  Group: ChoiceGroup,
+  Item: ChoiceItem
+};
+export {
+  Choice,
+  ChoiceGroup,
+  ChoiceItem
+};
+//# sourceMappingURL=Choice.js.map

package/dist/elements/choice/Choice.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/choice/Choice.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport { choiceGroupName, choiceIds } from \"./ids.js\";\nimport type { ChoiceGroupProps, ChoiceItemProps } from \"./types.js\";\n\n/**\n * A group of `Choice.Item`s. Purely a marked, oriented `<div>` — the actual `<input>`s are\n * siblings-by-id, not parent/child data flow (no `useContext`, no `cloneElement`: Tier 0 bans\n * both). Emits `data-orientation` and `data-uiify-choice`.\n */\nexport function ChoiceGroup(props: ChoiceGroupProps): ReactElement {\n  const {\n    children,\n    kind: _kind,\n    name: _name,\n    orientation = \"horizontal\",\n    ...consumerProps\n  } = props;\n  return (\n    <div {...consumerProps} data-orientation={orientation} data-uiify-choice=\"\">\n      {children}\n    </div>\n  );\n}\nChoiceGroup.displayName = \"ChoiceGroup\";\n\n/**\n * One radio/checkbox choice: an `<input>`, its `<label>`, and an optional panel. `groupId` and\n * `kind` are explicit (see `ChoiceGroupOwnProps.id`) — this part does not read them from its\n * `Choice.Group` ancestor. Emits `data-part` (default `\"item\"`) and `data-uiify-choice-item`\n * on the wrapper.\n */\nexport function ChoiceItem(props: ChoiceItemProps): ReactElement {\n  const {\n    defaultChecked = false,\n    checked,\n    disabled = false,\n    groupId,\n    inputProps,\n    kind,\n    label,\n    labelPart = false,\n    labelProps,\n    name,\n    onChange,\n    panel,\n    panelProps,\n    part = \"item\",\n    value,\n    ...consumerProps\n  } = props;\n\n  const isControlled = checked !== undefined;\n\n  const { controlId, labelId, panelId } = choiceIds(groupId, value);\n  const groupName = name ?? choiceGroupName(groupId, kind);\n  const inputType = kind === \"single\" ? \"radio\" : \"checkbox\";\n\n  return (\n    <div data-part={part} data-uiify-choice-item=\"\" {...consumerProps}>\n      <input\n        {...inputProps}\n        aria-labelledby={labelId}\n        {...(isControlled ? { checked } : { defaultChecked })}\n        disabled={disabled}\n        id={controlId}\n        name={groupName}\n        type={inputType}\n        value={value}\n        {...(onChange ? { onChange: () => onChange(value) } : {})}\n      />\n      <label\n        {...labelProps}\n        htmlFor={controlId}\n        id={labelId}\n        {...(labelPart ? { \"data-part\": \"label\" } : {})}\n      >\n        {label}\n      </label>\n      {panel === undefined ? null : (\n        <div {...panelProps} data-part=\"panel\" id={panelId}>\n          {panel}\n        </div>\n      )}\n    </div>\n  );\n}\nChoiceItem.displayName = \"ChoiceItem\";\n\nexport const Choice = {\n  Group: ChoiceGroup,\n  Item: ChoiceItem,\n};\n"],"mappings":"AAkBI,cAwCA,YAxCA;AAjBJ,SAAS,iBAAiB,iBAAiB;AAQpC,SAAS,YAAY,OAAuC;AACjE,QAAM;AAAA,IACJ;AAAA,IACA,MAAM;AAAA,IACN,MAAM;AAAA,IACN,cAAc;AAAA,IACd,GAAG;AAAA,EACL,IAAI;AACJ,SACE,oBAAC,SAAK,GAAG,eAAe,oBAAkB,aAAa,qBAAkB,IACtE,UACH;AAEJ;AACA,YAAY,cAAc;AAQnB,SAAS,WAAW,OAAsC;AAC/D,QAAM;AAAA,IACJ,iBAAiB;AAAA,IACjB;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,eAAe,YAAY;AAEjC,QAAM,EAAE,WAAW,SAAS,QAAQ,IAAI,UAAU,SAAS,KAAK;AAChE,QAAM,YAAY,QAAQ,gBAAgB,SAAS,IAAI;AACvD,QAAM,YAAY,SAAS,WAAW,UAAU;AAEhD,SACE,qBAAC,SAAI,aAAW,MAAM,0BAAuB,IAAI,GAAG,eAClD;AAAA;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,mBAAiB;AAAA,QAChB,GAAI,eAAe,EAAE,QAAQ,IAAI,EAAE,eAAe;AAAA,QACnD;AAAA,QACA,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,MAAM;AAAA,QACN;AAAA,QACC,GAAI,WAAW,EAAE,UAAU,MAAM,SAAS,KAAK,EAAE,IAAI,CAAC;AAAA;AAAA,IACzD;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACH,GAAI,YAAY,EAAE,aAAa,QAAQ,IAAI,CAAC;AAAA,QAE5C;AAAA;AAAA,IACH;AAAA,IACC,UAAU,SAAY,OACrB,oBAAC,SAAK,GAAG,YAAY,aAAU,SAAQ,IAAI,SACxC,iBACH;AAAA,KAEJ;AAEJ;AACA,WAAW,cAAc;AAElB,MAAM,SAAS;AAAA,EACpB,OAAO;AAAA,EACP,MAAM;AACR;","names":[]}

package/dist/elements/choice/ids.d.ts

@@ -0,0 +1,11 @@
+import type { ChoiceKind } from "./types.js";
+/** Derived, never generated (`useId` is banned in Tier 0) — deterministic across SSR/CSR. */
+export declare function choiceIds(groupId: string, value: string): {
+    readonly controlId: `${string}-control-${string}`;
+    readonly labelId: `${string}-label-${string}`;
+    readonly panelId: `${string}-panel-${string}`;
+};
+/** `"single"` returns the group id itself; `"multiple"` suffixes it, so the two groups a
+ * consumer might render side by side for the same id never collide. */
+export declare function choiceGroupName(groupId: string, kind: ChoiceKind): string;
+//# sourceMappingURL=ids.d.ts.map

package/dist/elements/choice/ids.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ids.d.ts","sourceRoot":"","sources":["../../../src/elements/choice/ids.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAE7C,6FAA6F;AAC7F,wBAAgB,SAAS,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM;;;;EAMvD;AAED;uEACuE;AACvE,wBAAgB,eAAe,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,GAAG,MAAM,CAEzE"}

package/dist/elements/choice/ids.js

@@ -0,0 +1,15 @@
+function choiceIds(groupId, value) {
+  return {
+    controlId: `${groupId}-control-${value}`,
+    labelId: `${groupId}-label-${value}`,
+    panelId: `${groupId}-panel-${value}`
+  };
+}
+function choiceGroupName(groupId, kind) {
+  return kind === "single" ? groupId : `${groupId}-multiple`;
+}
+export {
+  choiceGroupName,
+  choiceIds
+};
+//# sourceMappingURL=ids.js.map

package/dist/elements/choice/ids.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/choice/ids.ts"],"sourcesContent":["import type { ChoiceKind } from \"./types.js\";\n\n/** Derived, never generated (`useId` is banned in Tier 0) — deterministic across SSR/CSR. */\nexport function choiceIds(groupId: string, value: string) {\n  return {\n    controlId: `${groupId}-control-${value}`,\n    labelId: `${groupId}-label-${value}`,\n    panelId: `${groupId}-panel-${value}`,\n  } as const;\n}\n\n/** `\"single\"` returns the group id itself; `\"multiple\"` suffixes it, so the two groups a\n * consumer might render side by side for the same id never collide. */\nexport function choiceGroupName(groupId: string, kind: ChoiceKind): string {\n  return kind === \"single\" ? groupId : `${groupId}-multiple`;\n}\n"],"mappings":"AAGO,SAAS,UAAU,SAAiB,OAAe;AACxD,SAAO;AAAA,IACL,WAAW,GAAG,OAAO,YAAY,KAAK;AAAA,IACtC,SAAS,GAAG,OAAO,UAAU,KAAK;AAAA,IAClC,SAAS,GAAG,OAAO,UAAU,KAAK;AAAA,EACpC;AACF;AAIO,SAAS,gBAAgB,SAAiB,MAA0B;AACzE,SAAO,SAAS,WAAW,UAAU,GAAG,OAAO;AACjD;","names":[]}

package/dist/elements/choice/index.d.ts

@@ -0,0 +1,4 @@
+export { Choice, ChoiceGroup, ChoiceItem } from "./Choice.js";
+export { choiceGroupName, choiceIds } from "./ids.js";
+export type { ChoiceGroupOwnProps, ChoiceGroupProps, ChoiceItemOwnProps, ChoiceItemProps, ChoiceKind, ChoiceOrientation, } from "./types.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/choice/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/choice/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACtD,YAAY,EACV,mBAAmB,EACnB,gBAAgB,EAChB,kBAAkB,EAClB,eAAe,EACf,UAAU,EACV,iBAAiB,GAClB,MAAM,YAAY,CAAC"}

package/dist/elements/choice/index.js

@@ -0,0 +1,10 @@
+import { Choice, ChoiceGroup, ChoiceItem } from "./Choice.js";
+import { choiceGroupName, choiceIds } from "./ids.js";
+export {
+  Choice,
+  ChoiceGroup,
+  ChoiceItem,
+  choiceGroupName,
+  choiceIds
+};
+//# sourceMappingURL=index.js.map

package/dist/elements/choice/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/choice/index.ts"],"sourcesContent":["export { Choice, ChoiceGroup, ChoiceItem } from \"./Choice.js\";\nexport { choiceGroupName, choiceIds } from \"./ids.js\";\nexport type {\n  ChoiceGroupOwnProps,\n  ChoiceGroupProps,\n  ChoiceItemOwnProps,\n  ChoiceItemProps,\n  ChoiceKind,\n  ChoiceOrientation,\n} from \"./types.js\";\n"],"mappings":"AAAA,SAAS,QAAQ,aAAa,kBAAkB;AAChD,SAAS,iBAAiB,iBAAiB;","names":[]}

package/dist/elements/choice/types.d.ts

@@ -0,0 +1,59 @@
+import type { ComponentPropsWithRef, ReactNode } from "react";
+/** `"single"` renders `type="radio"`; `"multiple"` renders `type="checkbox"`. */
+export type ChoiceKind = "single" | "multiple";
+export type ChoiceOrientation = "horizontal" | "vertical";
+export interface ChoiceGroupOwnProps {
+    readonly children?: ReactNode;
+    /**
+     * Seeds every child `Choice.Item`'s derived ids and form-control name — pass the same
+     * value to each item's own `groupId`. Tier 0 bans `useContext`, so there is no implicit
+     * injection from Group to Item; this id is the explicit wiring, the same pattern
+     * `@gunkin/uiify/elements/dialog`'s `target` prop uses.
+     */
+    readonly id: string;
+    readonly kind: ChoiceKind;
+    readonly orientation?: ChoiceOrientation;
+    /**
+     * Documents the derived `choiceGroupName(id, kind)` override every child `Choice.Item`
+     * should also receive as its own `name` — not read by `Choice.Group` itself (there is
+     * nowhere to inject it to without context), but declaring it here keeps the two in sync
+     * for anyone reading the JSX.
+     */
+    readonly name?: string;
+}
+export type ChoiceGroupProps = ChoiceGroupOwnProps & Omit<ComponentPropsWithRef<"div">, keyof ChoiceGroupOwnProps>;
+export interface ChoiceItemOwnProps {
+    readonly value: string;
+    /** Rendered inside the `<label>`. */
+    readonly label: ReactNode;
+    /** When present, renders `<div data-part="panel">` as a sibling after the label. */
+    readonly panel?: ReactNode;
+    /** The `Choice.Group.id` this item belongs to — see `ChoiceGroupOwnProps.id`. */
+    readonly groupId: string;
+    readonly kind: ChoiceKind;
+    /** Overrides the derived `choiceGroupName(groupId, kind)` form-control name. */
+    readonly name?: string;
+    /** The browser owns the state after first render. */
+    readonly defaultChecked?: boolean;
+    /** Controlled checked state for client-enhanced choice groups. */
+    readonly checked?: boolean;
+    readonly disabled?: boolean;
+    /** Wrapper `data-part`. Defaults to `"item"` (stepper-shaped consumers use `"step"`). */
+    readonly part?: string;
+    /** Adds `data-part="label"` to the `<label>`. */
+    readonly labelPart?: boolean;
+    /** Escape hatch: extra attributes spread onto the `<input>` (e.g. `data-uiify-tabs-input`). */
+    readonly inputProps?: Record<string, unknown>;
+    /** Escape hatch: extra attributes spread onto the `<label>`. */
+    readonly labelProps?: Record<string, unknown>;
+    /** Escape hatch: extra attributes spread onto the panel `<div>`. */
+    readonly panelProps?: Record<string, unknown>;
+    /**
+     * Client-only: attaches to the input's native `change`. Passing it does not make this
+     * element a client component — the *caller* must already be one. Omitted by every
+     * uncontrolled (server) caller, so the server output stays handler-free.
+     */
+    readonly onChange?: (value: string) => void;
+}
+export type ChoiceItemProps = ChoiceItemOwnProps & Omit<ComponentPropsWithRef<"div">, keyof ChoiceItemOwnProps | "children">;
+//# sourceMappingURL=types.d.ts.map

package/dist/elements/choice/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/choice/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9D,iFAAiF;AACjF,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,UAAU,CAAC;AAE/C,MAAM,MAAM,iBAAiB,GAAG,YAAY,GAAG,UAAU,CAAC;AAE1D,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAC;IAC1B,QAAQ,CAAC,WAAW,CAAC,EAAE,iBAAiB,CAAC;IACzC;;;;;OAKG;IACH,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,MAAM,gBAAgB,GAAG,mBAAmB,GAChD,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,MAAM,mBAAmB,CAAC,CAAC;AAEhE,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,qCAAqC;IACrC,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC;IAC1B,oFAAoF;IACpF,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IAC3B,iFAAiF;IACjF,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAC;IAC1B,gFAAgF;IAChF,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,qDAAqD;IACrD,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAClC,kEAAkE;IAClE,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,yFAAyF;IACzF,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,iDAAiD;IACjD,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B,+FAA+F;IAC/F,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9C,gEAAgE;IAChE,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9C,oEAAoE;IACpE,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9C;;;;OAIG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7C;AAED,MAAM,MAAM,eAAe,GAAG,kBAAkB,GAC9C,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,MAAM,kBAAkB,GAAG,UAAU,CAAC,CAAC"}

package/dist/elements/choice/types.js

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

package/dist/elements/choice/types.js.map

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

package/dist/elements/choice.d.ts

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

package/dist/elements/choice.js

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

package/dist/elements/details/Details.d.ts

@@ -0,0 +1,36 @@
+import type { ElementType, ReactElement } from "react";
+import type { DetailsContentProps, DetailsRootProps, DetailsSummaryProps } from "./types.js";
+/**
+ * A native disclosure. `name` is what makes a group of these single-open with zero JS — the
+ * browser enforces the exclusivity. Emits `data-uiify-details`, plus `data-disabled` when
+ * `disabled`.
+ */
+export declare function DetailsRoot(props: DetailsRootProps): ReactElement;
+export declare namespace DetailsRoot {
+    var displayName: string;
+}
+/**
+ * The disclosure trigger. `part` sets `data-part` when given (omitted entirely otherwise —
+ * not every consumer wants a part name on this element, see breadcrumb's ellipsis trigger).
+ * When `disabled`, the trigger loses focusability and gets `aria-disabled` — the browser has
+ * no native `disabled` state for `<summary>`.
+ */
+export declare function DetailsSummary(props: DetailsSummaryProps): ReactElement;
+export declare namespace DetailsSummary {
+    var displayName: string;
+}
+/**
+ * The disclosure body. Polymorphic (`as`/`render`) since the content isn't always a `<div>` —
+ * breadcrumb's ellipsis panel is an `<ol>`. `part` sets `data-part` when given, same rule as
+ * `DetailsSummary`.
+ */
+export declare function DetailsContent<TAs extends ElementType = "div">(props: DetailsContentProps<TAs>): ReactElement | null;
+export declare namespace DetailsContent {
+    var displayName: string;
+}
+export declare const Details: {
+    Root: typeof DetailsRoot;
+    Summary: typeof DetailsSummary;
+    Content: typeof DetailsContent;
+};
+//# sourceMappingURL=Details.d.ts.map

package/dist/elements/details/Details.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Details.d.ts","sourceRoot":"","sources":["../../../src/elements/details/Details.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,KAAK,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAE7F;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,YAAY,CAajE;yBAbe,WAAW;;;AAgB3B;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,YAAY,CAWvE;yBAXe,cAAc;;;AAc9B;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EAC5D,KAAK,EAAE,mBAAmB,CAAC,GAAG,CAAC,GAC9B,YAAY,GAAG,IAAI,CASrB;yBAXe,cAAc;;;AAc9B,eAAO,MAAM,OAAO;;;;CAInB,CAAC"}

package/dist/elements/details/Details.js

@@ -0,0 +1,53 @@
+import { jsx } from "react/jsx-runtime";
+import { useRenderElement } from "@gunkin/uiify/core/render";
+function DetailsRoot(props) {
+  const { children, defaultOpen, disabled, name, ...consumerProps } = props;
+  return /* @__PURE__ */ jsx(
+    "details",
+    {
+      ...consumerProps,
+      "data-disabled": disabled ? "" : void 0,
+      "data-uiify-details": "",
+      ...name === void 0 ? {} : { name },
+      ...defaultOpen ? { open: true } : {},
+      children
+    }
+  );
+}
+DetailsRoot.displayName = "DetailsRoot";
+function DetailsSummary(props) {
+  const { children, disabled, part, ...consumerProps } = props;
+  return /* @__PURE__ */ jsx(
+    "summary",
+    {
+      ...consumerProps,
+      ...part === void 0 ? {} : { "data-part": part },
+      ...disabled ? { "aria-disabled": "true", tabIndex: -1 } : {},
+      children
+    }
+  );
+}
+DetailsSummary.displayName = "DetailsSummary";
+function DetailsContent(props) {
+  const { as, render, part, ...consumerProps } = props;
+  return useRenderElement({
+    as,
+    defaultTag: "div",
+    props: { ...consumerProps, ...part === void 0 ? {} : { "data-part": part } },
+    render,
+    state: {}
+  });
+}
+DetailsContent.displayName = "DetailsContent";
+const Details = {
+  Root: DetailsRoot,
+  Summary: DetailsSummary,
+  Content: DetailsContent
+};
+export {
+  Details,
+  DetailsContent,
+  DetailsRoot,
+  DetailsSummary
+};
+//# sourceMappingURL=Details.js.map

package/dist/elements/details/Details.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/details/Details.tsx"],"sourcesContent":["import type { ElementType, ReactElement } from \"react\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport type { DetailsContentProps, DetailsRootProps, DetailsSummaryProps } from \"./types.js\";\n\n/**\n * A native disclosure. `name` is what makes a group of these single-open with zero JS — the\n * browser enforces the exclusivity. Emits `data-uiify-details`, plus `data-disabled` when\n * `disabled`.\n */\nexport function DetailsRoot(props: DetailsRootProps): ReactElement {\n  const { children, defaultOpen, disabled, name, ...consumerProps } = props;\n  return (\n    <details\n      {...consumerProps}\n      data-disabled={disabled ? \"\" : undefined}\n      data-uiify-details=\"\"\n      {...(name === undefined ? {} : { name })}\n      {...(defaultOpen ? { open: true } : {})}\n    >\n      {children}\n    </details>\n  );\n}\nDetailsRoot.displayName = \"DetailsRoot\";\n\n/**\n * The disclosure trigger. `part` sets `data-part` when given (omitted entirely otherwise —\n * not every consumer wants a part name on this element, see breadcrumb's ellipsis trigger).\n * When `disabled`, the trigger loses focusability and gets `aria-disabled` — the browser has\n * no native `disabled` state for `<summary>`.\n */\nexport function DetailsSummary(props: DetailsSummaryProps): ReactElement {\n  const { children, disabled, part, ...consumerProps } = props;\n  return (\n    <summary\n      {...consumerProps}\n      {...(part === undefined ? {} : { \"data-part\": part })}\n      {...(disabled ? { \"aria-disabled\": \"true\", tabIndex: -1 } : {})}\n    >\n      {children}\n    </summary>\n  );\n}\nDetailsSummary.displayName = \"DetailsSummary\";\n\n/**\n * The disclosure body. Polymorphic (`as`/`render`) since the content isn't always a `<div>` —\n * breadcrumb's ellipsis panel is an `<ol>`. `part` sets `data-part` when given, same rule as\n * `DetailsSummary`.\n */\nexport function DetailsContent<TAs extends ElementType = \"div\">(\n  props: DetailsContentProps<TAs>,\n): ReactElement | null {\n  const { as, render, part, ...consumerProps } = props as DetailsContentProps<\"div\">;\n  return useRenderElement({\n    as,\n    defaultTag: \"div\",\n    props: { ...consumerProps, ...(part === undefined ? {} : { \"data-part\": part }) },\n    render,\n    state: {},\n  });\n}\nDetailsContent.displayName = \"DetailsContent\";\n\nexport const Details = {\n  Root: DetailsRoot,\n  Summary: DetailsSummary,\n  Content: DetailsContent,\n};\n"],"mappings":"AAYI;AAXJ,SAAS,wBAAwB;AAQ1B,SAAS,YAAY,OAAuC;AACjE,QAAM,EAAE,UAAU,aAAa,UAAU,MAAM,GAAG,cAAc,IAAI;AACpE,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,iBAAe,WAAW,KAAK;AAAA,MAC/B,sBAAmB;AAAA,MAClB,GAAI,SAAS,SAAY,CAAC,IAAI,EAAE,KAAK;AAAA,MACrC,GAAI,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;AAAA,MAEpC;AAAA;AAAA,EACH;AAEJ;AACA,YAAY,cAAc;AAQnB,SAAS,eAAe,OAA0C;AACvE,QAAM,EAAE,UAAU,UAAU,MAAM,GAAG,cAAc,IAAI;AACvD,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACH,GAAI,SAAS,SAAY,CAAC,IAAI,EAAE,aAAa,KAAK;AAAA,MAClD,GAAI,WAAW,EAAE,iBAAiB,QAAQ,UAAU,GAAG,IAAI,CAAC;AAAA,MAE5D;AAAA;AAAA,EACH;AAEJ;AACA,eAAe,cAAc;AAOtB,SAAS,eACd,OACqB;AACrB,QAAM,EAAE,IAAI,QAAQ,MAAM,GAAG,cAAc,IAAI;AAC/C,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO,EAAE,GAAG,eAAe,GAAI,SAAS,SAAY,CAAC,IAAI,EAAE,aAAa,KAAK,EAAG;AAAA,IAChF;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AACA,eAAe,cAAc;AAEtB,MAAM,UAAU;AAAA,EACrB,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AACX;","names":[]}

package/dist/elements/details/index.d.ts

@@ -0,0 +1,3 @@
+export { Details, DetailsContent, DetailsRoot, DetailsSummary } from "./Details.js";
+export type { DetailsContentOwnProps, DetailsContentProps, DetailsRootOwnProps, DetailsRootProps, DetailsSummaryOwnProps, DetailsSummaryProps, } from "./types.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/details/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/details/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACpF,YAAY,EACV,sBAAsB,EACtB,mBAAmB,EACnB,mBAAmB,EACnB,gBAAgB,EAChB,sBAAsB,EACtB,mBAAmB,GACpB,MAAM,YAAY,CAAC"}

package/dist/elements/details/index.js

@@ -0,0 +1,8 @@
+import { Details, DetailsContent, DetailsRoot, DetailsSummary } from "./Details.js";
+export {
+  Details,
+  DetailsContent,
+  DetailsRoot,
+  DetailsSummary
+};
+//# sourceMappingURL=index.js.map

package/dist/elements/details/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/details/index.ts"],"sourcesContent":["export { Details, DetailsContent, DetailsRoot, DetailsSummary } from \"./Details.js\";\nexport type {\n  DetailsContentOwnProps,\n  DetailsContentProps,\n  DetailsRootOwnProps,\n  DetailsRootProps,\n  DetailsSummaryOwnProps,\n  DetailsSummaryProps,\n} from \"./types.js\";\n"],"mappings":"AAAA,SAAS,SAAS,gBAAgB,aAAa,sBAAsB;","names":[]}

package/dist/elements/details/types.d.ts

@@ -0,0 +1,29 @@
+import type { ComponentPropsWithRef, ElementType, ReactNode } from "react";
+import type { RenderableProps } from "@gunkin/uiify/core/render";
+export interface DetailsRootOwnProps {
+    readonly children?: ReactNode;
+    /** Applies the native `open` attribute on first render. */
+    readonly defaultOpen?: boolean;
+    /**
+     * Groups sibling `<details name>` into an exclusive, single-open set — the browser
+     * enforces it, no JS. Must be unique per group and stable across SSR.
+     */
+    readonly name?: string;
+    readonly disabled?: boolean;
+}
+/** `open` is not part of the contract — use `defaultOpen`; the browser owns state after that. */
+export type DetailsRootProps = DetailsRootOwnProps & Omit<ComponentPropsWithRef<"details">, keyof DetailsRootOwnProps | "open">;
+export interface DetailsSummaryOwnProps {
+    readonly children?: ReactNode;
+    readonly disabled?: boolean;
+    /** `data-part` value on the rendered `<summary>`; omitted entirely when not given. */
+    readonly part?: string;
+}
+export type DetailsSummaryProps = DetailsSummaryOwnProps & Omit<ComponentPropsWithRef<"summary">, keyof DetailsSummaryOwnProps>;
+export interface DetailsContentOwnProps {
+    readonly children?: ReactNode;
+    /** `data-part` value on the rendered element; omitted entirely when not given. */
+    readonly part?: string;
+}
+export type DetailsContentProps<TAs extends ElementType = "div"> = RenderableProps<TAs, DetailsContentOwnProps, Record<string, never>, HTMLElement>;
+//# sourceMappingURL=types.d.ts.map

package/dist/elements/details/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/details/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEjE,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,2DAA2D;IAC3D,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAC/B;;;OAGG;IACH,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,iGAAiG;AACjG,MAAM,MAAM,gBAAgB,GAAG,mBAAmB,GAChD,IAAI,CAAC,qBAAqB,CAAC,SAAS,CAAC,EAAE,MAAM,mBAAmB,GAAG,MAAM,CAAC,CAAC;AAE7E,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,sFAAsF;IACtF,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,MAAM,mBAAmB,GAAG,sBAAsB,GACtD,IAAI,CAAC,qBAAqB,CAAC,SAAS,CAAC,EAAE,MAAM,sBAAsB,CAAC,CAAC;AAEvE,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,kFAAkF;IAClF,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,MAAM,mBAAmB,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,IAAI,eAAe,CAChF,GAAG,EACH,sBAAsB,EACtB,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EACrB,WAAW,CACZ,CAAC"}

package/dist/elements/details/types.js

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

package/dist/elements/details/types.js.map

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

package/dist/elements/details.d.ts

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

package/dist/elements/details.js

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

package/dist/elements/dialog/Dialog.d.ts

@@ -0,0 +1,47 @@
+import type { ElementType, ReactElement } from "react";
+import type { DialogCloseProps, DialogContentProps, DialogTriggerProps } from "./types.js";
+/**
+ * Opens `target` modally through the browser: no React handler, works before hydration.
+ * Emits `data-uiify-dialog-trigger`.
+ *
+ * Defined via `Object.assign(fn, { displayName })` rather than this file's usual
+ * `fn.displayName = "…"` statement: `Dialog.Trigger`/`.Content`/`.Close` are meant to be
+ * consumed individually (`modal`, `alert-modal` and `drawer` each use a different subset), and
+ * esbuild's default tree-shaking
+ * cannot prove a bare `fn.displayName = "…"` assignment statement is side-effect-free, so it
+ * keeps every part whose file is reachable at all. A pure-annotated expression assigned
+ * directly to the export lets an unused part be dropped instead of taxing every consumer
+ * for parts it never renders.
+ */
+declare function dialogTrigger<TAs extends ElementType = "button">(props: DialogTriggerProps<TAs>): ReactElement;
+export declare const DialogTrigger: typeof dialogTrigger & {
+    displayName: string;
+};
+/**
+ * A plain, initially closed `<dialog>`. Emits `data-uiify-dialog-content`.
+ */
+declare function dialogContent(props: DialogContentProps): ReactElement;
+export declare const DialogContent: typeof dialogContent & {
+    displayName: string;
+};
+/**
+ * Requests closing `target` (fires the cancelable `cancel` event first).
+ * Emits `data-uiify-dialog-close`.
+ */
+declare function dialogClose<TAs extends ElementType = "button">(props: DialogCloseProps<TAs>): ReactElement;
+export declare const DialogClose: typeof dialogClose & {
+    displayName: string;
+};
+export declare const Dialog: {
+    Trigger: typeof dialogTrigger & {
+        displayName: string;
+    };
+    Content: typeof dialogContent & {
+        displayName: string;
+    };
+    Close: typeof dialogClose & {
+        displayName: string;
+    };
+};
+export {};
+//# sourceMappingURL=Dialog.d.ts.map

package/dist/elements/dialog/Dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/elements/dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,KAAK,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAE3F;;;;;;;;;;;;GAYG;AACH,iBAAS,aAAa,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EACvD,KAAK,EAAE,kBAAkB,CAAC,GAAG,CAAC,GAC7B,YAAY,CASd;AACD,eAAO,MAAM,aAAa;;CAExB,CAAC;AAEH;;GAEG;AACH,iBAAS,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,YAAY,CAO9D;AACD,eAAO,MAAM,aAAa;;CAExB,CAAC;AAEH;;;GAGG;AACH,iBAAS,WAAW,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EACrD,KAAK,EAAE,gBAAgB,CAAC,GAAG,CAAC,GAC3B,YAAY,CASd;AACD,eAAO,MAAM,WAAW;;CAEtB,CAAC;AAEH,eAAO,MAAM,MAAM;;;;;;;;;;CAIlB,CAAC"}

package/dist/elements/dialog/Dialog.js

@@ -0,0 +1,47 @@
+import { jsx } from "react/jsx-runtime";
+import { renderNativeInvoker } from "@gunkin/uiify/core/render";
+function dialogTrigger(props) {
+  const { as, target, ...consumerProps } = props;
+  return renderNativeInvoker(
+    as,
+    "data-uiify-dialog-trigger",
+    "show-modal",
+    target,
+    consumerProps
+  );
+}
+const DialogTrigger = /* @__PURE__ */ Object.assign(dialogTrigger, {
+  displayName: "DialogTrigger"
+});
+function dialogContent(props) {
+  const { children, ...dialogProps } = props;
+  return /* @__PURE__ */ jsx("dialog", { ...dialogProps, "data-uiify-dialog-content": "", children });
+}
+const DialogContent = /* @__PURE__ */ Object.assign(dialogContent, {
+  displayName: "DialogContent"
+});
+function dialogClose(props) {
+  const { as, target, ...consumerProps } = props;
+  return renderNativeInvoker(
+    as,
+    "data-uiify-dialog-close",
+    "request-close",
+    target,
+    consumerProps
+  );
+}
+const DialogClose = /* @__PURE__ */ Object.assign(dialogClose, {
+  displayName: "DialogClose"
+});
+const Dialog = {
+  Trigger: DialogTrigger,
+  Content: DialogContent,
+  Close: DialogClose
+};
+export {
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogTrigger
+};
+//# sourceMappingURL=Dialog.js.map

package/dist/elements/dialog/Dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/dialog/Dialog.tsx"],"sourcesContent":["import type { ElementType, ReactElement } from \"react\";\nimport { renderNativeInvoker } from \"@gunkin/uiify/core/render\";\nimport type { DialogCloseProps, DialogContentProps, DialogTriggerProps } from \"./types.js\";\n\n/**\n * Opens `target` modally through the browser: no React handler, works before hydration.\n * Emits `data-uiify-dialog-trigger`.\n *\n * Defined via `Object.assign(fn, { displayName })` rather than this file's usual\n * `fn.displayName = \"…\"` statement: `Dialog.Trigger`/`.Content`/`.Close` are meant to be\n * consumed individually (`modal`, `alert-modal` and `drawer` each use a different subset), and\n * esbuild's default tree-shaking\n * cannot prove a bare `fn.displayName = \"…\"` assignment statement is side-effect-free, so it\n * keeps every part whose file is reachable at all. A pure-annotated expression assigned\n * directly to the export lets an unused part be dropped instead of taxing every consumer\n * for parts it never renders.\n */\nfunction dialogTrigger<TAs extends ElementType = \"button\">(\n  props: DialogTriggerProps<TAs>,\n): ReactElement {\n  const { as, target, ...consumerProps } = props as DialogTriggerProps<\"button\">;\n  return renderNativeInvoker(\n    as,\n    \"data-uiify-dialog-trigger\",\n    \"show-modal\",\n    target,\n    consumerProps as Record<string, unknown>,\n  );\n}\nexport const DialogTrigger = /* @__PURE__ */ Object.assign(dialogTrigger, {\n  displayName: \"DialogTrigger\",\n});\n\n/**\n * A plain, initially closed `<dialog>`. Emits `data-uiify-dialog-content`.\n */\nfunction dialogContent(props: DialogContentProps): ReactElement {\n  const { children, ...dialogProps } = props;\n  return (\n    <dialog {...dialogProps} data-uiify-dialog-content=\"\">\n      {children}\n    </dialog>\n  );\n}\nexport const DialogContent = /* @__PURE__ */ Object.assign(dialogContent, {\n  displayName: \"DialogContent\",\n});\n\n/**\n * Requests closing `target` (fires the cancelable `cancel` event first).\n * Emits `data-uiify-dialog-close`.\n */\nfunction dialogClose<TAs extends ElementType = \"button\">(\n  props: DialogCloseProps<TAs>,\n): ReactElement {\n  const { as, target, ...consumerProps } = props as DialogCloseProps<\"button\">;\n  return renderNativeInvoker(\n    as,\n    \"data-uiify-dialog-close\",\n    \"request-close\",\n    target,\n    consumerProps as Record<string, unknown>,\n  );\n}\nexport const DialogClose = /* @__PURE__ */ Object.assign(dialogClose, {\n  displayName: \"DialogClose\",\n});\n\nexport const Dialog = {\n  Trigger: DialogTrigger,\n  Content: DialogContent,\n  Close: DialogClose,\n};\n"],"mappings":"AAuCI;AAtCJ,SAAS,2BAA2B;AAgBpC,SAAS,cACP,OACc;AACd,QAAM,EAAE,IAAI,QAAQ,GAAG,cAAc,IAAI;AACzC,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AACO,MAAM,gBAAgC,uBAAO,OAAO,eAAe;AAAA,EACxE,aAAa;AACf,CAAC;AAKD,SAAS,cAAc,OAAyC;AAC9D,QAAM,EAAE,UAAU,GAAG,YAAY,IAAI;AACrC,SACE,oBAAC,YAAQ,GAAG,aAAa,6BAA0B,IAChD,UACH;AAEJ;AACO,MAAM,gBAAgC,uBAAO,OAAO,eAAe;AAAA,EACxE,aAAa;AACf,CAAC;AAMD,SAAS,YACP,OACc;AACd,QAAM,EAAE,IAAI,QAAQ,GAAG,cAAc,IAAI;AACzC,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AACO,MAAM,cAA8B,uBAAO,OAAO,aAAa;AAAA,EACpE,aAAa;AACf,CAAC;AAEM,MAAM,SAAS;AAAA,EACpB,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AACT;","names":[]}

package/dist/elements/dialog/index.d.ts

@@ -0,0 +1,3 @@
+export { Dialog, DialogClose, DialogContent, DialogTrigger } from "./Dialog.js";
+export type { DialogCloseOwnProps, DialogCloseProps, DialogContentNameProps, DialogContentOwnProps, DialogContentProps, DialogTriggerOwnProps, DialogTriggerProps, } from "./types.js";
+//# sourceMappingURL=index.d.ts.map