@commercetools/nimbus 0.0.9-rc5 → 0.0.9-rc7

package/dist/chunks/alert-DSpVYhCa.js

@@ -0,0 +1,186 @@
+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 { defineSlotRecipe as w, createSlotRecipeContext as R } from "@chakra-ui/react";
+import { B as y } from "./box-DD4jYgS7.js";
+import { S as E } from "./stack-__ugxVHD.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-1V59UrF-.js";
+const W = w({
+  slots: ["root", "title", "description", "icon", "actions", "dismissButton"],
+  // Unique class name prefix for the component
+  className: "nimbus-alert",
+  // Base styles applied to all instances of the component
+  base: {
+    root: {
+      display: "inline-flex",
+      flexDirection: "row",
+      gap: "200",
+      width: "100%"
+    },
+    icon: {
+      marginTop: "50",
+      "& svg": {
+        width: "500",
+        height: "500",
+        color: "colorPalette.11"
+      }
+    },
+    title: {
+      color: "colorPalette.11"
+    },
+    description: {
+      color: "colorPalette.11"
+    }
+  },
+  variants: {
+    tone: {
+      critical: {
+        root: { colorPalette: "critical" }
+      },
+      info: {
+        root: { colorPalette: "info" }
+      },
+      warning: {
+        root: { colorPalette: "amber" }
+      },
+      positive: {
+        root: { colorPalette: "positive" }
+      }
+    },
+    variant: {
+      flat: {},
+      outlined: {
+        root: {
+          border: "solid-25",
+          borderColor: "colorPalette.5",
+          backgroundColor: "colorPalette.2",
+          padding: "200",
+          borderRadius: "200"
+        }
+      }
+    }
+  }
+}), { withProvider: z, withContext: n } = R({
+  recipe: W
+}), F = z(
+  "div",
+  "root"
+), M = n(
+  "div",
+  "title"
+), V = n("div", "description"), q = n(
+  "div",
+  "icon"
+), G = n(
+  "div",
+  "actions"
+), H = n("div", "dismissButton"), J = (e) => {
+  switch (e) {
+    case "critical":
+      return /* @__PURE__ */ i(k, {});
+    case "info":
+      return /* @__PURE__ */ i($, {});
+    case "warning":
+      return /* @__PURE__ */ i(S, {});
+    case "positive":
+      return /* @__PURE__ */ i(I, {});
+    default:
+      return null;
+  }
+}, r = B(
+  void 0
+), 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: A
+    }),
+    [d, m, p, A]
+  );
+  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: [
+        h,
+        P
+      ] }),
+      b
+    ] }),
+    C,
+    t
+  ] }) });
+};
+f.displayName = "Alert.Root";
+const x = ({ children: e, ...o }) => {
+  const t = c(r);
+  return a(() => {
+    if (t) {
+      const s = /* @__PURE__ */ i(M, { ...o, fontWeight: "600", children: e });
+      return t.setTitle(s), () => t.setTitle(null);
+    }
+  }, [e, o]), null;
+};
+x.displayName = "Alert.Title";
+const v = ({
+  children: e,
+  ...o
+}) => {
+  const t = c(r);
+  return a(() => {
+    if (t) {
+      const s = /* @__PURE__ */ i(V, { ...o, children: e });
+      return t.setDescription(s), () => t.setDescription(null);
+    }
+  }, [e, o]), null;
+};
+v.displayName = "Alert.Description";
+const D = ({ children: e, ...o }) => {
+  const t = c(r);
+  return a(() => {
+    if (t) {
+      const s = /* @__PURE__ */ i(G, { ...o, children: e });
+      return t.setActions(s), () => t.setActions(null);
+    }
+  }, [e, o]), null;
+};
+D.displayName = "Alert.Actions";
+const g = ({
+  children: e,
+  ...o
+}) => {
+  const t = c(r);
+  return a(() => {
+    if (t) {
+      const s = /* @__PURE__ */ i(H, { children: /* @__PURE__ */ i(
+        O,
+        {
+          "aria-label": "Dismiss",
+          ...o,
+          variant: "ghost",
+          size: "2xs",
+          children: /* @__PURE__ */ i(j, { role: "img" })
+        }
+      ) });
+      return t.setDismiss(s), () => t.setDismiss(null);
+    }
+  }, [e, o]), null;
+};
+g.displayName = "Alert.DismissButton";
+const _ = {
+  Root: f,
+  Title: x,
+  Description: v,
+  Actions: D,
+  DismissButton: g
+};
+export {
+  _ as A,
+  f as a,
+  x as b,
+  v as c,
+  D as d,
+  g as e
+};
+//# sourceMappingURL=alert-DSpVYhCa.js.map

