@commercetools/nimbus 2.5.0 → 2.7.0

package/dist/chunks/heading-C4Z-E1Nx.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"heading-C4Z-E1Nx.cjs.js","sources":["../../src/components/heading/heading.slots.tsx","../../src/components/heading/heading.tsx"],"sourcesContent":["import { createRecipeContext } from \"@chakra-ui/react\";\nimport type { HeadingRootSlotProps } from \"./heading.types\";\n\nconst { withContext } = createRecipeContext({ key: \"nimbusHeading\" });\n\nexport const HeadingRoot: React.FC<HeadingRootSlotProps> = withContext<\n  HTMLHeadingElement,\n  HeadingRootSlotProps\n>(\"h2\");\n","import { HeadingContext, useContextProps } from \"react-aria-components\";\nimport { HeadingRoot } from \"./heading.slots\";\nimport type { HeadingRootSlotProps } from \"./heading.types\";\n\n/**\n * Props for the Heading component.\n *\n * @property {React.Ref<HTMLHeadingElement>} [ref] - Ref to the underlying heading element.\n * @property {string | null | undefined} [slot] - Slot attribute for custom element slotting.\n */\nexport type HeadingProps = HeadingRootSlotProps & {\n  /**\n   * Ref to the underlying heading element.\n   */\n  ref?: React.Ref<HTMLHeadingElement>;\n  /**\n   * Slot attribute for custom element slotting.\n   */\n  slot?: string | null | undefined;\n};\n\n/**\n * # Heading\n *\n * renders a heading\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/typography/heading}\n */\nexport const Heading = ({ ref: forwardedRef, ...props }: HeadingProps) => {\n  const [contextProps, ref] = useContextProps(\n    props,\n    forwardedRef ?? null,\n    HeadingContext\n  );\n\n  return (\n    <HeadingRoot\n      ref={ref as React.Ref<HTMLHeadingElement>}\n      {...contextProps}\n      as={props.as || contextProps.as}\n      slot={props.slot ?? undefined}\n    />\n  );\n};\n\nHeading.displayName = \"Heading\";\n"],"names":["withContext","createRecipeContext","HeadingRoot","Heading","forwardedRef","props","contextProps","ref","useContextProps","HeadingContext","jsx"],"mappings":"gKAGM,CAAE,YAAAA,CAAA,EAAgBC,EAAAA,oBAAoB,CAAE,IAAK,gBAAiB,EAEvDC,EAA8CF,EAGzD,IAAI,ECoBOG,EAAU,CAAC,CAAE,IAAKC,EAAc,GAAGC,KAA0B,CACxE,KAAM,CAACC,EAAcC,CAAG,EAAIC,EAAAA,0CAC1BH,EACAD,GAAgB,KAChBK,EAAAA,yCAAA,EAGF,OACEC,EAAAA,IAACR,EAAA,CACC,IAAAK,EACC,GAAGD,EACJ,GAAID,EAAM,IAAMC,EAAa,GAC7B,KAAMD,EAAM,MAAQ,MAAA,CAAA,CAG1B,EAEAF,EAAQ,YAAc"}

package/dist/chunks/heading-D-lZeC8r.es.js

@@ -0,0 +1,25 @@
+import { jsx as r } from "react/jsx-runtime";
+import { $ as n } from "./RSPContexts-DLgb84PF.es.js";
+import { $ as s } from "./utils-CiIOoh_a.es.js";
+import { createRecipeContext as i } from "@chakra-ui/react";
+const { withContext: f } = /* @__PURE__ */ i({ key: "nimbusHeading" }), m = /* @__PURE__ */ f("h2"), d = ({ ref: e, ...t }) => {
+  const [o, a] = s(
+    t,
+    e ?? null,
+    n
+  );
+  return /* @__PURE__ */ r(
+    m,
+    {
+      ref: a,
+      ...o,
+      as: t.as || o.as,
+      slot: t.slot ?? void 0
+    }
+  );
+};
+d.displayName = "Heading";
+export {
+  d as H
+};
+//# sourceMappingURL=heading-D-lZeC8r.es.js.map

