@lattice-php/lattice 0.17.2 → 0.19.0

package/dist/icons/sprite.js.map

@@ -1 +1 @@
-{"version":3,"file":"sprite.js","names":[],"sources":["../../resources/js/icons/sprite.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\n\n// Augmentable registry of icon names. The sprite plugin can generate a\n// `declare module \"@lattice-php/lattice\" { interface KnownIcons { … } }` block\n// from the built sprite, which turns `IconName` into the real set for\n// autocomplete. Unaugmented it falls back to `string`, so any name still works.\nexport interface KnownIcons {}\nexport type IconName = keyof KnownIcons | (string & {});\n\nexport type SpriteValue = {\n  /** The sprite URL. Empty when the sprite is inlined into the document (dev). */\n  href: string;\n  /** Every symbol id in the sprite, or undefined when not yet wired/known. */\n  ids?: readonly string[];\n  /** Inline sprite markup to inject once (dev); empty/omitted in builds. */\n  source?: string;\n};\n\nconst SpriteContext = createContext<SpriteValue>({ href: \"\" });\n\n/**\n * Seeds the icon sprite for everything below it. When `sprite.source` is set\n * (dev), it's injected once so same-document `<use href=\"#id\">` references\n * resolve; in builds `href` points at the emitted sprite asset instead.\n */\nexport function SpriteProvider({ children, sprite }: { children: ReactNode; sprite: SpriteValue }) {\n  return (\n    <SpriteContext.Provider value={sprite}>\n      {sprite.source ? <div hidden dangerouslySetInnerHTML={{ __html: sprite.source }} /> : null}\n      {children}\n    </SpriteContext.Provider>\n  );\n}\n\nexport function useSprite(): SpriteValue {\n  return useContext(SpriteContext);\n}\n\nconst warnedIcons = new Set<string>();\n\n/**\n * Renders a single sprite symbol by name. Used for Lattice's own UI chrome and\n * as the resolved default for server-driven icons. Extra `<svg>` props are\n * forwarded, so callers can override `aria-hidden`, set a `role`, etc.\n */\nexport function Icon({\n  className,\n  name,\n  ...props\n}: { name: IconName } & React.ComponentProps<\"svg\">) {\n  const { href, ids } = useSprite();\n\n  if (import.meta.env.DEV && ids && !ids.includes(name) && !warnedIcons.has(name)) {\n    warnedIcons.add(name);\n    console.warn(`[Lattice] Icon \"${name}\" is not in the sprite.`);\n  }\n\n  return (\n    <svg aria-hidden=\"true\" {...props} className={cn(\"size-lt-icon-md\", className)}>\n      <use href={`${href}#${name}`} />\n    </svg>\n  );\n}\n"],"mappings":";;;;AAoBA,IAAM,gBAAgB,cAA2B,EAAE,MAAM,GAAG,CAAC;;;;;;AAO7D,SAAgB,eAAe,EAAE,UAAU,UAAwD;CACjG,OACE,qBAAC,cAAc,UAAf;EAAwB,OAAO;YAA/B,CACG,OAAO,SAAS,oBAAC,OAAD;GAAK,QAAA;GAAO,yBAAyB,EAAE,QAAQ,OAAO,OAAO;EAAI,CAAA,IAAI,MACrF,QACqB;;AAE5B;AAEA,SAAgB,YAAyB;CACvC,OAAO,WAAW,aAAa;AACjC;;;;;;AASA,SAAgB,KAAK,EACnB,WACA,MACA,GAAG,SACgD;CACnD,MAAM,EAAE,MAAM,QAAQ,UAAU;CAOhC,OACE,oBAAC,OAAD;EAAK,eAAY;EAAO,GAAI;EAAO,WAAW,GAAG,mBAAmB,SAAS;YAC3E,oBAAC,OAAD,EAAK,MAAM,GAAG,KAAK,GAAG,OAAS,CAAA;CAC5B,CAAA;AAET"}
+{"version":3,"file":"sprite.js","names":[],"sources":["../../resources/js/icons/sprite.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { cn } from \"@lattice-php/lattice/lib/utils\";\n\n// Augmentable registry of icon names. The sprite plugin can generate a\n// `declare module \"@lattice-php/lattice\" { interface KnownIcons { … } }` block\n// from the built sprite, which turns `IconName` into the real set for\n// autocomplete. Unaugmented it falls back to `string`, so any name still works.\nexport interface KnownIcons {}\nexport type IconName = keyof KnownIcons | (string & {});\n\nexport type SpriteValue = {\n  /** The sprite URL. Empty when the sprite is inlined into the document (dev). */\n  href: string;\n  /** Every symbol id in the sprite, or undefined when not yet wired/known. */\n  ids?: readonly string[];\n  /** Inline sprite markup to inject once (dev); empty/omitted in builds. */\n  source?: string;\n};\n\nconst SpriteContext = createContext<SpriteValue>({ href: \"\" });\n\n/**\n * Seeds the icon sprite for everything below it. When `sprite.source` is set\n * (dev), it's injected once so same-document `<use href=\"#id\">` references\n * resolve; in builds `href` points at the emitted sprite asset instead.\n */\nexport function SpriteProvider({ children, sprite }: { children: ReactNode; sprite: SpriteValue }) {\n  return (\n    <SpriteContext.Provider value={sprite}>\n      {sprite.source ? <div hidden dangerouslySetInnerHTML={{ __html: sprite.source }} /> : null}\n      {children}\n    </SpriteContext.Provider>\n  );\n}\n\nexport function useSprite(): SpriteValue {\n  return useContext(SpriteContext);\n}\n\nconst warnedIcons = new Set<string>();\n\n/**\n * Renders a single sprite symbol by name. Used for Lattice's own UI chrome and\n * as the resolved default for server-driven icons. Extra `<svg>` props are\n * forwarded, so callers can override `aria-hidden`, set a `role`, etc.\n */\nexport function Icon({\n  className,\n  name,\n  ...props\n}: { name: IconName } & React.ComponentProps<\"svg\">) {\n  const { href, ids } = useSprite();\n\n  if (import.meta.env.DEV && ids && !ids.includes(name) && !warnedIcons.has(name)) {\n    warnedIcons.add(name);\n    console.warn(`[Lattice] Icon \"${name}\" is not in the sprite.`);\n  }\n\n  return (\n    <svg aria-hidden=\"true\" {...props} className={cn(\"size-lt-icon-md\", className)}>\n      <use href={`${href}#${name}`} />\n    </svg>\n  );\n}\n"],"mappings":";;;;AAoBA,IAAM,gBAAgB,cAA2B,EAAE,MAAM,GAAG,CAAC;;;;;;AAO7D,SAAgB,eAAe,EAAE,UAAU,UAAwD;CACjG,OACE,qBAAC,cAAc,UAAf;EAAwB,OAAO;YAA/B,CACG,OAAO,SAAS,oBAAC,OAAD;GAAK,QAAA;GAAO,yBAAyB,EAAE,QAAQ,OAAO,OAAO;EAAI,CAAA,IAAI,MACrF,QACqB;;AAE5B;AAEA,SAAgB,YAAyB;CACvC,OAAO,WAAW,aAAa;AACjC;;;;;;AASA,SAAgB,KAAK,EACnB,WACA,MACA,GAAG,SACgD;CACnD,MAAM,EAAE,MAAM,QAAQ,UAAU;CAOhC,OACE,oBAAC,OAAD;EAAK,eAAY;EAAO,GAAI;EAAO,WAAW,GAAG,mBAAmB,SAAS;YAC3E,oBAAC,OAAD,EAAK,MAAM,GAAG,KAAK,GAAG,OAAS,CAAA;CAC5B,CAAA;AAET"}

