@commercetools/nimbus 0.0.10 → 0.0.12-rc1

package/dist/chunks/avatar-DDCMu1RQ.es.js

@@ -0,0 +1,38 @@
+import { jsxs as h, jsx as I } from "react/jsx-runtime";
+import { useState as m } from "react";
+import { a as v } from "./avatar.recipe-CxXQlkH6.es.js";
+import { c as x } from "./create-recipe-context-c0qjq1fz.es.js";
+import { I as A } from "./image-BVUCjLWP.es.js";
+const { withContext: C } = /* @__PURE__ */ x({ recipe: v }), N = /* @__PURE__ */ C("figure");
+function w(t, a) {
+  return t.split("")[0].toUpperCase() + a.split("")[0].toUpperCase();
+}
+const E = (t) => {
+  const { ref: a, firstName: o, lastName: r, src: e, alt: p, ...f } = t, [s, i] = m(!1), [n, l] = m(!1), c = `${o} ${r}`, d = {
+    "aria-label": `${c} avatar`,
+    ref: a,
+    ...f
+  }, u = () => {
+    i(!0), l(!1);
+  }, g = () => {
+    i(!1), l(!0);
+  };
+  return /* @__PURE__ */ h(N, { ...d, children: [
+    !e || !s || n ? w(o, r) : null,
+    e && /* @__PURE__ */ I(
+      A,
+      {
+        src: e,
+        alt: p || c,
+        onLoad: u,
+        onError: g,
+        display: s && !n ? "block" : "none"
+      }
+    )
+  ] });
+};
+E.displayName = "Avatar";
+export {
+  E as A
+};
+//# sourceMappingURL=avatar-DDCMu1RQ.es.js.map

package/dist/chunks/avatar-DDCMu1RQ.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-DDCMu1RQ.es.js","sources":["../../src/components/avatar/avatar.slots.tsx","../../src/components/avatar/avatar.tsx"],"sourcesContent":["import {\n  type HTMLChakraProps,\n  type RecipeProps,\n  type UnstyledProp,\n  createRecipeContext,\n} from \"@chakra-ui/react/styled-system\";\nimport { avatarRecipe } from \"./avatar.recipe\";\n\ninterface AvatarRecipeProps extends RecipeProps<\"div\">, UnstyledProp {}\n\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface AvatarRootProps\n  extends HTMLChakraProps<\"div\", AvatarRecipeProps> {}\nconst { withContext } = createRecipeContext({ recipe: avatarRecipe });\n\nexport const AvatarRoot = withContext<HTMLElement, AvatarRootProps>(\"figure\");\n","import { useState } from \"react\";\nimport { Image } from \"@chakra-ui/react/image\";\nimport { type AvatarProps } from \"./avatar.types\";\nimport { AvatarRoot } from \"./avatar.slots.tsx\";\n\nfunction getInitials(firstName: string, lastName: string) {\n  return (\n    firstName.split(\"\")[0].toUpperCase() + lastName.split(\"\")[0].toUpperCase()\n  );\n}\n\nexport const Avatar = (props: AvatarProps) => {\n  const { ref, firstName, lastName, src, alt, ...rest } = props;\n  const [imageLoaded, setImageLoaded] = useState(false);\n  const [imageError, setImageError] = useState(false);\n\n  const fullName = `${firstName} ${lastName}`;\n\n  const sharedProps = {\n    \"aria-label\": `${fullName} avatar`,\n    ref,\n    ...rest,\n  };\n\n  const onLoad = () => {\n    setImageLoaded(true);\n    setImageError(false);\n  };\n\n  const onError = () => {\n    setImageLoaded(false);\n    setImageError(true);\n  };\n\n  // Show initials if no src provided, image hasn't loaded yet, or image failed\n  const shouldShowInitials = !src || !imageLoaded || imageError;\n\n  return (\n    <AvatarRoot {...sharedProps}>\n      {shouldShowInitials ? getInitials(firstName, lastName) : null}\n\n      {src && (\n        <Image\n          src={src}\n          alt={alt || fullName}\n          onLoad={onLoad}\n          onError={onError}\n          display={imageLoaded && !imageError ? \"block\" : \"none\"}\n        />\n      )}\n    </AvatarRoot>\n  );\n};\n\nAvatar.displayName = \"Avatar\";\n"],"names":["withContext","createRecipeContext","avatarRecipe","AvatarRoot","getInitials","firstName","lastName","Avatar","props","ref","src","alt","rest","imageLoaded","setImageLoaded","useState","imageError","setImageError","fullName","sharedProps","onLoad","onError","jsxs","jsx","Image"],"mappings":";;;;;AAaA,MAAM,EAAE,aAAAA,EAAA,IAAgB,gBAAAC,EAAoB,EAAE,QAAQC,GAAc,GAEvDC,IAAa,gBAAAH,EAA0C,QAAQ;ACV5E,SAASI,EAAYC,GAAmBC,GAAkB;AACxD,SACED,EAAU,MAAM,EAAE,EAAE,CAAC,EAAE,gBAAgBC,EAAS,MAAM,EAAE,EAAE,CAAC,EAAE,YAAA;AAEjE;AAEO,MAAMC,IAAS,CAACC,MAAuB;AAC5C,QAAM,EAAE,KAAAC,GAAK,WAAAJ,GAAW,UAAAC,GAAU,KAAAI,GAAK,KAAAC,GAAK,GAAGC,MAASJ,GAClD,CAACK,GAAaC,CAAc,IAAIC,EAAS,EAAK,GAC9C,CAACC,GAAYC,CAAa,IAAIF,EAAS,EAAK,GAE5CG,IAAW,GAAGb,CAAS,IAAIC,CAAQ,IAEnCa,IAAc;AAAA,IAClB,cAAc,GAAGD,CAAQ;AAAA,IACzB,KAAAT;AAAA,IACA,GAAGG;AAAA,EAAA,GAGCQ,IAAS,MAAM;AACnB,IAAAN,EAAe,EAAI,GACnBG,EAAc,EAAK;AAAA,EACrB,GAEMI,IAAU,MAAM;AACpB,IAAAP,EAAe,EAAK,GACpBG,EAAc,EAAI;AAAA,EACpB;AAKA,SACE,gBAAAK,EAACnB,GAAA,EAAY,GAAGgB,GACb,UAAA;AAAA,IAJsB,CAACT,KAAO,CAACG,KAAeG,IAIzBZ,EAAYC,GAAWC,CAAQ,IAAI;AAAA,IAExDI,KACC,gBAAAa;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAAd;AAAA,QACA,KAAKC,KAAOO;AAAA,QACZ,QAAAE;AAAA,QACA,SAAAC;AAAA,QACA,SAASR,KAAe,CAACG,IAAa,UAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EAClD,GAEJ;AAEJ;AAEAT,EAAO,cAAc;"}

package/dist/chunks/avatar-Dps7PI8I.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const u=require("react/jsx-runtime"),p=require("react"),h=require("./avatar.recipe-CQivdbFs.cjs.js"),q=require("./create-recipe-context-BfiKn3k_.cjs.js"),C=require("./image-CIQlu9WX.cjs.js"),{withContext:I}=q.createRecipeContext({recipe:h.avatarRecipe}),$=I("figure");function A(e,t){return e.split("")[0].toUpperCase()+t.split("")[0].toUpperCase()}const d=e=>{const{ref:t,firstName:r,lastName:s,src:a,alt:m,...f}=e,[o,n]=p.useState(!1),[c,i]=p.useState(!1),l=`${r} ${s}`,g={"aria-label":`${l} avatar`,ref:t,...f},v=()=>{n(!0),i(!1)},x=()=>{n(!1),i(!0)},R=!a||!o||c;return u.jsxs($,{...g,children:[R?A(r,s):null,a&&u.jsx(C.Image,{src:a,alt:m||l,onLoad:v,onError:x,display:o&&!c?"block":"none"})]})};d.displayName="Avatar";exports.Avatar=d;
+//# sourceMappingURL=avatar-Dps7PI8I.cjs.js.map

package/dist/chunks/avatar-Dps7PI8I.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-Dps7PI8I.cjs.js","sources":["../../src/components/avatar/avatar.slots.tsx","../../src/components/avatar/avatar.tsx"],"sourcesContent":["import {\n  type HTMLChakraProps,\n  type RecipeProps,\n  type UnstyledProp,\n  createRecipeContext,\n} from \"@chakra-ui/react/styled-system\";\nimport { avatarRecipe } from \"./avatar.recipe\";\n\ninterface AvatarRecipeProps extends RecipeProps<\"div\">, UnstyledProp {}\n\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface AvatarRootProps\n  extends HTMLChakraProps<\"div\", AvatarRecipeProps> {}\nconst { withContext } = createRecipeContext({ recipe: avatarRecipe });\n\nexport const AvatarRoot = withContext<HTMLElement, AvatarRootProps>(\"figure\");\n","import { useState } from \"react\";\nimport { Image } from \"@chakra-ui/react/image\";\nimport { type AvatarProps } from \"./avatar.types\";\nimport { AvatarRoot } from \"./avatar.slots.tsx\";\n\nfunction getInitials(firstName: string, lastName: string) {\n  return (\n    firstName.split(\"\")[0].toUpperCase() + lastName.split(\"\")[0].toUpperCase()\n  );\n}\n\nexport const Avatar = (props: AvatarProps) => {\n  const { ref, firstName, lastName, src, alt, ...rest } = props;\n  const [imageLoaded, setImageLoaded] = useState(false);\n  const [imageError, setImageError] = useState(false);\n\n  const fullName = `${firstName} ${lastName}`;\n\n  const sharedProps = {\n    \"aria-label\": `${fullName} avatar`,\n    ref,\n    ...rest,\n  };\n\n  const onLoad = () => {\n    setImageLoaded(true);\n    setImageError(false);\n  };\n\n  const onError = () => {\n    setImageLoaded(false);\n    setImageError(true);\n  };\n\n  // Show initials if no src provided, image hasn't loaded yet, or image failed\n  const shouldShowInitials = !src || !imageLoaded || imageError;\n\n  return (\n    <AvatarRoot {...sharedProps}>\n      {shouldShowInitials ? getInitials(firstName, lastName) : null}\n\n      {src && (\n        <Image\n          src={src}\n          alt={alt || fullName}\n          onLoad={onLoad}\n          onError={onError}\n          display={imageLoaded && !imageError ? \"block\" : \"none\"}\n        />\n      )}\n    </AvatarRoot>\n  );\n};\n\nAvatar.displayName = \"Avatar\";\n"],"names":["withContext","createRecipeContext","avatarRecipe","AvatarRoot","getInitials","firstName","lastName","Avatar","props","ref","src","alt","rest","imageLoaded","setImageLoaded","useState","imageError","setImageError","fullName","sharedProps","onLoad","onError","shouldShowInitials","jsxs","jsx","Image"],"mappings":"4MAaM,CAAE,YAAAA,CAAA,EAAgBC,EAAAA,oBAAoB,CAAE,OAAQC,EAAAA,aAAc,EAEvDC,EAAaH,EAA0C,QAAQ,ECV5E,SAASI,EAAYC,EAAmBC,EAAkB,CACxD,OACED,EAAU,MAAM,EAAE,EAAE,CAAC,EAAE,cAAgBC,EAAS,MAAM,EAAE,EAAE,CAAC,EAAE,YAAA,CAEjE,CAEO,MAAMC,EAAUC,GAAuB,CAC5C,KAAM,CAAE,IAAAC,EAAK,UAAAJ,EAAW,SAAAC,EAAU,IAAAI,EAAK,IAAAC,EAAK,GAAGC,GAASJ,EAClD,CAACK,EAAaC,CAAc,EAAIC,EAAAA,SAAS,EAAK,EAC9C,CAACC,EAAYC,CAAa,EAAIF,EAAAA,SAAS,EAAK,EAE5CG,EAAW,GAAGb,CAAS,IAAIC,CAAQ,GAEnCa,EAAc,CAClB,aAAc,GAAGD,CAAQ,UACzB,IAAAT,EACA,GAAGG,CAAA,EAGCQ,EAAS,IAAM,CACnBN,EAAe,EAAI,EACnBG,EAAc,EAAK,CACrB,EAEMI,EAAU,IAAM,CACpBP,EAAe,EAAK,EACpBG,EAAc,EAAI,CACpB,EAGMK,EAAqB,CAACZ,GAAO,CAACG,GAAeG,EAEnD,OACEO,EAAAA,KAACpB,EAAA,CAAY,GAAGgB,EACb,SAAA,CAAAG,EAAqBlB,EAAYC,EAAWC,CAAQ,EAAI,KAExDI,GACCc,EAAAA,IAACC,EAAAA,MAAA,CACC,IAAAf,EACA,IAAKC,GAAOO,EACZ,OAAAE,EACA,QAAAC,EACA,QAASR,GAAe,CAACG,EAAa,QAAU,MAAA,CAAA,CAClD,EAEJ,CAEJ,EAEAT,EAAO,YAAc"}