package/dist/chunks/heading-D-lZeC8r.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"heading-D-lZeC8r.es.js","sources":["../../src/components/heading/heading.slots.tsx","../../src/components/heading/heading.tsx"],"sourcesContent":["import { createRecipeContext } from \"@chakra-ui/react\";\nimport type { HeadingRootSlotProps } from \"./heading.types\";\n\nconst { withContext } = createRecipeContext({ key: \"nimbusHeading\" });\n\nexport const HeadingRoot: React.FC<HeadingRootSlotProps> = withContext<\n  HTMLHeadingElement,\n  HeadingRootSlotProps\n>(\"h2\");\n","import { HeadingContext, useContextProps } from \"react-aria-components\";\nimport { HeadingRoot } from \"./heading.slots\";\nimport type { HeadingRootSlotProps } from \"./heading.types\";\n\n/**\n * Props for the Heading component.\n *\n * @property {React.Ref<HTMLHeadingElement>} [ref] - Ref to the underlying heading element.\n * @property {string | null | undefined} [slot] - Slot attribute for custom element slotting.\n */\nexport type HeadingProps = HeadingRootSlotProps & {\n  /**\n   * Ref to the underlying heading element.\n   */\n  ref?: React.Ref<HTMLHeadingElement>;\n  /**\n   * Slot attribute for custom element slotting.\n   */\n  slot?: string | null | undefined;\n};\n\n/**\n * # Heading\n *\n * renders a heading\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/typography/heading}\n */\nexport const Heading = ({ ref: forwardedRef, ...props }: HeadingProps) => {\n  const [contextProps, ref] = useContextProps(\n    props,\n    forwardedRef ?? null,\n    HeadingContext\n  );\n\n  return (\n    <HeadingRoot\n      ref={ref as React.Ref<HTMLHeadingElement>}\n      {...contextProps}\n      as={props.as || contextProps.as}\n      slot={props.slot ?? undefined}\n    />\n  );\n};\n\nHeading.displayName = \"Heading\";\n"],"names":["withContext","createRecipeContext","HeadingRoot","Heading","forwardedRef","props","contextProps","ref","useContextProps","HeadingContext","jsx"],"mappings":";;;;AAGA,MAAM,EAAE,aAAAA,EAAA,IAAgB,gBAAAC,EAAoB,EAAE,KAAK,iBAAiB,GAEvDC,IAA8C,gBAAAF,EAGzD,IAAI,GCoBOG,IAAU,CAAC,EAAE,KAAKC,GAAc,GAAGC,QAA0B;AACxE,QAAM,CAACC,GAAcC,CAAG,IAAIC;AAAAA,IAC1BH;AAAA,IACAD,KAAgB;AAAA,IAChBK;AAAAA,EAAA;AAGF,SACE,gBAAAC;AAAA,IAACR;AAAA,IAAA;AAAA,MACC,KAAAK;AAAA,MACC,GAAGD;AAAA,MACJ,IAAID,EAAM,MAAMC,EAAa;AAAA,MAC7B,MAAMD,EAAM,QAAQ;AAAA,IAAA;AAAA,EAAA;AAG1B;AAEAF,EAAQ,cAAc;"}

package/dist/chunks/icon-button-BP-AkGEm.es.js

@@ -0,0 +1,28 @@
+import { jsx as f } from "react/jsx-runtime";
+import { useRef as u, useEffect as m } from "react";
+import { mergeRefs as p } from "@chakra-ui/react";
+import { $ as b } from "./useObjectRef-CaJ5pgjX.es.js";
+import { B as d } from "./button-CoAqYH5C.es.js";
+const h = (e) => {
+  const { children: a, ref: s, ...o } = e, r = u(null), i = b(p(r, s));
+  return m(() => {
+    if (process.env.NODE_ENV !== "production") {
+      const n = setTimeout(() => {
+        const t = r.current;
+        if (t) {
+          const l = t.hasAttribute("aria-label") || t.hasAttribute("aria-labelledby"), c = t.hasAttribute("slot");
+          !l && !c && console.warn(
+            `Nimbus: IconButton requires an accessible label. Either provide an 'aria-label' prop or use within a component that provides it via context (e.g., slot="clear" in ComboBox).`,
+            t
+          );
+        }
+      }, 0);
+      return () => clearTimeout(n);
+    }
+  }, [e["aria-label"], o.slot]), /* @__PURE__ */ f(d, { px: 0, py: 0, ...o, ref: i, children: a });
+};
+h.displayName = "IconButton";
+export {
+  h as I
+};
+//# sourceMappingURL=icon-button-BP-AkGEm.es.js.map