package/dist/chunks/alert-DSpVYhCa.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-DSpVYhCa.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\";\n\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\";\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 */\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/alert-DxoCjJDr.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),s=require("react"),v=require("@chakra-ui/react"),P=require("./box-FU6tRPFs.js"),R=require("./stack-wFUhYQQb.js"),r=require("@commercetools/nimbus-icons"),B=require("./icon-button-CE-LnFNq.js"),N=v.defineSlotRecipe({slots:["root","title","description","icon","actions","dismissButton"],className:"nimbus-alert",base:{root:{display:"inline-flex",flexDirection:"row",gap:"200",width:"100%"},icon:{marginTop:"50","& svg":{width:"500",height:"500",color:"colorPalette.11"}},title:{color:"colorPalette.11"},description:{color:"colorPalette.11"}},variants:{tone:{critical:{root:{colorPalette:"critical"}},info:{root:{colorPalette:"info"}},warning:{root:{colorPalette:"amber"}},positive:{root:{colorPalette:"positive"}}},variant:{flat:{},outlined:{root:{border:"solid-25",borderColor:"colorPalette.5",backgroundColor:"colorPalette.2",padding:"200",borderRadius:"200"}}}}}),{withProvider:T,withContext:l}=v.createSlotRecipeContext({recipe:N}),E=T("div","root"),w=l("div","title"),S=l("div","description"),q=l("div","icon"),$=l("div","actions"),y=l("div","dismissButton"),I=o=>{switch(o){case"critical":return e.jsx(r.ErrorOutline,{});case"info":return e.jsx(r.Info,{});case"warning":return e.jsx(r.WarningAmber,{});case"positive":return e.jsx(r.CheckCircleOutline,{});default:return null}},c=s.createContext(void 0),a=o=>{const{ref:i,children:t,...n}=o,[j,m]=s.useState(null),[g,f]=s.useState(null),[h,p]=s.useState(null),[C,D]=s.useState(null),b=s.useMemo(()=>({setTitle:m,setDescription:f,setActions:p,setDismiss:D}),[m,f,p,D]);return e.jsx(c.Provider,{value:b,children:e.jsxs(E,{ref:i,...n,role:"alert",children:[e.jsx(q,{alignItems:"flex-start",children:I(n.tone)}),e.jsxs(R.Stack,{flex:"1",gap:"200",children:[e.jsxs(P.Box,{children:[j,g]}),h]}),C,t]})})};a.displayName="Alert.Root";const u=({children:o,...i})=>{const t=s.useContext(c);return s.useEffect(()=>{if(t){const n=e.jsx(w,{...i,fontWeight:"600",children:o});return t.setTitle(n),()=>t.setTitle(null)}},[o,i]),null};u.displayName="Alert.Title";const d=({children:o,...i})=>{const t=s.useContext(c);return s.useEffect(()=>{if(t){const n=e.jsx(S,{...i,children:o});return t.setDescription(n),()=>t.setDescription(null)}},[o,i]),null};d.displayName="Alert.Description";const x=({children:o,...i})=>{const t=s.useContext(c);return s.useEffect(()=>{if(t){const n=e.jsx($,{...i,children:o});return t.setActions(n),()=>t.setActions(null)}},[o,i]),null};x.displayName="Alert.Actions";const A=({children:o,...i})=>{const t=s.useContext(c);return s.useEffect(()=>{if(t){const n=e.jsx(y,{children:e.jsx(B.IconButton,{"aria-label":"Dismiss",...i,variant:"ghost",size:"2xs",children:e.jsx(r.Clear,{role:"img"})})});return t.setDismiss(n),()=>t.setDismiss(null)}},[o,i]),null};A.displayName="Alert.DismissButton";const k={Root:a,Title:u,Description:d,Actions:x,DismissButton:A};exports.Alert=k;exports.AlertActions=x;exports.AlertDescription=d;exports.AlertDismissButton=A;exports.AlertRoot=a;exports.AlertTitle=u;
+//# sourceMappingURL=alert-DxoCjJDr.js.map

