@lattice-php/lattice 0.61.0 → 0.63.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lattice-php/lattice",
-  "version": "0.61.0",
+  "version": "0.63.0",
   "description": "Server-driven React components for Laravel and Inertia.",
   "license": "MIT",
   "author": "Manuel Christlieb <manuel@christlieb.eu>",
@@ -76,10 +76,6 @@
       "types": "./dist/ssr.d.ts",
       "import": "./dist/ssr.js"
     },
-    "./toast": {
-      "types": "./dist/toast/index.d.ts",
-      "import": "./dist/toast/index.js"
-    },
     "./types": {
       "types": "./dist/types/index.d.ts"
     },
@@ -113,17 +109,16 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@lattice-php/action": "0.61.0",
-    "@lattice-php/core": "0.61.0",
-    "@lattice-php/form": "0.61.0",
-    "@lattice-php/table": "0.61.0",
-    "@lattice-php/ui": "0.61.0",
+    "@lattice-php/action": "0.63.0",
+    "@lattice-php/core": "0.63.0",
+    "@lattice-php/form": "0.63.0",
+    "@lattice-php/table": "0.63.0",
+    "@lattice-php/ui": "0.63.0",
     "@lattice-php/vite-svg-sprite": "^0.3.0",
     "@atlaskit/pragmatic-drag-and-drop": "^2.0.2",
     "@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^3.0.0",
     "@atlaskit/pragmatic-drag-and-drop-hitbox": "^2.0.0",
-    "@atlaskit/pragmatic-drag-and-drop-live-region": "^2.0.0",
-    "@radix-ui/react-toast": "^1.2.23"
+    "@atlaskit/pragmatic-drag-and-drop-live-region": "^2.0.0"
   },
   "peerDependencies": {
     "@inertiajs/core": "^3.0.0",

package/dist/layout/components/breadcrumbs.d.ts

@@ -1,3 +0,0 @@
-import { RendererComponent } from '@lattice-php/core/types';
-declare const BreadcrumbsComponent: RendererComponent<"breadcrumbs">;
-export default BreadcrumbsComponent;

package/dist/layout/components/breadcrumbs.js

@@ -1,41 +0,0 @@
-import { Link, usePage } from "@inertiajs/react";
-import { Fragment } from "react";
-import { useT } from "@lattice-php/ui/i18n";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { nodeIdentity } from "@lattice-php/core/test-id";
-//#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": t("common.breadcrumb", "Breadcrumb"),
-		className: "min-w-0 flex-1",
-		"data-lattice-component": nodeIdentity(node),
-		children: /* @__PURE__ */ jsx("ol", {
-			className: "flex items-center gap-2 text-sm text-lt-muted-fg",
-			children: crumbs.map((crumb, index) => {
-				const isLast = index === crumbs.length - 1;
-				return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("li", {
-					className: "min-w-0",
-					children: isLast ? /* @__PURE__ */ jsx("span", {
-						"aria-current": "page",
-						className: "block truncate text-lt-fg",
-						children: crumb.title
-					}) : /* @__PURE__ */ jsx(Link, {
-						className: "block truncate hover:text-lt-fg",
-						href: crumb.href,
-						children: crumb.title
-					})
-				}), isLast ? null : /* @__PURE__ */ jsx("li", {
-					"aria-hidden": "true",
-					children: "/"
-				})] }, crumb.href);
-			})
-		})
-	});
-};
-//#endregion
-export { BreadcrumbsComponent as default };
-
-//# sourceMappingURL=breadcrumbs.js.map

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

@@ -1 +0,0 @@
-{"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 { RendererComponent } from \"@lattice-php/core/types\";\nimport type { PagePayload } from \"@lattice-php/lattice/types\";\nimport { nodeIdentity } from \"@lattice-php/core/test-id\";\nimport { useT } from \"@lattice-php/ui/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      className=\"min-w-0 flex-1\"\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 className=\"min-w-0\">\n                {isLast ? (\n                  <span aria-current=\"page\" className=\"block truncate text-lt-fg\">\n                    {crumb.title}\n                  </span>\n                ) : (\n                  <Link className=\"block truncate 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":";;;;;;AAOA,IAAM,wBAA0D,EAAE,WAAW;CAC3E,MAAM,EAAE,MAAM,KAAK,SAAS;CAE5B,MAAM,SADO,QACG,CAAA,CAAK,MAAM,SAAqC,eAAe,CAAC;CAEhF,IAAI,OAAO,WAAW,GACpB,OAAO;CAGT,OACE,oBAAC,OAAD;EACE,cAAY,EAAE,qBAAqB,YAAY;EAC/C,WAAU;EACV,0BAAwB,aAAa,IAAI;EAEzC,UAAA,oBAAC,MAAD;GAAI,WAAU;GACX,UAAA,OAAO,KAAK,OAAO,UAAU;IAC5B,MAAM,SAAS,UAAU,OAAO,SAAS;IAEzC,OACE,qBAAC,UAAD,EAAA,UAAA,CACE,oBAAC,MAAD;KAAI,WAAU;KACX,UAAA,SACC,oBAAC,QAAD;MAAM,gBAAa;MAAO,WAAU;MACjC,UAAA,MAAM;KACH,CAAA,IAEN,oBAAC,MAAD;MAAM,WAAU;MAAkC,MAAM,MAAM;MAC3D,UAAA,MAAM;KACH,CAAA;IAEN,CAAA,GACH,SAAS,OAAO,oBAAC,MAAD;KAAI,eAAY;KAAO,UAAA;IAAK,CAAA,CACrC,EAAA,GAbK,MAAM,IAaX;GAEd,CAAC;EACC,CAAA;CACD,CAAA;AAET"}

package/dist/layout/components/callouts.d.ts

@@ -1,15 +0,0 @@
-import { RendererComponent } from '@lattice-php/core/types';
-/**
- * Renders callouts emitted on the bus. A keyed callout is a projection of
- * server state: it replaces any callout sharing its key, and is dropped when
- * `navigate` fires. Inertia only fires `navigate` for a URL-changing visit
- * (initial load included); a same-URL visit — `router.reload()`,
- * `redirect()->back()` to the same URL, polling, partial reloads — sets
- * `replace` instead and never fires it, so the callout survives until the
- * server overwrites or drops it. On these URL-changing visits, `navigate`
- * fires before `flash`, so re-assertion always wins over the clear and no
- * ordering guard is needed. A `retract-callout` effect clears one on a
- * same-URL response too.
- */
-declare const Callouts: RendererComponent<"callouts">;
-export default Callouts;

package/dist/layout/components/callouts.js

