@commercetools/nimbus 1.0.1 → 2.0.1-rc1

package/dist/chunks/accordion-DSLccfDW.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-DSLccfDW.es.js","sources":["../../../../node_modules/.pnpm/@react-stately+disclosure@3.0.8_react@19.1.0/node_modules/@react-stately/disclosure/dist/useDisclosureGroupState.mjs","../../../../node_modules/.pnpm/react-aria-components@1.13.0_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-aria-components/dist/Disclosure.mjs","../../src/components/accordion/accordion.slots.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 {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 {ButtonContext as $d2b4bc8c273e7be6$export$24d547caef80ccd1} from \"./Button.mjs\";\nimport {DEFAULT_SLOT as $64fa3d84918910a7$export$c62b8e45d58ddad9, Provider as $64fa3d84918910a7$export$2881499e37b75b9a, useContextProps as $64fa3d84918910a7$export$29f1550f4b0d4415, useRenderProps as $64fa3d84918910a7$export$4d86445c2cf5e3} from \"./utils.mjs\";\nimport {useDisclosure as $hI1OT$useDisclosure, useFocusRing as $hI1OT$useFocusRing} from \"react-aria\";\nimport {useDisclosureGroupState as $hI1OT$useDisclosureGroupState, useDisclosureState as $hI1OT$useDisclosureState} from \"react-stately\";\nimport {filterDOMProps as $hI1OT$filterDOMProps, useId as $hI1OT$useId, mergeProps as $hI1OT$mergeProps, mergeRefs as $hI1OT$mergeRefs} from \"@react-aria/utils\";\nimport $hI1OT$react, {createContext as $hI1OT$createContext, forwardRef as $hI1OT$forwardRef, useContext as $hI1OT$useContext} 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\n\n\n\n\nconst $28f4fd908f0de97f$export$1d40e3e0cc4d5de = /*#__PURE__*/ (0, $hI1OT$createContext)(null);\nconst $28f4fd908f0de97f$export$944aceb4f8c89f10 = /*#__PURE__*/ (0, $hI1OT$forwardRef)(function DisclosureGroup(props, ref) {\n    let state = (0, $hI1OT$useDisclosureGroupState)(props);\n    let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({\n        ...props,\n        defaultClassName: 'react-aria-DisclosureGroup',\n        values: {\n            isDisabled: state.isDisabled,\n            state: state\n        }\n    });\n    let domProps = (0, $hI1OT$filterDOMProps)(props, {\n        global: true\n    });\n    return /*#__PURE__*/ (0, $hI1OT$react).createElement(\"div\", {\n        ...domProps,\n        ...renderProps,\n        ref: ref,\n        \"data-disabled\": props.isDisabled || undefined\n    }, /*#__PURE__*/ (0, $hI1OT$react).createElement($28f4fd908f0de97f$export$1d40e3e0cc4d5de.Provider, {\n        value: state\n    }, renderProps.children));\n});\nconst $28f4fd908f0de97f$export$d665dd135a51b28a = /*#__PURE__*/ (0, $hI1OT$createContext)(null);\nconst $28f4fd908f0de97f$export$dab3ea4a6ef094da = /*#__PURE__*/ (0, $hI1OT$createContext)(null);\nconst $28f4fd908f0de97f$var$InternalDisclosureContext = /*#__PURE__*/ (0, $hI1OT$createContext)(null);\nconst $28f4fd908f0de97f$export$74a362b31437ec83 = /*#__PURE__*/ (0, $hI1OT$forwardRef)(function Disclosure(props, ref) {\n    [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $28f4fd908f0de97f$export$d665dd135a51b28a);\n    let groupState = (0, $hI1OT$useContext)($28f4fd908f0de97f$export$1d40e3e0cc4d5de);\n    let { id: id, ...otherProps } = props;\n    // Generate an id if one wasn't provided.\n    // (can't pass id into useId since it can also be a number)\n    let defaultId = (0, $hI1OT$useId)();\n    id || (id = defaultId);\n    let isExpanded = groupState ? groupState.expandedKeys.has(id) : props.isExpanded;\n    let state = (0, $hI1OT$useDisclosureState)({\n        ...props,\n        isExpanded: isExpanded,\n        onExpandedChange (isExpanded) {\n            var _props_onExpandedChange;\n            if (groupState) groupState.toggleKey(id);\n            (_props_onExpandedChange = props.onExpandedChange) === null || _props_onExpandedChange === void 0 ? void 0 : _props_onExpandedChange.call(props, isExpanded);\n        }\n    });\n    let panelRef = (0, $hI1OT$react).useRef(null);\n    let isDisabled = props.isDisabled || (groupState === null || groupState === void 0 ? void 0 : groupState.isDisabled) || false;\n    let { buttonProps: buttonProps, panelProps: panelProps } = (0, $hI1OT$useDisclosure)({\n        ...props,\n        isExpanded: isExpanded,\n        isDisabled: isDisabled\n    }, state, panelRef);\n    let { isFocusVisible: isFocusVisibleWithin, focusProps: focusWithinProps } = (0, $hI1OT$useFocusRing)({\n        within: true\n    });\n    let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({\n        ...props,\n        id: undefined,\n        defaultClassName: 'react-aria-Disclosure',\n        values: {\n            isExpanded: state.isExpanded,\n            isDisabled: isDisabled,\n            isFocusVisibleWithin: isFocusVisibleWithin,\n            state: state\n        }\n    });\n    let domProps = (0, $hI1OT$filterDOMProps)(otherProps, {\n        global: true\n    });\n    return /*#__PURE__*/ (0, $hI1OT$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {\n        values: [\n            [\n                (0, $d2b4bc8c273e7be6$export$24d547caef80ccd1),\n                {\n                    slots: {\n                        [(0, $64fa3d84918910a7$export$c62b8e45d58ddad9)]: {},\n                        trigger: buttonProps\n                    }\n                }\n            ],\n            [\n                $28f4fd908f0de97f$var$InternalDisclosureContext,\n                {\n                    panelProps: panelProps,\n                    panelRef: panelRef\n                }\n            ],\n            [\n                $28f4fd908f0de97f$export$dab3ea4a6ef094da,\n                state\n            ]\n        ]\n    }, /*#__PURE__*/ (0, $hI1OT$react).createElement(\"div\", {\n        ...(0, $hI1OT$mergeProps)(domProps, renderProps, focusWithinProps),\n        ref: ref,\n        \"data-expanded\": state.isExpanded || undefined,\n        \"data-disabled\": isDisabled || undefined,\n        \"data-focus-visible-within\": isFocusVisibleWithin || undefined\n    }, renderProps.children));\n});\nconst $28f4fd908f0de97f$export$feabaa331e1d464c = /*#__PURE__*/ (0, $hI1OT$forwardRef)(function DisclosurePanel(props, ref) {\n    let { role: role = 'group' } = props;\n    let { panelProps: panelProps, panelRef: panelRef } = (0, $hI1OT$useContext)($28f4fd908f0de97f$var$InternalDisclosureContext);\n    let { isFocusVisible: isFocusVisibleWithin, focusProps: focusWithinProps } = (0, $hI1OT$useFocusRing)({\n        within: true\n    });\n    let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({\n        ...props,\n        defaultClassName: 'react-aria-DisclosurePanel',\n        values: {\n            isFocusVisibleWithin: isFocusVisibleWithin\n        }\n    });\n    let DOMProps = (0, $hI1OT$filterDOMProps)(props, {\n        global: true\n    });\n    return /*#__PURE__*/ (0, $hI1OT$react).createElement(\"div\", {\n        ...(0, $hI1OT$mergeProps)(DOMProps, renderProps, panelProps, focusWithinProps),\n        ref: (0, $hI1OT$mergeRefs)(ref, panelRef),\n        role: role,\n        \"data-focus-visible-within\": isFocusVisibleWithin || undefined\n    }, /*#__PURE__*/ (0, $hI1OT$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {\n        values: [\n            [\n                (0, $d2b4bc8c273e7be6$export$24d547caef80ccd1),\n                null\n            ]\n        ]\n    }, props.children));\n});\n\n\nexport {$28f4fd908f0de97f$export$1d40e3e0cc4d5de as DisclosureGroupStateContext, $28f4fd908f0de97f$export$944aceb4f8c89f10 as DisclosureGroup, $28f4fd908f0de97f$export$d665dd135a51b28a as DisclosureContext, $28f4fd908f0de97f$export$dab3ea4a6ef094da as DisclosureStateContext, $28f4fd908f0de97f$export$74a362b31437ec83 as Disclosure, $28f4fd908f0de97f$export$feabaa331e1d464c as DisclosurePanel};\n//# sourceMappingURL=Disclosure.module.js.map\n","import {\n  createSlotRecipeContext,\n  type HTMLChakraProps,\n} from \"@chakra-ui/react\";\nimport type { AccordionRootSlotProps } from \"./accordion.types\";\nimport type { SlotComponent } from \"../utils/slot-types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"accordion\",\n});\n\nexport const AccordionRootSlot: SlotComponent<\n  HTMLDivElement,\n  AccordionRootSlotProps\n> = withProvider<HTMLDivElement, AccordionRootSlotProps>(\"div\", \"root\");\n\nexport const AccordionDisclosureSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"disclosure\");\n\nexport const AccordionTriggerSlot = withContext<\n  HTMLButtonElement,\n  HTMLChakraProps<\"button\">\n>(\"button\", \"trigger\");\n\nexport const AccordionPanelSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"panel\");\n\nexport const AccordionTitleSlot = withContext<\n  HTMLButtonElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"accordionTitle\");\n\nexport const AccordionHeaderRightContentSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"headerContentRight\");\n","import { AccordionRootSlot } from \"../accordion.slots\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { DisclosureGroup as RaDisclosureGroup } from \"react-aria-components\";\nimport type { AccordionRootProps } from \"../accordion.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\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 = (props: AccordionRootProps) => {\n  const { ref, ...restProps } = props;\n  const recipe = useSlotRecipe({ key: \"accordion\" });\n  const [recipeProps, restRecipeProps] = recipe.splitVariantProps(restProps);\n  const [styleProps, raProps] = extractStyleProps(restRecipeProps);\n\n  return (\n    <AccordionRootSlot ref={ref} {...recipeProps} {...styleProps} asChild>\n      <RaDisclosureGroup {...raProps} />\n    </AccordionRootSlot>\n  );\n};\n","import React, { useMemo } from \"react\";\nimport {\n  AccordionTriggerSlot,\n  AccordionTitleSlot,\n  AccordionHeaderRightContentSlot,\n} from \"../accordion.slots\";\nimport { Flex } from \"@/components\";\nimport { KeyboardArrowRight } from \"@commercetools/nimbus-icons\";\nimport { Button as RaButton } from \"react-aria-components\";\nimport type { AccordionHeaderProps } from \"../accordion.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\n\nexport const AccordionHeader = ({\n  children,\n  ref,\n  ...props\n}: AccordionHeaderProps) => {\n  const [styleProps, restProps] = extractStyleProps(props);\n  // Extract HeaderRightContent if present\n  const headerContent = useMemo(() => {\n    const main: React.ReactNode[] = [];\n    const rightContent: React.ReactNode[] = [];\n\n    React.Children.forEach(children, (child) => {\n      if (\n        React.isValidElement(child) &&\n        child.type === AccordionHeaderRightContentSlot\n      ) {\n        rightContent.push(child);\n      } else {\n        main.push(child);\n      }\n    });\n\n    return { main, rightContent };\n  }, [children]);\n\n  return (\n    <Flex\n      justifyContent=\"space-between\"\n      alignItems=\"center\"\n      borderBottom=\"solid-25\"\n      borderColor=\"neutral.4\"\n      {...styleProps}\n    >\n      <AccordionTriggerSlot ref={ref} slot=\"trigger\" asChild>\n        <RaButton {...restProps}>\n          <KeyboardArrowRight />\n          <AccordionTitleSlot>{headerContent.main}</AccordionTitleSlot>\n        </RaButton>\n      </AccordionTriggerSlot>\n      {headerContent.rightContent.length > 0 && (\n        <AccordionHeaderRightContentSlot>\n          {headerContent.rightContent}\n        </AccordionHeaderRightContentSlot>\n      )}\n    </Flex>\n  );\n};\n","import { AccordionPanelSlot } from \"../accordion.slots\";\nimport { DisclosurePanel as RaDisclosurePanel } from \"react-aria-components\";\nimport type { AccordionContentProps } from \"../accordion.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\n\n// Create Content component\nexport const AccordionContent = ({\n  children,\n  ref,\n  ...props\n}: AccordionContentProps) => {\n  const [styleProps, restProps] = extractStyleProps(props);\n\n  return (\n    <AccordionPanelSlot ref={ref} {...styleProps} asChild>\n      <RaDisclosurePanel {...restProps}>{children}</RaDisclosurePanel>\n    </AccordionPanelSlot>\n  );\n};\n","import { AccordionDisclosureSlot } from \"../accordion.slots\";\nimport { Disclosure as RaDisclosure } from \"react-aria-components\";\nimport type { AccordionItemProps } from \"../accordion.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\n\nexport const AccordionItem = ({\n  children,\n  value,\n  ref,\n  ...props\n}: AccordionItemProps) => {\n  const [styleProps, restProps] = extractStyleProps(props);\n  const disclosureProps = {\n    ...restProps,\n    id: value, // React Aria uses id for the key\n  };\n\n  return (\n    <AccordionDisclosureSlot\n      data-value={value}\n      ref={ref}\n      {...styleProps}\n      asChild\n    >\n      <RaDisclosure {...disclosureProps}>{children}</RaDisclosure>\n    </AccordionDisclosureSlot>\n  );\n};\n","import { AccordionHeaderRightContentSlot } 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: AccordionHeaderRightContentSlot,\n};\n\nexport {\n  AccordionRoot as _AccordionRoot,\n  AccordionItem as _AccordionItem,\n  AccordionHeader as _AccordionHeader,\n  AccordionContent as _AccordionContent,\n  AccordionHeaderRightContentSlot as _AccordionHeaderRightContent,\n};\n"],"names":["$9385b3affbdec831$export$f36461af0ef4707d","props","allowsMultipleExpanded","isDisabled","expandedKeys","setExpandedKeys","$j4gLc$useControlledState","$j4gLc$useMemo","$j4gLc$useEffect","firstKey","key","keys","$28f4fd908f0de97f$export$1d40e3e0cc4d5de","$hI1OT$createContext","$28f4fd908f0de97f$export$944aceb4f8c89f10","$hI1OT$forwardRef","ref","state","$hI1OT$useDisclosureGroupState","renderProps","$64fa3d84918910a7$export$4d86445c2cf5e3","domProps","$hI1OT$filterDOMProps","$hI1OT$react","$28f4fd908f0de97f$export$d665dd135a51b28a","$28f4fd908f0de97f$export$dab3ea4a6ef094da","$28f4fd908f0de97f$var$InternalDisclosureContext","$28f4fd908f0de97f$export$74a362b31437ec83","$64fa3d84918910a7$export$29f1550f4b0d4415","groupState","$hI1OT$useContext","id","otherProps","defaultId","$hI1OT$useId","isExpanded","$hI1OT$useDisclosureState","_props_onExpandedChange","panelRef","buttonProps","panelProps","$hI1OT$useDisclosure","isFocusVisibleWithin","focusWithinProps","$hI1OT$useFocusRing","$64fa3d84918910a7$export$2881499e37b75b9a","$d2b4bc8c273e7be6$export$24d547caef80ccd1","$64fa3d84918910a7$export$c62b8e45d58ddad9","$hI1OT$mergeProps","$28f4fd908f0de97f$export$feabaa331e1d464c","role","DOMProps","$hI1OT$mergeRefs","withProvider","withContext","createSlotRecipeContext","AccordionRootSlot","AccordionDisclosureSlot","AccordionTriggerSlot","AccordionPanelSlot","AccordionTitleSlot","AccordionHeaderRightContentSlot","AccordionRoot","restProps","recipe","useSlotRecipe","recipeProps","restRecipeProps","styleProps","raProps","extractStyleProps","jsx","RaDisclosureGroup","AccordionHeader","children","headerContent","useMemo","main","rightContent","React","child","jsxs","Flex","RaButton","KeyboardArrowRight","AccordionContent","RaDisclosurePanel","AccordionItem","value","disclosureProps","RaDisclosure","Accordion"],"mappings":"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","x_google_ignoreList":[0,1]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert-CPHjPe4-.cjs.js","sources":["../../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/alert.i18n.ts","../../src/components/alert/components/alert.dismiss-button.tsx","../../src/components/alert/alert.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react\";\nimport type {\n  AlertActionsSlotProps,\n  AlertDescriptionProps,\n  AlertDismissButtonProps,\n  AlertIconSlotProps,\n  AlertRootSlotProps,\n  AlertTitleProps,\n} from \"./alert.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"alert\",\n});\n\nexport const AlertRoot = withProvider<HTMLDivElement, AlertRootSlotProps>(\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, AlertIconSlotProps>(\n  \"div\",\n  \"icon\"\n);\n\nexport const AlertActions = withContext<HTMLDivElement, AlertActionsSlotProps>(\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 the dismiss button in an 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 \"../alert.i18n\";\n\nexport const AlertDismissButton = ({\n  children,\n  ...props\n}: AlertDismissButtonProps) => {\n  const context = useContext(AlertContext);\n  const intl = useIntl();\n\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":["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-Cz2mnKir.es.js

@@ -0,0 +1,138 @@
+import { jsx as n, jsxs as u } from "react/jsx-runtime";
+import { createContext as I, useState as l, useMemo as b, useContext as c, useEffect as a } from "react";
+import { createSlotRecipeContext as y } from "@chakra-ui/react";
+import { B as E } from "./box-DuBoAZvq.es.js";
+import { S as R } from "./stack-CoNreM7B.es.js";
+import { CheckCircleOutline as $, WarningAmber as w, Info as M, ErrorOutline as S, Clear as k } from "@commercetools/nimbus-icons";
+import { I as P } from "./icon-button-9Ni8-hO7.es.js";
+import { defineMessages as j, useIntl as O } from "react-intl";
+const { withProvider: W, withContext: o } = /* @__PURE__ */ y({
+  key: "alert"
+}), z = /* @__PURE__ */ W(
+  "div",
+  "root"
+), F = /* @__PURE__ */ o(
+  "div",
+  "title"
+), V = /* @__PURE__ */ o("div", "description"), q = /* @__PURE__ */ o(
+  "div",
+  "icon"
+), G = /* @__PURE__ */ o(
+  "div",
+  "actions"
+), H = /* @__PURE__ */ o("div", "dismissButton"), J = (e) => {
+  switch (e) {
+    case "critical":
+      return /* @__PURE__ */ n(S, {});
+    case "info":
+      return /* @__PURE__ */ n(M, {});
+    case "warning":
+      return /* @__PURE__ */ n(w, {});
+    case "positive":
+      return /* @__PURE__ */ n($, {});
+    default:
+      return null;
+  }
+}, r = /* @__PURE__ */ I(
+  void 0
+), x = (e) => {
+  const { ref: s, children: t, ...i } = e, [m, d] = l(null), [N, A] = l(null), [B, f] = l(null), [C, p] = l(null), T = b(
+    () => ({
+      setTitle: d,
+      setDescription: A,
+      setActions: f,
+      setDismiss: p
+    }),
+    [d, A, f, p]
+  );
+  return /* @__PURE__ */ n(r.Provider, { value: T, children: /* @__PURE__ */ u(z, { ref: s, ...i, role: "alert", children: [
+    /* @__PURE__ */ n(q, { alignItems: "flex-start", children: J(i.tone) }),
+    /* @__PURE__ */ u(R, { flex: "1", gap: "200", children: [
+      /* @__PURE__ */ u(E, { children: [
+        m,
+        N
+      ] }),
+      B
+    ] }),
+    C,
+    t
+  ] }) });
+};
+x.displayName = "Alert.Root";
+const D = ({ children: e, ...s }) => {
+  const t = c(r);
+  return a(() => {
+    if (t) {
+      const i = /* @__PURE__ */ n(F, { ...s, fontWeight: "600", children: e });
+      return t.setTitle(i), () => t.setTitle(null);
+    }
+  }, [e, s]), null;
+};
+D.displayName = "Alert.Title";
+const g = ({
+  children: e,
+  ...s
+}) => {
+  const t = c(r);
+  return a(() => {
+    if (t) {
+      const i = /* @__PURE__ */ n(V, { ...s, children: e });
+      return t.setDescription(i), () => t.setDescription(null);
+    }
+  }, [e, s]), null;
+};
+g.displayName = "Alert.Description";
+const h = ({ children: e, ...s }) => {
+  const t = c(r);
+  return a(() => {
+    if (t) {
+      const i = /* @__PURE__ */ n(G, { ...s, children: e });
+      return t.setActions(i), () => t.setActions(null);
+    }
+  }, [e, s]), null;
+};
+h.displayName = "Alert.Actions";
+const K = /* @__PURE__ */ j({
+  dismiss: {
+    id: "Nimbus.Alert.dismiss",
+    description: "aria-label for the dismiss button in an alert",
+    defaultMessage: "Dismiss"
+  }
+}), v = ({
+  children: e,
+  ...s
+}) => {
+  const t = c(r), i = O();
+  return a(() => {
+    if (t) {
+      const m = /* @__PURE__ */ n(H, { children: /* @__PURE__ */ n(
+        P,
+        {
+          "aria-label": i.formatMessage(K.dismiss),
+          ...s,
+          variant: "ghost",
+          size: "2xs",
+          children: /* @__PURE__ */ n(k, { role: "img" })
+        }
+      ) });
+      return t.setDismiss(m), () => t.setDismiss(null);
+    }
+  }, [e, s]), null;
+};
+v.displayName = "Alert.DismissButton";
+const et = {
+  Root: x,
+  Title: D,
+  Description: g,
+  Actions: h,
+  DismissButton: v
+};
+export {
+  et as A,
+  x as a,
+  D as b,
+  g as c,
+  h as d,
+  v as e
+};
+//# sourceMappingURL=alert-Cz2mnKir.es.js.map

package/dist/chunks/alert-Cz2mnKir.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-Cz2mnKir.es.js","sources":["../../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/alert.i18n.ts","../../src/components/alert/components/alert.dismiss-button.tsx","../../src/components/alert/alert.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react\";\nimport type {\n  AlertActionsSlotProps,\n  AlertDescriptionProps,\n  AlertDismissButtonProps,\n  AlertIconSlotProps,\n  AlertRootSlotProps,\n  AlertTitleProps,\n} from \"./alert.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"alert\",\n});\n\nexport const AlertRoot = withProvider<HTMLDivElement, AlertRootSlotProps>(\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, AlertIconSlotProps>(\n  \"div\",\n  \"icon\"\n);\n\nexport const AlertActions = withContext<HTMLDivElement, AlertActionsSlotProps>(\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 the dismiss button in an 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 \"../alert.i18n\";\n\nexport const AlertDismissButton = ({\n  children,\n  ...props\n}: AlertDismissButtonProps) => {\n  const context = useContext(AlertContext);\n  const intl = useIntl();\n\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":["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":";;;;;;;;AAUA,MAAM,EAAE,cAAAA,GAAc,aAAAC,EAAA,IAAgB,gBAAAC,EAAwB;AAAA,EAC5D,KAAK;AACP,CAAC,GAEYC,IAAY,gBAAAH;AAAA,EACvB;AAAA,EACA;AACF,GAEaI,IAAa,gBAAAH;AAAA,EACxB;AAAA,EACA;AACF,GAEaI,IAAmB,gBAAAJ,EAG9B,OAAO,aAAa,GAETK,IAAY,gBAAAL;AAAA,EACvB;AAAA,EACA;AACF,GAEaM,IAAe,gBAAAN;AAAA,EAC1B;AAAA,EACA;AACF,GAIaO,IAAqB,gBAAAP,EAGhC,OAAO,eAAe,GChClBQ,IAAkB,CAACC,MAA6B;AACpD,UAAQA,GAAA;AAAA,IACN,KAAK;AACH,+BAAQC,GAAA,EAAa;AAAA,IACvB,KAAK;AACH,+BAAQC,GAAA,EAAK;AAAA,IACf,KAAK;AACH,+BAAQC,GAAA,EAAa;AAAA,IACvB,KAAK;AACH,+BAAQC,GAAA,EAAmB;AAAA,IAC7B;AACE,aAAO;AAAA,EAAA;AAEb,GASaC,IAAe,gBAAAC;AAAA,EAC1B;AACF,GASab,IAAgC,CAACc,MAAU;AACtD,QAAM,EAAE,KAAAC,GAAK,UAAAC,GAAU,GAAGC,MAAcH,GAClC,CAACI,GAAWC,CAAQ,IAAIC,EAAoB,IAAI,GAChD,CAACC,GAAiBC,CAAc,IAAIF,EAAoB,IAAI,GAC5D,CAACG,GAAaC,CAAU,IAAIJ,EAAoB,IAAI,GACpD,CAACK,GAAaC,CAAU,IAAIN,EAAoB,IAAI,GAGpDO,IAAeC;AAAA,IACnB,OAAO;AAAA,MACL,UAAAT;AAAA,MACA,gBAAAG;AAAA,MACA,YAAAE;AAAA,MACA,YAAAE;AAAA,IAAA;AAAA,IAEF,CAACP,GAAUG,GAAgBE,GAAYE,CAAU;AAAA,EAAA;AAGnD,SACE,gBAAAG,EAACjB,EAAa,UAAb,EAAsB,OAAOe,GAC5B,UAAA,gBAAAG,EAACC,GAAA,EAAc,KAAAhB,GAAW,GAAGE,GAAW,MAAK,SAC3C,UAAA;AAAA,IAAA,gBAAAY,EAAC1B,KAAU,YAAW,cACnB,UAAAG,EAAgBW,EAAU,IAAI,GACjC;AAAA,IACA,gBAAAa,EAACE,GAAA,EAAM,MAAK,KAAI,KAAI,OAClB,UAAA;AAAA,MAAA,gBAAAF,EAACG,GAAA,EACE,UAAA;AAAA,QAAAf;AAAA,QACAG;AAAA,MAAA,GACH;AAAA,MACCE;AAAA,IAAA,GACH;AAAA,IACCE;AAAA,IAEAT;AAAA,EAAA,EAAA,CACH,EAAA,CACF;AAEJ;AAEAhB,EAAU,cAAc;AC/EjB,MAAMC,IAAa,CAAC,EAAE,UAAAe,GAAU,GAAGF,QAA6B;AACrE,QAAMoB,IAAUC,EAAWvB,CAAY;AAEvC,SAAAwB,EAAU,MAAM;AACd,QAAIF,GAAS;AACX,YAAMG,IACJ,gBAAAR,EAACS,GAAA,EAAgB,GAAGxB,GAAO,YAAW,OACnC,UAAAE,GACH;AAGF,aAAAkB,EAAQ,SAASG,CAAW,GAGrB,MAAMH,EAAQ,SAAS,IAAI;AAAA,IACpC;AAAA,EACF,GAAG,CAAClB,GAAUF,CAAK,CAAC,GAEb;AACT;AAEAb,EAAW,cAAc;ACrBlB,MAAMC,IAAmB,CAAC;AAAA,EAC/B,UAAAc;AAAA,EACA,GAAGF;AACL,MAA6B;AAC3B,QAAMoB,IAAUC,EAAWvB,CAAY;AAEvC,SAAAwB,EAAU,MAAM;AACd,QAAIF,GAAS;AACX,YAAMG,IACJ,gBAAAR,EAACU,GAAA,EAAsB,GAAGzB,GAAQ,UAAAE,GAAS;AAG7C,aAAAkB,EAAQ,eAAeG,CAAW,GAG3B,MAAMH,EAAQ,eAAe,IAAI;AAAA,IAC1C;AAAA,EACF,GAAG,CAAClB,GAAUF,CAAK,CAAC,GAEb;AACT;AAEAZ,EAAiB,cAAc;ACtBxB,MAAME,IAAe,CAAC,EAAE,UAAAY,GAAU,GAAGF,QAA+B;AACzE,QAAMoB,IAAUC,EAAWvB,CAAY;AAEvC,SAAAwB,EAAU,MAAM;AACd,QAAIF,GAAS;AACX,YAAMG,IACJ,gBAAAR,EAACW,GAAA,EAAkB,GAAG1B,GAAQ,UAAAE,GAAS;AAGzC,aAAAkB,EAAQ,WAAWG,CAAW,GAGvB,MAAMH,EAAQ,WAAW,IAAI;AAAA,IACtC;AAAA,EACF,GAAG,CAAClB,GAAUF,CAAK,CAAC,GAEb;AACT;AAEAV,EAAa,cAAc;ACtBpB,MAAMqC,IAAW,gBAAAC,EAAe;AAAA,EACrC,SAAS;AAAA,IACP,IAAI;AAAA,IACJ,aAAa;AAAA,IACb,gBAAgB;AAAA,EAAA;AAEpB,CAAC,GCCYrC,IAAqB,CAAC;AAAA,EACjC,UAAAW;AAAA,EACA,GAAGF;AACL,MAA+B;AAC7B,QAAMoB,IAAUC,EAAWvB,CAAY,GACjC+B,IAAOC,EAAA;AAEb,SAAAR,EAAU,MAAM;AACd,QAAIF,GAAS;AACX,YAAMG,sBACHQ,GAAA,EACC,UAAA,gBAAAhB;AAAA,QAACiB;AAAA,QAAA;AAAA,UACC,cAAYH,EAAK,cAAcF,EAAS,OAAO;AAAA,UAC9C,GAAG3B;AAAA,UACJ,SAAQ;AAAA,UACR,MAAK;AAAA,UAEL,UAAA,gBAAAe,EAACkB,GAAA,EAAM,MAAK,MAAA,CAAM;AAAA,QAAA;AAAA,MAAA,GAEtB;AAGF,aAAAb,EAAQ,WAAWG,CAAW,GAGvB,MAAMH,EAAQ,WAAW,IAAI;AAAA,IACtC;AAAA,EACF,GAAG,CAAClB,GAAUF,CAAK,CAAC,GAEb;AACT;AAEAT,EAAmB,cAAc;AC9B1B,MAAM2C,KAAQ;AAAA,EACnB,MAAMhD;AAAA,EACN,OAAOC;AAAA,EACP,aAAaC;AAAA,EACb,SAASE;AAAA,EACT,eAAeC;AACjB;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-CTiSGVoD.es.js","sources":["../../src/components/avatar/avatar.slots.tsx","../../src/components/avatar/avatar.tsx"],"sourcesContent":["import { createRecipeContext } from \"@chakra-ui/react\";\nimport { avatarRecipe } from \"./avatar.recipe\";\nimport type { AvatarRootSlotProps } from \"./avatar.types\";\n\nconst { withContext } = createRecipeContext({ recipe: avatarRecipe });\n\nexport const AvatarRoot = withContext<HTMLElement, AvatarRootSlotProps>(\n  \"figure\"\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\";\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":";;;;;AAIA,MAAM,EAAE,aAAAA,EAAA,IAAgB,gBAAAC,EAAoB,EAAE,QAAQC,GAAc,GAEvDC,IAAa,gBAAAH;AAAA,EACxB;AACF;ACHA,SAASI,EAAYC,GAAmBC,GAAkB;AACxD,SACED,EAAU,MAAM,EAAE,EAAE,CAAC,EAAE,gBAAgBC,EAAS,MAAM,EAAE,EAAE,CAAC,EAAE,YAAA;AAEjE;AAEO,MAAMC,IAAS,CAACC,MAAuB;AAC5C,QAAM,EAAE,KAAAC,GAAK,WAAAJ,GAAW,UAAAC,GAAU,KAAAI,GAAK,KAAAC,GAAK,GAAGC,MAASJ,GAClD,CAACK,GAAaC,CAAc,IAAIC,EAAS,EAAK,GAC9C,CAACC,GAAYC,CAAa,IAAIF,EAAS,EAAK,GAE5CG,IAAW,GAAGb,CAAS,IAAIC,CAAQ,IAEnCa,IAAc;AAAA,IAClB,cAAc,GAAGD,CAAQ;AAAA,IACzB,KAAAT;AAAA,IACA,GAAGG;AAAA,EAAA,GAGCQ,IAAS,MAAM;AACnB,IAAAN,EAAe,EAAI,GACnBG,EAAc,EAAK;AAAA,EACrB,GAEMI,IAAU,MAAM;AACpB,IAAAP,EAAe,EAAK,GACpBG,EAAc,EAAI;AAAA,EACpB;AAKA,SACE,gBAAAK,EAACnB,GAAA,EAAY,GAAGgB,GACb,UAAA;AAAA,IAJsB,CAACT,KAAO,CAACG,KAAeG,IAIzBZ,EAAYC,GAAWC,CAAQ,IAAI;AAAA,IAExDI,KACC,gBAAAa;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAAd;AAAA,QACA,KAAKC,KAAOO;AAAA,QACZ,QAAAE;AAAA,QACA,SAAAC;AAAA,QACA,SAASR,KAAe,CAACG,IAAa,UAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EAClD,GAEJ;AAEJ;AAEAT,EAAO,cAAc;"}

package/dist/chunks/avatar-_o-uSXYy.cjs.js

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

package/dist/chunks/avatar-_o-uSXYy.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-_o-uSXYy.cjs.js","sources":["../../src/components/avatar/avatar.slots.tsx","../../src/components/avatar/avatar.tsx"],"sourcesContent":["import { createRecipeContext } from \"@chakra-ui/react\";\nimport { avatarRecipe } from \"./avatar.recipe\";\nimport type { AvatarRootSlotProps } from \"./avatar.types\";\n\nconst { withContext } = createRecipeContext({ recipe: avatarRecipe });\n\nexport const AvatarRoot = withContext<HTMLElement, AvatarRootSlotProps>(\n  \"figure\"\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\";\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":"oLAIM,CAAE,YAAAA,CAAA,EAAgBC,EAAAA,oBAAoB,CAAE,OAAQC,EAAAA,aAAc,EAEvDC,EAAaH,EACxB,QACF,ECHA,SAASI,EAAYC,EAAmBC,EAAkB,CACxD,OACED,EAAU,MAAM,EAAE,EAAE,CAAC,EAAE,cAAgBC,EAAS,MAAM,EAAE,EAAE,CAAC,EAAE,YAAA,CAEjE,CAEO,MAAMC,EAAUC,GAAuB,CAC5C,KAAM,CAAE,IAAAC,EAAK,UAAAJ,EAAW,SAAAC,EAAU,IAAAI,EAAK,IAAAC,EAAK,GAAGC,GAASJ,EAClD,CAACK,EAAaC,CAAc,EAAIC,EAAAA,SAAS,EAAK,EAC9C,CAACC,EAAYC,CAAa,EAAIF,EAAAA,SAAS,EAAK,EAE5CG,EAAW,GAAGb,CAAS,IAAIC,CAAQ,GAEnCa,EAAc,CAClB,aAAc,GAAGD,CAAQ,UACzB,IAAAT,EACA,GAAGG,CAAA,EAGCQ,EAAS,IAAM,CACnBN,EAAe,EAAI,EACnBG,EAAc,EAAK,CACrB,EAEMI,EAAU,IAAM,CACpBP,EAAe,EAAK,EACpBG,EAAc,EAAI,CACpB,EAGMK,EAAqB,CAACZ,GAAO,CAACG,GAAeG,EAEnD,OACEO,EAAAA,KAACpB,EAAA,CAAY,GAAGgB,EACb,SAAA,CAAAG,EAAqBlB,EAAYC,EAAWC,CAAQ,EAAI,KAExDI,GACCc,EAAAA,IAACC,EAAAA,MAAA,CACC,IAAAf,EACA,IAAKC,GAAOO,EACZ,OAAAE,EACA,QAAAC,EACA,QAASR,GAAe,CAACG,EAAa,QAAU,MAAA,CAAA,CAClD,EAEJ,CAEJ,EAEAT,EAAO,YAAc"}

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

@@ -0,0 +1,17 @@
+import { jsx as p } from "react/jsx-runtime";
+import { useRef as m } from "react";
+import { createRecipeContext as n, mergeRefs as c } from "@chakra-ui/react";
+import { b as d } from "./badge.recipe-DsV4A_UD.es.js";
+import { $ as i } from "./useObjectRef-CaJ5pgjX.es.js";
+import { a as l } from "./mergeProps-CzyOU2NE.es.js";
+const { withContext: R } = /* @__PURE__ */ n({ recipe: d }), $ = /* @__PURE__ */ R(
+  "span"
+), b = (e) => {
+  const { ref: o, as: t, children: r, ...f } = e, s = m(null), a = i(c(s, o));
+  return /* @__PURE__ */ p($, { as: t || "span", ...l(f, { ref: a }), children: r });
+};
+b.displayName = "Badge";
+export {
+  b as B
+};
+//# sourceMappingURL=badge-Csn5glEd.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"badge-Csn5glEd.es.js","sources":["../../src/components/badge/badge.slots.tsx","../../src/components/badge/badge.tsx"],"sourcesContent":["import { createRecipeContext } from \"@chakra-ui/react\";\nimport { badgeRecipe } from \"./badge.recipe\";\nimport type { BadgeRootSlotProps } from \"./badge.types\";\n\nconst { withContext } = createRecipeContext({ recipe: badgeRecipe });\n\nexport const BadgeRoot = withContext<HTMLSpanElement, BadgeRootSlotProps>(\n  \"span\"\n);\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":["withContext","createRecipeContext","badgeRecipe","BadgeRoot","Badge","props","forwardedRef","as","children","rest","localRef","useRef","ref","useObjectRef","mergeRefs","jsx","mergeProps"],"mappings":";;;;;;AAIA,MAAM,EAAE,aAAAA,EAAA,IAAgB,gBAAAC,EAAoB,EAAE,QAAQC,GAAa,GAEtDC,IAAY,gBAAAH;AAAA,EACvB;AACF,GCKaI,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-mMpNb3Qj.cjs.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"badge-mMpNb3Qj.cjs.js","sources":["../../src/components/badge/badge.slots.tsx","../../src/components/badge/badge.tsx"],"sourcesContent":["import { createRecipeContext } from \"@chakra-ui/react\";\nimport { badgeRecipe } from \"./badge.recipe\";\nimport type { BadgeRootSlotProps } from \"./badge.types\";\n\nconst { withContext } = createRecipeContext({ recipe: badgeRecipe });\n\nexport const BadgeRoot = withContext<HTMLSpanElement, BadgeRootSlotProps>(\n  \"span\"\n);\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":["withContext","createRecipeContext","badgeRecipe","BadgeRoot","Badge","props","forwardedRef","as","children","rest","localRef","useRef","ref","useObjectRef","mergeRefs","elementType","jsx","mergeProps"],"mappings":"qOAIM,CAAE,YAAAA,CAAA,EAAgBC,EAAAA,oBAAoB,CAAE,OAAQC,EAAAA,YAAa,EAEtDC,EAAYH,EACvB,MACF,ECKaI,EAASC,GAAsB,CAC1C,KAAM,CAAE,IAAKC,EAAc,GAAAC,EAAI,SAAAC,EAAU,GAAGC,GAASJ,EAE/CK,EAAWC,EAAAA,OAAwB,IAAI,EACvCC,EAAMC,EAAAA,0CAAaC,EAAAA,UAAUJ,EAAUJ,CAAY,CAAC,EAEpDS,EAAcR,GAAM,OAE1B,OACES,MAACb,EAAA,CAAU,GAAIY,EAAc,GAAGE,4CAAWR,EAAM,CAAE,IAAAG,EAAK,EACrD,SAAAJ,CAAA,CACH,CAEJ,EAEAJ,EAAM,YAAc"}

package/dist/chunks/badge.recipe-Cu6u9yqC.cjs.js

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

package/dist/chunks/badge.recipe-Cu6u9yqC.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.recipe-Cu6u9yqC.cjs.js","sources":["../../src/components/badge/badge.recipe.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"],"names":["badgeRecipe","defineRecipe"],"mappings":"+DAMaA,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"}

package/dist/chunks/badge.recipe-DsV4A_UD.es.js

@@ -0,0 +1,68 @@
+import { defineRecipe as e } from "@chakra-ui/react/styled-system";
+const t = /* @__PURE__ */ e({
+  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"
+  }
+});
+export {
+  t as b
+};
+//# sourceMappingURL=badge.recipe-DsV4A_UD.es.js.map

