@commercetools/nimbus 0.0.11 → 0.0.13-rc1

package/dist/chunks/form-field-CmiwMrRv.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"form-field-CmiwMrRv.es.js","sources":["../../src/components/form-field/components/form-field.context.tsx","../../src/components/form-field/form-field.recipe.tsx","../../src/components/form-field/form-field.slots.tsx","../../src/components/form-field/components/form-field.root.tsx","../../src/components/form-field/components/form-field.label.tsx","../../src/components/form-field/components/form-field.input.tsx","../../src/components/form-field/components/form-field.description.tsx","../../src/components/form-field/components/form-field.error.tsx","../../src/components/form-field/components/form-field.info-box.tsx","../../src/components/form-field/form-field.tsx"],"sourcesContent":["import { createContext, type ReactNode } from \"react\";\nimport type {\n  FormFieldDescriptionSlotProps,\n  FormFieldErrorSlotProps,\n  FormFieldInputSlotProps,\n  FormFieldLabelSlotProps,\n} from \"../form-field.slots\";\n\nexport type FormFieldContextPayloadType = {\n  label: ReactNode;\n  labelSlotProps?: FormFieldLabelSlotProps;\n  input: ReactNode;\n  inputSlotProps?: FormFieldInputSlotProps;\n  description: ReactNode;\n  descriptionSlotProps?: FormFieldDescriptionSlotProps;\n  error: ReactNode;\n  errorSlotProps?: FormFieldErrorSlotProps;\n  info: ReactNode;\n  isInvalid?: boolean;\n  isRequired?: boolean;\n  isDisabled?: boolean;\n  isReadOnly?: boolean;\n};\n\nexport type FormFieldContextType = {\n  context: FormFieldContextPayloadType;\n  setContext: React.Dispatch<React.SetStateAction<FormFieldContextPayloadType>>;\n};\n\nexport const FormFieldContext = createContext<FormFieldContextType>({\n  context: {\n    label: null,\n    description: null,\n    error: null,\n    info: null,\n    input: null,\n  },\n  setContext: () => {},\n});\n","import { defineSlotRecipe } from \"@chakra-ui/react\";\n\nconst columnLayout = `\n\"label\"\n\"input\"\n\"description\"\n\"error\"\n`;\nconst rowLayout = `\n\"label input\"\n\"label description\"\n\"label error\"\n`;\n\n/**\n * Recipe configuration for the FormField component.\n * Defines the styling variants and base styles using Chakra UI's recipe system.\n */\nexport const formFieldRecipe = defineSlotRecipe({\n  slots: [\"root\", \"label\", \"input\", \"description\", \"error\", \"popover\"],\n  // Unique class name prefix for the component\n  className: \"nimbus-ui-form-field\",\n\n  base: {\n    root: {\n      \"--grid-gap\": \"spacing.100\",\n\n      display: \"grid\",\n      width: \"auto\",\n    },\n    label: {\n      gridArea: \"label\",\n      fontWeight: \"500\",\n      color: \"neutral.11\",\n      fontSize: \"var(--form-field-font-size)\",\n      lineHeight: \"var(--form-field-line-height)\",\n    },\n    input: {\n      gridArea: \"input\",\n    },\n    description: {\n      gridArea: \"description\",\n      color: \"neutral.11\",\n      fontSize: \"var(--form-field-font-size)\",\n      lineHeight: \"var(--form-field-line-height)\",\n    },\n    error: {\n      gridArea: \"error\",\n      color: \"critical.11\",\n      fontSize: \"var(--form-field-font-size)\",\n      lineHeight: \"var(--form-field-line-height)\",\n    },\n    popover: {\n      \"--scrollbar-color\": \"colors.neutral.8\",\n      \"--scrollbar-bg\": \"colors.neutral.3\",\n      bg: \"neutral.1\",\n      maxWidth: \"xl\",\n      borderRadius: \"200\",\n      boxShadow: \"6\",\n      border: \"solid-25\",\n      borderColor: \"neutral.8\",\n      maxHeight: \"40svh\",\n      overflow: \"auto\",\n      scrollbarWidth: \"thin\",\n      scrollbarColor: \"var(--scrollbar-color) var(--scrollbar-bg)\",\n      focusRing: \"outside\",\n    },\n  },\n\n  variants: {\n    size: {\n      md: {\n        root: {\n          \"--form-field-font-size\": \"fontSizes.350\",\n          \"--form-field-line-height\": \"lineHeights.500\",\n        },\n      },\n      sm: {\n        root: {\n          \"--form-field-font-size\": \"fontSizes.300\",\n          \"--form-field-line-height\": \"lineHeights.450\",\n        },\n      },\n    },\n    direction: {\n      column: {\n        root: {\n          gridTemplateAreas: columnLayout,\n        },\n        input: {\n          mt: \"var(--grid-gap)\",\n        },\n        description: {\n          mt: \"var(--grid-gap)\",\n        },\n        error: {\n          mt: \"var(--grid-gap)\",\n        },\n      },\n      row: {\n        root: {\n          gridTemplateAreas: rowLayout,\n          gridTemplateColumns: \"auto 1fr\",\n          gridColumnGap: \"200\",\n        },\n        description: {\n          mt: \"var(--grid-gap)\",\n        },\n        error: {\n          mt: \"var(--grid-gap)\",\n        },\n      },\n    },\n  },\n\n  // Default variant values when not explicitly specified\n  defaultVariants: {\n    direction: \"column\",\n    size: \"md\",\n  },\n});\n","/* eslint-disable @typescript-eslint/no-empty-object-type */\nimport {\n  type HTMLChakraProps,\n  type RecipeVariantProps,\n  type UnstyledProp,\n  createSlotRecipeContext,\n} from \"@chakra-ui/react\";\n\nimport { formFieldRecipe } from \"./form-field.recipe\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  recipe: formFieldRecipe,\n});\n\n// Root slot\nexport interface FormFieldRootSlotProps\n  extends HTMLChakraProps<\n    \"div\",\n    RecipeVariantProps<typeof formFieldRecipe> & UnstyledProp\n  > {}\n\nexport const FormFieldRootSlot = withProvider<\n  HTMLDivElement,\n  FormFieldRootSlotProps\n>(\"div\", \"root\");\n\n// Label Slot\nexport interface FormFieldLabelSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const FormFieldLabelSlot = withContext<\n  HTMLDivElement,\n  FormFieldLabelSlotProps\n>(\"div\", \"label\");\n\n// Input Slot\nexport interface FormFieldInputSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const FormFieldInputSlot = withContext<\n  HTMLDivElement,\n  FormFieldInputSlotProps\n>(\"div\", \"input\");\n\n// Description Slot\nexport interface FormFieldDescriptionSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const FormFieldDescriptionSlot = withContext<\n  HTMLDivElement,\n  FormFieldDescriptionSlotProps\n>(\"div\", \"description\");\n\n// Error Slot\nexport interface FormFieldErrorSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const FormFieldErrorSlot = withContext<\n  HTMLDivElement,\n  FormFieldErrorSlotProps\n>(\"div\", \"error\");\n\n// Error Slot\nexport interface FormFieldPopoverSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const FormFieldPopoverSlot = withContext<\n  HTMLDivElement,\n  FormFieldPopoverSlotProps\n>(\"div\", \"popover\");\n","import {\n  Children,\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  useEffect,\n  useState,\n} from \"react\";\nimport type { FormFieldProps } from \"../form-field.types\";\nimport { useField } from \"react-aria\";\nimport {\n  FormFieldContext,\n  type FormFieldContextPayloadType,\n} from \"./form-field.context\";\nimport {\n  FormFieldDescriptionSlot,\n  FormFieldErrorSlot,\n  FormFieldInputSlot,\n  FormFieldLabelSlot,\n  FormFieldPopoverSlot,\n  FormFieldRootSlot,\n} from \"../form-field.slots\";\nimport { Dialog, DialogTrigger, Popover } from \"react-aria-components\";\nimport { Box, IconButton } from \"@/components\";\nimport { ErrorOutline, HelpOutline } from \"@commercetools/nimbus-icons\";\n\n/**\n * FormField\n * ============================================================\n * displays inputs in a FormField context\n */\nexport const FormFieldRoot = forwardRef<HTMLDivElement, FormFieldProps>(\n  (\n    { isInvalid, isRequired, isDisabled, isReadOnly, children, ...props },\n    ref\n  ) => {\n    const [context, setContext] = useState<FormFieldContextPayloadType>({\n      label: null,\n      description: null,\n      error: null,\n      info: null,\n      input: null,\n      isInvalid,\n      isRequired,\n      isDisabled,\n      isReadOnly,\n    });\n\n    const useFieldArgs: Parameters<typeof useField>[0] = {\n      description: context.description,\n      errorMessage: context.error,\n    };\n\n    if (context.label) {\n      useFieldArgs.label = context.label;\n    } else {\n      // Context will always start out null, so we need to stub out some aria attributes\n      // FIXME: This is a hack to get the form field to work, but it's not the best solution\n      // FIXME: We should find a better way to handle this by redesigning the FormField component's structure\n      useFieldArgs[\"aria-label\"] = \"empty-label\";\n      useFieldArgs[\"aria-labelledby\"] = \"empty-label\";\n    }\n\n    const { labelProps, fieldProps, descriptionProps, errorMessageProps } =\n      useField(useFieldArgs);\n\n    useEffect(() => {\n      setContext((prevContext) => ({\n        ...prevContext,\n        isInvalid,\n        isRequired,\n        isDisabled,\n        isReadOnly,\n      }));\n    }, [isInvalid, isRequired, isDisabled, isReadOnly]);\n\n    const inputProps = {\n      ...fieldProps,\n      isInvalid,\n      isRequired,\n      isDisabled,\n      isReadOnly,\n    };\n\n    return (\n      <FormFieldContext.Provider value={{ context, setContext }}>\n        <FormFieldRootSlot ref={ref} {...props}>\n          {context.label && (\n            <FormFieldLabelSlot {...context.labelSlotProps}>\n              <label {...labelProps}>\n                {context.label}\n                {isRequired && <sup aria-hidden=\"true\">*</sup>}\n              </label>\n              {context.info && (\n                <DialogTrigger>\n                  <Box\n                    as=\"span\"\n                    display=\"inline-block\"\n                    position=\"relative\"\n                    width=\"1ch\"\n                    height=\"1ch\"\n                    ml=\"200\"\n                  >\n                    <Box\n                      as=\"span\"\n                      display=\"inline-flex\"\n                      position=\"absolute\"\n                      top=\"50%\"\n                      right=\"50%\"\n                      transform=\"translate(50%, -50%)\"\n                    >\n                      <IconButton\n                        aria-label=\"__MORE INFO\"\n                        size=\"2xs\"\n                        tone=\"info\"\n                        variant=\"link\"\n                      >\n                        <HelpOutline />\n                      </IconButton>\n                    </Box>\n                  </Box>\n                  <Popover>\n                    <FormFieldPopoverSlot asChild>\n                      <Dialog>\n                        <Box p=\"300\">{context.info}</Box>\n                      </Dialog>\n                    </FormFieldPopoverSlot>\n                  </Popover>\n                </DialogTrigger>\n              )}\n            </FormFieldLabelSlot>\n          )}\n          {context.input && (\n            <FormFieldInputSlot {...context.inputSlotProps}>\n              {Children.map(context.input, (child) => {\n                // Important: Check if the child is a valid React element before cloning.\n                if (isValidElement(child)) {\n                  return cloneElement(child, inputProps);\n                }\n                // If it's not a valid element (e.g., text node, null, undefined), return it as is.\n                return child;\n              })}\n            </FormFieldInputSlot>\n          )}\n          {context.description && (\n            <FormFieldDescriptionSlot\n              {...descriptionProps}\n              {...context.descriptionSlotProps}\n            >\n              {context.description}\n            </FormFieldDescriptionSlot>\n          )}\n          {isInvalid && context.error && (\n            <FormFieldErrorSlot\n              {...errorMessageProps}\n              {...context.errorSlotProps}\n            >\n              <Box\n                as={ErrorOutline}\n                display=\"inline-flex\"\n                boxSize=\"400\"\n                verticalAlign=\"text-bottom\"\n                mr=\"100\"\n              />\n              {context.error}\n            </FormFieldErrorSlot>\n          )}\n          {children}\n        </FormFieldRootSlot>\n      </FormFieldContext.Provider>\n    );\n  }\n);\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldLabelSlotProps } from \"../form-field.slots\";\n\nexport const FormFieldLabel = ({\n  children,\n  ...labelSlotProps\n}: FormFieldLabelSlotProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      label: children,\n      labelSlotProps,\n    }));\n  }, [children, setContext]);\n\n  return null;\n};\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldInputSlotProps } from \"../form-field.slots\";\n\nexport const FormFieldInput = ({\n  children,\n  ...inputSlotProps\n}: FormFieldInputSlotProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      input: children,\n      inputSlotProps,\n    }));\n  }, [children, setContext]);\n\n  return null;\n};\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldDescriptionSlotProps } from \"../form-field.slots\";\n\nexport const FormFieldDescription = ({\n  children,\n  ...descriptionSlotProps\n}: FormFieldDescriptionSlotProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      description: children,\n      descriptionSlotProps,\n    }));\n  }, [children, setContext]);\n\n  return null;\n};\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldErrorSlotProps } from \"../form-field.slots\";\n\nexport const FormFieldError = ({\n  children,\n  ...errorSlotProps\n}: FormFieldErrorSlotProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      error: children,\n      errorSlotProps,\n    }));\n  }, [children, setContext]);\n\n  return null;\n};\n","import { useContext, useEffect, type ReactNode } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\n\ntype FormFieldInfoBoxProps = {\n  /**\n   * The content to display in the InfoBox\n   */\n  children: ReactNode;\n};\n\nexport const FormFieldInfoBox = ({ children }: FormFieldInfoBoxProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      info: children,\n    }));\n  }, [children, setContext]);\n\n  return null;\n};\n","import { FormFieldRoot } from \"./components/form-field.root\";\nimport { FormFieldLabel } from \"./components/form-field.label\";\nimport { FormFieldInput } from \"./components/form-field.input\";\nimport { FormFieldDescription } from \"./components/form-field.description\";\nimport { FormFieldError } from \"./components/form-field.error\";\nimport { FormFieldInfoBox } from \"./components/form-field.info-box\";\n\nexport const FormField = {\n  Root: FormFieldRoot,\n  Label: FormFieldLabel,\n  Input: FormFieldInput,\n  Description: FormFieldDescription,\n  Error: FormFieldError,\n  InfoBox: FormFieldInfoBox,\n};\n\nexport {\n  FormFieldRoot as _FormFieldRoot,\n  FormFieldLabel as _FormFieldLabel,\n  FormFieldInput as _FormFieldInput,\n  FormFieldDescription as _FormFieldDescription,\n  FormFieldError as _FormFieldError,\n  FormFieldInfoBox as _FormFieldInfoBox,\n};\n"],"names":["FormFieldContext","createContext","columnLayout","rowLayout","formFieldRecipe","defineSlotRecipe","withProvider","withContext","createSlotRecipeContext","FormFieldRootSlot","FormFieldLabelSlot","FormFieldInputSlot","FormFieldDescriptionSlot","FormFieldErrorSlot","FormFieldPopoverSlot","FormFieldRoot","forwardRef","isInvalid","isRequired","isDisabled","isReadOnly","children","props","ref","context","setContext","useState","useFieldArgs","labelProps","fieldProps","descriptionProps","errorMessageProps","useField","useEffect","prevContext","inputProps","jsx","jsxs","DialogTrigger","Box","IconButton","HelpOutline","Popover","Dialog","Children","child","isValidElement","cloneElement","ErrorOutline","FormFieldLabel","labelSlotProps","useContext","FormFieldInput","inputSlotProps","FormFieldDescription","descriptionSlotProps","FormFieldError","errorSlotProps","FormFieldInfoBox","FormField"],"mappings":"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"}

