@commercetools/nimbus 2.9.0 → 2.9.1

package/dist/chunks/{form-field-BcNFX196.es.js → form-field-B5MTPG5J.es.js}

@@ -1,79 +1,81 @@
-import { createContext as z, useRef as V, useState as _, useMemo as b, useEffect as a, Children as A, isValidElement as H, cloneElement as D, useContext as u } from "react";
-import { jsx as n, jsxs as m } from "react/jsx-runtime";
-import { m as G } from "./merge-refs-D-zSwpoh.es.js";
-import { createSlotRecipeContext as J } from "@chakra-ui/react/styled-system";
+import { createContext as z, useRef as V, useState as _, useMemo as b, useEffect as m, useContext as u, Children as A, isValidElement as H, cloneElement as D } from "react";
+import { jsx as n, jsxs as d } from "react/jsx-runtime";
+import { createSlotRecipeContext as G } from "@chakra-ui/react/styled-system";
+import { m as J } from "./merge-refs-D-zSwpoh.es.js";
 import { j as K, $ as O, k as Q } from "./Dialog-BrbJce0u.es.js";
 import { HelpOutline as R, ErrorOutline as T } from "@commercetools/nimbus-icons";
 import { $ as U } from "./useObjectRef-CaJ5pgjX.es.js";
 import { $ as W } from "./useField-ZuobdMEN.es.js";
 import { B as F } from "./box-DuBoAZvq.es.js";
