@commercetools/nimbus 0.0.12-rc1 → 1.0.0-rc1

package/dist/chunks/accordion-C9-YyEB4.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-C9-YyEB4.cjs.js","sources":["../../../../node_modules/.pnpm/@react-aria+disclosure@3.0.7_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/@react-aria/disclosure/dist/useDisclosure.mjs","../../../../node_modules/.pnpm/@react-stately+disclosure@3.0.6_react@19.1.0/node_modules/@react-stately/disclosure/dist/useDisclosureState.mjs","../../../../node_modules/.pnpm/@react-stately+disclosure@3.0.6_react@19.1.0/node_modules/@react-stately/disclosure/dist/useDisclosureGroupState.mjs","../../src/components/accordion/accordion.slots.tsx","../../src/components/accordion/accordion-context.tsx","../../src/components/accordion/components/accordion-root.tsx","../../src/components/accordion/components/accordion-header.tsx","../../src/components/accordion/components/accordion-content.tsx","../../src/components/accordion/components/accordion-item.tsx","../../src/components/accordion/accordion.tsx"],"sourcesContent":["import {flushSync as $6wN6e$flushSync} from \"react-dom\";\nimport {useRef as $6wN6e$useRef, useCallback as $6wN6e$useCallback, useEffect as $6wN6e$useEffect} from \"react\";\nimport {useId as $6wN6e$useId, useEvent as $6wN6e$useEvent, useLayoutEffect as $6wN6e$useLayoutEffect} from \"@react-aria/utils\";\nimport {useIsSSR as $6wN6e$useIsSSR} from \"@react-aria/ssr\";\n\n/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the 'License');\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\n\nfunction $5e910fae8e128ead$export$6e3e27031a30522f(props, state, ref) {\n    let { isDisabled: isDisabled } = props;\n    let triggerId = (0, $6wN6e$useId)();\n    let panelId = (0, $6wN6e$useId)();\n    let isSSR = (0, $6wN6e$useIsSSR)();\n    let supportsBeforeMatch = !isSSR && 'onbeforematch' in document.body;\n    let raf = (0, $6wN6e$useRef)(null);\n    let handleBeforeMatch = (0, $6wN6e$useCallback)(()=>{\n        // Wait a frame to revert browser's removal of hidden attribute\n        raf.current = requestAnimationFrame(()=>{\n            if (ref.current) ref.current.setAttribute('hidden', 'until-found');\n        });\n        // Force sync state update\n        (0, $6wN6e$flushSync)(()=>{\n            state.toggle();\n        });\n    }, [\n        ref,\n        state\n    ]);\n    // @ts-ignore https://github.com/facebook/react/pull/24741\n    (0, $6wN6e$useEvent)(ref, 'beforematch', supportsBeforeMatch ? handleBeforeMatch : null);\n    (0, $6wN6e$useLayoutEffect)(()=>{\n        // Cancel any pending RAF to prevent stale updates\n        if (raf.current) cancelAnimationFrame(raf.current);\n        // Until React supports hidden=\"until-found\": https://github.com/facebook/react/pull/24741\n        if (supportsBeforeMatch && ref.current && !isDisabled) {\n            if (state.isExpanded) ref.current.removeAttribute('hidden');\n            else ref.current.setAttribute('hidden', 'until-found');\n        }\n    }, [\n        isDisabled,\n        ref,\n        state.isExpanded,\n        supportsBeforeMatch\n    ]);\n    (0, $6wN6e$useEffect)(()=>{\n        return ()=>{\n            if (raf.current) cancelAnimationFrame(raf.current);\n        };\n    }, []);\n    return {\n        buttonProps: {\n            id: triggerId,\n            'aria-expanded': state.isExpanded,\n            'aria-controls': panelId,\n            onPress: (e)=>{\n                if (!isDisabled && e.pointerType !== 'keyboard') state.toggle();\n            },\n            isDisabled: isDisabled,\n            onPressStart (e) {\n                if (e.pointerType === 'keyboard' && !isDisabled) state.toggle();\n            }\n        },\n        panelProps: {\n            id: panelId,\n            // This can be overridden at the panel element level.\n            role: 'group',\n            'aria-labelledby': triggerId,\n            'aria-hidden': !state.isExpanded,\n            hidden: supportsBeforeMatch ? true : !state.isExpanded\n        }\n    };\n}\n\n\nexport {$5e910fae8e128ead$export$6e3e27031a30522f as useDisclosure};\n//# sourceMappingURL=useDisclosure.module.js.map\n","import {useCallback as $acGV5$useCallback} from \"react\";\nimport {useControlledState as $acGV5$useControlledState} from \"@react-stately/utils\";\n\n/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\nfunction $bf996d45f4a36925$export$3fcbf6e4407997e0(props) {\n    let [isExpanded, setExpanded] = (0, $acGV5$useControlledState)(props.isExpanded, props.defaultExpanded || false, props.onExpandedChange);\n    const expand = (0, $acGV5$useCallback)(()=>{\n        setExpanded(true);\n    }, [\n        setExpanded\n    ]);\n    const collapse = (0, $acGV5$useCallback)(()=>{\n        setExpanded(false);\n    }, [\n        setExpanded\n    ]);\n    const toggle = (0, $acGV5$useCallback)(()=>{\n        setExpanded(!isExpanded);\n    }, [\n        setExpanded,\n        isExpanded\n    ]);\n    return {\n        isExpanded: isExpanded,\n        setExpanded: setExpanded,\n        expand: expand,\n        collapse: collapse,\n        toggle: toggle\n    };\n}\n\n\nexport {$bf996d45f4a36925$export$3fcbf6e4407997e0 as useDisclosureState};\n//# sourceMappingURL=useDisclosureState.module.js.map\n","import {useControlledState as $j4gLc$useControlledState} from \"@react-stately/utils\";\nimport {useMemo as $j4gLc$useMemo, useEffect as $j4gLc$useEffect} from \"react\";\n\n/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\nfunction $9385b3affbdec831$export$f36461af0ef4707d(props) {\n    let { allowsMultipleExpanded: allowsMultipleExpanded = false, isDisabled: isDisabled = false } = props;\n    let [expandedKeys, setExpandedKeys] = (0, $j4gLc$useControlledState)((0, $j4gLc$useMemo)(()=>props.expandedKeys ? new Set(props.expandedKeys) : undefined, [\n        props.expandedKeys\n    ]), (0, $j4gLc$useMemo)(()=>props.defaultExpandedKeys ? new Set(props.defaultExpandedKeys) : new Set(), [\n        props.defaultExpandedKeys\n    ]), props.onExpandedChange);\n    (0, $j4gLc$useEffect)(()=>{\n        // Ensure only one item is expanded if allowsMultipleExpanded is false.\n        if (!allowsMultipleExpanded && expandedKeys.size > 1) {\n            let firstKey = expandedKeys.values().next().value;\n            if (firstKey != null) setExpandedKeys(new Set([\n                firstKey\n            ]));\n        }\n    });\n    return {\n        allowsMultipleExpanded: allowsMultipleExpanded,\n        isDisabled: isDisabled,\n        expandedKeys: expandedKeys,\n        setExpandedKeys: setExpandedKeys,\n        toggleKey (key) {\n            let keys;\n            if (allowsMultipleExpanded) {\n                keys = new Set(expandedKeys);\n                if (keys.has(key)) keys.delete(key);\n                else keys.add(key);\n            } else keys = new Set(expandedKeys.has(key) ? [] : [\n                key\n            ]);\n            setExpandedKeys(keys);\n        }\n    };\n}\n\n\nexport {$9385b3affbdec831$export$f36461af0ef4707d as useDisclosureGroupState};\n//# sourceMappingURL=useDisclosureGroupState.module.js.map\n","import {\n  createSlotRecipeContext,\n  type HTMLChakraProps,\n} from \"@chakra-ui/react/styled-system\";\nimport type { AccordionRootProps } from \"./accordion.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"accordion\",\n});\n\nexport const AccordionRoot = withProvider<HTMLDivElement, AccordionRootProps>(\n  \"div\",\n  \"root\"\n);\n\nexport const AccordionDisclosure = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"disclosure\");\n\nexport const AccordionTrigger = withContext<\n  HTMLButtonElement,\n  HTMLChakraProps<\"button\">\n>(\"button\", \"trigger\");\n\nexport const AccordionPanel = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"panel\");\n\nexport const AccordionTitle = withContext<\n  HTMLButtonElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"accordionTitle\");\n\nexport const AccordionHeaderRightContent = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"headerContentRight\");\n","import React, { createContext } from \"react\";\nimport type { DisclosureGroupState } from \"react-stately\";\n\n// Define types for the item context\nexport interface ItemContextType {\n  isExpanded: boolean;\n  triggerRef: React.RefObject<HTMLButtonElement | null>;\n  panelRef: React.RefObject<HTMLDivElement | null>;\n  buttonProps: React.ButtonHTMLAttributes<HTMLButtonElement>;\n  panelProps: React.ButtonHTMLAttributes<HTMLButtonElement>;\n  isFocusVisible: boolean;\n}\n\n// Create and export the contexts\nexport const ItemContext = createContext<ItemContextType | null>(null);\nexport const DisclosureGroupStateContext =\n  createContext<DisclosureGroupState | null>(null);\n","import React, { forwardRef, type Key } from \"react\";\nimport { AccordionRoot as AccordionRootSlot } from \"../accordion.slots\";\nimport { useDisclosureGroupState } from \"react-stately\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport type { DisclosureGroupProps } from \"../accordion.types\";\nimport { DisclosureGroupStateContext } from \"../accordion-context\";\n\n/**\n * # Accordion\n *\n * Displays an Accordion.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/navigation/accordion}\n */\nexport const AccordionRoot = forwardRef<HTMLDivElement, DisclosureGroupProps>(\n  ({ children, onExpandedChange, ...props }, forwardedRef) => {\n    const state = useDisclosureGroupState({\n      ...props,\n      onExpandedChange: (keys: Set<Key>) => {\n        onExpandedChange?.(keys.size > 0);\n      },\n    });\n    const recipe = useSlotRecipe({ key: \"accordion\" });\n    const [recipeProps] = recipe.splitVariantProps(props);\n\n    return (\n      <DisclosureGroupStateContext.Provider value={state}>\n        <AccordionRootSlot data-slot=\"root\" ref={forwardedRef} {...recipeProps}>\n          {children}\n        </AccordionRootSlot>\n      </DisclosureGroupStateContext.Provider>\n    );\n  }\n);\n","import React, { forwardRef, useContext, type ReactNode } from \"react\";\nimport {\n  AccordionTrigger,\n  AccordionTitle,\n  AccordionHeaderRightContent,\n} from \"../accordion.slots\";\nimport { mergeRefs } from \"@chakra-ui/react\";\nimport { Flex } from \"@/components\";\nimport { KeyboardArrowRight } from \"@commercetools/nimbus-icons\";\nimport { ItemContext } from \"../accordion-context\";\n\ntype AccordionHeaderProps = {\n  /**\n   * The text / content to display in the Header\n   */\n  children: ReactNode;\n};\n\nexport const AccordionHeader = forwardRef<\n  HTMLButtonElement,\n  AccordionHeaderProps\n>(({ children }, ref) => {\n  const context = useContext(ItemContext);\n  if (!context) {\n    throw new Error(\"Accordion.Header must be used within Accordion.Item\");\n  }\n\n  // Extract HeaderRightContent if present\n  const headerContent = React.Children.toArray(children).reduce<{\n    main: React.ReactNode[];\n    rightContent: React.ReactNode[];\n  }>(\n    (acc, child) => {\n      if (\n        React.isValidElement(child) &&\n        child.type === AccordionHeaderRightContent\n      ) {\n        acc.rightContent.push(child);\n      } else {\n        acc.main.push(child);\n      }\n      return acc;\n    },\n    { main: [], rightContent: [] }\n  );\n\n  return (\n    <Flex\n      justifyContent=\"space-between\"\n      alignItems=\"center\"\n      borderBottom=\"solid-25\"\n      borderColor=\"neutral.4\"\n    >\n      <AccordionTrigger\n        ref={mergeRefs(context.triggerRef, ref)}\n        {...context.buttonProps}\n        data-slot=\"trigger\"\n        outline={context.isFocusVisible ? undefined : \"none\"}\n      >\n        <KeyboardArrowRight />\n        <AccordionTitle data-slot=\"accordionTitle\">\n          {headerContent.main}\n        </AccordionTitle>\n      </AccordionTrigger>\n      {headerContent.rightContent.length > 0 && (\n        <AccordionHeaderRightContent data-slot=\"headerContentRight\">\n          {headerContent.rightContent}\n        </AccordionHeaderRightContent>\n      )}\n    </Flex>\n  );\n});\n","import React, {\n  forwardRef,\n  useContext,\n  type ComponentProps,\n  type ReactNode,\n} from \"react\";\nimport { AccordionPanel } from \"../accordion.slots\";\nimport { useObjectRef } from \"react-aria\";\nimport { mergeProps, mergeRefs } from \"@chakra-ui/react\";\nimport { ItemContext } from \"../accordion-context\";\n\ntype AccordionContentProps = {\n  /**\n   * The content to display\n   */\n  children: ReactNode;\n} & ComponentProps<typeof AccordionPanel>;\n\n// Create Content component\nexport const AccordionContent = forwardRef<\n  HTMLDivElement,\n  AccordionContentProps\n>((props, forwardedRef) => {\n  const context = useContext(ItemContext);\n  const ref = useObjectRef<HTMLDivElement>(\n    mergeRefs(context?.panelRef, forwardedRef)\n  );\n\n  return (\n    // @ts-expect-error TODO - fix prop types merging conflict\n    <AccordionPanel\n      ref={ref}\n      {...mergeProps({ ...context?.panelProps, ...props })}\n      data-slot=\"panel\"\n    >\n      {props.children}\n    </AccordionPanel>\n  );\n});\n","import React, { forwardRef, useContext, useRef } from \"react\";\nimport { AccordionDisclosure } from \"../accordion.slots\";\nimport { useDisclosureState } from \"react-stately\";\nimport {\n  useDisclosure,\n  mergeProps,\n  useButton,\n  useFocusRing,\n  useId,\n} from \"react-aria\";\nimport type { DisclosureItemProps } from \"../accordion.types\";\n// Import the contexts from the shared file\nimport { ItemContext, DisclosureGroupStateContext } from \"../accordion-context\";\n\nexport const AccordionItem = forwardRef<HTMLDivElement, DisclosureItemProps>(\n  (\n    { children, id, isDisabled, isExpanded, onExpandedChange, value },\n    forwardedRef\n  ) => {\n    const defaultId = useId();\n    const itemId = id || defaultId;\n    const itemValue = value || itemId;\n\n    // Get group state from context\n    const groupState = useContext(DisclosureGroupStateContext);\n\n    // Determine if expanded based on group state or prop\n    const expanded = groupState\n      ? groupState.expandedKeys.has(itemValue)\n      : isExpanded;\n\n    // Create disclosure state\n    const state = useDisclosureState({\n      isExpanded: expanded,\n      onExpandedChange: (isExpanded) => {\n        if (groupState) {\n          groupState.toggleKey(itemValue);\n        }\n        onExpandedChange?.(isExpanded);\n      },\n    });\n\n    // Create refs and get props\n    const panelRef = useRef<HTMLDivElement>(null);\n    const triggerRef = useRef<HTMLButtonElement>(null);\n    const disabled = isDisabled || groupState?.isDisabled || false;\n\n    const { buttonProps, panelProps } = useDisclosure(\n      {\n        isExpanded: state.isExpanded,\n        isDisabled: disabled,\n      },\n      state,\n      panelRef\n    );\n\n    const { buttonProps: finalButtonProps } = useButton(\n      buttonProps,\n      triggerRef\n    );\n    const { focusProps, isFocusVisible } = useFocusRing();\n\n    // Create context value for Header and Content\n    const contextValue = {\n      isExpanded: state.isExpanded,\n      triggerRef,\n      panelRef,\n      buttonProps: mergeProps(finalButtonProps, focusProps),\n      panelProps,\n      isFocusVisible,\n    };\n\n    // Using the imported ItemContext\n    return (\n      <ItemContext.Provider value={contextValue}>\n        <AccordionDisclosure\n          data-slot=\"disclosure\"\n          data-value={itemValue}\n          data-expanded={state.isExpanded}\n          ref={forwardedRef}\n        >\n          {children}\n        </AccordionDisclosure>\n      </ItemContext.Provider>\n    );\n  }\n);\n","import { AccordionHeaderRightContent } from \"./accordion.slots\";\nimport { AccordionRoot } from \"./components/accordion-root\";\nimport { AccordionHeader } from \"./components/accordion-header\";\nimport { AccordionContent } from \"./components/accordion-content\";\nimport { AccordionItem } from \"./components/accordion-item\";\n\n// Create the Accordion namespace object as an object literal\nexport const Accordion = {\n  Root: AccordionRoot,\n  Item: AccordionItem,\n  Header: AccordionHeader,\n  Content: AccordionContent,\n  HeaderRightContent: AccordionHeaderRightContent,\n};\n\nexport {\n  AccordionRoot as _AccordionRoot,\n  AccordionItem as _AccordionItem,\n  AccordionHeader as _AccordionHeader,\n  AccordionContent as _AccordionContent,\n  AccordionHeaderRightContent as _AccordionHeaderRightContent,\n};\n"],"names":["$5e910fae8e128ead$export$6e3e27031a30522f","props","state","ref","isDisabled","triggerId","$6wN6e$useId","panelId","supportsBeforeMatch","$6wN6e$useIsSSR","raf","$6wN6e$useRef","handleBeforeMatch","$6wN6e$useCallback","$6wN6e$flushSync","$6wN6e$useEvent","$6wN6e$useLayoutEffect","$6wN6e$useEffect","e","$bf996d45f4a36925$export$3fcbf6e4407997e0","isExpanded","setExpanded","$acGV5$useControlledState","expand","$acGV5$useCallback","collapse","toggle","$9385b3affbdec831$export$f36461af0ef4707d","allowsMultipleExpanded","expandedKeys","setExpandedKeys","$j4gLc$useControlledState","$j4gLc$useMemo","$j4gLc$useEffect","firstKey","key","keys","withProvider","withContext","createSlotRecipeContext","AccordionRoot","AccordionDisclosure","AccordionTrigger","AccordionPanel","AccordionTitle","AccordionHeaderRightContent","ItemContext","createContext","DisclosureGroupStateContext","forwardRef","children","onExpandedChange","forwardedRef","useDisclosureGroupState","recipe","useSlotRecipe","recipeProps","jsx","AccordionRootSlot","AccordionHeader","context","useContext","headerContent","React","acc","child","jsxs","Flex","mergeRefs","KeyboardArrowRight","AccordionContent","useObjectRef","mergeProps","AccordionItem","id","value","defaultId","useId","itemValue","groupState","expanded","useDisclosureState","panelRef","useRef","triggerRef","disabled","buttonProps","panelProps","useDisclosure","finalButtonProps","useButton","focusProps","isFocusVisible","useFocusRing","contextValue","Accordion"],"mappings":"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","x_google_ignoreList":[0,1,2]}

