@lattice-php/lattice 0.1.0

package/dist/form/components/values.js

@@ -0,0 +1,37 @@
+import { createContext, useCallback, useContext, useMemo, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region resources/js/form/components/values.tsx
+var FormValuesContext = createContext({
+	values: {},
+	setValue: () => {}
+});
+function FormValuesProvider({ initial, children }) {
+	const [values, setValues] = useState(initial);
+	const setValue = useCallback((name, value) => {
+		setValues((current) => Object.is(current[name], value) ? current : {
+			...current,
+			[name]: value
+		});
+	}, []);
+	const contextValue = useMemo(() => ({
+		values,
+		setValue
+	}), [values, setValue]);
+	return /* @__PURE__ */ jsx(FormValuesContext.Provider, {
+		value: contextValue,
+		children
+	});
+}
+function useFormValues() {
+	return useContext(FormValuesContext).values;
+}
+function useFormValue(name) {
+	return useContext(FormValuesContext).values[name];
+}
+function useSetFormValue() {
+	return useContext(FormValuesContext).setValue;
+}
+//#endregion
+export { FormValuesProvider, useFormValue, useFormValues, useSetFormValue };
+
+//# sourceMappingURL=values.js.map

package/dist/form/components/values.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"values.js","names":[],"sources":["../../../resources/js/form/components/values.tsx"],"sourcesContent":["import { createContext, useCallback, useContext, useMemo, useState } from \"react\";\n\ntype FormValuesContextValue = {\n  values: Record<string, unknown>;\n  setValue: (name: string, value: unknown) => void;\n};\n\nconst FormValuesContext = createContext<FormValuesContextValue>({\n  values: {},\n  setValue: () => {},\n});\n\nexport function FormValuesProvider({\n  initial,\n  children,\n}: {\n  initial: Record<string, unknown>;\n  children: React.ReactNode;\n}) {\n  const [values, setValues] = useState<Record<string, unknown>>(initial);\n\n  const setValue = useCallback((name: string, value: unknown) => {\n    setValues((current) =>\n      Object.is(current[name], value) ? current : { ...current, [name]: value },\n    );\n  }, []);\n\n  const contextValue = useMemo(() => ({ values, setValue }), [values, setValue]);\n\n  return <FormValuesContext.Provider value={contextValue}>{children}</FormValuesContext.Provider>;\n}\n\nexport function useFormValues(): Record<string, unknown> {\n  return useContext(FormValuesContext).values;\n}\n\nexport function useFormValue(name: string): unknown {\n  return useContext(FormValuesContext).values[name];\n}\n\nexport function useSetFormValue(): (name: string, value: unknown) => void {\n  return useContext(FormValuesContext).setValue;\n}\n"],"mappings":";;;AAOA,IAAM,oBAAoB,cAAsC;CAC9D,QAAQ,CAAC;CACT,gBAAgB,CAAC;AACnB,CAAC;AAED,SAAgB,mBAAmB,EACjC,SACA,YAIC;CACD,MAAM,CAAC,QAAQ,aAAa,SAAkC,OAAO;CAErE,MAAM,WAAW,aAAa,MAAc,UAAmB;EAC7D,WAAW,YACT,OAAO,GAAG,QAAQ,OAAO,KAAK,IAAI,UAAU;GAAE,GAAG;IAAU,OAAO;EAAM,CAC1E;CACF,GAAG,CAAC,CAAC;CAEL,MAAM,eAAe,eAAe;EAAE;EAAQ;CAAS,IAAI,CAAC,QAAQ,QAAQ,CAAC;CAE7E,OAAO,oBAAC,kBAAkB,UAAnB;EAA4B,OAAO;EAAe;CAAqC,CAAA;AAChG;AAEA,SAAgB,gBAAyC;CACvD,OAAO,WAAW,iBAAiB,EAAE;AACvC;AAEA,SAAgB,aAAa,MAAuB;CAClD,OAAO,WAAW,iBAAiB,EAAE,OAAO;AAC9C;AAEA,SAAgB,kBAA0D;CACxE,OAAO,WAAW,iBAAiB,EAAE;AACvC"}

package/dist/form/index.d.ts

@@ -0,0 +1 @@
+export declare const formComponents: import('../../../core/registry').Plugin;

package/dist/form/index.js

@@ -0,0 +1,33 @@
+import { createPlugin, lazyComponent } from "../core/registry.js";
+import { FormSkeletonComponent } from "./skeleton.js";
+//#region resources/js/form/index.ts
+var loadFormComponents = () => import("./components/index.js");
+function loadFormComponent(name) {
+	return async () => {
+		return { default: (await loadFormComponents())[name] };
+	};
+}
+var formComponents = createPlugin({
+	components: {
+		form: lazyComponent(loadFormComponent("FormComponent"), { fallback: FormSkeletonComponent }),
+		"form.checkbox": lazyComponent(loadFormComponent("CheckboxComponent")),
+		"form.choice": lazyComponent(loadFormComponent("ChoiceComponent")),
+		"form.date-input": lazyComponent(loadFormComponent("DateInputComponent")),
+		"form.hidden-input": lazyComponent(loadFormComponent("HiddenInputComponent")),
+		"form.number-input": lazyComponent(loadFormComponent("NumberInputComponent")),
+		"form.password-input": lazyComponent(loadFormComponent("PasswordInputComponent")),
+		"form.rich-editor": lazyComponent(async () => {
+			const { RichEditorComponent } = await import("./components/fields/rich-editor.js");
+			return { default: RichEditorComponent };
+		}),
+		"form.select": lazyComponent(loadFormComponent("SelectComponent")),
+		"form.submit-button": lazyComponent(loadFormComponent("SubmitButtonComponent")),
+		"form.textarea": lazyComponent(loadFormComponent("TextareaComponent")),
+		"form.text-input": lazyComponent(loadFormComponent("TextInputComponent"))
+	},
+	name: "lattice/form"
+});
+//#endregion
+export { formComponents };
+
+//# sourceMappingURL=index.js.map

