@lattice-php/lattice 0.1.0

package/LICENSE.md

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) Manuel Christlieb <manuel@christlieb.eu>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

package/README.md

@@ -0,0 +1,39 @@
+<p align="center">
+  <picture>
+    <source media="(prefers-color-scheme: dark)" srcset="docs/assets/logo-dark.svg">
+    <img alt="Lattice" src="docs/assets/logo.svg" width="320">
+  </picture>
+</p>
+
+<p align="center">
+  <a href="https://packagist.org/packages/lattice-php/lattice"><img alt="Latest version on Packagist" src="https://img.shields.io/packagist/v/lattice-php/lattice.svg?style=flat-square"></a>
+  <a href="https://www.npmjs.com/package/@lattice-php/lattice"><img alt="Latest version on npm" src="https://img.shields.io/npm/v/@lattice-php/lattice.svg?style=flat-square"></a>
+  <a href="https://github.com/lattice-php/lattice/actions/workflows/ci.yml"><img alt="CI" src="https://img.shields.io/github/actions/workflow/status/lattice-php/lattice/ci.yml?branch=main&label=CI&style=flat-square"></a>
+  <a href="https://packagist.org/packages/lattice-php/lattice"><img alt="Total downloads" src="https://img.shields.io/packagist/dt/lattice-php/lattice.svg?style=flat-square"></a>
+  <a href="https://packagist.org/packages/lattice-php/lattice"><img alt="License" src="https://img.shields.io/packagist/l/lattice-php/lattice.svg?style=flat-square"></a>
+</p>
+
+<p align="center">
+  <strong>Server-driven React components for Laravel and Inertia.</strong>
+</p>
+
+---
+
+Lattice lets you describe your interface — pages, forms, tables, actions, and menus — in PHP on the server and render it with real React components on the client over Inertia. You keep building the way you already do in Laravel, while your users get a polished React front end, with no hand-wired API and no UI contract duplicated across two languages.
+
+## Installation
+
+```bash
+composer require lattice-php/lattice
+npm install @lattice-php/lattice
+```
+
+See [Installation](https://latticephp.com/getting-started/installation/) and [Frontend Setup](https://latticephp.com/getting-started/frontend-setup/) for the full setup.
+
+## Documentation
+
+Full documentation, guides, and examples live at **[latticephp.com](https://latticephp.com)**.
+
+## License
+
+The MIT License (MIT). See [LICENSE.md](LICENSE.md) for details.

package/dist/action/components/action-group.d.ts

@@ -0,0 +1,10 @@
+import { RendererComponent } from '../../../../core/types';
+declare module '../../../../core/types' {
+    interface ComponentProps {
+        "action.group": {
+            label?: string;
+        };
+    }
+}
+declare const ActionGroupComponent: RendererComponent<"action.group">;
+export default ActionGroupComponent;

package/dist/action/components/action-group.js

@@ -0,0 +1,79 @@
+import { getStringProp } from "../../core/props.js";
+import { Button } from "../../core/components/button.js";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { MoreHorizontal } from "lucide-react";
+import { createPortal } from "react-dom";
+//#region resources/js/action/components/action-group.tsx
+var ActionGroupComponent = ({ children, node }) => {
+	const label = getStringProp(node.props, "label", "Actions");
+	const [open, setOpen] = useState(false);
+	const [position, setPosition] = useState(null);
+	const buttonRef = useRef(null);
+	const menuRef = useRef(null);
+	const updatePosition = useCallback(() => {
+		const rect = buttonRef.current?.getBoundingClientRect();
+		if (!rect) return;
+		setPosition({
+			right: Math.max(8, window.innerWidth - rect.right),
+			top: rect.bottom + 8
+		});
+	}, []);
+	useEffect(() => {
+		if (!open) return;
+		updatePosition();
+		const closeWhenOutside = (event) => {
+			const target = event.target;
+			if (target instanceof Node && (buttonRef.current?.contains(target) || menuRef.current?.contains(target))) return;
+			setOpen(false);
+		};
+		const closeOnEscape = (event) => {
+			if (event.key === "Escape") setOpen(false);
+		};
+		window.addEventListener("resize", updatePosition);
+		window.addEventListener("scroll", updatePosition, true);
+		document.addEventListener("mousedown", closeWhenOutside);
+		document.addEventListener("keydown", closeOnEscape);
+		return () => {
+			window.removeEventListener("resize", updatePosition);
+			window.removeEventListener("scroll", updatePosition, true);
+			document.removeEventListener("mousedown", closeWhenOutside);
+			document.removeEventListener("keydown", closeOnEscape);
+		};
+	}, [open, updatePosition]);
+	const toggle = () => {
+		updatePosition();
+		setOpen((current) => !current);
+	};
+	const menu = open && position && typeof document !== "undefined" ? createPortal(/* @__PURE__ */ jsx("div", {
+		ref: menuRef,
+		"aria-label": label,
+		className: "fixed z-50 grid min-w-40 gap-1 rounded-lt-sm border border-lt-border bg-lt-popover p-1 text-lt-popover-fg shadow-md [&>button]:w-full [&>button]:justify-start",
+		role: "menu",
+		style: position,
+		children
+	}), document.body) : null;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "inline-flex",
+		"data-lattice-component": node.id,
+		children: [/* @__PURE__ */ jsx(Button, {
+			ref: buttonRef,
+			"aria-label": label,
+			"aria-expanded": open,
+			"aria-haspopup": "menu",
+			className: "size-8 text-lt-muted-fg shadow-none hover:text-lt-fg",
+			onClick: toggle,
+			size: "icon",
+			type: "button",
+			variant: "ghost",
+			children: /* @__PURE__ */ jsx(MoreHorizontal, {
+				"aria-hidden": "true",
+				className: "size-4"
+			})
+		}), menu]
+	});
+};
+//#endregion
+export { ActionGroupComponent as default };
+
+//# sourceMappingURL=action-group.js.map

