@commercetools/nimbus 3.7.0 → 3.8.0

package/dist/chunks/form-dialog-D8kmvAxa.es.js

@@ -0,0 +1,74 @@
+import { t as e } from "./useControlledState-CPsLrkvU.es.js";
+import { n as t, t as n } from "./normalize-messages-migTwRpM.es.js";
+import { t as r } from "./loading-spinner-C_zmjMXE.es.js";
+import { t as i } from "./dialog-Cn83GAuS.es.js";
+import { t as a } from "./button-KNJuRGYl.es.js";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#endregion
+//#region src/patterns/dialogs/form-dialog/form-dialog.messages.ts
+var c = {
+	en: n({
+		cancel: "Cancel",
+		save: "Save"
+	}),
+	de: n({
+		cancel: "Abbrechen",
+		save: "Speichern"
+	}),
+	es: n({
+		cancel: "Cancelar",
+		save: "Guardar"
+	}),
+	"fr-FR": n({
+		cancel: "Annuler",
+		save: "Enregistrer"
+	}),
+	"pt-BR": n({
+		cancel: "Cancelar",
+		save: "Salvar"
+	})
+}, l = ({ title: n, children: l, onSave: u, onCancel: d, isOpen: f, defaultOpen: p, onOpenChange: m, saveLabel: h, cancelLabel: g, isSaveDisabled: _ = !1, isSaveLoading: v = !1, "aria-label": y }) => {
+	let b = t(c), [x, S] = e(f, p ?? !1, m), C = h ?? b.format("save"), w = g ?? b.format("cancel");
+	return /* @__PURE__ */ o(i.Root, {
+		isOpen: x,
+		onOpenChange: (e) => {
+			e || d(), S(e);
+		},
+		"aria-label": y,
+		isDismissable: !v,
+		isKeyboardDismissDisabled: v,
+		scrollBehavior: "inside",
+		children: /* @__PURE__ */ s(i.Content, { children: [
+			/* @__PURE__ */ s(i.Header, { children: [/* @__PURE__ */ o(i.Title, { children: n }), /* @__PURE__ */ o(i.CloseTrigger, { isDisabled: v })] }),
+			/* @__PURE__ */ o(i.Body, { children: l }),
+			/* @__PURE__ */ s(i.Footer, { children: [/* @__PURE__ */ o(a, {
+				variant: "outline",
+				isDisabled: v,
+				onPress: () => {
+					d(), S(!1);
+				},
+				children: w
+			}), /* @__PURE__ */ s(a, {
+				variant: "solid",
+				colorPalette: "primary",
+				isDisabled: _ || v,
+				onPress: async () => {
+					let e = u();
+					if (e instanceof Promise) try {
+						await e, S(!1);
+					} catch {}
+					else S(!1);
+				},
+				children: [C, v && /* @__PURE__ */ o(r, {
+					ml: "100",
+					size: "2xs"
+				})]
+			})] })
+		] })
+	});
+};
+l.displayName = "FormDialog";
+//#endregion
+export { l as t };
+
+//# sourceMappingURL=form-dialog-D8kmvAxa.es.js.map

