@commercetools/nimbus 3.3.0 → 3.5.0

package/dist/chunks/money-input-DBR1vcpD.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"money-input-DBR1vcpD.cjs.js","names":[],"sources":["../../src/components/money-input/utils/currencies.ts","../../src/components/money-input/money-input.slots.tsx","../../src/components/money-input/utils/parsing-utilities.ts","../../src/components/money-input/utils/static-methods.ts","../../src/components/money-input/intl/en.ts","../../src/components/money-input/intl/de.ts","../../src/components/money-input/intl/es.ts","../../src/components/money-input/intl/fr-FR.ts","../../src/components/money-input/intl/pt-BR.ts","../../src/components/money-input/money-input.messages.ts","../../src/components/money-input/money-input.tsx"],"sourcesContent":["// ARCHITECTURE NOTE: Shared Currency Data\n//\n// This currency data is used by TWO INDEPENDENT formatting systems:\n//\n// 1. NumberInput System (live user interaction):\n//    - Creates format options for NumberInput\n//    - Powers React Aria NumberField formatting as users type\n//\n// 2. MoneyInput Static Methods System (API compatibility):\n//    - Uses parseStringToMoneyValue() + TMoneyValue objects\n//    - Only triggered by explicit static method calls\n//\n// Both systems access this same data but for different purposes.\n// Changes here affect both NumberInput behavior AND MoneyInput static methods.\n\nconst currencies = {\n  ADP: { fractionDigits: 0 },\n  AED: { fractionDigits: 2 },\n  AFA: { fractionDigits: 2 },\n  AFN: { fractionDigits: 2 },\n  ALL: { fractionDigits: 2 },\n  AMD: { fractionDigits: 2 },\n  ANG: { fractionDigits: 2 },\n  AOA: { fractionDigits: 2 },\n  ARS: { fractionDigits: 2 },\n  ATS: { fractionDigits: 2 },\n  AUD: { fractionDigits: 2 },\n  AWG: { fractionDigits: 2 },\n  AYM: { fractionDigits: 2 },\n  AZM: { fractionDigits: 2 },\n  AZN: { fractionDigits: 2 },\n  BAM: { fractionDigits: 2 },\n  BBD: { fractionDigits: 2 },\n  BDT: { fractionDigits: 2 },\n  BEF: { fractionDigits: 0 },\n  BGL: { fractionDigits: 2 },\n  BGN: { fractionDigits: 2 },\n  BHD: { fractionDigits: 3 },\n  BIF: { fractionDigits: 0 },\n  BMD: { fractionDigits: 2 },\n  BND: { fractionDigits: 2 },\n  BOB: { fractionDigits: 2 },\n  BOV: { fractionDigits: 2 },\n  BRL: { fractionDigits: 2 },\n  BSD: { fractionDigits: 2 },\n  BTN: { fractionDigits: 2 },\n  BWP: { fractionDigits: 2 },\n  BYB: { fractionDigits: 0 },\n  BYN: { fractionDigits: 2 },\n  BYR: { fractionDigits: 0 },\n  BZD: { fractionDigits: 2 },\n  CAD: { fractionDigits: 2 },\n  CDF: { fractionDigits: 2 },\n  CHF: { fractionDigits: 2 },\n  CLF: { fractionDigits: 0 },\n  CLP: { fractionDigits: 0 },\n  CNY: { fractionDigits: 2 },\n  COP: { fractionDigits: 2 },\n  CRC: { fractionDigits: 2 },\n  CSD: { fractionDigits: 2 },\n  CUC: { fractionDigits: 2 },\n  CUP: { fractionDigits: 2 },\n  CVE: { fractionDigits: 2 },\n  CYP: { fractionDigits: 2 },\n  CZK: { fractionDigits: 2 },\n  DEM: { fractionDigits: 2 },\n  DJF: { fractionDigits: 0 },\n  DKK: { fractionDigits: 2 },\n  DOP: { fractionDigits: 2 },\n  DZD: { fractionDigits: 2 },\n  EEK: { fractionDigits: 2 },\n  EGP: { fractionDigits: 2 },\n  ERN: { fractionDigits: 2 },\n  ESP: { fractionDigits: 0 },\n  ETB: { fractionDigits: 2 },\n  EUR: { fractionDigits: 2 },\n  FIM: { fractionDigits: 2 },\n  FJD: { fractionDigits: 2 },\n  FKP: { fractionDigits: 2 },\n  FRF: { fractionDigits: 2 },\n  GBP: { fractionDigits: 2 },\n  GEL: { fractionDigits: 2 },\n  GHC: { fractionDigits: 2 },\n  GHS: { fractionDigits: 2 },\n  GIP: { fractionDigits: 2 },\n  GMD: { fractionDigits: 2 },\n  GNF: { fractionDigits: 0 },\n  GRD: { fractionDigits: 0 },\n  GTQ: { fractionDigits: 2 },\n  GWP: { fractionDigits: 2 },\n  GYD: { fractionDigits: 2 },\n  HKD: { fractionDigits: 2 },\n  HNL: { fractionDigits: 2 },\n  HRK: { fractionDigits: 2 },\n  HTG: { fractionDigits: 2 },\n  HUF: { fractionDigits: 2 },\n  IDR: { fractionDigits: 2 },\n  IEP: { fractionDigits: 2 },\n  ILS: { fractionDigits: 2 },\n  INR: { fractionDigits: 2 },\n  IQD: { fractionDigits: 3 },\n  IRR: { fractionDigits: 2 },\n  ISK: { fractionDigits: 0 },\n  ITL: { fractionDigits: 0 },\n  JMD: { fractionDigits: 2 },\n  JOD: { fractionDigits: 3 },\n  JPY: { fractionDigits: 0 },\n  KES: { fractionDigits: 2 },\n  KGS: { fractionDigits: 2 },\n  KHR: { fractionDigits: 2 },\n  KMF: { fractionDigits: 0 },\n  KPW: { fractionDigits: 2 },\n  KRW: { fractionDigits: 0 },\n  KWD: { fractionDigits: 3 },\n  KYD: { fractionDigits: 2 },\n  KZT: { fractionDigits: 2 },\n  LAK: { fractionDigits: 2 },\n  LBP: { fractionDigits: 2 },\n  LKR: { fractionDigits: 2 },\n  LRD: { fractionDigits: 2 },\n  LSL: { fractionDigits: 2 },\n  LTL: { fractionDigits: 2 },\n  LUF: { fractionDigits: 0 },\n  LVL: { fractionDigits: 2 },\n  LYD: { fractionDigits: 3 },\n  MAD: { fractionDigits: 2 },\n  MDL: { fractionDigits: 2 },\n  MGA: { fractionDigits: 2 },\n  MGF: { fractionDigits: 0 },\n  MKD: { fractionDigits: 2 },\n  MMK: { fractionDigits: 2 },\n  MNT: { fractionDigits: 2 },\n  MOP: { fractionDigits: 2 },\n  MRO: { fractionDigits: 2 },\n  MTL: { fractionDigits: 2 },\n  MUR: { fractionDigits: 2 },\n  MVR: { fractionDigits: 2 },\n  MWK: { fractionDigits: 2 },\n  MXN: { fractionDigits: 2 },\n  MXV: { fractionDigits: 2 },\n  MYR: { fractionDigits: 2 },\n  MZM: { fractionDigits: 2 },\n  MZN: { fractionDigits: 2 },\n  NAD: { fractionDigits: 2 },\n  NGN: { fractionDigits: 2 },\n  NIO: { fractionDigits: 2 },\n  NLG: { fractionDigits: 2 },\n  NOK: { fractionDigits: 2 },\n  NPR: { fractionDigits: 2 },\n  NZD: { fractionDigits: 2 },\n  OMR: { fractionDigits: 3 },\n  PAB: { fractionDigits: 2 },\n  PEN: { fractionDigits: 2 },\n  PGK: { fractionDigits: 2 },\n  PHP: { fractionDigits: 2 },\n  PKR: { fractionDigits: 2 },\n  PLN: { fractionDigits: 2 },\n  PTE: { fractionDigits: 0 },\n  PYG: { fractionDigits: 0 },\n  QAR: { fractionDigits: 2 },\n  ROL: { fractionDigits: 2 },\n  RON: { fractionDigits: 2 },\n  RSD: { fractionDigits: 2 },\n  RUB: { fractionDigits: 2 },\n  RUR: { fractionDigits: 2 },\n  RWF: { fractionDigits: 0 },\n  SAR: { fractionDigits: 2 },\n  SBD: { fractionDigits: 2 },\n  SCR: { fractionDigits: 2 },\n  SDD: { fractionDigits: 2 },\n  SDG: { fractionDigits: 2 },\n  SEK: { fractionDigits: 2 },\n  SGD: { fractionDigits: 2 },\n  SHP: { fractionDigits: 2 },\n  SIT: { fractionDigits: 2 },\n  SKK: { fractionDigits: 2 },\n  SLL: { fractionDigits: 2 },\n  SOS: { fractionDigits: 2 },\n  SRD: { fractionDigits: 2 },\n  SRG: { fractionDigits: 2 },\n  SSP: { fractionDigits: 2 },\n  STD: { fractionDigits: 2 },\n  SVC: { fractionDigits: 2 },\n  SYP: { fractionDigits: 2 },\n  SZL: { fractionDigits: 2 },\n  THB: { fractionDigits: 2 },\n  TJS: { fractionDigits: 2 },\n  TMM: { fractionDigits: 2 },\n  TMT: { fractionDigits: 2 },\n  TND: { fractionDigits: 3 },\n  TOP: { fractionDigits: 2 },\n  TPE: { fractionDigits: 0 },\n  TRL: { fractionDigits: 0 },\n  TRY: { fractionDigits: 2 },\n  TTD: { fractionDigits: 2 },\n  TWD: { fractionDigits: 2 },\n  TZS: { fractionDigits: 2 },\n  UAH: { fractionDigits: 2 },\n  UGX: { fractionDigits: 0 },\n  USD: { fractionDigits: 2 },\n  USN: { fractionDigits: 2 },\n  USS: { fractionDigits: 2 },\n  UYU: { fractionDigits: 2 },\n  UZS: { fractionDigits: 2 },\n  VEB: { fractionDigits: 2 },\n  VEF: { fractionDigits: 2 },\n  VND: { fractionDigits: 0 },\n  VUV: { fractionDigits: 0 },\n  WST: { fractionDigits: 2 },\n  XAF: { fractionDigits: 0 },\n  XAG: { fractionDigits: -1 },\n  XAU: { fractionDigits: -1 },\n  XBA: { fractionDigits: -1 },\n  XBB: { fractionDigits: -1 },\n  XBC: { fractionDigits: -1 },\n  XBD: { fractionDigits: -1 },\n  XCD: { fractionDigits: 2 },\n  XDR: { fractionDigits: -1 },\n  XFO: { fractionDigits: -1 },\n  XFU: { fractionDigits: -1 },\n  XOF: { fractionDigits: 0 },\n  XPD: { fractionDigits: -1 },\n  XPF: { fractionDigits: 0 },\n  XPT: { fractionDigits: -1 },\n  XSU: { fractionDigits: -1 },\n  XTS: { fractionDigits: -1 },\n  XUA: { fractionDigits: -1 },\n  XXX: { fractionDigits: -1 },\n  YER: { fractionDigits: 2 },\n  YUM: { fractionDigits: 2 },\n  ZAR: { fractionDigits: 2 },\n  ZMK: { fractionDigits: 2 },\n  ZMW: { fractionDigits: 2 },\n  ZWD: { fractionDigits: 2 },\n  ZWL: { fractionDigits: 2 },\n  ZWN: { fractionDigits: 2 },\n  ZWR: { fractionDigits: 2 },\n  // Zero-fraction variants (non-ISO): base currency with 0 decimal places.\n  CZK0: { fractionDigits: 0 },\n  HUF0: { fractionDigits: 0 },\n  ILS0: { fractionDigits: 0 },\n  KZT0: { fractionDigits: 0 },\n  TRY0: { fractionDigits: 0 },\n  TWD0: { fractionDigits: 0 },\n} as const;\n\nexport default currencies;\n","import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport { Group } from \"@/components\";\nimport type {\n  MoneyInputRootSlotProps,\n  MoneyInputContainerSlotProps,\n  MoneyInputCurrencySelectSlotProps,\n  MoneyInputCurrencyLabelSlotProps,\n  MoneyInputAmountInputSlotProps,\n  MoneyInputBadgeSlotProps,\n} from \"./money-input.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusMoneyInput\",\n});\n\nexport const MoneyInputRootSlot = withProvider<\n  HTMLDivElement,\n  MoneyInputRootSlotProps\n>(Group, \"root\");\n\nexport const MoneyInputContainerSlot = withContext<\n  HTMLDivElement,\n  MoneyInputContainerSlotProps\n>(\"div\", \"container\");\n\nexport const MoneyInputCurrencySelectSlot = withContext<\n  HTMLDivElement,\n  MoneyInputCurrencySelectSlotProps\n>(\"div\", \"currencySelect\");\n\nexport const MoneyInputCurrencyLabelSlot = withContext<\n  HTMLLabelElement,\n  MoneyInputCurrencyLabelSlotProps\n>(\"label\", \"currencyLabel\");\n\nexport const MoneyInputAmountInputSlot = withContext<\n  HTMLInputElement,\n  MoneyInputAmountInputSlotProps\n>(\"input\", \"amountInput\");\n\nexport const MoneyInputBadgeSlot = withContext<\n  HTMLDivElement,\n  MoneyInputBadgeSlotProps\n>(\"div\", \"badge\");\n","import currencies from \"./currencies\";\n\nexport type CurrencyCode = keyof typeof currencies;\n\ntype MoneyConditionalProps =\n  | { type: \"highPrecision\"; preciseAmount: number }\n  | {\n      type: \"centPrecision\";\n      preciseAmount?: never;\n    };\n\nexport type MoneyValue = {\n  currencyCode: CurrencyCode;\n  centAmount: number;\n  fractionDigits: number;\n} & MoneyConditionalProps;\n\nexport type MoneyInputValue = {\n  amount: string;\n  currencyCode: CurrencyCode | \"\";\n};\n\n// Currency parsing utilities for MoneyInput static methods\nexport const parseStringToMoneyValue = (\n  rawAmount: string,\n  locale: string,\n  currencyCode?: CurrencyCode | \"\"\n): MoneyValue | null => {\n  if (!currencyCode) return null;\n\n  const currency = currencies[currencyCode];\n  if (!currency) return null;\n  // The user may enter a value with a comma, dot, or apostrophe as the decimal separator.\n  if (rawAmount.length === 0 || rawAmount.trim() === \"\") return null;\n\n  // Only warn if locale is missing AND currency has zero fraction digits\n  if (!locale && currency.fractionDigits === 0) {\n    console.warn(\n      `MoneyInput: A locale must be provided when currency has no fraction digits (${currencyCode})`\n    );\n  }\n  const amountAsNumber = parseFloat(rawAmount);\n  if (isNaN(amountAsNumber)) return null;\n\n  // The cent amount is rounded to the currency's default number\n  // of fraction digits for prices with high precision.\n  //\n  // Additionally, JavaScript is sometimes incorrect when multiplying floats,\n  //   e.g. 2.49 * 100 -> 249.00000000000003\n  // While inaccuracy from multiplying floating point numbers is a\n  // general problem in JS, we can avoid it by cutting off all\n  // decimals. This is possible since cents is the base unit, so we\n  // operate on integers anyways\n  // Also we should the round the value to ensure that we come close\n  // to the nearest decimal value\n  // ref: https://github.com/commercetools/merchant-center-frontend/pull/770\n  const centAmount = Math.trunc(\n    Math.round(amountAsNumber * 10 ** currency.fractionDigits)\n  );\n\n  const fractionDigitsOfAmount =\n    // The conversion to a string will always use a dot as the separator.\n    // That means we don't have to handle a comma.\n    String(amountAsNumber).indexOf(\".\") === -1\n      ? 0\n      : String(amountAsNumber).length - String(amountAsNumber).indexOf(\".\") - 1;\n\n  if (fractionDigitsOfAmount > currency.fractionDigits) {\n    return {\n      type: \"highPrecision\",\n      currencyCode,\n      centAmount,\n      preciseAmount: parseInt(\n        // Here we need to convert  a number like 8.066652 to its centamount\n        // We could do that by multiplying it with 10 ** number-of-fraction-digits\n        // but then we'll run into problems with JavaScript's floating point\n        // number precision and end up with 8066651.9999999, and then parseInt\n        // cuts off the remainder.\n        // So instead of using maths to convert the number, we just replace\n        // the dot inside the number which does the same thing.\n        // We don't need to replace \",\" as well, as numbers always us a dot\n        // when converted using String().\n        //\n        // The mathematical way: amountAsNumber * 10 ** fractionDigitsOfAmount,\n        String(amountAsNumber).replace(\".\", \"\"),\n        10\n      ),\n      fractionDigits: fractionDigitsOfAmount,\n    };\n  }\n\n  return {\n    type: \"centPrecision\",\n    currencyCode,\n    centAmount,\n    fractionDigits: currency.fractionDigits,\n  };\n};\n\nexport const createNullMoneyValue = (\n  currencyCode: CurrencyCode\n): MoneyValue => ({\n  type: \"centPrecision\",\n  currencyCode,\n  centAmount: NaN,\n  fractionDigits: 2,\n});\n\nexport const extractDecimalAmount = (moneyValue: MoneyValue) =>\n  moneyValue.type === \"highPrecision\"\n    ? moneyValue.preciseAmount / 10 ** moneyValue.fractionDigits\n    : moneyValue.centAmount /\n      10 ** currencies[moneyValue.currencyCode].fractionDigits;\n","import currencies from \"./currencies\";\nimport {\n  parseStringToMoneyValue,\n  extractDecimalAmount,\n  type MoneyValue,\n  type MoneyInputValue,\n} from \"./parsing-utilities\";\n\n// Replace lodash/has with native implementation\nconst has = (obj: Record<string, unknown>, key: string): boolean => {\n  return Object.prototype.hasOwnProperty.call(obj, key);\n};\n\n// Static method implementations - preserve exact logic from UI Kit\nexport function getMoneyGroupAttribute(\n  attr?: string,\n  inputType?: string\n): string | undefined {\n  return attr && inputType ? `${attr}.${inputType}` : undefined;\n}\n\nexport const transformFormInputToMoneyValue = (\n  value: MoneyInputValue,\n  locale: string\n) =>\n  parseStringToMoneyValue(\n    typeof value.amount === \"string\" ? value.amount.trim() : \"\",\n    locale,\n    value.currencyCode\n  );\n\nexport const formatMoneyValueForDisplay = (\n  moneyValue: MoneyValue,\n  locale: string\n): MoneyInputValue => {\n  if (!moneyValue) return { currencyCode: \"\", amount: \"\" };\n\n  console.warn(\n    typeof locale === \"string\",\n    \"MoneyInput.parseMoneyValue: A locale must be passed as the second argument\"\n  );\n\n  console.warn(\n    typeof moneyValue === \"object\",\n    \"MoneyInput.parseMoneyValue: Value must be passed as an object or be undefined\"\n  );\n\n  console.warn(\n    typeof moneyValue.currencyCode === \"string\",\n    'MoneyInput.parseMoneyValue: Value must contain \"currencyCode\"'\n  );\n\n  if (typeof moneyValue.currencyCode !== \"string\") {\n    throw new Error(\n      'MoneyInput.parseMoneyValue: Value must contain \"currencyCode\"'\n    );\n  }\n\n  console.warn(\n    has(currencies, moneyValue.currencyCode),\n    \"MoneyInput.parseMoneyValue: Value must use known currency code\"\n  );\n\n  if (!has(currencies, moneyValue.currencyCode)) {\n    throw new Error(\n      \"MoneyInput.parseMoneyValue: Value must use known currency code\"\n    );\n  }\n\n  console.warn(\n    // highPrecision or centPrecision values must be set\n    typeof moneyValue.centAmount === \"number\" ||\n      (typeof moneyValue.preciseAmount === \"number\" &&\n        typeof moneyValue.fractionDigits === \"number\"),\n    'MoneyInput.parseMoneyValue: Value must contain \"amount\"'\n  );\n\n  // Direct formatting without circular conversion\n  const amountAsNumber = extractDecimalAmount(moneyValue);\n  const fractionDigits = moneyValue.preciseAmount\n    ? moneyValue.fractionDigits\n    : currencies[moneyValue.currencyCode].fractionDigits;\n\n  const amount = isNaN(amountAsNumber)\n    ? \"\"\n    : amountAsNumber.toLocaleString(locale, {\n        minimumFractionDigits: fractionDigits,\n      });\n\n  return { amount, currencyCode: moneyValue.currencyCode };\n};\n\nexport const isEmpty = (formValue: MoneyInputValue) => {\n  return (\n    !formValue ||\n    formValue?.amount?.trim() === \"\" ||\n    formValue?.currencyCode?.trim() === \"\"\n  );\n};\n\nexport const isHighPrecision = (\n  formValue: MoneyInputValue,\n  locale: string\n): boolean => {\n  if (isEmpty(formValue)) {\n    return false;\n  }\n  const moneyValue = transformFormInputToMoneyValue(formValue, locale);\n  return moneyValue?.type === \"highPrecision\";\n};\n","/**\n * Pre-compiled en messages for MoneyInput\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  amountInputLabel: `Amount`,\n  currencySelectLabel: `Currency`,\n  highPrecisionPrice: `High precision price`,\n};\n","/**\n * Pre-compiled de messages for MoneyInput\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  amountInputLabel: `Betrag`,\n  currencySelectLabel: `Währung`,\n  highPrecisionPrice: `Hochpräzisionspreis`,\n};\n","/**\n * Pre-compiled es messages for MoneyInput\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  amountInputLabel: `Cantidad`,\n  currencySelectLabel: `Moneda`,\n  highPrecisionPrice: `Precio de alta precisión`,\n};\n","/**\n * Pre-compiled fr-FR messages for MoneyInput\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  amountInputLabel: `Montant`,\n  currencySelectLabel: `Devise`,\n  highPrecisionPrice: `Prix haute précision`,\n};\n","/**\n * Pre-compiled pt-BR messages for MoneyInput\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  amountInputLabel: `Valor`,\n  currencySelectLabel: `Moeda`,\n  highPrecisionPrice: `Preço de alta precisão`,\n};\n","/**\n * Pre-compiled localized messages for MoneyInput 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 moneyInputMessages_en from \"./intl/en\";\nimport moneyInputMessages_de from \"./intl/de\";\nimport moneyInputMessages_es from \"./intl/es\";\nimport moneyInputMessages_fr from \"./intl/fr-FR\";\nimport moneyInputMessages_pt from \"./intl/pt-BR\";\n\n// Raw LocalizedStrings object for use with useLocalizedStringFormatter hook\nexport const moneyInputMessagesStrings: LocalizedStrings<\n  string,\n  LocalizedString\n> = {\n  en: normalizeMessages(moneyInputMessages_en),\n  de: normalizeMessages(moneyInputMessages_de),\n  es: normalizeMessages(moneyInputMessages_es),\n  \"fr-FR\": normalizeMessages(moneyInputMessages_fr),\n  \"pt-BR\": normalizeMessages(moneyInputMessages_pt),\n} as LocalizedStrings<string, LocalizedString>;\n\n/**\n * Available message keys for MoneyInput component\n */\nexport type MoneyInputMessageKey =\n  \"amountInputLabel\" | \"currencySelectLabel\" | \"highPrecisionPrice\";\n","import { useCallback, useMemo } from \"react\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { useId, useLocale as useAriaLocale } from \"react-aria\";\nimport { designTokens } from \"@commercetools/nimbus-tokens\";\nimport {\n  NumberInput,\n  Select,\n  Tooltip,\n  Box,\n  MakeElementFocusable,\n} from \"@/components\";\nimport { HighPrecision } from \"@commercetools/nimbus-icons\";\nimport { extractStyleProps } from \"@/utils\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport currenciesData from \"./utils/currencies\";\nimport {\n  MoneyInputRootSlot,\n  MoneyInputContainerSlot,\n  MoneyInputCurrencySelectSlot,\n  MoneyInputCurrencyLabelSlot,\n  MoneyInputAmountInputSlot,\n  MoneyInputBadgeSlot,\n} from \"./money-input.slots\";\nimport { moneyInputRecipe } from \"./money-input.recipe\";\nimport {\n  getMoneyGroupAttribute,\n  isHighPrecision,\n  transformFormInputToMoneyValue,\n  formatMoneyValueForDisplay,\n  isEmpty,\n} from \"./utils\";\nimport type {\n  CustomEvent,\n  MoneyInputProps,\n  CurrencyCode,\n} from \"./money-input.types\";\nimport { moneyInputMessagesStrings } from \"./money-input.messages\";\n\n/**\n * # MoneyInput\n *\n * A specialized input component for entering monetary amounts with currency selection.\n * Supports high precision values and automatic locale-based formatting.\n *\n * ## Usage\n *\n * ### Modern API (Recommended)\n *\n * Use the modern event handlers for better type safety and cleaner code:\n *\n * ```tsx\n * function MyComponent() {\n *   const [value, setValue] = useState<TValue>({\n *     amount: \"\",\n *     currencyCode: \"USD\",\n *   });\n *\n *   return (\n *     <MoneyInput\n *       value={value}\n *       currencies={[\"USD\", \"EUR\", \"GBP\"]}\n *       onValueChange={setValue} // Recommended: handles complete value changes\n *       onAmountChange={(amount) => console.log(\"Amount:\", amount)}\n *       onCurrencyChange={(currency) => console.log(\"Currency:\", currency)}\n *     />\n *   );\n * }\n * ```\n *\n * ### Legacy API (Deprecated)\n *\n * For backward compatibility only - migrate to modern API when possible:\n *\n * ```tsx\n * function LegacyComponent() {\n *   const [value, setValue] = useState<TValue>({ amount: \"\", currencyCode: \"USD\" });\n *\n *   const handleChange = (event: TCustomEvent) => {\n *     const { name, value } = event.target;\n *     if (name?.endsWith(\".amount\")) {\n *       setValue(prev => ({ ...prev, amount: value as string }));\n *     } else if (name?.endsWith(\".currencyCode\")) {\n *       setValue(prev => ({ ...prev, currencyCode: value as CurrencyCode }));\n *     }\n *   };\n *\n *   return (\n *     <MoneyInput\n *       value={value}\n *       currencies={[\"USD\", \"EUR\"]}\n *       onChange={handleChange} // Deprecated - use onValueChange instead\n *     />\n *   );\n * }\n * ```\n *\n * ## Features\n *\n * - **Type-safe currency handling** with CurrencyCode enum\n * - **High precision support** for values exceeding standard currency precision\n * - **Automatic locale formatting** using React Aria NumberField\n * - **Accessibility compliant** following WCAG 2.1 AA standards\n * - **Dual API support** for backward compatibility and modern development\n */\nexport const MoneyInput = (props: MoneyInputProps) => {\n  const {\n    id,\n    name,\n    value,\n    currencies = [],\n    onChange,\n    onValueChange,\n    onAmountChange,\n    onCurrencyChange,\n    onFocus,\n    onBlur,\n    isDisabled,\n    isReadOnly,\n    isInvalid,\n    isRequired,\n    hasHighPrecisionBadge = true,\n    isCurrencyInputDisabled,\n    placeholder = \"0.00\",\n    autoFocus,\n    size,\n    ...restProps\n  } = props;\n\n  // Generate IDs\n  const defaultGroupId = useId();\n  const groupId = id ?? defaultGroupId;\n\n  // Get locale for formatting\n  const { locale: ariaLocale } = useAriaLocale();\n  const msg = useLocalizedStringFormatter(moneyInputMessagesStrings);\n\n  // Convert string value to number for NumberInput\n  // Always use parseFloat to maintain controlled mode - parseFloat(\"\") returns NaN,\n  // which keeps NumberInput controlled (vs undefined which makes it uncontrolled)\n  const numericValue = parseFloat(value.amount);\n\n  // Detect whether the currency select or currency label should display\n  const hasNoCurrencies = !currencies || currencies.length === 0;\n\n  // High precision detection using raw input value - default to en if locale is not provided\n  const isCurrentlyHighPrecision = isHighPrecision(value, ariaLocale || \"en\");\n\n  // Create currency-aware format options for NumberInput\n  const formatOptions: Intl.NumberFormatOptions = useMemo(() => {\n    if (!value.currencyCode) return {};\n\n    // Decimal style: pure number formatting without currency symbols\n    // Handles high precision mode for extended decimal places\n    return {\n      minimumFractionDigits: currenciesData[value.currencyCode].fractionDigits, // Always respect currency minimum (e.g., 2 for USD, 0 for JPY)\n      maximumFractionDigits: 20, // Always use a maximum of 20 decimal places to match API precision\n      useGrouping: true, // Keep thousand separators for readability (formatted per locale)\n      style: \"decimal\", // Use decimal to avoid currency symbol conflicts\n    };\n  }, [value.currencyCode]);\n\n  // Recipe setup\n  const recipe = useSlotRecipe({ recipe: moneyInputRecipe });\n  const [recipeProps, recipeRestProps] = recipe.splitVariantProps({\n    ...restProps,\n    size,\n  });\n  const [styleProps, remainingProps] = extractStyleProps(recipeRestProps);\n\n  // Id's and Names for each group input type\n  const amountInputId = getMoneyGroupAttribute(groupId, \"amount\");\n  const currencySelectId = getMoneyGroupAttribute(groupId, \"currencyCode\");\n  const amountInputName = getMoneyGroupAttribute(name, \"amount\");\n  const currencySelectName = getMoneyGroupAttribute(name, \"currencyCode\");\n\n  // Event handlers - NumberInput will preserve decimal precision with new settings\n  const handleAmountChange = useCallback(\n    (newValue: number) => {\n      const stringValue = newValue.toString();\n\n      // Support legacy API\n      const event: CustomEvent = {\n        target: {\n          id: amountInputId,\n          name: amountInputName,\n          value: stringValue,\n        },\n      };\n      onChange?.(event);\n\n      // Support modern APIs\n      const newValueObject = { ...value, amount: stringValue };\n      onValueChange?.(newValueObject);\n      onAmountChange?.(stringValue);\n    },\n    [\n      onChange,\n      onValueChange,\n      onAmountChange,\n      value,\n      amountInputId,\n      amountInputName,\n    ]\n  );\n\n  const handleAmountFocus = useCallback(() => {\n    const event: CustomEvent = {\n      target: {\n        id: amountInputId,\n        name: amountInputName,\n        value: value.amount,\n      },\n    };\n    onFocus?.(event);\n  }, [onFocus, value.amount, amountInputId, amountInputName]);\n\n  const handleAmountBlur = useCallback(() => {\n    const event: CustomEvent = {\n      target: {\n        id: amountInputId,\n        name: amountInputName,\n        value: value.amount,\n      },\n    };\n    onBlur?.(event);\n  }, [onBlur, value, amountInputId, amountInputName]);\n\n  const handleCurrencyChange = useCallback(\n    (currencyCode: string) => {\n      // Support legacy API\n      const event: CustomEvent = {\n        target: {\n          id: currencySelectId,\n          name: currencySelectName,\n          value: currencyCode,\n        },\n      };\n      onChange?.(event);\n\n      // Support modern APIs\n      const newValueObject = {\n        ...value,\n        currencyCode: currencyCode as CurrencyCode,\n      };\n      onValueChange?.(newValueObject);\n      onCurrencyChange?.(currencyCode as CurrencyCode);\n    },\n    [\n      onChange,\n      onValueChange,\n      onCurrencyChange,\n      value,\n      currencySelectId,\n      currencySelectName,\n    ]\n  );\n\n  const handleCurrencyFocus = useCallback(() => {\n    const event: CustomEvent = {\n      target: {\n        id: currencySelectId,\n        name: currencySelectName,\n        value: value.currencyCode,\n      },\n    };\n    onFocus?.(event);\n  }, [onFocus, value.currencyCode, currencySelectId, currencySelectName]);\n\n  const handleCurrencyBlur = useCallback(() => {\n    const event: CustomEvent = {\n      target: {\n        id: currencySelectId,\n        name: currencySelectName,\n        value: value.currencyCode,\n      },\n    };\n    onBlur?.(event);\n  }, [onBlur, value.currencyCode, currencySelectId, currencySelectName]);\n\n  const handleCurrencySelectionChange = useCallback(\n    (selectedKey: string | number | null) => {\n      if (selectedKey && typeof selectedKey === \"string\") {\n        handleCurrencyChange(selectedKey);\n      }\n    },\n    [handleCurrencyChange]\n  );\n\n  const noCurrenciesLabelId = useId();\n  const highPrecisionBadgeId = useId();\n\n  return (\n    <MoneyInputRootSlot {...recipeProps} {...styleProps} {...remainingProps}>\n      <MoneyInputContainerSlot>\n        {/* Currency Select or Label */}\n        <MoneyInputCurrencySelectSlot>\n          {hasNoCurrencies ? (\n            <MoneyInputCurrencyLabelSlot\n              {...(isDisabled && { \"data-disabled\": isDisabled })}\n              asChild\n            >\n              <label id={noCurrenciesLabelId}>{value.currencyCode}</label>\n            </MoneyInputCurrencyLabelSlot>\n          ) : (\n            <Select.Root\n              id={currencySelectId}\n              name={currencySelectName}\n              selectedKey={value.currencyCode || null}\n              onSelectionChange={handleCurrencySelectionChange}\n              onFocus={handleCurrencyFocus}\n              onBlur={handleCurrencyBlur}\n              isDisabled={isCurrencyInputDisabled || isDisabled || isReadOnly}\n              isClearable={false}\n              placeholder=\"\"\n              aria-label={msg.format(\"currencySelectLabel\")}\n              size={size}\n            >\n              <Select.Options>\n                {currencies.map((currencyCode) => (\n                  <Select.Option key={currencyCode} id={currencyCode}>\n                    {currencyCode}\n                  </Select.Option>\n                ))}\n              </Select.Options>\n            </Select.Root>\n          )}\n        </MoneyInputCurrencySelectSlot>\n\n        {/* Amount Input - NumberInput handles live user interaction */}\n        <MoneyInputAmountInputSlot\n          data-has-high-precision={\n            hasHighPrecisionBadge && isCurrentlyHighPrecision\n          }\n          asChild\n        >\n          <NumberInput\n            id={amountInputId}\n            name={amountInputName}\n            value={numericValue}\n            formatOptions={formatOptions}\n            onChange={handleAmountChange}\n            onFocus={handleAmountFocus}\n            onBlur={handleAmountBlur}\n            isDisabled={isDisabled}\n            isReadOnly={isReadOnly}\n            isInvalid={isInvalid}\n            isRequired={isRequired}\n            placeholder={placeholder}\n            autoFocus={autoFocus}\n            size={size}\n            //base accessible name: \"Amount\"\n            aria-label={msg.format(\"amountInputLabel\")}\n            // accessible name when hasNoCurrencies=true: \"<CURRENCY_CODE> Amount\"\n            aria-labelledby={noCurrenciesLabelId}\n            // accessible name when high precision: \"High Precision Amount\"\n            aria-describedby={highPrecisionBadgeId}\n            // See the types file for why we don't use step\n            step={undefined}\n          />\n        </MoneyInputAmountInputSlot>\n        {/* High Precision Badge */}\n        {hasHighPrecisionBadge && isCurrentlyHighPrecision && (\n          <MoneyInputBadgeSlot>\n            <Tooltip.Root delay={0} closeDelay={0}>\n              <MakeElementFocusable>\n                <Box\n                  as={HighPrecision}\n                  id={highPrecisionBadgeId}\n                  color={isDisabled ? \"neutral.8\" : \"neutral.11\"}\n                  aria-label={msg.format(\"highPrecisionPrice\")}\n                  // Position the badge correctly as we don't want layout shift that occurs with trailingElement use in the underlying NumberInput\n                  transform={`translateX(-${designTokens.spacing[\"1200\"]})`}\n                />\n              </MakeElementFocusable>\n              <Tooltip.Content placement=\"top\">\n                {msg.format(\"highPrecisionPrice\")}\n              </Tooltip.Content>\n            </Tooltip.Root>\n          </MoneyInputBadgeSlot>\n        )}\n      </MoneyInputContainerSlot>\n    </MoneyInputRootSlot>\n  );\n};\n\n// Static methods for UI-Kit compatibility and internal utilities\nMoneyInput.getAmountInputId = (id?: string) =>\n  getMoneyGroupAttribute(id, \"amount\");\nMoneyInput.getCurrencyDropdownId = (id?: string) =>\n  getMoneyGroupAttribute(id, \"currencyCode\");\nMoneyInput.convertToMoneyValue = transformFormInputToMoneyValue;\nMoneyInput.parseMoneyValue = formatMoneyValueForDisplay;\nMoneyInput.isEmpty = isEmpty;\nMoneyInput.isHighPrecision = isHighPrecision;\n\n// Display name\nMoneyInput.displayName = \"MoneyInput\";\n"],"mappings":"qpBAeA,IAAM,EAAa,CACjB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,EAAG,EAC1B,IAAK,CAAE,eAAgB,EAAG,EAC1B,IAAK,CAAE,eAAgB,EAAG,EAC1B,IAAK,CAAE,eAAgB,EAAG,EAC1B,IAAK,CAAE,eAAgB,EAAG,EAC1B,IAAK,CAAE,eAAgB,EAAG,EAC1B,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,EAAG,EAC1B,IAAK,CAAE,eAAgB,EAAG,EAC1B,IAAK,CAAE,eAAgB,EAAG,EAC1B,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,EAAG,EAC1B,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,EAAG,EAC1B,IAAK,CAAE,eAAgB,EAAG,EAC1B,IAAK,CAAE,eAAgB,EAAG,EAC1B,IAAK,CAAE,eAAgB,EAAG,EAC1B,IAAK,CAAE,eAAgB,EAAG,EAC1B,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EACzB,IAAK,CAAE,eAAgB,CAAE,EAEzB,KAAM,CAAE,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"}