package/dist/action/components/action-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-group.js","names":[],"sources":["../../../resources/js/action/components/action-group.tsx"],"sourcesContent":["import { MoreHorizontal } from \"lucide-react\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { Button } from \"@lattice/lattice/core/components/button\";\nimport { getStringProp } from \"@lattice/lattice/core/props\";\nimport type { RendererComponent } from \"@lattice/lattice/core/types\";\n\ndeclare module \"@lattice/lattice/core/types\" {\n  interface ComponentProps {\n    \"action.group\": {\n      label?: string;\n    };\n  }\n}\n\nconst ActionGroupComponent: RendererComponent<\"action.group\"> = ({ children, node }) => {\n  const label = getStringProp(node.props, \"label\", \"Actions\");\n  const [open, setOpen] = useState(false);\n  const [position, setPosition] = useState<{ right: number; top: number } | null>(null);\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const menuRef = useRef<HTMLDivElement>(null);\n\n  const updatePosition = useCallback(() => {\n    const rect = buttonRef.current?.getBoundingClientRect();\n\n    if (!rect) {\n      return;\n    }\n\n    setPosition({\n      right: Math.max(8, window.innerWidth - rect.right),\n      top: rect.bottom + 8,\n    });\n  }, []);\n\n  useEffect(() => {\n    if (!open) {\n      return;\n    }\n\n    updatePosition();\n\n    const closeWhenOutside = (event: MouseEvent): void => {\n      const target = event.target;\n\n      if (\n        target instanceof Node &&\n        (buttonRef.current?.contains(target) || menuRef.current?.contains(target))\n      ) {\n        return;\n      }\n\n      setOpen(false);\n    };\n\n    const closeOnEscape = (event: KeyboardEvent): void => {\n      if (event.key === \"Escape\") {\n        setOpen(false);\n      }\n    };\n\n    window.addEventListener(\"resize\", updatePosition);\n    window.addEventListener(\"scroll\", updatePosition, true);\n    document.addEventListener(\"mousedown\", closeWhenOutside);\n    document.addEventListener(\"keydown\", closeOnEscape);\n\n    return () => {\n      window.removeEventListener(\"resize\", updatePosition);\n      window.removeEventListener(\"scroll\", updatePosition, true);\n      document.removeEventListener(\"mousedown\", closeWhenOutside);\n      document.removeEventListener(\"keydown\", closeOnEscape);\n    };\n  }, [open, updatePosition]);\n\n  const toggle = (): void => {\n    updatePosition();\n    setOpen((current) => !current);\n  };\n\n  const menu =\n    open && position && typeof document !== \"undefined\"\n      ? createPortal(\n          <div\n            ref={menuRef}\n            aria-label={label}\n            className=\"fixed z-50 grid min-w-40 gap-1 rounded-lt-sm border border-lt-border bg-lt-popover p-1 text-lt-popover-fg shadow-md [&>button]:w-full [&>button]:justify-start\"\n            role=\"menu\"\n            style={position}\n          >\n            {children}\n          </div>,\n          document.body,\n        )\n      : null;\n\n  return (\n    <div className=\"inline-flex\" data-lattice-component={node.id}>\n      <Button\n        ref={buttonRef}\n        aria-label={label}\n        aria-expanded={open}\n        aria-haspopup=\"menu\"\n        className=\"size-8 text-lt-muted-fg shadow-none hover:text-lt-fg\"\n        onClick={toggle}\n        size=\"icon\"\n        type=\"button\"\n        variant=\"ghost\"\n      >\n        <MoreHorizontal aria-hidden=\"true\" className=\"size-4\" />\n      </Button>\n\n      {menu}\n    </div>\n  );\n};\n\nexport default ActionGroupComponent;\n"],"mappings":";;;;;;;AAeA,IAAM,wBAA2D,EAAE,UAAU,WAAW;CACtF,MAAM,QAAQ,cAAc,KAAK,OAAO,SAAS,SAAS;CAC1D,MAAM,CAAC,MAAM,WAAW,SAAS,KAAK;CACtC,MAAM,CAAC,UAAU,eAAe,SAAgD,IAAI;CACpF,MAAM,YAAY,OAA0B,IAAI;CAChD,MAAM,UAAU,OAAuB,IAAI;CAE3C,MAAM,iBAAiB,kBAAkB;EACvC,MAAM,OAAO,UAAU,SAAS,sBAAsB;EAEtD,IAAI,CAAC,MACH;EAGF,YAAY;GACV,OAAO,KAAK,IAAI,GAAG,OAAO,aAAa,KAAK,KAAK;GACjD,KAAK,KAAK,SAAS;EACrB,CAAC;CACH,GAAG,CAAC,CAAC;CAEL,gBAAgB;EACd,IAAI,CAAC,MACH;EAGF,eAAe;EAEf,MAAM,oBAAoB,UAA4B;GACpD,MAAM,SAAS,MAAM;GAErB,IACE,kBAAkB,SACjB,UAAU,SAAS,SAAS,MAAM,KAAK,QAAQ,SAAS,SAAS,MAAM,IAExE;GAGF,QAAQ,KAAK;EACf;EAEA,MAAM,iBAAiB,UAA+B;GACpD,IAAI,MAAM,QAAQ,UAChB,QAAQ,KAAK;EAEjB;EAEA,OAAO,iBAAiB,UAAU,cAAc;EAChD,OAAO,iBAAiB,UAAU,gBAAgB,IAAI;EACtD,SAAS,iBAAiB,aAAa,gBAAgB;EACvD,SAAS,iBAAiB,WAAW,aAAa;EAElD,aAAa;GACX,OAAO,oBAAoB,UAAU,cAAc;GACnD,OAAO,oBAAoB,UAAU,gBAAgB,IAAI;GACzD,SAAS,oBAAoB,aAAa,gBAAgB;GAC1D,SAAS,oBAAoB,WAAW,aAAa;EACvD;CACF,GAAG,CAAC,MAAM,cAAc,CAAC;CAEzB,MAAM,eAAqB;EACzB,eAAe;EACf,SAAS,YAAY,CAAC,OAAO;CAC/B;CAEA,MAAM,OACJ,QAAQ,YAAY,OAAO,aAAa,cACpC,aACE,oBAAC,OAAD;EACE,KAAK;EACL,cAAY;EACZ,WAAU;EACV,MAAK;EACL,OAAO;EAEN;CACE,CAAA,GACL,SAAS,IACX,IACA;CAEN,OACE,qBAAC,OAAD;EAAK,WAAU;EAAc,0BAAwB,KAAK;YAA1D,CACE,oBAAC,QAAD;GACE,KAAK;GACL,cAAY;GACZ,iBAAe;GACf,iBAAc;GACd,WAAU;GACV,SAAS;GACT,MAAK;GACL,MAAK;GACL,SAAQ;aAER,oBAAC,gBAAD;IAAgB,eAAY;IAAO,WAAU;GAAU,CAAA;EACjD,CAAA,GAEP,IACE;;AAET"}

package/dist/action/components/action.d.ts

@@ -0,0 +1,26 @@
+import { Method } from '@inertiajs/core';
+import { RendererComponent } from '../../../../core/types';
+import { ActionEffect } from '../effects';
+type ActionVariant = "default" | "destructive" | "ghost" | "link" | "outline" | "secondary";
+type ActionConfirmation = {
+    cancelLabel?: string;
+    confirmLabel?: string;
+    description?: string;
+    title?: string;
+};
+declare module '../../../../core/types' {
+    interface ComponentProps {
+        action: {
+            confirmation?: ActionConfirmation;
+            effects?: ActionEffect[];
+            endpoint?: string;
+            icon?: string;
+            label?: string;
+            ref?: string;
+            method?: Method;
+            variant?: ActionVariant;
+        };
+    }
+}
+declare const ActionComponent: RendererComponent<"action">;
+export default ActionComponent;

package/dist/action/components/action.js