package/dist/form/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../resources/js/form/index.ts"],"sourcesContent":["import { createPlugin, lazyComponent } from \"@lattice/lattice/core/registry\";\nimport type { RendererComponent, RendererComponentModule } from \"@lattice/lattice/core/types\";\nimport { FormSkeletonComponent } from \"./skeleton\";\n\ntype FormComponentName =\n  | \"CheckboxComponent\"\n  | \"ChoiceComponent\"\n  | \"DateInputComponent\"\n  | \"FormComponent\"\n  | \"HiddenInputComponent\"\n  | \"NumberInputComponent\"\n  | \"PasswordInputComponent\"\n  | \"SelectComponent\"\n  | \"SubmitButtonComponent\"\n  | \"TextareaComponent\"\n  | \"TextInputComponent\";\n\nconst loadFormComponents = () => import(\"./components\");\n\nfunction loadFormComponent<TType extends string>(\n  name: FormComponentName,\n): () => Promise<RendererComponentModule<TType>> {\n  return async () => {\n    const components = await loadFormComponents();\n\n    return {\n      default: components[name] as RendererComponent<TType>,\n    };\n  };\n}\n\nexport const formComponents = createPlugin({\n  components: {\n    form: lazyComponent(loadFormComponent(\"FormComponent\"), {\n      fallback: FormSkeletonComponent,\n    }),\n    \"form.checkbox\": lazyComponent(loadFormComponent(\"CheckboxComponent\")),\n    \"form.choice\": lazyComponent(loadFormComponent(\"ChoiceComponent\")),\n    \"form.date-input\": lazyComponent(loadFormComponent(\"DateInputComponent\")),\n    \"form.hidden-input\": lazyComponent(loadFormComponent(\"HiddenInputComponent\")),\n    \"form.number-input\": lazyComponent(loadFormComponent(\"NumberInputComponent\")),\n    \"form.password-input\": lazyComponent(loadFormComponent(\"PasswordInputComponent\")),\n    // Loaded from its own module so TipTap is split into a separate chunk,\n    // only fetched on pages that actually render a rich editor.\n    \"form.rich-editor\": lazyComponent<\"form.rich-editor\">(async () => {\n      const { RichEditorComponent } = await import(\"./components/fields/rich-editor\");\n\n      return { default: RichEditorComponent };\n    }),\n    \"form.select\": lazyComponent(loadFormComponent(\"SelectComponent\")),\n    \"form.submit-button\": lazyComponent(loadFormComponent(\"SubmitButtonComponent\")),\n    \"form.textarea\": lazyComponent(loadFormComponent(\"TextareaComponent\")),\n    \"form.text-input\": lazyComponent(loadFormComponent(\"TextInputComponent\")),\n  },\n  name: \"lattice/form\",\n});\n"],"mappings":";;;AAiBA,IAAM,2BAA2B,OAAO;AAExC,SAAS,kBACP,MAC+C;CAC/C,OAAO,YAAY;EAGjB,OAAO,EACL,UAAS,MAHc,mBAAmB,GAGtB,MACtB;CACF;AACF;AAEA,IAAa,iBAAiB,aAAa;CACzC,YAAY;EACV,MAAM,cAAc,kBAAkB,eAAe,GAAG,EACtD,UAAU,sBACZ,CAAC;EACD,iBAAiB,cAAc,kBAAkB,mBAAmB,CAAC;EACrE,eAAe,cAAc,kBAAkB,iBAAiB,CAAC;EACjE,mBAAmB,cAAc,kBAAkB,oBAAoB,CAAC;EACxE,qBAAqB,cAAc,kBAAkB,sBAAsB,CAAC;EAC5E,qBAAqB,cAAc,kBAAkB,sBAAsB,CAAC;EAC5E,uBAAuB,cAAc,kBAAkB,wBAAwB,CAAC;EAGhF,oBAAoB,cAAkC,YAAY;GAChE,MAAM,EAAE,wBAAwB,MAAM,OAAO;GAE7C,OAAO,EAAE,SAAS,oBAAoB;EACxC,CAAC;EACD,eAAe,cAAc,kBAAkB,iBAAiB,CAAC;EACjE,sBAAsB,cAAc,kBAAkB,uBAAuB,CAAC;EAC9E,iBAAiB,cAAc,kBAAkB,mBAAmB,CAAC;EACrE,mBAAmB,cAAc,kBAAkB,oBAAoB,CAAC;CAC1E;CACA,MAAM;AACR,CAAC"}

package/dist/form/skeleton.d.ts

@@ -0,0 +1,2 @@
+import { RendererComponent } from '../../../core/types';
+export declare const FormSkeletonComponent: RendererComponent<"form">;

package/dist/form/skeleton.js

@@ -0,0 +1,21 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region resources/js/form/skeleton.tsx
+var FormSkeletonComponent = ({ node }) => {
+	const fieldCount = Math.max(1, Math.min(4, node.children?.find((child) => child.type === "grid")?.children?.filter((child) => child.type !== "form.hidden-input").length ?? 2));
+	return /* @__PURE__ */ jsx("div", {
+		"aria-hidden": "true",
+		className: "mx-auto flex w-full max-w-md animate-pulse flex-col gap-6 rounded-lt border border-lt-border bg-lt-surface p-6 shadow-xs",
+		"data-lattice-skeleton": node.id ?? node.type,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "grid gap-6",
+			children: [Array.from({ length: fieldCount }).map((_, index) => /* @__PURE__ */ jsxs("div", {
+				className: "grid gap-2",
+				children: [/* @__PURE__ */ jsx("div", { className: "h-4 w-28 rounded bg-lt-muted" }), /* @__PURE__ */ jsx("div", { className: "h-10 rounded-lt-sm bg-lt-muted" })]
+			}, index)), /* @__PURE__ */ jsx("div", { className: "mt-4 h-10 rounded-lt-sm bg-lt-muted" })]
+		})
+	});
+};
+//#endregion
+export { FormSkeletonComponent };
+
+//# sourceMappingURL=skeleton.js.map