package/dist/chunks/form-dialog-D8kmvAxa.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-dialog-D8kmvAxa.es.js","names":["formDialogMessages_en","formDialogMessages_de","formDialogMessages_es","formDialogMessages_fr","formDialogMessages_pt","useControlledState","$3e6197669829fe11$export$40bfa8c7b0832715","useLocalizedStringFormatter","normalizeMessages","LoadingSpinner","Dialog","Button","formDialogMessagesStrings","FormDialog","ariaLabel","msg","open","setOpen","isOpen","defaultOpen","onOpenChange","resolvedSaveLabel","saveLabel","resolvedCancelLabel","cancelLabel","newOpen","onCancel","isSaveLoading","title","isSaveDisabled","result","onSave"],"sources":["../../src/patterns/dialogs/form-dialog/intl/en.ts","../../src/patterns/dialogs/form-dialog/intl/de.ts","../../src/patterns/dialogs/form-dialog/intl/es.ts","../../src/patterns/dialogs/form-dialog/intl/fr-FR.ts","../../src/patterns/dialogs/form-dialog/intl/pt-BR.ts","../../src/patterns/dialogs/form-dialog/form-dialog.messages.ts","../../src/patterns/dialogs/form-dialog/form-dialog.tsx"],"sourcesContent":["/**\n * Pre-compiled en messages for FormDialog\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { cancel: `Cancel`, save: `Save` };\n","/**\n * Pre-compiled de messages for FormDialog\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { cancel: `Abbrechen`, save: `Speichern` };\n","/**\n * Pre-compiled es messages for FormDialog\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { cancel: `Cancelar`, save: `Guardar` };\n","/**\n * Pre-compiled fr-FR messages for FormDialog\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { cancel: `Annuler`, save: `Enregistrer` };\n","/**\n * Pre-compiled pt-BR messages for FormDialog\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { cancel: `Cancelar`, save: `Salvar` };\n","/**\n * Pre-compiled localized messages for FormDialog component\n *\n * Generated by scripts/generate-dictionaries.ts\n * DO NOT EDIT MANUALLY\n *\n * @see https://react-spectrum.adobe.com/react-aria/internationalization.html\n */\n\nimport {\n  type LocalizedString,\n  type LocalizedStrings,\n} from \"@internationalized/string\";\nimport { normalizeMessages } from \"../../../utils/normalize-messages\";\n\n// Pre-compiled message functions\nimport formDialogMessages_en from \"./intl/en\";\nimport formDialogMessages_de from \"./intl/de\";\nimport formDialogMessages_es from \"./intl/es\";\nimport formDialogMessages_fr from \"./intl/fr-FR\";\nimport formDialogMessages_pt from \"./intl/pt-BR\";\n\n// Raw LocalizedStrings object for use with useLocalizedStringFormatter hook\nexport const formDialogMessagesStrings: LocalizedStrings<\n  string,\n  LocalizedString\n> = {\n  en: normalizeMessages(formDialogMessages_en),\n  de: normalizeMessages(formDialogMessages_de),\n  es: normalizeMessages(formDialogMessages_es),\n  \"fr-FR\": normalizeMessages(formDialogMessages_fr),\n  \"pt-BR\": normalizeMessages(formDialogMessages_pt),\n} as LocalizedStrings<string, LocalizedString>;\n\n/**\n * Available message keys for FormDialog component\n */\nexport type FormDialogMessageKey = \"cancel\" | \"save\";\n","import { useControlledState } from \"react-stately/useControlledState\";\nimport { Button } from \"@/components/button/button\";\nimport { Dialog } from \"@/components/dialog/dialog\";\nimport { LoadingSpinner } from \"@/components/loading-spinner/loading-spinner\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { formDialogMessagesStrings } from \"./form-dialog.messages\";\nimport type { FormDialogProps } from \"./form-dialog.types\";\n\n/**\n * # FormDialog\n *\n * A pre-composed save/cancel dialog pattern built on top of the Nimbus\n * `Dialog` and `Button` primitives, shaped for hosting an editable form\n * in the body. Exposes a flat API (`title`, `children`, `onSave`,\n * `onCancel`, plus optional state, label, and accessibility props) for\n * the common case of editing data inside a modal.\n *\n * Close affordances: clicking the cancel button, the X button in the\n * header, pressing Escape, or clicking the overlay all invoke\n * `onCancel` and `onOpenChange(false)`. Clicking the save button\n * invokes `onSave` and then closes — synchronously for `void` returns,\n * or after the returned `Promise` fulfills for async saves; rejected\n * promises leave the dialog open so the consumer can surface\n * validation errors. The save path never fires `onCancel`.\n *\n * When `isSaveLoading` is `true` the entire dialog is locked: the save\n * button shows a spinner and is disabled, the cancel button is\n * disabled, and Escape / overlay click / close-button click are all\n * suppressed.\n *\n * The pattern does not wrap `children` in a native `<form>` element.\n * Consumers wanting Enter-to-submit semantics or browser-native\n * validation should wrap their fields in\n * `<form onSubmit={handleSubmit}>` inside `children` and call `onSave`\n * from `handleSubmit`.\n *\n * @example\n * ```tsx\n * const [isOpen, setIsOpen] = useState(false);\n *\n * <FormDialog\n *   title=\"Edit profile\"\n *   isOpen={isOpen}\n *   onOpenChange={setIsOpen}\n *   onSave={handleSave}\n *   onCancel={() => setIsOpen(false)}\n *   isSaveDisabled={!isDirty}\n * >\n *   <TextInput label=\"Display name\" value={name} onChange={setName} />\n * </FormDialog>\n * ```\n */\nexport const FormDialog = ({\n  title,\n  children,\n  onSave,\n  onCancel,\n  isOpen,\n  defaultOpen,\n  onOpenChange,\n  saveLabel,\n  cancelLabel,\n  isSaveDisabled = false,\n  isSaveLoading = false,\n  \"aria-label\": ariaLabel,\n}: FormDialogProps) => {\n  const msg = useLocalizedStringFormatter(formDialogMessagesStrings);\n\n  // Internalize open state so we can close the dialog from our cancel\n  // and save buttons without relying on `slot=\"close\"` (which races\n  // its `onOpenChange` notification against the button's `onPress`\n  // handler and double-fires the cancel callback).\n  const [open, setOpen] = useControlledState<boolean>(\n    isOpen,\n    defaultOpen ?? false,\n    onOpenChange\n  );\n\n  const resolvedSaveLabel = saveLabel ?? msg.format(\"save\");\n  const resolvedCancelLabel = cancelLabel ?? msg.format(\"cancel\");\n\n  const handleSave = async () => {\n    const result = onSave();\n    // If the consumer returns a Promise, wait for it to settle before\n    // closing — otherwise the dialog vanishes synchronously and the\n    // consumer's `isSaveLoading` lockout never paints. On rejection we\n    // stay open so the consumer can surface validation errors and let\n    // the user retry.\n    if (result instanceof Promise) {\n      try {\n        await result;\n        setOpen(false);\n      } catch {\n        // intentional: stay open on rejection\n      }\n    } else {\n      setOpen(false);\n    }\n  };\n\n  const handleCancelButton = () => {\n    onCancel();\n    setOpen(false);\n  };\n\n  // `Dialog.Root` invokes its `onOpenChange` for dismiss paths not\n  // driven by an explicit `onPress` in this component — Escape,\n  // overlay click, and the close-button X. Our cancel and save buttons\n  // close via `setOpen(false)` directly and do NOT route through this\n  // callback. The X close button is owned by the pattern via\n  // `isDisabled={isSaveLoading}`, so this handler does not need to\n  // re-check the loading flag for it.\n  const handleAmbientOpenChange = (newOpen: boolean) => {\n    if (!newOpen) {\n      onCancel();\n    }\n    setOpen(newOpen);\n  };\n\n  return (\n    <Dialog.Root\n      isOpen={open}\n      onOpenChange={handleAmbientOpenChange}\n      aria-label={ariaLabel}\n      isDismissable={!isSaveLoading}\n      isKeyboardDismissDisabled={isSaveLoading}\n      scrollBehavior=\"inside\"\n    >\n      <Dialog.Content>\n        <Dialog.Header>\n          <Dialog.Title>{title}</Dialog.Title>\n          <Dialog.CloseTrigger isDisabled={isSaveLoading} />\n        </Dialog.Header>\n        <Dialog.Body>{children}</Dialog.Body>\n        <Dialog.Footer>\n          <Button\n            variant=\"outline\"\n            isDisabled={isSaveLoading}\n            onPress={handleCancelButton}\n          >\n            {resolvedCancelLabel}\n          </Button>\n          <Button\n            variant=\"solid\"\n            colorPalette=\"primary\"\n            isDisabled={isSaveDisabled || isSaveLoading}\n            onPress={handleSave}\n          >\n            {resolvedSaveLabel}\n            {isSaveLoading && <LoadingSpinner ml=\"100\" size=\"2xs\" />}\n          </Button>\n        </Dialog.Footer>\n      </Dialog.Content>\n    </Dialog.Root>\n  );\n};\n\nFormDialog.displayName = \"FormDialog\";\n"],"mappings":";;;;;;;;AKuBA,IAAaY,IAGT;CACF,IAAIJ,EAAkBR;ELrBP,QAAQ;EAAU,MAAM;CKqBjBA,CAAqB;CAC3C,IAAIQ,EAAkBP;EJtBP,QAAQ;EAAa,MAAM;CIsBpBA,CAAqB;CAC3C,IAAIO,EAAkBN;EHvBP,QAAQ;EAAY,MAAM;CGuBnBA,CAAqB;CAC3C,SAASM,EAAkBL;EFxBZ,QAAQ;EAAW,MAAM;CEwBbA,CAAqB;CAChD,SAASK,EAAkBJ;EDzBZ,QAAQ;EAAY,MAAM;CCyBdA,CAAqB;AAClD,GCoBaS,KAAc,EACzB,UACA,aACA,WACA,aACA,WACA,gBACA,iBACA,cACA,gBACA,oBAAiB,IACjB,mBAAgB,IAChB,cAAcC,QACO;CACrB,IAAMC,IAAMR,EAA4BK,CAAyB,GAM3D,CAACI,GAAMC,KAAWZ,EACtBa,GACAC,KAAe,IACfC,CACF,GAEMC,IAAoBC,KAAaP,EAAI,OAAO,MAAM,GAClDQ,IAAsBC,KAAeT,EAAI,OAAO,QAAQ;CAwC9D,OACE,kBAACL,EAAO,MAAR;EACE,QAAQM;EACR,eAV6B,MAAqB;GAIpD,AAHKS,KACHC,EAAS,GAEXT,EAAQQ,CAAO;EACjB;EAMI,cAAYX;EACZ,eAAe,CAACa;EAChB,2BAA2BA;EAC3B,gBAAe;EAEf,UAAA,kBAACjB,EAAO,SAAR,EAAA,UAAA;GACE,kBAACA,EAAO,QAAR,EAAA,UAAA,CACE,kBAACA,EAAO,OAAR,EAAA,UAAekB,EAAoB,CAAA,GACnC,kBAAClB,EAAO,cAAR,EAAqB,YAAYiB,EAAgB,CAAA,CACpC,EAAA,CAAA;GACf,kBAACjB,EAAO,MAAR,EAAc,YAAsB,CAAA;GACpC,kBAACA,EAAO,QAAR,EAAA,UAAA,CACE,kBAACC,GAAD;IACE,SAAQ;IACR,YAAYgB;IACZ,eAtCuB;KAE/B,AADAD,EAAS,GACTT,EAAQ,EAAK;IACf;IAqCW,UAAAM;GACK,CAAA,GACR,kBAACZ,GAAD;IACE,SAAQ;IACR,cAAa;IACb,YAAYkB,KAAkBF;IAC9B,SAAS,YAjEY;KAC7B,IAAMG,IAASC,EAAO;KAMtB,IAAID,aAAkB,SACpB,IAAI;MAEF,AADA,MAAMA,GACNb,EAAQ,EAAK;KACf,QAAQ,CAER;UAEA,EAAQ,EAAK;IAEjB;IA4CQ,UAAA,CAMGI,GACAM,KAAiB,kBAAClB,GAAD;KAAgB,IAAG;KAAM,MAAK;IAAO,CAAA,CACjD;GACK,CAAA,CAAA,EAAA,CAAA;EACD,EAAA,CAAA;CACL,CAAA;AAEjB;AAEA,EAAW,cAAc"}

package/dist/chunks/form-dialog-DTG3wAVS.cjs