@@ -0,0 +1,87 @@
+import { withRefHeader } from "../../core/component-ref.js";
+import { getStringProp } from "../../core/props.js";
+import { Button } from "../../core/components/button.js";
+import { Spinner } from "../../core/components/spinner.js";
+import { ConfirmDialog } from "../../core/components/confirm-dialog.js";
+import { IconRenderer } from "../../icons/icon-renderer.js";
+import { dispatchActionEffects, dispatchActionError, getActionEffects } from "../effects.js";
+import { useState } from "react";
+import { router, useHttp } from "@inertiajs/react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region resources/js/action/components/action.tsx
+var actionMethods = [
+	"delete",
+	"get",
+	"patch",
+	"post",
+	"put"
+];
+function getActionMethod(props) {
+	const method = getStringProp(props, "method", "post");
+	return actionMethods.includes(method) ? method : "post";
+}
+function getConfirmation(props) {
+	const confirmation = props?.confirmation;
+	if (typeof confirmation !== "object" || confirmation === null || Array.isArray(confirmation)) return null;
+	return confirmation;
+}
+var ActionComponent = ({ node }) => {
+	const endpoint = getStringProp(node.props, "endpoint");
+	const icon = getStringProp(node.props, "icon");
+	const label = getStringProp(node.props, "label", "Run action");
+	const componentRef = getStringProp(node.props, "ref");
+	const method = getActionMethod(node.props);
+	const http = useHttp({});
+	const [isConfirming, setIsConfirming] = useState(false);
+	const confirmation = getConfirmation(node.props);
+	const submit = async () => {
+		if (!endpoint) return;
+		try {
+			if (method === "get") {
+				router.visit(endpoint, { headers: withRefHeader(componentRef) });
+				setIsConfirming(false);
+				return;
+			}
+			const responseEffects = getActionEffects((await http[method](endpoint, { headers: withRefHeader(componentRef) })).effects);
+			dispatchActionEffects(responseEffects.length > 0 ? responseEffects : getActionEffects(node.props?.effects));
+			setIsConfirming(false);
+		} catch (error) {
+			dispatchActionError(error);
+		}
+	};
+	const requestSubmit = () => {
+		if (confirmation) {
+			setIsConfirming(true);
+			return;
+		}
+		submit();
+	};
+	const confirmationTitle = confirmation?.title ?? label;
+	const confirmationConfirmLabel = confirmation?.confirmLabel ?? label;
+	const confirmationCancelLabel = confirmation?.cancelLabel ?? "Cancel";
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(Button, {
+		"data-lattice-component": node.id,
+		disabled: http.processing || !endpoint,
+		onClick: requestSubmit,
+		type: "button",
+		variant: node.props?.variant ?? "default",
+		children: [http.processing ? /* @__PURE__ */ jsx(Spinner, {}) : icon && /* @__PURE__ */ jsx(IconRenderer, {
+			className: "size-4",
+			icon
+		}), label]
+	}), isConfirming && confirmation && /* @__PURE__ */ jsx(ConfirmDialog, {
+		title: confirmationTitle,
+		description: confirmation.description,
+		confirmLabel: confirmationConfirmLabel,
+		cancelLabel: confirmationCancelLabel,
+		confirmVariant: node.props?.variant ?? "default",
+		processing: http.processing,
+		confirmDisabled: !endpoint,
+		onConfirm: () => void submit(),
+		onCancel: () => setIsConfirming(false)
+	})] });
+};
+//#endregion
+export { ActionComponent as default };
+
+//# sourceMappingURL=action.js.map

