@techzyapp/ui-library 1.0.0 → 1.0.1

package/dist/index.js

@@ -3,73 +3,75 @@ import { u as s, a as t } from "./useForm-B_5wDIER.js";
 import { u as m } from "./useLockBodyScroll-DwBILLPK.js";
 import { u as x } from "./useMediaQuery-_1EcFoC5.js";
 import { g as T, h as l, s as u, u as c } from "./access-Db4knwyR.js";
-import { C as d, D as A, c as F, d as C, e as S, f as g, g as D, u as y, h as E, i as L, j as b, a as R, k as _, l as h, m as N, b as P, n as B } from "./ConfigProvider-2c94kUOk.js";
-import { c as U, a as M, f as Q } from "./messages-C-zecFBE.js";
+import { C as n, D as A, c as C, d as F, e as S, f as g, g as D, u as y, h as E, i as L, j as b, a as R, k as _, l as B, m as h, b as N, n as P } from "./ConfigProvider-2c94kUOk.js";
+import { c as U, a as k, f as M } from "./messages-C-zecFBE.js";
 import { D as K, b as O, a as Y, f as v, n as G, t as w } from "./translations-D15tFHM1.js";
-import { b as H, p as q } from "./table-DF3zTrC3.js";
+import { b as q, p as H } from "./table-DF3zTrC3.js";
 import { I as J, i as V } from "./Icon-CophpkHo.js";
 import { A as X, a as Z } from "./Accordion-CAxa1I-m.js";
 import { A as oo } from "./Alert-BQpA48PY.js";
 import { A as eo } from "./Avatar-BJVCdo-K.js";
 import { A as so } from "./AvatarGroup-DdJf4aT7.js";
 import { B as po } from "./Badge-DSWigoGC.js";