package/dist/chunks/alert-BcTfv-Kw.es.js

@@ -0,0 +1,194 @@
+import { jsx as s, jsxs as m } 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-DgamNbR-.es.js";
+import { B as I } from "./box-7pkPaNxe.es.js";
+import { S as y } from "./stack-DosdbBli.es.js";
+import { CheckCircleOutline as E, WarningAmber as S, Info as $, ErrorOutline as M, Clear as k } from "@commercetools/nimbus-icons";
+import { I as j } from "./icon-button-C2GGAKhI.es.js";
+import { d as O, u as W } from "./index-DsGIn0AT.es.js";
+const z = /* @__PURE__ */ 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: F, withContext: r } = /* @__PURE__ */ R({
+  recipe: z
+}), V = /* @__PURE__ */ F(
+  "div",
+  "root"
+), q = /* @__PURE__ */ r(
+  "div",
+  "title"
+), G = /* @__PURE__ */ r("div", "description"), H = /* @__PURE__ */ r(
+  "div",
+  "icon"
+), J = /* @__PURE__ */ r(
+  "div",
+  "actions"
+), K = /* @__PURE__ */ r("div", "dismissButton"), L = (e) => {
+  switch (e) {
+    case "critical":
+      return /* @__PURE__ */ s(M, {});
+    case "info":
+      return /* @__PURE__ */ s($, {});
+    case "warning":
+      return /* @__PURE__ */ s(S, {});
+    case "positive":
+      return /* @__PURE__ */ s(E, {});
+    default:
+      return null;
+  }
+}, n = /* @__PURE__ */ B(
+  void 0
+), g = (e) => {
+  const { ref: o, children: t, ...i } = e, [d, u] = l(null), [b, f] = l(null), [P, p] = l(null), [N, A] = l(null), C = T(
+    () => ({
+      setTitle: u,
+      setDescription: f,
+      setActions: p,
+      setDismiss: A
+    }),
+    [u, f, p, A]
+  );
+  return /* @__PURE__ */ s(n.Provider, { value: C, children: /* @__PURE__ */ m(V, { ref: o, ...i, role: "alert", children: [
+    /* @__PURE__ */ s(H, { alignItems: "flex-start", children: L(i.tone) }),
+    /* @__PURE__ */ m(y, { flex: "1", gap: "200", children: [
+      /* @__PURE__ */ m(I, { children: [
+        d,
+        b
+      ] }),
+      P
+    ] }),
+    N,
+    t
+  ] }) });
+};
+g.displayName = "Alert.Root";
+const x = ({ children: e, ...o }) => {
+  const t = c(n);
+  return a(() => {
+    if (t) {
+      const i = /* @__PURE__ */ s(q, { ...o, fontWeight: "600", children: e });
+      return t.setTitle(i), () => t.setTitle(null);
+    }
+  }, [e, o]), null;
+};
+x.displayName = "Alert.Title";
+const v = ({
+  children: e,
+  ...o
+}) => {
+  const t = c(n);
+  return a(() => {
+    if (t) {
+      const i = /* @__PURE__ */ s(G, { ...o, children: e });
+      return t.setDescription(i), () => t.setDescription(null);
+    }
+  }, [e, o]), null;
+};
+v.displayName = "Alert.Description";
+const D = ({ children: e, ...o }) => {
+  const t = c(n);
+  return a(() => {
+    if (t) {
+      const i = /* @__PURE__ */ s(J, { ...o, children: e });
+      return t.setActions(i), () => t.setActions(null);
+    }
+  }, [e, o]), null;
+};
+D.displayName = "Alert.Actions";
+const Q = /* @__PURE__ */ O({
+  dismiss: {
+    id: "Nimbus.alert.dismiss",
+    description: "aria-label for dismiss button in alert",
+    defaultMessage: "Dismiss"
+  }
+}), h = ({
+  children: e,
+  ...o
+}) => {
+  const t = c(n), i = W();
+  return a(() => {
+    if (t) {
+      const d = /* @__PURE__ */ s(K, { children: /* @__PURE__ */ s(
+        j,
+        {
+          "aria-label": i.formatMessage(Q.dismiss),
+          ...o,
+          variant: "ghost",
+          size: "2xs",
+          children: /* @__PURE__ */ s(k, { role: "img" })
+        }
+      ) });
+      return t.setDismiss(d), () => t.setDismiss(null);
+    }
+  }, [e, o]), null;
+};
+h.displayName = "Alert.DismissButton";
+const it = {
+  Root: g,
+  Title: x,
+  Description: v,
+  Actions: D,
+  DismissButton: h
+};
+export {
+  it as A,
+  g as a,
+  x as b,
+  v as c,
+  D as d,
+  h as e
+};
+//# sourceMappingURL=alert-BcTfv-Kw.es.js.map