@@ -1,89 +0,0 @@
-import { onCallout, onRetractCallout } from "../../toast/callout.js";
-import { variantStyles } from "../../toast/variant-styles.js";
-import { router } from "@inertiajs/react";
-import { useEffect, useState } from "react";
-import { Icon } from "@lattice-php/ui/icons";
-import { RenderNode } from "@lattice-php/core/renderer";
-import { resolveText } from "@lattice-php/ui/i18n/translatable";
-import { cn } from "@lattice-php/ui/lib/utils";
-import { useT } from "@lattice-php/ui/i18n";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region resources/js/layout/components/callouts.tsx
-var nextId = 0;
-/**
-* Renders callouts emitted on the bus. A keyed callout is a projection of
-* server state: it replaces any callout sharing its key, and is dropped when
-* `navigate` fires. Inertia only fires `navigate` for a URL-changing visit
-* (initial load included); a same-URL visit — `router.reload()`,
-* `redirect()->back()` to the same URL, polling, partial reloads — sets
-* `replace` instead and never fires it, so the callout survives until the
-* server overwrites or drops it. On these URL-changing visits, `navigate`
-* fires before `flash`, so re-assertion always wins over the clear and no
-* ordering guard is needed. A `retract-callout` effect clears one on a
-* same-URL response too.
-*/
-var Callouts = () => {
-	const { t } = useT("lattice");
-	const [callouts, setCallouts] = useState([]);
-	useEffect(() => onCallout((callout) => {
-		setCallouts((current) => {
-			return [...callout.unique ? current.filter((existing) => existing.unique !== callout.unique) : current, {
-				...callout,
-				id: nextId++
-			}];
-		});
-	}), []);
-	useEffect(() => router.on("navigate", () => {
-		setCallouts((current) => current.filter((callout) => !callout.unique));
-	}), []);
-	useEffect(() => onRetractCallout((unique) => {
-		setCallouts((current) => current.filter((callout) => callout.unique !== unique));
-	}), []);
-	function dismiss(id) {
-		setCallouts((current) => current.filter((callout) => callout.id !== id));
-	}
-	if (callouts.length === 0) return null;
-	return /* @__PURE__ */ jsx("div", {
-		className: "flex w-full flex-col gap-2",
-		children: callouts.map((callout) => /* @__PURE__ */ jsxs("div", {
-			role: "status",
-			"data-test": `callout-${callout.variant}`,
-			className: cn("flex items-start gap-3 rounded-lt border border-l-4 border-lt-border bg-lt-popover p-4 text-lt-popover-fg", variantStyles[callout.variant].accent),
-			children: [
-				variantStyles[callout.variant].icon,
-				/* @__PURE__ */ jsxs("div", {
-					className: "flex min-w-0 flex-1 flex-col gap-2",
-					children: [
-						callout.title ? /* @__PURE__ */ jsx("p", {
-							className: "text-sm font-medium text-lt-fg",
-							children: resolveText(callout.title, t)
-						}) : null,
-						/* @__PURE__ */ jsx("p", {
-							className: "text-sm text-lt-fg",
-							children: resolveText(callout.message, t)
-						}),
-						callout.action ? /* @__PURE__ */ jsx("div", {
-							className: "flex flex-wrap gap-2",
-							children: /* @__PURE__ */ jsx(RenderNode, { node: callout.action })
-						}) : null
-					]
-				}),
-				callout.dismissible ? /* @__PURE__ */ jsx("button", {
-					type: "button",
-					"aria-label": t("common.dismiss", "Dismiss"),
-					"data-test": "callout-dismiss",
-					className: "shrink-0 rounded-lt-sm p-1 text-lt-muted-fg transition-colors hover:bg-lt-muted hover:text-lt-fg",
-					onClick: () => dismiss(callout.id),
-					children: /* @__PURE__ */ jsx(Icon, {
-						name: "x",
-						className: "size-lt-icon-md"
-					})
-				}) : null
-			]
-		}, callout.id))
-	});
-};
-//#endregion
-export { Callouts as default };
-
-//# sourceMappingURL=callouts.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"callouts.js","names":[],"sources":["../../../resources/js/layout/components/callouts.tsx"],"sourcesContent":["import { Icon } from \"@lattice-php/ui/icons\";\nimport { router } from \"@inertiajs/react\";\nimport { useEffect, useState } from \"react\";\nimport { RenderNode } from \"@lattice-php/core/renderer\";\nimport type { RendererComponent } from \"@lattice-php/core/types\";\nimport type { Callout } from \"@lattice-php/ui\";\nimport { onCallout, onRetractCallout } from \"@lattice-php/lattice/toast\";\nimport { cn } from \"@lattice-php/ui/lib/utils\";\nimport { useT } from \"@lattice-php/ui/i18n\";\nimport { resolveText } from \"@lattice-php/ui/i18n/translatable\";\nimport { variantStyles } from \"@lattice-php/lattice/toast\";\n\ntype CalloutItem = Callout & { id: number };\n\nlet nextId = 0;\n\n/**\n * Renders callouts emitted on the bus. A keyed callout is a projection of\n * server state: it replaces any callout sharing its key, and is dropped when\n * `navigate` fires. Inertia only fires `navigate` for a URL-changing visit\n * (initial load included); a same-URL visit — `router.reload()`,\n * `redirect()->back()` to the same URL, polling, partial reloads — sets\n * `replace` instead and never fires it, so the callout survives until the\n * server overwrites or drops it. On these URL-changing visits, `navigate`\n * fires before `flash`, so re-assertion always wins over the clear and no\n * ordering guard is needed. A `retract-callout` effect clears one on a\n * same-URL response too.\n */\nconst Callouts: RendererComponent<\"callouts\"> = () => {\n  const { t } = useT(\"lattice\");\n  const [callouts, setCallouts] = useState<CalloutItem[]>([]);\n\n  useEffect(\n    () =>\n      onCallout((callout) => {\n        setCallouts((current) => {\n          const kept = callout.unique\n            ? current.filter((existing) => existing.unique !== callout.unique)\n            : current;\n\n          return [...kept, { ...callout, id: nextId++ }];\n        });\n      }),\n    [],\n  );\n\n  useEffect(\n    () =>\n      router.on(\"navigate\", () => {\n        setCallouts((current) => current.filter((callout) => !callout.unique));\n      }),\n    [],\n  );\n\n  useEffect(\n    () =>\n      onRetractCallout((unique) => {\n        setCallouts((current) => current.filter((callout) => callout.unique !== unique));\n      }),\n    [],\n  );\n\n  function dismiss(id: number): void {\n    setCallouts((current) => current.filter((callout) => callout.id !== id));\n  }\n\n  if (callouts.length === 0) {\n    return null;\n  }\n\n  return (\n    <div className=\"flex w-full flex-col gap-2\">\n      {callouts.map((callout) => (\n        <div\n          key={callout.id}\n          role=\"status\"\n          data-test={`callout-${callout.variant}`}\n          className={cn(\n            \"flex items-start gap-3 rounded-lt border border-l-4 border-lt-border bg-lt-popover p-4 text-lt-popover-fg\",\n            variantStyles[callout.variant].accent,\n          )}\n        >\n          {variantStyles[callout.variant].icon}\n          <div className=\"flex min-w-0 flex-1 flex-col gap-2\">\n            {callout.title ? (\n              <p className=\"text-sm font-medium text-lt-fg\">{resolveText(callout.title, t)}</p>\n            ) : null}\n            <p className=\"text-sm text-lt-fg\">{resolveText(callout.message, t)}</p>\n            {callout.action ? (\n              <div className=\"flex flex-wrap gap-2\">\n                <RenderNode node={callout.action} />\n              </div>\n            ) : null}\n          </div>\n          {callout.dismissible ? (\n            <button\n              type=\"button\"\n              aria-label={t(\"common.dismiss\", \"Dismiss\")}\n              data-test=\"callout-dismiss\"\n              className=\"shrink-0 rounded-lt-sm p-1 text-lt-muted-fg transition-colors hover:bg-lt-muted hover:text-lt-fg\"\n              onClick={() => dismiss(callout.id)}\n            >\n              <Icon name=\"x\" className=\"size-lt-icon-md\" />\n            </button>\n          ) : null}\n        </div>\n      ))}\n    </div>\n  );\n};\n\nexport default Callouts;\n"],"mappings":";;;;;;;;;;;AAcA,IAAI,SAAS;;;;;;;;;;;;;AAcb,IAAM,iBAAgD;CACpD,MAAM,EAAE,MAAM,KAAK,SAAS;CAC5B,MAAM,CAAC,UAAU,eAAe,SAAwB,CAAC,CAAC;CAE1D,gBAEI,WAAW,YAAY;EACrB,aAAa,YAAY;GAKvB,OAAO,CAAC,GAJK,QAAQ,SACjB,QAAQ,QAAQ,aAAa,SAAS,WAAW,QAAQ,MAAM,IAC/D,SAEa;IAAE,GAAG;IAAS,IAAI;GAAS,CAAC;EAC/C,CAAC;CACH,CAAC,GACH,CAAC,CACH;CAEA,gBAEI,OAAO,GAAG,kBAAkB;EAC1B,aAAa,YAAY,QAAQ,QAAQ,YAAY,CAAC,QAAQ,MAAM,CAAC;CACvE,CAAC,GACH,CAAC,CACH;CAEA,gBAEI,kBAAkB,WAAW;EAC3B,aAAa,YAAY,QAAQ,QAAQ,YAAY,QAAQ,WAAW,MAAM,CAAC;CACjF,CAAC,GACH,CAAC,CACH;CAEA,SAAS,QAAQ,IAAkB;EACjC,aAAa,YAAY,QAAQ,QAAQ,YAAY,QAAQ,OAAO,EAAE,CAAC;CACzE;CAEA,IAAI,SAAS,WAAW,GACtB,OAAO;CAGT,OACE,oBAAC,OAAD;EAAK,WAAU;EACZ,UAAA,SAAS,KAAK,YACb,qBAAC,OAAD;GAEE,MAAK;GACL,aAAW,WAAW,QAAQ;GAC9B,WAAW,GACT,6GACA,cAAc,QAAQ,QAAQ,CAAC,MACjC;GAPF,UAAA;IASG,cAAc,QAAQ,QAAQ,CAAC;IAChC,qBAAC,OAAD;KAAK,WAAU;KAAf,UAAA;MACG,QAAQ,QACP,oBAAC,KAAD;OAAG,WAAU;OAAkC,UAAA,YAAY,QAAQ,OAAO,CAAC;MAAK,CAAA,IAC9E;MACJ,oBAAC,KAAD;OAAG,WAAU;OAAsB,UAAA,YAAY,QAAQ,SAAS,CAAC;MAAK,CAAA;MACrE,QAAQ,SACP,oBAAC,OAAD;OAAK,WAAU;OACb,UAAA,oBAAC,YAAD,EAAY,MAAM,QAAQ,OAAS,CAAA;MAChC,CAAA,IACH;KACD;;IACJ,QAAQ,cACP,oBAAC,UAAD;KACE,MAAK;KACL,cAAY,EAAE,kBAAkB,SAAS;KACzC,aAAU;KACV,WAAU;KACV,eAAe,QAAQ,QAAQ,EAAE;KAEjC,UAAA,oBAAC,MAAD;MAAM,MAAK;MAAI,WAAU;KAAmB,CAAA;IACtC,CAAA,IACN;GACD;EA/BE,GAAA,QAAQ,EA+BV,CACN;CACE,CAAA;AAET"}