package/dist/action/components/action.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"action.js","names":[],"sources":["../../../resources/js/action/components/action.tsx"],"sourcesContent":["import { router, useHttp } from \"@inertiajs/react\";\nimport type { Method } from \"@inertiajs/core\";\nimport { useState } from \"react\";\nimport { withRefHeader } from \"@lattice/lattice/core/component-ref\";\nimport { Button } from \"@lattice/lattice/core/components/button\";\nimport { ConfirmDialog } from \"@lattice/lattice/core/components/confirm-dialog\";\nimport { Spinner } from \"@lattice/lattice/core/components/spinner\";\nimport { getStringProp } from \"@lattice/lattice/core/props\";\nimport type { NodeProps, RendererComponent } from \"@lattice/lattice/core/types\";\nimport { IconRenderer } from \"@lattice/lattice/icons\";\nimport { dispatchActionEffects, dispatchActionError, getActionEffects } from \"../effects\";\nimport type { ActionEffect } from \"../effects\";\n\ntype ActionVariant = \"default\" | \"destructive\" | \"ghost\" | \"link\" | \"outline\" | \"secondary\";\n\ntype ActionConfirmation = {\n  cancelLabel?: string;\n  confirmLabel?: string;\n  description?: string;\n  title?: string;\n};\n\ntype ActionResponse = {\n  data?: Record<string, unknown>;\n  effects?: ActionEffect[];\n  ok?: boolean;\n};\n\ntype ActionData = Record<string, never>;\n\ndeclare module \"@lattice/lattice/core/types\" {\n  interface ComponentProps {\n    action: {\n      confirmation?: ActionConfirmation;\n      effects?: ActionEffect[];\n      endpoint?: string;\n      icon?: string;\n      label?: string;\n      ref?: string;\n      method?: Method;\n      variant?: ActionVariant;\n    };\n  }\n}\n\nconst actionMethods = [\"delete\", \"get\", \"patch\", \"post\", \"put\"] satisfies Method[];\n\nfunction getActionMethod(props: NodeProps | undefined): Method {\n  const method = getStringProp(props, \"method\", \"post\");\n\n  return actionMethods.includes(method as Method) ? (method as Method) : \"post\";\n}\n\nfunction getConfirmation(props: NodeProps | undefined): ActionConfirmation | null {\n  const confirmation = props?.confirmation;\n\n  if (typeof confirmation !== \"object\" || confirmation === null || Array.isArray(confirmation)) {\n    return null;\n  }\n\n  return confirmation;\n}\n\nconst ActionComponent: RendererComponent<\"action\"> = ({ node }) => {\n  const endpoint = getStringProp(node.props, \"endpoint\");\n  const icon = getStringProp(node.props, \"icon\");\n  const label = getStringProp(node.props, \"label\", \"Run action\");\n  const componentRef = getStringProp(node.props, \"ref\");\n  const method = getActionMethod(node.props);\n  const http = useHttp<ActionData, ActionResponse>({});\n  const [isConfirming, setIsConfirming] = useState(false);\n  const confirmation = getConfirmation(node.props);\n\n  const submit = async (): Promise<void> => {\n    if (!endpoint) {\n      return;\n    }\n\n    try {\n      if (method === \"get\") {\n        router.visit(endpoint, { headers: withRefHeader(componentRef) });\n        setIsConfirming(false);\n\n        return;\n      }\n\n      const response = await http[method](endpoint, { headers: withRefHeader(componentRef) });\n      const responseEffects = getActionEffects(response.effects);\n\n      dispatchActionEffects(\n        responseEffects.length > 0 ? responseEffects : getActionEffects(node.props?.effects),\n      );\n      setIsConfirming(false);\n    } catch (error) {\n      dispatchActionError(error);\n    }\n  };\n\n  const requestSubmit = (): void => {\n    if (confirmation) {\n      setIsConfirming(true);\n\n      return;\n    }\n\n    void submit();\n  };\n\n  const confirmationTitle = confirmation?.title ?? label;\n  const confirmationConfirmLabel = confirmation?.confirmLabel ?? label;\n  const confirmationCancelLabel = confirmation?.cancelLabel ?? \"Cancel\";\n\n  return (\n    <>\n      <Button\n        data-lattice-component={node.id}\n        disabled={http.processing || !endpoint}\n        onClick={requestSubmit}\n        type=\"button\"\n        variant={node.props?.variant ?? \"default\"}\n      >\n        {http.processing ? <Spinner /> : icon && <IconRenderer className=\"size-4\" icon={icon} />}\n        {label}\n      </Button>\n\n      {isConfirming && confirmation && (\n        <ConfirmDialog\n          title={confirmationTitle}\n          description={confirmation.description}\n          confirmLabel={confirmationConfirmLabel}\n          cancelLabel={confirmationCancelLabel}\n          confirmVariant={node.props?.variant ?? \"default\"}\n          processing={http.processing}\n          confirmDisabled={!endpoint}\n          onConfirm={() => void submit()}\n          onCancel={() => setIsConfirming(false)}\n        />\n      )}\n    </>\n  );\n};\n\nexport default ActionComponent;\n"],"mappings":";;;;;;;;;;;AA6CA,IAAM,gBAAgB;CAAC;CAAU;CAAO;CAAS;CAAQ;AAAK;AAE9D,SAAS,gBAAgB,OAAsC;CAC7D,MAAM,SAAS,cAAc,OAAO,UAAU,MAAM;CAEpD,OAAO,cAAc,SAAS,MAAgB,IAAK,SAAoB;AACzE;AAEA,SAAS,gBAAgB,OAAyD;CAChF,MAAM,eAAe,OAAO;CAE5B,IAAI,OAAO,iBAAiB,YAAY,iBAAiB,QAAQ,MAAM,QAAQ,YAAY,GACzF,OAAO;CAGT,OAAO;AACT;AAEA,IAAM,mBAAgD,EAAE,WAAW;CACjE,MAAM,WAAW,cAAc,KAAK,OAAO,UAAU;CACrD,MAAM,OAAO,cAAc,KAAK,OAAO,MAAM;CAC7C,MAAM,QAAQ,cAAc,KAAK,OAAO,SAAS,YAAY;CAC7D,MAAM,eAAe,cAAc,KAAK,OAAO,KAAK;CACpD,MAAM,SAAS,gBAAgB,KAAK,KAAK;CACzC,MAAM,OAAO,QAAoC,CAAC,CAAC;CACnD,MAAM,CAAC,cAAc,mBAAmB,SAAS,KAAK;CACtD,MAAM,eAAe,gBAAgB,KAAK,KAAK;CAE/C,MAAM,SAAS,YAA2B;EACxC,IAAI,CAAC,UACH;EAGF,IAAI;GACF,IAAI,WAAW,OAAO;IACpB,OAAO,MAAM,UAAU,EAAE,SAAS,cAAc,YAAY,EAAE,CAAC;IAC/D,gBAAgB,KAAK;IAErB;GACF;GAGA,MAAM,kBAAkB,kBAAiB,MADlB,KAAK,QAAQ,UAAU,EAAE,SAAS,cAAc,YAAY,EAAE,CAAC,GACpC,OAAO;GAEzD,sBACE,gBAAgB,SAAS,IAAI,kBAAkB,iBAAiB,KAAK,OAAO,OAAO,CACrF;GACA,gBAAgB,KAAK;EACvB,SAAS,OAAO;GACd,oBAAoB,KAAK;EAC3B;CACF;CAEA,MAAM,sBAA4B;EAChC,IAAI,cAAc;GAChB,gBAAgB,IAAI;GAEpB;EACF;EAEA,OAAY;CACd;CAEA,MAAM,oBAAoB,cAAc,SAAS;CACjD,MAAM,2BAA2B,cAAc,gBAAgB;CAC/D,MAAM,0BAA0B,cAAc,eAAe;CAE7D,OACE,qBAAA,UAAA,EAAA,UAAA,CACE,qBAAC,QAAD;EACE,0BAAwB,KAAK;EAC7B,UAAU,KAAK,cAAc,CAAC;EAC9B,SAAS;EACT,MAAK;EACL,SAAS,KAAK,OAAO,WAAW;YALlC,CAOG,KAAK,aAAa,oBAAC,SAAD,CAAU,CAAA,IAAI,QAAQ,oBAAC,cAAD;GAAc,WAAU;GAAe;EAAO,CAAA,GACtF,KACK;KAEP,gBAAgB,gBACf,oBAAC,eAAD;EACE,OAAO;EACP,aAAa,aAAa;EAC1B,cAAc;EACd,aAAa;EACb,gBAAgB,KAAK,OAAO,WAAW;EACvC,YAAY,KAAK;EACjB,iBAAiB,CAAC;EAClB,iBAAiB,KAAK,OAAO;EAC7B,gBAAgB,gBAAgB,KAAK;CACtC,CAAA,CAEH,EAAA,CAAA;AAEN"}

package/dist/action/effects.d.ts

@@ -0,0 +1,30 @@
+import { ToastVariant } from '../../../generated/types';
+export type ActionEffect = {
+    message?: string;
+    type: "toast";
+    variant?: ToastVariant;
+} | {
+    type: "reloadPage";
+} | {
+    component?: string;
+    type: "reloadComponent";
+} | {
+    type: "redirect";
+    url?: string;
+} | {
+    type: "download";
+    url?: string;
+} | {
+    modal?: string;
+    type: "openModal";
+} | {
+    modal?: string;
+    type: "closeModal";
+} | {
+    form?: string;
+    type: "resetForm";
+};
+export declare function dispatchActionEffects(effects: ActionEffect[]): void;
+export declare function dispatchActionError(error: unknown): void;
+export declare function getActionEffects(effects: unknown): ActionEffect[];
+export declare function isActionEffect(effect: unknown): effect is ActionEffect;

package/dist/action/effects.js