@@ -0,0 +1,2 @@
+const e=require("./useControlledState-CBjO7VsQ.cjs"),t=require("./normalize-messages-D3QZsMK8.cjs"),n=require("./loading-spinner-CpZl4iJL.cjs"),r=require("./dialog-DOtvYB7R.cjs"),i=require("./button-B5jSd9hz.cjs");let a=require("react/jsx-runtime");var o={en:t.t({cancel:`Cancel`,save:`Save`}),de:t.t({cancel:`Abbrechen`,save:`Speichern`}),es:t.t({cancel:`Cancelar`,save:`Guardar`}),"fr-FR":t.t({cancel:`Annuler`,save:`Enregistrer`}),"pt-BR":t.t({cancel:`Cancelar`,save:`Salvar`})},s=({title:s,children:c,onSave:l,onCancel:u,isOpen:d,defaultOpen:f,onOpenChange:p,saveLabel:m,cancelLabel:h,isSaveDisabled:g=!1,isSaveLoading:_=!1,"aria-label":v})=>{let y=t.n(o),[b,x]=e.t(d,f??!1,p),S=m??y.format(`save`),C=h??y.format(`cancel`);return(0,a.jsx)(r.t.Root,{isOpen:b,onOpenChange:e=>{e||u(),x(e)},"aria-label":v,isDismissable:!_,isKeyboardDismissDisabled:_,scrollBehavior:`inside`,children:(0,a.jsxs)(r.t.Content,{children:[(0,a.jsxs)(r.t.Header,{children:[(0,a.jsx)(r.t.Title,{children:s}),(0,a.jsx)(r.t.CloseTrigger,{isDisabled:_})]}),(0,a.jsx)(r.t.Body,{children:c}),(0,a.jsxs)(r.t.Footer,{children:[(0,a.jsx)(i.t,{variant:`outline`,isDisabled:_,onPress:()=>{u(),x(!1)},children:C}),(0,a.jsxs)(i.t,{variant:`solid`,colorPalette:`primary`,isDisabled:g||_,onPress:async()=>{let e=l();if(e instanceof Promise)try{await e,x(!1)}catch{}else x(!1)},children:[S,_&&(0,a.jsx)(n.t,{ml:`100`,size:`2xs`})]})]})]})})};s.displayName=`FormDialog`,Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return s}});
+//# sourceMappingURL=form-dialog-DTG3wAVS.cjs.map

package/dist/chunks/form-dialog-DTG3wAVS.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-dialog-DTG3wAVS.cjs.js","names":["normalizeMessages","formDialogMessages_en","formDialogMessages_de","formDialogMessages_es","formDialogMessages_fr","formDialogMessages_pt","useLocalizedStringFormatter","useControlledState","Dialog","Button","LoadingSpinner","require_useControlledState","require_normalize_messages","require_loading_spinner","require_dialog","require_button","react_jsx_runtime","formDialogMessagesStrings","FormDialog","ariaLabel","msg","open","setOpen","isOpen","defaultOpen","onOpenChange","resolvedSaveLabel","saveLabel","resolvedCancelLabel","cancelLabel","newOpen","onCancel","isSaveLoading","title","isSaveDisabled","result","onSave"],"sources":["../../src/patterns/dialogs/form-dialog/intl/en.ts","../../src/patterns/dialogs/form-dialog/intl/de.ts","../../src/patterns/dialogs/form-dialog/intl/es.ts","../../src/patterns/dialogs/form-dialog/intl/fr-FR.ts","../../src/patterns/dialogs/form-dialog/intl/pt-BR.ts","../../src/patterns/dialogs/form-dialog/form-dialog.messages.ts","../../src/patterns/dialogs/form-dialog/form-dialog.tsx"],"sourcesContent":["/**\n * Pre-compiled en messages for FormDialog\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { cancel: `Cancel`, save: `Save` };\n","/**\n * Pre-compiled de messages for FormDialog\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { cancel: `Abbrechen`, save: `Speichern` };\n","/**\n * Pre-compiled es messages for FormDialog\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { cancel: `Cancelar`, save: `Guardar` };\n","/**\n * Pre-compiled fr-FR messages for FormDialog\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { cancel: `Annuler`, save: `Enregistrer` };\n","/**\n * Pre-compiled pt-BR messages for FormDialog\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { cancel: `Cancelar`, save: `Salvar` };\n","/**\n * Pre-compiled localized messages for FormDialog component\n *\n * Generated by scripts/generate-dictionaries.ts\n * DO NOT EDIT MANUALLY\n *\n * @see https://react-spectrum.adobe.com/react-aria/internationalization.html\n */\n\nimport {\n  type LocalizedString,\n  type LocalizedStrings,\n} from \"@internationalized/string\";\nimport { normalizeMessages } from \"../../../utils/normalize-messages\";\n\n// Pre-compiled message functions\nimport formDialogMessages_en from \"./intl/en\";\nimport formDialogMessages_de from \"./intl/de\";\nimport formDialogMessages_es from \"./intl/es\";\nimport formDialogMessages_fr from \"./intl/fr-FR\";\nimport formDialogMessages_pt from \"./intl/pt-BR\";\n\n// Raw LocalizedStrings object for use with useLocalizedStringFormatter hook\nexport const formDialogMessagesStrings: LocalizedStrings<\n  string,\n  LocalizedString\n> = {\n  en: normalizeMessages(formDialogMessages_en),\n  de: normalizeMessages(formDialogMessages_de),\n  es: normalizeMessages(formDialogMessages_es),\n  \"fr-FR\": normalizeMessages(formDialogMessages_fr),\n  \"pt-BR\": normalizeMessages(formDialogMessages_pt),\n} as LocalizedStrings<string, LocalizedString>;\n\n/**\n * Available message keys for FormDialog component\n */\nexport type FormDialogMessageKey = \"cancel\" | \"save\";\n","import { useControlledState } from \"react-stately/useControlledState\";\nimport { Button } from \"@/components/button/button\";\nimport { Dialog } from \"@/components/dialog/dialog\";\nimport { LoadingSpinner } from \"@/components/loading-spinner/loading-spinner\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { formDialogMessagesStrings } from \"./form-dialog.messages\";\nimport type { FormDialogProps } from \"./form-dialog.types\";\n\n/**\n * # FormDialog\n *\n * A pre-composed save/cancel dialog pattern built on top of the Nimbus\n * `Dialog` and `Button` primitives, shaped for hosting an editable form\n * in the body. Exposes a flat API (`title`, `children`, `onSave`,\n * `onCancel`, plus optional state, label, and accessibility props) for\n * the common case of editing data inside a modal.\n *\n * Close affordances: clicking the cancel button, the X button in the\n * header, pressing Escape, or clicking the overlay all invoke\n * `onCancel` and `onOpenChange(false)`. Clicking the save button\n * invokes `onSave` and then closes — synchronously for `void` returns,\n * or after the returned `Promise` fulfills for async saves; rejected\n * promises leave the dialog open so the consumer can surface\n * validation errors. The save path never fires `onCancel`.\n *\n * When `isSaveLoading` is `true` the entire dialog is locked: the save\n * button shows a spinner and is disabled, the cancel button is\n * disabled, and Escape / overlay click / close-button click are all\n * suppressed.\n *\n * The pattern does not wrap `children` in a native `<form>` element.\n * Consumers wanting Enter-to-submit semantics or browser-native\n * validation should wrap their fields in\n * `<form onSubmit={handleSubmit}>` inside `children` and call `onSave`\n * from `handleSubmit`.\n *\n * @example\n * ```tsx\n * const [isOpen, setIsOpen] = useState(false);\n *\n * <FormDialog\n *   title=\"Edit profile\"\n *   isOpen={isOpen}\n *   onOpenChange={setIsOpen}\n *   onSave={handleSave}\n *   onCancel={() => setIsOpen(false)}\n *   isSaveDisabled={!isDirty}\n * >\n *   <TextInput label=\"Display name\" value={name} onChange={setName} />\n * </FormDialog>\n * ```\n */\nexport const FormDialog = ({\n  title,\n  children,\n  onSave,\n  onCancel,\n  isOpen,\n  defaultOpen,\n  onOpenChange,\n  saveLabel,\n  cancelLabel,\n  isSaveDisabled = false,\n  isSaveLoading = false,\n  \"aria-label\": ariaLabel,\n}: FormDialogProps) => {\n  const msg = useLocalizedStringFormatter(formDialogMessagesStrings);\n\n  // Internalize open state so we can close the dialog from our cancel\n  // and save buttons without relying on `slot=\"close\"` (which races\n  // its `onOpenChange` notification against the button's `onPress`\n  // handler and double-fires the cancel callback).\n  const [open, setOpen] = useControlledState<boolean>(\n    isOpen,\n    defaultOpen ?? false,\n    onOpenChange\n  );\n\n  const resolvedSaveLabel = saveLabel ?? msg.format(\"save\");\n  const resolvedCancelLabel = cancelLabel ?? msg.format(\"cancel\");\n\n  const handleSave = async () => {\n    const result = onSave();\n    // If the consumer returns a Promise, wait for it to settle before\n    // closing — otherwise the dialog vanishes synchronously and the\n    // consumer's `isSaveLoading` lockout never paints. On rejection we\n    // stay open so the consumer can surface validation errors and let\n    // the user retry.\n    if (result instanceof Promise) {\n      try {\n        await result;\n        setOpen(false);\n      } catch {\n        // intentional: stay open on rejection\n      }\n    } else {\n      setOpen(false);\n    }\n  };\n\n  const handleCancelButton = () => {\n    onCancel();\n    setOpen(false);\n  };\n\n  // `Dialog.Root` invokes its `onOpenChange` for dismiss paths not\n  // driven by an explicit `onPress` in this component — Escape,\n  // overlay click, and the close-button X. Our cancel and save buttons\n  // close via `setOpen(false)` directly and do NOT route through this\n  // callback. The X close button is owned by the pattern via\n  // `isDisabled={isSaveLoading}`, so this handler does not need to\n  // re-check the loading flag for it.\n  const handleAmbientOpenChange = (newOpen: boolean) => {\n    if (!newOpen) {\n      onCancel();\n    }\n    setOpen(newOpen);\n  };\n\n  return (\n    <Dialog.Root\n      isOpen={open}\n      onOpenChange={handleAmbientOpenChange}\n      aria-label={ariaLabel}\n      isDismissable={!isSaveLoading}\n      isKeyboardDismissDisabled={isSaveLoading}\n      scrollBehavior=\"inside\"\n    >\n      <Dialog.Content>\n        <Dialog.Header>\n          <Dialog.Title>{title}</Dialog.Title>\n          <Dialog.CloseTrigger isDisabled={isSaveLoading} />\n        </Dialog.Header>\n        <Dialog.Body>{children}</Dialog.Body>\n        <Dialog.Footer>\n          <Button\n            variant=\"outline\"\n            isDisabled={isSaveLoading}\n            onPress={handleCancelButton}\n          >\n            {resolvedCancelLabel}\n          </Button>\n          <Button\n            variant=\"solid\"\n            colorPalette=\"primary\"\n            isDisabled={isSaveDisabled || isSaveLoading}\n            onPress={handleSave}\n          >\n            {resolvedSaveLabel}\n            {isSaveLoading && <LoadingSpinner ml=\"100\" size=\"2xs\" />}\n          </Button>\n        </Dialog.Footer>\n      </Dialog.Content>\n    </Dialog.Root>\n  );\n};\n\nFormDialog.displayName = \"FormDialog\";\n"],"mappings":"wQKuBA,IAAaiB,EAGT,CACF,GAAIjB,EAAAA,EAAkBC,CLrBP,OAAQ,SAAU,KAAM,MKqBjBA,CAAqB,EAC3C,GAAID,EAAAA,EAAkBE,CJtBP,OAAQ,YAAa,KAAM,WIsBpBA,CAAqB,EAC3C,GAAIF,EAAAA,EAAkBG,CHvBP,OAAQ,WAAY,KAAM,SGuBnBA,CAAqB,EAC3C,QAASH,EAAAA,EAAkBI,CFxBZ,OAAQ,UAAW,KAAM,aEwBbA,CAAqB,EAChD,QAASJ,EAAAA,EAAkBK,CDzBZ,OAAQ,WAAY,KAAM,QCyBdA,CAAqB,CAClD,ECoBaa,GAAc,CACzB,QACA,WACA,SACA,WACA,SACA,cACA,eACA,YACA,cACA,iBAAiB,GACjB,gBAAgB,GAChB,aAAcC,KACO,CACrB,IAAMC,EAAMd,EAAAA,EAA4BW,CAAyB,EAM3D,CAACI,EAAMC,GAAWf,EAAAA,EACtBgB,EACAC,GAAe,GACfC,CACF,EAEMC,EAAoBC,GAAaP,EAAI,OAAO,MAAM,EAClDQ,EAAsBC,GAAeT,EAAI,OAAO,QAAQ,EAwC9D,OACE,EAAAJ,EAAA,IAAA,CAACR,EAAAA,EAAO,KAAR,CACE,OAAQa,EACR,aAV6B,GAAqB,CAC/CS,GACHC,EAAS,EAEXT,EAAQQ,CAAO,CACjB,EAMI,aAAYX,EACZ,cAAe,CAACa,EAChB,0BAA2BA,EAC3B,eAAe,SAEf,UAAA,EAAAhB,EAAA,KAAA,CAACR,EAAAA,EAAO,QAAR,CAAA,SAAA,EACE,EAAAQ,EAAA,KAAA,CAACR,EAAAA,EAAO,OAAR,CAAA,SAAA,EACE,EAAAQ,EAAA,IAAA,CAACR,EAAAA,EAAO,MAAR,CAAA,SAAeyB,CAAoB,CAAA,GACnC,EAAAjB,EAAA,IAAA,CAACR,EAAAA,EAAO,aAAR,CAAqB,WAAYwB,CAAgB,CAAA,CACpC,CAAA,CAAA,GACf,EAAAhB,EAAA,IAAA,CAACR,EAAAA,EAAO,KAAR,CAAc,UAAsB,CAAA,GACpC,EAAAQ,EAAA,KAAA,CAACR,EAAAA,EAAO,OAAR,CAAA,SAAA,EACE,EAAAQ,EAAA,IAAA,CAACP,EAAAA,EAAD,CACE,QAAQ,UACR,WAAYuB,EACZ,YAtCuB,CAC/BD,EAAS,EACTT,EAAQ,EAAK,CACf,EAqCW,SAAAM,CACK,CAAA,GACR,EAAAZ,EAAA,KAAA,CAACP,EAAAA,EAAD,CACE,QAAQ,QACR,aAAa,UACb,WAAYyB,GAAkBF,EAC9B,QAAS,SAjEY,CAC7B,IAAMG,EAASC,EAAO,EAMtB,GAAID,aAAkB,QACpB,GAAI,CACF,MAAMA,EACNb,EAAQ,EAAK,CACf,MAAQ,CAER,MAEAA,EAAQ,EAAK,CAEjB,EA4CQ,SAAA,CAMGI,EACAM,IAAiB,EAAAhB,EAAA,IAAA,CAACN,EAAAA,EAAD,CAAgB,GAAG,MAAM,KAAK,KAAO,CAAA,CACjD,CACK,CAAA,CAAA,CAAA,CAAA,CACD,CAAA,CAAA,CACL,CAAA,CAEjB,EAEA,EAAW,YAAc"}