package/dist/chunks/badge.recipe-DsV4A_UD.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.recipe-DsV4A_UD.es.js","sources":["../../src/components/badge/badge.recipe.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"],"names":["badgeRecipe","defineRecipe"],"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;"}

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

@@ -1 +1 @@
-{"version":3,"file":"box-CWni3A32.cjs.js","sources":["../../src/components/box/box.tsx"],"sourcesContent":["import { type HTMLChakraProps } from \"@chakra-ui/react/styled-system\";\nimport { Box as ChakraBox } from \"@chakra-ui/react/box\";\n\nexport interface BoxProps extends HTMLChakraProps<\"div\"> {\n  children?: React.ReactNode;\n  ref?: React.Ref<HTMLDivElement>;\n}\n\n/**\n * # Box\n *\n * A basic layout component that serves as a wrapper or container.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/layout/box}\n */\nexport const Box = (props: BoxProps) => {\n  const { ref, ...restProps } = props;\n  return <ChakraBox ref={ref} {...restProps} />;\n};\n\nBox.displayName = \"Box\";\n"],"names":["Box","props","ref","restProps","jsx","ChakraBox"],"mappings":"oIAeaA,EAAOC,GAAoB,CACtC,KAAM,CAAE,IAAAC,EAAK,GAAGC,CAAA,EAAcF,EAC9B,OAAOG,EAAAA,IAACC,EAAAA,IAAA,CAAU,IAAAH,EAAW,GAAGC,CAAA,CAAW,CAC7C,EAEAH,EAAI,YAAc"}
+{"version":3,"file":"box-CWni3A32.cjs.js","sources":["../../src/components/box/box.tsx"],"sourcesContent":["import { type HTMLChakraProps } from \"@chakra-ui/react/styled-system\";\nimport { Box as ChakraBox } from \"@chakra-ui/react/box\";\n\nexport type BoxProps = HTMLChakraProps<\"div\"> & {\n  children?: React.ReactNode;\n  ref?: React.Ref<HTMLDivElement>;\n};\n\n/**\n * # Box\n *\n * A basic layout component that serves as a wrapper or container.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/layout/box}\n */\nexport const Box = (props: BoxProps) => {\n  const { ref, ...restProps } = props;\n  return <ChakraBox ref={ref} {...restProps} />;\n};\n\nBox.displayName = \"Box\";\n"],"names":["Box","props","ref","restProps","jsx","ChakraBox"],"mappings":"oIAeaA,EAAOC,GAAoB,CACtC,KAAM,CAAE,IAAAC,EAAK,GAAGC,CAAA,EAAcF,EAC9B,OAAOG,EAAAA,IAACC,EAAAA,IAAA,CAAU,IAAAH,EAAW,GAAGC,CAAA,CAAW,CAC7C,EAEAH,EAAI,YAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"box-DuBoAZvq.es.js","sources":["../../src/components/box/box.tsx"],"sourcesContent":["import { type HTMLChakraProps } from \"@chakra-ui/react/styled-system\";\nimport { Box as ChakraBox } from \"@chakra-ui/react/box\";\n\nexport interface BoxProps extends HTMLChakraProps<\"div\"> {\n  children?: React.ReactNode;\n  ref?: React.Ref<HTMLDivElement>;\n}\n\n/**\n * # Box\n *\n * A basic layout component that serves as a wrapper or container.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/layout/box}\n */\nexport const Box = (props: BoxProps) => {\n  const { ref, ...restProps } = props;\n  return <ChakraBox ref={ref} {...restProps} />;\n};\n\nBox.displayName = \"Box\";\n"],"names":["Box","props","ref","restProps","jsx","ChakraBox"],"mappings":";;;AAeO,MAAMA,IAAM,CAACC,MAAoB;AACtC,QAAM,EAAE,KAAAC,GAAK,GAAGC,EAAA,IAAcF;AAC9B,SAAO,gBAAAG,EAACC,GAAA,EAAU,KAAAH,GAAW,GAAGC,EAAA,CAAW;AAC7C;AAEAH,EAAI,cAAc;"}
+{"version":3,"file":"box-DuBoAZvq.es.js","sources":["../../src/components/box/box.tsx"],"sourcesContent":["import { type HTMLChakraProps } from \"@chakra-ui/react/styled-system\";\nimport { Box as ChakraBox } from \"@chakra-ui/react/box\";\n\nexport type BoxProps = HTMLChakraProps<\"div\"> & {\n  children?: React.ReactNode;\n  ref?: React.Ref<HTMLDivElement>;\n};\n\n/**\n * # Box\n *\n * A basic layout component that serves as a wrapper or container.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/layout/box}\n */\nexport const Box = (props: BoxProps) => {\n  const { ref, ...restProps } = props;\n  return <ChakraBox ref={ref} {...restProps} />;\n};\n\nBox.displayName = \"Box\";\n"],"names":["Box","props","ref","restProps","jsx","ChakraBox"],"mappings":";;;AAeO,MAAMA,IAAM,CAACC,MAAoB;AACtC,QAAM,EAAE,KAAAC,GAAK,GAAGC,EAAA,IAAcF;AAC9B,SAAO,gBAAAG,EAACC,GAAA,EAAU,KAAAH,GAAW,GAAGC,EAAA,CAAW;AAC7C;AAEAH,EAAI,cAAc;"}