package/dist/chunks/avatar.recipe-CQivdbFs.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("./config-Mt8_uyhI.cjs.js"),t=e.defineRecipe({className:"avatar",base:{display:"inline-flex",alignItems:"center",justifyContent:"center",verticalAlign:"middle",overflow:"hidden",userSelect:"none",borderRadius:"full",flexShrink:0,fontWeight:"600",backgroundColor:"colorPalette.3",colorPalette:"primary",color:"colorPalette.11",focusVisibleRing:"outside","button&":{cursor:"button"},_disabled:{layerStyle:"disabled"}},variants:{size:{md:{width:1e3,height:1e3,textStyle:"sm"},xs:{width:800,height:800,textStyle:"xs"},"2xs":{width:600,height:600,textStyle:"xs"}}},defaultVariants:{size:"md"}});exports.avatarRecipe=t;
+//# sourceMappingURL=avatar.recipe-CQivdbFs.cjs.js.map

package/dist/chunks/avatar.recipe-CQivdbFs.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.recipe-CQivdbFs.cjs.js","sources":["../../src/components/avatar/avatar.recipe.tsx"],"sourcesContent":["import { defineRecipe } from \"@chakra-ui/react/styled-system\";\n\nexport const avatarRecipe = defineRecipe({\n  className: \"avatar\",\n  base: {\n    display: \"inline-flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    verticalAlign: \"middle\",\n    overflow: \"hidden\",\n    userSelect: \"none\",\n    borderRadius: \"full\",\n    flexShrink: 0,\n    fontWeight: \"600\",\n    backgroundColor: \"colorPalette.3\",\n    colorPalette: \"primary\",\n    color: \"colorPalette.11\",\n    focusVisibleRing: \"outside\",\n    \"button&\": {\n      cursor: \"button\",\n    },\n    _disabled: {\n      layerStyle: \"disabled\",\n    },\n  },\n  variants: {\n    size: {\n      md: { width: 1000, height: 1000, textStyle: \"sm\" },\n      xs: { width: 800, height: 800, textStyle: \"xs\" },\n      \"2xs\": { width: 600, height: 600, textStyle: \"xs\" },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n"],"names":["avatarRecipe","defineRecipe"],"mappings":"yDAEaA,EAAeC,EAAAA,aAAa,CACvC,UAAW,SACX,KAAM,CACJ,QAAS,cACT,WAAY,SACZ,eAAgB,SAChB,cAAe,SACf,SAAU,SACV,WAAY,OACZ,aAAc,OACd,WAAY,EACZ,WAAY,MACZ,gBAAiB,iBACjB,aAAc,UACd,MAAO,kBACP,iBAAkB,UAClB,UAAW,CACT,OAAQ,QAAA,EAEV,UAAW,CACT,WAAY,UAAA,CACd,EAEF,SAAU,CACR,KAAM,CACJ,GAAI,CAAE,MAAO,IAAM,OAAQ,IAAM,UAAW,IAAA,EAC5C,GAAI,CAAE,MAAO,IAAK,OAAQ,IAAK,UAAW,IAAA,EAC1C,MAAO,CAAE,MAAO,IAAK,OAAQ,IAAK,UAAW,IAAA,CAAK,CACpD,EAEF,gBAAiB,CACf,KAAM,IAAA,CAEV,CAAC"}

package/dist/chunks/avatar.recipe-CxXQlkH6.es.js

@@ -0,0 +1,39 @@
+import { d as e } from "./config-ufbQ08Vi.es.js";
+const i = /* @__PURE__ */ e({
+  className: "avatar",
+  base: {
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center",
+    verticalAlign: "middle",
+    overflow: "hidden",
+    userSelect: "none",
+    borderRadius: "full",
+    flexShrink: 0,
+    fontWeight: "600",
+    backgroundColor: "colorPalette.3",
+    colorPalette: "primary",
+    color: "colorPalette.11",
+    focusVisibleRing: "outside",
+    "button&": {
+      cursor: "button"
+    },
+    _disabled: {
+      layerStyle: "disabled"
+    }
+  },
+  variants: {
+    size: {
+      md: { width: 1e3, height: 1e3, textStyle: "sm" },
+      xs: { width: 800, height: 800, textStyle: "xs" },
+      "2xs": { width: 600, height: 600, textStyle: "xs" }
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+export {
+  i as a
+};
+//# sourceMappingURL=avatar.recipe-CxXQlkH6.es.js.map

package/dist/chunks/avatar.recipe-CxXQlkH6.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.recipe-CxXQlkH6.es.js","sources":["../../src/components/avatar/avatar.recipe.tsx"],"sourcesContent":["import { defineRecipe } from \"@chakra-ui/react/styled-system\";\n\nexport const avatarRecipe = defineRecipe({\n  className: \"avatar\",\n  base: {\n    display: \"inline-flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    verticalAlign: \"middle\",\n    overflow: \"hidden\",\n    userSelect: \"none\",\n    borderRadius: \"full\",\n    flexShrink: 0,\n    fontWeight: \"600\",\n    backgroundColor: \"colorPalette.3\",\n    colorPalette: \"primary\",\n    color: \"colorPalette.11\",\n    focusVisibleRing: \"outside\",\n    \"button&\": {\n      cursor: \"button\",\n    },\n    _disabled: {\n      layerStyle: \"disabled\",\n    },\n  },\n  variants: {\n    size: {\n      md: { width: 1000, height: 1000, textStyle: \"sm\" },\n      xs: { width: 800, height: 800, textStyle: \"xs\" },\n      \"2xs\": { width: 600, height: 600, textStyle: \"xs\" },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n"],"names":["avatarRecipe","defineRecipe"],"mappings":";AAEO,MAAMA,IAAe,gBAAAC,EAAa;AAAA,EACvC,WAAW;AAAA,EACX,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,iBAAiB;AAAA,IACjB,cAAc;AAAA,IACd,OAAO;AAAA,IACP,kBAAkB;AAAA,IAClB,WAAW;AAAA,MACT,QAAQ;AAAA,IAAA;AAAA,IAEV,WAAW;AAAA,MACT,YAAY;AAAA,IAAA;AAAA,EACd;AAAA,EAEF,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI,EAAE,OAAO,KAAM,QAAQ,KAAM,WAAW,KAAA;AAAA,MAC5C,IAAI,EAAE,OAAO,KAAK,QAAQ,KAAK,WAAW,KAAA;AAAA,MAC1C,OAAO,EAAE,OAAO,KAAK,QAAQ,KAAK,WAAW,KAAA;AAAA,IAAK;AAAA,EACpD;AAAA,EAEF,iBAAiB;AAAA,IACf,MAAM;AAAA,EAAA;AAEV,CAAC;"}

package/dist/chunks/badge-Do9L64AE.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const d=require("react/jsx-runtime"),l=require("react"),f=require("./config-Mt8_uyhI.cjs.js"),g=require("./create-recipe-context-BfiKn3k_.cjs.js"),p=require("@chakra-ui/react"),h=require("./useObjectRef-4v2MxSjQ.cjs.js"),u=require("./mergeProps-VvQrkhSh.cjs.js"),x=f.defineRecipe({className:"nimbus-badge",base:{display:"inline-flex",alignItems:"center",borderRadius:"200",justifyContent:"center",whiteSpace:"nowrap",verticalAlign:"middle",py:"25",fontWeight:"500",backgroundColor:"colorPalette.3",color:"colorPalette.11",w:"auto",userSelect:"none",_icon:{flexShrink:"0"}},variants:{size:{"2xs":{fontSize:"300",gap:"100",h:"600",lineHeight:"350",px:"200",_icon:{width:"400",height:"400"}},xs:{fontSize:"350",gap:"100",h:"800",lineHeight:"400",px:"300",_icon:{width:"500",height:"500"}},md:{fontSize:"400",gap:"200",h:"1000",lineHeight:"500",px:"400",_icon:{width:"600",height:"600"}}}},defaultVariants:{size:"md"}}),{withContext:R}=g.createRecipeContext({recipe:x}),b=R("span"),e=t=>{const{ref:i,as:n,children:o,...r}=t,c=l.useRef(null),s=h.$df56164dff5785e2$export$4338b53315abf666(p.mergeRefs(c,i)),a=n||"span";return d.jsx(b,{as:a,...u.$3ef42575df84b30b$export$9d1611c77c2fe928(r,{ref:s}),children:o})};e.displayName="Badge";exports.Badge=e;
+//# sourceMappingURL=badge-Do9L64AE.cjs.js.map

package/dist/chunks/badge-Do9L64AE.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge-Do9L64AE.cjs.js","sources":["../../src/components/badge/badge.recipe.tsx","../../src/components/badge/badge.slots.tsx","../../src/components/badge/badge.tsx"],"sourcesContent":["import { defineRecipe } from \"@chakra-ui/react/styled-system\";\n\n/**\n * Recipe configuration for the Badge component.\n * Defines the styling variants and base styles using Chakra UI's recipe system.\n */\nexport const badgeRecipe = defineRecipe({\n  className: \"nimbus-badge\",\n\n  // Base styles applied to all instances of the component\n  base: {\n    display: \"inline-flex\",\n    alignItems: \"center\",\n    borderRadius: \"200\",\n    justifyContent: \"center\",\n    whiteSpace: \"nowrap\",\n    verticalAlign: \"middle\",\n    py: \"25\",\n    fontWeight: \"500\",\n    backgroundColor: \"colorPalette.3\",\n    color: \"colorPalette.11\",\n    w: \"auto\",\n    userSelect: \"none\",\n    _icon: {\n      flexShrink: \"0\",\n    },\n  },\n\n  // Available variants for customizing the component's appearance\n  variants: {\n    size: {\n      \"2xs\": {\n        fontSize: \"300\",\n        gap: \"100\",\n        h: \"600\",\n        lineHeight: \"350\",\n        px: \"200\",\n        _icon: {\n          width: \"400\",\n          height: \"400\",\n        },\n      },\n      xs: {\n        fontSize: \"350\",\n        gap: \"100\",\n        h: \"800\",\n        lineHeight: \"400\",\n        px: \"300\",\n        _icon: {\n          width: \"500\",\n          height: \"500\",\n        },\n      },\n      md: {\n        fontSize: \"400\",\n        gap: \"200\",\n        h: \"1000\",\n        lineHeight: \"500\",\n        px: \"400\",\n        _icon: {\n          width: \"600\",\n          height: \"600\",\n        },\n      },\n    },\n  },\n\n  // Default variant values when not explicitly specified\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n","import { createRecipeContext } from \"@chakra-ui/react/styled-system\";\n\nimport { badgeRecipe } from \"./badge.recipe\";\nimport type { BadgeRootProps } from \"./badge.types\";\n\nconst { withContext } = createRecipeContext({ recipe: badgeRecipe });\n\nexport const BadgeRoot = withContext<HTMLSpanElement, BadgeRootProps>(\"span\");\n","import { useRef } from \"react\";\nimport { BadgeRoot } from \"./badge.slots\";\nimport type { BadgeProps } from \"./badge.types\";\nimport { mergeRefs } from \"@chakra-ui/react\";\nimport { useObjectRef, mergeProps } from \"react-aria\";\n/**\n * # Badge\n *\n * Briefly highlights or categorizes associated UI elements with concise visual cues for status or metadata.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/data-display/badge}\n */\n\nexport const Badge = (props: BadgeProps) => {\n  const { ref: forwardedRef, as, children, ...rest } = props;\n\n  const localRef = useRef<HTMLSpanElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  const elementType = as || \"span\";\n\n  return (\n    <BadgeRoot as={elementType} {...mergeProps(rest, { ref })}>\n      {children}\n    </BadgeRoot>\n  );\n};\n\nBadge.displayName = \"Badge\";\n"],"names":["badgeRecipe","defineRecipe","withContext","createRecipeContext","BadgeRoot","Badge","props","forwardedRef","as","children","rest","localRef","useRef","ref","useObjectRef","mergeRefs","elementType","jsx","mergeProps"],"mappings":"oRAMaA,EAAcC,EAAAA,aAAa,CACtC,UAAW,eAGX,KAAM,CACJ,QAAS,cACT,WAAY,SACZ,aAAc,MACd,eAAgB,SAChB,WAAY,SACZ,cAAe,SACf,GAAI,KACJ,WAAY,MACZ,gBAAiB,iBACjB,MAAO,kBACP,EAAG,OACH,WAAY,OACZ,MAAO,CACL,WAAY,GAAA,CACd,EAIF,SAAU,CACR,KAAM,CACJ,MAAO,CACL,SAAU,MACV,IAAK,MACL,EAAG,MACH,WAAY,MACZ,GAAI,MACJ,MAAO,CACL,MAAO,MACP,OAAQ,KAAA,CACV,EAEF,GAAI,CACF,SAAU,MACV,IAAK,MACL,EAAG,MACH,WAAY,MACZ,GAAI,MACJ,MAAO,CACL,MAAO,MACP,OAAQ,KAAA,CACV,EAEF,GAAI,CACF,SAAU,MACV,IAAK,MACL,EAAG,OACH,WAAY,MACZ,GAAI,MACJ,MAAO,CACL,MAAO,MACP,OAAQ,KAAA,CACV,CACF,CACF,EAIF,gBAAiB,CACf,KAAM,IAAA,CAEV,CAAC,EClEK,CAAE,YAAAC,CAAA,EAAgBC,EAAAA,oBAAoB,CAAE,OAAQH,EAAa,EAEtDI,EAAYF,EAA6C,MAAM,ECM/DG,EAASC,GAAsB,CAC1C,KAAM,CAAE,IAAKC,EAAc,GAAAC,EAAI,SAAAC,EAAU,GAAGC,GAASJ,EAE/CK,EAAWC,EAAAA,OAAwB,IAAI,EACvCC,EAAMC,EAAAA,0CAAaC,EAAAA,UAAUJ,EAAUJ,CAAY,CAAC,EAEpDS,EAAcR,GAAM,OAE1B,OACES,MAACb,EAAA,CAAU,GAAIY,EAAc,GAAGE,4CAAWR,EAAM,CAAE,IAAAG,EAAK,EACrD,SAAAJ,CAAA,CACH,CAEJ,EAEAJ,EAAM,YAAc"}