package/dist/layout/components/dropdown.d.ts

@@ -1,3 +0,0 @@
-import { RendererComponent } from '@lattice-php/core/types';
-declare const DropdownComponent: RendererComponent<"dropdown">;
-export default DropdownComponent;

package/dist/layout/components/dropdown.js

@@ -1,24 +0,0 @@
-import { Popover } from "./popover.js";
-import { RenderNode } from "@lattice-php/core/renderer";
-import { jsx } from "react/jsx-runtime";
-//#region resources/js/layout/components/dropdown.tsx
-var DropdownComponent = ({ children, node }) => {
-	const testId = node.key ?? "dropdown";
-	return /* @__PURE__ */ jsx(Popover, {
-		placement: node.props.placement,
-		testId,
-		triggerClassName: "w-auto",
-		trigger: /* @__PURE__ */ jsx("span", {
-			className: "flex min-w-0 items-center rounded-lt-sm px-2 py-1.5 text-sm hover:bg-lt-muted",
-			children: node.props.trigger.map((triggerNode, index) => /* @__PURE__ */ jsx(RenderNode, { node: triggerNode }, triggerNode.key ?? `${triggerNode.type}-${index}`))
-		}),
-		children: /* @__PURE__ */ jsx("ul", {
-			className: "flex flex-col gap-1",
-			children
-		})
-	});
-};
-//#endregion
-export { DropdownComponent as default };
-
-//# sourceMappingURL=dropdown.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown.js","names":[],"sources":["../../../resources/js/layout/components/dropdown.tsx"],"sourcesContent":["import type { RendererComponent } from \"@lattice-php/core/types\";\nimport { RenderNode } from \"@lattice-php/core/renderer\";\nimport { Popover } from \"./popover\";\n\nconst DropdownComponent: RendererComponent<\"dropdown\"> = ({ children, node }) => {\n  const testId = node.key ?? \"dropdown\";\n\n  return (\n    <Popover\n      placement={node.props.placement}\n      testId={testId}\n      triggerClassName=\"w-auto\"\n      trigger={\n        <span className=\"flex min-w-0 items-center rounded-lt-sm px-2 py-1.5 text-sm hover:bg-lt-muted\">\n          {node.props.trigger.map((triggerNode, index) => (\n            <RenderNode\n              key={triggerNode.key ?? `${triggerNode.type}-${index}`}\n              node={triggerNode}\n            />\n          ))}\n        </span>\n      }\n    >\n      <ul className=\"flex flex-col gap-1\">{children}</ul>\n    </Popover>\n  );\n};\n\nexport default DropdownComponent;\n"],"mappings":";;;;AAIA,IAAM,qBAAoD,EAAE,UAAU,WAAW;CAC/E,MAAM,SAAS,KAAK,OAAO;CAE3B,OACE,oBAAC,SAAD;EACE,WAAW,KAAK,MAAM;EACd;EACR,kBAAiB;EACjB,SACE,oBAAC,QAAD;GAAM,WAAU;GACb,UAAA,KAAK,MAAM,QAAQ,KAAK,aAAa,UACpC,oBAAC,YAAD,EAEE,MAAM,YACP,GAFM,YAAY,OAAO,GAAG,YAAY,KAAK,GAAG,OAEhD,CACF;EACG,CAAA;EAGR,UAAA,oBAAC,MAAD;GAAI,WAAU;GAAuB;EAAa,CAAA;CAC3C,CAAA;AAEb"}

