@alma-oss/spirit-web-react 4.5.0 → 4.6.0

package/dist/components/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/components.d.ts

@@ -1,2 +1,2 @@
-export * from './components/index'
+export * from './src/components/index'
 export {}

package/dist/constants/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./classes.cjs"),s=require("./colors.cjs"),e=require("./dictionaries.cjs"),o=require("./direction.cjs"),l=require("./inputs.cjs"),d=require("./media.cjs"),a=require("./position.cjs"),i=require("./selection.cjs"),t=require("./style.cjs"),r=require("./text.cjs");exports.CLASS_NAME_OPEN=n.CLASS_NAME_OPEN;exports.ColorPrefixes=s.ColorPrefixes;exports.AlignmentX=e.AlignmentX;exports.AlignmentXExtended=e.AlignmentXExtended;exports.AlignmentY=e.AlignmentY;exports.AlignmentYExtended=e.AlignmentYExtended;exports.BackgroundColors=e.BackgroundColors;exports.BackgroundGradients=e.BackgroundGradients;exports.BorderColors=e.BorderColors;exports.BorderRadii=e.BorderRadii;exports.BorderStyles=e.BorderStyles;exports.BorderWidths=e.BorderWidths;exports.ComponentButtonColors=e.ComponentButtonColors;exports.ContainerTokenSizes=e.ContainerTokenSizes;exports.EmotionColors=e.EmotionColors;exports.Emphasis=e.Emphasis;exports.FillVariants=e.FillVariants;exports.Intensity=e.Intensity;exports.LinkColors=e.LinkColors;exports.Placements=e.Placements;exports.ShapeVariants=e.ShapeVariants;exports.Sizes=e.Sizes;exports.SizesExtended=e.SizesExtended;exports.TextAlignments=e.TextAlignments;exports.TextColors=e.TextColors;exports.ValidationStates=e.ValidationStates;exports.Direction=o.Direction;exports.DirectionAxis=o.DirectionAxis;exports.DirectionExtended=o.DirectionExtended;exports.isDirectionHorizontal=o.isDirectionHorizontal;exports.InputPositions=l.InputPositions;exports.ObjectFit=d.ObjectFit;exports.Position=a.Position;exports.MULTIPLE_SELECTION_MODE=i.MULTIPLE_SELECTION_MODE;exports.SINGLE_SELECTION_MODE=i.SINGLE_SELECTION_MODE;exports.BackgroundStyleProps=t.BackgroundStyleProps;exports.BorderRadiusStyleProps=t.BorderRadiusStyleProps;exports.DisplayStyleProps=t.DisplayStyleProps;exports.HeadingStyleProps=t.HeadingStyleProps;exports.PaddingStyleProps=t.PaddingStyleProps;exports.SpacingStyleProp=t.SpacingStyleProp;exports.TextStyleProps=t.TextStyleProps;exports.ThemeStyleProps=t.ThemeStyleProps;exports.TextHyphens=r.TextHyphens;exports.TextWordBreaks=r.TextWordBreaks;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./classes.cjs"),l=require("./colors.cjs"),e=require("./dictionaries.cjs"),o=require("./direction.cjs"),d=require("./inputs.cjs"),a=require("./media.cjs"),S=require("./position.cjs"),r=require("./selection.cjs"),t=require("./style.cjs"),n=require("./text.cjs"),i=require("./units.cjs");exports.CLASS_NAME_OPEN=s.CLASS_NAME_OPEN;exports.ColorPrefixes=l.ColorPrefixes;exports.AlignmentX=e.AlignmentX;exports.AlignmentXExtended=e.AlignmentXExtended;exports.AlignmentY=e.AlignmentY;exports.AlignmentYExtended=e.AlignmentYExtended;exports.BackgroundColors=e.BackgroundColors;exports.BackgroundGradients=e.BackgroundGradients;exports.BorderColors=e.BorderColors;exports.BorderRadii=e.BorderRadii;exports.BorderStyles=e.BorderStyles;exports.BorderWidths=e.BorderWidths;exports.ComponentButtonColors=e.ComponentButtonColors;exports.ContainerTokenSizes=e.ContainerTokenSizes;exports.EmotionColors=e.EmotionColors;exports.Emphasis=e.Emphasis;exports.FillVariants=e.FillVariants;exports.Intensity=e.Intensity;exports.LinkColors=e.LinkColors;exports.Placements=e.Placements;exports.ShapeVariants=e.ShapeVariants;exports.Sizes=e.Sizes;exports.SizesExtended=e.SizesExtended;exports.TextAlignments=e.TextAlignments;exports.TextColors=e.TextColors;exports.ValidationStates=e.ValidationStates;exports.Direction=o.Direction;exports.DirectionAxis=o.DirectionAxis;exports.DirectionExtended=o.DirectionExtended;exports.isDirectionHorizontal=o.isDirectionHorizontal;exports.InputPositions=d.InputPositions;exports.ObjectFit=a.ObjectFit;exports.Position=S.Position;exports.MULTIPLE_SELECTION_MODE=r.MULTIPLE_SELECTION_MODE;exports.SINGLE_SELECTION_MODE=r.SINGLE_SELECTION_MODE;exports.BackgroundStyleProps=t.BackgroundStyleProps;exports.BorderRadiusStyleProps=t.BorderRadiusStyleProps;exports.DisplayStyleProps=t.DisplayStyleProps;exports.HeadingStyleProps=t.HeadingStyleProps;exports.PaddingStyleProps=t.PaddingStyleProps;exports.SpacingStyleProp=t.SpacingStyleProp;exports.TextStyleProps=t.TextStyleProps;exports.ThemeStyleProps=t.ThemeStyleProps;exports.TextHyphens=n.TextHyphens;exports.TextWordBreaks=n.TextWordBreaks;exports.DEFAULT_DECIMALS=i.DEFAULT_DECIMALS;exports.FALLBACK_BASE_FONT_SIZE_PX=i.FALLBACK_BASE_FONT_SIZE_PX;exports.MAX_TO_FIXED_DIGITS=i.MAX_TO_FIXED_DIGITS;exports.REM_UNIT=i.REM_UNIT;
 //# sourceMappingURL=index.cjs.map

package/dist/constants/index.js

@@ -1,58 +1,63 @@
 import { CLASS_NAME_OPEN as r } from "./classes.js";
 import { ColorPrefixes as i } from "./colors.js";
