@gunkin/uiify 0.0.1-alpha → 0.0.2-alpha

package/dist/core/render-native-invoker.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/core/render-native-invoker.ts"],"sourcesContent":["import { createElement } from \"react\";\nimport type { ElementType, ReactElement } from \"react\";\n\nexport type NativeInvokerCommand = \"show-modal\" | \"request-close\";\n\n/**\n * Render a native invoker button. `command`/`commandfor` are lowercase HTML\n * attributes that React 19.2 passes through untouched; @types/react 19.2 does\n * not declare them and the lint rule react/no-unknown-property rejects them in\n * JSX, so they travel as a props object through createElement. Shared by the\n * Modal and AlertModal parts, which use identical `show-modal`/`request-close`\n * command semantics; Popup uses `popoverTarget`/`popoverTargetAction` instead\n * and keeps its own renderer (see popup/PopupParts.tsx).\n *\n * `marker` accepts one or more attribute names so a component can emit its own\n * marker alongside a deprecated one during a rename transition; every name is set to `\"\"`.\n */\nexport function renderNativeInvoker(\n  as: ElementType | undefined,\n  marker: string | readonly string[],\n  command: NativeInvokerCommand,\n  target: string,\n  consumerProps: Record<string, unknown>,\n): ReactElement {\n  const markers = typeof marker === \"string\" ? [marker] : marker;\n  return createElement(as ?? \"button\", {\n    ...consumerProps,\n    ...Object.fromEntries(markers.map((name) => [name, \"\"])),\n    command,\n    commandfor: target,\n    type: \"button\",\n  });\n}\n"],"mappings":"AAAA,SAAS,qBAAqB;AAiBvB,SAAS,oBACd,IACA,QACA,SACA,QACA,eACc;AACd,QAAM,UAAU,OAAO,WAAW,WAAW,CAAC,MAAM,IAAI;AACxD,SAAO,cAAc,MAAM,UAAU;AAAA,IACnC,GAAG;AAAA,IACH,GAAG,OAAO,YAAY,QAAQ,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,CAAC;AAAA,IACvD;AAAA,IACA,YAAY;AAAA,IACZ,MAAM;AAAA,EACR,CAAC;AACH;","names":[]}
+{"version":3,"sources":["../../src/core/render-native-invoker.ts"],"sourcesContent":["import { createElement } from \"react\";\nimport type { ElementType, ReactElement } from \"react\";\n\nexport type NativeInvokerCommand = \"show-modal\" | \"request-close\";\n\ninterface NativeInvokerOptions {\n  readonly button?: boolean;\n  readonly variant?: \"ghost\" | \"danger\";\n}\n\n/**\n * Render a native invoker button. `command`/`commandfor` are lowercase HTML\n * attributes that React 19.2 passes through untouched; @types/react 19.2 does\n * not declare them and the lint rule react/no-unknown-property rejects them in\n * JSX, so they travel as a props object through createElement. Shared by the\n * Modal and AlertModal parts, which use identical `show-modal`/`request-close`\n * command semantics; Popup uses `popoverTarget`/`popoverTargetAction` instead\n * and keeps its own renderer (see popup/PopupParts.tsx).\n *\n */\nexport function renderNativeInvoker(\n  as: ElementType | undefined,\n  marker: string,\n  part: string,\n  command: NativeInvokerCommand,\n  target: string,\n  consumerProps: Record<string, unknown>,\n  options: NativeInvokerOptions = {},\n): ReactElement {\n  return createElement(as ?? \"button\", {\n    ...consumerProps,\n    ...(options.button ? { \"data-uiify-button\": \"\" } : {}),\n    [marker]: \"\",\n    \"data-part\": part,\n    ...(options.variant ? { \"data-variant\": options.variant } : {}),\n    command,\n    commandfor: target,\n    type: \"button\",\n  });\n}\n"],"mappings":"AAAA,SAAS,qBAAqB;AAoBvB,SAAS,oBACd,IACA,QACA,MACA,SACA,QACA,eACA,UAAgC,CAAC,GACnB;AACd,SAAO,cAAc,MAAM,UAAU;AAAA,IACnC,GAAG;AAAA,IACH,GAAI,QAAQ,SAAS,EAAE,qBAAqB,GAAG,IAAI,CAAC;AAAA,IACpD,CAAC,MAAM,GAAG;AAAA,IACV,aAAa;AAAA,IACb,GAAI,QAAQ,UAAU,EAAE,gBAAgB,QAAQ,QAAQ,IAAI,CAAC;AAAA,IAC7D;AAAA,IACA,YAAY;AAAA,IACZ,MAAM;AAAA,EACR,CAAC;AACH;","names":[]}

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

