@commercetools/nimbus 3.7.0 → 3.8.0

package/dist/chunks/password-input-CEEHD-hr.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"password-input-CEEHD-hr.es.js","names":["passwordInputMessages_en","passwordInputMessages_de","passwordInputMessages_es","passwordInputMessages_fr","passwordInputMessages_pt","VisibilityOff","Visibility","Tooltip","ForwardRef$1","ForwardRef","useLocalizedStringFormatter","normalizeMessages","IconButton","TextInput","passwordInputMessagesStrings","PasswordInput","props","msg","showPassword","setShowPassword","useState","toggleVisibility","currentLabel","size","jsx"],"sources":["../../src/components/password-input/intl/en.ts","../../src/components/password-input/intl/de.ts","../../src/components/password-input/intl/es.ts","../../src/components/password-input/intl/fr-FR.ts","../../src/components/password-input/intl/pt-BR.ts","../../src/components/password-input/password-input.messages.ts","../../src/components/password-input/password-input.tsx"],"sourcesContent":["/**\n * Pre-compiled en messages for PasswordInput\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { hide: `Hide password`, show: `Show password` };\n","/**\n * Pre-compiled de messages for PasswordInput\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { hide: `Passwort ausblenden`, show: `Passwort anzeigen` };\n","/**\n * Pre-compiled es messages for PasswordInput\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { hide: `Ocultar contraseña`, show: `Mostrar contraseña` };\n","/**\n * Pre-compiled fr-FR messages for PasswordInput\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  hide: `Masquer le mot de passe`,\n  show: `Afficher le mot de passe`,\n};\n","/**\n * Pre-compiled pt-BR messages for PasswordInput\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { hide: `Ocultar senha`, show: `Mostrar senha` };\n","/**\n * Pre-compiled localized messages for PasswordInput 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 passwordInputMessages_en from \"./intl/en\";\nimport passwordInputMessages_de from \"./intl/de\";\nimport passwordInputMessages_es from \"./intl/es\";\nimport passwordInputMessages_fr from \"./intl/fr-FR\";\nimport passwordInputMessages_pt from \"./intl/pt-BR\";\n\n// Raw LocalizedStrings object for use with useLocalizedStringFormatter hook\nexport const passwordInputMessagesStrings: LocalizedStrings<\n  string,\n  LocalizedString\n> = {\n  en: normalizeMessages(passwordInputMessages_en),\n  de: normalizeMessages(passwordInputMessages_de),\n  es: normalizeMessages(passwordInputMessages_es),\n  \"fr-FR\": normalizeMessages(passwordInputMessages_fr),\n  \"pt-BR\": normalizeMessages(passwordInputMessages_pt),\n} as LocalizedStrings<string, LocalizedString>;\n\n/**\n * Available message keys for PasswordInput component\n */\nexport type PasswordInputMessageKey = \"hide\" | \"show\";\n","import { useState } from \"react\";\nimport { IconButton, Tooltip } from \"@/components\";\nimport { TextInput } from \"@/components/text-input/text-input\";\nimport { Visibility, VisibilityOff } from \"@commercetools/nimbus-icons\";\nimport type { PasswordInputProps } from \"./password-input.types\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { passwordInputMessagesStrings } from \"./password-input.messages\";\n\n/**\n * # PasswordInput\n *\n * A password input is a text field that hides entered characters for secure password entry.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/passwordinput}\n */\nexport const PasswordInput = (props: PasswordInputProps) => {\n  const { ref, size = \"md\", isDisabled } = props;\n\n  const msg = useLocalizedStringFormatter(passwordInputMessagesStrings);\n  const [showPassword, setShowPassword] = useState(false);\n\n  const toggleVisibility = () => setShowPassword(!showPassword);\n\n  const currentLabel = msg.format(showPassword ? \"hide\" : \"show\");\n\n  return (\n    <TextInput\n      ref={ref}\n      {...props}\n      trailingElement={\n        <Tooltip.Root>\n          <IconButton\n            size={size === \"md\" ? \"xs\" : \"2xs\"}\n            variant=\"ghost\"\n            colorPalette=\"primary\"\n            aria-label={currentLabel}\n            onPress={toggleVisibility}\n            isDisabled={isDisabled}\n          >\n            {showPassword ? <VisibilityOff /> : <Visibility />}\n          </IconButton>\n          <Tooltip.Content>{currentLabel}</Tooltip.Content>\n        </Tooltip.Root>\n      }\n      type={showPassword ? \"text\" : \"password\"}\n    />\n  );\n};\n\nPasswordInput.displayName = \"PasswordInput\";\n"],"mappings":";;;;;;;;;AKuBA,IAAac,IAGT;CACF,IAAIH,EAAkBX;ELrBP,MAAM;EAAiB,MAAM;CKqBtBA,CAAwB;CAC9C,IAAIW,EAAkBV;EJtBP,MAAM;EAAuB,MAAM;CIsB5BA,CAAwB;CAC9C,IAAIU,EAAkBT;EHvBP,MAAM;EAAsB,MAAM;CGuB3BA,CAAwB;CAC9C,SAASS,EAAkBR;EFvB3B,MAAM;EACN,MAAM;CEsBqBA,CAAwB;CACnD,SAASQ,EAAkBP;EDzBZ,MAAM;EAAiB,MAAM;CCyBjBA,CAAwB;AACrD,GCjBaW,KAAiB,MAA8B;CAC1D,IAAM,EAAE,QAAK,UAAO,MAAM,kBAAeC,GAEnCC,IAAMP,EAA4BI,CAA4B,GAC9D,CAACI,GAAcC,KAAmBC,EAAS,EAAK,GAEhDC,UAAyBF,EAAgB,CAACD,CAAY,GAEtDI,IAAeL,EAAI,OAAOC,IAAe,SAAS,MAAM;CAE9D,OACE,kBAACL,GAAD;EACO;EACL,GAAIG;EACJ,iBACE,kBAACT,EAAQ,MAAT,EAAA,UAAA,CACE,kBAACK,GAAD;GACE,MAAMW,MAAS,OAAO,OAAO;GAC7B,SAAQ;GACR,cAAa;GACb,cAAYD;GACZ,SAASD;GACG;GAEX,UAAeG,EAAfN,IAAgBb,IAAoBC,GAArB,CAAgB,CAAiB;EACvC,CAAA,GACZ,kBAACC,EAAQ,SAAT,EAAA,UAAkBe,EAA8B,CAAA,CACpC,EAAA,CAAA;EAEhB,MAAMJ,IAAe,SAAS;CAC/B,CAAA;AAEL;AAEA,EAAc,cAAc"}

package/dist/chunks/password-input-CZz9O248.cjs

@@ -0,0 +1,2 @@
+const e=require("./tooltip-Bt-0s0hk.cjs"),t=require("./visibility-off-DNT4XHjb.cjs"),n=require("./normalize-messages-D3QZsMK8.cjs"),r=require("./icon-button-CdnkEz-r.cjs"),i=require("./text-input-iAgiEI89.cjs");let a=require("react"),o=require("react/jsx-runtime");var s={en:n.t({hide:`Hide password`,show:`Show password`}),de:n.t({hide:`Passwort ausblenden`,show:`Passwort anzeigen`}),es:n.t({hide:`Ocultar contraseña`,show:`Mostrar contraseña`}),"fr-FR":n.t({hide:`Masquer le mot de passe`,show:`Afficher le mot de passe`}),"pt-BR":n.t({hide:`Ocultar senha`,show:`Mostrar senha`})},c=c=>{let{ref:l,size:u=`md`,isDisabled:d}=c,f=n.n(s),[p,m]=(0,a.useState)(!1),h=()=>m(!p),g=f.format(p?`hide`:`show`);return(0,o.jsx)(i.t,{ref:l,...c,trailingElement:(0,o.jsxs)(e.t.Root,{children:[(0,o.jsx)(r.t,{size:u===`md`?`xs`:`2xs`,variant:`ghost`,colorPalette:`primary`,"aria-label":g,onPress:h,isDisabled:d,children:p?(0,o.jsx)(t.t,{}):(0,o.jsx)(t.n,{})}),(0,o.jsx)(e.t.Content,{children:g})]}),type:p?`text`:`password`})};c.displayName=`PasswordInput`,Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return c}});
+//# sourceMappingURL=password-input-CZz9O248.cjs.map

package/dist/chunks/password-input-CZz9O248.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"password-input-CZz9O248.cjs.js","names":["normalizeMessages","passwordInputMessages_en","passwordInputMessages_de","passwordInputMessages_es","passwordInputMessages_fr","passwordInputMessages_pt","useLocalizedStringFormatter","useState","TextInput","Tooltip","IconButton","VisibilityOff","Visibility","require_tooltip","require_visibility_off","require_normalize_messages","require_icon_button","require_text_input","react","react_jsx_runtime","passwordInputMessagesStrings","PasswordInput","props","msg","showPassword","setShowPassword","toggleVisibility","currentLabel","size"],"sources":["../../src/components/password-input/intl/en.ts","../../src/components/password-input/intl/de.ts","../../src/components/password-input/intl/es.ts","../../src/components/password-input/intl/fr-FR.ts","../../src/components/password-input/intl/pt-BR.ts","../../src/components/password-input/password-input.messages.ts","../../src/components/password-input/password-input.tsx"],"sourcesContent":["/**\n * Pre-compiled en messages for PasswordInput\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { hide: `Hide password`, show: `Show password` };\n","/**\n * Pre-compiled de messages for PasswordInput\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { hide: `Passwort ausblenden`, show: `Passwort anzeigen` };\n","/**\n * Pre-compiled es messages for PasswordInput\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { hide: `Ocultar contraseña`, show: `Mostrar contraseña` };\n","/**\n * Pre-compiled fr-FR messages for PasswordInput\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  hide: `Masquer le mot de passe`,\n  show: `Afficher le mot de passe`,\n};\n","/**\n * Pre-compiled pt-BR messages for PasswordInput\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { hide: `Ocultar senha`, show: `Mostrar senha` };\n","/**\n * Pre-compiled localized messages for PasswordInput 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 passwordInputMessages_en from \"./intl/en\";\nimport passwordInputMessages_de from \"./intl/de\";\nimport passwordInputMessages_es from \"./intl/es\";\nimport passwordInputMessages_fr from \"./intl/fr-FR\";\nimport passwordInputMessages_pt from \"./intl/pt-BR\";\n\n// Raw LocalizedStrings object for use with useLocalizedStringFormatter hook\nexport const passwordInputMessagesStrings: LocalizedStrings<\n  string,\n  LocalizedString\n> = {\n  en: normalizeMessages(passwordInputMessages_en),\n  de: normalizeMessages(passwordInputMessages_de),\n  es: normalizeMessages(passwordInputMessages_es),\n  \"fr-FR\": normalizeMessages(passwordInputMessages_fr),\n  \"pt-BR\": normalizeMessages(passwordInputMessages_pt),\n} as LocalizedStrings<string, LocalizedString>;\n\n/**\n * Available message keys for PasswordInput component\n */\nexport type PasswordInputMessageKey = \"hide\" | \"show\";\n","import { useState } from \"react\";\nimport { IconButton, Tooltip } from \"@/components\";\nimport { TextInput } from \"@/components/text-input/text-input\";\nimport { Visibility, VisibilityOff } from \"@commercetools/nimbus-icons\";\nimport type { PasswordInputProps } from \"./password-input.types\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { passwordInputMessagesStrings } from \"./password-input.messages\";\n\n/**\n * # PasswordInput\n *\n * A password input is a text field that hides entered characters for secure password entry.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/passwordinput}\n */\nexport const PasswordInput = (props: PasswordInputProps) => {\n  const { ref, size = \"md\", isDisabled } = props;\n\n  const msg = useLocalizedStringFormatter(passwordInputMessagesStrings);\n  const [showPassword, setShowPassword] = useState(false);\n\n  const toggleVisibility = () => setShowPassword(!showPassword);\n\n  const currentLabel = msg.format(showPassword ? \"hide\" : \"show\");\n\n  return (\n    <TextInput\n      ref={ref}\n      {...props}\n      trailingElement={\n        <Tooltip.Root>\n          <IconButton\n            size={size === \"md\" ? \"xs\" : \"2xs\"}\n            variant=\"ghost\"\n            colorPalette=\"primary\"\n            aria-label={currentLabel}\n            onPress={toggleVisibility}\n            isDisabled={isDisabled}\n          >\n            {showPassword ? <VisibilityOff /> : <Visibility />}\n          </IconButton>\n          <Tooltip.Content>{currentLabel}</Tooltip.Content>\n        </Tooltip.Root>\n      }\n      type={showPassword ? \"text\" : \"password\"}\n    />\n  );\n};\n\nPasswordInput.displayName = \"PasswordInput\";\n"],"mappings":"wRKuBA,IAAaoB,EAGT,CACF,GAAIpB,EAAAA,EAAkBC,CLrBP,KAAM,gBAAiB,KAAM,eKqBtBA,CAAwB,EAC9C,GAAID,EAAAA,EAAkBE,CJtBP,KAAM,sBAAuB,KAAM,mBIsB5BA,CAAwB,EAC9C,GAAIF,EAAAA,EAAkBG,CHvBP,KAAM,qBAAsB,KAAM,oBGuB3BA,CAAwB,EAC9C,QAASH,EAAAA,EAAkBI,CFvB3B,KAAM,0BACN,KAAM,0BEsBqBA,CAAwB,EACnD,QAASJ,EAAAA,EAAkBK,CDzBZ,KAAM,gBAAiB,KAAM,eCyBjBA,CAAwB,CACrD,ECjBagB,EAAiB,GAA8B,CAC1D,GAAM,CAAE,MAAK,OAAO,KAAM,cAAeC,EAEnCC,EAAMjB,EAAAA,EAA4Bc,CAA4B,EAC9D,CAACI,EAAcC,IAAA,EAAmBlB,EAAAA,SAAAA,CAAS,EAAK,EAEhDmB,MAAyBD,EAAgB,CAACD,CAAY,EAEtDG,EAAeJ,EAAI,OAAOC,EAAe,OAAS,MAAM,EAE9D,OACE,EAAAL,EAAA,IAAA,CAACX,EAAAA,EAAD,CACO,MACL,GAAIc,EACJ,iBACE,EAAAH,EAAA,KAAA,CAACV,EAAAA,EAAQ,KAAT,CAAA,SAAA,EACE,EAAAU,EAAA,IAAA,CAACT,EAAAA,EAAD,CACE,KAAMkB,IAAS,KAAO,KAAO,MAC7B,QAAQ,QACR,aAAa,UACb,aAAYD,EACZ,QAASD,EACG,aAEX,SAAAF,GAAe,EAAAL,EAAA,IAAA,CAACR,EAAAA,EAAD,CAAgB,CAAA,GAAI,EAAAQ,EAAA,IAAA,CAACP,EAAAA,EAAD,CAAa,CAAA,CACvC,CAAA,GACZ,EAAAO,EAAA,IAAA,CAACV,EAAAA,EAAQ,QAAT,CAAA,SAAkBkB,CAA8B,CAAA,CACpC,CAAA,CAAA,EAEhB,KAAMH,EAAe,OAAS,UAC/B,CAAA,CAEL,EAEA,EAAc,YAAc"}