package/dist/chunks/badge-Iq596jRa.es.js

@@ -0,0 +1,78 @@
+import { jsx as s } from "react/jsx-runtime";
+import { useRef as c } from "react";
+import { d as f } from "./config-ufbQ08Vi.es.js";
+import { c as p } from "./create-recipe-context-c0qjq1fz.es.js";
+import { mergeRefs as l } from "@chakra-ui/react";
+import { $ as d } from "./useObjectRef-CaJ5pgjX.es.js";
+import { $ as m } from "./mergeProps-C0OSi2w3.es.js";
+const h = /* @__PURE__ */ f({
+  className: "nimbus-badge",
+  // Base styles applied to all instances of the component
+  base: {
+    display: "inline-flex",
+    alignItems: "center",
+    borderRadius: "200",
+    justifyContent: "center",
+    whiteSpace: "nowrap",
+    verticalAlign: "middle",
+    py: "25",
+    fontWeight: "500",
+    backgroundColor: "colorPalette.3",
+    color: "colorPalette.11",
+    w: "auto",
+    userSelect: "none",
+    _icon: {
+      flexShrink: "0"
+    }
+  },
+  // Available variants for customizing the component's appearance
+  variants: {
+    size: {
+      "2xs": {
+        fontSize: "300",
+        gap: "100",
+        h: "600",
+        lineHeight: "350",
+        px: "200",
+        _icon: {
+          width: "400",
+          height: "400"
+        }
+      },
+      xs: {
+        fontSize: "350",
+        gap: "100",
+        h: "800",
+        lineHeight: "400",
+        px: "300",
+        _icon: {
+          width: "500",
+          height: "500"
+        }
+      },
+      md: {
+        fontSize: "400",
+        gap: "200",
+        h: "1000",
+        lineHeight: "500",
+        px: "400",
+        _icon: {
+          width: "600",
+          height: "600"
+        }
+      }
+    }
+  },
+  // Default variant values when not explicitly specified
+  defaultVariants: {
+    size: "md"
+  }
+}), { withContext: g } = /* @__PURE__ */ p({ recipe: h }), x = /* @__PURE__ */ g("span"), b = (e) => {
+  const { ref: t, as: o, children: i, ...n } = e, r = c(null), a = d(l(r, t));
+  return /* @__PURE__ */ s(x, { as: o || "span", ...m(n, { ref: a }), children: i });
+};
+b.displayName = "Badge";
+export {
+  b as B
+};
+//# sourceMappingURL=badge-Iq596jRa.es.js.map

package/dist/chunks/badge-Iq596jRa.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge-Iq596jRa.es.js","sources":["../../src/components/badge/badge.recipe.tsx","../../src/components/badge/badge.slots.tsx","../../src/components/badge/badge.tsx"],"sourcesContent":["import { defineRecipe } from \"@chakra-ui/react/styled-system\";\n\n/**\n * Recipe configuration for the Badge component.\n * Defines the styling variants and base styles using Chakra UI's recipe system.\n */\nexport const badgeRecipe = defineRecipe({\n  className: \"nimbus-badge\",\n\n  // Base styles applied to all instances of the component\n  base: {\n    display: \"inline-flex\",\n    alignItems: \"center\",\n    borderRadius: \"200\",\n    justifyContent: \"center\",\n    whiteSpace: \"nowrap\",\n    verticalAlign: \"middle\",\n    py: \"25\",\n    fontWeight: \"500\",\n    backgroundColor: \"colorPalette.3\",\n    color: \"colorPalette.11\",\n    w: \"auto\",\n    userSelect: \"none\",\n    _icon: {\n      flexShrink: \"0\",\n    },\n  },\n\n  // Available variants for customizing the component's appearance\n  variants: {\n    size: {\n      \"2xs\": {\n        fontSize: \"300\",\n        gap: \"100\",\n        h: \"600\",\n        lineHeight: \"350\",\n        px: \"200\",\n        _icon: {\n          width: \"400\",\n          height: \"400\",\n        },\n      },\n      xs: {\n        fontSize: \"350\",\n        gap: \"100\",\n        h: \"800\",\n        lineHeight: \"400\",\n        px: \"300\",\n        _icon: {\n          width: \"500\",\n          height: \"500\",\n        },\n      },\n      md: {\n        fontSize: \"400\",\n        gap: \"200\",\n        h: \"1000\",\n        lineHeight: \"500\",\n        px: \"400\",\n        _icon: {\n          width: \"600\",\n          height: \"600\",\n        },\n      },\n    },\n  },\n\n  // Default variant values when not explicitly specified\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n","import { createRecipeContext } from \"@chakra-ui/react/styled-system\";\n\nimport { badgeRecipe } from \"./badge.recipe\";\nimport type { BadgeRootProps } from \"./badge.types\";\n\nconst { withContext } = createRecipeContext({ recipe: badgeRecipe });\n\nexport const BadgeRoot = withContext<HTMLSpanElement, BadgeRootProps>(\"span\");\n","import { useRef } from \"react\";\nimport { BadgeRoot } from \"./badge.slots\";\nimport type { BadgeProps } from \"./badge.types\";\nimport { mergeRefs } from \"@chakra-ui/react\";\nimport { useObjectRef, mergeProps } from \"react-aria\";\n/**\n * # Badge\n *\n * Briefly highlights or categorizes associated UI elements with concise visual cues for status or metadata.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/data-display/badge}\n */\n\nexport const Badge = (props: BadgeProps) => {\n  const { ref: forwardedRef, as, children, ...rest } = props;\n\n  const localRef = useRef<HTMLSpanElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  const elementType = as || \"span\";\n\n  return (\n    <BadgeRoot as={elementType} {...mergeProps(rest, { ref })}>\n      {children}\n    </BadgeRoot>\n  );\n};\n\nBadge.displayName = \"Badge\";\n"],"names":["badgeRecipe","defineRecipe","withContext","createRecipeContext","BadgeRoot","Badge","props","forwardedRef","as","children","rest","localRef","useRef","ref","useObjectRef","mergeRefs","jsx","mergeProps"],"mappings":";;;;;;;AAMO,MAAMA,IAAc,gBAAAC,EAAa;AAAA,EACtC,WAAW;AAAA;AAAA,EAGX,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,YAAY;AAAA,IACZ,eAAe;AAAA,IACf,IAAI;AAAA,IACJ,YAAY;AAAA,IACZ,iBAAiB;AAAA,IACjB,OAAO;AAAA,IACP,GAAG;AAAA,IACH,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,YAAY;AAAA,IAAA;AAAA,EACd;AAAA;AAAA,EAIF,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,OAAO;AAAA,QACL,UAAU;AAAA,QACV,KAAK;AAAA,QACL,GAAG;AAAA,QACH,YAAY;AAAA,QACZ,IAAI;AAAA,QACJ,OAAO;AAAA,UACL,OAAO;AAAA,UACP,QAAQ;AAAA,QAAA;AAAA,MACV;AAAA,MAEF,IAAI;AAAA,QACF,UAAU;AAAA,QACV,KAAK;AAAA,QACL,GAAG;AAAA,QACH,YAAY;AAAA,QACZ,IAAI;AAAA,QACJ,OAAO;AAAA,UACL,OAAO;AAAA,UACP,QAAQ;AAAA,QAAA;AAAA,MACV;AAAA,MAEF,IAAI;AAAA,QACF,UAAU;AAAA,QACV,KAAK;AAAA,QACL,GAAG;AAAA,QACH,YAAY;AAAA,QACZ,IAAI;AAAA,QACJ,OAAO;AAAA,UACL,OAAO;AAAA,UACP,QAAQ;AAAA,QAAA;AAAA,MACV;AAAA,IACF;AAAA,EACF;AAAA;AAAA,EAIF,iBAAiB;AAAA,IACf,MAAM;AAAA,EAAA;AAEV,CAAC,GClEK,EAAE,aAAAC,EAAA,IAAgB,gBAAAC,EAAoB,EAAE,QAAQH,GAAa,GAEtDI,IAAY,gBAAAF,EAA6C,MAAM,GCM/DG,IAAQ,CAACC,MAAsB;AAC1C,QAAM,EAAE,KAAKC,GAAc,IAAAC,GAAI,UAAAC,GAAU,GAAGC,MAASJ,GAE/CK,IAAWC,EAAwB,IAAI,GACvCC,IAAMC,EAAaC,EAAUJ,GAAUJ,CAAY,CAAC;AAI1D,SACE,gBAAAS,EAACZ,GAAA,EAAU,IAHOI,KAAM,QAGK,GAAGS,EAAWP,GAAM,EAAE,KAAAG,GAAK,GACrD,UAAAJ,EAAA,CACH;AAEJ;AAEAJ,EAAM,cAAc;"}