package/dist/chunks/icon-button-BP-AkGEm.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button-BP-AkGEm.es.js","sources":["../../src/components/icon-button/icon-button.tsx"],"sourcesContent":["import { useRef, useEffect } from \"react\";\nimport { useObjectRef } from \"react-aria\";\nimport { mergeRefs } from \"@chakra-ui/react\";\nimport type { IconButtonProps } from \"./icon-button.types\";\nimport { Button } from \"@/components\";\n\n/**\n * # IconButton\n *\n * displays a button with an icon only as child\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/iconbutton}\n */\nexport const IconButton = (props: IconButtonProps) => {\n  const { children, ref: forwardedRef, ...restProps } = props;\n\n  // Create a local ref and merge with forwarded ref\n  const localRef = useRef<HTMLButtonElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  // Runtime accessibility check\n  // Use setTimeout to defer check until after React Aria applies context props\n  useEffect(() => {\n    if (process.env.NODE_ENV !== \"production\") {\n      const timeoutId = setTimeout(() => {\n        const element = localRef.current;\n        if (element) {\n          const hasAriaLabel =\n            element.hasAttribute(\"aria-label\") ||\n            element.hasAttribute(\"aria-labelledby\");\n\n          // Skip warning if component is using slot-based context (Button will handle it)\n          const isUsingSlot = element.hasAttribute(\"slot\");\n\n          if (!hasAriaLabel && !isUsingSlot) {\n            console.warn(\n              \"Nimbus: IconButton requires an accessible label. \" +\n                \"Either provide an 'aria-label' prop or use within a component that provides it via context (e.g., slot=\\\"clear\\\" in ComboBox).\",\n              element\n            );\n          }\n        }\n      }, 0);\n\n      return () => clearTimeout(timeoutId);\n    }\n  }, [props[\"aria-label\"], restProps.slot]);\n\n  return (\n    <Button px={0} py={0} {...restProps} ref={ref}>\n      {children}\n    </Button>\n  );\n};\n\nIconButton.displayName = \"IconButton\";\n"],"names":["IconButton","props","children","forwardedRef","restProps","localRef","useRef","ref","useObjectRef","mergeRefs","useEffect","timeoutId","element","hasAriaLabel","isUsingSlot","jsx","Button"],"mappings":";;;;;AAaO,MAAMA,IAAa,CAACC,MAA2B;AACpD,QAAM,EAAE,UAAAC,GAAU,KAAKC,GAAc,GAAGC,MAAcH,GAGhDI,IAAWC,EAA0B,IAAI,GACzCC,IAAMC,EAAaC,EAAUJ,GAAUF,CAAY,CAAC;AAI1D,SAAAO,EAAU,MAAM;AACd,QAAI,QAAQ,IAAI,aAAa,cAAc;AACzC,YAAMC,IAAY,WAAW,MAAM;AACjC,cAAMC,IAAUP,EAAS;AACzB,YAAIO,GAAS;AACX,gBAAMC,IACJD,EAAQ,aAAa,YAAY,KACjCA,EAAQ,aAAa,iBAAiB,GAGlCE,IAAcF,EAAQ,aAAa,MAAM;AAE/C,UAAI,CAACC,KAAgB,CAACC,KACpB,QAAQ;AAAA,YACN;AAAA,YAEAF;AAAA,UAAA;AAAA,QAGN;AAAA,MACF,GAAG,CAAC;AAEJ,aAAO,MAAM,aAAaD,CAAS;AAAA,IACrC;AAAA,EACF,GAAG,CAACV,EAAM,YAAY,GAAGG,EAAU,IAAI,CAAC,GAGtC,gBAAAW,EAACC,KAAO,IAAI,GAAG,IAAI,GAAI,GAAGZ,GAAW,KAAAG,GAClC,UAAAL,EAAA,CACH;AAEJ;AAEAF,EAAW,cAAc;"}