@@ -12,8 +12,8 @@ export declare namespace ChoiceGroup {
 /**
  * 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.
+ * `Choice.Group` ancestor. Emits `data-uiify-choice` and `data-part` (default `"item"`) on the
+ * wrapper.
  */
 export declare function ChoiceItem(props: ChoiceItemProps): ReactElement;
 export declare namespace ChoiceItem {

package/dist/elements/choice/Choice.js

@@ -34,7 +34,7 @@ function ChoiceItem(props) {
   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: [
+  return /* @__PURE__ */ jsxs("div", { ...consumerProps, "data-part": part, "data-uiify-choice": "", children: [
     /* @__PURE__ */ jsx(
       "input",
       {

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

@@ -1 +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":[]}
+{"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-uiify-choice` and `data-part` (default `\"item\"`) on the\n * 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 {...consumerProps} data-part={part} data-uiify-choice=\"\">\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,SAAK,GAAG,eAAe,aAAW,MAAM,qBAAkB,IACzD;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/types.d.ts

@@ -42,7 +42,7 @@ export interface ChoiceItemOwnProps {
     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`). */
+    /** Escape hatch: extra attributes spread onto the `<input>` (for example, `data-part="control"`). */
     readonly inputProps?: Record<string, unknown>;
     /** Escape hatch: extra attributes spread onto the `<label>`. */
     readonly labelProps?: Record<string, unknown>;

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

@@ -1 +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"}
+{"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,qGAAqG;IACrG,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/dialog/Dialog.d.ts

@@ -2,7 +2,7 @@ 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`.
+ * Emits `data-uiify-dialog` with `data-part="trigger"`.
  *
  * Defined via `Object.assign(fn, { displayName })` rather than this file's usual
  * `fn.displayName = "…"` statement: `Dialog.Trigger`/`.Content`/`.Close` are meant to be
@@ -18,7 +18,7 @@ export declare const DialogTrigger: typeof dialogTrigger & {
     displayName: string;
 };
 /**
- * A plain, initially closed `<dialog>`. Emits `data-uiify-dialog-content`.
+ * A plain, initially closed `<dialog>`. Emits `data-uiify-dialog` with `data-part="content"`.
  */
 declare function dialogContent(props: DialogContentProps): ReactElement;
 export declare const DialogContent: typeof dialogContent & {
@@ -26,7 +26,7 @@ export declare const DialogContent: typeof dialogContent & {
 };
 /**
  * Requests closing `target` (fires the cancelable `cancel` event first).
- * Emits `data-uiify-dialog-close`.
+ * Emits `data-uiify-dialog` with `data-part="close"`.
  */
 declare function dialogClose<TAs extends ElementType = "button">(props: DialogCloseProps<TAs>): ReactElement;
 export declare const DialogClose: typeof dialogClose & {

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

@@ -1 +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"}
+{"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,CAUd;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,CAUd;AACD,eAAO,MAAM,WAAW;;CAEtB,CAAC;AAEH,eAAO,MAAM,MAAM;;;;;;;;;;CAIlB,CAAC"}

package/dist/elements/dialog/Dialog.js

@@ -4,7 +4,8 @@ function dialogTrigger(props) {
   const { as, target, ...consumerProps } = props;
   return renderNativeInvoker(
     as,
-    "data-uiify-dialog-trigger",
+    "data-uiify-dialog",
+    "trigger",
     "show-modal",
     target,
     consumerProps
@@ -15,7 +16,7 @@ const DialogTrigger = /* @__PURE__ */ Object.assign(dialogTrigger, {
 });
 function dialogContent(props) {
   const { children, ...dialogProps } = props;
-  return /* @__PURE__ */ jsx("dialog", { ...dialogProps, "data-uiify-dialog-content": "", children });
+  return /* @__PURE__ */ jsx("dialog", { ...dialogProps, "data-part": "content", "data-uiify-dialog": "", children });
 }
 const DialogContent = /* @__PURE__ */ Object.assign(dialogContent, {
   displayName: "DialogContent"
@@ -24,7 +25,8 @@ function dialogClose(props) {
   const { as, target, ...consumerProps } = props;
   return renderNativeInvoker(
     as,
-    "data-uiify-dialog-close",
+    "data-uiify-dialog",
+    "close",
     "request-close",
     target,
     consumerProps

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

@@ -1 +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":[]}
+{"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` with `data-part=\"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\",\n    \"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` with `data-part=\"content\"`.\n */\nfunction dialogContent(props: DialogContentProps): ReactElement {\n  const { children, ...dialogProps } = props;\n  return (\n    <dialog {...dialogProps} data-part=\"content\" data-uiify-dialog=\"\">\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` with `data-part=\"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\",\n    \"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":"AAwCI;AAvCJ,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,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,aAAU,WAAU,qBAAkB,IAC5D,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,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/popover/Popover.d.ts

@@ -3,23 +3,24 @@ import type { PopoverCloseProps, PopoverSurfaceProps, PopoverTriggerProps } from
 /**
  * Acts on `target` (`action`, default `"toggle"`); light dismiss, Escape and nesting are
  * handled by the browser. The popover opened this way uses the invoker as its implicit
- * anchor, so no anchor name is emitted. Emits `data-uiify-popover-trigger`.
+ * anchor, so no anchor name is emitted. Emits `data-uiify-popover` with
+ * `data-part="trigger"`.
  */
 declare function popoverTrigger<TAs extends ElementType = "button">(props: PopoverTriggerProps<TAs>): ReactElement;
 export declare const PopoverTrigger: typeof popoverTrigger & {
     displayName: string;
 };
 /**
- * The popover surface. `data-side`/`data-align` drive the optional anchor CSS in
- * `@gunkin/uiify/styles`. Emits `popover`, `data-side`, `data-align`, `data-positioning="native"` and
- * `data-uiify-popover-surface`.
+ * The popover surface. `data-side`/`data-align` drive required geometry in
+ * `@gunkin/uiify/components/behavior.css`; optional skins provide the gap. Emits `popover`, `data-side`, `data-align`, `data-positioning="native"` and
+ * `data-uiify-popover` with `data-part="surface"`.
  */
 declare function popoverSurface(props: PopoverSurfaceProps): ReactElement;
 export declare const PopoverSurface: typeof popoverSurface & {
     displayName: string;
 };
 /**
- * Hides `target`. Emits `data-uiify-popover-close`.
+ * Hides `target`. Emits `data-uiify-popover` with `data-part="close"`.
  */
 declare function popoverClose<TAs extends ElementType = "button">(props: PopoverCloseProps<TAs>): ReactElement;
 export declare const PopoverClose: typeof popoverClose & {

package/dist/elements/popover/Popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/elements/popover/Popover.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,KAAK,EACV,iBAAiB,EACjB,mBAAmB,EAEnB,mBAAmB,EACpB,MAAM,YAAY,CAAC;AAiCpB;;;;GAIG;AACH,iBAAS,cAAc,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EACxD,KAAK,EAAE,mBAAmB,CAAC,GAAG,CAAC,GAC9B,YAAY,CAcd;AACD,eAAO,MAAM,cAAc;;CAEzB,CAAC;AAEH;;;;GAIG;AACH,iBAAS,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,YAAY,CAchE;AACD,eAAO,MAAM,cAAc;;CAEzB,CAAC;AAEH;;GAEG;AACH,iBAAS,YAAY,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EACtD,KAAK,EAAE,iBAAiB,CAAC,GAAG,CAAC,GAC5B,YAAY,CASd;AACD,eAAO,MAAM,YAAY;;CAEvB,CAAC;AAEH,eAAO,MAAM,OAAO;;;;;;;;;;CAInB,CAAC"}
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/elements/popover/Popover.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,KAAK,EACV,iBAAiB,EACjB,mBAAmB,EAEnB,mBAAmB,EACpB,MAAM,YAAY,CAAC;AAmCpB;;;;;GAKG;AACH,iBAAS,cAAc,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EACxD,KAAK,EAAE,mBAAmB,CAAC,GAAG,CAAC,GAC9B,YAAY,CAed;AACD,eAAO,MAAM,cAAc;;CAEzB,CAAC;AAEH;;;;GAIG;AACH,iBAAS,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,YAAY,CAehE;AACD,eAAO,MAAM,cAAc;;CAEzB,CAAC;AAEH;;GAEG;AACH,iBAAS,YAAY,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EACtD,KAAK,EAAE,iBAAiB,CAAC,GAAG,CAAC,GAC5B,YAAY,CAUd;AACD,eAAO,MAAM,YAAY;;CAEvB,CAAC;AAEH,eAAO,MAAM,OAAO;;;;;;;;;;CAInB,CAAC"}

package/dist/elements/popover/Popover.js

@@ -1,9 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import { createElement } from "react";
-function renderInvoker(as, marker, action, target, consumerProps) {
+function renderInvoker(as, marker, part, action, target, consumerProps) {
   return createElement(as ?? "button", {
     ...consumerProps,
     [marker]: "",
+    "data-part": part,
     popoverTarget: target,
     popoverTargetAction: action,
     type: "button"
@@ -18,7 +19,8 @@ function popoverTrigger(props) {
   } = props;
   return renderInvoker(
     as,
-    "data-uiify-popover-trigger",
+    "data-uiify-popover",
+    "trigger",
     action,
     target,
     consumerProps
@@ -34,9 +36,10 @@ function popoverSurface(props) {
     {
       ...consumerProps,
       "data-align": align,
+      "data-part": "surface",
       "data-positioning": "native",
       "data-side": side,
-      "data-uiify-popover-surface": "",
+      "data-uiify-popover": "",
       popover: mode,
       children
     }
@@ -49,7 +52,8 @@ function popoverClose(props) {
   const { as, target, ...consumerProps } = props;
   return renderInvoker(
     as,
-    "data-uiify-popover-close",
+    "data-uiify-popover",
+    "close",
     "hide",
     target,
     consumerProps

package/dist/elements/popover/Popover.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/popover/Popover.tsx"],"sourcesContent":["import { createElement } from \"react\";\nimport type { ElementType, ReactElement } from \"react\";\nimport type {\n  PopoverCloseProps,\n  PopoverSurfaceProps,\n  PopoverTriggerAction,\n  PopoverTriggerProps,\n} from \"./types.js\";\n\n/**\n * Render a `popovertarget` invoker. React 19 knows `popoverTarget` and\n * `popoverTargetAction` as camelCase DOM properties: on the client it sets them via\n * `setAttribute`, which the browser lowercases automatically for an HTML element, and any\n * HTML parser (including hydration) lowercases attribute names from source regardless of\n * case — so the resulting DOM attribute is always `popovertarget`/`popovertargetaction`.\n * React's SSR string renderer has no case-mapping for these two (unlike `className` or\n * `htmlFor`) and serializes the literal camelCase spelling into the markup string; that is\n * a cosmetic detail of the raw SSR string, not a behavioral gap, since a real parser\n * normalizes it.\n *\n * `createElement` rather than JSX for the same reason as `elements/invoker`/`elements/dialog`:\n * `as` is typed as the generic `ElementType`, so a plain object survives type-checking where\n * a literal JSX attribute list on a polymorphic tag would not.\n */\nfunction renderInvoker(\n  as: ElementType | undefined,\n  marker: string,\n  action: PopoverTriggerAction,\n  target: string,\n  consumerProps: Record<string, unknown>,\n): ReactElement {\n  return createElement(as ?? \"button\", {\n    ...consumerProps,\n    [marker]: \"\",\n    popoverTarget: target,\n    popoverTargetAction: action,\n    type: \"button\",\n  });\n}\n\n/**\n * Acts on `target` (`action`, default `\"toggle\"`); light dismiss, Escape and nesting are\n * handled by the browser. The popover opened this way uses the invoker as its implicit\n * anchor, so no anchor name is emitted. Emits `data-uiify-popover-trigger`.\n */\nfunction popoverTrigger<TAs extends ElementType = \"button\">(\n  props: PopoverTriggerProps<TAs>,\n): ReactElement {\n  const {\n    action = \"toggle\",\n    as,\n    target,\n    ...consumerProps\n  } = props as PopoverTriggerProps<\"button\">;\n  return renderInvoker(\n    as,\n    \"data-uiify-popover-trigger\",\n    action,\n    target,\n    consumerProps as Record<string, unknown>,\n  );\n}\nexport const PopoverTrigger = /* @__PURE__ */ Object.assign(popoverTrigger, {\n  displayName: \"PopoverTrigger\",\n});\n\n/**\n * The popover surface. `data-side`/`data-align` drive the optional anchor CSS in\n * `@gunkin/uiify/styles`. Emits `popover`, `data-side`, `data-align`, `data-positioning=\"native\"` and\n * `data-uiify-popover-surface`.\n */\nfunction popoverSurface(props: PopoverSurfaceProps): ReactElement {\n  const { align = \"center\", children, mode = \"auto\", side = \"bottom\", ...consumerProps } = props;\n  return (\n    <div\n      {...consumerProps}\n      data-align={align}\n      data-positioning=\"native\"\n      data-side={side}\n      data-uiify-popover-surface=\"\"\n      popover={mode}\n    >\n      {children}\n    </div>\n  );\n}\nexport const PopoverSurface = /* @__PURE__ */ Object.assign(popoverSurface, {\n  displayName: \"PopoverSurface\",\n});\n\n/**\n * Hides `target`. Emits `data-uiify-popover-close`.\n */\nfunction popoverClose<TAs extends ElementType = \"button\">(\n  props: PopoverCloseProps<TAs>,\n): ReactElement {\n  const { as, target, ...consumerProps } = props as PopoverCloseProps<\"button\">;\n  return renderInvoker(\n    as,\n    \"data-uiify-popover-close\",\n    \"hide\",\n    target,\n    consumerProps as Record<string, unknown>,\n  );\n}\nexport const PopoverClose = /* @__PURE__ */ Object.assign(popoverClose, {\n  displayName: \"PopoverClose\",\n});\n\nexport const Popover = {\n  Trigger: PopoverTrigger,\n  Surface: PopoverSurface,\n  Close: PopoverClose,\n};\n"],"mappings":"AA0EI;AA1EJ,SAAS,qBAAqB;AAwB9B,SAAS,cACP,IACA,QACA,QACA,QACA,eACc;AACd,SAAO,cAAc,MAAM,UAAU;AAAA,IACnC,GAAG;AAAA,IACH,CAAC,MAAM,GAAG;AAAA,IACV,eAAe;AAAA,IACf,qBAAqB;AAAA,IACrB,MAAM;AAAA,EACR,CAAC;AACH;AAOA,SAAS,eACP,OACc;AACd,QAAM;AAAA,IACJ,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AACO,MAAM,iBAAiC,uBAAO,OAAO,gBAAgB;AAAA,EAC1E,aAAa;AACf,CAAC;AAOD,SAAS,eAAe,OAA0C;AAChE,QAAM,EAAE,QAAQ,UAAU,UAAU,OAAO,QAAQ,OAAO,UAAU,GAAG,cAAc,IAAI;AACzF,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,cAAY;AAAA,MACZ,oBAAiB;AAAA,MACjB,aAAW;AAAA,MACX,8BAA2B;AAAA,MAC3B,SAAS;AAAA,MAER;AAAA;AAAA,EACH;AAEJ;AACO,MAAM,iBAAiC,uBAAO,OAAO,gBAAgB;AAAA,EAC1E,aAAa;AACf,CAAC;AAKD,SAAS,aACP,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,eAA+B,uBAAO,OAAO,cAAc;AAAA,EACtE,aAAa;AACf,CAAC;AAEM,MAAM,UAAU;AAAA,EACrB,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AACT;","names":[]}
+{"version":3,"sources":["../../../src/elements/popover/Popover.tsx"],"sourcesContent":["import { createElement } from \"react\";\nimport type { ElementType, ReactElement } from \"react\";\nimport type {\n  PopoverCloseProps,\n  PopoverSurfaceProps,\n  PopoverTriggerAction,\n  PopoverTriggerProps,\n} from \"./types.js\";\n\n/**\n * Render a `popovertarget` invoker. React 19 knows `popoverTarget` and\n * `popoverTargetAction` as camelCase DOM properties: on the client it sets them via\n * `setAttribute`, which the browser lowercases automatically for an HTML element, and any\n * HTML parser (including hydration) lowercases attribute names from source regardless of\n * case — so the resulting DOM attribute is always `popovertarget`/`popovertargetaction`.\n * React's SSR string renderer has no case-mapping for these two (unlike `className` or\n * `htmlFor`) and serializes the literal camelCase spelling into the markup string; that is\n * a cosmetic detail of the raw SSR string, not a behavioral gap, since a real parser\n * normalizes it.\n *\n * `createElement` rather than JSX for the same reason as `elements/invoker`/`elements/dialog`:\n * `as` is typed as the generic `ElementType`, so a plain object survives type-checking where\n * a literal JSX attribute list on a polymorphic tag would not.\n */\nfunction renderInvoker(\n  as: ElementType | undefined,\n  marker: string,\n  part: string,\n  action: PopoverTriggerAction,\n  target: string,\n  consumerProps: Record<string, unknown>,\n): ReactElement {\n  return createElement(as ?? \"button\", {\n    ...consumerProps,\n    [marker]: \"\",\n    \"data-part\": part,\n    popoverTarget: target,\n    popoverTargetAction: action,\n    type: \"button\",\n  });\n}\n\n/**\n * Acts on `target` (`action`, default `\"toggle\"`); light dismiss, Escape and nesting are\n * handled by the browser. The popover opened this way uses the invoker as its implicit\n * anchor, so no anchor name is emitted. Emits `data-uiify-popover` with\n * `data-part=\"trigger\"`.\n */\nfunction popoverTrigger<TAs extends ElementType = \"button\">(\n  props: PopoverTriggerProps<TAs>,\n): ReactElement {\n  const {\n    action = \"toggle\",\n    as,\n    target,\n    ...consumerProps\n  } = props as PopoverTriggerProps<\"button\">;\n  return renderInvoker(\n    as,\n    \"data-uiify-popover\",\n    \"trigger\",\n    action,\n    target,\n    consumerProps as Record<string, unknown>,\n  );\n}\nexport const PopoverTrigger = /* @__PURE__ */ Object.assign(popoverTrigger, {\n  displayName: \"PopoverTrigger\",\n});\n\n/**\n * The popover surface. `data-side`/`data-align` drive required geometry in\n * `@gunkin/uiify/components/behavior.css`; optional skins provide the gap. Emits `popover`, `data-side`, `data-align`, `data-positioning=\"native\"` and\n * `data-uiify-popover` with `data-part=\"surface\"`.\n */\nfunction popoverSurface(props: PopoverSurfaceProps): ReactElement {\n  const { align = \"center\", children, mode = \"auto\", side = \"bottom\", ...consumerProps } = props;\n  return (\n    <div\n      {...consumerProps}\n      data-align={align}\n      data-part=\"surface\"\n      data-positioning=\"native\"\n      data-side={side}\n      data-uiify-popover=\"\"\n      popover={mode}\n    >\n      {children}\n    </div>\n  );\n}\nexport const PopoverSurface = /* @__PURE__ */ Object.assign(popoverSurface, {\n  displayName: \"PopoverSurface\",\n});\n\n/**\n * Hides `target`. Emits `data-uiify-popover` with `data-part=\"close\"`.\n */\nfunction popoverClose<TAs extends ElementType = \"button\">(\n  props: PopoverCloseProps<TAs>,\n): ReactElement {\n  const { as, target, ...consumerProps } = props as PopoverCloseProps<\"button\">;\n  return renderInvoker(\n    as,\n    \"data-uiify-popover\",\n    \"close\",\n    \"hide\",\n    target,\n    consumerProps as Record<string, unknown>,\n  );\n}\nexport const PopoverClose = /* @__PURE__ */ Object.assign(popoverClose, {\n  displayName: \"PopoverClose\",\n});\n\nexport const Popover = {\n  Trigger: PopoverTrigger,\n  Surface: PopoverSurface,\n  Close: PopoverClose,\n};\n"],"mappings":"AA8EI;AA9EJ,SAAS,qBAAqB;AAwB9B,SAAS,cACP,IACA,QACA,MACA,QACA,QACA,eACc;AACd,SAAO,cAAc,MAAM,UAAU;AAAA,IACnC,GAAG;AAAA,IACH,CAAC,MAAM,GAAG;AAAA,IACV,aAAa;AAAA,IACb,eAAe;AAAA,IACf,qBAAqB;AAAA,IACrB,MAAM;AAAA,EACR,CAAC;AACH;AAQA,SAAS,eACP,OACc;AACd,QAAM;AAAA,IACJ,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AACO,MAAM,iBAAiC,uBAAO,OAAO,gBAAgB;AAAA,EAC1E,aAAa;AACf,CAAC;AAOD,SAAS,eAAe,OAA0C;AAChE,QAAM,EAAE,QAAQ,UAAU,UAAU,OAAO,QAAQ,OAAO,UAAU,GAAG,cAAc,IAAI;AACzF,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,cAAY;AAAA,MACZ,aAAU;AAAA,MACV,oBAAiB;AAAA,MACjB,aAAW;AAAA,MACX,sBAAmB;AAAA,MACnB,SAAS;AAAA,MAER;AAAA;AAAA,EACH;AAEJ;AACO,MAAM,iBAAiC,uBAAO,OAAO,gBAAgB;AAAA,EAC1E,aAAa;AACf,CAAC;AAKD,SAAS,aACP,OACc;AACd,QAAM,EAAE,IAAI,QAAQ,GAAG,cAAc,IAAI;AACzC,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AACO,MAAM,eAA+B,uBAAO,OAAO,cAAc;AAAA,EACtE,aAAa;AACf,CAAC;AAEM,MAAM,UAAU;AAAA,EACrB,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AACT;","names":[]}