@gunkin/uiify 0.0.24-alpha → 0.0.25-alpha

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

@@ -1,4 +1,5 @@
-import type { ElementType, ReactNode } from "react";
+import type { ComponentPropsWithRef, ElementType, ReactNode } from "react";
+import type { ConsumerDataAttributes } from "../../core/slot-props.js";
 import type { RenderableProps } from "@gunkin/uiify/core/render";
 export type AlertVariant = "secondary" | "success" | "warning" | "destructive";
 export interface AlertOwnProps {
@@ -7,6 +8,7 @@ export interface AlertOwnProps {
     readonly variant?: AlertVariant;
     /** Override the decorative text symbol, or hide it with false. */
     readonly symbol?: string | false;
+    readonly slotProps?: AlertSlotProps;
 }
 export type AlertProps<TAs extends ElementType = "div"> = RenderableProps<TAs, AlertOwnProps, Record<string, never>, HTMLElement>;
 export interface AlertTitleOwnProps {
@@ -17,4 +19,12 @@ export interface AlertDescriptionOwnProps {
     readonly children?: ReactNode;
 }
 export type AlertDescriptionProps<TAs extends ElementType = "div"> = RenderableProps<TAs, AlertDescriptionOwnProps, Record<string, never>, HTMLElement>;
+export type AlertSymbolSlotProps = Omit<ComponentPropsWithRef<"span">, "aria-hidden" | "children" | "dangerouslySetInnerHTML" | "data-part" | "data-uiify-alert"> & {
+    readonly "aria-hidden"?: never;
+    readonly "data-part"?: never;
+    readonly "data-uiify-alert"?: never;
+} & ConsumerDataAttributes;
+export interface AlertSlotProps {
+    readonly symbol?: AlertSymbolSlotProps;
+}
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/alert/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEjE,MAAM,MAAM,YAAY,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,aAAa,CAAC;AAE/E,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,uEAAuE;IACvE,QAAQ,CAAC,OAAO,CAAC,EAAE,YAAY,CAAC;IAChC,kEAAkE;IAClE,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;CAClC;AAED,MAAM,MAAM,UAAU,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,IAAI,eAAe,CACvE,GAAG,EACH,aAAa,EACb,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EACrB,WAAW,CACZ,CAAC;AAEF,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;CAC/B;AAED,MAAM,MAAM,eAAe,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,IAAI,eAAe,CAC5E,GAAG,EACH,kBAAkB,EAClB,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EACrB,WAAW,CACZ,CAAC;AAEF,MAAM,WAAW,wBAAwB;IACvC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;CAC/B;AAED,MAAM,MAAM,qBAAqB,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,IAAI,eAAe,CAClF,GAAG,EACH,wBAAwB,EACxB,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EACrB,WAAW,CACZ,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/alert/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3E,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AACvE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEjE,MAAM,MAAM,YAAY,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,aAAa,CAAC;AAE/E,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,uEAAuE;IACvE,QAAQ,CAAC,OAAO,CAAC,EAAE,YAAY,CAAC;IAChC,kEAAkE;IAClE,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IACjC,QAAQ,CAAC,SAAS,CAAC,EAAE,cAAc,CAAC;CACrC;AAED,MAAM,MAAM,UAAU,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,IAAI,eAAe,CACvE,GAAG,EACH,aAAa,EACb,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EACrB,WAAW,CACZ,CAAC;AAEF,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;CAC/B;AAED,MAAM,MAAM,eAAe,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,IAAI,eAAe,CAC5E,GAAG,EACH,kBAAkB,EAClB,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EACrB,WAAW,CACZ,CAAC;AAEF,MAAM,WAAW,wBAAwB;IACvC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;CAC/B;AAED,MAAM,MAAM,qBAAqB,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,IAAI,eAAe,CAClF,GAAG,EACH,wBAAwB,EACxB,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EACrB,WAAW,CACZ,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,IAAI,CACrC,qBAAqB,CAAC,MAAM,CAAC,EAC7B,aAAa,GAAG,UAAU,GAAG,yBAAyB,GAAG,WAAW,GAAG,kBAAkB,CAC1F,GAAG;IACF,QAAQ,CAAC,aAAa,CAAC,EAAE,KAAK,CAAC;IAC/B,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC;IAC7B,QAAQ,CAAC,kBAAkB,CAAC,EAAE,KAAK,CAAC;CACrC,GAAG,sBAAsB,CAAC;AAE3B,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,MAAM,CAAC,EAAE,oBAAoB,CAAC;CACxC"}

package/dist/components/alert-modal/AlertModal.d.ts

@@ -1,7 +1,7 @@
 import type { ReactElement } from "react";
 import type { AlertModalProps } from "./types.js";
 /** Convenience shell over the native parts: one trigger, one modal alertdialog, cancel and action. */
-export declare function AlertModal({ id, trigger, title, description, children, actionLabel, cancelLabel, className, }: AlertModalProps): ReactElement;
+export declare function AlertModal({ id, trigger, title, description, children, actionLabel, cancelLabel, slotProps, ...rootProps }: AlertModalProps): ReactElement;
 export declare namespace AlertModal {
     var displayName: string;
 }

package/dist/components/alert-modal/AlertModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AlertModal.d.ts","sourceRoot":"","sources":["../../../src/components/alert-modal/AlertModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAO1C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,sGAAsG;AACtG,wBAAgB,UAAU,CAAC,EACzB,EAAE,EACF,OAAO,EACP,KAAK,EACL,WAAW,EACX,QAAQ,EACR,WAAuB,EACvB,WAAsB,EACtB,SAAS,GACV,EAAE,eAAe,GAAG,YAAY,CAyBhC;yBAlCe,UAAU"}
+{"version":3,"file":"AlertModal.d.ts","sourceRoot":"","sources":["../../../src/components/alert-modal/AlertModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAQ1C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,sGAAsG;AACtG,wBAAgB,UAAU,CAAC,EACzB,EAAE,EACF,OAAO,EACP,KAAK,EACL,WAAW,EACX,QAAQ,EACR,WAAuB,EACvB,WAAsB,EACtB,SAAS,EACT,GAAG,SAAS,EACb,EAAE,eAAe,GAAG,YAAY,CA8HhC;yBAxIe,UAAU"}

package/dist/components/alert-modal/AlertModal.js

@@ -1,4 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
+import { omitProps } from "../../core/slot-props.js";
 import {
   AlertModalAction,
   AlertModalCancel,
@@ -13,29 +14,147 @@ function AlertModal({
   children,
   actionLabel = "Confirm",
   cancelLabel = "Cancel",
-  className
+  slotProps,
+  ...rootProps
 }) {
   const titleId = `${id}-title`;
   const descriptionId = `${id}-description`;
-  return /* @__PURE__ */ jsxs("div", { "data-part": "root", "data-uiify-alert-modal": "", children: [
-    /* @__PURE__ */ jsx(AlertModalTrigger, { target: id, children: trigger }),
-    /* @__PURE__ */ jsxs(
-      AlertModalContent,
-      {
-        "aria-describedby": description === void 0 ? void 0 : descriptionId,
-        "aria-labelledby": titleId,
-        className,
-        id,
-        children: [
-          /* @__PURE__ */ jsx("h2", { id: titleId, children: title }),
-          description === void 0 ? null : /* @__PURE__ */ jsx("p", { id: descriptionId, children: description }),
-          children,
-          /* @__PURE__ */ jsx(AlertModalCancel, { target: id, value: "cancel", children: cancelLabel }),
-          /* @__PURE__ */ jsx(AlertModalAction, { target: id, value: "confirm", children: actionLabel })
-        ]
-      }
-    )
-  ] });
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ...omitProps(rootProps, [
+        "children",
+        "dangerouslySetInnerHTML",
+        "data-part",
+        "data-uiify-alert-modal"
+      ]),
+      "data-part": "root",
+      "data-uiify-alert-modal": "",
+      children: [
+        /* @__PURE__ */ jsx(
+          AlertModalTrigger,
+          {
+            ...omitProps(slotProps?.trigger, [
+              "children",
+              "dangerouslySetInnerHTML",
+              "type",
+              "command",
+              "commandfor",
+              "commandFor",
+              "popoverTarget",
+              "popoverTargetAction",
+              "data-part",
+              "data-uiify-button",
+              "data-uiify-alert-modal"
+            ]),
+            target: id,
+            children: trigger
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          AlertModalContent,
+          {
+            ...omitProps(slotProps?.content, [
+              "children",
+              "dangerouslySetInnerHTML",
+              "id",
+              "open",
+              "popover",
+              "role",
+              "aria-describedby",
+              "aria-labelledby",
+              "data-part",
+              "data-uiify-alert-modal"
+            ]),
+            "aria-describedby": description === void 0 ? void 0 : descriptionId,
+            "aria-labelledby": titleId,
+            id,
+            children: [
+              /* @__PURE__ */ jsx(
+                "h2",
+                {
+                  ...omitProps(slotProps?.title, [
+                    "children",
+                    "dangerouslySetInnerHTML",
+                    "id",
+                    "data-part",
+                    "data-uiify-alert-modal"
+                  ]),
+                  id: titleId,
+                  "data-part": "title",
+                  "data-uiify-alert-modal": "",
+                  children: title
+                }
+              ),
+              description === void 0 ? null : /* @__PURE__ */ jsx(
+                "p",
+                {
+                  ...omitProps(slotProps?.description, [
+                    "children",
+                    "dangerouslySetInnerHTML",
+                    "id",
+                    "data-part",
+                    "data-uiify-alert-modal"
+                  ]),
+                  id: descriptionId,
+                  "data-part": "description",
+                  "data-uiify-alert-modal": "",
+                  children: description
+                }
+              ),
+              children,
+              /* @__PURE__ */ jsx(
+                AlertModalCancel,
+                {
+                  ...omitProps(slotProps?.cancel, [
+                    "children",
+                    "dangerouslySetInnerHTML",
+                    "type",
+                    "value",
+                    "command",
+                    "commandfor",
+                    "commandFor",
+                    "popoverTarget",
+                    "popoverTargetAction",
+                    "data-part",
+                    "data-variant",
+                    "data-uiify-button",
+                    "data-uiify-alert-modal"
+                  ]),
+                  target: id,
+                  value: "cancel",
+                  children: cancelLabel
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                AlertModalAction,
+                {
+                  ...omitProps(slotProps?.action, [
+                    "children",
+                    "dangerouslySetInnerHTML",
+                    "type",
+                    "value",
+                    "command",
+                    "commandfor",
+                    "commandFor",
+                    "popoverTarget",
+                    "popoverTargetAction",
+                    "data-part",
+                    "data-variant",
+                    "data-uiify-button",
+                    "data-uiify-alert-modal"
+                  ]),
+                  target: id,
+                  value: "confirm",
+                  children: actionLabel
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
 }
 AlertModal.displayName = "AlertModal";
 export {

package/dist/components/alert-modal/AlertModal.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/alert-modal/AlertModal.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport {\n  AlertModalAction,\n  AlertModalCancel,\n  AlertModalContent,\n  AlertModalTrigger,\n} from \"./AlertModalParts.js\";\nimport type { AlertModalProps } from \"./types.js\";\n\n/** Convenience shell over the native parts: one trigger, one modal alertdialog, cancel and action. */\nexport function AlertModal({\n  id,\n  trigger,\n  title,\n  description,\n  children,\n  actionLabel = \"Confirm\",\n  cancelLabel = \"Cancel\",\n  className,\n}: AlertModalProps): ReactElement {\n  const titleId = `${id}-title`;\n  const descriptionId = `${id}-description`;\n\n  return (\n    <div data-part=\"root\" data-uiify-alert-modal=\"\">\n      <AlertModalTrigger target={id}>{trigger}</AlertModalTrigger>\n      <AlertModalContent\n        aria-describedby={description === undefined ? undefined : descriptionId}\n        aria-labelledby={titleId}\n        className={className}\n        id={id}\n      >\n        <h2 id={titleId}>{title}</h2>\n        {description === undefined ? null : <p id={descriptionId}>{description}</p>}\n        {children}\n        <AlertModalCancel target={id} value=\"cancel\">\n          {cancelLabel}\n        </AlertModalCancel>\n        <AlertModalAction target={id} value=\"confirm\">\n          {actionLabel}\n        </AlertModalAction>\n      </AlertModalContent>\n    </div>\n  );\n}\nAlertModal.displayName = \"AlertModal\";\n"],"mappings":"AAyBM,cACA,YADA;AAxBN;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAIA,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,cAAc;AAAA,EACd;AACF,GAAkC;AAChC,QAAM,UAAU,GAAG,EAAE;AACrB,QAAM,gBAAgB,GAAG,EAAE;AAE3B,SACE,qBAAC,SAAI,aAAU,QAAO,0BAAuB,IAC3C;AAAA,wBAAC,qBAAkB,QAAQ,IAAK,mBAAQ;AAAA,IACxC;AAAA,MAAC;AAAA;AAAA,QACC,oBAAkB,gBAAgB,SAAY,SAAY;AAAA,QAC1D,mBAAiB;AAAA,QACjB;AAAA,QACA;AAAA,QAEA;AAAA,8BAAC,QAAG,IAAI,SAAU,iBAAM;AAAA,UACvB,gBAAgB,SAAY,OAAO,oBAAC,OAAE,IAAI,eAAgB,uBAAY;AAAA,UACtE;AAAA,UACD,oBAAC,oBAAiB,QAAQ,IAAI,OAAM,UACjC,uBACH;AAAA,UACA,oBAAC,oBAAiB,QAAQ,IAAI,OAAM,WACjC,uBACH;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AACA,WAAW,cAAc;","names":[]}
+{"version":3,"sources":["../../../src/components/alert-modal/AlertModal.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport { omitProps } from \"../../core/slot-props.js\";\nimport {\n  AlertModalAction,\n  AlertModalCancel,\n  AlertModalContent,\n  AlertModalTrigger,\n} from \"./AlertModalParts.js\";\nimport type { AlertModalProps } from \"./types.js\";\n\n/** Convenience shell over the native parts: one trigger, one modal alertdialog, cancel and action. */\nexport function AlertModal({\n  id,\n  trigger,\n  title,\n  description,\n  children,\n  actionLabel = \"Confirm\",\n  cancelLabel = \"Cancel\",\n  slotProps,\n  ...rootProps\n}: AlertModalProps): ReactElement {\n  const titleId = `${id}-title`;\n  const descriptionId = `${id}-description`;\n\n  return (\n    <div\n      {...omitProps(rootProps, [\n        \"children\",\n        \"dangerouslySetInnerHTML\",\n        \"data-part\",\n        \"data-uiify-alert-modal\",\n      ])}\n      data-part=\"root\"\n      data-uiify-alert-modal=\"\"\n    >\n      <AlertModalTrigger\n        {...omitProps(slotProps?.trigger, [\n          \"children\",\n          \"dangerouslySetInnerHTML\",\n          \"type\",\n          \"command\",\n          \"commandfor\",\n          \"commandFor\",\n          \"popoverTarget\",\n          \"popoverTargetAction\",\n          \"data-part\",\n          \"data-uiify-button\",\n          \"data-uiify-alert-modal\",\n        ])}\n        target={id}\n      >\n        {trigger}\n      </AlertModalTrigger>\n      <AlertModalContent\n        {...omitProps(slotProps?.content, [\n          \"children\",\n          \"dangerouslySetInnerHTML\",\n          \"id\",\n          \"open\",\n          \"popover\",\n          \"role\",\n          \"aria-describedby\",\n          \"aria-labelledby\",\n          \"data-part\",\n          \"data-uiify-alert-modal\",\n        ])}\n        aria-describedby={description === undefined ? undefined : descriptionId}\n        aria-labelledby={titleId}\n        id={id}\n      >\n        <h2\n          {...omitProps(slotProps?.title, [\n            \"children\",\n            \"dangerouslySetInnerHTML\",\n            \"id\",\n            \"data-part\",\n            \"data-uiify-alert-modal\",\n          ])}\n          id={titleId}\n          data-part=\"title\"\n          data-uiify-alert-modal=\"\"\n        >\n          {title}\n        </h2>\n        {description === undefined ? null : (\n          <p\n            {...omitProps(slotProps?.description, [\n              \"children\",\n              \"dangerouslySetInnerHTML\",\n              \"id\",\n              \"data-part\",\n              \"data-uiify-alert-modal\",\n            ])}\n            id={descriptionId}\n            data-part=\"description\"\n            data-uiify-alert-modal=\"\"\n          >\n            {description}\n          </p>\n        )}\n        {children}\n        <AlertModalCancel\n          {...omitProps(slotProps?.cancel, [\n            \"children\",\n            \"dangerouslySetInnerHTML\",\n            \"type\",\n            \"value\",\n            \"command\",\n            \"commandfor\",\n            \"commandFor\",\n            \"popoverTarget\",\n            \"popoverTargetAction\",\n            \"data-part\",\n            \"data-variant\",\n            \"data-uiify-button\",\n            \"data-uiify-alert-modal\",\n          ])}\n          target={id}\n          value=\"cancel\"\n        >\n          {cancelLabel}\n        </AlertModalCancel>\n        <AlertModalAction\n          {...omitProps(slotProps?.action, [\n            \"children\",\n            \"dangerouslySetInnerHTML\",\n            \"type\",\n            \"value\",\n            \"command\",\n            \"commandfor\",\n            \"commandFor\",\n            \"popoverTarget\",\n            \"popoverTargetAction\",\n            \"data-part\",\n            \"data-variant\",\n            \"data-uiify-button\",\n            \"data-uiify-alert-modal\",\n          ])}\n          target={id}\n          value=\"confirm\"\n        >\n          {actionLabel}\n        </AlertModalAction>\n      </AlertModalContent>\n    </div>\n  );\n}\nAlertModal.displayName = \"AlertModal\";\n"],"mappings":"AAoCM,cAkBA,YAlBA;AAnCN,SAAS,iBAAiB;AAC1B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAIA,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,cAAc;AAAA,EACd;AAAA,EACA,GAAG;AACL,GAAkC;AAChC,QAAM,UAAU,GAAG,EAAE;AACrB,QAAM,gBAAgB,GAAG,EAAE;AAE3B,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG,UAAU,WAAW;AAAA,QACvB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF,CAAC;AAAA,MACD,aAAU;AAAA,MACV,0BAAuB;AAAA,MAEvB;AAAA;AAAA,UAAC;AAAA;AAAA,YACE,GAAG,UAAU,WAAW,SAAS;AAAA,cAChC;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,YACF,CAAC;AAAA,YACD,QAAQ;AAAA,YAEP;AAAA;AAAA,QACH;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACE,GAAG,UAAU,WAAW,SAAS;AAAA,cAChC;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,YACF,CAAC;AAAA,YACD,oBAAkB,gBAAgB,SAAY,SAAY;AAAA,YAC1D,mBAAiB;AAAA,YACjB;AAAA,YAEA;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACE,GAAG,UAAU,WAAW,OAAO;AAAA,oBAC9B;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,kBACF,CAAC;AAAA,kBACD,IAAI;AAAA,kBACJ,aAAU;AAAA,kBACV,0BAAuB;AAAA,kBAEtB;AAAA;AAAA,cACH;AAAA,cACC,gBAAgB,SAAY,OAC3B;AAAA,gBAAC;AAAA;AAAA,kBACE,GAAG,UAAU,WAAW,aAAa;AAAA,oBACpC;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,kBACF,CAAC;AAAA,kBACD,IAAI;AAAA,kBACJ,aAAU;AAAA,kBACV,0BAAuB;AAAA,kBAEtB;AAAA;AAAA,cACH;AAAA,cAED;AAAA,cACD;AAAA,gBAAC;AAAA;AAAA,kBACE,GAAG,UAAU,WAAW,QAAQ;AAAA,oBAC/B;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,kBACF,CAAC;AAAA,kBACD,QAAQ;AAAA,kBACR,OAAM;AAAA,kBAEL;AAAA;AAAA,cACH;AAAA,cACA;AAAA,gBAAC;AAAA;AAAA,kBACE,GAAG,UAAU,WAAW,QAAQ;AAAA,oBAC/B;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,kBACF,CAAC;AAAA,kBACD,QAAQ;AAAA,kBACR,OAAM;AAAA,kBAEL;AAAA;AAAA,cACH;AAAA;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EACF;AAEJ;AACA,WAAW,cAAc;","names":[]}

package/dist/components/alert-modal/AlertModalParts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AlertModalParts.d.ts","sourceRoot":"","sources":["../../../src/components/alert-modal/AlertModalParts.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,KAAK,EACV,qBAAqB,EACrB,qBAAqB,EACrB,sBAAsB,EACtB,sBAAsB,EACvB,MAAM,YAAY,CAAC;AAEpB,gFAAgF;AAChF,wBAAgB,iBAAiB,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EAClE,KAAK,EAAE,sBAAsB,CAAC,GAAG,CAAC,GACjC,YAAY,CAWd;yBAbe,iBAAiB;;;AAgBjC,iFAAiF;AACjF,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,GAAG,YAAY,CAO7E;yBAPe,iBAAiB;;;AAUjC,yCAAyC;AACzC,wBAAgB,gBAAgB,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EACjE,KAAK,EAAE,qBAAqB,CAAC,GAAG,CAAC,GAChC,YAAY,CAWd;yBAbe,gBAAgB;;;AAgBhC,yCAAyC;AACzC,wBAAgB,gBAAgB,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EACjE,KAAK,EAAE,qBAAqB,CAAC,GAAG,CAAC,GAChC,YAAY,CAWd;yBAbe,gBAAgB"}
+{"version":3,"file":"AlertModalParts.d.ts","sourceRoot":"","sources":["../../../src/components/alert-modal/AlertModalParts.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAGvD,OAAO,KAAK,EACV,qBAAqB,EACrB,qBAAqB,EACrB,sBAAsB,EACtB,sBAAsB,EACvB,MAAM,YAAY,CAAC;AAmBpB,gFAAgF;AAChF,wBAAgB,iBAAiB,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EAClE,KAAK,EAAE,sBAAsB,CAAC,GAAG,CAAC,GACjC,YAAY,CAWd;yBAbe,iBAAiB;;;AAgBjC,iFAAiF;AACjF,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,GAAG,YAAY,CAmB7E;yBAnBe,iBAAiB;;;AAsBjC,yCAAyC;AACzC,wBAAgB,gBAAgB,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EACjE,KAAK,EAAE,qBAAqB,CAAC,GAAG,CAAC,GAChC,YAAY,CAWd;yBAbe,gBAAgB;;;AAgBhC,yCAAyC;AACzC,wBAAgB,gBAAgB,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EACjE,KAAK,EAAE,qBAAqB,CAAC,GAAG,CAAC,GAChC,YAAY,CAWd;yBAbe,gBAAgB"}

package/dist/components/alert-modal/AlertModalParts.js

@@ -1,5 +1,22 @@
 import { jsx } from "react/jsx-runtime";
+import { omitProps } from "../../core/slot-props.js";
 import { renderNativeInvoker } from "@gunkin/uiify/core/render";
+const ALERT_MODAL_TRIGGER_OWNED_PROPS = [
+  "type",
+  "command",
+  "commandfor",
+  "commandFor",
+  "popoverTarget",
+  "popoverTargetAction",
+  "data-part",
+  "data-uiify-button",
+  "data-uiify-alert-modal",
+  "dangerouslySetInnerHTML"
+];
+const ALERT_MODAL_CHOICE_OWNED_PROPS = [
+  ...ALERT_MODAL_TRIGGER_OWNED_PROPS,
+  "data-variant"
+];
 function AlertModalTrigger(props) {
   const { as, target, ...consumerProps } = props;
   return renderNativeInvoker(
@@ -8,14 +25,30 @@ function AlertModalTrigger(props) {
     "trigger",
     "show-modal",
     target,
-    consumerProps,
+    omitProps(consumerProps, ALERT_MODAL_TRIGGER_OWNED_PROPS),
     { button: true }
   );
 }
 AlertModalTrigger.displayName = "AlertModalTrigger";
 function AlertModalContent(props) {
   const { children, ...dialogProps } = props;
-  return /* @__PURE__ */ jsx("dialog", { ...dialogProps, "data-part": "content", "data-uiify-alert-modal": "", role: "alertdialog", children });
+  return /* @__PURE__ */ jsx(
+    "dialog",
+    {
+      ...omitProps(dialogProps, [
+        "open",
+        "popover",
+        "role",
+        "data-part",
+        "data-uiify-alert-modal",
+        "dangerouslySetInnerHTML"
+      ]),
+      "data-part": "content",
+      "data-uiify-alert-modal": "",
+      role: "alertdialog",
+      children
+    }
+  );
 }
 AlertModalContent.displayName = "AlertModalContent";
 function AlertModalAction(props) {
@@ -26,7 +59,7 @@ function AlertModalAction(props) {
     "action",
     "request-close",
     target,
-    consumerProps,
+    omitProps(consumerProps, ALERT_MODAL_CHOICE_OWNED_PROPS),
     { button: true, variant: "destructive" }
   );
 }
@@ -39,7 +72,7 @@ function AlertModalCancel(props) {
     "cancel",
     "request-close",
     target,
-    consumerProps,
+    omitProps(consumerProps, ALERT_MODAL_CHOICE_OWNED_PROPS),
     { button: true, variant: "secondary" }
   );
 }

package/dist/components/alert-modal/AlertModalParts.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/alert-modal/AlertModalParts.tsx"],"sourcesContent":["import type { ElementType, ReactElement } from \"react\";\nimport { renderNativeInvoker } from \"@gunkin/uiify/core/render\";\nimport type {\n  AlertModalActionProps,\n  AlertModalCancelProps,\n  AlertModalContentProps,\n  AlertModalTriggerProps,\n} from \"./types.js\";\n\n/** Native alert modal invoker with alert-modal identity and trigger anatomy. */\nexport function AlertModalTrigger<TAs extends ElementType = \"button\">(\n  props: AlertModalTriggerProps<TAs>,\n): ReactElement {\n  const { as, target, ...consumerProps } = props as AlertModalTriggerProps<\"button\">;\n  return renderNativeInvoker(\n    as,\n    \"data-uiify-alert-modal\",\n    \"trigger\",\n    \"show-modal\",\n    target,\n    consumerProps as Record<string, unknown>,\n    { button: true },\n  );\n}\nAlertModalTrigger.displayName = \"AlertModalTrigger\";\n\n/** Native alert dialog content with alert-modal identity and content anatomy. */\nexport function AlertModalContent(props: AlertModalContentProps): ReactElement {\n  const { children, ...dialogProps } = props;\n  return (\n    <dialog {...dialogProps} data-part=\"content\" data-uiify-alert-modal=\"\" role=\"alertdialog\">\n      {children}\n    </dialog>\n  );\n}\nAlertModalContent.displayName = \"AlertModalContent\";\n\n/** Native alert modal action invoker. */\nexport function AlertModalAction<TAs extends ElementType = \"button\">(\n  props: AlertModalActionProps<TAs>,\n): ReactElement {\n  const { as, target, ...consumerProps } = props as AlertModalActionProps<\"button\">;\n  return renderNativeInvoker(\n    as,\n    \"data-uiify-alert-modal\",\n    \"action\",\n    \"request-close\",\n    target,\n    consumerProps as Record<string, unknown>,\n    { button: true, variant: \"destructive\" },\n  );\n}\nAlertModalAction.displayName = \"AlertModalAction\";\n\n/** Native alert modal cancel invoker. */\nexport function AlertModalCancel<TAs extends ElementType = \"button\">(\n  props: AlertModalCancelProps<TAs>,\n): ReactElement {\n  const { as, target, ...consumerProps } = props as AlertModalCancelProps<\"button\">;\n  return renderNativeInvoker(\n    as,\n    \"data-uiify-alert-modal\",\n    \"cancel\",\n    \"request-close\",\n    target,\n    consumerProps as Record<string, unknown>,\n    { button: true, variant: \"secondary\" },\n  );\n}\nAlertModalCancel.displayName = \"AlertModalCancel\";\n"],"mappings":"AA8BI;AA7BJ,SAAS,2BAA2B;AAS7B,SAAS,kBACd,OACc;AACd,QAAM,EAAE,IAAI,QAAQ,GAAG,cAAc,IAAI;AACzC,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,EAAE,QAAQ,KAAK;AAAA,EACjB;AACF;AACA,kBAAkB,cAAc;AAGzB,SAAS,kBAAkB,OAA6C;AAC7E,QAAM,EAAE,UAAU,GAAG,YAAY,IAAI;AACrC,SACE,oBAAC,YAAQ,GAAG,aAAa,aAAU,WAAU,0BAAuB,IAAG,MAAK,eACzE,UACH;AAEJ;AACA,kBAAkB,cAAc;AAGzB,SAAS,iBACd,OACc;AACd,QAAM,EAAE,IAAI,QAAQ,GAAG,cAAc,IAAI;AACzC,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,EAAE,QAAQ,MAAM,SAAS,cAAc;AAAA,EACzC;AACF;AACA,iBAAiB,cAAc;AAGxB,SAAS,iBACd,OACc;AACd,QAAM,EAAE,IAAI,QAAQ,GAAG,cAAc,IAAI;AACzC,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,EAAE,QAAQ,MAAM,SAAS,YAAY;AAAA,EACvC;AACF;AACA,iBAAiB,cAAc;","names":[]}
+{"version":3,"sources":["../../../src/components/alert-modal/AlertModalParts.tsx"],"sourcesContent":["import type { ElementType, ReactElement } from \"react\";\nimport { omitProps } from \"../../core/slot-props.js\";\nimport { renderNativeInvoker } from \"@gunkin/uiify/core/render\";\nimport type {\n  AlertModalActionProps,\n  AlertModalCancelProps,\n  AlertModalContentProps,\n  AlertModalTriggerProps,\n} from \"./types.js\";\n\nconst ALERT_MODAL_TRIGGER_OWNED_PROPS = [\n  \"type\",\n  \"command\",\n  \"commandfor\",\n  \"commandFor\",\n  \"popoverTarget\",\n  \"popoverTargetAction\",\n  \"data-part\",\n  \"data-uiify-button\",\n  \"data-uiify-alert-modal\",\n  \"dangerouslySetInnerHTML\",\n] as const;\nconst ALERT_MODAL_CHOICE_OWNED_PROPS = [\n  ...ALERT_MODAL_TRIGGER_OWNED_PROPS,\n  \"data-variant\",\n] as const;\n\n/** Native alert modal invoker with alert-modal identity and trigger anatomy. */\nexport function AlertModalTrigger<TAs extends ElementType = \"button\">(\n  props: AlertModalTriggerProps<TAs>,\n): ReactElement {\n  const { as, target, ...consumerProps } = props as unknown as AlertModalTriggerProps<\"button\">;\n  return renderNativeInvoker(\n    as,\n    \"data-uiify-alert-modal\",\n    \"trigger\",\n    \"show-modal\",\n    target,\n    omitProps(consumerProps, ALERT_MODAL_TRIGGER_OWNED_PROPS) as Record<string, unknown>,\n    { button: true },\n  );\n}\nAlertModalTrigger.displayName = \"AlertModalTrigger\";\n\n/** Native alert dialog content with alert-modal identity and content anatomy. */\nexport function AlertModalContent(props: AlertModalContentProps): ReactElement {\n  const { children, ...dialogProps } = props;\n  return (\n    <dialog\n      {...omitProps(dialogProps, [\n        \"open\",\n        \"popover\",\n        \"role\",\n        \"data-part\",\n        \"data-uiify-alert-modal\",\n        \"dangerouslySetInnerHTML\",\n      ])}\n      data-part=\"content\"\n      data-uiify-alert-modal=\"\"\n      role=\"alertdialog\"\n    >\n      {children}\n    </dialog>\n  );\n}\nAlertModalContent.displayName = \"AlertModalContent\";\n\n/** Native alert modal action invoker. */\nexport function AlertModalAction<TAs extends ElementType = \"button\">(\n  props: AlertModalActionProps<TAs>,\n): ReactElement {\n  const { as, target, ...consumerProps } = props as unknown as AlertModalActionProps<\"button\">;\n  return renderNativeInvoker(\n    as,\n    \"data-uiify-alert-modal\",\n    \"action\",\n    \"request-close\",\n    target,\n    omitProps(consumerProps, ALERT_MODAL_CHOICE_OWNED_PROPS) as Record<string, unknown>,\n    { button: true, variant: \"destructive\" },\n  );\n}\nAlertModalAction.displayName = \"AlertModalAction\";\n\n/** Native alert modal cancel invoker. */\nexport function AlertModalCancel<TAs extends ElementType = \"button\">(\n  props: AlertModalCancelProps<TAs>,\n): ReactElement {\n  const { as, target, ...consumerProps } = props as unknown as AlertModalCancelProps<\"button\">;\n  return renderNativeInvoker(\n    as,\n    \"data-uiify-alert-modal\",\n    \"cancel\",\n    \"request-close\",\n    target,\n    omitProps(consumerProps, ALERT_MODAL_CHOICE_OWNED_PROPS) as Record<string, unknown>,\n    { button: true, variant: \"secondary\" },\n  );\n}\nAlertModalCancel.displayName = \"AlertModalCancel\";\n"],"mappings":"AAgDI;AA/CJ,SAAS,iBAAiB;AAC1B,SAAS,2BAA2B;AAQpC,MAAM,kCAAkC;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AACA,MAAM,iCAAiC;AAAA,EACrC,GAAG;AAAA,EACH;AACF;AAGO,SAAS,kBACd,OACc;AACd,QAAM,EAAE,IAAI,QAAQ,GAAG,cAAc,IAAI;AACzC,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU,eAAe,+BAA+B;AAAA,IACxD,EAAE,QAAQ,KAAK;AAAA,EACjB;AACF;AACA,kBAAkB,cAAc;AAGzB,SAAS,kBAAkB,OAA6C;AAC7E,QAAM,EAAE,UAAU,GAAG,YAAY,IAAI;AACrC,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG,UAAU,aAAa;AAAA,QACzB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF,CAAC;AAAA,MACD,aAAU;AAAA,MACV,0BAAuB;AAAA,MACvB,MAAK;AAAA,MAEJ;AAAA;AAAA,EACH;AAEJ;AACA,kBAAkB,cAAc;AAGzB,SAAS,iBACd,OACc;AACd,QAAM,EAAE,IAAI,QAAQ,GAAG,cAAc,IAAI;AACzC,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU,eAAe,8BAA8B;AAAA,IACvD,EAAE,QAAQ,MAAM,SAAS,cAAc;AAAA,EACzC;AACF;AACA,iBAAiB,cAAc;AAGxB,SAAS,iBACd,OACc;AACd,QAAM,EAAE,IAAI,QAAQ,GAAG,cAAc,IAAI;AACzC,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU,eAAe,8BAA8B;AAAA,IACvD,EAAE,QAAQ,MAAM,SAAS,YAAY;AAAA,EACvC;AACF;AACA,iBAAiB,cAAc;","names":[]}

package/dist/components/alert-modal/index.d.ts

@@ -1,4 +1,4 @@
 export { AlertModal } from "./AlertModal.js";
 export { AlertModalAction, AlertModalCancel, AlertModalContent, AlertModalTrigger, } from "./AlertModalParts.js";
-export type { AlertModalActionOwnProps, AlertModalActionProps, AlertModalCancelOwnProps, AlertModalCancelProps, AlertModalContentOwnProps, AlertModalContentProps, AlertModalProps, AlertModalTriggerOwnProps, AlertModalTriggerProps, } from "./types.js";
+export type { AlertModalActionOwnProps, AlertModalActionProps, AlertModalCancelOwnProps, AlertModalCancelProps, AlertModalContentOwnProps, AlertModalContentProps, AlertModalOwnProps, AlertModalProps, AlertModalSlotProps, AlertModalTriggerOwnProps, AlertModalTriggerProps, } from "./types.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/components/alert-modal/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/alert-modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EACL,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,sBAAsB,CAAC;AAC9B,YAAY,EACV,wBAAwB,EACxB,qBAAqB,EACrB,wBAAwB,EACxB,qBAAqB,EACrB,yBAAyB,EACzB,sBAAsB,EACtB,eAAe,EACf,yBAAyB,EACzB,sBAAsB,GACvB,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/alert-modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EACL,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,sBAAsB,CAAC;AAC9B,YAAY,EACV,wBAAwB,EACxB,qBAAqB,EACrB,wBAAwB,EACxB,qBAAqB,EACrB,yBAAyB,EACzB,sBAAsB,EACtB,kBAAkB,EAClB,eAAe,EACf,mBAAmB,EACnB,yBAAyB,EACzB,sBAAsB,GACvB,MAAM,YAAY,CAAC"}

package/dist/components/alert-modal/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/alert-modal/index.ts"],"sourcesContent":["export { AlertModal } from \"./AlertModal.js\";\nexport {\n  AlertModalAction,\n  AlertModalCancel,\n  AlertModalContent,\n  AlertModalTrigger,\n} from \"./AlertModalParts.js\";\nexport type {\n  AlertModalActionOwnProps,\n  AlertModalActionProps,\n  AlertModalCancelOwnProps,\n  AlertModalCancelProps,\n  AlertModalContentOwnProps,\n  AlertModalContentProps,\n  AlertModalProps,\n  AlertModalTriggerOwnProps,\n  AlertModalTriggerProps,\n} from \"./types.js\";\n"],"mappings":"AAAA,SAAS,kBAAkB;AAC3B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;","names":[]}
+{"version":3,"sources":["../../../src/components/alert-modal/index.ts"],"sourcesContent":["export { AlertModal } from \"./AlertModal.js\";\nexport {\n  AlertModalAction,\n  AlertModalCancel,\n  AlertModalContent,\n  AlertModalTrigger,\n} from \"./AlertModalParts.js\";\nexport type {\n  AlertModalActionOwnProps,\n  AlertModalActionProps,\n  AlertModalCancelOwnProps,\n  AlertModalCancelProps,\n  AlertModalContentOwnProps,\n  AlertModalContentProps,\n  AlertModalOwnProps,\n  AlertModalProps,\n  AlertModalSlotProps,\n  AlertModalTriggerOwnProps,\n  AlertModalTriggerProps,\n} from \"./types.js\";\n"],"mappings":"AAAA,SAAS,kBAAkB;AAC3B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;","names":[]}

package/dist/components/alert-modal/types.d.ts

@@ -1,6 +1,7 @@
 import type { ComponentPropsWithRef, ElementType, ReactNode } from "react";
 import type { NativeButtonProps } from "@gunkin/uiify/core/render";
-export interface AlertModalProps {
+import type { ConsumerDataAttributes } from "../../core/slot-props.js";
+export interface AlertModalOwnProps {
     readonly id: string;
     readonly trigger: ReactNode;
     readonly title: ReactNode;
@@ -8,28 +9,61 @@ export interface AlertModalProps {
     readonly children?: ReactNode;
     readonly actionLabel?: ReactNode;
     readonly cancelLabel?: ReactNode;
-    readonly className?: string;
+    /** Native props for each generated part; the AlertModal root takes props directly. */
+    readonly slotProps?: AlertModalSlotProps;
 }
+type AlertModalSlotElementProps<T extends ElementType, TProtected extends string = never> = Omit<ComponentPropsWithRef<T>, "children" | "dangerouslySetInnerHTML" | TProtected> & ConsumerDataAttributes & {
+    readonly [K in TProtected]?: never;
+};
+type AlertModalInvokerSlotProps<TProtected extends string = never> = AlertModalSlotElementProps<"button", "type" | "command" | "commandfor" | "commandFor" | "popoverTarget" | "popoverTargetAction" | "data-part" | "data-uiify-button" | "data-uiify-alert-modal" | TProtected>;
+type AlertModalChoiceSlotProps = AlertModalInvokerSlotProps<"value" | "data-variant">;
+export interface AlertModalSlotProps {
+    readonly trigger?: AlertModalInvokerSlotProps;
+    readonly content?: AlertModalSlotElementProps<"dialog", "id" | "role" | "open" | "popover" | "aria-describedby" | "aria-labelledby" | "data-part" | "data-uiify-alert-modal">;
+    readonly title?: AlertModalSlotElementProps<"h2", "id" | "data-part" | "data-uiify-alert-modal">;
+    readonly description?: AlertModalSlotElementProps<"p", "id" | "data-part" | "data-uiify-alert-modal">;
+    readonly cancel?: AlertModalChoiceSlotProps;
+    readonly action?: AlertModalChoiceSlotProps;
+}
+export type AlertModalProps = AlertModalOwnProps & Omit<AlertModalSlotElementProps<"div", "data-part" | "data-uiify-alert-modal">, keyof AlertModalOwnProps>;
 export interface AlertModalTriggerOwnProps {
     readonly children?: ReactNode;
     /** `id` of the `AlertModalContent` this button opens. */
     readonly target: string;
 }
-export type AlertModalTriggerProps<TAs extends ElementType = "button"> = NativeButtonProps<TAs, AlertModalTriggerOwnProps>;
+export type AlertModalTriggerProps<TAs extends ElementType = "button"> = Omit<NativeButtonProps<TAs, AlertModalTriggerOwnProps>, "dangerouslySetInnerHTML"> & ConsumerDataAttributes & {
+    readonly "data-part"?: never;
+    readonly "data-uiify-button"?: never;
+    readonly "data-uiify-alert-modal"?: never;
+};
 export interface AlertModalActionOwnProps {
     readonly children?: ReactNode;
     readonly target: string;
 }
-export type AlertModalActionProps<TAs extends ElementType = "button"> = NativeButtonProps<TAs, AlertModalActionOwnProps>;
+export type AlertModalActionProps<TAs extends ElementType = "button"> = Omit<NativeButtonProps<TAs, AlertModalActionOwnProps>, "dangerouslySetInnerHTML"> & ConsumerDataAttributes & {
+    readonly "data-part"?: never;
+    readonly "data-variant"?: never;
+    readonly "data-uiify-button"?: never;
+    readonly "data-uiify-alert-modal"?: never;
+};
 export interface AlertModalCancelOwnProps {
     readonly children?: ReactNode;
     readonly target: string;
 }
-export type AlertModalCancelProps<TAs extends ElementType = "button"> = NativeButtonProps<TAs, AlertModalCancelOwnProps>;
+export type AlertModalCancelProps<TAs extends ElementType = "button"> = Omit<NativeButtonProps<TAs, AlertModalCancelOwnProps>, "dangerouslySetInnerHTML"> & ConsumerDataAttributes & {
+    readonly "data-part"?: never;
+    readonly "data-variant"?: never;
+    readonly "data-uiify-button"?: never;
+    readonly "data-uiify-alert-modal"?: never;
+};
 export interface AlertModalContentOwnProps {
     readonly children?: ReactNode;
     readonly id: string;
 }
 /** `<dialog role="alertdialog">`; `role`, `open` and `popover` belong to the part. */
-export type AlertModalContentProps = AlertModalContentOwnProps & Omit<ComponentPropsWithRef<"dialog">, keyof AlertModalContentOwnProps | "open" | "popover" | "role">;
+export type AlertModalContentProps = AlertModalContentOwnProps & Omit<ComponentPropsWithRef<"dialog">, keyof AlertModalContentOwnProps | "open" | "popover" | "role" | "dangerouslySetInnerHTML"> & ConsumerDataAttributes & {
+    readonly "data-part"?: never;
+    readonly "data-uiify-alert-modal"?: never;
+};
+export {};
 //# sourceMappingURL=types.d.ts.map

package/dist/components/alert-modal/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/alert-modal/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAEnE,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,OAAO,EAAE,SAAS,CAAC;IAC5B,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC;IAC1B,QAAQ,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC;IACjC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,QAAQ,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC;IACjC,QAAQ,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC;IACjC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,MAAM,WAAW,yBAAyB;IACxC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,yDAAyD;IACzD,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,MAAM,sBAAsB,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,IAAI,iBAAiB,CACxF,GAAG,EACH,yBAAyB,CAC1B,CAAC;AAEF,MAAM,WAAW,wBAAwB;IACvC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,MAAM,qBAAqB,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,IAAI,iBAAiB,CACvF,GAAG,EACH,wBAAwB,CACzB,CAAC;AAEF,MAAM,WAAW,wBAAwB;IACvC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,MAAM,qBAAqB,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,IAAI,iBAAiB,CACvF,GAAG,EACH,wBAAwB,CACzB,CAAC;AAEF,MAAM,WAAW,yBAAyB;IACxC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;CACrB;AAED,sFAAsF;AACtF,MAAM,MAAM,sBAAsB,GAAG,yBAAyB,GAC5D,IAAI,CACF,qBAAqB,CAAC,QAAQ,CAAC,EAC/B,MAAM,yBAAyB,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAC9D,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/alert-modal/types.ts"],"names":[],"mappings":"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"}

package/dist/components/aspect-ratio/AspectRatio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AspectRatio.d.ts","sourceRoot":"","sources":["../../../src/components/aspect-ratio/AspectRatio.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAiB,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAEtE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAEnD,wBAAgB,WAAW,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EACzD,KAAK,EAAE,gBAAgB,CAAC,GAAG,CAAC,GAC3B,YAAY,GAAG,IAAI,CAqBrB;yBAvBe,WAAW"}
+{"version":3,"file":"AspectRatio.d.ts","sourceRoot":"","sources":["../../../src/components/aspect-ratio/AspectRatio.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAiB,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAGtE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAEnD,wBAAgB,WAAW,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EACzD,KAAK,EAAE,gBAAgB,CAAC,GAAG,CAAC,GAC3B,YAAY,GAAG,IAAI,CA6BrB;yBA/Be,WAAW"}

package/dist/components/aspect-ratio/AspectRatio.js

@@ -1,7 +1,8 @@
 import { jsx } from "react/jsx-runtime";
+import { omitProps } from "../../core/slot-props.js";
 import { useRenderElement } from "@gunkin/uiify/core/render";
 function AspectRatio(props) {
-  const { as, render, ratio, children, ...consumerProps } = props;
+  const { as, render, ratio, children, slotProps, ...consumerProps } = props;
   const style = consumerProps.style;
   return useRenderElement({
     as,
@@ -13,7 +14,14 @@ function AspectRatio(props) {
         ...style,
         ...ratio !== void 0 ? { "--uiify-aspect-ratio": Number.isFinite(ratio) && ratio > 0 ? ratio : 1 } : {}
       },
-      children: /* @__PURE__ */ jsx("div", { "data-part": "content", children })
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          ...omitProps(slotProps?.content, ["data-part", "data-uiify-aspect-ratio"]),
+          "data-part": "content",
+          children
+        }
+      )
     },
     render,
     state: {}

package/dist/components/aspect-ratio/AspectRatio.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/aspect-ratio/AspectRatio.tsx"],"sourcesContent":["// API research: Radix UI Aspect Ratio; independently authored from UIify design notes.\nimport type { CSSProperties, ElementType, ReactElement } from \"react\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport type { AspectRatioProps } from \"./types.js\";\n\nexport function AspectRatio<TAs extends ElementType = \"div\">(\n  props: AspectRatioProps<TAs>,\n): ReactElement | null {\n  const { as, render, ratio, children, ...consumerProps } = props as AspectRatioProps<\"div\">;\n  const style = (consumerProps as { style?: CSSProperties }).style;\n\n  return useRenderElement({\n    as,\n    defaultTag: \"div\",\n    props: {\n      ...consumerProps,\n      \"data-uiify-aspect-ratio\": \"\",\n      style: {\n        ...style,\n        ...(ratio !== undefined\n          ? { \"--uiify-aspect-ratio\": Number.isFinite(ratio) && ratio > 0 ? ratio : 1 }\n          : {}),\n      } as CSSProperties,\n      children: <div data-part=\"content\">{children}</div>,\n    },\n    render,\n    state: {},\n  });\n}\nAspectRatio.displayName = \"AspectRatio\";\n"],"mappings":"AAuBgB;AArBhB,SAAS,wBAAwB;AAG1B,SAAS,YACd,OACqB;AACrB,QAAM,EAAE,IAAI,QAAQ,OAAO,UAAU,GAAG,cAAc,IAAI;AAC1D,QAAM,QAAS,cAA4C;AAE3D,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH,2BAA2B;AAAA,MAC3B,OAAO;AAAA,QACL,GAAG;AAAA,QACH,GAAI,UAAU,SACV,EAAE,wBAAwB,OAAO,SAAS,KAAK,KAAK,QAAQ,IAAI,QAAQ,EAAE,IAC1E,CAAC;AAAA,MACP;AAAA,MACA,UAAU,oBAAC,SAAI,aAAU,WAAW,UAAS;AAAA,IAC/C;AAAA,IACA;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AACA,YAAY,cAAc;","names":[]}
+{"version":3,"sources":["../../../src/components/aspect-ratio/AspectRatio.tsx"],"sourcesContent":["// API research: Radix UI Aspect Ratio; independently authored from UIify design notes.\nimport type { CSSProperties, ElementType, ReactElement } from \"react\";\nimport { omitProps } from \"../../core/slot-props.js\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport type { AspectRatioProps } from \"./types.js\";\n\nexport function AspectRatio<TAs extends ElementType = \"div\">(\n  props: AspectRatioProps<TAs>,\n): ReactElement | null {\n  const { as, render, ratio, children, slotProps, ...consumerProps } =\n    props as AspectRatioProps<\"div\">;\n  const style = (consumerProps as { style?: CSSProperties }).style;\n\n  return useRenderElement({\n    as,\n    defaultTag: \"div\",\n    props: {\n      ...consumerProps,\n      \"data-uiify-aspect-ratio\": \"\",\n      style: {\n        ...style,\n        ...(ratio !== undefined\n          ? { \"--uiify-aspect-ratio\": Number.isFinite(ratio) && ratio > 0 ? ratio : 1 }\n          : {}),\n      } as CSSProperties,\n      children: (\n        <div\n          {...omitProps(slotProps?.content, [\"data-part\", \"data-uiify-aspect-ratio\"])}\n          data-part=\"content\"\n        >\n          {children}\n        </div>\n      ),\n    },\n    render,\n    state: {},\n  });\n}\nAspectRatio.displayName = \"AspectRatio\";\n"],"mappings":"AA0BQ;AAxBR,SAAS,iBAAiB;AAC1B,SAAS,wBAAwB;AAG1B,SAAS,YACd,OACqB;AACrB,QAAM,EAAE,IAAI,QAAQ,OAAO,UAAU,WAAW,GAAG,cAAc,IAC/D;AACF,QAAM,QAAS,cAA4C;AAE3D,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH,2BAA2B;AAAA,MAC3B,OAAO;AAAA,QACL,GAAG;AAAA,QACH,GAAI,UAAU,SACV,EAAE,wBAAwB,OAAO,SAAS,KAAK,KAAK,QAAQ,IAAI,QAAQ,EAAE,IAC1E,CAAC;AAAA,MACP;AAAA,MACA,UACE;AAAA,QAAC;AAAA;AAAA,UACE,GAAG,UAAU,WAAW,SAAS,CAAC,aAAa,yBAAyB,CAAC;AAAA,UAC1E,aAAU;AAAA,UAET;AAAA;AAAA,MACH;AAAA,IAEJ;AAAA,IACA;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AACA,YAAY,cAAc;","names":[]}

package/dist/components/aspect-ratio/types.d.ts

@@ -1,9 +1,18 @@
-import type { ElementType, ReactNode } from "react";
+import type { ComponentPropsWithRef, ElementType, ReactNode } from "react";
+import type { ConsumerDataAttributes } from "../../core/slot-props.js";
 import type { RenderableProps } from "@gunkin/uiify/core/render";
 export interface AspectRatioOwnProps {
     /** Positive finite width / height ratio. Omit to use the CSS default (square). */
     readonly ratio?: number;
     readonly children?: ReactNode;
+    readonly slotProps?: AspectRatioSlotProps;
 }
 export type AspectRatioProps<TAs extends ElementType = "div"> = RenderableProps<TAs, AspectRatioOwnProps, Record<string, never>, HTMLElement>;
+export type AspectRatioContentSlotProps = Omit<ComponentPropsWithRef<"div">, "children" | "dangerouslySetInnerHTML" | "data-part" | "data-uiify-aspect-ratio"> & {
+    readonly "data-part"?: never;
+    readonly "data-uiify-aspect-ratio"?: never;
+} & ConsumerDataAttributes;
+export interface AspectRatioSlotProps {
+    readonly content?: AspectRatioContentSlotProps;
+}
 //# sourceMappingURL=types.d.ts.map

package/dist/components/aspect-ratio/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/aspect-ratio/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEjE,MAAM,WAAW,mBAAmB;IAClC,kFAAkF;IAClF,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;CAC/B;AAED,MAAM,MAAM,gBAAgB,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,IAAI,eAAe,CAC7E,GAAG,EACH,mBAAmB,EACnB,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EACrB,WAAW,CACZ,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/aspect-ratio/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3E,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AACvE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEjE,MAAM,WAAW,mBAAmB;IAClC,kFAAkF;IAClF,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,QAAQ,CAAC,SAAS,CAAC,EAAE,oBAAoB,CAAC;CAC3C;AAED,MAAM,MAAM,gBAAgB,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,IAAI,eAAe,CAC7E,GAAG,EACH,mBAAmB,EACnB,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EACrB,WAAW,CACZ,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG,IAAI,CAC5C,qBAAqB,CAAC,KAAK,CAAC,EAC5B,UAAU,GAAG,yBAAyB,GAAG,WAAW,GAAG,yBAAyB,CACjF,GAAG;IACF,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC;IAC7B,QAAQ,CAAC,yBAAyB,CAAC,EAAE,KAAK,CAAC;CAC5C,GAAG,sBAAsB,CAAC;AAE3B,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,OAAO,CAAC,EAAE,2BAA2B,CAAC;CAChD"}

package/dist/components/avatar/Avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAE9C,wBAAgB,MAAM,CAAC,GAAG,SAAS,WAAW,GAAG,MAAM,EACrD,KAAK,EAAE,WAAW,CAAC,GAAG,CAAC,GACtB,YAAY,GAAG,IAAI,CAwBrB;yBA1Be,MAAM"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAGvD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAE9C,wBAAgB,MAAM,CAAC,GAAG,SAAS,WAAW,GAAG,MAAM,EACrD,KAAK,EAAE,WAAW,CAAC,GAAG,CAAC,GACtB,YAAY,GAAG,IAAI,CAkCrB;yBApCe,MAAM"}

package/dist/components/avatar/Avatar.js

@@ -1,7 +1,8 @@
 import { jsx } from "react/jsx-runtime";
+import { omitProps } from "../../core/slot-props.js";
 import { useRenderElement } from "@gunkin/uiify/core/render";
 function Avatar(props) {
-  const { as, render, name, fallback, src, size, ...consumerProps } = props;
+  const { as, render, name, fallback, src, size, slotProps, ...consumerProps } = props;
   return useRenderElement({
     as,
     defaultTag: "span",
@@ -11,7 +12,23 @@ function Avatar(props) {
       "aria-label": consumerProps["aria-label"] ?? name,
       "data-uiify-avatar": "",
       ...size !== void 0 ? { "data-size": size } : {},
-      children: src !== void 0 ? /* @__PURE__ */ jsx("img", { "data-part": "image", src, alt: "" }) : /* @__PURE__ */ jsx("span", { "data-part": "fallback", "aria-hidden": "true", children: fallback })
+      children: src !== void 0 ? /* @__PURE__ */ jsx(
+        "img",
+        {
+          ...omitProps(slotProps?.image, ["alt", "data-part", "data-uiify-avatar", "src"]),
+          "data-part": "image",
+          src,
+          alt: ""
+        }
+      ) : /* @__PURE__ */ jsx(
+        "span",
+        {
+          ...omitProps(slotProps?.fallback, ["aria-hidden", "data-part", "data-uiify-avatar"]),
+          "data-part": "fallback",
+          "aria-hidden": "true",
+          children: fallback
+        }
+      )
     },
     render,
     state: {}

package/dist/components/avatar/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/avatar/Avatar.tsx"],"sourcesContent":["import type { ElementType, ReactElement } from \"react\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport type { AvatarProps } from \"./types.js\";\n\nexport function Avatar<TAs extends ElementType = \"span\">(\n  props: AvatarProps<TAs>,\n): ReactElement | null {\n  const { as, render, name, fallback, src, size, ...consumerProps } = props as AvatarProps<\"span\">;\n\n  return useRenderElement({\n    as,\n    defaultTag: \"span\",\n    props: {\n      ...consumerProps,\n      role: (consumerProps as { role?: string }).role ?? \"img\",\n      \"aria-label\": (consumerProps as { \"aria-label\"?: string })[\"aria-label\"] ?? name,\n      \"data-uiify-avatar\": \"\",\n      ...(size !== undefined ? { \"data-size\": size } : {}),\n      children:\n        src !== undefined ? (\n          <img data-part=\"image\" src={src} alt=\"\" />\n        ) : (\n          <span data-part=\"fallback\" aria-hidden=\"true\">\n            {fallback}\n          </span>\n        ),\n    },\n    render,\n    state: {},\n  });\n}\n\nAvatar.displayName = \"Avatar\";\n"],"mappings":"AAoBU;AAnBV,SAAS,wBAAwB;AAG1B,SAAS,OACd,OACqB;AACrB,QAAM,EAAE,IAAI,QAAQ,MAAM,UAAU,KAAK,MAAM,GAAG,cAAc,IAAI;AAEpE,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH,MAAO,cAAoC,QAAQ;AAAA,MACnD,cAAe,cAA4C,YAAY,KAAK;AAAA,MAC5E,qBAAqB;AAAA,MACrB,GAAI,SAAS,SAAY,EAAE,aAAa,KAAK,IAAI,CAAC;AAAA,MAClD,UACE,QAAQ,SACN,oBAAC,SAAI,aAAU,SAAQ,KAAU,KAAI,IAAG,IAExC,oBAAC,UAAK,aAAU,YAAW,eAAY,QACpC,oBACH;AAAA,IAEN;AAAA,IACA;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AAEA,OAAO,cAAc;","names":[]}
+{"version":3,"sources":["../../../src/components/avatar/Avatar.tsx"],"sourcesContent":["import type { ElementType, ReactElement } from \"react\";\nimport { omitProps } from \"../../core/slot-props.js\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport type { AvatarProps } from \"./types.js\";\n\nexport function Avatar<TAs extends ElementType = \"span\">(\n  props: AvatarProps<TAs>,\n): ReactElement | null {\n  const { as, render, name, fallback, src, size, slotProps, ...consumerProps } =\n    props as AvatarProps<\"span\">;\n\n  return useRenderElement({\n    as,\n    defaultTag: \"span\",\n    props: {\n      ...consumerProps,\n      role: (consumerProps as { role?: string }).role ?? \"img\",\n      \"aria-label\": (consumerProps as { \"aria-label\"?: string })[\"aria-label\"] ?? name,\n      \"data-uiify-avatar\": \"\",\n      ...(size !== undefined ? { \"data-size\": size } : {}),\n      children:\n        src !== undefined ? (\n          <img\n            {...omitProps(slotProps?.image, [\"alt\", \"data-part\", \"data-uiify-avatar\", \"src\"])}\n            data-part=\"image\"\n            src={src}\n            alt=\"\"\n          />\n        ) : (\n          <span\n            {...omitProps(slotProps?.fallback, [\"aria-hidden\", \"data-part\", \"data-uiify-avatar\"])}\n            data-part=\"fallback\"\n            aria-hidden=\"true\"\n          >\n            {fallback}\n          </span>\n        ),\n    },\n    render,\n    state: {},\n  });\n}\n\nAvatar.displayName = \"Avatar\";\n"],"mappings":"AAsBU;AArBV,SAAS,iBAAiB;AAC1B,SAAS,wBAAwB;AAG1B,SAAS,OACd,OACqB;AACrB,QAAM,EAAE,IAAI,QAAQ,MAAM,UAAU,KAAK,MAAM,WAAW,GAAG,cAAc,IACzE;AAEF,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH,MAAO,cAAoC,QAAQ;AAAA,MACnD,cAAe,cAA4C,YAAY,KAAK;AAAA,MAC5E,qBAAqB;AAAA,MACrB,GAAI,SAAS,SAAY,EAAE,aAAa,KAAK,IAAI,CAAC;AAAA,MAClD,UACE,QAAQ,SACN;AAAA,QAAC;AAAA;AAAA,UACE,GAAG,UAAU,WAAW,OAAO,CAAC,OAAO,aAAa,qBAAqB,KAAK,CAAC;AAAA,UAChF,aAAU;AAAA,UACV;AAAA,UACA,KAAI;AAAA;AAAA,MACN,IAEA;AAAA,QAAC;AAAA;AAAA,UACE,GAAG,UAAU,WAAW,UAAU,CAAC,eAAe,aAAa,mBAAmB,CAAC;AAAA,UACpF,aAAU;AAAA,UACV,eAAY;AAAA,UAEX;AAAA;AAAA,MACH;AAAA,IAEN;AAAA,IACA;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AAEA,OAAO,cAAc;","names":[]}