package/dist/chunks/money-input-field-Ce4jhMrA.cjs

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

package/dist/chunks/money-input-field-Ce4jhMrA.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"money-input-field-Ce4jhMrA.cjs.js","names":[],"sources":["../../src/patterns/fields/money-input-field/money-input-field.tsx"],"sourcesContent":["import { MoneyInput } from \"@/components/money-input/money-input\";\nimport { FormField, FieldErrors } from \"@/components\";\nimport type { MoneyInputFieldProps } from \"./money-input-field.types\";\n\n/**\n * # MoneyInputField\n *\n * A pre-composed form field component that combines MoneyInput with FormField features\n * like labels, descriptions, error handling, and validation feedback.\n *\n * This component provides a simple, flat API for monetary input use cases, combining\n * a currency selector and amount input into a single field.\n *\n * Contains two focusable inputs: currency selector and amount input.\n *\n * @supportsStyleProps\n *\n * @example\n * ```tsx\n * <MoneyInputField\n *   label=\"Product Price\"\n *   description=\"Enter the product price with currency\"\n *   currencies={[\"USD\", \"EUR\", \"GBP\", \"JPY\"]}\n *   value={{ amount: \"99.99\", currencyCode: \"USD\" }}\n *   onValueChange={setValue}\n *   errors={{ missing: true }}\n *   touched={touched}\n *   isRequired\n * />\n * ```\n */\n\nexport const MoneyInputField = ({\n  id,\n  label,\n  description,\n  info,\n  errors,\n  renderError,\n  touched = false,\n  isRequired = false,\n  isDisabled = false,\n  isReadOnly = false,\n  isInvalid = false,\n  size = \"md\",\n  ...moneyInputProps\n}: MoneyInputFieldProps) => {\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      isInvalid={hasErrors || isInvalid}\n      isRequired={isRequired}\n      isDisabled={isDisabled}\n      isReadOnly={isReadOnly}\n    >\n      <FormField.Label>{label}</FormField.Label>\n      <FormField.Input>\n        <MoneyInput size={size} {...moneyInputProps} />\n      </FormField.Input>\n\n      {description && (\n        <FormField.Description>{description}</FormField.Description>\n      )}\n\n      {info && <FormField.InfoBox>{info}</FormField.InfoBox>}\n      {hasErrors && (\n        <FormField.Error>\n          <FieldErrors\n            id={`${id}-errors`}\n            errors={errors}\n            renderError={renderError}\n          />\n        </FormField.Error>\n      )}\n    </FormField.Root>\n  );\n};\n\nMoneyInputField.displayName = \"MoneyInputField\";\n"],"mappings":"0KAgCA,IAAa,GAAmB,CAC9B,KACA,QACA,cACA,OACA,SACA,cACA,UAAU,GACV,aAAa,GACb,aAAa,GACb,aAAa,GACb,YAAY,GACZ,OAAO,KACP,GAAG,KACuB,CAE1B,IAAM,EAAY,GAAW,GAAU,OAAO,OAAO,CAAM,CAAC,CAAC,KAAK,OAAO,EAEzE,OACE,EAAA,EAAA,KAAA,CAAC,EAAA,EAAU,KAAX,CACM,KACE,OACN,UAAW,GAAa,EACZ,aACA,aACA,aANd,SAAA,EAQE,EAAA,EAAA,IAAA,CAAC,EAAA,EAAU,MAAX,CAAA,SAAkB,CAAuB,CAAA,GACzC,EAAA,EAAA,IAAA,CAAC,EAAA,EAAU,MAAX,CAAA,UACE,EAAA,EAAA,IAAA,CAAC,EAAA,EAAD,CAAkB,OAAM,GAAI,CAAkB,CAAA,CAC/B,CAAA,EAEhB,IACC,EAAA,EAAA,IAAA,CAAC,EAAA,EAAU,YAAX,CAAA,SAAwB,CAAmC,CAAA,EAG5D,IAAQ,EAAA,EAAA,IAAA,CAAC,EAAA,EAAU,QAAX,CAAA,SAAoB,CAAwB,CAAA,EACpD,IACC,EAAA,EAAA,IAAA,CAAC,EAAA,EAAU,MAAX,CAAA,UACE,EAAA,EAAA,IAAA,CAAC,EAAA,EAAD,CACE,GAAI,GAAG,EAAG,SACF,SACK,aACd,CAAA,CACc,CAAA,CAEL,GAEpB,EAEA,EAAgB,YAAc"}