package/dist/chunks/password-input-field-B_YG-M5N.cjs

@@ -0,0 +1,2 @@
+const e=require("./form-field-DWn2ln7Y.cjs"),t=require("./field-errors-Cgvuc7Ga.cjs"),n=require("./password-input-CZz9O248.cjs");let r=require("react/jsx-runtime");var i=({id:i,label:a,description:o,info:s,errors:c,onChange:l,renderError:u,touched:d=!1,isRequired:f=!1,isDisabled:p=!1,isReadOnly:m=!1,isInvalid:h=!1,size:g=`md`,value:_,placeholder:v,...y})=>{let b=d&&c&&Object.values(c).some(Boolean);return(0,r.jsxs)(e.t.Root,{id:i,size:g,isRequired:f,isDisabled:p,isReadOnly:m,isInvalid:b||h,children:[(0,r.jsx)(e.t.Label,{children:a}),(0,r.jsx)(e.t.Input,{children:(0,r.jsx)(n.t,{...y,size:g,placeholder:v,onChange:l,value:_})}),o&&(0,r.jsx)(e.t.Description,{children:o}),b&&(0,r.jsx)(e.t.Error,{children:(0,r.jsx)(t.t,{errors:c,renderError:u})}),s&&(0,r.jsx)(e.t.InfoBox,{children:s})]})};i.displayName=`PasswordInputField`,Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return i}});
+//# sourceMappingURL=password-input-field-B_YG-M5N.cjs.map

package/dist/chunks/password-input-field-B_YG-M5N.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"password-input-field-B_YG-M5N.cjs.js","names":["FormField","PasswordInput","FieldErrors","require_form_field","require_field_errors","require_password_input","react_jsx_runtime","PasswordInputField","rest","hasErrors","touched","errors","isInvalid","label","description","info"],"sources":["../../src/patterns/fields/password-input-field/password-input-field.tsx"],"sourcesContent":["import { PasswordInput } from \"@/components/password-input/password-input\";\nimport type { PasswordInputFieldProps } from \"./password-input-field.types\";\nimport { FormField, FieldErrors } from \"@/components\";\n\n/**\n * # PasswordInputField\n *\n * A pre-composed form field component that combines PasswordInput with FormField features\n * like labels, descriptions, error handling, and validation feedback.\n *\n * This component provides a simple, flat API for password input use cases and serves\n * as a drop-in replacement for UI-Kit's PasswordField, maintaining compatibility with the\n * same error format and localized error messages.\n *\n * @example\n * ```tsx\n * <PasswordInputField\n *   label=\"Password\"\n *   description=\"Enter a secure password\"\n *   placeholder=\"********\"\n *   value={value}\n *   onChange={setValue}\n *   errors={{ missing: true }}\n *   isRequired\n * />\n * ```\n */\n\nexport const PasswordInputField = ({\n  id,\n  label,\n  description,\n  info,\n  errors,\n  onChange,\n  renderError,\n  touched = false,\n  isRequired = false,\n  isDisabled = false,\n  isReadOnly = false,\n  isInvalid = false,\n  size = \"md\",\n  value,\n  placeholder,\n  ...rest\n}: PasswordInputFieldProps) => {\n  // Determine if we should show errors\n  const hasErrors = touched && errors && Object.values(errors).some(Boolean);\n\n  return (\n    <FormField.Root\n      id={id}\n      size={size}\n      isRequired={isRequired}\n      isDisabled={isDisabled}\n      isReadOnly={isReadOnly}\n      isInvalid={hasErrors || isInvalid}\n    >\n      <FormField.Label>{label}</FormField.Label>\n      <FormField.Input>\n        <PasswordInput\n          {...rest}\n          size={size}\n          placeholder={placeholder}\n          onChange={onChange}\n          value={value}\n        />\n      </FormField.Input>\n      {description && (\n        <FormField.Description>{description}</FormField.Description>\n      )}\n      {hasErrors && (\n        <FormField.Error>\n          <FieldErrors errors={errors} renderError={renderError} />\n        </FormField.Error>\n      )}\n      {info && <FormField.InfoBox>{info}</FormField.InfoBox>}\n    </FormField.Root>\n  );\n};\n\nPasswordInputField.displayName = \"PasswordInputField\";\n"],"mappings":"6KA4BA,IAAaO,GAAsB,CACjC,KACA,QACA,cACA,OACA,SACA,WACA,cACA,UAAU,GACV,aAAa,GACb,aAAa,GACb,aAAa,GACb,YAAY,GACZ,OAAO,KACP,QACA,cACA,GAAGC,KAC0B,CAE7B,IAAMC,EAAYC,GAAWC,GAAU,OAAO,OAAOA,CAAM,CAAC,CAAC,KAAK,OAAO,EAEzE,OACE,EAAAL,EAAA,KAAA,CAACN,EAAAA,EAAU,KAAX,CACM,KACE,OACM,aACA,aACA,aACZ,UAAWS,GAAaG,EAN1B,SAAA,EAQE,EAAAN,EAAA,IAAA,CAACN,EAAAA,EAAU,MAAX,CAAA,SAAkBa,CAAuB,CAAA,GACzC,EAAAP,EAAA,IAAA,CAACN,EAAAA,EAAU,MAAX,CAAA,UACE,EAAAM,EAAA,IAAA,CAACL,EAAAA,EAAD,CACE,GAAIO,EACE,OACO,cACH,WACH,OACR,CAAA,CACc,CAAA,EAChBM,IACC,EAAAR,EAAA,IAAA,CAACN,EAAAA,EAAU,YAAX,CAAA,SAAwBc,CAAmC,CAAA,EAE5DL,IACC,EAAAH,EAAA,IAAA,CAACN,EAAAA,EAAU,MAAX,CAAA,UACE,EAAAM,EAAA,IAAA,CAACJ,EAAAA,EAAD,CAAqB,SAAqB,aAAc,CAAA,CACzC,CAAA,EAElBa,IAAQ,EAAAT,EAAA,IAAA,CAACN,EAAAA,EAAU,QAAX,CAAA,SAAoBe,CAAwB,CAAA,CACvC,GAEpB,EAEA,EAAmB,YAAc"}

package/dist/chunks/password-input-field-FymWrnMK.es.js

@@ -0,0 +1,37 @@
+import { t as e } from "./form-field-BPuiFdGQ.es.js";
+import { t } from "./field-errors-UV6t6ej1.es.js";
+import { t as n } from "./password-input-CEEHD-hr.es.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/patterns/fields/password-input-field/password-input-field.tsx
+var a = ({ id: a, label: o, description: s, info: c, errors: l, onChange: u, renderError: d, touched: f = !1, isRequired: p = !1, isDisabled: m = !1, isReadOnly: h = !1, isInvalid: g = !1, size: _ = "md", value: v, placeholder: y, ...b }) => {
+	let x = f && l && Object.values(l).some(Boolean);
+	return /* @__PURE__ */ i(e.Root, {
+		id: a,
+		size: _,
+		isRequired: p,
+		isDisabled: m,
+		isReadOnly: h,
+		isInvalid: x || g,
+		children: [
+			/* @__PURE__ */ r(e.Label, { children: o }),
+			/* @__PURE__ */ r(e.Input, { children: /* @__PURE__ */ r(n, {
+				...b,
+				size: _,
+				placeholder: y,
+				onChange: u,
+				value: v
+			}) }),
+			s && /* @__PURE__ */ r(e.Description, { children: s }),
+			x && /* @__PURE__ */ r(e.Error, { children: /* @__PURE__ */ r(t, {
+				errors: l,
+				renderError: d
+			}) }),
+			c && /* @__PURE__ */ r(e.InfoBox, { children: c })
+		]
+	});
+};
+a.displayName = "PasswordInputField";
+//#endregion
+export { a as t };
+
+//# sourceMappingURL=password-input-field-FymWrnMK.es.js.map