-import { AlignmentX as s, AlignmentXExtended as l, AlignmentY as d, AlignmentYExtended as p, BackgroundColors as a, BackgroundGradients as x, BorderColors as m, BorderRadii as S, BorderStyles as E, BorderWidths as P, ComponentButtonColors as y, ContainerTokenSizes as C, EmotionColors as c, Emphasis as f, FillVariants as g, Intensity as B, LinkColors as T, Placements as A, ShapeVariants as u, Sizes as D, SizesExtended as L, TextAlignments as k, TextColors as I, ValidationStates as O } from "./dictionaries.js";
-import { Direction as h, DirectionAxis as N, DirectionExtended as z, isDirectionHorizontal as M } from "./direction.js";
-import { InputPositions as V } from "./inputs.js";
-import { ObjectFit as G } from "./media.js";
-import { Position as W } from "./position.js";
-import { MULTIPLE_SELECTION_MODE as Y, SINGLE_SELECTION_MODE as b } from "./selection.js";
-import { BackgroundStyleProps as U, BorderRadiusStyleProps as q, DisplayStyleProps as v, HeadingStyleProps as w, PaddingStyleProps as J, SpacingStyleProp as K, TextStyleProps as Q, ThemeStyleProps as Z } from "./style.js";
+import { AlignmentX as s, AlignmentXExtended as l, AlignmentY as p, AlignmentYExtended as d, BackgroundColors as S, BackgroundGradients as a, BorderColors as x, BorderRadii as E, BorderStyles as m, BorderWidths as P, ComponentButtonColors as T, ContainerTokenSizes as _, EmotionColors as A, Emphasis as C, FillVariants as f, Intensity as y, LinkColors as B, Placements as I, ShapeVariants as c, Sizes as g, SizesExtended as D, TextAlignments as L, TextColors as O, ValidationStates as u } from "./dictionaries.js";
+import { Direction as N, DirectionAxis as k, DirectionExtended as F, isDirectionHorizontal as h } from "./direction.js";
+import { InputPositions as z } from "./inputs.js";
+import { ObjectFit as H } from "./media.js";
+import { Position as U } from "./position.js";
+import { MULTIPLE_SELECTION_MODE as W, SINGLE_SELECTION_MODE as Y } from "./selection.js";
+import { BackgroundStyleProps as j, BorderRadiusStyleProps as K, DisplayStyleProps as Z, HeadingStyleProps as q, PaddingStyleProps as v, SpacingStyleProp as w, TextStyleProps as J, ThemeStyleProps as Q } from "./style.js";
 import { TextHyphens as oo, TextWordBreaks as eo } from "./text.js";
+import { DEFAULT_DECIMALS as to, FALLBACK_BASE_FONT_SIZE_PX as io, MAX_TO_FIXED_DIGITS as no, REM_UNIT as so } from "./units.js";
 export {
   s as AlignmentX,
   l as AlignmentXExtended,
-  d as AlignmentY,
-  p as AlignmentYExtended,
-  a as BackgroundColors,
-  x as BackgroundGradients,
-  U as BackgroundStyleProps,
-  m as BorderColors,
-  S as BorderRadii,
-  q as BorderRadiusStyleProps,
-  E as BorderStyles,
+  p as AlignmentY,
+  d as AlignmentYExtended,
+  S as BackgroundColors,
+  a as BackgroundGradients,
+  j as BackgroundStyleProps,
+  x as BorderColors,
+  E as BorderRadii,
+  K as BorderRadiusStyleProps,
+  m as BorderStyles,
   P as BorderWidths,
   r as CLASS_NAME_OPEN,
   i as ColorPrefixes,
-  y as ComponentButtonColors,
-  C as ContainerTokenSizes,
-  h as Direction,
-  N as DirectionAxis,
-  z as DirectionExtended,
-  v as DisplayStyleProps,
-  c as EmotionColors,
-  f as Emphasis,
-  g as FillVariants,
-  w as HeadingStyleProps,
-  V as InputPositions,
-  B as Intensity,
-  T as LinkColors,
-  Y as MULTIPLE_SELECTION_MODE,
-  G as ObjectFit,
-  J as PaddingStyleProps,
-  A as Placements,
-  W as Position,
-  b as SINGLE_SELECTION_MODE,
-  u as ShapeVariants,
-  D as Sizes,
-  L as SizesExtended,
-  K as SpacingStyleProp,
-  k as TextAlignments,
-  I as TextColors,
+  T as ComponentButtonColors,
+  _ as ContainerTokenSizes,
+  to as DEFAULT_DECIMALS,
+  N as Direction,
+  k as DirectionAxis,
+  F as DirectionExtended,
+  Z as DisplayStyleProps,
+  A as EmotionColors,
+  C as Emphasis,
+  io as FALLBACK_BASE_FONT_SIZE_PX,
+  f as FillVariants,
+  q as HeadingStyleProps,
+  z as InputPositions,
+  y as Intensity,
+  B as LinkColors,
+  no as MAX_TO_FIXED_DIGITS,
+  W as MULTIPLE_SELECTION_MODE,
+  H as ObjectFit,
+  v as PaddingStyleProps,
+  I as Placements,
+  U as Position,
+  so as REM_UNIT,
+  Y as SINGLE_SELECTION_MODE,
+  c as ShapeVariants,
+  g as Sizes,
+  D as SizesExtended,
+  w as SpacingStyleProp,
+  L as TextAlignments,
+  O as TextColors,
   oo as TextHyphens,
-  Q as TextStyleProps,
+  J as TextStyleProps,
   eo as TextWordBreaks,
-  Z as ThemeStyleProps,
-  O as ValidationStates,
-  M as isDirectionHorizontal
+  Q as ThemeStyleProps,
+  u as ValidationStates,
+  h as isDirectionHorizontal
 };
 //# sourceMappingURL=index.js.map

package/dist/constants/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/constants/units.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=4,t=16,A=100,E="rem";exports.DEFAULT_DECIMALS=_;exports.FALLBACK_BASE_FONT_SIZE_PX=t;exports.MAX_TO_FIXED_DIGITS=A;exports.REM_UNIT=E;
+//# sourceMappingURL=units.cjs.map

package/dist/constants/units.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"units.cjs","sources":["../../src/constants/units.ts"],"sourcesContent":["export const DEFAULT_DECIMALS = 4;\nexport const FALLBACK_BASE_FONT_SIZE_PX = 16;\n// `Number.prototype.toFixed` requires the digits argument to be an integer in [0, 100]\n// (per the ECMAScript spec); anything outside that range throws a `RangeError`.\nexport const MAX_TO_FIXED_DIGITS = 100;\nexport const REM_UNIT = 'rem';\n"],"names":["DEFAULT_DECIMALS","FALLBACK_BASE_FONT_SIZE_PX","MAX_TO_FIXED_DIGITS","REM_UNIT"],"mappings":"gFAAO,MAAMA,EAAmB,EACnBC,EAA6B,GAG7BC,EAAsB,IACtBC,EAAW"}

package/dist/constants/units.js

@@ -0,0 +1,8 @@
+const _ = 4, t = 16, s = 100, A = "rem";
+export {
+  _ as DEFAULT_DECIMALS,
+  t as FALLBACK_BASE_FONT_SIZE_PX,
+  s as MAX_TO_FIXED_DIGITS,
+  A as REM_UNIT
+};
+//# sourceMappingURL=units.js.map

package/dist/constants/units.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"units.js","sources":["../../src/constants/units.ts"],"sourcesContent":["export const DEFAULT_DECIMALS = 4;\nexport const FALLBACK_BASE_FONT_SIZE_PX = 16;\n// `Number.prototype.toFixed` requires the digits argument to be an integer in [0, 100]\n// (per the ECMAScript spec); anything outside that range throws a `RangeError`.\nexport const MAX_TO_FIXED_DIGITS = 100;\nexport const REM_UNIT = 'rem';\n"],"names":["DEFAULT_DECIMALS","FALLBACK_BASE_FONT_SIZE_PX","MAX_TO_FIXED_DIGITS","REM_UNIT"],"mappings":"AAAO,MAAMA,IAAmB,GACnBC,IAA6B,IAG7BC,IAAsB,KACtBC,IAAW;"}

package/dist/constants.d.ts

@@ -1,2 +1,2 @@
-export * from './constants/index'
+export * from './src/constants/index'
 export {}

package/dist/context/I18nContext.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react"),o=require("../translations/defaults.cjs"),a=require("../translations/mergeTranslations.cjs"),u=s.createContext(null),c=u.Consumer,l=e=>typeof e=="object"&&e!==null&&!Array.isArray(e),d=e=>Object.keys(e).some(n=>n in o.defaultTranslations),f=(e,n)=>{if(e==null||!l(e))return;if(d(e))return e;const t=e[n];return l(t)?t:void 0},m=({children:e,locale:n="en",translations:t})=>{const i=s.useMemo(()=>{const r=f(t,n);return r==null||Object.keys(r).length===0?o.defaultTranslations:a.mergeTranslations(o.defaultTranslations,r)},[n,t]);return s.createElement(u.Provider,{value:i},e)};exports.I18nConsumer=c;exports.I18nProvider=m;exports.default=u;
+//# sourceMappingURL=I18nContext.cjs.map