package/dist/chunks/money-input-field-CpTlD7iv.es.js

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

package/dist/chunks/money-input-field-CpTlD7iv.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"money-input-field-CpTlD7iv.es.js","names":[],"sources":["../../src/patterns/fields/money-input-field/money-input-field.tsx"],"sourcesContent":["import { MoneyInput } from \"@/components/money-input/money-input\";\nimport { FormField, FieldErrors } from \"@/components\";\nimport type { MoneyInputFieldProps } from \"./money-input-field.types\";\n\n/**\n * # MoneyInputField\n *\n * A pre-composed form field component that combines MoneyInput with FormField features\n * like labels, descriptions, error handling, and validation feedback.\n *\n * This component provides a simple, flat API for monetary input use cases, combining\n * a currency selector and amount input into a single field.\n *\n * Contains two focusable inputs: currency selector and amount input.\n *\n * @supportsStyleProps\n *\n * @example\n * ```tsx\n * <MoneyInputField\n *   label=\"Product Price\"\n *   description=\"Enter the product price with currency\"\n *   currencies={[\"USD\", \"EUR\", \"GBP\", \"JPY\"]}\n *   value={{ amount: \"99.99\", currencyCode: \"USD\" }}\n *   onValueChange={setValue}\n *   errors={{ missing: true }}\n *   touched={touched}\n *   isRequired\n * />\n * ```\n */\n\nexport const MoneyInputField = ({\n  id,\n  label,\n  description,\n  info,\n  errors,\n  renderError,\n  touched = false,\n  isRequired = false,\n  isDisabled = false,\n  isReadOnly = false,\n  isInvalid = false,\n  size = \"md\",\n  ...moneyInputProps\n}: MoneyInputFieldProps) => {\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      isInvalid={hasErrors || isInvalid}\n      isRequired={isRequired}\n      isDisabled={isDisabled}\n      isReadOnly={isReadOnly}\n    >\n      <FormField.Label>{label}</FormField.Label>\n      <FormField.Input>\n        <MoneyInput size={size} {...moneyInputProps} />\n      </FormField.Input>\n\n      {description && (\n        <FormField.Description>{description}</FormField.Description>\n      )}\n\n      {info && <FormField.InfoBox>{info}</FormField.InfoBox>}\n      {hasErrors && (\n        <FormField.Error>\n          <FieldErrors\n            id={`${id}-errors`}\n            errors={errors}\n            renderError={renderError}\n          />\n        </FormField.Error>\n      )}\n    </FormField.Root>\n  );\n};\n\nMoneyInputField.displayName = \"MoneyInputField\";\n"],"mappings":";;;;;AAgCA,IAAa,KAAmB,EAC9B,OACA,UACA,gBACA,SACA,WACA,gBACA,aAAU,IACV,gBAAa,IACb,gBAAa,IACb,gBAAa,IACb,eAAY,IACZ,UAAO,MACP,GAAG,QACuB;CAE1B,IAAM,IAAY,KAAW,KAAU,OAAO,OAAO,CAAM,CAAC,CAAC,KAAK,OAAO;CAEzE,OACE,kBAAC,EAAU,MAAX;EACM;EACE;EACN,WAAW,KAAa;EACZ;EACA;EACA;EANd,UAAA;GAQE,kBAAC,EAAU,OAAX,EAAA,UAAkB,EAAuB,CAAA;GACzC,kBAAC,EAAU,OAAX,EAAA,UACE,kBAAC,GAAD;IAAkB;IAAM,GAAI;GAAkB,CAAA,EAC/B,CAAA;GAEhB,KACC,kBAAC,EAAU,aAAX,EAAA,UAAwB,EAAmC,CAAA;GAG5D,KAAQ,kBAAC,EAAU,SAAX,EAAA,UAAoB,EAAwB,CAAA;GACpD,KACC,kBAAC,EAAU,OAAX,EAAA,UACE,kBAAC,GAAD;IACE,IAAI,GAAG,EAAG;IACF;IACK;GACd,CAAA,EACc,CAAA;EAEL;;AAEpB;AAEA,EAAgB,cAAc"}