package/dist/chunks/form-field-kTuQQx9G.cjs.js

@@ -1,11 +0,0 @@
-"use strict";const t=require("react/jsx-runtime"),i=require("react"),x=require("@chakra-ui/react"),p=require("./Dialog-Btds5x4W.cjs.js"),u=require("./box-FU6tRPFs.cjs.js"),A=require("./icon-button-QwpNTUZ8.cjs.js"),m=require("@commercetools/nimbus-icons"),H=require("./useField-Doh1_zqa.cjs.js"),s=i.createContext({context:{label:null,description:null,error:null,info:null,input:null},setContext:()=>{}}),y=`
-"label"
-"input"
-"description"
-"error"
-`,I=`
-"label input"
-"label description"
-"label error"
-`,L=x.defineSlotRecipe({slots:["root","label","input","description","error","popover"],className:"nimbus-ui-form-field",base:{root:{"--grid-gap":"spacing.100",display:"grid",width:"auto"},label:{gridArea:"label",fontWeight:"500",color:"neutral.11",fontSize:"var(--form-field-font-size)",lineHeight:"var(--form-field-line-height)"},input:{gridArea:"input"},description:{gridArea:"description",color:"neutral.11",fontSize:"var(--form-field-font-size)",lineHeight:"var(--form-field-line-height)"},error:{gridArea:"error",color:"critical.11",fontSize:"var(--form-field-font-size)",lineHeight:"var(--form-field-line-height)"},popover:{"--scrollbar-color":"colors.neutral.8","--scrollbar-bg":"colors.neutral.3",bg:"neutral.1",maxWidth:"xl",borderRadius:"200",boxShadow:"6",border:"solid-25",borderColor:"neutral.8",maxHeight:"40svh",overflow:"auto",scrollbarWidth:"thin",scrollbarColor:"var(--scrollbar-color) var(--scrollbar-bg)",focusRing:"outside"}},variants:{size:{md:{root:{"--form-field-font-size":"fontSizes.350","--form-field-line-height":"lineHeights.500"}},sm:{root:{"--form-field-font-size":"fontSizes.300","--form-field-line-height":"lineHeights.450"}}},direction:{column:{root:{gridTemplateAreas:y},input:{mt:"var(--grid-gap)"},description:{mt:"var(--grid-gap)"},error:{mt:"var(--grid-gap)"}},row:{root:{gridTemplateAreas:I,gridTemplateColumns:"auto 1fr",gridColumnGap:"200"},description:{mt:"var(--grid-gap)"},error:{mt:"var(--grid-gap)"}}}},defaultVariants:{direction:"column",size:"md"}}),{withProvider:R,withContext:c}=x.createSlotRecipeContext({recipe:L}),q=R("div","root"),M=c("div","label"),T=c("div","input"),W=c("div","description"),k=c("div","error"),D=c("div","popover"),b=i.forwardRef(({isInvalid:e,isRequired:l,isDisabled:o,isReadOnly:n,children:S,...j},z)=>{const[r,f]=i.useState({label:null,description:null,error:null,info:null,input:null,isInvalid:e,isRequired:l,isDisabled:o,isReadOnly:n}),d={description:r.description,errorMessage:r.error};r.label?d.label=r.label:(d["aria-label"]="empty-label",d["aria-labelledby"]="empty-label");const{labelProps:E,fieldProps:$,descriptionProps:P,errorMessageProps:w}=H.$2baaea4c71418dea$export$294aa081a6c6f55d(d);i.useEffect(()=>{f(a=>({...a,isInvalid:e,isRequired:l,isDisabled:o,isReadOnly:n}))},[e,l,o,n]);const B={...$,isInvalid:e,isRequired:l,isDisabled:o,isReadOnly:n};return t.jsx(s.Provider,{value:{context:r,setContext:f},children:t.jsxs(q,{ref:z,...j,children:[r.label&&t.jsxs(M,{...r.labelSlotProps,children:[t.jsxs("label",{...E,children:[r.label,l&&t.jsx("sup",{"aria-hidden":"true",children:"*"})]}),r.info&&t.jsxs(p.$de32f1b87079253c$export$2e1e1122cf0cba88,{children:[t.jsx(u.Box,{as:"span",display:"inline-block",position:"relative",width:"1ch",height:"1ch",ml:"200",children:t.jsx(u.Box,{as:"span",display:"inline-flex",position:"absolute",top:"50%",right:"50%",transform:"translate(50%, -50%)",children:t.jsx(A.IconButton,{"aria-label":"__MORE INFO",size:"2xs",tone:"info",variant:"link",children:t.jsx(m.HelpOutline,{})})})}),t.jsx(p.$07b14b47974efb58$export$5b6b19405a83ff9d,{children:t.jsx(D,{asChild:!0,children:t.jsx(p.$de32f1b87079253c$export$3ddf2d174ce01153,{children:t.jsx(u.Box,{p:"300",children:r.info})})})})]})]}),r.input&&t.jsx(T,{...r.inputSlotProps,children:i.Children.map(r.input,a=>i.isValidElement(a)?i.cloneElement(a,B):a)}),r.description&&t.jsx(W,{...P,...r.descriptionSlotProps,children:r.description}),e&&r.error&&t.jsxs(k,{...w,...r.errorSlotProps,children:[t.jsx(u.Box,{as:m.ErrorOutline,display:"inline-flex",boxSize:"400",verticalAlign:"text-bottom",mr:"100"}),r.error]}),S]})})}),F=({children:e,...l})=>{const{setContext:o}=i.useContext(s);return i.useEffect(()=>{o(n=>({...n,label:e,labelSlotProps:l}))},[e,o]),null},g=({children:e,...l})=>{const{setContext:o}=i.useContext(s);return i.useEffect(()=>{o(n=>({...n,input:e,inputSlotProps:l}))},[e,o]),null},h=({children:e,...l})=>{const{setContext:o}=i.useContext(s);return i.useEffect(()=>{o(n=>({...n,description:e,descriptionSlotProps:l}))},[e,o]),null},v=({children:e,...l})=>{const{setContext:o}=i.useContext(s);return i.useEffect(()=>{o(n=>({...n,error:e,errorSlotProps:l}))},[e,o]),null},C=({children:e})=>{const{setContext:l}=i.useContext(s);return i.useEffect(()=>{l(o=>({...o,info:e}))},[e,l]),null},N={Root:b,Label:F,Input:g,Description:h,Error:v,InfoBox:C};exports.FormField=N;exports.FormFieldDescription=h;exports.FormFieldError=v;exports.FormFieldInfoBox=C;exports.FormFieldInput=g;exports.FormFieldLabel=F;exports.FormFieldRoot=b;
-//# sourceMappingURL=form-field-kTuQQx9G.cjs.js.map

