@lattice-php/lattice 0.19.0 → 0.20.0

package/dist/form/rich-editor/toolbar-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar-button.js","names":[],"sources":["../../../resources/js/form/rich-editor/toolbar-button.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { IconButton } from \"@lattice-php/lattice/ui/icon-button\";\n\n/**\n * The shared editor toolbar trigger: an {@link IconButton} that keeps focus in\n * the editor (mousedown is prevented so clicks don't blur it, which would\n * otherwise trigger a precognition request).\n */\nexport function ToolbarIconButton({\n  active = false,\n  icon,\n  label,\n  testId,\n  ...props\n}: React.ComponentProps<\"button\"> & {\n  active?: boolean;\n  icon: string;\n  label: string;\n  testId: string;\n}) {\n  return (\n    <IconButton\n      size=\"sm\"\n      icon={icon}\n      label={label}\n      title={label}\n      active={active}\n      data-test={testId}\n      {...props}\n      onMouseDown={(event) => {\n        event.preventDefault();\n        props.onMouseDown?.(event);\n      }}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;AAQA,SAAgB,kBAAkB,EAChC,SAAS,OACT,MACA,OACA,QACA,GAAG,SAMF;CACD,OACE,oBAAC,YAAD;EACE,MAAK;EACC;EACC;EACP,OAAO;EACC;EACR,aAAW;EACX,GAAI;EACJ,cAAc,UAAU;GACtB,MAAM,eAAe;GACrB,MAAM,cAAc,KAAK;EAC3B;CACD,CAAA;AAEL"}

package/dist/form/types.d.ts

@@ -1,12 +1,7 @@
 import { Method } from '@inertiajs/core';
 import { NodeUnionOf } from '../core/types.js';
 import { FormFieldNodeType, FormNodeType } from '../types/generated.js';
-export type { Checkbox, Choice, DateInput, DateTimeInput, Form, FormNodeType, HiddenInput, NumberInput, PasswordInput, RichEditor, Select, Textarea, TextInput, TimeInput, } from '../types/generated.js';
+export type { Checkbox, Choice, DateInput, DateTimeInput, Form, FormNodeType, HiddenInput, LabelAction, NumberInput, PasswordInput, RichEditor, Select, Textarea, TextInput, TimeInput, } from '../types/generated.js';
 export type FormFieldNode = NodeUnionOf<FormFieldNodeType>;
 export type FormNode = NodeUnionOf<FormNodeType>;
 export type FormMethod = Method;
-export type FormLabelAction = {
-    href: string;
-    label: string;
-    tabIndex?: number;
-};

package/dist/format/date-time.d.ts

@@ -1,10 +1,11 @@
+import { DateTimeStyle } from '../types/generated.js';
 export type FormatOptions = {
     locale?: string;
     timeZone?: string;
 };
 export type DateConfig = {
-    dateStyle: string | null;
-    timeStyle: string | null;
+    dateStyle: DateTimeStyle | null;
+    timeStyle: DateTimeStyle | null;
     month?: string | null;
     year?: string | null;
 };