package/dist/chunks/multiline-text-input--axQ-8AU.es.js

@@ -0,0 +1,98 @@
+import { t as e } from "./mergeProps-CcIgWXT_.es.js";
+import { t } from "./useObjectRef-CHgRzzQD.es.js";
+import { t as n } from "./useTextField-D7yStErt.es.js";
+import { t as r } from "./useFocusRing-BAJbDUqQ.es.js";
+import { t as i } from "./useHover-CwqOOkFA.es.js";
+import { n as a, o, r as s } from "./utils-CKSsq74B.es.js";
+import { f as c } from "./theme-D4M8vpcI.es.js";
+import { t as l } from "./extract-style-props-C2dRz9Jv.es.js";
+import { t as u } from "./merge-refs-C1GcH9iY.es.js";
+import d, { createContext as f, forwardRef as p, useCallback as m, useEffect as h, useRef as g } from "react";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+import { createSlotRecipeContext as b, useRecipe as x } from "@chakra-ui/react/styled-system";
+//#region ../../node_modules/.pnpm/react-aria-components@1.20.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria-components/dist/private/TextArea.mjs
+var S = /*#__PURE__*/ f({}), C = (e) => {
+	let { onHoverStart: t, onHoverChange: n, onHoverEnd: r, ...i } = e;
+	return i;
+}, w = /*#__PURE__*/ p(function(t, n) {
+	[t, n] = a(t, n, S);
+	let { hoverProps: c, isHovered: l } = i(t), { isFocused: u, isFocusVisible: f, focusProps: p } = r({
+		isTextInput: !0,
+		autoFocus: t.autoFocus
+	}), m = !!t["aria-invalid"] && t["aria-invalid"] !== "false", h = s({
+		...t,
+		values: {
+			isHovered: l,
+			isFocused: u,
+			isFocusVisible: f,
+			isDisabled: t.disabled || !1,
+			isInvalid: m
+		},
+		defaultClassName: "react-aria-TextArea"
+	});
+	return /*#__PURE__*/ d.createElement(o.textarea, {
+		...e(C(t), p, c),
+		...h,
+		ref: n,
+		"data-focused": u || void 0,
+		"data-disabled": t.disabled || void 0,
+		"data-hovered": l || void 0,
+		"data-focus-visible": f || void 0,
+		"data-invalid": m || void 0
+	});
+}), { withContext: T, withProvider: E } = b({ key: "nimbusMultilineTextInput" }), D = E("div", "root"), O = T("div", "leadingElement"), k = T("textarea", "textarea");
+//#endregion
+//#region src/components/multiline-text-input/hooks/use-autogrow.ts
+function A(e, t = {}) {
+	let { enabled: n = !1 } = t, r = m(() => {
+		let t = e.current;
+		if (!t || !n) return;
+		t.style.height = "auto";
+		let r = t.scrollHeight, i = window.getComputedStyle(t), a = parseInt(i.maxHeight, 10), o = !isNaN(a) && a > 0 ? Math.min(r, a) : r;
+		t.style.height = `${o}px`;
+	}, [n, e]);
+	h(() => {
+		let t = e.current;
+		if (!t || !n) return;
+		r();
+		let i = () => {
+			r();
+		};
+		return t.addEventListener("input", i), () => {
+			t.removeEventListener("input", i);
+		};
+	}, [
+		r,
+		n,
+		e
+	]);
+}
+//#endregion
+//#region src/components/multiline-text-input/multiline-text-input.tsx
+var j = (e) => {
+	let { ref: r, leadingElement: i, rows: a = 1, autoGrow: o = !1, ...s } = e, d = x({ recipe: c }), f = g(null), p = t(u(f, r)), [m, h] = d.splitVariantProps(s), [b, S] = l(h), { inputProps: C } = n(S, p);
+	A(p, { enabled: o });
+	let T = {
+		"data-disabled": s.isDisabled ? "true" : void 0,
+		"data-invalid": s.isInvalid ? "true" : "false"
+	};
+	return /* @__PURE__ */ v(D, {
+		className: e?.className,
+		...m,
+		...b,
+		...T,
+		children: /* @__PURE__ */ y(_, { children: [i && /* @__PURE__ */ v(O, { children: i }), /* @__PURE__ */ v(k, {
+			asChild: !0,
+			children: /* @__PURE__ */ v(w, {
+				ref: p,
+				rows: a,
+				...C
+			})
+		})] })
+	});
+};
+j.displayName = "MultilineTextInput";
+//#endregion
+export { j as t };
+
+//# sourceMappingURL=multiline-text-input--axQ-8AU.es.js.map