package/dist/chunks/form-field-kTuQQx9G.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"form-field-kTuQQx9G.cjs.js","sources":["../../src/components/form-field/components/form-field.context.tsx","../../src/components/form-field/form-field.recipe.tsx","../../src/components/form-field/form-field.slots.tsx","../../src/components/form-field/components/form-field.root.tsx","../../src/components/form-field/components/form-field.label.tsx","../../src/components/form-field/components/form-field.input.tsx","../../src/components/form-field/components/form-field.description.tsx","../../src/components/form-field/components/form-field.error.tsx","../../src/components/form-field/components/form-field.info-box.tsx","../../src/components/form-field/form-field.tsx"],"sourcesContent":["import { createContext, type ReactNode } from \"react\";\nimport type {\n  FormFieldDescriptionSlotProps,\n  FormFieldErrorSlotProps,\n  FormFieldInputSlotProps,\n  FormFieldLabelSlotProps,\n} from \"../form-field.slots\";\n\nexport type FormFieldContextPayloadType = {\n  label: ReactNode;\n  labelSlotProps?: FormFieldLabelSlotProps;\n  input: ReactNode;\n  inputSlotProps?: FormFieldInputSlotProps;\n  description: ReactNode;\n  descriptionSlotProps?: FormFieldDescriptionSlotProps;\n  error: ReactNode;\n  errorSlotProps?: FormFieldErrorSlotProps;\n  info: ReactNode;\n  isInvalid?: boolean;\n  isRequired?: boolean;\n  isDisabled?: boolean;\n  isReadOnly?: boolean;\n};\n\nexport type FormFieldContextType = {\n  context: FormFieldContextPayloadType;\n  setContext: React.Dispatch<React.SetStateAction<FormFieldContextPayloadType>>;\n};\n\nexport const FormFieldContext = createContext<FormFieldContextType>({\n  context: {\n    label: null,\n    description: null,\n    error: null,\n    info: null,\n    input: null,\n  },\n  setContext: () => {},\n});\n","import { defineSlotRecipe } from \"@chakra-ui/react\";\n\nconst columnLayout = `\n\"label\"\n\"input\"\n\"description\"\n\"error\"\n`;\nconst rowLayout = `\n\"label input\"\n\"label description\"\n\"label error\"\n`;\n\n/**\n * Recipe configuration for the FormField component.\n * Defines the styling variants and base styles using Chakra UI's recipe system.\n */\nexport const formFieldRecipe = defineSlotRecipe({\n  slots: [\"root\", \"label\", \"input\", \"description\", \"error\", \"popover\"],\n  // Unique class name prefix for the component\n  className: \"nimbus-ui-form-field\",\n\n  base: {\n    root: {\n      \"--grid-gap\": \"spacing.100\",\n\n      display: \"grid\",\n      width: \"auto\",\n    },\n    label: {\n      gridArea: \"label\",\n      fontWeight: \"500\",\n      color: \"neutral.11\",\n      fontSize: \"var(--form-field-font-size)\",\n      lineHeight: \"var(--form-field-line-height)\",\n    },\n    input: {\n      gridArea: \"input\",\n    },\n    description: {\n      gridArea: \"description\",\n      color: \"neutral.11\",\n      fontSize: \"var(--form-field-font-size)\",\n      lineHeight: \"var(--form-field-line-height)\",\n    },\n    error: {\n      gridArea: \"error\",\n      color: \"critical.11\",\n      fontSize: \"var(--form-field-font-size)\",\n      lineHeight: \"var(--form-field-line-height)\",\n    },\n    popover: {\n      \"--scrollbar-color\": \"colors.neutral.8\",\n      \"--scrollbar-bg\": \"colors.neutral.3\",\n      bg: \"neutral.1\",\n      maxWidth: \"xl\",\n      borderRadius: \"200\",\n      boxShadow: \"6\",\n      border: \"solid-25\",\n      borderColor: \"neutral.8\",\n      maxHeight: \"40svh\",\n      overflow: \"auto\",\n      scrollbarWidth: \"thin\",\n      scrollbarColor: \"var(--scrollbar-color) var(--scrollbar-bg)\",\n      focusRing: \"outside\",\n    },\n  },\n\n  variants: {\n    size: {\n      md: {\n        root: {\n          \"--form-field-font-size\": \"fontSizes.350\",\n          \"--form-field-line-height\": \"lineHeights.500\",\n        },\n      },\n      sm: {\n        root: {\n          \"--form-field-font-size\": \"fontSizes.300\",\n          \"--form-field-line-height\": \"lineHeights.450\",\n        },\n      },\n    },\n    direction: {\n      column: {\n        root: {\n          gridTemplateAreas: columnLayout,\n        },\n        input: {\n          mt: \"var(--grid-gap)\",\n        },\n        description: {\n          mt: \"var(--grid-gap)\",\n        },\n        error: {\n          mt: \"var(--grid-gap)\",\n        },\n      },\n      row: {\n        root: {\n          gridTemplateAreas: rowLayout,\n          gridTemplateColumns: \"auto 1fr\",\n          gridColumnGap: \"200\",\n        },\n        description: {\n          mt: \"var(--grid-gap)\",\n        },\n        error: {\n          mt: \"var(--grid-gap)\",\n        },\n      },\n    },\n  },\n\n  // Default variant values when not explicitly specified\n  defaultVariants: {\n    direction: \"column\",\n    size: \"md\",\n  },\n});\n","/* eslint-disable @typescript-eslint/no-empty-object-type */\nimport {\n  type HTMLChakraProps,\n  type RecipeVariantProps,\n  type UnstyledProp,\n  createSlotRecipeContext,\n} from \"@chakra-ui/react\";\n\nimport { formFieldRecipe } from \"./form-field.recipe\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  recipe: formFieldRecipe,\n});\n\n// Root slot\nexport interface FormFieldRootSlotProps\n  extends HTMLChakraProps<\n    \"div\",\n    RecipeVariantProps<typeof formFieldRecipe> & UnstyledProp\n  > {}\n\nexport const FormFieldRootSlot = withProvider<\n  HTMLDivElement,\n  FormFieldRootSlotProps\n>(\"div\", \"root\");\n\n// Label Slot\nexport interface FormFieldLabelSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const FormFieldLabelSlot = withContext<\n  HTMLDivElement,\n  FormFieldLabelSlotProps\n>(\"div\", \"label\");\n\n// Input Slot\nexport interface FormFieldInputSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const FormFieldInputSlot = withContext<\n  HTMLDivElement,\n  FormFieldInputSlotProps\n>(\"div\", \"input\");\n\n// Description Slot\nexport interface FormFieldDescriptionSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const FormFieldDescriptionSlot = withContext<\n  HTMLDivElement,\n  FormFieldDescriptionSlotProps\n>(\"div\", \"description\");\n\n// Error Slot\nexport interface FormFieldErrorSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const FormFieldErrorSlot = withContext<\n  HTMLDivElement,\n  FormFieldErrorSlotProps\n>(\"div\", \"error\");\n\n// Error Slot\nexport interface FormFieldPopoverSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const FormFieldPopoverSlot = withContext<\n  HTMLDivElement,\n  FormFieldPopoverSlotProps\n>(\"div\", \"popover\");\n","import {\n  Children,\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  useEffect,\n  useState,\n} from \"react\";\nimport type { FormFieldProps } from \"../form-field.types\";\nimport { useField } from \"react-aria\";\nimport {\n  FormFieldContext,\n  type FormFieldContextPayloadType,\n} from \"./form-field.context\";\nimport {\n  FormFieldDescriptionSlot,\n  FormFieldErrorSlot,\n  FormFieldInputSlot,\n  FormFieldLabelSlot,\n  FormFieldPopoverSlot,\n  FormFieldRootSlot,\n} from \"../form-field.slots\";\nimport { Dialog, DialogTrigger, Popover } from \"react-aria-components\";\nimport { Box, IconButton } from \"@/components\";\nimport { ErrorOutline, HelpOutline } from \"@commercetools/nimbus-icons\";\n\n/**\n * FormField\n * ============================================================\n * displays inputs in a FormField context\n */\nexport const FormFieldRoot = forwardRef<HTMLDivElement, FormFieldProps>(\n  (\n    { isInvalid, isRequired, isDisabled, isReadOnly, children, ...props },\n    ref\n  ) => {\n    const [context, setContext] = useState<FormFieldContextPayloadType>({\n      label: null,\n      description: null,\n      error: null,\n      info: null,\n      input: null,\n      isInvalid,\n      isRequired,\n      isDisabled,\n      isReadOnly,\n    });\n\n    const useFieldArgs: Parameters<typeof useField>[0] = {\n      description: context.description,\n      errorMessage: context.error,\n    };\n\n    if (context.label) {\n      useFieldArgs.label = context.label;\n    } else {\n      // Context will always start out null, so we need to stub out some aria attributes\n      // FIXME: This is a hack to get the form field to work, but it's not the best solution\n      // FIXME: We should find a better way to handle this by redesigning the FormField component's structure\n      useFieldArgs[\"aria-label\"] = \"empty-label\";\n      useFieldArgs[\"aria-labelledby\"] = \"empty-label\";\n    }\n\n    const { labelProps, fieldProps, descriptionProps, errorMessageProps } =\n      useField(useFieldArgs);\n\n    useEffect(() => {\n      setContext((prevContext) => ({\n        ...prevContext,\n        isInvalid,\n        isRequired,\n        isDisabled,\n        isReadOnly,\n      }));\n    }, [isInvalid, isRequired, isDisabled, isReadOnly]);\n\n    const inputProps = {\n      ...fieldProps,\n      isInvalid,\n      isRequired,\n      isDisabled,\n      isReadOnly,\n    };\n\n    return (\n      <FormFieldContext.Provider value={{ context, setContext }}>\n        <FormFieldRootSlot ref={ref} {...props}>\n          {context.label && (\n            <FormFieldLabelSlot {...context.labelSlotProps}>\n              <label {...labelProps}>\n                {context.label}\n                {isRequired && <sup aria-hidden=\"true\">*</sup>}\n              </label>\n              {context.info && (\n                <DialogTrigger>\n                  <Box\n                    as=\"span\"\n                    display=\"inline-block\"\n                    position=\"relative\"\n                    width=\"1ch\"\n                    height=\"1ch\"\n                    ml=\"200\"\n                  >\n                    <Box\n                      as=\"span\"\n                      display=\"inline-flex\"\n                      position=\"absolute\"\n                      top=\"50%\"\n                      right=\"50%\"\n                      transform=\"translate(50%, -50%)\"\n                    >\n                      <IconButton\n                        aria-label=\"__MORE INFO\"\n                        size=\"2xs\"\n                        tone=\"info\"\n                        variant=\"link\"\n                      >\n                        <HelpOutline />\n                      </IconButton>\n                    </Box>\n                  </Box>\n                  <Popover>\n                    <FormFieldPopoverSlot asChild>\n                      <Dialog>\n                        <Box p=\"300\">{context.info}</Box>\n                      </Dialog>\n                    </FormFieldPopoverSlot>\n                  </Popover>\n                </DialogTrigger>\n              )}\n            </FormFieldLabelSlot>\n          )}\n          {context.input && (\n            <FormFieldInputSlot {...context.inputSlotProps}>\n              {Children.map(context.input, (child) => {\n                // Important: Check if the child is a valid React element before cloning.\n                if (isValidElement(child)) {\n                  return cloneElement(child, inputProps);\n                }\n                // If it's not a valid element (e.g., text node, null, undefined), return it as is.\n                return child;\n              })}\n            </FormFieldInputSlot>\n          )}\n          {context.description && (\n            <FormFieldDescriptionSlot\n              {...descriptionProps}\n              {...context.descriptionSlotProps}\n            >\n              {context.description}\n            </FormFieldDescriptionSlot>\n          )}\n          {isInvalid && context.error && (\n            <FormFieldErrorSlot\n              {...errorMessageProps}\n              {...context.errorSlotProps}\n            >\n              <Box\n                as={ErrorOutline}\n                display=\"inline-flex\"\n                boxSize=\"400\"\n                verticalAlign=\"text-bottom\"\n                mr=\"100\"\n              />\n              {context.error}\n            </FormFieldErrorSlot>\n          )}\n          {children}\n        </FormFieldRootSlot>\n      </FormFieldContext.Provider>\n    );\n  }\n);\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldLabelSlotProps } from \"../form-field.slots\";\n\nexport const FormFieldLabel = ({\n  children,\n  ...labelSlotProps\n}: FormFieldLabelSlotProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      label: children,\n      labelSlotProps,\n    }));\n  }, [children, setContext]);\n\n  return null;\n};\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldInputSlotProps } from \"../form-field.slots\";\n\nexport const FormFieldInput = ({\n  children,\n  ...inputSlotProps\n}: FormFieldInputSlotProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      input: children,\n      inputSlotProps,\n    }));\n  }, [children, setContext]);\n\n  return null;\n};\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldDescriptionSlotProps } from \"../form-field.slots\";\n\nexport const FormFieldDescription = ({\n  children,\n  ...descriptionSlotProps\n}: FormFieldDescriptionSlotProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      description: children,\n      descriptionSlotProps,\n    }));\n  }, [children, setContext]);\n\n  return null;\n};\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldErrorSlotProps } from \"../form-field.slots\";\n\nexport const FormFieldError = ({\n  children,\n  ...errorSlotProps\n}: FormFieldErrorSlotProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      error: children,\n      errorSlotProps,\n    }));\n  }, [children, setContext]);\n\n  return null;\n};\n","import { useContext, useEffect, type ReactNode } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\n\ntype FormFieldInfoBoxProps = {\n  /**\n   * The content to display in the InfoBox\n   */\n  children: ReactNode;\n};\n\nexport const FormFieldInfoBox = ({ children }: FormFieldInfoBoxProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      info: children,\n    }));\n  }, [children, setContext]);\n\n  return null;\n};\n","import { FormFieldRoot } from \"./components/form-field.root\";\nimport { FormFieldLabel } from \"./components/form-field.label\";\nimport { FormFieldInput } from \"./components/form-field.input\";\nimport { FormFieldDescription } from \"./components/form-field.description\";\nimport { FormFieldError } from \"./components/form-field.error\";\nimport { FormFieldInfoBox } from \"./components/form-field.info-box\";\n\nexport const FormField = {\n  Root: FormFieldRoot,\n  Label: FormFieldLabel,\n  Input: FormFieldInput,\n  Description: FormFieldDescription,\n  Error: FormFieldError,\n  InfoBox: FormFieldInfoBox,\n};\n\nexport {\n  FormFieldRoot as _FormFieldRoot,\n  FormFieldLabel as _FormFieldLabel,\n  FormFieldInput as _FormFieldInput,\n  FormFieldDescription as _FormFieldDescription,\n  FormFieldError as _FormFieldError,\n  FormFieldInfoBox as _FormFieldInfoBox,\n};\n"],"names":["FormFieldContext","createContext","columnLayout","rowLayout","formFieldRecipe","defineSlotRecipe","withProvider","withContext","createSlotRecipeContext","FormFieldRootSlot","FormFieldLabelSlot","FormFieldInputSlot","FormFieldDescriptionSlot","FormFieldErrorSlot","FormFieldPopoverSlot","FormFieldRoot","forwardRef","isInvalid","isRequired","isDisabled","isReadOnly","children","props","ref","context","setContext","useState","useFieldArgs","labelProps","fieldProps","descriptionProps","errorMessageProps","useField","useEffect","prevContext","inputProps","jsx","jsxs","DialogTrigger","Box","IconButton","HelpOutline","Popover","Dialog","Children","child","isValidElement","cloneElement","ErrorOutline","FormFieldLabel","labelSlotProps","useContext","FormFieldInput","inputSlotProps","FormFieldDescription","descriptionSlotProps","FormFieldError","errorSlotProps","FormFieldInfoBox","FormField"],"mappings":"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"}

package/dist/chunks/grid-CugcJxRP.es.js

@@ -1,14 +0,0 @@
-import { jsx as i } from "react/jsx-runtime";
-import { GridItem as e, Grid as m } from "@chakra-ui/react";
-const r = (t) => {
-  const { ref: o, ...s } = t;
-  return /* @__PURE__ */ i(m, { ref: o, ...s });
-};
-r.displayName = "Grid";
-const G = /* @__PURE__ */ Object.assign(r, {
-  Item: e
-});
-export {
-  G
-};
-//# sourceMappingURL=grid-CugcJxRP.es.js.map

package/dist/chunks/grid-CugcJxRP.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"grid-CugcJxRP.es.js","sources":["../../src/components/grid/grid.tsx"],"sourcesContent":["import {\n  Grid as ChakraGrid,\n  GridItem,\n  type GridProps as ChakraGridProps,\n} from \"@chakra-ui/react\";\n\n/**\n * Grid\n * ============================================================\n * The Grid Layout Component provides a flexible and responsive way to structure content using a two-dimensional grid system. It allows elements to be arranged in rows and columns, enabling dynamic and efficient layouts for different screen sizes.\n *\n * Features:\n *\n * - allows forwarding refs to the underlying DOM element\n */\nexport interface GridProps extends ChakraGridProps {\n  children?: React.ReactNode;\n  ref?: React.Ref<HTMLDivElement>;\n}\n\nconst GridComponent = (props: GridProps) => {\n  const { ref, ...restProps } = props;\n  return <ChakraGrid ref={ref} {...restProps} />;\n};\n\nGridComponent.displayName = \"Grid\";\n\nexport const Grid = Object.assign(GridComponent, {\n  Item: GridItem,\n});\n"],"names":["GridComponent","props","ref","restProps","jsx","ChakraGrid","Grid","GridItem"],"mappings":";;AAoBA,MAAMA,IAAgB,CAACC,MAAqB;AAC1C,QAAM,EAAE,KAAAC,GAAK,GAAGC,EAAA,IAAcF;AAC9B,SAAO,gBAAAG,EAACC,GAAA,EAAW,KAAAH,GAAW,GAAGC,EAAA,CAAW;AAC9C;AAEAH,EAAc,cAAc;AAErB,MAAMM,IAAO,uBAAO,OAAON,GAAe;AAAA,EAC/C,MAAMO;AACR,CAAC;"}

package/dist/chunks/grid-xr2A-OqD.cjs.js

@@ -1,2 +0,0 @@
-"use strict";const n=require("react/jsx-runtime"),r=require("@chakra-ui/react"),e=t=>{const{ref:s,...i}=t;return n.jsx(r.Grid,{ref:s,...i})};e.displayName="Grid";const c=Object.assign(e,{Item:r.GridItem});exports.Grid=c;
-//# sourceMappingURL=grid-xr2A-OqD.cjs.js.map

package/dist/chunks/grid-xr2A-OqD.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"grid-xr2A-OqD.cjs.js","sources":["../../src/components/grid/grid.tsx"],"sourcesContent":["import {\n  Grid as ChakraGrid,\n  GridItem,\n  type GridProps as ChakraGridProps,\n} from \"@chakra-ui/react\";\n\n/**\n * Grid\n * ============================================================\n * The Grid Layout Component provides a flexible and responsive way to structure content using a two-dimensional grid system. It allows elements to be arranged in rows and columns, enabling dynamic and efficient layouts for different screen sizes.\n *\n * Features:\n *\n * - allows forwarding refs to the underlying DOM element\n */\nexport interface GridProps extends ChakraGridProps {\n  children?: React.ReactNode;\n  ref?: React.Ref<HTMLDivElement>;\n}\n\nconst GridComponent = (props: GridProps) => {\n  const { ref, ...restProps } = props;\n  return <ChakraGrid ref={ref} {...restProps} />;\n};\n\nGridComponent.displayName = \"Grid\";\n\nexport const Grid = Object.assign(GridComponent, {\n  Item: GridItem,\n});\n"],"names":["GridComponent","props","ref","restProps","jsx","ChakraGrid","Grid","GridItem"],"mappings":"gFAoBMA,EAAiBC,GAAqB,CAC1C,KAAM,CAAE,IAAAC,EAAK,GAAGC,CAAA,EAAcF,EAC9B,OAAOG,EAAAA,IAACC,EAAAA,KAAA,CAAW,IAAAH,EAAW,GAAGC,CAAA,CAAW,CAC9C,EAEAH,EAAc,YAAc,OAErB,MAAMM,EAAO,OAAO,OAAON,EAAe,CAC/C,KAAMO,EAAAA,QACR,CAAC"}