package/dist/form/skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.js","names":[],"sources":["../../resources/js/form/skeleton.tsx"],"sourcesContent":["import type { RendererComponent } from \"@lattice/lattice/core/types\";\n\nexport const FormSkeletonComponent: RendererComponent<\"form\"> = ({ node }) => {\n  const fieldCount = Math.max(\n    1,\n    Math.min(\n      4,\n      node.children\n        ?.find((child) => child.type === \"grid\")\n        ?.children?.filter((child) => child.type !== \"form.hidden-input\").length ?? 2,\n    ),\n  );\n\n  return (\n    <div\n      aria-hidden=\"true\"\n      className=\"mx-auto flex w-full max-w-md animate-pulse flex-col gap-6 rounded-lt border border-lt-border bg-lt-surface p-6 shadow-xs\"\n      data-lattice-skeleton={node.id ?? node.type}\n    >\n      <div className=\"grid gap-6\">\n        {Array.from({ length: fieldCount }).map((_, index) => (\n          <div className=\"grid gap-2\" key={index}>\n            <div className=\"h-4 w-28 rounded bg-lt-muted\" />\n            <div className=\"h-10 rounded-lt-sm bg-lt-muted\" />\n          </div>\n        ))}\n\n        <div className=\"mt-4 h-10 rounded-lt-sm bg-lt-muted\" />\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;AAEA,IAAa,yBAAoD,EAAE,WAAW;CAC5E,MAAM,aAAa,KAAK,IACtB,GACA,KAAK,IACH,GACA,KAAK,UACD,MAAM,UAAU,MAAM,SAAS,MAAM,GACrC,UAAU,QAAQ,UAAU,MAAM,SAAS,mBAAmB,EAAE,UAAU,CAChF,CACF;CAEA,OACE,oBAAC,OAAD;EACE,eAAY;EACZ,WAAU;EACV,yBAAuB,KAAK,MAAM,KAAK;YAEvC,qBAAC,OAAD;GAAK,WAAU;aAAf,CACG,MAAM,KAAK,EAAE,QAAQ,WAAW,CAAC,EAAE,KAAK,GAAG,UAC1C,qBAAC,OAAD;IAAK,WAAU;cAAf,CACE,oBAAC,OAAD,EAAK,WAAU,+BAAgC,CAAA,GAC/C,oBAAC,OAAD,EAAK,WAAU,iCAAkC,CAAA,CAC9C;MAH4B,KAG5B,CACN,GAED,oBAAC,OAAD,EAAK,WAAU,sCAAuC,CAAA,CACnD;;CACF,CAAA;AAET"}

package/dist/generated/types.d.ts

@@ -0,0 +1,17 @@
+export type Align = 'center' | 'left' | 'start' | 'stretch';
+export type ConditionOperator = 'eq' | 'neq' | 'gt' | 'gte' | 'lt' | 'lte' | 'contains' | 'starts_with' | 'ends_with' | 'in' | 'not_in' | 'empty' | 'filled';
+export type ControlType = 'text' | 'number' | 'date' | 'boolean';
+export type EffectType = 'toast' | 'reloadComponent' | 'reloadPage' | 'redirect' | 'download' | 'openModal' | 'closeModal' | 'resetForm';
+export type FilterOperator = 'contains' | 'starts_with' | 'ends_with' | 'eq' | 'neq' | 'gt' | 'gte' | 'lt' | 'lte' | 'before' | 'after' | 'empty' | 'filled';
+export type Gap = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type HttpMethod = 'get' | 'post' | 'put' | 'patch' | 'delete';
+export type PageContainer = 'centered' | 'default';
+export type PageLayout = 'app' | 'auth' | 'none';
+export type PaginationType = 'none' | 'simple' | 'table' | 'infinite';
+export type SortDirection = 'asc' | 'desc';
+export type TableSort = {
+    readonly key: string;
+    readonly direction: SortDirection;
+};
+export type ToastVariant = 'success' | 'info' | 'warning' | 'error';
+export type Width = 'full' | 'sm' | 'md' | 'lg';

package/dist/icons/default-icons.d.ts

@@ -0,0 +1,3 @@
+import { IconRendererProps } from '../../..';
+export declare function renderBundledIcon({ className, icon }: IconRendererProps): import("react").JSX.Element | null;
+export declare function renderMissingIcon({ className }: IconRendererProps): import("react").JSX.Element;

package/dist/icons/default-icons.js

@@ -0,0 +1,44 @@
+import { cn } from "../lib/utils.js";
+import { jsx } from "react/jsx-runtime";
+import { ArrowDown, ArrowUp, Check, ChevronsUpDown, CircleHelp, Copy, ExternalLink, EyeOff, LayoutDashboard, Link, MoreHorizontal, Pencil, PencilLine, Send, Settings, Trash2, X } from "lucide-react";
+//#region resources/js/icons/default-icons.tsx
+var bundledIcons = {
+	"arrow-down": ArrowDown,
+	"arrow-up": ArrowUp,
+	check: Check,
+	"chevrons-up-down": ChevronsUpDown,
+	copy: Copy,
+	delete: Trash2,
+	edit: PencilLine,
+	"external-link": ExternalLink,
+	"eye-off": EyeOff,
+	"layout-dashboard": LayoutDashboard,
+	link: Link,
+	"more-horizontal": MoreHorizontal,
+	pencil: Pencil,
+	"pencil-line": PencilLine,
+	send: Send,
+	settings: Settings,
+	trash: Trash2,
+	"trash-2": Trash2,
+	x: X
+};
+function renderBundledIcon({ className, icon }) {
+	const Icon = bundledIcons[icon];
+	if (!Icon) return null;
+	return /* @__PURE__ */ jsx(Icon, {
+		"aria-hidden": "true",
+		className: cn("size-4", className)
+	});
+}
+function renderMissingIcon({ className }) {
+	return /* @__PURE__ */ jsx(CircleHelp, {
+		"aria-hidden": "true",
+		className: cn("size-4 text-lt-muted-fg", className),
+		"data-lattice-missing-icon": ""
+	});
+}
+//#endregion
+export { renderBundledIcon, renderMissingIcon };
+
+//# sourceMappingURL=default-icons.js.map