package/dist/chunks/icon-button-DAZjGSZC.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const f=require("react/jsx-runtime"),n=require("react"),d=require("@chakra-ui/react"),m=require("./useObjectRef-4v2MxSjQ.cjs.js"),p=require("./button-RZc0NaYO.cjs.js"),s=t=>{const{children:i,ref:a,...o}=t,r=n.useRef(null),c=m.$df56164dff5785e2$export$4338b53315abf666(d.mergeRefs(r,a));return n.useEffect(()=>{if(process.env.NODE_ENV!=="production"){const u=setTimeout(()=>{const e=r.current;if(e){const l=e.hasAttribute("aria-label")||e.hasAttribute("aria-labelledby"),b=e.hasAttribute("slot");!l&&!b&&console.warn(`Nimbus: IconButton requires an accessible label. Either provide an 'aria-label' prop or use within a component that provides it via context (e.g., slot="clear" in ComboBox).`,e)}},0);return()=>clearTimeout(u)}},[t["aria-label"],o.slot]),f.jsx(p.Button,{px:0,py:0,...o,ref:c,children:i})};s.displayName="IconButton";exports.IconButton=s;
+//# sourceMappingURL=icon-button-DAZjGSZC.cjs.js.map

package/dist/chunks/icon-button-DAZjGSZC.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button-DAZjGSZC.cjs.js","sources":["../../src/components/icon-button/icon-button.tsx"],"sourcesContent":["import { useRef, useEffect } from \"react\";\nimport { useObjectRef } from \"react-aria\";\nimport { mergeRefs } from \"@chakra-ui/react\";\nimport type { IconButtonProps } from \"./icon-button.types\";\nimport { Button } from \"@/components\";\n\n/**\n * # IconButton\n *\n * displays a button with an icon only as child\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/iconbutton}\n */\nexport const IconButton = (props: IconButtonProps) => {\n  const { children, ref: forwardedRef, ...restProps } = props;\n\n  // Create a local ref and merge with forwarded ref\n  const localRef = useRef<HTMLButtonElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  // Runtime accessibility check\n  // Use setTimeout to defer check until after React Aria applies context props\n  useEffect(() => {\n    if (process.env.NODE_ENV !== \"production\") {\n      const timeoutId = setTimeout(() => {\n        const element = localRef.current;\n        if (element) {\n          const hasAriaLabel =\n            element.hasAttribute(\"aria-label\") ||\n            element.hasAttribute(\"aria-labelledby\");\n\n          // Skip warning if component is using slot-based context (Button will handle it)\n          const isUsingSlot = element.hasAttribute(\"slot\");\n\n          if (!hasAriaLabel && !isUsingSlot) {\n            console.warn(\n              \"Nimbus: IconButton requires an accessible label. \" +\n                \"Either provide an 'aria-label' prop or use within a component that provides it via context (e.g., slot=\\\"clear\\\" in ComboBox).\",\n              element\n            );\n          }\n        }\n      }, 0);\n\n      return () => clearTimeout(timeoutId);\n    }\n  }, [props[\"aria-label\"], restProps.slot]);\n\n  return (\n    <Button px={0} py={0} {...restProps} ref={ref}>\n      {children}\n    </Button>\n  );\n};\n\nIconButton.displayName = \"IconButton\";\n"],"names":["IconButton","props","children","forwardedRef","restProps","localRef","useRef","ref","useObjectRef","mergeRefs","useEffect","timeoutId","element","hasAriaLabel","isUsingSlot","jsx","Button"],"mappings":"qLAaaA,EAAcC,GAA2B,CACpD,KAAM,CAAE,SAAAC,EAAU,IAAKC,EAAc,GAAGC,GAAcH,EAGhDI,EAAWC,EAAAA,OAA0B,IAAI,EACzCC,EAAMC,EAAAA,0CAAaC,EAAAA,UAAUJ,EAAUF,CAAY,CAAC,EAI1DO,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAI,QAAQ,IAAI,WAAa,aAAc,CACzC,MAAMC,EAAY,WAAW,IAAM,CACjC,MAAMC,EAAUP,EAAS,QACzB,GAAIO,EAAS,CACX,MAAMC,EACJD,EAAQ,aAAa,YAAY,GACjCA,EAAQ,aAAa,iBAAiB,EAGlCE,EAAcF,EAAQ,aAAa,MAAM,EAE3C,CAACC,GAAgB,CAACC,GACpB,QAAQ,KACN,gLAEAF,CAAA,CAGN,CACF,EAAG,CAAC,EAEJ,MAAO,IAAM,aAAaD,CAAS,CACrC,CACF,EAAG,CAACV,EAAM,YAAY,EAAGG,EAAU,IAAI,CAAC,EAGtCW,MAACC,EAAAA,QAAO,GAAI,EAAG,GAAI,EAAI,GAAGZ,EAAW,IAAAG,EAClC,SAAAL,CAAA,CACH,CAEJ,EAEAF,EAAW,YAAc"}