package/dist/chunks/password-input-field-FymWrnMK.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"password-input-field-FymWrnMK.es.js","names":["FormField","PasswordInput","PasswordInputField","rest","hasErrors","touched","errors","isInvalid","label","description","FieldErrors","info"],"sources":["../../src/patterns/fields/password-input-field/password-input-field.tsx"],"sourcesContent":["import { PasswordInput } from \"@/components/password-input/password-input\";\nimport type { PasswordInputFieldProps } from \"./password-input-field.types\";\nimport { FormField, FieldErrors } from \"@/components\";\n\n/**\n * # PasswordInputField\n *\n * A pre-composed form field component that combines PasswordInput with FormField features\n * like labels, descriptions, error handling, and validation feedback.\n *\n * This component provides a simple, flat API for password input use cases and serves\n * as a drop-in replacement for UI-Kit's PasswordField, maintaining compatibility with the\n * same error format and localized error messages.\n *\n * @example\n * ```tsx\n * <PasswordInputField\n *   label=\"Password\"\n *   description=\"Enter a secure password\"\n *   placeholder=\"********\"\n *   value={value}\n *   onChange={setValue}\n *   errors={{ missing: true }}\n *   isRequired\n * />\n * ```\n */\n\nexport const PasswordInputField = ({\n  id,\n  label,\n  description,\n  info,\n  errors,\n  onChange,\n  renderError,\n  touched = false,\n  isRequired = false,\n  isDisabled = false,\n  isReadOnly = false,\n  isInvalid = false,\n  size = \"md\",\n  value,\n  placeholder,\n  ...rest\n}: PasswordInputFieldProps) => {\n  // Determine if we should show errors\n  const hasErrors = touched && errors && Object.values(errors).some(Boolean);\n\n  return (\n    <FormField.Root\n      id={id}\n      size={size}\n      isRequired={isRequired}\n      isDisabled={isDisabled}\n      isReadOnly={isReadOnly}\n      isInvalid={hasErrors || isInvalid}\n    >\n      <FormField.Label>{label}</FormField.Label>\n      <FormField.Input>\n        <PasswordInput\n          {...rest}\n          size={size}\n          placeholder={placeholder}\n          onChange={onChange}\n          value={value}\n        />\n      </FormField.Input>\n      {description && (\n        <FormField.Description>{description}</FormField.Description>\n      )}\n      {hasErrors && (\n        <FormField.Error>\n          <FieldErrors errors={errors} renderError={renderError} />\n        </FormField.Error>\n      )}\n      {info && <FormField.InfoBox>{info}</FormField.InfoBox>}\n    </FormField.Root>\n  );\n};\n\nPasswordInputField.displayName = \"PasswordInputField\";\n"],"mappings":";;;;;AA4BA,IAAaE,KAAsB,EACjC,OACA,UACA,gBACA,SACA,WACA,aACA,gBACA,aAAU,IACV,gBAAa,IACb,gBAAa,IACb,gBAAa,IACb,eAAY,IACZ,UAAO,MACP,UACA,gBACA,GAAGC,QAC0B;CAE7B,IAAMC,IAAYC,KAAWC,KAAU,OAAO,OAAOA,CAAM,CAAC,CAAC,KAAK,OAAO;CAEzE,OACE,kBAACN,EAAU,MAAX;EACM;EACE;EACM;EACA;EACA;EACZ,WAAWI,KAAaG;EAN1B,UAAA;GAQE,kBAACP,EAAU,OAAX,EAAA,UAAkBQ,EAAuB,CAAA;GACzC,kBAACR,EAAU,OAAX,EAAA,UACE,kBAACC,GAAD;IACE,GAAIE;IACE;IACO;IACH;IACH;GACR,CAAA,EACc,CAAA;GAChBM,KACC,kBAACT,EAAU,aAAX,EAAA,UAAwBS,EAAmC,CAAA;GAE5DL,KACC,kBAACJ,EAAU,OAAX,EAAA,UACE,kBAACU,GAAD;IAAqB;IAAqB;GAAc,CAAA,EACzC,CAAA;GAElBC,KAAQ,kBAACX,EAAU,SAAX,EAAA,UAAoBW,EAAwB,CAAA;EACvC;;AAEpB;AAEA,EAAmB,cAAc"}

package/dist/chunks/popover-BWO5auiF.es.js

@@ -0,0 +1,82 @@
+import { n as e, t, u as n } from "./Dialog-qQ2By0Vs.es.js";
+import { n as r } from "./Button-CzLVFwIM.es.js";
+import { t as i } from "./extract-style-props-YWZOestG.es.js";
+import { createContext as a, useContext as o } from "react";
+import { jsx as s } from "react/jsx-runtime";
+import { createSlotRecipeContext as c } from "@chakra-ui/react/styled-system";
+//#region src/components/popover/popover.slots.tsx
+var { withProvider: l, withContext: u } = c({ key: "nimbusPopover" }), d = l("div", "root"), f = u("button", "trigger"), p = u("div", "content"), m = u("div", "dialog"), h = a(void 0), g = h.Provider, _ = () => o(h), v = (e) => {
+	let { children: n, isOpen: r, defaultOpen: i, onOpenChange: a, ...o } = e;
+	return /* @__PURE__ */ s(d, {
+		asChild: !0,
+		children: /* @__PURE__ */ s(t, {
+			isOpen: r,
+			defaultOpen: i,
+			onOpenChange: a,
+			children: /* @__PURE__ */ s(g, {
+				value: o,
+				children: n
+			})
+		})
+	});
+};
+v.displayName = "Popover.Root";
+//#endregion
+//#region src/components/popover/components/popover.trigger.tsx
+var y = (e) => {
+	if (e.asChild) {
+		let { children: t, ref: n, asChild: r, ...a } = e, [o] = i(a);
+		return /* @__PURE__ */ s(f, {
+			ref: n,
+			asChild: !0,
+			...o,
+			children: t
+		});
+	}
+	let { children: t, ref: n, asChild: a, ...o } = e, [c, l] = i(o);
+	return /* @__PURE__ */ s(f, {
+		asChild: !0,
+		...c,
+		children: /* @__PURE__ */ s(r, {
+			ref: n,
+			...l,
+			children: t
+		})
+	});
+};
+y.displayName = "Popover.Trigger";
+//#endregion
+//#region src/components/popover/components/popover.content.tsx
+var b = ({ children: t, ref: r, "aria-label": a, "aria-labelledby": o, ...c }) => {
+	let [l, u] = i(c), { role: d, ...f } = _() ?? {};
+	return /* @__PURE__ */ s(p, {
+		...l,
+		asChild: !0,
+		children: /* @__PURE__ */ s(n, {
+			ref: r,
+			...f,
+			children: /* @__PURE__ */ s(m, {
+				asChild: !0,
+				children: /* @__PURE__ */ s(e, {
+					...u,
+					role: d,
+					"aria-label": a,
+					"aria-labelledby": o,
+					children: t
+				})
+			})
+		})
+	});
+};
+b.displayName = "Popover.Content";
+//#endregion
+//#region src/components/popover/popover.tsx
+var x = {
+	Root: v,
+	Trigger: y,
+	Content: b
+};
+//#endregion
+export { x as t };
+
+//# sourceMappingURL=popover-BWO5auiF.es.js.map