package/dist/chunks/form-field-BPuiFdGQ.es.js

@@ -0,0 +1,240 @@
+import { t as e } from "./useObjectRef-CiW-zdxU.es.js";
+import { t } from "./useField-C6Cv7uSu.es.js";
+import { n, t as r, u as i } from "./Dialog-qQ2By0Vs.es.js";
+import { t as a } from "./error-outline-CJHdhN0s.es.js";
+import { t as o } from "./box-CZyqYgLL.es.js";
+import { t as s } from "./icon-button-fydMHcRi.es.js";
+import { t as c } from "./merge-refs-C1GcH9iY.es.js";
+import { Children as l, cloneElement as u, createContext as d, forwardRef as f, isValidElement as p, useContext as m, useEffect as h, useMemo as g, useRef as _, useState as v } from "react";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
+import { createSlotRecipeContext as x } from "@chakra-ui/react/styled-system";
+var S = f((e, t) => y("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "1em",
+	height: "1em",
+	viewBox: "0 0 24 24",
+	"aria-hidden": "true",
+	fill: "currentColor",
+	ref: t,
+	...e,
+	children: y("path", { d: "M11 18h2v-2h-2zm1-16C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8m0-14c-2.21 0-4 1.79-4 4h2c0-1.1.9-2 2-2s2 .9 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5 0-2.21-1.79-4-4-4" })
+})), C = d({
+	context: {
+		label: null,
+		description: null,
+		error: null,
+		info: null
+	},
+	setContext: () => {},
+	inputProps: {}
+}), { withProvider: w, withContext: T } = x({ key: "nimbusFormField" }), E = w("div", "root"), D = T("div", "label"), O = T("div", "input"), k = T("div", "description"), A = T("div", "error"), j = T("div", "popover"), M = function({ ref: l, id: u, isInvalid: d, isRequired: f, isDisabled: p, isReadOnly: m, children: x, ...w }) {
+	let T = _(null), O = e(c(T, l)), [M, N] = v({
+		label: null,
+		description: null,
+		error: null,
+		info: null,
+		isInvalid: d,
+		isRequired: f,
+		isDisabled: p,
+		isReadOnly: m
+	}), P = g(() => {
+		let e = {
+			id: u,
+			description: M.description,
+			errorMessage: M.error
+		};
+		return M.label ? e.label = M.label : (e["aria-label"] = "empty-label", e["aria-labelledby"] = "empty-label"), e;
+	}, [
+		u,
+		M.description,
+		M.error,
+		M.label
+	]), { labelProps: F, fieldProps: I, descriptionProps: L, errorMessageProps: R } = t(P);
+	h(() => {
+		N((e) => ({
+			...e,
+			isInvalid: d,
+			isRequired: f,
+			isDisabled: p,
+			isReadOnly: m
+		}));
+	}, [
+		d,
+		f,
+		p,
+		m
+	]);
+	let z = g(() => ({
+		...I,
+		isInvalid: d,
+		isRequired: f,
+		isDisabled: p,
+		isReadOnly: m
+	}), [
+		I,
+		d,
+		f,
+		p,
+		m
+	]), B = g(() => ({
+		context: M,
+		setContext: N,
+		inputProps: z
+	}), [M, z]);
+	return /* @__PURE__ */ y(C.Provider, {
+		value: B,
+		children: /* @__PURE__ */ b(E, {
+			ref: O,
+			...w,
+			children: [
+				M.label && /* @__PURE__ */ b(D, {
+					...M.labelSlotProps,
+					children: [/* @__PURE__ */ b("label", {
+						...F,
+						"data-required": f,
+						children: [M.label, f && /* @__PURE__ */ y("sup", {
+							"aria-hidden": "true",
+							children: "*"
+						})]
+					}), M.info && /* @__PURE__ */ b(r, { children: [/* @__PURE__ */ y(o, {
+						as: "span",
+						display: "inline-block",
+						position: "relative",
+						width: "1ch",
+						height: "1ch",
+						ml: "200",
+						children: /* @__PURE__ */ y(o, {
+							as: "span",
+							display: "inline-flex",
+							position: "absolute",
+							top: "50%",
+							right: "50%",
+							transform: "translate(50%, -50%)",
+							children: /* @__PURE__ */ y(s, {
+								"aria-label": "__MORE INFO",
+								size: "2xs",
+								colorPalette: "info",
+								variant: "link",
+								children: /* @__PURE__ */ y(S, {})
+							})
+						})
+					}), /* @__PURE__ */ y(i, { children: /* @__PURE__ */ y(j, {
+						asChild: !0,
+						children: /* @__PURE__ */ y(n, { children: /* @__PURE__ */ y(o, {
+							p: "300",
+							children: M.info
+						}) })
+					}) })] })]
+				}),
+				M.description && /* @__PURE__ */ y(k, {
+					...L,
+					...M.descriptionSlotProps,
+					children: M.description
+				}),
+				d && M.error && /* @__PURE__ */ b(A, {
+					...R,
+					...M.errorSlotProps,
+					children: [/* @__PURE__ */ y(o, {
+						as: a,
+						display: "inline-flex",
+						boxSize: "400",
+						flexShrink: "0",
+						mt: "50"
+					}), M.error]
+				}),
+				x
+			]
+		})
+	});
+};
+M.displayName = "FormField.Root";
+//#endregion
+//#region src/components/form-field/components/form-field.label.tsx
+var N = ({ children: e, ...t }) => {
+	let { setContext: n } = m(C);
+	return h(() => (n((n) => ({
+		...n,
+		label: e,
+		labelSlotProps: t
+	})), () => {
+		n((e) => ({
+			...e,
+			label: null,
+			labelSlotProps: void 0
+		}));
+	}), [e, n]), null;
+};
+N.displayName = "FormField.Label";
+//#endregion
+//#region src/components/form-field/components/form-field.input.tsx
+var P = ({ children: e, ...t }) => {
+	let { inputProps: n } = m(C);
+	return /* @__PURE__ */ y(O, {
+		...t,
+		children: l.map(e, (e) => p(e) ? u(e, n) : e)
+	});
+};
+P.displayName = "FormField.Input";
+//#endregion
+//#region src/components/form-field/components/form-field.description.tsx
+var F = ({ children: e, ...t }) => {
+	let { setContext: n } = m(C);
+	return h(() => (n((n) => ({
+		...n,
+		description: e,
+		descriptionSlotProps: t
+	})), () => {
+		n((e) => ({
+			...e,
+			description: null,
+			descriptionSlotProps: void 0
+		}));
+	}), [e, n]), null;
+};
+F.displayName = "FormField.Description";
+//#endregion
+//#region src/components/form-field/components/form-field.error.tsx
+var I = ({ children: e, ...t }) => {
+	let { setContext: n } = m(C);
+	return h(() => (n((n) => ({
+		...n,
+		error: e,
+		errorSlotProps: t
+	})), () => {
+		n((e) => ({
+			...e,
+			error: null,
+			errorSlotProps: void 0
+		}));
+	}), [e, n]), null;
+};
+I.displayName = "FormField.Error";
+//#endregion
+//#region src/components/form-field/components/form-field.info-box.tsx
+var L = ({ children: e }) => {
+	let { setContext: t } = m(C);
+	return h(() => (t((t) => ({
+		...t,
+		info: e
+	})), () => {
+		t((e) => ({
+			...e,
+			info: null
+		}));
+	}), [e, t]), null;
+};
+L.displayName = "FormField.InfoBox";
+//#endregion
+//#region src/components/form-field/form-field.tsx
+var R = {
+	Root: M,
+	Label: N,
+	Input: P,
+	Description: F,
+	Error: I,
+	InfoBox: L
+};
+//#endregion
+export { S as n, R as t };
+
+//# sourceMappingURL=form-field-BPuiFdGQ.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form-field-BPuiFdGQ.es.js","names":["_jsx","useObjectRef","useField","DialogTrigger","HelpOutline","Popover","Dialog","ErrorOutline","$03e8ab2d84d7657a$export$4338b53315abf666","$f2ff30fde7b014be$export$2e1e1122cf0cba88","$542a13ca2fa5b484$export$5b6b19405a83ff9d","ForwardRef$1","Box","IconButton","mergeRefs","ForwardRef","forwardRef","jsx","props","FormFieldContext","createContext","createSlotRecipeContext","FormFieldRootSlot","withProvider","FormFieldLabelSlot","withContext","FormFieldInputSlot","FormFieldDescriptionSlot","FormFieldErrorSlot","FormFieldPopoverSlot","FormFieldRoot","forwardedRef","localRef","useRef","ref","context","setContext","useState","useFieldArgs","useMemo","args","id","$191c9b6d48a0a4e2$export$294aa081a6c6f55d","prevContext","isInvalid","isRequired","isDisabled","isReadOnly","inputProps","fieldProps","contextValue","labelProps","$f2ff30fde7b014be$export$3ddf2d174ce01153","descriptionProps","errorMessageProps","children","FormFieldLabel","labelSlotProps","useContext","useEffect","FormFieldInput","inputSlotProps","Children","isValidElement","child","cloneElement","FormFieldDescription","descriptionSlotProps","FormFieldError","errorSlotProps","FormFieldInfoBox","FormField"],"sources":["../../../nimbus-icons/dist/esm/material-icons/help-outline.js","../../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 { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from \"react\";\nconst SvgHelpOutline = (props, ref) => (_jsx(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", \"aria-hidden\": \"true\", fill: \"currentColor\", ref: ref, ...props, children: _jsx(\"path\", { d: \"M11 18h2v-2h-2zm1-16C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8m0-14c-2.21 0-4 1.79-4 4h2c0-1.1.9-2 2-2s2 .9 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5 0-2.21-1.79-4-4-4\" }) }));\nconst ForwardRef = forwardRef(SvgHelpOutline);\nexport default ForwardRef;\n","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"],"mappings":"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"}