package/dist/format/date-time.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-time.js","names":[],"sources":["../../resources/js/format/date-time.ts"],"sourcesContent":["export type FormatOptions = {\n  locale?: string;\n  timeZone?: string;\n};\n\nexport type DateConfig = {\n  dateStyle: string | null;\n  timeStyle: string | null;\n  month?: string | null;\n  year?: string | null;\n};\n\nexport function formatDateValue(value: unknown, date: DateConfig, options?: FormatOptions): string {\n  const parsed = new Date(String(value));\n\n  if (Number.isNaN(parsed.getTime())) {\n    return String(value ?? \"\");\n  }\n\n  const intl: Intl.DateTimeFormatOptions = { timeZone: options?.timeZone };\n\n  if (date.dateStyle) {\n    intl.dateStyle = date.dateStyle as Intl.DateTimeFormatOptions[\"dateStyle\"];\n  }\n\n  if (date.timeStyle) {\n    intl.timeStyle = date.timeStyle as Intl.DateTimeFormatOptions[\"timeStyle\"];\n  }\n\n  if (date.month) {\n    intl.month = date.month as Intl.DateTimeFormatOptions[\"month\"];\n  }\n\n  if (date.year) {\n    intl.year = date.year as Intl.DateTimeFormatOptions[\"year\"];\n  }\n\n  return new Intl.DateTimeFormat(options?.locale, intl).format(parsed);\n}\n\nexport function preciseDateTime(value: unknown, options?: FormatOptions): string {\n  const date = new Date(String(value));\n\n  if (Number.isNaN(date.getTime())) {\n    return \"\";\n  }\n\n  const formatted = new Intl.DateTimeFormat(options?.locale, {\n    year: \"numeric\",\n    month: \"short\",\n    day: \"numeric\",\n    hour: \"2-digit\",\n    minute: \"2-digit\",\n    second: \"2-digit\",\n    timeZone: options?.timeZone,\n    timeZoneName: \"short\",\n  }).format(date);\n\n  return options?.timeZone ? `${formatted} (${options.timeZone})` : formatted;\n}\n"],"mappings":";AAYA,SAAgB,gBAAgB,OAAgB,MAAkB,SAAiC;CACjG,MAAM,SAAS,IAAI,KAAK,OAAO,KAAK,CAAC;CAErC,IAAI,OAAO,MAAM,OAAO,QAAQ,CAAC,GAC/B,OAAO,OAAO,SAAS,EAAE;CAG3B,MAAM,OAAmC,EAAE,UAAU,SAAS,SAAS;CAEvE,IAAI,KAAK,WACP,KAAK,YAAY,KAAK;CAGxB,IAAI,KAAK,WACP,KAAK,YAAY,KAAK;CAGxB,IAAI,KAAK,OACP,KAAK,QAAQ,KAAK;CAGpB,IAAI,KAAK,MACP,KAAK,OAAO,KAAK;CAGnB,OAAO,IAAI,KAAK,eAAe,SAAS,QAAQ,IAAI,EAAE,OAAO,MAAM;AACrE;AAEA,SAAgB,gBAAgB,OAAgB,SAAiC;CAC/E,MAAM,OAAO,IAAI,KAAK,OAAO,KAAK,CAAC;CAEnC,IAAI,OAAO,MAAM,KAAK,QAAQ,CAAC,GAC7B,OAAO;CAGT,MAAM,YAAY,IAAI,KAAK,eAAe,SAAS,QAAQ;EACzD,MAAM;EACN,OAAO;EACP,KAAK;EACL,MAAM;EACN,QAAQ;EACR,QAAQ;EACR,UAAU,SAAS;EACnB,cAAc;CAChB,CAAC,EAAE,OAAO,IAAI;CAEd,OAAO,SAAS,WAAW,GAAG,UAAU,IAAI,QAAQ,SAAS,KAAK;AACpE"}
+{"version":3,"file":"date-time.js","names":[],"sources":["../../resources/js/format/date-time.ts"],"sourcesContent":["import type { DateTimeStyle } from \"@lattice-php/lattice/types/generated\";\n\nexport type FormatOptions = {\n  locale?: string;\n  timeZone?: string;\n};\n\nexport type DateConfig = {\n  dateStyle: DateTimeStyle | null;\n  timeStyle: DateTimeStyle | null;\n  month?: string | null;\n  year?: string | null;\n};\n\nexport function formatDateValue(value: unknown, date: DateConfig, options?: FormatOptions): string {\n  const parsed = new Date(String(value));\n\n  if (Number.isNaN(parsed.getTime())) {\n    return String(value ?? \"\");\n  }\n\n  const intl: Intl.DateTimeFormatOptions = { timeZone: options?.timeZone };\n\n  if (date.dateStyle) {\n    intl.dateStyle = date.dateStyle;\n  }\n\n  if (date.timeStyle) {\n    intl.timeStyle = date.timeStyle;\n  }\n\n  if (date.month) {\n    intl.month = date.month as Intl.DateTimeFormatOptions[\"month\"];\n  }\n\n  if (date.year) {\n    intl.year = date.year as Intl.DateTimeFormatOptions[\"year\"];\n  }\n\n  return new Intl.DateTimeFormat(options?.locale, intl).format(parsed);\n}\n\nexport function preciseDateTime(value: unknown, options?: FormatOptions): string {\n  const date = new Date(String(value));\n\n  if (Number.isNaN(date.getTime())) {\n    return \"\";\n  }\n\n  const formatted = new Intl.DateTimeFormat(options?.locale, {\n    year: \"numeric\",\n    month: \"short\",\n    day: \"numeric\",\n    hour: \"2-digit\",\n    minute: \"2-digit\",\n    second: \"2-digit\",\n    timeZone: options?.timeZone,\n    timeZoneName: \"short\",\n  }).format(date);\n\n  return options?.timeZone ? `${formatted} (${options.timeZone})` : formatted;\n}\n"],"mappings":";AAcA,SAAgB,gBAAgB,OAAgB,MAAkB,SAAiC;CACjG,MAAM,SAAS,IAAI,KAAK,OAAO,KAAK,CAAC;CAErC,IAAI,OAAO,MAAM,OAAO,QAAQ,CAAC,GAC/B,OAAO,OAAO,SAAS,EAAE;CAG3B,MAAM,OAAmC,EAAE,UAAU,SAAS,SAAS;CAEvE,IAAI,KAAK,WACP,KAAK,YAAY,KAAK;CAGxB,IAAI,KAAK,WACP,KAAK,YAAY,KAAK;CAGxB,IAAI,KAAK,OACP,KAAK,QAAQ,KAAK;CAGpB,IAAI,KAAK,MACP,KAAK,OAAO,KAAK;CAGnB,OAAO,IAAI,KAAK,eAAe,SAAS,QAAQ,IAAI,EAAE,OAAO,MAAM;AACrE;AAEA,SAAgB,gBAAgB,OAAgB,SAAiC;CAC/E,MAAM,OAAO,IAAI,KAAK,OAAO,KAAK,CAAC;CAEnC,IAAI,OAAO,MAAM,KAAK,QAAQ,CAAC,GAC7B,OAAO;CAGT,MAAM,YAAY,IAAI,KAAK,eAAe,SAAS,QAAQ;EACzD,MAAM;EACN,OAAO;EACP,KAAK;EACL,MAAM;EACN,QAAQ;EACR,QAAQ;EACR,UAAU,SAAS;EACnB,cAAc;CAChB,CAAC,EAAE,OAAO,IAAI;CAEd,OAAO,SAAS,WAAW,GAAG,UAAU,IAAI,QAAQ,SAAS,KAAK;AACpE"}

package/dist/i18n/backend.js

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

package/dist/i18n/date-time.d.ts

@@ -1,7 +1,8 @@
 import { ReactNode } from 'react';
+import { DateTimeStyle } from '../types/generated.js';
 export type DateTimeProps = {
     value: unknown;
-    dateStyle?: string | null;
-    timeStyle?: string | null;
+    dateStyle?: DateTimeStyle | null;
+    timeStyle?: DateTimeStyle | null;
 };
 export declare function DateTime({ value, dateStyle, timeStyle, }: DateTimeProps): ReactNode;

package/dist/i18n/date-time.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-time.js","names":[],"sources":["../../resources/js/i18n/date-time.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport {\n  type FormatOptions,\n  formatDateValue,\n  preciseDateTime,\n} from \"@lattice-php/lattice/format/date-time\";\nimport { useLocale } from \"./locale\";\nimport { useTimezone } from \"./timezone\";\n\nexport type DateTimeProps = {\n  value: unknown;\n  dateStyle?: string | null;\n  timeStyle?: string | null;\n};\n\nexport function DateTime({\n  value,\n  dateStyle = \"medium\",\n  timeStyle = \"short\",\n}: DateTimeProps): ReactNode {\n  const { locale } = useLocale();\n  const { timezone } = useTimezone();\n\n  if (value === null || value === undefined || value === \"\") {\n    return null;\n  }\n\n  const options: FormatOptions = { locale, timeZone: timezone };\n  const text = formatDateValue(value, { dateStyle, timeStyle }, options);\n  const iso = isoOrNull(value);\n  const title = preciseDateTime(value, options);\n\n  return (\n    <time dateTime={iso ?? undefined} title={title || undefined}>\n      {text}\n    </time>\n  );\n}\n\nfunction isoOrNull(value: unknown): string | null {\n  const date = new Date(String(value));\n\n  return Number.isNaN(date.getTime()) ? null : date.toISOString();\n}\n"],"mappings":";;;;;AAeA,SAAgB,SAAS,EACvB,OACA,YAAY,UACZ,YAAY,WACe;CAC3B,MAAM,EAAE,WAAW,UAAU;CAC7B,MAAM,EAAE,aAAa,YAAY;CAEjC,IAAI,UAAU,QAAQ,UAAU,KAAA,KAAa,UAAU,IACrD,OAAO;CAGT,MAAM,UAAyB;EAAE;EAAQ,UAAU;CAAS;CAC5D,MAAM,OAAO,gBAAgB,OAAO;EAAE;EAAW;CAAU,GAAG,OAAO;CACrE,MAAM,MAAM,UAAU,KAAK;CAC3B,MAAM,QAAQ,gBAAgB,OAAO,OAAO;CAE5C,OACE,oBAAC,QAAD;EAAM,UAAU,OAAO,KAAA;EAAW,OAAO,SAAS,KAAA;YAC/C;CACG,CAAA;AAEV;AAEA,SAAS,UAAU,OAA+B;CAChD,MAAM,OAAO,IAAI,KAAK,OAAO,KAAK,CAAC;CAEnC,OAAO,OAAO,MAAM,KAAK,QAAQ,CAAC,IAAI,OAAO,KAAK,YAAY;AAChE"}
+{"version":3,"file":"date-time.js","names":[],"sources":["../../resources/js/i18n/date-time.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport {\n  type FormatOptions,\n  formatDateValue,\n  preciseDateTime,\n} from \"@lattice-php/lattice/format/date-time\";\nimport type { DateTimeStyle } from \"@lattice-php/lattice/types/generated\";\nimport { useLocale } from \"./locale\";\nimport { useTimezone } from \"./timezone\";\n\nexport type DateTimeProps = {\n  value: unknown;\n  dateStyle?: DateTimeStyle | null;\n  timeStyle?: DateTimeStyle | null;\n};\n\nexport function DateTime({\n  value,\n  dateStyle = \"medium\",\n  timeStyle = \"short\",\n}: DateTimeProps): ReactNode {\n  const { locale } = useLocale();\n  const { timezone } = useTimezone();\n\n  if (value === null || value === undefined || value === \"\") {\n    return null;\n  }\n\n  const options: FormatOptions = { locale, timeZone: timezone };\n  const text = formatDateValue(value, { dateStyle, timeStyle }, options);\n  const iso = isoOrNull(value);\n  const title = preciseDateTime(value, options);\n\n  return (\n    <time dateTime={iso ?? undefined} title={title || undefined}>\n      {text}\n    </time>\n  );\n}\n\nfunction isoOrNull(value: unknown): string | null {\n  const date = new Date(String(value));\n\n  return Number.isNaN(date.getTime()) ? null : date.toISOString();\n}\n"],"mappings":";;;;;AAgBA,SAAgB,SAAS,EACvB,OACA,YAAY,UACZ,YAAY,WACe;CAC3B,MAAM,EAAE,WAAW,UAAU;CAC7B,MAAM,EAAE,aAAa,YAAY;CAEjC,IAAI,UAAU,QAAQ,UAAU,KAAA,KAAa,UAAU,IACrD,OAAO;CAGT,MAAM,UAAyB;EAAE;EAAQ,UAAU;CAAS;CAC5D,MAAM,OAAO,gBAAgB,OAAO;EAAE;EAAW;CAAU,GAAG,OAAO;CACrE,MAAM,MAAM,UAAU,KAAK;CAC3B,MAAM,QAAQ,gBAAgB,OAAO,OAAO;CAE5C,OACE,oBAAC,QAAD;EAAM,UAAU,OAAO,KAAA;EAAW,OAAO,SAAS,KAAA;YAC/C;CACG,CAAA;AAEV;AAEA,SAAS,UAAU,OAA+B;CAChD,MAAM,OAAO,IAAI,KAAK,OAAO,KAAK,CAAC;CAEnC,OAAO,OAAO,MAAM,KAAK,QAAQ,CAAC,IAAI,OAAO,KAAK,YAAY;AAChE"}