package/dist/layout/components/menu-item.d.ts

@@ -1,3 +0,0 @@
-import { RendererComponent } from '@lattice-php/core/types';
-declare const MenuItemComponent: RendererComponent<"menu-item">;
-export default MenuItemComponent;

package/dist/layout/components/menu-item.js

@@ -1,137 +0,0 @@
-import { Popover } from "./popover.js";
-import { Link, usePage } from "@inertiajs/react";
-import { useState } from "react";
-import { Icon, IconRenderer } from "@lattice-php/ui/icons";
-import { cn } from "@lattice-php/ui/lib/utils";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { prefixedNodeTestId } from "@lattice-php/core/test-id";
-import { useCollapsed } from "@lattice-php/core/collapsed-context";
-import { ActionTrigger, useClickBehavior } from "@lattice-php/ui/click-behavior";
-//#region resources/js/layout/components/menu-item.tsx
-var rowClass = "flex items-center gap-2 rounded-lt-sm px-3 py-2 text-base font-medium text-lt-fg transition-colors hover:bg-lt-muted";
-function MenuAffix({ affix, className }) {
-	if (affix.icon) return /* @__PURE__ */ jsx(IconRenderer, {
-		className: cn("size-lt-icon-md shrink-0", className),
-		icon: affix.icon
-	});
-	return /* @__PURE__ */ jsx("span", {
-		className: cn("shrink-0 text-sm text-lt-muted-fg", className),
-		children: affix.text
-	});
-}
-function schemaContainsPath(schema, path) {
-	return (schema ?? []).some((child) => child.props?.href === path || schemaContainsPath(child.schema, path));
-}
-var MenuItemComponent = ({ children, node }) => {
-	const collapsed = useCollapsed();
-	const { icon, label: rawLabel, prefix, suffix } = node.props;
-	const label = rawLabel ?? "";
-	const iconOnly = Boolean(icon);
-	const flyoutIcon = icon ?? prefix?.icon ?? null;
-	const currentPath = usePage().url.split("?")[0];
-	const testId = prefixedNodeTestId("menu", node);
-	const behavior = useClickBehavior(node.props);
-	const content = icon ? /* @__PURE__ */ jsx(IconRenderer, {
-		className: "size-lt-icon-md shrink-0",
-		icon
-	}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [
-		prefix ? /* @__PURE__ */ jsx(MenuAffix, { affix: prefix }) : null,
-		collapsed ? /* @__PURE__ */ jsx("span", {
-			className: "pointer-events-none absolute top-1/2 left-full z-lt-popover ml-2 hidden -translate-y-1/2 rounded-lt-sm border border-lt-border bg-lt-popover px-2 py-1 text-sm whitespace-nowrap text-lt-popover-fg shadow-lt-md group-hover:block",
-			role: "tooltip",
-			children: label
-		}) : /* @__PURE__ */ jsx("span", { children: label }),
-		suffix ? /* @__PURE__ */ jsx(MenuAffix, {
-			affix: suffix,
-			className: "ml-auto"
-		}) : null
-	] });
-	const rowClassName = cn(rowClass, "w-full", collapsed && "group relative justify-center", iconOnly && "justify-center");
-	const triggerButton = ({ onClick, processing }) => /* @__PURE__ */ jsx("button", {
-		"aria-label": collapsed || iconOnly ? label : void 0,
-		className: rowClassName,
-		"data-test": testId,
-		disabled: processing,
-		onClick,
-		type: "button",
-		children: content
-	});
-	if (behavior.kind === "action") return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(ActionTrigger, {
-		action: behavior.action,
-		children: triggerButton
-	}) });
-	if (behavior.kind === "effects" || behavior.kind === "modal") return /* @__PURE__ */ jsx("li", { children: triggerButton({
-		onClick: behavior.onClick,
-		processing: false
-	}) });
-	if (behavior.kind === "navigate") {
-		const active = currentPath === behavior.href;
-		return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Link, {
-			"aria-current": active ? "page" : void 0,
-			"aria-label": collapsed || iconOnly ? label : void 0,
-			as: behavior.method === "get" ? void 0 : "button",
-			className: cn(rowClassName, active && "bg-lt-muted font-medium"),
-			"data-test": testId,
-			href: behavior.href,
-			method: behavior.method,
-			children: content
-		}) });
-	}
-	if (!children) return collapsed ? null : /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("span", {
-		className: "flex items-center gap-2 px-3 py-2 text-xs font-semibold tracking-wide text-lt-muted-fg uppercase",
-		children: content
-	}) });
-	if (collapsed) return /* @__PURE__ */ jsx(FlyoutGroup, {
-		icon: flyoutIcon,
-		label,
-		testId,
-		children
-	});
-	return /* @__PURE__ */ jsx(CollapsibleItem, {
-		content,
-		defaultOpen: schemaContainsPath(node.schema, currentPath),
-		testId,
-		children
-	});
-};
-function CollapsibleItem({ children, content, defaultOpen, testId }) {
-	const [open, setOpen] = useState(defaultOpen);
-	return /* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsxs("button", {
-		"aria-expanded": open,
-		className: cn(rowClass, "w-full"),
-		"data-test": testId,
-		onClick: () => setOpen((value) => !value),
-		type: "button",
-		children: [content, /* @__PURE__ */ jsx(Icon, {
-			name: "chevron-right",
-			className: cn("ml-auto size-lt-icon-md shrink-0 transition-transform", open && "rotate-90")
-		})]
-	}), open ? /* @__PURE__ */ jsx("ul", {
-		className: "mt-1 flex flex-col gap-1 pl-3",
-		children
-	}) : null] });
-}
-function FlyoutGroup({ children, icon, label, testId }) {
-	return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Popover, {
-		className: "min-w-48",
-		placement: "right",
-		testId,
-		trigger: icon ? /* @__PURE__ */ jsx(IconRenderer, {
-			className: "size-lt-icon-md shrink-0",
-			icon
-		}) : /* @__PURE__ */ jsx("span", { children: label }),
-		triggerClassName: cn(rowClass, "justify-center"),
-		triggerLabel: label,
-		children: /* @__PURE__ */ jsxs("ul", {
-			className: "flex flex-col gap-1",
-			children: [/* @__PURE__ */ jsx("li", {
-				className: "px-3 py-1.5 text-xs font-semibold tracking-wide text-lt-muted-fg uppercase",
-				children: label
-			}), children]
-		})
-	}) });
-}
-//#endregion
-export { MenuItemComponent as default };
-
-//# sourceMappingURL=menu-item.js.map

