@lattice-php/lattice 0.20.0 → 0.21.0

package/dist/format/format-context.js

@@ -0,0 +1,17 @@
+import { useLocale } from "../i18n/locale.js";
+import { useTimezone } from "../i18n/timezone.js";
+import { useMemo } from "react";
+//#region resources/js/format/format-context.ts
+/** The `{ locale, timezone }` pair every `formatValue` call needs. */
+function useFormatContext() {
+	const { locale } = useLocale();
+	const { timezone } = useTimezone();
+	return useMemo(() => ({
+		locale,
+		timezone
+	}), [locale, timezone]);
+}
+//#endregion
+export { useFormatContext };
+
+//# sourceMappingURL=format-context.js.map

package/dist/format/format-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format-context.js","names":[],"sources":["../../resources/js/format/format-context.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport { useLocale } from \"@lattice-php/lattice/i18n/locale\";\nimport { useTimezone } from \"@lattice-php/lattice/i18n/timezone\";\n\nexport type FormatContext = { locale: string; timezone: string };\n\n/** The `{ locale, timezone }` pair every `formatValue` call needs. */\nexport function useFormatContext(): FormatContext {\n  const { locale } = useLocale();\n  const { timezone } = useTimezone();\n\n  return useMemo(() => ({ locale, timezone }), [locale, timezone]);\n}\n"],"mappings":";;;;;AAOA,SAAgB,mBAAkC;CAChD,MAAM,EAAE,WAAW,UAAU;CAC7B,MAAM,EAAE,aAAa,YAAY;CAEjC,OAAO,eAAe;EAAE;EAAQ;CAAS,IAAI,CAAC,QAAQ,QAAQ,CAAC;AACjE"}

package/dist/i18n/backend.js

@@ -1,5 +1,5 @@
-import { setConfig } from "./config.js";
 import { localeHeader } from "./locale.js";
+import { setConfig } from "./config.js";
 import { ensureI18n, i18n, preloadLanguages } from "./instance.js";
 import HttpBackend from "i18next-http-backend";
 //#region resources/js/i18n/backend.ts

package/dist/i18n/index.js

@@ -1,10 +1,10 @@
+import { LocaleReload } from "./locale-reload.js";
+import { i18nConfigFromPageProps } from "./shared-props.js";
 import { currentLocale, localeHeader, setLocale, useLocale } from "./locale.js";
 import { i18n, translate, useT } from "./instance.js";
 import { configureI18n, enableBackend } from "./backend.js";
 import { LocaleSwitcher, useLocaleOptions } from "./locale-switcher.js";
-import { i18nConfigFromPageProps } from "./shared-props.js";
 import { configureI18nFromPageProps } from "./page-props.js";
 import { currentTimezone, setTimezone, useTimezone } from "./timezone.js";
 import { DateTime } from "./date-time.js";
-import { LocaleReload } from "./locale-reload.js";
 export { DateTime, LocaleReload, LocaleSwitcher, configureI18n, configureI18nFromPageProps, currentLocale, currentTimezone, enableBackend, i18n, i18nConfigFromPageProps, localeHeader, setLocale, setTimezone, translate, useLocale, useLocaleOptions, useT, useTimezone };

package/dist/i18n/instance.js

@@ -1,5 +1,5 @@
-import { useConfig } from "./config.js";
 import { currentLocale, subscribeLocale, useLocale } from "./locale.js";
+import { useConfig } from "./config.js";
 import { useCallback, useSyncExternalStore } from "react";
 import i18next from "i18next";
 //#region resources/js/i18n/instance.ts

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

@@ -1,4 +1,4 @@
 import { VisitOptions } from '@inertiajs/core';
 type LocaleReloadProps = Pick<VisitOptions, "preserveScroll" | "preserveState">;
-export declare function LocaleReload({ preserveScroll, preserveState }: LocaleReloadProps): import("react").JSX.Element;
+export declare function LocaleReload({ preserveScroll, preserveState }: LocaleReloadProps): null;
 export {};

package/dist/i18n/locale-reload.js

@@ -1,15 +1,16 @@
-import { EventBridge } from "../event-bridge.js";
+import { LATTICE_EVENT } from "../core/event-names.js";
+import { useWindowEvent } from "../core/hooks/use-window-event.js";
 import { router } from "@inertiajs/react";