package/dist/index.d.ts

@@ -1,39 +1,38 @@
-export { registry } from './registry';
-export { useChat } from './chat/use-chat';
-export { chatComponents } from './chat';
-export { getActionEffects, isActionEffect, dispatchEffects, dispatchActionError, } from './effects/dispatch';
-export { useEffectDispatcher } from './effects/use-effect-dispatcher';
-export { builtinEffectHandlers, effectHandler, mergeEffectHandlers } from './effects/registry';
-export { initializeTheme, updateAppearance, useAppearance } from './appearance';
-export { copyToClipboard, useClipboard } from './clipboard';
-export { createLatticeApp, type CreateLatticeAppOptions } from './create-app';
-export { EventBridge } from './events/event-bridge';
-export { Icon, IconRenderer, IconRendererProvider, SpriteProvider } from './icons';
-export { createLayoutResolver, createPageResolver, pageComponentName, withVisitHeaders, } from './inertia';
-export { Callouts, layoutComponents, OutletContext, SchemaLayout, SidebarCollapsedContext, useSidebarCollapsed, } from './layout';
-export { Provider, useColumnRegistry, useComponentRegistry } from './provider';
-export { onCallout, onToast, showToast, Toaster } from './toast';
-export { createPlugin, createRegistry, eagerComponent, extendRegistry, lazyComponent, } from './core/registry';
-export type { Plugin, Registry } from './core/registry';
-export type { UseChatOptions } from './chat/use-chat';
-export type { ChatFrame, ChatMessage, ChatRole, ChatStatus, ChatTransport, ChatTransportRequest, UseChatReturn, } from './chat/types';
-export { Renderer } from './core/renderer';
-export { LATTICE_REF_HEADER, withRefHeader } from './core/component-ref';
-export { withHeaders } from './core/headers';
-export { LATTICE_EVENT } from './events/event-names';
-export type { ButtonVariant } from './core/components/button';
-export type { ReloadComponentEvent } from './events/event-names';
-export type { ComponentProps, KnownPageContainer, LayoutPayload, Node, NodeOfType, NodeProps, NodeType, PageContainer, PageBreadcrumb, PagePayload, PropsOf, RendererComponent, RendererComponentModule, RendererComponentProps, Schema, UnknownComponent, WireNode, } from './core/types';
-export { RealtimeListeners } from './realtime/listeners';
-export type { ChannelVisibility, DateFormat, ListenerPayload, NumberFormat, } from './types/generated';
-export { columnCell } from './table/registry';
-export type { ColumnCellArgs, ColumnCellComponent, ColumnRegistry } from './table/registry';
-export type { ColumnProps, ColumnPropsOf } from './table/types';
+export { registry } from './registry.js';
+export { useChat } from './chat/hooks/use-chat.js';
+export { chatComponents } from './chat/plugin.js';
+export { getActionEffects, isActionEffect, dispatchEffects, dispatchActionError, } from './effects/dispatch.js';
+export { useEffectDispatcher } from './effects/use-effect-dispatcher.js';
+export { builtinEffectHandlers, effectHandler, mergeEffectHandlers } from './effects/registry.js';
+export { initializeTheme, updateAppearance, useAppearance } from './appearance/index.js';
+export { copyToClipboard, useClipboard } from './clipboard/index.js';
+export { createLatticeApp, type CreateLatticeAppOptions } from './create-app.js';
+export { EventBridge } from './event-bridge.js';
+export { Icon, IconRenderer, IconRendererProvider, SpriteProvider } from './icons/index.js';
+export { createLayoutResolver, createPageResolver, pageComponentName, withVisitHeaders, } from './inertia.js';
+export { Callouts, layoutComponents, OutletContext, SchemaLayout, SidebarCollapsedContext, useSidebarCollapsed, } from './layout/index.js';
+export { Provider, useColumnRegistry, useComponentRegistry } from './provider.js';
+export { onCallout, onToast, showToast, Toaster } from './toast/index.js';
+export { createPlugin, createRegistry, eagerComponent, extendRegistry, lazyComponent, } from './core/registry.js';
+export type { Plugin, Registry } from './core/registry.js';
+export type { UseChatOptions } from './chat/hooks/use-chat.js';
+export type { ChatFrame, ChatMessage, ChatRole, ChatStatus, ChatTransport, ChatTransportRequest, UseChatReturn, } from './chat/types.js';
+export { Renderer } from './core/renderer.js';
+export { LATTICE_REF_HEADER, withRefHeader } from './core/component-ref.js';
+export { withHeaders } from './core/headers.js';
+export { LATTICE_EVENT } from './events/event-names.js';
+export type { ButtonVariant } from './ui/button.js';
+export type { ReloadComponentEvent } from './events/event-names.js';
+export type { ComponentProps, KnownPageContainer, LayoutPayload, Node, NodeOfType, NodeProps, NodeType, PageContainer, PageBreadcrumb, PagePayload, PropsOf, RendererComponent, RendererComponentModule, RendererComponentProps, Schema, UnknownComponent, WireNode, } from './core/types.js';
+export { RealtimeListeners } from './realtime/listeners.js';
+export type { ChannelVisibility, DateFormat, ListenerPayload, NumberFormat, } from './types/generated.js';
+export { columnCell } from './table/registry.js';
+export type { ColumnCellArgs, ColumnCellComponent, ColumnRegistry } from './table/registry.js';
+export type { ColumnProps, ColumnPropsOf } from './table/types.js';
 export type { Method } from '@inertiajs/core';