package/dist/chunks/form-field-DWn2ln7Y.cjs

@@ -0,0 +1,2 @@
+const e=require("./useObjectRef-B_odk_Xk.cjs"),t=require("./useField-D5tl2Y3L.cjs"),n=require("./Dialog-iHfIJEY_.cjs"),r=require("./error-outline-74BatKMN.cjs"),i=require("./box-B6vF0vdN.cjs"),a=require("./icon-button-CdnkEz-r.cjs"),o=require("./merge-refs-DjTl2ATo.cjs");let s=require("react"),c=require("react/jsx-runtime"),l=require("@chakra-ui/react/styled-system");var u=(0,s.forwardRef)((e,t)=>(0,c.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`1em`,height:`1em`,viewBox:`0 0 24 24`,"aria-hidden":`true`,fill:`currentColor`,ref:t,...e,children:(0,c.jsx)(`path`,{d:`M11 18h2v-2h-2zm1-16C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8m0-14c-2.21 0-4 1.79-4 4h2c0-1.1.9-2 2-2s2 .9 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5 0-2.21-1.79-4-4-4`})})),d=(0,s.createContext)({context:{label:null,description:null,error:null,info:null},setContext:()=>{},inputProps:{}}),{withProvider:f,withContext:p}=(0,l.createSlotRecipeContext)({key:`nimbusFormField`}),m=f(`div`,`root`),h=p(`div`,`label`),g=p(`div`,`input`),_=p(`div`,`description`),v=p(`div`,`error`),y=p(`div`,`popover`),b=function({ref:l,id:f,isInvalid:p,isRequired:g,isDisabled:b,isReadOnly:x,children:S,...C}){let w=(0,s.useRef)(null),T=e.t(o.t(w,l)),[E,D]=(0,s.useState)({label:null,description:null,error:null,info:null,isInvalid:p,isRequired:g,isDisabled:b,isReadOnly:x}),O=(0,s.useMemo)(()=>{let e={id:f,description:E.description,errorMessage:E.error};return E.label?e.label=E.label:(e[`aria-label`]=`empty-label`,e[`aria-labelledby`]=`empty-label`),e},[f,E.description,E.error,E.label]),{labelProps:k,fieldProps:A,descriptionProps:j,errorMessageProps:M}=t.t(O);(0,s.useEffect)(()=>{D(e=>({...e,isInvalid:p,isRequired:g,isDisabled:b,isReadOnly:x}))},[p,g,b,x]);let N=(0,s.useMemo)(()=>({...A,isInvalid:p,isRequired:g,isDisabled:b,isReadOnly:x}),[A,p,g,b,x]),P=(0,s.useMemo)(()=>({context:E,setContext:D,inputProps:N}),[E,N]);return(0,c.jsx)(d.Provider,{value:P,children:(0,c.jsxs)(m,{ref:T,...C,children:[E.label&&(0,c.jsxs)(h,{...E.labelSlotProps,children:[(0,c.jsxs)(`label`,{...k,"data-required":g,children:[E.label,g&&(0,c.jsx)(`sup`,{"aria-hidden":`true`,children:`*`})]}),E.info&&(0,c.jsxs)(n.t,{children:[(0,c.jsx)(i.t,{as:`span`,display:`inline-block`,position:`relative`,width:`1ch`,height:`1ch`,ml:`200`,children:(0,c.jsx)(i.t,{as:`span`,display:`inline-flex`,position:`absolute`,top:`50%`,right:`50%`,transform:`translate(50%, -50%)`,children:(0,c.jsx)(a.t,{"aria-label":`__MORE INFO`,size:`2xs`,colorPalette:`info`,variant:`link`,children:(0,c.jsx)(u,{})})})}),(0,c.jsx)(n.u,{children:(0,c.jsx)(y,{asChild:!0,children:(0,c.jsx)(n.n,{children:(0,c.jsx)(i.t,{p:`300`,children:E.info})})})})]})]}),E.description&&(0,c.jsx)(_,{...j,...E.descriptionSlotProps,children:E.description}),p&&E.error&&(0,c.jsxs)(v,{...M,...E.errorSlotProps,children:[(0,c.jsx)(i.t,{as:r.t,display:`inline-flex`,boxSize:`400`,flexShrink:`0`,mt:`50`}),E.error]}),S]})})};b.displayName=`FormField.Root`;var x=({children:e,...t})=>{let{setContext:n}=(0,s.useContext)(d);return(0,s.useEffect)(()=>(n(n=>({...n,label:e,labelSlotProps:t})),()=>{n(e=>({...e,label:null,labelSlotProps:void 0}))}),[e,n]),null};x.displayName=`FormField.Label`;var S=({children:e,...t})=>{let{inputProps:n}=(0,s.useContext)(d);return(0,c.jsx)(g,{...t,children:s.Children.map(e,e=>(0,s.isValidElement)(e)?(0,s.cloneElement)(e,n):e)})};S.displayName=`FormField.Input`;var C=({children:e,...t})=>{let{setContext:n}=(0,s.useContext)(d);return(0,s.useEffect)(()=>(n(n=>({...n,description:e,descriptionSlotProps:t})),()=>{n(e=>({...e,description:null,descriptionSlotProps:void 0}))}),[e,n]),null};C.displayName=`FormField.Description`;var w=({children:e,...t})=>{let{setContext:n}=(0,s.useContext)(d);return(0,s.useEffect)(()=>(n(n=>({...n,error:e,errorSlotProps:t})),()=>{n(e=>({...e,error:null,errorSlotProps:void 0}))}),[e,n]),null};w.displayName=`FormField.Error`;var T=({children:e})=>{let{setContext:t}=(0,s.useContext)(d);return(0,s.useEffect)(()=>(t(t=>({...t,info:e})),()=>{t(e=>({...e,info:null}))}),[e,t]),null};T.displayName=`FormField.InfoBox`;var E={Root:b,Label:x,Input:S,Description:C,Error:w,InfoBox:T};Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return E}});
+//# sourceMappingURL=form-field-DWn2ln7Y.cjs.map