package/dist/chunks/button-B5OOW-2z.cjs.js

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

package/dist/chunks/button-B5OOW-2z.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-B5OOW-2z.cjs.js","sources":["../../src/components/button/button.slots.tsx","../../src/components/button/button.tsx"],"sourcesContent":["import { createRecipeContext } from \"@chakra-ui/react\";\nimport { buttonRecipe } from \"./button.recipe\";\nimport shouldForwardProp from \"@emotion/is-prop-valid\";\nimport { system } from \"@/theme\";\nimport type { ButtonRootSlotProps } from \"./button.types\";\n\nconst { withContext } = createRecipeContext({\n  recipe: buttonRecipe,\n});\n\n/**\n * Root component that provides the styling context for the Button component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const ButtonRoot = withContext<HTMLButtonElement, ButtonRootSlotProps>(\n  \"button\",\n  {\n    defaultProps: {\n      type: \"button\",\n    },\n    /** make sure the `onPress` properties won't end up as attribute on the rendered DOM element */\n    shouldForwardProp(prop, variantKeys) {\n      const chakraSfp =\n        !variantKeys?.includes(prop) && !system.isValidProperty(prop);\n      return shouldForwardProp(prop) && chakraSfp && !prop.includes(\"onPress\");\n    },\n  }\n);\n","import { useRef } from \"react\";\nimport { useButton, useObjectRef, mergeProps } from \"react-aria\";\nimport { ButtonContext, useContextProps } from \"react-aria-components\";\nimport { mergeRefs } from \"@chakra-ui/react\";\nimport { ButtonRoot } from \"./button.slots.tsx\";\nimport type { ButtonProps } from \"./button.types.ts\";\n\n/**\n * # Button\n *\n * Displays a Button.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/button}\n */\nexport const Button = (props: ButtonProps) => {\n  const { ref: forwardedRef, as, asChild, children, ...rest } = props;\n\n  // create a local ref (because the consumer may not provide a forwardedRef)\n  const localRef = useRef<HTMLButtonElement>(null);\n  // merge the local ref with a potentially forwarded ref\n  const baseRef = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  // Consume context props based on slot (this enables slot-aware behavior)\n  const [contextProps, contextRef] = useContextProps(\n    rest,\n    baseRef,\n    ButtonContext\n  );\n\n  // if asChild is set, for react-aria to add the button-role, the elementType\n  // has to be manually set to something else than button\n\n  const elementType = as || (asChild ? \"a\" : \"button\") || \"button\";\n\n  const { buttonProps } = useButton(\n    {\n      ...contextProps,\n      elementType,\n    },\n    contextRef\n  );\n\n  const componentProps = mergeProps(contextProps, buttonProps, {\n    as,\n    asChild,\n    /**\n     * In case `slot` was null, the `useContextProps` hook already\n     * processed it at this point, so it's safe to not attach it\n     * to the DOM element\n     */\n    slot: contextProps.slot || undefined,\n  });\n\n  return (\n    <ButtonRoot\n      ref={contextRef}\n      {...componentProps}\n      aria-disabled={componentProps.isDisabled || undefined}\n      data-disabled={componentProps.isDisabled || undefined}\n    >\n      {children}\n    </ButtonRoot>\n  );\n};\n\n// Manually assign a displayName for debugging purposes\nButton.displayName = \"Button\";\n"],"names":["withContext","createRecipeContext","buttonRecipe","ButtonRoot","prop","variantKeys","chakraSfp","system","shouldForwardProp","Button","props","forwardedRef","as","asChild","children","rest","localRef","useRef","baseRef","useObjectRef","mergeRefs","contextProps","contextRef","useContextProps","ButtonContext","elementType","buttonProps","useButton","componentProps","mergeProps","jsx"],"mappings":"qcAMM,CAAE,YAAAA,CAAA,EAAgBC,sBAAoB,CAC1C,OAAQC,EAAAA,YACV,CAAC,EAMYC,EAAaH,EACxB,SACA,CACE,aAAc,CACZ,KAAM,QAAA,EAGR,kBAAkBI,EAAMC,EAAa,CACnC,MAAMC,EACJ,CAACD,GAAa,SAASD,CAAI,GAAK,CAACG,EAAAA,OAAO,gBAAgBH,CAAI,EAC9D,OAAOI,EAAAA,YAAkBJ,CAAI,GAAKE,GAAa,CAACF,EAAK,SAAS,SAAS,CACzE,CAAA,CAEJ,ECbaK,EAAUC,GAAuB,CAC5C,KAAM,CAAE,IAAKC,EAAc,GAAAC,EAAI,QAAAC,EAAS,SAAAC,EAAU,GAAGC,GAASL,EAGxDM,EAAWC,EAAAA,OAA0B,IAAI,EAEzCC,EAAUC,EAAAA,0CAAaC,EAAAA,UAAUJ,EAAUL,CAAY,CAAC,EAGxD,CAACU,EAAcC,CAAU,EAAIC,EAAAA,0CACjCR,EACAG,EACAM,EAAAA,yCAAA,EAMIC,EAAcb,IAAOC,EAAU,IAAM,UAErC,CAAE,YAAAa,GAAgBC,EAAAA,0CACtB,CACE,GAAGN,EACH,YAAAI,CAAA,EAEFH,CAAA,EAGIM,EAAiBC,EAAAA,0CAAWR,EAAcK,EAAa,CAC3D,GAAAd,EACA,QAAAC,EAMA,KAAMQ,EAAa,MAAQ,MAAA,CAC5B,EAED,OACES,EAAAA,IAAC3B,EAAA,CACC,IAAKmB,EACJ,GAAGM,EACJ,gBAAeA,EAAe,YAAc,OAC5C,gBAAeA,EAAe,YAAc,OAE3C,SAAAd,CAAA,CAAA,CAGP,EAGAL,EAAO,YAAc"}

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