package/dist/chunks/alert-DxoCjJDr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-DxoCjJDr.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\";\n\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\";\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 */\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":"mPAMaA,EAAcC,EAAAA,iBAAiB,CAC1C,MAAO,CAAC,OAAQ,QAAS,cAAe,OAAQ,UAAW,eAAe,EAE1E,UAAW,eAGX,KAAM,CACJ,KAAM,CACJ,QAAS,cACT,cAAe,MACf,IAAK,MACL,MAAO,MACT,EACA,KAAM,CACJ,UAAW,KACX,QAAS,CACP,MAAO,MACP,OAAQ,MACR,MAAO,iBAAA,CAEX,EACA,MAAO,CACL,MAAO,iBACT,EACA,YAAa,CACX,MAAO,iBAAA,CAEX,EAEA,SAAU,CACR,KAAM,CACJ,SAAU,CACR,KAAM,CAAE,aAAc,UAAW,CACnC,EACA,KAAM,CACJ,KAAM,CAAE,aAAc,MAAO,CAC/B,EACA,QAAS,CACP,KAAM,CAAE,aAAc,OAAQ,CAChC,EACA,SAAU,CACR,KAAM,CAAE,aAAc,UAAW,CAAA,CAErC,EAEA,QAAS,CACP,KAAM,CAAC,EACP,SAAU,CACR,KAAM,CACJ,OAAQ,WACR,YAAa,iBACb,gBAAiB,iBACjB,QAAS,MACT,aAAc,KAAA,CAChB,CACF,CACF,CAEJ,CAAC,ECrDK,CAAE,aAAAC,EAAc,YAAAC,CAAY,EAAIC,0BAAwB,CAC5D,OAAQJ,CACV,CAAC,EAEYK,EAAYH,EACvB,MACA,MACF,EAEaI,EAAaH,EACxB,MACA,OACF,EAEaI,EAAmBJ,EAG9B,MAAO,aAAa,EAETK,EAAYL,EACvB,MACA,MACF,EAEaM,EAAeN,EAC1B,MACA,SACF,EAIaO,EAAqBP,EAGhC,MAAO,eAAe,ECjClBQ,EAAmBC,GAA6B,CACpD,OAAQA,EAAM,CACZ,IAAK,WACH,aAAQC,EAAa,aAAA,EAAA,EACvB,IAAK,OACH,aAAQC,EAAK,KAAA,EAAA,EACf,IAAK,UACH,aAAQC,EAAa,aAAA,EAAA,EACvB,IAAK,WACH,aAAQC,EAAmB,mBAAA,EAAA,EAC7B,QACS,OAAA,IAAA,CAEb,EASaC,EAAeC,EAAA,cAC1B,MACF,EAOab,EAAiCc,GAAU,CACtD,KAAM,CAAE,IAAAC,EAAK,SAAAC,EAAU,GAAGC,CAAc,EAAAH,EAClC,CAACI,EAAWC,CAAQ,EAAIC,EAAAA,SAAoB,IAAI,EAChD,CAACC,EAAiBC,CAAc,EAAIF,EAAAA,SAAoB,IAAI,EAC5D,CAACG,EAAaC,CAAU,EAAIJ,EAAAA,SAAoB,IAAI,EACpD,CAACK,EAAaC,CAAU,EAAIN,EAAAA,SAAoB,IAAI,EAGpDO,EAAeC,EAAA,QACnB,KAAO,CACL,SAAAT,EACA,eAAAG,EACA,WAAAE,EACA,WAAAE,CAAA,GAEF,CAACP,EAAUG,EAAgBE,EAAYE,CAAU,CACnD,EAEA,OACGG,EAAAA,IAAAjB,EAAa,SAAb,CAAsB,MAAOe,EAC5B,SAACG,EAAA,KAAAC,EAAA,CAAc,IAAAhB,EAAW,GAAGE,EAAW,KAAK,QAC3C,SAAA,CAAAY,MAAC1B,GAAU,WAAW,aACnB,SAAgBG,EAAAW,EAAU,IAAI,EACjC,EACCa,EAAA,KAAAE,EAAA,MAAA,CAAM,KAAK,IAAI,IAAI,MAClB,SAAA,CAAAF,OAACG,EAAAA,IACE,CAAA,SAAA,CAAAf,EACAG,CAAA,EACH,EACCE,CAAA,EACH,EACCE,EAEAT,CAAA,CAAA,CACH,CACF,CAAA,CAEJ,EAEAhB,EAAU,YAAc,aC7EjB,MAAMC,EAAa,CAAC,CAAE,SAAAe,EAAU,GAAGF,KAA6B,CAC/D,MAAAoB,EAAUC,aAAWvB,CAAY,EAEvCwB,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAIF,EAAS,CACX,MAAMG,EACHR,EAAA,IAAAS,EAAA,CAAgB,GAAGxB,EAAO,WAAW,MACnC,SAAAE,EACH,EAGF,OAAAkB,EAAQ,SAASG,CAAW,EAGrB,IAAMH,EAAQ,SAAS,IAAI,CAAA,CACpC,EACC,CAAClB,EAAUF,CAAK,CAAC,EAEb,IACT,EAEAb,EAAW,YAAc,cCrBlB,MAAMC,EAAmB,CAAC,CAC/B,SAAAc,EACA,GAAGF,CACL,IAA6B,CACrB,MAAAoB,EAAUC,aAAWvB,CAAY,EAEvCwB,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAIF,EAAS,CACX,MAAMG,EACJR,EAAAA,IAACU,EAAsB,CAAA,GAAGzB,EAAQ,SAAAE,EAAS,EAG7C,OAAAkB,EAAQ,eAAeG,CAAW,EAG3B,IAAMH,EAAQ,eAAe,IAAI,CAAA,CAC1C,EACC,CAAClB,EAAUF,CAAK,CAAC,EAEb,IACT,EAEAZ,EAAiB,YAAc,oBCtBxB,MAAME,EAAe,CAAC,CAAE,SAAAY,EAAU,GAAGF,KAA+B,CACnE,MAAAoB,EAAUC,aAAWvB,CAAY,EAEvCwB,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAIF,EAAS,CACX,MAAMG,EACJR,EAAAA,IAACW,EAAkB,CAAA,GAAG1B,EAAQ,SAAAE,EAAS,EAGzC,OAAAkB,EAAQ,WAAWG,CAAW,EAGvB,IAAMH,EAAQ,WAAW,IAAI,CAAA,CACtC,EACC,CAAClB,EAAUF,CAAK,CAAC,EAEb,IACT,EAEAV,EAAa,YAAc,gBCjBpB,MAAMC,EAAqB,CAAC,CACjC,SAAAW,EACA,GAAGF,CACL,IAA+B,CACvB,MAAAoB,EAAUC,aAAWvB,CAAY,EAEvCwB,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAIF,EAAS,CACL,MAAAG,QACHI,EACC,CAAA,SAAAZ,EAAA,IAACa,EAAA,WAAA,CACC,aAAW,UACV,GAAG5B,EACJ,QAAQ,QACR,KAAK,MAEL,SAAAe,EAAAA,IAACc,EAAAA,MAAM,CAAA,KAAK,KAAM,CAAA,CAAA,CAAA,EAEtB,EAGF,OAAAT,EAAQ,WAAWG,CAAW,EAGvB,IAAMH,EAAQ,WAAW,IAAI,CAAA,CACtC,EACC,CAAClB,EAAUF,CAAK,CAAC,EAEb,IACT,EAEAT,EAAmB,YAAc,sBC3B1B,MAAMuC,EAAQ,CACnB,KAAM5C,EACN,MAAOC,EACP,YAAaC,EACb,QAASE,EACT,cAAeC,CACjB"}