package/dist/context/I18nContext.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"I18nContext.cjs","sources":["../../src/context/I18nContext.tsx"],"sourcesContent":["'use client';\n\nimport React, { createContext, useMemo } from 'react';\nimport { defaultTranslations } from '../translations/defaults';\nimport { mergeTranslations } from '../translations/mergeTranslations';\nimport { type ChildrenProps } from '../types/shared';\n\ntype TranslationTree = { [key: string]: string | TranslationTree };\n\nexport type I18nTranslations = typeof defaultTranslations;\n\ntype NestedPartial<T> = {\n  [K in keyof T]?: T[K] extends string ? string : T[K] extends object ? NestedPartial<T[K]> : never;\n};\n\ntype LocaleCatalog = Record<string, NestedPartial<I18nTranslations>>;\n\nexport type I18nProviderTranslations = NestedPartial<I18nTranslations> | LocaleCatalog;\n\nexport type I18nProviderProps = ChildrenProps & {\n  /** Optional locale used when `translations` is a locale catalog. */\n  locale?: string;\n  /** Partial nested labels or locale catalog merged into {@link defaultTranslations}. */\n  translations?: I18nProviderTranslations;\n};\n\nconst I18nContext = createContext<I18nTranslations | null>(null);\nconst I18nConsumer = I18nContext.Consumer;\n\nconst isNestedTranslations = (value: unknown): value is TranslationTree =>\n  typeof value === 'object' && value !== null && !Array.isArray(value);\n\nconst hasDefaultTranslationNamespace = (translations: Record<string, unknown>): boolean =>\n  Object.keys(translations).some((key) => key in defaultTranslations);\n\nconst resolveLocalizedTranslations = (\n  translations: I18nProviderTranslations | undefined,\n  locale: string,\n): TranslationTree | undefined => {\n  if (translations == null || !isNestedTranslations(translations)) {\n    return undefined;\n  }\n\n  if (hasDefaultTranslationNamespace(translations)) {\n    return translations as TranslationTree;\n  }\n\n  const localized = (translations as LocaleCatalog)[locale];\n\n  return isNestedTranslations(localized) ? (localized as TranslationTree) : undefined;\n};\n\nconst I18nProvider = ({ children, locale = 'en', translations }: I18nProviderProps) => {\n  const value = useMemo((): I18nTranslations => {\n    const localizedTranslations = resolveLocalizedTranslations(translations, locale);\n\n    if (localizedTranslations == null || Object.keys(localizedTranslations).length === 0) {\n      return defaultTranslations;\n    }\n\n    return mergeTranslations(defaultTranslations, localizedTranslations) as I18nTranslations;\n  }, [locale, translations]);\n\n  return React.createElement(I18nContext.Provider, { value }, children);\n};\n\nexport default I18nContext;\nexport { I18nConsumer, I18nProvider };\n"],"names":["I18nContext","createContext","I18nConsumer","isNestedTranslations","value","hasDefaultTranslationNamespace","translations","key","defaultTranslations","resolveLocalizedTranslations","locale","localized","I18nProvider","children","useMemo","localizedTranslations","mergeTranslations","React"],"mappings":"+OA0BMA,EAAcC,EAAAA,cAAuC,IAAI,EACzDC,EAAeF,EAAY,SAE3BG,EAAwBC,GAC5B,OAAOA,GAAU,UAAYA,IAAU,MAAQ,CAAC,MAAM,QAAQA,CAAK,EAE/DC,EAAkCC,GACtC,OAAO,KAAKA,CAAY,EAAE,KAAMC,GAAQA,KAAOC,qBAAmB,EAE9DC,EAA+B,CACnCH,EACAI,IACgC,CAChC,GAAIJ,GAAgB,MAAQ,CAACH,EAAqBG,CAAY,EAC5D,OAGF,GAAID,EAA+BC,CAAY,EAC7C,OAAOA,EAGT,MAAMK,EAAaL,EAA+BI,CAAM,EAExD,OAAOP,EAAqBQ,CAAS,EAAKA,EAAgC,MAC5E,EAEMC,EAAe,CAAC,CAAE,SAAAC,EAAU,OAAAH,EAAS,KAAM,aAAAJ,KAAsC,CACrF,MAAMF,EAAQU,EAAAA,QAAQ,IAAwB,CAC5C,MAAMC,EAAwBN,EAA6BH,EAAcI,CAAM,EAE/E,OAAIK,GAAyB,MAAQ,OAAO,KAAKA,CAAqB,EAAE,SAAW,EAC1EP,EAAAA,oBAGFQ,EAAAA,kBAAkBR,EAAAA,oBAAqBO,CAAqB,CACrE,EAAG,CAACL,EAAQJ,CAAY,CAAC,EAEzB,OAAOW,EAAM,cAAcjB,EAAY,SAAU,CAAE,MAAAI,CAAA,EAASS,CAAQ,CACtE"}

package/dist/context/I18nContext.js

@@ -0,0 +1,24 @@
+"use client";
+import l, { createContext as u, useMemo as a } from "react";
+import { defaultTranslations as o } from "../translations/defaults.js";
+import { mergeTranslations as m } from "../translations/mergeTranslations.js";
+const c = u(null), v = c.Consumer, s = (e) => typeof e == "object" && e !== null && !Array.isArray(e), d = (e) => Object.keys(e).some((r) => r in o), f = (e, r) => {
+  if (e == null || !s(e))
+    return;
+  if (d(e))
+    return e;
+  const t = e[r];
+  return s(t) ? t : void 0;
+}, C = ({ children: e, locale: r = "en", translations: t }) => {
+  const i = a(() => {
+    const n = f(t, r);
+    return n == null || Object.keys(n).length === 0 ? o : m(o, n);
+  }, [r, t]);
+  return l.createElement(c.Provider, { value: i }, e);
+};
+export {
+  v as I18nConsumer,
+  C as I18nProvider,
+  c as default
+};
+//# sourceMappingURL=I18nContext.js.map