package/dist/icons/default-icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-icons.js","names":[],"sources":["../../resources/js/icons/default-icons.tsx"],"sourcesContent":["import {\n  ArrowDown,\n  ArrowUp,\n  Check,\n  ChevronsUpDown,\n  CircleHelp,\n  Copy,\n  ExternalLink,\n  EyeOff,\n  LayoutDashboard,\n  Link,\n  MoreHorizontal,\n  Pencil,\n  PencilLine,\n  Send,\n  Settings,\n  Trash2,\n  X,\n} from \"lucide-react\";\nimport { cn } from \"@lattice/lattice/lib/utils\";\nimport type { IconRendererProps } from \"@lattice/lattice\";\n\nconst bundledIcons = {\n  \"arrow-down\": ArrowDown,\n  \"arrow-up\": ArrowUp,\n  check: Check,\n  \"chevrons-up-down\": ChevronsUpDown,\n  copy: Copy,\n  delete: Trash2,\n  edit: PencilLine,\n  \"external-link\": ExternalLink,\n  \"eye-off\": EyeOff,\n  \"layout-dashboard\": LayoutDashboard,\n  link: Link,\n  \"more-horizontal\": MoreHorizontal,\n  pencil: Pencil,\n  \"pencil-line\": PencilLine,\n  send: Send,\n  settings: Settings,\n  trash: Trash2,\n  \"trash-2\": Trash2,\n  x: X,\n};\n\nexport function renderBundledIcon({ className, icon }: IconRendererProps) {\n  const Icon = bundledIcons[icon as keyof typeof bundledIcons];\n\n  if (!Icon) {\n    return null;\n  }\n\n  return <Icon aria-hidden=\"true\" className={cn(\"size-4\", className)} />;\n}\n\nexport function renderMissingIcon({ className }: IconRendererProps) {\n  return (\n    <CircleHelp\n      aria-hidden=\"true\"\n      className={cn(\"size-4 text-lt-muted-fg\", className)}\n      data-lattice-missing-icon=\"\"\n    />\n  );\n}\n"],"mappings":";;;;AAsBA,IAAM,eAAe;CACnB,cAAc;CACd,YAAY;CACZ,OAAO;CACP,oBAAoB;CACpB,MAAM;CACN,QAAQ;CACR,MAAM;CACN,iBAAiB;CACjB,WAAW;CACX,oBAAoB;CACpB,MAAM;CACN,mBAAmB;CACnB,QAAQ;CACR,eAAe;CACf,MAAM;CACN,UAAU;CACV,OAAO;CACP,WAAW;CACX,GAAG;AACL;AAEA,SAAgB,kBAAkB,EAAE,WAAW,QAA2B;CACxE,MAAM,OAAO,aAAa;CAE1B,IAAI,CAAC,MACH,OAAO;CAGT,OAAO,oBAAC,MAAD;EAAM,eAAY;EAAO,WAAW,GAAG,UAAU,SAAS;CAAI,CAAA;AACvE;AAEA,SAAgB,kBAAkB,EAAE,aAAgC;CAClE,OACE,oBAAC,YAAD;EACE,eAAY;EACZ,WAAW,GAAG,2BAA2B,SAAS;EAClD,6BAA0B;CAC3B,CAAA;AAEL"}

package/dist/icons/dynamic-lucide-renderer.d.ts

@@ -0,0 +1,2 @@
+import { IconRendererProps } from '../../..';
+export declare function renderDynamicLucideIcon({ className, icon }: IconRendererProps): import("react").JSX.Element | null;

package/dist/icons/dynamic-lucide-renderer.js

@@ -0,0 +1,18 @@
+import { cn } from "../lib/utils.js";
+import { jsx } from "react/jsx-runtime";
+import { DynamicIcon, iconNames } from "lucide-react/dynamic";
+//#region resources/js/icons/dynamic-lucide-renderer.tsx
+var lucideIconNames = new Set(iconNames);
+function renderDynamicLucideIcon({ className, icon }) {
+	if (!lucideIconNames.has(icon)) return null;
+	return /* @__PURE__ */ jsx(DynamicIcon, {
+		"aria-hidden": "true",
+		className: cn("size-4", className),
+		fallback: () => null,
+		name: icon
+	});
+}
+//#endregion
+export { renderDynamicLucideIcon };
+
+//# sourceMappingURL=dynamic-lucide-renderer.js.map

package/dist/icons/dynamic-lucide-renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dynamic-lucide-renderer.js","names":[],"sources":["../../resources/js/icons/dynamic-lucide-renderer.tsx"],"sourcesContent":["import { DynamicIcon, iconNames } from \"lucide-react/dynamic\";\nimport { cn } from \"@lattice/lattice/lib/utils\";\nimport type { IconRendererProps } from \"@lattice/lattice\";\n\ntype LucideIconName = (typeof iconNames)[number];\n\nconst lucideIconNames = new Set<string>(iconNames);\n\nexport function renderDynamicLucideIcon({ className, icon }: IconRendererProps) {\n  if (!lucideIconNames.has(icon)) {\n    return null;\n  }\n\n  return (\n    <DynamicIcon\n      aria-hidden=\"true\"\n      className={cn(\"size-4\", className)}\n      fallback={() => null}\n      name={icon as LucideIconName}\n    />\n  );\n}\n"],"mappings":";;;;AAMA,IAAM,kBAAkB,IAAI,IAAY,SAAS;AAEjD,SAAgB,wBAAwB,EAAE,WAAW,QAA2B;CAC9E,IAAI,CAAC,gBAAgB,IAAI,IAAI,GAC3B,OAAO;CAGT,OACE,oBAAC,aAAD;EACE,eAAY;EACZ,WAAW,GAAG,UAAU,SAAS;EACjC,gBAAgB;EAChB,MAAM;CACP,CAAA;AAEL"}

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

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