package/dist/chunks/form-field-DWn2ln7Y.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field-DWn2ln7Y.cjs.js","names":["_jsx","forwardRef","createContext","createSlotRecipeContext","useRef","useObjectRef","mergeRefs","useState","useMemo","useField","DialogTrigger","Box","IconButton","HelpOutline","Popover","Dialog","ErrorOutline","useContext","useContext","Children","isValidElement","cloneElement","useContext","useContext","useContext","require_useObjectRef","require_useField","require_Dialog","require_error_outline","require_box","require_icon_button","require_merge_refs","react","react_jsx_runtime","_chakra_ui_react_styled_system","ForwardRef","props","FormFieldContext","FormFieldRootSlot","withProvider","FormFieldLabelSlot","withContext","FormFieldInputSlot","FormFieldDescriptionSlot","FormFieldErrorSlot","FormFieldPopoverSlot","FormFieldRoot","forwardedRef","localRef","ref","context","setContext","useFieldArgs","args","id","prevContext","isInvalid","isRequired","isDisabled","isReadOnly","inputProps","fieldProps","contextValue","labelProps","descriptionProps","errorMessageProps","children","FormFieldLabel","labelSlotProps","FormFieldInput","inputSlotProps","child","FormFieldDescription","descriptionSlotProps","FormFieldError","errorSlotProps","FormFieldInfoBox","FormField"],"sources":["../../../nimbus-icons/dist/esm/material-icons/help-outline.js","../../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 { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from \"react\";\nconst SvgHelpOutline = (props, ref) => (_jsx(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", \"aria-hidden\": \"true\", fill: \"currentColor\", ref: ref, ...props, children: _jsx(\"path\", { d: \"M11 18h2v-2h-2zm1-16C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8m0-14c-2.21 0-4 1.79-4 4h2c0-1.1.9-2 2-2s2 .9 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5 0-2.21-1.79-4-4-4\" }) }));\nconst ForwardRef = forwardRef(SvgHelpOutline);\nexport default ForwardRef;\n","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"],"mappings":"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"}

package/dist/chunks/getScrollParent-CJ5ojTgD.cjs

@@ -0,0 +1,2 @@
+const e=require("./scrollIntoView-CA181eV8.cjs");function t(t,n){let r=t;for(e.r(r,n)&&(r=r.parentElement);r&&!e.r(r,n);)r=r.parentElement;return r||document.scrollingElement||document.documentElement}Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return t}});
+//# sourceMappingURL=getScrollParent-CJ5ojTgD.cjs.map