package/dist/chunks/icon-BFNYuilh.es.js

@@ -1,31 +0,0 @@
-import { jsx as s } from "react/jsx-runtime";
-import { defineRecipe as t, createRecipeContext as n } from "@chakra-ui/react";
-const c = /* @__PURE__ */ t({
-  className: "nimbus-icon",
-  base: {
-    display: "inline-block"
-  },
-  variants: {
-    /**
-     * allows applying a predefined size to the icon
-     */
-    size: {
-      "2xs": { boxSize: "600" },
-      xs: { boxSize: "800" },
-      sm: { boxSize: "900" },
-      md: { boxSize: "1000" },
-      lg: { boxSize: "1200" },
-      xl: { boxSize: "1400" }
-    }
-  }
-}), { withContext: r } = /* @__PURE__ */ n({ recipe: c }), x = /* @__PURE__ */ r(
-  "svg"
-), a = (o) => {
-  const { ref: i, ...e } = o;
-  return /* @__PURE__ */ s(x, { ref: i, asChild: !e.as, ...e });
-};
-a.displayName = "Icon";
-export {
-  a as I
-};
-//# sourceMappingURL=icon-BFNYuilh.es.js.map

package/dist/chunks/icon-BFNYuilh.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon-BFNYuilh.es.js","sources":["../../src/components/icon/icon.recipe.tsx","../../src/components/icon/icon.slots.tsx","../../src/components/icon/icon.tsx"],"sourcesContent":["import { defineRecipe } from \"@chakra-ui/react\";\n\n/**\n * Recipe configuration for the Icon component.\n * Defines the styling variants and base styles using Chakra UI's recipe system.\n */\nexport const iconRecipe = defineRecipe({\n  className: \"nimbus-icon\",\n  base: {\n    display: \"inline-block\",\n  },\n\n  variants: {\n    /**\n     * allows applying a predefined size to the icon\n     */\n    size: {\n      \"2xs\": { boxSize: \"600\" },\n      xs: { boxSize: \"800\" },\n      sm: { boxSize: \"900\" },\n      md: { boxSize: \"1000\" },\n      lg: { boxSize: \"1200\" },\n      xl: { boxSize: \"1400\" },\n    },\n  },\n});\n","import {\n  type HTMLChakraProps,\n  type RecipeProps,\n  type UnstyledProp,\n  createRecipeContext,\n} from \"@chakra-ui/react\";\n\nimport { iconRecipe } from \"./icon.recipe\";\n\n/**\n * Base recipe props interface that combines Chakra UI's recipe props\n * with the unstyled prop option for the svg element.\n */\ninterface IconRecipeProps extends RecipeProps<\"svg\">, UnstyledProp {}\n\n/**\n * Root props interface that extends Chakra's HTML props with our recipe props.\n * This creates a complete set of props for the root element, combining\n * HTML attributes, Chakra's styling system, and our custom recipe props.\n */\nexport interface IconRootSlotProps\n  extends HTMLChakraProps<\"svg\", IconRecipeProps> {}\n\nconst { withContext } = createRecipeContext({ recipe: iconRecipe });\n\n/**\n * Root component that provides the styling context for the Icon component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const IconRootSlot = withContext<SVGSVGElement, IconRootSlotProps>(\n  \"svg\"\n);\n","import { IconRootSlot } from \"./icon.slots\";\nimport type { IconProps } from \"./icon.types\";\n\n/**\n * Icon\n * displays icon components\n */\nexport const Icon = (props: IconProps) => {\n  const { ref, ...restProps } = props;\n  return <IconRootSlot ref={ref} asChild={!restProps.as} {...restProps} />;\n};\n\nIcon.displayName = \"Icon\";\n"],"names":["iconRecipe","defineRecipe","withContext","createRecipeContext","IconRootSlot","Icon","props","ref","restProps","jsx"],"mappings":";;AAMO,MAAMA,IAAa,gBAAAC,EAAa;AAAA,EACrC,WAAW;AAAA,EACX,MAAM;AAAA,IACJ,SAAS;AAAA,EAAA;AAAA,EAGX,UAAU;AAAA;AAAA;AAAA;AAAA,IAIR,MAAM;AAAA,MACJ,OAAO,EAAE,SAAS,MAAA;AAAA,MAClB,IAAI,EAAE,SAAS,MAAA;AAAA,MACf,IAAI,EAAE,SAAS,MAAA;AAAA,MACf,IAAI,EAAE,SAAS,OAAA;AAAA,MACf,IAAI,EAAE,SAAS,OAAA;AAAA,MACf,IAAI,EAAE,SAAS,OAAA;AAAA,IAAO;AAAA,EACxB;AAEJ,CAAC,GCFK,EAAE,aAAAC,EAAA,IAAgB,gBAAAC,EAAoB,EAAE,QAAQH,GAAY,GAMrDI,IAAe,gBAAAF;AAAA,EAC1B;AACF,GCxBaG,IAAO,CAACC,MAAqB;AACxC,QAAM,EAAE,KAAAC,GAAK,GAAGC,EAAA,IAAcF;AAC9B,SAAO,gBAAAG,EAACL,KAAa,KAAAG,GAAU,SAAS,CAACC,EAAU,IAAK,GAAGA,GAAW;AACxE;AAEAH,EAAK,cAAc;"}

package/dist/chunks/icon-D50i-dqv.cjs.js

@@ -1,2 +0,0 @@
-"use strict";const n=require("react/jsx-runtime"),s=require("@chakra-ui/react"),t=s.defineRecipe({className:"nimbus-icon",base:{display:"inline-block"},variants:{size:{"2xs":{boxSize:"600"},xs:{boxSize:"800"},sm:{boxSize:"900"},md:{boxSize:"1000"},lg:{boxSize:"1200"},xl:{boxSize:"1400"}}}}),{withContext:r}=s.createRecipeContext({recipe:t}),x=r("svg"),i=o=>{const{ref:c,...e}=o;return n.jsx(x,{ref:c,asChild:!e.as,...e})};i.displayName="Icon";exports.Icon=i;
-//# sourceMappingURL=icon-D50i-dqv.cjs.js.map

package/dist/chunks/icon-D50i-dqv.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon-D50i-dqv.cjs.js","sources":["../../src/components/icon/icon.recipe.tsx","../../src/components/icon/icon.slots.tsx","../../src/components/icon/icon.tsx"],"sourcesContent":["import { defineRecipe } from \"@chakra-ui/react\";\n\n/**\n * Recipe configuration for the Icon component.\n * Defines the styling variants and base styles using Chakra UI's recipe system.\n */\nexport const iconRecipe = defineRecipe({\n  className: \"nimbus-icon\",\n  base: {\n    display: \"inline-block\",\n  },\n\n  variants: {\n    /**\n     * allows applying a predefined size to the icon\n     */\n    size: {\n      \"2xs\": { boxSize: \"600\" },\n      xs: { boxSize: \"800\" },\n      sm: { boxSize: \"900\" },\n      md: { boxSize: \"1000\" },\n      lg: { boxSize: \"1200\" },\n      xl: { boxSize: \"1400\" },\n    },\n  },\n});\n","import {\n  type HTMLChakraProps,\n  type RecipeProps,\n  type UnstyledProp,\n  createRecipeContext,\n} from \"@chakra-ui/react\";\n\nimport { iconRecipe } from \"./icon.recipe\";\n\n/**\n * Base recipe props interface that combines Chakra UI's recipe props\n * with the unstyled prop option for the svg element.\n */\ninterface IconRecipeProps extends RecipeProps<\"svg\">, UnstyledProp {}\n\n/**\n * Root props interface that extends Chakra's HTML props with our recipe props.\n * This creates a complete set of props for the root element, combining\n * HTML attributes, Chakra's styling system, and our custom recipe props.\n */\nexport interface IconRootSlotProps\n  extends HTMLChakraProps<\"svg\", IconRecipeProps> {}\n\nconst { withContext } = createRecipeContext({ recipe: iconRecipe });\n\n/**\n * Root component that provides the styling context for the Icon component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const IconRootSlot = withContext<SVGSVGElement, IconRootSlotProps>(\n  \"svg\"\n);\n","import { IconRootSlot } from \"./icon.slots\";\nimport type { IconProps } from \"./icon.types\";\n\n/**\n * Icon\n * displays icon components\n */\nexport const Icon = (props: IconProps) => {\n  const { ref, ...restProps } = props;\n  return <IconRootSlot ref={ref} asChild={!restProps.as} {...restProps} />;\n};\n\nIcon.displayName = \"Icon\";\n"],"names":["iconRecipe","defineRecipe","withContext","createRecipeContext","IconRootSlot","Icon","props","ref","restProps","jsx"],"mappings":"gFAMaA,EAAaC,EAAAA,aAAa,CACrC,UAAW,cACX,KAAM,CACJ,QAAS,cAAA,EAGX,SAAU,CAIR,KAAM,CACJ,MAAO,CAAE,QAAS,KAAA,EAClB,GAAI,CAAE,QAAS,KAAA,EACf,GAAI,CAAE,QAAS,KAAA,EACf,GAAI,CAAE,QAAS,MAAA,EACf,GAAI,CAAE,QAAS,MAAA,EACf,GAAI,CAAE,QAAS,MAAA,CAAO,CACxB,CAEJ,CAAC,ECFK,CAAE,YAAAC,CAAA,EAAgBC,EAAAA,oBAAoB,CAAE,OAAQH,EAAY,EAMrDI,EAAeF,EAC1B,KACF,ECxBaG,EAAQC,GAAqB,CACxC,KAAM,CAAE,IAAAC,EAAK,GAAGC,CAAA,EAAcF,EAC9B,OAAOG,EAAAA,IAACL,GAAa,IAAAG,EAAU,QAAS,CAACC,EAAU,GAAK,GAAGA,EAAW,CACxE,EAEAH,EAAK,YAAc"}

package/dist/chunks/icon-button-CPBzhg2C.es.js

@@ -1,14 +0,0 @@
-import { jsx as m } from "react/jsx-runtime";
-import { useRef as n } from "react";
-import { mergeRefs as p } from "@chakra-ui/react";
-import { B as a } from "./button-DPZ4gynI.es.js";
-import { $ as c } from "./useObjectRef-CaJ5pgjX.es.js";
-const i = (o) => {
-  const { children: r, ref: t, ...e } = o, f = n(null), s = c(p(f, t));
-  return /* @__PURE__ */ m(a, { px: 0, py: 0, ...e, ref: s, children: r });
-};
-i.displayName = "IconButton";
-export {
-  i as I
-};
-//# sourceMappingURL=icon-button-CPBzhg2C.es.js.map

package/dist/chunks/icon-button-CPBzhg2C.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon-button-CPBzhg2C.es.js","sources":["../../src/components/icon-button/icon-button.tsx"],"sourcesContent":["import { useRef } from \"react\";\nimport { useObjectRef } from \"react-aria\";\nimport { mergeRefs } from \"@chakra-ui/react\";\nimport type { IconButtonProps } from \"./icon-button.types\";\nimport { Button } from \"@/components\";\n\n/**\n * IconButton\n * ============================================================\n * displays a button with only an icon as child. It is based\n * on the regular `Button` component, but with a few adjustments.\n */\nexport const IconButton = (props: IconButtonProps) => {\n  const { children, ref: forwardedRef, ...restProps } = props;\n\n  // Create a local ref and merge with forwarded ref\n  const localRef = useRef<HTMLButtonElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  return (\n    <Button px={0} py={0} {...restProps} ref={ref}>\n      {children}\n    </Button>\n  );\n};\n\nIconButton.displayName = \"IconButton\";\n"],"names":["IconButton","props","children","forwardedRef","restProps","localRef","useRef","ref","useObjectRef","mergeRefs","jsx","Button"],"mappings":";;;;;AAYO,MAAMA,IAAa,CAACC,MAA2B;AACpD,QAAM,EAAE,UAAAC,GAAU,KAAKC,GAAc,GAAGC,MAAcH,GAGhDI,IAAWC,EAA0B,IAAI,GACzCC,IAAMC,EAAaC,EAAUJ,GAAUF,CAAY,CAAC;AAE1D,SACE,gBAAAO,EAACC,KAAO,IAAI,GAAG,IAAI,GAAI,GAAGP,GAAW,KAAAG,GAClC,UAAAL,EAAA,CACH;AAEJ;AAEAF,EAAW,cAAc;"}

package/dist/chunks/icon-button-QwpNTUZ8.cjs.js

@@ -1,2 +0,0 @@
-"use strict";const u=require("react/jsx-runtime"),f=require("react"),i=require("@chakra-ui/react"),a=require("./button-DhrBalPi.cjs.js"),d=require("./useObjectRef-4v2MxSjQ.cjs.js"),e=t=>{const{children:r,ref:n,...o}=t,s=f.useRef(null),c=d.$df56164dff5785e2$export$4338b53315abf666(i.mergeRefs(s,n));return u.jsx(a.Button,{px:0,py:0,...o,ref:c,children:r})};e.displayName="IconButton";exports.IconButton=e;
-//# sourceMappingURL=icon-button-QwpNTUZ8.cjs.js.map