package/dist/chunks/box-BOsRGQEm.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const c=require("react/jsx-runtime"),a=require("./factory-DNbWS0Ob.cjs.js"),s=a.chakra("div");s.displayName="Box";const o=r=>{const{ref:e,...t}=r;return c.jsx(s,{ref:e,...t})};o.displayName="Box";exports.Box=o;
+//# sourceMappingURL=box-BOsRGQEm.cjs.js.map

package/dist/chunks/box-BOsRGQEm.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"box-BOsRGQEm.cjs.js","sources":["../../../../node_modules/.pnpm/@chakra-ui+react@3.22.0_@emotion+react@11.14.0_@types+react@19.1.8_react@19.1.0__react-_673343cfc8d0b0ef4571b2c1f159c6b1/node_modules/@chakra-ui/react/dist/esm/components/box/box.js","../../src/components/box/box.tsx"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { chakra } from '../../styled-system/factory.js';\n\nconst Box = chakra(\"div\");\nBox.displayName = \"Box\";\n\nexport { Box };\n","import { type HTMLChakraProps } from \"@chakra-ui/react/styled-system\";\nimport { Box as ChakraBox } from \"@chakra-ui/react/box\";\n\nexport interface BoxProps extends HTMLChakraProps<\"div\"> {\n  children?: React.ReactNode;\n  ref?: React.Ref<HTMLDivElement>;\n}\n\n/**\n * # Box\n *\n * A basic layout component that serves as a wrapper or container.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/layout/box}\n */\nexport const Box = (props: BoxProps) => {\n  const { ref, ...restProps } = props;\n  return <ChakraBox ref={ref} {...restProps} />;\n};\n\nBox.displayName = \"Box\";\n"],"names":["Box","chakra","props","ref","restProps","jsx","ChakraBox"],"mappings":"yFAIMA,EAAMC,EAAAA,OAAO,KAAK,EACxBD,EAAI,YAAc,MCUX,MAAMA,EAAOE,GAAoB,CACtC,KAAM,CAAE,IAAAC,EAAK,GAAGC,CAAA,EAAcF,EAC9B,OAAOG,EAAAA,IAACC,EAAA,CAAU,IAAAH,EAAW,GAAGC,CAAA,CAAW,CAC7C,EAEAJ,EAAI,YAAc","x_google_ignoreList":[0]}

package/dist/chunks/box-Cd4iddEV.es.js

@@ -0,0 +1,13 @@
+import { jsx as t } from "react/jsx-runtime";
+import { c as e } from "./factory-BpGQXckI.es.js";
+const o = /* @__PURE__ */ e("div");
+o.displayName = "Box";
+const m = (r) => {
+  const { ref: s, ...a } = r;
+  return /* @__PURE__ */ t(o, { ref: s, ...a });
+};
+m.displayName = "Box";
+export {
+  m as B
+};
+//# sourceMappingURL=box-Cd4iddEV.es.js.map

package/dist/chunks/box-Cd4iddEV.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"box-Cd4iddEV.es.js","sources":["../../../../node_modules/.pnpm/@chakra-ui+react@3.22.0_@emotion+react@11.14.0_@types+react@19.1.8_react@19.1.0__react-_673343cfc8d0b0ef4571b2c1f159c6b1/node_modules/@chakra-ui/react/dist/esm/components/box/box.js","../../src/components/box/box.tsx"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { chakra } from '../../styled-system/factory.js';\n\nconst Box = chakra(\"div\");\nBox.displayName = \"Box\";\n\nexport { Box };\n","import { type HTMLChakraProps } from \"@chakra-ui/react/styled-system\";\nimport { Box as ChakraBox } from \"@chakra-ui/react/box\";\n\nexport interface BoxProps extends HTMLChakraProps<\"div\"> {\n  children?: React.ReactNode;\n  ref?: React.Ref<HTMLDivElement>;\n}\n\n/**\n * # Box\n *\n * A basic layout component that serves as a wrapper or container.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/layout/box}\n */\nexport const Box = (props: BoxProps) => {\n  const { ref, ...restProps } = props;\n  return <ChakraBox ref={ref} {...restProps} />;\n};\n\nBox.displayName = \"Box\";\n"],"names":["Box","chakra","props","ref","restProps","jsx","ChakraBox"],"mappings":";;AAIA,MAAMA,IAAM,gBAAAC,EAAO,KAAK;AACxBD,EAAI,cAAc;ACUX,MAAMA,IAAM,CAACE,MAAoB;AACtC,QAAM,EAAE,KAAAC,GAAK,GAAGC,EAAA,IAAcF;AAC9B,SAAO,gBAAAG,EAACC,GAAA,EAAU,KAAAH,GAAW,GAAGC,EAAA,CAAW;AAC7C;AAEAJ,EAAI,cAAc;","x_google_ignoreList":[0]}

package/dist/chunks/button-CdEn0J7Z.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const $=require("react/jsx-runtime"),b=require("react"),l=require("./Button-BjOgrRmH.cjs.js"),p=require("./utils-sWqo2nmW.cjs.js"),q=require("@chakra-ui/react"),x=require("./button.recipe-ClPhJ93N.cjs.js"),R=require("./factory-DNbWS0Ob.cjs.js"),P=require("./index-Ca-OEf5O.cjs.js"),m=require("./create-recipe-context-BfiKn3k_.cjs.js"),y=require("./useObjectRef-4v2MxSjQ.cjs.js"),B=require("./mergeProps-VvQrkhSh.cjs.js"),h=require("./useButton-Bnd1IfAy.cjs.js"),{withContext:C}=m.createRecipeContext({recipe:x.buttonRecipe}),j=C("button",{defaultProps:{type:"button"},shouldForwardProp(e,o){const t=!o?.includes(e)&&!P.system.isValidProperty(e);return R.isPropValid(e)&&t&&!e.includes("onPress")}}),n=e=>{const{ref:o,as:t,asChild:s,children:u,...i}=e,a=b.useRef(null),r=y.$df56164dff5785e2$export$4338b53315abf666(q.mergeRefs(a,o)),[c]=p.$64fa3d84918910a7$export$29f1550f4b0d4415(i,r,l.$d2b4bc8c273e7be6$export$24d547caef80ccd1),d=t||(s?"a":"button"),{buttonProps:f}=h.$701a24aa0da5b062$export$ea18c227d4417cc3({...c,elementType:d},r);return $.jsx(j,{...B.$3ef42575df84b30b$export$9d1611c77c2fe928(c,f,{as:t,asChild:s,slot:c.slot||void 0}),ref:r,children:u})};n.displayName="Button";exports.Button=n;
+//# sourceMappingURL=button-CdEn0J7Z.cjs.js.map