@@ -0,0 +1,44 @@
+import { LATTICE_EVENT } from "../events/event-names.js";
+import { router } from "@inertiajs/react";
+//#region resources/js/action/effects.ts
+var eventNames = {
+	toast: LATTICE_EVENT.toast,
+	reloadComponent: LATTICE_EVENT.reloadComponent,
+	reloadPage: LATTICE_EVENT.reloadPage,
+	redirect: LATTICE_EVENT.redirect,
+	download: LATTICE_EVENT.download,
+	openModal: LATTICE_EVENT.openModal,
+	closeModal: LATTICE_EVENT.closeModal,
+	resetForm: LATTICE_EVENT.resetForm
+};
+function triggerDownload(url) {
+	const link = document.createElement("a");
+	link.href = url;
+	link.rel = "noopener";
+	document.body.appendChild(link);
+	link.click();
+	link.remove();
+}
+function dispatchActionEffects(effects) {
+	if (typeof window === "undefined") return;
+	for (const effect of effects) {
+		if (effect.type === "reloadPage") router.reload();
+		if (effect.type === "redirect" && typeof effect.url === "string") router.visit(effect.url);
+		if (effect.type === "download" && typeof effect.url === "string") triggerDownload(effect.url);
+		window.dispatchEvent(new CustomEvent(eventNames[effect.type], { detail: effect }));
+	}
+}
+function dispatchActionError(error) {
+	if (typeof window === "undefined") return;
+	window.dispatchEvent(new CustomEvent(LATTICE_EVENT.actionError, { detail: { error } }));
+}
+function getActionEffects(effects) {
+	return Array.isArray(effects) ? effects.filter(isActionEffect) : [];
+}
+function isActionEffect(effect) {
+	return typeof effect === "object" && effect !== null && "type" in effect && typeof effect.type === "string" && Object.hasOwn(eventNames, effect.type);
+}
+//#endregion
+export { dispatchActionEffects, dispatchActionError, getActionEffects, isActionEffect };
+
+//# sourceMappingURL=effects.js.map

package/dist/action/effects.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"effects.js","names":[],"sources":["../../resources/js/action/effects.ts"],"sourcesContent":["import { router } from \"@inertiajs/react\";\nimport type { EffectType, ToastVariant } from \"@lattice/lattice/generated/types\";\nimport { LATTICE_EVENT } from \"@lattice/lattice/events/event-names\";\n\nexport type ActionEffect =\n  | {\n      message?: string;\n      type: \"toast\";\n      variant?: ToastVariant;\n    }\n  | {\n      type: \"reloadPage\";\n    }\n  | {\n      component?: string;\n      type: \"reloadComponent\";\n    }\n  | {\n      type: \"redirect\";\n      url?: string;\n    }\n  | {\n      type: \"download\";\n      url?: string;\n    }\n  | {\n      modal?: string;\n      type: \"openModal\";\n    }\n  | {\n      modal?: string;\n      type: \"closeModal\";\n    }\n  | {\n      form?: string;\n      type: \"resetForm\";\n    };\n\nconst eventNames = {\n  toast: LATTICE_EVENT.toast,\n  reloadComponent: LATTICE_EVENT.reloadComponent,\n  reloadPage: LATTICE_EVENT.reloadPage,\n  redirect: LATTICE_EVENT.redirect,\n  download: LATTICE_EVENT.download,\n  openModal: LATTICE_EVENT.openModal,\n  closeModal: LATTICE_EVENT.closeModal,\n  resetForm: LATTICE_EVENT.resetForm,\n} satisfies Record<EffectType, string>;\n\nfunction triggerDownload(url: string): void {\n  const link = document.createElement(\"a\");\n  link.href = url;\n  link.rel = \"noopener\";\n  document.body.appendChild(link);\n  link.click();\n  link.remove();\n}\n\nexport function dispatchActionEffects(effects: ActionEffect[]): void {\n  if (typeof window === \"undefined\") {\n    return;\n  }\n\n  for (const effect of effects) {\n    if (effect.type === \"reloadPage\") {\n      router.reload();\n    }\n\n    if (effect.type === \"redirect\" && typeof effect.url === \"string\") {\n      router.visit(effect.url);\n    }\n\n    if (effect.type === \"download\" && typeof effect.url === \"string\") {\n      triggerDownload(effect.url);\n    }\n\n    window.dispatchEvent(new CustomEvent(eventNames[effect.type], { detail: effect }));\n  }\n}\n\nexport function dispatchActionError(error: unknown): void {\n  if (typeof window === \"undefined\") {\n    return;\n  }\n\n  window.dispatchEvent(new CustomEvent(LATTICE_EVENT.actionError, { detail: { error } }));\n}\n\nexport function getActionEffects(effects: unknown): ActionEffect[] {\n  return Array.isArray(effects) ? effects.filter(isActionEffect) : [];\n}\n\nexport function isActionEffect(effect: unknown): effect is ActionEffect {\n  return (\n    typeof effect === \"object\" &&\n    effect !== null &&\n    \"type\" in effect &&\n    typeof effect.type === \"string\" &&\n    Object.hasOwn(eventNames, effect.type)\n  );\n}\n"],"mappings":";;;AAsCA,IAAM,aAAa;CACjB,OAAO,cAAc;CACrB,iBAAiB,cAAc;CAC/B,YAAY,cAAc;CAC1B,UAAU,cAAc;CACxB,UAAU,cAAc;CACxB,WAAW,cAAc;CACzB,YAAY,cAAc;CAC1B,WAAW,cAAc;AAC3B;AAEA,SAAS,gBAAgB,KAAmB;CAC1C,MAAM,OAAO,SAAS,cAAc,GAAG;CACvC,KAAK,OAAO;CACZ,KAAK,MAAM;CACX,SAAS,KAAK,YAAY,IAAI;CAC9B,KAAK,MAAM;CACX,KAAK,OAAO;AACd;AAEA,SAAgB,sBAAsB,SAA+B;CACnE,IAAI,OAAO,WAAW,aACpB;CAGF,KAAK,MAAM,UAAU,SAAS;EAC5B,IAAI,OAAO,SAAS,cAClB,OAAO,OAAO;EAGhB,IAAI,OAAO,SAAS,cAAc,OAAO,OAAO,QAAQ,UACtD,OAAO,MAAM,OAAO,GAAG;EAGzB,IAAI,OAAO,SAAS,cAAc,OAAO,OAAO,QAAQ,UACtD,gBAAgB,OAAO,GAAG;EAG5B,OAAO,cAAc,IAAI,YAAY,WAAW,OAAO,OAAO,EAAE,QAAQ,OAAO,CAAC,CAAC;CACnF;AACF;AAEA,SAAgB,oBAAoB,OAAsB;CACxD,IAAI,OAAO,WAAW,aACpB;CAGF,OAAO,cAAc,IAAI,YAAY,cAAc,aAAa,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAC;AACxF;AAEA,SAAgB,iBAAiB,SAAkC;CACjE,OAAO,MAAM,QAAQ,OAAO,IAAI,QAAQ,OAAO,cAAc,IAAI,CAAC;AACpE;AAEA,SAAgB,eAAe,QAAyC;CACtE,OACE,OAAO,WAAW,YAClB,WAAW,QACX,UAAU,UACV,OAAO,OAAO,SAAS,YACvB,OAAO,OAAO,YAAY,OAAO,IAAI;AAEzC"}

package/dist/action/index.d.ts

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

package/dist/action/index.js

@@ -0,0 +1,15 @@
+import { createPlugin, eagerComponent } from "../core/registry.js";
+import ActionComponent from "./components/action.js";
+import ActionGroupComponent from "./components/action-group.js";
+//#region resources/js/action/index.ts
+var actionComponents = createPlugin({
+	components: {
+		action: eagerComponent(ActionComponent),
+		"action.group": eagerComponent(ActionGroupComponent)
+	},
+	name: "lattice/action"
+});
+//#endregion
+export { actionComponents };
+
+//# sourceMappingURL=index.js.map