package/dist/chunks/icon-button-QwpNTUZ8.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon-button-QwpNTUZ8.cjs.js","sources":["../../src/components/icon-button/icon-button.tsx"],"sourcesContent":["import { useRef } from \"react\";\nimport { useObjectRef } from \"react-aria\";\nimport { mergeRefs } from \"@chakra-ui/react\";\nimport type { IconButtonProps } from \"./icon-button.types\";\nimport { Button } from \"@/components\";\n\n/**\n * IconButton\n * ============================================================\n * displays a button with only an icon as child. It is based\n * on the regular `Button` component, but with a few adjustments.\n */\nexport const IconButton = (props: IconButtonProps) => {\n  const { children, ref: forwardedRef, ...restProps } = props;\n\n  // Create a local ref and merge with forwarded ref\n  const localRef = useRef<HTMLButtonElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  return (\n    <Button px={0} py={0} {...restProps} ref={ref}>\n      {children}\n    </Button>\n  );\n};\n\nIconButton.displayName = \"IconButton\";\n"],"names":["IconButton","props","children","forwardedRef","restProps","localRef","useRef","ref","useObjectRef","mergeRefs","jsx","Button"],"mappings":"qLAYaA,EAAcC,GAA2B,CACpD,KAAM,CAAE,SAAAC,EAAU,IAAKC,EAAc,GAAGC,GAAcH,EAGhDI,EAAWC,EAAAA,OAA0B,IAAI,EACzCC,EAAMC,EAAAA,0CAAaC,EAAAA,UAAUJ,EAAUF,CAAY,CAAC,EAE1D,OACEO,MAACC,EAAAA,QAAO,GAAI,EAAG,GAAI,EAAI,GAAGP,EAAW,IAAAG,EAClC,SAAAL,CAAA,CACH,CAEJ,EAEAF,EAAW,YAAc"}

package/dist/chunks/image-DCirAAnr.cjs.js

@@ -1,2 +0,0 @@
-"use strict";const s=require("react/jsx-runtime"),t=require("@chakra-ui/react"),e=r=>s.jsx(t.Image,{...r});e.displayName="Image";exports.Image=e;
-//# sourceMappingURL=image-DCirAAnr.cjs.js.map

package/dist/chunks/image-DCirAAnr.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"image-DCirAAnr.cjs.js","sources":["../../src/components/image/image.tsx"],"sourcesContent":["import {\n  Image as ChakraImage,\n  type ImageProps as ChakraImageProps,\n} from \"@chakra-ui/react\";\n\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface ImageProps extends ChakraImageProps {}\n\n/**\n * Image\n *\n * Use this component to display an image.\n */\nexport const Image = (props: ImageProps) => {\n  return <ChakraImage {...props} />;\n};\n\nImage.displayName = \"Image\";\n"],"names":["Image","props","jsx","ChakraImage"],"mappings":"gFAaaA,EAASC,GACbC,MAACC,EAAAA,MAAA,CAAa,GAAGF,CAAA,CAAO,EAGjCD,EAAM,YAAc"}

package/dist/chunks/image-rXPA3shk.es.js

@@ -1,8 +0,0 @@
-import { jsx as a } from "react/jsx-runtime";
-import { Image as e } from "@chakra-ui/react";
-const r = (m) => /* @__PURE__ */ a(e, { ...m });
-r.displayName = "Image";
-export {
-  r as I
-};
-//# sourceMappingURL=image-rXPA3shk.es.js.map

package/dist/chunks/image-rXPA3shk.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"image-rXPA3shk.es.js","sources":["../../src/components/image/image.tsx"],"sourcesContent":["import {\n  Image as ChakraImage,\n  type ImageProps as ChakraImageProps,\n} from \"@chakra-ui/react\";\n\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface ImageProps extends ChakraImageProps {}\n\n/**\n * Image\n *\n * Use this component to display an image.\n */\nexport const Image = (props: ImageProps) => {\n  return <ChakraImage {...props} />;\n};\n\nImage.displayName = \"Image\";\n"],"names":["Image","props","jsx","ChakraImage"],"mappings":";;AAaO,MAAMA,IAAQ,CAACC,MACb,gBAAAC,EAACC,GAAA,EAAa,GAAGF,EAAA,CAAO;AAGjCD,EAAM,cAAc;"}

package/dist/chunks/kbd-Bkhw9E6L.cjs.js

@@ -1,2 +0,0 @@
-"use strict";const i=require("react/jsx-runtime"),d=require("./utils-sWqo2nmW.cjs.js"),f=require("./Keyboard-rYf2KxZN.cjs.js"),t=require("@chakra-ui/react"),u=require("react"),a=require("./kbd.recipe-UlkJJrC8.cjs.js"),b=require("./useObjectRef-4v2MxSjQ.cjs.js"),{withContext:$}=t.createRecipeContext({recipe:a.kbdRecipe}),R=$("kbd"),l=({ref:r,slot:o,...c})=>{const s=u.useRef(null),e=b.$df56164dff5785e2$export$4338b53315abf666(t.mergeRefs(s,r)),[n]=d.$64fa3d84918910a7$export$29f1550f4b0d4415(c,e,f.$63df2425e2108aa8$export$744d98a3b8a94e1c);return i.jsx(R,{ref:e,slot:o||void 0,...n})};exports.Kbd=l;
-//# sourceMappingURL=kbd-Bkhw9E6L.cjs.js.map

package/dist/chunks/kbd-Bkhw9E6L.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"kbd-Bkhw9E6L.cjs.js","sources":["../../src/components/kbd/kbd.slots.ts","../../src/components/kbd/kbd.tsx"],"sourcesContent":["import {\n  type HTMLChakraProps,\n  type RecipeProps,\n  type UnstyledProp,\n  createRecipeContext,\n} from \"@chakra-ui/react\";\n\nimport { kbdRecipe } from \"./kbd.recipe\";\n\n/**\n * Base recipe props interface that combines Chakra UI's recipe props\n * with the unstyled prop option for the svg element.\n */\ninterface KbdRecipeProps extends RecipeProps<\"kbd\">, UnstyledProp {}\n\n/**\n * Root props interface that extends Chakra's HTML props with our recipe props.\n * This creates a complete set of props for the root element, combining\n * HTML attributes, Chakra's styling system, and our custom recipe props.\n */\nexport interface KbdRootSlotProps\n  extends HTMLChakraProps<\"kbd\", KbdRecipeProps> {}\n\nconst { withContext } = createRecipeContext({ recipe: kbdRecipe });\n\n/**\n * Root component that provides the styling context for the Icon component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const KbdRootSlot = withContext<HTMLElement, KbdRootSlotProps>(\"kbd\");\n","import { KeyboardContext, useContextProps } from \"react-aria-components\";\nimport { mergeRefs, type KbdProps as ChakraKbdProps } from \"@chakra-ui/react\";\nimport { useRef } from \"react\";\nimport type React from \"react\";\nimport { useObjectRef } from \"react-aria\";\nimport { KbdRootSlot } from \"./kbd.slots\";\n\nexport interface KbdProps extends Omit<ChakraKbdProps, \"slot\"> {\n  ref?: React.Ref<HTMLElement>;\n  slot?: string | null | undefined;\n}\n\n/**\n * Kbd component\n *\n * Renders a keyboard shortcut or key combination, styled for visual clarity.\n * Typically used to visually represent keyboard keys\n */\nexport const Kbd = ({ ref: forwardedRef, slot, ...props }: KbdProps) => {\n  const localRef = useRef<HTMLElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n  const [rest] = useContextProps(props, ref, KeyboardContext);\n\n  return <KbdRootSlot ref={ref} slot={slot || undefined} {...rest} />;\n};\n"],"names":["withContext","createRecipeContext","kbdRecipe","KbdRootSlot","Kbd","forwardedRef","slot","props","localRef","useRef","ref","useObjectRef","mergeRefs","rest","useContextProps","KeyboardContext"],"mappings":"sQAuBM,CAAE,YAAAA,CAAA,EAAgBC,EAAAA,oBAAoB,CAAE,OAAQC,EAAAA,UAAW,EAMpDC,EAAcH,EAA2C,KAAK,ECX9DI,EAAM,CAAC,CAAE,IAAKC,EAAc,KAAAC,EAAM,GAAGC,KAAsB,CACtE,MAAMC,EAAWC,EAAAA,OAAoB,IAAI,EACnCC,EAAMC,EAAAA,0CAAaC,EAAAA,UAAUJ,EAAUH,CAAY,CAAC,EACpD,CAACQ,CAAI,EAAIC,EAAAA,0CAAgBP,EAAOG,EAAKK,EAAAA,yCAAe,EAE1D,aAAQZ,EAAA,CAAY,IAAAO,EAAU,KAAMJ,GAAQ,OAAY,GAAGO,EAAM,CACnE"}

package/dist/chunks/kbd-Gxvodc1U.es.js

@@ -1,15 +0,0 @@
-import { jsx as m } from "react/jsx-runtime";
-import { $ as a } from "./utils-CEdpnSRC.es.js";
-import { $ as p } from "./Keyboard-Clnp4zAC.es.js";
-import { createRecipeContext as c, mergeRefs as i } from "@chakra-ui/react";
-import { useRef as $ } from "react";
-import { k as d } from "./kbd.recipe-BONVaPQN.es.js";
-import { $ as n } from "./useObjectRef-CaJ5pgjX.es.js";
-const { withContext: b } = /* @__PURE__ */ c({ recipe: d }), x = /* @__PURE__ */ b("kbd"), h = ({ ref: t, slot: e, ...r }) => {
-  const f = $(null), o = n(i(f, t)), [s] = a(r, o, p);
-  return /* @__PURE__ */ m(x, { ref: o, slot: e || void 0, ...s });
-};
-export {
-  h as K
-};
-//# sourceMappingURL=kbd-Gxvodc1U.es.js.map

package/dist/chunks/kbd-Gxvodc1U.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"kbd-Gxvodc1U.es.js","sources":["../../src/components/kbd/kbd.slots.ts","../../src/components/kbd/kbd.tsx"],"sourcesContent":["import {\n  type HTMLChakraProps,\n  type RecipeProps,\n  type UnstyledProp,\n  createRecipeContext,\n} from \"@chakra-ui/react\";\n\nimport { kbdRecipe } from \"./kbd.recipe\";\n\n/**\n * Base recipe props interface that combines Chakra UI's recipe props\n * with the unstyled prop option for the svg element.\n */\ninterface KbdRecipeProps extends RecipeProps<\"kbd\">, UnstyledProp {}\n\n/**\n * Root props interface that extends Chakra's HTML props with our recipe props.\n * This creates a complete set of props for the root element, combining\n * HTML attributes, Chakra's styling system, and our custom recipe props.\n */\nexport interface KbdRootSlotProps\n  extends HTMLChakraProps<\"kbd\", KbdRecipeProps> {}\n\nconst { withContext } = createRecipeContext({ recipe: kbdRecipe });\n\n/**\n * Root component that provides the styling context for the Icon component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const KbdRootSlot = withContext<HTMLElement, KbdRootSlotProps>(\"kbd\");\n","import { KeyboardContext, useContextProps } from \"react-aria-components\";\nimport { mergeRefs, type KbdProps as ChakraKbdProps } from \"@chakra-ui/react\";\nimport { useRef } from \"react\";\nimport type React from \"react\";\nimport { useObjectRef } from \"react-aria\";\nimport { KbdRootSlot } from \"./kbd.slots\";\n\nexport interface KbdProps extends Omit<ChakraKbdProps, \"slot\"> {\n  ref?: React.Ref<HTMLElement>;\n  slot?: string | null | undefined;\n}\n\n/**\n * Kbd component\n *\n * Renders a keyboard shortcut or key combination, styled for visual clarity.\n * Typically used to visually represent keyboard keys\n */\nexport const Kbd = ({ ref: forwardedRef, slot, ...props }: KbdProps) => {\n  const localRef = useRef<HTMLElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n  const [rest] = useContextProps(props, ref, KeyboardContext);\n\n  return <KbdRootSlot ref={ref} slot={slot || undefined} {...rest} />;\n};\n"],"names":["withContext","createRecipeContext","kbdRecipe","KbdRootSlot","Kbd","forwardedRef","slot","props","localRef","useRef","ref","useObjectRef","mergeRefs","rest","useContextProps","KeyboardContext"],"mappings":";;;;;;;AAuBA,MAAM,EAAE,aAAAA,EAAA,IAAgB,gBAAAC,EAAoB,EAAE,QAAQC,GAAW,GAMpDC,IAAc,gBAAAH,EAA2C,KAAK,GCX9DI,IAAM,CAAC,EAAE,KAAKC,GAAc,MAAAC,GAAM,GAAGC,QAAsB;AACtE,QAAMC,IAAWC,EAAoB,IAAI,GACnCC,IAAMC,EAAaC,EAAUJ,GAAUH,CAAY,CAAC,GACpD,CAACQ,CAAI,IAAIC,EAAgBP,GAAOG,GAAKK,CAAe;AAE1D,2BAAQZ,GAAA,EAAY,KAAAO,GAAU,MAAMJ,KAAQ,QAAY,GAAGO,GAAM;AACnE;"}

package/dist/chunks/kbd.recipe-BONVaPQN.es.js

@@ -1,26 +0,0 @@
-import { defineRecipe as e } from "@chakra-ui/react";
-const i = /* @__PURE__ */ e({
-  className: "nimbus-kbd",
-  base: {
-    display: "inline-flex",
-    color: "inherit",
-    fontSize: ".875em",
-    lineHeight: "1",
-    alignItems: "center",
-    fontWeight: "500",
-    fontFamily: "mono",
-    flexShrink: "0",
-    whiteSpace: "nowrap",
-    userSelect: "none",
-    px: "150",
-    py: "100",
-    borderRadius: "100",
-    border: "solid-25",
-    borderBottom: "solid-50",
-    borderColor: "currentColor"
-  }
-});
-export {
-  i as k
-};
-//# sourceMappingURL=kbd.recipe-BONVaPQN.es.js.map

