@lattice-php/lattice 0.32.0 → 0.34.0

package/dist/i18n/instance.js

@@ -7,6 +7,7 @@ import i18next from "i18next";
 var DEFAULT_NAMESPACE = "lattice";
 var i18n = i18next.createInstance();
 var initialization;
+var hold;
 var revision = 0;
 function subscribe(onStoreChange) {
 	const listener = () => {
@@ -30,11 +31,26 @@ function snapshot() {
 	return revision;
 }
 /**
+* Defer component-driven initialization until `until` settles — for shells
+* that render before the i18n bootstrap has loaded (SSR hydration), where the
+* first rendered `useT` would otherwise win the init race and lock the HTTP
+* backend out. Configuring callers (those passing `extend` to {@link ensureI18n})
+* bypass the hold; a failed bootstrap releases it, so init stays fail-open.
+*/
+function holdI18nInit(until) {
+	const release = () => {
+		hold = void 0;
+	};
+	const released = until.then(release, release);
+	if (!initialization) hold = released;
+}
+/**
 * Initialize the instance exactly once. The first caller wins — a rendered
 * component (inline English, zero config) or `enableBackend()`, which registers
 * its backend first because i18next can only wire a backend during `init`.
 */
 function ensureI18n(extend) {
+	if (!initialization && hold && !extend) return hold.then(() => ensureI18n());
 	if (!initialization) {
 		const base = {
 			lng: currentLocale(),
@@ -92,6 +108,6 @@ function translate(namespace, key, defaultValue, options) {
 	});
 }
 //#endregion
-export { DEFAULT_NAMESPACE, ensureI18n, i18n, preloadLanguages, translate, useT };
+export { DEFAULT_NAMESPACE, ensureI18n, holdI18nInit, i18n, preloadLanguages, translate, useT };
 
 //# sourceMappingURL=instance.js.map

package/dist/i18n/instance.js.map

@@ -1 +1 @@
-{"version":3,"file":"instance.js","names":[],"sources":["../../resources/js/i18n/instance.ts"],"sourcesContent":["import i18next, { type i18n as I18nInstance, type InitOptions } from \"i18next\";\nimport { useCallback, useSyncExternalStore } from \"react\";\nimport { useConfig } from \"./config\";\nimport { registerDateTimeFormatter } from \"./date-time-formatter\";\nimport { currentLocale, subscribeLocale, useLocale } from \"./locale\";\n\nexport const DEFAULT_NAMESPACE = \"lattice\";\n\ntype TranslationFunction = (\n  key: string,\n  defaultValue?: string,\n  options?: Record<string, unknown>,\n) => string;\n\ntype TranslationResult = {\n  t: TranslationFunction;\n  i18n: I18nInstance;\n  locale: string;\n  locales: readonly string[];\n  ready: boolean;\n  setLocale: (locale: string) => void;\n};\n\nexport const i18n: I18nInstance = i18next.createInstance();\n\nlet initialization: Promise<unknown> | undefined;\nlet revision = 0;\n\nfunction subscribe(onStoreChange: () => void): () => void {\n  const listener = () => {\n    revision += 1;\n    onStoreChange();\n  };\n\n  i18n.on(\"initialized\", listener);\n  i18n.on(\"loaded\", listener);\n  i18n.on(\"languageChanged\", listener);\n  i18n.store?.on(\"added\", listener);\n  i18n.store?.on(\"removed\", listener);\n\n  return () => {\n    i18n.off(\"initialized\", listener);\n    i18n.off(\"loaded\", listener);\n    i18n.off(\"languageChanged\", listener);\n    i18n.store?.off(\"added\", listener);\n    i18n.store?.off(\"removed\", listener);\n  };\n}\n\nfunction snapshot(): number {\n  return revision;\n}\n\n/**\n * Initialize the instance exactly once. The first caller wins — a rendered\n * component (inline English, zero config) or `enableBackend()`, which registers\n * its backend first because i18next can only wire a backend during `init`.\n */\nexport function ensureI18n(extend?: (base: InitOptions) => InitOptions): Promise<unknown> {\n  if (!initialization) {\n    const base: InitOptions = {\n      lng: currentLocale(),\n      fallbackLng: \"en\",\n      ns: [DEFAULT_NAMESPACE],\n      defaultNS: DEFAULT_NAMESPACE,\n      interpolation: { escapeValue: false },\n    };\n\n    initialization = i18n.init(extend ? extend(base) : base);\n    // `services.formatter` only exists once `init()` has run, so this must follow it.\n    registerDateTimeFormatter(i18n);\n  }\n\n  return initialization;\n}\n\nsubscribeLocale((locale) => {\n  void ensureI18n().then(() => {\n    if (i18n.language !== locale) {\n      void i18n.changeLanguage(locale);\n    }\n  });\n});\n\n/**\n * Eagerly load the namespaces for the given locales so a later\n * `changeLanguage` resolves them from the store instead of an HTTP round-trip,\n * which would otherwise flash the fallback language on switch. The active\n * locale is already loaded by {@link ensureI18n}, so it is skipped.\n */\nexport async function preloadLanguages(locales: readonly string[]): Promise<void> {\n  const pending = locales.filter((locale) => locale !== currentLocale());\n\n  if (pending.length === 0) {\n    return;\n  }\n\n  await ensureI18n();\n  await i18n.loadLanguages([...pending]);\n}\n\nexport function useT(namespace: string): TranslationResult {\n  ensureI18n();\n  useSyncExternalStore(subscribe, snapshot, snapshot);\n  const { locales } = useConfig();\n  const { locale, setLocale } = useLocale();\n\n  const t = useCallback<TranslationFunction>(\n    (key, defaultValue = key, options = {}) => translate(namespace, key, defaultValue, options),\n    [namespace],\n  );\n\n  return { t, i18n, locale, locales, ready: i18n.isInitialized, setLocale };\n}\n\nexport function translate(\n  namespace: string,\n  key: string,\n  defaultValue: string,\n  options?: Record<string, unknown>,\n): string {\n  ensureI18n();\n\n  if (!i18n.isInitialized || !i18n.hasLoadedNamespace(namespace)) {\n    return i18n.t(key, defaultValue, { ns: namespace, ...options, saveMissing: false });\n  }\n\n  return i18n.t(key, defaultValue, { ns: namespace, ...options });\n}\n"],"mappings":";;;;;;AAMA,IAAa,oBAAoB;AAiBjC,IAAa,OAAqB,QAAQ,eAAe;AAEzD,IAAI;AACJ,IAAI,WAAW;AAEf,SAAS,UAAU,eAAuC;CACxD,MAAM,iBAAiB;EACrB,YAAY;EACZ,cAAc;CAChB;CAEA,KAAK,GAAG,eAAe,QAAQ;CAC/B,KAAK,GAAG,UAAU,QAAQ;CAC1B,KAAK,GAAG,mBAAmB,QAAQ;CACnC,KAAK,OAAO,GAAG,SAAS,QAAQ;CAChC,KAAK,OAAO,GAAG,WAAW,QAAQ;CAElC,aAAa;EACX,KAAK,IAAI,eAAe,QAAQ;EAChC,KAAK,IAAI,UAAU,QAAQ;EAC3B,KAAK,IAAI,mBAAmB,QAAQ;EACpC,KAAK,OAAO,IAAI,SAAS,QAAQ;EACjC,KAAK,OAAO,IAAI,WAAW,QAAQ;CACrC;AACF;AAEA,SAAS,WAAmB;CAC1B,OAAO;AACT;;;;;;AAOA,SAAgB,WAAW,QAA+D;CACxF,IAAI,CAAC,gBAAgB;EACnB,MAAM,OAAoB;GACxB,KAAK,cAAc;GACnB,aAAa;GACb,IAAI,CAAC,iBAAiB;GACtB,WAAW;GACX,eAAe,EAAE,aAAa,MAAM;EACtC;EAEA,iBAAiB,KAAK,KAAK,SAAS,OAAO,IAAI,IAAI,IAAI;EAEvD,0BAA0B,IAAI;CAChC;CAEA,OAAO;AACT;AAEA,iBAAiB,WAAW;CAC1B,WAAgB,CAAC,CAAC,WAAW;EAC3B,IAAI,KAAK,aAAa,QACpB,KAAU,eAAe,MAAM;CAEnC,CAAC;AACH,CAAC;;;;;;;AAQD,eAAsB,iBAAiB,SAA2C;CAChF,MAAM,UAAU,QAAQ,QAAQ,WAAW,WAAW,cAAc,CAAC;CAErE,IAAI,QAAQ,WAAW,GACrB;CAGF,MAAM,WAAW;CACjB,MAAM,KAAK,cAAc,CAAC,GAAG,OAAO,CAAC;AACvC;AAEA,SAAgB,KAAK,WAAsC;CACzD,WAAW;CACX,qBAAqB,WAAW,UAAU,QAAQ;CAClD,MAAM,EAAE,YAAY,UAAU;CAC9B,MAAM,EAAE,QAAQ,cAAc,UAAU;CAOxC,OAAO;EAAE,GALC,aACP,KAAK,eAAe,KAAK,UAAU,CAAC,MAAM,UAAU,WAAW,KAAK,cAAc,OAAO,GAC1F,CAAC,SAAS,CAGH;EAAG;EAAM;EAAQ;EAAS,OAAO,KAAK;EAAe;CAAU;AAC1E;AAEA,SAAgB,UACd,WACA,KACA,cACA,SACQ;CACR,WAAW;CAEX,IAAI,CAAC,KAAK,iBAAiB,CAAC,KAAK,mBAAmB,SAAS,GAC3D,OAAO,KAAK,EAAE,KAAK,cAAc;EAAE,IAAI;EAAW,GAAG;EAAS,aAAa;CAAM,CAAC;CAGpF,OAAO,KAAK,EAAE,KAAK,cAAc;EAAE,IAAI;EAAW,GAAG;CAAQ,CAAC;AAChE"}
+{"version":3,"file":"instance.js","names":[],"sources":["../../resources/js/i18n/instance.ts"],"sourcesContent":["import i18next, { type i18n as I18nInstance, type InitOptions } from \"i18next\";\nimport { useCallback, useSyncExternalStore } from \"react\";\nimport { useConfig } from \"./config\";\nimport { registerDateTimeFormatter } from \"./date-time-formatter\";\nimport { currentLocale, subscribeLocale, useLocale } from \"./locale\";\n\nexport const DEFAULT_NAMESPACE = \"lattice\";\n\ntype TranslationFunction = (\n  key: string,\n  defaultValue?: string,\n  options?: Record<string, unknown>,\n) => string;\n\ntype TranslationResult = {\n  t: TranslationFunction;\n  i18n: I18nInstance;\n  locale: string;\n  locales: readonly string[];\n  ready: boolean;\n  setLocale: (locale: string) => void;\n};\n\nexport const i18n: I18nInstance = i18next.createInstance();\n\nlet initialization: Promise<unknown> | undefined;\nlet hold: Promise<unknown> | undefined;\nlet revision = 0;\n\nfunction subscribe(onStoreChange: () => void): () => void {\n  const listener = () => {\n    revision += 1;\n    onStoreChange();\n  };\n\n  i18n.on(\"initialized\", listener);\n  i18n.on(\"loaded\", listener);\n  i18n.on(\"languageChanged\", listener);\n  i18n.store?.on(\"added\", listener);\n  i18n.store?.on(\"removed\", listener);\n\n  return () => {\n    i18n.off(\"initialized\", listener);\n    i18n.off(\"loaded\", listener);\n    i18n.off(\"languageChanged\", listener);\n    i18n.store?.off(\"added\", listener);\n    i18n.store?.off(\"removed\", listener);\n  };\n}\n\nfunction snapshot(): number {\n  return revision;\n}\n\n/**\n * Defer component-driven initialization until `until` settles — for shells\n * that render before the i18n bootstrap has loaded (SSR hydration), where the\n * first rendered `useT` would otherwise win the init race and lock the HTTP\n * backend out. Configuring callers (those passing `extend` to {@link ensureI18n})\n * bypass the hold; a failed bootstrap releases it, so init stays fail-open.\n */\nexport function holdI18nInit(until: Promise<unknown>): void {\n  const release = (): void => {\n    hold = undefined;\n  };\n  const released = until.then(release, release);\n\n  if (!initialization) {\n    hold = released;\n  }\n}\n\n/**\n * Initialize the instance exactly once. The first caller wins — a rendered\n * component (inline English, zero config) or `enableBackend()`, which registers\n * its backend first because i18next can only wire a backend during `init`.\n */\nexport function ensureI18n(extend?: (base: InitOptions) => InitOptions): Promise<unknown> {\n  if (!initialization && hold && !extend) {\n    return hold.then(() => ensureI18n());\n  }\n\n  if (!initialization) {\n    const base: InitOptions = {\n      lng: currentLocale(),\n      fallbackLng: \"en\",\n      ns: [DEFAULT_NAMESPACE],\n      defaultNS: DEFAULT_NAMESPACE,\n      interpolation: { escapeValue: false },\n    };\n\n    initialization = i18n.init(extend ? extend(base) : base);\n    // `services.formatter` only exists once `init()` has run, so this must follow it.\n    registerDateTimeFormatter(i18n);\n  }\n\n  return initialization;\n}\n\nsubscribeLocale((locale) => {\n  void ensureI18n().then(() => {\n    if (i18n.language !== locale) {\n      void i18n.changeLanguage(locale);\n    }\n  });\n});\n\n/**\n * Eagerly load the namespaces for the given locales so a later\n * `changeLanguage` resolves them from the store instead of an HTTP round-trip,\n * which would otherwise flash the fallback language on switch. The active\n * locale is already loaded by {@link ensureI18n}, so it is skipped.\n */\nexport async function preloadLanguages(locales: readonly string[]): Promise<void> {\n  const pending = locales.filter((locale) => locale !== currentLocale());\n\n  if (pending.length === 0) {\n    return;\n  }\n\n  await ensureI18n();\n  await i18n.loadLanguages([...pending]);\n}\n\nexport function useT(namespace: string): TranslationResult {\n  ensureI18n();\n  useSyncExternalStore(subscribe, snapshot, snapshot);\n  const { locales } = useConfig();\n  const { locale, setLocale } = useLocale();\n\n  const t = useCallback<TranslationFunction>(\n    (key, defaultValue = key, options = {}) => translate(namespace, key, defaultValue, options),\n    [namespace],\n  );\n\n  return { t, i18n, locale, locales, ready: i18n.isInitialized, setLocale };\n}\n\nexport function translate(\n  namespace: string,\n  key: string,\n  defaultValue: string,\n  options?: Record<string, unknown>,\n): string {\n  ensureI18n();\n\n  if (!i18n.isInitialized || !i18n.hasLoadedNamespace(namespace)) {\n    return i18n.t(key, defaultValue, { ns: namespace, ...options, saveMissing: false });\n  }\n\n  return i18n.t(key, defaultValue, { ns: namespace, ...options });\n}\n"],"mappings":";;;;;;AAMA,IAAa,oBAAoB;AAiBjC,IAAa,OAAqB,QAAQ,eAAe;AAEzD,IAAI;AACJ,IAAI;AACJ,IAAI,WAAW;AAEf,SAAS,UAAU,eAAuC;CACxD,MAAM,iBAAiB;EACrB,YAAY;EACZ,cAAc;CAChB;CAEA,KAAK,GAAG,eAAe,QAAQ;CAC/B,KAAK,GAAG,UAAU,QAAQ;CAC1B,KAAK,GAAG,mBAAmB,QAAQ;CACnC,KAAK,OAAO,GAAG,SAAS,QAAQ;CAChC,KAAK,OAAO,GAAG,WAAW,QAAQ;CAElC,aAAa;EACX,KAAK,IAAI,eAAe,QAAQ;EAChC,KAAK,IAAI,UAAU,QAAQ;EAC3B,KAAK,IAAI,mBAAmB,QAAQ;EACpC,KAAK,OAAO,IAAI,SAAS,QAAQ;EACjC,KAAK,OAAO,IAAI,WAAW,QAAQ;CACrC;AACF;AAEA,SAAS,WAAmB;CAC1B,OAAO;AACT;;;;;;;;AASA,SAAgB,aAAa,OAA+B;CAC1D,MAAM,gBAAsB;EAC1B,OAAO,KAAA;CACT;CACA,MAAM,WAAW,MAAM,KAAK,SAAS,OAAO;CAE5C,IAAI,CAAC,gBACH,OAAO;AAEX;;;;;;AAOA,SAAgB,WAAW,QAA+D;CACxF,IAAI,CAAC,kBAAkB,QAAQ,CAAC,QAC9B,OAAO,KAAK,WAAW,WAAW,CAAC;CAGrC,IAAI,CAAC,gBAAgB;EACnB,MAAM,OAAoB;GACxB,KAAK,cAAc;GACnB,aAAa;GACb,IAAI,CAAC,iBAAiB;GACtB,WAAW;GACX,eAAe,EAAE,aAAa,MAAM;EACtC;EAEA,iBAAiB,KAAK,KAAK,SAAS,OAAO,IAAI,IAAI,IAAI;EAEvD,0BAA0B,IAAI;CAChC;CAEA,OAAO;AACT;AAEA,iBAAiB,WAAW;CAC1B,WAAgB,CAAC,CAAC,WAAW;EAC3B,IAAI,KAAK,aAAa,QACpB,KAAU,eAAe,MAAM;CAEnC,CAAC;AACH,CAAC;;;;;;;AAQD,eAAsB,iBAAiB,SAA2C;CAChF,MAAM,UAAU,QAAQ,QAAQ,WAAW,WAAW,cAAc,CAAC;CAErE,IAAI,QAAQ,WAAW,GACrB;CAGF,MAAM,WAAW;CACjB,MAAM,KAAK,cAAc,CAAC,GAAG,OAAO,CAAC;AACvC;AAEA,SAAgB,KAAK,WAAsC;CACzD,WAAW;CACX,qBAAqB,WAAW,UAAU,QAAQ;CAClD,MAAM,EAAE,YAAY,UAAU;CAC9B,MAAM,EAAE,QAAQ,cAAc,UAAU;CAOxC,OAAO;EAAE,GALC,aACP,KAAK,eAAe,KAAK,UAAU,CAAC,MAAM,UAAU,WAAW,KAAK,cAAc,OAAO,GAC1F,CAAC,SAAS,CAGH;EAAG;EAAM;EAAQ;EAAS,OAAO,KAAK;EAAe;CAAU;AAC1E;AAEA,SAAgB,UACd,WACA,KACA,cACA,SACQ;CACR,WAAW;CAEX,IAAI,CAAC,KAAK,iBAAiB,CAAC,KAAK,mBAAmB,SAAS,GAC3D,OAAO,KAAK,EAAE,KAAK,cAAc;EAAE,IAAI;EAAW,GAAG;EAAS,aAAa;CAAM,CAAC;CAGpF,OAAO,KAAK,EAAE,KAAK,cAAc;EAAE,IAAI;EAAW,GAAG;CAAQ,CAAC;AAChE"}

package/dist/i18n/locale-switcher.d.ts

@@ -1,4 +1,3 @@
-import { ReactNode } from 'react';
 export type LocaleOption = {
     readonly value: string;
     readonly label: string;
@@ -14,8 +13,4 @@ export type UseLocaleOptionsReturn = {
     readonly options: readonly LocaleOption[];
     readonly setLocale: (locale: string) => void;
 };
-export type LocaleSwitcherProps = UseLocaleOptionsOptions & {
-    readonly children: (state: UseLocaleOptionsReturn) => ReactNode;
-};
 export declare function useLocaleOptions({ namespace, label, }?: UseLocaleOptionsOptions): UseLocaleOptionsReturn;
-export declare function LocaleSwitcher({ children, ...options }: LocaleSwitcherProps): import("react").JSX.Element;

package/dist/i18n/locale-switcher.js

@@ -1,5 +1,4 @@
 import { useT } from "./instance.js";
-import { Fragment, jsx } from "react/jsx-runtime";
 //#region resources/js/i18n/locale-switcher.tsx
 function useLocaleOptions({ namespace = "lattice", label } = {}) {
 	const { t, locale, locales, setLocale } = useT(namespace);
@@ -16,10 +15,7 @@ function useLocaleOptions({ namespace = "lattice", label } = {}) {
 		setLocale
 	};
 }
-function LocaleSwitcher({ children, ...options }) {
-	return /* @__PURE__ */ jsx(Fragment, { children: children(useLocaleOptions(options)) });
-}
 //#endregion
-export { LocaleSwitcher, useLocaleOptions };
+export { useLocaleOptions };
 
 //# sourceMappingURL=locale-switcher.js.map

package/dist/i18n/locale-switcher.js.map

@@ -1 +1 @@
-{"version":3,"file":"locale-switcher.js","names":[],"sources":["../../resources/js/i18n/locale-switcher.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { useT } from \"./instance\";\n\nexport type LocaleOption = {\n  readonly value: string;\n  readonly label: string;\n  readonly active: boolean;\n};\n\nexport type UseLocaleOptionsOptions = {\n  readonly namespace?: string;\n  readonly label?: (locale: string) => string;\n};\n\nexport type UseLocaleOptionsReturn = {\n  readonly locale: string;\n  readonly locales: readonly string[];\n  readonly options: readonly LocaleOption[];\n  readonly setLocale: (locale: string) => void;\n};\n\nexport type LocaleSwitcherProps = UseLocaleOptionsOptions & {\n  readonly children: (state: UseLocaleOptionsReturn) => ReactNode;\n};\n\nexport function useLocaleOptions({\n  namespace = \"lattice\",\n  label,\n}: UseLocaleOptionsOptions = {}): UseLocaleOptionsReturn {\n  const { t, locale, locales, setLocale } = useT(namespace);\n  const values = locales.length > 0 ? locales : [locale];\n  const labelFor = label ?? ((value: string): string => t(`language.${value}`, value));\n\n  return {\n    locale,\n    locales: values,\n    options: values.map((value) => ({\n      value,\n      label: labelFor(value),\n      active: value === locale,\n    })),\n    setLocale,\n  };\n}\n\nexport function LocaleSwitcher({ children, ...options }: LocaleSwitcherProps) {\n  return <>{children(useLocaleOptions(options))}</>;\n}\n"],"mappings":";;;AAyBA,SAAgB,iBAAiB,EAC/B,YAAY,WACZ,UAC2B,CAAC,GAA2B;CACvD,MAAM,EAAE,GAAG,QAAQ,SAAS,cAAc,KAAK,SAAS;CACxD,MAAM,SAAS,QAAQ,SAAS,IAAI,UAAU,CAAC,MAAM;CACrD,MAAM,WAAW,WAAW,UAA0B,EAAE,YAAY,SAAS,KAAK;CAElF,OAAO;EACL;EACA,SAAS;EACT,SAAS,OAAO,KAAK,WAAW;GAC9B;GACA,OAAO,SAAS,KAAK;GACrB,QAAQ,UAAU;EACpB,EAAE;EACF;CACF;AACF;AAEA,SAAgB,eAAe,EAAE,UAAU,GAAG,WAAgC;CAC5E,OAAO,oBAAA,UAAA,EAAA,UAAG,SAAS,iBAAiB,OAAO,CAAC,EAAI,CAAA;AAClD"}
+{"version":3,"file":"locale-switcher.js","names":[],"sources":["../../resources/js/i18n/locale-switcher.tsx"],"sourcesContent":["import { useT } from \"./instance\";\n\nexport type LocaleOption = {\n  readonly value: string;\n  readonly label: string;\n  readonly active: boolean;\n};\n\nexport type UseLocaleOptionsOptions = {\n  readonly namespace?: string;\n  readonly label?: (locale: string) => string;\n};\n\nexport type UseLocaleOptionsReturn = {\n  readonly locale: string;\n  readonly locales: readonly string[];\n  readonly options: readonly LocaleOption[];\n  readonly setLocale: (locale: string) => void;\n};\n\nexport function useLocaleOptions({\n  namespace = \"lattice\",\n  label,\n}: UseLocaleOptionsOptions = {}): UseLocaleOptionsReturn {\n  const { t, locale, locales, setLocale } = useT(namespace);\n  const values = locales.length > 0 ? locales : [locale];\n  const labelFor = label ?? ((value: string): string => t(`language.${value}`, value));\n\n  return {\n    locale,\n    locales: values,\n    options: values.map((value) => ({\n      value,\n      label: labelFor(value),\n      active: value === locale,\n    })),\n    setLocale,\n  };\n}\n"],"mappings":";;AAoBA,SAAgB,iBAAiB,EAC/B,YAAY,WACZ,UAC2B,CAAC,GAA2B;CACvD,MAAM,EAAE,GAAG,QAAQ,SAAS,cAAc,KAAK,SAAS;CACxD,MAAM,SAAS,QAAQ,SAAS,IAAI,UAAU,CAAC,MAAM;CACrD,MAAM,WAAW,WAAW,UAA0B,EAAE,YAAY,SAAS,KAAK;CAElF,OAAO;EACL;EACA,SAAS;EACT,SAAS,OAAO,KAAK,WAAW;GAC9B;GACA,OAAO,SAAS,KAAK;GACrB,QAAQ,UAAU;EACpB,EAAE;EACF;CACF;AACF"}

package/dist/i18n/locale.js

@@ -1,10 +1,11 @@
+import { createListeners } from "../lib/listeners.js";
 import { LATTICE_EVENT } from "../core/event-names.js";
 import { useSyncExternalStore } from "react";
 //#region resources/js/i18n/locale.ts
 var key = "locale";
 var fallback = "en";
 var maxAge = 31536e3;
-var listeners = /* @__PURE__ */ new Set();
+var { subscribe, notify } = createListeners();
 var active;
 function normalize(value) {
 	const next = value.trim();
@@ -50,15 +51,6 @@ function snapshot() {
 	active ??= detectedLocale();
 	return active;
 }
-function subscribe(callback) {
-	listeners.add(callback);
-	return () => {
-		listeners.delete(callback);
-	};
-}
-function notify() {
-	listeners.forEach((listener) => listener());
-}
 function dispatch(locale) {
 	if (typeof window === "undefined") return;
 	window.dispatchEvent(new CustomEvent(LATTICE_EVENT.localeChange, { detail: { locale } }));

package/dist/i18n/locale.js.map

@@ -1 +1 @@
-{"version":3,"file":"locale.js","names":[],"sources":["../../resources/js/i18n/locale.ts"],"sourcesContent":["import { useSyncExternalStore } from \"react\";\nimport { LATTICE_EVENT } from \"@lattice-php/lattice/core/event-names\";\n\nexport type UseLocaleReturn = {\n  readonly locale: string;\n  readonly setLocale: (locale: string) => void;\n};\n\nconst key = \"locale\";\nconst fallback = \"en\";\nconst maxAge = 365 * 24 * 60 * 60;\nconst listeners = new Set<() => void>();\n\nlet active: string | undefined;\n\nfunction normalize(value: string): string {\n  const next = value.trim();\n\n  return next === \"\" ? fallback : next;\n}\n\nfunction storedValue(): string | null {\n  if (typeof window === \"undefined\") {\n    return null;\n  }\n\n  try {\n    return localStorage.getItem(key);\n  } catch {\n    return null;\n  }\n}\n\nfunction cookieValue(): string | null {\n  if (typeof document === \"undefined\") {\n    return null;\n  }\n\n  const item = document.cookie\n    .split(\";\")\n    .map((cookie) => cookie.trim())\n    .find((cookie) => cookie.startsWith(`${key}=`));\n\n  if (!item) {\n    return null;\n  }\n\n  try {\n    return decodeURIComponent(item.slice(key.length + 1));\n  } catch {\n    return null;\n  }\n}\n\nfunction documentValue(): string | null {\n  if (typeof document === \"undefined\") {\n    return null;\n  }\n\n  return document.documentElement.lang || null;\n}\n\nfunction detectedLocale(): string {\n  return normalize(storedValue() ?? cookieValue() ?? documentValue() ?? fallback);\n}\n\nfunction persist(locale: string): void {\n  if (typeof document !== \"undefined\") {\n    document.cookie = `${key}=${encodeURIComponent(locale)};path=/;max-age=${maxAge};SameSite=Lax`;\n    document.documentElement.lang = locale;\n  }\n\n  if (typeof window !== \"undefined\") {\n    try {\n      localStorage.setItem(key, locale);\n    } catch {\n      return;\n    }\n  }\n}\n\nfunction snapshot(): string {\n  active ??= detectedLocale();\n\n  return active;\n}\n\nfunction subscribe(callback: () => void): () => void {\n  listeners.add(callback);\n\n  return () => {\n    listeners.delete(callback);\n  };\n}\n\nfunction notify(): void {\n  listeners.forEach((listener) => listener());\n}\n\nfunction dispatch(locale: string): void {\n  if (typeof window === \"undefined\") {\n    return;\n  }\n\n  window.dispatchEvent(new CustomEvent(LATTICE_EVENT.localeChange, { detail: { locale } }));\n}\n\nexport function currentLocale(): string {\n  return snapshot();\n}\n\nexport function localeHeader(): Record<string, string> {\n  return { \"Accept-Language\": currentLocale() };\n}\n\nexport function subscribeLocale(callback: (locale: string) => void): () => void {\n  return subscribe(() => callback(currentLocale()));\n}\n\nexport function setLocale(locale: string): void {\n  const previous = currentLocale();\n  const next = normalize(locale);\n\n  active = next;\n  persist(next);\n\n  if (next === previous) {\n    return;\n  }\n\n  notify();\n  dispatch(next);\n}\n\nexport function useLocale(): UseLocaleReturn {\n  const locale = useSyncExternalStore(subscribe, snapshot, () => fallback);\n\n  return { locale, setLocale } as const;\n}\n"],"mappings":";;;AAQA,IAAM,MAAM;AACZ,IAAM,WAAW;AACjB,IAAM,SAAS;AACf,IAAM,4BAAY,IAAI,IAAgB;AAEtC,IAAI;AAEJ,SAAS,UAAU,OAAuB;CACxC,MAAM,OAAO,MAAM,KAAK;CAExB,OAAO,SAAS,KAAK,WAAW;AAClC;AAEA,SAAS,cAA6B;CACpC,IAAI,OAAO,WAAW,aACpB,OAAO;CAGT,IAAI;EACF,OAAO,aAAa,QAAQ,GAAG;CACjC,QAAQ;EACN,OAAO;CACT;AACF;AAEA,SAAS,cAA6B;CACpC,IAAI,OAAO,aAAa,aACtB,OAAO;CAGT,MAAM,OAAO,SAAS,OACnB,MAAM,GAAG,CAAC,CACV,KAAK,WAAW,OAAO,KAAK,CAAC,CAAC,CAC9B,MAAM,WAAW,OAAO,WAAW,GAAG,IAAI,EAAE,CAAC;CAEhD,IAAI,CAAC,MACH,OAAO;CAGT,IAAI;EACF,OAAO,mBAAmB,KAAK,MAAM,CAAc,CAAC;CACtD,QAAQ;EACN,OAAO;CACT;AACF;AAEA,SAAS,gBAA+B;CACtC,IAAI,OAAO,aAAa,aACtB,OAAO;CAGT,OAAO,SAAS,gBAAgB,QAAQ;AAC1C;AAEA,SAAS,iBAAyB;CAChC,OAAO,UAAU,YAAY,KAAK,YAAY,KAAK,cAAc,KAAK,QAAQ;AAChF;AAEA,SAAS,QAAQ,QAAsB;CACrC,IAAI,OAAO,aAAa,aAAa;EACnC,SAAS,SAAS,GAAG,IAAI,GAAG,mBAAmB,MAAM,EAAE,kBAAkB,OAAO;EAChF,SAAS,gBAAgB,OAAO;CAClC;CAEA,IAAI,OAAO,WAAW,aACpB,IAAI;EACF,aAAa,QAAQ,KAAK,MAAM;CAClC,QAAQ;EACN;CACF;AAEJ;AAEA,SAAS,WAAmB;CAC1B,WAAW,eAAe;CAE1B,OAAO;AACT;AAEA,SAAS,UAAU,UAAkC;CACnD,UAAU,IAAI,QAAQ;CAEtB,aAAa;EACX,UAAU,OAAO,QAAQ;CAC3B;AACF;AAEA,SAAS,SAAe;CACtB,UAAU,SAAS,aAAa,SAAS,CAAC;AAC5C;AAEA,SAAS,SAAS,QAAsB;CACtC,IAAI,OAAO,WAAW,aACpB;CAGF,OAAO,cAAc,IAAI,YAAY,cAAc,cAAc,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,CAAC;AAC1F;AAEA,SAAgB,gBAAwB;CACtC,OAAO,SAAS;AAClB;AAEA,SAAgB,eAAuC;CACrD,OAAO,EAAE,mBAAmB,cAAc,EAAE;AAC9C;AAEA,SAAgB,gBAAgB,UAAgD;CAC9E,OAAO,gBAAgB,SAAS,cAAc,CAAC,CAAC;AAClD;AAEA,SAAgB,UAAU,QAAsB;CAC9C,MAAM,WAAW,cAAc;CAC/B,MAAM,OAAO,UAAU,MAAM;CAE7B,SAAS;CACT,QAAQ,IAAI;CAEZ,IAAI,SAAS,UACX;CAGF,OAAO;CACP,SAAS,IAAI;AACf;AAEA,SAAgB,YAA6B;CAG3C,OAAO;EAAE,QAFM,qBAAqB,WAAW,gBAAgB,QAEtD;EAAQ;CAAU;AAC7B"}
+{"version":3,"file":"locale.js","names":[],"sources":["../../resources/js/i18n/locale.ts"],"sourcesContent":["import { useSyncExternalStore } from \"react\";\nimport { LATTICE_EVENT } from \"@lattice-php/lattice/core/event-names\";\nimport { createListeners } from \"@lattice-php/lattice/lib/listeners\";\n\nexport type UseLocaleReturn = {\n  readonly locale: string;\n  readonly setLocale: (locale: string) => void;\n};\n\nconst key = \"locale\";\nconst fallback = \"en\";\nconst maxAge = 365 * 24 * 60 * 60;\nconst { subscribe, notify } = createListeners();\n\nlet active: string | undefined;\n\nfunction normalize(value: string): string {\n  const next = value.trim();\n\n  return next === \"\" ? fallback : next;\n}\n\nfunction storedValue(): string | null {\n  if (typeof window === \"undefined\") {\n    return null;\n  }\n\n  try {\n    return localStorage.getItem(key);\n  } catch {\n    return null;\n  }\n}\n\nfunction cookieValue(): string | null {\n  if (typeof document === \"undefined\") {\n    return null;\n  }\n\n  const item = document.cookie\n    .split(\";\")\n    .map((cookie) => cookie.trim())\n    .find((cookie) => cookie.startsWith(`${key}=`));\n\n  if (!item) {\n    return null;\n  }\n\n  try {\n    return decodeURIComponent(item.slice(key.length + 1));\n  } catch {\n    return null;\n  }\n}\n\nfunction documentValue(): string | null {\n  if (typeof document === \"undefined\") {\n    return null;\n  }\n\n  return document.documentElement.lang || null;\n}\n\nfunction detectedLocale(): string {\n  return normalize(storedValue() ?? cookieValue() ?? documentValue() ?? fallback);\n}\n\nfunction persist(locale: string): void {\n  if (typeof document !== \"undefined\") {\n    document.cookie = `${key}=${encodeURIComponent(locale)};path=/;max-age=${maxAge};SameSite=Lax`;\n    document.documentElement.lang = locale;\n  }\n\n  if (typeof window !== \"undefined\") {\n    try {\n      localStorage.setItem(key, locale);\n    } catch {\n      return;\n    }\n  }\n}\n\nfunction snapshot(): string {\n  active ??= detectedLocale();\n\n  return active;\n}\n\nfunction dispatch(locale: string): void {\n  if (typeof window === \"undefined\") {\n    return;\n  }\n\n  window.dispatchEvent(new CustomEvent(LATTICE_EVENT.localeChange, { detail: { locale } }));\n}\n\nexport function currentLocale(): string {\n  return snapshot();\n}\n\nexport function localeHeader(): Record<string, string> {\n  return { \"Accept-Language\": currentLocale() };\n}\n\nexport function subscribeLocale(callback: (locale: string) => void): () => void {\n  return subscribe(() => callback(currentLocale()));\n}\n\nexport function setLocale(locale: string): void {\n  const previous = currentLocale();\n  const next = normalize(locale);\n\n  active = next;\n  persist(next);\n\n  if (next === previous) {\n    return;\n  }\n\n  notify();\n  dispatch(next);\n}\n\nexport function useLocale(): UseLocaleReturn {\n  const locale = useSyncExternalStore(subscribe, snapshot, () => fallback);\n\n  return { locale, setLocale } as const;\n}\n"],"mappings":";;;;AASA,IAAM,MAAM;AACZ,IAAM,WAAW;AACjB,IAAM,SAAS;AACf,IAAM,EAAE,WAAW,WAAW,gBAAgB;AAE9C,IAAI;AAEJ,SAAS,UAAU,OAAuB;CACxC,MAAM,OAAO,MAAM,KAAK;CAExB,OAAO,SAAS,KAAK,WAAW;AAClC;AAEA,SAAS,cAA6B;CACpC,IAAI,OAAO,WAAW,aACpB,OAAO;CAGT,IAAI;EACF,OAAO,aAAa,QAAQ,GAAG;CACjC,QAAQ;EACN,OAAO;CACT;AACF;AAEA,SAAS,cAA6B;CACpC,IAAI,OAAO,aAAa,aACtB,OAAO;CAGT,MAAM,OAAO,SAAS,OACnB,MAAM,GAAG,CAAC,CACV,KAAK,WAAW,OAAO,KAAK,CAAC,CAAC,CAC9B,MAAM,WAAW,OAAO,WAAW,GAAG,IAAI,EAAE,CAAC;CAEhD,IAAI,CAAC,MACH,OAAO;CAGT,IAAI;EACF,OAAO,mBAAmB,KAAK,MAAM,CAAc,CAAC;CACtD,QAAQ;EACN,OAAO;CACT;AACF;AAEA,SAAS,gBAA+B;CACtC,IAAI,OAAO,aAAa,aACtB,OAAO;CAGT,OAAO,SAAS,gBAAgB,QAAQ;AAC1C;AAEA,SAAS,iBAAyB;CAChC,OAAO,UAAU,YAAY,KAAK,YAAY,KAAK,cAAc,KAAK,QAAQ;AAChF;AAEA,SAAS,QAAQ,QAAsB;CACrC,IAAI,OAAO,aAAa,aAAa;EACnC,SAAS,SAAS,GAAG,IAAI,GAAG,mBAAmB,MAAM,EAAE,kBAAkB,OAAO;EAChF,SAAS,gBAAgB,OAAO;CAClC;CAEA,IAAI,OAAO,WAAW,aACpB,IAAI;EACF,aAAa,QAAQ,KAAK,MAAM;CAClC,QAAQ;EACN;CACF;AAEJ;AAEA,SAAS,WAAmB;CAC1B,WAAW,eAAe;CAE1B,OAAO;AACT;AAEA,SAAS,SAAS,QAAsB;CACtC,IAAI,OAAO,WAAW,aACpB;CAGF,OAAO,cAAc,IAAI,YAAY,cAAc,cAAc,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,CAAC;AAC1F;AAEA,SAAgB,gBAAwB;CACtC,OAAO,SAAS;AAClB;AAEA,SAAgB,eAAuC;CACrD,OAAO,EAAE,mBAAmB,cAAc,EAAE;AAC9C;AAEA,SAAgB,gBAAgB,UAAgD;CAC9E,OAAO,gBAAgB,SAAS,cAAc,CAAC,CAAC;AAClD;AAEA,SAAgB,UAAU,QAAsB;CAC9C,MAAM,WAAW,cAAc;CAC/B,MAAM,OAAO,UAAU,MAAM;CAE7B,SAAS;CACT,QAAQ,IAAI;CAEZ,IAAI,SAAS,UACX;CAGF,OAAO;CACP,SAAS,IAAI;AACf;AAEA,SAAgB,YAA6B;CAG3C,OAAO;EAAE,QAFM,qBAAqB,WAAW,gBAAgB,QAEtD;EAAQ;CAAU;AAC7B"}

package/dist/i18n/timezone.js

@@ -1,9 +1,10 @@
+import { createListeners } from "../lib/listeners.js";
 import { LATTICE_EVENT } from "../core/event-names.js";
 import { configTimezone, subscribeConfig } from "./config.js";
 import { useSyncExternalStore } from "react";
 //#region resources/js/i18n/timezone.ts
 var fallback = "UTC";
-var listeners = /* @__PURE__ */ new Set();
+var { subscribe, notify } = createListeners();
 var override;
 function detectedTimezone() {
 	if (typeof Intl === "undefined") return fallback;
@@ -16,15 +17,6 @@ function detectedTimezone() {
 function snapshot() {
 	return override ?? configTimezone() ?? detectedTimezone();
 }
-function subscribe(callback) {
-	listeners.add(callback);
-	return () => {
-		listeners.delete(callback);
-	};
-}
-function notify() {
-	listeners.forEach((listener) => listener());
-}
 subscribeConfig(() => notify());
 function dispatch(timezone) {
 	if (typeof window === "undefined") return;

package/dist/i18n/timezone.js.map

@@ -1 +1 @@
-{"version":3,"file":"timezone.js","names":[],"sources":["../../resources/js/i18n/timezone.ts"],"sourcesContent":["import { useSyncExternalStore } from \"react\";\nimport { LATTICE_EVENT } from \"@lattice-php/lattice/core/event-names\";\nimport { configTimezone, subscribeConfig } from \"./config\";\n\nexport type UseTimezoneReturn = {\n  readonly timezone: string;\n  readonly setTimezone: (timezone: string) => void;\n};\n\nconst fallback = \"UTC\";\nconst listeners = new Set<() => void>();\n\nlet override: string | undefined;\n\nfunction detectedTimezone(): string {\n  if (typeof Intl === \"undefined\") {\n    return fallback;\n  }\n\n  try {\n    return Intl.DateTimeFormat().resolvedOptions().timeZone || fallback;\n  } catch {\n    return fallback;\n  }\n}\n\nfunction snapshot(): string {\n  return override ?? configTimezone() ?? detectedTimezone();\n}\n\nfunction subscribe(callback: () => void): () => void {\n  listeners.add(callback);\n\n  return () => {\n    listeners.delete(callback);\n  };\n}\n\nfunction notify(): void {\n  listeners.forEach((listener) => listener());\n}\n\nsubscribeConfig(() => notify());\n\nfunction dispatch(timezone: string): void {\n  if (typeof window === \"undefined\") {\n    return;\n  }\n\n  window.dispatchEvent(new CustomEvent(LATTICE_EVENT.timezoneChange, { detail: { timezone } }));\n}\n\nexport function currentTimezone(): string {\n  return snapshot();\n}\n\nexport function setTimezone(timezone: string): void {\n  const previous = currentTimezone();\n  const next = timezone.trim();\n\n  override = next === \"\" ? undefined : next;\n\n  if (currentTimezone() === previous) {\n    return;\n  }\n\n  notify();\n  dispatch(currentTimezone());\n}\n\nexport function useTimezone(): UseTimezoneReturn {\n  const timezone = useSyncExternalStore(subscribe, snapshot, () => fallback);\n\n  return { timezone, setTimezone } as const;\n}\n"],"mappings":";;;;AASA,IAAM,WAAW;AACjB,IAAM,4BAAY,IAAI,IAAgB;AAEtC,IAAI;AAEJ,SAAS,mBAA2B;CAClC,IAAI,OAAO,SAAS,aAClB,OAAO;CAGT,IAAI;EACF,OAAO,KAAK,eAAe,CAAC,CAAC,gBAAgB,CAAC,CAAC,YAAY;CAC7D,QAAQ;EACN,OAAO;CACT;AACF;AAEA,SAAS,WAAmB;CAC1B,OAAO,YAAY,eAAe,KAAK,iBAAiB;AAC1D;AAEA,SAAS,UAAU,UAAkC;CACnD,UAAU,IAAI,QAAQ;CAEtB,aAAa;EACX,UAAU,OAAO,QAAQ;CAC3B;AACF;AAEA,SAAS,SAAe;CACtB,UAAU,SAAS,aAAa,SAAS,CAAC;AAC5C;AAEA,sBAAsB,OAAO,CAAC;AAE9B,SAAS,SAAS,UAAwB;CACxC,IAAI,OAAO,WAAW,aACpB;CAGF,OAAO,cAAc,IAAI,YAAY,cAAc,gBAAgB,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,CAAC;AAC9F;AAEA,SAAgB,kBAA0B;CACxC,OAAO,SAAS;AAClB;AAEA,SAAgB,YAAY,UAAwB;CAClD,MAAM,WAAW,gBAAgB;CACjC,MAAM,OAAO,SAAS,KAAK;CAE3B,WAAW,SAAS,KAAK,KAAA,IAAY;CAErC,IAAI,gBAAgB,MAAM,UACxB;CAGF,OAAO;CACP,SAAS,gBAAgB,CAAC;AAC5B;AAEA,SAAgB,cAAiC;CAG/C,OAAO;EAAE,UAFQ,qBAAqB,WAAW,gBAAgB,QAExD;EAAU;CAAY;AACjC"}
+{"version":3,"file":"timezone.js","names":[],"sources":["../../resources/js/i18n/timezone.ts"],"sourcesContent":["import { useSyncExternalStore } from \"react\";\nimport { LATTICE_EVENT } from \"@lattice-php/lattice/core/event-names\";\nimport { createListeners } from \"@lattice-php/lattice/lib/listeners\";\nimport { configTimezone, subscribeConfig } from \"./config\";\n\nexport type UseTimezoneReturn = {\n  readonly timezone: string;\n  readonly setTimezone: (timezone: string) => void;\n};\n\nconst fallback = \"UTC\";\nconst { subscribe, notify } = createListeners();\n\nlet override: string | undefined;\n\nfunction detectedTimezone(): string {\n  if (typeof Intl === \"undefined\") {\n    return fallback;\n  }\n\n  try {\n    return Intl.DateTimeFormat().resolvedOptions().timeZone || fallback;\n  } catch {\n    return fallback;\n  }\n}\n\nfunction snapshot(): string {\n  return override ?? configTimezone() ?? detectedTimezone();\n}\n\nsubscribeConfig(() => notify());\n\nfunction dispatch(timezone: string): void {\n  if (typeof window === \"undefined\") {\n    return;\n  }\n\n  window.dispatchEvent(new CustomEvent(LATTICE_EVENT.timezoneChange, { detail: { timezone } }));\n}\n\nexport function currentTimezone(): string {\n  return snapshot();\n}\n\nexport function setTimezone(timezone: string): void {\n  const previous = currentTimezone();\n  const next = timezone.trim();\n\n  override = next === \"\" ? undefined : next;\n\n  if (currentTimezone() === previous) {\n    return;\n  }\n\n  notify();\n  dispatch(currentTimezone());\n}\n\nexport function useTimezone(): UseTimezoneReturn {\n  const timezone = useSyncExternalStore(subscribe, snapshot, () => fallback);\n\n  return { timezone, setTimezone } as const;\n}\n"],"mappings":";;;;;AAUA,IAAM,WAAW;AACjB,IAAM,EAAE,WAAW,WAAW,gBAAgB;AAE9C,IAAI;AAEJ,SAAS,mBAA2B;CAClC,IAAI,OAAO,SAAS,aAClB,OAAO;CAGT,IAAI;EACF,OAAO,KAAK,eAAe,CAAC,CAAC,gBAAgB,CAAC,CAAC,YAAY;CAC7D,QAAQ;EACN,OAAO;CACT;AACF;AAEA,SAAS,WAAmB;CAC1B,OAAO,YAAY,eAAe,KAAK,iBAAiB;AAC1D;AAEA,sBAAsB,OAAO,CAAC;AAE9B,SAAS,SAAS,UAAwB;CACxC,IAAI,OAAO,WAAW,aACpB;CAGF,OAAO,cAAc,IAAI,YAAY,cAAc,gBAAgB,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,CAAC;AAC9F;AAEA,SAAgB,kBAA0B;CACxC,OAAO,SAAS;AAClB;AAEA,SAAgB,YAAY,UAAwB;CAClD,MAAM,WAAW,gBAAgB;CACjC,MAAM,OAAO,SAAS,KAAK;CAE3B,WAAW,SAAS,KAAK,KAAA,IAAY;CAErC,IAAI,gBAAgB,MAAM,UACxB;CAGF,OAAO;CACP,SAAS,gBAAgB,CAAC;AAC5B;AAEA,SAAgB,cAAiC;CAG/C,OAAO;EAAE,UAFQ,qBAAqB,WAAW,gBAAgB,QAExD;EAAU;CAAY;AACjC"}

package/dist/icons/icon-renderer.d.ts

@@ -6,9 +6,8 @@ export type IconRendererProps = {
 export type IconRendererFunction = (props: IconRendererProps) => ReactNode;
 type IconRendererProviderProps = {
     children: ReactNode;
-    mode?: "replace" | "stack";
     renderer: IconRendererFunction;
 };
-export declare function IconRendererProvider({ children, mode, renderer, }: IconRendererProviderProps): import("react").JSX.Element;
+export declare function IconRendererProvider({ children, renderer }: IconRendererProviderProps): import("react").JSX.Element;
 export declare function IconRenderer({ className, icon }: IconRendererProps): string | number | bigint | true | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element;
 export {};

package/dist/icons/icon-renderer.js

@@ -4,13 +4,9 @@ import { createContext, useContext, useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region resources/js/icons/icon-renderer.tsx
 var IconRenderersContext = createContext([]);
-function IconRendererProvider({ children, mode = "stack", renderer }) {
+function IconRendererProvider({ children, renderer }) {
 	const parentRenderers = useContext(IconRenderersContext);
-	const renderers = useMemo(() => mode === "replace" ? [renderer] : [renderer, ...parentRenderers], [
-		mode,
-		parentRenderers,
-		renderer
-	]);
+	const renderers = useMemo(() => [renderer, ...parentRenderers], [parentRenderers, renderer]);
 	return /* @__PURE__ */ jsx(IconRenderersContext.Provider, {
 		value: renderers,
 		children

package/dist/icons/icon-renderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-renderer.js","names":[],"sources":["../../resources/js/icons/icon-renderer.tsx"],"sourcesContent":["import { createContext, useContext, useMemo } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { cn } from \"@lattice-php/lattice/lib/utils\";\nimport { Icon, useSprite } from \"./sprite\";\n\nexport type IconRendererProps = {\n  className?: string;\n  icon: string;\n};\n\nexport type IconRendererFunction = (props: IconRendererProps) => ReactNode;\n\ntype IconRendererProviderProps = {\n  children: ReactNode;\n  mode?: \"replace\" | \"stack\";\n  renderer: IconRendererFunction;\n};\n\nconst IconRenderersContext = createContext<IconRendererFunction[]>([]);\nconst loggedMissingIcons = new Set<string>();\n\nexport function IconRendererProvider({\n  children,\n  mode = \"stack\",\n  renderer,\n}: IconRendererProviderProps) {\n  const parentRenderers = useContext(IconRenderersContext);\n  const renderers = useMemo(\n    () => (mode === \"replace\" ? [renderer] : [renderer, ...parentRenderers]),\n    [mode, parentRenderers, renderer],\n  );\n\n  return (\n    <IconRenderersContext.Provider value={renderers}>{children}</IconRenderersContext.Provider>\n  );\n}\n\nexport function IconRenderer({ className, icon }: IconRendererProps) {\n  const renderers = useContext(IconRenderersContext);\n  const { ids } = useSprite();\n\n  for (const renderer of renderers) {\n    const rendered = renderer({ className, icon });\n\n    if (rendered !== null && rendered !== undefined && rendered !== false) {\n      return rendered;\n    }\n  }\n\n  // When the sprite is wired and the icon is genuinely absent, show a visible\n  // marker. When `ids` is unknown (not yet wired), optimistically emit the\n  // sprite reference rather than crying wolf.\n  if (ids && !ids.includes(icon)) {\n    logMissingIcon(icon);\n    return <MissingIcon className={className} />;\n  }\n\n  return <Icon className={className} name={icon} />;\n}\n\nfunction MissingIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      className={cn(\"size-lt-icon-md text-lt-muted-fg\", className)}\n      data-lattice-missing-icon=\"\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      strokeWidth=\"2\"\n      viewBox=\"0 0 24 24\"\n    >\n      <circle cx=\"12\" cy=\"12\" r=\"10\" />\n      <path d=\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\" />\n      <path d=\"M12 17h.01\" />\n    </svg>\n  );\n}\n\nfunction logMissingIcon(icon: string): void {\n  if (!import.meta.env.DEV || loggedMissingIcons.has(icon)) {\n    return;\n  }\n\n  loggedMissingIcons.add(icon);\n  console.log(`[Lattice] Missing icon renderer for \"${icon}\".`);\n}\n"],"mappings":";;;;;AAkBA,IAAM,uBAAuB,cAAsC,CAAC,CAAC;AAGrE,SAAgB,qBAAqB,EACnC,UACA,OAAO,SACP,YAC4B;CAC5B,MAAM,kBAAkB,WAAW,oBAAoB;CACvD,MAAM,YAAY,cACT,SAAS,YAAY,CAAC,QAAQ,IAAI,CAAC,UAAU,GAAG,eAAe,GACtE;EAAC;EAAM;EAAiB;CAAQ,CAClC;CAEA,OACE,oBAAC,qBAAqB,UAAtB;EAA+B,OAAO;EAAY;CAAwC,CAAA;AAE9F;AAEA,SAAgB,aAAa,EAAE,WAAW,QAA2B;CACnE,MAAM,YAAY,WAAW,oBAAoB;CACjD,MAAM,EAAE,QAAQ,UAAU;CAE1B,KAAK,MAAM,YAAY,WAAW;EAChC,MAAM,WAAW,SAAS;GAAE;GAAW;EAAK,CAAC;EAE7C,IAAI,aAAa,QAAQ,aAAa,KAAA,KAAa,aAAa,OAC9D,OAAO;CAEX;CAKA,IAAI,OAAO,CAAC,IAAI,SAAS,IAAI,GAE3B,OAAO,oBAAC,aAAD,EAAwB,UAAY,CAAA;CAG7C,OAAO,oBAAC,MAAD;EAAiB;EAAW,MAAM;CAAO,CAAA;AAClD;AAEA,SAAS,YAAY,EAAE,aAAqC;CAC1D,OACE,qBAAC,OAAD;EACE,eAAY;EACZ,WAAW,GAAG,oCAAoC,SAAS;EAC3D,6BAA0B;EAC1B,MAAK;EACL,QAAO;EACP,eAAc;EACd,gBAAe;EACf,aAAY;EACZ,SAAQ;EATV,UAAA;GAWE,oBAAC,UAAD;IAAQ,IAAG;IAAK,IAAG;IAAK,GAAE;GAAM,CAAA;GAChC,oBAAC,QAAD,EAAM,GAAE,uCAAwC,CAAA;GAChD,oBAAC,QAAD,EAAM,GAAE,aAAc,CAAA;EACnB;;AAET"}
+{"version":3,"file":"icon-renderer.js","names":[],"sources":["../../resources/js/icons/icon-renderer.tsx"],"sourcesContent":["import { createContext, useContext, useMemo } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { cn } from \"@lattice-php/lattice/lib/utils\";\nimport { Icon, useSprite } from \"./sprite\";\n\nexport type IconRendererProps = {\n  className?: string;\n  icon: string;\n};\n\nexport type IconRendererFunction = (props: IconRendererProps) => ReactNode;\n\ntype IconRendererProviderProps = {\n  children: ReactNode;\n  renderer: IconRendererFunction;\n};\n\nconst IconRenderersContext = createContext<IconRendererFunction[]>([]);\nconst loggedMissingIcons = new Set<string>();\n\nexport function IconRendererProvider({ children, renderer }: IconRendererProviderProps) {\n  const parentRenderers = useContext(IconRenderersContext);\n  const renderers = useMemo(() => [renderer, ...parentRenderers], [parentRenderers, renderer]);\n\n  return (\n    <IconRenderersContext.Provider value={renderers}>{children}</IconRenderersContext.Provider>\n  );\n}\n\nexport function IconRenderer({ className, icon }: IconRendererProps) {\n  const renderers = useContext(IconRenderersContext);\n  const { ids } = useSprite();\n\n  for (const renderer of renderers) {\n    const rendered = renderer({ className, icon });\n\n    if (rendered !== null && rendered !== undefined && rendered !== false) {\n      return rendered;\n    }\n  }\n\n  // When the sprite is wired and the icon is genuinely absent, show a visible\n  // marker. When `ids` is unknown (not yet wired), optimistically emit the\n  // sprite reference rather than crying wolf.\n  if (ids && !ids.includes(icon)) {\n    logMissingIcon(icon);\n    return <MissingIcon className={className} />;\n  }\n\n  return <Icon className={className} name={icon} />;\n}\n\nfunction MissingIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      className={cn(\"size-lt-icon-md text-lt-muted-fg\", className)}\n      data-lattice-missing-icon=\"\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      strokeWidth=\"2\"\n      viewBox=\"0 0 24 24\"\n    >\n      <circle cx=\"12\" cy=\"12\" r=\"10\" />\n      <path d=\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\" />\n      <path d=\"M12 17h.01\" />\n    </svg>\n  );\n}\n\nfunction logMissingIcon(icon: string): void {\n  if (!import.meta.env.DEV || loggedMissingIcons.has(icon)) {\n    return;\n  }\n\n  loggedMissingIcons.add(icon);\n  console.log(`[Lattice] Missing icon renderer for \"${icon}\".`);\n}\n"],"mappings":";;;;;AAiBA,IAAM,uBAAuB,cAAsC,CAAC,CAAC;AAGrE,SAAgB,qBAAqB,EAAE,UAAU,YAAuC;CACtF,MAAM,kBAAkB,WAAW,oBAAoB;CACvD,MAAM,YAAY,cAAc,CAAC,UAAU,GAAG,eAAe,GAAG,CAAC,iBAAiB,QAAQ,CAAC;CAE3F,OACE,oBAAC,qBAAqB,UAAtB;EAA+B,OAAO;EAAY;CAAwC,CAAA;AAE9F;AAEA,SAAgB,aAAa,EAAE,WAAW,QAA2B;CACnE,MAAM,YAAY,WAAW,oBAAoB;CACjD,MAAM,EAAE,QAAQ,UAAU;CAE1B,KAAK,MAAM,YAAY,WAAW;EAChC,MAAM,WAAW,SAAS;GAAE;GAAW;EAAK,CAAC;EAE7C,IAAI,aAAa,QAAQ,aAAa,KAAA,KAAa,aAAa,OAC9D,OAAO;CAEX;CAKA,IAAI,OAAO,CAAC,IAAI,SAAS,IAAI,GAE3B,OAAO,oBAAC,aAAD,EAAwB,UAAY,CAAA;CAG7C,OAAO,oBAAC,MAAD;EAAiB;EAAW,MAAM;CAAO,CAAA;AAClD;AAEA,SAAS,YAAY,EAAE,aAAqC;CAC1D,OACE,qBAAC,OAAD;EACE,eAAY;EACZ,WAAW,GAAG,oCAAoC,SAAS;EAC3D,6BAA0B;EAC1B,MAAK;EACL,QAAO;EACP,eAAc;EACd,gBAAe;EACf,aAAY;EACZ,SAAQ;EATV,UAAA;GAWE,oBAAC,UAAD;IAAQ,IAAG;IAAK,IAAG;IAAK,GAAE;GAAM,CAAA;GAChC,oBAAC,QAAD,EAAM,GAAE,uCAAwC,CAAA;GAChD,oBAAC,QAAD,EAAM,GAAE,aAAc,CAAA;EACnB;;AAET"}

package/dist/lib/listeners.d.ts

@@ -0,0 +1,5 @@
+export type Listeners = {
+    subscribe: (callback: () => void) => () => void;
+    notify: () => void;
+};
+export declare function createListeners(): Listeners;

package/dist/lib/listeners.js

@@ -0,0 +1,19 @@
+//#region resources/js/lib/listeners.ts
+function createListeners() {
+	const listeners = /* @__PURE__ */ new Set();
+	return {
+		subscribe(callback) {
+			listeners.add(callback);
+			return () => {
+				listeners.delete(callback);
+			};
+		},
+		notify() {
+			listeners.forEach((listener) => listener());
+		}
+	};
+}
+//#endregion
+export { createListeners };
+
+//# sourceMappingURL=listeners.js.map

package/dist/lib/listeners.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"listeners.js","names":[],"sources":["../../resources/js/lib/listeners.ts"],"sourcesContent":["export type Listeners = {\n  subscribe: (callback: () => void) => () => void;\n  notify: () => void;\n};\n\nexport function createListeners(): Listeners {\n  const listeners = new Set<() => void>();\n\n  return {\n    subscribe(callback) {\n      listeners.add(callback);\n\n      return () => {\n        listeners.delete(callback);\n      };\n    },\n    notify() {\n      listeners.forEach((listener) => listener());\n    },\n  };\n}\n"],"mappings":";AAKA,SAAgB,kBAA6B;CAC3C,MAAM,4BAAY,IAAI,IAAgB;CAEtC,OAAO;EACL,UAAU,UAAU;GAClB,UAAU,IAAI,QAAQ;GAEtB,aAAa;IACX,UAAU,OAAO,QAAQ;GAC3B;EACF;EACA,SAAS;GACP,UAAU,SAAS,aAAa,SAAS,CAAC;EAC5C;CACF;AACF"}

package/dist/lib/use-layout-effect.d.ts

@@ -0,0 +1,6 @@
+import { useEffect } from 'react';
+/**
+ * Drop-in for React's `useLayoutEffect`, which warns under `renderToString`;
+ * effects never run there, so the server-side substitution is free.
+ */
+export declare const useLayoutEffect: typeof useEffect;

package/dist/lib/use-layout-effect.js

@@ -0,0 +1,11 @@
+import { useEffect, useLayoutEffect as useLayoutEffect$1 } from "react";
+//#region resources/js/lib/use-layout-effect.ts
+/**
+* Drop-in for React's `useLayoutEffect`, which warns under `renderToString`;
+* effects never run there, so the server-side substitution is free.
+*/
+var useLayoutEffect = typeof window === "undefined" ? useEffect : useLayoutEffect$1;
+//#endregion
+export { useLayoutEffect };
+
+//# sourceMappingURL=use-layout-effect.js.map

package/dist/lib/use-layout-effect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-layout-effect.js","names":[],"sources":["../../resources/js/lib/use-layout-effect.ts"],"sourcesContent":["// oxlint-disable-next-line no-restricted-imports -- the one place the real hook may be imported\nimport { useEffect, useLayoutEffect as reactUseLayoutEffect } from \"react\";\n\n/**\n * Drop-in for React's `useLayoutEffect`, which warns under `renderToString`;\n * effects never run there, so the server-side substitution is free.\n */\nexport const useLayoutEffect = typeof window === \"undefined\" ? useEffect : reactUseLayoutEffect;\n"],"mappings":";;;;;;AAOA,IAAa,kBAAkB,OAAO,WAAW,cAAc,YAAY"}

package/dist/ssr.d.ts

@@ -0,0 +1,20 @@
+import { InertiaAppSSRResponse, Page } from '@inertiajs/core';
+import { CreateLatticeAppOptions } from './create-app.js';
+/**
+ * Build an SSR entry's render function from the same options as `createLatticeApp`.
+ * `@inertiajs/vite` only auto-wraps literal `createInertiaApp` calls, so a Lattice
+ * app declares its own `resources/js/ssr.tsx`:
+ *
+ *     import createServer from "@inertiajs/react/server";
+ *     import { createLatticeSsr } from "@lattice-php/lattice/ssr";
+ *
+ *     createServer(createLatticeSsr({ ...same options as app.tsx }));
+ *
+ * The plugin rewrites that `createServer` call into the dev-server default
+ * export plus the production HTTP bootstrap; where the bootstrap is unwanted,
+ * `export default createLatticeSsr(...)` works as-is.
+ *
+ * Own subpath on purpose: importing react-dom/server from the client bundle
+ * would drag the server renderer into the app.
+ */
+export declare function createLatticeSsr(options?: CreateLatticeAppOptions): (page: Page) => Promise<InertiaAppSSRResponse>;

package/dist/ssr.js

@@ -0,0 +1,32 @@
+import { createLatticeApp } from "./create-app.js";
+import { renderToString } from "react-dom/server";
+//#region resources/js/ssr.ts
+/**
+* Build an SSR entry's render function from the same options as `createLatticeApp`.
+* `@inertiajs/vite` only auto-wraps literal `createInertiaApp` calls, so a Lattice
+* app declares its own `resources/js/ssr.tsx`:
+*
+*     import createServer from "@inertiajs/react/server";
+*     import { createLatticeSsr } from "@lattice-php/lattice/ssr";
+*
+*     createServer(createLatticeSsr({ ...same options as app.tsx }));
+*
+* The plugin rewrites that `createServer` call into the dev-server default
+* export plus the production HTTP bootstrap; where the bootstrap is unwanted,
+* `export default createLatticeSsr(...)` works as-is.
+*
+* Own subpath on purpose: importing react-dom/server from the client bundle
+* would drag the server renderer into the app.
+*/
+function createLatticeSsr(options = {}) {
+	const app = createLatticeApp(options);
+	return async (page) => {
+		const render = await app;
+		if (typeof render !== "function") throw new Error("[lattice] createLatticeSsr requires a server environment without a DOM.");
+		return render(page, renderToString);
+	};
+}
+//#endregion
+export { createLatticeSsr };
+
+//# sourceMappingURL=ssr.js.map

package/dist/ssr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ssr.js","names":[],"sources":["../resources/js/ssr.ts"],"sourcesContent":["import type { InertiaAppSSRResponse, Page } from \"@inertiajs/core\";\nimport { renderToString } from \"react-dom/server\";\nimport { createLatticeApp, type CreateLatticeAppOptions } from \"./create-app\";\n\n/**\n * Build an SSR entry's render function from the same options as `createLatticeApp`.\n * `@inertiajs/vite` only auto-wraps literal `createInertiaApp` calls, so a Lattice\n * app declares its own `resources/js/ssr.tsx`:\n *\n *     import createServer from \"@inertiajs/react/server\";\n *     import { createLatticeSsr } from \"@lattice-php/lattice/ssr\";\n *\n *     createServer(createLatticeSsr({ ...same options as app.tsx }));\n *\n * The plugin rewrites that `createServer` call into the dev-server default\n * export plus the production HTTP bootstrap; where the bootstrap is unwanted,\n * `export default createLatticeSsr(...)` works as-is.\n *\n * Own subpath on purpose: importing react-dom/server from the client bundle\n * would drag the server renderer into the app.\n */\nexport function createLatticeSsr(\n  options: CreateLatticeAppOptions = {},\n): (page: Page) => Promise<InertiaAppSSRResponse> {\n  const app = createLatticeApp(options);\n\n  return async (page: Page): Promise<InertiaAppSSRResponse> => {\n    const render = await app;\n\n    if (typeof render !== \"function\") {\n      throw new Error(\"[lattice] createLatticeSsr requires a server environment without a DOM.\");\n    }\n\n    return render(page, renderToString);\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAqBA,SAAgB,iBACd,UAAmC,CAAC,GACY;CAChD,MAAM,MAAM,iBAAiB,OAAO;CAEpC,OAAO,OAAO,SAA+C;EAC3D,MAAM,SAAS,MAAM;EAErB,IAAI,OAAO,WAAW,YACpB,MAAM,IAAI,MAAM,yEAAyE;EAG3F,OAAO,OAAO,MAAM,cAAc;CACpC;AACF"}

package/dist/table/hooks/use-column-visibility.js

@@ -39,22 +39,14 @@ function pickKnownBooleans(source, toggleableKeys) {
 	return result;
 }
 function parseStoredVisibility(raw, toggleableKeys) {
-	const stored = JSON.parse(raw);
-	if (!isStoredColumnVisibility(stored)) throw new Error("unexpected stored column visibility shape");
-	return pickKnownBooleans(stored.overrides, toggleableKeys);
+	const overrides = JSON.parse(raw)?.overrides;
+	if (typeof overrides !== "object" || overrides === null || Array.isArray(overrides)) throw new Error("unexpected stored column visibility shape");
+	return pickKnownBooleans(overrides, toggleableKeys);
 }
 function serializeVisibility(overrides, toggleableKeys) {
 	const stored = pickKnownBooleans(overrides, toggleableKeys);
 	if (Object.keys(stored).length === 0) return null;
-	return JSON.stringify({
-		columns: toggleableKeys,
-		overrides: stored
-	});
-}
-function isStoredColumnVisibility(value) {
-	if (typeof value !== "object" || value === null) return false;
-	const record = value;
-	return Array.isArray(record.columns) && record.columns.every((column) => typeof column === "string") && typeof record.overrides === "object" && record.overrides !== null && !Array.isArray(record.overrides);
+	return JSON.stringify({ overrides: stored });
 }
 //#endregion
 export { useColumnVisibility };

package/dist/table/hooks/use-column-visibility.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-column-visibility.js","names":[],"sources":["../../../resources/js/table/hooks/use-column-visibility.ts"],"sourcesContent":["import { useCallback, useMemo } from \"react\";\nimport { usePersistentState } from \"@lattice-php/lattice/lib/use-persistent-state\";\n\nexport type ToggleableColumn = {\n  key: string;\n  props: {\n    label?: string | null;\n    toggleable?: boolean;\n    hiddenByDefault?: boolean;\n  };\n};\n\ntype StoredColumnVisibility = {\n  columns: string[];\n  overrides: Record<string, boolean>;\n};\n\nexport function useColumnVisibility<TColumn extends ToggleableColumn>({\n  columns,\n  storageKey,\n}: {\n  columns: TColumn[];\n  storageKey?: string;\n}) {\n  const toggleableColumns = useMemo(\n    () => columns.filter((column) => column.props.toggleable),\n    [columns],\n  );\n  const toggleableKeys = useMemo(\n    () => toggleableColumns.map((column) => column.key),\n    [toggleableColumns],\n  );\n\n  const [overrides, setOverrides] = usePersistentState<Record<string, boolean>>(\n    storageKey ?? \"\",\n    {},\n    {\n      enabled: Boolean(storageKey),\n      parse: (raw) => parseStoredVisibility(raw, toggleableKeys),\n      serialize: (value) => serializeVisibility(value, toggleableKeys),\n    },\n  );\n\n  const isVisible = useCallback(\n    (column: ToggleableColumn): boolean => {\n      if (!column.props.toggleable) {\n        return true;\n      }\n\n      return overrides[column.key] ?? !column.props.hiddenByDefault;\n    },\n    [overrides],\n  );\n\n  const visibleColumns = useMemo(\n    () => columns.filter((column) => isVisible(column)),\n    [columns, isVisible],\n  );\n\n  const setColumnVisible = useCallback(\n    (key: string, visible: boolean) => {\n      setOverrides((current) => ({ ...current, [key]: visible }));\n    },\n    [setOverrides],\n  );\n\n  const resetVisibility = useCallback(() => setOverrides({}), [setOverrides]);\n\n  const hasToggleableColumns = toggleableColumns.length > 0;\n  const hasHidden = toggleableColumns.some((column) => !isVisible(column));\n\n  return {\n    hasHidden,\n    hasToggleableColumns,\n    isVisible,\n    resetVisibility,\n    setColumnVisible,\n    toggleableColumns,\n    visibleColumns,\n  };\n}\n\nfunction pickKnownBooleans(\n  source: Record<string, unknown>,\n  toggleableKeys: string[],\n): Record<string, boolean> {\n  const known = new Set(toggleableKeys);\n  const result: Record<string, boolean> = {};\n\n  for (const [key, value] of Object.entries(source)) {\n    if (known.has(key) && typeof value === \"boolean\") {\n      result[key] = value;\n    }\n  }\n\n  return result;\n}\n\nfunction parseStoredVisibility(raw: string, toggleableKeys: string[]): Record<string, boolean> {\n  const stored = JSON.parse(raw) as unknown;\n\n  if (!isStoredColumnVisibility(stored)) {\n    throw new Error(\"unexpected stored column visibility shape\");\n  }\n\n  return pickKnownBooleans(stored.overrides, toggleableKeys);\n}\n\nfunction serializeVisibility(\n  overrides: Record<string, boolean>,\n  toggleableKeys: string[],\n): string | null {\n  const stored = pickKnownBooleans(overrides, toggleableKeys);\n\n  if (Object.keys(stored).length === 0) {\n    return null;\n  }\n\n  return JSON.stringify({ columns: toggleableKeys, overrides: stored });\n}\n\nfunction isStoredColumnVisibility(value: unknown): value is StoredColumnVisibility {\n  if (typeof value !== \"object\" || value === null) {\n    return false;\n  }\n\n  const record = value as Record<string, unknown>;\n\n  return (\n    Array.isArray(record.columns) &&\n    record.columns.every((column) => typeof column === \"string\") &&\n    typeof record.overrides === \"object\" &&\n    record.overrides !== null &&\n    !Array.isArray(record.overrides)\n  );\n}\n"],"mappings":";;;AAiBA,SAAgB,oBAAsD,EACpE,SACA,cAIC;CACD,MAAM,oBAAoB,cAClB,QAAQ,QAAQ,WAAW,OAAO,MAAM,UAAU,GACxD,CAAC,OAAO,CACV;CACA,MAAM,iBAAiB,cACf,kBAAkB,KAAK,WAAW,OAAO,GAAG,GAClD,CAAC,iBAAiB,CACpB;CAEA,MAAM,CAAC,WAAW,gBAAgB,mBAChC,cAAc,IACd,CAAC,GACD;EACE,SAAS,QAAQ,UAAU;EAC3B,QAAQ,QAAQ,sBAAsB,KAAK,cAAc;EACzD,YAAY,UAAU,oBAAoB,OAAO,cAAc;CACjE,CACF;CAEA,MAAM,YAAY,aACf,WAAsC;EACrC,IAAI,CAAC,OAAO,MAAM,YAChB,OAAO;EAGT,OAAO,UAAU,OAAO,QAAQ,CAAC,OAAO,MAAM;CAChD,GACA,CAAC,SAAS,CACZ;CAEA,MAAM,iBAAiB,cACf,QAAQ,QAAQ,WAAW,UAAU,MAAM,CAAC,GAClD,CAAC,SAAS,SAAS,CACrB;CAEA,MAAM,mBAAmB,aACtB,KAAa,YAAqB;EACjC,cAAc,aAAa;GAAE,GAAG;IAAU,MAAM;EAAQ,EAAE;CAC5D,GACA,CAAC,YAAY,CACf;CAEA,MAAM,kBAAkB,kBAAkB,aAAa,CAAC,CAAC,GAAG,CAAC,YAAY,CAAC;CAE1E,MAAM,uBAAuB,kBAAkB,SAAS;CAGxD,OAAO;EACL,WAHgB,kBAAkB,MAAM,WAAW,CAAC,UAAU,MAAM,CAGpE;EACA;EACA;EACA;EACA;EACA;EACA;CACF;AACF;AAEA,SAAS,kBACP,QACA,gBACyB;CACzB,MAAM,QAAQ,IAAI,IAAI,cAAc;CACpC,MAAM,SAAkC,CAAC;CAEzC,KAAK,MAAM,CAAC,KAAK,UAAU,OAAO,QAAQ,MAAM,GAC9C,IAAI,MAAM,IAAI,GAAG,KAAK,OAAO,UAAU,WACrC,OAAO,OAAO;CAIlB,OAAO;AACT;AAEA,SAAS,sBAAsB,KAAa,gBAAmD;CAC7F,MAAM,SAAS,KAAK,MAAM,GAAG;CAE7B,IAAI,CAAC,yBAAyB,MAAM,GAClC,MAAM,IAAI,MAAM,2CAA2C;CAG7D,OAAO,kBAAkB,OAAO,WAAW,cAAc;AAC3D;AAEA,SAAS,oBACP,WACA,gBACe;CACf,MAAM,SAAS,kBAAkB,WAAW,cAAc;CAE1D,IAAI,OAAO,KAAK,MAAM,CAAC,CAAC,WAAW,GACjC,OAAO;CAGT,OAAO,KAAK,UAAU;EAAE,SAAS;EAAgB,WAAW;CAAO,CAAC;AACtE;AAEA,SAAS,yBAAyB,OAAiD;CACjF,IAAI,OAAO,UAAU,YAAY,UAAU,MACzC,OAAO;CAGT,MAAM,SAAS;CAEf,OACE,MAAM,QAAQ,OAAO,OAAO,KAC5B,OAAO,QAAQ,OAAO,WAAW,OAAO,WAAW,QAAQ,KAC3D,OAAO,OAAO,cAAc,YAC5B,OAAO,cAAc,QACrB,CAAC,MAAM,QAAQ,OAAO,SAAS;AAEnC"}
+{"version":3,"file":"use-column-visibility.js","names":[],"sources":["../../../resources/js/table/hooks/use-column-visibility.ts"],"sourcesContent":["import { useCallback, useMemo } from \"react\";\nimport { usePersistentState } from \"@lattice-php/lattice/lib/use-persistent-state\";\n\nexport type ToggleableColumn = {\n  key: string;\n  props: {\n    label?: string | null;\n    toggleable?: boolean;\n    hiddenByDefault?: boolean;\n  };\n};\n\nexport function useColumnVisibility<TColumn extends ToggleableColumn>({\n  columns,\n  storageKey,\n}: {\n  columns: TColumn[];\n  storageKey?: string;\n}) {\n  const toggleableColumns = useMemo(\n    () => columns.filter((column) => column.props.toggleable),\n    [columns],\n  );\n  const toggleableKeys = useMemo(\n    () => toggleableColumns.map((column) => column.key),\n    [toggleableColumns],\n  );\n\n  const [overrides, setOverrides] = usePersistentState<Record<string, boolean>>(\n    storageKey ?? \"\",\n    {},\n    {\n      enabled: Boolean(storageKey),\n      parse: (raw) => parseStoredVisibility(raw, toggleableKeys),\n      serialize: (value) => serializeVisibility(value, toggleableKeys),\n    },\n  );\n\n  const isVisible = useCallback(\n    (column: ToggleableColumn): boolean => {\n      if (!column.props.toggleable) {\n        return true;\n      }\n\n      return overrides[column.key] ?? !column.props.hiddenByDefault;\n    },\n    [overrides],\n  );\n\n  const visibleColumns = useMemo(\n    () => columns.filter((column) => isVisible(column)),\n    [columns, isVisible],\n  );\n\n  const setColumnVisible = useCallback(\n    (key: string, visible: boolean) => {\n      setOverrides((current) => ({ ...current, [key]: visible }));\n    },\n    [setOverrides],\n  );\n\n  const resetVisibility = useCallback(() => setOverrides({}), [setOverrides]);\n\n  const hasToggleableColumns = toggleableColumns.length > 0;\n  const hasHidden = toggleableColumns.some((column) => !isVisible(column));\n\n  return {\n    hasHidden,\n    hasToggleableColumns,\n    isVisible,\n    resetVisibility,\n    setColumnVisible,\n    toggleableColumns,\n    visibleColumns,\n  };\n}\n\nfunction pickKnownBooleans(\n  source: Record<string, unknown>,\n  toggleableKeys: string[],\n): Record<string, boolean> {\n  const known = new Set(toggleableKeys);\n  const result: Record<string, boolean> = {};\n\n  for (const [key, value] of Object.entries(source)) {\n    if (known.has(key) && typeof value === \"boolean\") {\n      result[key] = value;\n    }\n  }\n\n  return result;\n}\n\nfunction parseStoredVisibility(raw: string, toggleableKeys: string[]): Record<string, boolean> {\n  const stored = JSON.parse(raw) as { overrides?: unknown };\n  const overrides = stored?.overrides;\n\n  if (typeof overrides !== \"object\" || overrides === null || Array.isArray(overrides)) {\n    throw new Error(\"unexpected stored column visibility shape\");\n  }\n\n  return pickKnownBooleans(overrides as Record<string, unknown>, toggleableKeys);\n}\n\nfunction serializeVisibility(\n  overrides: Record<string, boolean>,\n  toggleableKeys: string[],\n): string | null {\n  const stored = pickKnownBooleans(overrides, toggleableKeys);\n\n  if (Object.keys(stored).length === 0) {\n    return null;\n  }\n\n  return JSON.stringify({ overrides: stored });\n}\n"],"mappings":";;;AAYA,SAAgB,oBAAsD,EACpE,SACA,cAIC;CACD,MAAM,oBAAoB,cAClB,QAAQ,QAAQ,WAAW,OAAO,MAAM,UAAU,GACxD,CAAC,OAAO,CACV;CACA,MAAM,iBAAiB,cACf,kBAAkB,KAAK,WAAW,OAAO,GAAG,GAClD,CAAC,iBAAiB,CACpB;CAEA,MAAM,CAAC,WAAW,gBAAgB,mBAChC,cAAc,IACd,CAAC,GACD;EACE,SAAS,QAAQ,UAAU;EAC3B,QAAQ,QAAQ,sBAAsB,KAAK,cAAc;EACzD,YAAY,UAAU,oBAAoB,OAAO,cAAc;CACjE,CACF;CAEA,MAAM,YAAY,aACf,WAAsC;EACrC,IAAI,CAAC,OAAO,MAAM,YAChB,OAAO;EAGT,OAAO,UAAU,OAAO,QAAQ,CAAC,OAAO,MAAM;CAChD,GACA,CAAC,SAAS,CACZ;CAEA,MAAM,iBAAiB,cACf,QAAQ,QAAQ,WAAW,UAAU,MAAM,CAAC,GAClD,CAAC,SAAS,SAAS,CACrB;CAEA,MAAM,mBAAmB,aACtB,KAAa,YAAqB;EACjC,cAAc,aAAa;GAAE,GAAG;IAAU,MAAM;EAAQ,EAAE;CAC5D,GACA,CAAC,YAAY,CACf;CAEA,MAAM,kBAAkB,kBAAkB,aAAa,CAAC,CAAC,GAAG,CAAC,YAAY,CAAC;CAE1E,MAAM,uBAAuB,kBAAkB,SAAS;CAGxD,OAAO;EACL,WAHgB,kBAAkB,MAAM,WAAW,CAAC,UAAU,MAAM,CAGpE;EACA;EACA;EACA;EACA;EACA;EACA;CACF;AACF;AAEA,SAAS,kBACP,QACA,gBACyB;CACzB,MAAM,QAAQ,IAAI,IAAI,cAAc;CACpC,MAAM,SAAkC,CAAC;CAEzC,KAAK,MAAM,CAAC,KAAK,UAAU,OAAO,QAAQ,MAAM,GAC9C,IAAI,MAAM,IAAI,GAAG,KAAK,OAAO,UAAU,WACrC,OAAO,OAAO;CAIlB,OAAO;AACT;AAEA,SAAS,sBAAsB,KAAa,gBAAmD;CAE7F,MAAM,YADS,KAAK,MAAM,GACR,CAAA,EAAQ;CAE1B,IAAI,OAAO,cAAc,YAAY,cAAc,QAAQ,MAAM,QAAQ,SAAS,GAChF,MAAM,IAAI,MAAM,2CAA2C;CAG7D,OAAO,kBAAkB,WAAsC,cAAc;AAC/E;AAEA,SAAS,oBACP,WACA,gBACe;CACf,MAAM,SAAS,kBAAkB,WAAW,cAAc;CAE1D,IAAI,OAAO,KAAK,MAAM,CAAC,CAAC,WAAW,GACjC,OAAO;CAGT,OAAO,KAAK,UAAU,EAAE,WAAW,OAAO,CAAC;AAC7C"}

package/dist/toast/callout.js

@@ -1,13 +1,12 @@
 import { LATTICE_EVENT } from "../core/event-names.js";
 import { isTranslatable } from "../i18n/translatable.js";
-import { isVariant } from "./toast.js";
+import { coerceMessage, isVariant, subscribeWindowEvent } from "./toast.js";
 //#region resources/js/toast/callout.ts
 function normalizeCallout(detail) {
 	if (typeof detail !== "object" || detail === null) return null;
 	const callout = detail;
-	const rawMessage = callout.message;
-	const message = typeof rawMessage === "string" ? rawMessage : isTranslatable(rawMessage) ? rawMessage : null;
-	if (message === null || message === "") return null;
+	const message = coerceMessage(callout.message);
+	if (message === null) return null;
 	return {
 		action: callout.action ?? null,
 		dismissible: callout.dismissible !== false,
@@ -18,20 +17,13 @@ function normalizeCallout(detail) {
 	};
 }
 function onCallout(callback) {
-	const listener = (event) => {
-		const callout = normalizeCallout(event.detail);
-		if (callout) callback(callout);
-	};
-	window.addEventListener(LATTICE_EVENT.callout, listener);
-	return () => window.removeEventListener(LATTICE_EVENT.callout, listener);
+	return subscribeWindowEvent(LATTICE_EVENT.callout, normalizeCallout, callback);
 }
 function onRetractCallout(callback) {
-	const listener = (event) => {
-		const unique = event.detail?.unique;
-		if (typeof unique === "string") callback(unique);
-	};
-	window.addEventListener(LATTICE_EVENT.retractCallout, listener);
-	return () => window.removeEventListener(LATTICE_EVENT.retractCallout, listener);
+	return subscribeWindowEvent(LATTICE_EVENT.retractCallout, (detail) => {
+		const unique = detail?.unique;
+		return typeof unique === "string" ? unique : null;
+	}, callback);
 }
 //#endregion
 export { normalizeCallout, onCallout, onRetractCallout };

package/dist/toast/callout.js.map

@@ -1 +1 @@
-{"version":3,"file":"callout.js","names":[],"sources":["../../resources/js/toast/callout.ts"],"sourcesContent":["import type { Callout, RetractCallout } from \"@lattice-php/lattice/types/generated\";\nimport { LATTICE_EVENT } from \"@lattice-php/lattice/core/event-names\";\nimport { isTranslatable } from \"@lattice-php/lattice/i18n/translatable\";\nimport { isVariant } from \"./toast\";\n\nexport type { Callout };\n\nexport function normalizeCallout(detail: unknown): Callout | null {\n  if (typeof detail !== \"object\" || detail === null) {\n    return null;\n  }\n\n  const callout = detail as Record<string, unknown>;\n\n  const rawMessage = callout.message;\n  const message =\n    typeof rawMessage === \"string\" ? rawMessage : isTranslatable(rawMessage) ? rawMessage : null;\n\n  if (message === null || message === \"\") {\n    return null;\n  }\n\n  return {\n    action: (callout.action as Callout[\"action\"]) ?? null,\n    dismissible: callout.dismissible !== false,\n    message,\n    title:\n      typeof callout.title === \"string\" || isTranslatable(callout.title) ? callout.title : null,\n    unique: typeof callout.unique === \"string\" ? callout.unique : null,\n    variant: isVariant(callout.variant) ? callout.variant : \"info\",\n  };\n}\n\nexport function onCallout(callback: (callout: Callout) => void): () => void {\n  const listener = (event: Event): void => {\n    const callout = normalizeCallout((event as CustomEvent).detail);\n\n    if (callout) {\n      callback(callout);\n    }\n  };\n\n  window.addEventListener(LATTICE_EVENT.callout, listener);\n\n  return () => window.removeEventListener(LATTICE_EVENT.callout, listener);\n}\n\nexport function onRetractCallout(callback: (unique: string) => void): () => void {\n  const listener = (event: Event): void => {\n    const unique = (event as CustomEvent<RetractCallout>).detail?.unique;\n\n    if (typeof unique === \"string\") {\n      callback(unique);\n    }\n  };\n\n  window.addEventListener(LATTICE_EVENT.retractCallout, listener);\n\n  return () => window.removeEventListener(LATTICE_EVENT.retractCallout, listener);\n}\n"],"mappings":";;;;AAOA,SAAgB,iBAAiB,QAAiC;CAChE,IAAI,OAAO,WAAW,YAAY,WAAW,MAC3C,OAAO;CAGT,MAAM,UAAU;CAEhB,MAAM,aAAa,QAAQ;CAC3B,MAAM,UACJ,OAAO,eAAe,WAAW,aAAa,eAAe,UAAU,IAAI,aAAa;CAE1F,IAAI,YAAY,QAAQ,YAAY,IAClC,OAAO;CAGT,OAAO;EACL,QAAS,QAAQ,UAAgC;EACjD,aAAa,QAAQ,gBAAgB;EACrC;EACA,OACE,OAAO,QAAQ,UAAU,YAAY,eAAe,QAAQ,KAAK,IAAI,QAAQ,QAAQ;EACvF,QAAQ,OAAO,QAAQ,WAAW,WAAW,QAAQ,SAAS;EAC9D,SAAS,UAAU,QAAQ,OAAO,IAAI,QAAQ,UAAU;CAC1D;AACF;AAEA,SAAgB,UAAU,UAAkD;CAC1E,MAAM,YAAY,UAAuB;EACvC,MAAM,UAAU,iBAAkB,MAAsB,MAAM;EAE9D,IAAI,SACF,SAAS,OAAO;CAEpB;CAEA,OAAO,iBAAiB,cAAc,SAAS,QAAQ;CAEvD,aAAa,OAAO,oBAAoB,cAAc,SAAS,QAAQ;AACzE;AAEA,SAAgB,iBAAiB,UAAgD;CAC/E,MAAM,YAAY,UAAuB;EACvC,MAAM,SAAU,MAAsC,QAAQ;EAE9D,IAAI,OAAO,WAAW,UACpB,SAAS,MAAM;CAEnB;CAEA,OAAO,iBAAiB,cAAc,gBAAgB,QAAQ;CAE9D,aAAa,OAAO,oBAAoB,cAAc,gBAAgB,QAAQ;AAChF"}
+{"version":3,"file":"callout.js","names":[],"sources":["../../resources/js/toast/callout.ts"],"sourcesContent":["import type { Callout, RetractCallout } from \"@lattice-php/lattice/types/generated\";\nimport { LATTICE_EVENT } from \"@lattice-php/lattice/core/event-names\";\nimport { isTranslatable } from \"@lattice-php/lattice/i18n/translatable\";\nimport { coerceMessage, isVariant, subscribeWindowEvent } from \"./toast\";\n\nexport type { Callout };\n\nexport function normalizeCallout(detail: unknown): Callout | null {\n  if (typeof detail !== \"object\" || detail === null) {\n    return null;\n  }\n\n  const callout = detail as Record<string, unknown>;\n  const message = coerceMessage(callout.message);\n\n  if (message === null) {\n    return null;\n  }\n\n  return {\n    action: (callout.action as Callout[\"action\"]) ?? null,\n    dismissible: callout.dismissible !== false,\n    message,\n    title:\n      typeof callout.title === \"string\" || isTranslatable(callout.title) ? callout.title : null,\n    unique: typeof callout.unique === \"string\" ? callout.unique : null,\n    variant: isVariant(callout.variant) ? callout.variant : \"info\",\n  };\n}\n\nexport function onCallout(callback: (callout: Callout) => void): () => void {\n  return subscribeWindowEvent(LATTICE_EVENT.callout, normalizeCallout, callback);\n}\n\nexport function onRetractCallout(callback: (unique: string) => void): () => void {\n  return subscribeWindowEvent(\n    LATTICE_EVENT.retractCallout,\n    (detail) => {\n      const unique = (detail as RetractCallout | undefined)?.unique;\n\n      return typeof unique === \"string\" ? unique : null;\n    },\n    callback,\n  );\n}\n"],"mappings":";;;;AAOA,SAAgB,iBAAiB,QAAiC;CAChE,IAAI,OAAO,WAAW,YAAY,WAAW,MAC3C,OAAO;CAGT,MAAM,UAAU;CAChB,MAAM,UAAU,cAAc,QAAQ,OAAO;CAE7C,IAAI,YAAY,MACd,OAAO;CAGT,OAAO;EACL,QAAS,QAAQ,UAAgC;EACjD,aAAa,QAAQ,gBAAgB;EACrC;EACA,OACE,OAAO,QAAQ,UAAU,YAAY,eAAe,QAAQ,KAAK,IAAI,QAAQ,QAAQ;EACvF,QAAQ,OAAO,QAAQ,WAAW,WAAW,QAAQ,SAAS;EAC9D,SAAS,UAAU,QAAQ,OAAO,IAAI,QAAQ,UAAU;CAC1D;AACF;AAEA,SAAgB,UAAU,UAAkD;CAC1E,OAAO,qBAAqB,cAAc,SAAS,kBAAkB,QAAQ;AAC/E;AAEA,SAAgB,iBAAiB,UAAgD;CAC/E,OAAO,qBACL,cAAc,iBACb,WAAW;EACV,MAAM,SAAU,QAAuC;EAEvD,OAAO,OAAO,WAAW,WAAW,SAAS;CAC/C,GACA,QACF;AACF"}

package/dist/toast/toast.d.ts

@@ -1,5 +1,7 @@
 import { Toast as ToastMessage, Variant } from '../types/generated.js';
 export type { ToastMessage, Variant };
 export declare function isVariant(value: unknown): value is Variant;
+export declare function coerceMessage(value: unknown): ToastMessage["message"] | null;
+export declare function subscribeWindowEvent<T>(event: string, normalize: (detail: unknown) => T | null, callback: (value: T) => void): () => void;
 export declare function normalizeToastMessage(value: unknown): ToastMessage | null;
 export declare function onToast(callback: (toast: ToastMessage) => void): () => void;

package/dist/toast/toast.js

@@ -12,12 +12,23 @@ var variants = [
 function isVariant(value) {
 	return variants.some((variant) => variant === value);
 }
+function coerceMessage(value) {
+	const message = typeof value === "string" ? value : isTranslatable(value) ? value : null;
+	return message === "" ? null : message;
+}
+function subscribeWindowEvent(event, normalize, callback) {
+	const listener = (windowEvent) => {
+		const value = normalize(windowEvent.detail);
+		if (value !== null) callback(value);
+	};
+	window.addEventListener(event, listener);
+	return () => window.removeEventListener(event, listener);
+}
 function normalizeToastMessage(value) {
 	if (typeof value !== "object" || value === null) return null;
 	const toast = value;
-	const rawMessage = toast.message;
-	const message = typeof rawMessage === "string" ? rawMessage : isTranslatable(rawMessage) ? rawMessage : null;
-	if (message === null || message === "") return null;
+	const message = coerceMessage(toast.message);
+	if (message === null) return null;
 	return {
 		action: toast.action ?? null,
 		dismissible: toast.dismissible !== false,
@@ -28,14 +39,9 @@ function normalizeToastMessage(value) {
 	};
 }
 function onToast(callback) {
-	const listener = (event) => {
-		const toast = normalizeToastMessage(event.detail);
-		if (toast) callback(toast);
-	};
-	window.addEventListener(LATTICE_EVENT.toast, listener);
-	return () => window.removeEventListener(LATTICE_EVENT.toast, listener);
+	return subscribeWindowEvent(LATTICE_EVENT.toast, normalizeToastMessage, callback);
 }
 //#endregion
-export { isVariant, normalizeToastMessage, onToast };
+export { coerceMessage, isVariant, normalizeToastMessage, onToast, subscribeWindowEvent };
 
 //# sourceMappingURL=toast.js.map

package/dist/toast/toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast.js","names":[],"sources":["../../resources/js/toast/toast.ts"],"sourcesContent":["import type { Toast as ToastMessage, Variant } from \"@lattice-php/lattice/types/generated\";\nimport { LATTICE_EVENT } from \"@lattice-php/lattice/core/event-names\";\nimport { isTranslatable } from \"@lattice-php/lattice/i18n/translatable\";\n\nexport type { ToastMessage, Variant };\n\nconst variants = [\n  \"primary\",\n  \"secondary\",\n  \"success\",\n  \"info\",\n  \"warning\",\n  \"danger\",\n] as const satisfies readonly Variant[];\n\nexport function isVariant(value: unknown): value is Variant {\n  return variants.some((variant) => variant === value);\n}\n\nexport function normalizeToastMessage(value: unknown): ToastMessage | null {\n  if (typeof value !== \"object\" || value === null) {\n    return null;\n  }\n\n  const toast = value as Record<string, unknown>;\n\n  const rawMessage = toast.message;\n  const message =\n    typeof rawMessage === \"string\" ? rawMessage : isTranslatable(rawMessage) ? rawMessage : null;\n\n  if (message === null || message === \"\") {\n    return null;\n  }\n\n  return {\n    action: (toast.action as ToastMessage[\"action\"]) ?? null,\n    dismissible: toast.dismissible !== false,\n    duration: typeof toast.duration === \"number\" ? toast.duration : null,\n    message,\n    persistent: toast.persistent === true,\n    variant: isVariant(toast.variant) ? toast.variant : \"success\",\n  };\n}\n\nexport function onToast(callback: (toast: ToastMessage) => void): () => void {\n  const listener = (event: Event): void => {\n    const toast = normalizeToastMessage((event as CustomEvent).detail);\n\n    if (toast) {\n      callback(toast);\n    }\n  };\n\n  window.addEventListener(LATTICE_EVENT.toast, listener);\n\n  return () => window.removeEventListener(LATTICE_EVENT.toast, listener);\n}\n"],"mappings":";;;AAMA,IAAM,WAAW;CACf;CACA;CACA;CACA;CACA;CACA;AACF;AAEA,SAAgB,UAAU,OAAkC;CAC1D,OAAO,SAAS,MAAM,YAAY,YAAY,KAAK;AACrD;AAEA,SAAgB,sBAAsB,OAAqC;CACzE,IAAI,OAAO,UAAU,YAAY,UAAU,MACzC,OAAO;CAGT,MAAM,QAAQ;CAEd,MAAM,aAAa,MAAM;CACzB,MAAM,UACJ,OAAO,eAAe,WAAW,aAAa,eAAe,UAAU,IAAI,aAAa;CAE1F,IAAI,YAAY,QAAQ,YAAY,IAClC,OAAO;CAGT,OAAO;EACL,QAAS,MAAM,UAAqC;EACpD,aAAa,MAAM,gBAAgB;EACnC,UAAU,OAAO,MAAM,aAAa,WAAW,MAAM,WAAW;EAChE;EACA,YAAY,MAAM,eAAe;EACjC,SAAS,UAAU,MAAM,OAAO,IAAI,MAAM,UAAU;CACtD;AACF;AAEA,SAAgB,QAAQ,UAAqD;CAC3E,MAAM,YAAY,UAAuB;EACvC,MAAM,QAAQ,sBAAuB,MAAsB,MAAM;EAEjE,IAAI,OACF,SAAS,KAAK;CAElB;CAEA,OAAO,iBAAiB,cAAc,OAAO,QAAQ;CAErD,aAAa,OAAO,oBAAoB,cAAc,OAAO,QAAQ;AACvE"}
+{"version":3,"file":"toast.js","names":[],"sources":["../../resources/js/toast/toast.ts"],"sourcesContent":["import type { Toast as ToastMessage, Variant } from \"@lattice-php/lattice/types/generated\";\nimport { LATTICE_EVENT } from \"@lattice-php/lattice/core/event-names\";\nimport { isTranslatable } from \"@lattice-php/lattice/i18n/translatable\";\n\nexport type { ToastMessage, Variant };\n\nconst variants = [\n  \"primary\",\n  \"secondary\",\n  \"success\",\n  \"info\",\n  \"warning\",\n  \"danger\",\n] as const satisfies readonly Variant[];\n\nexport function isVariant(value: unknown): value is Variant {\n  return variants.some((variant) => variant === value);\n}\n\nexport function coerceMessage(value: unknown): ToastMessage[\"message\"] | null {\n  const message = typeof value === \"string\" ? value : isTranslatable(value) ? value : null;\n\n  return message === \"\" ? null : message;\n}\n\nexport function subscribeWindowEvent<T>(\n  event: string,\n  normalize: (detail: unknown) => T | null,\n  callback: (value: T) => void,\n): () => void {\n  const listener = (windowEvent: Event): void => {\n    const value = normalize((windowEvent as CustomEvent).detail);\n\n    if (value !== null) {\n      callback(value);\n    }\n  };\n\n  window.addEventListener(event, listener);\n\n  return () => window.removeEventListener(event, listener);\n}\n\nexport function normalizeToastMessage(value: unknown): ToastMessage | null {\n  if (typeof value !== \"object\" || value === null) {\n    return null;\n  }\n\n  const toast = value as Record<string, unknown>;\n  const message = coerceMessage(toast.message);\n\n  if (message === null) {\n    return null;\n  }\n\n  return {\n    action: (toast.action as ToastMessage[\"action\"]) ?? null,\n    dismissible: toast.dismissible !== false,\n    duration: typeof toast.duration === \"number\" ? toast.duration : null,\n    message,\n    persistent: toast.persistent === true,\n    variant: isVariant(toast.variant) ? toast.variant : \"success\",\n  };\n}\n\nexport function onToast(callback: (toast: ToastMessage) => void): () => void {\n  return subscribeWindowEvent(LATTICE_EVENT.toast, normalizeToastMessage, callback);\n}\n"],"mappings":";;;AAMA,IAAM,WAAW;CACf;CACA;CACA;CACA;CACA;CACA;AACF;AAEA,SAAgB,UAAU,OAAkC;CAC1D,OAAO,SAAS,MAAM,YAAY,YAAY,KAAK;AACrD;AAEA,SAAgB,cAAc,OAAgD;CAC5E,MAAM,UAAU,OAAO,UAAU,WAAW,QAAQ,eAAe,KAAK,IAAI,QAAQ;CAEpF,OAAO,YAAY,KAAK,OAAO;AACjC;AAEA,SAAgB,qBACd,OACA,WACA,UACY;CACZ,MAAM,YAAY,gBAA6B;EAC7C,MAAM,QAAQ,UAAW,YAA4B,MAAM;EAE3D,IAAI,UAAU,MACZ,SAAS,KAAK;CAElB;CAEA,OAAO,iBAAiB,OAAO,QAAQ;CAEvC,aAAa,OAAO,oBAAoB,OAAO,QAAQ;AACzD;AAEA,SAAgB,sBAAsB,OAAqC;CACzE,IAAI,OAAO,UAAU,YAAY,UAAU,MACzC,OAAO;CAGT,MAAM,QAAQ;CACd,MAAM,UAAU,cAAc,MAAM,OAAO;CAE3C,IAAI,YAAY,MACd,OAAO;CAGT,OAAO;EACL,QAAS,MAAM,UAAqC;EACpD,aAAa,MAAM,gBAAgB;EACnC,UAAU,OAAO,MAAM,aAAa,WAAW,MAAM,WAAW;EAChE;EACA,YAAY,MAAM,eAAe;EACjC,SAAS,UAAU,MAAM,OAAO,IAAI,MAAM,UAAU;CACtD;AACF;AAEA,SAAgB,QAAQ,UAAqD;CAC3E,OAAO,qBAAqB,cAAc,OAAO,uBAAuB,QAAQ;AAClF"}

package/dist/ui/segmented-pills.d.ts

@@ -7,7 +7,7 @@ export declare function SegmentedPills({ ariaLabel, autoFocus, disabled, name, o
     ariaLabel?: string;
     autoFocus?: boolean;
     disabled?: boolean;
-    name?: string;
+    name: string;
     onSelect: (value: string) => void;
     options: Option[];
     tabIndex?: number;

package/dist/ui/segmented-pills.js

@@ -23,7 +23,7 @@ function SegmentedPills({ ariaLabel, autoFocus = false, disabled = false, name,
 			const isSelected = value === option.value;
 			return /* @__PURE__ */ jsx("button", {
 				"aria-checked": isSelected,
-				"data-test": `${name ?? "segment"}-${option.value}`,
+				"data-test": `${name}-${option.value}`,
 				className: cn(pillClassName(isSelected), disabled && "cursor-not-allowed opacity-60"),
 				disabled,
 				onClick: () => onSelect(option.value),