package/dist/chunks/avatar-Aa0LrRpo.js

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

package/dist/chunks/avatar-Aa0LrRpo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-Aa0LrRpo.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\";\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\";\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":"4IAaM,CAAE,YAAAA,CAAY,EAAIC,EAAAA,oBAAoB,CAAE,OAAQC,eAAc,EAEvDC,EAAaH,EAA0C,QAAQ,ECV5E,SAASI,EAAYC,EAAmBC,EAAkB,CACxD,OACED,EAAU,MAAM,EAAE,EAAE,CAAC,EAAE,cAAgBC,EAAS,MAAM,EAAE,EAAE,CAAC,EAAE,YAAY,CAE7E,CAEa,MAAAC,EAAUC,GAAuB,CACtC,KAAA,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,CACL,EAEMQ,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,EAGjD,OAAAO,EAAA,KAACpB,EAAY,CAAA,GAAGgB,EACb,SAAA,CAAqBG,EAAAlB,EAAYC,EAAWC,CAAQ,EAAI,KAExDI,GACCc,EAAA,IAACC,EAAA,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-p4QfPsxN.js

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

package/dist/chunks/avatar-p4QfPsxN.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-p4QfPsxN.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\";\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\";\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,EAAY,IAAIC,EAAoB,EAAE,QAAQC,GAAc,GAEvDC,IAAaH,EAA0C,QAAQ;ACV5E,SAASI,EAAYC,GAAmBC,GAAkB;AACxD,SACED,EAAU,MAAM,EAAE,EAAE,CAAC,EAAE,gBAAgBC,EAAS,MAAM,EAAE,EAAE,CAAC,EAAE,YAAY;AAE7E;AAEa,MAAAC,IAAS,CAACC,MAAuB;AACtC,QAAA,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,EACL,GAEMQ,IAAS,MAAM;AACnB,IAAAN,EAAe,EAAI,GACnBG,EAAc,EAAK;AAAA,EACrB,GAEMI,IAAU,MAAM;AACpB,IAAAP,EAAe,EAAK,GACpBG,EAAc,EAAI;AAAA,EACpB;AAME,SAAA,gBAAAK,EAACnB,GAAY,EAAA,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.recipe-BV5OkaPx.js

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