package/dist/i18n/index.js

@@ -1,9 +1,10 @@
 import { currentLocale, localeHeader, setLocale, useLocale } from "./locale.js";
 import { i18n, translate, useT } from "./instance.js";
 import { configureI18n, enableBackend } from "./backend.js";
-import { LocaleReload } from "./locale-reload.js";
 import { LocaleSwitcher, useLocaleOptions } from "./locale-switcher.js";
-import { configureI18nFromPageProps, i18nConfigFromPageProps } from "./page-props.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 { currentLocale, subscribeLocale, useLocale } from "./locale.js";
 import { useConfig } from "./config.js";
+import { currentLocale, subscribeLocale, useLocale } from "./locale.js";
 import { useCallback, useSyncExternalStore } from "react";
 import i18next from "i18next";
 //#region resources/js/i18n/instance.ts

package/dist/i18n/page-props.d.ts

@@ -1,3 +1,4 @@
-import { ConfigureI18nOptions, I18nConfig } from './backend.js';
-export declare function i18nConfigFromPageProps(props: unknown): I18nConfig | undefined;
+import { ConfigureI18nOptions } from './backend.js';
+import { i18nConfigFromPageProps } from './shared-props.js';
+export { i18nConfigFromPageProps };
 export declare function configureI18nFromPageProps(props: unknown, options?: ConfigureI18nOptions): Promise<void>;

package/dist/i18n/page-props.js

@@ -1,20 +1,6 @@
 import { configureI18n } from "./backend.js";
+import { i18nConfigFromPageProps } from "./shared-props.js";
 //#region resources/js/i18n/page-props.ts
-function isRecord(value) {
-	return typeof value === "object" && value !== null;
-}
-function isStringArray(value) {
-	return Array.isArray(value) && value.every((item) => typeof item === "string");
-}
-function isI18nConfig(value) {
-	return isRecord(value) && typeof value.enabled === "boolean" && typeof value.saveMissing === "boolean" && isStringArray(value.locales) && isStringArray(value.preloadLocales) && (value.timezone === void 0 || value.timezone === null || typeof value.timezone === "string");
-}
-function i18nConfigFromPageProps(props) {
-	if (!isRecord(props)) return;
-	const shared = props.lattice;
-	const config = isRecord(shared) ? shared.i18n : void 0;
-	return isI18nConfig(config) ? config : void 0;
-}
 function configureI18nFromPageProps(props, options = {}) {
 	return configureI18n(i18nConfigFromPageProps(props), options);
 }

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