package/dist/chunks/multiline-text-input--axQ-8AU.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"multiline-text-input--axQ-8AU.es.js","names":["$8MsPE$createContext","$8MsPE$forwardRef","$8MsPE$useHover","$8MsPE$useFocusRing","$8MsPE$react","$8MsPE$mergeProps"],"sources":["../../../../node_modules/.pnpm/react-aria-components@1.20.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria-components/dist/private/TextArea.mjs","../../src/components/multiline-text-input/multiline-text-input.slots.tsx","../../src/components/multiline-text-input/hooks/use-autogrow.ts","../../src/components/multiline-text-input/multiline-text-input.tsx"],"sourcesContent":["import {dom as $7230ffa83bc0c2cf$export$df3a06d6289f983e, useContextProps as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, useRenderProps as $7230ffa83bc0c2cf$export$4d86445c2cf5e3} from \"./utils.mjs\";\nimport {mergeProps as $8MsPE$mergeProps} from \"react-aria/mergeProps\";\nimport $8MsPE$react, {createContext as $8MsPE$createContext, forwardRef as $8MsPE$forwardRef} from \"react\";\nimport {useFocusRing as $8MsPE$useFocusRing} from \"react-aria/useFocusRing\";\nimport {useHover as $8MsPE$useHover} from \"react-aria/useHover\";\n\n\n\n\n\n\nconst $bd263d78e9bf3c56$export$2dc6166a7e65358c = /*#__PURE__*/ (0, $8MsPE$createContext)({});\nlet $bd263d78e9bf3c56$var$filterHoverProps = (props)=>{\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    let { onHoverStart: onHoverStart, onHoverChange: onHoverChange, onHoverEnd: onHoverEnd, ...otherProps } = props;\n    return otherProps;\n};\nconst $bd263d78e9bf3c56$export$f5c9f3c2c4054eec = /*#__PURE__*/ (0, $8MsPE$forwardRef)(function TextArea(props, ref) {\n    [props, ref] = (0, $7230ffa83bc0c2cf$export$29f1550f4b0d4415)(props, ref, $bd263d78e9bf3c56$export$2dc6166a7e65358c);\n    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $8MsPE$useHover)(props);\n    let { isFocused: isFocused, isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $8MsPE$useFocusRing)({\n        isTextInput: true,\n        autoFocus: props.autoFocus\n    });\n    let isInvalid = !!props['aria-invalid'] && props['aria-invalid'] !== 'false';\n    let renderProps = (0, $7230ffa83bc0c2cf$export$4d86445c2cf5e3)({\n        ...props,\n        values: {\n            isHovered: isHovered,\n            isFocused: isFocused,\n            isFocusVisible: isFocusVisible,\n            isDisabled: props.disabled || false,\n            isInvalid: isInvalid\n        },\n        defaultClassName: 'react-aria-TextArea'\n    });\n    return /*#__PURE__*/ (0, $8MsPE$react).createElement((0, $7230ffa83bc0c2cf$export$df3a06d6289f983e).textarea, {\n        ...(0, $8MsPE$mergeProps)($bd263d78e9bf3c56$var$filterHoverProps(props), focusProps, hoverProps),\n        ...renderProps,\n        ref: ref,\n        \"data-focused\": isFocused || undefined,\n        \"data-disabled\": props.disabled || undefined,\n        \"data-hovered\": isHovered || undefined,\n        \"data-focus-visible\": isFocusVisible || undefined,\n        \"data-invalid\": isInvalid || undefined\n    });\n});\n\n\nexport {$bd263d78e9bf3c56$export$2dc6166a7e65358c as TextAreaContext, $bd263d78e9bf3c56$export$f5c9f3c2c4054eec as TextArea};\n//# sourceMappingURL=TextArea.mjs.map\n","import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type {\n  MultilineTextInputRootSlotProps,\n  MultilineTextInputLeadingElementSlotProps,\n  MultilineTextInputTextAreaSlotProps,\n} from \"./multiline-text-input.types\";\n\nconst { withContext, withProvider } = createSlotRecipeContext({\n  key: \"nimbusMultilineTextInput\",\n});\n\n/**\n * Root component that provides the styling context for the MultilineTextInput component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const MultilineTextInputRootSlot = withProvider<\n  HTMLDivElement,\n  MultilineTextInputRootSlotProps\n>(\"div\", \"root\");\n\nexport const MultilineTextInputLeadingElementSlot = withContext<\n  HTMLDivElement,\n  MultilineTextInputLeadingElementSlotProps\n>(\"div\", \"leadingElement\");\n\nexport const MultilineTextInputTextAreaSlot = withContext<\n  HTMLTextAreaElement,\n  MultilineTextInputTextAreaSlotProps\n>(\"textarea\", \"textarea\");\n","import { useEffect, useCallback } from \"react\";\nimport type { RefObject } from \"react\";\n\ntype UseAutogrowOptions = {\n  enabled?: boolean;\n};\n\n/**\n * Hook for managing textarea autogrow behavior\n *\n * @param ref - Reference to the textarea element (RefObject<HTMLTextAreaElement | null>)\n * @param options - Configuration options\n * @param options.enabled - Whether autogrow is enabled\n * @returns {void} This hook does not return a value\n *\n * @internal\n */\nexport function useAutogrow(\n  ref: RefObject<HTMLTextAreaElement | null>,\n  options: UseAutogrowOptions = {}\n): void {\n  const { enabled = false } = options;\n\n  const adjustHeight = useCallback(() => {\n    const textarea = ref.current;\n    if (!textarea || !enabled) return;\n\n    // Reset height to auto to get the correct scrollHeight\n    textarea.style.height = \"auto\";\n\n    // Calculate the new height based on content\n    const contentHeight = textarea.scrollHeight;\n\n    // Apply maxHeight constraint if specified\n    const computedStyle = window.getComputedStyle(textarea);\n    const maxHeightPxValue = parseInt(computedStyle.maxHeight, 10);\n\n    // Check if maxHeight is a valid number and apply constraint\n    const finalHeight =\n      !isNaN(maxHeightPxValue) && maxHeightPxValue > 0\n        ? Math.min(contentHeight, maxHeightPxValue)\n        : contentHeight;\n\n    // Set the new height\n    textarea.style.height = `${finalHeight}px`;\n  }, [enabled, ref]);\n\n  // Set up auto-grow behavior with event listeners\n  useEffect(() => {\n    const textarea = ref.current;\n    if (!textarea || !enabled) return;\n\n    // Initial adjustment\n    adjustHeight();\n\n    // Add input event listener for real-time adjustments\n    const handleInput = () => {\n      adjustHeight();\n    };\n\n    textarea.addEventListener(\"input\", handleInput);\n\n    // Cleanup\n    return () => {\n      textarea.removeEventListener(\"input\", handleInput);\n    };\n  }, [adjustHeight, enabled, ref]);\n}\n","import { useRef } from \"react\";\nimport { mergeRefs } from \"@/utils\";\nimport { useRecipe } from \"@chakra-ui/react/styled-system\";\nimport { useObjectRef, useTextField } from \"react-aria\";\nimport { TextArea } from \"react-aria-components\";\nimport { extractStyleProps } from \"@/utils\";\n\nimport {\n  MultilineTextInputRootSlot,\n  MultilineTextInputLeadingElementSlot,\n  MultilineTextInputTextAreaSlot,\n} from \"./multiline-text-input.slots\";\nimport type { MultilineTextInputProps } from \"./multiline-text-input.types\";\nimport { multilineTextInputRecipe } from \"./multiline-text-input.recipe\";\nimport { useAutogrow } from \"./hooks\";\n\n/**\n * # Multiline Text Input\n *\n * A multiline text input component for capturing longer text content.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/forms/multiline-text-input}\n */\nexport const MultilineTextInput = (props: MultilineTextInputProps) => {\n  const {\n    ref: forwardedRef,\n    leadingElement,\n    rows = 1,\n    autoGrow = false,\n    ...restProps\n  } = props; // The default `rows` attribute for a textarea is 2, so we need to override it\n  const recipe = useRecipe({ recipe: multilineTextInputRecipe });\n\n  const localRef = useRef<HTMLTextAreaElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  const [recipeProps, remainingProps] = recipe.splitVariantProps(restProps);\n  const [styleProps, functionalProps] = extractStyleProps(remainingProps);\n  const { inputProps } = useTextField<\"textarea\">(functionalProps, ref);\n\n  // Use autogrow hook for auto-grow functionality\n  useAutogrow(ref, { enabled: autoGrow });\n\n  const additionalRootProps = {\n    \"data-disabled\": restProps.isDisabled ? \"true\" : undefined,\n    \"data-invalid\": restProps.isInvalid ? \"true\" : \"false\",\n  };\n\n  return (\n    <MultilineTextInputRootSlot\n      className={props?.className as string}\n      {...recipeProps}\n      {...styleProps}\n      {...additionalRootProps}\n    >\n      <>\n        {leadingElement && (\n          <MultilineTextInputLeadingElementSlot>\n            {leadingElement}\n          </MultilineTextInputLeadingElementSlot>\n        )}\n        <MultilineTextInputTextAreaSlot asChild>\n          <TextArea ref={ref} rows={rows} {...inputProps} />\n        </MultilineTextInputTextAreaSlot>\n      </>\n    </MultilineTextInputRootSlot>\n  );\n};\n\nMultilineTextInput.displayName = \"MultilineTextInput\";\n"],"x_google_ignoreList":[0],"mappings":"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"}