-import { useCallback } from "react";
-import { jsx } from "react/jsx-runtime";
 //#region resources/js/i18n/locale-reload.tsx
 function LocaleReload({ preserveScroll = true, preserveState = true }) {
-	return /* @__PURE__ */ jsx(EventBridge, { onLocaleChange: useCallback(() => {
-		router.visit(window.location.href, {
+	useWindowEvent(LATTICE_EVENT.localeChange, (event) => {
+		const locale = event.detail?.locale;
+		if (typeof locale === "string" && locale !== "") router.visit(window.location.href, {
 			preserveScroll,
 			preserveState
 		});
-	}, [preserveScroll, preserveState]) });
+	});
+	return null;
 }
 //#endregion
 export { LocaleReload };

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

@@ -1 +1 @@
-{"version":3,"file":"locale-reload.js","names":[],"sources":["../../resources/js/i18n/locale-reload.tsx"],"sourcesContent":["import type { VisitOptions } from \"@inertiajs/core\";\nimport { router } from \"@inertiajs/react\";\nimport { useCallback } from \"react\";\nimport { EventBridge } from \"@lattice-php/lattice/event-bridge\";\n\ntype LocaleReloadProps = Pick<VisitOptions, \"preserveScroll\" | \"preserveState\">;\n\n// preserveState by default: the visit only re-fetches the re-localized props,\n// so keeping the page mounted avoids remounting the whole tree (and losing\n// table sort/filter, form input, focus) on every locale switch.\nexport function LocaleReload({ preserveScroll = true, preserveState = true }: LocaleReloadProps) {\n  const reload = useCallback(() => {\n    router.visit(window.location.href, { preserveScroll, preserveState });\n  }, [preserveScroll, preserveState]);\n\n  return <EventBridge onLocaleChange={reload} />;\n}\n"],"mappings":";;;;;AAUA,SAAgB,aAAa,EAAE,iBAAiB,MAAM,gBAAgB,QAA2B;CAK/F,OAAO,oBAAC,aAAD,EAAa,gBAJL,kBAAkB;EAC/B,OAAO,MAAM,OAAO,SAAS,MAAM;GAAE;GAAgB;EAAc,CAAC;CACtE,GAAG,CAAC,gBAAgB,aAAa,CAEG,EAAS,CAAA;AAC/C"}
+{"version":3,"file":"locale-reload.js","names":[],"sources":["../../resources/js/i18n/locale-reload.tsx"],"sourcesContent":["import type { VisitOptions } from \"@inertiajs/core\";\nimport { router } from \"@inertiajs/react\";\nimport { LATTICE_EVENT } from \"@lattice-php/lattice/core/event-names\";\nimport { useWindowEvent } from \"@lattice-php/lattice/core/hooks/use-window-event\";\n\ntype LocaleReloadProps = Pick<VisitOptions, \"preserveScroll\" | \"preserveState\">;\n\n// preserveState by default: the visit only re-fetches the re-localized props,\n// so keeping the page mounted avoids remounting the whole tree (and losing\n// table sort/filter, form input, focus) on every locale switch.\nexport function LocaleReload({ preserveScroll = true, preserveState = true }: LocaleReloadProps) {\n  useWindowEvent(LATTICE_EVENT.localeChange, (event) => {\n    const locale = (event as CustomEvent<{ locale?: unknown }>).detail?.locale;\n\n    if (typeof locale === \"string\" && locale !== \"\") {\n      router.visit(window.location.href, { preserveScroll, preserveState });\n    }\n  });\n\n  return null;\n}\n"],"mappings":";;;;AAUA,SAAgB,aAAa,EAAE,iBAAiB,MAAM,gBAAgB,QAA2B;CAC/F,eAAe,cAAc,eAAe,UAAU;EACpD,MAAM,SAAU,MAA4C,QAAQ;EAEpE,IAAI,OAAO,WAAW,YAAY,WAAW,IAC3C,OAAO,MAAM,OAAO,SAAS,MAAM;GAAE;GAAgB;EAAc,CAAC;CAExE,CAAC;CAED,OAAO;AACT"}

package/dist/i18n/locale.js

@@ -1,4 +1,4 @@
-import { LATTICE_EVENT } from "../events/event-names.js";
+import { LATTICE_EVENT } from "../core/event-names.js";
 import { useSyncExternalStore } from "react";
 //#region resources/js/i18n/locale.ts
 var key = "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/events/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,MAAM,KAAK,KAAK;AAC/B,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,EACT,KAAK,WAAW,OAAO,KAAK,CAAC,EAC7B,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\";\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,MAAM,KAAK,KAAK;AAC/B,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,EACT,KAAK,WAAW,OAAO,KAAK,CAAC,EAC7B,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"}

package/dist/i18n/page-props.js

@@ -1,5 +1,5 @@
-import { configureI18n } from "./backend.js";
 import { i18nConfigFromPageProps } from "./shared-props.js";
+import { configureI18n } from "./backend.js";
 //#region resources/js/i18n/page-props.ts
 function configureI18nFromPageProps(props, options = {}) {
 	return configureI18n(i18nConfigFromPageProps(props), options);

package/dist/i18n/shared-props.js

@@ -1,7 +1,5 @@
+import { isRecord } from "../core/materialize.js";
 //#region resources/js/i18n/shared-props.ts
-function isRecord(value) {
-	return typeof value === "object" && value !== null;
-}
 function isStringArray(value) {
 	return Array.isArray(value) && value.every((item) => typeof item === "string");
 }

package/dist/i18n/shared-props.js.map

@@ -1 +1 @@
-{"version":3,"file":"shared-props.js","names":[],"sources":["../../resources/js/i18n/shared-props.ts"],"sourcesContent":["import type { I18nConfig } from \"@lattice-php/lattice/types/generated\";\n\nfunction isRecord(value: unknown): value is Record<string, unknown> {\n  return typeof value === \"object\" && value !== null;\n}\n\nfunction isStringArray(value: unknown): value is string[] {\n  return Array.isArray(value) && value.every((item) => typeof item === \"string\");\n}\n\nfunction isI18nConfig(value: unknown): value is I18nConfig {\n  return (\n    isRecord(value) &&\n    typeof value.enabled === \"boolean\" &&\n    typeof value.saveMissing === \"boolean\" &&\n    isStringArray(value.locales) &&\n    isStringArray(value.preloadLocales) &&\n    (value.timezone === undefined || value.timezone === null || typeof value.timezone === \"string\")\n  );\n}\n\n/**\n * Parse the backend-shared `lattice.i18n` Inertia prop. Lives apart from the\n * configure entrypoint so callers can inspect the prop without pulling the\n * i18next backend into their bundle.\n */\nexport function i18nConfigFromPageProps(props: unknown): I18nConfig | undefined {\n  if (!isRecord(props)) {\n    return undefined;\n  }\n\n  const shared = props.lattice;\n  const config = isRecord(shared) ? shared.i18n : undefined;\n\n  return isI18nConfig(config) ? config : undefined;\n}\n"],"mappings":";AAEA,SAAS,SAAS,OAAkD;CAClE,OAAO,OAAO,UAAU,YAAY,UAAU;AAChD;AAEA,SAAS,cAAc,OAAmC;CACxD,OAAO,MAAM,QAAQ,KAAK,KAAK,MAAM,OAAO,SAAS,OAAO,SAAS,QAAQ;AAC/E;AAEA,SAAS,aAAa,OAAqC;CACzD,OACE,SAAS,KAAK,KACd,OAAO,MAAM,YAAY,aACzB,OAAO,MAAM,gBAAgB,aAC7B,cAAc,MAAM,OAAO,KAC3B,cAAc,MAAM,cAAc,MACjC,MAAM,aAAa,KAAA,KAAa,MAAM,aAAa,QAAQ,OAAO,MAAM,aAAa;AAE1F;;;;;;AAOA,SAAgB,wBAAwB,OAAwC;CAC9E,IAAI,CAAC,SAAS,KAAK,GACjB;CAGF,MAAM,SAAS,MAAM;CACrB,MAAM,SAAS,SAAS,MAAM,IAAI,OAAO,OAAO,KAAA;CAEhD,OAAO,aAAa,MAAM,IAAI,SAAS,KAAA;AACzC"}
+{"version":3,"file":"shared-props.js","names":[],"sources":["../../resources/js/i18n/shared-props.ts"],"sourcesContent":["import { isRecord } from \"@lattice-php/lattice/core/materialize\";\nimport type { I18nConfig } from \"@lattice-php/lattice/types/generated\";\n\nfunction isStringArray(value: unknown): value is string[] {\n  return Array.isArray(value) && value.every((item) => typeof item === \"string\");\n}\n\nfunction isI18nConfig(value: unknown): value is I18nConfig {\n  return (\n    isRecord(value) &&\n    typeof value.enabled === \"boolean\" &&\n    typeof value.saveMissing === \"boolean\" &&\n    isStringArray(value.locales) &&\n    isStringArray(value.preloadLocales) &&\n    (value.timezone === undefined || value.timezone === null || typeof value.timezone === \"string\")\n  );\n}\n\n/**\n * Parse the backend-shared `lattice.i18n` Inertia prop. Lives apart from the\n * configure entrypoint so callers can inspect the prop without pulling the\n * i18next backend into their bundle.\n */\nexport function i18nConfigFromPageProps(props: unknown): I18nConfig | undefined {\n  if (!isRecord(props)) {\n    return undefined;\n  }\n\n  const shared = props.lattice;\n  const config = isRecord(shared) ? shared.i18n : undefined;\n\n  return isI18nConfig(config) ? config : undefined;\n}\n"],"mappings":";;AAGA,SAAS,cAAc,OAAmC;CACxD,OAAO,MAAM,QAAQ,KAAK,KAAK,MAAM,OAAO,SAAS,OAAO,SAAS,QAAQ;AAC/E;AAEA,SAAS,aAAa,OAAqC;CACzD,OACE,SAAS,KAAK,KACd,OAAO,MAAM,YAAY,aACzB,OAAO,MAAM,gBAAgB,aAC7B,cAAc,MAAM,OAAO,KAC3B,cAAc,MAAM,cAAc,MACjC,MAAM,aAAa,KAAA,KAAa,MAAM,aAAa,QAAQ,OAAO,MAAM,aAAa;AAE1F;;;;;;AAOA,SAAgB,wBAAwB,OAAwC;CAC9E,IAAI,CAAC,SAAS,KAAK,GACjB;CAGF,MAAM,SAAS,MAAM;CACrB,MAAM,SAAS,SAAS,MAAM,IAAI,OAAO,OAAO,KAAA;CAEhD,OAAO,aAAa,MAAM,IAAI,SAAS,KAAA;AACzC"}

package/dist/i18n/timezone.js

@@ -1,4 +1,4 @@
-import { LATTICE_EVENT } from "../events/event-names.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

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/events/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,EAAE,gBAAgB,EAAE,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 { 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,EAAE,gBAAgB,EAAE,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"}

package/dist/index.d.ts

@@ -6,14 +6,14 @@ export { useEffectDispatcher } from './effects/use-effect-dispatcher.js';
 export { builtinEffectHandlers, effectHandler, mergeEffectHandlers } from './effects/registry.js';
 export { registerRichEditorExtension } from './form/rich-editor/registry.js';
 export { initializeTheme, updateAppearance, useAppearance } from './appearance/index.js';
-export { copyToClipboard, useClipboard } from './clipboard/index.js';
+export { copyToClipboard } from './clipboard/index.js';
 export { createLatticeApp, type CreateLatticeAppI18nOptions, type CreateLatticeAppOptions, } from './create-app.js';
 export { EventBridge } from './event-bridge.js';
 export { Icon, IconRenderer, IconRendererProvider, SpriteProvider } from './icons/index.js';
 export { createLayoutResolver, createPageResolver, pageComponentName, withVisitHeaders, } from './inertia.js';
 export { Callouts, layoutComponents, OutletContext, SchemaLayout, SidebarCollapsedContext, useSidebarCollapsed, } from './layout/index.js';
 export { Provider, useColumnRegistry, useComponentRegistry } from './provider.js';
-export { onCallout, onToast, showToast, Toaster } from './toast/index.js';
+export { onCallout, onToast, Toaster } from './toast/index.js';
 export { createPlugin, createRegistry, eagerComponent, extendRegistry, lazyComponent, } from './core/registry.js';
 export type { Plugin, Registry } from './core/registry.js';
 export type { UseChatOptions } from './chat/hooks/use-chat.js';
@@ -21,20 +21,19 @@ export type { ChatFrame, ChatMessage, ChatRole, ChatStatus, ChatTransport, ChatT
 export { Renderer } from './core/renderer.js';
 export { LATTICE_REF_HEADER, withRefHeader } from './core/component-ref.js';
 export { withHeaders } from './core/headers.js';
-export { LATTICE_EVENT } from './events/event-names.js';
+export { LATTICE_EVENT } from './core/event-names.js';
 export type { ButtonVariant } from './ui/button.js';
-export type { ReloadComponentEvent } from './events/event-names.js';
-export type { ComponentProps, KnownPageContainer, LayoutPayload, Node, NodeOfType, NodeProps, NodeType, PageContainer, PageBreadcrumb, PagePayload, PropsOf, RendererComponent, RendererComponentModule, RendererComponentProps, Schema, UnknownComponent, WireNode, } from './core/types.js';
+export type { ReloadComponentEvent } from './core/event-names.js';
+export type { ComponentProps, KnownPageContainer, LayoutPayload, Node, NodeProps, NodeType, PageContainer, PageBreadcrumb, PagePayload, ComponentPropsOf, RendererComponent, RendererComponentModule, RendererComponentProps, Schema, UnknownComponent, } from './core/types.js';
 export { RealtimeListeners } from './realtime/listeners.js';
 export type { ChannelVisibility, DateFormat, Listen, NumberFormat } from './types/generated.js';
 export { columnCell } from './table/registry.js';
 export type { ColumnCellArgs, ColumnCellComponent, ColumnRegistry } from './table/registry.js';
-export type { ColumnProps, ColumnPropsOf } from './table/types.js';
+export type { ColumnNode, ColumnProps, ColumnPropsOf, FilterNode, FilterProps, FilterPropsOf, } from './table/types.js';
 export type { Method } from '@inertiajs/core';
 export type { ActionEffect, ActionResponse } from './effects/dispatch.js';
 export type { EffectHandler, EffectHandlerRegistry, EffectOf, EffectProps, EffectPropsOf, } from './effects/registry.js';
 export type { EditorExtensionPayloadOf, EditorExtensionProps, RichEditorExtensionDefinition, ToolbarButton, ToolbarControl, ToolbarItem, } from './form/rich-editor/registry.js';
 export type { Appearance, ResolvedAppearance, UseAppearanceReturn } from './appearance/index.js';
-export type { CopiedValue, CopyFn, UseClipboardReturn } from './clipboard/index.js';
 export type { Callout, ToastMessage, Variant } from './toast/index.js';
 export type { IconName, IconRendererFunction, IconRendererProps, KnownIcons, SpriteValue, } from './icons/index.js';

package/dist/index.js

@@ -1,17 +1,16 @@
 import { initializeTheme, updateAppearance, useAppearance } from "./appearance/index.js";
 import { createPlugin, createRegistry, eagerComponent, extendRegistry, lazyComponent } from "./core/registry.js";
 import { useColumnRegistry, useComponentRegistry } from "./core/registry-context.js";
-import { LATTICE_EVENT } from "./events/event-names.js";
-import { onToast, showToast } from "./toast/toast.js";
-import { onCallout } from "./toast/callout.js";
+import { LATTICE_EVENT } from "./core/event-names.js";
+import { LATTICE_REF_HEADER, withRefHeader } from "./core/component-ref.js";
+import { withHeaders } from "./core/headers.js";
 import { Icon, SpriteProvider } from "./icons/sprite.js";
 import { IconRenderer, IconRendererProvider } from "./icons/icon-renderer.js";
 import { CollapsedContext, useCollapsed } from "./core/collapsed-context.js";
 import { Renderer } from "./core/renderer.js";
+import { onToast } from "./toast/toast.js";
+import { onCallout } from "./toast/callout.js";
 import { Toaster } from "./toast/toaster.js";
-import { EventBridge } from "./event-bridge.js";
-import { LATTICE_REF_HEADER, withRefHeader } from "./core/component-ref.js";
-import { withHeaders } from "./core/headers.js";
 import Callouts from "./layout/components/callouts.js";
 import { builtinEffectHandlers, effectHandler, mergeEffectHandlers } from "./effects/registry.js";
 import { dispatchActionError, dispatchEffects, getActionEffects, isActionEffect } from "./effects/dispatch.js";
@@ -21,6 +20,7 @@ import { layoutComponents } from "./layout/plugin.js";
 import SchemaLayout from "./layout/components/schema-layout.js";
 import { RealtimeListeners } from "./realtime/listeners.js";
 import { createLayoutResolver, createPageResolver, pageComponentName, withVisitHeaders } from "./inertia.js";
+import { EventBridge } from "./event-bridge.js";
 import { useChat } from "./chat/hooks/use-chat.js";
 import { chatComponents } from "./chat/plugin.js";
 import { copyToClipboard } from "./ui/copyable-text.js";
@@ -28,6 +28,5 @@ import { columnCell } from "./table/registry.js";
 import { registry } from "./registry.js";
 import { createLatticeApp } from "./create-app.js";
 import { registerRichEditorExtension } from "./form/rich-editor/registry.js";
-import { useClipboard } from "./clipboard/index.js";
 import { Provider } from "./provider.js";
-export { Callouts, EventBridge, Icon, IconRenderer, IconRendererProvider, LATTICE_EVENT, LATTICE_REF_HEADER, OutletContext, Provider, RealtimeListeners, Renderer, SchemaLayout, CollapsedContext as SidebarCollapsedContext, SpriteProvider, Toaster, builtinEffectHandlers, chatComponents, columnCell, copyToClipboard, createLatticeApp, createLayoutResolver, createPageResolver, createPlugin, createRegistry, dispatchActionError, dispatchEffects, eagerComponent, effectHandler, extendRegistry, getActionEffects, initializeTheme, isActionEffect, layoutComponents, lazyComponent, mergeEffectHandlers, onCallout, onToast, pageComponentName, registerRichEditorExtension, registry, showToast, updateAppearance, useAppearance, useChat, useClipboard, useColumnRegistry, useComponentRegistry, useEffectDispatcher, useCollapsed as useSidebarCollapsed, withHeaders, withRefHeader, withVisitHeaders };
+export { Callouts, EventBridge, Icon, IconRenderer, IconRendererProvider, LATTICE_EVENT, LATTICE_REF_HEADER, OutletContext, Provider, RealtimeListeners, Renderer, SchemaLayout, CollapsedContext as SidebarCollapsedContext, SpriteProvider, Toaster, builtinEffectHandlers, chatComponents, columnCell, copyToClipboard, createLatticeApp, createLayoutResolver, createPageResolver, createPlugin, createRegistry, dispatchActionError, dispatchEffects, eagerComponent, effectHandler, extendRegistry, getActionEffects, initializeTheme, isActionEffect, layoutComponents, lazyComponent, mergeEffectHandlers, onCallout, onToast, pageComponentName, registerRichEditorExtension, registry, updateAppearance, useAppearance, useChat, useColumnRegistry, useComponentRegistry, useEffectDispatcher, useCollapsed as useSidebarCollapsed, withHeaders, withRefHeader, withVisitHeaders };

package/dist/lattice.css

@@ -85,6 +85,7 @@
 
   --lt-duration-fast: 120ms;
   --lt-duration-base: 160ms;
+  --lt-duration-slow: 240ms;
 
   --lt-sidebar-w: 16rem;
   --lt-sidebar-w-collapsed: 4rem;
@@ -96,6 +97,20 @@
   color-scheme: light;
 }
 
+/*
+ * Radix keeps dialogs mounted until their exit animation ends, so reduced
+ * motion zeroes the durations instead of removing the animations — the
+ * animation events still fire and close stays instant.
+ */
+@media (prefers-reduced-motion: reduce) {
+  :root,
+  [data-theme="light"] {
+    --lt-duration-fast: 0ms;
+    --lt-duration-base: 0ms;
+    --lt-duration-slow: 0ms;
+  }
+}
+
 [data-theme="dark"],
 .dark {
   --lt-bg: var(--background, oklch(0.145 0 0));
@@ -205,6 +220,14 @@
   --font-weight-lt-bold: var(--lt-font-weight-bold);
   --animate-lt-toast-in: lt-toast-in var(--lt-duration-base) ease-out;
   --animate-lt-toast-out: lt-toast-out var(--lt-duration-fast) ease-in;
+  --animate-lt-fade-in: lt-fade-in var(--lt-duration-base) ease-out;
+  --animate-lt-fade-out: lt-fade-out var(--lt-duration-fast) ease-in;
+  --animate-lt-dialog-in: lt-dialog-in var(--lt-duration-base) ease-out;
+  --animate-lt-dialog-out: lt-dialog-out var(--lt-duration-fast) ease-in;
+  --animate-lt-sheet-in-start: lt-sheet-in-start var(--lt-duration-slow) ease-out;
+  --animate-lt-sheet-out-start: lt-sheet-out-start var(--lt-duration-fast) ease-in;
+  --animate-lt-sheet-in-end: lt-sheet-in-end var(--lt-duration-slow) ease-out;
+  --animate-lt-sheet-out-end: lt-sheet-out-end var(--lt-duration-fast) ease-in;
 }
 
 @theme {
@@ -285,6 +308,88 @@
   }
 }
 
+@keyframes lt-fade-in {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+@keyframes lt-fade-out {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+
+/* Centering uses Tailwind's standalone translate property, which composes
+   with transform — so these keyframes may only animate opacity and scale,
+   never a translate of their own. */
+@keyframes lt-dialog-in {
+  from {
+    opacity: 0;
+    transform: scale(0.98);
+  }
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+
+@keyframes lt-dialog-out {
+  from {
+    opacity: 1;
+    transform: scale(1);
+  }
+  to {
+    opacity: 0;
+    transform: scale(0.98);
+  }
+}
+
+/* Sheet slides are physical (translateX): under RTL a sheet docks to the
+   correct logical edge but enters from the mirrored side. Shipped locales
+   are LTR. */
+@keyframes lt-sheet-in-start {
+  from {
+    transform: translateX(-100%);
+  }
+  to {
+    transform: translateX(0);
+  }
+}
+
+@keyframes lt-sheet-out-start {
+  from {
+    transform: translateX(0);
+  }
+  to {
+    transform: translateX(-100%);
+  }
+}
+
+@keyframes lt-sheet-in-end {
+  from {
+    transform: translateX(100%);
+  }
+  to {
+    transform: translateX(0);
+  }
+}
+
+@keyframes lt-sheet-out-end {
+  from {
+    transform: translateX(0);
+  }
+  to {
+    transform: translateX(100%);
+  }
+}
+
 /*
  * Named colours. Semantic names alias the theme tokens; hue names carry their
  * own oklch values with `.dark` overrides. Renderers resolve a named colour to

package/dist/layout/components/callouts.js

@@ -1,7 +1,7 @@
-import { onCallout } from "../../toast/callout.js";
 import { cn } from "../../lib/utils.js";
 import { Icon } from "../../icons/sprite.js";
 import { RenderNode } from "../../core/renderer.js";
+import { onCallout } from "../../toast/callout.js";
 import { useT } from "../../i18n/instance.js";
 import { variantStyles } from "../../toast/variant-styles.js";
 import { useEffect, useState } from "react";

package/dist/layout/components/sidebar.js

@@ -1,70 +1,37 @@
-import { LATTICE_EVENT } from "../../events/event-names.js";
+import { LATTICE_EVENT } from "../../core/event-names.js";
+import { useWindowEvent } from "../../core/hooks/use-window-event.js";
 import { cn } from "../../lib/utils.js";
 import { CollapsedContext } from "../../core/collapsed-context.js";
 import { nodeIdentity } from "../../core/test-id.js";
+import { useMediaQuery } from "../../lib/use-media-query.js";
+import { useCollapsibleState } from "../../ui/use-collapsible-state.js";
 import { router } from "@inertiajs/react";
 import { useEffect, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region resources/js/layout/components/sidebar.tsx
 var DESKTOP_QUERY = "(min-width: 768px)";
-function readStored(key, remember) {
-	if (!remember || typeof window === "undefined") return false;
-	return window.localStorage.getItem(key) === "true";
-}
 function matchesTarget(event, identity) {
 	const target = event.detail?.target;
 	return target == null || target === identity;
 }
-function useIsDesktop() {
-	const supported = () => typeof window !== "undefined" && typeof window.matchMedia === "function";
-	const [isDesktop, setIsDesktop] = useState(() => supported() ? window.matchMedia(DESKTOP_QUERY).matches : true);
-	useEffect(() => {
-		if (!supported()) return;
-		const query = window.matchMedia(DESKTOP_QUERY);
-		const update = () => setIsDesktop(query.matches);
-		update();
-		query.addEventListener("change", update);
-		return () => query.removeEventListener("change", update);
-	}, []);
-	return isDesktop;
-}
 var SidebarComponent = ({ children, node }) => {
 	const collapsible = node.props.collapsible;
 	const rememberState = node.props.rememberState;
 	const identity = nodeIdentity(node);
 	const storageKey = `lattice:sidebar:${identity ?? "default"}`;
-	const isDesktop = useIsDesktop();
-	const [collapsed, setCollapsed] = useState(() => readStored(storageKey, collapsible && rememberState));
+	const isDesktop = useMediaQuery(DESKTOP_QUERY, true);
+	const [collapsed, toggleCollapsed] = useCollapsibleState(storageKey, false, collapsible && rememberState);
 	const [mobileOpen, setMobileOpen] = useState(false);
-	useEffect(() => {
-		function toggle(event) {
-			if (!matchesTarget(event, identity)) return;
-			if (window.matchMedia?.(DESKTOP_QUERY).matches ?? true) {
-				if (!collapsible) return;
-				setCollapsed((value) => {
-					const next = !value;
-					if (rememberState && typeof window !== "undefined") window.localStorage.setItem(storageKey, String(next));
-					return next;
-				});
-			} else setMobileOpen((open) => !open);
-		}
-		window.addEventListener(LATTICE_EVENT.toggleSidebar, toggle);
-		return () => window.removeEventListener(LATTICE_EVENT.toggleSidebar, toggle);
-	}, [
-		identity,
-		collapsible,
-		rememberState,
-		storageKey
-	]);
+	useWindowEvent(LATTICE_EVENT.toggleSidebar, (event) => {
+		if (!matchesTarget(event, identity)) return;
+		if (window.matchMedia?.(DESKTOP_QUERY).matches ?? true) {
+			if (collapsible) toggleCollapsed();
+		} else setMobileOpen((open) => !open);
+	});
 	useEffect(() => router.on("navigate", () => setMobileOpen(false)), []);
-	useEffect(() => {
-		if (!mobileOpen) return;
-		function close(event) {
-			if (event.key === "Escape") setMobileOpen(false);
-		}
-		window.addEventListener("keydown", close);
-		return () => window.removeEventListener("keydown", close);
-	}, [mobileOpen]);
+	useWindowEvent("keydown", (event) => {
+		if (event.key === "Escape") setMobileOpen(false);
+	}, { enabled: mobileOpen });
 	const isCollapsed = collapsible && collapsed && isDesktop;
 	return /* @__PURE__ */ jsxs(CollapsedContext.Provider, {
 		value: isCollapsed,

package/dist/layout/components/sidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.js","names":[],"sources":["../../../resources/js/layout/components/sidebar.tsx"],"sourcesContent":["import { router } from \"@inertiajs/react\";\nimport { useEffect, useState } from \"react\";\nimport type { RendererComponent } from \"@lattice-php/lattice/core/types\";\nimport { CollapsedContext } from \"@lattice-php/lattice/core/collapsed-context\";\nimport { LATTICE_EVENT } from \"@lattice-php/lattice/events/event-names\";\nimport { nodeIdentity } from \"@lattice-php/lattice/core/test-id\";\nimport { cn } from \"@lattice-php/lattice/lib/utils\";\n\nconst DESKTOP_QUERY = \"(min-width: 768px)\";\n\nfunction readStored(key: string, remember: boolean): boolean {\n  if (!remember || typeof window === \"undefined\") {\n    return false;\n  }\n\n  return window.localStorage.getItem(key) === \"true\";\n}\n\nfunction matchesTarget(event: Event, identity: string | undefined): boolean {\n  const target = (event as CustomEvent<{ target?: string }>).detail?.target;\n\n  return target == null || target === identity;\n}\n\nfunction useIsDesktop(): boolean {\n  const supported = () => typeof window !== \"undefined\" && typeof window.matchMedia === \"function\";\n  const [isDesktop, setIsDesktop] = useState(() =>\n    supported() ? window.matchMedia(DESKTOP_QUERY).matches : true,\n  );\n\n  useEffect(() => {\n    if (!supported()) {\n      return;\n    }\n\n    const query = window.matchMedia(DESKTOP_QUERY);\n    const update = (): void => setIsDesktop(query.matches);\n\n    update();\n    query.addEventListener(\"change\", update);\n\n    return () => query.removeEventListener(\"change\", update);\n  }, []);\n\n  return isDesktop;\n}\n\nconst SidebarComponent: RendererComponent<\"sidebar\"> = ({ children, node }) => {\n  const collapsible = node.props.collapsible;\n  const rememberState = node.props.rememberState;\n  const identity = nodeIdentity(node);\n  const storageKey = `lattice:sidebar:${identity ?? \"default\"}`;\n  const isDesktop = useIsDesktop();\n\n  const [collapsed, setCollapsed] = useState(() =>\n    readStored(storageKey, collapsible && rememberState),\n  );\n  const [mobileOpen, setMobileOpen] = useState(false);\n\n  useEffect(() => {\n    function toggle(event: Event): void {\n      if (!matchesTarget(event, identity)) {\n        return;\n      }\n\n      if (window.matchMedia?.(DESKTOP_QUERY).matches ?? true) {\n        if (!collapsible) {\n          return;\n        }\n\n        setCollapsed((value) => {\n          const next = !value;\n\n          if (rememberState && typeof window !== \"undefined\") {\n            window.localStorage.setItem(storageKey, String(next));\n          }\n\n          return next;\n        });\n      } else {\n        setMobileOpen((open) => !open);\n      }\n    }\n\n    window.addEventListener(LATTICE_EVENT.toggleSidebar, toggle);\n\n    return () => window.removeEventListener(LATTICE_EVENT.toggleSidebar, toggle);\n  }, [identity, collapsible, rememberState, storageKey]);\n\n  useEffect(() => router.on(\"navigate\", () => setMobileOpen(false)), []);\n\n  useEffect(() => {\n    if (!mobileOpen) {\n      return;\n    }\n\n    function close(event: KeyboardEvent): void {\n      if (event.key === \"Escape\") {\n        setMobileOpen(false);\n      }\n    }\n\n    window.addEventListener(\"keydown\", close);\n\n    return () => window.removeEventListener(\"keydown\", close);\n  }, [mobileOpen]);\n\n  const isCollapsed = collapsible && collapsed && isDesktop;\n\n  return (\n    <CollapsedContext.Provider value={isCollapsed}>\n      {mobileOpen ? (\n        <div\n          aria-hidden=\"true\"\n          className=\"fixed inset-0 z-lt-overlay bg-lt-overlay md:hidden\"\n          data-test=\"sidebar-backdrop\"\n          onClick={() => setMobileOpen(false)}\n        />\n      ) : null}\n      <aside\n        className={cn(\n          \"fixed inset-y-0 left-0 z-lt-modal flex h-svh w-72 max-w-[80vw] shrink-0 flex-col gap-4 border-r border-lt-border bg-lt-bg p-4 transition-transform\",\n          \"md:sticky md:top-0 md:z-auto md:max-w-none md:translate-x-0 md:transition-[width]\",\n          mobileOpen ? \"translate-x-0\" : \"-translate-x-full\",\n          isCollapsed\n            ? \"md:w-16 md:overflow-visible\"\n            : \"md:w-64 md:overflow-x-hidden md:overflow-y-auto\",\n        )}\n        data-collapsed={isCollapsed ? \"true\" : \"false\"}\n        data-lattice-component={identity}\n        data-test=\"sidebar\"\n      >\n        {children}\n      </aside>\n    </CollapsedContext.Provider>\n  );\n};\n\nexport default SidebarComponent;\n"],"mappings":";;;;;;;;AAQA,IAAM,gBAAgB;AAEtB,SAAS,WAAW,KAAa,UAA4B;CAC3D,IAAI,CAAC,YAAY,OAAO,WAAW,aACjC,OAAO;CAGT,OAAO,OAAO,aAAa,QAAQ,GAAG,MAAM;AAC9C;AAEA,SAAS,cAAc,OAAc,UAAuC;CAC1E,MAAM,SAAU,MAA2C,QAAQ;CAEnE,OAAO,UAAU,QAAQ,WAAW;AACtC;AAEA,SAAS,eAAwB;CAC/B,MAAM,kBAAkB,OAAO,WAAW,eAAe,OAAO,OAAO,eAAe;CACtF,MAAM,CAAC,WAAW,gBAAgB,eAChC,UAAU,IAAI,OAAO,WAAW,aAAa,EAAE,UAAU,IAC3D;CAEA,gBAAgB;EACd,IAAI,CAAC,UAAU,GACb;EAGF,MAAM,QAAQ,OAAO,WAAW,aAAa;EAC7C,MAAM,eAAqB,aAAa,MAAM,OAAO;EAErD,OAAO;EACP,MAAM,iBAAiB,UAAU,MAAM;EAEvC,aAAa,MAAM,oBAAoB,UAAU,MAAM;CACzD,GAAG,CAAC,CAAC;CAEL,OAAO;AACT;AAEA,IAAM,oBAAkD,EAAE,UAAU,WAAW;CAC7E,MAAM,cAAc,KAAK,MAAM;CAC/B,MAAM,gBAAgB,KAAK,MAAM;CACjC,MAAM,WAAW,aAAa,IAAI;CAClC,MAAM,aAAa,mBAAmB,YAAY;CAClD,MAAM,YAAY,aAAa;CAE/B,MAAM,CAAC,WAAW,gBAAgB,eAChC,WAAW,YAAY,eAAe,aAAa,CACrD;CACA,MAAM,CAAC,YAAY,iBAAiB,SAAS,KAAK;CAElD,gBAAgB;EACd,SAAS,OAAO,OAAoB;GAClC,IAAI,CAAC,cAAc,OAAO,QAAQ,GAChC;GAGF,IAAI,OAAO,aAAa,aAAa,EAAE,WAAW,MAAM;IACtD,IAAI,CAAC,aACH;IAGF,cAAc,UAAU;KACtB,MAAM,OAAO,CAAC;KAEd,IAAI,iBAAiB,OAAO,WAAW,aACrC,OAAO,aAAa,QAAQ,YAAY,OAAO,IAAI,CAAC;KAGtD,OAAO;IACT,CAAC;GACH,OACE,eAAe,SAAS,CAAC,IAAI;EAEjC;EAEA,OAAO,iBAAiB,cAAc,eAAe,MAAM;EAE3D,aAAa,OAAO,oBAAoB,cAAc,eAAe,MAAM;CAC7E,GAAG;EAAC;EAAU;EAAa;EAAe;CAAU,CAAC;CAErD,gBAAgB,OAAO,GAAG,kBAAkB,cAAc,KAAK,CAAC,GAAG,CAAC,CAAC;CAErE,gBAAgB;EACd,IAAI,CAAC,YACH;EAGF,SAAS,MAAM,OAA4B;GACzC,IAAI,MAAM,QAAQ,UAChB,cAAc,KAAK;EAEvB;EAEA,OAAO,iBAAiB,WAAW,KAAK;EAExC,aAAa,OAAO,oBAAoB,WAAW,KAAK;CAC1D,GAAG,CAAC,UAAU,CAAC;CAEf,MAAM,cAAc,eAAe,aAAa;CAEhD,OACE,qBAAC,iBAAiB,UAAlB;EAA2B,OAAO;YAAlC,CACG,aACC,oBAAC,OAAD;GACE,eAAY;GACZ,WAAU;GACV,aAAU;GACV,eAAe,cAAc,KAAK;EACnC,CAAA,IACC,MACJ,oBAAC,SAAD;GACE,WAAW,GACT,sJACA,qFACA,aAAa,kBAAkB,qBAC/B,cACI,gCACA,iDACN;GACA,kBAAgB,cAAc,SAAS;GACvC,0BAAwB;GACxB,aAAU;GAET;EACI,CAAA,CACkB;;AAE/B"}
+{"version":3,"file":"sidebar.js","names":[],"sources":["../../../resources/js/layout/components/sidebar.tsx"],"sourcesContent":["import { router } from \"@inertiajs/react\";\nimport { useEffect, useState } from \"react\";\nimport type { RendererComponent } from \"@lattice-php/lattice/core/types\";\nimport { CollapsedContext } from \"@lattice-php/lattice/core/collapsed-context\";\nimport { LATTICE_EVENT } from \"@lattice-php/lattice/core/event-names\";\nimport { useWindowEvent } from \"@lattice-php/lattice/core/hooks/use-window-event\";\nimport { nodeIdentity } from \"@lattice-php/lattice/core/test-id\";\nimport { cn } from \"@lattice-php/lattice/lib/utils\";\nimport { useMediaQuery } from \"@lattice-php/lattice/lib/use-media-query\";\nimport { useCollapsibleState } from \"@lattice-php/lattice/ui/use-collapsible-state\";\n\nconst DESKTOP_QUERY = \"(min-width: 768px)\";\n\nfunction matchesTarget(event: Event, identity: string | undefined): boolean {\n  const target = (event as CustomEvent<{ target?: string }>).detail?.target;\n\n  return target == null || target === identity;\n}\n\nconst SidebarComponent: RendererComponent<\"sidebar\"> = ({ children, node }) => {\n  const collapsible = node.props.collapsible;\n  const rememberState = node.props.rememberState;\n  const identity = nodeIdentity(node);\n  const storageKey = `lattice:sidebar:${identity ?? \"default\"}`;\n  const isDesktop = useMediaQuery(DESKTOP_QUERY, true);\n\n  const [collapsed, toggleCollapsed] = useCollapsibleState(\n    storageKey,\n    false,\n    collapsible && rememberState,\n  );\n  const [mobileOpen, setMobileOpen] = useState(false);\n\n  useWindowEvent(LATTICE_EVENT.toggleSidebar, (event) => {\n    if (!matchesTarget(event, identity)) {\n      return;\n    }\n\n    if (window.matchMedia?.(DESKTOP_QUERY).matches ?? true) {\n      if (collapsible) {\n        toggleCollapsed();\n      }\n    } else {\n      setMobileOpen((open) => !open);\n    }\n  });\n\n  useEffect(() => router.on(\"navigate\", () => setMobileOpen(false)), []);\n\n  useWindowEvent(\n    \"keydown\",\n    (event) => {\n      if ((event as KeyboardEvent).key === \"Escape\") {\n        setMobileOpen(false);\n      }\n    },\n    { enabled: mobileOpen },\n  );\n\n  const isCollapsed = collapsible && collapsed && isDesktop;\n\n  return (\n    <CollapsedContext.Provider value={isCollapsed}>\n      {mobileOpen ? (\n        <div\n          aria-hidden=\"true\"\n          className=\"fixed inset-0 z-lt-overlay bg-lt-overlay md:hidden\"\n          data-test=\"sidebar-backdrop\"\n          onClick={() => setMobileOpen(false)}\n        />\n      ) : null}\n      <aside\n        className={cn(\n          \"fixed inset-y-0 left-0 z-lt-modal flex h-svh w-72 max-w-[80vw] shrink-0 flex-col gap-4 border-r border-lt-border bg-lt-bg p-4 transition-transform\",\n          \"md:sticky md:top-0 md:z-auto md:max-w-none md:translate-x-0 md:transition-[width]\",\n          mobileOpen ? \"translate-x-0\" : \"-translate-x-full\",\n          isCollapsed\n            ? \"md:w-16 md:overflow-visible\"\n            : \"md:w-64 md:overflow-x-hidden md:overflow-y-auto\",\n        )}\n        data-collapsed={isCollapsed ? \"true\" : \"false\"}\n        data-lattice-component={identity}\n        data-test=\"sidebar\"\n      >\n        {children}\n      </aside>\n    </CollapsedContext.Provider>\n  );\n};\n\nexport default SidebarComponent;\n"],"mappings":";;;;;;;;;;;AAWA,IAAM,gBAAgB;AAEtB,SAAS,cAAc,OAAc,UAAuC;CAC1E,MAAM,SAAU,MAA2C,QAAQ;CAEnE,OAAO,UAAU,QAAQ,WAAW;AACtC;AAEA,IAAM,oBAAkD,EAAE,UAAU,WAAW;CAC7E,MAAM,cAAc,KAAK,MAAM;CAC/B,MAAM,gBAAgB,KAAK,MAAM;CACjC,MAAM,WAAW,aAAa,IAAI;CAClC,MAAM,aAAa,mBAAmB,YAAY;CAClD,MAAM,YAAY,cAAc,eAAe,IAAI;CAEnD,MAAM,CAAC,WAAW,mBAAmB,oBACnC,YACA,OACA,eAAe,aACjB;CACA,MAAM,CAAC,YAAY,iBAAiB,SAAS,KAAK;CAElD,eAAe,cAAc,gBAAgB,UAAU;EACrD,IAAI,CAAC,cAAc,OAAO,QAAQ,GAChC;EAGF,IAAI,OAAO,aAAa,aAAa,EAAE,WAAW;OAC5C,aACF,gBAAgB;EAAA,OAGlB,eAAe,SAAS,CAAC,IAAI;CAEjC,CAAC;CAED,gBAAgB,OAAO,GAAG,kBAAkB,cAAc,KAAK,CAAC,GAAG,CAAC,CAAC;CAErE,eACE,YACC,UAAU;EACT,IAAK,MAAwB,QAAQ,UACnC,cAAc,KAAK;CAEvB,GACA,EAAE,SAAS,WAAW,CACxB;CAEA,MAAM,cAAc,eAAe,aAAa;CAEhD,OACE,qBAAC,iBAAiB,UAAlB;EAA2B,OAAO;YAAlC,CACG,aACC,oBAAC,OAAD;GACE,eAAY;GACZ,WAAU;GACV,aAAU;GACV,eAAe,cAAc,KAAK;EACnC,CAAA,IACC,MACJ,oBAAC,SAAD;GACE,WAAW,GACT,sJACA,qFACA,aAAa,kBAAkB,qBAC/B,cACI,gCACA,iDACN;GACA,kBAAgB,cAAc,SAAS;GACvC,0BAAwB;GACxB,aAAU;GAET;EACI,CAAA,CACkB;;AAE/B"}

package/dist/layout/plugin.d.ts

@@ -1,2 +1 @@
-export type LayoutComponentType = "breadcrumbs" | "callouts" | "dropdown" | "menu" | "menu-item" | "outlet" | "sidebar" | "topbar";
 export declare const layoutComponents: import('../core/registry.js').Plugin;

package/dist/layout/plugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.js","names":[],"sources":["../../resources/js/layout/plugin.ts"],"sourcesContent":["import {\n  createPlugin,\n  eagerComponent,\n  type ComponentRegistryFor,\n} from \"@lattice-php/lattice/core/registry\";\nimport BreadcrumbsComponent from \"./components/breadcrumbs\";\nimport CalloutsComponent from \"./components/callouts\";\nimport DropdownComponent from \"./components/dropdown\";\nimport MenuComponent from \"./components/menu\";\nimport MenuItemComponent from \"./components/menu-item\";\nimport OutletComponent from \"./components/outlet\";\nimport SidebarComponent from \"./components/sidebar\";\nimport TopbarComponent from \"./components/topbar\";\n\nexport type LayoutComponentType =\n  | \"breadcrumbs\"\n  | \"callouts\"\n  | \"dropdown\"\n  | \"menu\"\n  | \"menu-item\"\n  | \"outlet\"\n  | \"sidebar\"\n  | \"topbar\";\n\nexport const layoutComponents = createPlugin({\n  components: {\n    breadcrumbs: eagerComponent(BreadcrumbsComponent),\n    callouts: eagerComponent(CalloutsComponent),\n    dropdown: eagerComponent(DropdownComponent),\n    menu: eagerComponent(MenuComponent),\n    \"menu-item\": eagerComponent(MenuItemComponent),\n    outlet: eagerComponent(OutletComponent),\n    sidebar: eagerComponent(SidebarComponent),\n    topbar: eagerComponent(TopbarComponent),\n  } satisfies ComponentRegistryFor<LayoutComponentType>,\n  name: \"lattice/layout\",\n});\n"],"mappings":";;;;;;;;;;AAwBA,IAAa,mBAAmB,aAAa;CAC3C,YAAY;EACV,aAAa,eAAe,oBAAoB;EAChD,UAAU,eAAe,QAAiB;EAC1C,UAAU,eAAe,iBAAiB;EAC1C,MAAM,eAAe,aAAa;EAClC,aAAa,eAAe,iBAAiB;EAC7C,QAAQ,eAAe,eAAe;EACtC,SAAS,eAAe,gBAAgB;EACxC,QAAQ,eAAe,eAAe;CACxC;CACA,MAAM;AACR,CAAC"}
+{"version":3,"file":"plugin.js","names":[],"sources":["../../resources/js/layout/plugin.ts"],"sourcesContent":["import {\n  createPlugin,\n  eagerComponent,\n  type ComponentRegistryFor,\n} from \"@lattice-php/lattice/core/registry\";\nimport type { LayoutNodeType } from \"@lattice-php/lattice/types/generated\";\nimport BreadcrumbsComponent from \"./components/breadcrumbs\";\nimport CalloutsComponent from \"./components/callouts\";\nimport DropdownComponent from \"./components/dropdown\";\nimport MenuComponent from \"./components/menu\";\nimport MenuItemComponent from \"./components/menu-item\";\nimport OutletComponent from \"./components/outlet\";\nimport SidebarComponent from \"./components/sidebar\";\nimport TopbarComponent from \"./components/topbar\";\n\nexport const layoutComponents = createPlugin({\n  components: {\n    breadcrumbs: eagerComponent(BreadcrumbsComponent),\n    callouts: eagerComponent(CalloutsComponent),\n    dropdown: eagerComponent(DropdownComponent),\n    menu: eagerComponent(MenuComponent),\n    \"menu-item\": eagerComponent(MenuItemComponent),\n    outlet: eagerComponent(OutletComponent),\n    sidebar: eagerComponent(SidebarComponent),\n    topbar: eagerComponent(TopbarComponent),\n  } satisfies ComponentRegistryFor<LayoutNodeType>,\n  name: \"lattice/layout\",\n});\n"],"mappings":";;;;;;;;;;AAeA,IAAa,mBAAmB,aAAa;CAC3C,YAAY;EACV,aAAa,eAAe,oBAAoB;EAChD,UAAU,eAAe,QAAiB;EAC1C,UAAU,eAAe,iBAAiB;EAC1C,MAAM,eAAe,aAAa;EAClC,aAAa,eAAe,iBAAiB;EAC7C,QAAQ,eAAe,eAAe;EACtC,SAAS,eAAe,gBAAgB;EACxC,QAAQ,eAAe,eAAe;CACxC;CACA,MAAM;AACR,CAAC"}

package/dist/lib/is-truthy.d.ts

@@ -0,0 +1,2 @@
+/** Coerce a wire value (boolean, `1`/`0`, `"1"`/`"true"`) to a boolean. */
+export declare function isTruthy(value: unknown): boolean;

package/dist/lib/is-truthy.js

@@ -0,0 +1,9 @@
+//#region resources/js/lib/is-truthy.ts
+/** Coerce a wire value (boolean, `1`/`0`, `"1"`/`"true"`) to a boolean. */
+function isTruthy(value) {
+	return value === true || value === 1 || value === "1" || value === "true";
+}
+//#endregion
+export { isTruthy };
+
+//# sourceMappingURL=is-truthy.js.map

package/dist/lib/is-truthy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-truthy.js","names":[],"sources":["../../resources/js/lib/is-truthy.ts"],"sourcesContent":["/** Coerce a wire value (boolean, `1`/`0`, `\"1\"`/`\"true\"`) to a boolean. */\nexport function isTruthy(value: unknown): boolean {\n  return value === true || value === 1 || value === \"1\" || value === \"true\";\n}\n"],"mappings":";;AACA,SAAgB,SAAS,OAAyB;CAChD,OAAO,UAAU,QAAQ,UAAU,KAAK,UAAU,OAAO,UAAU;AACrE"}

package/dist/lib/use-debounced-callback.d.ts

@@ -0,0 +1,10 @@
+export type DebouncedCallback<A extends unknown[]> = {
+    (...args: A): void;
+    cancel: () => void;
+};
+/**
+ * A debounced wrapper around `callback` that is stable across renders (it reads
+ * the latest callback via a ref) and clears its pending timer on unmount, so a
+ * late fire can never run against a torn-down component.
+ */
+export declare function useDebouncedCallback<A extends unknown[]>(callback: (...args: A) => void, delayMs: number): DebouncedCallback<A>;

package/dist/lib/use-debounced-callback.js

@@ -0,0 +1,34 @@
+import { useCallback, useEffect, useMemo, useRef } from "react";
+//#region resources/js/lib/use-debounced-callback.ts
+/**
+* A debounced wrapper around `callback` that is stable across renders (it reads
+* the latest callback via a ref) and clears its pending timer on unmount, so a
+* late fire can never run against a torn-down component.
+*/
+function useDebouncedCallback(callback, delayMs) {
+	const callbackRef = useRef(callback);
+	callbackRef.current = callback;
+	const timerRef = useRef(null);
+	const cancel = useCallback(() => {
+		if (timerRef.current !== null) {
+			clearTimeout(timerRef.current);
+			timerRef.current = null;
+		}
+	}, []);
+	useEffect(() => cancel, [cancel]);
+	return useMemo(() => {
+		const debounced = (...args) => {
+			cancel();
+			timerRef.current = setTimeout(() => {
+				timerRef.current = null;
+				callbackRef.current(...args);
+			}, delayMs);
+		};
+		debounced.cancel = cancel;
+		return debounced;
+	}, [cancel, delayMs]);
+}
+//#endregion
+export { useDebouncedCallback };
+
+//# sourceMappingURL=use-debounced-callback.js.map

package/dist/lib/use-debounced-callback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-debounced-callback.js","names":[],"sources":["../../resources/js/lib/use-debounced-callback.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef } from \"react\";\n\nexport type DebouncedCallback<A extends unknown[]> = {\n  (...args: A): void;\n  cancel: () => void;\n};\n\n/**\n * A debounced wrapper around `callback` that is stable across renders (it reads\n * the latest callback via a ref) and clears its pending timer on unmount, so a\n * late fire can never run against a torn-down component.\n */\nexport function useDebouncedCallback<A extends unknown[]>(\n  callback: (...args: A) => void,\n  delayMs: number,\n): DebouncedCallback<A> {\n  const callbackRef = useRef(callback);\n  callbackRef.current = callback;\n\n  const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const cancel = useCallback(() => {\n    if (timerRef.current !== null) {\n      clearTimeout(timerRef.current);\n      timerRef.current = null;\n    }\n  }, []);\n\n  useEffect(() => cancel, [cancel]);\n\n  return useMemo(() => {\n    const debounced = (...args: A): void => {\n      cancel();\n      timerRef.current = setTimeout(() => {\n        timerRef.current = null;\n        callbackRef.current(...args);\n      }, delayMs);\n    };\n\n    debounced.cancel = cancel;\n\n    return debounced;\n  }, [cancel, delayMs]);\n}\n"],"mappings":";;;;;;;AAYA,SAAgB,qBACd,UACA,SACsB;CACtB,MAAM,cAAc,OAAO,QAAQ;CACnC,YAAY,UAAU;CAEtB,MAAM,WAAW,OAA6C,IAAI;CAElE,MAAM,SAAS,kBAAkB;EAC/B,IAAI,SAAS,YAAY,MAAM;GAC7B,aAAa,SAAS,OAAO;GAC7B,SAAS,UAAU;EACrB;CACF,GAAG,CAAC,CAAC;CAEL,gBAAgB,QAAQ,CAAC,MAAM,CAAC;CAEhC,OAAO,cAAc;EACnB,MAAM,aAAa,GAAG,SAAkB;GACtC,OAAO;GACP,SAAS,UAAU,iBAAiB;IAClC,SAAS,UAAU;IACnB,YAAY,QAAQ,GAAG,IAAI;GAC7B,GAAG,OAAO;EACZ;EAEA,UAAU,SAAS;EAEnB,OAAO;CACT,GAAG,CAAC,QAAQ,OAAO,CAAC;AACtB"}