@@ -1 +1 @@
-{"version":3,"file":"page-props.js","names":[],"sources":["../../resources/js/i18n/page-props.ts"],"sourcesContent":["import { configureI18n, type ConfigureI18nOptions, type I18nConfig } from \"./backend\";\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\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\nexport function configureI18nFromPageProps(\n  props: unknown,\n  options: ConfigureI18nOptions = {},\n): Promise<void> {\n  return configureI18n(i18nConfigFromPageProps(props), options);\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;AAEA,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;AAEA,SAAgB,2BACd,OACA,UAAgC,CAAC,GAClB;CACf,OAAO,cAAc,wBAAwB,KAAK,GAAG,OAAO;AAC9D"}
+{"version":3,"file":"page-props.js","names":[],"sources":["../../resources/js/i18n/page-props.ts"],"sourcesContent":["import { configureI18n, type ConfigureI18nOptions } from \"./backend\";\nimport { i18nConfigFromPageProps } from \"./shared-props\";\n\nexport { i18nConfigFromPageProps };\n\nexport function configureI18nFromPageProps(\n  props: unknown,\n  options: ConfigureI18nOptions = {},\n): Promise<void> {\n  return configureI18n(i18nConfigFromPageProps(props), options);\n}\n"],"mappings":";;;AAKA,SAAgB,2BACd,OACA,UAAgC,CAAC,GAClB;CACf,OAAO,cAAc,wBAAwB,KAAK,GAAG,OAAO;AAC9D"}

package/dist/i18n/shared-props.d.ts

@@ -0,0 +1,7 @@
+import { I18nConfig } from '../types/generated.js';
+/**
+ * Parse the backend-shared `lattice.i18n` Inertia prop. Lives apart from the
+ * configure entrypoint so callers can inspect the prop without pulling the
+ * i18next backend into their bundle.
+ */
+export declare function i18nConfigFromPageProps(props: unknown): I18nConfig | undefined;

package/dist/i18n/shared-props.js

@@ -0,0 +1,25 @@
+//#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");
+}
+function isI18nConfig(value) {
+	return isRecord(value) && typeof value.enabled === "boolean" && typeof value.saveMissing === "boolean" && isStringArray(value.locales) && isStringArray(value.preloadLocales) && (value.timezone === void 0 || value.timezone === null || typeof value.timezone === "string");
+}
+/**
+* Parse the backend-shared `lattice.i18n` Inertia prop. Lives apart from the
+* configure entrypoint so callers can inspect the prop without pulling the
+* i18next backend into their bundle.
+*/
+function i18nConfigFromPageProps(props) {
+	if (!isRecord(props)) return;
+	const shared = props.lattice;
+	const config = isRecord(shared) ? shared.i18n : void 0;
+	return isI18nConfig(config) ? config : void 0;
+}
+//#endregion
+export { i18nConfigFromPageProps };
+
+//# sourceMappingURL=shared-props.js.map

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

@@ -0,0 +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"}

package/dist/index.d.ts

@@ -4,9 +4,10 @@ export { chatComponents } from './chat/plugin.js';
 export { getActionEffects, isActionEffect, dispatchEffects, dispatchActionError, } from './effects/dispatch.js';
 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 { createLatticeApp, type CreateLatticeAppOptions } from './create-app.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';
@@ -25,13 +26,14 @@ 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 { RealtimeListeners } from './realtime/listeners.js';
-export type { ChannelVisibility, DateFormat, ListenerPayload, NumberFormat, } from './types/generated.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 { Method } from '@inertiajs/core';
 export type { ActionEffect, ActionResponse } from './effects/dispatch.js';
-export type { EffectHandler, EffectHandlerRegistry, EffectOf, EffectProps, } from './effects/registry.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';

package/dist/index.js

@@ -2,16 +2,16 @@ import { initializeTheme, updateAppearance, useAppearance } from "./appearance/i
 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 { LATTICE_REF_HEADER, withRefHeader } from "./core/component-ref.js";
-import { withHeaders } from "./core/headers.js";
+import { onToast, showToast } from "./toast/toast.js";
+import { onCallout } from "./toast/callout.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, showToast } from "./toast/toast.js";
-import { onCallout } from "./toast/callout.js";
-import { EventBridge } from "./event-bridge.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";
@@ -27,6 +27,7 @@ import { copyToClipboard } from "./ui/copyable-text.js";
 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, 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, showToast, updateAppearance, useAppearance, useChat, useClipboard, useColumnRegistry, useComponentRegistry, useEffectDispatcher, useCollapsed as useSidebarCollapsed, withHeaders, withRefHeader, withVisitHeaders };

package/dist/lattice.css

@@ -286,12 +286,41 @@
 }
 
 /*
- * Status colours for Badge and Icon table cells. Each tone sets a soft
- * background and a readable foreground in oklch; the `.dark` block swaps them.
- * Defined here (not as utility strings in the renderer) so the palette lives
- * with the theme and can be overridden, and so the cells can pick a tone by
- * name without Tailwind needing to see every class. Gray follows the muted token.
+ * Named colours. Semantic names alias the theme tokens; hue names carry their
+ * own oklch values with `.dark` overrides. Renderers resolve a named colour to
+ * `var(--lt-color-<name>)` for paint, or to an `.lt-tone-<name>` class for the
+ * soft-background/strong-foreground pair used by badge and icon cells. Defined
+ * here (not as utility strings in the renderers) so the palette lives with the
+ * theme and can be overridden, and so a colour can be picked by name at
+ * runtime without Tailwind needing to see every class.
  */
+:root {
+  --lt-color-default: var(--lt-fg);
+  --lt-color-muted: var(--lt-muted-fg);
+  --lt-color-primary: var(--lt-primary);
+  --lt-color-success: var(--lt-success);
+  --lt-color-info: var(--lt-info);
+  --lt-color-warning: var(--lt-warning);
+  --lt-color-danger: var(--lt-danger);
+  --lt-color-gray: var(--lt-muted-fg);
+  --lt-color-red: oklch(0.51 0.19 27);
+  --lt-color-orange: oklch(0.55 0.14 55);
+  --lt-color-yellow: oklch(0.52 0.1 85);
+  --lt-color-green: oklch(0.52 0.13 152);
+  --lt-color-blue: oklch(0.54 0.17 252);
+  --lt-color-purple: oklch(0.53 0.19 305);
+}
+
+[data-theme="dark"],
+.dark {
+  --lt-color-red: oklch(0.83 0.11 27);
+  --lt-color-orange: oklch(0.84 0.1 65);
+  --lt-color-yellow: oklch(0.87 0.11 100);
+  --lt-color-green: oklch(0.85 0.13 155);
+  --lt-color-blue: oklch(0.84 0.11 250);
+  --lt-color-purple: oklch(0.85 0.11 305);
+}
+
 .lt-cell-badge {
   display: inline-flex;
   align-items: center;
@@ -301,67 +330,98 @@
   font-size: 0.75rem;
   line-height: 1rem;
   font-weight: 500;
-  background-color: var(--lt-cell-bg, var(--lt-muted));
-  color: var(--lt-cell-fg, var(--lt-muted-fg));
+  background-color: var(--lt-tone-bg, var(--lt-muted));
+  color: var(--lt-tone-fg, var(--lt-muted-fg));
 }
 
 .lt-cell-icon {
   display: inline-flex;
-  color: var(--lt-cell-fg, var(--lt-fg));
+  color: var(--lt-tone-fg, var(--lt-fg));
 }
 