package/dist/chunks/multiline-text-input-field-DZJbq0Q2.es.js

@@ -0,0 +1,37 @@
+import { t as e } from "./multiline-text-input--axQ-8AU.es.js";
+import { t } from "./field-errors-DA8VHV9z.es.js";
+import { t as n } from "./form-field-D0Xtey7J.es.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/patterns/fields/multiline-text-input-field/multiline-text-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(n.Root, {
+		id: a,
+		size: _,
+		isRequired: p,
+		isDisabled: m,
+		isReadOnly: h,
+		isInvalid: x || g,
+		children: [
+			/* @__PURE__ */ r(n.Label, { children: o }),
+			/* @__PURE__ */ r(n.Input, { children: /* @__PURE__ */ r(e, {
+				...b,
+				size: _,
+				placeholder: y,
+				onChange: u,
+				value: v
+			}) }),
+			s && /* @__PURE__ */ r(n.Description, { children: s }),
+			x && /* @__PURE__ */ r(n.Error, { children: /* @__PURE__ */ r(t, {
+				errors: l,
+				renderError: d
+			}) }),
+			c && /* @__PURE__ */ r(n.InfoBox, { children: c })
+		]
+	});
+};
+a.displayName = "MultilineTextInputField";
+//#endregion
+export { a as t };
+
+//# sourceMappingURL=multiline-text-input-field-DZJbq0Q2.es.js.map

package/dist/chunks/multiline-text-input-field-DZJbq0Q2.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"multiline-text-input-field-DZJbq0Q2.es.js","names":[],"sources":["../../src/patterns/fields/multiline-text-input-field/multiline-text-input-field.tsx"],"sourcesContent":["import { MultilineTextInput } from \"@/components/multiline-text-input/multiline-text-input\";\nimport type { MultilineTextInputFieldProps } from \"./multiline-text-input-field.types\";\nimport { FormField, FieldErrors } from \"@/components\";\n\n/**\n * # MultilineTextInputField\n *\n * A pre-composed form field component that combines MultilineTextInput with FormField features\n * like labels, descriptions, error handling, and validation feedback.\n *\n * This component provides a simple, flat API for common text area use cases and serves\n * as a drop-in replacement for UI-Kit's MultilineTextField, maintaining compatibility with the\n * same error format and localized error messages.\n *\n * @example\n * ```tsx\n * <MultilineTextInputField\n *   label=\"Project description\"\n *   description=\"Enter a descriptive summary for your project\"\n *   placeholder=\"Describe your project...\"\n *   value={value}\n *   onChange={setValue}\n *   errors={{ missing: true }}\n *   isRequired\n *   rows={4}\n *   autoGrow\n * />\n * ```\n */\n\nexport const MultilineTextInputField = ({\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}: MultilineTextInputFieldProps) => {\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        <MultilineTextInput\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\nMultilineTextInputField.displayName = \"MultilineTextInputField\";\n"],"mappings":";;;;;AA8BA,IAAa,KAA2B,EACtC,OACA,UACA,gBACA,SACA,WACA,aACA,gBACA,aAAU,IACV,gBAAa,IACb,gBAAa,IACb,gBAAa,IACb,eAAY,IACZ,UAAO,MACP,UACA,gBACA,GAAG,QAC+B;CAElC,IAAM,IAAY,KAAW,KAAU,OAAO,OAAO,CAAM,CAAC,CAAC,KAAK,OAAO;CAEzE,OACE,kBAAC,EAAU,MAAX;EACM;EACE;EACM;EACA;EACA;EACZ,WAAW,KAAa;EAN1B,UAAA;GAQE,kBAAC,EAAU,OAAX,EAAA,UAAkB,EAAuB,CAAA;GACzC,kBAAC,EAAU,OAAX,EAAA,UACE,kBAAC,GAAD;IACE,GAAI;IACE;IACO;IACH;IACH;GACR,CAAA,EACc,CAAA;GAChB,KACC,kBAAC,EAAU,aAAX,EAAA,UAAwB,EAAmC,CAAA;GAE5D,KACC,kBAAC,EAAU,OAAX,EAAA,UACE,kBAAC,GAAD;IAAqB;IAAqB;GAAc,CAAA,EACzC,CAAA;GAElB,KAAQ,kBAAC,EAAU,SAAX,EAAA,UAAoB,EAAwB,CAAA;EACvC;;AAEpB;AAEA,EAAwB,cAAc"}

package/dist/chunks/multiline-text-input-field-F1U4AFUh.cjs

@@ -0,0 +1,2 @@
+const e=require("./multiline-text-input-ti8tq2ZH.cjs"),t=require("./field-errors-Cgvuc7Ga.cjs"),n=require("./form-field-Dc1lrHOw.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)(n.t.Root,{id:i,size:g,isRequired:f,isDisabled:p,isReadOnly:m,isInvalid:b||h,children:[(0,r.jsx)(n.t.Label,{children:a}),(0,r.jsx)(n.t.Input,{children:(0,r.jsx)(e.t,{...y,size:g,placeholder:v,onChange:l,value:_})}),o&&(0,r.jsx)(n.t.Description,{children:o}),b&&(0,r.jsx)(n.t.Error,{children:(0,r.jsx)(t.t,{errors:c,renderError:u})}),s&&(0,r.jsx)(n.t.InfoBox,{children:s})]})};i.displayName=`MultilineTextInputField`,Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return i}});
+//# sourceMappingURL=multiline-text-input-field-F1U4AFUh.cjs.map

package/dist/chunks/multiline-text-input-field-F1U4AFUh.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"multiline-text-input-field-F1U4AFUh.cjs.js","names":[],"sources":["../../src/patterns/fields/multiline-text-input-field/multiline-text-input-field.tsx"],"sourcesContent":["import { MultilineTextInput } from \"@/components/multiline-text-input/multiline-text-input\";\nimport type { MultilineTextInputFieldProps } from \"./multiline-text-input-field.types\";\nimport { FormField, FieldErrors } from \"@/components\";\n\n/**\n * # MultilineTextInputField\n *\n * A pre-composed form field component that combines MultilineTextInput with FormField features\n * like labels, descriptions, error handling, and validation feedback.\n *\n * This component provides a simple, flat API for common text area use cases and serves\n * as a drop-in replacement for UI-Kit's MultilineTextField, maintaining compatibility with the\n * same error format and localized error messages.\n *\n * @example\n * ```tsx\n * <MultilineTextInputField\n *   label=\"Project description\"\n *   description=\"Enter a descriptive summary for your project\"\n *   placeholder=\"Describe your project...\"\n *   value={value}\n *   onChange={setValue}\n *   errors={{ missing: true }}\n *   isRequired\n *   rows={4}\n *   autoGrow\n * />\n * ```\n */\n\nexport const MultilineTextInputField = ({\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}: MultilineTextInputFieldProps) => {\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        <MultilineTextInput\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\nMultilineTextInputField.displayName = \"MultilineTextInputField\";\n"],"mappings":"mLA8BA,IAAa,GAA2B,CACtC,KACA,QACA,cACA,OACA,SACA,WACA,cACA,UAAU,GACV,aAAa,GACb,aAAa,GACb,aAAa,GACb,YAAY,GACZ,OAAO,KACP,QACA,cACA,GAAG,KAC+B,CAElC,IAAM,EAAY,GAAW,GAAU,OAAO,OAAO,CAAM,CAAC,CAAC,KAAK,OAAO,EAEzE,OACE,EAAA,EAAA,KAAA,CAAC,EAAA,EAAU,KAAX,CACM,KACE,OACM,aACA,aACA,aACZ,UAAW,GAAa,EAN1B,SAAA,EAQE,EAAA,EAAA,IAAA,CAAC,EAAA,EAAU,MAAX,CAAA,SAAkB,CAAuB,CAAA,GACzC,EAAA,EAAA,IAAA,CAAC,EAAA,EAAU,MAAX,CAAA,UACE,EAAA,EAAA,IAAA,CAAC,EAAA,EAAD,CACE,GAAI,EACE,OACO,cACH,WACH,OACR,CAAA,CACc,CAAA,EAChB,IACC,EAAA,EAAA,IAAA,CAAC,EAAA,EAAU,YAAX,CAAA,SAAwB,CAAmC,CAAA,EAE5D,IACC,EAAA,EAAA,IAAA,CAAC,EAAA,EAAU,MAAX,CAAA,UACE,EAAA,EAAA,IAAA,CAAC,EAAA,EAAD,CAAqB,SAAqB,aAAc,CAAA,CACzC,CAAA,EAElB,IAAQ,EAAA,EAAA,IAAA,CAAC,EAAA,EAAU,QAAX,CAAA,SAAoB,CAAwB,CAAA,CACvC,GAEpB,EAEA,EAAwB,YAAc"}

package/dist/chunks/multiline-text-input-ti8tq2ZH.cjs