package/dist/chunks/getScrollParent-CJ5ojTgD.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"getScrollParent-CJ5ojTgD.cjs.js","names":["$901761b40e390936$export$2bb74740c4e19def","require_scrollIntoView","$3578607fe3d4b096$export$cfa2225e87938781","scrollableNode","node","checkForOverflow"],"sources":["../../../../node_modules/.pnpm/react-aria@3.53.1_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/utils/getScrollParent.mjs"],"sourcesContent":["import {isScrollable as $901761b40e390936$export$2bb74740c4e19def} from \"./isScrollable.mjs\";\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 */ \nfunction $3578607fe3d4b096$export$cfa2225e87938781(node, checkForOverflow) {\n    let scrollableNode = node;\n    if ((0, $901761b40e390936$export$2bb74740c4e19def)(scrollableNode, checkForOverflow)) scrollableNode = scrollableNode.parentElement;\n    while(scrollableNode && !(0, $901761b40e390936$export$2bb74740c4e19def)(scrollableNode, checkForOverflow))scrollableNode = scrollableNode.parentElement;\n    return scrollableNode || document.scrollingElement || document.documentElement;\n}\n\n\nexport {$3578607fe3d4b096$export$cfa2225e87938781 as getScrollParent};\n//# sourceMappingURL=getScrollParent.mjs.map\n"],"ignoreList":[0],"mappings":"oDAaA,SAASE,EAA0C,EAAM,EAAkB,CACvE,IAAIC,EAAiBC,EAErB,IADQJ,EAAAA,EAA2CG,EAAgBE,CAAgB,IAAG,EAAiBF,EAAe,eAChHA,GAAkB,CAAKH,EAAAA,EAA2CG,EAAgBE,CAAgB,GAAE,EAAiBF,EAAe,cAC1I,OAAOA,GAAkB,SAAS,kBAAoB,SAAS,eACnE"}

package/dist/chunks/getScrollParent-Cnw-Zg0y.es.js

@@ -0,0 +1,11 @@
+import { r as e } from "./scrollIntoView-Dg5k0QQa.es.js";
+//#region ../../node_modules/.pnpm/react-aria@3.53.1_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/utils/getScrollParent.mjs
+function t(t, n) {
+	let r = t;
+	for (e(r, n) && (r = r.parentElement); r && !e(r, n);) r = r.parentElement;
+	return r || document.scrollingElement || document.documentElement;
+}
+//#endregion
+export { t };
+
+//# sourceMappingURL=getScrollParent-Cnw-Zg0y.es.js.map

package/dist/chunks/getScrollParent-Cnw-Zg0y.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getScrollParent-Cnw-Zg0y.es.js","names":["$901761b40e390936$export$2bb74740c4e19def","$3578607fe3d4b096$export$cfa2225e87938781","scrollableNode","node","checkForOverflow"],"sources":["../../../../node_modules/.pnpm/react-aria@3.53.1_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/utils/getScrollParent.mjs"],"sourcesContent":["import {isScrollable as $901761b40e390936$export$2bb74740c4e19def} from \"./isScrollable.mjs\";\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 */ \nfunction $3578607fe3d4b096$export$cfa2225e87938781(node, checkForOverflow) {\n    let scrollableNode = node;\n    if ((0, $901761b40e390936$export$2bb74740c4e19def)(scrollableNode, checkForOverflow)) scrollableNode = scrollableNode.parentElement;\n    while(scrollableNode && !(0, $901761b40e390936$export$2bb74740c4e19def)(scrollableNode, checkForOverflow))scrollableNode = scrollableNode.parentElement;\n    return scrollableNode || document.scrollingElement || document.documentElement;\n}\n\n\nexport {$3578607fe3d4b096$export$cfa2225e87938781 as getScrollParent};\n//# sourceMappingURL=getScrollParent.mjs.map\n"],"ignoreList":[0],"mappings":";;AAaA,SAASC,EAA0C,GAAM,GAAkB;CACvE,IAAIC,IAAiBC;CAErB,KADQH,EAA2CE,GAAgBE,CAAgB,MAAG,IAAiBF,EAAe,gBAChHA,KAAkB,CAAKF,EAA2CE,GAAgBE,CAAgB,IAAE,IAAiBF,EAAe;CAC1I,OAAOA,KAAkB,SAAS,oBAAoB,SAAS;AACnE"}

package/dist/chunks/group-D2Wjl67D.cjs

@@ -0,0 +1,2 @@
+const e=require("./Group-BNnxaAI-.cjs");let t=require("react/jsx-runtime");var{withContext:n}=(0,require("@chakra-ui/react/styled-system").createRecipeContext)({key:`nimbusGroup`}),r=n(e.t),i=e=>{let{ref:n,children:i,...a}=e;return(0,t.jsx)(r,{ref:n,...a,children:i})};Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return i}});
+//# sourceMappingURL=group-D2Wjl67D.cjs.map

package/dist/chunks/group-D2Wjl67D.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"group-D2Wjl67D.cjs.js","names":["createRecipeContext","RaGroup","require_Group","react_jsx_runtime","GroupSlot","withContext","Group","rest","props"],"sources":["../../src/components/group/group.slots.tsx","../../src/components/group/group.tsx"],"sourcesContent":["import { createRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport { Group as RaGroup } from \"react-aria-components\";\nimport type { SlotComponent } from \"@/type-utils\";\nimport type { GroupRootSlotProps } from \"./group.types\";\n\nconst { withContext } = createRecipeContext({\n  key: \"nimbusGroup\",\n});\n\n/**\n * Slot component that provides the styling context for the Group component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const GroupSlot: SlotComponent<typeof RaGroup, GroupRootSlotProps> =\n  withContext<typeof RaGroup, GroupRootSlotProps>(RaGroup);\n","import { GroupSlot } from \"./group.slots\";\nimport type { GroupComponent } from \"./group.types\";\n\n/**\n * # Group\n *\n * A layout component for grouping related elements.\n *\n * @supportsStyleProps\n */\nexport const Group: GroupComponent = (props) => {\n  const { ref, children, ...rest } = props;\n  return (\n    <GroupSlot ref={ref} {...rest}>\n      {children}\n    </GroupSlot>\n  );\n};\n"],"mappings":"8EAKA,GAAM,CAAE,gBAAA,0CAAgBA,CAAAA,CAAAA,oBAAAA,CAAoB,CAC1C,IAAK,aACP,CAAC,EAMYI,EACXC,EAAgDJ,EAAAA,CAAO,ECJ5CK,EAAyB,GAAU,CAC9C,GAAM,CAAE,MAAK,WAAU,GAAGC,GAASC,EACnC,OACE,EAAAL,EAAA,IAAA,CAACC,EAAD,CAAgB,MAAK,GAAIG,EACtB,UACQ,CAAA,CAEf"}

package/dist/chunks/group-MWMboo-e.es.js

@@ -0,0 +1,16 @@
+import { t as e } from "./Group-CBFwo9Qg.es.js";
+import { jsx as t } from "react/jsx-runtime";
+import { createRecipeContext as n } from "@chakra-ui/react/styled-system";
+//#region src/components/group/group.slots.tsx
+var { withContext: r } = n({ key: "nimbusGroup" }), i = r(e), a = (e) => {
+	let { ref: n, children: r, ...a } = e;
+	return /* @__PURE__ */ t(i, {
+		ref: n,
+		...a,
+		children: r
+	});
+};
+//#endregion
+export { a as t };
+
+//# sourceMappingURL=group-MWMboo-e.es.js.map