package/dist/layout/components/menu-item.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-item.js","names":[],"sources":["../../../resources/js/layout/components/menu-item.tsx"],"sourcesContent":["import { Link, usePage } from \"@inertiajs/react\";\nimport { useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { prefixedNodeTestId } from \"@lattice-php/core/test-id\";\nimport type { RendererComponent, Schema } from \"@lattice-php/core/types\";\nimport { Icon, IconRenderer } from \"@lattice-php/ui/icons\";\nimport { cn } from \"@lattice-php/ui/lib/utils\";\nimport type { Affix } from \"@lattice-php/core\";\nimport { ActionTrigger, type TriggerState, useClickBehavior } from \"@lattice-php/ui/click-behavior\";\nimport { useCollapsed } from \"@lattice-php/core/collapsed-context\";\nimport { Popover } from \"./popover\";\n\nconst rowClass =\n  \"flex items-center gap-2 rounded-lt-sm px-3 py-2 text-base font-medium text-lt-fg transition-colors hover:bg-lt-muted\";\n\nfunction MenuAffix({ affix, className }: { affix: Affix; className?: string }) {\n  if (affix.icon) {\n    return <IconRenderer className={cn(\"size-lt-icon-md shrink-0\", className)} icon={affix.icon} />;\n  }\n\n  return <span className={cn(\"shrink-0 text-sm text-lt-muted-fg\", className)}>{affix.text}</span>;\n}\n\nfunction schemaContainsPath(schema: Schema | undefined, path: string): boolean {\n  return (schema ?? []).some(\n    (child) => child.props?.href === path || schemaContainsPath(child.schema, path),\n  );\n}\n\nconst MenuItemComponent: RendererComponent<\"menu-item\"> = ({ children, node }) => {\n  const collapsed = useCollapsed();\n  const { icon, label: rawLabel, prefix, suffix } = node.props;\n  const label = rawLabel ?? \"\";\n  const iconOnly = Boolean(icon);\n  const flyoutIcon = icon ?? prefix?.icon ?? null;\n  const currentPath = usePage().url.split(\"?\")[0];\n  const testId = prefixedNodeTestId(\"menu\", node);\n  const behavior = useClickBehavior(node.props);\n\n  const content = icon ? (\n    <IconRenderer className=\"size-lt-icon-md shrink-0\" icon={icon} />\n  ) : (\n    <>\n      {prefix ? <MenuAffix affix={prefix} /> : null}\n      {collapsed ? (\n        <span\n          className=\"pointer-events-none absolute top-1/2 left-full z-lt-popover ml-2 hidden -translate-y-1/2 rounded-lt-sm border border-lt-border bg-lt-popover px-2 py-1 text-sm whitespace-nowrap text-lt-popover-fg shadow-lt-md group-hover:block\"\n          role=\"tooltip\"\n        >\n          {label}\n        </span>\n      ) : (\n        <span>{label}</span>\n      )}\n      {suffix ? <MenuAffix affix={suffix} className=\"ml-auto\" /> : null}\n    </>\n  );\n\n  const rowClassName = cn(\n    rowClass,\n    \"w-full\",\n    collapsed && \"group relative justify-center\",\n    iconOnly && \"justify-center\",\n  );\n\n  const triggerButton = ({ onClick, processing }: TriggerState) => (\n    <button\n      aria-label={collapsed || iconOnly ? label : undefined}\n      className={rowClassName}\n      data-test={testId}\n      disabled={processing}\n      onClick={onClick}\n      type=\"button\"\n    >\n      {content}\n    </button>\n  );\n\n  if (behavior.kind === \"action\") {\n    return (\n      <li>\n        <ActionTrigger action={behavior.action}>{triggerButton}</ActionTrigger>\n      </li>\n    );\n  }\n\n  if (behavior.kind === \"effects\" || behavior.kind === \"modal\") {\n    return <li>{triggerButton({ onClick: behavior.onClick, processing: false })}</li>;\n  }\n\n  if (behavior.kind === \"navigate\") {\n    const active = currentPath === behavior.href;\n\n    return (\n      <li>\n        <Link\n          aria-current={active ? \"page\" : undefined}\n          aria-label={collapsed || iconOnly ? label : undefined}\n          as={behavior.method === \"get\" ? undefined : \"button\"}\n          className={cn(rowClassName, active && \"bg-lt-muted font-medium\")}\n          data-test={testId}\n          href={behavior.href}\n          method={behavior.method}\n        >\n          {content}\n        </Link>\n      </li>\n    );\n  }\n\n  if (!children) {\n    return collapsed ? null : (\n      <li>\n        <span className=\"flex items-center gap-2 px-3 py-2 text-xs font-semibold tracking-wide text-lt-muted-fg uppercase\">\n          {content}\n        </span>\n      </li>\n    );\n  }\n\n  if (collapsed) {\n    return (\n      <FlyoutGroup icon={flyoutIcon} label={label} testId={testId}>\n        {children}\n      </FlyoutGroup>\n    );\n  }\n\n  return (\n    <CollapsibleItem\n      content={content}\n      defaultOpen={schemaContainsPath(node.schema, currentPath)}\n      testId={testId}\n    >\n      {children}\n    </CollapsibleItem>\n  );\n};\n\nfunction CollapsibleItem({\n  children,\n  content,\n  defaultOpen,\n  testId,\n}: {\n  children: ReactNode;\n  content: ReactNode;\n  defaultOpen: boolean;\n  testId?: string;\n}) {\n  const [open, setOpen] = useState(defaultOpen);\n\n  return (\n    <li>\n      <button\n        aria-expanded={open}\n        className={cn(rowClass, \"w-full\")}\n        data-test={testId}\n        onClick={() => setOpen((value) => !value)}\n        type=\"button\"\n      >\n        {content}\n        <Icon\n          name=\"chevron-right\"\n          className={cn(\n            \"ml-auto size-lt-icon-md shrink-0 transition-transform\",\n            open && \"rotate-90\",\n          )}\n        />\n      </button>\n      {open ? <ul className=\"mt-1 flex flex-col gap-1 pl-3\">{children}</ul> : null}\n    </li>\n  );\n}\n\nfunction FlyoutGroup({\n  children,\n  icon,\n  label,\n  testId,\n}: {\n  children: ReactNode;\n  icon?: string | null;\n  label: string;\n  testId?: string;\n}) {\n  return (\n    <li>\n      <Popover\n        className=\"min-w-48\"\n        placement=\"right\"\n        testId={testId}\n        trigger={\n          icon ? (\n            <IconRenderer className=\"size-lt-icon-md shrink-0\" icon={icon} />\n          ) : (\n            <span>{label}</span>\n          )\n        }\n        triggerClassName={cn(rowClass, \"justify-center\")}\n        triggerLabel={label}\n      >\n        <ul className=\"flex flex-col gap-1\">\n          <li className=\"px-3 py-1.5 text-xs font-semibold tracking-wide text-lt-muted-fg uppercase\">\n            {label}\n          </li>\n          {children}\n        </ul>\n      </Popover>\n    </li>\n  );\n}\n\nexport default MenuItemComponent;\n"],"mappings":"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"}