-export type { ActionEffect, ActionResponse } from './effects/dispatch';
-export type { EffectHandler, EffectHandlerRegistry, EffectOf, EffectProps, } from './effects/registry';
-export type { ResolvedAppearance, UseAppearanceReturn } from './appearance';
-export type { CopiedValue, CopyFn, UseClipboardReturn } from './clipboard';
-export type { Appearance } from './events/event-bridge';
-export type { Callout, ToastMessage, Variant } from './toast';
-export type { IconName, IconRendererFunction, IconRendererProps, KnownIcons, SpriteValue, } from './icons';
+export type { ActionEffect, ActionResponse } from './effects/dispatch.js';
+export type { EffectHandler, EffectHandlerRegistry, EffectOf, EffectProps, } from './effects/registry.js';
+export type { Appearance, ResolvedAppearance, UseAppearanceReturn } from './appearance/index.js';
+export type { CopiedValue, CopyFn, UseClipboardReturn } from './clipboard/index.js';
+export type { Callout, ToastMessage, Variant } from './toast/index.js';
+export type { IconName, IconRendererFunction, IconRendererProps, KnownIcons, SpriteValue, } from './icons/index.js';

package/dist/index.js

@@ -10,22 +10,23 @@ import { CollapsedContext, useCollapsed } from "./core/collapsed-context.js";
 import { Renderer } from "./core/renderer.js";
 import { onToast, showToast } from "./toast/toast.js";
 import { onCallout } from "./toast/callout.js";
-import { EventBridge } from "./events/event-bridge.js";
-import Callouts from "./layout/callouts.js";
+import { EventBridge } from "./event-bridge.js";
+import { Toaster } from "./toast/toaster.js";
+import Callouts from "./layout/components/callouts.js";
 import { builtinEffectHandlers, effectHandler, mergeEffectHandlers } from "./effects/registry.js";
 import { dispatchActionError, dispatchEffects, getActionEffects, isActionEffect } from "./effects/dispatch.js";
 import { useEffectDispatcher } from "./effects/use-effect-dispatcher.js";
-import { OutletContext } from "./layout/context.js";
-import { layoutComponents } from "./layout/components.js";
-import SchemaLayout from "./layout/schema-layout.js";
+import { OutletContext } from "./layout/hooks/context.js";
+import { layoutComponents } from "./layout/plugin.js";
+import SchemaLayout from "./layout/components/schema-layout.js";
 import { RealtimeListeners } from "./realtime/listeners.js";
 import { createLayoutResolver, createPageResolver, pageComponentName, withVisitHeaders } from "./inertia.js";