package/dist/chunks/avatar.recipe-BV5OkaPx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.recipe-BV5OkaPx.js","sources":["../../src/components/avatar/avatar.recipe.tsx"],"sourcesContent":["import { defineRecipe } from \"@chakra-ui/react\";\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,IAAeC,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,IACV;AAAA,IACA,WAAW;AAAA,MACT,YAAY;AAAA,IAAA;AAAA,EAEhB;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI,EAAE,OAAO,KAAM,QAAQ,KAAM,WAAW,KAAK;AAAA,MACjD,IAAI,EAAE,OAAO,KAAK,QAAQ,KAAK,WAAW,KAAK;AAAA,MAC/C,OAAO,EAAE,OAAO,KAAK,QAAQ,KAAK,WAAW,KAAK;AAAA,IAAA;AAAA,EAEtD;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EAAA;AAEV,CAAC;"}

package/dist/chunks/avatar.recipe-aGNBZhVF.js

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

package/dist/chunks/avatar.recipe-aGNBZhVF.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.recipe-aGNBZhVF.js","sources":["../../src/components/avatar/avatar.recipe.tsx"],"sourcesContent":["import { defineRecipe } from \"@chakra-ui/react\";\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":"iDAEaA,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,QACV,EACA,UAAW,CACT,WAAY,UAAA,CAEhB,EACA,SAAU,CACR,KAAM,CACJ,GAAI,CAAE,MAAO,IAAM,OAAQ,IAAM,UAAW,IAAK,EACjD,GAAI,CAAE,MAAO,IAAK,OAAQ,IAAK,UAAW,IAAK,EAC/C,MAAO,CAAE,MAAO,IAAK,OAAQ,IAAK,UAAW,IAAK,CAAA,CAEtD,EACA,gBAAiB,CACf,KAAM,IAAA,CAEV,CAAC"}

package/dist/chunks/badge-BFbBB0US.js

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