@@ -0,0 +1,2 @@
+const e=require("./SSRProvider-BkGdO-EE.cjs"),t=require("./mergeProps-D85NQS_9.cjs"),n=require("./useObjectRef-B_odk_Xk.cjs"),r=require("./useTextField-DNzozqgQ.cjs"),i=require("./useFocusRing-DqqwCnLr.cjs"),a=require("./useHover-BaO8C95Z.cjs"),o=require("./utils-vGuxNMRW.cjs"),s=require("./theme-BYFwJItT.cjs"),c=require("./extract-style-props-CD9rz9gF.cjs"),l=require("./merge-refs-DjTl2ATo.cjs");let u=require("react");u=e.a(u,1);let d=require("react/jsx-runtime"),f=require("@chakra-ui/react/styled-system");var p=(0,u.createContext)({}),m=e=>{let{onHoverStart:t,onHoverChange:n,onHoverEnd:r,...i}=e;return i},h=(0,u.forwardRef)(function(e,n){[e,n]=o.n(e,n,p);let{hoverProps:r,isHovered:s}=a.t(e),{isFocused:c,isFocusVisible:l,focusProps:d}=i.t({isTextInput:!0,autoFocus:e.autoFocus}),f=!!e[`aria-invalid`]&&e[`aria-invalid`]!==`false`,h=o.r({...e,values:{isHovered:s,isFocused:c,isFocusVisible:l,isDisabled:e.disabled||!1,isInvalid:f},defaultClassName:`react-aria-TextArea`});return u.default.createElement(o.o.textarea,{...t.t(m(e),d,r),...h,ref:n,"data-focused":c||void 0,"data-disabled":e.disabled||void 0,"data-hovered":s||void 0,"data-focus-visible":l||void 0,"data-invalid":f||void 0})}),{withContext:g,withProvider:_}=(0,f.createSlotRecipeContext)({key:`nimbusMultilineTextInput`}),v=_(`div`,`root`),y=g(`div`,`leadingElement`),b=g(`textarea`,`textarea`);function x(e,t={}){let{enabled:n=!1}=t,r=(0,u.useCallback)(()=>{let t=e.current;if(!t||!n)return;t.style.height=`auto`;let r=t.scrollHeight,i=window.getComputedStyle(t),a=parseInt(i.maxHeight,10),o=!isNaN(a)&&a>0?Math.min(r,a):r;t.style.height=`${o}px`},[n,e]);(0,u.useEffect)(()=>{let t=e.current;if(!t||!n)return;r();let i=()=>{r()};return t.addEventListener(`input`,i),()=>{t.removeEventListener(`input`,i)}},[r,n,e])}var S=e=>{let{ref:t,leadingElement:i,rows:a=1,autoGrow:o=!1,...p}=e,m=(0,f.useRecipe)({recipe:s.f}),g=(0,u.useRef)(null),_=n.t(l.t(g,t)),[S,C]=m.splitVariantProps(p),[w,T]=c.t(C),{inputProps:E}=r.t(T,_);x(_,{enabled:o});let D={"data-disabled":p.isDisabled?`true`:void 0,"data-invalid":p.isInvalid?`true`:`false`};return(0,d.jsx)(v,{className:e?.className,...S,...w,...D,children:(0,d.jsxs)(d.Fragment,{children:[i&&(0,d.jsx)(y,{children:i}),(0,d.jsx)(b,{asChild:!0,children:(0,d.jsx)(h,{ref:_,rows:a,...E})})]})})};S.displayName=`MultilineTextInput`,Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return S}});
+//# sourceMappingURL=multiline-text-input-ti8tq2ZH.cjs.map

package/dist/chunks/multiline-text-input-ti8tq2ZH.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"multiline-text-input-ti8tq2ZH.cjs.js","names":["$8MsPE$createContext","$8MsPE$forwardRef","$7230ffa83bc0c2cf$export$29f1550f4b0d4415","$8MsPE$useHover","$8MsPE$useFocusRing","$7230ffa83bc0c2cf$export$4d86445c2cf5e3","$8MsPE$react","$7230ffa83bc0c2cf$export$df3a06d6289f983e","$8MsPE$mergeProps"],"sources":["../../../../node_modules/.pnpm/react-aria-components@1.20.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria-components/dist/private/TextArea.mjs","../../src/components/multiline-text-input/multiline-text-input.slots.tsx","../../src/components/multiline-text-input/hooks/use-autogrow.ts","../../src/components/multiline-text-input/multiline-text-input.tsx"],"sourcesContent":["import {dom as $7230ffa83bc0c2cf$export$df3a06d6289f983e, useContextProps as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, useRenderProps as $7230ffa83bc0c2cf$export$4d86445c2cf5e3} from \"./utils.mjs\";\nimport {mergeProps as $8MsPE$mergeProps} from \"react-aria/mergeProps\";\nimport $8MsPE$react, {createContext as $8MsPE$createContext, forwardRef as $8MsPE$forwardRef} from \"react\";\nimport {useFocusRing as $8MsPE$useFocusRing} from \"react-aria/useFocusRing\";\nimport {useHover as $8MsPE$useHover} from \"react-aria/useHover\";\n\n\n\n\n\n\nconst $bd263d78e9bf3c56$export$2dc6166a7e65358c = /*#__PURE__*/ (0, $8MsPE$createContext)({});\nlet $bd263d78e9bf3c56$var$filterHoverProps = (props)=>{\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    let { onHoverStart: onHoverStart, onHoverChange: onHoverChange, onHoverEnd: onHoverEnd, ...otherProps } = props;\n    return otherProps;\n};\nconst $bd263d78e9bf3c56$export$f5c9f3c2c4054eec = /*#__PURE__*/ (0, $8MsPE$forwardRef)(function TextArea(props, ref) {\n    [props, ref] = (0, $7230ffa83bc0c2cf$export$29f1550f4b0d4415)(props, ref, $bd263d78e9bf3c56$export$2dc6166a7e65358c);\n    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $8MsPE$useHover)(props);\n    let { isFocused: isFocused, isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $8MsPE$useFocusRing)({\n        isTextInput: true,\n        autoFocus: props.autoFocus\n    });\n    let isInvalid = !!props['aria-invalid'] && props['aria-invalid'] !== 'false';\n    let renderProps = (0, $7230ffa83bc0c2cf$export$4d86445c2cf5e3)({\n        ...props,\n        values: {\n            isHovered: isHovered,\n            isFocused: isFocused,\n            isFocusVisible: isFocusVisible,\n            isDisabled: props.disabled || false,\n            isInvalid: isInvalid\n        },\n        defaultClassName: 'react-aria-TextArea'\n    });\n    return /*#__PURE__*/ (0, $8MsPE$react).createElement((0, $7230ffa83bc0c2cf$export$df3a06d6289f983e).textarea, {\n        ...(0, $8MsPE$mergeProps)($bd263d78e9bf3c56$var$filterHoverProps(props), focusProps, hoverProps),\n        ...renderProps,\n        ref: ref,\n        \"data-focused\": isFocused || undefined,\n        \"data-disabled\": props.disabled || undefined,\n        \"data-hovered\": isHovered || undefined,\n        \"data-focus-visible\": isFocusVisible || undefined,\n        \"data-invalid\": isInvalid || undefined\n    });\n});\n\n\nexport {$bd263d78e9bf3c56$export$2dc6166a7e65358c as TextAreaContext, $bd263d78e9bf3c56$export$f5c9f3c2c4054eec as TextArea};\n//# sourceMappingURL=TextArea.mjs.map\n","import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type {\n  MultilineTextInputRootSlotProps,\n  MultilineTextInputLeadingElementSlotProps,\n  MultilineTextInputTextAreaSlotProps,\n} from \"./multiline-text-input.types\";\n\nconst { withContext, withProvider } = createSlotRecipeContext({\n  key: \"nimbusMultilineTextInput\",\n});\n\n/**\n * Root component that provides the styling context for the MultilineTextInput component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const MultilineTextInputRootSlot = withProvider<\n  HTMLDivElement,\n  MultilineTextInputRootSlotProps\n>(\"div\", \"root\");\n\nexport const MultilineTextInputLeadingElementSlot = withContext<\n  HTMLDivElement,\n  MultilineTextInputLeadingElementSlotProps\n>(\"div\", \"leadingElement\");\n\nexport const MultilineTextInputTextAreaSlot = withContext<\n  HTMLTextAreaElement,\n  MultilineTextInputTextAreaSlotProps\n>(\"textarea\", \"textarea\");\n","import { useEffect, useCallback } from \"react\";\nimport type { RefObject } from \"react\";\n\ntype UseAutogrowOptions = {\n  enabled?: boolean;\n};\n\n/**\n * Hook for managing textarea autogrow behavior\n *\n * @param ref - Reference to the textarea element (RefObject<HTMLTextAreaElement | null>)\n * @param options - Configuration options\n * @param options.enabled - Whether autogrow is enabled\n * @returns {void} This hook does not return a value\n *\n * @internal\n */\nexport function useAutogrow(\n  ref: RefObject<HTMLTextAreaElement | null>,\n  options: UseAutogrowOptions = {}\n): void {\n  const { enabled = false } = options;\n\n  const adjustHeight = useCallback(() => {\n    const textarea = ref.current;\n    if (!textarea || !enabled) return;\n\n    // Reset height to auto to get the correct scrollHeight\n    textarea.style.height = \"auto\";\n\n    // Calculate the new height based on content\n    const contentHeight = textarea.scrollHeight;\n\n    // Apply maxHeight constraint if specified\n    const computedStyle = window.getComputedStyle(textarea);\n    const maxHeightPxValue = parseInt(computedStyle.maxHeight, 10);\n\n    // Check if maxHeight is a valid number and apply constraint\n    const finalHeight =\n      !isNaN(maxHeightPxValue) && maxHeightPxValue > 0\n        ? Math.min(contentHeight, maxHeightPxValue)\n        : contentHeight;\n\n    // Set the new height\n    textarea.style.height = `${finalHeight}px`;\n  }, [enabled, ref]);\n\n  // Set up auto-grow behavior with event listeners\n  useEffect(() => {\n    const textarea = ref.current;\n    if (!textarea || !enabled) return;\n\n    // Initial adjustment\n    adjustHeight();\n\n    // Add input event listener for real-time adjustments\n    const handleInput = () => {\n      adjustHeight();\n    };\n\n    textarea.addEventListener(\"input\", handleInput);\n\n    // Cleanup\n    return () => {\n      textarea.removeEventListener(\"input\", handleInput);\n    };\n  }, [adjustHeight, enabled, ref]);\n}\n","import { useRef } from \"react\";\nimport { mergeRefs } from \"@/utils\";\nimport { useRecipe } from \"@chakra-ui/react/styled-system\";\nimport { useObjectRef, useTextField } from \"react-aria\";\nimport { TextArea } from \"react-aria-components\";\nimport { extractStyleProps } from \"@/utils\";\n\nimport {\n  MultilineTextInputRootSlot,\n  MultilineTextInputLeadingElementSlot,\n  MultilineTextInputTextAreaSlot,\n} from \"./multiline-text-input.slots\";\nimport type { MultilineTextInputProps } from \"./multiline-text-input.types\";\nimport { multilineTextInputRecipe } from \"./multiline-text-input.recipe\";\nimport { useAutogrow } from \"./hooks\";\n\n/**\n * # Multiline Text Input\n *\n * A multiline text input component for capturing longer text content.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/forms/multiline-text-input}\n */\nexport const MultilineTextInput = (props: MultilineTextInputProps) => {\n  const {\n    ref: forwardedRef,\n    leadingElement,\n    rows = 1,\n    autoGrow = false,\n    ...restProps\n  } = props; // The default `rows` attribute for a textarea is 2, so we need to override it\n  const recipe = useRecipe({ recipe: multilineTextInputRecipe });\n\n  const localRef = useRef<HTMLTextAreaElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  const [recipeProps, remainingProps] = recipe.splitVariantProps(restProps);\n  const [styleProps, functionalProps] = extractStyleProps(remainingProps);\n  const { inputProps } = useTextField<\"textarea\">(functionalProps, ref);\n\n  // Use autogrow hook for auto-grow functionality\n  useAutogrow(ref, { enabled: autoGrow });\n\n  const additionalRootProps = {\n    \"data-disabled\": restProps.isDisabled ? \"true\" : undefined,\n    \"data-invalid\": restProps.isInvalid ? \"true\" : \"false\",\n  };\n\n  return (\n    <MultilineTextInputRootSlot\n      className={props?.className as string}\n      {...recipeProps}\n      {...styleProps}\n      {...additionalRootProps}\n    >\n      <>\n        {leadingElement && (\n          <MultilineTextInputLeadingElementSlot>\n            {leadingElement}\n          </MultilineTextInputLeadingElementSlot>\n        )}\n        <MultilineTextInputTextAreaSlot asChild>\n          <TextArea ref={ref} rows={rows} {...inputProps} />\n        </MultilineTextInputTextAreaSlot>\n      </>\n    </MultilineTextInputRootSlot>\n  );\n};\n\nMultilineTextInput.displayName = \"MultilineTextInput\";\n"],"x_google_ignoreList":[0],"mappings":"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"}