package/dist/chunks/button-CdEn0J7Z.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-CdEn0J7Z.cjs.js","sources":["../../src/components/button/button.slots.tsx","../../src/components/button/button.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-empty-object-type */\nimport {\n  type HTMLChakraProps,\n  type RecipeProps,\n  type UnstyledProp,\n  createRecipeContext,\n} from \"@chakra-ui/react/styled-system\";\nimport { buttonRecipe } from \"./button.recipe\";\nimport shouldForwardProp from \"@emotion/is-prop-valid\";\nimport { system } from \"@/theme\";\n\n/**\n * Base recipe props interface that combines Chakra UI's recipe props\n * with the unstyled prop option for the button element.\n */\ninterface ButtonRecipeProps extends RecipeProps<\"button\">, UnstyledProp {}\n\n/**\n * Root props interface that extends Chakra's HTML props with our recipe props.\n * This creates a complete set of props for the root element, combining\n * HTML attributes, Chakra's styling system, and our custom recipe props.\n */\nexport interface ButtonRootProps\n  extends Omit<HTMLChakraProps<\"button\", ButtonRecipeProps>, \"slot\"> {\n  // insure that the `ButtonRoot` component doesn't give a type error\n  slot?: string | null | undefined;\n}\n\nconst { withContext } = createRecipeContext({\n  recipe: buttonRecipe,\n});\n\n/**\n * Root component that provides the styling context for the Button component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const ButtonRoot = withContext<HTMLButtonElement, ButtonRootProps>(\n  \"button\",\n  {\n    defaultProps: {\n      type: \"button\",\n    },\n    /** make sure the `onPress` properties won't end up as attribute on the rendered DOM element */\n    shouldForwardProp(prop, variantKeys) {\n      const chakraSfp =\n        !variantKeys?.includes(prop) && !system.isValidProperty(prop);\n      return shouldForwardProp(prop) && chakraSfp && !prop.includes(\"onPress\");\n    },\n  }\n);\n","import { useRef } from \"react\";\nimport { useButton, useObjectRef, mergeProps } from \"react-aria\";\nimport { ButtonContext, useContextProps } from \"react-aria-components\";\nimport { mergeRefs } from \"@chakra-ui/react\";\nimport { ButtonRoot } from \"./button.slots.tsx\";\nimport type { ButtonProps } from \"./button.types.ts\";\n\n/**\n * # Button\n *\n * Displays a Button.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/button}\n */\nexport const Button = (props: ButtonProps) => {\n  const { ref: forwardedRef, as, asChild, children, ...rest } = props;\n\n  // create a local ref (because the consumer may not provide a forwardedRef)\n  const localRef = useRef<HTMLButtonElement>(null);\n  // merge the local ref with a potentially forwarded ref\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  // Consume context props based on slot (this enables slot-aware behavior)\n  const [contextProps] = useContextProps(rest, ref, ButtonContext);\n\n  // if asChild is set, for react-aria to add the button-role, the elementType\n  // has to be manually set to something else than button\n\n  const elementType = as || (asChild ? \"a\" : \"button\") || \"button\";\n\n  const { buttonProps } = useButton(\n    {\n      ...contextProps,\n      elementType,\n    },\n    ref\n  );\n\n  return (\n    <ButtonRoot\n      {...mergeProps(contextProps, buttonProps, {\n        as,\n        asChild,\n        /**\n         * In case `slot` was null, the `useContextProps` hook already\n         * processed it at this point, so it's safe to not attach it\n         * to the DOM element\n         */\n        slot: contextProps.slot || undefined,\n      })}\n      ref={ref}\n    >\n      {children}\n    </ButtonRoot>\n  );\n};\n\n// Manually assign a displayName for debugging purposes\nButton.displayName = \"Button\";\n"],"names":["withContext","createRecipeContext","buttonRecipe","ButtonRoot","prop","variantKeys","chakraSfp","system","shouldForwardProp","Button","props","forwardedRef","as","asChild","children","rest","localRef","useRef","ref","useObjectRef","mergeRefs","contextProps","useContextProps","ButtonContext","elementType","buttonProps","useButton","jsx","mergeProps"],"mappings":"2dA4BM,CAAE,YAAAA,CAAA,EAAgBC,sBAAoB,CAC1C,OAAQC,EAAAA,YACV,CAAC,EAMYC,EAAaH,EACxB,SACA,CACE,aAAc,CACZ,KAAM,QAAA,EAGR,kBAAkBI,EAAMC,EAAa,CACnC,MAAMC,EACJ,CAACD,GAAa,SAASD,CAAI,GAAK,CAACG,EAAAA,OAAO,gBAAgBH,CAAI,EAC9D,OAAOI,EAAAA,YAAkBJ,CAAI,GAAKE,GAAa,CAACF,EAAK,SAAS,SAAS,CACzE,CAAA,CAEJ,ECnCaK,EAAUC,GAAuB,CAC5C,KAAM,CAAE,IAAKC,EAAc,GAAAC,EAAI,QAAAC,EAAS,SAAAC,EAAU,GAAGC,GAASL,EAGxDM,EAAWC,EAAAA,OAA0B,IAAI,EAEzCC,EAAMC,EAAAA,0CAAaC,EAAAA,UAAUJ,EAAUL,CAAY,CAAC,EAGpD,CAACU,CAAY,EAAIC,EAAAA,0CAAgBP,EAAMG,EAAKK,EAAAA,yCAAa,EAKzDC,EAAcZ,IAAOC,EAAU,IAAM,UAErC,CAAE,YAAAY,GAAgBC,EAAAA,0CACtB,CACE,GAAGL,EACH,YAAAG,CAAA,EAEFN,CAAA,EAGF,OACES,EAAAA,IAACxB,EAAA,CACE,GAAGyB,EAAAA,0CAAWP,EAAcI,EAAa,CACxC,GAAAb,EACA,QAAAC,EAMA,KAAMQ,EAAa,MAAQ,MAAA,CAC5B,EACD,IAAAH,EAEC,SAAAJ,CAAA,CAAA,CAGP,EAGAL,EAAO,YAAc"}

package/dist/chunks/button-CueBxdjn.es.js

@@ -0,0 +1,57 @@
+import { jsx as p } from "react/jsx-runtime";
+import { useRef as d } from "react";
+import { $ } from "./Button-BLHXvl6m.es.js";
+import { $ as b } from "./utils-C4ruQppN.es.js";
+import { mergeRefs as l } from "@chakra-ui/react";
+import { b as u } from "./button.recipe-D9e9Gh9L.es.js";
+import { b as x } from "./factory-BpGQXckI.es.js";
+import { s as P } from "./index--oJQaJZy.es.js";
+import { c as R } from "./create-recipe-context-c0qjq1fz.es.js";
+import { $ as h } from "./useObjectRef-CaJ5pgjX.es.js";
+import { $ as y } from "./mergeProps-C0OSi2w3.es.js";
+import { $ as B } from "./useButton-Codl22pH.es.js";
+const { withContext: w } = /* @__PURE__ */ R({
+  recipe: u
+}), C = /* @__PURE__ */ w(
+  "button",
+  {
+    defaultProps: {
+      type: "button"
+    },
+    /** make sure the `onPress` properties won't end up as attribute on the rendered DOM element */
+    shouldForwardProp(o, r) {
+      const t = !r?.includes(o) && !P.isValidProperty(o);
+      return x(o) && t && !o.includes("onPress");
+    }
+  }
+), V = (o) => {
+  const { ref: r, as: t, asChild: a, children: f, ...c } = o, n = d(null), e = h(l(n, r)), [s] = b(c, e, $), m = t || (a ? "a" : "button"), { buttonProps: i } = B(
+    {
+      ...s,
+      elementType: m
+    },
+    e
+  );
+  return /* @__PURE__ */ p(
+    C,
+    {
+      ...y(s, i, {
+        as: t,
+        asChild: a,
+        /**
+         * In case `slot` was null, the `useContextProps` hook already
+         * processed it at this point, so it's safe to not attach it
+         * to the DOM element
+         */
+        slot: s.slot || void 0
+      }),
+      ref: e,
+      children: f
+    }
+  );
+};
+V.displayName = "Button";
+export {
+  V as B
+};
+//# sourceMappingURL=button-CueBxdjn.es.js.map

package/dist/chunks/button-CueBxdjn.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-CueBxdjn.es.js","sources":["../../src/components/button/button.slots.tsx","../../src/components/button/button.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-empty-object-type */\nimport {\n  type HTMLChakraProps,\n  type RecipeProps,\n  type UnstyledProp,\n  createRecipeContext,\n} from \"@chakra-ui/react/styled-system\";\nimport { buttonRecipe } from \"./button.recipe\";\nimport shouldForwardProp from \"@emotion/is-prop-valid\";\nimport { system } from \"@/theme\";\n\n/**\n * Base recipe props interface that combines Chakra UI's recipe props\n * with the unstyled prop option for the button element.\n */\ninterface ButtonRecipeProps extends RecipeProps<\"button\">, UnstyledProp {}\n\n/**\n * Root props interface that extends Chakra's HTML props with our recipe props.\n * This creates a complete set of props for the root element, combining\n * HTML attributes, Chakra's styling system, and our custom recipe props.\n */\nexport interface ButtonRootProps\n  extends Omit<HTMLChakraProps<\"button\", ButtonRecipeProps>, \"slot\"> {\n  // insure that the `ButtonRoot` component doesn't give a type error\n  slot?: string | null | undefined;\n}\n\nconst { withContext } = createRecipeContext({\n  recipe: buttonRecipe,\n});\n\n/**\n * Root component that provides the styling context for the Button component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const ButtonRoot = withContext<HTMLButtonElement, ButtonRootProps>(\n  \"button\",\n  {\n    defaultProps: {\n      type: \"button\",\n    },\n    /** make sure the `onPress` properties won't end up as attribute on the rendered DOM element */\n    shouldForwardProp(prop, variantKeys) {\n      const chakraSfp =\n        !variantKeys?.includes(prop) && !system.isValidProperty(prop);\n      return shouldForwardProp(prop) && chakraSfp && !prop.includes(\"onPress\");\n    },\n  }\n);\n","import { useRef } from \"react\";\nimport { useButton, useObjectRef, mergeProps } from \"react-aria\";\nimport { ButtonContext, useContextProps } from \"react-aria-components\";\nimport { mergeRefs } from \"@chakra-ui/react\";\nimport { ButtonRoot } from \"./button.slots.tsx\";\nimport type { ButtonProps } from \"./button.types.ts\";\n\n/**\n * # Button\n *\n * Displays a Button.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/button}\n */\nexport const Button = (props: ButtonProps) => {\n  const { ref: forwardedRef, as, asChild, children, ...rest } = props;\n\n  // create a local ref (because the consumer may not provide a forwardedRef)\n  const localRef = useRef<HTMLButtonElement>(null);\n  // merge the local ref with a potentially forwarded ref\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  // Consume context props based on slot (this enables slot-aware behavior)\n  const [contextProps] = useContextProps(rest, ref, ButtonContext);\n\n  // if asChild is set, for react-aria to add the button-role, the elementType\n  // has to be manually set to something else than button\n\n  const elementType = as || (asChild ? \"a\" : \"button\") || \"button\";\n\n  const { buttonProps } = useButton(\n    {\n      ...contextProps,\n      elementType,\n    },\n    ref\n  );\n\n  return (\n    <ButtonRoot\n      {...mergeProps(contextProps, buttonProps, {\n        as,\n        asChild,\n        /**\n         * In case `slot` was null, the `useContextProps` hook already\n         * processed it at this point, so it's safe to not attach it\n         * to the DOM element\n         */\n        slot: contextProps.slot || undefined,\n      })}\n      ref={ref}\n    >\n      {children}\n    </ButtonRoot>\n  );\n};\n\n// Manually assign a displayName for debugging purposes\nButton.displayName = \"Button\";\n"],"names":["withContext","createRecipeContext","buttonRecipe","ButtonRoot","prop","variantKeys","chakraSfp","system","shouldForwardProp","Button","props","forwardedRef","as","asChild","children","rest","localRef","useRef","ref","useObjectRef","mergeRefs","contextProps","useContextProps","ButtonContext","elementType","buttonProps","useButton","jsx","mergeProps"],"mappings":";;;;;;;;;;;;AA4BA,MAAM,EAAE,aAAAA,EAAA,IAAgB,gBAAAC,EAAoB;AAAA,EAC1C,QAAQC;AACV,CAAC,GAMYC,IAAa,gBAAAH;AAAA,EACxB;AAAA,EACA;AAAA,IACE,cAAc;AAAA,MACZ,MAAM;AAAA,IAAA;AAAA;AAAA,IAGR,kBAAkBI,GAAMC,GAAa;AACnC,YAAMC,IACJ,CAACD,GAAa,SAASD,CAAI,KAAK,CAACG,EAAO,gBAAgBH,CAAI;AAC9D,aAAOI,EAAkBJ,CAAI,KAAKE,KAAa,CAACF,EAAK,SAAS,SAAS;AAAA,IACzE;AAAA,EAAA;AAEJ,GCnCaK,IAAS,CAACC,MAAuB;AAC5C,QAAM,EAAE,KAAKC,GAAc,IAAAC,GAAI,SAAAC,GAAS,UAAAC,GAAU,GAAGC,MAASL,GAGxDM,IAAWC,EAA0B,IAAI,GAEzCC,IAAMC,EAAaC,EAAUJ,GAAUL,CAAY,CAAC,GAGpD,CAACU,CAAY,IAAIC,EAAgBP,GAAMG,GAAKK,CAAa,GAKzDC,IAAcZ,MAAOC,IAAU,MAAM,WAErC,EAAE,aAAAY,MAAgBC;AAAAA,IACtB;AAAA,MACE,GAAGL;AAAA,MACH,aAAAG;AAAA,IAAA;AAAA,IAEFN;AAAA,EAAA;AAGF,SACE,gBAAAS;AAAA,IAACxB;AAAA,IAAA;AAAA,MACE,GAAGyB,EAAWP,GAAcI,GAAa;AAAA,QACxC,IAAAb;AAAA,QACA,SAAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAMA,MAAMQ,EAAa,QAAQ;AAAA,MAAA,CAC5B;AAAA,MACD,KAAAH;AAAA,MAEC,UAAAJ;AAAA,IAAA;AAAA,EAAA;AAGP;AAGAL,EAAO,cAAc;"}