-import { Toaster } from "./toast/toaster.js";
-import { useChat } from "./chat/use-chat.js";
-import { chatComponents } from "./chat/index.js";
-import { copyToClipboard, useClipboard } from "./clipboard/index.js";
+import { useChat } from "./chat/hooks/use-chat.js";
+import { chatComponents } from "./chat/plugin.js";
+import { copyToClipboard } from "./ui/copyable-text.js";
 import { columnCell } from "./table/registry.js";
 import { registry } from "./registry.js";
 import { createLatticeApp } from "./create-app.js";
+import { useClipboard } from "./clipboard/index.js";
 import { Provider } from "./provider.js";
 export { Callouts, EventBridge, Icon, IconRenderer, IconRendererProvider, LATTICE_EVENT, LATTICE_REF_HEADER, OutletContext, Provider, RealtimeListeners, Renderer, SchemaLayout, CollapsedContext as SidebarCollapsedContext, SpriteProvider, Toaster, builtinEffectHandlers, chatComponents, columnCell, copyToClipboard, createLatticeApp, createLayoutResolver, createPageResolver, createPlugin, createRegistry, dispatchActionError, dispatchEffects, eagerComponent, effectHandler, extendRegistry, getActionEffects, initializeTheme, isActionEffect, layoutComponents, lazyComponent, mergeEffectHandlers, onCallout, onToast, pageComponentName, registry, showToast, updateAppearance, useAppearance, useChat, useClipboard, useColumnRegistry, useComponentRegistry, useEffectDispatcher, useCollapsed as useSidebarCollapsed, withHeaders, withRefHeader, withVisitHeaders };

package/dist/inertia.js

@@ -1,5 +1,5 @@
 import { withHeaders } from "./core/headers.js";
-import SchemaLayout from "./layout/schema-layout.js";
+import SchemaLayout from "./layout/components/schema-layout.js";
 import Page from "./page.js";
 //#region resources/js/inertia.ts
 var pageComponentName = "lattice/page";

package/dist/lattice.css

@@ -27,7 +27,6 @@
   --lt-success-fg: var(--success-foreground, oklch(0.985 0 0));
   --lt-info: var(--info, oklch(0.62 0.14 240));
   --lt-info-fg: var(--info-foreground, oklch(0.985 0 0));
-  /* Interaction states (hover / active / disabled) */
   --lt-primary-hover: var(--primary-hover, oklch(0.43 0.092 182));
   --lt-primary-active: var(--primary-active, oklch(0.39 0.092 182));
   --lt-danger-hover: var(--destructive-hover, oklch(0.53 0.21 27.3));
@@ -62,15 +61,14 @@
   --lt-control-h-lg: 2.5rem;
 
   /* Table cell padding — table density lever */
-  --lt-table-cell-x: calc(var(--spacing) * 4); /* 1rem */
-  --lt-table-cell-y: calc(var(--spacing) * 4); /* 1rem */
+  --lt-table-cell-x: calc(var(--spacing) * 4);
+  --lt-table-cell-y: calc(var(--spacing) * 4);
 
   --lt-font-weight-normal: 400;
   --lt-font-weight-medium: 500;
   --lt-font-weight-semibold: 600;
   --lt-font-weight-bold: 700;
 
-  /* Elevation */
   --lt-shadow-xs: 0 1px 1px 0 oklch(0 0 0 / 0.04);
   --lt-shadow-sm: 0 1px 2px 0 oklch(0 0 0 / 0.05);
   --lt-shadow-md:
@@ -78,7 +76,6 @@
   --lt-shadow-lg:
     0 8px 16px -4px oklch(0 0 0 / 0.12), 0 2px 4px -2px oklch(0 0 0 / 0.08);
 
-  /* Z-index scale */
   --lt-z-dropdown: 1000;
   --lt-z-sticky: 1100;
   --lt-z-overlay: 1200;
@@ -86,17 +83,15 @@
   --lt-z-popover: 1400;
   --lt-z-toast: 1500;
 
-  /* Motion */
   --lt-duration-fast: 120ms;
   --lt-duration-base: 160ms;
 
-  /* Layout dimensions */
   --lt-sidebar-w: 16rem;
   --lt-sidebar-w-collapsed: 4rem;
   --lt-container-max: 80rem;
 
   /* Card / section content inset — the gutter apps can break out of */
-  --lt-gutter: calc(var(--spacing) * 6); /* 1.5rem */
+  --lt-gutter: calc(var(--spacing) * 6);
 
   color-scheme: light;
 }
@@ -129,7 +124,6 @@
   --lt-info: var(--info, oklch(0.7 0.14 240));
   --lt-info-fg: var(--info-foreground, oklch(0.205 0 0));
 
-  /* Interaction states (dark) */
   --lt-primary-hover: var(--primary-hover, oklch(0.79 0.105 182));
   --lt-primary-active: var(--primary-active, oklch(0.84 0.105 182));
   --lt-danger-hover: var(--destructive-hover, oklch(0.47 0.13 26));
@@ -219,7 +213,6 @@
     "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
     "Segoe UI Symbol", "Noto Color Emoji";
 
-  /* Base spacing unit */
   --spacing: 0.25rem;
 
   --text-xs: 0.625rem;
@@ -402,6 +395,15 @@
   margin: calc(var(--spacing) * 2) 0;
 }
 