package/dist/chunks/kbd.recipe-BONVaPQN.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"kbd.recipe-BONVaPQN.es.js","sources":["../../src/components/kbd/kbd.recipe.ts"],"sourcesContent":["import { defineRecipe } from \"@chakra-ui/react\";\n\nexport const kbdRecipe = defineRecipe({\n  className: \"nimbus-kbd\",\n  base: {\n    display: \"inline-flex\",\n    color: \"inherit\",\n    fontSize: \".875em\",\n    lineHeight: \"1\",\n    alignItems: \"center\",\n    fontWeight: \"500\",\n    fontFamily: \"mono\",\n    flexShrink: \"0\",\n    whiteSpace: \"nowrap\",\n    userSelect: \"none\",\n    px: \"150\",\n    py: \"100\",\n    borderRadius: \"100\",\n    border: \"solid-25\",\n    borderBottom: \"solid-50\",\n    borderColor: \"currentColor\",\n  },\n});\n"],"names":["kbdRecipe","defineRecipe"],"mappings":";AAEO,MAAMA,IAAY,gBAAAC,EAAa;AAAA,EACpC,WAAW;AAAA,EACX,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,OAAO;AAAA,IACP,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,cAAc;AAAA,IACd,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,aAAa;AAAA,EAAA;AAEjB,CAAC;"}

package/dist/chunks/kbd.recipe-UlkJJrC8.cjs.js

@@ -1,2 +0,0 @@
-"use strict";const e=require("@chakra-ui/react"),i=e.defineRecipe({className:"nimbus-kbd",base:{display:"inline-flex",color:"inherit",fontSize:".875em",lineHeight:"1",alignItems:"center",fontWeight:"500",fontFamily:"mono",flexShrink:"0",whiteSpace:"nowrap",userSelect:"none",px:"150",py:"100",borderRadius:"100",border:"solid-25",borderBottom:"solid-50",borderColor:"currentColor"}});exports.kbdRecipe=i;
-//# sourceMappingURL=kbd.recipe-UlkJJrC8.cjs.js.map

package/dist/chunks/kbd.recipe-UlkJJrC8.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"kbd.recipe-UlkJJrC8.cjs.js","sources":["../../src/components/kbd/kbd.recipe.ts"],"sourcesContent":["import { defineRecipe } from \"@chakra-ui/react\";\n\nexport const kbdRecipe = defineRecipe({\n  className: \"nimbus-kbd\",\n  base: {\n    display: \"inline-flex\",\n    color: \"inherit\",\n    fontSize: \".875em\",\n    lineHeight: \"1\",\n    alignItems: \"center\",\n    fontWeight: \"500\",\n    fontFamily: \"mono\",\n    flexShrink: \"0\",\n    whiteSpace: \"nowrap\",\n    userSelect: \"none\",\n    px: \"150\",\n    py: \"100\",\n    borderRadius: \"100\",\n    border: \"solid-25\",\n    borderBottom: \"solid-50\",\n    borderColor: \"currentColor\",\n  },\n});\n"],"names":["kbdRecipe","defineRecipe"],"mappings":"iDAEaA,EAAYC,EAAAA,aAAa,CACpC,UAAW,aACX,KAAM,CACJ,QAAS,cACT,MAAO,UACP,SAAU,SACV,WAAY,IACZ,WAAY,SACZ,WAAY,MACZ,WAAY,OACZ,WAAY,IACZ,WAAY,SACZ,WAAY,OACZ,GAAI,MACJ,GAAI,MACJ,aAAc,MACd,OAAQ,WACR,aAAc,WACd,YAAa,cAAA,CAEjB,CAAC"}

package/dist/chunks/link-DJmmcif9.cjs.js

@@ -1,2 +0,0 @@
-"use strict";const h=require("react/jsx-runtime"),T=require("react"),P=require("@chakra-ui/react"),L=require("./link.recipe-CG3leGAx.cjs.js"),g=require("./useObjectRef-4v2MxSjQ.cjs.js"),$=require("./mergeProps-VvQrkhSh.cjs.js"),v=require("./filterDOMProps-_f3L9QML.cjs.js"),b=require("./openLink-BjodHrGD.cjs.js"),D=require("./usePress-Cqy1fzvV.cjs.js"),y=require("./useFocusable-Bbz310Qf.cjs.js");function E(e,s){let{elementType:n="a",onPress:i,onPressStart:a,onPressEnd:o,onClick:d,isDisabled:t,...l}=e,c={};n!=="a"&&(c={role:"link",tabIndex:t?void 0:0});let{focusableProps:x}=y.$f645667febf57a63$export$4c014de7c8940b4c(e,s),{pressProps:f,isPressed:q}=D.$f6c31cce2adf654f$export$45712eceda6fad21({onPress:i,onPressStart:a,onPressEnd:o,onClick:d,isDisabled:t,ref:s}),R=v.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(l,{labelable:!0}),m=$.$3ef42575df84b30b$export$9d1611c77c2fe928(x,f),p=b.$ea8dcbcb9ea1b556$export$9a302a45f65d0572(),C=b.$ea8dcbcb9ea1b556$export$7e924b3091a3bd18(e);return{isPressed:q,linkProps:$.$3ef42575df84b30b$export$9d1611c77c2fe928(R,C,{...m,...c,"aria-disabled":t||void 0,"aria-current":e["aria-current"],onClick:r=>{var u;(u=f.onClick)===null||u===void 0||u.call(f,r),!p.isNative&&r.currentTarget instanceof HTMLAnchorElement&&r.currentTarget.href&&!r.isDefaultPrevented()&&b.$ea8dcbcb9ea1b556$export$efa8c9099e530235(r.currentTarget,r)&&e.href&&(r.preventDefault(),p.open(r.currentTarget,r,e.href,e.routerOptions))}})}}const{withContext:S}=P.createRecipeContext({recipe:L.linkRecipe}),j=S("a"),k=e=>{const{as:s,asChild:n,children:i,ref:a,...o}=e,d=T.useRef(null),t=g.$df56164dff5785e2$export$4338b53315abf666(P.mergeRefs(d,a)),l=s||(n?"span":"a"),{linkProps:c}=E({...o,elementType:l},t);return h.jsx(j,{...$.$3ef42575df84b30b$export$9d1611c77c2fe928(o,c,{as:s,asChild:n,ref:t}),children:i})};k.displayName="Link";exports.Link=k;
-//# sourceMappingURL=link-DJmmcif9.cjs.js.map

package/dist/chunks/link-DJmmcif9.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"link-DJmmcif9.cjs.js","sources":["../../../../node_modules/.pnpm/@react-aria+link@3.8.3_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/@react-aria/link/dist/useLink.mjs","../../src/components/link/link.slots.tsx","../../src/components/link/link.tsx"],"sourcesContent":["import {filterDOMProps as $5Ot33$filterDOMProps, mergeProps as $5Ot33$mergeProps, useRouter as $5Ot33$useRouter, useLinkProps as $5Ot33$useLinkProps, shouldClientNavigate as $5Ot33$shouldClientNavigate} from \"@react-aria/utils\";\nimport {useFocusable as $5Ot33$useFocusable, usePress as $5Ot33$usePress} from \"@react-aria/interactions\";\n\n/*\n * Copyright 2020 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 $298d61e98472621b$export$dcf14c9974fe2767(props, ref) {\n    let { elementType: elementType = 'a', onPress: onPress, onPressStart: onPressStart, onPressEnd: onPressEnd, onClick: onClick, isDisabled: isDisabled, ...otherProps } = props;\n    let linkProps = {};\n    if (elementType !== 'a') linkProps = {\n        role: 'link',\n        tabIndex: !isDisabled ? 0 : undefined\n    };\n    let { focusableProps: focusableProps } = (0, $5Ot33$useFocusable)(props, ref);\n    let { pressProps: pressProps, isPressed: isPressed } = (0, $5Ot33$usePress)({\n        onPress: onPress,\n        onPressStart: onPressStart,\n        onPressEnd: onPressEnd,\n        onClick: onClick,\n        isDisabled: isDisabled,\n        ref: ref\n    });\n    let domProps = (0, $5Ot33$filterDOMProps)(otherProps, {\n        labelable: true\n    });\n    let interactionHandlers = (0, $5Ot33$mergeProps)(focusableProps, pressProps);\n    let router = (0, $5Ot33$useRouter)();\n    let routerLinkProps = (0, $5Ot33$useLinkProps)(props);\n    return {\n        isPressed: isPressed,\n        linkProps: (0, $5Ot33$mergeProps)(domProps, routerLinkProps, {\n            ...interactionHandlers,\n            ...linkProps,\n            'aria-disabled': isDisabled || undefined,\n            'aria-current': props['aria-current'],\n            onClick: (e)=>{\n                var _pressProps_onClick;\n                (_pressProps_onClick = pressProps.onClick) === null || _pressProps_onClick === void 0 ? void 0 : _pressProps_onClick.call(pressProps, e);\n                // If a custom router is provided, prevent default and forward if this link should client navigate.\n                if (!router.isNative && e.currentTarget instanceof HTMLAnchorElement && e.currentTarget.href && // If props are applied to a router Link component, it may have already prevented default.\n                !e.isDefaultPrevented() && (0, $5Ot33$shouldClientNavigate)(e.currentTarget, e) && props.href) {\n                    e.preventDefault();\n                    router.open(e.currentTarget, e, props.href, props.routerOptions);\n                }\n            }\n        })\n    };\n}\n\n\nexport {$298d61e98472621b$export$dcf14c9974fe2767 as useLink};\n//# sourceMappingURL=useLink.module.js.map\n","import {\n  type HTMLChakraProps,\n  type RecipeProps,\n  type UnstyledProp,\n  createRecipeContext,\n} from \"@chakra-ui/react\";\n\nimport { linkRecipe } from \"./link.recipe\";\n\n/**\n * Base recipe props interface that combines Chakra UI's recipe props\n * with the unstyled prop option for the a element.\n */\ninterface LinkRecipeProps extends RecipeProps<\"a\">, UnstyledProp {}\n\n/**\n * Root props interface that extends Chakra's HTML props with our recipe props.\n * This creates a complete set of props for the root element, combining\n * HTML attributes, Chakra's styling system, and our custom recipe props.\n */\nexport type LinkRootProps = HTMLChakraProps<\"a\", LinkRecipeProps>;\n\nconst { withContext } = createRecipeContext({ recipe: linkRecipe });\n\n/**\n * Root component that provides the styling context for the Link component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const LinkRoot = withContext<HTMLAnchorElement, LinkRootProps>(\"a\");\n","import { useRef } from \"react\";\nimport { LinkRoot } from \"./link.slots\";\nimport type { LinkProps } from \"./link.types\";\nimport { useLink, useObjectRef, mergeProps } from \"react-aria\";\nimport { mergeRefs } from \"@chakra-ui/react\";\n\n/**\n * Link\n * ============================================================\n * To allow a user to navigate to a different page or resource\n *\n * Features:\n *\n * - allows forwarding refs to the underlying DOM element\n * - accepts all native html 'HTMLAnchorElement' attributes (including aria- & data-attributes)\n * - supports 'variants', 'sizes', etc. configured in the recipe\n * - allows overriding styles by using style-props\n * - supports 'asChild' and 'as' to modify the underlying html-element (polymorphic)\n */\nexport const Link = (props: LinkProps) => {\n  const { as, asChild, children, ref: forwardedRef, ...rest } = props;\n\n  const localRef = useRef<HTMLAnchorElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  const elementType = (as as string) || (asChild ? \"span\" : \"a\") || \"a\";\n  const { linkProps } = useLink({ ...rest, elementType }, ref);\n\n  return (\n    <LinkRoot {...mergeProps(rest, linkProps, { as, asChild, ref })}>\n      {children}\n    </LinkRoot>\n  );\n};\n\nLink.displayName = \"Link\";\n"],"names":["$298d61e98472621b$export$dcf14c9974fe2767","props","ref","elementType","onPress","onPressStart","onPressEnd","onClick","isDisabled","otherProps","linkProps","focusableProps","$5Ot33$useFocusable","pressProps","isPressed","$5Ot33$usePress","domProps","$5Ot33$filterDOMProps","interactionHandlers","$5Ot33$mergeProps","router","$5Ot33$useRouter","routerLinkProps","$5Ot33$useLinkProps","e","_pressProps_onClick","$5Ot33$shouldClientNavigate","withContext","createRecipeContext","linkRecipe","LinkRoot","Link","as","asChild","children","forwardedRef","rest","localRef","useRef","useObjectRef","mergeRefs","useLink","jsx","mergeProps"],"mappings":"8YAeA,SAASA,EAA0CC,EAAOC,EAAK,CAC3D,GAAI,CAAE,YAAaC,EAAc,IAAK,QAASC,EAAS,aAAcC,EAAc,WAAYC,EAAY,QAASC,EAAS,WAAYC,EAAY,GAAGC,CAAU,EAAKR,EACpKS,EAAY,CAAA,EACZP,IAAgB,MAAKO,EAAY,CACjC,KAAM,OACN,SAAWF,EAAiB,OAAJ,CAChC,GACI,GAAI,CAAE,eAAgBG,CAAc,EAASC,EAAAA,0CAAqBX,EAAOC,CAAG,EACxE,CAAE,WAAYW,EAAY,UAAWC,CAAS,EAASC,4CAAiB,CACxE,QAASX,EACT,aAAcC,EACd,WAAYC,EACZ,QAASC,EACT,WAAYC,EACZ,IAAKN,CACb,CAAK,EACGc,EAAeC,EAAAA,0CAAuBR,EAAY,CAClD,UAAW,EACnB,CAAK,EACGS,EAA0BC,4CAAmBR,EAAgBE,CAAU,EACvEO,EAAaC,4CAAgB,EAC7BC,EAAsBC,EAAAA,0CAAqBtB,CAAK,EACpD,MAAO,CACH,UAAWa,EACX,UAAeK,EAAAA,0CAAmBH,EAAUM,EAAiB,CACzD,GAAGJ,EACH,GAAGR,EACH,gBAAiBF,GAAc,OAC/B,eAAgBP,EAAM,cAAc,EACpC,QAAUuB,GAAI,CACV,IAAIC,GACHA,EAAsBZ,EAAW,WAAa,MAAQY,IAAwB,QAAkBA,EAAoB,KAAKZ,EAAYW,CAAC,EAEnI,CAACJ,EAAO,UAAYI,EAAE,yBAAyB,mBAAqBA,EAAE,cAAc,MACxF,CAACA,EAAE,mBAAkB,GAAUE,EAAAA,0CAA6BF,EAAE,cAAeA,CAAC,GAAKvB,EAAM,OACrFuB,EAAE,eAAc,EAChBJ,EAAO,KAAKI,EAAE,cAAeA,EAAGvB,EAAM,KAAMA,EAAM,aAAa,EAEvE,CACZ,CAAS,CACT,CACA,CClCA,KAAM,CAAE,YAAA0B,CAAA,EAAgBC,EAAAA,oBAAoB,CAAE,OAAQC,EAAAA,WAAY,EAMrDC,EAAWH,EAA8C,GAAG,ECT5DI,EAAQ9B,GAAqB,CACxC,KAAM,CAAE,GAAA+B,EAAI,QAAAC,EAAS,SAAAC,EAAU,IAAKC,EAAc,GAAGC,GAASnC,EAExDoC,EAAWC,EAAAA,OAA0B,IAAI,EACzCpC,EAAMqC,EAAAA,0CAAaC,EAAAA,UAAUH,EAAUF,CAAY,CAAC,EAEpDhC,EAAe6B,IAAkBC,EAAU,OAAS,KACpD,CAAE,UAAAvB,GAAc+B,EAAQ,CAAE,GAAGL,EAAM,YAAAjC,CAAA,EAAeD,CAAG,EAE3D,OACEwC,EAAAA,IAACZ,EAAA,CAAU,GAAGa,EAAAA,0CAAWP,EAAM1B,EAAW,CAAE,GAAAsB,EAAI,QAAAC,EAAS,IAAA/B,EAAK,EAC3D,SAAAgC,CAAA,CACH,CAEJ,EAEAH,EAAK,YAAc","x_google_ignoreList":[0]}