-.lt-cell-tone-gray {
-  --lt-cell-bg: var(--lt-muted);
-  --lt-cell-fg: var(--lt-muted-fg);
+.lt-tone-gray {
+  --lt-tone-bg: var(--lt-muted);
+  --lt-tone-fg: var(--lt-color-gray);
+}
+.lt-tone-red {
+  --lt-tone-bg: oklch(0.94 0.03 25);
+  --lt-tone-fg: var(--lt-color-red);
+}
+.lt-tone-orange {
+  --lt-tone-bg: oklch(0.95 0.04 65);
+  --lt-tone-fg: var(--lt-color-orange);
+}
+.lt-tone-yellow {
+  --lt-tone-bg: oklch(0.96 0.05 100);
+  --lt-tone-fg: var(--lt-color-yellow);
+}
+.lt-tone-green {
+  --lt-tone-bg: oklch(0.95 0.05 155);
+  --lt-tone-fg: var(--lt-color-green);
+}
+.lt-tone-blue {
+  --lt-tone-bg: oklch(0.95 0.03 245);
+  --lt-tone-fg: var(--lt-color-blue);
+}
+.lt-tone-purple {
+  --lt-tone-bg: oklch(0.95 0.03 305);
+  --lt-tone-fg: var(--lt-color-purple);
+}
+
+.lt-tone-default,
+.lt-tone-primary,
+.lt-tone-success,
+.lt-tone-info,
+.lt-tone-warning,
+.lt-tone-danger {
+  --lt-tone-bg: color-mix(in oklab, var(--lt-tone-fg) 12%, transparent);
+}
+.lt-tone-default {
+  --lt-tone-fg: var(--lt-color-default);
 }
-.lt-cell-tone-red {
-  --lt-cell-bg: oklch(0.94 0.03 25);
-  --lt-cell-fg: oklch(0.51 0.19 27);
+.lt-tone-muted {
+  --lt-tone-bg: var(--lt-muted);
+  --lt-tone-fg: var(--lt-color-muted);
 }
-.lt-cell-tone-orange {
-  --lt-cell-bg: oklch(0.95 0.04 65);
-  --lt-cell-fg: oklch(0.55 0.14 55);
+.lt-tone-primary {
+  --lt-tone-fg: var(--lt-color-primary);
 }
-.lt-cell-tone-yellow {
-  --lt-cell-bg: oklch(0.96 0.05 100);
-  --lt-cell-fg: oklch(0.52 0.1 85);
+.lt-tone-success {
+  --lt-tone-fg: var(--lt-color-success);
 }
-.lt-cell-tone-green {
-  --lt-cell-bg: oklch(0.95 0.05 155);
-  --lt-cell-fg: oklch(0.52 0.13 152);
+.lt-tone-info {
+  --lt-tone-fg: var(--lt-color-info);
 }
-.lt-cell-tone-blue {
-  --lt-cell-bg: oklch(0.95 0.03 245);
-  --lt-cell-fg: oklch(0.54 0.17 252);
+.lt-tone-warning {
+  --lt-tone-fg: var(--lt-color-warning);
 }
-.lt-cell-tone-purple {
-  --lt-cell-bg: oklch(0.95 0.03 305);
-  --lt-cell-fg: oklch(0.53 0.19 305);
+.lt-tone-danger {
+  --lt-tone-fg: var(--lt-color-danger);
 }
 
-.dark .lt-cell-tone-red {
-  --lt-cell-bg: oklch(0.29 0.08 27);
-  --lt-cell-fg: oklch(0.83 0.11 27);
+[data-theme="dark"] .lt-tone-red,
+.dark .lt-tone-red {
+  --lt-tone-bg: oklch(0.29 0.08 27);
 }
-.dark .lt-cell-tone-orange {
-  --lt-cell-bg: oklch(0.3 0.07 65);
-  --lt-cell-fg: oklch(0.84 0.1 65);
+[data-theme="dark"] .lt-tone-orange,
+.dark .lt-tone-orange {
+  --lt-tone-bg: oklch(0.3 0.07 65);
 }
-.dark .lt-cell-tone-yellow {
-  --lt-cell-bg: oklch(0.31 0.06 100);
-  --lt-cell-fg: oklch(0.87 0.11 100);
+[data-theme="dark"] .lt-tone-yellow,
+.dark .lt-tone-yellow {
+  --lt-tone-bg: oklch(0.31 0.06 100);
 }
-.dark .lt-cell-tone-green {
-  --lt-cell-bg: oklch(0.3 0.07 155);
-  --lt-cell-fg: oklch(0.85 0.13 155);
+[data-theme="dark"] .lt-tone-green,
+.dark .lt-tone-green {
+  --lt-tone-bg: oklch(0.3 0.07 155);
 }
-.dark .lt-cell-tone-blue {
-  --lt-cell-bg: oklch(0.3 0.07 245);
-  --lt-cell-fg: oklch(0.84 0.11 250);
+[data-theme="dark"] .lt-tone-blue,
+.dark .lt-tone-blue {
+  --lt-tone-bg: oklch(0.3 0.07 245);
 }
-.dark .lt-cell-tone-purple {
-  --lt-cell-bg: oklch(0.3 0.07 305);
-  --lt-cell-fg: oklch(0.85 0.11 305);
+[data-theme="dark"] .lt-tone-purple,
+.dark .lt-tone-purple {
+  --lt-tone-bg: oklch(0.3 0.07 305);
 }
 
 /*

package/dist/layout/components/breadcrumbs.js

@@ -1,13 +1,15 @@
+import { useT } from "../../i18n/instance.js";
 import { nodeIdentity } from "../../core/test-id.js";
 import { Link, usePage } from "@inertiajs/react";
 import { Fragment } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region resources/js/layout/components/breadcrumbs.tsx
 var BreadcrumbsComponent = ({ node }) => {
+	const { t } = useT("lattice");
 	const crumbs = usePage().props.lattice?.breadcrumbs ?? [];
 	if (crumbs.length === 0) return null;
 	return /* @__PURE__ */ jsx("nav", {
-		"aria-label": "Breadcrumb",
+		"aria-label": t("common.breadcrumb", "Breadcrumb"),
 		"data-lattice-component": nodeIdentity(node),
 		children: /* @__PURE__ */ jsx("ol", {
 			className: "flex items-center gap-2 text-sm text-lt-muted-fg",

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

@@ -1 +1 @@
-{"version":3,"file":"breadcrumbs.js","names":[],"sources":["../../../resources/js/layout/components/breadcrumbs.tsx"],"sourcesContent":["import { Link, usePage } from \"@inertiajs/react\";\nimport { Fragment } from \"react\";\nimport type { PagePayload, RendererComponent } from \"@lattice-php/lattice/core/types\";\nimport { nodeIdentity } from \"@lattice-php/lattice/core/test-id\";\n\nconst BreadcrumbsComponent: RendererComponent<\"breadcrumbs\"> = ({ node }) => {\n  const page = usePage();\n  const crumbs = (page.props.lattice as PagePayload | undefined)?.breadcrumbs ?? [];\n\n  if (crumbs.length === 0) {\n    return null;\n  }\n\n  return (\n    <nav aria-label=\"Breadcrumb\" data-lattice-component={nodeIdentity(node)}>\n      <ol className=\"flex items-center gap-2 text-sm text-lt-muted-fg\">\n        {crumbs.map((crumb, index) => {\n          const isLast = index === crumbs.length - 1;\n\n          return (\n            <Fragment key={crumb.href}>\n              <li>\n                {isLast ? (\n                  <span aria-current=\"page\" className=\"text-lt-fg\">\n                    {crumb.title}\n                  </span>\n                ) : (\n                  <Link className=\"hover:text-lt-fg\" href={crumb.href}>\n                    {crumb.title}\n                  </Link>\n                )}\n              </li>\n              {isLast ? null : <li aria-hidden=\"true\">/</li>}\n            </Fragment>\n          );\n        })}\n      </ol>\n    </nav>\n  );\n};\n\nexport default BreadcrumbsComponent;\n"],"mappings":";;;;;AAKA,IAAM,wBAA0D,EAAE,WAAW;CAE3E,MAAM,SADO,QACG,EAAK,MAAM,SAAqC,eAAe,CAAC;CAEhF,IAAI,OAAO,WAAW,GACpB,OAAO;CAGT,OACE,oBAAC,OAAD;EAAK,cAAW;EAAa,0BAAwB,aAAa,IAAI;YACpE,oBAAC,MAAD;GAAI,WAAU;aACX,OAAO,KAAK,OAAO,UAAU;IAC5B,MAAM,SAAS,UAAU,OAAO,SAAS;IAEzC,OACE,qBAAC,UAAD,EAAA,UAAA,CACE,oBAAC,MAAD,EAAA,UACG,SACC,oBAAC,QAAD;KAAM,gBAAa;KAAO,WAAU;eACjC,MAAM;IACH,CAAA,IAEN,oBAAC,MAAD;KAAM,WAAU;KAAmB,MAAM,MAAM;eAC5C,MAAM;IACH,CAAA,EAEN,CAAA,GACH,SAAS,OAAO,oBAAC,MAAD;KAAI,eAAY;eAAO;IAAK,CAAA,CACrC,EAAA,GAbK,MAAM,IAaX;GAEd,CAAC;EACC,CAAA;CACD,CAAA;AAET"}
+{"version":3,"file":"breadcrumbs.js","names":[],"sources":["../../../resources/js/layout/components/breadcrumbs.tsx"],"sourcesContent":["import { Link, usePage } from \"@inertiajs/react\";\nimport { Fragment } from \"react\";\nimport type { PagePayload, RendererComponent } from \"@lattice-php/lattice/core/types\";\nimport { nodeIdentity } from \"@lattice-php/lattice/core/test-id\";\nimport { useT } from \"@lattice-php/lattice/i18n\";\n\nconst BreadcrumbsComponent: RendererComponent<\"breadcrumbs\"> = ({ node }) => {\n  const { t } = useT(\"lattice\");\n  const page = usePage();\n  const crumbs = (page.props.lattice as PagePayload | undefined)?.breadcrumbs ?? [];\n\n  if (crumbs.length === 0) {\n    return null;\n  }\n\n  return (\n    <nav\n      aria-label={t(\"common.breadcrumb\", \"Breadcrumb\")}\n      data-lattice-component={nodeIdentity(node)}\n    >\n      <ol className=\"flex items-center gap-2 text-sm text-lt-muted-fg\">\n        {crumbs.map((crumb, index) => {\n          const isLast = index === crumbs.length - 1;\n\n          return (\n            <Fragment key={crumb.href}>\n              <li>\n                {isLast ? (\n                  <span aria-current=\"page\" className=\"text-lt-fg\">\n                    {crumb.title}\n                  </span>\n                ) : (\n                  <Link className=\"hover:text-lt-fg\" href={crumb.href}>\n                    {crumb.title}\n                  </Link>\n                )}\n              </li>\n              {isLast ? null : <li aria-hidden=\"true\">/</li>}\n            </Fragment>\n          );\n        })}\n      </ol>\n    </nav>\n  );\n};\n\nexport default BreadcrumbsComponent;\n"],"mappings":";;;;;;AAMA,IAAM,wBAA0D,EAAE,WAAW;CAC3E,MAAM,EAAE,MAAM,KAAK,SAAS;CAE5B,MAAM,SADO,QACG,EAAK,MAAM,SAAqC,eAAe,CAAC;CAEhF,IAAI,OAAO,WAAW,GACpB,OAAO;CAGT,OACE,oBAAC,OAAD;EACE,cAAY,EAAE,qBAAqB,YAAY;EAC/C,0BAAwB,aAAa,IAAI;YAEzC,oBAAC,MAAD;GAAI,WAAU;aACX,OAAO,KAAK,OAAO,UAAU;IAC5B,MAAM,SAAS,UAAU,OAAO,SAAS;IAEzC,OACE,qBAAC,UAAD,EAAA,UAAA,CACE,oBAAC,MAAD,EAAA,UACG,SACC,oBAAC,QAAD;KAAM,gBAAa;KAAO,WAAU;eACjC,MAAM;IACH,CAAA,IAEN,oBAAC,MAAD;KAAM,WAAU;KAAmB,MAAM,MAAM;eAC5C,MAAM;IACH,CAAA,EAEN,CAAA,GACH,SAAS,OAAO,oBAAC,MAAD;KAAI,eAAY;eAAO;IAAK,CAAA,CACrC,EAAA,GAbK,MAAM,IAaX;GAEd,CAAC;EACC,CAAA;CACD,CAAA;AAET"}

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/lib/color.d.ts

@@ -0,0 +1,9 @@
+import { CSSProperties } from 'react';
+import { Color, ColorName } from '../types/generated.js';
+export declare function namedColor(value: ColorName): Color;
+export declare function coerceColor(value: unknown): Color | undefined;
+export declare function colorValue(color: Color): string;
+export declare function toneProps(color: Color): {
+    className?: string;
+    style?: CSSProperties;
+};

package/dist/lib/color.js

@@ -0,0 +1,48 @@
+//#region resources/js/lib/color.ts
+var names = new Set([
+	"default",
+	"muted",
+	"primary",
+	"success",
+	"info",
+	"warning",
+	"danger",
+	"gray",
+	"red",
+	"orange",
+	"yellow",
+	"green",
+	"blue",
+	"purple"
+]);
+function namedColor(value) {
+	return {
+		kind: "named",
+		value,
+		dark: null
+	};
+}
+function coerceColor(value) {
+	if (typeof value === "string" && value !== "") return names.has(value) ? namedColor(value) : {
+		kind: "css",
+		value,
+		dark: null
+	};
+	if (typeof value === "object" && value !== null && "kind" in value && "value" in value) return value;
+}
+function colorValue(color) {
+	if (color.kind === "named") return `var(--lt-color-${color.value})`;
+	return color.dark === null ? color.value : `light-dark(${color.value}, ${color.dark})`;
+}
+function toneProps(color) {
+	if (color.kind === "named") return { className: `lt-tone-${color.value}` };
+	const paint = colorValue(color);
+	return { style: {
+		"--lt-tone-bg": `color-mix(in oklab, ${paint} 12%, transparent)`,
+		"--lt-tone-fg": paint
+	} };
+}
+//#endregion
+export { coerceColor, colorValue, namedColor, toneProps };
+
+//# sourceMappingURL=color.js.map

package/dist/lib/color.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color.js","names":[],"sources":["../../resources/js/lib/color.ts"],"sourcesContent":["import type { CSSProperties } from \"react\";\nimport type { Color, ColorName } from \"@lattice-php/lattice/types/generated\";\n\nconst names: ReadonlySet<string> = new Set([\n  \"default\",\n  \"muted\",\n  \"primary\",\n  \"success\",\n  \"info\",\n  \"warning\",\n  \"danger\",\n  \"gray\",\n  \"red\",\n  \"orange\",\n  \"yellow\",\n  \"green\",\n  \"blue\",\n  \"purple\",\n] satisfies ColorName[]);\n\nexport function namedColor(value: ColorName): Color {\n  return { kind: \"named\", value, dark: null };\n}\n\nexport function coerceColor(value: unknown): Color | undefined {\n  if (typeof value === \"string\" && value !== \"\") {\n    return names.has(value) ? namedColor(value as ColorName) : { kind: \"css\", value, dark: null };\n  }\n\n  if (typeof value === \"object\" && value !== null && \"kind\" in value && \"value\" in value) {\n    return value as Color;\n  }\n\n  return undefined;\n}\n\nexport function colorValue(color: Color): string {\n  if (color.kind === \"named\") {\n    return `var(--lt-color-${color.value})`;\n  }\n\n  return color.dark === null ? color.value : `light-dark(${color.value}, ${color.dark})`;\n}\n\nexport function toneProps(color: Color): { className?: string; style?: CSSProperties } {\n  if (color.kind === \"named\") {\n    return { className: `lt-tone-${color.value}` };\n  }\n\n  const paint = colorValue(color);\n\n  return {\n    style: {\n      \"--lt-tone-bg\": `color-mix(in oklab, ${paint} 12%, transparent)`,\n      \"--lt-tone-fg\": paint,\n    } as CSSProperties,\n  };\n}\n"],"mappings":";AAGA,IAAM,QAA6B,IAAI,IAAI;CACzC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,CAAuB;AAEvB,SAAgB,WAAW,OAAyB;CAClD,OAAO;EAAE,MAAM;EAAS;EAAO,MAAM;CAAK;AAC5C;AAEA,SAAgB,YAAY,OAAmC;CAC7D,IAAI,OAAO,UAAU,YAAY,UAAU,IACzC,OAAO,MAAM,IAAI,KAAK,IAAI,WAAW,KAAkB,IAAI;EAAE,MAAM;EAAO;EAAO,MAAM;CAAK;CAG9F,IAAI,OAAO,UAAU,YAAY,UAAU,QAAQ,UAAU,SAAS,WAAW,OAC/E,OAAO;AAIX;AAEA,SAAgB,WAAW,OAAsB;CAC/C,IAAI,MAAM,SAAS,SACjB,OAAO,kBAAkB,MAAM,MAAM;CAGvC,OAAO,MAAM,SAAS,OAAO,MAAM,QAAQ,cAAc,MAAM,MAAM,IAAI,MAAM,KAAK;AACtF;AAEA,SAAgB,UAAU,OAA6D;CACrF,IAAI,MAAM,SAAS,SACjB,OAAO,EAAE,WAAW,WAAW,MAAM,QAAQ;CAG/C,MAAM,QAAQ,WAAW,KAAK;CAE9B,OAAO,EACL,OAAO;EACL,gBAAgB,uBAAuB,MAAM;EAC7C,gBAAgB;CAClB,EACF;AACF"}

package/dist/notifications/api.d.ts

@@ -1,6 +1,6 @@
-import { NotificationsResponse, UnreadCountResponse } from './types.js';
-export declare function fetchNotifications(endpoint: string, page?: number): Promise<NotificationsResponse>;
-export declare function markRead(endpoint: string, id: string): Promise<UnreadCountResponse>;
-export declare function markAllRead(endpoint: string): Promise<UnreadCountResponse>;
-export declare function dismiss(endpoint: string, id: string): Promise<UnreadCountResponse>;
-export declare function clearAll(endpoint: string): Promise<UnreadCountResponse>;
+import { NotificationList, UnreadCount } from './types.js';
+export declare function fetchNotifications(endpoint: string, page?: number): Promise<NotificationList>;
+export declare function markRead(endpoint: string, id: string): Promise<UnreadCount>;
+export declare function markAllRead(endpoint: string): Promise<UnreadCount>;
+export declare function dismiss(endpoint: string, id: string): Promise<UnreadCount>;
+export declare function clearAll(endpoint: string): Promise<UnreadCount>;

package/dist/notifications/api.js.map

@@ -1 +1 @@
-{"version":3,"file":"api.js","names":[],"sources":["../../resources/js/notifications/api.ts"],"sourcesContent":["import { apiJson } from \"@lattice-php/lattice/core/api\";\nimport type { NotificationsResponse, UnreadCountResponse } from \"./types\";\n\nexport function fetchNotifications(endpoint: string, page = 1): Promise<NotificationsResponse> {\n  return apiJson<NotificationsResponse>(`${endpoint}?page=${page}`);\n}\n\nexport function markRead(endpoint: string, id: string): Promise<UnreadCountResponse> {\n  return apiJson<UnreadCountResponse>(`${endpoint}/${id}/read`, { method: \"PATCH\" });\n}\n\nexport function markAllRead(endpoint: string): Promise<UnreadCountResponse> {\n  return apiJson<UnreadCountResponse>(`${endpoint}/read-all`, { method: \"POST\" });\n}\n\nexport function dismiss(endpoint: string, id: string): Promise<UnreadCountResponse> {\n  return apiJson<UnreadCountResponse>(`${endpoint}/${id}`, { method: \"DELETE\" });\n}\n\nexport function clearAll(endpoint: string): Promise<UnreadCountResponse> {\n  return apiJson<UnreadCountResponse>(endpoint, { method: \"DELETE\" });\n}\n"],"mappings":";;AAGA,SAAgB,mBAAmB,UAAkB,OAAO,GAAmC;CAC7F,OAAO,QAA+B,GAAG,SAAS,QAAQ,MAAM;AAClE;AAEA,SAAgB,SAAS,UAAkB,IAA0C;CACnF,OAAO,QAA6B,GAAG,SAAS,GAAG,GAAG,QAAQ,EAAE,QAAQ,QAAQ,CAAC;AACnF;AAEA,SAAgB,YAAY,UAAgD;CAC1E,OAAO,QAA6B,GAAG,SAAS,YAAY,EAAE,QAAQ,OAAO,CAAC;AAChF;AAEA,SAAgB,QAAQ,UAAkB,IAA0C;CAClF,OAAO,QAA6B,GAAG,SAAS,GAAG,MAAM,EAAE,QAAQ,SAAS,CAAC;AAC/E;AAEA,SAAgB,SAAS,UAAgD;CACvE,OAAO,QAA6B,UAAU,EAAE,QAAQ,SAAS,CAAC;AACpE"}
+{"version":3,"file":"api.js","names":[],"sources":["../../resources/js/notifications/api.ts"],"sourcesContent":["import { apiJson } from \"@lattice-php/lattice/core/api\";\nimport type { NotificationList, UnreadCount } from \"./types\";\n\nexport function fetchNotifications(endpoint: string, page = 1): Promise<NotificationList> {\n  return apiJson<NotificationList>(`${endpoint}?page=${page}`);\n}\n\nexport function markRead(endpoint: string, id: string): Promise<UnreadCount> {\n  return apiJson<UnreadCount>(`${endpoint}/${id}/read`, { method: \"PATCH\" });\n}\n\nexport function markAllRead(endpoint: string): Promise<UnreadCount> {\n  return apiJson<UnreadCount>(`${endpoint}/read-all`, { method: \"POST\" });\n}\n\nexport function dismiss(endpoint: string, id: string): Promise<UnreadCount> {\n  return apiJson<UnreadCount>(`${endpoint}/${id}`, { method: \"DELETE\" });\n}\n\nexport function clearAll(endpoint: string): Promise<UnreadCount> {\n  return apiJson<UnreadCount>(endpoint, { method: \"DELETE\" });\n}\n"],"mappings":";;AAGA,SAAgB,mBAAmB,UAAkB,OAAO,GAA8B;CACxF,OAAO,QAA0B,GAAG,SAAS,QAAQ,MAAM;AAC7D;AAEA,SAAgB,SAAS,UAAkB,IAAkC;CAC3E,OAAO,QAAqB,GAAG,SAAS,GAAG,GAAG,QAAQ,EAAE,QAAQ,QAAQ,CAAC;AAC3E;AAEA,SAAgB,YAAY,UAAwC;CAClE,OAAO,QAAqB,GAAG,SAAS,YAAY,EAAE,QAAQ,OAAO,CAAC;AACxE;AAEA,SAAgB,QAAQ,UAAkB,IAAkC;CAC1E,OAAO,QAAqB,GAAG,SAAS,GAAG,MAAM,EAAE,QAAQ,SAAS,CAAC;AACvE;AAEA,SAAgB,SAAS,UAAwC;CAC/D,OAAO,QAAqB,UAAU,EAAE,QAAQ,SAAS,CAAC;AAC5D"}

package/dist/notifications/types.d.ts

@@ -1,10 +1,2 @@
-import { NotificationItem } from '../types/generated.js';
-export type { NotificationItem };
-export type NotificationsResponse = {
-    notifications: NotificationItem[];
-    unreadCount: number;
-    hasMore: boolean;
-};
-export type UnreadCountResponse = {
-    unreadCount: number;
-};
+import { NotificationItem, NotificationList, UnreadCount } from '../types/generated.js';
+export type { NotificationItem, NotificationList, UnreadCount };

package/dist/provider-base.js

@@ -1,8 +1,8 @@
 import { updateAppearance } from "./appearance/index.js";
 import { RegistryContext } from "./core/registry-context.js";
 import { SpriteProvider } from "./icons/sprite.js";
-import { EventBridge } from "./event-bridge.js";
 import { Toaster } from "./toast/toaster.js";
+import { EventBridge } from "./event-bridge.js";
 import { ActionInteractionProvider } from "./action/components/action-trigger-provider.js";
 import { useFlashEffects } from "./effects/use-flash-effects.js";
 import { jsx, jsxs } from "react/jsx-runtime";