package/dist/layout/components/menu.d.ts

@@ -1,3 +0,0 @@
-import { RendererComponent } from '@lattice-php/core/types';
-declare const MenuComponent: RendererComponent<"menu">;
-export default MenuComponent;

package/dist/layout/components/menu.js

@@ -1,14 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { nodeIdentity } from "@lattice-php/core/test-id";
-//#region resources/js/layout/components/menu.tsx
-var MenuComponent = ({ children, node }) => /* @__PURE__ */ jsx("nav", {
-	"data-lattice-component": nodeIdentity(node),
-	children: /* @__PURE__ */ jsx("ul", {
-		className: "flex flex-col gap-1",
-		children
-	})
-});
-//#endregion
-export { MenuComponent as default };
-
-//# sourceMappingURL=menu.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"menu.js","names":[],"sources":["../../../resources/js/layout/components/menu.tsx"],"sourcesContent":["import type { RendererComponent } from \"@lattice-php/core/types\";\nimport { nodeIdentity } from \"@lattice-php/core/test-id\";\n\nconst MenuComponent: RendererComponent<\"menu\"> = ({ children, node }) => (\n  <nav data-lattice-component={nodeIdentity(node)}>\n    <ul className=\"flex flex-col gap-1\">{children}</ul>\n  </nav>\n);\n\nexport default MenuComponent;\n"],"mappings":";;;AAGA,IAAM,iBAA4C,EAAE,UAAU,WAC5D,oBAAC,OAAD;CAAK,0BAAwB,aAAa,IAAI;CAC5C,UAAA,oBAAC,MAAD;EAAI,WAAU;EAAuB;CAAa,CAAA;AAC/C,CAAA"}

package/dist/layout/components/popover.d.ts

@@ -1,17 +0,0 @@
-import { ReactNode } from 'react';
-/**
- * A navigation-aware popover for the sidebar: it wraps the shared popover
- * primitive (so positioning and dismissal stay consistent with the rest of the
- * app) and closes itself on every Inertia navigation. Items render expanded
- * regardless of the sidebar's collapsed state.
- */
-export declare function Popover({ align, children, className, placement, testId, trigger, triggerClassName, triggerLabel, }: {
-    align?: "start" | "end";
-    children: ReactNode;
-    className?: string;
-    placement?: "bottom" | "right" | "top";
-    testId?: string;
-    trigger: ReactNode;
-    triggerClassName?: string;
-    triggerLabel?: string;
-}): import("react").JSX.Element;

package/dist/layout/components/popover.js

@@ -1,46 +0,0 @@
-import { usePage } from "@inertiajs/react";
-import { useEffect, useState } from "react";
-import { cn } from "@lattice-php/ui/lib/utils";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Popover as Popover$1, PopoverContent, PopoverTrigger } from "@lattice-php/ui/components/popover/popover";
-import { CollapsedProvider } from "@lattice-php/core/collapsed-context";
-//#region resources/js/layout/components/popover.tsx
-/**
-* A navigation-aware popover for the sidebar: it wraps the shared popover
-* primitive (so positioning and dismissal stay consistent with the rest of the
-* app) and closes itself on every Inertia navigation. Items render expanded
-* regardless of the sidebar's collapsed state.
-*/
-function Popover({ align = "start", children, className, placement = "bottom", testId, trigger, triggerClassName, triggerLabel }) {
-	const [open, setOpen] = useState(false);
-	const url = usePage().url;
-	useEffect(() => setOpen(false), [url]);
-	return /* @__PURE__ */ jsxs(Popover$1, {
-		open,
-		onOpenChange: setOpen,
-		children: [/* @__PURE__ */ jsx(PopoverTrigger, {
-			asChild: true,
-			children: /* @__PURE__ */ jsx("button", {
-				"aria-label": triggerLabel,
-				className: cn("w-full", triggerClassName),
-				"data-test": testId,
-				title: triggerLabel,
-				type: "button",
-				children: trigger
-			})
-		}), /* @__PURE__ */ jsx(PopoverContent, {
-			align,
-			className: cn("min-w-56 p-1", className),
-			role: "menu",
-			side: placement,
-			children: /* @__PURE__ */ jsx(CollapsedProvider, {
-				collapsed: false,
-				children
-			})
-		})]
-	});
-}
-//#endregion
-export { Popover };
-
-//# sourceMappingURL=popover.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"popover.js","names":[],"sources":["../../../resources/js/layout/components/popover.tsx"],"sourcesContent":["import { usePage } from \"@inertiajs/react\";\nimport { useEffect, useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport {\n  Popover as PopoverRoot,\n  PopoverContent,\n  PopoverTrigger,\n} from \"@lattice-php/ui/components/popover/popover\";\nimport { cn } from \"@lattice-php/ui/lib/utils\";\nimport { CollapsedProvider } from \"@lattice-php/core/collapsed-context\";\n\n/**\n * A navigation-aware popover for the sidebar: it wraps the shared popover\n * primitive (so positioning and dismissal stay consistent with the rest of the\n * app) and closes itself on every Inertia navigation. Items render expanded\n * regardless of the sidebar's collapsed state.\n */\nexport function Popover({\n  align = \"start\",\n  children,\n  className,\n  placement = \"bottom\",\n  testId,\n  trigger,\n  triggerClassName,\n  triggerLabel,\n}: {\n  align?: \"start\" | \"end\";\n  children: ReactNode;\n  className?: string;\n  placement?: \"bottom\" | \"right\" | \"top\";\n  testId?: string;\n  trigger: ReactNode;\n  triggerClassName?: string;\n  triggerLabel?: string;\n}) {\n  const [open, setOpen] = useState(false);\n  const url = usePage().url;\n\n  useEffect(() => setOpen(false), [url]);\n\n  return (\n    <PopoverRoot open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        <button\n          aria-label={triggerLabel}\n          className={cn(\"w-full\", triggerClassName)}\n          data-test={testId}\n          title={triggerLabel}\n          type=\"button\"\n        >\n          {trigger}\n        </button>\n      </PopoverTrigger>\n      <PopoverContent\n        align={align}\n        className={cn(\"min-w-56 p-1\", className)}\n        role=\"menu\"\n        side={placement}\n      >\n        <CollapsedProvider collapsed={false}>{children}</CollapsedProvider>\n      </PopoverContent>\n    </PopoverRoot>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAiBA,SAAgB,QAAQ,EACtB,QAAQ,SACR,UACA,WACA,YAAY,UACZ,QACA,SACA,kBACA,gBAUC;CACD,MAAM,CAAC,MAAM,WAAW,SAAS,KAAK;CACtC,MAAM,MAAM,QAAQ,CAAC,CAAC;CAEtB,gBAAgB,QAAQ,KAAK,GAAG,CAAC,GAAG,CAAC;CAErC,OACE,qBAAC,WAAD;EAAmB;EAAM,cAAc;EAAvC,UAAA,CACE,oBAAC,gBAAD;GAAgB,SAAA;GACd,UAAA,oBAAC,UAAD;IACE,cAAY;IACZ,WAAW,GAAG,UAAU,gBAAgB;IACxC,aAAW;IACX,OAAO;IACP,MAAK;IAEJ,UAAA;GACK,CAAA;EACM,CAAA,GAChB,oBAAC,gBAAD;GACS;GACP,WAAW,GAAG,gBAAgB,SAAS;GACvC,MAAK;GACL,MAAM;GAEN,UAAA,oBAAC,mBAAD;IAAmB,WAAW;IAAQ;GAA4B,CAAA;EACpD,CAAA,CACL;;AAEjB"}