package/dist/action/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../resources/js/action/index.ts"],"sourcesContent":["import { createPlugin, eagerComponent } from \"@lattice/lattice/core/registry\";\nimport ActionComponent from \"./components/action\";\nimport ActionGroupComponent from \"./components/action-group\";\n\nexport const actionComponents = createPlugin({\n  components: {\n    action: eagerComponent(ActionComponent),\n    \"action.group\": eagerComponent(ActionGroupComponent),\n  },\n  name: \"lattice/action\",\n});\n"],"mappings":";;;;AAIA,IAAa,mBAAmB,aAAa;CAC3C,YAAY;EACV,QAAQ,eAAe,eAAe;EACtC,gBAAgB,eAAe,oBAAoB;CACrD;CACA,MAAM;AACR,CAAC"}

package/dist/appearance/index.d.ts

@@ -0,0 +1,9 @@
+import { Appearance } from '../events/event-bridge';
+export type ResolvedAppearance = "light" | "dark";
+export type UseAppearanceReturn = {
+    readonly appearance: Appearance;
+    readonly resolvedAppearance: ResolvedAppearance;
+    readonly updateAppearance: (mode: Appearance) => void;
+};
+export declare function initializeTheme(): void;
+export declare function useAppearance(): UseAppearanceReturn;

package/dist/appearance/index.js

@@ -0,0 +1,66 @@
+import { useSyncExternalStore } from "react";
+//#region resources/js/appearance/index.ts
+var listeners = /* @__PURE__ */ new Set();
+var currentAppearance = "system";
+var prefersDark = () => {
+	if (typeof window === "undefined") return false;
+	return window.matchMedia("(prefers-color-scheme: dark)").matches;
+};
+var setCookie = (name, value, days = 365) => {
+	if (typeof document === "undefined") return;
+	const maxAge = days * 24 * 60 * 60;
+	document.cookie = `${name}=${value};path=/;max-age=${maxAge};SameSite=Lax`;
+};
+var getStoredAppearance = () => {
+	if (typeof window === "undefined") return "system";
+	return localStorage.getItem("appearance") || "system";
+};
+var isDarkMode = (appearance) => {
+	return appearance === "dark" || appearance === "system" && prefersDark();
+};
+var applyTheme = (appearance) => {
+	if (typeof document === "undefined") return;
+	const isDark = isDarkMode(appearance);
+	document.documentElement.classList.toggle("dark", isDark);
+	document.documentElement.style.colorScheme = isDark ? "dark" : "light";
+};
+var subscribe = (callback) => {
+	listeners.add(callback);
+	return () => listeners.delete(callback);
+};
+var notify = () => listeners.forEach((listener) => listener());
+var mediaQuery = () => {
+	if (typeof window === "undefined") return null;
+	return window.matchMedia("(prefers-color-scheme: dark)");
+};
+var handleSystemThemeChange = () => applyTheme(currentAppearance);
+function initializeTheme() {
+	if (typeof window === "undefined") return;
+	if (!localStorage.getItem("appearance")) {
+		localStorage.setItem("appearance", "system");
+		setCookie("appearance", "system");
+	}
+	currentAppearance = getStoredAppearance();
+	applyTheme(currentAppearance);
+	mediaQuery()?.addEventListener("change", handleSystemThemeChange);
+}
+function useAppearance() {
+	const appearance = useSyncExternalStore(subscribe, () => currentAppearance, () => "system");
+	const resolvedAppearance = isDarkMode(appearance) ? "dark" : "light";
+	const updateAppearance = (mode) => {
+		currentAppearance = mode;
+		localStorage.setItem("appearance", mode);
+		setCookie("appearance", mode);
+		applyTheme(mode);
+		notify();
+	};
+	return {
+		appearance,
+		resolvedAppearance,
+		updateAppearance
+	};
+}
+//#endregion
+export { initializeTheme, useAppearance };
+
+//# sourceMappingURL=index.js.map