package/dist/icons/icon-renderer.js

@@ -0,0 +1,35 @@
+import { renderBundledIcon, renderMissingIcon } from "./default-icons.js";
+import { createContext, useContext, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region resources/js/icons/icon-renderer.tsx
+var IconRenderersContext = createContext([renderBundledIcon]);
+function IconRendererProvider({ children, mode = "stack", renderer }) {
+	const parentRenderers = useContext(IconRenderersContext);
+	const renderers = useMemo(() => mode === "replace" ? [renderer] : [renderer, ...parentRenderers], [
+		mode,
+		parentRenderers,
+		renderer
+	]);
+	return /* @__PURE__ */ jsx(IconRenderersContext.Provider, {
+		value: renderers,
+		children
+	});
+}
+function IconRenderer({ className, icon }) {
+	const renderers = useContext(IconRenderersContext);
+	for (const renderer of renderers) {
+		const rendered = renderer({
+			className,
+			icon
+		});
+		if (rendered !== null && rendered !== void 0 && rendered !== false) return rendered;
+	}
+	return renderMissingIcon({
+		className,
+		icon
+	});
+}
+//#endregion
+export { IconRenderer, IconRendererProvider };
+
+//# sourceMappingURL=icon-renderer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icon-renderer.js","names":[],"sources":["../../resources/js/icons/icon-renderer.tsx"],"sourcesContent":["import { createContext, useContext, useMemo } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { renderBundledIcon, renderMissingIcon } from \"./default-icons\";\n\nexport type IconRendererProps = {\n  className?: string;\n  icon: string;\n};\n\nexport type IconRendererFunction = (props: IconRendererProps) => ReactNode;\n\ntype IconRendererProviderProps = {\n  children: ReactNode;\n  mode?: \"replace\" | \"stack\";\n  renderer: IconRendererFunction;\n};\n\nconst IconRenderersContext = createContext<IconRendererFunction[]>([renderBundledIcon]);\nconst loggedMissingIcons = new Set<string>();\n\nexport function IconRendererProvider({\n  children,\n  mode = \"stack\",\n  renderer,\n}: IconRendererProviderProps) {\n  const parentRenderers = useContext(IconRenderersContext);\n  const renderers = useMemo(\n    () => (mode === \"replace\" ? [renderer] : [renderer, ...parentRenderers]),\n    [mode, parentRenderers, renderer],\n  );\n\n  return (\n    <IconRenderersContext.Provider value={renderers}>{children}</IconRenderersContext.Provider>\n  );\n}\n\nexport function IconRenderer({ className, icon }: IconRendererProps) {\n  const renderers = useContext(IconRenderersContext);\n\n  for (const renderer of renderers) {\n    const rendered = renderer({ className, icon });\n\n    if (rendered !== null && rendered !== undefined && rendered !== false) {\n      return rendered;\n    }\n  }\n\n  logMissingIcon(icon);\n\n  return renderMissingIcon({ className, icon });\n}\n\nfunction logMissingIcon(icon: string): void {\n  if (!import.meta.env.DEV || loggedMissingIcons.has(icon)) {\n    return;\n  }\n\n  loggedMissingIcons.add(icon);\n  console.log(`[Lattice] Missing icon renderer for \"${icon}\".`);\n}\n"],"mappings":";;;;AAiBA,IAAM,uBAAuB,cAAsC,CAAC,iBAAiB,CAAC;AAGtF,SAAgB,qBAAqB,EACnC,UACA,OAAO,SACP,YAC4B;CAC5B,MAAM,kBAAkB,WAAW,oBAAoB;CACvD,MAAM,YAAY,cACT,SAAS,YAAY,CAAC,QAAQ,IAAI,CAAC,UAAU,GAAG,eAAe,GACtE;EAAC;EAAM;EAAiB;CAAQ,CAClC;CAEA,OACE,oBAAC,qBAAqB,UAAtB;EAA+B,OAAO;EAAY;CAAwC,CAAA;AAE9F;AAEA,SAAgB,aAAa,EAAE,WAAW,QAA2B;CACnE,MAAM,YAAY,WAAW,oBAAoB;CAEjD,KAAK,MAAM,YAAY,WAAW;EAChC,MAAM,WAAW,SAAS;GAAE;GAAW;EAAK,CAAC;EAE7C,IAAI,aAAa,QAAQ,aAAa,KAAA,KAAa,aAAa,OAC9D,OAAO;CAEX;CAIA,OAAO,kBAAkB;EAAE;EAAW;CAAK,CAAC;AAC9C"}

package/dist/icons/index.d.ts

@@ -0,0 +1,2 @@
+export { IconRenderer, IconRendererProvider } from './icon-renderer';
+export type { IconRendererFunction, IconRendererProps } from './icon-renderer';

package/dist/icons/index.js

@@ -0,0 +1,2 @@
+import { IconRenderer, IconRendererProvider } from "./icon-renderer.js";
+export { IconRenderer, IconRendererProvider };

package/dist/index.d.ts

@@ -0,0 +1,22 @@
+export { registry } from './registry';
+export { dispatchActionEffects, dispatchActionError, getActionEffects, isActionEffect, } from './action/effects';
+export { initializeTheme, useAppearance } from './appearance';
+export { copyToClipboard, useClipboard } from './clipboard';
+export { EventBridge } from './events/event-bridge';
+export { IconRenderer, IconRendererProvider } from './icons';
+export { createLayoutResolver, createPageResolver, pageComponentName } from './inertia';
+export { useMenu } from './menu';
+export { Provider, useRegistry } from './provider';
+export { createPlugin, createRegistry, eagerComponent, extendRegistry, lazyComponent, } from './core/registry';
+export { Renderer } from './core/renderer';
+export { LATTICE_REF_HEADER, withRefHeader } from './core/component-ref';
+export { LATTICE_EVENT } from './events/event-names';
+export type { ButtonVariant } from './core/components/button';
+export type { ReloadComponentEvent } from './events/event-names';
+export type { ComponentProps, ComponentType, KnownPageContainer, MenuGroup, MenuItem, MenuPayload, Node, NodeProps, PageContainer, PageBreadcrumb, PagePayload, RendererComponent, RendererComponentModule, RendererComponentProps, UnknownComponent, } from './core/types';
+export type { Method } from '@inertiajs/core';
+export type { ActionEffect } from './action/effects';
+export type { ResolvedAppearance, UseAppearanceReturn } from './appearance';
+export type { CopiedValue, CopyFn, UseClipboardReturn } from './clipboard';
+export type { Appearance, ToastMessage, ToastVariant } from './events/event-bridge';
+export type { IconRendererFunction, IconRendererProps } from './icons';

package/dist/index.js

@@ -0,0 +1,14 @@
+import { createPlugin, createRegistry, eagerComponent, extendRegistry, lazyComponent } from "./core/registry.js";
+import { LATTICE_REF_HEADER, withRefHeader } from "./core/component-ref.js";
+import { IconRenderer, IconRendererProvider } from "./icons/icon-renderer.js";
+import { LATTICE_EVENT } from "./events/event-names.js";
+import { dispatchActionEffects, dispatchActionError, getActionEffects, isActionEffect } from "./action/effects.js";
+import { Renderer } from "./core/renderer.js";
+import { registry } from "./registry.js";
+import { initializeTheme, useAppearance } from "./appearance/index.js";
+import { copyToClipboard, useClipboard } from "./clipboard/index.js";
+import { EventBridge } from "./events/event-bridge.js";
+import { Provider, useRegistry } from "./provider.js";
+import { createLayoutResolver, createPageResolver, pageComponentName } from "./inertia.js";
+import { useMenu } from "./menu/use-menu.js";
+export { EventBridge, IconRenderer, IconRendererProvider, LATTICE_EVENT, LATTICE_REF_HEADER, Provider, Renderer, copyToClipboard, createLayoutResolver, createPageResolver, createPlugin, createRegistry, dispatchActionEffects, dispatchActionError, eagerComponent, extendRegistry, getActionEffects, initializeTheme, isActionEffect, lazyComponent, pageComponentName, registry, useAppearance, useClipboard, useMenu, useRegistry, withRefHeader };

package/dist/inertia.d.ts

@@ -0,0 +1,17 @@
+import { Page as InertiaPage } from '@inertiajs/core';
+import { ResolvedComponent } from '@inertiajs/react';
+export declare const pageComponentName = "lattice/page";
+export type ResolvedPage = ResolvedComponent | Promise<ResolvedComponent> | {
+    default: ResolvedComponent;
+};
+export type PageModules = Record<string, () => Promise<ResolvedComponent>>;
+export type Layouts = {
+    app: unknown;
+    auth: unknown;
+};
+export type CreateLayoutResolverOptions = {
+    defaultLayout?: (name: string, page: InertiaPage) => unknown;
+    layouts: Layouts;
+};
+export declare function createPageResolver(pages: PageModules): (name: string) => ResolvedPage;
+export declare function createLayoutResolver({ defaultLayout, layouts }: CreateLayoutResolverOptions): (name: string, page: InertiaPage) => unknown;

package/dist/inertia.js

@@ -0,0 +1,26 @@
+import Page from "./page.js";
+//#region resources/js/inertia.ts
+var pageComponentName = "lattice/page";
+function createPageResolver(pages) {
+	return (name) => {
+		if (name === "lattice/page") return { default: Page };
+		const resolvedPage = pages[`./pages/${name}.tsx`];
+		if (resolvedPage) return resolvedPage();
+		throw new Error(`Page not found: ${name}`);
+	};
+}
+function createLayoutResolver({ defaultLayout, layouts }) {
+	return (name, page) => {
+		if (name === "lattice/page") {
+			const lattice = page.props.lattice;
+			if (lattice?.layout === "app") return [layouts.app, { breadcrumbs: lattice.breadcrumbs }];
+			if (lattice?.layout === "auth") return layouts.auth;
+			return null;
+		}
+		return defaultLayout?.(name, page) ?? layouts.app;
+	};
+}
+//#endregion
+export { createLayoutResolver, createPageResolver, pageComponentName };
+
+//# sourceMappingURL=inertia.js.map

package/dist/inertia.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inertia.js","names":[],"sources":["../resources/js/inertia.ts"],"sourcesContent":["import type { Page as InertiaPage } from \"@inertiajs/core\";\nimport type { ResolvedComponent } from \"@inertiajs/react\";\nimport Page from \"./page\";\nimport type { PagePayload } from \"./core/types\";\n\nexport const pageComponentName = \"lattice/page\";\n\nexport type ResolvedPage =\n  | ResolvedComponent\n  | Promise<ResolvedComponent>\n  | { default: ResolvedComponent };\nexport type PageModules = Record<string, () => Promise<ResolvedComponent>>;\n\nexport type Layouts = {\n  app: unknown;\n  auth: unknown;\n};\n\nexport type CreateLayoutResolverOptions = {\n  defaultLayout?: (name: string, page: InertiaPage) => unknown;\n  layouts: Layouts;\n};\n\nexport function createPageResolver(pages: PageModules) {\n  return (name: string): ResolvedPage => {\n    if (name === pageComponentName) {\n      return { default: Page };\n    }\n\n    const resolvedPage = pages[`./pages/${name}.tsx`];\n\n    if (resolvedPage) {\n      return resolvedPage();\n    }\n\n    throw new Error(`Page not found: ${name}`);\n  };\n}\n\nexport function createLayoutResolver({ defaultLayout, layouts }: CreateLayoutResolverOptions) {\n  return (name: string, page: InertiaPage): unknown => {\n    if (name === pageComponentName) {\n      const lattice = page.props.lattice as PagePayload | undefined;\n\n      if (lattice?.layout === \"app\") {\n        return [layouts.app, { breadcrumbs: lattice.breadcrumbs }];\n      }\n\n      if (lattice?.layout === \"auth\") {\n        return layouts.auth;\n      }\n\n      return null;\n    }\n\n    return defaultLayout?.(name, page) ?? layouts.app;\n  };\n}\n"],"mappings":";;AAKA,IAAa,oBAAoB;AAkBjC,SAAgB,mBAAmB,OAAoB;CACrD,QAAQ,SAA+B;EACrC,IAAI,SAAA,gBACF,OAAO,EAAE,SAAS,KAAK;EAGzB,MAAM,eAAe,MAAM,WAAW,KAAK;EAE3C,IAAI,cACF,OAAO,aAAa;EAGtB,MAAM,IAAI,MAAM,mBAAmB,MAAM;CAC3C;AACF;AAEA,SAAgB,qBAAqB,EAAE,eAAe,WAAwC;CAC5F,QAAQ,MAAc,SAA+B;EACnD,IAAI,SAAA,gBAA4B;GAC9B,MAAM,UAAU,KAAK,MAAM;GAE3B,IAAI,SAAS,WAAW,OACtB,OAAO,CAAC,QAAQ,KAAK,EAAE,aAAa,QAAQ,YAAY,CAAC;GAG3D,IAAI,SAAS,WAAW,QACtB,OAAO,QAAQ;GAGjB,OAAO;EACT;EAEA,OAAO,gBAAgB,MAAM,IAAI,KAAK,QAAQ;CAChD;AACF"}