package/dist/chunks/button.recipe-ClPhJ93N.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("./config-Mt8_uyhI.cjs.js"),o=e.defineRecipe({className:"nimbus-button",base:{borderRadius:"200",display:"inline-flex",appearance:"none",alignItems:"center",justifyContent:"center",userSelect:"none",position:"relative",whiteSpace:"nowrap",verticalAlign:"middle",borderWidth:"1px",borderColor:"transparent",cursor:"button",flexShrink:"0",outline:"0",lineHeight:"1.2",isolation:"isolate",fontWeight:"500",transitionProperty:"common",transitionDuration:"moderate",focusVisibleRing:"outside",_disabled:{layerStyle:"disabled"},_icon:{flexShrink:"0"}},variants:{size:{"2xs":{h:"600",minW:"600",fontSize:"300",fontWeight:"500",lineHeight:"400",px:"200",gap:"100",_icon:{width:"400",height:"400"}},xs:{h:"800",minW:"800",fontSize:"350",fontWeight:"500",lineHeight:"400",px:"300",gap:"100",_icon:{width:"500",height:"500"}},md:{h:"1000",minW:"1000",fontSize:"400",lineHeight:"500",px:"400",gap:"200",_icon:{width:"600",height:"600"}}},variant:{solid:{bg:"colorPalette.9",color:"colorPalette.contrast",_hover:{bg:"colorPalette.10"},_expanded:{bg:"colorPalette.10"}},subtle:{bg:"colorPalette.3",color:"colorPalette.11",_hover:{bg:"colorPalette.4"},_expanded:{bg:"colorPalette.4"}},outline:{borderWidth:"1px",borderColor:"colorPalette.7",color:"colorPalette.11",transitionProperty:"background-color, border-color, color",transitionDuration:"moderate",_hover:{bg:"colorPalette.3",borderColor:"colorPalette.8"},_expanded:{bg:"colorPalette.subtle"}},ghost:{color:"colorPalette.11",_hover:{bg:"colorPalette.4"},_expanded:{bg:"colorPalette.4"}},link:{color:"colorPalette.11",_hover:{textDecoration:"underline"}}},tone:{primary:{colorPalette:"primary"},critical:{colorPalette:"critical"},neutral:{colorPalette:"neutral"},info:{colorPalette:"info"}}},defaultVariants:{size:"md",variant:"subtle"}});exports.buttonRecipe=o;
+//# sourceMappingURL=button.recipe-ClPhJ93N.cjs.js.map

package/dist/chunks/button.recipe-ClPhJ93N.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.recipe-ClPhJ93N.cjs.js","sources":["../../src/components/button/button.recipe.ts"],"sourcesContent":["import { defineRecipe } from \"@chakra-ui/react/styled-system\";\n\nexport const buttonRecipe = defineRecipe({\n  className: \"nimbus-button\",\n  base: {\n    borderRadius: \"200\",\n    display: \"inline-flex\",\n    appearance: \"none\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    userSelect: \"none\",\n    position: \"relative\",\n    whiteSpace: \"nowrap\",\n    verticalAlign: \"middle\",\n    borderWidth: \"1px\",\n    borderColor: \"transparent\",\n    cursor: \"button\",\n    flexShrink: \"0\",\n    outline: \"0\",\n    lineHeight: \"1.2\",\n    isolation: \"isolate\",\n    fontWeight: \"500\",\n    transitionProperty: \"common\",\n    transitionDuration: \"moderate\",\n    focusVisibleRing: \"outside\",\n    _disabled: {\n      layerStyle: \"disabled\",\n    },\n    _icon: {\n      flexShrink: \"0\",\n    },\n  },\n  variants: {\n    size: {\n      \"2xs\": {\n        h: \"600\",\n        minW: \"600\",\n        fontSize: \"300\",\n        fontWeight: \"500\",\n        lineHeight: \"400\",\n        px: \"200\",\n        gap: \"100\",\n        _icon: {\n          width: \"400\",\n          height: \"400\",\n        },\n      },\n      xs: {\n        h: \"800\",\n        minW: \"800\",\n        fontSize: \"350\",\n        fontWeight: \"500\",\n        lineHeight: \"400\",\n        px: \"300\",\n        gap: \"100\",\n        _icon: {\n          width: \"500\",\n          height: \"500\",\n        },\n      },\n      /* sm: {\n        h: \"900\",\n        minW: \"900\",\n        px: \"350\",\n        textStyle: \"sm\",\n        gap: \"200\",\n        _icon: {\n          width: \"400\",\n          height: \"400\",\n        },\n      }, */\n      md: {\n        h: \"1000\",\n        minW: \"1000\",\n        fontSize: \"400\",\n        lineHeight: \"500\",\n        px: \"400\",\n        gap: \"200\",\n        _icon: {\n          width: \"600\",\n          height: \"600\",\n        },\n      },\n      /*  lg: {\n        h: \"1100\",\n        minW: \"1100\",\n        textStyle: \"md\",\n        px: \"500\",\n        gap: \"300\",\n        _icon: {\n          width: \"500\",\n          height: \"500\",\n        },\n      }, */\n      /*  xl: {\n        h: \"1200\",\n        minW: \"1200\",\n        textStyle: \"md\",\n        px: \"500\",\n        gap: \"250\",\n        _icon: {\n          width: \"500\",\n          height: \"500\",\n        },\n      }, */\n      /* \"2xl\": {\n        h: \"1600\",\n        minW: \"1600\",\n        textStyle: \"lg\",\n        px: \"700\",\n        gap: \"300\",\n        _icon: {\n          width: \"600\",\n          height: \"600\",\n        },\n      }, */\n    },\n    variant: {\n      solid: {\n        bg: \"colorPalette.9\",\n        color: \"colorPalette.contrast\",\n        _hover: {\n          bg: \"colorPalette.10\",\n        },\n        _expanded: {\n          bg: \"colorPalette.10\",\n        },\n      },\n      subtle: {\n        bg: \"colorPalette.3\",\n        color: \"colorPalette.11\",\n        _hover: {\n          bg: \"colorPalette.4\",\n        },\n        _expanded: {\n          bg: \"colorPalette.4\",\n        },\n      },\n      outline: {\n        borderWidth: \"1px\",\n        borderColor: \"colorPalette.7\",\n        color: \"colorPalette.11\",\n        transitionProperty: \"background-color, border-color, color\",\n        transitionDuration: \"moderate\",\n        _hover: {\n          bg: \"colorPalette.3\",\n          borderColor: \"colorPalette.8\",\n        },\n        _expanded: {\n          bg: \"colorPalette.subtle\",\n        },\n      },\n      ghost: {\n        color: \"colorPalette.11\",\n        _hover: {\n          bg: \"colorPalette.4\",\n        },\n        _expanded: {\n          bg: \"colorPalette.4\",\n        },\n      },\n      link: {\n        color: \"colorPalette.11\",\n        _hover: {\n          textDecoration: \"underline\",\n        },\n      },\n    },\n    tone: {\n      primary: {\n        colorPalette: \"primary\",\n      },\n      critical: {\n        colorPalette: \"critical\",\n      },\n      neutral: {\n        colorPalette: \"neutral\",\n      },\n      info: {\n        colorPalette: \"info\",\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n    variant: \"subtle\",\n  },\n});\n"],"names":["buttonRecipe","defineRecipe"],"mappings":"yDAEaA,EAAeC,EAAAA,aAAa,CACvC,UAAW,gBACX,KAAM,CACJ,aAAc,MACd,QAAS,cACT,WAAY,OACZ,WAAY,SACZ,eAAgB,SAChB,WAAY,OACZ,SAAU,WACV,WAAY,SACZ,cAAe,SACf,YAAa,MACb,YAAa,cACb,OAAQ,SACR,WAAY,IACZ,QAAS,IACT,WAAY,MACZ,UAAW,UACX,WAAY,MACZ,mBAAoB,SACpB,mBAAoB,WACpB,iBAAkB,UAClB,UAAW,CACT,WAAY,UAAA,EAEd,MAAO,CACL,WAAY,GAAA,CACd,EAEF,SAAU,CACR,KAAM,CACJ,MAAO,CACL,EAAG,MACH,KAAM,MACN,SAAU,MACV,WAAY,MACZ,WAAY,MACZ,GAAI,MACJ,IAAK,MACL,MAAO,CACL,MAAO,MACP,OAAQ,KAAA,CACV,EAEF,GAAI,CACF,EAAG,MACH,KAAM,MACN,SAAU,MACV,WAAY,MACZ,WAAY,MACZ,GAAI,MACJ,IAAK,MACL,MAAO,CACL,MAAO,MACP,OAAQ,KAAA,CACV,EAaF,GAAI,CACF,EAAG,OACH,KAAM,OACN,SAAU,MACV,WAAY,MACZ,GAAI,MACJ,IAAK,MACL,MAAO,CACL,MAAO,MACP,OAAQ,KAAA,CACV,CACF,EAmCF,QAAS,CACP,MAAO,CACL,GAAI,iBACJ,MAAO,wBACP,OAAQ,CACN,GAAI,iBAAA,EAEN,UAAW,CACT,GAAI,iBAAA,CACN,EAEF,OAAQ,CACN,GAAI,iBACJ,MAAO,kBACP,OAAQ,CACN,GAAI,gBAAA,EAEN,UAAW,CACT,GAAI,gBAAA,CACN,EAEF,QAAS,CACP,YAAa,MACb,YAAa,iBACb,MAAO,kBACP,mBAAoB,wCACpB,mBAAoB,WACpB,OAAQ,CACN,GAAI,iBACJ,YAAa,gBAAA,EAEf,UAAW,CACT,GAAI,qBAAA,CACN,EAEF,MAAO,CACL,MAAO,kBACP,OAAQ,CACN,GAAI,gBAAA,EAEN,UAAW,CACT,GAAI,gBAAA,CACN,EAEF,KAAM,CACJ,MAAO,kBACP,OAAQ,CACN,eAAgB,WAAA,CAClB,CACF,EAEF,KAAM,CACJ,QAAS,CACP,aAAc,SAAA,EAEhB,SAAU,CACR,aAAc,UAAA,EAEhB,QAAS,CACP,aAAc,SAAA,EAEhB,KAAM,CACJ,aAAc,MAAA,CAChB,CACF,EAEF,gBAAiB,CACf,KAAM,KACN,QAAS,QAAA,CAEb,CAAC"}