-import { B as fo } from "./Breadcrumbs-Bx5UgwDy.js";
-import { B as io } from "./Button-DhEv0YFk.js";
-import { C as lo } from "./Card-DzClqJuu.js";
-import { C as co } from "./Checkbox-XKL_Q5qj.js";
-import { C as Ao } from "./Chip-Cfo0v3Z8.js";
-import { C as Co, a as So } from "./ChoiceCardGroup-CvFzZlgI.js";
-import { C as Do } from "./CodeBlock-n3KExtTO.js";
-import { C as Eo, R as Lo } from "./Col-D2TfZKiM.js";
-import { C as Ro } from "./ColorPicker-2udt1ORM.js";
-import { D as ho } from "./DatePicker-WM9TC6L_.js";
-import { D as Po } from "./DateTimePicker-DBtcWK0F.js";
-import { D as Io } from "./Divider-LtH3dLgw.js";
-import { D as Mo } from "./Dropdown-DKAXue5_.js";
-import { E as ko } from "./EmptyState-CetM49vk.js";
-import { F as Oo } from "./FileUploader-VtmmwUFE.js";
-import { F as vo, S as Go } from "./Sidebar-DRCs2ygZ.js";
-import { F as jo } from "./Flag-BWCX6oSR.js";
-import { F as qo } from "./Flex-Bj3mMF5A.js";
-import { F as Jo } from "./FullscreenToggle-oWzYqUPH.js";
-import { G as Wo } from "./Grid-CY-syhTX.js";
-import { I as Zo, a as $o } from "./names-D8ABK2Wk.js";
-import { I as rr } from "./IconButton-CBusrDa9.js";
-import { L as ar } from "./List-BHgFI9Ll.js";
-import { L as tr } from "./ListItem-B4yqZR-Z.js";
-import { L as mr } from "./Loader-C4JoXOyA.js";
-import { M as xr } from "./Modal-BuaPDlKV.js";
-import { M as Tr } from "./MultiSelect-BGRT_B60.js";
-import { M as ur } from "./MultilineTextField-CwNCJ9lZ.js";
-import { N as nr } from "./NumberField-DBvhSQCw.js";
-import { O as Ar } from "./OtpField-CTq-CUbF.js";
-import { P as Cr } from "./PageLayout-DddzYw2B.js";
-import { P as gr } from "./Pagination-CN9V8M5C.js";
-import { P as yr } from "./Popover-CgIU4Rhg.js";
-import { R as Lr, a as br } from "./RadioGroup-DbodUJW8.js";
-import { R as _r } from "./RemoveDialog-Bvt6sH79.js";
-import { R as Nr } from "./RichTextEditor-BTx8Py3I.js";
-import { R as Br } from "./RootLayout-DCpfuFWF.js";
-import { S as Ur } from "./Select-PbTyxB1Q.js";
-import { S as Qr } from "./Slider-oGXd5e9X.js";
-import { S as Kr, a as Or } from "./SpeedDial-DgFj16BQ.js";
-import { S as vr } from "./Stepper-COKAyN1L.js";
-import { S as wr } from "./SwatchPicker-D30aSrbY.js";
-import { S as Hr } from "./Switch-DMPJ0fhB.js";
-import { T as zr } from "./Table-BjPLvMbf.js";
-import { T as Vr } from "./Tabs--DDM-zKe.js";
-import { T as Xr } from "./TagsField-BTJcZS9P.js";
-import { T as $r } from "./TextField-DMI1X09n.js";
-import { T as re } from "./ThemeToggle-Deh9j8pm.js";
-import { T as ae } from "./TimePicker-3JgvK2on.js";
-import { T as te, a as pe } from "./Timeline-WkV4k_we.js";
-import { T as fe } from "./Toaster-D-eG1xv7.js";
-import { T as ie, a as Te } from "./ToggleButtonGroup-BWd7MOcc.js";
-import { T as ue } from "./Tooltip-Cb_FKxT9.js";
-import { T as ne } from "./TranslatedFields-CI0F9bHw.js";
-import { T as Ae } from "./Typography-Cta6Rg4L.js";
-import { U as Ce } from "./UserCard-BhqtX1vU.js";
-import { t as ge } from "./toastStore-Cx_JOKwS.js";
+import { B as fo } from "./Blockquote-CNIuJFHq.js";
+import { B as io } from "./Breadcrumbs-Bx5UgwDy.js";
+import { B as lo } from "./Button-DhEv0YFk.js";
+import { C as co } from "./Card-DzClqJuu.js";
+import { C as Ao } from "./Checkbox-XKL_Q5qj.js";
+import { C as Fo } from "./Chip-Cfo0v3Z8.js";
+import { C as go, a as Do } from "./ChoiceCardGroup-CvFzZlgI.js";
+import { C as Eo } from "./Code-DaEpXHfF.js";
+import { C as bo } from "./CodeBlock-BWxQyKRo.js";
+import { C as _o, R as Bo } from "./Col-D2TfZKiM.js";
+import { C as No } from "./ColorPicker-2udt1ORM.js";
+import { D as Io } from "./DatePicker-WM9TC6L_.js";
+import { D as ko } from "./DateTimePicker-DBtcWK0F.js";
+import { D as Qo } from "./Divider-LtH3dLgw.js";
+import { D as Oo } from "./Dropdown-DKAXue5_.js";
+import { E as vo } from "./EmptyState-CetM49vk.js";
+import { F as wo } from "./FileUploader-VtmmwUFE.js";
+import { F as qo, S as Ho } from "./Sidebar-DRCs2ygZ.js";
+import { F as Jo } from "./Flag-BWCX6oSR.js";
+import { F as Wo } from "./Flex-Bj3mMF5A.js";
+import { F as Zo } from "./FullscreenToggle-oWzYqUPH.js";
+import { G as or } from "./Grid-CY-syhTX.js";
+import { I as er, a as ar } from "./names-D8ABK2Wk.js";
+import { I as tr } from "./IconButton-CBusrDa9.js";
+import { L as mr } from "./List-BHgFI9Ll.js";
+import { L as xr } from "./ListItem-B4yqZR-Z.js";
+import { L as Tr } from "./Loader-C4JoXOyA.js";
+import { M as ur } from "./Modal-BuaPDlKV.js";
+import { M as dr } from "./MultiSelect-BGRT_B60.js";
+import { M as Ar } from "./MultilineTextField-CwNCJ9lZ.js";
+import { N as Fr } from "./NumberField-DBvhSQCw.js";
+import { O as gr } from "./OtpField-CTq-CUbF.js";
+import { P as yr } from "./PageLayout-DddzYw2B.js";
+import { P as Lr } from "./Pagination-CN9V8M5C.js";
+import { P as Rr } from "./Popover-CgIU4Rhg.js";
+import { R as Br, a as hr } from "./RadioGroup-DbodUJW8.js";
+import { R as Pr } from "./RemoveDialog-Bvt6sH79.js";
+import { R as Ur } from "./RichTextEditor-BTx8Py3I.js";
+import { R as Mr } from "./RootLayout-DCpfuFWF.js";
+import { S as Kr } from "./Select-PbTyxB1Q.js";
+import { S as Yr } from "./Slider-oGXd5e9X.js";
+import { S as Gr, a as wr } from "./SpeedDial-DgFj16BQ.js";
+import { S as qr } from "./Stepper-COKAyN1L.js";
+import { S as zr } from "./SwatchPicker-D30aSrbY.js";
+import { S as Vr } from "./Switch-DMPJ0fhB.js";
+import { T as Xr } from "./Table-BjPLvMbf.js";
+import { T as $r } from "./Tabs--DDM-zKe.js";
+import { T as re } from "./TagsField-BTJcZS9P.js";
+import { T as ae } from "./TextField-DMI1X09n.js";
+import { T as te } from "./ThemeToggle-Deh9j8pm.js";
+import { T as me } from "./TimePicker-3JgvK2on.js";
+import { T as xe, a as ie } from "./Timeline-WkV4k_we.js";
+import { T as le } from "./Toaster-D-eG1xv7.js";
+import { T as ce, a as de } from "./ToggleButtonGroup-BWd7MOcc.js";
+import { T as Ae } from "./Tooltip-Cb_FKxT9.js";
+import { T as Fe } from "./TranslatedFields-CI0F9bHw.js";
+import { T as ge } from "./Typography-Cta6Rg4L.js";
+import { U as ye } from "./UserCard-BhqtX1vU.js";
+import { t as Le } from "./toastStore-Cx_JOKwS.js";
 export {
   X as Accordion,
   Z as AccordionItem,
@@ -77,94 +79,96 @@ export {
   eo as Avatar,
   so as AvatarGroup,
   po as Badge,
-  fo as Breadcrumbs,
-  io as Button,
-  lo as Card,
-  co as Checkbox,
-  Ao as Chip,
-  Co as ChoiceCard,
-  So as ChoiceCardGroup,
-  Do as CodeBlock,
-  Eo as Col,
-  Ro as ColorPicker,
-  d as ConfigProvider,
+  fo as Blockquote,
+  io as Breadcrumbs,
+  lo as Button,
+  co as Card,
+  Ao as Checkbox,
+  Fo as Chip,
+  go as ChoiceCard,
+  Do as ChoiceCardGroup,
+  Eo as Code,
+  bo as CodeBlock,
+  _o as Col,
+  No as ColorPicker,
+  n as ConfigProvider,
   A as DEFAULT_FONT_FAMILY,
-  F as DEFAULT_NESTED_TAB_QUERY_KEY,
-  C as DEFAULT_STEP_QUERY_KEY,
+  C as DEFAULT_NESTED_TAB_QUERY_KEY,
+  F as DEFAULT_STEP_QUERY_KEY,
   S as DEFAULT_TABS_QUERY_KEY,
   K as DEFAULT_TRANSLATIONS_NAMESPACE,
-  ho as DatePicker,
-  Po as DateTimePicker,
-  Io as Divider,
-  Mo as Dropdown,
-  ko as EmptyState,
-  Oo as FileUploader,
-  vo as FirstRouteRedirect,
-  jo as Flag,
-  qo as Flex,
+  Io as DatePicker,
+  ko as DateTimePicker,
+  Qo as Divider,
+  Oo as Dropdown,
+  vo as EmptyState,
+  wo as FileUploader,
+  qo as FirstRouteRedirect,
+  Jo as Flag,
+  Wo as Flex,
   e as Form,
-  Jo as FullscreenToggle,
-  Wo as Grid,
-  Zo as ICON_COUNT,
-  $o as ICON_NAMES,
+  Zo as FullscreenToggle,
+  or as Grid,
+  er as ICON_COUNT,
+  ar as ICON_NAMES,
   J as Icon,
-  rr as IconButton,
-  ar as List,
-  tr as ListItem,
-  mr as Loader,
-  xr as Modal,
-  Tr as MultiSelect,
-  ur as MultilineTextField,
-  nr as NumberField,
-  Ar as OtpField,
-  Cr as PageLayout,
-  gr as Pagination,
-  yr as Popover,
-  Lr as Radio,
-  br as RadioGroup,
-  _r as RemoveDialog,
-  Nr as RichTextEditor,
-  Br as RootLayout,
-  Lo as Row,
-  Ur as Select,
-  Go as Sidebar,
-  Qr as Slider,
-  Kr as SpeedDial,
-  Or as SpeedDialAction,
-  vr as Stepper,
-  wr as SwatchPicker,
-  Hr as Switch,
-  zr as Table,
-  Vr as Tabs,
-  Xr as TagsField,
-  $r as TextField,
-  re as ThemeToggle,
-  ae as TimePicker,
-  te as Timeline,
-  pe as TimelineItem,
-  fe as Toaster,
-  ie as ToggleButton,
-  Te as ToggleButtonGroup,
-  ue as Tooltip,
-  ne as TranslatedFields,
-  Ae as Typography,
-  Ce as UserCard,
+  tr as IconButton,
+  mr as List,
+  xr as ListItem,
+  Tr as Loader,
+  ur as Modal,
+  dr as MultiSelect,
+  Ar as MultilineTextField,
+  Fr as NumberField,
+  gr as OtpField,
+  yr as PageLayout,
+  Lr as Pagination,
+  Rr as Popover,
+  Br as Radio,
+  hr as RadioGroup,
+  Pr as RemoveDialog,
+  Ur as RichTextEditor,
+  Mr as RootLayout,
+  Bo as Row,
+  Kr as Select,
+  Ho as Sidebar,
+  Yr as Slider,
+  Gr as SpeedDial,
+  wr as SpeedDialAction,
+  qr as Stepper,
+  zr as SwatchPicker,
+  Vr as Switch,
+  Xr as Table,
+  $r as Tabs,
+  re as TagsField,
+  ae as TextField,
+  te as ThemeToggle,
+  me as TimePicker,
+  xe as Timeline,
+  ie as TimelineItem,
+  le as Toaster,
+  ce as ToggleButton,
+  de as ToggleButtonGroup,
+  Ae as Tooltip,
+  Fe as TranslatedFields,
+  ge as Typography,
+  ye as UserCard,
   g as applyTheme,
-  H as buildTableQuery,
+  q as buildTableQuery,
   O as buildTranslationName,
   Y as buildTranslations,
   U as createAppTranslator,
-  M as createTranslator,
-  Q as flagFor,
+  k as createTranslator,
+  M as flagFor,
   v as flattenTranslations,
   T as getAccessKeys,
   l as hasAccess,
   V as icons,
   G as nestTranslations,
-  q as parseTableQuery,
+  H as parseTableQuery,
   u as setAccessKeys,
   w as toFormData,
-  ge as toast,
+  Le as toast,
   c as useAccessKeys,
   s as useDisclosure,
   t as useForm,
@@ -177,9 +181,9 @@ export {
   b as useStepQueryKey,
   R as useT,
   _ as useTableQueryConfig,
-  h as useTabsQueryKey,
-  N as useTheme,
-  P as useTranslations,
-  B as useTranslationsNamespace
+  B as useTabsQueryKey,
+  h as useTheme,
+  N as useTranslations,
+  P as useTranslationsNamespace
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/translations-CXEeeUDL.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"translations-CXEeeUDL.cjs","sources":["../src/helpers/translations.ts"],"sourcesContent":["import type { LocaleConfig } from '../theme'\n\n/**\n * Translation form helpers — framework-agnostic glue between `<TranslatedFields>`' **flat** field\n * names (`translations[en-US].title` — the `FormData` shape) and the **nested** JSON shape\n * (`{ translations: { 'en-US': { title } } }`). Public from `sava-test/helpers`.\n */\n\n/** The default top-level namespace for the translation field names + the nested object. */\nexport const DEFAULT_TRANSLATIONS_NAMESPACE = 'translations'\n\n/**\n * Builds a field's form name: `<namespace>[<locale>].<field>` (e.g. `translations[en-US].title`) —\n * the flat, bracketed key that maps cleanly to `FormData`. `namespace` defaults to `'translations'`.\n */\nexport const buildTranslationName = (\n  locale: string,\n  field: string,\n  namespace: string = DEFAULT_TRANSLATIONS_NAMESPACE,\n): string => `${namespace}[${locale}].${field}`\n\n/**\n * Expands a per-field map into the flat, locale-namespaced record `<TranslatedFields>` submits — use\n * it to build a `<Form>`'s `defaultValues` **and** (with Zod field schemas as the values) the schema\n * shape. Pass the same `namespace` you give the component if you changed it.\n *\n * ```ts\n * const locales = ['en-US', 'ka-GE']\n * const fields = { title: '', description: '', shortDescription: '' }\n * const defaultValues = buildTranslations(locales, fields)\n * //   { 'translations[en-US].title': '', …, 'translations[ka-GE].shortDescription': '' }\n * const schema = z.object(\n *   buildTranslations(locales, { title: z.string().min(1), description: z.string(), shortDescription: z.string() }),\n * )\n * ```\n */\nexport function buildTranslations<T>(\n  locales: ReadonlyArray<string | LocaleConfig>,\n  fields: Record<string, T>,\n  namespace: string = DEFAULT_TRANSLATIONS_NAMESPACE,\n): Record<string, T> {\n  const out: Record<string, T> = {}\n  for (const loc of locales) {\n    const code = typeof loc === 'string' ? loc : loc.code\n    for (const field of Object.keys(fields)) {\n      out[buildTranslationName(code, field, namespace)] = fields[field]\n    }\n  }\n  return out\n}\n\n/** Parse a flat translation key (`<namespace>[<locale>].<field>`) → `{ locale, field }`, or `null`. */\nfunction parseTranslationKey(\n  key: string,\n  namespace: string,\n): { locale: string; field: string } | null {\n  const open = `${namespace}[`\n  if (!key.startsWith(open)) return null\n  const close = key.indexOf(']', open.length)\n  if (close === -1 || key[close + 1] !== '.') return null\n  const locale = key.slice(open.length, close)\n  const field = key.slice(close + 2)\n  return locale && field ? { locale, field } : null\n}\n\n/**\n * Flat form values → the **nested** JSON shape. Translation keys (`translations[en-US].title`) fold\n * into `{ [namespace]: { [locale]: { [field]: value } } }`; every other key stays top-level. Use it at\n * the submit boundary when you POST JSON (rather than `FormData`):\n *\n * ```ts\n * await api.post('/news', nestTranslations(form.values))\n * //   { email: 1, translations: { 'en-US': { title: '…' }, 'ka-GE': { title: '…' } } }\n * ```\n */\nexport function nestTranslations(\n  flat: Record<string, unknown>,\n  namespace: string = DEFAULT_TRANSLATIONS_NAMESPACE,\n): Record<string, unknown> {\n  const out: Record<string, unknown> = {}\n  for (const [key, value] of Object.entries(flat)) {\n    const parsed = parseTranslationKey(key, namespace)\n    if (parsed) {\n      const bucket = (out[namespace] ??= {}) as Record<string, Record<string, unknown>>\n      ;(bucket[parsed.locale] ??= {})[parsed.field] = value\n    } else {\n      out[key] = value\n    }\n  }\n  return out\n}\n\n/**\n * The inverse of `nestTranslations`: a **nested** object (e.g. a backend response) → the flat values a\n * `<Form>` / `<TranslatedFields>` expects. Feed the result as `defaultValues` (or into `reset`):\n *\n * ```ts\n * const form = useForm({ schema, defaultValues: flattenTranslations(response) })\n * //   { email: 1, 'translations[en-US].title': '…', 'translations[ka-GE].title': '…' }\n * ```\n */\nexport function flattenTranslations(\n  nested: Record<string, unknown>,\n  namespace: string = DEFAULT_TRANSLATIONS_NAMESPACE,\n): Record<string, unknown> {\n  const out: Record<string, unknown> = {}\n  for (const [key, value] of Object.entries(nested)) {\n    if (key === namespace && value && typeof value === 'object' && !Array.isArray(value)) {\n      for (const [locale, fields] of Object.entries(value as Record<string, unknown>)) {\n        if (fields && typeof fields === 'object') {\n          for (const [field, v] of Object.entries(fields as Record<string, unknown>)) {\n            out[buildTranslationName(locale, field, namespace)] = v\n          }\n        }\n      }\n    } else {\n      out[key] = value\n    }\n  }\n  return out\n}\n\n/**\n * Serialize flat form values into a `FormData` for a `multipart/form-data` POST. The flat translation\n * keys map straight through (`translations[en-US].title`); arrays become indexed keys (`tags[0]`,\n * `tags[1]`) with nullish items skipped so indices stay contiguous; `Blob`/`File` values are appended\n * as-is; a `Date` becomes an ISO string; only **plain** objects recurse (a class instance like a dayjs\n * object is stringified, not exploded into `$d`/`$y` keys); `null`/`undefined` are skipped; everything\n * else is stringified.\n *\n * ```ts\n * await fetch('/news', { method: 'POST', body: toFormData(form.values) })\n * ```\n */\nexport function toFormData(values: Record<string, unknown>): FormData {\n  const fd = new FormData()\n  const append = (key: string, value: unknown): void => {\n    if (value === null || value === undefined) return\n    if (value instanceof Blob) {\n      fd.append(key, value)\n    } else if (value instanceof Date) {\n      fd.append(key, value.toISOString())\n    } else if (Array.isArray(value)) {\n      // drop nullish items so indices stay contiguous (gapped indices break strict parsers)\n      value\n        .filter((item) => item != null)\n        .forEach((item, index) => append(`${key}[${index}]`, item))\n    } else if (typeof value === 'object') {\n      const proto = Object.getPrototypeOf(value)\n      if (proto === Object.prototype || proto === null) {\n        for (const [k, v] of Object.entries(value as Record<string, unknown>))\n          append(`${key}[${k}]`, v)\n      } else {\n        fd.append(key, String(value)) // class instance (Date handled above) → stringify, don't explode keys\n      }\n    } else {\n      fd.append(key, String(value))\n    }\n  }\n  for (const [key, value] of Object.entries(values)) append(key, value)\n  return fd\n}\n"],"names":["DEFAULT_TRANSLATIONS_NAMESPACE","buildTranslationName","locale","field","namespace","buildTranslations","locales","fields","out","loc","code","parseTranslationKey","key","open","close","nestTranslations","flat","value","parsed","bucket","_a","flattenTranslations","nested","v","toFormData","values","fd","append","item","index","proto","k"],"mappings":"aASO,MAAMA,EAAiC,eAMjCC,EAAuB,CAClCC,EACAC,EACAC,EAAoBJ,IACT,GAAGI,CAAS,IAAIF,CAAM,KAAKC,CAAK,GAiBtC,SAASE,EACdC,EACAC,EACAH,EAAoBJ,EACD,CACnB,MAAMQ,EAAyB,CAAA,EAC/B,UAAWC,KAAOH,EAAS,CACzB,MAAMI,EAAO,OAAOD,GAAQ,SAAWA,EAAMA,EAAI,KACjD,UAAWN,KAAS,OAAO,KAAKI,CAAM,EACpCC,EAAIP,EAAqBS,EAAMP,EAAOC,CAAS,CAAC,EAAIG,EAAOJ,CAAK,CAEpE,CACA,OAAOK,CACT,CAGA,SAASG,EACPC,EACAR,EAC0C,CAC1C,MAAMS,EAAO,GAAGT,CAAS,IACzB,GAAI,CAACQ,EAAI,WAAWC,CAAI,EAAG,OAAO,KAClC,MAAMC,EAAQF,EAAI,QAAQ,IAAKC,EAAK,MAAM,EAC1C,GAAIC,IAAU,IAAMF,EAAIE,EAAQ,CAAC,IAAM,IAAK,OAAO,KACnD,MAAMZ,EAASU,EAAI,MAAMC,EAAK,OAAQC,CAAK,EACrCX,EAAQS,EAAI,MAAME,EAAQ,CAAC,EACjC,OAAOZ,GAAUC,EAAQ,CAAE,OAAAD,EAAQ,MAAAC,GAAU,IAC/C,CAYO,SAASY,EACdC,EACAZ,EAAoBJ,EACK,OACzB,MAAMQ,EAA+B,CAAA,EACrC,SAAW,CAACI,EAAKK,CAAK,IAAK,OAAO,QAAQD,CAAI,EAAG,CAC/C,MAAME,EAASP,EAAoBC,EAAKR,CAAS,EACjD,GAAIc,EAAQ,CACV,MAAMC,EAAUX,EAAAJ,KAAAI,EAAAJ,GAAmB,CAAA,IACjCe,EAAAC,EAAOF,EAAO,UAAdC,EAAAC,GAA0B,CAAA,IAAIF,EAAO,KAAK,EAAID,CAClD,MACET,EAAII,CAAG,EAAIK,CAEf,CACA,OAAOT,CACT,CAWO,SAASa,EACdC,EACAlB,EAAoBJ,EACK,CACzB,MAAMQ,EAA+B,CAAA,EACrC,SAAW,CAACI,EAAKK,CAAK,IAAK,OAAO,QAAQK,CAAM,EAC9C,GAAIV,IAAQR,GAAaa,GAAS,OAAOA,GAAU,UAAY,CAAC,MAAM,QAAQA,CAAK,GACjF,SAAW,CAACf,EAAQK,CAAM,IAAK,OAAO,QAAQU,CAAgC,EAC5E,GAAIV,GAAU,OAAOA,GAAW,SAC9B,SAAW,CAACJ,EAAOoB,CAAC,IAAK,OAAO,QAAQhB,CAAiC,EACvEC,EAAIP,EAAqBC,EAAQC,EAAOC,CAAS,CAAC,EAAImB,OAK5Df,EAAII,CAAG,EAAIK,EAGf,OAAOT,CACT,CAcO,SAASgB,EAAWC,EAA2C,CACpE,MAAMC,EAAK,IAAI,SACTC,EAAS,CAACf,EAAaK,IAAyB,CACpD,GAAIA,GAAU,KACd,GAAIA,aAAiB,KACnBS,EAAG,OAAOd,EAAKK,CAAK,UACXA,aAAiB,KAC1BS,EAAG,OAAOd,EAAKK,EAAM,YAAA,CAAa,UACzB,MAAM,QAAQA,CAAK,EAE5BA,EACG,OAAQW,GAASA,GAAQ,IAAI,EAC7B,QAAQ,CAACA,EAAMC,IAAUF,EAAO,GAAGf,CAAG,IAAIiB,CAAK,IAAKD,CAAI,CAAC,UACnD,OAAOX,GAAU,SAAU,CACpC,MAAMa,EAAQ,OAAO,eAAeb,CAAK,EACzC,GAAIa,IAAU,OAAO,WAAaA,IAAU,KAC1C,SAAW,CAACC,EAAGR,CAAC,IAAK,OAAO,QAAQN,CAAgC,EAClEU,EAAO,GAAGf,CAAG,IAAImB,CAAC,IAAKR,CAAC,OAE1BG,EAAG,OAAOd,EAAK,OAAOK,CAAK,CAAC,CAEhC,MACES,EAAG,OAAOd,EAAK,OAAOK,CAAK,CAAC,CAEhC,EACA,SAAW,CAACL,EAAKK,CAAK,IAAK,OAAO,QAAQQ,CAAM,EAAGE,EAAOf,EAAKK,CAAK,EACpE,OAAOS,CACT"}
+{"version":3,"file":"translations-CXEeeUDL.cjs","sources":["../src/helpers/translations.ts"],"sourcesContent":["import type { LocaleConfig } from '../theme'\n\n/**\n * Translation form helpers — framework-agnostic glue between `<TranslatedFields>`' **flat** field\n * names (`translations[en-US].title` — the `FormData` shape) and the **nested** JSON shape\n * (`{ translations: { 'en-US': { title } } }`). Public from `@techzyapp/ui-library/helpers`.\n */\n\n/** The default top-level namespace for the translation field names + the nested object. */\nexport const DEFAULT_TRANSLATIONS_NAMESPACE = 'translations'\n\n/**\n * Builds a field's form name: `<namespace>[<locale>].<field>` (e.g. `translations[en-US].title`) —\n * the flat, bracketed key that maps cleanly to `FormData`. `namespace` defaults to `'translations'`.\n */\nexport const buildTranslationName = (\n  locale: string,\n  field: string,\n  namespace: string = DEFAULT_TRANSLATIONS_NAMESPACE,\n): string => `${namespace}[${locale}].${field}`\n\n/**\n * Expands a per-field map into the flat, locale-namespaced record `<TranslatedFields>` submits — use\n * it to build a `<Form>`'s `defaultValues` **and** (with Zod field schemas as the values) the schema\n * shape. Pass the same `namespace` you give the component if you changed it.\n *\n * ```ts\n * const locales = ['en-US', 'ka-GE']\n * const fields = { title: '', description: '', shortDescription: '' }\n * const defaultValues = buildTranslations(locales, fields)\n * //   { 'translations[en-US].title': '', …, 'translations[ka-GE].shortDescription': '' }\n * const schema = z.object(\n *   buildTranslations(locales, { title: z.string().min(1), description: z.string(), shortDescription: z.string() }),\n * )\n * ```\n */\nexport function buildTranslations<T>(\n  locales: ReadonlyArray<string | LocaleConfig>,\n  fields: Record<string, T>,\n  namespace: string = DEFAULT_TRANSLATIONS_NAMESPACE,\n): Record<string, T> {\n  const out: Record<string, T> = {}\n  for (const loc of locales) {\n    const code = typeof loc === 'string' ? loc : loc.code\n    for (const field of Object.keys(fields)) {\n      out[buildTranslationName(code, field, namespace)] = fields[field]\n    }\n  }\n  return out\n}\n\n/** Parse a flat translation key (`<namespace>[<locale>].<field>`) → `{ locale, field }`, or `null`. */\nfunction parseTranslationKey(\n  key: string,\n  namespace: string,\n): { locale: string; field: string } | null {\n  const open = `${namespace}[`\n  if (!key.startsWith(open)) return null\n  const close = key.indexOf(']', open.length)\n  if (close === -1 || key[close + 1] !== '.') return null\n  const locale = key.slice(open.length, close)\n  const field = key.slice(close + 2)\n  return locale && field ? { locale, field } : null\n}\n\n/**\n * Flat form values → the **nested** JSON shape. Translation keys (`translations[en-US].title`) fold\n * into `{ [namespace]: { [locale]: { [field]: value } } }`; every other key stays top-level. Use it at\n * the submit boundary when you POST JSON (rather than `FormData`):\n *\n * ```ts\n * await api.post('/news', nestTranslations(form.values))\n * //   { email: 1, translations: { 'en-US': { title: '…' }, 'ka-GE': { title: '…' } } }\n * ```\n */\nexport function nestTranslations(\n  flat: Record<string, unknown>,\n  namespace: string = DEFAULT_TRANSLATIONS_NAMESPACE,\n): Record<string, unknown> {\n  const out: Record<string, unknown> = {}\n  for (const [key, value] of Object.entries(flat)) {\n    const parsed = parseTranslationKey(key, namespace)\n    if (parsed) {\n      const bucket = (out[namespace] ??= {}) as Record<string, Record<string, unknown>>\n      ;(bucket[parsed.locale] ??= {})[parsed.field] = value\n    } else {\n      out[key] = value\n    }\n  }\n  return out\n}\n\n/**\n * The inverse of `nestTranslations`: a **nested** object (e.g. a backend response) → the flat values a\n * `<Form>` / `<TranslatedFields>` expects. Feed the result as `defaultValues` (or into `reset`):\n *\n * ```ts\n * const form = useForm({ schema, defaultValues: flattenTranslations(response) })\n * //   { email: 1, 'translations[en-US].title': '…', 'translations[ka-GE].title': '…' }\n * ```\n */\nexport function flattenTranslations(\n  nested: Record<string, unknown>,\n  namespace: string = DEFAULT_TRANSLATIONS_NAMESPACE,\n): Record<string, unknown> {\n  const out: Record<string, unknown> = {}\n  for (const [key, value] of Object.entries(nested)) {\n    if (key === namespace && value && typeof value === 'object' && !Array.isArray(value)) {\n      for (const [locale, fields] of Object.entries(value as Record<string, unknown>)) {\n        if (fields && typeof fields === 'object') {\n          for (const [field, v] of Object.entries(fields as Record<string, unknown>)) {\n            out[buildTranslationName(locale, field, namespace)] = v\n          }\n        }\n      }\n    } else {\n      out[key] = value\n    }\n  }\n  return out\n}\n\n/**\n * Serialize flat form values into a `FormData` for a `multipart/form-data` POST. The flat translation\n * keys map straight through (`translations[en-US].title`); arrays become indexed keys (`tags[0]`,\n * `tags[1]`) with nullish items skipped so indices stay contiguous; `Blob`/`File` values are appended\n * as-is; a `Date` becomes an ISO string; only **plain** objects recurse (a class instance like a dayjs\n * object is stringified, not exploded into `$d`/`$y` keys); `null`/`undefined` are skipped; everything\n * else is stringified.\n *\n * ```ts\n * await fetch('/news', { method: 'POST', body: toFormData(form.values) })\n * ```\n */\nexport function toFormData(values: Record<string, unknown>): FormData {\n  const fd = new FormData()\n  const append = (key: string, value: unknown): void => {\n    if (value === null || value === undefined) return\n    if (value instanceof Blob) {\n      fd.append(key, value)\n    } else if (value instanceof Date) {\n      fd.append(key, value.toISOString())\n    } else if (Array.isArray(value)) {\n      // drop nullish items so indices stay contiguous (gapped indices break strict parsers)\n      value\n        .filter((item) => item != null)\n        .forEach((item, index) => append(`${key}[${index}]`, item))\n    } else if (typeof value === 'object') {\n      const proto = Object.getPrototypeOf(value)\n      if (proto === Object.prototype || proto === null) {\n        for (const [k, v] of Object.entries(value as Record<string, unknown>))\n          append(`${key}[${k}]`, v)\n      } else {\n        fd.append(key, String(value)) // class instance (Date handled above) → stringify, don't explode keys\n      }\n    } else {\n      fd.append(key, String(value))\n    }\n  }\n  for (const [key, value] of Object.entries(values)) append(key, value)\n  return fd\n}\n"],"names":["DEFAULT_TRANSLATIONS_NAMESPACE","buildTranslationName","locale","field","namespace","buildTranslations","locales","fields","out","loc","code","parseTranslationKey","key","open","close","nestTranslations","flat","value","parsed","bucket","_a","flattenTranslations","nested","v","toFormData","values","fd","append","item","index","proto","k"],"mappings":"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"}

package/dist/translations-D15tFHM1.js.map

@@ -1 +1 @@
-{"version":3,"file":"translations-D15tFHM1.js","sources":["../src/helpers/translations.ts"],"sourcesContent":["import type { LocaleConfig } from '../theme'\n\n/**\n * Translation form helpers — framework-agnostic glue between `<TranslatedFields>`' **flat** field\n * names (`translations[en-US].title` — the `FormData` shape) and the **nested** JSON shape\n * (`{ translations: { 'en-US': { title } } }`). Public from `sava-test/helpers`.\n */\n\n/** The default top-level namespace for the translation field names + the nested object. */\nexport const DEFAULT_TRANSLATIONS_NAMESPACE = 'translations'\n\n/**\n * Builds a field's form name: `<namespace>[<locale>].<field>` (e.g. `translations[en-US].title`) —\n * the flat, bracketed key that maps cleanly to `FormData`. `namespace` defaults to `'translations'`.\n */\nexport const buildTranslationName = (\n  locale: string,\n  field: string,\n  namespace: string = DEFAULT_TRANSLATIONS_NAMESPACE,\n): string => `${namespace}[${locale}].${field}`\n\n/**\n * Expands a per-field map into the flat, locale-namespaced record `<TranslatedFields>` submits — use\n * it to build a `<Form>`'s `defaultValues` **and** (with Zod field schemas as the values) the schema\n * shape. Pass the same `namespace` you give the component if you changed it.\n *\n * ```ts\n * const locales = ['en-US', 'ka-GE']\n * const fields = { title: '', description: '', shortDescription: '' }\n * const defaultValues = buildTranslations(locales, fields)\n * //   { 'translations[en-US].title': '', …, 'translations[ka-GE].shortDescription': '' }\n * const schema = z.object(\n *   buildTranslations(locales, { title: z.string().min(1), description: z.string(), shortDescription: z.string() }),\n * )\n * ```\n */\nexport function buildTranslations<T>(\n  locales: ReadonlyArray<string | LocaleConfig>,\n  fields: Record<string, T>,\n  namespace: string = DEFAULT_TRANSLATIONS_NAMESPACE,\n): Record<string, T> {\n  const out: Record<string, T> = {}\n  for (const loc of locales) {\n    const code = typeof loc === 'string' ? loc : loc.code\n    for (const field of Object.keys(fields)) {\n      out[buildTranslationName(code, field, namespace)] = fields[field]\n    }\n  }\n  return out\n}\n\n/** Parse a flat translation key (`<namespace>[<locale>].<field>`) → `{ locale, field }`, or `null`. */\nfunction parseTranslationKey(\n  key: string,\n  namespace: string,\n): { locale: string; field: string } | null {\n  const open = `${namespace}[`\n  if (!key.startsWith(open)) return null\n  const close = key.indexOf(']', open.length)\n  if (close === -1 || key[close + 1] !== '.') return null\n  const locale = key.slice(open.length, close)\n  const field = key.slice(close + 2)\n  return locale && field ? { locale, field } : null\n}\n\n/**\n * Flat form values → the **nested** JSON shape. Translation keys (`translations[en-US].title`) fold\n * into `{ [namespace]: { [locale]: { [field]: value } } }`; every other key stays top-level. Use it at\n * the submit boundary when you POST JSON (rather than `FormData`):\n *\n * ```ts\n * await api.post('/news', nestTranslations(form.values))\n * //   { email: 1, translations: { 'en-US': { title: '…' }, 'ka-GE': { title: '…' } } }\n * ```\n */\nexport function nestTranslations(\n  flat: Record<string, unknown>,\n  namespace: string = DEFAULT_TRANSLATIONS_NAMESPACE,\n): Record<string, unknown> {\n  const out: Record<string, unknown> = {}\n  for (const [key, value] of Object.entries(flat)) {\n    const parsed = parseTranslationKey(key, namespace)\n    if (parsed) {\n      const bucket = (out[namespace] ??= {}) as Record<string, Record<string, unknown>>\n      ;(bucket[parsed.locale] ??= {})[parsed.field] = value\n    } else {\n      out[key] = value\n    }\n  }\n  return out\n}\n\n/**\n * The inverse of `nestTranslations`: a **nested** object (e.g. a backend response) → the flat values a\n * `<Form>` / `<TranslatedFields>` expects. Feed the result as `defaultValues` (or into `reset`):\n *\n * ```ts\n * const form = useForm({ schema, defaultValues: flattenTranslations(response) })\n * //   { email: 1, 'translations[en-US].title': '…', 'translations[ka-GE].title': '…' }\n * ```\n */\nexport function flattenTranslations(\n  nested: Record<string, unknown>,\n  namespace: string = DEFAULT_TRANSLATIONS_NAMESPACE,\n): Record<string, unknown> {\n  const out: Record<string, unknown> = {}\n  for (const [key, value] of Object.entries(nested)) {\n    if (key === namespace && value && typeof value === 'object' && !Array.isArray(value)) {\n      for (const [locale, fields] of Object.entries(value as Record<string, unknown>)) {\n        if (fields && typeof fields === 'object') {\n          for (const [field, v] of Object.entries(fields as Record<string, unknown>)) {\n            out[buildTranslationName(locale, field, namespace)] = v\n          }\n        }\n      }\n    } else {\n      out[key] = value\n    }\n  }\n  return out\n}\n\n/**\n * Serialize flat form values into a `FormData` for a `multipart/form-data` POST. The flat translation\n * keys map straight through (`translations[en-US].title`); arrays become indexed keys (`tags[0]`,\n * `tags[1]`) with nullish items skipped so indices stay contiguous; `Blob`/`File` values are appended\n * as-is; a `Date` becomes an ISO string; only **plain** objects recurse (a class instance like a dayjs\n * object is stringified, not exploded into `$d`/`$y` keys); `null`/`undefined` are skipped; everything\n * else is stringified.\n *\n * ```ts\n * await fetch('/news', { method: 'POST', body: toFormData(form.values) })\n * ```\n */\nexport function toFormData(values: Record<string, unknown>): FormData {\n  const fd = new FormData()\n  const append = (key: string, value: unknown): void => {\n    if (value === null || value === undefined) return\n    if (value instanceof Blob) {\n      fd.append(key, value)\n    } else if (value instanceof Date) {\n      fd.append(key, value.toISOString())\n    } else if (Array.isArray(value)) {\n      // drop nullish items so indices stay contiguous (gapped indices break strict parsers)\n      value\n        .filter((item) => item != null)\n        .forEach((item, index) => append(`${key}[${index}]`, item))\n    } else if (typeof value === 'object') {\n      const proto = Object.getPrototypeOf(value)\n      if (proto === Object.prototype || proto === null) {\n        for (const [k, v] of Object.entries(value as Record<string, unknown>))\n          append(`${key}[${k}]`, v)\n      } else {\n        fd.append(key, String(value)) // class instance (Date handled above) → stringify, don't explode keys\n      }\n    } else {\n      fd.append(key, String(value))\n    }\n  }\n  for (const [key, value] of Object.entries(values)) append(key, value)\n  return fd\n}\n"],"names":["DEFAULT_TRANSLATIONS_NAMESPACE","buildTranslationName","locale","field","namespace","buildTranslations","locales","fields","out","loc","code","parseTranslationKey","key","open","close","nestTranslations","flat","_a","value","parsed","bucket","flattenTranslations","nested","v","toFormData","values","fd","append","item","index","proto","k"],"mappings":"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"}
+{"version":3,"file":"translations-D15tFHM1.js","sources":["../src/helpers/translations.ts"],"sourcesContent":["import type { LocaleConfig } from '../theme'\n\n/**\n * Translation form helpers — framework-agnostic glue between `<TranslatedFields>`' **flat** field\n * names (`translations[en-US].title` — the `FormData` shape) and the **nested** JSON shape\n * (`{ translations: { 'en-US': { title } } }`). Public from `@techzyapp/ui-library/helpers`.\n */\n\n/** The default top-level namespace for the translation field names + the nested object. */\nexport const DEFAULT_TRANSLATIONS_NAMESPACE = 'translations'\n\n/**\n * Builds a field's form name: `<namespace>[<locale>].<field>` (e.g. `translations[en-US].title`) —\n * the flat, bracketed key that maps cleanly to `FormData`. `namespace` defaults to `'translations'`.\n */\nexport const buildTranslationName = (\n  locale: string,\n  field: string,\n  namespace: string = DEFAULT_TRANSLATIONS_NAMESPACE,\n): string => `${namespace}[${locale}].${field}`\n\n/**\n * Expands a per-field map into the flat, locale-namespaced record `<TranslatedFields>` submits — use\n * it to build a `<Form>`'s `defaultValues` **and** (with Zod field schemas as the values) the schema\n * shape. Pass the same `namespace` you give the component if you changed it.\n *\n * ```ts\n * const locales = ['en-US', 'ka-GE']\n * const fields = { title: '', description: '', shortDescription: '' }\n * const defaultValues = buildTranslations(locales, fields)\n * //   { 'translations[en-US].title': '', …, 'translations[ka-GE].shortDescription': '' }\n * const schema = z.object(\n *   buildTranslations(locales, { title: z.string().min(1), description: z.string(), shortDescription: z.string() }),\n * )\n * ```\n */\nexport function buildTranslations<T>(\n  locales: ReadonlyArray<string | LocaleConfig>,\n  fields: Record<string, T>,\n  namespace: string = DEFAULT_TRANSLATIONS_NAMESPACE,\n): Record<string, T> {\n  const out: Record<string, T> = {}\n  for (const loc of locales) {\n    const code = typeof loc === 'string' ? loc : loc.code\n    for (const field of Object.keys(fields)) {\n      out[buildTranslationName(code, field, namespace)] = fields[field]\n    }\n  }\n  return out\n}\n\n/** Parse a flat translation key (`<namespace>[<locale>].<field>`) → `{ locale, field }`, or `null`. */\nfunction parseTranslationKey(\n  key: string,\n  namespace: string,\n): { locale: string; field: string } | null {\n  const open = `${namespace}[`\n  if (!key.startsWith(open)) return null\n  const close = key.indexOf(']', open.length)\n  if (close === -1 || key[close + 1] !== '.') return null\n  const locale = key.slice(open.length, close)\n  const field = key.slice(close + 2)\n  return locale && field ? { locale, field } : null\n}\n\n/**\n * Flat form values → the **nested** JSON shape. Translation keys (`translations[en-US].title`) fold\n * into `{ [namespace]: { [locale]: { [field]: value } } }`; every other key stays top-level. Use it at\n * the submit boundary when you POST JSON (rather than `FormData`):\n *\n * ```ts\n * await api.post('/news', nestTranslations(form.values))\n * //   { email: 1, translations: { 'en-US': { title: '…' }, 'ka-GE': { title: '…' } } }\n * ```\n */\nexport function nestTranslations(\n  flat: Record<string, unknown>,\n  namespace: string = DEFAULT_TRANSLATIONS_NAMESPACE,\n): Record<string, unknown> {\n  const out: Record<string, unknown> = {}\n  for (const [key, value] of Object.entries(flat)) {\n    const parsed = parseTranslationKey(key, namespace)\n    if (parsed) {\n      const bucket = (out[namespace] ??= {}) as Record<string, Record<string, unknown>>\n      ;(bucket[parsed.locale] ??= {})[parsed.field] = value\n    } else {\n      out[key] = value\n    }\n  }\n  return out\n}\n\n/**\n * The inverse of `nestTranslations`: a **nested** object (e.g. a backend response) → the flat values a\n * `<Form>` / `<TranslatedFields>` expects. Feed the result as `defaultValues` (or into `reset`):\n *\n * ```ts\n * const form = useForm({ schema, defaultValues: flattenTranslations(response) })\n * //   { email: 1, 'translations[en-US].title': '…', 'translations[ka-GE].title': '…' }\n * ```\n */\nexport function flattenTranslations(\n  nested: Record<string, unknown>,\n  namespace: string = DEFAULT_TRANSLATIONS_NAMESPACE,\n): Record<string, unknown> {\n  const out: Record<string, unknown> = {}\n  for (const [key, value] of Object.entries(nested)) {\n    if (key === namespace && value && typeof value === 'object' && !Array.isArray(value)) {\n      for (const [locale, fields] of Object.entries(value as Record<string, unknown>)) {\n        if (fields && typeof fields === 'object') {\n          for (const [field, v] of Object.entries(fields as Record<string, unknown>)) {\n            out[buildTranslationName(locale, field, namespace)] = v\n          }\n        }\n      }\n    } else {\n      out[key] = value\n    }\n  }\n  return out\n}\n\n/**\n * Serialize flat form values into a `FormData` for a `multipart/form-data` POST. The flat translation\n * keys map straight through (`translations[en-US].title`); arrays become indexed keys (`tags[0]`,\n * `tags[1]`) with nullish items skipped so indices stay contiguous; `Blob`/`File` values are appended\n * as-is; a `Date` becomes an ISO string; only **plain** objects recurse (a class instance like a dayjs\n * object is stringified, not exploded into `$d`/`$y` keys); `null`/`undefined` are skipped; everything\n * else is stringified.\n *\n * ```ts\n * await fetch('/news', { method: 'POST', body: toFormData(form.values) })\n * ```\n */\nexport function toFormData(values: Record<string, unknown>): FormData {\n  const fd = new FormData()\n  const append = (key: string, value: unknown): void => {\n    if (value === null || value === undefined) return\n    if (value instanceof Blob) {\n      fd.append(key, value)\n    } else if (value instanceof Date) {\n      fd.append(key, value.toISOString())\n    } else if (Array.isArray(value)) {\n      // drop nullish items so indices stay contiguous (gapped indices break strict parsers)\n      value\n        .filter((item) => item != null)\n        .forEach((item, index) => append(`${key}[${index}]`, item))\n    } else if (typeof value === 'object') {\n      const proto = Object.getPrototypeOf(value)\n      if (proto === Object.prototype || proto === null) {\n        for (const [k, v] of Object.entries(value as Record<string, unknown>))\n          append(`${key}[${k}]`, v)\n      } else {\n        fd.append(key, String(value)) // class instance (Date handled above) → stringify, don't explode keys\n      }\n    } else {\n      fd.append(key, String(value))\n    }\n  }\n  for (const [key, value] of Object.entries(values)) append(key, value)\n  return fd\n}\n"],"names":["DEFAULT_TRANSLATIONS_NAMESPACE","buildTranslationName","locale","field","namespace","buildTranslations","locales","fields","out","loc","code","parseTranslationKey","key","open","close","nestTranslations","flat","_a","value","parsed","bucket","flattenTranslations","nested","v","toFormData","values","fd","append","item","index","proto","k"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@techzyapp/ui-library",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Techzy UI — reusable React component library for admin panels.",
   "type": "module",
   "license": "MIT",

package/dist/CodeBlock-DOk5wekc.cjs

@@ -1,2 +0,0 @@
-"use strict";var T=Object.create;var f=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var k=Object.getOwnPropertyNames;var I=Object.getPrototypeOf,S=Object.prototype.hasOwnProperty;var E=(o,e,c,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let l of k(e))!S.call(o,l)&&l!==c&&f(o,l,{get:()=>e[l],enumerable:!(s=g(e,l))||s.enumerable});return o};var z=(o,e,c)=>(c=o!=null?T(I(o)):{},E(e||!o||!o.__esModule?f(c,"default",{value:o,enumerable:!0}):c,o));const n=require("react/jsx-runtime"),i=require("react"),C=require("clsx"),F=require("./IconButton-D6TenQZ_.cjs"),R=require("./Icon-CXTl_QAP.cjs"),M=require("./Tooltip-Ao7az09p.cjs"),P=require("./ConfigProvider-ByOFXVyP.cjs"),D="_root_3qnqi_4",H="_header_3qnqi_15",L="_title_3qnqi_24",O="_code_3qnqi_34",A="_plain_3qnqi_50",G="_padForCopy_3qnqi_56",J="_wrap_3qnqi_61",K="_lineNumbers_3qnqi_67",Q="_copy_3qnqi_82",U="_floatingCopy_3qnqi_88",t={root:D,header:H,title:L,code:O,plain:A,padForCopy:G,wrap:J,lineNumbers:K,copy:Q,floatingCopy:U},V=1600,W=i.forwardRef(function({code:e,language:c="tsx",title:s,copyable:l=!0,showLineNumbers:x=!1,maxHeight:q,wrap:j=!1,className:w,style:N,...b},v){const a=P.useT(),[h,m]=i.useState(null),[d,y]=i.useState(!1),p=i.useRef(void 0);i.useEffect(()=>{let r=!1;return import("shiki").then(({codeToHtml:_})=>_(e,{lang:c,theme:"dark-plus"})).then(_=>{r||m(_)}).catch(()=>{r||m(null)}),()=>{r=!0}},[e,c]),i.useEffect(()=>()=>window.clearTimeout(p.current),[]);const B=()=>{var r;(r=navigator.clipboard)==null||r.writeText(e).then(()=>{y(!0),window.clearTimeout(p.current),p.current=window.setTimeout(()=>y(!1),V)}).catch(()=>{})},u=l&&n.jsx(M.Tooltip,{content:a(d?"codeBlock.copied":"codeBlock.copy"),placement:"left",style:{"--tz-btn-rgb":"255, 255, 255","--tz-btn-on":"#1e1e1e"},children:n.jsx(F.IconButton,{variant:"text",size:"sm",className:t.copy,style:{"--tz-btn-rgb":"255, 255, 255"},"aria-label":a(d?"codeBlock.copied":"codeBlock.copy"),onClick:B,children:n.jsx(R.Icon,{name:d?"CopySuccess":"Copy"})})});return n.jsxs("div",{ref:v,className:C.clsx(t.root,w),style:N,...b,children:[s!=null&&n.jsxs("div",{className:t.header,children:[n.jsx("span",{className:t.title,children:s}),u]}),n.jsx("div",{className:C.clsx(t.code,j&&t.wrap,x&&t.lineNumbers,s==null&&t.padForCopy),style:q!=null?{maxHeight:q}:void 0,children:h!=null?n.jsx("div",{className:t.highlighted,dangerouslySetInnerHTML:{__html:h}}):n.jsx("pre",{className:t.plain,children:n.jsx("code",{children:e})})}),s==null&&u&&n.jsx("div",{className:t.floatingCopy,children:u})]})});exports.CodeBlock=W;
-//# sourceMappingURL=CodeBlock-DOk5wekc.cjs.map

package/dist/CodeBlock-DOk5wekc.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"CodeBlock-DOk5wekc.cjs","sources":["../src/components/CodeBlock/CodeBlock.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useEffect,\n  useRef,\n  useState,\n  type CSSProperties,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useT } from '../../theme'\nimport { IconButton } from '../IconButton'\nimport { Icon } from '../Icon'\nimport { Tooltip } from '../Tooltip'\nimport styles from './CodeBlock.module.css'\n\n// how long the copy button shows the \"copied\" tick before reverting\nconst COPIED_RESET_MS = 1600\n\nexport interface CodeBlockProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'title'> {\n  /** The source code to render. */\n  code: string\n  /** Shiki language id (`'tsx'`, `'json'`, `'bash'`, `'css'`, …). Defaults to `'tsx'`. */\n  language?: string\n  /** Header line (e.g. a filename) — adds a header bar above the code with the copy button in it. */\n  title?: ReactNode\n  /** Show a copy-to-clipboard button. Defaults to `true`. */\n  copyable?: boolean\n  /** Show line numbers. Defaults to `false`. */\n  showLineNumbers?: boolean\n  /** Cap the block height in px — taller code scrolls inside. */\n  maxHeight?: number\n  /** Soft-wrap long lines instead of scrolling horizontally. Defaults to `false`. */\n  wrap?: boolean\n}\n\n/**\n * A syntax-highlighted code block with **VS Code colors** — powered by **Shiki** (an optional peer,\n * `npm i shiki`), the actual VS Code highlighting engine, using its **`dark-plus`** theme. The block\n * is **always dark** (in both app modes) — code reads best on a dark surface, and the deep background\n * anchors it regardless of the surrounding light/dark theme. Highlighting is **async and lazy**\n * (`import('shiki')` on first render); until it lands — or if `shiki` isn't installed / the language\n * is unknown — the block shows the plain code (on the same dark surface), so nothing breaks. `title`\n * adds a header bar (e.g. a filename); `copyable` (default `true`) shows a copy button that flips to a\n * tick; `showLineNumbers`, `maxHeight` (scrolls inside) and `wrap` shape the body. The whole block\n * keeps VS Code's own dark colors (a deliberate literal-color exception, like the Modal scrim); only\n * the outer border/radius uses `--tz-*` tokens.\n */\nexport const CodeBlock = forwardRef<HTMLDivElement, CodeBlockProps>(function CodeBlock(\n  {\n    code,\n    language = 'tsx',\n    title,\n    copyable = true,\n    showLineNumbers = false,\n    maxHeight,\n    wrap = false,\n    className,\n    style,\n    ...props\n  },\n  ref,\n) {\n  const t = useT()\n  const [html, setHtml] = useState<string | null>(null)\n  const [copied, setCopied] = useState(false)\n  const copyTimer = useRef<number | undefined>(undefined)\n\n  // highlight asynchronously — shiki is an optional peer, loaded lazily on first use; a missing\n  // package or an unknown language just leaves the plain (unhighlighted) fallback in place\n  useEffect(() => {\n    let cancelled = false\n    import('shiki')\n      .then(({ codeToHtml }) =>\n        codeToHtml(code, {\n          lang: language,\n          // always VS Code's dark theme — the block stays dark in both app modes\n          theme: 'dark-plus',\n        }),\n      )\n      .then((out) => {\n        if (!cancelled) setHtml(out)\n      })\n      .catch(() => {\n        if (!cancelled) setHtml(null)\n      })\n    return () => {\n      cancelled = true\n    }\n  }, [code, language])\n\n  useEffect(() => () => window.clearTimeout(copyTimer.current), [])\n\n  const handleCopy = () => {\n    navigator.clipboard\n      ?.writeText(code)\n      .then(() => {\n        setCopied(true)\n        window.clearTimeout(copyTimer.current)\n        copyTimer.current = window.setTimeout(() => setCopied(false), COPIED_RESET_MS)\n      })\n      .catch(() => {})\n  }\n\n  const copyButton = copyable && (\n    // the tooltip is hover/focus-driven; clicking flips `copied`, so its content updates to \"Copied!\"\n    // while it's still open (the pointer is on the button). `left` keeps it inside the block's\n    // `overflow: hidden` bounds.\n    <Tooltip\n      content={copied ? t('codeBlock.copied') : t('codeBlock.copy')}\n      placement=\"left\"\n      // always a white pill with dark text over the (always-dark) block — set via `style` so it beats\n      // Tooltip's own color-derived --tz-btn-rgb (which is spread before the consumer `style`)\n      style={{ '--tz-btn-rgb': '255, 255, 255', '--tz-btn-on': '#1e1e1e' } as CSSProperties}\n    >\n      <IconButton\n        variant=\"text\"\n        size=\"sm\"\n        className={styles.copy}\n        // force the button light over the dark surface — passed via `style` so it beats IconButton's\n        // own inline `--tz-btn-rgb` (which is spread before the consumer `style`, so this wins)\n        style={{ '--tz-btn-rgb': '255, 255, 255' } as CSSProperties}\n        aria-label={copied ? t('codeBlock.copied') : t('codeBlock.copy')}\n        onClick={handleCopy}\n      >\n        <Icon name={copied ? 'CopySuccess' : 'Copy'} />\n      </IconButton>\n    </Tooltip>\n  )\n\n  return (\n    <div ref={ref} className={clsx(styles.root, className)} style={style} {...props}>\n      {title != null && (\n        <div className={styles.header}>\n          <span className={styles.title}>{title}</span>\n          {copyButton}\n        </div>\n      )}\n      <div\n        className={clsx(\n          styles.code,\n          wrap && styles.wrap,\n          showLineNumbers && styles.lineNumbers,\n          title == null && styles.padForCopy,\n        )}\n        style={maxHeight != null ? ({ maxHeight } as CSSProperties) : undefined}\n      >\n        {html != null ? (\n          // shiki output is trusted markup — it escapes the source code itself\n          <div className={styles.highlighted} dangerouslySetInnerHTML={{ __html: html }} />\n        ) : (\n          <pre className={styles.plain}>\n            <code>{code}</code>\n          </pre>\n        )}\n      </div>\n      {/* with no header the copy button floats over the code's top-right corner */}\n      {title == null && copyButton && <div className={styles.floatingCopy}>{copyButton}</div>}\n    </div>\n  )\n})\n"],"names":["COPIED_RESET_MS","CodeBlock","forwardRef","code","language","title","copyable","showLineNumbers","maxHeight","wrap","className","style","props","ref","t","useT","html","setHtml","useState","copied","setCopied","copyTimer","useRef","useEffect","cancelled","codeToHtml","out","handleCopy","_a","copyButton","jsx","Tooltip","IconButton","styles","Icon","jsxs","clsx"],"mappings":"k/BAiBMA,EAAkB,KA+BXC,EAAYC,EAAAA,WAA2C,SAClE,CACE,KAAAC,EACA,SAAAC,EAAW,MACX,MAAAC,EACA,SAAAC,EAAW,GACX,gBAAAC,EAAkB,GAClB,UAAAC,EACA,KAAAC,EAAO,GACP,UAAAC,EACA,MAAAC,EACA,GAAGC,CACL,EACAC,EACA,CACA,MAAMC,EAAIC,EAAAA,KAAA,EACJ,CAACC,EAAMC,CAAO,EAAIC,EAAAA,SAAwB,IAAI,EAC9C,CAACC,EAAQC,CAAS,EAAIF,EAAAA,SAAS,EAAK,EACpCG,EAAYC,EAAAA,OAA2B,MAAS,EAItDC,EAAAA,UAAU,IAAM,CACd,IAAIC,EAAY,GAChB,cAAO,OAAO,EACX,KAAK,CAAC,CAAE,WAAAC,CAAA,IACPA,EAAWtB,EAAM,CACf,KAAMC,EAEN,MAAO,WAAA,CACR,CAAA,EAEF,KAAMsB,GAAQ,CACRF,GAAWP,EAAQS,CAAG,CAC7B,CAAC,EACA,MAAM,IAAM,CACNF,GAAWP,EAAQ,IAAI,CAC9B,CAAC,EACI,IAAM,CACXO,EAAY,EACd,CACF,EAAG,CAACrB,EAAMC,CAAQ,CAAC,EAEnBmB,EAAAA,UAAU,IAAM,IAAM,OAAO,aAAaF,EAAU,OAAO,EAAG,EAAE,EAEhE,MAAMM,EAAa,IAAM,QACvBC,EAAA,UAAU,YAAV,MAAAA,EACI,UAAUzB,GACX,KAAK,IAAM,CACViB,EAAU,EAAI,EACd,OAAO,aAAaC,EAAU,OAAO,EACrCA,EAAU,QAAU,OAAO,WAAW,IAAMD,EAAU,EAAK,EAAGpB,CAAe,CAC/E,GACC,MAAM,IAAM,CAAC,EAClB,EAEM6B,EAAavB,GAIjBwB,EAAAA,IAACC,EAAAA,QAAA,CACC,QAAkBjB,EAATK,EAAW,mBAAwB,gBAAN,EACtC,UAAU,OAGV,MAAO,CAAE,eAAgB,gBAAiB,cAAe,SAAA,EAEzD,SAAAW,EAAAA,IAACE,EAAAA,WAAA,CACC,QAAQ,OACR,KAAK,KACL,UAAWC,EAAO,KAGlB,MAAO,CAAE,eAAgB,eAAA,EACzB,aAAqBnB,EAATK,EAAW,mBAAwB,gBAAN,EACzC,QAASQ,EAET,SAAAG,EAAAA,IAACI,OAAA,CAAK,KAAMf,EAAS,cAAgB,MAAA,CAAQ,CAAA,CAAA,CAC/C,CAAA,EAIJ,OACEgB,EAAAA,KAAC,MAAA,CAAI,IAAAtB,EAAU,UAAWuB,EAAAA,KAAKH,EAAO,KAAMvB,CAAS,EAAG,MAAAC,EAAe,GAAGC,EACvE,SAAA,CAAAP,GAAS,MACR8B,EAAAA,KAAC,MAAA,CAAI,UAAWF,EAAO,OACrB,SAAA,CAAAH,EAAAA,IAAC,OAAA,CAAK,UAAWG,EAAO,MAAQ,SAAA5B,EAAM,EACrCwB,CAAA,EACH,EAEFC,EAAAA,IAAC,MAAA,CACC,UAAWM,EAAAA,KACTH,EAAO,KACPxB,GAAQwB,EAAO,KACf1B,GAAmB0B,EAAO,YAC1B5B,GAAS,MAAQ4B,EAAO,UAAA,EAE1B,MAAOzB,GAAa,KAAQ,CAAE,UAAAA,GAAgC,OAE7D,SAAAQ,GAAQ,KAEPc,MAAC,OAAI,UAAWG,EAAO,YAAa,wBAAyB,CAAE,OAAQjB,EAAK,CAAG,EAE/Ec,EAAAA,IAAC,OAAI,UAAWG,EAAO,MACrB,SAAAH,EAAAA,IAAC,OAAA,CAAM,WAAK,CAAA,CACd,CAAA,CAAA,EAIHzB,GAAS,MAAQwB,GAAcC,EAAAA,IAAC,OAAI,UAAWG,EAAO,aAAe,SAAAJ,CAAA,CAAW,CAAA,EACnF,CAEJ,CAAC"}

package/dist/CodeBlock-n3KExtTO.js

@@ -1,104 +0,0 @@
-import { jsx as e, jsxs as f } from "react/jsx-runtime";
-import { forwardRef as B, useState as h, useRef as x, useEffect as y } from "react";
-import { clsx as q } from "clsx";
-import { I } from "./IconButton-CBusrDa9.js";
-import { I as S } from "./Icon-CophpkHo.js";
-import { T as z } from "./Tooltip-Cb_FKxT9.js";
-import { a as E } from "./ConfigProvider-2c94kUOk.js";
-const F = "_root_3qnqi_4", R = "_header_3qnqi_15", j = "_title_3qnqi_24", M = "_code_3qnqi_34", D = "_plain_3qnqi_50", H = "_padForCopy_3qnqi_56", L = "_wrap_3qnqi_61", O = "_lineNumbers_3qnqi_67", P = "_copy_3qnqi_82", A = "_floatingCopy_3qnqi_88", o = {
-  root: F,
-  header: R,
-  title: j,
-  code: M,
-  plain: D,
-  padForCopy: H,
-  wrap: L,
-  lineNumbers: O,
-  copy: P,
-  floatingCopy: A
-}, G = 1600, Z = B(function({
-  code: n,
-  language: p = "tsx",
-  title: c,
-  copyable: C = !0,
-  showLineNumbers: w = !1,
-  maxHeight: d,
-  wrap: N = !1,
-  className: b,
-  style: T,
-  ...v
-}, g) {
-  const l = E(), [m, _] = h(null), [r, u] = h(!1), s = x(void 0);
-  y(() => {
-    let t = !1;
-    return import("shiki").then(
-      ({ codeToHtml: a }) => a(n, {
-        lang: p,
-        // always VS Code's dark theme — the block stays dark in both app modes
-        theme: "dark-plus"
-      })
-    ).then((a) => {
-      t || _(a);
-    }).catch(() => {
-      t || _(null);
-    }), () => {
-      t = !0;
-    };
-  }, [n, p]), y(() => () => window.clearTimeout(s.current), []);
-  const k = () => {
-    var t;
-    (t = navigator.clipboard) == null || t.writeText(n).then(() => {
-      u(!0), window.clearTimeout(s.current), s.current = window.setTimeout(() => u(!1), G);
-    }).catch(() => {
-    });
-  }, i = C && // the tooltip is hover/focus-driven; clicking flips `copied`, so its content updates to "Copied!"
-  // while it's still open (the pointer is on the button). `left` keeps it inside the block's
-  // `overflow: hidden` bounds.
-  /* @__PURE__ */ e(
-    z,
-    {
-      content: l(r ? "codeBlock.copied" : "codeBlock.copy"),
-      placement: "left",
-      style: { "--tz-btn-rgb": "255, 255, 255", "--tz-btn-on": "#1e1e1e" },
-      children: /* @__PURE__ */ e(
-        I,
-        {
-          variant: "text",
-          size: "sm",
-          className: o.copy,
-          style: { "--tz-btn-rgb": "255, 255, 255" },
-          "aria-label": l(r ? "codeBlock.copied" : "codeBlock.copy"),
-          onClick: k,
-          children: /* @__PURE__ */ e(S, { name: r ? "CopySuccess" : "Copy" })
-        }
-      )
-    }
-  );
-  return /* @__PURE__ */ f("div", { ref: g, className: q(o.root, b), style: T, ...v, children: [
-    c != null && /* @__PURE__ */ f("div", { className: o.header, children: [
-      /* @__PURE__ */ e("span", { className: o.title, children: c }),
-      i
-    ] }),
-    /* @__PURE__ */ e(
-      "div",
-      {
-        className: q(
-          o.code,
-          N && o.wrap,
-          w && o.lineNumbers,
-          c == null && o.padForCopy
-        ),
-        style: d != null ? { maxHeight: d } : void 0,
-        children: m != null ? (
-          // shiki output is trusted markup — it escapes the source code itself
-          /* @__PURE__ */ e("div", { className: o.highlighted, dangerouslySetInnerHTML: { __html: m } })
-        ) : /* @__PURE__ */ e("pre", { className: o.plain, children: /* @__PURE__ */ e("code", { children: n }) })
-      }
-    ),
-    c == null && i && /* @__PURE__ */ e("div", { className: o.floatingCopy, children: i })
-  ] });
-});
-export {
-  Z as C
-};
-//# sourceMappingURL=CodeBlock-n3KExtTO.js.map

package/dist/CodeBlock-n3KExtTO.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CodeBlock-n3KExtTO.js","sources":["../src/components/CodeBlock/CodeBlock.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useEffect,\n  useRef,\n  useState,\n  type CSSProperties,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useT } from '../../theme'\nimport { IconButton } from '../IconButton'\nimport { Icon } from '../Icon'\nimport { Tooltip } from '../Tooltip'\nimport styles from './CodeBlock.module.css'\n\n// how long the copy button shows the \"copied\" tick before reverting\nconst COPIED_RESET_MS = 1600\n\nexport interface CodeBlockProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'title'> {\n  /** The source code to render. */\n  code: string\n  /** Shiki language id (`'tsx'`, `'json'`, `'bash'`, `'css'`, …). Defaults to `'tsx'`. */\n  language?: string\n  /** Header line (e.g. a filename) — adds a header bar above the code with the copy button in it. */\n  title?: ReactNode\n  /** Show a copy-to-clipboard button. Defaults to `true`. */\n  copyable?: boolean\n  /** Show line numbers. Defaults to `false`. */\n  showLineNumbers?: boolean\n  /** Cap the block height in px — taller code scrolls inside. */\n  maxHeight?: number\n  /** Soft-wrap long lines instead of scrolling horizontally. Defaults to `false`. */\n  wrap?: boolean\n}\n\n/**\n * A syntax-highlighted code block with **VS Code colors** — powered by **Shiki** (an optional peer,\n * `npm i shiki`), the actual VS Code highlighting engine, using its **`dark-plus`** theme. The block\n * is **always dark** (in both app modes) — code reads best on a dark surface, and the deep background\n * anchors it regardless of the surrounding light/dark theme. Highlighting is **async and lazy**\n * (`import('shiki')` on first render); until it lands — or if `shiki` isn't installed / the language\n * is unknown — the block shows the plain code (on the same dark surface), so nothing breaks. `title`\n * adds a header bar (e.g. a filename); `copyable` (default `true`) shows a copy button that flips to a\n * tick; `showLineNumbers`, `maxHeight` (scrolls inside) and `wrap` shape the body. The whole block\n * keeps VS Code's own dark colors (a deliberate literal-color exception, like the Modal scrim); only\n * the outer border/radius uses `--tz-*` tokens.\n */\nexport const CodeBlock = forwardRef<HTMLDivElement, CodeBlockProps>(function CodeBlock(\n  {\n    code,\n    language = 'tsx',\n    title,\n    copyable = true,\n    showLineNumbers = false,\n    maxHeight,\n    wrap = false,\n    className,\n    style,\n    ...props\n  },\n  ref,\n) {\n  const t = useT()\n  const [html, setHtml] = useState<string | null>(null)\n  const [copied, setCopied] = useState(false)\n  const copyTimer = useRef<number | undefined>(undefined)\n\n  // highlight asynchronously — shiki is an optional peer, loaded lazily on first use; a missing\n  // package or an unknown language just leaves the plain (unhighlighted) fallback in place\n  useEffect(() => {\n    let cancelled = false\n    import('shiki')\n      .then(({ codeToHtml }) =>\n        codeToHtml(code, {\n          lang: language,\n          // always VS Code's dark theme — the block stays dark in both app modes\n          theme: 'dark-plus',\n        }),\n      )\n      .then((out) => {\n        if (!cancelled) setHtml(out)\n      })\n      .catch(() => {\n        if (!cancelled) setHtml(null)\n      })\n    return () => {\n      cancelled = true\n    }\n  }, [code, language])\n\n  useEffect(() => () => window.clearTimeout(copyTimer.current), [])\n\n  const handleCopy = () => {\n    navigator.clipboard\n      ?.writeText(code)\n      .then(() => {\n        setCopied(true)\n        window.clearTimeout(copyTimer.current)\n        copyTimer.current = window.setTimeout(() => setCopied(false), COPIED_RESET_MS)\n      })\n      .catch(() => {})\n  }\n\n  const copyButton = copyable && (\n    // the tooltip is hover/focus-driven; clicking flips `copied`, so its content updates to \"Copied!\"\n    // while it's still open (the pointer is on the button). `left` keeps it inside the block's\n    // `overflow: hidden` bounds.\n    <Tooltip\n      content={copied ? t('codeBlock.copied') : t('codeBlock.copy')}\n      placement=\"left\"\n      // always a white pill with dark text over the (always-dark) block — set via `style` so it beats\n      // Tooltip's own color-derived --tz-btn-rgb (which is spread before the consumer `style`)\n      style={{ '--tz-btn-rgb': '255, 255, 255', '--tz-btn-on': '#1e1e1e' } as CSSProperties}\n    >\n      <IconButton\n        variant=\"text\"\n        size=\"sm\"\n        className={styles.copy}\n        // force the button light over the dark surface — passed via `style` so it beats IconButton's\n        // own inline `--tz-btn-rgb` (which is spread before the consumer `style`, so this wins)\n        style={{ '--tz-btn-rgb': '255, 255, 255' } as CSSProperties}\n        aria-label={copied ? t('codeBlock.copied') : t('codeBlock.copy')}\n        onClick={handleCopy}\n      >\n        <Icon name={copied ? 'CopySuccess' : 'Copy'} />\n      </IconButton>\n    </Tooltip>\n  )\n\n  return (\n    <div ref={ref} className={clsx(styles.root, className)} style={style} {...props}>\n      {title != null && (\n        <div className={styles.header}>\n          <span className={styles.title}>{title}</span>\n          {copyButton}\n        </div>\n      )}\n      <div\n        className={clsx(\n          styles.code,\n          wrap && styles.wrap,\n          showLineNumbers && styles.lineNumbers,\n          title == null && styles.padForCopy,\n        )}\n        style={maxHeight != null ? ({ maxHeight } as CSSProperties) : undefined}\n      >\n        {html != null ? (\n          // shiki output is trusted markup — it escapes the source code itself\n          <div className={styles.highlighted} dangerouslySetInnerHTML={{ __html: html }} />\n        ) : (\n          <pre className={styles.plain}>\n            <code>{code}</code>\n          </pre>\n        )}\n      </div>\n      {/* with no header the copy button floats over the code's top-right corner */}\n      {title == null && copyButton && <div className={styles.floatingCopy}>{copyButton}</div>}\n    </div>\n  )\n})\n"],"names":["COPIED_RESET_MS","CodeBlock","forwardRef","code","language","title","copyable","showLineNumbers","maxHeight","wrap","className","style","props","ref","t","useT","html","setHtml","useState","copied","setCopied","copyTimer","useRef","useEffect","cancelled","codeToHtml","out","handleCopy","_a","copyButton","jsx","Tooltip","IconButton","styles","Icon","jsxs","clsx"],"mappings":";;;;;;;;;;;;;;;;;;GAiBMA,IAAkB,MA+BXC,IAAYC,EAA2C,SAClE;AAAA,EACE,MAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,OAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,iBAAAC,IAAkB;AAAA,EAClB,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAIC,EAAA,GACJ,CAACC,GAAMC,CAAO,IAAIC,EAAwB,IAAI,GAC9C,CAACC,GAAQC,CAAS,IAAIF,EAAS,EAAK,GACpCG,IAAYC,EAA2B,MAAS;AAItD,EAAAC,EAAU,MAAM;AACd,QAAIC,IAAY;AAChB,kBAAO,OAAO,EACX;AAAA,MAAK,CAAC,EAAE,YAAAC,EAAA,MACPA,EAAWtB,GAAM;AAAA,QACf,MAAMC;AAAA;AAAA,QAEN,OAAO;AAAA,MAAA,CACR;AAAA,IAAA,EAEF,KAAK,CAACsB,MAAQ;AACb,MAAKF,KAAWP,EAAQS,CAAG;AAAA,IAC7B,CAAC,EACA,MAAM,MAAM;AACX,MAAKF,KAAWP,EAAQ,IAAI;AAAA,IAC9B,CAAC,GACI,MAAM;AACX,MAAAO,IAAY;AAAA,IACd;AAAA,EACF,GAAG,CAACrB,GAAMC,CAAQ,CAAC,GAEnBmB,EAAU,MAAM,MAAM,OAAO,aAAaF,EAAU,OAAO,GAAG,EAAE;AAEhE,QAAMM,IAAa,MAAM;;AACvB,KAAAC,IAAA,UAAU,cAAV,QAAAA,EACI,UAAUzB,GACX,KAAK,MAAM;AACV,MAAAiB,EAAU,EAAI,GACd,OAAO,aAAaC,EAAU,OAAO,GACrCA,EAAU,UAAU,OAAO,WAAW,MAAMD,EAAU,EAAK,GAAGpB,CAAe;AAAA,IAC/E,GACC,MAAM,MAAM;AAAA,IAAC;AAAA,EAClB,GAEM6B,IAAavB;AAAA;AAAA;AAAA,EAIjB,gBAAAwB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAkBjB,EAATK,IAAW,qBAAwB,gBAAN;AAAA,MACtC,WAAU;AAAA,MAGV,OAAO,EAAE,gBAAgB,iBAAiB,eAAe,UAAA;AAAA,MAEzD,UAAA,gBAAAW;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,WAAWC,EAAO;AAAA,UAGlB,OAAO,EAAE,gBAAgB,gBAAA;AAAA,UACzB,cAAqBnB,EAATK,IAAW,qBAAwB,gBAAN;AAAA,UACzC,SAASQ;AAAA,UAET,UAAA,gBAAAG,EAACI,GAAA,EAAK,MAAMf,IAAS,gBAAgB,OAAA,CAAQ;AAAA,QAAA;AAAA,MAAA;AAAA,IAC/C;AAAA,EAAA;AAIJ,SACE,gBAAAgB,EAAC,OAAA,EAAI,KAAAtB,GAAU,WAAWuB,EAAKH,EAAO,MAAMvB,CAAS,GAAG,OAAAC,GAAe,GAAGC,GACvE,UAAA;AAAA,IAAAP,KAAS,QACR,gBAAA8B,EAAC,OAAA,EAAI,WAAWF,EAAO,QACrB,UAAA;AAAA,MAAA,gBAAAH,EAAC,QAAA,EAAK,WAAWG,EAAO,OAAQ,UAAA5B,GAAM;AAAA,MACrCwB;AAAA,IAAA,GACH;AAAA,IAEF,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWM;AAAA,UACTH,EAAO;AAAA,UACPxB,KAAQwB,EAAO;AAAA,UACf1B,KAAmB0B,EAAO;AAAA,UAC1B5B,KAAS,QAAQ4B,EAAO;AAAA,QAAA;AAAA,QAE1B,OAAOzB,KAAa,OAAQ,EAAE,WAAAA,MAAgC;AAAA,QAE7D,UAAAQ,KAAQ;AAAA;AAAA,UAEP,gBAAAc,EAAC,SAAI,WAAWG,EAAO,aAAa,yBAAyB,EAAE,QAAQjB,IAAK,CAAG;AAAA,YAE/E,gBAAAc,EAAC,SAAI,WAAWG,EAAO,OACrB,UAAA,gBAAAH,EAAC,QAAA,EAAM,aAAK,EAAA,CACd;AAAA,MAAA;AAAA,IAAA;AAAA,IAIHzB,KAAS,QAAQwB,KAAc,gBAAAC,EAAC,SAAI,WAAWG,EAAO,cAAe,UAAAJ,EAAA,CAAW;AAAA,EAAA,GACnF;AAEJ,CAAC;"}