package/dist/context/I18nContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"I18nContext.js","sources":["../../src/context/I18nContext.tsx"],"sourcesContent":["'use client';\n\nimport React, { createContext, useMemo } from 'react';\nimport { defaultTranslations } from '../translations/defaults';\nimport { mergeTranslations } from '../translations/mergeTranslations';\nimport { type ChildrenProps } from '../types/shared';\n\ntype TranslationTree = { [key: string]: string | TranslationTree };\n\nexport type I18nTranslations = typeof defaultTranslations;\n\ntype NestedPartial<T> = {\n  [K in keyof T]?: T[K] extends string ? string : T[K] extends object ? NestedPartial<T[K]> : never;\n};\n\ntype LocaleCatalog = Record<string, NestedPartial<I18nTranslations>>;\n\nexport type I18nProviderTranslations = NestedPartial<I18nTranslations> | LocaleCatalog;\n\nexport type I18nProviderProps = ChildrenProps & {\n  /** Optional locale used when `translations` is a locale catalog. */\n  locale?: string;\n  /** Partial nested labels or locale catalog merged into {@link defaultTranslations}. */\n  translations?: I18nProviderTranslations;\n};\n\nconst I18nContext = createContext<I18nTranslations | null>(null);\nconst I18nConsumer = I18nContext.Consumer;\n\nconst isNestedTranslations = (value: unknown): value is TranslationTree =>\n  typeof value === 'object' && value !== null && !Array.isArray(value);\n\nconst hasDefaultTranslationNamespace = (translations: Record<string, unknown>): boolean =>\n  Object.keys(translations).some((key) => key in defaultTranslations);\n\nconst resolveLocalizedTranslations = (\n  translations: I18nProviderTranslations | undefined,\n  locale: string,\n): TranslationTree | undefined => {\n  if (translations == null || !isNestedTranslations(translations)) {\n    return undefined;\n  }\n\n  if (hasDefaultTranslationNamespace(translations)) {\n    return translations as TranslationTree;\n  }\n\n  const localized = (translations as LocaleCatalog)[locale];\n\n  return isNestedTranslations(localized) ? (localized as TranslationTree) : undefined;\n};\n\nconst I18nProvider = ({ children, locale = 'en', translations }: I18nProviderProps) => {\n  const value = useMemo((): I18nTranslations => {\n    const localizedTranslations = resolveLocalizedTranslations(translations, locale);\n\n    if (localizedTranslations == null || Object.keys(localizedTranslations).length === 0) {\n      return defaultTranslations;\n    }\n\n    return mergeTranslations(defaultTranslations, localizedTranslations) as I18nTranslations;\n  }, [locale, translations]);\n\n  return React.createElement(I18nContext.Provider, { value }, children);\n};\n\nexport default I18nContext;\nexport { I18nConsumer, I18nProvider };\n"],"names":["I18nContext","createContext","I18nConsumer","isNestedTranslations","value","hasDefaultTranslationNamespace","translations","key","defaultTranslations","resolveLocalizedTranslations","locale","localized","I18nProvider","children","useMemo","localizedTranslations","mergeTranslations","React"],"mappings":";;;;AA0BA,MAAMA,IAAcC,EAAuC,IAAI,GACzDC,IAAeF,EAAY,UAE3BG,IAAuB,CAACC,MAC5B,OAAOA,KAAU,YAAYA,MAAU,QAAQ,CAAC,MAAM,QAAQA,CAAK,GAE/DC,IAAiC,CAACC,MACtC,OAAO,KAAKA,CAAY,EAAE,KAAK,CAACC,MAAQA,KAAOC,CAAmB,GAE9DC,IAA+B,CACnCH,GACAI,MACgC;AAChC,MAAIJ,KAAgB,QAAQ,CAACH,EAAqBG,CAAY;AAC5D;AAGF,MAAID,EAA+BC,CAAY;AAC7C,WAAOA;AAGT,QAAMK,IAAaL,EAA+BI,CAAM;AAExD,SAAOP,EAAqBQ,CAAS,IAAKA,IAAgC;AAC5E,GAEMC,IAAe,CAAC,EAAE,UAAAC,GAAU,QAAAH,IAAS,MAAM,cAAAJ,QAAsC;AACrF,QAAMF,IAAQU,EAAQ,MAAwB;AAC5C,UAAMC,IAAwBN,EAA6BH,GAAcI,CAAM;AAE/E,WAAIK,KAAyB,QAAQ,OAAO,KAAKA,CAAqB,EAAE,WAAW,IAC1EP,IAGFQ,EAAkBR,GAAqBO,CAAqB;AAAA,EACrE,GAAG,CAACL,GAAQJ,CAAY,CAAC;AAEzB,SAAOW,EAAM,cAAcjB,EAAY,UAAU,EAAE,OAAAI,EAAA,GAASS,CAAQ;AACtE;"}

package/dist/context/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./ClassNamePrefixContext.cjs"),s=require("./IconsContext.cjs"),e=require("./PropsContext.cjs"),r=require("./RouterContext.cjs");exports.ClassNamePrefixConsumer=o.ClassNamePrefixConsumer;exports.ClassNamePrefixProvider=o.ClassNamePrefixProvider;exports.IconsConsumer=s.IconsConsumer;exports.IconsProvider=s.IconsProvider;exports.PropsConsumer=e.PropsConsumer;exports.PropsProvider=e.PropsProvider;exports.useContextProps=e.useContextProps;exports.RouterConsumer=r.RouterConsumer;exports.RouterProvider=r.RouterProvider;exports.useRouter=r.useRouter;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./ClassNamePrefixContext.cjs"),s=require("./I18nContext.cjs"),n=require("./IconsContext.cjs"),e=require("./PropsContext.cjs"),r=require("./RouterContext.cjs");exports.ClassNamePrefixConsumer=o.ClassNamePrefixConsumer;exports.ClassNamePrefixProvider=o.ClassNamePrefixProvider;exports.I18nConsumer=s.I18nConsumer;exports.I18nProvider=s.I18nProvider;exports.IconsConsumer=n.IconsConsumer;exports.IconsProvider=n.IconsProvider;exports.PropsConsumer=e.PropsConsumer;exports.PropsProvider=e.PropsProvider;exports.useContextProps=e.useContextProps;exports.RouterConsumer=r.RouterConsumer;exports.RouterProvider=r.RouterProvider;exports.useRouter=r.useRouter;
 //# sourceMappingURL=index.cjs.map

package/dist/context/index.js

@@ -1,17 +1,20 @@
 import { ClassNamePrefixConsumer as e, ClassNamePrefixProvider as s } from "./ClassNamePrefixContext.js";
-import { IconsConsumer as m, IconsProvider as u } from "./IconsContext.js";
-import { PropsConsumer as i, PropsProvider as n, useContextProps as p } from "./PropsContext.js";
-import { RouterConsumer as C, RouterProvider as f, useRouter as a } from "./RouterContext.js";
+import { I18nConsumer as t, I18nProvider as u } from "./I18nContext.js";
+import { IconsConsumer as P, IconsProvider as i } from "./IconsContext.js";
+import { PropsConsumer as x, PropsProvider as C, useContextProps as f } from "./PropsContext.js";
+import { RouterConsumer as v, RouterProvider as a, useRouter as I } from "./RouterContext.js";
 export {
   e as ClassNamePrefixConsumer,
   s as ClassNamePrefixProvider,
-  m as IconsConsumer,
-  u as IconsProvider,
-  i as PropsConsumer,
-  n as PropsProvider,
-  C as RouterConsumer,
-  f as RouterProvider,
-  p as useContextProps,
-  a as useRouter
+  t as I18nConsumer,
+  u as I18nProvider,
+  P as IconsConsumer,
+  i as IconsProvider,
+  x as PropsConsumer,
+  C as PropsProvider,
+  v as RouterConsumer,
+  a as RouterProvider,
+  f as useContextProps,
+  I as useRouter
 };
 //# sourceMappingURL=index.js.map

package/dist/context/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/context.d.ts

@@ -1,2 +1,2 @@
-export * from './context/index'
+export * from './src/context/index'
 export {}

package/dist/hooks/styleProps.cjs