package/dist/chunks/icon-toggle-button-DlHJOu2w.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const l=require("react/jsx-runtime"),u=require("./toggle-button-CQkIgFSC.cjs.js"),t=({"aria-label":o,children:e,ref:n,...g})=>l.jsx(u.ToggleButton,{ref:n,"aria-label":o,px:0,py:0,...g,children:e});t.displayName="IconToggleButton";exports.IconToggleButton=t;
+//# sourceMappingURL=icon-toggle-button-DlHJOu2w.cjs.js.map

package/dist/chunks/icon-toggle-button-DlHJOu2w.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-toggle-button-DlHJOu2w.cjs.js","sources":["../../src/components/icon-toggle-button/icon-toggle-button.tsx"],"sourcesContent":["import { ToggleButton } from \"@/components/toggle-button/toggle-button\";\nimport type { IconToggleButtonProps } from \"./icon-toggle-button.types\";\n\n/**\n * # IconToggleButton\n * ============================================================\n * A toggle button with only an icon as child. It is based\n * on the regular `ToggleButton` component, but with a few adjustments.\n *\n */\nexport const IconToggleButton = ({\n  \"aria-label\": ariaLabel,\n  children,\n  ref,\n  ...props\n}: IconToggleButtonProps) => {\n  return (\n    <ToggleButton ref={ref} aria-label={ariaLabel} px={0} py={0} {...props}>\n      {children}\n    </ToggleButton>\n  );\n};\n\nIconToggleButton.displayName = \"IconToggleButton\";\n"],"names":["IconToggleButton","ariaLabel","children","ref","props","jsx","ToggleButton"],"mappings":"+FAUaA,EAAmB,CAAC,CAC/B,aAAcC,EACd,SAAAC,EACA,IAAAC,EACA,GAAGC,CACL,IAEIC,EAAAA,IAACC,EAAAA,aAAA,CAAa,IAAAH,EAAU,aAAYF,EAAW,GAAI,EAAG,GAAI,EAAI,GAAGG,EAC9D,SAAAF,CAAA,CACH,EAIJF,EAAiB,YAAc"}

package/dist/chunks/icon-toggle-button-YtpVxus0.es.js

@@ -0,0 +1,13 @@
+import { jsx as e } from "react/jsx-runtime";
+import { T as l } from "./toggle-button-ZDqoRk4M.es.js";
+const n = ({
+  "aria-label": o,
+  children: t,
+  ref: a,
+  ...r
+}) => /* @__PURE__ */ e(l, { ref: a, "aria-label": o, px: 0, py: 0, ...r, children: t });
+n.displayName = "IconToggleButton";
+export {
+  n as I
+};
+//# sourceMappingURL=icon-toggle-button-YtpVxus0.es.js.map

package/dist/chunks/icon-toggle-button-YtpVxus0.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-toggle-button-YtpVxus0.es.js","sources":["../../src/components/icon-toggle-button/icon-toggle-button.tsx"],"sourcesContent":["import { ToggleButton } from \"@/components/toggle-button/toggle-button\";\nimport type { IconToggleButtonProps } from \"./icon-toggle-button.types\";\n\n/**\n * # IconToggleButton\n * ============================================================\n * A toggle button with only an icon as child. It is based\n * on the regular `ToggleButton` component, but with a few adjustments.\n *\n */\nexport const IconToggleButton = ({\n  \"aria-label\": ariaLabel,\n  children,\n  ref,\n  ...props\n}: IconToggleButtonProps) => {\n  return (\n    <ToggleButton ref={ref} aria-label={ariaLabel} px={0} py={0} {...props}>\n      {children}\n    </ToggleButton>\n  );\n};\n\nIconToggleButton.displayName = \"IconToggleButton\";\n"],"names":["IconToggleButton","ariaLabel","children","ref","props","jsx","ToggleButton"],"mappings":";;AAUO,MAAMA,IAAmB,CAAC;AAAA,EAC/B,cAAcC;AAAA,EACd,UAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACL,MAEI,gBAAAC,EAACC,GAAA,EAAa,KAAAH,GAAU,cAAYF,GAAW,IAAI,GAAG,IAAI,GAAI,GAAGG,GAC9D,UAAAF,EAAA,CACH;AAIJF,EAAiB,cAAc;"}