package/dist/chunks/popover-BWO5auiF.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-BWO5auiF.es.js","names":["RaDialogTrigger","RaButton","RaPopover","RaDialog","$f2ff30fde7b014be$export$3ddf2d174ce01153","$542a13ca2fa5b484$export$5b6b19405a83ff9d","$7705c033048f6da7$export$353f5b6fc5456de1","extractStyleProps","createSlotRecipeContext","PopoverRootSlot","withProvider","PopoverTriggerSlot","withContext","PopoverContentSlot","PopoverDialogSlot","PopoverConfigContext","createContext","PopoverConfigProvider","usePopoverConfigContext","useContext","PopoverRoot","config","props","$f2ff30fde7b014be$export$2e1e1122cf0cba88","PopoverTrigger","_asChild","styleOnlyProps","styleProps","rest","restProps","PopoverContent","ariaLabel","ariaLabelledBy","overlayConfig","Popover"],"sources":["../../src/components/popover/popover.slots.tsx","../../src/components/popover/components/popover.context.tsx","../../src/components/popover/components/popover.root.tsx","../../src/components/popover/components/popover.trigger.tsx","../../src/components/popover/components/popover.content.tsx","../../src/components/popover/popover.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\n\nimport type { SlotComponent } from \"@/type-utils\";\nimport type {\n  PopoverRootSlotProps,\n  PopoverTriggerSlotProps,\n  PopoverContentSlotProps,\n  PopoverDialogSlotProps,\n} from \"./popover.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusPopover\",\n});\n\n/** Popover Root - installs the slot-recipe context; renders no element itself */\nexport const PopoverRootSlot: SlotComponent<\n  HTMLDivElement,\n  PopoverRootSlotProps\n> = withProvider<HTMLDivElement, PopoverRootSlotProps>(\"div\", \"root\");\n\n/** Popover Trigger - the element that opens the popover */\nexport const PopoverTriggerSlot: SlotComponent<\n  HTMLButtonElement,\n  PopoverTriggerSlotProps\n> = withContext<HTMLButtonElement, PopoverTriggerSlotProps>(\n  \"button\",\n  \"trigger\"\n);\n\n/** Popover Content - the positioned overlay surface */\nexport const PopoverContentSlot: SlotComponent<\n  HTMLDivElement,\n  PopoverContentSlotProps\n> = withContext<HTMLDivElement, PopoverContentSlotProps>(\"div\", \"content\");\n\n/** Popover Dialog - the dialog element rendered inside the surface */\nexport const PopoverDialogSlot: SlotComponent<\n  HTMLDivElement,\n  PopoverDialogSlotProps\n> = withContext<HTMLDivElement, PopoverDialogSlotProps>(\"div\", \"dialog\");\n","import { createContext, useContext } from \"react\";\n\nimport type { PopoverConfigContextValue } from \"../popover.types\";\n\n/**\n * Carries the overlay configuration from `Popover.Root` to `Popover.Content`.\n *\n * The elements those props configure are rendered by `Popover.Content` through\n * a portal, so they cannot be handed down the tree. The value type excludes\n * `DialogTrigger`'s open-state props by construction — see `Popover.Root` for\n * why they must not reach the overlay.\n */\nconst PopoverConfigContext = createContext<\n  PopoverConfigContextValue | undefined\n>(undefined);\n\nexport const PopoverConfigProvider = PopoverConfigContext.Provider;\n\n/**\n * Reads the configuration published by `Popover.Root`. `undefined` without a\n * Root above, leaving React Aria's own defaults. That case is not a supported\n * arrangement: the slot-recipe context comes from `Popover.Root` too, so a\n * Root-less `Popover.Content` throws before any of this matters.\n */\nexport const usePopoverConfigContext = () => useContext(PopoverConfigContext);\n","import { DialogTrigger as RaDialogTrigger } from \"react-aria-components\";\n\nimport { PopoverRootSlot } from \"../popover.slots\";\nimport type { PopoverRootProps } from \"../popover.types\";\nimport { PopoverConfigProvider } from \"./popover.context\";\n\n/**\n * Popover.Root - Establishes the popover's open state and styling context\n *\n * Renders React Aria's `DialogTrigger` via `asChild`, which mounts no DOM\n * element — hence no style props here, and no `@supportsStyleProps` tag.\n *\n * The prop split below is deliberate: `DialogTrigger` honours only the three\n * open-state props, and React Aria's `Popover` declares those same three and\n * derives its own state from them once set. Publishing them through the config\n * context would leave the trigger toggling one state while the surface renders\n * another, so they stop here and everything else travels on.\n */\nexport const PopoverRoot = (props: PopoverRootProps) => {\n  const { children, isOpen, defaultOpen, onOpenChange, ...config } = props;\n\n  return (\n    <PopoverRootSlot asChild>\n      <RaDialogTrigger\n        isOpen={isOpen}\n        defaultOpen={defaultOpen}\n        onOpenChange={onOpenChange}\n      >\n        <PopoverConfigProvider value={config}>{children}</PopoverConfigProvider>\n      </RaDialogTrigger>\n    </PopoverRootSlot>\n  );\n};\n\nPopoverRoot.displayName = \"Popover.Root\";\n","import { Button as RaButton } from \"react-aria-components\";\n\nimport { PopoverTriggerSlot } from \"../popover.slots\";\nimport type { PopoverTriggerProps } from \"../popover.types\";\nimport { extractStyleProps } from \"@/utils\";\n\n/**\n * Popover.Trigger - The element that opens the popover when pressed\n *\n * React Aria's `DialogTrigger` wraps whatever is rendered here in a\n * `PressResponder`, which publishes the press handlers, `aria-expanded`,\n * `aria-controls` and the trigger ref through context. Nothing has to be\n * forwarded for that to work, so under `asChild` this component applies only\n * the `trigger` slot's styling and the child owns its own props.\n *\n * @supportsStyleProps\n */\nexport const PopoverTrigger = (props: PopoverTriggerProps) => {\n  if (props.asChild) {\n    const {\n      children,\n      ref,\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      asChild: _asChild,\n      ...styleOnlyProps\n    } = props;\n    const [styleProps] = extractStyleProps(styleOnlyProps);\n\n    return (\n      <PopoverTriggerSlot ref={ref} asChild {...styleProps}>\n        {children}\n      </PopoverTriggerSlot>\n    );\n  }\n\n  // No pressable element supplied, so wrap the children in our own button.\n  const {\n    children,\n    ref,\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    asChild: _asChild,\n    ...rest\n  } = props;\n  const [styleProps, restProps] = extractStyleProps(rest);\n\n  return (\n    <PopoverTriggerSlot asChild {...styleProps}>\n      <RaButton ref={ref} {...restProps}>\n        {children}\n      </RaButton>\n    </PopoverTriggerSlot>\n  );\n};\n\nPopoverTrigger.displayName = \"Popover.Trigger\";\n","import {\n  Dialog as RaDialog,\n  Popover as RaPopover,\n} from \"react-aria-components\";\n\nimport { PopoverContentSlot, PopoverDialogSlot } from \"../popover.slots\";\nimport type { PopoverContentProps } from \"../popover.types\";\nimport { usePopoverConfigContext } from \"./popover.context\";\nimport { extractStyleProps } from \"@/utils\";\n\n/**\n * Popover.Content - The positioned overlay surface, with its own dialog element\n *\n * Renders two elements: the positioned surface (`RaPopover`, `content` slot),\n * which takes the style props the recipe targets, and the dialog inside it\n * (`RaDialog`, `dialog` slot), which takes everything else. The dialog is what\n * the trigger's `aria-controls` points at, and `RaPopover` rejects `id`, so\n * routing a consumer-supplied `id` to the dialog keeps that link intact.\n *\n * @supportsStyleProps\n */\nexport const PopoverContent = ({\n  children,\n  ref,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n  ...props\n}: PopoverContentProps) => {\n  const [styleProps, restProps] = extractStyleProps(props);\n\n  // Published by Popover.Root; absent without one, leaving React Aria's\n  // defaults. `role` belongs to the dialog, the rest to the surface.\n  const { role, ...overlayConfig } = usePopoverConfigContext() ?? {};\n\n  return (\n    <PopoverContentSlot {...styleProps} asChild>\n      <RaPopover ref={ref} {...overlayConfig}>\n        <PopoverDialogSlot asChild>\n          {/*\n            `role` is applied after the spread so Root stays the only source of\n            it. PopoverContentProps excludes the name, so a typed consumer\n            cannot reach this; an untyped one is dropped rather than allowed to\n            outrank the configuration Root published.\n          */}\n          <RaDialog\n            {...restProps}\n            role={role}\n            aria-label={ariaLabel}\n            aria-labelledby={ariaLabelledBy}\n          >\n            {children}\n          </RaDialog>\n        </PopoverDialogSlot>\n      </RaPopover>\n    </PopoverContentSlot>\n  );\n};\n\nPopoverContent.displayName = \"Popover.Content\";\n","import { PopoverRoot, PopoverTrigger, PopoverContent } from \"./components\";\n\n/**\n * Popover\n * ============================================================\n * A positioned overlay for rich, interactive content anchored to a trigger.\n * Built on React Aria Components for accessibility and WCAG 2.1 AA compliance.\n *\n * Reach for Popover when the content is interactive — a filter panel, a\n * settings form, a context-sensitive action list. Use `Tooltip` for simple\n * non-interactive hints, and `Dialog` when the flow should block the page.\n *\n * Focus is contained within the popover and an outside press dismisses it,\n * which is React Aria's default. `isNonModal` on `Popover.Root` lifts neither:\n * it stops React Aria marking the rest of the page `inert` and locking page\n * scroll, so assistive technology can reach the surrounding page. Read the React\n * Aria guidance before using it, since it affects the screen reader experience.\n *\n * @example\n * ```tsx\n * <Popover.Root>\n *   <Popover.Trigger>Filters</Popover.Trigger>\n *   <Popover.Content aria-label=\"Filters\">\n *     <Checkbox>Only active</Checkbox>\n *   </Popover.Content>\n * </Popover.Root>\n * ```\n *\n * @supportsStyleProps\n * @see https://nimbus-documentation.vercel.app/components/feedback/popover\n */\nexport const Popover = {\n  /**\n   * # Popover.Root\n   *\n   * Establishes the popover's open state and styling context, and must wrap\n   * both the trigger and the content.\n   *\n   * Renders no DOM element of its own, so it does not affect the layout around\n   * the trigger. Accepts `isOpen` / `defaultOpen` / `onOpenChange` for\n   * controlled and uncontrolled use, and is the compound's single configuration\n   * surface: placement, dismissal, animation, portal container and the dialog's\n   * `role` are all set here and reach `Popover.Content` through context.\n   *\n   * @example\n   * ```tsx\n   * <Popover.Root defaultOpen>\n   *   <Popover.Trigger>Open</Popover.Trigger>\n   *   <Popover.Content aria-label=\"Details\">Content</Popover.Content>\n   * </Popover.Root>\n   * ```\n   */\n  Root: PopoverRoot,\n\n  /**\n   * # Popover.Trigger\n   *\n   * The element that opens the popover when pressed. Renders its own button by\n   * default; pass `asChild` to apply trigger behavior to your own pressable\n   * element instead of nesting one button inside another.\n   *\n   * @example\n   * ```tsx\n   * <Popover.Trigger asChild>\n   *   <IconButton aria-label=\"Options\"><MoreVert /></IconButton>\n   * </Popover.Trigger>\n   * ```\n   */\n  Trigger: PopoverTrigger,\n\n  /**\n   * # Popover.Content\n   *\n   * The positioned overlay surface. Supplies its own dialog element, so no\n   * `Dialog` needs to be added by hand for the accessibility contract to hold.\n   *\n   * Give it an `aria-label` (or `aria-labelledby`) whenever the content has no\n   * visible heading. Pass a function child to dismiss the popover from within.\n   *\n   * @example\n   * ```tsx\n   * <Popover.Content aria-label=\"Confirm\">\n   *   {({ close }) => (\n   *     <Stack gap=\"200\">\n   *       <Text>Discard your changes?</Text>\n   *       <Button onPress={close}>Cancel</Button>\n   *     </Stack>\n   *   )}\n   * </Popover.Content>\n   * ```\n   */\n  Content: PopoverContent,\n};\n"],"mappings":";;;;;;;AAUA,IAAM,EAAE,iBAAc,mBAAgBQ,EAAwB,EAC5D,KAAK,gBACP,CAAC,GAGYC,IAGTC,EAAmD,OAAO,MAAM,GAGvDC,IAGTC,EACF,UACA,SACF,GAGaC,IAGTD,EAAqD,OAAO,SAAS,GAG5DE,IAGTF,EAAoD,OAAO,QAAQ,GC3BjEG,IAAuBC,EAE3B,KAAA,CAAS,GAEEC,IAAwBF,EAAqB,UAQ7CG,UAAgCC,EAAWJ,CAAoB,GCN/DK,KAAe,MAA4B;CACtD,IAAM,EAAE,aAAU,WAAQ,gBAAa,iBAAc,GAAGC,MAAWC;CAEnE,OACE,kBAACb,GAAD;EAAiB,SAAA;EACf,UAAA,kBAACT,GAAD;GACU;GACK;GACC;GAEd,UAAA,kBAACiB,GAAD;IAAuB,OAAOI;IAAS;GAAgC,CAAA;EACxD,CAAA;CACF,CAAA;AAErB;AAEA,EAAY,cAAc;;;ACjB1B,IAAaG,KAAkB,MAA+B;CAC5D,IAAIF,EAAM,SAAS;EACjB,IAAM,EACJ,aACA,QAEA,SAASG,GACT,GAAGC,MACDJ,GACE,CAACK,KAAcpB,EAAkBmB,CAAc;EAErD,OACE,kBAACf,GAAD;GAAyB;GAAK,SAAA;GAAQ,GAAIgB;GACvC;EACiB,CAAA;CAExB;CAGA,IAAM,EACJ,aACA,QAEA,SAASF,GACT,GAAGG,MACDN,GACE,CAACK,GAAYE,KAAatB,EAAkBqB,CAAI;CAEtD,OACE,kBAACjB,GAAD;EAAoB,SAAA;EAAQ,GAAIgB;EAC9B,UAAA,kBAAC1B,GAAD;GAAe;GAAK,GAAI4B;GACrB;EACO,CAAA;CACQ,CAAA;AAExB;AAEA,EAAe,cAAc;;;ACjC7B,IAAaC,KAAkB,EAC7B,aACA,QACA,cAAcC,GACd,mBAAmBC,GACnB,GAAGV,QACsB;CACzB,IAAM,CAACK,GAAYE,KAAatB,EAAkBe,CAAK,GAIjD,EAAE,SAAM,GAAGW,MAAkBf,EAAwB,KAAK,CAAC;CAEjE,OACE,kBAACL,GAAD;EAAoB,GAAIc;EAAY,SAAA;EAClC,UAAA,kBAACzB,GAAD;GAAgB;GAAK,GAAI+B;GACvB,UAAA,kBAACnB,GAAD;IAAmB,SAAA;IAOjB,UAAA,kBAACX,GAAD;KACE,GAAI0B;KACE;KACN,cAAYE;KACZ,mBAAiBC;KAEhB;IACO,CAAA;GACO,CAAA;EACV,CAAA;CACO,CAAA;AAExB;AAEA,EAAe,cAAc;;;AC3B7B,IAAaE,IAAU;CAqBrB,MAAMd;CAgBN,SAASI;CAuBT,SAASM;AACX"}

package/dist/chunks/popover-DXzb6qRU.cjs

@@ -0,0 +1,2 @@
+const e=require("./Dialog-iHfIJEY_.cjs"),t=require("./Button-CwMvFWJZ.cjs"),n=require("./extract-style-props-e57WhXBe.cjs");let r=require("react"),i=require("react/jsx-runtime");var{withProvider:a,withContext:o}=(0,require("@chakra-ui/react/styled-system").createSlotRecipeContext)({key:`nimbusPopover`}),s=a(`div`,`root`),c=o(`button`,`trigger`),l=o(`div`,`content`),u=o(`div`,`dialog`),d=(0,r.createContext)(void 0),f=d.Provider,p=()=>(0,r.useContext)(d),m=t=>{let{children:n,isOpen:r,defaultOpen:a,onOpenChange:o,...c}=t;return(0,i.jsx)(s,{asChild:!0,children:(0,i.jsx)(e.t,{isOpen:r,defaultOpen:a,onOpenChange:o,children:(0,i.jsx)(f,{value:c,children:n})})})};m.displayName=`Popover.Root`;var h=e=>{if(e.asChild){let{children:t,ref:r,asChild:a,...o}=e,[s]=n.t(o);return(0,i.jsx)(c,{ref:r,asChild:!0,...s,children:t})}let{children:r,ref:a,asChild:o,...s}=e,[l,u]=n.t(s);return(0,i.jsx)(c,{asChild:!0,...l,children:(0,i.jsx)(t.n,{ref:a,...u,children:r})})};h.displayName=`Popover.Trigger`;var g=({children:t,ref:r,"aria-label":a,"aria-labelledby":o,...s})=>{let[c,d]=n.t(s),{role:f,...m}=p()??{};return(0,i.jsx)(l,{...c,asChild:!0,children:(0,i.jsx)(e.u,{ref:r,...m,children:(0,i.jsx)(u,{asChild:!0,children:(0,i.jsx)(e.n,{...d,role:f,"aria-label":a,"aria-labelledby":o,children:t})})})})};g.displayName=`Popover.Content`;var _={Root:m,Trigger:h,Content:g};Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return _}});
+//# sourceMappingURL=popover-DXzb6qRU.cjs.map

