@gunkin/uiify 0.0.24-alpha → 0.0.26-alpha

package/dist/components/toast/ToastElements.js

@@ -1,5 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useRenderElement } from "@gunkin/uiify/core/render";
+import { resolveRepeatedSlotProps } from "../../core/slot-props.js";
 const DEFAULT_TOAST_LABELS = {
   region: "Notifications",
   notification: "Notification",
@@ -9,15 +10,25 @@ function ToastProvider(props) {
   return props.children ?? null;
 }
 function ToastViewport(props) {
-  const { children, className, "aria-label": ariaLabel, labels, popover, ref } = props;
+  const {
+    children,
+    className,
+    labels,
+    popover,
+    ref,
+    slotProps: _slotProps,
+    ...consumerProps
+  } = props;
   const resolvedLabels = { ...DEFAULT_TOAST_LABELS, ...labels };
+  const safeConsumerProps = consumerProps;
   return /* @__PURE__ */ jsx(
     "section",
     {
-      "aria-label": ariaLabel ?? resolvedLabels.region,
+      "aria-label": resolvedLabels.region,
       "data-part": "viewport",
       "data-testid": "toast-viewport",
       "data-uiify-toast": "",
+      ...safeConsumerProps,
       ref,
       ...popover ? { popover } : {},
       ...className ? { className } : {},
@@ -27,31 +38,40 @@ function ToastViewport(props) {
 }
 ToastViewport.displayName = "ToastViewport";
 function ToastRoot(props) {
-  const { toast, labels } = props;
+  const { toast, labels, slotProps, ...consumerRootProps } = props;
   const resolvedLabels = { ...DEFAULT_TOAST_LABELS, ...labels };
+  const rootProps = consumerRootProps;
+  const titleProps = resolveRepeatedSlotProps(slotProps?.title, toast.id);
+  const descriptionProps = resolveRepeatedSlotProps(slotProps?.description, toast.id);
+  const actionProps = resolveRepeatedSlotProps(slotProps?.action, toast.id);
+  const closeProps = resolveRepeatedSlotProps(slotProps?.close, toast.id);
   return /* @__PURE__ */ jsxs(
-    "fieldset",
+    "div",
     {
       "aria-label": typeof toast.title === "string" ? toast.title : resolvedLabels.notification,
       "data-part": "item",
       "data-state": "open",
       "data-uiify-toast": "",
+      role: "group",
+      ...rootProps,
       children: [
-        toast.title ? /* @__PURE__ */ jsx(ToastTitle, { children: toast.title }) : null,
-        toast.description ? /* @__PURE__ */ jsx(ToastDescription, { children: toast.description }) : null,
-        toast.action ? /* @__PURE__ */ jsx(ToastAction, { children: toast.action.label }) : null,
-        /* @__PURE__ */ jsx(ToastClose, { labels: resolvedLabels })
+        toast.title ? /* @__PURE__ */ jsx(ToastTitle, { ...titleProps, children: toast.title }) : null,
+        toast.description ? /* @__PURE__ */ jsx(ToastDescription, { ...descriptionProps, children: toast.description }) : null,
+        toast.action ? /* @__PURE__ */ jsx(ToastAction, { ...actionProps, children: toast.action.label }) : null,
+        /* @__PURE__ */ jsx(ToastClose, { ...closeProps, labels: resolvedLabels })
       ]
     }
   );
 }
 ToastRoot.displayName = "ToastRoot";
 function ToastTitle(props) {
-  const { children, className } = props;
+  const { children, className, ...consumerProps } = props;
+  const safeConsumerProps = consumerProps;
   return useRenderElement({
     defaultTag: "div",
     props: {
       "data-part": "title",
+      ...safeConsumerProps,
       className,
       children
     },
@@ -59,11 +79,13 @@ function ToastTitle(props) {
   });
 }
 function ToastDescription(props) {
-  const { children, className } = props;
+  const { children, className, ...consumerProps } = props;
+  const safeConsumerProps = consumerProps;
   return useRenderElement({
     defaultTag: "div",
     props: {
       "data-part": "description",
+      ...safeConsumerProps,
       className,
       children
     },
@@ -72,12 +94,13 @@ function ToastDescription(props) {
 }
 function ToastAction(props) {
   const { children, className, onClick, ...consumerProps } = props;
+  const safeConsumerProps = consumerProps;
   return useRenderElement({
     defaultTag: "button",
     props: {
-      ...consumerProps,
       type: "button",
       "data-part": "action",
+      ...safeConsumerProps,
       className,
       onClick,
       children
@@ -87,14 +110,15 @@ function ToastAction(props) {
 }
 function ToastClose(props) {
   const { children, className, labels, onClick, ...consumerProps } = props;
+  const safeConsumerProps = consumerProps;
   const resolvedChildren = children ?? labels?.close ?? DEFAULT_TOAST_LABELS.close;
   return useRenderElement({
     defaultTag: "button",
     props: {
-      ...consumerProps,
       type: "button",
       "aria-label": typeof resolvedChildren === "string" ? resolvedChildren : DEFAULT_TOAST_LABELS.close,
       "data-part": "close",
+      ...safeConsumerProps,
       className,
       onClick,
       children: resolvedChildren

package/dist/components/toast/ToastElements.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/toast/ToastElements.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport type {\n  ToastProviderOwnProps,\n  ToastViewportOwnProps,\n  ToastRootOwnProps,\n  ToastTitleOwnProps,\n  ToastDescriptionOwnProps,\n  ToastActionProps,\n  ToastCloseProps,\n  ToastLabels,\n} from \"./types.js\";\n\nconst DEFAULT_TOAST_LABELS: ToastLabels = {\n  region: \"Notifications\",\n  notification: \"Notification\",\n  close: \"Close\",\n};\n\nexport function ToastProvider(props: ToastProviderOwnProps): ReactElement | null {\n  return (props.children ?? null) as ReactElement | null;\n}\n\nexport function ToastViewport(props: ToastViewportOwnProps): ReactElement | null {\n  const { children, className, \"aria-label\": ariaLabel, labels, popover, ref } = props;\n  const resolvedLabels = { ...DEFAULT_TOAST_LABELS, ...labels };\n\n  return (\n    <section\n      aria-label={ariaLabel ?? resolvedLabels.region}\n      data-part=\"viewport\"\n      data-testid=\"toast-viewport\"\n      data-uiify-toast=\"\"\n      ref={ref}\n      {...(popover ? { popover } : {})}\n      {...(className ? { className } : {})}\n    >\n      {children}\n    </section>\n  );\n}\nToastViewport.displayName = \"ToastViewport\";\n\nexport function ToastRoot(props: ToastRootOwnProps): ReactElement | null {\n  const { toast, labels } = props;\n  const resolvedLabels = { ...DEFAULT_TOAST_LABELS, ...labels };\n\n  return (\n    <fieldset\n      aria-label={typeof toast.title === \"string\" ? toast.title : resolvedLabels.notification}\n      data-part=\"item\"\n      data-state=\"open\"\n      data-uiify-toast=\"\"\n    >\n      {toast.title ? <ToastTitle>{toast.title}</ToastTitle> : null}\n      {toast.description ? <ToastDescription>{toast.description}</ToastDescription> : null}\n      {toast.action ? <ToastAction>{toast.action.label}</ToastAction> : null}\n      <ToastClose labels={resolvedLabels} />\n    </fieldset>\n  );\n}\nToastRoot.displayName = \"ToastRoot\";\n\nexport function ToastTitle(props: ToastTitleOwnProps): ReactElement | null {\n  const { children, className } = props;\n  return useRenderElement({\n    defaultTag: \"div\",\n    props: {\n      \"data-part\": \"title\",\n      className,\n      children,\n    },\n    state: {},\n  });\n}\n\nexport function ToastDescription(props: ToastDescriptionOwnProps): ReactElement | null {\n  const { children, className } = props;\n  return useRenderElement({\n    defaultTag: \"div\",\n    props: {\n      \"data-part\": \"description\",\n      className,\n      children,\n    },\n    state: {},\n  });\n}\n\nexport function ToastAction(props: ToastActionProps): ReactElement | null {\n  const { children, className, onClick, ...consumerProps } = props;\n  return useRenderElement({\n    defaultTag: \"button\",\n    props: {\n      ...consumerProps,\n      type: \"button\",\n      \"data-part\": \"action\",\n      className,\n      onClick,\n      children,\n    },\n    state: {},\n  });\n}\n\nexport function ToastClose(props: ToastCloseProps): ReactElement | null {\n  const { children, className, labels, onClick, ...consumerProps } = props;\n  const resolvedChildren = children ?? labels?.close ?? DEFAULT_TOAST_LABELS.close;\n  return useRenderElement({\n    defaultTag: \"button\",\n    props: {\n      ...consumerProps,\n      type: \"button\",\n      \"aria-label\":\n        typeof resolvedChildren === \"string\" ? resolvedChildren : DEFAULT_TOAST_LABELS.close,\n      \"data-part\": \"close\",\n      className,\n      onClick,\n      children: resolvedChildren,\n    },\n    state: {},\n  });\n}\n\nexport const Toast = {\n  Action: ToastAction,\n  Close: ToastClose,\n  Description: ToastDescription,\n  Provider: ToastProvider,\n  Root: ToastRoot,\n  Title: ToastTitle,\n  Viewport: ToastViewport,\n};\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/components/toast/ToastElements.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport { resolveRepeatedSlotProps } from \"../../core/slot-props.js\";\nimport type {\n  ToastProviderOwnProps,\n  ToastViewportOwnProps,\n  ToastRootOwnProps,\n  ToastTitleOwnProps,\n  ToastDescriptionOwnProps,\n  ToastActionProps,\n  ToastCloseProps,\n  ToastLabels,\n} from \"./types.js\";\n\nconst DEFAULT_TOAST_LABELS: ToastLabels = {\n  region: \"Notifications\",\n  notification: \"Notification\",\n  close: \"Close\",\n};\n\nexport function ToastProvider(props: ToastProviderOwnProps): ReactElement | null {\n  return (props.children ?? null) as ReactElement | null;\n}\n\nexport function ToastViewport(props: ToastViewportOwnProps): ReactElement | null {\n  const {\n    children,\n    className,\n    labels,\n    popover,\n    ref,\n    slotProps: _slotProps,\n    ...consumerProps\n  } = props;\n  const resolvedLabels = { ...DEFAULT_TOAST_LABELS, ...labels };\n  const safeConsumerProps = consumerProps;\n\n  return (\n    <section\n      aria-label={resolvedLabels.region}\n      data-part=\"viewport\"\n      data-testid=\"toast-viewport\"\n      data-uiify-toast=\"\"\n      {...safeConsumerProps}\n      ref={ref}\n      {...(popover ? { popover } : {})}\n      {...(className ? { className } : {})}\n    >\n      {children}\n    </section>\n  );\n}\nToastViewport.displayName = \"ToastViewport\";\n\nexport function ToastRoot(props: ToastRootOwnProps): ReactElement | null {\n  const { toast, labels, slotProps, ...consumerRootProps } = props;\n  const resolvedLabels = { ...DEFAULT_TOAST_LABELS, ...labels };\n  const rootProps = consumerRootProps;\n  const titleProps = resolveRepeatedSlotProps(slotProps?.title, toast.id);\n  const descriptionProps = resolveRepeatedSlotProps(slotProps?.description, toast.id);\n  const actionProps = resolveRepeatedSlotProps(slotProps?.action, toast.id);\n  const closeProps = resolveRepeatedSlotProps(slotProps?.close, toast.id);\n\n  /* oxlint-disable jsx-a11y/prefer-tag-over-role -- a toast is a labeled group, not a fieldset for form controls */\n  return (\n    <div\n      aria-label={typeof toast.title === \"string\" ? toast.title : resolvedLabels.notification}\n      data-part=\"item\"\n      data-state=\"open\"\n      data-uiify-toast=\"\"\n      role=\"group\"\n      {...rootProps}\n    >\n      {toast.title ? <ToastTitle {...titleProps}>{toast.title}</ToastTitle> : null}\n      {toast.description ? (\n        <ToastDescription {...descriptionProps}>{toast.description}</ToastDescription>\n      ) : null}\n      {toast.action ? <ToastAction {...actionProps}>{toast.action.label}</ToastAction> : null}\n      <ToastClose {...closeProps} labels={resolvedLabels} />\n    </div>\n  );\n  /* oxlint-enable jsx-a11y/prefer-tag-over-role */\n}\nToastRoot.displayName = \"ToastRoot\";\n\nexport function ToastTitle(props: ToastTitleOwnProps): ReactElement | null {\n  const { children, className, ...consumerProps } = props;\n  const safeConsumerProps = consumerProps;\n  return useRenderElement({\n    defaultTag: \"div\",\n    props: {\n      \"data-part\": \"title\",\n      ...safeConsumerProps,\n      className,\n      children,\n    },\n    state: {},\n  });\n}\n\nexport function ToastDescription(props: ToastDescriptionOwnProps): ReactElement | null {\n  const { children, className, ...consumerProps } = props;\n  const safeConsumerProps = consumerProps;\n  return useRenderElement({\n    defaultTag: \"div\",\n    props: {\n      \"data-part\": \"description\",\n      ...safeConsumerProps,\n      className,\n      children,\n    },\n    state: {},\n  });\n}\n\nexport function ToastAction(props: ToastActionProps): ReactElement | null {\n  const { children, className, onClick, ...consumerProps } = props;\n  const safeConsumerProps = consumerProps;\n  return useRenderElement({\n    defaultTag: \"button\",\n    props: {\n      type: \"button\",\n      \"data-part\": \"action\",\n      ...safeConsumerProps,\n      className,\n      onClick,\n      children,\n    },\n    state: {},\n  });\n}\n\nexport function ToastClose(props: ToastCloseProps): ReactElement | null {\n  const { children, className, labels, onClick, ...consumerProps } = props;\n  const safeConsumerProps = consumerProps;\n  const resolvedChildren = children ?? labels?.close ?? DEFAULT_TOAST_LABELS.close;\n  return useRenderElement({\n    defaultTag: \"button\",\n    props: {\n      type: \"button\",\n      \"aria-label\":\n        typeof resolvedChildren === \"string\" ? resolvedChildren : DEFAULT_TOAST_LABELS.close,\n      \"data-part\": \"close\",\n      ...safeConsumerProps,\n      className,\n      onClick,\n      children: resolvedChildren,\n    },\n    state: {},\n  });\n}\n\nexport const Toast = {\n  Action: ToastAction,\n  Close: ToastClose,\n  Description: ToastDescription,\n  Provider: ToastProvider,\n  Root: ToastRoot,\n  Title: ToastTitle,\n  Viewport: ToastViewport,\n};\n"],"mappings":"AAsCI,cA2BA,YA3BA;AArCJ,SAAS,wBAAwB;AACjC,SAAS,gCAAgC;AAYzC,MAAM,uBAAoC;AAAA,EACxC,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,OAAO;AACT;AAEO,SAAS,cAAc,OAAmD;AAC/E,SAAQ,MAAM,YAAY;AAC5B;AAEO,SAAS,cAAc,OAAmD;AAC/E,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,iBAAiB,EAAE,GAAG,sBAAsB,GAAG,OAAO;AAC5D,QAAM,oBAAoB;AAE1B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAY,eAAe;AAAA,MAC3B,aAAU;AAAA,MACV,eAAY;AAAA,MACZ,oBAAiB;AAAA,MAChB,GAAG;AAAA,MACJ;AAAA,MACC,GAAI,UAAU,EAAE,QAAQ,IAAI,CAAC;AAAA,MAC7B,GAAI,YAAY,EAAE,UAAU,IAAI,CAAC;AAAA,MAEjC;AAAA;AAAA,EACH;AAEJ;AACA,cAAc,cAAc;AAErB,SAAS,UAAU,OAA+C;AACvE,QAAM,EAAE,OAAO,QAAQ,WAAW,GAAG,kBAAkB,IAAI;AAC3D,QAAM,iBAAiB,EAAE,GAAG,sBAAsB,GAAG,OAAO;AAC5D,QAAM,YAAY;AAClB,QAAM,aAAa,yBAAyB,WAAW,OAAO,MAAM,EAAE;AACtE,QAAM,mBAAmB,yBAAyB,WAAW,aAAa,MAAM,EAAE;AAClF,QAAM,cAAc,yBAAyB,WAAW,QAAQ,MAAM,EAAE;AACxE,QAAM,aAAa,yBAAyB,WAAW,OAAO,MAAM,EAAE;AAGtE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAY,OAAO,MAAM,UAAU,WAAW,MAAM,QAAQ,eAAe;AAAA,MAC3E,aAAU;AAAA,MACV,cAAW;AAAA,MACX,oBAAiB;AAAA,MACjB,MAAK;AAAA,MACJ,GAAG;AAAA,MAEH;AAAA,cAAM,QAAQ,oBAAC,cAAY,GAAG,YAAa,gBAAM,OAAM,IAAgB;AAAA,QACvE,MAAM,cACL,oBAAC,oBAAkB,GAAG,kBAAmB,gBAAM,aAAY,IACzD;AAAA,QACH,MAAM,SAAS,oBAAC,eAAa,GAAG,aAAc,gBAAM,OAAO,OAAM,IAAiB;AAAA,QACnF,oBAAC,cAAY,GAAG,YAAY,QAAQ,gBAAgB;AAAA;AAAA;AAAA,EACtD;AAGJ;AACA,UAAU,cAAc;AAEjB,SAAS,WAAW,OAAgD;AACzE,QAAM,EAAE,UAAU,WAAW,GAAG,cAAc,IAAI;AAClD,QAAM,oBAAoB;AAC1B,SAAO,iBAAiB;AAAA,IACtB,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,aAAa;AAAA,MACb,GAAG;AAAA,MACH;AAAA,MACA;AAAA,IACF;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AAEO,SAAS,iBAAiB,OAAsD;AACrF,QAAM,EAAE,UAAU,WAAW,GAAG,cAAc,IAAI;AAClD,QAAM,oBAAoB;AAC1B,SAAO,iBAAiB;AAAA,IACtB,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,aAAa;AAAA,MACb,GAAG;AAAA,MACH;AAAA,MACA;AAAA,IACF;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AAEO,SAAS,YAAY,OAA8C;AACxE,QAAM,EAAE,UAAU,WAAW,SAAS,GAAG,cAAc,IAAI;AAC3D,QAAM,oBAAoB;AAC1B,SAAO,iBAAiB;AAAA,IACtB,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,MAAM;AAAA,MACN,aAAa;AAAA,MACb,GAAG;AAAA,MACH;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AAEO,SAAS,WAAW,OAA6C;AACtE,QAAM,EAAE,UAAU,WAAW,QAAQ,SAAS,GAAG,cAAc,IAAI;AACnE,QAAM,oBAAoB;AAC1B,QAAM,mBAAmB,YAAY,QAAQ,SAAS,qBAAqB;AAC3E,SAAO,iBAAiB;AAAA,IACtB,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,MAAM;AAAA,MACN,cACE,OAAO,qBAAqB,WAAW,mBAAmB,qBAAqB;AAAA,MACjF,aAAa;AAAA,MACb,GAAG;AAAA,MACH;AAAA,MACA;AAAA,MACA,UAAU;AAAA,IACZ;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AAEO,MAAM,QAAQ;AAAA,EACnB,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,aAAa;AAAA,EACb,UAAU;AAAA,EACV,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AACZ;","names":[]}

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

@@ -1,4 +1,4 @@
 export { Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastRoot, ToastTitle, ToastViewport, useToast, } from "./Toast.js";
-export type { ToastActionOwnProps, ToastActionProps, ToastCloseOwnProps, ToastCloseProps, ToastLabels, ToastDescriptionOwnProps, ToastProviderOwnProps, ToastRootOwnProps, ToastTitleOwnProps, ToastViewportOwnProps, } from "./types.js";
+export type { ToastActionOwnProps, ToastActionProps, ToastCloseOwnProps, ToastCloseProps, ToastLabels, ToastProviderSlotProps, ToastRootSlotProps, ToastViewportSlotProps, ToastItemSlotProps, ToastTitleSlotProps, ToastDescriptionSlotProps, ToastActionSlotProps, ToastCloseSlotProps, ToastDescriptionOwnProps, ToastProviderOwnProps, ToastRootOwnProps, ToastTitleOwnProps, ToastViewportOwnProps, } from "./types.js";
 export type { ToastInput, ToastPriority, ToastRecord, ToastStore } from "./types.js";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,aAAa,EACb,SAAS,EACT,UAAU,EACV,aAAa,EACb,QAAQ,GACT,MAAM,YAAY,CAAC;AACpB,YAAY,EACV,mBAAmB,EACnB,gBAAgB,EAChB,kBAAkB,EAClB,eAAe,EACf,WAAW,EACX,wBAAwB,EACxB,qBAAqB,EACrB,iBAAiB,EACjB,kBAAkB,EAClB,qBAAqB,GACtB,MAAM,YAAY,CAAC;AACpB,YAAY,EAAE,UAAU,EAAE,aAAa,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,aAAa,EACb,SAAS,EACT,UAAU,EACV,aAAa,EACb,QAAQ,GACT,MAAM,YAAY,CAAC;AACpB,YAAY,EACV,mBAAmB,EACnB,gBAAgB,EAChB,kBAAkB,EAClB,eAAe,EACf,WAAW,EACX,sBAAsB,EACtB,kBAAkB,EAClB,sBAAsB,EACtB,kBAAkB,EAClB,mBAAmB,EACnB,yBAAyB,EACzB,oBAAoB,EACpB,mBAAmB,EACnB,wBAAwB,EACxB,qBAAqB,EACrB,iBAAiB,EACjB,kBAAkB,EAClB,qBAAqB,GACtB,MAAM,YAAY,CAAC;AACpB,YAAY,EAAE,UAAU,EAAE,aAAa,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/toast/index.ts"],"sourcesContent":["export {\n  Toast,\n  ToastAction,\n  ToastClose,\n  ToastDescription,\n  ToastProvider,\n  ToastRoot,\n  ToastTitle,\n  ToastViewport,\n  useToast,\n} from \"./Toast.js\";\nexport type {\n  ToastActionOwnProps,\n  ToastActionProps,\n  ToastCloseOwnProps,\n  ToastCloseProps,\n  ToastLabels,\n  ToastDescriptionOwnProps,\n  ToastProviderOwnProps,\n  ToastRootOwnProps,\n  ToastTitleOwnProps,\n  ToastViewportOwnProps,\n} from \"./types.js\";\nexport type { ToastInput, ToastPriority, ToastRecord, ToastStore } from \"./types.js\";\n"],"mappings":"AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;","names":[]}
+{"version":3,"sources":["../../../src/components/toast/index.ts"],"sourcesContent":["export {\n  Toast,\n  ToastAction,\n  ToastClose,\n  ToastDescription,\n  ToastProvider,\n  ToastRoot,\n  ToastTitle,\n  ToastViewport,\n  useToast,\n} from \"./Toast.js\";\nexport type {\n  ToastActionOwnProps,\n  ToastActionProps,\n  ToastCloseOwnProps,\n  ToastCloseProps,\n  ToastLabels,\n  ToastProviderSlotProps,\n  ToastRootSlotProps,\n  ToastViewportSlotProps,\n  ToastItemSlotProps,\n  ToastTitleSlotProps,\n  ToastDescriptionSlotProps,\n  ToastActionSlotProps,\n  ToastCloseSlotProps,\n  ToastDescriptionOwnProps,\n  ToastProviderOwnProps,\n  ToastRootOwnProps,\n  ToastTitleOwnProps,\n  ToastViewportOwnProps,\n} from \"./types.js\";\nexport type { ToastInput, ToastPriority, ToastRecord, ToastStore } from \"./types.js\";\n"],"mappings":"AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;","names":[]}

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

@@ -1,4 +1,5 @@
-import type { MouseEvent, ReactNode, Ref } from "react";
+import type { ComponentPropsWithRef, MouseEvent, ReactNode } from "react";
+import type { ConsumerDataAttributes, RepeatedSlotProps, SlotProps } from "../../core/slot-props.js";
 export type ToastPriority = "polite" | "assertive";
 export interface ToastLabels {
     readonly region: string;
@@ -51,51 +52,56 @@ export interface ToastContextValue {
     readonly store: ToastStore;
     readonly labels: ToastLabels;
 }
+export type ToastItemSlotProps = RepeatedSlotProps<SlotProps<"div">>;
+export type ToastTitleSlotProps = RepeatedSlotProps<SlotProps<"div">>;
+export type ToastDescriptionSlotProps = ToastTitleSlotProps;
+export type ToastActionSlotProps = RepeatedSlotProps<SlotProps<"button">>;
+export type ToastCloseSlotProps = RepeatedSlotProps<SlotProps<"button">>;
+export interface ToastRootSlotProps {
+    readonly title?: ToastTitleSlotProps;
+    readonly description?: ToastDescriptionSlotProps;
+    readonly action?: ToastActionSlotProps;
+    readonly close?: ToastCloseSlotProps;
+}
+export interface ToastViewportSlotProps extends ToastRootSlotProps {
+    readonly item?: ToastItemSlotProps;
+}
+export interface ToastProviderSlotProps {
+    readonly politeLiveRegion?: SlotProps<"span">;
+    readonly assertiveLiveRegion?: SlotProps<"span">;
+}
 export interface ToastProviderOwnProps {
     readonly children?: ReactNode;
     readonly labels?: Partial<ToastLabels>;
     readonly limit?: number;
+    readonly slotProps?: ToastProviderSlotProps;
 }
-export interface ToastViewportOwnProps {
-    readonly "aria-label"?: string;
-    readonly children?: ReactNode;
-    readonly className?: string;
+export interface ToastViewportOwnProps extends Omit<ComponentPropsWithRef<"section">, "dangerouslySetInnerHTML">, ConsumerDataAttributes {
     readonly labels?: Partial<ToastLabels>;
-    /**
-     * Set by the live client viewport (@gunkin/uiify/components/toast/Toast.js) to
-     * `"manual"` so the queue's rendered surface sits in the top layer. The
-     * structural shell (this file's own re-exported ToastViewport, used
-     * directly by "Toast server shell" tests and any no-JS render) leaves it
-     * unset, since there is no queue-driven show/hide to wire up there.
-     */
-    readonly popover?: "manual";
-    readonly ref?: Ref<HTMLElement>;
-}
-export interface ToastRootOwnProps {
+    readonly slotProps?: ToastViewportSlotProps;
+}
+export interface ToastRootOwnProps extends Omit<ComponentPropsWithRef<"div">, "children" | "dangerouslySetInnerHTML">, ConsumerDataAttributes {
     readonly labels?: Partial<ToastLabels>;
+    readonly slotProps?: ToastRootSlotProps;
     readonly toast: ToastRecord;
 }
-export interface ToastTitleOwnProps {
+export interface ToastTitleOwnProps extends Omit<ComponentPropsWithRef<"div">, "children" | "dangerouslySetInnerHTML"> {
     readonly children?: ReactNode;
-    readonly className?: string;
 }
-export interface ToastDescriptionOwnProps {
+export interface ToastDescriptionOwnProps extends Omit<ComponentPropsWithRef<"div">, "children" | "dangerouslySetInnerHTML"> {
     readonly children?: ReactNode;
-    readonly className?: string;
 }
-export interface ToastActionOwnProps {
+export interface ToastActionOwnProps extends Omit<ComponentPropsWithRef<"button">, "children" | "dangerouslySetInnerHTML"> {
     readonly children?: ReactNode;
-    readonly className?: string;
 }
 export interface ToastActionProps extends ToastActionOwnProps {
-    readonly onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
+    readonly onClick?: ((event: MouseEvent<HTMLButtonElement>) => void) | undefined;
 }
-export interface ToastCloseOwnProps {
+export interface ToastCloseOwnProps extends Omit<ComponentPropsWithRef<"button">, "children" | "dangerouslySetInnerHTML"> {
     readonly children?: ReactNode;
-    readonly className?: string;
     readonly labels?: Partial<ToastLabels>;
 }
 export interface ToastCloseProps extends ToastCloseOwnProps {
-    readonly onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
+    readonly onClick?: ((event: MouseEvent<HTMLButtonElement>) => void) | undefined;
 }
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/toast/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/toast/types.ts"],"names":[],"mappings":"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"}

package/dist/components/toggle/Toggle.d.ts

@@ -1,6 +1,6 @@
 import type { ReactElement } from "react";
 import type { ToggleProps } from "./types.js";
-export declare function Toggle({ id, label, pressed, defaultPressed, disabled, className, }: ToggleProps): ReactElement;
+export declare function Toggle({ id, label, pressed, defaultPressed, onPressedChange, disabled, slotProps, ...rootProps }: ToggleProps): ReactElement;
 export declare namespace Toggle {
     var displayName: string;
 }

package/dist/components/toggle/Toggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../src/components/toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAE9C,wBAAgB,MAAM,CAAC,EACrB,EAAE,EACF,KAAK,EACL,OAAO,EACP,cAAsB,EACtB,QAAgB,EAChB,SAAS,GACV,EAAE,WAAW,GAAG,YAAY,CA+B5B;yBAtCe,MAAM"}
+{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../src/components/toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAE9C,wBAAgB,MAAM,CAAC,EACrB,EAAE,EACF,KAAK,EACL,OAAO,EACP,cAAsB,EACtB,eAAe,EACf,QAAgB,EAChB,SAAS,EACT,GAAG,SAAS,EACb,EAAE,WAAW,GAAG,YAAY,CAwC5B;yBAjDe,MAAM"}

package/dist/components/toggle/Toggle.js

@@ -1,16 +1,19 @@
 import { jsx, jsxs } from "react/jsx-runtime";
+import { composeEventHandlers } from "../../core/compose-event-handlers.js";
 function Toggle({
   id,
   label,
   pressed,
   defaultPressed = false,
+  onPressedChange,
   disabled = false,
-  className
+  slotProps,
+  ...rootProps
 }) {
   const isControlled = pressed !== void 0;
   const checked = isControlled ? pressed : void 0;
   const labelId = `${id}-label`;
-  return /* @__PURE__ */ jsxs("div", { "data-disabled": disabled ? "" : void 0, "data-uiify-toggle": "", children: [
+  return /* @__PURE__ */ jsxs("div", { "data-disabled": disabled ? "" : void 0, "data-uiify-toggle": "", ...rootProps, children: [
     /* @__PURE__ */ jsx(
       "input",
       {
@@ -22,18 +25,24 @@ function Toggle({
         defaultChecked: !isControlled ? defaultPressed : void 0,
         disabled: disabled || void 0,
         id,
-        type: "checkbox"
+        type: "checkbox",
+        readOnly: isControlled && !onPressedChange && !slotProps?.control?.onChange,
+        ...slotProps?.control,
+        onChange: onPressedChange ? composeEventHandlers(
+          slotProps?.control?.onChange,
+          (event) => onPressedChange(event.currentTarget.checked)
+        ) : slotProps?.control?.onChange
       }
     ),
     /* @__PURE__ */ jsx(
       "label",
       {
-        className,
         "data-part": "label",
         "data-uiify-button": "",
         "data-variant": "outline",
         htmlFor: id,
         id: labelId,
+        ...slotProps?.label,
         children: label
       }
     )

package/dist/components/toggle/Toggle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/toggle/Toggle.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport type { ToggleProps } from \"./types.js\";\n\nexport function Toggle({\n  id,\n  label,\n  pressed,\n  defaultPressed = false,\n  disabled = false,\n  className,\n}: ToggleProps): ReactElement {\n  const isControlled = pressed !== undefined;\n  const checked = isControlled ? pressed : undefined;\n\n  const labelId = `${id}-label`;\n\n  return (\n    <div data-disabled={disabled ? \"\" : undefined} data-uiify-toggle=\"\">\n      <input\n        aria-labelledby={labelId}\n        checked={checked}\n        data-disabled={disabled ? \"\" : undefined}\n        data-part=\"control\"\n        data-state={isControlled ? (pressed ? \"on\" : \"off\") : undefined}\n        defaultChecked={!isControlled ? defaultPressed : undefined}\n        disabled={disabled || undefined}\n        id={id}\n        type=\"checkbox\"\n      />\n      <label\n        className={className}\n        data-part=\"label\"\n        data-uiify-button=\"\"\n        data-variant=\"outline\"\n        htmlFor={id}\n        id={labelId}\n      >\n        {label}\n      </label>\n    </div>\n  );\n}\nToggle.displayName = \"Toggle\";\n"],"mappings":"AAiBI,SACE,KADF;AAdG,SAAS,OAAO;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB,WAAW;AAAA,EACX;AACF,GAA8B;AAC5B,QAAM,eAAe,YAAY;AACjC,QAAM,UAAU,eAAe,UAAU;AAEzC,QAAM,UAAU,GAAG,EAAE;AAErB,SACE,qBAAC,SAAI,iBAAe,WAAW,KAAK,QAAW,qBAAkB,IAC/D;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,mBAAiB;AAAA,QACjB;AAAA,QACA,iBAAe,WAAW,KAAK;AAAA,QAC/B,aAAU;AAAA,QACV,cAAY,eAAgB,UAAU,OAAO,QAAS;AAAA,QACtD,gBAAgB,CAAC,eAAe,iBAAiB;AAAA,QACjD,UAAU,YAAY;AAAA,QACtB;AAAA,QACA,MAAK;AAAA;AAAA,IACP;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,aAAU;AAAA,QACV,qBAAkB;AAAA,QAClB,gBAAa;AAAA,QACb,SAAS;AAAA,QACT,IAAI;AAAA,QAEH;AAAA;AAAA,IACH;AAAA,KACF;AAEJ;AACA,OAAO,cAAc;","names":[]}
+{"version":3,"sources":["../../../src/components/toggle/Toggle.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport { composeEventHandlers } from \"../../core/compose-event-handlers.js\";\nimport type { ToggleProps } from \"./types.js\";\n\nexport function Toggle({\n  id,\n  label,\n  pressed,\n  defaultPressed = false,\n  onPressedChange,\n  disabled = false,\n  slotProps,\n  ...rootProps\n}: ToggleProps): ReactElement {\n  const isControlled = pressed !== undefined;\n  const checked = isControlled ? pressed : undefined;\n\n  const labelId = `${id}-label`;\n\n  return (\n    <div data-disabled={disabled ? \"\" : undefined} data-uiify-toggle=\"\" {...rootProps}>\n      <input\n        aria-labelledby={labelId}\n        checked={checked}\n        data-disabled={disabled ? \"\" : undefined}\n        data-part=\"control\"\n        data-state={isControlled ? (pressed ? \"on\" : \"off\") : undefined}\n        defaultChecked={!isControlled ? defaultPressed : undefined}\n        disabled={disabled || undefined}\n        id={id}\n        type=\"checkbox\"\n        readOnly={isControlled && !onPressedChange && !slotProps?.control?.onChange}\n        {...slotProps?.control}\n        onChange={\n          onPressedChange\n            ? composeEventHandlers(slotProps?.control?.onChange, (event) =>\n                onPressedChange(event.currentTarget.checked),\n              )\n            : slotProps?.control?.onChange\n        }\n      />\n      <label\n        data-part=\"label\"\n        data-uiify-button=\"\"\n        data-variant=\"outline\"\n        htmlFor={id}\n        id={labelId}\n        {...slotProps?.label}\n      >\n        {label}\n      </label>\n    </div>\n  );\n}\nToggle.displayName = \"Toggle\";\n"],"mappings":"AAoBI,SACE,KADF;AAnBJ,SAAS,4BAA4B;AAG9B,SAAS,OAAO;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA,GAAG;AACL,GAA8B;AAC5B,QAAM,eAAe,YAAY;AACjC,QAAM,UAAU,eAAe,UAAU;AAEzC,QAAM,UAAU,GAAG,EAAE;AAErB,SACE,qBAAC,SAAI,iBAAe,WAAW,KAAK,QAAW,qBAAkB,IAAI,GAAG,WACtE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,mBAAiB;AAAA,QACjB;AAAA,QACA,iBAAe,WAAW,KAAK;AAAA,QAC/B,aAAU;AAAA,QACV,cAAY,eAAgB,UAAU,OAAO,QAAS;AAAA,QACtD,gBAAgB,CAAC,eAAe,iBAAiB;AAAA,QACjD,UAAU,YAAY;AAAA,QACtB;AAAA,QACA,MAAK;AAAA,QACL,UAAU,gBAAgB,CAAC,mBAAmB,CAAC,WAAW,SAAS;AAAA,QAClE,GAAG,WAAW;AAAA,QACf,UACE,kBACI;AAAA,UAAqB,WAAW,SAAS;AAAA,UAAU,CAAC,UAClD,gBAAgB,MAAM,cAAc,OAAO;AAAA,QAC7C,IACA,WAAW,SAAS;AAAA;AAAA,IAE5B;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,aAAU;AAAA,QACV,qBAAkB;AAAA,QAClB,gBAAa;AAAA,QACb,SAAS;AAAA,QACT,IAAI;AAAA,QACH,GAAG,WAAW;AAAA,QAEd;AAAA;AAAA,IACH;AAAA,KACF;AAEJ;AACA,OAAO,cAAc;","names":[]}

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

@@ -1,3 +1,3 @@
 export { Toggle } from "./Toggle.js";
-export type { ToggleProps } from "./types.js";
+export type { ToggleControlSlotProps, ToggleLabelSlotProps, ToggleProps, ToggleSlotProps, } from "./types.js";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/toggle/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,YAAY,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/toggle/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,YAAY,EACV,sBAAsB,EACtB,oBAAoB,EACpB,WAAW,EACX,eAAe,GAChB,MAAM,YAAY,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/toggle/index.ts"],"sourcesContent":["export { Toggle } from \"./Toggle.js\";\nexport type { ToggleProps } from \"./types.js\";\n"],"mappings":"AAAA,SAAS,cAAc;","names":[]}
+{"version":3,"sources":["../../../src/components/toggle/index.ts"],"sourcesContent":["export { Toggle } from \"./Toggle.js\";\nexport type {\n  ToggleControlSlotProps,\n  ToggleLabelSlotProps,\n  ToggleProps,\n  ToggleSlotProps,\n} from \"./types.js\";\n"],"mappings":"AAAA,SAAS,cAAc;","names":[]}

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

@@ -1,10 +1,19 @@
-import type { ReactNode } from "react";
-export interface ToggleProps {
+import type { ComponentPropsWithRef, ReactNode } from "react";
+import type { SlotProps } from "../../core/slot-props.js";
+export type ToggleControlSlotProps = SlotProps<"input">;
+export type ToggleLabelSlotProps = SlotProps<"label">;
+export interface ToggleSlotProps {
+    readonly control?: ToggleControlSlotProps;
+    readonly label?: ToggleLabelSlotProps;
+}
+export interface ToggleOwnProps {
     readonly id: string;
     readonly label: ReactNode;
     readonly pressed?: boolean;
     readonly defaultPressed?: boolean;
+    readonly onPressedChange?: (pressed: boolean) => void;
     readonly disabled?: boolean;
-    readonly className?: string;
+    readonly slotProps?: ToggleSlotProps;
 }
+export type ToggleProps = ToggleOwnProps & Omit<ComponentPropsWithRef<"div">, keyof ToggleOwnProps | "children" | "dangerouslySetInnerHTML" | "id">;
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/toggle/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC;IAC1B,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAClC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/toggle/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAE1D,MAAM,MAAM,sBAAsB,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC;AAExD,MAAM,MAAM,oBAAoB,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC;AAEtD,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,OAAO,CAAC,EAAE,sBAAsB,CAAC;IAC1C,QAAQ,CAAC,KAAK,CAAC,EAAE,oBAAoB,CAAC;CACvC;AAED,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC;IAC1B,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAClC,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtD,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,eAAe,CAAC;CACtC;AAED,MAAM,MAAM,WAAW,GAAG,cAAc,GACtC,IAAI,CACF,qBAAqB,CAAC,KAAK,CAAC,EAC5B,MAAM,cAAc,GAAG,UAAU,GAAG,yBAAyB,GAAG,IAAI,CACrE,CAAC"}

package/dist/components/toggle-group/ToggleGroup.d.ts

@@ -1,6 +1,6 @@
 import type { ReactElement } from "react";
 import type { ToggleGroupProps } from "./types.js";
-export declare function ToggleGroup({ id, items, type, defaultValue, disabled, orientation, size, className, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, }: ToggleGroupProps): ReactElement;
+export declare function ToggleGroup({ id, items, type, defaultValue, disabled, orientation, size, className, slotProps, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, ...rootProps }: ToggleGroupProps): ReactElement;
 export declare namespace ToggleGroup {
     var displayName: string;
 }

package/dist/components/toggle-group/ToggleGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleGroup.d.ts","sourceRoot":"","sources":["../../../src/components/toggle-group/ToggleGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAmB,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAEpE,wBAAgB,WAAW,CAAC,EAC1B,EAAE,EACF,KAAK,EACL,IAAe,EACf,YAAY,EACZ,QAAgB,EAChB,WAA0B,EAC1B,IAAI,EACJ,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,GAClC,EAAE,gBAAgB,GAAG,YAAY,CA6BjC;yBAxCe,WAAW"}
+{"version":3,"file":"ToggleGroup.d.ts","sourceRoot":"","sources":["../../../src/components/toggle-group/ToggleGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAmB,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAEpE,wBAAgB,WAAW,CAAC,EAC1B,EAAE,EACF,KAAK,EACL,IAAe,EACf,YAAY,EACZ,QAAgB,EAChB,WAA0B,EAC1B,IAAI,EACJ,SAAS,EACT,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,GAAG,SAAS,EACb,EAAE,gBAAgB,GAAG,YAAY,CA+BjC;yBA5Ce,WAAW"}

package/dist/components/toggle-group/ToggleGroup.js

@@ -9,8 +9,10 @@ function ToggleGroup({
   orientation = "horizontal",
   size,
   className,
+  slotProps,
   "aria-label": ariaLabel,
-  "aria-labelledby": ariaLabelledBy
+  "aria-labelledby": ariaLabelledBy,
+  ...rootProps
 }) {
   const values = Array.isArray(defaultValue) ? defaultValue : [defaultValue];
   const resolvedItems = items.map((item) => ({
@@ -21,6 +23,7 @@ function ToggleGroup({
     ChoiceGroup,
     {
       ...className !== void 0 ? { className } : {},
+      rootProps,
       id,
       items: resolvedItems,
       isChecked: (item) => values.includes(item.value),
@@ -32,6 +35,7 @@ function ToggleGroup({
         ...size !== void 0 ? { "data-size": size } : {}
       },
       orientation,
+      ...slotProps !== void 0 ? { slotProps } : {},
       rootAttributes: {
         role: type === "single" ? "radiogroup" : "group",
         "aria-label": ariaLabel,

package/dist/components/toggle-group/ToggleGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/toggle-group/ToggleGroup.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport { ChoiceGroup } from \"../internal/choice-family/ChoiceGroup.js\";\nimport type { ToggleGroupItem, ToggleGroupProps } from \"./types.js\";\n\nexport function ToggleGroup({\n  id,\n  items,\n  type = \"single\",\n  defaultValue,\n  disabled = false,\n  orientation = \"horizontal\",\n  size,\n  className,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n}: ToggleGroupProps): ReactElement {\n  const values = Array.isArray(defaultValue) ? defaultValue : [defaultValue];\n  const resolvedItems = items.map((item) => ({\n    ...item,\n    disabled: disabled || item.disabled === true,\n  }));\n\n  return (\n    <ChoiceGroup<ToggleGroupItem>\n      {...(className !== undefined ? { className } : {})}\n      id={id}\n      items={resolvedItems}\n      isChecked={(item) => values.includes(item.value)}\n      kind={type}\n      namespace=\"toggle-group\"\n      labelAttributes={{\n        \"data-uiify-button\": \"\",\n        \"data-variant\": \"outline\",\n        ...(size !== undefined ? { \"data-size\": size } : {}),\n      }}\n      orientation={orientation}\n      rootAttributes={{\n        role: type === \"single\" ? \"radiogroup\" : \"group\",\n        \"aria-label\": ariaLabel,\n        \"aria-labelledby\": ariaLabelledBy,\n        \"data-disabled\": disabled ? \"\" : undefined,\n      }}\n    />\n  );\n}\nToggleGroup.displayName = \"ToggleGroup\";\n"],"mappings":"AAuBI;AAtBJ,SAAS,mBAAmB;AAGrB,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA,WAAW;AAAA,EACX,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,mBAAmB;AACrB,GAAmC;AACjC,QAAM,SAAS,MAAM,QAAQ,YAAY,IAAI,eAAe,CAAC,YAAY;AACzE,QAAM,gBAAgB,MAAM,IAAI,CAAC,UAAU;AAAA,IACzC,GAAG;AAAA,IACH,UAAU,YAAY,KAAK,aAAa;AAAA,EAC1C,EAAE;AAEF,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAI,cAAc,SAAY,EAAE,UAAU,IAAI,CAAC;AAAA,MAChD;AAAA,MACA,OAAO;AAAA,MACP,WAAW,CAAC,SAAS,OAAO,SAAS,KAAK,KAAK;AAAA,MAC/C,MAAM;AAAA,MACN,WAAU;AAAA,MACV,iBAAiB;AAAA,QACf,qBAAqB;AAAA,QACrB,gBAAgB;AAAA,QAChB,GAAI,SAAS,SAAY,EAAE,aAAa,KAAK,IAAI,CAAC;AAAA,MACpD;AAAA,MACA;AAAA,MACA,gBAAgB;AAAA,QACd,MAAM,SAAS,WAAW,eAAe;AAAA,QACzC,cAAc;AAAA,QACd,mBAAmB;AAAA,QACnB,iBAAiB,WAAW,KAAK;AAAA,MACnC;AAAA;AAAA,EACF;AAEJ;AACA,YAAY,cAAc;","names":[]}
+{"version":3,"sources":["../../../src/components/toggle-group/ToggleGroup.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport { ChoiceGroup } from \"../internal/choice-family/ChoiceGroup.js\";\nimport type { ToggleGroupItem, ToggleGroupProps } from \"./types.js\";\n\nexport function ToggleGroup({\n  id,\n  items,\n  type = \"single\",\n  defaultValue,\n  disabled = false,\n  orientation = \"horizontal\",\n  size,\n  className,\n  slotProps,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n  ...rootProps\n}: ToggleGroupProps): ReactElement {\n  const values = Array.isArray(defaultValue) ? defaultValue : [defaultValue];\n  const resolvedItems = items.map((item) => ({\n    ...item,\n    disabled: disabled || item.disabled === true,\n  }));\n\n  return (\n    <ChoiceGroup<ToggleGroupItem>\n      {...(className !== undefined ? { className } : {})}\n      rootProps={rootProps}\n      id={id}\n      items={resolvedItems}\n      isChecked={(item) => values.includes(item.value)}\n      kind={type}\n      namespace=\"toggle-group\"\n      labelAttributes={{\n        \"data-uiify-button\": \"\",\n        \"data-variant\": \"outline\",\n        ...(size !== undefined ? { \"data-size\": size } : {}),\n      }}\n      orientation={orientation}\n      {...(slotProps !== undefined ? { slotProps } : {})}\n      rootAttributes={{\n        role: type === \"single\" ? \"radiogroup\" : \"group\",\n        \"aria-label\": ariaLabel,\n        \"aria-labelledby\": ariaLabelledBy,\n        \"data-disabled\": disabled ? \"\" : undefined,\n      }}\n    />\n  );\n}\nToggleGroup.displayName = \"ToggleGroup\";\n"],"mappings":"AAyBI;AAxBJ,SAAS,mBAAmB;AAGrB,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA,WAAW;AAAA,EACX,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,GAAG;AACL,GAAmC;AACjC,QAAM,SAAS,MAAM,QAAQ,YAAY,IAAI,eAAe,CAAC,YAAY;AACzE,QAAM,gBAAgB,MAAM,IAAI,CAAC,UAAU;AAAA,IACzC,GAAG;AAAA,IACH,UAAU,YAAY,KAAK,aAAa;AAAA,EAC1C,EAAE;AAEF,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAI,cAAc,SAAY,EAAE,UAAU,IAAI,CAAC;AAAA,MAChD;AAAA,MACA;AAAA,MACA,OAAO;AAAA,MACP,WAAW,CAAC,SAAS,OAAO,SAAS,KAAK,KAAK;AAAA,MAC/C,MAAM;AAAA,MACN,WAAU;AAAA,MACV,iBAAiB;AAAA,QACf,qBAAqB;AAAA,QACrB,gBAAgB;AAAA,QAChB,GAAI,SAAS,SAAY,EAAE,aAAa,KAAK,IAAI,CAAC;AAAA,MACpD;AAAA,MACA;AAAA,MACC,GAAI,cAAc,SAAY,EAAE,UAAU,IAAI,CAAC;AAAA,MAChD,gBAAgB;AAAA,QACd,MAAM,SAAS,WAAW,eAAe;AAAA,QACzC,cAAc;AAAA,QACd,mBAAmB;AAAA,QACnB,iBAAiB,WAAW,KAAK;AAAA,MACnC;AAAA;AAAA,EACF;AAEJ;AACA,YAAY,cAAc;","names":[]}

package/dist/components/toggle-group/client/ToggleGroupClient.d.ts

@@ -1,6 +1,6 @@
 import type { ReactElement } from "react";
 import type { ToggleGroupClientProps } from "../types.js";
-export declare function ToggleGroupClient({ id, items, type, value: controlledValue, defaultValue, onValueChange, disabled, orientation, size, className, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, }: ToggleGroupClientProps): ReactElement;
+export declare function ToggleGroupClient({ id, items, type, value: controlledValue, defaultValue, onValueChange, disabled, orientation, size, className, slotProps, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, ...rootProps }: ToggleGroupClientProps): ReactElement;
 export declare namespace ToggleGroupClient {
     var displayName: string;
 }

package/dist/components/toggle-group/client/ToggleGroupClient.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleGroupClient.d.ts","sourceRoot":"","sources":["../../../../src/components/toggle-group/client/ToggleGroupClient.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,sBAAsB,EAAmB,MAAM,aAAa,CAAC;AAU3E,wBAAgB,iBAAiB,CAAC,EAChC,EAAE,EACF,KAAK,EACL,IAAe,EACf,KAAK,EAAE,eAAe,EACtB,YAAY,EACZ,aAAa,EACb,QAAgB,EAChB,WAA0B,EAC1B,IAAI,EACJ,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,GAClC,EAAE,sBAAsB,GAAG,YAAY,CAkCvC;yBA/Ce,iBAAiB"}
+{"version":3,"file":"ToggleGroupClient.d.ts","sourceRoot":"","sources":["../../../../src/components/toggle-group/client/ToggleGroupClient.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAI1C,OAAO,KAAK,EAAE,sBAAsB,EAAmB,MAAM,aAAa,CAAC;AAU3E,wBAAgB,iBAAiB,CAAC,EAChC,EAAE,EACF,KAAK,EACL,IAAe,EACf,KAAK,EAAE,eAAe,EACtB,YAAY,EACZ,aAAa,EACb,QAAgB,EAChB,WAA0B,EAC1B,IAAI,EACJ,SAAS,EACT,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,GAAG,SAAS,EACb,EAAE,sBAAsB,GAAG,YAAY,CAsCvC;yBArDe,iBAAiB"}

package/dist/components/toggle-group/client/ToggleGroupClient.js

@@ -19,8 +19,10 @@ function ToggleGroupClient({
   orientation = "horizontal",
   size,
   className,
+  slotProps,
   "aria-label": ariaLabel,
-  "aria-labelledby": ariaLabelledBy
+  "aria-labelledby": ariaLabelledBy,
+  ...rootProps
 }) {
   if (type === "multiple") {
     return /* @__PURE__ */ jsx(
@@ -36,6 +38,8 @@ function ToggleGroupClient({
         items,
         onValueChange,
         orientation,
+        rootProps,
+        slotProps,
         size
       }
     );
@@ -53,6 +57,8 @@ function ToggleGroupClient({
       items,
       onValueChange,
       orientation,
+      rootProps,
+      ...slotProps !== void 0 ? { slotProps } : {},
       size
     }
   );
@@ -68,6 +74,8 @@ function SingleToggleGroupClient({
   items,
   onValueChange,
   orientation,
+  rootProps,
+  slotProps,
   size
 }) {
   const [selectedValue, setSelectedValue] = useControllableState({
@@ -85,6 +93,7 @@ function SingleToggleGroupClient({
     ChoiceGroup,
     {
       ...className !== void 0 ? { className } : {},
+      rootProps,
       id,
       items: resolvedItems,
       isChecked: (item) => item.value === selectedValue,
@@ -98,6 +107,7 @@ function SingleToggleGroupClient({
       },
       onItemChange: (item) => setSelectedValue(item.value),
       orientation,
+      ...slotProps !== void 0 ? { slotProps } : {},
       rootAttributes: {
         role: "radiogroup",
         "aria-label": ariaLabel,
@@ -119,6 +129,8 @@ function MultipleToggleGroupClient({
   items,
   onValueChange,
   orientation,
+  rootProps,
+  slotProps,
   size
 }) {
   const [selectedValues, setSelectedValues] = useControllableState({
@@ -134,6 +146,7 @@ function MultipleToggleGroupClient({
     ChoiceGroup,
     {
       ...className !== void 0 ? { className } : {},
+      rootProps,
       id,
       items: resolvedItems,
       isChecked: (item) => selectedValues.includes(item.value),
@@ -149,6 +162,7 @@ function MultipleToggleGroupClient({
         (currentValues) => currentValues.includes(item.value) ? currentValues.filter((value) => value !== item.value) : [...currentValues, item.value]
       ),
       orientation,
+      ...slotProps !== void 0 ? { slotProps } : {},
       rootAttributes: {
         role: "group",
         "aria-label": ariaLabel,