package/dist/chunks/alert-BcTfv-Kw.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-BcTfv-Kw.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/messages.ts","../../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 { defineMessages } from \"react-intl\";\n\nexport const messages = defineMessages({\n  dismiss: {\n    id: \"Nimbus.alert.dismiss\",\n    description: \"aria-label for dismiss button in alert\",\n    defaultMessage: \"Dismiss\",\n  },\n});\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\";\nimport { useIntl } from \"react-intl\";\nimport { messages } from \"../messages\";\n\nexport const AlertDismissButton = ({\n  children,\n  ...props\n}: AlertDismissButtonProps) => {\n  const context = useContext(AlertContext);\n  const intl = useIntl();\n  useEffect(() => {\n    if (context) {\n      const slotElement = (\n        <AlertDismissButtonSlot>\n          <IconButton\n            aria-label={intl.formatMessage(messages.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","messages","defineMessages","intl","useIntl","AlertDismissButtonSlot","IconButton","Clear","Alert"],"mappings":"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"}

package/dist/chunks/alert-Bp15DXZM.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),o=require("react"),P=require("./config-Mt8_uyhI.cjs.js"),R=require("./create-slot-recipe-context-CHGQvGou.cjs.js"),N=require("./box-DL4MWnyy.cjs.js"),B=require("./stack-B2xQMEdj.cjs.js"),r=require("@commercetools/nimbus-icons"),T=require("./icon-button-KMr_sm5y.cjs.js"),v=require("./index-CcqI-ipN.cjs.js"),q=P.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:E,withContext:l}=R.createSlotRecipeContext({recipe:q}),w=E("div","root"),S=l("div","title"),I=l("div","description"),y=l("div","icon"),$=l("div","actions"),k=l("div","dismissButton"),M=s=>{switch(s){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=o.createContext(void 0),u=s=>{const{ref:i,children:t,...n}=s,[a,f]=o.useState(null),[j,p]=o.useState(null),[h,g]=o.useState(null),[b,D]=o.useState(null),C=o.useMemo(()=>({setTitle:f,setDescription:p,setActions:g,setDismiss:D}),[f,p,g,D]);return e.jsx(c.Provider,{value:C,children:e.jsxs(w,{ref:i,...n,role:"alert",children:[e.jsx(y,{alignItems:"flex-start",children:M(n.tone)}),e.jsxs(B.Stack,{flex:"1",gap:"200",children:[e.jsxs(N.Box,{children:[a,j]}),h]}),b,t]})})};u.displayName="Alert.Root";const d=({children:s,...i})=>{const t=o.useContext(c);return o.useEffect(()=>{if(t){const n=e.jsx(S,{...i,fontWeight:"600",children:s});return t.setTitle(n),()=>t.setTitle(null)}},[s,i]),null};d.displayName="Alert.Title";const m=({children:s,...i})=>{const t=o.useContext(c);return o.useEffect(()=>{if(t){const n=e.jsx(I,{...i,children:s});return t.setDescription(n),()=>t.setDescription(null)}},[s,i]),null};m.displayName="Alert.Description";const x=({children:s,...i})=>{const t=o.useContext(c);return o.useEffect(()=>{if(t){const n=e.jsx($,{...i,children:s});return t.setActions(n),()=>t.setActions(null)}},[s,i]),null};x.displayName="Alert.Actions";const O=v.defineMessages({dismiss:{id:"Nimbus.alert.dismiss",description:"aria-label for dismiss button in alert",defaultMessage:"Dismiss"}}),A=({children:s,...i})=>{const t=o.useContext(c),n=v.useIntl();return o.useEffect(()=>{if(t){const a=e.jsx(k,{children:e.jsx(T.IconButton,{"aria-label":n.formatMessage(O.dismiss),...i,variant:"ghost",size:"2xs",children:e.jsx(r.Clear,{role:"img"})})});return t.setDismiss(a),()=>t.setDismiss(null)}},[s,i]),null};A.displayName="Alert.DismissButton";const W={Root:u,Title:d,Description:m,Actions:x,DismissButton:A};exports.Alert=W;exports.AlertActions=x;exports.AlertDescription=m;exports.AlertDismissButton=A;exports.AlertRoot=u;exports.AlertTitle=d;
+//# sourceMappingURL=alert-Bp15DXZM.cjs.js.map

package/dist/chunks/alert-Bp15DXZM.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-Bp15DXZM.cjs.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/messages.ts","../../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 { defineMessages } from \"react-intl\";\n\nexport const messages = defineMessages({\n  dismiss: {\n    id: \"Nimbus.alert.dismiss\",\n    description: \"aria-label for dismiss button in alert\",\n    defaultMessage: \"Dismiss\",\n  },\n});\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\";\nimport { useIntl } from \"react-intl\";\nimport { messages } from \"../messages\";\n\nexport const AlertDismissButton = ({\n  children,\n  ...props\n}: AlertDismissButtonProps) => {\n  const context = useContext(AlertContext);\n  const intl = useIntl();\n  useEffect(() => {\n    if (context) {\n      const slotElement = (\n        <AlertDismissButtonSlot>\n          <IconButton\n            aria-label={intl.formatMessage(messages.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","messages","defineMessages","intl","useIntl","AlertDismissButtonSlot","IconButton","Clear","Alert"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-BWG1uDUT.cjs.js","sources":["../../src/components/avatar/avatar.slots.tsx","../../src/components/avatar/messages.ts","../../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 { defineMessages } from \"react-intl\";\n\nexport const messages = defineMessages({\n  avatar: {\n    id: \"Nimbus.avatar.avatar\",\n    description: \"aria-label for avatar\",\n    defaultMessage: \"avatar\",\n  },\n});\n","import { useState } from \"react\";\nimport { Image } from \"@chakra-ui/react/image\";\nimport { type AvatarProps } from \"./avatar.types\";\nimport { AvatarRoot } from \"./avatar.slots.tsx\";\nimport { useIntl } from \"react-intl\";\nimport { messages } from \"./messages.ts\";\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  const intl = useIntl();\n  const fullName = `${firstName} ${lastName}`;\n\n  const sharedProps = {\n    \"aria-label\": `${fullName} ${intl.formatMessage(messages.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","messages","defineMessages","getInitials","firstName","lastName","Avatar","props","ref","src","alt","rest","imageLoaded","setImageLoaded","useState","imageError","setImageError","intl","useIntl","fullName","sharedProps","onLoad","onError","shouldShowInitials","jsxs","jsx","Image"],"mappings":"iPAaM,CAAE,YAAAA,CAAA,EAAgBC,EAAAA,oBAAoB,CAAE,OAAQC,EAAAA,aAAc,EAEvDC,EAAaH,EAA0C,QAAQ,ECb/DI,EAAWC,EAAAA,eAAe,CACrC,OAAQ,CACN,GAAI,uBACJ,YAAa,wBACb,eAAgB,QAAA,CAEpB,CAAC,ECDD,SAASC,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,EAC5CG,EAAOC,EAAAA,QAAA,EACPC,EAAW,GAAGf,CAAS,IAAIC,CAAQ,GAEnCe,EAAc,CAClB,aAAc,GAAGD,CAAQ,IAAIF,EAAK,cAAchB,EAAS,MAAM,CAAC,GAChE,IAAAO,EACA,GAAGG,CAAA,EAGCU,EAAS,IAAM,CACnBR,EAAe,EAAI,EACnBG,EAAc,EAAK,CACrB,EAEMM,EAAU,IAAM,CACpBT,EAAe,EAAK,EACpBG,EAAc,EAAI,CACpB,EAGMO,EAAqB,CAACd,GAAO,CAACG,GAAeG,EAEnD,OACES,EAAAA,KAACxB,EAAA,CAAY,GAAGoB,EACb,SAAA,CAAAG,EAAqBpB,EAAYC,EAAWC,CAAQ,EAAI,KAExDI,GACCgB,EAAAA,IAACC,EAAAA,MAAA,CACC,IAAAjB,EACA,IAAKC,GAAOS,EACZ,OAAAE,EACA,QAAAC,EACA,QAASV,GAAe,CAACG,EAAa,QAAU,MAAA,CAAA,CAClD,EAEJ,CAEJ,EAEAT,EAAO,YAAc"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-d49Ix9eV.es.js","sources":["../../src/components/avatar/avatar.slots.tsx","../../src/components/avatar/messages.ts","../../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 { defineMessages } from \"react-intl\";\n\nexport const messages = defineMessages({\n  avatar: {\n    id: \"Nimbus.avatar.avatar\",\n    description: \"aria-label for avatar\",\n    defaultMessage: \"avatar\",\n  },\n});\n","import { useState } from \"react\";\nimport { Image } from \"@chakra-ui/react/image\";\nimport { type AvatarProps } from \"./avatar.types\";\nimport { AvatarRoot } from \"./avatar.slots.tsx\";\nimport { useIntl } from \"react-intl\";\nimport { messages } from \"./messages.ts\";\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  const intl = useIntl();\n  const fullName = `${firstName} ${lastName}`;\n\n  const sharedProps = {\n    \"aria-label\": `${fullName} ${intl.formatMessage(messages.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","messages","defineMessages","getInitials","firstName","lastName","Avatar","props","ref","src","alt","rest","imageLoaded","setImageLoaded","useState","imageError","setImageError","intl","useIntl","fullName","sharedProps","onLoad","onError","jsxs","jsx","Image"],"mappings":";;;;;;AAaA,MAAM,EAAE,aAAAA,EAAA,IAAgB,gBAAAC,EAAoB,EAAE,QAAQC,GAAc,GAEvDC,IAAa,gBAAAH,EAA0C,QAAQ,GCb/DI,IAAW,gBAAAC,EAAe;AAAA,EACrC,QAAQ;AAAA,IACN,IAAI;AAAA,IACJ,aAAa;AAAA,IACb,gBAAgB;AAAA,EAAA;AAEpB,CAAC;ACDD,SAASC,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,GAC5CG,IAAOC,EAAA,GACPC,IAAW,GAAGf,CAAS,IAAIC,CAAQ,IAEnCe,IAAc;AAAA,IAClB,cAAc,GAAGD,CAAQ,IAAIF,EAAK,cAAchB,EAAS,MAAM,CAAC;AAAA,IAChE,KAAAO;AAAA,IACA,GAAGG;AAAA,EAAA,GAGCU,IAAS,MAAM;AACnB,IAAAR,EAAe,EAAI,GACnBG,EAAc,EAAK;AAAA,EACrB,GAEMM,IAAU,MAAM;AACpB,IAAAT,EAAe,EAAK,GACpBG,EAAc,EAAI;AAAA,EACpB;AAKA,SACE,gBAAAO,EAACvB,GAAA,EAAY,GAAGoB,GACb,UAAA;AAAA,IAJsB,CAACX,KAAO,CAACG,KAAeG,IAIzBZ,EAAYC,GAAWC,CAAQ,IAAI;AAAA,IAExDI,KACC,gBAAAe;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAAhB;AAAA,QACA,KAAKC,KAAOS;AAAA,QACZ,QAAAE;AAAA,QACA,SAAAC;AAAA,QACA,SAASV,KAAe,CAACG,IAAa,UAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EAClD,GAEJ;AAEJ;AAEAT,EAAO,cAAc;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"badge-BeR8OqtD.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-CJK91qKC.cjs.js

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

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

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

package/dist/chunks/box-7pkPaNxe.es.js

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

package/dist/chunks/box-7pkPaNxe.es.js.map

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

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

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

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

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

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

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