+/* TipTap renders the empty-editor placeholder via this attribute hook. */
+.lattice-prose :where(p.is-editor-empty:first-child)::before {
+  content: attr(data-placeholder);
+  color: var(--lt-muted-fg);
+  float: left;
+  height: 0;
+  pointer-events: none;
+}
+
 .lattice-prose :where(ul) {
   list-style: disc;
   padding-left: calc(var(--spacing) * 6);

package/dist/layout/{breadcrumbs.d.ts → components/breadcrumbs.d.ts}

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

package/dist/layout/{breadcrumbs.js → components/breadcrumbs.js}

@@ -1,8 +1,8 @@
-import { nodeIdentity } from "../core/test-id.js";
+import { nodeIdentity } from "../../core/test-id.js";
 import { Link, usePage } from "@inertiajs/react";
 import { Fragment } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region resources/js/layout/breadcrumbs.tsx
+//#region resources/js/layout/components/breadcrumbs.tsx
 var BreadcrumbsComponent = ({ node }) => {
 	const crumbs = usePage().props.lattice?.breadcrumbs ?? [];
 	if (crumbs.length === 0) return null;

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

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

package/dist/layout/{callouts.d.ts → components/callouts.d.ts}

@@ -1,3 +1,3 @@
-import { RendererComponent } from '../core/types';
+import { RendererComponent } from '../../core/types.js';
 declare const Callouts: RendererComponent<"callouts">;
 export default Callouts;

package/dist/layout/{callouts.js → components/callouts.js}

@@ -1,12 +1,12 @@
-import { cn } from "../lib/utils.js";
-import { Icon } from "../icons/sprite.js";
-import { RenderNode } from "../core/renderer.js";
-import { onCallout } from "../toast/callout.js";
-import { useT } from "../i18n/instance.js";
-import { variantStyles } from "../toast/variant-styles.js";
+import { cn } from "../../lib/utils.js";
+import { Icon } from "../../icons/sprite.js";
+import { RenderNode } from "../../core/renderer.js";
+import { onCallout } from "../../toast/callout.js";
+import { useT } from "../../i18n/instance.js";
+import { variantStyles } from "../../toast/variant-styles.js";
 import { useEffect, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region resources/js/layout/callouts.tsx
+//#region resources/js/layout/components/callouts.tsx
 var nextId = 0;
 var Callouts = () => {
 	const { t } = useT("lattice");

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

@@ -0,0 +1 @@
+{"version":3,"file":"callouts.js","names":[],"sources":["../../../resources/js/layout/components/callouts.tsx"],"sourcesContent":["import { Icon } from \"@lattice-php/lattice/icons\";\nimport { useEffect, useState } from \"react\";\nimport { RenderNode } from \"@lattice-php/lattice/core/renderer\";\nimport type { Callout } from \"@lattice-php/lattice/types/generated\";\nimport type { RendererComponent } from \"@lattice-php/lattice/core/types\";\nimport { onCallout } from \"@lattice-php/lattice/toast\";\nimport { cn } from \"@lattice-php/lattice/lib/utils\";\nimport { useT } from \"@lattice-php/lattice/i18n\";\nimport { variantStyles } from \"@lattice-php/lattice/toast\";\n\ntype CalloutItem = Callout & { id: number };\n\nlet nextId = 0;\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) => [...current, { ...callout, id: nextId++ }]);\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\">{callout.title}</p>\n            ) : null}\n            <p className=\"text-sm text-lt-fg\">{callout.message}</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":";;;;;;;;;AAYA,IAAI,SAAS;AAEb,IAAM,iBAAgD;CACpD,MAAM,EAAE,MAAM,KAAK,SAAS;CAC5B,MAAM,CAAC,UAAU,eAAe,SAAwB,CAAC,CAAC;CAE1D,gBAEI,WAAW,YAAY;EACrB,aAAa,YAAY,CAAC,GAAG,SAAS;GAAE,GAAG;GAAS,IAAI;EAAS,CAAC,CAAC;CACrE,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;YACZ,SAAS,KAAK,YACb,qBAAC,OAAD;GAEE,MAAK;GACL,aAAW,WAAW,QAAQ;GAC9B,WAAW,GACT,6GACA,cAAc,QAAQ,SAAS,MACjC;aAPF;IASG,cAAc,QAAQ,SAAS;IAChC,qBAAC,OAAD;KAAK,WAAU;eAAf;MACG,QAAQ,QACP,oBAAC,KAAD;OAAG,WAAU;iBAAkC,QAAQ;MAAS,CAAA,IAC9D;MACJ,oBAAC,KAAD;OAAG,WAAU;iBAAsB,QAAQ;MAAW,CAAA;MACrD,QAAQ,SACP,oBAAC,OAAD;OAAK,WAAU;iBACb,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;eAEjC,oBAAC,MAAD;MAAM,MAAK;MAAI,WAAU;KAAmB,CAAA;IACtC,CAAA,IACN;GACD;KA/BE,QAAQ,EA+BV,CACN;CACE,CAAA;AAET"}

package/dist/layout/{dropdown.d.ts → components/dropdown.d.ts}

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

package/dist/layout/{dropdown.js → components/dropdown.js}

@@ -1,7 +1,7 @@
-import { RenderNode } from "../core/renderer.js";
+import { RenderNode } from "../../core/renderer.js";
 import { Popover } from "./popover.js";
 import { jsx } from "react/jsx-runtime";
-//#region resources/js/layout/dropdown.tsx
+//#region resources/js/layout/components/dropdown.tsx
 var DropdownComponent = ({ children, node }) => {
 	const testId = node.key ?? "dropdown";
 	return /* @__PURE__ */ jsx(Popover, {

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

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.js","names":[],"sources":["../../../resources/js/layout/components/dropdown.tsx"],"sourcesContent":["import type { RendererComponent } from \"@lattice-php/lattice/core/types\";\nimport { RenderNode } from \"@lattice-php/lattice/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;aACb,KAAK,MAAM,QAAQ,KAAK,aAAa,UACpC,oBAAC,YAAD,EAEE,MAAM,YACP,GAFM,YAAY,OAAO,GAAG,YAAY,KAAK,GAAG,OAEhD,CACF;EACG,CAAA;YAGR,oBAAC,MAAD;GAAI,WAAU;GAAuB;EAAa,CAAA;CAC3C,CAAA;AAEb"}

package/dist/layout/{menu-item.d.ts → components/menu-item.d.ts}

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

package/dist/layout/{menu-item.js → components/menu-item.js}

@@ -1,14 +1,14 @@
-import { cn } from "../lib/utils.js";
-import { Icon } from "../icons/sprite.js";
-import { IconRenderer } from "../icons/icon-renderer.js";
-import { useCollapsed } from "../core/collapsed-context.js";
-import { prefixedNodeTestId } from "../core/test-id.js";
+import { cn } from "../../lib/utils.js";
+import { Icon } from "../../icons/sprite.js";
+import { IconRenderer } from "../../icons/icon-renderer.js";
+import { useCollapsed } from "../../core/collapsed-context.js";
+import { prefixedNodeTestId } from "../../core/test-id.js";
 import { Popover } from "./popover.js";
-import { ActionTrigger, useClickBehavior } from "../core/use-click-behavior.js";
+import { ActionTrigger, useClickBehavior } from "../../ui/click-behavior.js";
 import { Link, usePage } from "@inertiajs/react";
 import { useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-//#region resources/js/layout/menu-item.tsx
+//#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, {
@@ -25,7 +25,8 @@ function schemaContainsPath(schema, path) {
 }
 var MenuItemComponent = ({ children, node }) => {
 	const collapsed = useCollapsed();
-	const { icon, label, prefix, suffix } = node.props;
+	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];

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

@@ -0,0 +1 @@
+{"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/lattice/core/test-id\";\nimport type { RendererComponent, Schema } from \"@lattice-php/lattice/core/types\";\nimport { Icon, IconRenderer } from \"@lattice-php/lattice/icons\";\nimport { cn } from \"@lattice-php/lattice/lib/utils\";\nimport type { Affix } from \"@lattice-php/lattice/types/generated\";\nimport {\n  ActionTrigger,\n  type TriggerState,\n  useClickBehavior,\n} from \"@lattice-php/lattice/ui/click-behavior\";\nimport { useSidebarCollapsed } from \"@lattice-php/lattice/layout/hooks/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 = useSidebarCollapsed();\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\") {\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/{menu.d.ts → components/menu.d.ts}

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

package/dist/layout/{menu.js → components/menu.js}

@@ -1,6 +1,6 @@
-import { nodeIdentity } from "../core/test-id.js";
+import { nodeIdentity } from "../../core/test-id.js";
 import { jsx } from "react/jsx-runtime";
-//#region resources/js/layout/menu.tsx
+//#region resources/js/layout/components/menu.tsx
 var MenuComponent = ({ children, node }) => /* @__PURE__ */ jsx("nav", {
 	"data-lattice-component": nodeIdentity(node),
 	children: /* @__PURE__ */ jsx("ul", {

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu.js","names":[],"sources":["../../../resources/js/layout/components/menu.tsx"],"sourcesContent":["import type { RendererComponent } from \"@lattice-php/lattice/core/types\";\nimport { nodeIdentity } from \"@lattice-php/lattice/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;WAC5C,oBAAC,MAAD;EAAI,WAAU;EAAuB;CAAa,CAAA;AAC/C,CAAA"}

package/dist/layout/{outlet.d.ts → components/outlet.d.ts}

@@ -1,4 +1,4 @@
-import { RendererComponent } from '../core/types';
+import { RendererComponent } from '../../core/types.js';
 /**
  * Renders the active page at the position the layout schema places it.
  */

package/dist/layout/{outlet.js → components/outlet.js}

@@ -1,7 +1,7 @@
-import { OutletContext } from "./context.js";
+import { OutletContext } from "../hooks/context.js";
 import { useContext } from "react";
 import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
-//#region resources/js/layout/outlet.tsx
+//#region resources/js/layout/components/outlet.tsx
 /**
 * Renders the active page at the position the layout schema places it.
 */

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

@@ -0,0 +1 @@
+{"version":3,"file":"outlet.js","names":[],"sources":["../../../resources/js/layout/components/outlet.tsx"],"sourcesContent":["import { useContext } from \"react\";\nimport type { RendererComponent } from \"@lattice-php/lattice/core/types\";\nimport { OutletContext } from \"@lattice-php/lattice/layout/hooks/context\";\n\n/**\n * Renders the active page at the position the layout schema places it.\n */\nconst OutletComponent: RendererComponent<\"outlet\"> = () => {\n  return <>{useContext(OutletContext)}</>;\n};\n\nexport default OutletComponent;\n"],"mappings":";;;;;;;AAOA,IAAM,wBAAqD;CACzD,OAAO,oBAAA,YAAA,EAAA,UAAG,WAAW,aAAa,EAAI,CAAA;AACxC"}

package/dist/layout/{popover.js → components/popover.js}

@@ -1,10 +1,10 @@
-import { cn } from "../lib/utils.js";
-import { CollapsedContext } from "../core/collapsed-context.js";
-import { Popover as Popover$1, PopoverContent, PopoverTrigger } from "../core/components/popover.js";
+import { cn } from "../../lib/utils.js";
+import { CollapsedContext } from "../../core/collapsed-context.js";
+import { Popover as Popover$1, PopoverContent, PopoverTrigger } from "../../ui/popover.js";
 import { usePage } from "@inertiajs/react";
 import { useEffect, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region resources/js/layout/popover.tsx
+//#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

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

@@ -0,0 +1 @@
+{"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/lattice/ui/popover\";\nimport { cn } from \"@lattice-php/lattice/lib/utils\";\nimport { CollapsedContext } from \"@lattice-php/lattice/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        <CollapsedContext.Provider value={false}>{children}</CollapsedContext.Provider>\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,EAAE;CAEtB,gBAAgB,QAAQ,KAAK,GAAG,CAAC,GAAG,CAAC;CAErC,OACE,qBAAC,WAAD;EAAmB;EAAM,cAAc;YAAvC,CACE,oBAAC,gBAAD;GAAgB,SAAA;aACd,oBAAC,UAAD;IACE,cAAY;IACZ,WAAW,GAAG,UAAU,gBAAgB;IACxC,aAAW;IACX,OAAO;IACP,MAAK;cAEJ;GACK,CAAA;EACM,CAAA,GAChB,oBAAC,gBAAD;GACS;GACP,WAAW,GAAG,gBAAgB,SAAS;GACvC,MAAK;GACL,MAAM;aAEN,oBAAC,iBAAiB,UAAlB;IAA2B,OAAO;IAAQ;GAAoC,CAAA;EAChE,CAAA,CACL;;AAEjB"}

package/dist/layout/{schema-layout.js → components/schema-layout.js}

@@ -1,8 +1,8 @@
-import { Renderer } from "../core/renderer.js";
-import { OutletContext } from "./context.js";
+import { Renderer } from "../../core/renderer.js";
+import { OutletContext } from "../hooks/context.js";
 import { usePage } from "@inertiajs/react";
 import { Fragment, jsx } from "react/jsx-runtime";
-//#region resources/js/layout/schema-layout.tsx
+//#region resources/js/layout/components/schema-layout.tsx
 /**
 * Persistent Inertia layout that renders a server-composed layout schema and
 * exposes the active page (`children`) to the Outlet via context. The same

package/dist/layout/components/schema-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema-layout.js","names":[],"sources":["../../../resources/js/layout/components/schema-layout.tsx"],"sourcesContent":["import { usePage } from \"@inertiajs/react\";\nimport type { ReactNode } from \"react\";\nimport { Renderer } from \"@lattice-php/lattice/core/renderer\";\nimport type { PagePayload } from \"@lattice-php/lattice/core/types\";\nimport { OutletContext } from \"@lattice-php/lattice/layout/hooks/context\";\n\n/**\n * Persistent Inertia layout that renders a server-composed layout schema and\n * exposes the active page (`children`) to the Outlet via context. The same\n * component instance is reused across navigations that share a layout, so\n * shell state (open sidebar, scroll position) survives page visits.\n */\nexport default function SchemaLayout({ children }: { children: ReactNode }) {\n  const lattice = usePage().props.lattice as PagePayload;\n  const layout = lattice.layout;\n\n  if (!layout) {\n    return <>{children}</>;\n  }\n\n  return (\n    <OutletContext.Provider value={children}>\n      <Renderer nodes={layout.schema} />\n    </OutletContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAYA,SAAwB,aAAa,EAAE,YAAqC;CAE1E,MAAM,SADU,QAAQ,EAAE,MAAM,QACT;CAEvB,IAAI,CAAC,QACH,OAAO,oBAAA,UAAA,EAAG,SAAW,CAAA;CAGvB,OACE,oBAAC,cAAc,UAAf;EAAwB,OAAO;YAC7B,oBAAC,UAAD,EAAU,OAAO,OAAO,OAAS,CAAA;CACX,CAAA;AAE5B"}

package/dist/layout/{sidebar.d.ts → components/sidebar.d.ts}

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

package/dist/layout/{sidebar.js → components/sidebar.js}

@@ -1,11 +1,11 @@
-import { LATTICE_EVENT } from "../events/event-names.js";
-import { cn } from "../lib/utils.js";
-import { CollapsedContext } from "../core/collapsed-context.js";
-import { nodeIdentity } from "../core/test-id.js";
+import { LATTICE_EVENT } from "../../events/event-names.js";
+import { cn } from "../../lib/utils.js";
+import { CollapsedContext } from "../../core/collapsed-context.js";
+import { nodeIdentity } from "../../core/test-id.js";
 import { router } from "@inertiajs/react";
 import { useEffect, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region resources/js/layout/sidebar.tsx
+//#region resources/js/layout/components/sidebar.tsx
 var DESKTOP_QUERY = "(min-width: 768px)";
 function readStored(key, remember) {
 	if (!remember || typeof window === "undefined") return false;

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

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

package/dist/layout/{topbar.d.ts → components/topbar.d.ts}

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

package/dist/layout/{topbar.js → components/topbar.js}

@@ -1,7 +1,7 @@
-import { cn } from "../lib/utils.js";
-import { nodeIdentity } from "../core/test-id.js";
+import { cn } from "../../lib/utils.js";
+import { nodeIdentity } from "../../core/test-id.js";
 import { jsx } from "react/jsx-runtime";
-//#region resources/js/layout/topbar.tsx
+//#region resources/js/layout/components/topbar.tsx
 var TopbarComponent = ({ children, node }) => {
 	const sticky = node.props.sticky;
 	return /* @__PURE__ */ jsx("header", {

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

@@ -0,0 +1 @@
+{"version":3,"file":"topbar.js","names":[],"sources":["../../../resources/js/layout/components/topbar.tsx"],"sourcesContent":["import type { RendererComponent } from \"@lattice-php/lattice/core/types\";\nimport { nodeIdentity } from \"@lattice-php/lattice/core/test-id\";\nimport { cn } from \"@lattice-php/lattice/lib/utils\";\n\nconst TopbarComponent: RendererComponent<\"topbar\"> = ({ children, node }) => {\n  const sticky = node.props.sticky;\n\n  return (\n    <header\n      data-lattice-component={nodeIdentity(node)}\n      className={cn(\n        \"flex h-14 w-full items-center gap-2 border-b border-lt-border bg-lt-bg px-4 text-lt-fg\",\n        sticky && \"sticky top-0 z-lt-sticky\",\n      )}\n    >\n      {children}\n    </header>\n  );\n};\n\nexport default TopbarComponent;\n"],"mappings":";;;;AAIA,IAAM,mBAAgD,EAAE,UAAU,WAAW;CAC3E,MAAM,SAAS,KAAK,MAAM;CAE1B,OACE,oBAAC,UAAD;EACE,0BAAwB,aAAa,IAAI;EACzC,WAAW,GACT,0FACA,UAAU,0BACZ;EAEC;CACK,CAAA;AAEZ"}

package/dist/layout/{context.d.ts → hooks/context.d.ts}

@@ -1,4 +1,4 @@
 import { ReactNode } from 'react';
-import { CollapsedContext as SidebarCollapsedContext, useCollapsed as useSidebarCollapsed } from '../core/collapsed-context';
+import { CollapsedContext as SidebarCollapsedContext, useCollapsed as useSidebarCollapsed } from '../../core/collapsed-context.js';
 export declare const OutletContext: import('react').Context<ReactNode>;
 export { SidebarCollapsedContext, useSidebarCollapsed };

package/dist/layout/{context.js → hooks/context.js}

@@ -1,6 +1,6 @@
-import { CollapsedContext, useCollapsed } from "../core/collapsed-context.js";
+import { CollapsedContext, useCollapsed } from "../../core/collapsed-context.js";
 import { createContext } from "react";
-//#region resources/js/layout/context.ts
+//#region resources/js/layout/hooks/context.ts
 var OutletContext = createContext(null);
 //#endregion
 export { OutletContext, CollapsedContext as SidebarCollapsedContext, useCollapsed as useSidebarCollapsed };

package/dist/layout/hooks/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":[],"sources":["../../../resources/js/layout/hooks/context.ts"],"sourcesContent":["import { createContext } from \"react\";\nimport type { ReactNode } from \"react\";\nimport {\n  CollapsedContext as SidebarCollapsedContext,\n  useCollapsed as useSidebarCollapsed,\n} from \"@lattice-php/lattice/core/collapsed-context\";\n\nexport const OutletContext = createContext<ReactNode>(null);\n\nexport { SidebarCollapsedContext, useSidebarCollapsed };\n"],"mappings":";;;AAOA,IAAa,gBAAgB,cAAyB,IAAI"}

package/dist/layout/index.d.ts

@@ -1,4 +1,4 @@
-export { default as Callouts } from './callouts';
-export { layoutComponents } from './components';
-export { OutletContext, SidebarCollapsedContext, useSidebarCollapsed } from './context';
-export { default as SchemaLayout } from './schema-layout';
+export { default as Callouts } from './components/callouts.js';
+export { layoutComponents } from './plugin.js';
+export { OutletContext, SidebarCollapsedContext, useSidebarCollapsed } from './hooks/context.js';
+export { default as SchemaLayout } from './components/schema-layout.js';

package/dist/layout/index.js

@@ -1,6 +1,6 @@
 import { CollapsedContext, useCollapsed } from "../core/collapsed-context.js";
-import Callouts from "./callouts.js";
-import { OutletContext } from "./context.js";
-import { layoutComponents } from "./components.js";
-import SchemaLayout from "./schema-layout.js";
+import Callouts from "./components/callouts.js";
+import { OutletContext } from "./hooks/context.js";
+import { layoutComponents } from "./plugin.js";
+import SchemaLayout from "./components/schema-layout.js";
 export { Callouts, OutletContext, SchemaLayout, CollapsedContext as SidebarCollapsedContext, layoutComponents, useCollapsed as useSidebarCollapsed };

package/dist/layout/plugin.d.ts

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