@@ -0,0 +1,62 @@
+import { jsx as b } from "react/jsx-runtime";
+import { useRef as l } from "react";
+import { $ } from "./Button-CrgZzRm9.es.js";
+import { $ as u } from "./utils-Cyja2WdR.es.js";
+import { createRecipeContext as x, mergeRefs as R } from "@chakra-ui/react";
+import { b as P } from "./toggle-button-group.recipe-CbCnJQP3.es.js";
+import { i as h } from "./emotion-is-prop-valid.esm-BUuA3iy8.es.js";
+import { s as y } from "./index-CtB71yr7.es.js";
+import { $ as B } from "./useObjectRef-CaJ5pgjX.es.js";
+import { a as v } from "./mergeProps-CzyOU2NE.es.js";
+import { $ as w } from "./useButton-DkQVxdIF.es.js";
+const { withContext: C } = /* @__PURE__ */ x({
+  recipe: P
+}), D = /* @__PURE__ */ C(
+  "button",
+  {
+    defaultProps: {
+      type: "button"
+    },
+    /** make sure the `onPress` properties won't end up as attribute on the rendered DOM element */
+    shouldForwardProp(o, e) {
+      const t = !e?.includes(o) && !y.isValidProperty(o);
+      return h(o) && t && !o.includes("onPress");
+    }
+  }
+), V = (o) => {
+  const { ref: e, as: t, asChild: a, children: c, ...d } = o, f = l(null), n = B(R(f, e)), [r, i] = u(
+    d,
+    n,
+    $
+  ), m = t || (a ? "a" : "button"), { buttonProps: p } = w(
+    {
+      ...r,
+      elementType: m
+    },
+    i
+  ), s = v(r, p, {
+    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: r.slot || void 0
+  });
+  return /* @__PURE__ */ b(
+    D,
+    {
+      ref: i,
+      ...s,
+      "aria-disabled": s.isDisabled || void 0,
+      "data-disabled": s.isDisabled || void 0,
+      children: c
+    }
+  );
+};
+V.displayName = "Button";
+export {
+  V as B
+};
+//# sourceMappingURL=button-Cnui897Z.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button-Cnui897Z.es.js","sources":["../../src/components/button/button.slots.tsx","../../src/components/button/button.tsx"],"sourcesContent":["import { createRecipeContext } from \"@chakra-ui/react\";\nimport { buttonRecipe } from \"./button.recipe\";\nimport shouldForwardProp from \"@emotion/is-prop-valid\";\nimport { system } from \"@/theme\";\nimport type { ButtonRootSlotProps } from \"./button.types\";\n\nconst { withContext } = createRecipeContext({\n  recipe: buttonRecipe,\n});\n\n/**\n * Root component that provides the styling context for the Button component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const ButtonRoot = withContext<HTMLButtonElement, ButtonRootSlotProps>(\n  \"button\",\n  {\n    defaultProps: {\n      type: \"button\",\n    },\n    /** make sure the `onPress` properties won't end up as attribute on the rendered DOM element */\n    shouldForwardProp(prop, variantKeys) {\n      const chakraSfp =\n        !variantKeys?.includes(prop) && !system.isValidProperty(prop);\n      return shouldForwardProp(prop) && chakraSfp && !prop.includes(\"onPress\");\n    },\n  }\n);\n","import { useRef } from \"react\";\nimport { useButton, useObjectRef, mergeProps } from \"react-aria\";\nimport { ButtonContext, useContextProps } from \"react-aria-components\";\nimport { mergeRefs } from \"@chakra-ui/react\";\nimport { ButtonRoot } from \"./button.slots.tsx\";\nimport type { ButtonProps } from \"./button.types.ts\";\n\n/**\n * # Button\n *\n * Displays a Button.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/button}\n */\nexport const Button = (props: ButtonProps) => {\n  const { ref: forwardedRef, as, asChild, children, ...rest } = props;\n\n  // create a local ref (because the consumer may not provide a forwardedRef)\n  const localRef = useRef<HTMLButtonElement>(null);\n  // merge the local ref with a potentially forwarded ref\n  const baseRef = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  // Consume context props based on slot (this enables slot-aware behavior)\n  const [contextProps, contextRef] = useContextProps(\n    rest,\n    baseRef,\n    ButtonContext\n  );\n\n  // if asChild is set, for react-aria to add the button-role, the elementType\n  // has to be manually set to something else than button\n\n  const elementType = as || (asChild ? \"a\" : \"button\") || \"button\";\n\n  const { buttonProps } = useButton(\n    {\n      ...contextProps,\n      elementType,\n    },\n    contextRef\n  );\n\n  const componentProps = mergeProps(contextProps, buttonProps, {\n    as,\n    asChild,\n    /**\n     * In case `slot` was null, the `useContextProps` hook already\n     * processed it at this point, so it's safe to not attach it\n     * to the DOM element\n     */\n    slot: contextProps.slot || undefined,\n  });\n\n  return (\n    <ButtonRoot\n      ref={contextRef}\n      {...componentProps}\n      aria-disabled={componentProps.isDisabled || undefined}\n      data-disabled={componentProps.isDisabled || undefined}\n    >\n      {children}\n    </ButtonRoot>\n  );\n};\n\n// Manually assign a displayName for debugging purposes\nButton.displayName = \"Button\";\n"],"names":["withContext","createRecipeContext","buttonRecipe","ButtonRoot","prop","variantKeys","chakraSfp","system","shouldForwardProp","Button","props","forwardedRef","as","asChild","children","rest","localRef","useRef","baseRef","useObjectRef","mergeRefs","contextProps","contextRef","useContextProps","ButtonContext","elementType","buttonProps","useButton","componentProps","mergeProps","jsx"],"mappings":";;;;;;;;;;;AAMA,MAAM,EAAE,aAAAA,EAAA,IAAgB,gBAAAC,EAAoB;AAAA,EAC1C,QAAQC;AACV,CAAC,GAMYC,IAAa,gBAAAH;AAAA,EACxB;AAAA,EACA;AAAA,IACE,cAAc;AAAA,MACZ,MAAM;AAAA,IAAA;AAAA;AAAA,IAGR,kBAAkBI,GAAMC,GAAa;AACnC,YAAMC,IACJ,CAACD,GAAa,SAASD,CAAI,KAAK,CAACG,EAAO,gBAAgBH,CAAI;AAC9D,aAAOI,EAAkBJ,CAAI,KAAKE,KAAa,CAACF,EAAK,SAAS,SAAS;AAAA,IACzE;AAAA,EAAA;AAEJ,GCbaK,IAAS,CAACC,MAAuB;AAC5C,QAAM,EAAE,KAAKC,GAAc,IAAAC,GAAI,SAAAC,GAAS,UAAAC,GAAU,GAAGC,MAASL,GAGxDM,IAAWC,EAA0B,IAAI,GAEzCC,IAAUC,EAAaC,EAAUJ,GAAUL,CAAY,CAAC,GAGxD,CAACU,GAAcC,CAAU,IAAIC;AAAAA,IACjCR;AAAA,IACAG;AAAA,IACAM;AAAAA,EAAA,GAMIC,IAAcb,MAAOC,IAAU,MAAM,WAErC,EAAE,aAAAa,MAAgBC;AAAAA,IACtB;AAAA,MACE,GAAGN;AAAA,MACH,aAAAI;AAAA,IAAA;AAAA,IAEFH;AAAA,EAAA,GAGIM,IAAiBC,EAAWR,GAAcK,GAAa;AAAA,IAC3D,IAAAd;AAAA,IACA,SAAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,MAAMQ,EAAa,QAAQ;AAAA,EAAA,CAC5B;AAED,SACE,gBAAAS;AAAA,IAAC3B;AAAA,IAAA;AAAA,MACC,KAAKmB;AAAA,MACJ,GAAGM;AAAA,MACJ,iBAAeA,EAAe,cAAc;AAAA,MAC5C,iBAAeA,EAAe,cAAc;AAAA,MAE3C,UAAAd;AAAA,IAAA;AAAA,EAAA;AAGP;AAGAL,EAAO,cAAc;"}