package/dist/chunks/badge-BFbBB0US.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge-BFbBB0US.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\";\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\";\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 * badge\n *\n * Features:\n *\n * - allows forwarding refs to the underlying DOM element\n * - accepts all native html 'HTMLSpanElement' attributes (including aria- & data-attributes)\n * - supports 'variants', 'sizes', etc. configured in the recipe\n * - allows overriding styles by using style-props\n * - supports 'asChild' and 'as' to modify the underlying html-element (polymorphic)\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":"iLAMaA,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,CAEhB,EAGA,SAAU,CACR,KAAM,CACJ,MAAO,CACL,SAAU,MACV,IAAK,MACL,EAAG,MACH,WAAY,MACZ,GAAI,MACJ,MAAO,CACL,MAAO,MACP,OAAQ,KAAA,CAEZ,EACA,GAAI,CACF,SAAU,MACV,IAAK,MACL,EAAG,MACH,WAAY,MACZ,GAAI,MACJ,MAAO,CACL,MAAO,MACP,OAAQ,KAAA,CAEZ,EACA,GAAI,CACF,SAAU,MACV,IAAK,MACL,EAAG,OACH,WAAY,MACZ,GAAI,MACJ,MAAO,CACL,MAAO,MACP,OAAQ,KAAA,CACV,CACF,CAEJ,EAGA,gBAAiB,CACf,KAAM,IAAA,CAEV,CAAC,EClEK,CAAE,YAAAC,CAAY,EAAIC,EAAAA,oBAAoB,CAAE,OAAQH,EAAa,EAEtDI,EAAYF,EAA6C,MAAM,ECY/DG,EAASC,GAAsB,CAC1C,KAAM,CAAE,IAAKC,EAAc,GAAAC,EAAI,SAAAC,EAAU,GAAGC,GAASJ,EAE/CK,EAAWC,SAAwB,IAAI,EACvCC,EAAMC,EAAA,0CAAaC,EAAU,UAAAJ,EAAUJ,CAAY,CAAC,EAEpDS,EAAcR,GAAM,OAGxB,OAAAS,MAACb,EAAU,CAAA,GAAIY,EAAc,GAAGE,4CAAWR,EAAM,CAAE,IAAAG,EAAK,EACrD,SAAAJ,CACH,CAAA,CAEJ,EAEAJ,EAAM,YAAc"}

package/dist/chunks/badge-CbqLqIo9.js

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

package/dist/chunks/badge-CbqLqIo9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge-CbqLqIo9.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\";\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\";\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 * badge\n *\n * Features:\n *\n * - allows forwarding refs to the underlying DOM element\n * - accepts all native html 'HTMLSpanElement' attributes (including aria- & data-attributes)\n * - supports 'variants', 'sizes', etc. configured in the recipe\n * - allows overriding styles by using style-props\n * - supports 'asChild' and 'as' to modify the underlying html-element (polymorphic)\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,IAAcC,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,EAEhB;AAAA;AAAA,EAGA,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,MAEZ;AAAA,MACA,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,MAEZ;AAAA,MACA,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,EAEJ;AAAA;AAAA,EAGA,iBAAiB;AAAA,IACf,MAAM;AAAA,EAAA;AAEV,CAAC,GClEK,EAAE,aAAAC,EAAY,IAAIC,EAAoB,EAAE,QAAQH,GAAa,GAEtDI,IAAYF,EAA6C,MAAM,GCY/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;AAKxD,SAAA,gBAAAS,EAACZ,GAAU,EAAA,IAHOI,KAAM,QAGK,GAAGS,EAAWP,GAAM,EAAE,KAAAG,GAAK,GACrD,UAAAJ,EACH,CAAA;AAEJ;AAEAJ,EAAM,cAAc;"}

package/dist/chunks/box-DD4jYgS7.js

@@ -0,0 +1,11 @@
+import { jsx as t } from "react/jsx-runtime";
+import { Box as x } from "@chakra-ui/react";
+const e = (o) => {
+  const { ref: r, ...s } = o;
+  return /* @__PURE__ */ t(x, { ref: r, ...s });
+};
+e.displayName = "Box";
+export {
+  e as B
+};
+//# sourceMappingURL=box-DD4jYgS7.js.map