package/dist/chunks/link-I24WQHS6.es.js

@@ -1,50 +0,0 @@
-import { jsx as C } from "react/jsx-runtime";
-import { useRef as h } from "react";
-import { createRecipeContext as T, mergeRefs as R } from "@chakra-ui/react";
-import { l as v } from "./link.recipe-Ba2by0OG.es.js";
-import { $ as L } from "./useObjectRef-CaJ5pgjX.es.js";
-import { $ } from "./mergeProps-Bn6EInU5.es.js";
-import { $ as g } from "./filterDOMProps-HzsCnE3d.es.js";
-import { $ as D, a as y, b as E } from "./openLink-BRnXRj9w.es.js";
-import { $ as S } from "./usePress-Bf0oV30S.es.js";
-import { $ as w } from "./useFocusable-C_1ABg2H.es.js";
-function H(e, o) {
-  let { elementType: s = "a", onPress: i, onPressStart: c, onPressEnd: n, onClick: f, isDisabled: t, ...l } = e, a = {};
-  s !== "a" && (a = {
-    role: "link",
-    tabIndex: t ? void 0 : 0
-  });
-  let { focusableProps: m } = w(e, o), { pressProps: d, isPressed: P } = S({
-    onPress: i,
-    onPressStart: c,
-    onPressEnd: n,
-    onClick: f,
-    isDisabled: t,
-    ref: o
-  }), u = g(l, {
-    labelable: !0
-  }), k = $(m, d), b = D(), x = y(e);
-  return {
-    isPressed: P,
-    linkProps: $(u, x, {
-      ...k,
-      ...a,
-      "aria-disabled": t || void 0,
-      "aria-current": e["aria-current"],
-      onClick: (r) => {
-        var p;
-        (p = d.onClick) === null || p === void 0 || p.call(d, r), !b.isNative && r.currentTarget instanceof HTMLAnchorElement && r.currentTarget.href && // If props are applied to a router Link component, it may have already prevented default.
-        !r.isDefaultPrevented() && E(r.currentTarget, r) && e.href && (r.preventDefault(), b.open(r.currentTarget, r, e.href, e.routerOptions));
-      }
-    })
-  };
-}
-const { withContext: N } = /* @__PURE__ */ T({ recipe: v }), _ = /* @__PURE__ */ N("a"), j = (e) => {
-  const { as: o, asChild: s, children: i, ref: c, ...n } = e, f = h(null), t = L(R(f, c)), l = o || (s ? "span" : "a"), { linkProps: a } = H({ ...n, elementType: l }, t);
-  return /* @__PURE__ */ C(_, { ...$(n, a, { as: o, asChild: s, ref: t }), children: i });
-};
-j.displayName = "Link";
-export {
-  j as L
-};
-//# sourceMappingURL=link-I24WQHS6.es.js.map

package/dist/chunks/link-I24WQHS6.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"link-I24WQHS6.es.js","sources":["../../../../node_modules/.pnpm/@react-aria+link@3.8.3_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/@react-aria/link/dist/useLink.mjs","../../src/components/link/link.slots.tsx","../../src/components/link/link.tsx"],"sourcesContent":["import {filterDOMProps as $5Ot33$filterDOMProps, mergeProps as $5Ot33$mergeProps, useRouter as $5Ot33$useRouter, useLinkProps as $5Ot33$useLinkProps, shouldClientNavigate as $5Ot33$shouldClientNavigate} from \"@react-aria/utils\";\nimport {useFocusable as $5Ot33$useFocusable, usePress as $5Ot33$usePress} from \"@react-aria/interactions\";\n\n/*\n * Copyright 2020 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 $298d61e98472621b$export$dcf14c9974fe2767(props, ref) {\n    let { elementType: elementType = 'a', onPress: onPress, onPressStart: onPressStart, onPressEnd: onPressEnd, onClick: onClick, isDisabled: isDisabled, ...otherProps } = props;\n    let linkProps = {};\n    if (elementType !== 'a') linkProps = {\n        role: 'link',\n        tabIndex: !isDisabled ? 0 : undefined\n    };\n    let { focusableProps: focusableProps } = (0, $5Ot33$useFocusable)(props, ref);\n    let { pressProps: pressProps, isPressed: isPressed } = (0, $5Ot33$usePress)({\n        onPress: onPress,\n        onPressStart: onPressStart,\n        onPressEnd: onPressEnd,\n        onClick: onClick,\n        isDisabled: isDisabled,\n        ref: ref\n    });\n    let domProps = (0, $5Ot33$filterDOMProps)(otherProps, {\n        labelable: true\n    });\n    let interactionHandlers = (0, $5Ot33$mergeProps)(focusableProps, pressProps);\n    let router = (0, $5Ot33$useRouter)();\n    let routerLinkProps = (0, $5Ot33$useLinkProps)(props);\n    return {\n        isPressed: isPressed,\n        linkProps: (0, $5Ot33$mergeProps)(domProps, routerLinkProps, {\n            ...interactionHandlers,\n            ...linkProps,\n            'aria-disabled': isDisabled || undefined,\n            'aria-current': props['aria-current'],\n            onClick: (e)=>{\n                var _pressProps_onClick;\n                (_pressProps_onClick = pressProps.onClick) === null || _pressProps_onClick === void 0 ? void 0 : _pressProps_onClick.call(pressProps, e);\n                // If a custom router is provided, prevent default and forward if this link should client navigate.\n                if (!router.isNative && e.currentTarget instanceof HTMLAnchorElement && e.currentTarget.href && // If props are applied to a router Link component, it may have already prevented default.\n                !e.isDefaultPrevented() && (0, $5Ot33$shouldClientNavigate)(e.currentTarget, e) && props.href) {\n                    e.preventDefault();\n                    router.open(e.currentTarget, e, props.href, props.routerOptions);\n                }\n            }\n        })\n    };\n}\n\n\nexport {$298d61e98472621b$export$dcf14c9974fe2767 as useLink};\n//# sourceMappingURL=useLink.module.js.map\n","import {\n  type HTMLChakraProps,\n  type RecipeProps,\n  type UnstyledProp,\n  createRecipeContext,\n} from \"@chakra-ui/react\";\n\nimport { linkRecipe } from \"./link.recipe\";\n\n/**\n * Base recipe props interface that combines Chakra UI's recipe props\n * with the unstyled prop option for the a element.\n */\ninterface LinkRecipeProps extends RecipeProps<\"a\">, UnstyledProp {}\n\n/**\n * Root props interface that extends Chakra's HTML props with our recipe props.\n * This creates a complete set of props for the root element, combining\n * HTML attributes, Chakra's styling system, and our custom recipe props.\n */\nexport type LinkRootProps = HTMLChakraProps<\"a\", LinkRecipeProps>;\n\nconst { withContext } = createRecipeContext({ recipe: linkRecipe });\n\n/**\n * Root component that provides the styling context for the Link component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const LinkRoot = withContext<HTMLAnchorElement, LinkRootProps>(\"a\");\n","import { useRef } from \"react\";\nimport { LinkRoot } from \"./link.slots\";\nimport type { LinkProps } from \"./link.types\";\nimport { useLink, useObjectRef, mergeProps } from \"react-aria\";\nimport { mergeRefs } from \"@chakra-ui/react\";\n\n/**\n * Link\n * ============================================================\n * To allow a user to navigate to a different page or resource\n *\n * Features:\n *\n * - allows forwarding refs to the underlying DOM element\n * - accepts all native html 'HTMLAnchorElement' attributes (including aria- & data-attributes)\n * - supports 'variants', 'sizes', etc. configured in the recipe\n * - allows overriding styles by using style-props\n * - supports 'asChild' and 'as' to modify the underlying html-element (polymorphic)\n */\nexport const Link = (props: LinkProps) => {\n  const { as, asChild, children, ref: forwardedRef, ...rest } = props;\n\n  const localRef = useRef<HTMLAnchorElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  const elementType = (as as string) || (asChild ? \"span\" : \"a\") || \"a\";\n  const { linkProps } = useLink({ ...rest, elementType }, ref);\n\n  return (\n    <LinkRoot {...mergeProps(rest, linkProps, { as, asChild, ref })}>\n      {children}\n    </LinkRoot>\n  );\n};\n\nLink.displayName = \"Link\";\n"],"names":["$298d61e98472621b$export$dcf14c9974fe2767","props","ref","elementType","onPress","onPressStart","onPressEnd","onClick","isDisabled","otherProps","linkProps","focusableProps","$5Ot33$useFocusable","pressProps","isPressed","$5Ot33$usePress","domProps","$5Ot33$filterDOMProps","interactionHandlers","$5Ot33$mergeProps","router","$5Ot33$useRouter","routerLinkProps","$5Ot33$useLinkProps","e","_pressProps_onClick","$5Ot33$shouldClientNavigate","withContext","createRecipeContext","linkRecipe","LinkRoot","Link","as","asChild","children","forwardedRef","rest","localRef","useRef","useObjectRef","mergeRefs","useLink","jsx","mergeProps"],"mappings":";;;;;;;;;;AAeA,SAASA,EAA0CC,GAAOC,GAAK;AAC3D,MAAI,EAAE,aAAaC,IAAc,KAAK,SAASC,GAAS,cAAcC,GAAc,YAAYC,GAAY,SAASC,GAAS,YAAYC,GAAY,GAAGC,EAAU,IAAKR,GACpKS,IAAY,CAAA;AAChB,EAAIP,MAAgB,QAAKO,IAAY;AAAA,IACjC,MAAM;AAAA,IACN,UAAWF,IAAiB,SAAJ;AAAA,EAChC;AACI,MAAI,EAAE,gBAAgBG,EAAc,IAASC,EAAqBX,GAAOC,CAAG,GACxE,EAAE,YAAYW,GAAY,WAAWC,EAAS,IAASC,EAAiB;AAAA,IACxE,SAASX;AAAA,IACT,cAAcC;AAAA,IACd,YAAYC;AAAA,IACZ,SAASC;AAAA,IACT,YAAYC;AAAA,IACZ,KAAKN;AAAA,EACb,CAAK,GACGc,IAAeC,EAAuBR,GAAY;AAAA,IAClD,WAAW;AAAA,EACnB,CAAK,GACGS,IAA0BC,EAAmBR,GAAgBE,CAAU,GACvEO,IAAaC,EAAgB,GAC7BC,IAAsBC,EAAqBtB,CAAK;AACpD,SAAO;AAAA,IACH,WAAWa;AAAA,IACX,WAAeK,EAAmBH,GAAUM,GAAiB;AAAA,MACzD,GAAGJ;AAAA,MACH,GAAGR;AAAA,MACH,iBAAiBF,KAAc;AAAA,MAC/B,gBAAgBP,EAAM,cAAc;AAAA,MACpC,SAAS,CAACuB,MAAI;AACV,YAAIC;AACJ,SAACA,IAAsBZ,EAAW,aAAa,QAAQY,MAAwB,UAAkBA,EAAoB,KAAKZ,GAAYW,CAAC,GAEnI,CAACJ,EAAO,YAAYI,EAAE,yBAAyB,qBAAqBA,EAAE,cAAc;AAAA,QACxF,CAACA,EAAE,mBAAkB,KAAUE,EAA6BF,EAAE,eAAeA,CAAC,KAAKvB,EAAM,SACrFuB,EAAE,eAAc,GAChBJ,EAAO,KAAKI,EAAE,eAAeA,GAAGvB,EAAM,MAAMA,EAAM,aAAa;AAAA,MAEvE;AAAA,IACZ,CAAS;AAAA,EACT;AACA;AClCA,MAAM,EAAE,aAAA0B,EAAA,IAAgB,gBAAAC,EAAoB,EAAE,QAAQC,GAAY,GAMrDC,IAAW,gBAAAH,EAA8C,GAAG,GCT5DI,IAAO,CAAC9B,MAAqB;AACxC,QAAM,EAAE,IAAA+B,GAAI,SAAAC,GAAS,UAAAC,GAAU,KAAKC,GAAc,GAAGC,MAASnC,GAExDoC,IAAWC,EAA0B,IAAI,GACzCpC,IAAMqC,EAAaC,EAAUH,GAAUF,CAAY,CAAC,GAEpDhC,IAAe6B,MAAkBC,IAAU,SAAS,MACpD,EAAE,WAAAvB,MAAc+B,EAAQ,EAAE,GAAGL,GAAM,aAAAjC,EAAA,GAAeD,CAAG;AAE3D,SACE,gBAAAwC,EAACZ,GAAA,EAAU,GAAGa,EAAWP,GAAM1B,GAAW,EAAE,IAAAsB,GAAI,SAAAC,GAAS,KAAA/B,GAAK,GAC3D,UAAAgC,EAAA,CACH;AAEJ;AAEAH,EAAK,cAAc;","x_google_ignoreList":[0]}