package/dist/chunks/popover-DXzb6qRU.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-DXzb6qRU.cjs.js","names":["createSlotRecipeContext","createContext","useContext","RaDialogTrigger","extractStyleProps","RaButton","extractStyleProps","RaPopover","RaDialog","require_Dialog","require_Button","require_extract_style_props","react","react_jsx_runtime","PopoverRootSlot","withProvider","PopoverTriggerSlot","withContext","PopoverContentSlot","PopoverDialogSlot","PopoverConfigContext","PopoverConfigProvider","usePopoverConfigContext","PopoverRoot","config","props","PopoverTrigger","_asChild","styleOnlyProps","styleProps","rest","restProps","PopoverContent","ariaLabel","ariaLabelledBy","overlayConfig","Popover"],"sources":["../../src/components/popover/popover.slots.tsx","../../src/components/popover/components/popover.context.tsx","../../src/components/popover/components/popover.root.tsx","../../src/components/popover/components/popover.trigger.tsx","../../src/components/popover/components/popover.content.tsx","../../src/components/popover/popover.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\n\nimport type { SlotComponent } from \"@/type-utils\";\nimport type {\n  PopoverRootSlotProps,\n  PopoverTriggerSlotProps,\n  PopoverContentSlotProps,\n  PopoverDialogSlotProps,\n} from \"./popover.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusPopover\",\n});\n\n/** Popover Root - installs the slot-recipe context; renders no element itself */\nexport const PopoverRootSlot: SlotComponent<\n  HTMLDivElement,\n  PopoverRootSlotProps\n> = withProvider<HTMLDivElement, PopoverRootSlotProps>(\"div\", \"root\");\n\n/** Popover Trigger - the element that opens the popover */\nexport const PopoverTriggerSlot: SlotComponent<\n  HTMLButtonElement,\n  PopoverTriggerSlotProps\n> = withContext<HTMLButtonElement, PopoverTriggerSlotProps>(\n  \"button\",\n  \"trigger\"\n);\n\n/** Popover Content - the positioned overlay surface */\nexport const PopoverContentSlot: SlotComponent<\n  HTMLDivElement,\n  PopoverContentSlotProps\n> = withContext<HTMLDivElement, PopoverContentSlotProps>(\"div\", \"content\");\n\n/** Popover Dialog - the dialog element rendered inside the surface */\nexport const PopoverDialogSlot: SlotComponent<\n  HTMLDivElement,\n  PopoverDialogSlotProps\n> = withContext<HTMLDivElement, PopoverDialogSlotProps>(\"div\", \"dialog\");\n","import { createContext, useContext } from \"react\";\n\nimport type { PopoverConfigContextValue } from \"../popover.types\";\n\n/**\n * Carries the overlay configuration from `Popover.Root` to `Popover.Content`.\n *\n * The elements those props configure are rendered by `Popover.Content` through\n * a portal, so they cannot be handed down the tree. The value type excludes\n * `DialogTrigger`'s open-state props by construction — see `Popover.Root` for\n * why they must not reach the overlay.\n */\nconst PopoverConfigContext = createContext<\n  PopoverConfigContextValue | undefined\n>(undefined);\n\nexport const PopoverConfigProvider = PopoverConfigContext.Provider;\n\n/**\n * Reads the configuration published by `Popover.Root`. `undefined` without a\n * Root above, leaving React Aria's own defaults. That case is not a supported\n * arrangement: the slot-recipe context comes from `Popover.Root` too, so a\n * Root-less `Popover.Content` throws before any of this matters.\n */\nexport const usePopoverConfigContext = () => useContext(PopoverConfigContext);\n","import { DialogTrigger as RaDialogTrigger } from \"react-aria-components\";\n\nimport { PopoverRootSlot } from \"../popover.slots\";\nimport type { PopoverRootProps } from \"../popover.types\";\nimport { PopoverConfigProvider } from \"./popover.context\";\n\n/**\n * Popover.Root - Establishes the popover's open state and styling context\n *\n * Renders React Aria's `DialogTrigger` via `asChild`, which mounts no DOM\n * element — hence no style props here, and no `@supportsStyleProps` tag.\n *\n * The prop split below is deliberate: `DialogTrigger` honours only the three\n * open-state props, and React Aria's `Popover` declares those same three and\n * derives its own state from them once set. Publishing them through the config\n * context would leave the trigger toggling one state while the surface renders\n * another, so they stop here and everything else travels on.\n */\nexport const PopoverRoot = (props: PopoverRootProps) => {\n  const { children, isOpen, defaultOpen, onOpenChange, ...config } = props;\n\n  return (\n    <PopoverRootSlot asChild>\n      <RaDialogTrigger\n        isOpen={isOpen}\n        defaultOpen={defaultOpen}\n        onOpenChange={onOpenChange}\n      >\n        <PopoverConfigProvider value={config}>{children}</PopoverConfigProvider>\n      </RaDialogTrigger>\n    </PopoverRootSlot>\n  );\n};\n\nPopoverRoot.displayName = \"Popover.Root\";\n","import { Button as RaButton } from \"react-aria-components\";\n\nimport { PopoverTriggerSlot } from \"../popover.slots\";\nimport type { PopoverTriggerProps } from \"../popover.types\";\nimport { extractStyleProps } from \"@/utils\";\n\n/**\n * Popover.Trigger - The element that opens the popover when pressed\n *\n * React Aria's `DialogTrigger` wraps whatever is rendered here in a\n * `PressResponder`, which publishes the press handlers, `aria-expanded`,\n * `aria-controls` and the trigger ref through context. Nothing has to be\n * forwarded for that to work, so under `asChild` this component applies only\n * the `trigger` slot's styling and the child owns its own props.\n *\n * @supportsStyleProps\n */\nexport const PopoverTrigger = (props: PopoverTriggerProps) => {\n  if (props.asChild) {\n    const {\n      children,\n      ref,\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      asChild: _asChild,\n      ...styleOnlyProps\n    } = props;\n    const [styleProps] = extractStyleProps(styleOnlyProps);\n\n    return (\n      <PopoverTriggerSlot ref={ref} asChild {...styleProps}>\n        {children}\n      </PopoverTriggerSlot>\n    );\n  }\n\n  // No pressable element supplied, so wrap the children in our own button.\n  const {\n    children,\n    ref,\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    asChild: _asChild,\n    ...rest\n  } = props;\n  const [styleProps, restProps] = extractStyleProps(rest);\n\n  return (\n    <PopoverTriggerSlot asChild {...styleProps}>\n      <RaButton ref={ref} {...restProps}>\n        {children}\n      </RaButton>\n    </PopoverTriggerSlot>\n  );\n};\n\nPopoverTrigger.displayName = \"Popover.Trigger\";\n","import {\n  Dialog as RaDialog,\n  Popover as RaPopover,\n} from \"react-aria-components\";\n\nimport { PopoverContentSlot, PopoverDialogSlot } from \"../popover.slots\";\nimport type { PopoverContentProps } from \"../popover.types\";\nimport { usePopoverConfigContext } from \"./popover.context\";\nimport { extractStyleProps } from \"@/utils\";\n\n/**\n * Popover.Content - The positioned overlay surface, with its own dialog element\n *\n * Renders two elements: the positioned surface (`RaPopover`, `content` slot),\n * which takes the style props the recipe targets, and the dialog inside it\n * (`RaDialog`, `dialog` slot), which takes everything else. The dialog is what\n * the trigger's `aria-controls` points at, and `RaPopover` rejects `id`, so\n * routing a consumer-supplied `id` to the dialog keeps that link intact.\n *\n * @supportsStyleProps\n */\nexport const PopoverContent = ({\n  children,\n  ref,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n  ...props\n}: PopoverContentProps) => {\n  const [styleProps, restProps] = extractStyleProps(props);\n\n  // Published by Popover.Root; absent without one, leaving React Aria's\n  // defaults. `role` belongs to the dialog, the rest to the surface.\n  const { role, ...overlayConfig } = usePopoverConfigContext() ?? {};\n\n  return (\n    <PopoverContentSlot {...styleProps} asChild>\n      <RaPopover ref={ref} {...overlayConfig}>\n        <PopoverDialogSlot asChild>\n          {/*\n            `role` is applied after the spread so Root stays the only source of\n            it. PopoverContentProps excludes the name, so a typed consumer\n            cannot reach this; an untyped one is dropped rather than allowed to\n            outrank the configuration Root published.\n          */}\n          <RaDialog\n            {...restProps}\n            role={role}\n            aria-label={ariaLabel}\n            aria-labelledby={ariaLabelledBy}\n          >\n            {children}\n          </RaDialog>\n        </PopoverDialogSlot>\n      </RaPopover>\n    </PopoverContentSlot>\n  );\n};\n\nPopoverContent.displayName = \"Popover.Content\";\n","import { PopoverRoot, PopoverTrigger, PopoverContent } from \"./components\";\n\n/**\n * Popover\n * ============================================================\n * A positioned overlay for rich, interactive content anchored to a trigger.\n * Built on React Aria Components for accessibility and WCAG 2.1 AA compliance.\n *\n * Reach for Popover when the content is interactive — a filter panel, a\n * settings form, a context-sensitive action list. Use `Tooltip` for simple\n * non-interactive hints, and `Dialog` when the flow should block the page.\n *\n * Focus is contained within the popover and an outside press dismisses it,\n * which is React Aria's default. `isNonModal` on `Popover.Root` lifts neither:\n * it stops React Aria marking the rest of the page `inert` and locking page\n * scroll, so assistive technology can reach the surrounding page. Read the React\n * Aria guidance before using it, since it affects the screen reader experience.\n *\n * @example\n * ```tsx\n * <Popover.Root>\n *   <Popover.Trigger>Filters</Popover.Trigger>\n *   <Popover.Content aria-label=\"Filters\">\n *     <Checkbox>Only active</Checkbox>\n *   </Popover.Content>\n * </Popover.Root>\n * ```\n *\n * @supportsStyleProps\n * @see https://nimbus-documentation.vercel.app/components/feedback/popover\n */\nexport const Popover = {\n  /**\n   * # Popover.Root\n   *\n   * Establishes the popover's open state and styling context, and must wrap\n   * both the trigger and the content.\n   *\n   * Renders no DOM element of its own, so it does not affect the layout around\n   * the trigger. Accepts `isOpen` / `defaultOpen` / `onOpenChange` for\n   * controlled and uncontrolled use, and is the compound's single configuration\n   * surface: placement, dismissal, animation, portal container and the dialog's\n   * `role` are all set here and reach `Popover.Content` through context.\n   *\n   * @example\n   * ```tsx\n   * <Popover.Root defaultOpen>\n   *   <Popover.Trigger>Open</Popover.Trigger>\n   *   <Popover.Content aria-label=\"Details\">Content</Popover.Content>\n   * </Popover.Root>\n   * ```\n   */\n  Root: PopoverRoot,\n\n  /**\n   * # Popover.Trigger\n   *\n   * The element that opens the popover when pressed. Renders its own button by\n   * default; pass `asChild` to apply trigger behavior to your own pressable\n   * element instead of nesting one button inside another.\n   *\n   * @example\n   * ```tsx\n   * <Popover.Trigger asChild>\n   *   <IconButton aria-label=\"Options\"><MoreVert /></IconButton>\n   * </Popover.Trigger>\n   * ```\n   */\n  Trigger: PopoverTrigger,\n\n  /**\n   * # Popover.Content\n   *\n   * The positioned overlay surface. Supplies its own dialog element, so no\n   * `Dialog` needs to be added by hand for the accessibility contract to hold.\n   *\n   * Give it an `aria-label` (or `aria-labelledby`) whenever the content has no\n   * visible heading. Pass a function child to dismiss the popover from within.\n   *\n   * @example\n   * ```tsx\n   * <Popover.Content aria-label=\"Confirm\">\n   *   {({ close }) => (\n   *     <Stack gap=\"200\">\n   *       <Text>Discard your changes?</Text>\n   *       <Button onPress={close}>Cancel</Button>\n   *     </Stack>\n   *   )}\n   * </Popover.Content>\n   * ```\n   */\n  Content: PopoverContent,\n};\n"],"mappings":"2LAUA,GAAM,CAAE,eAAc,gBAAA,0CAAgBA,CAAAA,CAAAA,wBAAAA,CAAwB,CAC5D,IAAK,eACP,CAAC,EAGYc,EAGTC,EAAmD,MAAO,MAAM,EAGvDC,EAGTC,EACF,SACA,SACF,EAGaC,EAGTD,EAAqD,MAAO,SAAS,EAG5DE,EAGTF,EAAoD,MAAO,QAAQ,EC3BjEG,GAAA,EAAuBnB,EAAAA,cAAAA,CAE3B,IAAA,EAAS,EAEEoB,EAAwBD,EAAqB,SAQ7CE,OAAA,EAAgCpB,EAAAA,WAAAA,CAAWkB,CAAoB,ECN/DG,EAAe,GAA4B,CACtD,GAAM,CAAE,WAAU,SAAQ,cAAa,eAAc,GAAGC,GAAWC,EAEnE,OACE,EAAAZ,EAAA,IAAA,CAACC,EAAD,CAAiB,QAAA,GACf,UAAA,EAAAD,EAAA,IAAA,CAACV,EAAAA,EAAD,CACU,SACK,cACC,eAEd,UAAA,EAAAU,EAAA,IAAA,CAACQ,EAAD,CAAuB,MAAOG,EAAS,UAAgC,CAAA,CACxD,CAAA,CACF,CAAA,CAErB,EAEA,EAAY,YAAc,eCjB1B,IAAaE,EAAkB,GAA+B,CAC5D,GAAID,EAAM,QAAS,CACjB,GAAM,CACJ,WACA,MAEA,QAASE,EACT,GAAGC,GACDH,EACE,CAACI,GAAczB,EAAAA,EAAkBwB,CAAc,EAErD,OACE,EAAAf,EAAA,IAAA,CAACG,EAAD,CAAyB,MAAK,QAAA,GAAQ,GAAIa,EACvC,UACiB,CAAA,CAExB,CAGA,GAAM,CACJ,WACA,MAEA,QAASF,EACT,GAAGG,GACDL,EACE,CAACI,EAAYE,GAAa3B,EAAAA,EAAkB0B,CAAI,EAEtD,OACE,EAAAjB,EAAA,IAAA,CAACG,EAAD,CAAoB,QAAA,GAAQ,GAAIa,EAC9B,UAAA,EAAAhB,EAAA,IAAA,CAACR,EAAAA,EAAD,CAAe,MAAK,GAAI0B,EACrB,UACO,CAAA,CACQ,CAAA,CAExB,EAEA,EAAe,YAAc,kBCjC7B,IAAaC,GAAkB,CAC7B,WACA,MACA,aAAcC,EACd,kBAAmBC,EACnB,GAAGT,KACsB,CACzB,GAAM,CAACI,EAAYE,GAAazB,EAAAA,EAAkBmB,CAAK,EAIjD,CAAE,OAAM,GAAGU,GAAkBb,EAAwB,GAAK,CAAC,EAEjE,OACE,EAAAT,EAAA,IAAA,CAACK,EAAD,CAAoB,GAAIW,EAAY,QAAA,GAClC,UAAA,EAAAhB,EAAA,IAAA,CAACN,EAAAA,EAAD,CAAgB,MAAK,GAAI4B,EACvB,UAAA,EAAAtB,EAAA,IAAA,CAACM,EAAD,CAAmB,QAAA,GAOjB,UAAA,EAAAN,EAAA,IAAA,CAACL,EAAAA,EAAD,CACE,GAAIuB,EACE,OACN,aAAYE,EACZ,kBAAiBC,EAEhB,UACO,CAAA,CACO,CAAA,CACV,CAAA,CACO,CAAA,CAExB,EAEA,EAAe,YAAc,kBC3B7B,IAAaE,EAAU,CAqBrB,KAAMb,EAgBN,QAASG,EAuBT,QAASM,CACX"}