@@ -1,2 +1,2 @@
-"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("classnames"),y=require("react"),t=require("../common/utilities/warning.cjs"),m=require("../constants/style.cjs"),d=require("../context/ClassNamePrefixContext.cjs"),f=require("./useStyleUtilities.cjs");function h(i,o){const r=y.useContext(d.default),{UNSAFE_className:l,UNSAFE_style:u,...a}=i,n={theme:m.ThemeStyleProps.theme,...o??{}},{styleUtilities:c,props:e}=f.useStyleUtilities(a,r,n),s={...u};return e.className&&(t.default(!1,"The className prop is unsafe and is unsupported in Spirit Web React. Please use style props with Spirit Design Tokens, or UNSAFE_className if you absolutely must do something custom. Note that this may break in future versions due to DOM structure changes."),delete e.className),e.style&&(t.default(!1,"The style prop is unsafe and is unsupported in Spirit Web React. Please use style props with Spirit Design Tokens, or UNSAFE_style if you absolutely must do something custom. Note that this may break in future versions due to DOM structure changes."),delete e.style),{styleProps:{style:Object.keys(s).length>0?s:void 0,className:p(l,...c)||void 0},props:e}}exports.useStyleProps=h;
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("classnames"),y=require("react"),t=require("../common/utilities/warning.cjs"),m=require("../constants/style.cjs"),d=require("../context/ClassNamePrefixContext.cjs"),f=require("./useStyleUtilities.cjs");function h(i,o){const r=y.useContext(d.default),{UNSAFE_className:l,UNSAFE_style:u,...a}=i,n={theme:m.ThemeStyleProps.theme,...o??{}},{styleUtilities:c,props:e}=f.useStyleUtilities(a,r,n),s={...u};return e.className&&(t.default(!1,"The className prop is unsafe and is unsupported in Spirit Web React. Please use style props with Spirit Design Tokens, or UNSAFE_className if you absolutely must do something custom. Note that this may break in future versions due to DOM structure changes."),delete e.className),e.style&&(t.default(!1,"The style prop is unsafe and is unsupported in Spirit Web React. Please use style props with Spirit Design Tokens, or UNSAFE_style if you absolutely must do something custom. Note that this may break in future versions due to DOM structure changes."),delete e.style),{styleProps:{style:Object.keys(s).length>0?s:void 0,className:p(...c,l)||void 0},props:e}}exports.useStyleProps=h;
 //# sourceMappingURL=styleProps.cjs.map