package/dist/layout/components/sidebar-footer.d.ts

@@ -1,3 +0,0 @@
-import { RendererComponent } from '@lattice-php/core/types';
-declare const SidebarFooterComponent: RendererComponent<"sidebar.footer">;
-export default SidebarFooterComponent;

package/dist/layout/components/sidebar-footer.js

@@ -1,12 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { nodeIdentity } from "@lattice-php/core/test-id";
-//#region resources/js/layout/components/sidebar-footer.tsx
-var SidebarFooterComponent = ({ children, node }) => /* @__PURE__ */ jsx("div", {
-	className: "mt-auto flex flex-col gap-4",
-	"data-lattice-component": nodeIdentity(node),
-	children
-});
-//#endregion
-export { SidebarFooterComponent as default };
-
-//# sourceMappingURL=sidebar-footer.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"sidebar-footer.js","names":[],"sources":["../../../resources/js/layout/components/sidebar-footer.tsx"],"sourcesContent":["import type { RendererComponent } from \"@lattice-php/core/types\";\nimport { nodeIdentity } from \"@lattice-php/core/test-id\";\n\nconst SidebarFooterComponent: RendererComponent<\"sidebar.footer\"> = ({ children, node }) => (\n  <div className=\"mt-auto flex flex-col gap-4\" data-lattice-component={nodeIdentity(node)}>\n    {children}\n  </div>\n);\n\nexport default SidebarFooterComponent;\n"],"mappings":";;;AAGA,IAAM,0BAA+D,EAAE,UAAU,WAC/E,oBAAC,OAAD;CAAK,WAAU;CAA8B,0BAAwB,aAAa,IAAI;CACnF;AACE,CAAA"}

package/dist/layout/components/sidebar.d.ts

@@ -1,3 +0,0 @@
-import { RendererComponent } from '@lattice-php/core/types';
-declare const SidebarComponent: RendererComponent<"sidebar">;
-export default SidebarComponent;

package/dist/layout/components/sidebar.js