package/dist/appearance/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../resources/js/appearance/index.ts"],"sourcesContent":["import { useSyncExternalStore } from \"react\";\nimport type { Appearance } from \"../events/event-bridge\";\n\nexport type ResolvedAppearance = \"light\" | \"dark\";\n\nexport type UseAppearanceReturn = {\n  readonly appearance: Appearance;\n  readonly resolvedAppearance: ResolvedAppearance;\n  readonly updateAppearance: (mode: Appearance) => void;\n};\n\nconst listeners = new Set<() => void>();\nlet currentAppearance: Appearance = \"system\";\n\nconst prefersDark = (): boolean => {\n  if (typeof window === \"undefined\") {\n    return false;\n  }\n\n  return window.matchMedia(\"(prefers-color-scheme: dark)\").matches;\n};\n\nconst setCookie = (name: string, value: string, days = 365): void => {\n  if (typeof document === \"undefined\") {\n    return;\n  }\n\n  const maxAge = days * 24 * 60 * 60;\n  document.cookie = `${name}=${value};path=/;max-age=${maxAge};SameSite=Lax`;\n};\n\nconst getStoredAppearance = (): Appearance => {\n  if (typeof window === \"undefined\") {\n    return \"system\";\n  }\n\n  return (localStorage.getItem(\"appearance\") as Appearance) || \"system\";\n};\n\nconst isDarkMode = (appearance: Appearance): boolean => {\n  return appearance === \"dark\" || (appearance === \"system\" && prefersDark());\n};\n\nconst applyTheme = (appearance: Appearance): void => {\n  if (typeof document === \"undefined\") {\n    return;\n  }\n\n  const isDark = isDarkMode(appearance);\n\n  document.documentElement.classList.toggle(\"dark\", isDark);\n  document.documentElement.style.colorScheme = isDark ? \"dark\" : \"light\";\n};\n\nconst subscribe = (callback: () => void) => {\n  listeners.add(callback);\n\n  return () => listeners.delete(callback);\n};\n\nconst notify = (): void => listeners.forEach((listener) => listener());\n\nconst mediaQuery = (): MediaQueryList | null => {\n  if (typeof window === \"undefined\") {\n    return null;\n  }\n\n  return window.matchMedia(\"(prefers-color-scheme: dark)\");\n};\n\nconst handleSystemThemeChange = (): void => applyTheme(currentAppearance);\n\nexport function initializeTheme(): void {\n  if (typeof window === \"undefined\") {\n    return;\n  }\n\n  if (!localStorage.getItem(\"appearance\")) {\n    localStorage.setItem(\"appearance\", \"system\");\n    setCookie(\"appearance\", \"system\");\n  }\n\n  currentAppearance = getStoredAppearance();\n  applyTheme(currentAppearance);\n\n  mediaQuery()?.addEventListener(\"change\", handleSystemThemeChange);\n}\n\nexport function useAppearance(): UseAppearanceReturn {\n  const appearance: Appearance = useSyncExternalStore(\n    subscribe,\n    () => currentAppearance,\n    () => \"system\",\n  );\n\n  const resolvedAppearance: ResolvedAppearance = isDarkMode(appearance) ? \"dark\" : \"light\";\n\n  const updateAppearance = (mode: Appearance): void => {\n    currentAppearance = mode;\n\n    localStorage.setItem(\"appearance\", mode);\n\n    setCookie(\"appearance\", mode);\n\n    applyTheme(mode);\n    notify();\n  };\n\n  return { appearance, resolvedAppearance, updateAppearance } as const;\n}\n"],"mappings":";;AAWA,IAAM,4BAAY,IAAI,IAAgB;AACtC,IAAI,oBAAgC;AAEpC,IAAM,oBAA6B;CACjC,IAAI,OAAO,WAAW,aACpB,OAAO;CAGT,OAAO,OAAO,WAAW,8BAA8B,EAAE;AAC3D;AAEA,IAAM,aAAa,MAAc,OAAe,OAAO,QAAc;CACnE,IAAI,OAAO,aAAa,aACtB;CAGF,MAAM,SAAS,OAAO,KAAK,KAAK;CAChC,SAAS,SAAS,GAAG,KAAK,GAAG,MAAM,kBAAkB,OAAO;AAC9D;AAEA,IAAM,4BAAwC;CAC5C,IAAI,OAAO,WAAW,aACpB,OAAO;CAGT,OAAQ,aAAa,QAAQ,YAAY,KAAoB;AAC/D;AAEA,IAAM,cAAc,eAAoC;CACtD,OAAO,eAAe,UAAW,eAAe,YAAY,YAAY;AAC1E;AAEA,IAAM,cAAc,eAAiC;CACnD,IAAI,OAAO,aAAa,aACtB;CAGF,MAAM,SAAS,WAAW,UAAU;CAEpC,SAAS,gBAAgB,UAAU,OAAO,QAAQ,MAAM;CACxD,SAAS,gBAAgB,MAAM,cAAc,SAAS,SAAS;AACjE;AAEA,IAAM,aAAa,aAAyB;CAC1C,UAAU,IAAI,QAAQ;CAEtB,aAAa,UAAU,OAAO,QAAQ;AACxC;AAEA,IAAM,eAAqB,UAAU,SAAS,aAAa,SAAS,CAAC;AAErE,IAAM,mBAA0C;CAC9C,IAAI,OAAO,WAAW,aACpB,OAAO;CAGT,OAAO,OAAO,WAAW,8BAA8B;AACzD;AAEA,IAAM,gCAAsC,WAAW,iBAAiB;AAExE,SAAgB,kBAAwB;CACtC,IAAI,OAAO,WAAW,aACpB;CAGF,IAAI,CAAC,aAAa,QAAQ,YAAY,GAAG;EACvC,aAAa,QAAQ,cAAc,QAAQ;EAC3C,UAAU,cAAc,QAAQ;CAClC;CAEA,oBAAoB,oBAAoB;CACxC,WAAW,iBAAiB;CAE5B,WAAW,GAAG,iBAAiB,UAAU,uBAAuB;AAClE;AAEA,SAAgB,gBAAqC;CACnD,MAAM,aAAyB,qBAC7B,iBACM,yBACA,QACR;CAEA,MAAM,qBAAyC,WAAW,UAAU,IAAI,SAAS;CAEjF,MAAM,oBAAoB,SAA2B;EACnD,oBAAoB;EAEpB,aAAa,QAAQ,cAAc,IAAI;EAEvC,UAAU,cAAc,IAAI;EAE5B,WAAW,IAAI;EACf,OAAO;CACT;CAEA,OAAO;EAAE;EAAY;EAAoB;CAAiB;AAC5D"}

package/dist/clipboard/index.d.ts

@@ -0,0 +1,5 @@
+export type CopiedValue = string | null;
+export type CopyFn = (text: string) => Promise<boolean>;
+export type UseClipboardReturn = [CopiedValue, CopyFn];
+export declare function copyToClipboard(text: string): Promise<boolean>;
+export declare function useClipboard(): UseClipboardReturn;

package/dist/clipboard/index.js

@@ -0,0 +1,24 @@
+import { useState } from "react";
+//#region resources/js/clipboard/index.ts
+async function copyToClipboard(text) {
+	if (!navigator?.clipboard) return false;
+	try {
+		await navigator.clipboard.writeText(text);
+		return true;
+	} catch {
+		return false;
+	}
+}
+function useClipboard() {
+	const [copiedText, setCopiedText] = useState(null);
+	const copy = async (text) => {
+		const copied = await copyToClipboard(text);
+		setCopiedText(copied ? text : null);
+		return copied;
+	};
+	return [copiedText, copy];
+}
+//#endregion
+export { copyToClipboard, useClipboard };
+
+//# sourceMappingURL=index.js.map

package/dist/clipboard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../resources/js/clipboard/index.ts"],"sourcesContent":["import { useState } from \"react\";\n\nexport type CopiedValue = string | null;\nexport type CopyFn = (text: string) => Promise<boolean>;\nexport type UseClipboardReturn = [CopiedValue, CopyFn];\n\nexport async function copyToClipboard(text: string): Promise<boolean> {\n  if (!navigator?.clipboard) {\n    return false;\n  }\n\n  try {\n    await navigator.clipboard.writeText(text);\n\n    return true;\n  } catch {\n    return false;\n  }\n}\n\nexport function useClipboard(): UseClipboardReturn {\n  const [copiedText, setCopiedText] = useState<CopiedValue>(null);\n\n  const copy: CopyFn = async (text) => {\n    const copied = await copyToClipboard(text);\n\n    setCopiedText(copied ? text : null);\n\n    return copied;\n  };\n\n  return [copiedText, copy];\n}\n"],"mappings":";;AAMA,eAAsB,gBAAgB,MAAgC;CACpE,IAAI,CAAC,WAAW,WACd,OAAO;CAGT,IAAI;EACF,MAAM,UAAU,UAAU,UAAU,IAAI;EAExC,OAAO;CACT,QAAQ;EACN,OAAO;CACT;AACF;AAEA,SAAgB,eAAmC;CACjD,MAAM,CAAC,YAAY,iBAAiB,SAAsB,IAAI;CAE9D,MAAM,OAAe,OAAO,SAAS;EACnC,MAAM,SAAS,MAAM,gBAAgB,IAAI;EAEzC,cAAc,SAAS,OAAO,IAAI;EAElC,OAAO;CACT;CAEA,OAAO,CAAC,YAAY,IAAI;AAC1B"}

package/dist/core/component-ref.d.ts

@@ -0,0 +1,8 @@
+/**
+ * The signed component reference travels to the server as the `X-Lattice-Ref`
+ * request header on every interactive request (GET and writes alike). This must
+ * match ComponentReferenceSigner::token() on the PHP side, which reads the same
+ * header.
+ */
+export declare const LATTICE_REF_HEADER = "X-Lattice-Ref";
+export declare function withRefHeader(componentRef: string): Record<string, string>;

package/dist/core/component-ref.js