package/dist/chunks/progress-bar-Ca0I4wxM.cjs

@@ -0,0 +1,2 @@
+const e=require("./useObjectRef-B_odk_Xk.cjs"),t=require("./Label-B-Qb-9HV.cjs"),n=require("./ProgressBar-DXB4l4kR.cjs"),r=require("./box-B6vF0vdN.cjs"),i=require("./flex-D_rZ56ps.cjs"),a=require("./extract-style-props-e57WhXBe.cjs"),o=require("./merge-refs-DjTl2ATo.cjs");let s=require("react"),c=require("react/jsx-runtime"),l=require("@chakra-ui/react/styled-system");var{withProvider:u,withContext:d}=(0,l.createSlotRecipeContext)({key:`nimbusProgressBar`}),f=u(`div`,`root`),p=d(`div`,`track`),m=d(`div`,`fill`),h=d(`span`,`label`),g=d(`span`,`value`),_=u=>{let{ref:d,value:_,minValue:v=0,maxValue:y=100,isDynamic:b=!0,isIndeterminate:x,label:S,formatOptions:C={style:`percent`},variant:w=`solid`,layout:T=`stacked`,colorPalette:E=`primary`,...D}=u,[O,k]=(0,l.useSlotRecipe)({key:`nimbusProgressBar`}).splitVariantProps({variant:w,colorPalette:E,...u}),[A]=a.t(k),j=(0,s.useRef)(null),M=e.t(o.t(j,d));return(0,c.jsx)(f,{...O,...A,isDynamic:b,isIndeterminate:x,asChild:!0,children:(0,c.jsx)(n.t,{ref:M,value:_,minValue:v,maxValue:y,isIndeterminate:x,formatOptions:C,...D,children:({percentage:e,valueText:n})=>(0,c.jsxs)(c.Fragment,{children:[T===`stacked`&&(0,c.jsxs)(i.t,{children:[S&&(0,c.jsx)(h,{asChild:!0,children:(0,c.jsx)(t.n,{children:S})}),(0,c.jsx)(r.t,{flexGrow:`1`}),S&&_&&(0,c.jsx)(g,{children:n})]}),T===`inline`&&S&&(0,c.jsx)(h,{lineHeight:`1`,asChild:!0,children:(0,c.jsx)(t.n,{children:S})}),(0,c.jsx)(p,{children:(0,c.jsx)(m,{style:{width:x?`40%`:`${e}%`},"data-indeterminate":x,"data-complete":!x&&e!==void 0&&e>=100})}),T===`inline`&&_&&(0,c.jsx)(g,{lineHeight:`1`,children:n})]})})})};_.displayName=`ProgressBar`,Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return _}});
+//# sourceMappingURL=progress-bar-Ca0I4wxM.cjs.map

package/dist/chunks/progress-bar-Ca0I4wxM.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-bar-Ca0I4wxM.cjs.js","names":["createSlotRecipeContext","useSlotRecipe","extractStyleProps","useRef","useObjectRef","mergeRefs","RaProgressBar","_Fragment","Flex","RaLabel","Box","require_useObjectRef","require_Label","require_ProgressBar","require_box","require_flex","require_extract_style_props","require_merge_refs","react","react_jsx_runtime","_chakra_ui_react_styled_system","ProgressBarRootSlot","withProvider","ProgressBarTrackSlot","withContext","ProgressBarFillSlot","ProgressBarLabelSlot","ProgressBarValueSlot","ProgressBar","forwardedRef","rest","props","recipeProps","remainingProps","styleProps","localRef","ref","layout","label","value","valueText","isIndeterminate","percentage"],"sources":["../../src/components/progress-bar/progress-bar.slots.tsx","../../src/components/progress-bar/progress-bar.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type {\n  ProgressBarRootSlotProps,\n  ProgressBarTrackSlotProps,\n  ProgressBarFillSlotProps,\n  ProgressBarLabelSlotProps,\n  ProgressBarValueSlotProps,\n} from \"./progress-bar.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusProgressBar\",\n});\n\n// ProgressBar Root - Main container\nexport const ProgressBarRootSlot = withProvider<\n  HTMLDivElement,\n  ProgressBarRootSlotProps\n>(\"div\", \"root\");\n\n// ProgressBar Track - Background bar\nexport const ProgressBarTrackSlot = withContext<\n  HTMLDivElement,\n  ProgressBarTrackSlotProps\n>(\"div\", \"track\");\n\n// ProgressBar Fill - Progress indicator\nexport const ProgressBarFillSlot = withContext<\n  HTMLDivElement,\n  ProgressBarFillSlotProps\n>(\"div\", \"fill\");\n\n// ProgressBar Label - Label text\nexport const ProgressBarLabelSlot = withContext<\n  HTMLSpanElement,\n  ProgressBarLabelSlotProps\n>(\"span\", \"label\");\n\n// ProgressBar Value - Value text\nexport const ProgressBarValueSlot = withContext<\n  HTMLSpanElement,\n  ProgressBarValueSlotProps\n>(\"span\", \"value\");\n","import { useRef } from \"react\";\nimport {\n  ProgressBar as RaProgressBar,\n  Label as RaLabel,\n} from \"react-aria-components\";\nimport { useObjectRef } from \"react-aria\";\nimport { extractStyleProps, mergeRefs } from \"@/utils\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { Flex, Box } from \"@/components\";\nimport {\n  ProgressBarRootSlot,\n  ProgressBarTrackSlot,\n  ProgressBarFillSlot,\n  ProgressBarLabelSlot,\n  ProgressBarValueSlot,\n} from \"./progress-bar.slots\";\nimport type { ProgressBarProps } from \"./progress-bar.types\";\n\n/**\n * ProgressBar\n * ============================================================\n * Displays progress towards completion of a task or process\n *\n * Features:\n *\n * - Supports both determinate (with value) and indeterminate (loading) states\n * - Two visual variants: solid (gradient) and contrast (monochromatic)\n * - Three layouts: minimal, inline, and stacked\n * - Configurable value formatting with internationalization support\n * - Full accessibility support with ARIA attributes\n * - Allows forwarding refs to the underlying DOM element\n * - Accepts all native HTML div attributes\n * - Supports variants, sizes, etc. configured in the recipe\n * - Allows overriding styles by using style-props\n * @supportsStyleProps\n */\nexport const ProgressBar = (props: ProgressBarProps) => {\n  const {\n    ref: forwardedRef,\n    value,\n    minValue = 0,\n    maxValue = 100,\n    isDynamic = true,\n    isIndeterminate,\n    label,\n    formatOptions = { style: \"percent\" },\n    variant = \"solid\",\n    layout = \"stacked\",\n    colorPalette = \"primary\",\n    ...rest\n  } = props;\n\n  const recipe = useSlotRecipe({ key: \"nimbusProgressBar\" });\n  const [recipeProps, remainingProps] = recipe.splitVariantProps({\n    variant,\n    colorPalette,\n    ...props,\n  });\n  const [styleProps] = extractStyleProps(remainingProps);\n\n  const localRef = useRef<HTMLDivElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  return (\n    <ProgressBarRootSlot\n      {...recipeProps}\n      {...styleProps}\n      isDynamic={isDynamic}\n      isIndeterminate={isIndeterminate}\n      asChild\n    >\n      <RaProgressBar\n        ref={ref}\n        value={value}\n        minValue={minValue}\n        maxValue={maxValue}\n        isIndeterminate={isIndeterminate}\n        formatOptions={formatOptions}\n        {...rest}\n      >\n        {({ percentage, valueText }) => (\n          <>\n            {layout === \"stacked\" && (\n              <Flex>\n                {label && (\n                  <ProgressBarLabelSlot asChild>\n                    <RaLabel>{label}</RaLabel>\n                  </ProgressBarLabelSlot>\n                )}\n                <Box flexGrow=\"1\" />\n                {label && value && (\n                  <ProgressBarValueSlot>{valueText}</ProgressBarValueSlot>\n                )}\n              </Flex>\n            )}\n\n            {layout === \"inline\" && label && (\n              <ProgressBarLabelSlot lineHeight=\"1\" asChild>\n                <RaLabel>{label}</RaLabel>\n              </ProgressBarLabelSlot>\n            )}\n\n            <ProgressBarTrackSlot>\n              <ProgressBarFillSlot\n                style={{ width: isIndeterminate ? \"40%\" : `${percentage}%` }}\n                data-indeterminate={isIndeterminate}\n                data-complete={\n                  !isIndeterminate &&\n                  percentage !== undefined &&\n                  percentage >= 100\n                }\n              />\n            </ProgressBarTrackSlot>\n\n            {layout === \"inline\" && value && (\n              <ProgressBarValueSlot lineHeight=\"1\">\n                {valueText}\n              </ProgressBarValueSlot>\n            )}\n          </>\n        )}\n      </RaProgressBar>\n    </ProgressBarRootSlot>\n  );\n};\n\nProgressBar.displayName = \"ProgressBar\";\n"],"mappings":"wYASA,GAAM,CAAE,eAAc,gBAAA,EAAgBA,EAAAA,wBAAAA,CAAwB,CAC5D,IAAK,mBACP,CAAC,EAGYqB,EAAsBC,EAGjC,MAAO,MAAM,EAGFC,EAAuBC,EAGlC,MAAO,OAAO,EAGHC,EAAsBD,EAGjC,MAAO,MAAM,EAGFE,EAAuBF,EAGlC,OAAQ,OAAO,EAGJG,EAAuBH,EAGlC,OAAQ,OAAO,ECLJI,EAAe,GAA4B,CACtD,GAAM,CACJ,IAAKC,EACL,QACA,WAAW,EACX,WAAW,IACX,YAAY,GACZ,kBACA,QACA,gBAAgB,CAAE,MAAO,SAAU,EACnC,UAAU,QACV,SAAS,UACT,eAAe,UACf,GAAGC,GACDC,EAGE,CAACC,EAAaC,IAAA,EADLhC,EAAAA,cAAAA,CAAc,CAAE,IAAK,mBAAoB,CAClB,CAAA,CAAO,kBAAkB,CAC7D,UACA,eACA,GAAG8B,CACL,CAAC,EACK,CAACG,GAAchC,EAAAA,EAAkB+B,CAAc,EAE/CE,GAAA,EAAWhC,EAAAA,OAAAA,CAAuB,IAAI,EACtCiC,EAAMhC,EAAAA,EAAaC,EAAAA,EAAU8B,EAAUN,CAAY,CAAC,EAE1D,OACE,EAAAV,EAAA,IAAA,CAACE,EAAD,CACE,GAAIW,EACJ,GAAIE,EACO,YACM,kBACjB,QAAA,GAEA,UAAA,EAAAf,EAAA,IAAA,CAACb,EAAAA,EAAD,CACO,MACE,QACG,WACA,WACO,kBACF,gBACf,GAAIwB,EAEF,UAAA,CAAE,aAAY,gBACd,EAAAX,EAAA,KAAA,CAAAZ,EAAAA,SAAA,CAAA,SAAA,CACG8B,IAAW,YACV,EAAAlB,EAAA,KAAA,CAACX,EAAAA,EAAD,CAAA,SAAA,CACG8B,IACC,EAAAnB,EAAA,IAAA,CAACO,EAAD,CAAsB,QAAA,GACpB,UAAA,EAAAP,EAAA,IAAA,CAACV,EAAAA,EAAD,CAAA,SAAU6B,CAAe,CAAA,CACL,CAAA,GAExB,EAAAnB,EAAA,IAAA,CAACT,EAAAA,EAAD,CAAK,SAAS,GAAK,CAAA,EAClB4B,GAASC,IACR,EAAApB,EAAA,IAAA,CAACQ,EAAD,CAAA,SAAuBa,CAAgC,CAAA,CAErD,CAAA,CAAA,EAGPH,IAAW,UAAYC,IACtB,EAAAnB,EAAA,IAAA,CAACO,EAAD,CAAsB,WAAW,IAAI,QAAA,GACnC,UAAA,EAAAP,EAAA,IAAA,CAACV,EAAAA,EAAD,CAAA,SAAU6B,CAAe,CAAA,CACL,CAAA,GAGxB,EAAAnB,EAAA,IAAA,CAACI,EAAD,CAAA,UACE,EAAAJ,EAAA,IAAA,CAACM,EAAD,CACE,MAAO,CAAE,MAAOgB,EAAkB,MAAQ,GAAGC,EAAW,EAAG,EAC3D,qBAAoBD,EACpB,gBACE,CAACA,GACDC,IAAe,IAAA,IACfA,GAAc,GAEjB,CAAA,CACmB,CAAA,EAErBL,IAAW,UAAYE,IACtB,EAAApB,EAAA,IAAA,CAACQ,EAAD,CAAsB,WAAW,IAC9B,SAAAa,CACmB,CAAA,CAExB,CAAA,CAAA,CAES,CAAA,CACI,CAAA,CAEzB,EAEA,EAAY,YAAc"}