package/dist/chunks/link.recipe-Ba2by0OG.es.js

@@ -1,51 +0,0 @@
-import { defineRecipe as e } from "@chakra-ui/react";
-const n = /* @__PURE__ */ e({
-  className: "nimbus-link",
-  // Base styles applied to all instances of the component
-  base: {
-    display: "inline-flex",
-    alignItems: "center",
-    color: "colorPalette.11",
-    borderRadius: "100",
-    focusVisibleRing: "outside",
-    bg: "transparent",
-    outline: "none",
-    cursor: "pointer",
-    textDecoration: "underline",
-    textUnderlineOffset: "3px",
-    _hover: {
-      textDecorationThickness: "12%"
-    }
-  },
-  // Available variants for customizing the component's appearance
-  variants: {
-    // Size variants from smallest to largest
-    size: {
-      xs: {
-        fontSize: "300",
-        lineHeight: "450"
-      },
-      sm: {
-        fontSize: "350",
-        lineHeight: "500"
-      },
-      md: {
-        fontSize: "400",
-        lineHeight: "600"
-      }
-    },
-    // style variants
-    fontColor: {
-      primary: {
-        color: "primary"
-      },
-      inherit: {
-        color: "inherit"
-      }
-    }
-  }
-});
-export {
-  n as l
-};
-//# sourceMappingURL=link.recipe-Ba2by0OG.es.js.map

package/dist/chunks/link.recipe-Ba2by0OG.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"link.recipe-Ba2by0OG.es.js","sources":["../../src/components/link/link.recipe.ts"],"sourcesContent":["import { defineRecipe } from \"@chakra-ui/react\";\n\n/**\n * Recipe configuration for the Link component.\n * Defines the styling variants and base styles using Chakra UI's recipe system.\n */\nexport const linkRecipe = defineRecipe({\n  className: \"nimbus-link\",\n  // Base styles applied to all instances of the component\n  base: {\n    display: \"inline-flex\",\n    alignItems: \"center\",\n    color: \"colorPalette.11\",\n    borderRadius: \"100\",\n    focusVisibleRing: \"outside\",\n    bg: \"transparent\",\n    outline: \"none\",\n    cursor: \"pointer\",\n    textDecoration: \"underline\",\n    textUnderlineOffset: \"3px\",\n    _hover: {\n      textDecorationThickness: \"12%\",\n    },\n  },\n  // Available variants for customizing the component's appearance\n  variants: {\n    // Size variants from smallest to largest\n    size: {\n      xs: {\n        fontSize: \"300\",\n        lineHeight: \"450\",\n      },\n      sm: {\n        fontSize: \"350\",\n        lineHeight: \"500\",\n      },\n      md: {\n        fontSize: \"400\",\n        lineHeight: \"600\",\n      },\n    },\n    // style variants\n    fontColor: {\n      primary: {\n        color: \"primary\",\n      },\n      inherit: {\n        color: \"inherit\",\n      },\n    },\n  },\n});\n"],"names":["linkRecipe","defineRecipe"],"mappings":";AAMO,MAAMA,IAAa,gBAAAC,EAAa;AAAA,EACrC,WAAW;AAAA;AAAA,EAEX,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,cAAc;AAAA,IACd,kBAAkB;AAAA,IAClB,IAAI;AAAA,IACJ,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,gBAAgB;AAAA,IAChB,qBAAqB;AAAA,IACrB,QAAQ;AAAA,MACN,yBAAyB;AAAA,IAAA;AAAA,EAC3B;AAAA;AAAA,EAGF,UAAU;AAAA;AAAA,IAER,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,UAAU;AAAA,QACV,YAAY;AAAA,MAAA;AAAA,MAEd,IAAI;AAAA,QACF,UAAU;AAAA,QACV,YAAY;AAAA,MAAA;AAAA,MAEd,IAAI;AAAA,QACF,UAAU;AAAA,QACV,YAAY;AAAA,MAAA;AAAA,IACd;AAAA;AAAA,IAGF,WAAW;AAAA,MACT,SAAS;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,MAET,SAAS;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,EACF;AAEJ,CAAC;"}

package/dist/chunks/link.recipe-CG3leGAx.cjs.js

@@ -1,2 +0,0 @@
-"use strict";const e=require("@chakra-ui/react"),i=e.defineRecipe({className:"nimbus-link",base:{display:"inline-flex",alignItems:"center",color:"colorPalette.11",borderRadius:"100",focusVisibleRing:"outside",bg:"transparent",outline:"none",cursor:"pointer",textDecoration:"underline",textUnderlineOffset:"3px",_hover:{textDecorationThickness:"12%"}},variants:{size:{xs:{fontSize:"300",lineHeight:"450"},sm:{fontSize:"350",lineHeight:"500"},md:{fontSize:"400",lineHeight:"600"}},fontColor:{primary:{color:"primary"},inherit:{color:"inherit"}}}});exports.linkRecipe=i;
-//# sourceMappingURL=link.recipe-CG3leGAx.cjs.js.map

package/dist/chunks/link.recipe-CG3leGAx.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"link.recipe-CG3leGAx.cjs.js","sources":["../../src/components/link/link.recipe.ts"],"sourcesContent":["import { defineRecipe } from \"@chakra-ui/react\";\n\n/**\n * Recipe configuration for the Link component.\n * Defines the styling variants and base styles using Chakra UI's recipe system.\n */\nexport const linkRecipe = defineRecipe({\n  className: \"nimbus-link\",\n  // Base styles applied to all instances of the component\n  base: {\n    display: \"inline-flex\",\n    alignItems: \"center\",\n    color: \"colorPalette.11\",\n    borderRadius: \"100\",\n    focusVisibleRing: \"outside\",\n    bg: \"transparent\",\n    outline: \"none\",\n    cursor: \"pointer\",\n    textDecoration: \"underline\",\n    textUnderlineOffset: \"3px\",\n    _hover: {\n      textDecorationThickness: \"12%\",\n    },\n  },\n  // Available variants for customizing the component's appearance\n  variants: {\n    // Size variants from smallest to largest\n    size: {\n      xs: {\n        fontSize: \"300\",\n        lineHeight: \"450\",\n      },\n      sm: {\n        fontSize: \"350\",\n        lineHeight: \"500\",\n      },\n      md: {\n        fontSize: \"400\",\n        lineHeight: \"600\",\n      },\n    },\n    // style variants\n    fontColor: {\n      primary: {\n        color: \"primary\",\n      },\n      inherit: {\n        color: \"inherit\",\n      },\n    },\n  },\n});\n"],"names":["linkRecipe","defineRecipe"],"mappings":"iDAMaA,EAAaC,EAAAA,aAAa,CACrC,UAAW,cAEX,KAAM,CACJ,QAAS,cACT,WAAY,SACZ,MAAO,kBACP,aAAc,MACd,iBAAkB,UAClB,GAAI,cACJ,QAAS,OACT,OAAQ,UACR,eAAgB,YAChB,oBAAqB,MACrB,OAAQ,CACN,wBAAyB,KAAA,CAC3B,EAGF,SAAU,CAER,KAAM,CACJ,GAAI,CACF,SAAU,MACV,WAAY,KAAA,EAEd,GAAI,CACF,SAAU,MACV,WAAY,KAAA,EAEd,GAAI,CACF,SAAU,MACV,WAAY,KAAA,CACd,EAGF,UAAW,CACT,QAAS,CACP,MAAO,SAAA,EAET,QAAS,CACP,MAAO,SAAA,CACT,CACF,CAEJ,CAAC"}

package/dist/chunks/list-8yfreyzi.cjs.js

@@ -1,2 +0,0 @@
-"use strict";const t=require("@chakra-ui/react"),s=t.List.Root,i=t.List.Item,o=t.List.Indicator,c={Root:s,Item:i,Indicator:o};exports.List=c;exports.ListIndicator=o;exports.ListItem=i;exports.ListRoot=s;
-//# sourceMappingURL=list-8yfreyzi.cjs.js.map

package/dist/chunks/list-8yfreyzi.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"list-8yfreyzi.cjs.js","sources":["../../src/components/list/list.tsx"],"sourcesContent":["import { List as ChakraList } from \"@chakra-ui/react\";\n\nconst ListRoot = ChakraList.Root;\nconst ListItem = ChakraList.Item;\nconst ListIndicator = ChakraList.Indicator;\n\n/**\n * @experimental This component is experimental and may change or be removed in future versions.\n */\nexport const List = {\n  Root: ListRoot,\n  Item: ListItem,\n  Indicator: ListIndicator,\n};\n\nexport {\n  ListRoot as _ListRoot,\n  ListItem as _ListItem,\n  ListIndicator as _ListIndicator,\n};\n"],"names":["ListRoot","ChakraList","ListItem","ListIndicator","List"],"mappings":"iDAEMA,EAAWC,EAAAA,KAAW,KACtBC,EAAWD,EAAAA,KAAW,KACtBE,EAAgBF,EAAAA,KAAW,UAKpBG,EAAO,CAClB,KAAMJ,EACN,KAAME,EACN,UAAWC,CACb"}

package/dist/chunks/list-B21joBrq.es.js

@@ -1,13 +0,0 @@
-import { List as t } from "@chakra-ui/react";
-const o = t.Root, s = t.Item, i = t.Indicator, c = {
-  Root: o,
-  Item: s,
-  Indicator: i
-};
-export {
-  c as L,
-  o as a,
-  s as b,
-  i as c
-};
-//# sourceMappingURL=list-B21joBrq.es.js.map

package/dist/chunks/list-B21joBrq.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"list-B21joBrq.es.js","sources":["../../src/components/list/list.tsx"],"sourcesContent":["import { List as ChakraList } from \"@chakra-ui/react\";\n\nconst ListRoot = ChakraList.Root;\nconst ListItem = ChakraList.Item;\nconst ListIndicator = ChakraList.Indicator;\n\n/**\n * @experimental This component is experimental and may change or be removed in future versions.\n */\nexport const List = {\n  Root: ListRoot,\n  Item: ListItem,\n  Indicator: ListIndicator,\n};\n\nexport {\n  ListRoot as _ListRoot,\n  ListItem as _ListItem,\n  ListIndicator as _ListIndicator,\n};\n"],"names":["ListRoot","ChakraList","ListItem","ListIndicator","List"],"mappings":";AAEA,MAAMA,IAAWC,EAAW,MACtBC,IAAWD,EAAW,MACtBE,IAAgBF,EAAW,WAKpBG,IAAO;AAAA,EAClB,MAAMJ;AAAA,EACN,MAAME;AAAA,EACN,WAAWC;AACb;"}

package/dist/chunks/loading-spinner-BQd4UVQs.cjs.js

@@ -1,2 +0,0 @@
-"use strict";const e=require("react/jsx-runtime"),n=require("@chakra-ui/react"),c=require("./useProgressBar-3tBtQD6p.cjs.js"),d=require("./mergeProps-VvQrkhSh.cjs.js"),l=n.defineRecipe({className:"nimbus-loading-spinner",base:{display:"inline-flex",alignItems:"center",justifyContent:"center","& svg":{overflow:"visible",transform:"scale(calc(1 - 2/12))"},"& svg [data-svg-path='spinner-pointer']":{stroke:"colorPalette.10",animationName:"spin",animationDuration:"0.5s",animationTimingFunction:"linear",animationIterationCount:"infinite",transformOrigin:"center center 0"},"& svg [data-svg-path='spinner-circle']":{stroke:"colorPalette.5"}},variants:{size:{"2xs":{width:"350",height:"350"},xs:{width:"500",height:"500"},sm:{width:"600",height:"600"},md:{width:"800",height:"800"},lg:{width:"1000",height:"1000"}},tone:{primary:{colorPalette:"ctvioletAlpha"},white:{colorPalette:"whiteAlpha"}}},defaultVariants:{size:"sm",tone:"primary"}}),{withContext:p}=n.createRecipeContext({recipe:l}),h=p("div"),g="M22.5 12C22.5 13.3789 22.2284 14.7443 21.7007 16.0182C21.1731 17.2921 20.3996 18.4496 19.4246 19.4246C18.4496 20.3996 17.2921 21.1731 16.0182 21.7007C14.7443 22.2284 13.3789 22.5 12 22.5C10.6211 22.5 9.25574 22.2284 7.98182 21.7007C6.7079 21.1731 5.55039 20.3996 4.57538 19.4246C3.60036 18.4496 2.82694 17.2921 2.29926 16.0182C1.77159 14.7443 1.5 13.3789 1.5 12C1.5 10.6211 1.77159 9.25574 2.29927 7.98182C2.82694 6.7079 3.60037 5.55039 4.57538 4.57538C5.5504 3.60036 6.70791 2.82694 7.98183 2.29926C9.25575 1.77159 10.6211 1.5 12 1.5C13.3789 1.5 14.7443 1.77159 16.0182 2.29927C17.2921 2.82694 18.4496 3.60037 19.4246 4.57538C20.3996 5.5504 21.1731 6.70791 21.7007 7.98183C22.2284 9.25575 22.5 10.6211 22.5 12L22.5 12Z",C="M12 1.5C13.3789 1.5 14.7443 1.77159 16.0182 2.29927C17.2921 2.82694 18.4496 3.60036 19.4246 4.57538C20.3996 5.55039 21.1731 6.70791 21.7007 7.98183C22.2284 9.25574 22.5 10.6211 22.5 12",r=a=>{const{ref:s,"aria-label":t="Loading data",...i}=a,{progressBarProps:o}=c.$204d9ebcedfb8806$export$ed5abd763a836edc({isIndeterminate:!0,"aria-label":t,...i});return e.jsx(h,{ref:s,...d.$3ef42575df84b30b$export$9d1611c77c2fe928(i,o),"aria-label":t,children:e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",children:[e.jsx("path",{d:g,"data-svg-path":"spinner-circle",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("path",{d:C,"data-svg-path":"spinner-pointer",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round"})]})})};r.displayName="LoadingSpinner";exports.LoadingSpinner=r;
-//# sourceMappingURL=loading-spinner-BQd4UVQs.cjs.js.map