@@ -1,55 +0,0 @@
-import { router } from "@inertiajs/react";
-import { useEffect, useState } from "react";
-import { LATTICE_EVENT } from "@lattice-php/core/event-names";
-import { cn } from "@lattice-php/ui/lib/utils";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { nodeIdentity } from "@lattice-php/core/test-id";
-import { CollapsedProvider } from "@lattice-php/core/collapsed-context";
-import { useWindowEvent } from "@lattice-php/core/hooks/use-window-event";
-import { useMediaQuery } from "@lattice-php/ui/lib/use-media-query";
-import { useCollapsibleState } from "@lattice-php/ui/lib/use-collapsible-state";
-//#region resources/js/layout/components/sidebar.tsx
-var DESKTOP_QUERY = "(min-width: 768px)";
-function matchesTarget(event, identity) {
-	const target = event.detail?.target;
-	return target == null || target === identity;
-}
-var SidebarComponent = ({ children, node }) => {
-	const collapsible = node.props.collapsible;
-	const rememberState = node.props.rememberState;
-	const identity = nodeIdentity(node);
-	const storageKey = `lattice:sidebar:${identity ?? "default"}`;
-	const isDesktop = useMediaQuery(DESKTOP_QUERY, true);
-	const [collapsed, toggleCollapsed] = useCollapsibleState(storageKey, false, collapsible && rememberState);
-	const [mobileOpen, setMobileOpen] = useState(false);
-	useWindowEvent(LATTICE_EVENT.toggleSidebar, (event) => {
-		if (!matchesTarget(event, identity)) return;
-		if (window.matchMedia?.(DESKTOP_QUERY).matches ?? true) {
-			if (collapsible) toggleCollapsed();
-		} else setMobileOpen((open) => !open);
-	});
-	useEffect(() => router.on("navigate", () => setMobileOpen(false)), []);
-	useWindowEvent("keydown", (event) => {
-		if (event.key === "Escape") setMobileOpen(false);
-	}, { enabled: mobileOpen });
-	const isCollapsed = collapsible && collapsed && isDesktop;
-	return /* @__PURE__ */ jsxs(CollapsedProvider, {
-		collapsed: isCollapsed,
-		children: [mobileOpen ? /* @__PURE__ */ jsx("div", {
-			"aria-hidden": "true",
-			className: "fixed inset-0 z-lt-overlay bg-lt-overlay md:hidden",
-			"data-test": "sidebar-backdrop",
-			onClick: () => setMobileOpen(false)
-		}) : null, /* @__PURE__ */ jsx("aside", {
-			className: cn("fixed inset-y-0 left-0 z-lt-modal flex h-svh w-72 max-w-[80vw] shrink-0 flex-col gap-4 border-r border-lt-border bg-lt-bg p-4 transition-transform", "md:sticky md:top-0 md:z-auto md:max-w-none md:translate-x-0 md:transition-[width]", mobileOpen ? "translate-x-0" : "-translate-x-full", isCollapsed ? "md:w-16 md:overflow-visible" : "md:w-64 md:overflow-x-hidden md:overflow-y-auto"),
-			"data-collapsed": isCollapsed ? "true" : "false",
-			"data-lattice-component": identity,
-			"data-test": "sidebar",
-			children
-		})]
-	});
-};
-//#endregion
-export { SidebarComponent as default };
-
-//# sourceMappingURL=sidebar.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"sidebar.js","names":[],"sources":["../../../resources/js/layout/components/sidebar.tsx"],"sourcesContent":["import { router } from \"@inertiajs/react\";\nimport { useEffect, useState } from \"react\";\nimport type { RendererComponent } from \"@lattice-php/core/types\";\nimport { CollapsedProvider } from \"@lattice-php/core/collapsed-context\";\nimport { LATTICE_EVENT } from \"@lattice-php/core/event-names\";\nimport { useWindowEvent } from \"@lattice-php/core/hooks/use-window-event\";\nimport { nodeIdentity } from \"@lattice-php/core/test-id\";\nimport { cn } from \"@lattice-php/ui/lib/utils\";\nimport { useMediaQuery } from \"@lattice-php/ui/lib/use-media-query\";\nimport { useCollapsibleState } from \"@lattice-php/ui/lib/use-collapsible-state\";\n\nconst DESKTOP_QUERY = \"(min-width: 768px)\";\n\nfunction matchesTarget(event: Event, identity: string | undefined): boolean {\n  const target = (event as CustomEvent<{ target?: string }>).detail?.target;\n\n  return target == null || target === identity;\n}\n\nconst SidebarComponent: RendererComponent<\"sidebar\"> = ({ children, node }) => {\n  const collapsible = node.props.collapsible;\n  const rememberState = node.props.rememberState;\n  const identity = nodeIdentity(node);\n  const storageKey = `lattice:sidebar:${identity ?? \"default\"}`;\n  const isDesktop = useMediaQuery(DESKTOP_QUERY, true);\n\n  const [collapsed, toggleCollapsed] = useCollapsibleState(\n    storageKey,\n    false,\n    collapsible && rememberState,\n  );\n  const [mobileOpen, setMobileOpen] = useState(false);\n\n  useWindowEvent(LATTICE_EVENT.toggleSidebar, (event) => {\n    if (!matchesTarget(event, identity)) {\n      return;\n    }\n\n    if (window.matchMedia?.(DESKTOP_QUERY).matches ?? true) {\n      if (collapsible) {\n        toggleCollapsed();\n      }\n    } else {\n      setMobileOpen((open) => !open);\n    }\n  });\n\n  useEffect(() => router.on(\"navigate\", () => setMobileOpen(false)), []);\n\n  useWindowEvent(\n    \"keydown\",\n    (event) => {\n      if ((event as KeyboardEvent).key === \"Escape\") {\n        setMobileOpen(false);\n      }\n    },\n    { enabled: mobileOpen },\n  );\n\n  const isCollapsed = collapsible && collapsed && isDesktop;\n\n  return (\n    <CollapsedProvider collapsed={isCollapsed}>\n      {mobileOpen ? (\n        <div\n          aria-hidden=\"true\"\n          className=\"fixed inset-0 z-lt-overlay bg-lt-overlay md:hidden\"\n          data-test=\"sidebar-backdrop\"\n          onClick={() => setMobileOpen(false)}\n        />\n      ) : null}\n      <aside\n        className={cn(\n          \"fixed inset-y-0 left-0 z-lt-modal flex h-svh w-72 max-w-[80vw] shrink-0 flex-col gap-4 border-r border-lt-border bg-lt-bg p-4 transition-transform\",\n          \"md:sticky md:top-0 md:z-auto md:max-w-none md:translate-x-0 md:transition-[width]\",\n          mobileOpen ? \"translate-x-0\" : \"-translate-x-full\",\n          isCollapsed\n            ? \"md:w-16 md:overflow-visible\"\n            : \"md:w-64 md:overflow-x-hidden md:overflow-y-auto\",\n        )}\n        data-collapsed={isCollapsed ? \"true\" : \"false\"}\n        data-lattice-component={identity}\n        data-test=\"sidebar\"\n      >\n        {children}\n      </aside>\n    </CollapsedProvider>\n  );\n};\n\nexport default SidebarComponent;\n"],"mappings":";;;;;;;;;;;AAWA,IAAM,gBAAgB;AAEtB,SAAS,cAAc,OAAc,UAAuC;CAC1E,MAAM,SAAU,MAA2C,QAAQ;CAEnE,OAAO,UAAU,QAAQ,WAAW;AACtC;AAEA,IAAM,oBAAkD,EAAE,UAAU,WAAW;CAC7E,MAAM,cAAc,KAAK,MAAM;CAC/B,MAAM,gBAAgB,KAAK,MAAM;CACjC,MAAM,WAAW,aAAa,IAAI;CAClC,MAAM,aAAa,mBAAmB,YAAY;CAClD,MAAM,YAAY,cAAc,eAAe,IAAI;CAEnD,MAAM,CAAC,WAAW,mBAAmB,oBACnC,YACA,OACA,eAAe,aACjB;CACA,MAAM,CAAC,YAAY,iBAAiB,SAAS,KAAK;CAElD,eAAe,cAAc,gBAAgB,UAAU;EACrD,IAAI,CAAC,cAAc,OAAO,QAAQ,GAChC;EAGF,IAAI,OAAO,aAAa,aAAa,CAAC,CAAC,WAAW,MAC5C;OAAA,aACF,gBAAgB;EAAA,OAGlB,eAAe,SAAS,CAAC,IAAI;CAEjC,CAAC;CAED,gBAAgB,OAAO,GAAG,kBAAkB,cAAc,KAAK,CAAC,GAAG,CAAC,CAAC;CAErE,eACE,YACC,UAAU;EACT,IAAK,MAAwB,QAAQ,UACnC,cAAc,KAAK;CAEvB,GACA,EAAE,SAAS,WAAW,CACxB;CAEA,MAAM,cAAc,eAAe,aAAa;CAEhD,OACE,qBAAC,mBAAD;EAAmB,WAAW;EAA9B,UAAA,CACG,aACC,oBAAC,OAAD;GACE,eAAY;GACZ,WAAU;GACV,aAAU;GACV,eAAe,cAAc,KAAK;EACnC,CAAA,IACC,MACJ,oBAAC,SAAD;GACE,WAAW,GACT,sJACA,qFACA,aAAa,kBAAkB,qBAC/B,cACI,gCACA,iDACN;GACA,kBAAgB,cAAc,SAAS;GACvC,0BAAwB;GACxB,aAAU;GAET;EACI,CAAA,CACU;;AAEvB"}

package/dist/layout/components/topbar.d.ts

@@ -1,3 +0,0 @@
-import { RendererComponent } from '@lattice-php/core/types';
-declare const TopbarComponent: RendererComponent<"topbar">;
-export default TopbarComponent;