-import { I as X } from "./icon-button-CwI7ZK2q.es.js";
-const p = /* @__PURE__ */ z({
+import { I as X } from "./icon-button-CsfjzFu5.es.js";
+const a = /* @__PURE__ */ z({
   context: {
     label: null,
     description: null,
     error: null,
-    info: null,
-    input: null
+    info: null
   },
   setContext: () => {
-  }
-}), { withProvider: Y, withContext: f } = /* @__PURE__ */ J({
+  },
+  inputProps: {}
+}), { withProvider: Y, withContext: f } = /* @__PURE__ */ G({
   key: "nimbusFormField"
-}), Z = /* @__PURE__ */ Y("div", "root"), q = /* @__PURE__ */ f("div", "label"), oo = /* @__PURE__ */ f("div", "input"), eo = /* @__PURE__ */ f("div", "description"), ro = /* @__PURE__ */ f("div", "error"), to = /* @__PURE__ */ f("div", "popover"), $ = function({
+}), Z = /* @__PURE__ */ Y("div", "root"), q = /* @__PURE__ */ f("div", "label"), oo = /* @__PURE__ */ f("div", "input"), ro = /* @__PURE__ */ f("div", "description"), eo = /* @__PURE__ */ f("div", "error"), to = /* @__PURE__ */ f("div", "popover"), P = function({
   ref: l,
-  id: e,
-  isInvalid: r,
-  isRequired: s,
+  id: r,
+  isInvalid: o,
+  isRequired: i,
   isDisabled: c,
-  isReadOnly: d,
-  children: E,
-  ...g
+  isReadOnly: p,
+  children: g,
+  ...N
 }) {
-  const N = V(null), B = U(G(N, l)), [o, x] = _({
+  const B = V(null), k = U(J(B, l)), [e, x] = _({
     label: null,
     description: null,
     error: null,
     info: null,
-    input: null,
-    isInvalid: r,
-    isRequired: s,
+    isInvalid: o,
+    isRequired: i,
     isDisabled: c,
-    isReadOnly: d
-  }), k = b(() => {
-    const i = {
-      id: e,
-      description: o.description,
-      errorMessage: o.error
+    isReadOnly: p
+  }), I = b(() => {
+    const s = {
+      id: r,
+      description: e.description,
+      errorMessage: e.error
     };
-    return o.label ? i.label = o.label : (i["aria-label"] = "empty-label", i["aria-labelledby"] = "empty-label"), i;
-  }, [e, o.description, o.error, o.label]), { labelProps: I, fieldProps: h, descriptionProps: L, errorMessageProps: M } = W(k);
-  a(() => {
-    x((i) => ({
-      ...i,
-      isInvalid: r,
-      isRequired: s,
+    return e.label ? s.label = e.label : (s["aria-label"] = "empty-label", s["aria-labelledby"] = "empty-label"), s;
+  }, [r, e.description, e.error, e.label]), { labelProps: L, fieldProps: h, descriptionProps: M, errorMessageProps: j } = W(I);
+  m(() => {
+    x((s) => ({
+      ...s,
+      isInvalid: o,
+      isRequired: i,
       isDisabled: c,
-      isReadOnly: d
+      isReadOnly: p
     }));
-  }, [r, s, c, d]);
-  const j = b(
+  }, [o, i, c, p]);
+  const $ = b(
     () => ({
       ...h,
-      isInvalid: r,
-      isRequired: s,
+      isInvalid: o,
+      isRequired: i,
       isDisabled: c,
-      isReadOnly: d
+      isReadOnly: p
     }),
-    [h, r, s, c, d]
-  ), w = b(() => ({ context: o, setContext: x }), [o]);
-  return /* @__PURE__ */ n(p.Provider, { value: w, children: /* @__PURE__ */ m(Z, { ref: B, ...g, children: [
-    o.label && /* @__PURE__ */ m(q, { ...o.labelSlotProps, children: [
-      /* @__PURE__ */ m("label", { ...I, "data-required": s, children: [
-        o.label,
-        s && /* @__PURE__ */ n("sup", { "aria-hidden": "true", children: "*" })
+    [h, o, i, c, p]
+  ), w = b(
+    () => ({ context: e, setContext: x, inputProps: $ }),
+    [e, $]
+  );
+  return /* @__PURE__ */ n(a.Provider, { value: w, children: /* @__PURE__ */ d(Z, { ref: k, ...N, children: [
+    e.label && /* @__PURE__ */ d(q, { ...e.labelSlotProps, children: [
+      /* @__PURE__ */ d("label", { ...L, "data-required": i, children: [
+        e.label,
+        i && /* @__PURE__ */ n("sup", { "aria-hidden": "true", children: "*" })
       ] }),
-      o.info && /* @__PURE__ */ m(K, { children: [
+      e.info && /* @__PURE__ */ d(K, { children: [
         /* @__PURE__ */ n(
           F,
           {
@@ -106,23 +108,22 @@ const p = /* @__PURE__ */ z({
             )
           }
         ),
-        /* @__PURE__ */ n(O, { children: /* @__PURE__ */ n(to, { asChild: !0, children: /* @__PURE__ */ n(Q, { children: /* @__PURE__ */ n(F, { p: "300", children: o.info }) }) }) })
+        /* @__PURE__ */ n(O, { children: /* @__PURE__ */ n(to, { asChild: !0, children: /* @__PURE__ */ n(Q, { children: /* @__PURE__ */ n(F, { p: "300", children: e.info }) }) }) })
       ] })
     ] }),
-    o.input && /* @__PURE__ */ n(oo, { ...o.inputSlotProps, children: A.map(o.input, (i) => H(i) ? D(i, j) : i) }),
-    o.description && /* @__PURE__ */ n(
-      eo,
+    e.description && /* @__PURE__ */ n(
+      ro,
       {
-        ...L,
-        ...o.descriptionSlotProps,
-        children: o.description
+        ...M,
+        ...e.descriptionSlotProps,
+        children: e.description
       }
     ),
-    r && o.error && /* @__PURE__ */ m(
-      ro,
+    o && e.error && /* @__PURE__ */ d(
+      eo,
       {
-        ...M,
-        ...o.errorSlotProps,
+        ...j,
+        ...e.errorSlotProps,
         children: [
           /* @__PURE__ */ n(
             F,
@@ -134,95 +135,89 @@ const p = /* @__PURE__ */ z({
               mt: "50"
             }
           ),
-          o.error
+          e.error
         ]
       }
     ),
-    E
+    g
   ] }) });
 };
-$.displayName = "FormField.Root";
+P.displayName = "FormField.Root";
 const S = ({
   children: t,
   ...l
 }) => {
-  const { setContext: e } = u(p);
-  return a(() => (e((r) => ({
-    ...r,
+  const { setContext: r } = u(a);
+  return m(() => (r((o) => ({
+    ...o,
     label: t,
     labelSlotProps: l
   })), () => {
-    e((r) => ({
-      ...r,
+    r((o) => ({
+      ...o,
       label: null,
       labelSlotProps: void 0
     }));
-  }), [t, e]), null;
+  }), [t, r]), null;
 };
 S.displayName = "FormField.Label";
-const P = ({
+const C = ({
   children: t,
   ...l
 }) => {
-  const { setContext: e } = u(p);
-  return a(() => {
-    e((r) => ({
-      ...r,
-      input: t,
-      inputSlotProps: l
-    }));
-  }, [t, e]), null;
+  const { inputProps: r } = u(a);
+  return /* @__PURE__ */ n(oo, { ...l, children: A.map(t, (o) => H(o) ? D(o, r) : o) });
 };
-P.displayName = "FormField.Input";
-const C = ({
+C.displayName = "FormField.Input";
+const v = ({
   children: t,
   ...l
 }) => {
-  const { setContext: e } = u(p);
-  return a(() => (e((r) => ({
-    ...r,
+  const { setContext: r } = u(a);
+  return m(() => (r((o) => ({
+    ...o,
     description: t,
     descriptionSlotProps: l
   })), () => {
-    e((r) => ({
-      ...r,
+    r((o) => ({
+      ...o,
       description: null,
       descriptionSlotProps: void 0
     }));
-  }), [t, e]), null;
+  }), [t, r]), null;
 };
-C.displayName = "FormField.Description";
-const v = ({
+v.displayName = "FormField.Description";
+const y = ({
   children: t,
   ...l
 }) => {
-  const { setContext: e } = u(p);
-  return a(() => (e((r) => ({
-    ...r,
+  const { setContext: r } = u(a);
+  return m(() => (r((o) => ({
+    ...o,
     error: t,
     errorSlotProps: l
   })), () => {
-    e((r) => ({
-      ...r,
+    r((o) => ({
+      ...o,
       error: null,
       errorSlotProps: void 0
     }));
-  }), [t, e]), null;
+  }), [t, r]), null;
 };
-v.displayName = "FormField.Error";
-const y = ({ children: t }) => {
-  const { setContext: l } = u(p);
-  return a(() => (l((e) => ({
-    ...e,
+y.displayName = "FormField.Error";
+const E = ({ children: t }) => {
+  const { setContext: l } = u(a);
+  return m(() => (l((r) => ({
+    ...r,
     info: t
   })), () => {
-    l((e) => ({
-      ...e,
+    l((r) => ({
+      ...r,
       info: null
     }));
   }), [t, l]), null;
 };
-y.displayName = "FormField.InfoBox";
+E.displayName = "FormField.InfoBox";
 const Fo = {
   /**
    * # FormField.Root
@@ -244,7 +239,7 @@ const Fo = {
    * </FormField.Root>
    * ```
    */
-  Root: $,
+  Root: P,
   /**
    * # FormField.Label
    *
@@ -283,7 +278,7 @@ const Fo = {
    * </FormField.Root>
    * ```
    */
-  Input: P,
+  Input: C,
   /**
    * # FormField.Description
    *
@@ -303,7 +298,7 @@ const Fo = {
    * </FormField.Root>
    * ```
    */
-  Description: C,
+  Description: v,
   /**
    * # FormField.Error
    *
@@ -322,7 +317,7 @@ const Fo = {
    * </FormField.Root>
    * ```
    */
-  Error: v,
+  Error: y,
   /**
    * # FormField.InfoBox
    *
@@ -344,15 +339,15 @@ const Fo = {
    * </FormField.Root>
    * ```
    */
-  InfoBox: y
+  InfoBox: E
 };
 export {
   Fo as F,
-  C as a,
-  v as b,
-  y as c,
-  P as d,
+  v as a,
+  y as b,
+  E as c,
+  C as d,
   S as e,
-  $ as f
+  P as f
 };
-//# sourceMappingURL=form-field-BcNFX196.es.js.map
+//# sourceMappingURL=form-field-B5MTPG5J.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form-field-B5MTPG5J.es.js","sources":["../../src/components/form-field/components/form-field.context.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  FormFieldLabelSlotProps,\n} from \"../form-field.types\";\n\nexport type FormFieldInputProps = Record<string, unknown>;\n\nexport type FormFieldContextPayloadType = {\n  label: ReactNode;\n  labelSlotProps?: FormFieldLabelSlotProps;\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  inputProps: FormFieldInputProps;\n};\n\nexport const FormFieldContext = createContext<FormFieldContextType>({\n  context: {\n    label: null,\n    description: null,\n    error: null,\n    info: null,\n  },\n  setContext: () => {},\n  inputProps: {},\n});\n","import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type {\n  FormFieldRootSlotProps,\n  FormFieldLabelSlotProps,\n  FormFieldInputSlotProps,\n  FormFieldDescriptionSlotProps,\n  FormFieldErrorSlotProps,\n  FormFieldPopoverSlotProps,\n} from \"./form-field.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusFormField\",\n});\n\n// Root slot\nexport const FormFieldRootSlot = withProvider<\n  HTMLDivElement,\n  FormFieldRootSlotProps\n>(\"div\", \"root\");\n\n// Label Slot\nexport const FormFieldLabelSlot = withContext<\n  HTMLDivElement,\n  FormFieldLabelSlotProps\n>(\"div\", \"label\");\n\n// Input Slot\nexport const FormFieldInputSlot = withContext<\n  HTMLDivElement,\n  FormFieldInputSlotProps\n>(\"div\", \"input\");\n\n// Description Slot\nexport const FormFieldDescriptionSlot = withContext<\n  HTMLDivElement,\n  FormFieldDescriptionSlotProps\n>(\"div\", \"description\");\n\n// Error Slot\nexport const FormFieldErrorSlot = withContext<\n  HTMLDivElement,\n  FormFieldErrorSlotProps\n>(\"div\", \"error\");\n\n// Error Slot\nexport const FormFieldPopoverSlot = withContext<\n  HTMLDivElement,\n  FormFieldPopoverSlotProps\n>(\"div\", \"popover\");\n","import { useEffect, useMemo, useState, useRef } from \"react\";\nimport type { FormFieldProps } from \"../form-field.types\";\nimport { useField, useObjectRef } from \"react-aria\";\nimport { mergeRefs } from \"@/utils\";\nimport {\n  FormFieldContext,\n  type FormFieldContextPayloadType,\n} from \"./form-field.context\";\nimport {\n  FormFieldDescriptionSlot,\n  FormFieldErrorSlot,\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.Root\n *\n * displays miscellaneous inputs in a FormField context\n *\n * @supportsStyleProps\n */\nexport const FormFieldRoot = function FormFieldRoot({\n  ref: forwardedRef,\n  id,\n  isInvalid,\n  isRequired,\n  isDisabled,\n  isReadOnly,\n  children,\n  ...props\n}: FormFieldProps) {\n  const localRef = useRef<HTMLDivElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n  const [context, setContext] = useState<FormFieldContextPayloadType>({\n    label: null,\n    description: null,\n    error: null,\n    info: null,\n    isInvalid,\n    isRequired,\n    isDisabled,\n    isReadOnly,\n  });\n\n  const useFieldArgs: Parameters<typeof useField>[0] = useMemo(() => {\n    const args: Parameters<typeof useField>[0] = {\n      id,\n      description: context.description,\n      errorMessage: context.error,\n    };\n\n    if (context.label) {\n      args.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      args[\"aria-label\"] = \"empty-label\";\n      args[\"aria-labelledby\"] = \"empty-label\";\n    }\n\n    return args;\n  }, [id, context.description, context.error, context.label]);\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 = useMemo(\n    () => ({\n      ...fieldProps,\n      isInvalid,\n      isRequired,\n      isDisabled,\n      isReadOnly,\n    }),\n    [fieldProps, isInvalid, isRequired, isDisabled, isReadOnly]\n  );\n\n  const contextValue = useMemo(\n    () => ({ context, setContext, inputProps }),\n    [context, inputProps]\n  );\n\n  return (\n    <FormFieldContext.Provider value={contextValue}>\n      <FormFieldRootSlot ref={ref} {...props}>\n        {context.label && (\n          <FormFieldLabelSlot {...context.labelSlotProps}>\n            <label {...labelProps} data-required={isRequired}>\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                      colorPalette=\"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.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              flexShrink=\"0\"\n              mt=\"50\"\n            />\n            {context.error}\n          </FormFieldErrorSlot>\n        )}\n        {children}\n      </FormFieldRootSlot>\n    </FormFieldContext.Provider>\n  );\n};\n\nFormFieldRoot.displayName = \"FormField.Root\";\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldLabelSlotProps } from \"../form-field.types\";\n\n/**\n * FormField.Label - The label element for the form field\n *\n * @supportsStyleProps\n */\n// TODO: should this be wrapped in react-aria's `LabelContext` provider?, e.g. https://react-spectrum.adobe.com/react-aria/TextField.html#custom-children\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\n    // Cleanup: clear label when component unmounts\n    return () => {\n      setContext((prevContext) => ({\n        ...prevContext,\n        label: null,\n        labelSlotProps: undefined,\n      }));\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [children, setContext]);\n\n  return null;\n};\n\nFormFieldLabel.displayName = \"FormField.Label\";\n","import { Children, cloneElement, isValidElement, useContext } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldInputSlotProps } from \"../form-field.types\";\nimport { FormFieldInputSlot } from \"../form-field.slots\";\n\n/**\n * FormField.Input - The input wrapper element for the form field\n *\n * Renders children directly (with injected field props) to avoid\n * the state-based indirection that causes cursor position issues\n * on controlled inputs.\n *\n * @supportsStyleProps\n */\nexport const FormFieldInput = ({\n  children,\n  ...inputSlotProps\n}: FormFieldInputSlotProps) => {\n  const { inputProps } = useContext(FormFieldContext);\n\n  return (\n    <FormFieldInputSlot {...inputSlotProps}>\n      {Children.map(children, (child) => {\n        if (isValidElement(child)) {\n          return cloneElement(child, inputProps);\n        }\n        return child;\n      })}\n    </FormFieldInputSlot>\n  );\n};\n\nFormFieldInput.displayName = \"FormField.Input\";\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldDescriptionSlotProps } from \"../form-field.types\";\n\n/**\n * FormField.Description - The description element for the form field\n *\n * @supportsStyleProps\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\n    // Cleanup: clear description when component unmounts\n    return () => {\n      setContext((prevContext) => ({\n        ...prevContext,\n        description: null,\n        descriptionSlotProps: undefined,\n      }));\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [children, setContext]);\n\n  return null;\n};\n\nFormFieldDescription.displayName = \"FormField.Description\";\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldErrorSlotProps } from \"../form-field.types\";\n\n/**\n * FormField.Error - The error message element for the form field\n *\n * @supportsStyleProps\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\n    // Cleanup: clear error when component unmounts\n    return () => {\n      setContext((prevContext) => ({\n        ...prevContext,\n        error: null,\n        errorSlotProps: undefined,\n      }));\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [children, setContext]);\n\n  return null;\n};\n\nFormFieldError.displayName = \"FormField.Error\";\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\n/**\n * FormField.InfoBox - The info box popover content for the form field\n *\n * @supportsStyleProps\n */\nexport const FormFieldInfoBox = ({ children }: FormFieldInfoBoxProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      info: children,\n    }));\n\n    // Cleanup: clear info when component unmounts\n    return () => {\n      setContext((prevContext) => ({\n        ...prevContext,\n        info: null,\n      }));\n    };\n  }, [children, setContext]);\n\n  return null;\n};\n\nFormFieldInfoBox.displayName = \"FormField.InfoBox\";\n","import {\n  FormFieldRoot,\n  FormFieldLabel,\n  FormFieldInput,\n  FormFieldDescription,\n  FormFieldError,\n  FormFieldInfoBox,\n} from \"./components\";\n\nexport const FormField = {\n  /**\n   * # FormField.Root\n   *\n   * The root container for the form field that provides context and state management\n   * for all child components. Handles React Aria integration for accessibility,\n   * manages field state (required, invalid, disabled, readonly), and coordinates\n   * rendering of label, input, description, and error elements.\n   *\n   * @example\n   * ```tsx\n   * <FormField.Root isRequired isInvalid>\n   *   <FormField.Label>Username</FormField.Label>\n   *   <FormField.Input>\n   *     <TextInput />\n   *   </FormField.Input>\n   *   <FormField.Description>Enter your username</FormField.Description>\n   *   <FormField.Error>Username is required</FormField.Error>\n   * </FormField.Root>\n   * ```\n   */\n  Root: FormFieldRoot,\n\n  /**\n   * # FormField.Label\n   *\n   * The label element for the form field. Automatically associates with the input\n   * via React Aria and displays a required indicator when the field is required.\n   * Supports an optional info box trigger for additional field information.\n   *\n   * @example\n   * ```tsx\n   * <FormField.Root>\n   *   <FormField.Label>Email Address</FormField.Label>\n   *   <FormField.InfoBox>\n   *     Your email will be used for account notifications\n   *   </FormField.InfoBox>\n   *   <FormField.Input>\n   *     <TextInput />\n   *   </FormField.Input>\n   * </FormField.Root>\n   * ```\n   */\n  Label: FormFieldLabel,\n\n  /**\n   * # FormField.Input\n   *\n   * The input wrapper element that receives and displays the actual input component.\n   * Automatically clones children and passes accessibility props, validation state,\n   * and field attributes from React Aria.\n   *\n   * @example\n   * ```tsx\n   * <FormField.Root>\n   *   <FormField.Label>Password</FormField.Label>\n   *   <FormField.Input>\n   *     <PasswordInput />\n   *   </FormField.Input>\n   * </FormField.Root>\n   * ```\n   */\n  Input: FormFieldInput,\n\n  /**\n   * # FormField.Description\n   *\n   * The description element that provides helpful information about the field.\n   * Automatically associates with the input via `aria-describedby` for screen readers.\n   *\n   * @example\n   * ```tsx\n   * <FormField.Root>\n   *   <FormField.Label>Username</FormField.Label>\n   *   <FormField.Input>\n   *     <TextInput />\n   *   </FormField.Input>\n   *   <FormField.Description>\n   *     Must be 3-20 characters, letters and numbers only\n   *   </FormField.Description>\n   * </FormField.Root>\n   * ```\n   */\n  Description: FormFieldDescription,\n\n  /**\n   * # FormField.Error\n   *\n   * The error message element that displays validation errors. Only visible when\n   * the field is invalid. Automatically associates with the input via\n   * `aria-errormessage` and includes an error icon.\n   *\n   * @example\n   * ```tsx\n   * <FormField.Root isInvalid>\n   *   <FormField.Label>Email</FormField.Label>\n   *   <FormField.Input>\n   *     <TextInput />\n   *   </FormField.Input>\n   *   <FormField.Error>Please enter a valid email address</FormField.Error>\n   * </FormField.Root>\n   * ```\n   */\n  Error: FormFieldError,\n\n  /**\n   * # FormField.InfoBox\n   *\n   * The info box content that appears in a popover when the help icon next to\n   * the label is clicked. Use for additional context or instructions that don't\n   * need to be visible by default.\n   *\n   * @example\n   * ```tsx\n   * <FormField.Root>\n   *   <FormField.Label>API Key</FormField.Label>\n   *   <FormField.InfoBox>\n   *     Your API key can be found in your account settings.\n   *     Keep it secure and never share it publicly.\n   *   </FormField.InfoBox>\n   *   <FormField.Input>\n   *     <TextInput />\n   *   </FormField.Input>\n   * </FormField.Root>\n   * ```\n   */\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","withProvider","withContext","createSlotRecipeContext","FormFieldRootSlot","FormFieldLabelSlot","FormFieldInputSlot","FormFieldDescriptionSlot","FormFieldErrorSlot","FormFieldPopoverSlot","FormFieldRoot","forwardedRef","id","isInvalid","isRequired","isDisabled","isReadOnly","children","props","localRef","useRef","ref","useObjectRef","mergeRefs","context","setContext","useState","useFieldArgs","useMemo","args","labelProps","fieldProps","descriptionProps","errorMessageProps","useField","useEffect","prevContext","inputProps","contextValue","jsx","jsxs","DialogTrigger","Box","IconButton","HelpOutline","Popover","Dialog","ErrorOutline","FormFieldLabel","labelSlotProps","useContext","FormFieldInput","inputSlotProps","child","isValidElement","cloneElement","FormFieldDescription","descriptionSlotProps","FormFieldError","errorSlotProps","FormFieldInfoBox","FormField"],"mappings":"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"}

package/dist/chunks/{icon-button-BV_okpOb.cjs.js → icon-button-B-yfUEQl.cjs.js}

@@ -1,2 +1,2 @@
-"use strict";const d=require("react/jsx-runtime"),s=require("react"),p=require("./merge-refs-D8liJcZz.cjs.js"),m=require("./useObjectRef-4v2MxSjQ.cjs.js"),h=require("./button-CAzKhQhT.cjs.js"),n=a=>{const{children:i,ref:c,"aria-label":t,...r}=a,o=s.useRef(null),l=m.$df56164dff5785e2$export$4338b53315abf666(p.mergeRefs(o,c));return s.useEffect(()=>{if(process.env.NODE_ENV!=="production"){const u=setTimeout(()=>{const e=o.current;if(e){const b=e.hasAttribute("aria-label")||e.hasAttribute("aria-labelledby"),f=e.hasAttribute("slot");!b&&!f&&console.warn(`Nimbus: IconButton requires an accessible label. Either provide an 'aria-label' prop or use within a component that provides it via context (e.g., slot="clear" in ComboBox).`,e)}},0);return()=>clearTimeout(u)}},[t,r.slot]),d.jsx(h.Button,{px:0,py:0,"aria-label":t,...r,ref:l,children:i})};n.displayName="IconButton";exports.IconButton=n;
-//# sourceMappingURL=icon-button-BV_okpOb.cjs.js.map
+"use strict";const d=require("react/jsx-runtime"),s=require("react"),p=require("./merge-refs-D8liJcZz.cjs.js"),m=require("./useObjectRef-4v2MxSjQ.cjs.js"),h=require("./button-DJX_lPnW.cjs.js"),n=a=>{const{children:i,ref:c,"aria-label":t,...r}=a,o=s.useRef(null),l=m.$df56164dff5785e2$export$4338b53315abf666(p.mergeRefs(o,c));return s.useEffect(()=>{if(process.env.NODE_ENV!=="production"){const u=setTimeout(()=>{const e=o.current;if(e){const b=e.hasAttribute("aria-label")||e.hasAttribute("aria-labelledby"),f=e.hasAttribute("slot");!b&&!f&&console.warn(`Nimbus: IconButton requires an accessible label. Either provide an 'aria-label' prop or use within a component that provides it via context (e.g., slot="clear" in ComboBox).`,e)}},0);return()=>clearTimeout(u)}},[t,r.slot]),d.jsx(h.Button,{px:0,py:0,"aria-label":t,...r,ref:l,children:i})};n.displayName="IconButton";exports.IconButton=n;
+//# sourceMappingURL=icon-button-B-yfUEQl.cjs.js.map

package/dist/chunks/{icon-button-BV_okpOb.cjs.js.map → icon-button-B-yfUEQl.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"icon-button-BV_okpOb.cjs.js","sources":["../../src/components/icon-button/icon-button.tsx"],"sourcesContent":["import { useRef, useEffect } from \"react\";\nimport { useObjectRef } from \"react-aria\";\nimport { mergeRefs } from \"@/utils\";\nimport type { IconButtonProps } from \"./icon-button.types\";\nimport { Button } from \"@/components\";\n\n/**\n * # IconButton\n *\n * displays a button with an icon only as child\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/iconbutton}\n */\nexport const IconButton = (props: IconButtonProps) => {\n  const {\n    children,\n    ref: forwardedRef,\n    \"aria-label\": ariaLabel,\n    ...restProps\n  } = 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  // Runtime accessibility check\n  // Use setTimeout to defer check until after React Aria applies context props\n  useEffect(() => {\n    if (process.env.NODE_ENV !== \"production\") {\n      const timeoutId = setTimeout(() => {\n        const element = localRef.current;\n        if (element) {\n          const hasAriaLabel =\n            element.hasAttribute(\"aria-label\") ||\n            element.hasAttribute(\"aria-labelledby\");\n\n          // Skip warning if component is using slot-based context (Button will handle it)\n          const isUsingSlot = element.hasAttribute(\"slot\");\n\n          if (!hasAriaLabel && !isUsingSlot) {\n            console.warn(\n              \"Nimbus: IconButton requires an accessible label. \" +\n                \"Either provide an 'aria-label' prop or use within a component that provides it via context (e.g., slot=\\\"clear\\\" in ComboBox).\",\n              element\n            );\n          }\n        }\n      }, 0);\n\n      return () => clearTimeout(timeoutId);\n    }\n  }, [ariaLabel, restProps.slot]);\n\n  return (\n    <Button px={0} py={0} aria-label={ariaLabel} {...restProps} ref={ref}>\n      {children}\n    </Button>\n  );\n};\n\nIconButton.displayName = \"IconButton\";\n"],"names":["IconButton","props","children","forwardedRef","ariaLabel","restProps","localRef","useRef","ref","useObjectRef","mergeRefs","useEffect","timeoutId","element","hasAriaLabel","isUsingSlot","jsx","Button"],"mappings":"iMAaaA,EAAcC,GAA2B,CACpD,KAAM,CACJ,SAAAC,EACA,IAAKC,EACL,aAAcC,EACd,GAAGC,CAAA,EACDJ,EAGEK,EAAWC,EAAAA,OAA0B,IAAI,EACzCC,EAAMC,EAAAA,0CAAaC,EAAAA,UAAUJ,EAAUH,CAAY,CAAC,EAI1DQ,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAI,QAAQ,IAAI,WAAa,aAAc,CACzC,MAAMC,EAAY,WAAW,IAAM,CACjC,MAAMC,EAAUP,EAAS,QACzB,GAAIO,EAAS,CACX,MAAMC,EACJD,EAAQ,aAAa,YAAY,GACjCA,EAAQ,aAAa,iBAAiB,EAGlCE,EAAcF,EAAQ,aAAa,MAAM,EAE3C,CAACC,GAAgB,CAACC,GACpB,QAAQ,KACN,gLAEAF,CAAA,CAGN,CACF,EAAG,CAAC,EAEJ,MAAO,IAAM,aAAaD,CAAS,CACrC,CACF,EAAG,CAACR,EAAWC,EAAU,IAAI,CAAC,EAG5BW,EAAAA,IAACC,EAAAA,OAAA,CAAO,GAAI,EAAG,GAAI,EAAG,aAAYb,EAAY,GAAGC,EAAW,IAAAG,EACzD,SAAAN,CAAA,CACH,CAEJ,EAEAF,EAAW,YAAc"}
+{"version":3,"file":"icon-button-B-yfUEQl.cjs.js","sources":["../../src/components/icon-button/icon-button.tsx"],"sourcesContent":["import { useRef, useEffect } from \"react\";\nimport { useObjectRef } from \"react-aria\";\nimport { mergeRefs } from \"@/utils\";\nimport type { IconButtonProps } from \"./icon-button.types\";\nimport { Button } from \"@/components\";\n\n/**\n * # IconButton\n *\n * displays a button with an icon only as child\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/iconbutton}\n */\nexport const IconButton = (props: IconButtonProps) => {\n  const {\n    children,\n    ref: forwardedRef,\n    \"aria-label\": ariaLabel,\n    ...restProps\n  } = 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  // Runtime accessibility check\n  // Use setTimeout to defer check until after React Aria applies context props\n  useEffect(() => {\n    if (process.env.NODE_ENV !== \"production\") {\n      const timeoutId = setTimeout(() => {\n        const element = localRef.current;\n        if (element) {\n          const hasAriaLabel =\n            element.hasAttribute(\"aria-label\") ||\n            element.hasAttribute(\"aria-labelledby\");\n\n          // Skip warning if component is using slot-based context (Button will handle it)\n          const isUsingSlot = element.hasAttribute(\"slot\");\n\n          if (!hasAriaLabel && !isUsingSlot) {\n            console.warn(\n              \"Nimbus: IconButton requires an accessible label. \" +\n                \"Either provide an 'aria-label' prop or use within a component that provides it via context (e.g., slot=\\\"clear\\\" in ComboBox).\",\n              element\n            );\n          }\n        }\n      }, 0);\n\n      return () => clearTimeout(timeoutId);\n    }\n  }, [ariaLabel, restProps.slot]);\n\n  return (\n    <Button px={0} py={0} aria-label={ariaLabel} {...restProps} ref={ref}>\n      {children}\n    </Button>\n  );\n};\n\nIconButton.displayName = \"IconButton\";\n"],"names":["IconButton","props","children","forwardedRef","ariaLabel","restProps","localRef","useRef","ref","useObjectRef","mergeRefs","useEffect","timeoutId","element","hasAriaLabel","isUsingSlot","jsx","Button"],"mappings":"iMAaaA,EAAcC,GAA2B,CACpD,KAAM,CACJ,SAAAC,EACA,IAAKC,EACL,aAAcC,EACd,GAAGC,CAAA,EACDJ,EAGEK,EAAWC,EAAAA,OAA0B,IAAI,EACzCC,EAAMC,EAAAA,0CAAaC,EAAAA,UAAUJ,EAAUH,CAAY,CAAC,EAI1DQ,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAI,QAAQ,IAAI,WAAa,aAAc,CACzC,MAAMC,EAAY,WAAW,IAAM,CACjC,MAAMC,EAAUP,EAAS,QACzB,GAAIO,EAAS,CACX,MAAMC,EACJD,EAAQ,aAAa,YAAY,GACjCA,EAAQ,aAAa,iBAAiB,EAGlCE,EAAcF,EAAQ,aAAa,MAAM,EAE3C,CAACC,GAAgB,CAACC,GACpB,QAAQ,KACN,gLAEAF,CAAA,CAGN,CACF,EAAG,CAAC,EAEJ,MAAO,IAAM,aAAaD,CAAS,CACrC,CACF,EAAG,CAACR,EAAWC,EAAU,IAAI,CAAC,EAG5BW,EAAAA,IAACC,EAAAA,OAAA,CAAO,GAAI,EAAG,GAAI,EAAG,aAAYb,EAAY,GAAGC,EAAW,IAAAG,EACzD,SAAAN,CAAA,CACH,CAEJ,EAEAF,EAAW,YAAc"}

package/dist/chunks/{icon-button-CwI7ZK2q.es.js → icon-button-CsfjzFu5.es.js}

@@ -2,7 +2,7 @@ import { jsx as m } from "react/jsx-runtime";
 import { useRef as u, useEffect as p } from "react";
 import { m as b } from "./merge-refs-D-zSwpoh.es.js";
 import { $ as d } from "./useObjectRef-CaJ5pgjX.es.js";
-import { B as h } from "./button-C4KD0BhM.es.js";
+import { B as h } from "./button-DXIjvvTs.es.js";
 const x = (a) => {
   const {
     children: s,
@@ -30,4 +30,4 @@ x.displayName = "IconButton";
 export {
   x as I
 };
-//# sourceMappingURL=icon-button-CwI7ZK2q.es.js.map
+//# sourceMappingURL=icon-button-CsfjzFu5.es.js.map

package/dist/chunks/{icon-button-CwI7ZK2q.es.js.map → icon-button-CsfjzFu5.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"icon-button-CwI7ZK2q.es.js","sources":["../../src/components/icon-button/icon-button.tsx"],"sourcesContent":["import { useRef, useEffect } from \"react\";\nimport { useObjectRef } from \"react-aria\";\nimport { mergeRefs } from \"@/utils\";\nimport type { IconButtonProps } from \"./icon-button.types\";\nimport { Button } from \"@/components\";\n\n/**\n * # IconButton\n *\n * displays a button with an icon only as child\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/iconbutton}\n */\nexport const IconButton = (props: IconButtonProps) => {\n  const {\n    children,\n    ref: forwardedRef,\n    \"aria-label\": ariaLabel,\n    ...restProps\n  } = 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  // Runtime accessibility check\n  // Use setTimeout to defer check until after React Aria applies context props\n  useEffect(() => {\n    if (process.env.NODE_ENV !== \"production\") {\n      const timeoutId = setTimeout(() => {\n        const element = localRef.current;\n        if (element) {\n          const hasAriaLabel =\n            element.hasAttribute(\"aria-label\") ||\n            element.hasAttribute(\"aria-labelledby\");\n\n          // Skip warning if component is using slot-based context (Button will handle it)\n          const isUsingSlot = element.hasAttribute(\"slot\");\n\n          if (!hasAriaLabel && !isUsingSlot) {\n            console.warn(\n              \"Nimbus: IconButton requires an accessible label. \" +\n                \"Either provide an 'aria-label' prop or use within a component that provides it via context (e.g., slot=\\\"clear\\\" in ComboBox).\",\n              element\n            );\n          }\n        }\n      }, 0);\n\n      return () => clearTimeout(timeoutId);\n    }\n  }, [ariaLabel, restProps.slot]);\n\n  return (\n    <Button px={0} py={0} aria-label={ariaLabel} {...restProps} ref={ref}>\n      {children}\n    </Button>\n  );\n};\n\nIconButton.displayName = \"IconButton\";\n"],"names":["IconButton","props","children","forwardedRef","ariaLabel","restProps","localRef","useRef","ref","useObjectRef","mergeRefs","useEffect","timeoutId","element","hasAriaLabel","isUsingSlot","jsx","Button"],"mappings":";;;;;AAaO,MAAMA,IAAa,CAACC,MAA2B;AACpD,QAAM;AAAA,IACJ,UAAAC;AAAA,IACA,KAAKC;AAAA,IACL,cAAcC;AAAA,IACd,GAAGC;AAAA,EAAA,IACDJ,GAGEK,IAAWC,EAA0B,IAAI,GACzCC,IAAMC,EAAaC,EAAUJ,GAAUH,CAAY,CAAC;AAI1D,SAAAQ,EAAU,MAAM;AACd,QAAI,QAAQ,IAAI,aAAa,cAAc;AACzC,YAAMC,IAAY,WAAW,MAAM;AACjC,cAAMC,IAAUP,EAAS;AACzB,YAAIO,GAAS;AACX,gBAAMC,IACJD,EAAQ,aAAa,YAAY,KACjCA,EAAQ,aAAa,iBAAiB,GAGlCE,IAAcF,EAAQ,aAAa,MAAM;AAE/C,UAAI,CAACC,KAAgB,CAACC,KACpB,QAAQ;AAAA,YACN;AAAA,YAEAF;AAAA,UAAA;AAAA,QAGN;AAAA,MACF,GAAG,CAAC;AAEJ,aAAO,MAAM,aAAaD,CAAS;AAAA,IACrC;AAAA,EACF,GAAG,CAACR,GAAWC,EAAU,IAAI,CAAC,GAG5B,gBAAAW,EAACC,GAAA,EAAO,IAAI,GAAG,IAAI,GAAG,cAAYb,GAAY,GAAGC,GAAW,KAAAG,GACzD,UAAAN,EAAA,CACH;AAEJ;AAEAF,EAAW,cAAc;"}
+{"version":3,"file":"icon-button-CsfjzFu5.es.js","sources":["../../src/components/icon-button/icon-button.tsx"],"sourcesContent":["import { useRef, useEffect } from \"react\";\nimport { useObjectRef } from \"react-aria\";\nimport { mergeRefs } from \"@/utils\";\nimport type { IconButtonProps } from \"./icon-button.types\";\nimport { Button } from \"@/components\";\n\n/**\n * # IconButton\n *\n * displays a button with an icon only as child\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/iconbutton}\n */\nexport const IconButton = (props: IconButtonProps) => {\n  const {\n    children,\n    ref: forwardedRef,\n    \"aria-label\": ariaLabel,\n    ...restProps\n  } = 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  // Runtime accessibility check\n  // Use setTimeout to defer check until after React Aria applies context props\n  useEffect(() => {\n    if (process.env.NODE_ENV !== \"production\") {\n      const timeoutId = setTimeout(() => {\n        const element = localRef.current;\n        if (element) {\n          const hasAriaLabel =\n            element.hasAttribute(\"aria-label\") ||\n            element.hasAttribute(\"aria-labelledby\");\n\n          // Skip warning if component is using slot-based context (Button will handle it)\n          const isUsingSlot = element.hasAttribute(\"slot\");\n\n          if (!hasAriaLabel && !isUsingSlot) {\n            console.warn(\n              \"Nimbus: IconButton requires an accessible label. \" +\n                \"Either provide an 'aria-label' prop or use within a component that provides it via context (e.g., slot=\\\"clear\\\" in ComboBox).\",\n              element\n            );\n          }\n        }\n      }, 0);\n\n      return () => clearTimeout(timeoutId);\n    }\n  }, [ariaLabel, restProps.slot]);\n\n  return (\n    <Button px={0} py={0} aria-label={ariaLabel} {...restProps} ref={ref}>\n      {children}\n    </Button>\n  );\n};\n\nIconButton.displayName = \"IconButton\";\n"],"names":["IconButton","props","children","forwardedRef","ariaLabel","restProps","localRef","useRef","ref","useObjectRef","mergeRefs","useEffect","timeoutId","element","hasAriaLabel","isUsingSlot","jsx","Button"],"mappings":";;;;;AAaO,MAAMA,IAAa,CAACC,MAA2B;AACpD,QAAM;AAAA,IACJ,UAAAC;AAAA,IACA,KAAKC;AAAA,IACL,cAAcC;AAAA,IACd,GAAGC;AAAA,EAAA,IACDJ,GAGEK,IAAWC,EAA0B,IAAI,GACzCC,IAAMC,EAAaC,EAAUJ,GAAUH,CAAY,CAAC;AAI1D,SAAAQ,EAAU,MAAM;AACd,QAAI,QAAQ,IAAI,aAAa,cAAc;AACzC,YAAMC,IAAY,WAAW,MAAM;AACjC,cAAMC,IAAUP,EAAS;AACzB,YAAIO,GAAS;AACX,gBAAMC,IACJD,EAAQ,aAAa,YAAY,KACjCA,EAAQ,aAAa,iBAAiB,GAGlCE,IAAcF,EAAQ,aAAa,MAAM;AAE/C,UAAI,CAACC,KAAgB,CAACC,KACpB,QAAQ;AAAA,YACN;AAAA,YAEAF;AAAA,UAAA;AAAA,QAGN;AAAA,MACF,GAAG,CAAC;AAEJ,aAAO,MAAM,aAAaD,CAAS;AAAA,IACrC;AAAA,EACF,GAAG,CAACR,GAAWC,EAAU,IAAI,CAAC,GAG5B,gBAAAW,EAACC,GAAA,EAAO,IAAI,GAAG,IAAI,GAAG,cAAYb,GAAY,GAAGC,GAAW,KAAAG,GACzD,UAAAN,EAAA,CACH;AAEJ;AAEAF,EAAW,cAAc;"}

package/dist/chunks/{icon-toggle-button-zsbPyHd7.cjs.js → icon-toggle-button-Bg8u0Y6z.cjs.js}

@@ -1,2 +1,2 @@
-"use strict";const l=require("react/jsx-runtime"),u=require("./toggle-button-DW5INNYc.cjs.js"),t=({"aria-label":o,children:e,ref:n,...g})=>l.jsx(u.ToggleButton,{ref:n,"aria-label":o,px:0,py:0,...g,children:e});t.displayName="IconToggleButton";exports.IconToggleButton=t;
-//# sourceMappingURL=icon-toggle-button-zsbPyHd7.cjs.js.map
+"use strict";const l=require("react/jsx-runtime"),u=require("./toggle-button-9HIOPYPG.cjs.js"),t=({"aria-label":o,children:e,ref:n,...g})=>l.jsx(u.ToggleButton,{ref:n,"aria-label":o,px:0,py:0,...g,children:e});t.displayName="IconToggleButton";exports.IconToggleButton=t;
+//# sourceMappingURL=icon-toggle-button-Bg8u0Y6z.cjs.js.map

package/dist/chunks/{icon-toggle-button-zsbPyHd7.cjs.js.map → icon-toggle-button-Bg8u0Y6z.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"icon-toggle-button-zsbPyHd7.cjs.js","sources":["../../src/components/icon-toggle-button/icon-toggle-button.tsx"],"sourcesContent":["import { ToggleButton } from \"@/components/toggle-button/toggle-button\";\nimport type { IconToggleButtonProps } from \"./icon-toggle-button.types\";\n\n/**\n * # IconToggleButton\n * ============================================================\n * A toggle button with only an icon as child. It is based\n * on the regular `ToggleButton` component, but with a few adjustments.\n *\n */\nexport const IconToggleButton = ({\n  \"aria-label\": ariaLabel,\n  children,\n  ref,\n  ...props\n}: IconToggleButtonProps) => {\n  return (\n    <ToggleButton ref={ref} aria-label={ariaLabel} px={0} py={0} {...props}>\n      {children}\n    </ToggleButton>\n  );\n};\n\nIconToggleButton.displayName = \"IconToggleButton\";\n"],"names":["IconToggleButton","ariaLabel","children","ref","props","jsx","ToggleButton"],"mappings":"+FAUaA,EAAmB,CAAC,CAC/B,aAAcC,EACd,SAAAC,EACA,IAAAC,EACA,GAAGC,CACL,IAEIC,EAAAA,IAACC,EAAAA,aAAA,CAAa,IAAAH,EAAU,aAAYF,EAAW,GAAI,EAAG,GAAI,EAAI,GAAGG,EAC9D,SAAAF,CAAA,CACH,EAIJF,EAAiB,YAAc"}
+{"version":3,"file":"icon-toggle-button-Bg8u0Y6z.cjs.js","sources":["../../src/components/icon-toggle-button/icon-toggle-button.tsx"],"sourcesContent":["import { ToggleButton } from \"@/components/toggle-button/toggle-button\";\nimport type { IconToggleButtonProps } from \"./icon-toggle-button.types\";\n\n/**\n * # IconToggleButton\n * ============================================================\n * A toggle button with only an icon as child. It is based\n * on the regular `ToggleButton` component, but with a few adjustments.\n *\n */\nexport const IconToggleButton = ({\n  \"aria-label\": ariaLabel,\n  children,\n  ref,\n  ...props\n}: IconToggleButtonProps) => {\n  return (\n    <ToggleButton ref={ref} aria-label={ariaLabel} px={0} py={0} {...props}>\n      {children}\n    </ToggleButton>\n  );\n};\n\nIconToggleButton.displayName = \"IconToggleButton\";\n"],"names":["IconToggleButton","ariaLabel","children","ref","props","jsx","ToggleButton"],"mappings":"+FAUaA,EAAmB,CAAC,CAC/B,aAAcC,EACd,SAAAC,EACA,IAAAC,EACA,GAAGC,CACL,IAEIC,EAAAA,IAACC,EAAAA,aAAA,CAAa,IAAAH,EAAU,aAAYF,EAAW,GAAI,EAAG,GAAI,EAAI,GAAGG,EAC9D,SAAAF,CAAA,CACH,EAIJF,EAAiB,YAAc"}

package/dist/chunks/{icon-toggle-button-DusSXhr7.es.js → icon-toggle-button-D88M7O7u.es.js}

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { T as l } from "./toggle-button-Bc3b0Mdz.es.js";
+import { T as l } from "./toggle-button-YjU1LD3Z.es.js";
 const n = ({
   "aria-label": o,
   children: t,
@@ -10,4 +10,4 @@ n.displayName = "IconToggleButton";
 export {
   n as I
 };
-//# sourceMappingURL=icon-toggle-button-DusSXhr7.es.js.map
+//# sourceMappingURL=icon-toggle-button-D88M7O7u.es.js.map

package/dist/chunks/{icon-toggle-button-DusSXhr7.es.js.map → icon-toggle-button-D88M7O7u.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"icon-toggle-button-DusSXhr7.es.js","sources":["../../src/components/icon-toggle-button/icon-toggle-button.tsx"],"sourcesContent":["import { ToggleButton } from \"@/components/toggle-button/toggle-button\";\nimport type { IconToggleButtonProps } from \"./icon-toggle-button.types\";\n\n/**\n * # IconToggleButton\n * ============================================================\n * A toggle button with only an icon as child. It is based\n * on the regular `ToggleButton` component, but with a few adjustments.\n *\n */\nexport const IconToggleButton = ({\n  \"aria-label\": ariaLabel,\n  children,\n  ref,\n  ...props\n}: IconToggleButtonProps) => {\n  return (\n    <ToggleButton ref={ref} aria-label={ariaLabel} px={0} py={0} {...props}>\n      {children}\n    </ToggleButton>\n  );\n};\n\nIconToggleButton.displayName = \"IconToggleButton\";\n"],"names":["IconToggleButton","ariaLabel","children","ref","props","jsx","ToggleButton"],"mappings":";;AAUO,MAAMA,IAAmB,CAAC;AAAA,EAC/B,cAAcC;AAAA,EACd,UAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACL,MAEI,gBAAAC,EAACC,GAAA,EAAa,KAAAH,GAAU,cAAYF,GAAW,IAAI,GAAG,IAAI,GAAI,GAAGG,GAC9D,UAAAF,EAAA,CACH;AAIJF,EAAiB,cAAc;"}
+{"version":3,"file":"icon-toggle-button-D88M7O7u.es.js","sources":["../../src/components/icon-toggle-button/icon-toggle-button.tsx"],"sourcesContent":["import { ToggleButton } from \"@/components/toggle-button/toggle-button\";\nimport type { IconToggleButtonProps } from \"./icon-toggle-button.types\";\n\n/**\n * # IconToggleButton\n * ============================================================\n * A toggle button with only an icon as child. It is based\n * on the regular `ToggleButton` component, but with a few adjustments.\n *\n */\nexport const IconToggleButton = ({\n  \"aria-label\": ariaLabel,\n  children,\n  ref,\n  ...props\n}: IconToggleButtonProps) => {\n  return (\n    <ToggleButton ref={ref} aria-label={ariaLabel} px={0} py={0} {...props}>\n      {children}\n    </ToggleButton>\n  );\n};\n\nIconToggleButton.displayName = \"IconToggleButton\";\n"],"names":["IconToggleButton","ariaLabel","children","ref","props","jsx","ToggleButton"],"mappings":";;AAUO,MAAMA,IAAmB,CAAC;AAAA,EAC/B,cAAcC;AAAA,EACd,UAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACL,MAEI,gBAAAC,EAACC,GAAA,EAAa,KAAAH,GAAU,cAAYF,GAAW,IAAI,GAAG,IAAI,GAAI,GAAGG,GAC9D,UAAAF,EAAA,CACH;AAIJF,EAAiB,cAAc;"}