package/dist/chunks/box-DD4jYgS7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"box-DD4jYgS7.js","sources":["../../src/components/box/box.tsx"],"sourcesContent":["import { Box as ChakraBox, type HTMLChakraProps } from \"@chakra-ui/react\";\n\nexport interface BoxProps extends HTMLChakraProps<\"div\"> {\n  children?: React.ReactNode;\n  ref?: React.Ref<HTMLDivElement>;\n}\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":";;AAOa,MAAAA,IAAM,CAACC,MAAoB;AACtC,QAAM,EAAE,KAAAC,GAAK,GAAGC,EAAA,IAAcF;AAC9B,SAAQ,gBAAAG,EAAAC,GAAA,EAAU,KAAAH,GAAW,GAAGC,EAAW,CAAA;AAC7C;AAEAH,EAAI,cAAc;"}

package/dist/chunks/box-FU6tRPFs.js

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

package/dist/chunks/box-FU6tRPFs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"box-FU6tRPFs.js","sources":["../../src/components/box/box.tsx"],"sourcesContent":["import { Box as ChakraBox, type HTMLChakraProps } from \"@chakra-ui/react\";\n\nexport interface BoxProps extends HTMLChakraProps<\"div\"> {\n  children?: React.ReactNode;\n  ref?: React.Ref<HTMLDivElement>;\n}\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":"gFAOaA,EAAOC,GAAoB,CACtC,KAAM,CAAE,IAAAC,EAAK,GAAGC,CAAA,EAAcF,EAC9B,OAAQG,EAAA,IAAAC,EAAA,IAAA,CAAU,IAAAH,EAAW,GAAGC,CAAW,CAAA,CAC7C,EAEAH,EAAI,YAAc"}

package/dist/chunks/button-Ckftvc2h.js

@@ -0,0 +1,66 @@
+import { jsx as p } from "react/jsx-runtime";
+import { useRef as u } from "react";
+import { $ as m } from "./Button-Dtn-lV5G.js";
+import { $ as f } from "./utils-DTmE9QvG.js";
+import { createRecipeContext as h, defaultSystem as g, mergeRefs as y } from "@chakra-ui/react";
+import { b as k } from "./button.recipe-DbFAOebT.js";
+import { $ as b } from "./useObjectRef-CaJ5pgjX.js";
+import { $ as x } from "./mergeProps-DAjoWNOq.js";
+import { $ as v } from "./useButton-CGSIlDH9.js";
+function P(e) {
+  var t = /* @__PURE__ */ Object.create(null);
+  return function(r) {
+    return t[r] === void 0 && (t[r] = e(r)), t[r];
+  };
+}
+var R = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/, S = /* @__PURE__ */ P(
+  function(e) {
+    return R.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
+  }
+  /* Z+1 */
+);
+const { withContext: C } = h({
+  recipe: k
+}), T = C(
+  "button",
+  {
+    defaultProps: {
+      type: "button"
+    },
+    /** make sure the `onPress` properties won't end up as attribute on the rendered DOM element */
+    shouldForwardProp(e, t) {
+      const r = !(t != null && t.includes(e)) && !g.isValidProperty(e);
+      return S(e) && r && !e.includes("onPress");
+    }
+  }
+), w = (e) => {
+  const { ref: t, as: r, asChild: n, children: a, ...s } = e, l = u(null), o = b(y(l, t)), [i] = f(s, o, m), c = r || (n ? "a" : "button") || "button", { buttonProps: d } = v(
+    {
+      ...i,
+      elementType: c
+    },
+    o
+  );
+  return /* @__PURE__ */ p(
+    T,
+    {
+      ...x(i, d, {
+        as: r,
+        asChild: n,
+        /**
+         * In case `slot` was null, the `useContextProps` hook already
+         * processed it at this point, so it's safe to not attach it
+         * to the DOM element
+         */
+        slot: i.slot || void 0
+      }),
+      ref: o,
+      children: a
+    }
+  );
+};
+w.displayName = "Button";
+export {
+  w as B
+};
+//# sourceMappingURL=button-Ckftvc2h.js.map