package/dist/chunks/button.recipe-D9e9Gh9L.es.js

@@ -0,0 +1,191 @@
+import { d as e } from "./config-ufbQ08Vi.es.js";
+const t = /* @__PURE__ */ e({
+  className: "nimbus-button",
+  base: {
+    borderRadius: "200",
+    display: "inline-flex",
+    appearance: "none",
+    alignItems: "center",
+    justifyContent: "center",
+    userSelect: "none",
+    position: "relative",
+    whiteSpace: "nowrap",
+    verticalAlign: "middle",
+    borderWidth: "1px",
+    borderColor: "transparent",
+    cursor: "button",
+    flexShrink: "0",
+    outline: "0",
+    lineHeight: "1.2",
+    isolation: "isolate",
+    fontWeight: "500",
+    transitionProperty: "common",
+    transitionDuration: "moderate",
+    focusVisibleRing: "outside",
+    _disabled: {
+      layerStyle: "disabled"
+    },
+    _icon: {
+      flexShrink: "0"
+    }
+  },
+  variants: {
+    size: {
+      "2xs": {
+        h: "600",
+        minW: "600",
+        fontSize: "300",
+        fontWeight: "500",
+        lineHeight: "400",
+        px: "200",
+        gap: "100",
+        _icon: {
+          width: "400",
+          height: "400"
+        }
+      },
+      xs: {
+        h: "800",
+        minW: "800",
+        fontSize: "350",
+        fontWeight: "500",
+        lineHeight: "400",
+        px: "300",
+        gap: "100",
+        _icon: {
+          width: "500",
+          height: "500"
+        }
+      },
+      /* sm: {
+        h: "900",
+        minW: "900",
+        px: "350",
+        textStyle: "sm",
+        gap: "200",
+        _icon: {
+          width: "400",
+          height: "400",
+        },
+      }, */
+      md: {
+        h: "1000",
+        minW: "1000",
+        fontSize: "400",
+        lineHeight: "500",
+        px: "400",
+        gap: "200",
+        _icon: {
+          width: "600",
+          height: "600"
+        }
+      }
+      /*  lg: {
+        h: "1100",
+        minW: "1100",
+        textStyle: "md",
+        px: "500",
+        gap: "300",
+        _icon: {
+          width: "500",
+          height: "500",
+        },
+      }, */
+      /*  xl: {
+        h: "1200",
+        minW: "1200",
+        textStyle: "md",
+        px: "500",
+        gap: "250",
+        _icon: {
+          width: "500",
+          height: "500",
+        },
+      }, */
+      /* "2xl": {
+        h: "1600",
+        minW: "1600",
+        textStyle: "lg",
+        px: "700",
+        gap: "300",
+        _icon: {
+          width: "600",
+          height: "600",
+        },
+      }, */
+    },
+    variant: {
+      solid: {
+        bg: "colorPalette.9",
+        color: "colorPalette.contrast",
+        _hover: {
+          bg: "colorPalette.10"
+        },
+        _expanded: {
+          bg: "colorPalette.10"
+        }
+      },
+      subtle: {
+        bg: "colorPalette.3",
+        color: "colorPalette.11",
+        _hover: {
+          bg: "colorPalette.4"
+        },
+        _expanded: {
+          bg: "colorPalette.4"
+        }
+      },
+      outline: {
+        borderWidth: "1px",
+        borderColor: "colorPalette.7",
+        color: "colorPalette.11",
+        transitionProperty: "background-color, border-color, color",
+        transitionDuration: "moderate",
+        _hover: {
+          bg: "colorPalette.3",
+          borderColor: "colorPalette.8"
+        },
+        _expanded: {
+          bg: "colorPalette.subtle"
+        }
+      },
+      ghost: {
+        color: "colorPalette.11",
+        _hover: {
+          bg: "colorPalette.4"
+        },
+        _expanded: {
+          bg: "colorPalette.4"
+        }
+      },
+      link: {
+        color: "colorPalette.11",
+        _hover: {
+          textDecoration: "underline"
+        }
+      }
+    },
+    tone: {
+      primary: {
+        colorPalette: "primary"
+      },
+      critical: {
+        colorPalette: "critical"
+      },
+      neutral: {
+        colorPalette: "neutral"
+      },
+      info: {
+        colorPalette: "info"
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    variant: "subtle"
+  }
+});
+export {
+  t as b
+};
+//# sourceMappingURL=button.recipe-D9e9Gh9L.es.js.map

package/dist/chunks/button.recipe-D9e9Gh9L.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.recipe-D9e9Gh9L.es.js","sources":["../../src/components/button/button.recipe.ts"],"sourcesContent":["import { defineRecipe } from \"@chakra-ui/react/styled-system\";\n\nexport const buttonRecipe = defineRecipe({\n  className: \"nimbus-button\",\n  base: {\n    borderRadius: \"200\",\n    display: \"inline-flex\",\n    appearance: \"none\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    userSelect: \"none\",\n    position: \"relative\",\n    whiteSpace: \"nowrap\",\n    verticalAlign: \"middle\",\n    borderWidth: \"1px\",\n    borderColor: \"transparent\",\n    cursor: \"button\",\n    flexShrink: \"0\",\n    outline: \"0\",\n    lineHeight: \"1.2\",\n    isolation: \"isolate\",\n    fontWeight: \"500\",\n    transitionProperty: \"common\",\n    transitionDuration: \"moderate\",\n    focusVisibleRing: \"outside\",\n    _disabled: {\n      layerStyle: \"disabled\",\n    },\n    _icon: {\n      flexShrink: \"0\",\n    },\n  },\n  variants: {\n    size: {\n      \"2xs\": {\n        h: \"600\",\n        minW: \"600\",\n        fontSize: \"300\",\n        fontWeight: \"500\",\n        lineHeight: \"400\",\n        px: \"200\",\n        gap: \"100\",\n        _icon: {\n          width: \"400\",\n          height: \"400\",\n        },\n      },\n      xs: {\n        h: \"800\",\n        minW: \"800\",\n        fontSize: \"350\",\n        fontWeight: \"500\",\n        lineHeight: \"400\",\n        px: \"300\",\n        gap: \"100\",\n        _icon: {\n          width: \"500\",\n          height: \"500\",\n        },\n      },\n      /* sm: {\n        h: \"900\",\n        minW: \"900\",\n        px: \"350\",\n        textStyle: \"sm\",\n        gap: \"200\",\n        _icon: {\n          width: \"400\",\n          height: \"400\",\n        },\n      }, */\n      md: {\n        h: \"1000\",\n        minW: \"1000\",\n        fontSize: \"400\",\n        lineHeight: \"500\",\n        px: \"400\",\n        gap: \"200\",\n        _icon: {\n          width: \"600\",\n          height: \"600\",\n        },\n      },\n      /*  lg: {\n        h: \"1100\",\n        minW: \"1100\",\n        textStyle: \"md\",\n        px: \"500\",\n        gap: \"300\",\n        _icon: {\n          width: \"500\",\n          height: \"500\",\n        },\n      }, */\n      /*  xl: {\n        h: \"1200\",\n        minW: \"1200\",\n        textStyle: \"md\",\n        px: \"500\",\n        gap: \"250\",\n        _icon: {\n          width: \"500\",\n          height: \"500\",\n        },\n      }, */\n      /* \"2xl\": {\n        h: \"1600\",\n        minW: \"1600\",\n        textStyle: \"lg\",\n        px: \"700\",\n        gap: \"300\",\n        _icon: {\n          width: \"600\",\n          height: \"600\",\n        },\n      }, */\n    },\n    variant: {\n      solid: {\n        bg: \"colorPalette.9\",\n        color: \"colorPalette.contrast\",\n        _hover: {\n          bg: \"colorPalette.10\",\n        },\n        _expanded: {\n          bg: \"colorPalette.10\",\n        },\n      },\n      subtle: {\n        bg: \"colorPalette.3\",\n        color: \"colorPalette.11\",\n        _hover: {\n          bg: \"colorPalette.4\",\n        },\n        _expanded: {\n          bg: \"colorPalette.4\",\n        },\n      },\n      outline: {\n        borderWidth: \"1px\",\n        borderColor: \"colorPalette.7\",\n        color: \"colorPalette.11\",\n        transitionProperty: \"background-color, border-color, color\",\n        transitionDuration: \"moderate\",\n        _hover: {\n          bg: \"colorPalette.3\",\n          borderColor: \"colorPalette.8\",\n        },\n        _expanded: {\n          bg: \"colorPalette.subtle\",\n        },\n      },\n      ghost: {\n        color: \"colorPalette.11\",\n        _hover: {\n          bg: \"colorPalette.4\",\n        },\n        _expanded: {\n          bg: \"colorPalette.4\",\n        },\n      },\n      link: {\n        color: \"colorPalette.11\",\n        _hover: {\n          textDecoration: \"underline\",\n        },\n      },\n    },\n    tone: {\n      primary: {\n        colorPalette: \"primary\",\n      },\n      critical: {\n        colorPalette: \"critical\",\n      },\n      neutral: {\n        colorPalette: \"neutral\",\n      },\n      info: {\n        colorPalette: \"info\",\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n    variant: \"subtle\",\n  },\n});\n"],"names":["buttonRecipe","defineRecipe"],"mappings":";AAEO,MAAMA,IAAe,gBAAAC,EAAa;AAAA,EACvC,WAAW;AAAA,EACX,MAAM;AAAA,IACJ,cAAc;AAAA,IACd,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,eAAe;AAAA,IACf,aAAa;AAAA,IACb,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,oBAAoB;AAAA,IACpB,oBAAoB;AAAA,IACpB,kBAAkB;AAAA,IAClB,WAAW;AAAA,MACT,YAAY;AAAA,IAAA;AAAA,IAEd,OAAO;AAAA,MACL,YAAY;AAAA,IAAA;AAAA,EACd;AAAA,EAEF,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,OAAO;AAAA,QACL,GAAG;AAAA,QACH,MAAM;AAAA,QACN,UAAU;AAAA,QACV,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,IAAI;AAAA,QACJ,KAAK;AAAA,QACL,OAAO;AAAA,UACL,OAAO;AAAA,UACP,QAAQ;AAAA,QAAA;AAAA,MACV;AAAA,MAEF,IAAI;AAAA,QACF,GAAG;AAAA,QACH,MAAM;AAAA,QACN,UAAU;AAAA,QACV,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,IAAI;AAAA,QACJ,KAAK;AAAA,QACL,OAAO;AAAA,UACL,OAAO;AAAA,UACP,QAAQ;AAAA,QAAA;AAAA,MACV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAaF,IAAI;AAAA,QACF,GAAG;AAAA,QACH,MAAM;AAAA,QACN,UAAU;AAAA,QACV,YAAY;AAAA,QACZ,IAAI;AAAA,QACJ,KAAK;AAAA,QACL,OAAO;AAAA,UACL,OAAO;AAAA,UACP,QAAQ;AAAA,QAAA;AAAA,MACV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IACF;AAAA,IAmCF,SAAS;AAAA,MACP,OAAO;AAAA,QACL,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,QAAQ;AAAA,UACN,IAAI;AAAA,QAAA;AAAA,QAEN,WAAW;AAAA,UACT,IAAI;AAAA,QAAA;AAAA,MACN;AAAA,MAEF,QAAQ;AAAA,QACN,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,QAAQ;AAAA,UACN,IAAI;AAAA,QAAA;AAAA,QAEN,WAAW;AAAA,UACT,IAAI;AAAA,QAAA;AAAA,MACN;AAAA,MAEF,SAAS;AAAA,QACP,aAAa;AAAA,QACb,aAAa;AAAA,QACb,OAAO;AAAA,QACP,oBAAoB;AAAA,QACpB,oBAAoB;AAAA,QACpB,QAAQ;AAAA,UACN,IAAI;AAAA,UACJ,aAAa;AAAA,QAAA;AAAA,QAEf,WAAW;AAAA,UACT,IAAI;AAAA,QAAA;AAAA,MACN;AAAA,MAEF,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,UACN,IAAI;AAAA,QAAA;AAAA,QAEN,WAAW;AAAA,UACT,IAAI;AAAA,QAAA;AAAA,MACN;AAAA,MAEF,MAAM;AAAA,QACJ,OAAO;AAAA,QACP,QAAQ;AAAA,UACN,gBAAgB;AAAA,QAAA;AAAA,MAClB;AAAA,IACF;AAAA,IAEF,MAAM;AAAA,MACJ,SAAS;AAAA,QACP,cAAc;AAAA,MAAA;AAAA,MAEhB,UAAU;AAAA,QACR,cAAc;AAAA,MAAA;AAAA,MAEhB,SAAS;AAAA,QACP,cAAc;AAAA,MAAA;AAAA,MAEhB,MAAM;AAAA,QACJ,cAAc;AAAA,MAAA;AAAA,IAChB;AAAA,EACF;AAAA,EAEF,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAEb,CAAC;"}

