@commercetools/nimbus 0.0.12-rc3 → 0.0.12-rc4

package/dist/chunks/{alert-9-Hp2KQ4.es.js → alert-D-ddqYG4.es.js}

@@ -1,11 +1,10 @@
 import { jsx as i, jsxs as u } from "react/jsx-runtime";
 import { createContext as B, useState as l, useMemo as T, useContext as c, useEffect as a } from "react";
-import { a as w } from "./config-ufbQ08Vi.es.js";
-import { c as R } from "./create-slot-recipe-context--T0CaFjW.es.js";
-import { B as y } from "./box-BK_2R49p.es.js";
-import { S as E } from "./stack-QzuqKTKb.es.js";
+import { defineSlotRecipe as w, createSlotRecipeContext as R } from "@chakra-ui/react/styled-system";
+import { B as y } from "./box-DuBoAZvq.es.js";
+import { S as E } from "./stack-CoNreM7B.es.js";
 import { CheckCircleOutline as I, WarningAmber as S, Info as $, ErrorOutline as k, Clear as j } from "@commercetools/nimbus-icons";
-import { I as O } from "./icon-button-EonZGbth.es.js";
+import { I as O } from "./icon-button-C20Gw8gQ.es.js";
 const W = /* @__PURE__ */ w({
   slots: ["root", "title", "description", "icon", "actions", "dismissButton"],
   // Unique class name prefix for the component
@@ -61,21 +60,21 @@ const W = /* @__PURE__ */ w({
       }
     }
   }
-}), { withProvider: z, withContext: r } = /* @__PURE__ */ R({
+}), { withProvider: z, withContext: n } = /* @__PURE__ */ R({
   recipe: W
 }), F = /* @__PURE__ */ z(
   "div",
   "root"
-), M = /* @__PURE__ */ r(
+), M = /* @__PURE__ */ n(
   "div",
   "title"
-), V = /* @__PURE__ */ r("div", "description"), q = /* @__PURE__ */ r(
+), V = /* @__PURE__ */ n("div", "description"), q = /* @__PURE__ */ n(
   "div",
   "icon"
-), G = /* @__PURE__ */ r(
+), G = /* @__PURE__ */ n(
   "div",
   "actions"
-), H = /* @__PURE__ */ r("div", "dismissButton"), J = (e) => {
+), H = /* @__PURE__ */ n("div", "dismissButton"), J = (e) => {
   switch (e) {
     case "critical":
       return /* @__PURE__ */ i(k, {});
@@ -88,19 +87,19 @@ const W = /* @__PURE__ */ w({
     default:
       return null;
   }
-}, n = /* @__PURE__ */ B(
+}, r = /* @__PURE__ */ B(
   void 0
-), A = (e) => {
-  const { ref: o, children: t, ...s } = e, [h, d] = l(null), [P, m] = l(null), [b, p] = l(null), [C, f] = l(null), N = T(
+), f = (e) => {
+  const { ref: o, children: t, ...s } = e, [h, d] = l(null), [P, m] = l(null), [b, p] = l(null), [C, A] = l(null), N = T(
     () => ({
       setTitle: d,
       setDescription: m,
       setActions: p,
-      setDismiss: f
+      setDismiss: A
     }),
-    [d, m, p, f]
+    [d, m, p, A]
   );
-  return /* @__PURE__ */ i(n.Provider, { value: N, children: /* @__PURE__ */ u(F, { ref: o, ...s, role: "alert", children: [
+  return /* @__PURE__ */ i(r.Provider, { value: N, children: /* @__PURE__ */ u(F, { ref: o, ...s, role: "alert", children: [
     /* @__PURE__ */ i(q, { alignItems: "flex-start", children: J(s.tone) }),
     /* @__PURE__ */ u(E, { flex: "1", gap: "200", children: [
       /* @__PURE__ */ u(y, { children: [
@@ -113,9 +112,9 @@ const W = /* @__PURE__ */ w({
     t
   ] }) });
 };
-A.displayName = "Alert.Root";
+f.displayName = "Alert.Root";
 const x = ({ children: e, ...o }) => {
-  const t = c(n);
+  const t = c(r);
   return a(() => {
     if (t) {
       const s = /* @__PURE__ */ i(M, { ...o, fontWeight: "600", children: e });
@@ -128,7 +127,7 @@ const v = ({
   children: e,
   ...o
 }) => {
-  const t = c(n);
+  const t = c(r);
   return a(() => {
     if (t) {
       const s = /* @__PURE__ */ i(V, { ...o, children: e });
@@ -138,7 +137,7 @@ const v = ({
 };
 v.displayName = "Alert.Description";
 const D = ({ children: e, ...o }) => {
-  const t = c(n);
+  const t = c(r);
   return a(() => {
     if (t) {
       const s = /* @__PURE__ */ i(G, { ...o, children: e });
@@ -151,7 +150,7 @@ const g = ({
   children: e,
   ...o
 }) => {
-  const t = c(n);
+  const t = c(r);
   return a(() => {
     if (t) {
       const s = /* @__PURE__ */ i(H, { children: /* @__PURE__ */ i(
@@ -169,19 +168,19 @@ const g = ({
   }, [e, o]), null;
 };
 g.displayName = "Alert.DismissButton";
-const tt = {
-  Root: A,
+const _ = {
+  Root: f,
   Title: x,
   Description: v,
   Actions: D,
   DismissButton: g
 };
 export {
-  tt as A,
-  A as a,
+  _ as A,
+  f as a,
   x as b,
   v as c,
   D as d,
   g as e
 };
-//# sourceMappingURL=alert-9-Hp2KQ4.es.js.map
+//# sourceMappingURL=alert-D-ddqYG4.es.js.map

package/dist/chunks/{alert-9-Hp2KQ4.es.js.map → alert-D-ddqYG4.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"alert-9-Hp2KQ4.es.js","sources":["../../src/components/alert/alert.recipe.tsx","../../src/components/alert/alert.slots.tsx","../../src/components/alert/components/alert.root.tsx","../../src/components/alert/components/alert.title.tsx","../../src/components/alert/components/alert.description.tsx","../../src/components/alert/components/alert.actions.tsx","../../src/components/alert/components/alert.dismiss-button.tsx","../../src/components/alert/alert.tsx"],"sourcesContent":["import { defineSlotRecipe } from \"@chakra-ui/react/styled-system\";\n/**\n * Recipe configuration for the Alert component.\n * Defines the styling variants and base styles using Chakra UI's recipe system.\n */\nexport const alertRecipe = defineSlotRecipe({\n  slots: [\"root\", \"title\", \"description\", \"icon\", \"actions\", \"dismissButton\"],\n  // Unique class name prefix for the component\n  className: \"nimbus-alert\",\n\n  // Base styles applied to all instances of the component\n  base: {\n    root: {\n      display: \"inline-flex\",\n      flexDirection: \"row\",\n      gap: \"200\",\n      width: \"100%\",\n    },\n    icon: {\n      marginTop: \"50\",\n      \"& svg\": {\n        width: \"500\",\n        height: \"500\",\n        color: \"colorPalette.11\",\n      },\n    },\n    title: {\n      color: \"colorPalette.11\",\n    },\n    description: {\n      color: \"colorPalette.11\",\n    },\n  },\n\n  variants: {\n    tone: {\n      critical: {\n        root: { colorPalette: \"critical\" },\n      },\n      info: {\n        root: { colorPalette: \"info\" },\n      },\n      warning: {\n        root: { colorPalette: \"amber\" },\n      },\n      positive: {\n        root: { colorPalette: \"positive\" },\n      },\n    },\n\n    variant: {\n      flat: {},\n      outlined: {\n        root: {\n          border: \"solid-25\",\n          borderColor: \"colorPalette.5\",\n          backgroundColor: \"colorPalette.2\",\n          padding: \"200\",\n          borderRadius: \"200\",\n        },\n      },\n    },\n  },\n});\n","import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport { alertRecipe } from \"./alert.recipe\";\nimport type {\n  AlertActionsProps,\n  AlertDescriptionProps,\n  AlertDismissButtonProps,\n  AlertIconProps,\n  AlertRootProps,\n  AlertTitleProps,\n} from \"./alert.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  recipe: alertRecipe,\n});\n\nexport const AlertRoot = withProvider<HTMLDivElement, AlertRootProps>(\n  \"div\",\n  \"root\"\n);\n\nexport const AlertTitle = withContext<HTMLDivElement, AlertTitleProps>(\n  \"div\",\n  \"title\"\n);\n\nexport const AlertDescription = withContext<\n  HTMLDivElement,\n  AlertDescriptionProps\n>(\"div\", \"description\");\n\nexport const AlertIcon = withContext<HTMLDivElement, AlertIconProps>(\n  \"div\",\n  \"icon\"\n);\n\nexport const AlertActions = withContext<HTMLDivElement, AlertActionsProps>(\n  \"div\",\n  \"actions\"\n);\n\n// This is a div wrapper for layout placement - note that we expect it to receive `IconButton` props, but we use a `div`.\n// We then forward the consumer props to the interior `IconButton` component.\nexport const AlertDismissButton = withContext<\n  HTMLDivElement,\n  AlertDismissButtonProps\n>(\"div\", \"dismissButton\");\n","import { createContext, useMemo, useState, type ReactNode } from \"react\";\nimport { AlertRoot as AlertRootSlot, AlertIcon } from \"../alert.slots\";\nimport type { AlertProps, AlertRootComponent } from \"../alert.types\";\nimport { Box } from \"../../box\";\nimport { Stack } from \"../../stack\";\nimport {\n  CheckCircleOutline,\n  ErrorOutline,\n  Info,\n  WarningAmber,\n} from \"@commercetools/nimbus-icons\";\n\nconst getIconFromTone = (tone: AlertProps[\"tone\"]) => {\n  switch (tone) {\n    case \"critical\":\n      return <ErrorOutline />;\n    case \"info\":\n      return <Info />;\n    case \"warning\":\n      return <WarningAmber />;\n    case \"positive\":\n      return <CheckCircleOutline />;\n    default:\n      return null;\n  }\n};\n\ntype AlertContextValue = {\n  setTitle: (title: ReactNode) => void;\n  setDescription: (description: ReactNode) => void;\n  setActions: (actions: ReactNode) => void;\n  setDismiss: (dismiss: ReactNode) => void;\n};\n\nexport const AlertContext = createContext<AlertContextValue | undefined>(\n  undefined\n);\n\n/**\n * # Alert\n *\n * Provides feedback to the user about the status of an action or system event\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/feedback/alert}\n */\nexport const AlertRoot: AlertRootComponent = (props) => {\n  const { ref, children, ...restProps } = props;\n  const [titleNode, setTitle] = useState<ReactNode>(null);\n  const [descriptionNode, setDescription] = useState<ReactNode>(null);\n  const [actionsNode, setActions] = useState<ReactNode>(null);\n  const [dismissNode, setDismiss] = useState<ReactNode>(null);\n\n  // Memoize the context value so we don't cause unnecessary re-renders\n  const contextValue = useMemo(\n    () => ({\n      setTitle,\n      setDescription,\n      setActions,\n      setDismiss,\n    }),\n    [setTitle, setDescription, setActions, setDismiss]\n  );\n\n  return (\n    <AlertContext.Provider value={contextValue}>\n      <AlertRootSlot ref={ref} {...restProps} role=\"alert\">\n        <AlertIcon alignItems=\"flex-start\">\n          {getIconFromTone(restProps.tone)}\n        </AlertIcon>\n        <Stack flex=\"1\" gap=\"200\">\n          <Box>\n            {titleNode}\n            {descriptionNode}\n          </Box>\n          {actionsNode}\n        </Stack>\n        {dismissNode}\n\n        {children}\n      </AlertRootSlot>\n    </AlertContext.Provider>\n  );\n};\n\nAlertRoot.displayName = \"Alert.Root\";\n","import { useContext, useEffect } from \"react\";\nimport { AlertTitle as AlertTitleSlot } from \"../alert.slots\";\nimport type { AlertTitleProps } from \"../alert.types\";\nimport { AlertContext } from \"./alert.root\";\n\nexport const AlertTitle = ({ children, ...props }: AlertTitleProps) => {\n  const context = useContext(AlertContext);\n\n  useEffect(() => {\n    if (context) {\n      const slotElement = (\n        <AlertTitleSlot {...props} fontWeight=\"600\">\n          {children}\n        </AlertTitleSlot>\n      );\n      // Register it with the parent\n      context.setTitle(slotElement);\n\n      // On unmount, remove it\n      return () => context.setTitle(null);\n    }\n  }, [children, props]);\n\n  return null;\n};\n\nAlertTitle.displayName = \"Alert.Title\";\n","import { useContext, useEffect } from \"react\";\nimport { AlertDescription as AlertDescriptionSlot } from \"../alert.slots\";\nimport type { AlertDescriptionProps } from \"../alert.types\";\nimport { AlertContext } from \"./alert.root\";\n\nexport const AlertDescription = ({\n  children,\n  ...props\n}: AlertDescriptionProps) => {\n  const context = useContext(AlertContext);\n\n  useEffect(() => {\n    if (context) {\n      const slotElement = (\n        <AlertDescriptionSlot {...props}>{children}</AlertDescriptionSlot>\n      );\n      // Register it with the parent\n      context.setDescription(slotElement);\n\n      // On unmount, remove it\n      return () => context.setDescription(null);\n    }\n  }, [children, props]);\n\n  return null;\n};\n\nAlertDescription.displayName = \"Alert.Description\";\n","import { useContext, useEffect } from \"react\";\nimport { AlertActions as AlertActionsSlot } from \"../alert.slots\";\nimport type { AlertActionsProps } from \"../alert.types\";\nimport { AlertContext } from \"./alert.root\";\n\nexport const AlertActions = ({ children, ...props }: AlertActionsProps) => {\n  const context = useContext(AlertContext);\n\n  useEffect(() => {\n    if (context) {\n      const slotElement = (\n        <AlertActionsSlot {...props}>{children}</AlertActionsSlot>\n      );\n      // Register it with the parent\n      context.setActions(slotElement);\n\n      // On unmount, remove it\n      return () => context.setActions(null);\n    }\n  }, [children, props]);\n\n  return null;\n};\n\nAlertActions.displayName = \"Alert.Actions\";\n","import { useContext, useEffect } from \"react\";\nimport { AlertDismissButton as AlertDismissButtonSlot } from \"../alert.slots\";\nimport type { AlertDismissButtonProps } from \"../alert.types\";\nimport { Clear } from \"@commercetools/nimbus-icons\";\nimport { IconButton } from \"../../icon-button\";\nimport { AlertContext } from \"./alert.root\";\n\nexport const AlertDismissButton = ({\n  children,\n  ...props\n}: AlertDismissButtonProps) => {\n  const context = useContext(AlertContext);\n\n  useEffect(() => {\n    if (context) {\n      const slotElement = (\n        <AlertDismissButtonSlot>\n          <IconButton\n            aria-label=\"Dismiss\"\n            {...props}\n            variant=\"ghost\"\n            size=\"2xs\"\n          >\n            <Clear role=\"img\" />\n          </IconButton>\n        </AlertDismissButtonSlot>\n      );\n      // Register it with the parent\n      context.setDismiss(slotElement);\n\n      // On unmount, remove it\n      return () => context.setDismiss(null);\n    }\n  }, [children, props]);\n\n  return null;\n};\n\nAlertDismissButton.displayName = \"Alert.DismissButton\";\n","import { AlertTitle } from \"./components/alert.title\";\nimport { AlertDescription } from \"./components/alert.description\";\nimport { AlertActions } from \"./components/alert.actions\";\nimport { AlertDismissButton } from \"./components/alert.dismiss-button\";\nimport { AlertRoot } from \"./components/alert.root\";\n\n/**\n * Alert\n * ============================================================\n * Provides feedback to the user about the status of an action or system event\n */\nexport const Alert = {\n  Root: AlertRoot,\n  Title: AlertTitle,\n  Description: AlertDescription,\n  Actions: AlertActions,\n  DismissButton: AlertDismissButton,\n};\n\n// exports for internal use by react-docgen\nexport {\n  AlertRoot as _AlertRoot,\n  AlertTitle as _AlertTitle,\n  AlertDescription as _AlertDescription,\n  AlertActions as _AlertActions,\n  AlertDismissButton as _AlertDismissButton,\n};\n"],"names":["alertRecipe","defineSlotRecipe","withProvider","withContext","createSlotRecipeContext","AlertRoot","AlertTitle","AlertDescription","AlertIcon","AlertActions","AlertDismissButton","getIconFromTone","tone","ErrorOutline","Info","WarningAmber","CheckCircleOutline","AlertContext","createContext","props","ref","children","restProps","titleNode","setTitle","useState","descriptionNode","setDescription","actionsNode","setActions","dismissNode","setDismiss","contextValue","useMemo","jsx","jsxs","AlertRootSlot","Stack","Box","context","useContext","useEffect","slotElement","AlertTitleSlot","AlertDescriptionSlot","AlertActionsSlot","AlertDismissButtonSlot","IconButton","Clear","Alert"],"mappings":"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"}
+{"version":3,"file":"alert-D-ddqYG4.es.js","sources":["../../src/components/alert/alert.recipe.tsx","../../src/components/alert/alert.slots.tsx","../../src/components/alert/components/alert.root.tsx","../../src/components/alert/components/alert.title.tsx","../../src/components/alert/components/alert.description.tsx","../../src/components/alert/components/alert.actions.tsx","../../src/components/alert/components/alert.dismiss-button.tsx","../../src/components/alert/alert.tsx"],"sourcesContent":["import { defineSlotRecipe } from \"@chakra-ui/react/styled-system\";\n/**\n * Recipe configuration for the Alert component.\n * Defines the styling variants and base styles using Chakra UI's recipe system.\n */\nexport const alertRecipe = defineSlotRecipe({\n  slots: [\"root\", \"title\", \"description\", \"icon\", \"actions\", \"dismissButton\"],\n  // Unique class name prefix for the component\n  className: \"nimbus-alert\",\n\n  // Base styles applied to all instances of the component\n  base: {\n    root: {\n      display: \"inline-flex\",\n      flexDirection: \"row\",\n      gap: \"200\",\n      width: \"100%\",\n    },\n    icon: {\n      marginTop: \"50\",\n      \"& svg\": {\n        width: \"500\",\n        height: \"500\",\n        color: \"colorPalette.11\",\n      },\n    },\n    title: {\n      color: \"colorPalette.11\",\n    },\n    description: {\n      color: \"colorPalette.11\",\n    },\n  },\n\n  variants: {\n    tone: {\n      critical: {\n        root: { colorPalette: \"critical\" },\n      },\n      info: {\n        root: { colorPalette: \"info\" },\n      },\n      warning: {\n        root: { colorPalette: \"amber\" },\n      },\n      positive: {\n        root: { colorPalette: \"positive\" },\n      },\n    },\n\n    variant: {\n      flat: {},\n      outlined: {\n        root: {\n          border: \"solid-25\",\n          borderColor: \"colorPalette.5\",\n          backgroundColor: \"colorPalette.2\",\n          padding: \"200\",\n          borderRadius: \"200\",\n        },\n      },\n    },\n  },\n});\n","import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport { alertRecipe } from \"./alert.recipe\";\nimport type {\n  AlertActionsProps,\n  AlertDescriptionProps,\n  AlertDismissButtonProps,\n  AlertIconProps,\n  AlertRootProps,\n  AlertTitleProps,\n} from \"./alert.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  recipe: alertRecipe,\n});\n\nexport const AlertRoot = withProvider<HTMLDivElement, AlertRootProps>(\n  \"div\",\n  \"root\"\n);\n\nexport const AlertTitle = withContext<HTMLDivElement, AlertTitleProps>(\n  \"div\",\n  \"title\"\n);\n\nexport const AlertDescription = withContext<\n  HTMLDivElement,\n  AlertDescriptionProps\n>(\"div\", \"description\");\n\nexport const AlertIcon = withContext<HTMLDivElement, AlertIconProps>(\n  \"div\",\n  \"icon\"\n);\n\nexport const AlertActions = withContext<HTMLDivElement, AlertActionsProps>(\n  \"div\",\n  \"actions\"\n);\n\n// This is a div wrapper for layout placement - note that we expect it to receive `IconButton` props, but we use a `div`.\n// We then forward the consumer props to the interior `IconButton` component.\nexport const AlertDismissButton = withContext<\n  HTMLDivElement,\n  AlertDismissButtonProps\n>(\"div\", \"dismissButton\");\n","import { createContext, useMemo, useState, type ReactNode } from \"react\";\nimport { AlertRoot as AlertRootSlot, AlertIcon } from \"../alert.slots\";\nimport type { AlertProps, AlertRootComponent } from \"../alert.types\";\nimport { Box } from \"../../box\";\nimport { Stack } from \"../../stack\";\nimport {\n  CheckCircleOutline,\n  ErrorOutline,\n  Info,\n  WarningAmber,\n} from \"@commercetools/nimbus-icons\";\n\nconst getIconFromTone = (tone: AlertProps[\"tone\"]) => {\n  switch (tone) {\n    case \"critical\":\n      return <ErrorOutline />;\n    case \"info\":\n      return <Info />;\n    case \"warning\":\n      return <WarningAmber />;\n    case \"positive\":\n      return <CheckCircleOutline />;\n    default:\n      return null;\n  }\n};\n\ntype AlertContextValue = {\n  setTitle: (title: ReactNode) => void;\n  setDescription: (description: ReactNode) => void;\n  setActions: (actions: ReactNode) => void;\n  setDismiss: (dismiss: ReactNode) => void;\n};\n\nexport const AlertContext = createContext<AlertContextValue | undefined>(\n  undefined\n);\n\n/**\n * # Alert\n *\n * Provides feedback to the user about the status of an action or system event\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/feedback/alert}\n */\nexport const AlertRoot: AlertRootComponent = (props) => {\n  const { ref, children, ...restProps } = props;\n  const [titleNode, setTitle] = useState<ReactNode>(null);\n  const [descriptionNode, setDescription] = useState<ReactNode>(null);\n  const [actionsNode, setActions] = useState<ReactNode>(null);\n  const [dismissNode, setDismiss] = useState<ReactNode>(null);\n\n  // Memoize the context value so we don't cause unnecessary re-renders\n  const contextValue = useMemo(\n    () => ({\n      setTitle,\n      setDescription,\n      setActions,\n      setDismiss,\n    }),\n    [setTitle, setDescription, setActions, setDismiss]\n  );\n\n  return (\n    <AlertContext.Provider value={contextValue}>\n      <AlertRootSlot ref={ref} {...restProps} role=\"alert\">\n        <AlertIcon alignItems=\"flex-start\">\n          {getIconFromTone(restProps.tone)}\n        </AlertIcon>\n        <Stack flex=\"1\" gap=\"200\">\n          <Box>\n            {titleNode}\n            {descriptionNode}\n          </Box>\n          {actionsNode}\n        </Stack>\n        {dismissNode}\n\n        {children}\n      </AlertRootSlot>\n    </AlertContext.Provider>\n  );\n};\n\nAlertRoot.displayName = \"Alert.Root\";\n","import { useContext, useEffect } from \"react\";\nimport { AlertTitle as AlertTitleSlot } from \"../alert.slots\";\nimport type { AlertTitleProps } from \"../alert.types\";\nimport { AlertContext } from \"./alert.root\";\n\nexport const AlertTitle = ({ children, ...props }: AlertTitleProps) => {\n  const context = useContext(AlertContext);\n\n  useEffect(() => {\n    if (context) {\n      const slotElement = (\n        <AlertTitleSlot {...props} fontWeight=\"600\">\n          {children}\n        </AlertTitleSlot>\n      );\n      // Register it with the parent\n      context.setTitle(slotElement);\n\n      // On unmount, remove it\n      return () => context.setTitle(null);\n    }\n  }, [children, props]);\n\n  return null;\n};\n\nAlertTitle.displayName = \"Alert.Title\";\n","import { useContext, useEffect } from \"react\";\nimport { AlertDescription as AlertDescriptionSlot } from \"../alert.slots\";\nimport type { AlertDescriptionProps } from \"../alert.types\";\nimport { AlertContext } from \"./alert.root\";\n\nexport const AlertDescription = ({\n  children,\n  ...props\n}: AlertDescriptionProps) => {\n  const context = useContext(AlertContext);\n\n  useEffect(() => {\n    if (context) {\n      const slotElement = (\n        <AlertDescriptionSlot {...props}>{children}</AlertDescriptionSlot>\n      );\n      // Register it with the parent\n      context.setDescription(slotElement);\n\n      // On unmount, remove it\n      return () => context.setDescription(null);\n    }\n  }, [children, props]);\n\n  return null;\n};\n\nAlertDescription.displayName = \"Alert.Description\";\n","import { useContext, useEffect } from \"react\";\nimport { AlertActions as AlertActionsSlot } from \"../alert.slots\";\nimport type { AlertActionsProps } from \"../alert.types\";\nimport { AlertContext } from \"./alert.root\";\n\nexport const AlertActions = ({ children, ...props }: AlertActionsProps) => {\n  const context = useContext(AlertContext);\n\n  useEffect(() => {\n    if (context) {\n      const slotElement = (\n        <AlertActionsSlot {...props}>{children}</AlertActionsSlot>\n      );\n      // Register it with the parent\n      context.setActions(slotElement);\n\n      // On unmount, remove it\n      return () => context.setActions(null);\n    }\n  }, [children, props]);\n\n  return null;\n};\n\nAlertActions.displayName = \"Alert.Actions\";\n","import { useContext, useEffect } from \"react\";\nimport { AlertDismissButton as AlertDismissButtonSlot } from \"../alert.slots\";\nimport type { AlertDismissButtonProps } from \"../alert.types\";\nimport { Clear } from \"@commercetools/nimbus-icons\";\nimport { IconButton } from \"../../icon-button\";\nimport { AlertContext } from \"./alert.root\";\n\nexport const AlertDismissButton = ({\n  children,\n  ...props\n}: AlertDismissButtonProps) => {\n  const context = useContext(AlertContext);\n\n  useEffect(() => {\n    if (context) {\n      const slotElement = (\n        <AlertDismissButtonSlot>\n          <IconButton\n            aria-label=\"Dismiss\"\n            {...props}\n            variant=\"ghost\"\n            size=\"2xs\"\n          >\n            <Clear role=\"img\" />\n          </IconButton>\n        </AlertDismissButtonSlot>\n      );\n      // Register it with the parent\n      context.setDismiss(slotElement);\n\n      // On unmount, remove it\n      return () => context.setDismiss(null);\n    }\n  }, [children, props]);\n\n  return null;\n};\n\nAlertDismissButton.displayName = \"Alert.DismissButton\";\n","import { AlertTitle } from \"./components/alert.title\";\nimport { AlertDescription } from \"./components/alert.description\";\nimport { AlertActions } from \"./components/alert.actions\";\nimport { AlertDismissButton } from \"./components/alert.dismiss-button\";\nimport { AlertRoot } from \"./components/alert.root\";\n\n/**\n * Alert\n * ============================================================\n * Provides feedback to the user about the status of an action or system event\n */\nexport const Alert = {\n  Root: AlertRoot,\n  Title: AlertTitle,\n  Description: AlertDescription,\n  Actions: AlertActions,\n  DismissButton: AlertDismissButton,\n};\n\n// exports for internal use by react-docgen\nexport {\n  AlertRoot as _AlertRoot,\n  AlertTitle as _AlertTitle,\n  AlertDescription as _AlertDescription,\n  AlertActions as _AlertActions,\n  AlertDismissButton as _AlertDismissButton,\n};\n"],"names":["alertRecipe","defineSlotRecipe","withProvider","withContext","createSlotRecipeContext","AlertRoot","AlertTitle","AlertDescription","AlertIcon","AlertActions","AlertDismissButton","getIconFromTone","tone","ErrorOutline","Info","WarningAmber","CheckCircleOutline","AlertContext","createContext","props","ref","children","restProps","titleNode","setTitle","useState","descriptionNode","setDescription","actionsNode","setActions","dismissNode","setDismiss","contextValue","useMemo","jsx","jsxs","AlertRootSlot","Stack","Box","context","useContext","useEffect","slotElement","AlertTitleSlot","AlertDescriptionSlot","AlertActionsSlot","AlertDismissButtonSlot","IconButton","Clear","Alert"],"mappings":"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"}

package/dist/chunks/{avatar-DXWmY247.es.js → avatar-Bu12OMzz.es.js}

@@ -1,9 +1,9 @@
 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-CrNaylZN.es.js";
-import { I as A } from "./image-CwcCZREa.es.js";
-const { withContext: C } = /* @__PURE__ */ x({ recipe: v }), N = /* @__PURE__ */ C("figure");
+import { Image as v } from "@chakra-ui/react/image";
+import { createRecipeContext as x } from "@chakra-ui/react/styled-system";
+import { a as A } from "./avatar.recipe-DfyPWbFZ.es.js";
+const { withContext: C } = /* @__PURE__ */ x({ recipe: A }), N = /* @__PURE__ */ C("figure");
 function w(t, a) {
   return t.split("")[0].toUpperCase() + a.split("")[0].toUpperCase();
 }
@@ -20,7 +20,7 @@ const E = (t) => {
   return /* @__PURE__ */ h(N, { ...d, children: [
     !e || !s || n ? w(o, r) : null,
     e && /* @__PURE__ */ I(
-      A,
+      v,
       {
         src: e,
         alt: p || c,
@@ -35,4 +35,4 @@ E.displayName = "Avatar";
 export {
   E as A
 };
-//# sourceMappingURL=avatar-DXWmY247.es.js.map
+//# sourceMappingURL=avatar-Bu12OMzz.es.js.map

package/dist/chunks/{avatar-DXWmY247.es.js.map → avatar-Bu12OMzz.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"avatar-DXWmY247.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;"}
+{"version":3,"file":"avatar-Bu12OMzz.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-C2KIWewd.cjs.js

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

package/dist/chunks/{avatar-DEAravTR.cjs.js.map → avatar-C2KIWewd.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"avatar-DEAravTR.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"}
+{"version":3,"file":"avatar-C2KIWewd.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":"kMAaM,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-D3--Rkmb.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("@chakra-ui/react/styled-system"),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-D3--Rkmb.cjs.js.map

package/dist/chunks/{avatar.recipe-CQivdbFs.cjs.js.map → avatar.recipe-D3--Rkmb.cjs.js.map}

@@ -1 +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"}
+{"version":3,"file":"avatar.recipe-D3--Rkmb.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":"+DAEaA,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 → avatar.recipe-DfyPWbFZ.es.js}

@@ -1,4 +1,4 @@
-import { d as e } from "./config-ufbQ08Vi.es.js";
+import { defineRecipe as e } from "@chakra-ui/react/styled-system";
 const i = /* @__PURE__ */ e({
   className: "avatar",
   base: {
@@ -36,4 +36,4 @@ const i = /* @__PURE__ */ e({
 export {
   i as a
 };
-//# sourceMappingURL=avatar.recipe-CxXQlkH6.es.js.map
+//# sourceMappingURL=avatar.recipe-DfyPWbFZ.es.js.map

package/dist/chunks/{avatar.recipe-CxXQlkH6.es.js.map → avatar.recipe-DfyPWbFZ.es.js.map}

@@ -1 +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;"}
+{"version":3,"file":"avatar.recipe-DfyPWbFZ.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-Cg7jASs5.es.js → badge-BJd-Q81M.es.js}

@@ -1,8 +1,7 @@
 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-CrNaylZN.es.js";
-import { mergeRefs as l } from "@chakra-ui/react";
+import { defineRecipe as f, createRecipeContext as l } from "@chakra-ui/react/styled-system";
+import { mergeRefs as p } from "@chakra-ui/react";
 import { $ as d } from "./useObjectRef-CaJ5pgjX.es.js";
 import { $ as m } from "./mergeProps-B_9syxhT.es.js";
 const h = /* @__PURE__ */ f({
@@ -67,12 +66,12 @@ const h = /* @__PURE__ */ f({
   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));
+}), { withContext: g } = /* @__PURE__ */ l({ recipe: h }), x = /* @__PURE__ */ g("span"), b = (e) => {
+  const { ref: t, as: o, children: i, ...n } = e, r = c(null), a = d(p(r, t));
   return /* @__PURE__ */ s(x, { as: o || "span", ...m(n, { ref: a }), children: i });
 };
 b.displayName = "Badge";
 export {
   b as B
 };
-//# sourceMappingURL=badge-Cg7jASs5.es.js.map
+//# sourceMappingURL=badge-BJd-Q81M.es.js.map

package/dist/chunks/{badge-Cg7jASs5.es.js.map → badge-BJd-Q81M.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"badge-Cg7jASs5.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;"}
+{"version":3,"file":"badge-BJd-Q81M.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/badge-CCrBksXu.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const l=require("react/jsx-runtime"),f=require("react"),e=require("@chakra-ui/react/styled-system"),g=require("@chakra-ui/react"),p=require("./useObjectRef-dXOJdONs.cjs.js"),h=require("./mergeProps-BA5Cwf5w.cjs.js"),u=e.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:x}=e.createRecipeContext({recipe:u}),m=x("span"),t=i=>{const{ref:n,as:o,children:s,...r}=i,c=f.useRef(null),a=p.$df56164dff5785e2$export$4338b53315abf666(g.mergeRefs(c,n)),d=o||"span";return l.jsx(m,{as:d,...h.$3ef42575df84b30b$export$9d1611c77c2fe928(r,{ref:a}),children:s})};t.displayName="Badge";exports.Badge=t;
+//# sourceMappingURL=badge-CCrBksXu.cjs.js.map

package/dist/chunks/{badge-BjhZ-byo.cjs.js.map → badge-CCrBksXu.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"badge-BjhZ-byo.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"}
+{"version":3,"file":"badge-CCrBksXu.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":"qOAMaA,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/box-CWni3A32.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const t=require("react/jsx-runtime");require("@chakra-ui/react/styled-system");const x=require("@chakra-ui/react/box"),e=r=>{const{ref:s,...o}=r;return t.jsx(x.Box,{ref:s,...o})};e.displayName="Box";exports.Box=e;
+//# sourceMappingURL=box-CWni3A32.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"box-CWni3A32.cjs.js","sources":["../../src/components/box/box.tsx"],"sourcesContent":["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","props","ref","restProps","jsx","ChakraBox"],"mappings":"oIAeaA,EAAOC,GAAoB,CACtC,KAAM,CAAE,IAAAC,EAAK,GAAGC,CAAA,EAAcF,EAC9B,OAAOG,EAAAA,IAACC,EAAAA,IAAA,CAAU,IAAAH,EAAW,GAAGC,CAAA,CAAW,CAC7C,EAEAH,EAAI,YAAc"}

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

@@ -0,0 +1,12 @@
+import { jsx as t } from "react/jsx-runtime";
+import "@chakra-ui/react/styled-system";
+import { Box as m } from "@chakra-ui/react/box";
+const p = (o) => {
+  const { ref: r, ...s } = o;
+  return /* @__PURE__ */ t(m, { ref: r, ...s });
+};
+p.displayName = "Box";
+export {
+  p as B
+};
+//# sourceMappingURL=box-DuBoAZvq.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"box-DuBoAZvq.es.js","sources":["../../src/components/box/box.tsx"],"sourcesContent":["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","props","ref","restProps","jsx","ChakraBox"],"mappings":";;;AAeO,MAAMA,IAAM,CAACC,MAAoB;AACtC,QAAM,EAAE,KAAAC,GAAK,GAAGC,EAAA,IAAcF;AAC9B,SAAO,gBAAAG,EAACC,GAAA,EAAU,KAAAH,GAAW,GAAGC,EAAA,CAAW;AAC7C;AAEAH,EAAI,cAAc;"}

package/dist/chunks/{button-DNPDogwN.es.js → button-CRUdodZm.es.js}

@@ -1,17 +1,17 @@
 import { jsx as p } from "react/jsx-runtime";
-import { useRef as b } from "react";
-import { $ as l } from "./Button-CNBS3n5a.es.js";
-import { $ } from "./utils-BkdW_cdL.es.js";
+import { useRef as l } from "react";
+import { $ } from "./Button-CNBS3n5a.es.js";
+import { $ as b } from "./utils-BkdW_cdL.es.js";
 import { mergeRefs as u } from "@chakra-ui/react";
-import { b as x } from "./button.recipe-D9e9Gh9L.es.js";
-import { b as P } from "./factory-DmIX2puY.es.js";
-import { s as R } from "./index-Dvel3Oj5.es.js";
-import { c as h } from "./create-recipe-context-CrNaylZN.es.js";
+import { createRecipeContext as x } from "@chakra-ui/react/styled-system";
+import { b as P } from "./button.recipe-NdTb5f8M.es.js";
+import { i as R } from "./emotion-is-prop-valid.esm-qvxbqhmq.es.js";
+import { s as h } from "./index-jAeaCpRm.es.js";
 import { $ as y } from "./useObjectRef-CaJ5pgjX.es.js";
 import { $ as B } from "./mergeProps-B_9syxhT.es.js";
 import { $ as v } from "./useButton-DAeSjgg9.es.js";
-const { withContext: w } = /* @__PURE__ */ h({
-  recipe: x
+const { withContext: w } = /* @__PURE__ */ x({
+  recipe: P
 }), C = /* @__PURE__ */ w(
   "button",
   {
@@ -20,12 +20,12 @@ const { withContext: w } = /* @__PURE__ */ h({
     },
     /** make sure the `onPress` properties won't end up as attribute on the rendered DOM element */
     shouldForwardProp(o, e) {
-      const t = !e?.includes(o) && !R.isValidProperty(o);
-      return P(o) && t && !o.includes("onPress");
+      const t = !e?.includes(o) && !h.isValidProperty(o);
+      return R(o) && t && !o.includes("onPress");
     }
   }
 ), D = (o) => {
-  const { ref: e, as: t, asChild: i, children: c, ...d } = o, f = b(null), r = y(u(f, e)), [s] = $(d, r, l), n = t || (i ? "a" : "button"), { buttonProps: m } = v(
+  const { ref: e, as: t, asChild: i, children: d, ...c } = o, f = l(null), r = y(u(f, e)), [s] = b(c, r, $), n = t || (i ? "a" : "button"), { buttonProps: m } = v(
     {
       ...s,
       elementType: n
@@ -48,7 +48,7 @@ const { withContext: w } = /* @__PURE__ */ h({
       ...a,
       "aria-disabled": a.isDisabled || void 0,
       "data-disabled": a.isDisabled || void 0,
-      children: c
+      children: d
     }
   );
 };
@@ -56,4 +56,4 @@ D.displayName = "Button";
 export {
   D as B
 };
-//# sourceMappingURL=button-DNPDogwN.es.js.map
+//# sourceMappingURL=button-CRUdodZm.es.js.map

package/dist/chunks/{button-DNPDogwN.es.js.map → button-CRUdodZm.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"button-DNPDogwN.es.js","sources":["../../src/components/button/button.slots.tsx","../../src/components/button/button.tsx"],"sourcesContent":["import {\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  const componentProps = 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\n  return (\n    <ButtonRoot\n      ref={ref}\n      {...componentProps}\n      aria-disabled={componentProps.isDisabled || undefined}\n      data-disabled={componentProps.isDisabled || undefined}\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","componentProps","mergeProps","jsx"],"mappings":";;;;;;;;;;;;AA2BA,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,GClCaK,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,GAGIS,IAAiBC,EAAWP,GAAcI,GAAa;AAAA,IAC3D,IAAAb;AAAA,IACA,SAAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,MAAMQ,EAAa,QAAQ;AAAA,EAAA,CAC5B;AAED,SACE,gBAAAQ;AAAA,IAAC1B;AAAA,IAAA;AAAA,MACC,KAAAe;AAAA,MACC,GAAGS;AAAA,MACJ,iBAAeA,EAAe,cAAc;AAAA,MAC5C,iBAAeA,EAAe,cAAc;AAAA,MAE3C,UAAAb;AAAA,IAAA;AAAA,EAAA;AAGP;AAGAL,EAAO,cAAc;"}
+{"version":3,"file":"button-CRUdodZm.es.js","sources":["../../src/components/button/button.slots.tsx","../../src/components/button/button.tsx"],"sourcesContent":["import {\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  const componentProps = 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\n  return (\n    <ButtonRoot\n      ref={ref}\n      {...componentProps}\n      aria-disabled={componentProps.isDisabled || undefined}\n      data-disabled={componentProps.isDisabled || undefined}\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","componentProps","mergeProps","jsx"],"mappings":";;;;;;;;;;;;AA2BA,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,GClCaK,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,GAGIS,IAAiBC,EAAWP,GAAcI,GAAa;AAAA,IAC3D,IAAAb;AAAA,IACA,SAAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,MAAMQ,EAAa,QAAQ;AAAA,EAAA,CAC5B;AAED,SACE,gBAAAQ;AAAA,IAAC1B;AAAA,IAAA;AAAA,MACC,KAAAe;AAAA,MACC,GAAGS;AAAA,MACJ,iBAAeA,EAAe,cAAc;AAAA,MAC5C,iBAAeA,EAAe,cAAc;AAAA,MAE3C,UAAAb;AAAA,IAAA;AAAA,EAAA;AAGP;AAGAL,EAAO,cAAc;"}

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

@@ -0,0 +1,2 @@
+"use strict";const b=require("react/jsx-runtime"),p=require("react"),$=require("./Button-BtJHe9xY.cjs.js"),q=require("./utils-BHdR5Nww.cjs.js"),x=require("@chakra-ui/react"),m=require("@chakra-ui/react/styled-system"),P=require("./button.recipe-Cqkj3VMo.cjs.js"),R=require("./emotion-is-prop-valid.esm-Bb7Ou5_X.cjs.js"),y=require("./index-C8Yrk__l.cjs.js"),B=require("./useObjectRef-dXOJdONs.cjs.js"),h=require("./mergeProps-BA5Cwf5w.cjs.js"),j=require("./useButton-BgBfaV_L.cjs.js"),{withContext:v}=m.createRecipeContext({recipe:P.buttonRecipe}),w=v("button",{defaultProps:{type:"button"},shouldForwardProp(e,o){const t=!o?.includes(e)&&!y.system.isValidProperty(e);return R.isPropValid(e)&&t&&!e.includes("onPress")}}),i=e=>{const{ref:o,as:t,asChild:c,children:u,...d}=e,a=p.useRef(null),s=B.$df56164dff5785e2$export$4338b53315abf666(x.mergeRefs(a,o)),[r]=q.$64fa3d84918910a7$export$29f1550f4b0d4415(d,s,$.$d2b4bc8c273e7be6$export$24d547caef80ccd1),l=t||(c?"a":"button"),{buttonProps:f}=j.$701a24aa0da5b062$export$ea18c227d4417cc3({...r,elementType:l},s),n=h.$3ef42575df84b30b$export$9d1611c77c2fe928(r,f,{as:t,asChild:c,slot:r.slot||void 0});return b.jsx(w,{ref:s,...n,"aria-disabled":n.isDisabled||void 0,"data-disabled":n.isDisabled||void 0,children:u})};i.displayName="Button";exports.Button=i;
+//# sourceMappingURL=button-CU8FW_Pl.cjs.js.map

package/dist/chunks/{button-CihUSHJo.cjs.js.map → button-CU8FW_Pl.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"button-CihUSHJo.cjs.js","sources":["../../src/components/button/button.slots.tsx","../../src/components/button/button.tsx"],"sourcesContent":["import {\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  const componentProps = 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\n  return (\n    <ButtonRoot\n      ref={ref}\n      {...componentProps}\n      aria-disabled={componentProps.isDisabled || undefined}\n      data-disabled={componentProps.isDisabled || undefined}\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","componentProps","mergeProps","jsx"],"mappings":"2dA2BM,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,EClCaK,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,EAGIS,EAAiBC,EAAAA,0CAAWP,EAAcI,EAAa,CAC3D,GAAAb,EACA,QAAAC,EAMA,KAAMQ,EAAa,MAAQ,MAAA,CAC5B,EAED,OACEQ,EAAAA,IAAC1B,EAAA,CACC,IAAAe,EACC,GAAGS,EACJ,gBAAeA,EAAe,YAAc,OAC5C,gBAAeA,EAAe,YAAc,OAE3C,SAAAb,CAAA,CAAA,CAGP,EAGAL,EAAO,YAAc"}
+{"version":3,"file":"button-CU8FW_Pl.cjs.js","sources":["../../src/components/button/button.slots.tsx","../../src/components/button/button.tsx"],"sourcesContent":["import {\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  const componentProps = 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\n  return (\n    <ButtonRoot\n      ref={ref}\n      {...componentProps}\n      aria-disabled={componentProps.isDisabled || undefined}\n      data-disabled={componentProps.isDisabled || undefined}\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","componentProps","mergeProps","jsx"],"mappings":"oeA2BM,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,EClCaK,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,EAGIS,EAAiBC,EAAAA,0CAAWP,EAAcI,EAAa,CAC3D,GAAAb,EACA,QAAAC,EAMA,KAAMQ,EAAa,MAAQ,MAAA,CAC5B,EAED,OACEQ,EAAAA,IAAC1B,EAAA,CACC,IAAAe,EACC,GAAGS,EACJ,gBAAeA,EAAe,YAAc,OAC5C,gBAAeA,EAAe,YAAc,OAE3C,SAAAb,CAAA,CAAA,CAGP,EAGAL,EAAO,YAAc"}

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

@@ -0,0 +1,2 @@
+"use strict";const e=require("@chakra-ui/react/styled-system"),t=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=t;
+//# sourceMappingURL=button.recipe-Cqkj3VMo.cjs.js.map