@@ -0,0 +1,15 @@
+//#region resources/js/core/component-ref.ts
+/**
+* The signed component reference travels to the server as the `X-Lattice-Ref`
+* request header on every interactive request (GET and writes alike). This must
+* match ComponentReferenceSigner::token() on the PHP side, which reads the same
+* header.
+*/
+var LATTICE_REF_HEADER = "X-Lattice-Ref";
+function withRefHeader(componentRef) {
+	return componentRef ? { [LATTICE_REF_HEADER]: componentRef } : {};
+}
+//#endregion
+export { LATTICE_REF_HEADER, withRefHeader };
+
+//# sourceMappingURL=component-ref.js.map

package/dist/core/component-ref.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-ref.js","names":[],"sources":["../../resources/js/core/component-ref.ts"],"sourcesContent":["/**\n * The signed component reference travels to the server as the `X-Lattice-Ref`\n * request header on every interactive request (GET and writes alike). This must\n * match ComponentReferenceSigner::token() on the PHP side, which reads the same\n * header.\n */\nexport const LATTICE_REF_HEADER = \"X-Lattice-Ref\";\n\nexport function withRefHeader(componentRef: string): Record<string, string> {\n  return componentRef ? { [LATTICE_REF_HEADER]: componentRef } : {};\n}\n"],"mappings":";;;;;;;AAMA,IAAa,qBAAqB;AAElC,SAAgB,cAAc,cAA8C;CAC1E,OAAO,eAAe,GAAG,qBAAqB,aAAa,IAAI,CAAC;AAClE"}

package/dist/core/components/badge.d.ts

@@ -0,0 +1,19 @@
+import { VariantProps } from 'class-variance-authority';
+import { RendererComponent } from '../../../../core/types';
+import * as React from "react";
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
+    asChild?: boolean;
+}): React.JSX.Element;
+declare module '../../../../core/types' {
+    interface ComponentProps {
+        badge: {
+            label?: string;
+        };
+    }
+}
+declare const BadgeComponent: RendererComponent<"badge">;
+export default BadgeComponent;
+export { Badge, badgeVariants };

package/dist/core/components/badge.js

@@ -0,0 +1,32 @@
+import { cn } from "../../lib/utils.js";
+import { getStringProp } from "../props.js";
+import "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+//#region resources/js/core/components/badge.tsx
+var badgeVariants = cva("inline-flex items-center justify-center rounded-lt-sm border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-lt-ring focus-visible:ring-lt-ring/50 focus-visible:ring-[3px] aria-invalid:ring-lt-danger/20 dark:aria-invalid:ring-lt-danger/40 aria-invalid:border-lt-danger transition-[color,box-shadow] overflow-hidden", {
+	variants: { variant: {
+		default: "border-transparent bg-lt-primary text-lt-primary-fg [a&]:hover:bg-lt-primary/90",
+		secondary: "border-transparent bg-lt-secondary text-lt-secondary-fg [a&]:hover:bg-lt-secondary/90",
+		destructive: "border-transparent bg-lt-danger text-lt-danger-fg [a&]:hover:bg-lt-danger/90 focus-visible:ring-lt-danger/20 dark:focus-visible:ring-lt-danger/40 dark:bg-lt-danger/60",
+		outline: "border-lt-border text-lt-fg [a&]:hover:bg-lt-accent [a&]:hover:text-lt-accent-fg"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function Badge({ className, variant, asChild = false, ...props }) {
+	return /* @__PURE__ */ jsx(asChild ? Slot : "span", {
+		"data-slot": "badge",
+		className: cn(badgeVariants({ variant }), className),
+		...props
+	});
+}
+var BadgeComponent = ({ node }) => /* @__PURE__ */ jsx(Badge, {
+	variant: "secondary",
+	className: "w-fit px-3 py-1",
+	children: getStringProp(node.props, "label")
+});
+//#endregion
+export { Badge, badgeVariants, BadgeComponent as default };
+
+//# sourceMappingURL=badge.js.map

package/dist/core/components/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","names":[],"sources":["../../../resources/js/core/components/badge.tsx"],"sourcesContent":["import { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport * as React from \"react\";\nimport { cn } from \"@lattice/lattice/lib/utils\";\nimport { getStringProp } from \"@lattice/lattice/core/props\";\nimport type { RendererComponent } from \"@lattice/lattice/core/types\";\n\nconst badgeVariants = cva(\n  \"inline-flex items-center justify-center rounded-lt-sm border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-lt-ring focus-visible:ring-lt-ring/50 focus-visible:ring-[3px] aria-invalid:ring-lt-danger/20 dark:aria-invalid:ring-lt-danger/40 aria-invalid:border-lt-danger transition-[color,box-shadow] overflow-hidden\",\n  {\n    variants: {\n      variant: {\n        default: \"border-transparent bg-lt-primary text-lt-primary-fg [a&]:hover:bg-lt-primary/90\",\n        secondary:\n          \"border-transparent bg-lt-secondary text-lt-secondary-fg [a&]:hover:bg-lt-secondary/90\",\n        destructive:\n          \"border-transparent bg-lt-danger text-lt-danger-fg [a&]:hover:bg-lt-danger/90 focus-visible:ring-lt-danger/20 dark:focus-visible:ring-lt-danger/40 dark:bg-lt-danger/60\",\n        outline: \"border-lt-border text-lt-fg [a&]:hover:bg-lt-accent [a&]:hover:text-lt-accent-fg\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  },\n);\n\nfunction Badge({\n  className,\n  variant,\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"span\"> & VariantProps<typeof badgeVariants> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot : \"span\";\n\n  return (\n    <Comp data-slot=\"badge\" className={cn(badgeVariants({ variant }), className)} {...props} />\n  );\n}\n\ndeclare module \"@lattice/lattice/core/types\" {\n  interface ComponentProps {\n    badge: {\n      label?: string;\n    };\n  }\n}\n\nconst BadgeComponent: RendererComponent<\"badge\"> = ({ node }) => (\n  <Badge variant=\"secondary\" className=\"w-fit px-3 py-1\">\n    {getStringProp(node.props, \"label\")}\n  </Badge>\n);\n\nexport default BadgeComponent;\nexport { Badge, badgeVariants };\n"],"mappings":";;;;;;;AAOA,IAAM,gBAAgB,IACpB,qZACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,WACE;EACF,aACE;EACF,SAAS;CACX,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CACF;AAEA,SAAS,MAAM,EACb,WACA,SACA,UAAU,OACV,GAAG,SACyF;CAG5F,OACE,oBAHW,UAAU,OAAO,QAG5B;EAAM,aAAU;EAAQ,WAAW,GAAG,cAAc,EAAE,QAAQ,CAAC,GAAG,SAAS;EAAG,GAAI;CAAQ,CAAA;AAE9F;AAUA,IAAM,kBAA8C,EAAE,WACpD,oBAAC,OAAD;CAAO,SAAQ;CAAY,WAAU;WAClC,cAAc,KAAK,OAAO,OAAO;AAC7B,CAAA"}