package/dist/chunks/group-MWMboo-e.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"group-MWMboo-e.es.js","names":["RaGroup","$3a442827418ebe87$export$eb2fcfdbd7ba97d4","createRecipeContext","GroupSlot","withContext","Group","rest","props"],"sources":["../../src/components/group/group.slots.tsx","../../src/components/group/group.tsx"],"sourcesContent":["import { createRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport { Group as RaGroup } from \"react-aria-components\";\nimport type { SlotComponent } from \"@/type-utils\";\nimport type { GroupRootSlotProps } from \"./group.types\";\n\nconst { withContext } = createRecipeContext({\n  key: \"nimbusGroup\",\n});\n\n/**\n * Slot component that provides the styling context for the Group component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const GroupSlot: SlotComponent<typeof RaGroup, GroupRootSlotProps> =\n  withContext<typeof RaGroup, GroupRootSlotProps>(RaGroup);\n","import { GroupSlot } from \"./group.slots\";\nimport type { GroupComponent } from \"./group.types\";\n\n/**\n * # Group\n *\n * A layout component for grouping related elements.\n *\n * @supportsStyleProps\n */\nexport const Group: GroupComponent = (props) => {\n  const { ref, children, ...rest } = props;\n  return (\n    <GroupSlot ref={ref} {...rest}>\n      {children}\n    </GroupSlot>\n  );\n};\n"],"mappings":";;;;AAKA,IAAM,EAAE,mBAAgBE,EAAoB,EAC1C,KAAK,cACP,CAAC,GAMYC,IACXC,EAAgDJ,CAAO,GCJ5CK,KAAyB,MAAU;CAC9C,IAAM,EAAE,QAAK,aAAU,GAAGC,MAASC;CACnC,OACE,kBAACJ,GAAD;EAAgB;EAAK,GAAIG;EACtB;CACQ,CAAA;AAEf"}

package/dist/chunks/heading-BfuOrd8C.es.js

@@ -0,0 +1,19 @@
+import { n as e } from "./utils-BUIM0pi9.es.js";
+import { n as t } from "./Heading-DsGVPtDD.es.js";
+import { jsx as n } from "react/jsx-runtime";
+import { createRecipeContext as r } from "@chakra-ui/react/styled-system";
+//#region src/components/heading/heading.slots.tsx
+var { withContext: i } = r({ key: "nimbusHeading" }), a = i("h2"), o = ({ ref: r, ...i }) => {
+	let [o, s] = e(i, r ?? null, t);
+	return /* @__PURE__ */ n(a, {
+		ref: s,
+		...o,
+		as: i.as || o.as,
+		slot: i.slot ?? void 0
+	});
+};
+o.displayName = "Heading";
+//#endregion
+export { o as t };
+
+//# sourceMappingURL=heading-BfuOrd8C.es.js.map

package/dist/chunks/heading-BfuOrd8C.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"heading-BfuOrd8C.es.js","names":["useContextProps","HeadingContext","$7230ffa83bc0c2cf$export$29f1550f4b0d4415","$2ec61d1d4f780267$export$d688439359537581","createRecipeContext","HeadingRoot","withContext","Heading","forwardedRef","props","contextProps","ref"],"sources":["../../src/components/heading/heading.slots.tsx","../../src/components/heading/heading.tsx"],"sourcesContent":["import { createRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type { HeadingRootSlotProps } from \"./heading.types\";\n\nconst { withContext } = createRecipeContext({ key: \"nimbusHeading\" });\n\nexport const HeadingRoot: React.FC<HeadingRootSlotProps> = withContext<\n  HTMLHeadingElement,\n  HeadingRootSlotProps\n>(\"h2\");\n","import { HeadingContext, useContextProps } from \"react-aria-components\";\nimport { HeadingRoot } from \"./heading.slots\";\nimport type { HeadingRootSlotProps } from \"./heading.types\";\n\n/**\n * Props for the Heading component.\n *\n * @property {React.Ref<HTMLHeadingElement>} [ref] - Ref to the underlying heading element.\n * @property {string | null | undefined} [slot] - Slot attribute for custom element slotting.\n */\nexport type HeadingProps = Omit<HeadingRootSlotProps, \"slot\"> & {\n  /**\n   * Ref to the underlying heading element.\n   */\n  ref?: React.Ref<HTMLHeadingElement>;\n  /**\n   * Slot attribute for custom element slotting.\n   */\n  slot?: string | null | undefined;\n};\n\n/**\n * # Heading\n *\n * renders a heading\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/typography/heading}\n * @supportsStyleProps\n */\nexport const Heading = ({ ref: forwardedRef, ...props }: HeadingProps) => {\n  const [contextProps, ref] = useContextProps(\n    props,\n    forwardedRef ?? null,\n    HeadingContext\n  );\n\n  return (\n    <HeadingRoot\n      ref={ref as React.Ref<HTMLHeadingElement>}\n      {...contextProps}\n      as={props.as || contextProps.as}\n      slot={props.slot ?? undefined}\n    />\n  );\n};\n\nHeading.displayName = \"Heading\";\n"],"mappings":";;;;;AAGA,IAAM,EAAE,mBAAgBI,EAAoB,EAAE,KAAK,gBAAgB,CAAC,GAEvDC,IAA8CC,EAGzD,IAAI,GCqBOC,KAAW,EAAE,KAAKC,GAAc,GAAGC,QAA0B;CACxE,IAAM,CAACC,GAAcC,KAAOX,EAC1BS,GACAD,KAAgB,MAChBP,CACF;CAEA,OACE,kBAACI,GAAD;EACO;EACL,GAAIK;EACJ,IAAID,EAAM,MAAMC,EAAa;EAC7B,MAAMD,EAAM,QAAQ,KAAA;CACrB,CAAA;AAEL;AAEA,EAAQ,cAAc"}

package/dist/chunks/icon-button-CdnkEz-r.cjs

@@ -0,0 +1,2 @@
+const e=require("./useObjectRef-B_odk_Xk.cjs"),t=require("./merge-refs-DjTl2ATo.cjs"),n=require("./button-B5jSd9hz.cjs");let r=require("react"),i=require("react/jsx-runtime");var a=a=>{let{children:o,ref:s,"aria-label":c,...l}=a,u=(0,r.useRef)(null),d=e.t(t.t(u,s));return(0,r.useEffect)(()=>{if(typeof process<`u`&&process.env.NODE_ENV!==`production`){let e=setTimeout(()=>{let e=u.current;if(e){let t=e.hasAttribute(`aria-label`)||e.hasAttribute(`aria-labelledby`),n=e.hasAttribute(`slot`);!t&&!n&&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(e)}},[c,l.slot]),(0,i.jsx)(n.t,{px:0,py:0,"aria-label":c,...l,ref:d,children:o})};a.displayName=`IconButton`,Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return a}});
+//# sourceMappingURL=icon-button-CdnkEz-r.cjs.map

package/dist/chunks/icon-button-CdnkEz-r.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button-CdnkEz-r.cjs.js","names":["useRef","useObjectRef","mergeRefs","Button","require_useObjectRef","require_merge_refs","require_button","react","react_jsx_runtime","IconButton","forwardedRef","ariaLabel","restProps","props","localRef","ref","timeoutId","element","hasAriaLabel","isUsingSlot"],"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\ndeclare const process: { env: Record<string, string | undefined> } | undefined;\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 * @supportsStyleProps\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 (\n      typeof process !== \"undefined\" &&\n      process.env.NODE_ENV !== \"production\"\n    ) {\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"],"mappings":"wLAgBA,IAAaS,EAAc,GAA2B,CACpD,GAAM,CACJ,WACA,IAAKC,EACL,aAAcC,EACd,GAAGC,GACDC,EAGEC,GAAA,EAAWd,EAAAA,OAAAA,CAA0B,IAAI,EACzCe,EAAMd,EAAAA,EAAaC,EAAAA,EAAUY,EAAUJ,CAAY,CAAC,EAiC1D,OA7BA,EAAAH,EAAA,UAAA,KAAgB,CACd,GACE,OAAO,QAAY,KAAA,QAAA,IAAA,WACM,aACzB,CACA,IAAMS,EAAY,eAAiB,CACjC,IAAMC,EAAUH,EAAS,QACzB,GAAIG,EAAS,CACX,IAAMC,EACJD,EAAQ,aAAa,YAAY,GACjCA,EAAQ,aAAa,iBAAiB,EAGlCE,EAAcF,EAAQ,aAAa,MAAM,EAE3C,CAACC,GAAgB,CAACC,GACpB,QAAQ,KACN,gLAEAF,CACF,CAEJ,CACF,EAAG,CAAC,EAEJ,UAAa,aAAaD,CAAS,CACrC,CACF,EAAG,CAACL,EAAWC,EAAU,IAAI,CAAC,GAG5B,EAAAJ,EAAA,IAAA,CAACL,EAAAA,EAAD,CAAQ,GAAI,EAAG,GAAI,EAAG,aAAYQ,EAAW,GAAIC,EAAgB,MAC9D,UACK,CAAA,CAEZ,EAEA,EAAW,YAAc"}