package/dist/chunks/progress-bar-DG6biOb1.es.js

@@ -0,0 +1,63 @@
+import { t as e } from "./useObjectRef-CiW-zdxU.es.js";
+import { n as t } from "./Label-CcmSinzN.es.js";
+import { t as n } from "./ProgressBar-CbD64G0q.es.js";
+import { t as r } from "./box-CZyqYgLL.es.js";
+import { t as i } from "./flex-BB3-rbwF.es.js";
+import { t as a } from "./extract-style-props-YWZOestG.es.js";
+import { t as o } from "./merge-refs-C1GcH9iY.es.js";
+import { useRef as s } from "react";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+import { createSlotRecipeContext as d, useSlotRecipe as f } from "@chakra-ui/react/styled-system";
+//#region src/components/progress-bar/progress-bar.slots.tsx
+var { withProvider: p, withContext: m } = d({ key: "nimbusProgressBar" }), h = p("div", "root"), g = m("div", "track"), _ = m("div", "fill"), v = m("span", "label"), y = m("span", "value"), b = (d) => {
+	let { ref: p, value: m, minValue: b = 0, maxValue: x = 100, isDynamic: S = !0, isIndeterminate: C, label: w, formatOptions: T = { style: "percent" }, variant: E = "solid", layout: D = "stacked", colorPalette: O = "primary", ...k } = d, [A, j] = f({ key: "nimbusProgressBar" }).splitVariantProps({
+		variant: E,
+		colorPalette: O,
+		...d
+	}), [M] = a(j), N = s(null), P = e(o(N, p));
+	return /* @__PURE__ */ l(h, {
+		...A,
+		...M,
+		isDynamic: S,
+		isIndeterminate: C,
+		asChild: !0,
+		children: /* @__PURE__ */ l(n, {
+			ref: P,
+			value: m,
+			minValue: b,
+			maxValue: x,
+			isIndeterminate: C,
+			formatOptions: T,
+			...k,
+			children: ({ percentage: e, valueText: n }) => /* @__PURE__ */ u(c, { children: [
+				D === "stacked" && /* @__PURE__ */ u(i, { children: [
+					w && /* @__PURE__ */ l(v, {
+						asChild: !0,
+						children: /* @__PURE__ */ l(t, { children: w })
+					}),
+					/* @__PURE__ */ l(r, { flexGrow: "1" }),
+					w && m && /* @__PURE__ */ l(y, { children: n })
+				] }),
+				D === "inline" && w && /* @__PURE__ */ l(v, {
+					lineHeight: "1",
+					asChild: !0,
+					children: /* @__PURE__ */ l(t, { children: w })
+				}),
+				/* @__PURE__ */ l(g, { children: /* @__PURE__ */ l(_, {
+					style: { width: C ? "40%" : `${e}%` },
+					"data-indeterminate": C,
+					"data-complete": !C && e !== void 0 && e >= 100
+				}) }),
+				D === "inline" && m && /* @__PURE__ */ l(y, {
+					lineHeight: "1",
+					children: n
+				})
+			] })
+		})
+	});
+};
+b.displayName = "ProgressBar";
+//#endregion
+export { b as t };
+
+//# sourceMappingURL=progress-bar-DG6biOb1.es.js.map

package/dist/chunks/progress-bar-DG6biOb1.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-bar-DG6biOb1.es.js","names":["useObjectRef","RaProgressBar","_Fragment","RaLabel","$03e8ab2d84d7657a$export$4338b53315abf666","$43a3b93638fe5db9$export$b04be29aa201d4f5","$6c0095e7e99364f2$export$c17561cb55d4db30","Box","Flex","extractStyleProps","mergeRefs","Fragment$1","createSlotRecipeContext","ProgressBarRootSlot","withProvider","ProgressBarTrackSlot","withContext","ProgressBarFillSlot","ProgressBarLabelSlot","ProgressBarValueSlot","ProgressBar","forwardedRef","rest","props","recipeProps","remainingProps","useSlotRecipe","styleProps","localRef","useRef","ref","layout","label","value","valueText","isIndeterminate","percentage"],"sources":["../../src/components/progress-bar/progress-bar.slots.tsx","../../src/components/progress-bar/progress-bar.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type {\n  ProgressBarRootSlotProps,\n  ProgressBarTrackSlotProps,\n  ProgressBarFillSlotProps,\n  ProgressBarLabelSlotProps,\n  ProgressBarValueSlotProps,\n} from \"./progress-bar.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusProgressBar\",\n});\n\n// ProgressBar Root - Main container\nexport const ProgressBarRootSlot = withProvider<\n  HTMLDivElement,\n  ProgressBarRootSlotProps\n>(\"div\", \"root\");\n\n// ProgressBar Track - Background bar\nexport const ProgressBarTrackSlot = withContext<\n  HTMLDivElement,\n  ProgressBarTrackSlotProps\n>(\"div\", \"track\");\n\n// ProgressBar Fill - Progress indicator\nexport const ProgressBarFillSlot = withContext<\n  HTMLDivElement,\n  ProgressBarFillSlotProps\n>(\"div\", \"fill\");\n\n// ProgressBar Label - Label text\nexport const ProgressBarLabelSlot = withContext<\n  HTMLSpanElement,\n  ProgressBarLabelSlotProps\n>(\"span\", \"label\");\n\n// ProgressBar Value - Value text\nexport const ProgressBarValueSlot = withContext<\n  HTMLSpanElement,\n  ProgressBarValueSlotProps\n>(\"span\", \"value\");\n","import { useRef } from \"react\";\nimport {\n  ProgressBar as RaProgressBar,\n  Label as RaLabel,\n} from \"react-aria-components\";\nimport { useObjectRef } from \"react-aria\";\nimport { extractStyleProps, mergeRefs } from \"@/utils\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { Flex, Box } from \"@/components\";\nimport {\n  ProgressBarRootSlot,\n  ProgressBarTrackSlot,\n  ProgressBarFillSlot,\n  ProgressBarLabelSlot,\n  ProgressBarValueSlot,\n} from \"./progress-bar.slots\";\nimport type { ProgressBarProps } from \"./progress-bar.types\";\n\n/**\n * ProgressBar\n * ============================================================\n * Displays progress towards completion of a task or process\n *\n * Features:\n *\n * - Supports both determinate (with value) and indeterminate (loading) states\n * - Two visual variants: solid (gradient) and contrast (monochromatic)\n * - Three layouts: minimal, inline, and stacked\n * - Configurable value formatting with internationalization support\n * - Full accessibility support with ARIA attributes\n * - Allows forwarding refs to the underlying DOM element\n * - Accepts all native HTML div attributes\n * - Supports variants, sizes, etc. configured in the recipe\n * - Allows overriding styles by using style-props\n * @supportsStyleProps\n */\nexport const ProgressBar = (props: ProgressBarProps) => {\n  const {\n    ref: forwardedRef,\n    value,\n    minValue = 0,\n    maxValue = 100,\n    isDynamic = true,\n    isIndeterminate,\n    label,\n    formatOptions = { style: \"percent\" },\n    variant = \"solid\",\n    layout = \"stacked\",\n    colorPalette = \"primary\",\n    ...rest\n  } = props;\n\n  const recipe = useSlotRecipe({ key: \"nimbusProgressBar\" });\n  const [recipeProps, remainingProps] = recipe.splitVariantProps({\n    variant,\n    colorPalette,\n    ...props,\n  });\n  const [styleProps] = extractStyleProps(remainingProps);\n\n  const localRef = useRef<HTMLDivElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  return (\n    <ProgressBarRootSlot\n      {...recipeProps}\n      {...styleProps}\n      isDynamic={isDynamic}\n      isIndeterminate={isIndeterminate}\n      asChild\n    >\n      <RaProgressBar\n        ref={ref}\n        value={value}\n        minValue={minValue}\n        maxValue={maxValue}\n        isIndeterminate={isIndeterminate}\n        formatOptions={formatOptions}\n        {...rest}\n      >\n        {({ percentage, valueText }) => (\n          <>\n            {layout === \"stacked\" && (\n              <Flex>\n                {label && (\n                  <ProgressBarLabelSlot asChild>\n                    <RaLabel>{label}</RaLabel>\n                  </ProgressBarLabelSlot>\n                )}\n                <Box flexGrow=\"1\" />\n                {label && value && (\n                  <ProgressBarValueSlot>{valueText}</ProgressBarValueSlot>\n                )}\n              </Flex>\n            )}\n\n            {layout === \"inline\" && label && (\n              <ProgressBarLabelSlot lineHeight=\"1\" asChild>\n                <RaLabel>{label}</RaLabel>\n              </ProgressBarLabelSlot>\n            )}\n\n            <ProgressBarTrackSlot>\n              <ProgressBarFillSlot\n                style={{ width: isIndeterminate ? \"40%\" : `${percentage}%` }}\n                data-indeterminate={isIndeterminate}\n                data-complete={\n                  !isIndeterminate &&\n                  percentage !== undefined &&\n                  percentage >= 100\n                }\n              />\n            </ProgressBarTrackSlot>\n\n            {layout === \"inline\" && value && (\n              <ProgressBarValueSlot lineHeight=\"1\">\n                {valueText}\n              </ProgressBarValueSlot>\n            )}\n          </>\n        )}\n      </RaProgressBar>\n    </ProgressBarRootSlot>\n  );\n};\n\nProgressBar.displayName = \"ProgressBar\";\n"],"mappings":";;;;;;;;;;;AASA,IAAM,EAAE,iBAAc,mBAAgBY,EAAwB,EAC5D,KAAK,oBACP,CAAC,GAGYC,IAAsBC,EAGjC,OAAO,MAAM,GAGFC,IAAuBC,EAGlC,OAAO,OAAO,GAGHC,IAAsBD,EAGjC,OAAO,MAAM,GAGFE,IAAuBF,EAGlC,QAAQ,OAAO,GAGJG,IAAuBH,EAGlC,QAAQ,OAAO,GCLJI,KAAe,MAA4B;CACtD,IAAM,EACJ,KAAKC,GACL,UACA,cAAW,GACX,cAAW,KACX,eAAY,IACZ,oBACA,UACA,mBAAgB,EAAE,OAAO,UAAU,GACnC,aAAU,SACV,YAAS,WACT,kBAAe,WACf,GAAGC,MACDC,GAGE,CAACC,GAAaC,KADLC,EAAc,EAAE,KAAK,oBAAoB,CAClB,CAAA,CAAO,kBAAkB;EAC7D;EACA;EACA,GAAGH;CACL,CAAC,GACK,CAACI,KAAclB,EAAkBgB,CAAc,GAE/CG,IAAWC,EAAuB,IAAI,GACtCC,IAAM9B,EAAaU,EAAUkB,GAAUP,CAAY,CAAC;CAE1D,OACE,kBAACR,GAAD;EACE,GAAIW;EACJ,GAAIG;EACO;EACM;EACjB,SAAA;EAEA,UAAA,kBAAC1B,GAAD;GACO;GACE;GACG;GACA;GACO;GACF;GACf,GAAIqB;GAEF,WAAA,EAAE,eAAY,mBACd,kBAAApB,GAAA,EAAA,UAAA;IACG6B,MAAW,aACV,kBAACvB,GAAD,EAAA,UAAA;KACGwB,KACC,kBAACd,GAAD;MAAsB,SAAA;MACpB,UAAA,kBAACf,GAAD,EAAA,UAAU6B,EAAe,CAAA;KACL,CAAA;KAExB,kBAACzB,GAAD,EAAK,UAAS,IAAK,CAAA;KAClByB,KAASC,KACR,kBAACd,GAAD,EAAA,UAAuBe,EAAgC,CAAA;IAErD,EAAA,CAAA;IAGPH,MAAW,YAAYC,KACtB,kBAACd,GAAD;KAAsB,YAAW;KAAI,SAAA;KACnC,UAAA,kBAACf,GAAD,EAAA,UAAU6B,EAAe,CAAA;IACL,CAAA;IAGxB,kBAACjB,GAAD,EAAA,UACE,kBAACE,GAAD;KACE,OAAO,EAAE,OAAOkB,IAAkB,QAAQ,GAAGC,EAAW,GAAG;KAC3D,sBAAoBD;KACpB,iBACE,CAACA,KACDC,MAAe,KAAA,KACfA,KAAc;IAEjB,CAAA,EACmB,CAAA;IAErBL,MAAW,YAAYE,KACtB,kBAACd,GAAD;KAAsB,YAAW;KAC9B,UAAAe;IACmB,CAAA;GAExB,EAAA,CAAA;EAES,CAAA;CACI,CAAA;AAEzB;AAEA,EAAY,cAAc"}