package/dist/chunks/nimbus-i18n-provider-DMOA9zWr.cjs

@@ -0,0 +1,2 @@
+const e=require("./I18nProvider-DqSwQ3so.cjs");let t=require("react/jsx-runtime");var n=({locale:n,children:r})=>(0,t.jsx)(e.n,{locale:n,children:r});n.displayName=`NimbusI18nProvider`,Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return n}});
+//# sourceMappingURL=nimbus-i18n-provider-DMOA9zWr.cjs.map

package/dist/chunks/nimbus-i18n-provider-DMOA9zWr.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"nimbus-i18n-provider-DMOA9zWr.cjs.js","names":[],"sources":["../../src/components/nimbus-i18n-provider/nimbus-i18n-provider.tsx"],"sourcesContent":["import { I18nProvider as RaI18nProvider } from \"react-aria\";\nimport type { NimbusI18nProviderProps } from \"./nimbus-i18n-provider.types\";\n\n/**\n * NimbusI18nProvider component that provides internationalization context for React Aria components.\n * This is a proxy component that wraps React Aria's I18nProvider.\n *\n * @example\n * ```tsx\n * <NimbusI18nProvider locale=\"de-DE\">\n *   <DatePicker />\n * </NimbusI18nProvider>\n * ```\n */\nexport const NimbusI18nProvider = ({\n  locale,\n  children,\n}: NimbusI18nProviderProps) => {\n  return <RaI18nProvider locale={locale}>{children}</RaI18nProvider>;\n};\n\nNimbusI18nProvider.displayName = \"NimbusI18nProvider\";\n"],"mappings":"qFAcA,IAAa,GAAsB,CACjC,SACA,eAEO,EAAA,EAAA,IAAA,CAAC,EAAA,EAAD,CAAwB,SAAS,UAAyB,CAAA,EAGnE,EAAmB,YAAc"}

package/dist/chunks/nimbus-i18n-provider-MpwRHg3L.es.js

@@ -0,0 +1,12 @@
+import { n as e } from "./I18nProvider-BcYoienQ.es.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/nimbus-i18n-provider/nimbus-i18n-provider.tsx
+var n = ({ locale: n, children: r }) => /* @__PURE__ */ t(e, {
+	locale: n,
+	children: r
+});
+n.displayName = "NimbusI18nProvider";
+//#endregion
+export { n as t };
+
+//# sourceMappingURL=nimbus-i18n-provider-MpwRHg3L.es.js.map

package/dist/chunks/nimbus-i18n-provider-MpwRHg3L.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nimbus-i18n-provider-MpwRHg3L.es.js","names":[],"sources":["../../src/components/nimbus-i18n-provider/nimbus-i18n-provider.tsx"],"sourcesContent":["import { I18nProvider as RaI18nProvider } from \"react-aria\";\nimport type { NimbusI18nProviderProps } from \"./nimbus-i18n-provider.types\";\n\n/**\n * NimbusI18nProvider component that provides internationalization context for React Aria components.\n * This is a proxy component that wraps React Aria's I18nProvider.\n *\n * @example\n * ```tsx\n * <NimbusI18nProvider locale=\"de-DE\">\n *   <DatePicker />\n * </NimbusI18nProvider>\n * ```\n */\nexport const NimbusI18nProvider = ({\n  locale,\n  children,\n}: NimbusI18nProviderProps) => {\n  return <RaI18nProvider locale={locale}>{children}</RaI18nProvider>;\n};\n\nNimbusI18nProvider.displayName = \"NimbusI18nProvider\";\n"],"mappings":";;;AAcA,IAAa,KAAsB,EACjC,WACA,kBAEO,kBAAC,GAAD;CAAwB;CAAS;AAAyB,CAAA;AAGnE,EAAmB,cAAc"}

package/dist/chunks/nimbus-provider-DJFLxlKX.es.js

@@ -0,0 +1,172 @@
+import { s as e } from "./useFocusVisible-Cjy9Bow-.es.js";
+import { t } from "./toast.outlet-BC0mTlgR.es.js";
+import { t as n } from "./nimbus-i18n-provider-MpwRHg3L.es.js";
+import { t as r } from "./theme-D4M8vpcI.es.js";
+import { t as i } from "./region.provider-CobXE1H5.es.js";
+import * as a from "react";
+import { createContext as o, useContext as s } from "react";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+import { ChakraProvider as d } from "@chakra-ui/react/styled-system";
+//#region ../../node_modules/.pnpm/next-themes@0.4.6_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/next-themes/dist/index.mjs
+var f = (e, t, n, r, i, a, o, s) => {
+	let c = document.documentElement, l = ["light", "dark"];
+	function u(t) {
+		(Array.isArray(e) ? e : [e]).forEach((e) => {
+			let n = e === "class", r = n && a ? i.map((e) => a[e] || e) : i;
+			n ? (c.classList.remove(...r), c.classList.add(a && a[t] ? a[t] : t)) : c.setAttribute(e, t);
+		}), d(t);
+	}
+	function d(e) {
+		s && l.includes(e) && (c.style.colorScheme = e);
+	}
+	function f() {
+		return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+	}
+	if (r) u(r);
+	else try {
+		let e = localStorage.getItem(t) || n;
+		u(o && e === "system" ? f() : e);
+	} catch {}
+}, p = ["light", "dark"], m = "(prefers-color-scheme: dark)", h = typeof window > "u", g = a.createContext(void 0), _ = {
+	setTheme: (e) => {},
+	themes: []
+}, v = () => a.useContext(g) ?? _, y = (e) => a.useContext(g) ? a.createElement(a.Fragment, null, e.children) : a.createElement(x, { ...e }), b = ["light", "dark"], x = ({ forcedTheme: e, disableTransitionOnChange: t = !1, enableSystem: n = !0, enableColorScheme: r = !0, storageKey: i = "theme", themes: o = b, defaultTheme: s = n ? "system" : "light", attribute: c = "data-theme", value: l, children: u, nonce: d, scriptProps: f }) => {
+	let [h, _] = a.useState(() => C(i, s)), [v, y] = a.useState(() => h === "system" ? T() : h), x = l ? Object.values(l) : o, E = a.useCallback((e) => {
+		let i = e;
+		if (!i) return;
+		e === "system" && n && (i = T());
+		let a = l ? l[i] : i, o = t ? w(d) : null, u = document.documentElement, f = (e) => {
+			e === "class" ? (u.classList.remove(...x), a && u.classList.add(a)) : e.startsWith("data-") && (a ? u.setAttribute(e, a) : u.removeAttribute(e));
+		};
+		if (Array.isArray(c) ? c.forEach(f) : f(c), r) {
+			let e = p.includes(s) ? s : null, t = p.includes(i) ? i : e;
+			u.style.colorScheme = t;
+		}
+		o?.();
+	}, [d]), D = a.useCallback((e) => {
+		let t = typeof e == "function" ? e(h) : e;
+		_(t);
+		try {
+			localStorage.setItem(i, t);
+		} catch {}
+	}, [h]), O = a.useCallback((t) => {
+		let r = T(t);
+		y(r), h === "system" && n && !e && E("system");
+	}, [h, e]);
+	a.useEffect(() => {
+		let e = window.matchMedia(m);
+		return e.addListener(O), O(e), () => e.removeListener(O);
+	}, [O]), a.useEffect(() => {
+		let e = (e) => {
+			e.key === i && (e.newValue ? _(e.newValue) : D(s));
+		};
+		return window.addEventListener("storage", e), () => window.removeEventListener("storage", e);
+	}, [D]), a.useEffect(() => {
+		E(e ?? h);
+	}, [e, h]);
+	let k = a.useMemo(() => ({
+		theme: h,
+		setTheme: D,
+		forcedTheme: e,
+		resolvedTheme: h === "system" ? v : h,
+		themes: n ? [...o, "system"] : o,
+		systemTheme: n ? v : void 0
+	}), [
+		h,
+		D,
+		e,
+		v,
+		n,
+		o
+	]);
+	return a.createElement(g.Provider, { value: k }, a.createElement(S, {
+		forcedTheme: e,
+		storageKey: i,
+		attribute: c,
+		enableSystem: n,
+		enableColorScheme: r,
+		defaultTheme: s,
+		value: l,
+		themes: o,
+		nonce: d,
+		scriptProps: f
+	}), u);
+}, S = a.memo(({ forcedTheme: e, storageKey: t, attribute: n, enableSystem: r, enableColorScheme: i, defaultTheme: o, value: s, themes: c, nonce: l, scriptProps: u }) => {
+	let d = JSON.stringify([
+		n,
+		t,
+		o,
+		e,
+		c,
+		s,
+		r,
+		i
+	]).slice(1, -1);
+	return a.createElement("script", {
+		...u,
+		suppressHydrationWarning: !0,
+		nonce: typeof window > "u" ? l : "",
+		dangerouslySetInnerHTML: { __html: `(${f.toString()})(${d})` }
+	});
+}), C = (e, t) => {
+	if (h) return;
+	let n;
+	try {
+		n = localStorage.getItem(e) || void 0;
+	} catch {}
+	return n || t;
+}, w = (e) => {
+	let t = document.createElement("style");
+	return e && t.setAttribute("nonce", e), t.appendChild(document.createTextNode("*,*::before,*::after{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}")), document.head.appendChild(t), () => {
+		window.getComputedStyle(document.body), setTimeout(() => {
+			document.head.removeChild(t);
+		}, 1);
+	};
+}, T = (e) => (e ||= window.matchMedia(m), e.matches ? "dark" : "light"), E = (e) => /* @__PURE__ */ l(y, {
+	attribute: "class",
+	disableTransitionOnChange: !0,
+	...e
+}), D = o(!1);
+function O() {
+	return /* @__PURE__ */ u(c, { children: [
+		/* @__PURE__ */ l("link", {
+			rel: "preconnect",
+			href: "https://fonts.googleapis.com"
+		}),
+		/* @__PURE__ */ l("link", {
+			rel: "preconnect",
+			href: "https://fonts.gstatic.com",
+			crossOrigin: ""
+		}),
+		/* @__PURE__ */ l("link", {
+			href: "https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap",
+			rel: "stylesheet",
+			"data-nimbus-fonts": "",
+			precedence: "default"
+		})
+	] });
+}
+function k({ children: a, locale: o, router: f, loadFonts: p = !0, ...m }) {
+	let h = s(D), g = /* @__PURE__ */ u(c, { children: [p && /* @__PURE__ */ l(O, {}), /* @__PURE__ */ l(d, {
+		value: r,
+		children: /* @__PURE__ */ l(E, {
+			enableSystem: !1,
+			...m,
+			children: /* @__PURE__ */ l(n, {
+				locale: o,
+				children: /* @__PURE__ */ l(i, { children: /* @__PURE__ */ u(D.Provider, {
+					value: !0,
+					children: [a, !h && /* @__PURE__ */ l(t, {})]
+				}) })
+			})
+		})
+	})] });
+	return f ? /* @__PURE__ */ l(e, {
+		...f,
+		children: g
+	}) : g;
+}
+//#endregion
+export { v as n, k as t };
+
+//# sourceMappingURL=nimbus-provider-DJFLxlKX.es.js.map