package/dist/hooks/styleProps.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"styleProps.cjs","sources":["../../src/hooks/styleProps.ts"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport { type CSSProperties, type HTMLAttributes, useContext } from 'react';\nimport { warning } from '../common/utilities';\nimport { ThemeStyleProps } from '../constants';\nimport ClassNamePrefixContext from '../context/ClassNamePrefixContext';\nimport { type StyleProps } from '../types';\nimport { useStyleUtilities } from './useStyleUtilities';\n\nexport type StylePropsResult = {\n  styleProps: HTMLAttributes<HTMLElement>;\n  props: HTMLAttributes<HTMLElement>;\n};\n\nexport function useStyleProps<T extends StyleProps>(\n  props: T,\n  additionalUtilities?: Record<string, string>,\n): StylePropsResult {\n  const classNamePrefix = useContext(ClassNamePrefixContext);\n  const { UNSAFE_className, UNSAFE_style, ...otherProps } = props;\n  const styleUtilitiesConfig: Record<string, string> = {\n    theme: ThemeStyleProps.theme,\n    ...(additionalUtilities ?? {}),\n  };\n  const { styleUtilities, props: modifiedProps } = useStyleUtilities(otherProps, classNamePrefix, styleUtilitiesConfig);\n\n  const style: CSSProperties = { ...UNSAFE_style };\n\n  // Want to check if className prop exists, but not to define it in StyleProps type\n  // @ts-expect-error Property 'className' does not exist on type 'Omit<T, \"UNSAFE_className\" | \"UNSAFE_style\">'.\n  if (modifiedProps.className) {\n    warning(\n      false,\n      'The className prop is unsafe and is unsupported in Spirit Web React. ' +\n        'Please use style props with Spirit Design Tokens, or UNSAFE_className if you absolutely must do something custom. ' +\n        'Note that this may break in future versions due to DOM structure changes.',\n    );\n\n    // @ts-expect-error same as above, let me live my life\n    delete modifiedProps.className;\n  }\n\n  // Want to check if style prop exists, but not to define it in StyleProps type\n  // @ts-expect-error Property 'style' does not exist on type 'Omit<T, \"UNSAFE_className\" | \"UNSAFE_style\">'.\n  if (modifiedProps.style) {\n    warning(\n      false,\n      'The style prop is unsafe and is unsupported in Spirit Web React. ' +\n        'Please use style props with Spirit Design Tokens, or UNSAFE_style if you absolutely must do something custom. ' +\n        'Note that this may break in future versions due to DOM structure changes.',\n    );\n\n    // @ts-expect-error same as above, let me live my life\n    delete modifiedProps.style;\n  }\n\n  const styleProps = {\n    style: Object.keys(style).length > 0 ? style : undefined,\n    className: classNames(UNSAFE_className, ...styleUtilities) || undefined,\n  };\n\n  return {\n    styleProps,\n    props: modifiedProps as HTMLAttributes<HTMLElement>,\n  };\n}\n"],"names":["useStyleProps","props","additionalUtilities","classNamePrefix","useContext","ClassNamePrefixContext","UNSAFE_className","UNSAFE_style","otherProps","styleUtilitiesConfig","ThemeStyleProps","styleUtilities","modifiedProps","useStyleUtilities","style","warning","classNames"],"mappings":"uTAeO,SAASA,EACdC,EACAC,EACkB,CAClB,MAAMC,EAAkBC,EAAAA,WAAWC,SAAsB,EACnD,CAAE,iBAAAC,EAAkB,aAAAC,EAAc,GAAGC,GAAeP,EACpDQ,EAA+C,CACnD,MAAOC,EAAAA,gBAAgB,MACvB,GAAIR,GAAuB,CAAA,CAAC,EAExB,CAAE,eAAAS,EAAgB,MAAOC,CAAA,EAAkBC,EAAAA,kBAAkBL,EAAYL,EAAiBM,CAAoB,EAE9GK,EAAuB,CAAE,GAAGP,CAAA,EAIlC,OAAIK,EAAc,YAChBG,EAAAA,QACE,GACA,kQAAA,EAMF,OAAOH,EAAc,WAKnBA,EAAc,QAChBG,EAAAA,QACE,GACA,0PAAA,EAMF,OAAOH,EAAc,OAQhB,CACL,WANiB,CACjB,MAAO,OAAO,KAAKE,CAAK,EAAE,OAAS,EAAIA,EAAQ,OAC/C,UAAWE,EAAWV,EAAkB,GAAGK,CAAc,GAAK,MAAA,EAK9D,MAAOC,CAAA,CAEX"}
+{"version":3,"file":"styleProps.cjs","sources":["../../src/hooks/styleProps.ts"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport { type CSSProperties, type HTMLAttributes, useContext } from 'react';\nimport { warning } from '../common/utilities';\nimport { ThemeStyleProps } from '../constants';\nimport ClassNamePrefixContext from '../context/ClassNamePrefixContext';\nimport { type StyleProps } from '../types';\nimport { useStyleUtilities } from './useStyleUtilities';\n\nexport type StylePropsResult = {\n  styleProps: HTMLAttributes<HTMLElement>;\n  props: HTMLAttributes<HTMLElement>;\n};\n\nexport function useStyleProps<T extends StyleProps>(\n  props: T,\n  additionalUtilities?: Record<string, string>,\n): StylePropsResult {\n  const classNamePrefix = useContext(ClassNamePrefixContext);\n  const { UNSAFE_className, UNSAFE_style, ...otherProps } = props;\n  const styleUtilitiesConfig: Record<string, string> = {\n    theme: ThemeStyleProps.theme,\n    ...(additionalUtilities ?? {}),\n  };\n  const { styleUtilities, props: modifiedProps } = useStyleUtilities(otherProps, classNamePrefix, styleUtilitiesConfig);\n\n  const style: CSSProperties = { ...UNSAFE_style };\n\n  // Want to check if className prop exists, but not to define it in StyleProps type\n  // @ts-expect-error Property 'className' does not exist on type 'Omit<T, \"UNSAFE_className\" | \"UNSAFE_style\">'.\n  if (modifiedProps.className) {\n    warning(\n      false,\n      'The className prop is unsafe and is unsupported in Spirit Web React. ' +\n        'Please use style props with Spirit Design Tokens, or UNSAFE_className if you absolutely must do something custom. ' +\n        'Note that this may break in future versions due to DOM structure changes.',\n    );\n\n    // @ts-expect-error same as above, let me live my life\n    delete modifiedProps.className;\n  }\n\n  // Want to check if style prop exists, but not to define it in StyleProps type\n  // @ts-expect-error Property 'style' does not exist on type 'Omit<T, \"UNSAFE_className\" | \"UNSAFE_style\">'.\n  if (modifiedProps.style) {\n    warning(\n      false,\n      'The style prop is unsafe and is unsupported in Spirit Web React. ' +\n        'Please use style props with Spirit Design Tokens, or UNSAFE_style if you absolutely must do something custom. ' +\n        'Note that this may break in future versions due to DOM structure changes.',\n    );\n\n    // @ts-expect-error same as above, let me live my life\n    delete modifiedProps.style;\n  }\n\n  const styleProps = {\n    style: Object.keys(style).length > 0 ? style : undefined,\n    className: classNames(...styleUtilities, UNSAFE_className) || undefined,\n  };\n\n  return {\n    styleProps,\n    props: modifiedProps as HTMLAttributes<HTMLElement>,\n  };\n}\n"],"names":["useStyleProps","props","additionalUtilities","classNamePrefix","useContext","ClassNamePrefixContext","UNSAFE_className","UNSAFE_style","otherProps","styleUtilitiesConfig","ThemeStyleProps","styleUtilities","modifiedProps","useStyleUtilities","style","warning","classNames"],"mappings":"uTAeO,SAASA,EACdC,EACAC,EACkB,CAClB,MAAMC,EAAkBC,EAAAA,WAAWC,SAAsB,EACnD,CAAE,iBAAAC,EAAkB,aAAAC,EAAc,GAAGC,GAAeP,EACpDQ,EAA+C,CACnD,MAAOC,EAAAA,gBAAgB,MACvB,GAAIR,GAAuB,CAAA,CAAC,EAExB,CAAE,eAAAS,EAAgB,MAAOC,CAAA,EAAkBC,EAAAA,kBAAkBL,EAAYL,EAAiBM,CAAoB,EAE9GK,EAAuB,CAAE,GAAGP,CAAA,EAIlC,OAAIK,EAAc,YAChBG,EAAAA,QACE,GACA,kQAAA,EAMF,OAAOH,EAAc,WAKnBA,EAAc,QAChBG,EAAAA,QACE,GACA,0PAAA,EAMF,OAAOH,EAAc,OAQhB,CACL,WANiB,CACjB,MAAO,OAAO,KAAKE,CAAK,EAAE,OAAS,EAAIA,EAAQ,OAC/C,UAAWE,EAAW,GAAGL,EAAgBL,CAAgB,GAAK,MAAA,EAK9D,MAAOM,CAAA,CAEX"}

package/dist/hooks/styleProps.js

@@ -19,7 +19,7 @@ function k(o, i) {
   ), delete e.style), {
     styleProps: {
       style: Object.keys(s).length > 0 ? s : void 0,
-      className: u(l, ...p) || void 0
+      className: u(...p, l) || void 0
     },
     props: e
   };

package/dist/hooks/styleProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"styleProps.js","sources":["../../src/hooks/styleProps.ts"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport { type CSSProperties, type HTMLAttributes, useContext } from 'react';\nimport { warning } from '../common/utilities';\nimport { ThemeStyleProps } from '../constants';\nimport ClassNamePrefixContext from '../context/ClassNamePrefixContext';\nimport { type StyleProps } from '../types';\nimport { useStyleUtilities } from './useStyleUtilities';\n\nexport type StylePropsResult = {\n  styleProps: HTMLAttributes<HTMLElement>;\n  props: HTMLAttributes<HTMLElement>;\n};\n\nexport function useStyleProps<T extends StyleProps>(\n  props: T,\n  additionalUtilities?: Record<string, string>,\n): StylePropsResult {\n  const classNamePrefix = useContext(ClassNamePrefixContext);\n  const { UNSAFE_className, UNSAFE_style, ...otherProps } = props;\n  const styleUtilitiesConfig: Record<string, string> = {\n    theme: ThemeStyleProps.theme,\n    ...(additionalUtilities ?? {}),\n  };\n  const { styleUtilities, props: modifiedProps } = useStyleUtilities(otherProps, classNamePrefix, styleUtilitiesConfig);\n\n  const style: CSSProperties = { ...UNSAFE_style };\n\n  // Want to check if className prop exists, but not to define it in StyleProps type\n  // @ts-expect-error Property 'className' does not exist on type 'Omit<T, \"UNSAFE_className\" | \"UNSAFE_style\">'.\n  if (modifiedProps.className) {\n    warning(\n      false,\n      'The className prop is unsafe and is unsupported in Spirit Web React. ' +\n        'Please use style props with Spirit Design Tokens, or UNSAFE_className if you absolutely must do something custom. ' +\n        'Note that this may break in future versions due to DOM structure changes.',\n    );\n\n    // @ts-expect-error same as above, let me live my life\n    delete modifiedProps.className;\n  }\n\n  // Want to check if style prop exists, but not to define it in StyleProps type\n  // @ts-expect-error Property 'style' does not exist on type 'Omit<T, \"UNSAFE_className\" | \"UNSAFE_style\">'.\n  if (modifiedProps.style) {\n    warning(\n      false,\n      'The style prop is unsafe and is unsupported in Spirit Web React. ' +\n        'Please use style props with Spirit Design Tokens, or UNSAFE_style if you absolutely must do something custom. ' +\n        'Note that this may break in future versions due to DOM structure changes.',\n    );\n\n    // @ts-expect-error same as above, let me live my life\n    delete modifiedProps.style;\n  }\n\n  const styleProps = {\n    style: Object.keys(style).length > 0 ? style : undefined,\n    className: classNames(UNSAFE_className, ...styleUtilities) || undefined,\n  };\n\n  return {\n    styleProps,\n    props: modifiedProps as HTMLAttributes<HTMLElement>,\n  };\n}\n"],"names":["useStyleProps","props","additionalUtilities","classNamePrefix","useContext","ClassNamePrefixContext","UNSAFE_className","UNSAFE_style","otherProps","styleUtilitiesConfig","ThemeStyleProps","styleUtilities","modifiedProps","useStyleUtilities","style","warning","classNames"],"mappings":";;;;;;;AAeO,SAASA,EACdC,GACAC,GACkB;AAClB,QAAMC,IAAkBC,EAAWC,CAAsB,GACnD,EAAE,kBAAAC,GAAkB,cAAAC,GAAc,GAAGC,MAAeP,GACpDQ,IAA+C;AAAA,IACnD,OAAOC,EAAgB;AAAA,IACvB,GAAIR,KAAuB,CAAA;AAAA,EAAC,GAExB,EAAE,gBAAAS,GAAgB,OAAOC,EAAA,IAAkBC,EAAkBL,GAAYL,GAAiBM,CAAoB,GAE9GK,IAAuB,EAAE,GAAGP,EAAA;AAIlC,SAAIK,EAAc,cAChBG;AAAA,IACE;AAAA,IACA;AAAA,EAAA,GAMF,OAAOH,EAAc,YAKnBA,EAAc,UAChBG;AAAA,IACE;AAAA,IACA;AAAA,EAAA,GAMF,OAAOH,EAAc,QAQhB;AAAA,IACL,YANiB;AAAA,MACjB,OAAO,OAAO,KAAKE,CAAK,EAAE,SAAS,IAAIA,IAAQ;AAAA,MAC/C,WAAWE,EAAWV,GAAkB,GAAGK,CAAc,KAAK;AAAA,IAAA;AAAA,IAK9D,OAAOC;AAAA,EAAA;AAEX;"}
+{"version":3,"file":"styleProps.js","sources":["../../src/hooks/styleProps.ts"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport { type CSSProperties, type HTMLAttributes, useContext } from 'react';\nimport { warning } from '../common/utilities';\nimport { ThemeStyleProps } from '../constants';\nimport ClassNamePrefixContext from '../context/ClassNamePrefixContext';\nimport { type StyleProps } from '../types';\nimport { useStyleUtilities } from './useStyleUtilities';\n\nexport type StylePropsResult = {\n  styleProps: HTMLAttributes<HTMLElement>;\n  props: HTMLAttributes<HTMLElement>;\n};\n\nexport function useStyleProps<T extends StyleProps>(\n  props: T,\n  additionalUtilities?: Record<string, string>,\n): StylePropsResult {\n  const classNamePrefix = useContext(ClassNamePrefixContext);\n  const { UNSAFE_className, UNSAFE_style, ...otherProps } = props;\n  const styleUtilitiesConfig: Record<string, string> = {\n    theme: ThemeStyleProps.theme,\n    ...(additionalUtilities ?? {}),\n  };\n  const { styleUtilities, props: modifiedProps } = useStyleUtilities(otherProps, classNamePrefix, styleUtilitiesConfig);\n\n  const style: CSSProperties = { ...UNSAFE_style };\n\n  // Want to check if className prop exists, but not to define it in StyleProps type\n  // @ts-expect-error Property 'className' does not exist on type 'Omit<T, \"UNSAFE_className\" | \"UNSAFE_style\">'.\n  if (modifiedProps.className) {\n    warning(\n      false,\n      'The className prop is unsafe and is unsupported in Spirit Web React. ' +\n        'Please use style props with Spirit Design Tokens, or UNSAFE_className if you absolutely must do something custom. ' +\n        'Note that this may break in future versions due to DOM structure changes.',\n    );\n\n    // @ts-expect-error same as above, let me live my life\n    delete modifiedProps.className;\n  }\n\n  // Want to check if style prop exists, but not to define it in StyleProps type\n  // @ts-expect-error Property 'style' does not exist on type 'Omit<T, \"UNSAFE_className\" | \"UNSAFE_style\">'.\n  if (modifiedProps.style) {\n    warning(\n      false,\n      'The style prop is unsafe and is unsupported in Spirit Web React. ' +\n        'Please use style props with Spirit Design Tokens, or UNSAFE_style if you absolutely must do something custom. ' +\n        'Note that this may break in future versions due to DOM structure changes.',\n    );\n\n    // @ts-expect-error same as above, let me live my life\n    delete modifiedProps.style;\n  }\n\n  const styleProps = {\n    style: Object.keys(style).length > 0 ? style : undefined,\n    className: classNames(...styleUtilities, UNSAFE_className) || undefined,\n  };\n\n  return {\n    styleProps,\n    props: modifiedProps as HTMLAttributes<HTMLElement>,\n  };\n}\n"],"names":["useStyleProps","props","additionalUtilities","classNamePrefix","useContext","ClassNamePrefixContext","UNSAFE_className","UNSAFE_style","otherProps","styleUtilitiesConfig","ThemeStyleProps","styleUtilities","modifiedProps","useStyleUtilities","style","warning","classNames"],"mappings":";;;;;;;AAeO,SAASA,EACdC,GACAC,GACkB;AAClB,QAAMC,IAAkBC,EAAWC,CAAsB,GACnD,EAAE,kBAAAC,GAAkB,cAAAC,GAAc,GAAGC,MAAeP,GACpDQ,IAA+C;AAAA,IACnD,OAAOC,EAAgB;AAAA,IACvB,GAAIR,KAAuB,CAAA;AAAA,EAAC,GAExB,EAAE,gBAAAS,GAAgB,OAAOC,EAAA,IAAkBC,EAAkBL,GAAYL,GAAiBM,CAAoB,GAE9GK,IAAuB,EAAE,GAAGP,EAAA;AAIlC,SAAIK,EAAc,cAChBG;AAAA,IACE;AAAA,IACA;AAAA,EAAA,GAMF,OAAOH,EAAc,YAKnBA,EAAc,UAChBG;AAAA,IACE;AAAA,IACA;AAAA,EAAA,GAMF,OAAOH,EAAc,QAQhB;AAAA,IACL,YANiB;AAAA,MACjB,OAAO,OAAO,KAAKE,CAAK,EAAE,SAAS,IAAIA,IAAQ;AAAA,MAC/C,WAAWE,EAAW,GAAGL,GAAgBL,CAAgB,KAAK;AAAA,IAAA;AAAA,IAK9D,OAAOM;AAAA,EAAA;AAEX;"}

package/dist/hooks/useI18n.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../translations/defaults.cjs"),s=require("../translations/replaceTranslationParams.cjs"),a=require("../translations/resolveTranslationKey.cjs"),o=()=>({t:(r,e)=>{const t=a.resolveTranslationKey(n.defaultLabels,r);return e?s.replaceTranslationParams(t,e):t}});exports.useI18n=o;
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),a=require("../context/I18nContext.cjs"),o=require("../translations/defaults.cjs"),l=require("../translations/replaceTranslationParams.cjs"),i=require("../translations/resolveTranslationKey.cjs"),u=()=>{const n=s.useContext(a.default)??o.defaultTranslations;return{t:(r,e)=>{const t=i.resolveTranslationKey(n,r);return e?l.replaceTranslationParams(t,e):t}}};exports.useI18n=u;
 //# sourceMappingURL=useI18n.cjs.map

package/dist/hooks/useI18n.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useI18n.cjs","sources":["../../src/hooks/useI18n.ts"],"sourcesContent":["import { defaultLabels, replaceTranslationParams, resolveTranslationKey } from '../translations';\n\ntype TranslateFunction = (key: string, params?: Record<string, unknown>) => string;\n\nexport interface UseI18nReturn {\n  t: TranslateFunction;\n}\n\n/**\n * Hook that provides a translation function with built-in default labels.\n * The returned `t` function looks up keys (e.g. `'common.close'`) in the default labels\n * and optionally replaces placeholders like `{name}` with values from the params object.\n *\n * @returns {UseI18nReturn} Object with `t` function for translating keys to default strings\n *\n * @example\n * const { t } = useI18n();\n * t('common.close'); // 'Close'\n * t('unknown.key'); // 'unknown.key'\n * t('greeting', { name: 'World' }); // replaces '{name}' in translation\n */\nexport const useI18n = (): UseI18nReturn => {\n  const t: TranslateFunction = (key, params) => {\n    const translation = resolveTranslationKey(defaultLabels, key);\n\n    return !params ? translation : replaceTranslationParams(translation, params);\n  };\n\n  return { t };\n};\n"],"names":["useI18n","key","params","translation","resolveTranslationKey","defaultLabels","replaceTranslationParams"],"mappings":"iPAqBaA,EAAU,KAOd,CAAE,EANoB,CAACC,EAAKC,IAAW,CAC5C,MAAMC,EAAcC,EAAAA,sBAAsBC,EAAAA,cAAeJ,CAAG,EAE5D,OAAQC,EAAuBI,EAAAA,yBAAyBH,EAAaD,CAAM,EAA1DC,CACnB,CAES"}
+{"version":3,"file":"useI18n.cjs","sources":["../../src/hooks/useI18n.ts"],"sourcesContent":["'use client';\n\nimport { useContext } from 'react';\nimport I18nContext from '../context/I18nContext';\nimport { defaultTranslations, replaceTranslationParams, resolveTranslationKey } from '../translations';\n\nexport type TranslateFunction = (key: string, params?: Record<string, unknown>) => string;\n\nexport interface UseI18nReturn {\n  t: TranslateFunction;\n}\n\n/**\n * Hook that provides a translation function with built-in default labels.\n * When the app is wrapped in `I18nProvider`, `t` resolves overrides first, then defaults.\n * With no provider, behavior matches built-in {@link defaultTranslations} only.\n *\n * The returned `t` function looks up keys (e.g. `'common.close'`) and optionally replaces\n * placeholders like `{name}` with values from the params object.\n *\n * @returns {UseI18nReturn} Object with `t` function for translating keys to strings\n *\n * @example\n * const { t } = useI18n();\n * t('common.close'); // 'Close'\n * t('unknown.key'); // 'unknown.key'\n * t('greeting', { name: 'World' }); // replaces '{name}' in translation\n */\nexport const useI18n = (): UseI18nReturn => {\n  const mergedTranslations = useContext(I18nContext);\n  const translations = mergedTranslations ?? defaultTranslations;\n\n  const t: TranslateFunction = (key, params) => {\n    const translation = resolveTranslationKey(translations, key);\n\n    return !params ? translation : replaceTranslationParams(translation, params);\n  };\n\n  return { t };\n};\n"],"names":["useI18n","translations","useContext","I18nContext","defaultTranslations","key","params","translation","resolveTranslationKey","replaceTranslationParams"],"mappings":"yTA4BaA,EAAU,IAAqB,CAE1C,MAAMC,EADqBC,EAAAA,WAAWC,SAAW,GACNC,EAAAA,oBAQ3C,MAAO,CAAE,EANoB,CAACC,EAAKC,IAAW,CAC5C,MAAMC,EAAcC,EAAAA,sBAAsBP,EAAcI,CAAG,EAE3D,OAAQC,EAAuBG,EAAAA,yBAAyBF,EAAaD,CAAM,EAA1DC,CACnB,CAES,CACX"}

package/dist/hooks/useI18n.js

@@ -1,11 +1,17 @@
-import { defaultLabels as e } from "../translations/defaults.js";
-import { replaceTranslationParams as n } from "../translations/replaceTranslationParams.js";
-import { resolveTranslationKey as s } from "../translations/resolveTranslationKey.js";
-const c = () => ({ t: (o, t) => {
-  const r = s(e, o);
-  return t ? n(r, t) : r;
-} });
+"use client";
+import { useContext as s } from "react";
+import e from "../context/I18nContext.js";
+import { defaultTranslations as a } from "../translations/defaults.js";
+import { replaceTranslationParams as i } from "../translations/replaceTranslationParams.js";
+import { resolveTranslationKey as m } from "../translations/resolveTranslationKey.js";
+const x = () => {
+  const n = s(e) ?? a;
+  return { t: (o, t) => {
+    const r = m(n, o);
+    return t ? i(r, t) : r;
+  } };
+};
 export {
-  c as useI18n
+  x as useI18n
 };
 //# sourceMappingURL=useI18n.js.map

package/dist/hooks/useI18n.js.map

@@ -1 +1 @@
-{"version":3,"file":"useI18n.js","sources":["../../src/hooks/useI18n.ts"],"sourcesContent":["import { defaultLabels, replaceTranslationParams, resolveTranslationKey } from '../translations';\n\ntype TranslateFunction = (key: string, params?: Record<string, unknown>) => string;\n\nexport interface UseI18nReturn {\n  t: TranslateFunction;\n}\n\n/**\n * Hook that provides a translation function with built-in default labels.\n * The returned `t` function looks up keys (e.g. `'common.close'`) in the default labels\n * and optionally replaces placeholders like `{name}` with values from the params object.\n *\n * @returns {UseI18nReturn} Object with `t` function for translating keys to default strings\n *\n * @example\n * const { t } = useI18n();\n * t('common.close'); // 'Close'\n * t('unknown.key'); // 'unknown.key'\n * t('greeting', { name: 'World' }); // replaces '{name}' in translation\n */\nexport const useI18n = (): UseI18nReturn => {\n  const t: TranslateFunction = (key, params) => {\n    const translation = resolveTranslationKey(defaultLabels, key);\n\n    return !params ? translation : replaceTranslationParams(translation, params);\n  };\n\n  return { t };\n};\n"],"names":["useI18n","key","params","translation","resolveTranslationKey","defaultLabels","replaceTranslationParams"],"mappings":";;;AAqBO,MAAMA,IAAU,OAOd,EAAE,GANoB,CAACC,GAAKC,MAAW;AAC5C,QAAMC,IAAcC,EAAsBC,GAAeJ,CAAG;AAE5D,SAAQC,IAAuBI,EAAyBH,GAAaD,CAAM,IAA1DC;AACnB,EAES;"}
+{"version":3,"file":"useI18n.js","sources":["../../src/hooks/useI18n.ts"],"sourcesContent":["'use client';\n\nimport { useContext } from 'react';\nimport I18nContext from '../context/I18nContext';\nimport { defaultTranslations, replaceTranslationParams, resolveTranslationKey } from '../translations';\n\nexport type TranslateFunction = (key: string, params?: Record<string, unknown>) => string;\n\nexport interface UseI18nReturn {\n  t: TranslateFunction;\n}\n\n/**\n * Hook that provides a translation function with built-in default labels.\n * When the app is wrapped in `I18nProvider`, `t` resolves overrides first, then defaults.\n * With no provider, behavior matches built-in {@link defaultTranslations} only.\n *\n * The returned `t` function looks up keys (e.g. `'common.close'`) and optionally replaces\n * placeholders like `{name}` with values from the params object.\n *\n * @returns {UseI18nReturn} Object with `t` function for translating keys to strings\n *\n * @example\n * const { t } = useI18n();\n * t('common.close'); // 'Close'\n * t('unknown.key'); // 'unknown.key'\n * t('greeting', { name: 'World' }); // replaces '{name}' in translation\n */\nexport const useI18n = (): UseI18nReturn => {\n  const mergedTranslations = useContext(I18nContext);\n  const translations = mergedTranslations ?? defaultTranslations;\n\n  const t: TranslateFunction = (key, params) => {\n    const translation = resolveTranslationKey(translations, key);\n\n    return !params ? translation : replaceTranslationParams(translation, params);\n  };\n\n  return { t };\n};\n"],"names":["useI18n","translations","useContext","I18nContext","defaultTranslations","key","params","translation","resolveTranslationKey","replaceTranslationParams"],"mappings":";;;;;;AA4BO,MAAMA,IAAU,MAAqB;AAE1C,QAAMC,IADqBC,EAAWC,CAAW,KACNC;AAQ3C,SAAO,EAAE,GANoB,CAACC,GAAKC,MAAW;AAC5C,UAAMC,IAAcC,EAAsBP,GAAcI,CAAG;AAE3D,WAAQC,IAAuBG,EAAyBF,GAAaD,CAAM,IAA1DC;AAAA,EACnB,EAES;AACX;"}

package/dist/hooks.d.ts

@@ -1,2 +1,2 @@
-export * from './hooks/index'
+export * from './src/hooks/index'
 export {}