@commercetools/nimbus 0.0.0-canary-20250930100116 → 0.0.0-canary-20250930190235

package/dist/chunks/{icon-button-0GLW7WtL.cjs.js.map → icon-button-DWBhjWpa.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"icon-button-0GLW7WtL.cjs.js","sources":["../../src/components/icon-button/icon-button.tsx"],"sourcesContent":["import { useRef } 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  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","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,EAE1D,OACEO,MAACC,EAAAA,QAAO,GAAI,EAAG,GAAI,EAAI,GAAGP,EAAW,IAAAG,EAClC,SAAAL,CAAA,CACH,CAEJ,EAEAF,EAAW,YAAc"}
+{"version":3,"file":"icon-button-DWBhjWpa.cjs.js","sources":["../../src/components/icon-button/icon-button.tsx"],"sourcesContent":["import { useRef } 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  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","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,EAE1D,OACEO,MAACC,EAAAA,QAAO,GAAI,EAAG,GAAI,EAAI,GAAGP,EAAW,IAAAG,EAClC,SAAAL,CAAA,CACH,CAEJ,EAEAF,EAAW,YAAc"}

package/dist/chunks/{icon-toggle-button-tJAqRjak.cjs.js → icon-toggle-button-BpLuJRaJ.cjs.js}

@@ -1,2 +1,2 @@
-"use strict";const l=require("react/jsx-runtime"),u=require("./toggle-button-CoA46qg6.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-tJAqRjak.cjs.js.map
+"use strict";const l=require("react/jsx-runtime"),u=require("./toggle-button-Cv291lWy.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-BpLuJRaJ.cjs.js.map

package/dist/chunks/{icon-toggle-button-tJAqRjak.cjs.js.map → icon-toggle-button-BpLuJRaJ.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"icon-toggle-button-tJAqRjak.cjs.js","sources":["../../src/components/icon-toggle-button/icon-toggle-button.tsx"],"sourcesContent":["import { ToggleButton } from \"@/components/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"}
+{"version":3,"file":"icon-toggle-button-BpLuJRaJ.cjs.js","sources":["../../src/components/icon-toggle-button/icon-toggle-button.tsx"],"sourcesContent":["import { ToggleButton } from \"@/components/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-f03QyjEE.es.js → icon-toggle-button-Ya3xXEj8.es.js}

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { T as l } from "./toggle-button-Bg4ygY7u.es.js";
+import { T as l } from "./toggle-button-Cj4XMEzn.es.js";
 const n = ({
   "aria-label": o,
   children: t,
@@ -10,4 +10,4 @@ n.displayName = "IconToggleButton";
 export {
   n as I
 };
-//# sourceMappingURL=icon-toggle-button-f03QyjEE.es.js.map
+//# sourceMappingURL=icon-toggle-button-Ya3xXEj8.es.js.map

package/dist/chunks/{icon-toggle-button-f03QyjEE.es.js.map → icon-toggle-button-Ya3xXEj8.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"icon-toggle-button-f03QyjEE.es.js","sources":["../../src/components/icon-toggle-button/icon-toggle-button.tsx"],"sourcesContent":["import { ToggleButton } from \"@/components/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;"}
+{"version":3,"file":"icon-toggle-button-Ya3xXEj8.es.js","sources":["../../src/components/icon-toggle-button/icon-toggle-button.tsx"],"sourcesContent":["import { ToggleButton } from \"@/components/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;"}

package/dist/chunks/{index-CRta5Y1_.es.js → index-C7AV1c1_.es.js}

@@ -3775,7 +3775,17 @@ const W = /* @__PURE__ */ P(e.breakpoints), _ = /* @__PURE__ */ b({
     variant: "solid"
     // Match component default
   }
-}), le = {
+}), le = /* @__PURE__ */ t({
+  slots: ["root", "trigger", "content"],
+  className: "collapsibleMotion",
+  base: {
+    root: {},
+    trigger: {
+      cursor: "pointer"
+    },
+    content: {}
+  }
+}), ne = {
   dialog: O,
   list: F,
   table: M,
@@ -3796,20 +3806,21 @@ const W = /* @__PURE__ */ P(e.breakpoints), _ = /* @__PURE__ */ b({
   progressBar: oe,
   menu: ae,
   textInput: re,
-  splitButton: ie
-}, ne = /* @__PURE__ */ v(
+  splitButton: ie,
+  collapsibleMotion: le
+}, se = /* @__PURE__ */ v(
   e.textStyle
-), se = /* @__PURE__ */ o.durations(e.aspectRatio), de = /* @__PURE__ */ o.animations(e.animation), ce = /* @__PURE__ */ o.blurs(e.blur), pe = /* @__PURE__ */ o.borders(e.border), ue = /* @__PURE__ */ o.colors({
+), de = /* @__PURE__ */ o.durations(e.aspectRatio), ce = /* @__PURE__ */ o.animations(e.animation), pe = /* @__PURE__ */ o.blurs(e.blur), ue = /* @__PURE__ */ o.borders(e.border), ge = /* @__PURE__ */ o.colors({
   ...e.color["blacks-and-whites"]
-}), ge = /* @__PURE__ */ o.durations(e.duration), me = /* @__PURE__ */ o.easings(e.easing), be = /* @__PURE__ */ o.fonts(e.fontFamily), fe = /* @__PURE__ */ o.fontSizes(e.fontSize), he = /* @__PURE__ */ o.fontWeights(e.fontWeight), ve = (r) => Object.keys(r).reduce(
+}), me = /* @__PURE__ */ o.durations(e.duration), be = /* @__PURE__ */ o.easings(e.easing), fe = /* @__PURE__ */ o.fonts(e.fontFamily), he = /* @__PURE__ */ o.fontSizes(e.fontSize), ve = /* @__PURE__ */ o.fontWeights(e.fontWeight), xe = (r) => Object.keys(r).reduce(
   (l, a) => {
     const g = parseFloat(r[a].value) / 100;
     return l[a] = { value: `${g}em` }, l;
   },
   {}
-), xe = /* @__PURE__ */ o.letterSpacings(
-  /* @__PURE__ */ ve(e.letterSpacing)
-), ye = /* @__PURE__ */ o.lineHeights(e.lineHeight), we = /* @__PURE__ */ o.radii(e.borderRadius), Se = /* @__PURE__ */ o.spacing(e.spacing), ze = /* @__PURE__ */ o.sizes({
+), ye = /* @__PURE__ */ o.letterSpacings(
+  /* @__PURE__ */ xe(e.letterSpacing)
+), we = /* @__PURE__ */ o.lineHeights(e.lineHeight), Se = /* @__PURE__ */ o.radii(e.borderRadius), ze = /* @__PURE__ */ o.spacing(e.spacing), ke = /* @__PURE__ */ o.sizes({
   ...e.size,
   "1/2": {
     value: "50%"
@@ -3925,25 +3936,25 @@ const W = /* @__PURE__ */ P(e.breakpoints), _ = /* @__PURE__ */ b({
   vh: {
     value: "100vh"
   }
-}), ke = /* @__PURE__ */ o.zIndex(e.zIndex), Re = /* @__PURE__ */ o.cursor(e.cursor), Ce = {
-  aspectRatios: se,
-  animations: de,
-  blurs: ce,
-  borders: pe,
-  colors: ue,
-  durations: ge,
-  easings: me,
-  fonts: be,
-  fontSizes: fe,
-  fontWeights: he,
-  letterSpacings: xe,
-  lineHeights: ye,
-  radii: we,
-  spacing: Se,
-  sizes: ze,
-  zIndex: ke,
-  cursor: Re
-}, Ie = /* @__PURE__ */ w({
+}), Re = /* @__PURE__ */ o.zIndex(e.zIndex), Ce = /* @__PURE__ */ o.cursor(e.cursor), Ie = {
+  aspectRatios: de,
+  animations: ce,
+  blurs: pe,
+  borders: ue,
+  colors: ge,
+  durations: me,
+  easings: be,
+  fonts: fe,
+  fontSizes: he,
+  fontWeights: ve,
+  letterSpacings: ye,
+  lineHeights: we,
+  radii: Se,
+  spacing: ze,
+  sizes: ke,
+  zIndex: Re,
+  cursor: Ce
+}, Pe = /* @__PURE__ */ w({
   preflight: !0,
   cssVarsPrefix: "nimbus",
   cssVarsRoot: ":where(:root, :host)",
@@ -3951,15 +3962,15 @@ const W = /* @__PURE__ */ P(e.breakpoints), _ = /* @__PURE__ */ b({
   theme: {
     breakpoints: W,
     keyframes: B,
-    tokens: Ce,
+    tokens: Ie,
     semanticTokens: G,
     recipes: D,
-    slotRecipes: le,
-    textStyles: ne,
+    slotRecipes: ne,
+    textStyles: se,
     layerStyles: N,
     animationStyles: I
   }
-}), Ve = /* @__PURE__ */ x(y, Ie);
+}), Le = /* @__PURE__ */ x(y, Pe);
 export {
   ie as a,
   T as b,
@@ -3976,7 +3987,7 @@ export {
   ae as m,
   U as n,
   K as r,
-  Ve as s,
+  Le as s,
   re as t
 };
-//# sourceMappingURL=index-CRta5Y1_.es.js.map
+//# sourceMappingURL=index-C7AV1c1_.es.js.map