package/dist/chunks/calendar-DssRRpmr.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),a=require("./Heading-DiqU5dbv.cjs.js"),q=require("./create-slot-recipe-context-7JMdJHPF.cjs.js"),u=require("react"),c=require("./useDateFormatter-Byp_7yyY.cjs.js"),p=require("./utils-sWqo2nmW.cjs.js"),v=require("./box-BOsRGQEm.cjs.js"),S=require("./context-DURpz5en.cjs.js"),h=require("./icon-button-DF2_vh-X.cjs.js"),j=require("./text-tO5nXPfT.cjs.js"),y=require("./stack-CSKcZxll.cjs.js"),D=require("./visually-hidden-YFEW-yS7.cjs.js"),$=require("@commercetools/nimbus-icons"),P=require("./flex-DgsstZZT.cjs.js"),R=require("./index-Ca-OEf5O.cjs.js"),I=require("./extractStyleProps-CRJEfqqS.cjs.js"),C=require("./Button-BjOgrRmH.cjs.js"),g=require("./Text-BWSfeB9p.cjs.js"),T=require("./use-recipe-CJAjTxPP.cjs.js"),{withProvider:B,withContext:s}=q.createSlotRecipeContext({key:"calendar"}),H=B("div","root"),A=s("div","header"),F=s("div","grids"),G=s("div","monthTitle"),L=s("table","grid"),k=s("thead","gridHeader"),M=s("th","headerCell"),N=s("tbody","gridBody"),z=s("td","bodyCell"),K=()=>{const{locale:d}=S.$18f2051aff69b9bf$export$43bb16f9c6d9e3f7(),n=p.$64fa3d84918910a7$export$fabf2dc03a41866e(a.$dfd62f934fc76fed$export$3b805cea1f178355),t=u.useContext(a.$dfd62f934fc76fed$export$9e31dcedda1dadc7),r=n?.visibleDuration?.months||1,o=c.$14e0f24ef4ac5c92$export$d0bdf45af03a6ea3(c.$14e0f24ef4ac5c92$export$aa8b41735afcabd2()),i=r>1;return e.jsx(F,{children:Array.from({length:r},(m,l)=>{const b=t.visibleRange.start.add({months:l}),f=new Intl.DateTimeFormat(d,{month:"long"}).format(b.toDate(c.$14e0f24ef4ac5c92$export$aa8b41735afcabd2()));return e.jsxs(v.Box,{width:r==1?"full":"auto",children:[i&&e.jsx(G,{children:f}),e.jsx(L,{asChild:!0,children:e.jsxs(a.$dfd62f934fc76fed$export$5bd780d491cfc46c,{offset:{months:l},weekdayStyle:"short",children:[e.jsx(k,{asChild:!0,children:e.jsx(a.$dfd62f934fc76fed$export$22e2d15eaa4d2377,{children:x=>e.jsx(M,{asChild:!0,children:e.jsx(a.$dfd62f934fc76fed$export$ad2135cac3a11b3d,{children:x})})})}),e.jsx(N,{asChild:!0,children:e.jsx(a.$dfd62f934fc76fed$export$e11f8ba65d857bff,{children:x=>{const w=x.compare(o)===0;return e.jsx(z,{asChild:!0,"data-today":w,children:e.jsx(a.$dfd62f934fc76fed$export$5d847498420df57b,{date:x})})}})})]})})]},f)})})},V=()=>{const t=(p.$64fa3d84918910a7$export$fabf2dc03a41866e(a.$dfd62f934fc76fed$export$3b805cea1f178355)?.visibleDuration?.months||1)>1;return e.jsx(A,{children:e.jsxs(P.Flex,{children:[e.jsxs(y.Stack,{direction:"row",alignItems:"center",children:[e.jsx(D.VisuallyHidden,{children:e.jsx(a.$5cb03073d3f54797$export$a8a3e93435678ff9,{})}),e.jsx(h.IconButton,{slot:t?"previous":"previous-month",size:"xs",variant:"ghost",tone:"primary",children:e.jsx($.KeyboardArrowLeft,{})}),e.jsx(j.Text,{textStyle:"sm",fontWeight:"500",color:"neutral.11",width:t?"4000":"2000",textAlign:"center","aria-hidden":"true",slot:t?"monthRange":"month"}),e.jsx(h.IconButton,{slot:t?"next":"next-month",size:"xs",variant:"ghost",tone:"primary",children:e.jsx($.KeyboardArrowRight,{})})]}),e.jsx(v.Box,{flexGrow:"1"}),e.jsxs(y.Stack,{direction:"row",alignItems:"center",children:[e.jsx(h.IconButton,{slot:"previous-year",size:"xs",variant:"ghost",tone:"primary",children:e.jsx($.KeyboardArrowLeft,{})}),e.jsx(j.Text,{textStyle:"sm",fontWeight:"500",color:"neutral.11",width:"1400",textAlign:"center","aria-hidden":"true",slot:"year"}),e.jsx(h.IconButton,{slot:"next-year",size:"xs",variant:"ghost",tone:"primary",children:e.jsx($.KeyboardArrowRight,{})})]})]})})},W=({children:d})=>{const{locale:n}=S.$18f2051aff69b9bf$export$43bb16f9c6d9e3f7(),t=u.useContext(C.$d2b4bc8c273e7be6$export$24d547caef80ccd1),r=u.useContext(g.$514c0188e459b4c0$export$9afb8bc826b033ea),o=u.useContext(a.$dfd62f934fc76fed$export$9e31dcedda1dadc7),i={"next-month":{onPress:()=>o.focusNextSection(),"aria-label":"Next month"},"previous-month":{onPress:()=>o.focusPreviousSection(),"aria-label":"Previous month"},"next-year":{onPress:()=>o.focusNextSection(!0),"aria-label":"Next year"},"previous-year":{onPress:()=>o.focusPreviousSection(!0),"aria-label":"Previous year"}},m=new Intl.DateTimeFormat(n,{month:"long"}).format(o.focusedDate.toDate(c.$14e0f24ef4ac5c92$export$aa8b41735afcabd2())),l=[new Intl.DateTimeFormat(n,{month:"long"}).format(o.visibleRange.start.toDate(c.$14e0f24ef4ac5c92$export$aa8b41735afcabd2())),new Intl.DateTimeFormat(n,{month:"long"}).format(o.visibleRange.end.toDate(c.$14e0f24ef4ac5c92$export$aa8b41735afcabd2()))].join(" - "),b=new Intl.DateTimeFormat(n,{year:"numeric"}).format(o.focusedDate.toDate(c.$14e0f24ef4ac5c92$export$aa8b41735afcabd2())),f={month:{children:m},monthRange:{children:l},year:{children:b}};return e.jsx(p.$64fa3d84918910a7$export$2881499e37b75b9a,{values:[[C.$d2b4bc8c273e7be6$export$24d547caef80ccd1,{...t,slots:{...t&&typeof t=="object"&&"slots"in t?t.slots:{},...i}}],[g.$514c0188e459b4c0$export$9afb8bc826b033ea,{...r,slots:{...r&&typeof r=="object"&&"slots"in r?r.slots:{},...f}}]],children:d})},_=d=>{const n=T.useRecipe({recipe:R.calendarSlotRecipe}),[t,r]=n.splitVariantProps(d),[o,i]=I.extractStyleProps(r);return e.jsx(H,{...t,...o,asChild:!0,children:e.jsx(a.$dfd62f934fc76fed$export$e1aef45b828286de,{...i,children:e.jsxs(W,{children:[e.jsx(V,{}),e.jsx(K,{})]})})})};exports.Calendar=_;
+//# sourceMappingURL=calendar-DssRRpmr.cjs.js.map