package/dist/chunks/public-page-layout-8Vm4zdKK.es.js

@@ -0,0 +1,68 @@
+import { n as e, t } from "./normalize-messages-migTwRpM.es.js";
+import { t as n } from "./box-CZyqYgLL.es.js";
+import { t as r } from "./flex-BB3-rbwF.es.js";
+import { t as i } from "./heading-BfuOrd8C.es.js";
+import { t as a } from "./stack-D0obj5JC.es.js";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#endregion
+//#region src/patterns/pages/public-page-layout/public-page-layout.messages.ts
+var c = {
+	en: t({ ariaLabel: "Public page" }),
+	de: t({ ariaLabel: "Öffentliche Seite" }),
+	es: t({ ariaLabel: "Página pública" }),
+	"fr-FR": t({ ariaLabel: "Page Public" }),
+	"pt-BR": t({ ariaLabel: "Página pública" })
+}, l = {
+	normal: "sm",
+	wide: "3xl"
+}, u = ({ children: t, logo: u, welcomeMessage: d, legalMessage: f, contentWidth: p = "normal", "aria-label": m, ...h }) => {
+	let g = e(c), _ = m ?? g.format("ariaLabel"), v = l[p];
+	return /* @__PURE__ */ o(r, {
+		as: "main",
+		"aria-label": _,
+		width: "100%",
+		minHeight: "100vh",
+		paddingY: "600",
+		justify: "center",
+		...h,
+		children: /* @__PURE__ */ s(a, {
+			gap: "600",
+			alignItems: "center",
+			width: "100%",
+			children: [
+				u != null && /* @__PURE__ */ o(r, {
+					"data-slot": "logo",
+					justify: "center",
+					children: u
+				}),
+				d != null && /* @__PURE__ */ o(i, {
+					"data-slot": "welcome-message",
+					as: "h2",
+					textAlign: "center",
+					children: d
+				}),
+				/* @__PURE__ */ s(a, {
+					gap: "600",
+					alignItems: "center",
+					width: "100%",
+					children: [/* @__PURE__ */ o(n, {
+						"data-slot": "content",
+						maxW: v,
+						width: "100%",
+						children: t
+					}), f != null && /* @__PURE__ */ o(n, {
+						"data-slot": "legal-message",
+						maxW: v,
+						textAlign: "center",
+						children: f
+					})]
+				})
+			]
+		})
+	});
+};
+u.displayName = "PublicPageLayout";
+//#endregion
+export { u as t };
+
+//# sourceMappingURL=public-page-layout-8Vm4zdKK.es.js.map

package/dist/chunks/public-page-layout-8Vm4zdKK.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"public-page-layout-8Vm4zdKK.es.js","names":["publicPageLayoutMessages_en","publicPageLayoutMessages_de","publicPageLayoutMessages_es","publicPageLayoutMessages_fr","publicPageLayoutMessages_pt","useLocalizedStringFormatter","Box","Flex","Heading","Stack","publicPageLayoutMessagesStrings","normalizeMessages","contentMaxWidth","PublicPageLayout","ariaLabel","styleProps","msg","resolvedAriaLabel","maxW","contentWidth","logo","welcomeMessage","legalMessage"],"sources":["../../src/patterns/pages/public-page-layout/intl/en.ts","../../src/patterns/pages/public-page-layout/intl/de.ts","../../src/patterns/pages/public-page-layout/intl/es.ts","../../src/patterns/pages/public-page-layout/intl/fr-FR.ts","../../src/patterns/pages/public-page-layout/intl/pt-BR.ts","../../src/patterns/pages/public-page-layout/public-page-layout.messages.ts","../../src/patterns/pages/public-page-layout/public-page-layout.tsx"],"sourcesContent":["/**\n * Pre-compiled en messages for PublicPageLayout\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { ariaLabel: `Public page` };\n","/**\n * Pre-compiled de messages for PublicPageLayout\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { ariaLabel: `Öffentliche Seite` };\n","/**\n * Pre-compiled es messages for PublicPageLayout\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { ariaLabel: `Página pública` };\n","/**\n * Pre-compiled fr-FR messages for PublicPageLayout\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { ariaLabel: `Page Public` };\n","/**\n * Pre-compiled pt-BR messages for PublicPageLayout\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { ariaLabel: `Página pública` };\n","/**\n * Pre-compiled localized messages for PublicPageLayout 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 publicPageLayoutMessages_en from \"./intl/en\";\nimport publicPageLayoutMessages_de from \"./intl/de\";\nimport publicPageLayoutMessages_es from \"./intl/es\";\nimport publicPageLayoutMessages_fr from \"./intl/fr-FR\";\nimport publicPageLayoutMessages_pt from \"./intl/pt-BR\";\n\n// Raw LocalizedStrings object for use with useLocalizedStringFormatter hook\nexport const publicPageLayoutMessagesStrings: LocalizedStrings<\n  string,\n  LocalizedString\n> = {\n  en: normalizeMessages(publicPageLayoutMessages_en),\n  de: normalizeMessages(publicPageLayoutMessages_de),\n  es: normalizeMessages(publicPageLayoutMessages_es),\n  \"fr-FR\": normalizeMessages(publicPageLayoutMessages_fr),\n  \"pt-BR\": normalizeMessages(publicPageLayoutMessages_pt),\n} as LocalizedStrings<string, LocalizedString>;\n\n/**\n * Available message keys for PublicPageLayout component\n */\nexport type PublicPageLayoutMessageKey = \"ariaLabel\";\n","import { Flex } from \"@/components/flex/flex\";\nimport { Heading } from \"@/components/heading/heading\";\nimport { Stack } from \"@/components/stack/stack\";\nimport { Box } from \"@/components/box/box\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { publicPageLayoutMessagesStrings } from \"./public-page-layout.messages\";\nimport type { PublicPageLayoutProps } from \"./public-page-layout.types\";\n\nconst contentMaxWidth = {\n  normal: \"sm\",\n  wide: \"3xl\",\n} as const;\n\n/**\n * # PublicPageLayout\n *\n * A pre-built, centered layout for public-facing pages (login, registration,\n * password reset). Provides slots for a brand logo, welcome heading, main\n * content, and legal footer.\n *\n * Replaces MC's `public-page-layout`. For layouts needing a different\n * structure, compose Flex and Stack directly (escape hatch).\n *\n * @supportsStyleProps\n *\n * @example\n * ```tsx\n * <PublicPageLayout\n *   logo={<img src={logo} alt=\"Brand logo\" />}\n *   welcomeMessage=\"Welcome to the Merchant Center\"\n *   legalMessage={<Text>© 2026 commercetools</Text>}\n * >\n *   <LoginForm />\n * </PublicPageLayout>\n * ```\n */\nexport const PublicPageLayout = ({\n  children,\n  logo,\n  welcomeMessage,\n  legalMessage,\n  contentWidth = \"normal\",\n  \"aria-label\": ariaLabel,\n  ...styleProps\n}: PublicPageLayoutProps) => {\n  const msg = useLocalizedStringFormatter(publicPageLayoutMessagesStrings);\n  const resolvedAriaLabel = ariaLabel ?? msg.format(\"ariaLabel\");\n  const maxW = contentMaxWidth[contentWidth];\n\n  return (\n    <Flex\n      as=\"main\"\n      aria-label={resolvedAriaLabel}\n      width=\"100%\"\n      minHeight=\"100vh\"\n      paddingY=\"600\"\n      justify=\"center\"\n      {...styleProps}\n    >\n      <Stack gap=\"600\" alignItems=\"center\" width=\"100%\">\n        {logo != null && (\n          <Flex data-slot=\"logo\" justify=\"center\">\n            {logo}\n          </Flex>\n        )}\n        {welcomeMessage != null && (\n          <Heading data-slot=\"welcome-message\" as=\"h2\" textAlign=\"center\">\n            {welcomeMessage}\n          </Heading>\n        )}\n        <Stack gap=\"600\" alignItems=\"center\" width=\"100%\">\n          <Box data-slot=\"content\" maxW={maxW} width=\"100%\">\n            {children}\n          </Box>\n          {legalMessage != null && (\n            <Box data-slot=\"legal-message\" maxW={maxW} textAlign=\"center\">\n              {legalMessage}\n            </Box>\n          )}\n        </Stack>\n      </Stack>\n    </Flex>\n  );\n};\n\nPublicPageLayout.displayName = \"PublicPageLayout\";\n"],"mappings":";;;;;;;;AKuBA,IAAaU,IAGT;CACF,IAAIC,EAAkBX,ELrBP,WAAW,cKqBJA,CAA2B;CACjD,IAAIW,EAAkBV,EJtBP,WAAW,oBIsBJA,CAA2B;CACjD,IAAIU,EAAkBT,EHvBP,WAAW,iBGuBJA,CAA2B;CACjD,SAASS,EAAkBR,EFxBZ,WAAW,cEwBCA,CAA2B;CACtD,SAASQ,EAAkBP,EDzBZ,WAAW,iBCyBCA,CAA2B;AACxD,GCxBMQ,IAAkB;CACtB,QAAQ;CACR,MAAM;AACR,GAyBaC,KAAoB,EAC/B,aACA,SACA,mBACA,iBACA,kBAAe,UACf,cAAcC,GACd,GAAGC,QACwB;CAC3B,IAAMC,IAAMX,EAA4BK,CAA+B,GACjEO,IAAoBH,KAAaE,EAAI,OAAO,WAAW,GACvDE,IAAON,EAAgBO;CAE7B,OACE,kBAACZ,GAAD;EACE,IAAG;EACH,cAAYU;EACZ,OAAM;EACN,WAAU;EACV,UAAS;EACT,SAAQ;EACR,GAAIF;EAEJ,UAAA,kBAACN,GAAD;GAAO,KAAI;GAAM,YAAW;GAAS,OAAM;GAA3C,UAAA;IACGW,KAAQ,QACP,kBAACb,GAAD;KAAM,aAAU;KAAO,SAAQ;KAC5B,UAAAa;IACG,CAAA;IAEPC,KAAkB,QACjB,kBAACb,GAAD;KAAS,aAAU;KAAkB,IAAG;KAAK,WAAU;KACpD,UAAAa;IACM,CAAA;IAEX,kBAACZ,GAAD;KAAO,KAAI;KAAM,YAAW;KAAS,OAAM;KAA3C,UAAA,CACE,kBAACH,GAAD;MAAK,aAAU;MAAgB;MAAM,OAAM;MACxC;KACE,CAAA,GACJgB,KAAgB,QACf,kBAAChB,GAAD;MAAK,aAAU;MAAsB;MAAM,WAAU;MAClD,UAAAgB;KACE,CAAA,CAEF;;GACF;;CACH,CAAA;AAEV;AAEA,EAAiB,cAAc"}