package/dist/lattice.css

@@ -0,0 +1,247 @@
+/*
+ * Register Lattice's component sources with Tailwind. Consumers import this
+ * stylesheet from the Composer-installed package, so the path resolves into
+ * vendor and Tailwind generates the utilities the components use.
+ */
+@source "./**/*.js";
+
+:root,
+[data-theme="light"] {
+  --lt-bg: var(--background, oklch(1 0 0));
+  --lt-fg: var(--foreground, oklch(0.145 0 0));
+  --lt-surface: var(--card, oklch(1 0 0));
+  --lt-surface-fg: var(--card-foreground, oklch(0.145 0 0));
+  --lt-popover: var(--popover, oklch(1 0 0));
+  --lt-popover-fg: var(--popover-foreground, oklch(0.145 0 0));
+  --lt-primary: var(--primary, oklch(0.205 0 0));
+  --lt-primary-fg: var(--primary-foreground, oklch(0.985 0 0));
+  --lt-secondary: var(--secondary, oklch(0.97 0 0));
+  --lt-secondary-fg: var(--secondary-foreground, oklch(0.205 0 0));
+  --lt-muted: var(--muted, oklch(0.97 0 0));
+  --lt-muted-fg: var(--muted-foreground, oklch(0.556 0 0));
+  --lt-accent: var(--accent, oklch(0.97 0 0));
+  --lt-accent-fg: var(--accent-foreground, oklch(0.205 0 0));
+  --lt-danger: var(--destructive, oklch(0.577 0.245 27.325));
+  --lt-danger-fg: var(--destructive-foreground, oklch(0.985 0 0));
+  --lt-border: var(--border, oklch(0.922 0 0));
+  --lt-input: var(--input, oklch(0.922 0 0));
+  --lt-ring: var(--ring, oklch(0.87 0 0));
+  --lt-radius: var(--radius, 0.625rem);
+  --lt-radius-sm: calc(var(--lt-radius) - 2px);
+  --lt-radius-xs: calc(var(--lt-radius) - 4px);
+
+  color-scheme: light;
+}
+
+[data-theme="dark"],
+.dark {
+  --lt-bg: var(--background, oklch(0.145 0 0));
+  --lt-fg: var(--foreground, oklch(0.985 0 0));
+  --lt-surface: var(--card, oklch(0.145 0 0));
+  --lt-surface-fg: var(--card-foreground, oklch(0.985 0 0));
+  --lt-popover: var(--popover, oklch(0.145 0 0));
+  --lt-popover-fg: var(--popover-foreground, oklch(0.985 0 0));
+  --lt-primary: var(--primary, oklch(0.985 0 0));
+  --lt-primary-fg: var(--primary-foreground, oklch(0.205 0 0));
+  --lt-secondary: var(--secondary, oklch(0.269 0 0));
+  --lt-secondary-fg: var(--secondary-foreground, oklch(0.985 0 0));
+  --lt-muted: var(--muted, oklch(0.269 0 0));
+  --lt-muted-fg: var(--muted-foreground, oklch(0.708 0 0));
+  --lt-accent: var(--accent, oklch(0.269 0 0));
+  --lt-accent-fg: var(--accent-foreground, oklch(0.985 0 0));
+  --lt-danger: var(--destructive, oklch(0.396 0.141 25.723));
+  --lt-danger-fg: var(--destructive-foreground, oklch(0.985 0 0));
+  --lt-border: var(--border, oklch(0.269 0 0));
+  --lt-input: var(--input, oklch(0.269 0 0));
+  --lt-ring: var(--ring, oklch(0.439 0 0));
+
+  color-scheme: dark;
+}
+
+@theme inline {
+  --color-lt-bg: var(--lt-bg);
+  --color-lt-fg: var(--lt-fg);
+  --color-lt-surface: var(--lt-surface);
+  --color-lt-surface-fg: var(--lt-surface-fg);
+  --color-lt-popover: var(--lt-popover);
+  --color-lt-popover-fg: var(--lt-popover-fg);
+  --color-lt-primary: var(--lt-primary);
+  --color-lt-primary-fg: var(--lt-primary-fg);
+  --color-lt-secondary: var(--lt-secondary);
+  --color-lt-secondary-fg: var(--lt-secondary-fg);
+  --color-lt-muted: var(--lt-muted);
+  --color-lt-muted-fg: var(--lt-muted-fg);
+  --color-lt-accent: var(--lt-accent);
+  --color-lt-accent-fg: var(--lt-accent-fg);
+  --color-lt-danger: var(--lt-danger);
+  --color-lt-danger-fg: var(--lt-danger-fg);
+  --color-lt-border: var(--lt-border);
+  --color-lt-input: var(--lt-input);
+  --color-lt-ring: var(--lt-ring);
+  --radius-lt: var(--lt-radius);
+  --radius-lt-sm: var(--lt-radius-sm);
+  --radius-lt-xs: var(--lt-radius-xs);
+}
+
+/*
+ * Rich text content styling. Applied to the rich editor and reusable for rendered
+ * output (wrap stored HTML in `.lattice-prose`). Restores the element styles that
+ * Tailwind's preflight resets, using the theme tokens so it adapts to dark mode.
+ * `:where()` keeps specificity low so consumers can override freely.
+ */
+.lattice-prose :where(h1) {
+  font-size: 1.5rem;
+  line-height: 2rem;
+  font-weight: 700;
+  margin: 1rem 0 0.5rem;
+}
+
+.lattice-prose :where(h2) {
+  font-size: 1.25rem;
+  line-height: 1.75rem;
+  font-weight: 700;
+  margin: 1rem 0 0.5rem;
+}
+
+.lattice-prose :where(h3) {
+  font-size: 1.125rem;
+  line-height: 1.5rem;
+  font-weight: 600;
+  margin: 0.75rem 0 0.5rem;
+}
+
+.lattice-prose :where(p) {
+  margin: 0.5rem 0;
+}
+
+.lattice-prose :where(ul) {
+  list-style: disc;
+  padding-left: 1.5rem;
+  margin: 0.5rem 0;
+}
+
+.lattice-prose :where(ol) {
+  list-style: decimal;
+  padding-left: 1.5rem;
+  margin: 0.5rem 0;
+}
+
+.lattice-prose :where(li) {
+  margin: 0.25rem 0;
+}
+
+.lattice-prose :where(li p) {
+  margin: 0;
+}
+
+.lattice-prose :where(blockquote) {
+  border-left: 3px solid var(--lt-border);
+  padding-left: 1rem;
+  margin: 0.75rem 0;
+  color: var(--lt-muted-fg);
+  font-style: italic;
+}
+
+.lattice-prose :where(strong) {
+  font-weight: 700;
+}
+
+.lattice-prose :where(em) {
+  font-style: italic;
+}
+
+.lattice-prose :where(s) {
+  text-decoration: line-through;
+}
+
+.lattice-prose :where(u) {
+  text-decoration: underline;
+  text-underline-offset: 2px;
+}
+
+.lattice-prose :where(mark) {
+  background: var(--lt-warning, #fef08a);
+  color: inherit;
+  border-radius: var(--lt-radius-sm);
+  padding: 0.05em 0.15em;
+}
+
+.lattice-prose :where(a) {
+  color: var(--lt-primary);
+  text-decoration: underline;
+  text-underline-offset: 2px;
+}
+
+.lattice-prose :where(code) {
+  background: var(--lt-muted);
+  border-radius: var(--lt-radius-sm);
+  padding: 0.125rem 0.25rem;
+  font-family: ui-monospace, "SFMono-Regular", "Menlo", monospace;
+  font-size: 0.875em;
+}
+
+.lattice-prose :where(pre) {
+  background: var(--lt-muted);
+  border-radius: var(--lt-radius-sm);
+  padding: 0.75rem 1rem;
+  margin: 0.75rem 0;
+  overflow-x: auto;
+  font-family: ui-monospace, "SFMono-Regular", "Menlo", monospace;
+  font-size: 0.875rem;
+}
+
+.lattice-prose :where(pre code) {
+  background: transparent;
+  padding: 0;
+  font-size: inherit;
+}
+
+.lattice-prose :where(hr) {
+  border: none;
+  border-top: 1px solid var(--lt-border);
+  margin: 1rem 0;
+}
+
+.lattice-prose :where(table) {
+  border-collapse: collapse;
+  width: 100%;
+  margin: 0.75rem 0;
+  table-layout: fixed;
+  overflow: hidden;
+}
+
+.lattice-prose :where(th, td) {
+  border: 1px solid var(--lt-border);
+  padding: 0.375rem 0.5rem;
+  text-align: left;
+  vertical-align: top;
+}
+
+.lattice-prose :where(th) {
+  background: var(--lt-muted);
+  font-weight: 600;
+}
+
+.lattice-prose :where(.selectedCell) {
+  background: var(--lt-accent);
+}
+
+.lattice-prose :where(details) {
+  border: 1px solid var(--lt-border);
+  border-radius: var(--lt-radius-sm);
+  padding: 0.5rem 0.75rem;
+  margin: 0.75rem 0;
+}
+
+.lattice-prose :where(summary) {
+  cursor: pointer;
+  font-weight: 600;
+}
+
+.lattice-prose :where(:first-child) {
+  margin-top: 0;
+}
+
+.lattice-prose :where(:last-child) {
+  margin-bottom: 0;
+}

package/dist/lib/utils.d.ts

@@ -0,0 +1,4 @@
+import { InertiaLinkProps } from '@inertiajs/react';
+import { ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;
+export declare function toUrl(url: NonNullable<InertiaLinkProps["href"]>): string;