@lattice-php/lattice 0.38.0 → 0.40.0

package/dist/ui/modal.js

@@ -1,67 +0,0 @@
-import { LATTICE_EVENT } from "../core/event-names.js";
-import { useT } from "../i18n/instance.js";
-import { Dialog, DialogContent, DialogHeader } from "./dialog.js";
-import { useEffect, useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region resources/js/ui/modal.tsx
-function matchesModal(event, modal) {
-	const target = event.detail?.modal;
-	return target == null || target === modal;
-}
-var ModalComponent = ({ children, node }) => {
-	const { t } = useT("lattice");
-	const title = node.props.title ?? t("common.dialog", "Dialog");
-	const description = node.props.description;
-	const closeLabel = node.props.closeLabel;
-	const [isOpen, setIsOpen] = useState(node.props.open === true);
-	const openerRef = useRef(null);
-	const wasOpenRef = useRef(isOpen);
-	useEffect(() => {
-		if (node.props.open === true) setIsOpen(true);
-	}, [node.props.open]);
-	useEffect(() => {
-		function open(event) {
-			if (node.id && matchesModal(event, node.id)) {
-				openerRef.current = document.activeElement instanceof HTMLElement ? document.activeElement : null;
-				setIsOpen(true);
-			}
-		}
-		function close(event) {
-			if (!node.id || matchesModal(event, node.id)) setIsOpen(false);
-		}
-		window.addEventListener(LATTICE_EVENT.openModal, open);
-		window.addEventListener(LATTICE_EVENT.closeModal, close);
-		return () => {
-			window.removeEventListener(LATTICE_EVENT.openModal, open);
-			window.removeEventListener(LATTICE_EVENT.closeModal, close);
-		};
-	}, [node.id]);
-	useEffect(() => {
-		if (wasOpenRef.current && !isOpen) {
-			const opener = openerRef.current;
-			if (opener) requestAnimationFrame(() => opener.focus());
-		}
-		wasOpenRef.current = isOpen;
-	}, [isOpen]);
-	return /* @__PURE__ */ jsx(Dialog, {
-		open: isOpen,
-		onOpenChange: setIsOpen,
-		children: /* @__PURE__ */ jsxs(DialogContent, {
-			...description ? {} : { "aria-describedby": void 0 },
-			placement: node.props.side ?? "center",
-			width: node.props.width,
-			children: [/* @__PURE__ */ jsx(DialogHeader, {
-				closeLabel,
-				description,
-				title
-			}), /* @__PURE__ */ jsx("div", {
-				className: "mt-6 space-y-6",
-				children
-			})]
-		})
-	});
-};
-//#endregion
-export { ModalComponent as default };
-
-//# sourceMappingURL=modal.js.map

package/dist/ui/modal.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"modal.js","names":[],"sources":["../../resources/js/ui/modal.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport { Dialog, DialogContent, DialogHeader } from \"@lattice-php/lattice/ui/dialog\";\nimport type { RendererComponent } from \"@lattice-php/lattice/core/types\";\nimport { LATTICE_EVENT } from \"@lattice-php/lattice/core/event-names\";\nimport { useT } from \"@lattice-php/lattice/i18n\";\n\ntype ModalEvent = CustomEvent<{\n  modal: string | null;\n}>;\n\nfunction matchesModal(event: Event, modal: string): boolean {\n  const target = (event as ModalEvent).detail?.modal;\n\n  return target == null || target === modal;\n}\n\nconst ModalComponent: RendererComponent<\"modal\"> = ({ children, node }) => {\n  const { t } = useT(\"lattice\");\n  const title = node.props.title ?? t(\"common.dialog\", \"Dialog\");\n  const description = node.props.description;\n  const closeLabel = node.props.closeLabel;\n  const [isOpen, setIsOpen] = useState(node.props.open === true);\n  const openerRef = useRef<HTMLElement | null>(null);\n  const wasOpenRef = useRef(isOpen);\n\n  // Honour server-driven open changes across re-renders, not just on mount. One\n  // way on purpose: closing stays user/closeModal-driven so it never fights a\n  // manual close, and the dep keeps it from re-firing while open stays true.\n  useEffect(() => {\n    if (node.props.open === true) {\n      setIsOpen(true);\n    }\n  }, [node.props.open]);\n\n  useEffect(() => {\n    function open(event: Event): void {\n      if (node.id && matchesModal(event, node.id)) {\n        openerRef.current =\n          document.activeElement instanceof HTMLElement ? document.activeElement : null;\n        setIsOpen(true);\n      }\n    }\n\n    function close(event: Event): void {\n      if (!node.id || matchesModal(event, node.id)) {\n        setIsOpen(false);\n      }\n    }\n\n    window.addEventListener(LATTICE_EVENT.openModal, open);\n    window.addEventListener(LATTICE_EVENT.closeModal, close);\n\n    return () => {\n      window.removeEventListener(LATTICE_EVENT.openModal, open);\n      window.removeEventListener(LATTICE_EVENT.closeModal, close);\n    };\n  }, [node.id]);\n\n  // Radix only restores focus to a `DialogTrigger`-registered element, and this\n  // modal is opened imperatively rather than through one. Own the restore\n  // ourselves instead: whatever had focus when the modal opened gets it back\n  // once the closing dialog has finished unmounting.\n  useEffect(() => {\n    if (wasOpenRef.current && !isOpen) {\n      const opener = openerRef.current;\n\n      if (opener) {\n        requestAnimationFrame(() => opener.focus());\n      }\n    }\n\n    wasOpenRef.current = isOpen;\n  }, [isOpen]);\n\n  return (\n    <Dialog open={isOpen} onOpenChange={setIsOpen}>\n      <DialogContent\n        {...(description ? {} : { \"aria-describedby\": undefined })}\n        placement={node.props.side ?? \"center\"}\n        width={node.props.width}\n      >\n        <DialogHeader closeLabel={closeLabel} description={description} title={title} />\n        <div className=\"mt-6 space-y-6\">{children}</div>\n      </DialogContent>\n    </Dialog>\n  );\n};\n\nexport default ModalComponent;\n"],"mappings":";;;;;;AAUA,SAAS,aAAa,OAAc,OAAwB;CAC1D,MAAM,SAAU,MAAqB,QAAQ;CAE7C,OAAO,UAAU,QAAQ,WAAW;AACtC;AAEA,IAAM,kBAA8C,EAAE,UAAU,WAAW;CACzE,MAAM,EAAE,MAAM,KAAK,SAAS;CAC5B,MAAM,QAAQ,KAAK,MAAM,SAAS,EAAE,iBAAiB,QAAQ;CAC7D,MAAM,cAAc,KAAK,MAAM;CAC/B,MAAM,aAAa,KAAK,MAAM;CAC9B,MAAM,CAAC,QAAQ,aAAa,SAAS,KAAK,MAAM,SAAS,IAAI;CAC7D,MAAM,YAAY,OAA2B,IAAI;CACjD,MAAM,aAAa,OAAO,MAAM;CAKhC,gBAAgB;EACd,IAAI,KAAK,MAAM,SAAS,MACtB,UAAU,IAAI;CAElB,GAAG,CAAC,KAAK,MAAM,IAAI,CAAC;CAEpB,gBAAgB;EACd,SAAS,KAAK,OAAoB;GAChC,IAAI,KAAK,MAAM,aAAa,OAAO,KAAK,EAAE,GAAG;IAC3C,UAAU,UACR,SAAS,yBAAyB,cAAc,SAAS,gBAAgB;IAC3E,UAAU,IAAI;GAChB;EACF;EAEA,SAAS,MAAM,OAAoB;GACjC,IAAI,CAAC,KAAK,MAAM,aAAa,OAAO,KAAK,EAAE,GACzC,UAAU,KAAK;EAEnB;EAEA,OAAO,iBAAiB,cAAc,WAAW,IAAI;EACrD,OAAO,iBAAiB,cAAc,YAAY,KAAK;EAEvD,aAAa;GACX,OAAO,oBAAoB,cAAc,WAAW,IAAI;GACxD,OAAO,oBAAoB,cAAc,YAAY,KAAK;EAC5D;CACF,GAAG,CAAC,KAAK,EAAE,CAAC;CAMZ,gBAAgB;EACd,IAAI,WAAW,WAAW,CAAC,QAAQ;GACjC,MAAM,SAAS,UAAU;GAEzB,IAAI,QACF,4BAA4B,OAAO,MAAM,CAAC;EAE9C;EAEA,WAAW,UAAU;CACvB,GAAG,CAAC,MAAM,CAAC;CAEX,OACE,oBAAC,QAAD;EAAQ,MAAM;EAAQ,cAAc;EAClC,UAAA,qBAAC,eAAD;GACE,GAAK,cAAc,CAAC,IAAI,EAAE,oBAAoB,KAAA,EAAU;GACxD,WAAW,KAAK,MAAM,QAAQ;GAC9B,OAAO,KAAK,MAAM;GAHpB,UAAA,CAKE,oBAAC,cAAD;IAA0B;IAAyB;IAAoB;GAAQ,CAAA,GAC/E,oBAAC,OAAD;IAAK,WAAU;IAAkB;GAAc,CAAA,CAClC;;CACT,CAAA;AAEZ"}

package/dist/ui/native-select.d.ts

@@ -1,10 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-import { controlSurface } from './control.js';
-import * as React from "react";
-/**
- * A native `<select>` wearing the shared control chrome — for short, fixed
- * option lists (filter operators, boolean/ternary states) where the full
- * Combobox is overkill. `density` matches {@link Input}; defaults to comfortable.
- */
-declare function NativeSelect({ className, density, children, ref, ...props }: React.ComponentProps<"select"> & VariantProps<typeof controlSurface>): React.JSX.Element;
-export { NativeSelect };

package/dist/ui/native-select.js

@@ -1,23 +0,0 @@
-import { cn } from "../lib/utils.js";
-import { controlSurface } from "./control.js";
-import "react";
-import { jsx } from "react/jsx-runtime";
-//#region resources/js/ui/native-select.tsx
-/**
-* A native `<select>` wearing the shared control chrome — for short, fixed
-* option lists (filter operators, boolean/ternary states) where the full
-* Combobox is overkill. `density` matches {@link Input}; defaults to comfortable.
-*/
-function NativeSelect({ className, density, children, ref, ...props }) {
-	return /* @__PURE__ */ jsx("select", {
-		ref,
-		"data-slot": "native-select",
-		className: cn(controlSurface({ density }), "cursor-pointer", className),
-		...props,
-		children
-	});
-}
-//#endregion
-export { NativeSelect };
-
-//# sourceMappingURL=native-select.js.map

package/dist/ui/native-select.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"native-select.js","names":[],"sources":["../../resources/js/ui/native-select.tsx"],"sourcesContent":["import * as React from \"react\";\nimport type { VariantProps } from \"class-variance-authority\";\n\nimport { controlSurface } from \"@lattice-php/lattice/ui/control\";\nimport { cn } from \"@lattice-php/lattice/lib/utils\";\n\n/**\n * A native `<select>` wearing the shared control chrome — for short, fixed\n * option lists (filter operators, boolean/ternary states) where the full\n * Combobox is overkill. `density` matches {@link Input}; defaults to comfortable.\n */\nfunction NativeSelect({\n  className,\n  density,\n  children,\n  ref,\n  ...props\n}: React.ComponentProps<\"select\"> & VariantProps<typeof controlSurface>) {\n  return (\n    <select\n      ref={ref}\n      data-slot=\"native-select\"\n      className={cn(controlSurface({ density }), \"cursor-pointer\", className)}\n      {...props}\n    >\n      {children}\n    </select>\n  );\n}\n\nexport { NativeSelect };\n"],"mappings":";;;;;;;;;;AAWA,SAAS,aAAa,EACpB,WACA,SACA,UACA,KACA,GAAG,SACoE;CACvE,OACE,oBAAC,UAAD;EACO;EACL,aAAU;EACV,WAAW,GAAG,eAAe,EAAE,QAAQ,CAAC,GAAG,kBAAkB,SAAS;EACtE,GAAI;EAEH;CACK,CAAA;AAEZ"}

package/dist/ui/password-input.d.ts

@@ -1,7 +0,0 @@
-import { ComponentProps, Ref } from 'react';
-type PasswordInputProps = Omit<ComponentProps<"input">, "type"> & {
-    passwordrules?: string;
-    ref?: Ref<HTMLInputElement>;
-};
-export default function PasswordInput({ className, ref, ...props }: PasswordInputProps): import("react").JSX.Element;
-export {};

package/dist/ui/password-input.js

@@ -1,36 +0,0 @@
-import { cn } from "../lib/utils.js";
-import { Icon } from "../icons/sprite.js";
-import { Input } from "./input.js";
-import { useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region resources/js/ui/password-input.tsx
-function PasswordInput({ className, ref, ...props }) {
-	const [showPassword, setShowPassword] = useState(false);
-	return /* @__PURE__ */ jsxs("div", {
-		className: "relative",
-		children: [/* @__PURE__ */ jsx(Input, {
-			type: showPassword ? "text" : "password",
-			className: cn("pr-10", className),
-			ref,
-			...props
-		}), /* @__PURE__ */ jsx("button", {
-			type: "button",
-			"data-test": typeof props.name === "string" ? `${props.name}-visibility` : "password-visibility",
-			onClick: () => setShowPassword((prev) => !prev),
-			className: "absolute inset-y-0 right-0 flex items-center rounded-r-lt-sm px-3 text-lt-muted-fg hover:text-lt-fg focus-visible:ring-[length:var(--lt-ring-width)] focus-visible:ring-lt-ring/50 focus-visible:outline-none",
-			"aria-label": showPassword ? "Hide password" : "Show password",
-			tabIndex: -1,
-			children: showPassword ? /* @__PURE__ */ jsx(Icon, {
-				name: "eye-off",
-				className: "size-lt-icon-md"
-			}) : /* @__PURE__ */ jsx(Icon, {
-				name: "eye",
-				className: "size-lt-icon-md"
-			})
-		})]
-	});
-}
-//#endregion
-export { PasswordInput as default };
-
-//# sourceMappingURL=password-input.js.map

package/dist/ui/password-input.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"password-input.js","names":[],"sources":["../../resources/js/ui/password-input.tsx"],"sourcesContent":["import { Icon } from \"@lattice-php/lattice/icons\";\nimport type { ComponentProps, Ref } from \"react\";\nimport { useState } from \"react\";\nimport { Input } from \"@lattice-php/lattice/ui/input\";\nimport { cn } from \"@lattice-php/lattice/lib/utils\";\n\ntype PasswordInputProps = Omit<ComponentProps<\"input\">, \"type\"> & {\n  passwordrules?: string;\n  ref?: Ref<HTMLInputElement>;\n};\n\nexport default function PasswordInput({ className, ref, ...props }: PasswordInputProps) {\n  const [showPassword, setShowPassword] = useState(false);\n\n  return (\n    <div className=\"relative\">\n      <Input\n        type={showPassword ? \"text\" : \"password\"}\n        className={cn(\"pr-10\", className)}\n        ref={ref}\n        {...props}\n      />\n      <button\n        type=\"button\"\n        data-test={\n          typeof props.name === \"string\" ? `${props.name}-visibility` : \"password-visibility\"\n        }\n        onClick={() => setShowPassword((prev) => !prev)}\n        className=\"absolute inset-y-0 right-0 flex items-center rounded-r-lt-sm px-3 text-lt-muted-fg hover:text-lt-fg focus-visible:ring-[length:var(--lt-ring-width)] focus-visible:ring-lt-ring/50 focus-visible:outline-none\"\n        aria-label={showPassword ? \"Hide password\" : \"Show password\"}\n        tabIndex={-1}\n      >\n        {showPassword ? (\n          <Icon name=\"eye-off\" className=\"size-lt-icon-md\" />\n        ) : (\n          <Icon name=\"eye\" className=\"size-lt-icon-md\" />\n        )}\n      </button>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAWA,SAAwB,cAAc,EAAE,WAAW,KAAK,GAAG,SAA6B;CACtF,MAAM,CAAC,cAAc,mBAAmB,SAAS,KAAK;CAEtD,OACE,qBAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACE,oBAAC,OAAD;GACE,MAAM,eAAe,SAAS;GAC9B,WAAW,GAAG,SAAS,SAAS;GAC3B;GACL,GAAI;EACL,CAAA,GACD,oBAAC,UAAD;GACE,MAAK;GACL,aACE,OAAO,MAAM,SAAS,WAAW,GAAG,MAAM,KAAK,eAAe;GAEhE,eAAe,iBAAiB,SAAS,CAAC,IAAI;GAC9C,WAAU;GACV,cAAY,eAAe,kBAAkB;GAC7C,UAAU;GAET,UAAA,eACC,oBAAC,MAAD;IAAM,MAAK;IAAU,WAAU;GAAmB,CAAA,IAElD,oBAAC,MAAD;IAAM,MAAK;IAAM,WAAU;GAAmB,CAAA;EAE1C,CAAA,CACL;;AAET"}

package/dist/ui/pill.d.ts

@@ -1,2 +0,0 @@
-/** Shared pill styling for the tabs strip and the segmented control. */
-export declare function pillClassName(active: boolean): string;

package/dist/ui/pill.js

@@ -1,10 +0,0 @@
-import { cn } from "../lib/utils.js";
-//#region resources/js/ui/pill.ts
-/** Shared pill styling for the tabs strip and the segmented control. */
-function pillClassName(active) {
-	return cn("whitespace-nowrap rounded-lt-sm px-3 py-1.5 text-sm font-medium transition-colors", active ? "bg-lt-bg text-lt-fg shadow-lt-xs" : "text-lt-muted-fg hover:bg-lt-bg/60 hover:text-lt-fg");
-}
-//#endregion
-export { pillClassName };
-
-//# sourceMappingURL=pill.js.map

package/dist/ui/pill.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pill.js","names":[],"sources":["../../resources/js/ui/pill.ts"],"sourcesContent":["import { cn } from \"@lattice-php/lattice/lib/utils\";\n\n/** Shared pill styling for the tabs strip and the segmented control. */\nexport function pillClassName(active: boolean): string {\n  return cn(\n    \"whitespace-nowrap rounded-lt-sm px-3 py-1.5 text-sm font-medium transition-colors\",\n    active\n      ? \"bg-lt-bg text-lt-fg shadow-lt-xs\"\n      : \"text-lt-muted-fg hover:bg-lt-bg/60 hover:text-lt-fg\",\n  );\n}\n"],"mappings":";;;AAGA,SAAgB,cAAc,QAAyB;CACrD,OAAO,GACL,qFACA,SACI,qCACA,qDACN;AACF"}

package/dist/ui/plugin.d.ts

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

package/dist/ui/plugin.js

@@ -1,60 +0,0 @@
-import { createPlugin, eagerComponent } from "../core/registry.js";
-import ButtonComponent from "./button.js";
-import AvatarComponent from "./avatar.js";
-import BadgeComponent from "./badge.js";
-import CardComponent from "./card.js";
-import ChartComponent from "./chart.js";
-import CodeBlockComponent from "./code-block.js";
-import CollapsibleComponent from "./collapsible.js";
-import FloatingPanelComponent from "./floating-panel.js";
-import FragmentComponent from "./fragment.js";
-import GridComponent from "./grid.js";
-import HeadingComponent from "./heading.js";
-import IconComponent from "./icon.js";
-import ImageComponent from "./image.js";
-import LinkComponent from "./link.js";
-import ModalComponent from "./modal.js";
-import ProgressComponent from "./progress.js";
-import RawBlockComponent from "./raw-block.js";
-import SectionComponent from "./section.js";
-import SegmentedControlComponent from "./segmented-control.js";
-import SeparatorComponent from "./separator.js";
-import StackComponent from "./stack.js";
-import TabComponent, { TabsComponent } from "./tabs.js";
-import TextComponent from "./text.js";
-import TooltipComponent from "./tooltip.js";
-//#region resources/js/ui/plugin.ts
-var uiComponents = createPlugin({
-	components: {
-		avatar: eagerComponent(AvatarComponent),
-		badge: eagerComponent(BadgeComponent),
-		button: eagerComponent(ButtonComponent),
-		card: eagerComponent(CardComponent),
-		chart: eagerComponent(ChartComponent),
-		"code-block": eagerComponent(CodeBlockComponent),
-		collapsible: eagerComponent(CollapsibleComponent),
-		"floating-panel": eagerComponent(FloatingPanelComponent),
-		fragment: eagerComponent(FragmentComponent),
-		grid: eagerComponent(GridComponent),
-		heading: eagerComponent(HeadingComponent),
-		icon: eagerComponent(IconComponent),
-		image: eagerComponent(ImageComponent),
-		link: eagerComponent(LinkComponent),
-		modal: eagerComponent(ModalComponent),
-		progress: eagerComponent(ProgressComponent),
-		"raw-block": eagerComponent(RawBlockComponent),
-		section: eagerComponent(SectionComponent),
-		"segmented-control": eagerComponent(SegmentedControlComponent),
-		separator: eagerComponent(SeparatorComponent),
-		stack: eagerComponent(StackComponent),
-		tab: eagerComponent(TabComponent),
-		tabs: eagerComponent(TabsComponent),
-		text: eagerComponent(TextComponent),
-		tooltip: eagerComponent(TooltipComponent)
-	},
-	name: "lattice/ui"
-});
-//#endregion
-export { uiComponents };
-
-//# sourceMappingURL=plugin.js.map

package/dist/ui/plugin.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"plugin.js","names":[],"sources":["../../resources/js/ui/plugin.ts"],"sourcesContent":["import {\n  createPlugin,\n  eagerComponent,\n  type ComponentRegistryFor,\n} from \"@lattice-php/lattice/core/registry\";\nimport type { FragmentNodeType, UiNodeType } from \"@lattice-php/lattice/types/generated\";\nimport AvatarComponent from \"./avatar\";\nimport BadgeComponent from \"./badge\";\nimport ButtonComponent from \"./button\";\nimport CardComponent from \"./card\";\nimport ChartComponent from \"./chart\";\nimport CodeBlockComponent from \"./code-block\";\nimport CollapsibleComponent from \"./collapsible\";\nimport FloatingPanelComponent from \"./floating-panel\";\nimport FragmentComponent from \"./fragment\";\nimport GridComponent from \"./grid\";\nimport HeadingComponent from \"./heading\";\nimport IconComponent from \"./icon\";\nimport ImageComponent from \"./image\";\nimport LinkComponent from \"./link\";\nimport ModalComponent from \"./modal\";\nimport ProgressComponent from \"./progress\";\nimport RawBlockComponent from \"./raw-block\";\nimport SectionComponent from \"./section\";\nimport SegmentedControlComponent from \"./segmented-control\";\nimport SeparatorComponent from \"./separator\";\nimport StackComponent from \"./stack\";\nimport TabComponent, { TabsComponent } from \"./tabs\";\nimport TextComponent from \"./text\";\nimport TooltipComponent from \"./tooltip\";\n\ntype UiComponentType = UiNodeType | FragmentNodeType;\n\nexport const uiComponents = createPlugin({\n  components: {\n    avatar: eagerComponent(AvatarComponent),\n    badge: eagerComponent(BadgeComponent),\n    button: eagerComponent(ButtonComponent),\n    card: eagerComponent(CardComponent),\n    chart: eagerComponent(ChartComponent),\n    \"code-block\": eagerComponent(CodeBlockComponent),\n    collapsible: eagerComponent(CollapsibleComponent),\n    \"floating-panel\": eagerComponent(FloatingPanelComponent),\n    fragment: eagerComponent(FragmentComponent),\n    grid: eagerComponent(GridComponent),\n    heading: eagerComponent(HeadingComponent),\n    icon: eagerComponent(IconComponent),\n    image: eagerComponent(ImageComponent),\n    link: eagerComponent(LinkComponent),\n    modal: eagerComponent(ModalComponent),\n    progress: eagerComponent(ProgressComponent),\n    \"raw-block\": eagerComponent(RawBlockComponent),\n    section: eagerComponent(SectionComponent),\n    \"segmented-control\": eagerComponent(SegmentedControlComponent),\n    separator: eagerComponent(SeparatorComponent),\n    stack: eagerComponent(StackComponent),\n    tab: eagerComponent(TabComponent),\n    tabs: eagerComponent(TabsComponent),\n    text: eagerComponent(TextComponent),\n    tooltip: eagerComponent(TooltipComponent),\n  } satisfies ComponentRegistryFor<UiComponentType>,\n  name: \"lattice/ui\",\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAiCA,IAAa,eAAe,aAAa;CACvC,YAAY;EACV,QAAQ,eAAe,eAAe;EACtC,OAAO,eAAe,cAAc;EACpC,QAAQ,eAAe,eAAe;EACtC,MAAM,eAAe,aAAa;EAClC,OAAO,eAAe,cAAc;EACpC,cAAc,eAAe,kBAAkB;EAC/C,aAAa,eAAe,oBAAoB;EAChD,kBAAkB,eAAe,sBAAsB;EACvD,UAAU,eAAe,iBAAiB;EAC1C,MAAM,eAAe,aAAa;EAClC,SAAS,eAAe,gBAAgB;EACxC,MAAM,eAAe,aAAa;EAClC,OAAO,eAAe,cAAc;EACpC,MAAM,eAAe,aAAa;EAClC,OAAO,eAAe,cAAc;EACpC,UAAU,eAAe,iBAAiB;EAC1C,aAAa,eAAe,iBAAiB;EAC7C,SAAS,eAAe,gBAAgB;EACxC,qBAAqB,eAAe,yBAAyB;EAC7D,WAAW,eAAe,kBAAkB;EAC5C,OAAO,eAAe,cAAc;EACpC,KAAK,eAAe,YAAY;EAChC,MAAM,eAAe,aAAa;EAClC,MAAM,eAAe,aAAa;EAClC,SAAS,eAAe,gBAAgB;CAC1C;CACA,MAAM;AACR,CAAC"}

package/dist/ui/popover.d.ts

@@ -1,8 +0,0 @@
-import * as PopoverPrimitive from "@radix-ui/react-popover";
-import * as React from "react";
-export declare const POPOVER_SURFACE = "z-lt-popover rounded-lt-sm border border-lt-border bg-lt-popover text-lt-popover-fg shadow-lt-md";
-declare function Popover(props: React.ComponentProps<typeof PopoverPrimitive.Root>): React.JSX.Element;
-declare function PopoverTrigger(props: React.ComponentProps<typeof PopoverPrimitive.Trigger>): React.JSX.Element;
-declare function PopoverClose(props: React.ComponentProps<typeof PopoverPrimitive.Close>): React.JSX.Element;
-declare function PopoverContent({ align, className, sideOffset, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>): React.JSX.Element;
-export { Popover, PopoverClose, PopoverContent, PopoverTrigger };

package/dist/ui/popover.js

@@ -1,37 +0,0 @@
-import { cn } from "../lib/utils.js";
-import "react";
-import { jsx } from "react/jsx-runtime";
-import * as PopoverPrimitive from "@radix-ui/react-popover";
-//#region resources/js/ui/popover.tsx
-var POPOVER_SURFACE = "z-lt-popover rounded-lt-sm border border-lt-border bg-lt-popover text-lt-popover-fg shadow-lt-md";
-function Popover(props) {
-	return /* @__PURE__ */ jsx(PopoverPrimitive.Root, {
-		"data-slot": "popover",
-		...props
-	});
-}
-function PopoverTrigger(props) {
-	return /* @__PURE__ */ jsx(PopoverPrimitive.Trigger, {
-		"data-slot": "popover-trigger",
-		...props
-	});
-}
-function PopoverClose(props) {
-	return /* @__PURE__ */ jsx(PopoverPrimitive.Close, {
-		"data-slot": "popover-close",
-		...props
-	});
-}
-function PopoverContent({ align = "start", className, sideOffset = 4, ...props }) {
-	return /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(PopoverPrimitive.Content, {
-		align,
-		className: cn(POPOVER_SURFACE, className),
-		"data-slot": "popover-content",
-		sideOffset,
-		...props
-	}) });
-}
-//#endregion
-export { POPOVER_SURFACE, Popover, PopoverClose, PopoverContent, PopoverTrigger };
-
-//# sourceMappingURL=popover.js.map

package/dist/ui/popover.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"popover.js","names":[],"sources":["../../resources/js/ui/popover.tsx"],"sourcesContent":["import * as PopoverPrimitive from \"@radix-ui/react-popover\";\nimport * as React from \"react\";\nimport { cn } from \"@lattice-php/lattice/lib/utils\";\n\nexport const POPOVER_SURFACE =\n  \"z-lt-popover rounded-lt-sm border border-lt-border bg-lt-popover text-lt-popover-fg shadow-lt-md\";\n\nfunction Popover(props: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n  return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />;\n}\n\nfunction PopoverTrigger(props: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n  return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />;\n}\n\nfunction PopoverClose(props: React.ComponentProps<typeof PopoverPrimitive.Close>) {\n  return <PopoverPrimitive.Close data-slot=\"popover-close\" {...props} />;\n}\n\nfunction PopoverContent({\n  align = \"start\",\n  className,\n  sideOffset = 4,\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Content>) {\n  return (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Content\n        align={align}\n        className={cn(POPOVER_SURFACE, className)}\n        data-slot=\"popover-content\"\n        sideOffset={sideOffset}\n        {...props}\n      />\n    </PopoverPrimitive.Portal>\n  );\n}\n\nexport { Popover, PopoverClose, PopoverContent, PopoverTrigger };\n"],"mappings":";;;;;AAIA,IAAa,kBACX;AAEF,SAAS,QAAQ,OAA2D;CAC1E,OAAO,oBAAC,iBAAiB,MAAlB;EAAuB,aAAU;EAAU,GAAI;CAAQ,CAAA;AAChE;AAEA,SAAS,eAAe,OAA8D;CACpF,OAAO,oBAAC,iBAAiB,SAAlB;EAA0B,aAAU;EAAkB,GAAI;CAAQ,CAAA;AAC3E;AAEA,SAAS,aAAa,OAA4D;CAChF,OAAO,oBAAC,iBAAiB,OAAlB;EAAwB,aAAU;EAAgB,GAAI;CAAQ,CAAA;AACvE;AAEA,SAAS,eAAe,EACtB,QAAQ,SACR,WACA,aAAa,GACb,GAAG,SACqD;CACxD,OACE,oBAAC,iBAAiB,QAAlB,EAAA,UACE,oBAAC,iBAAiB,SAAlB;EACS;EACP,WAAW,GAAG,iBAAiB,SAAS;EACxC,aAAU;EACE;EACZ,GAAI;CACL,CAAA,EACsB,CAAA;AAE7B"}

package/dist/ui/progress.d.ts

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

package/dist/ui/progress.js

@@ -1,114 +0,0 @@
-import { useLocale } from "../i18n/locale.js";
-import { cn } from "../lib/utils.js";
-import { coerceColor, colorValue, namedColor } from "../lib/color.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region resources/js/ui/progress.tsx
-var barHeights = {
-	xs: "h-1",
-	sm: "h-1.5",
-	md: "h-2.5",
-	lg: "h-3",
-	xl: "h-4",
-	"2xl": "h-5",
-	"3xl": "h-6",
-	"4xl": "h-8"
-};
-var circleDiameters = {
-	xs: 24,
-	sm: 32,
-	md: 40,
-	lg: 48,
-	xl: 64,
-	"2xl": 80,
-	"3xl": 96,
-	"4xl": 128
-};
-var circleReadouts = {
-	xs: "text-[0.5rem]",
-	sm: "text-[0.625rem]",
-	md: "text-xs",
-	lg: "text-sm",
-	xl: "text-base",
-	"2xl": "text-lg",
-	"3xl": "text-xl",
-	"4xl": "text-2xl"
-};
-var ProgressComponent = ({ node }) => {
-	const { value, max, shape, showValue, color, size } = node.props;
-	const { locale } = useLocale();
-	const paint = colorValue(coerceColor(color) ?? namedColor("primary"));
-	const clamped = max > 0 ? Math.min(Math.max(value, 0), max) : 0;
-	const ratio = max > 0 ? clamped / max : 0;
-	const percent = new Intl.NumberFormat(locale, {
-		maximumFractionDigits: 0,
-		style: "percent"
-	}).format(ratio);
-	const aria = {
-		"aria-valuemax": max,
-		"aria-valuemin": 0,
-		"aria-valuenow": clamped,
-		"aria-valuetext": percent,
-		role: "progressbar"
-	};
-	if (shape === "circle") {
-		const diameter = circleDiameters[size];
-		const strokeWidth = Math.max(3, diameter / 10);
-		const radius = (diameter - strokeWidth) / 2;
-		const circumference = 2 * Math.PI * radius;
-		return /* @__PURE__ */ jsxs("div", {
-			...aria,
-			className: "relative inline-flex",
-			"data-lattice-progress": "circle",
-			children: [/* @__PURE__ */ jsxs("svg", {
-				className: "-rotate-90",
-				height: diameter,
-				width: diameter,
-				children: [/* @__PURE__ */ jsx("circle", {
-					className: "text-lt-muted",
-					cx: diameter / 2,
-					cy: diameter / 2,
-					fill: "none",
-					r: radius,
-					stroke: "currentColor",
-					strokeWidth
-				}), /* @__PURE__ */ jsx("circle", {
-					cx: diameter / 2,
-					cy: diameter / 2,
-					fill: "none",
-					r: radius,
-					stroke: "currentColor",
-					strokeDasharray: circumference,
-					strokeDashoffset: circumference * (1 - ratio),
-					strokeLinecap: "round",
-					strokeWidth,
-					style: { color: paint }
-				})]
-			}), showValue && /* @__PURE__ */ jsx("span", {
-				className: cn("absolute inset-0 flex items-center justify-center font-medium text-lt-fg tabular-nums", circleReadouts[size]),
-				children: percent
-			})]
-		});
-	}
-	return /* @__PURE__ */ jsxs("div", {
-		className: "flex w-full items-center gap-2",
-		"data-lattice-progress": "bar",
-		children: [/* @__PURE__ */ jsx("div", {
-			...aria,
-			className: cn("w-full overflow-hidden rounded-full bg-lt-muted", barHeights[size]),
-			children: /* @__PURE__ */ jsx("div", {
-				className: "h-full rounded-full",
-				style: {
-					background: paint,
-					width: `${ratio * 100}%`
-				}
-			})
-		}), showValue && /* @__PURE__ */ jsx("span", {
-			className: "shrink-0 text-lt-muted-fg text-sm tabular-nums",
-			children: percent
-		})]
-	});
-};
-//#endregion
-export { ProgressComponent as default };
-
-//# sourceMappingURL=progress.js.map

package/dist/ui/progress.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"progress.js","names":[],"sources":["../../resources/js/ui/progress.tsx"],"sourcesContent":["import type { RendererComponent } from \"@lattice-php/lattice/core/types\";\nimport { useLocale } from \"@lattice-php/lattice/i18n\";\nimport { coerceColor, colorValue, namedColor } from \"@lattice-php/lattice/lib/color\";\nimport { cn } from \"@lattice-php/lattice/lib/utils\";\nimport type { Size } from \"@lattice-php/lattice/types/generated\";\n\nconst barHeights: Record<Size, string> = {\n  xs: \"h-1\",\n  sm: \"h-1.5\",\n  md: \"h-2.5\",\n  lg: \"h-3\",\n  xl: \"h-4\",\n  \"2xl\": \"h-5\",\n  \"3xl\": \"h-6\",\n  \"4xl\": \"h-8\",\n};\n\nconst circleDiameters: Record<Size, number> = {\n  xs: 24,\n  sm: 32,\n  md: 40,\n  lg: 48,\n  xl: 64,\n  \"2xl\": 80,\n  \"3xl\": 96,\n  \"4xl\": 128,\n};\n\nconst circleReadouts: Record<Size, string> = {\n  xs: \"text-[0.5rem]\",\n  sm: \"text-[0.625rem]\",\n  md: \"text-xs\",\n  lg: \"text-sm\",\n  xl: \"text-base\",\n  \"2xl\": \"text-lg\",\n  \"3xl\": \"text-xl\",\n  \"4xl\": \"text-2xl\",\n};\n\nconst ProgressComponent: RendererComponent<\"progress\"> = ({ node }) => {\n  const { value, max, shape, showValue, color, size } = node.props;\n  const { locale } = useLocale();\n  const paint = colorValue(coerceColor(color) ?? namedColor(\"primary\"));\n\n  const clamped = max > 0 ? Math.min(Math.max(value, 0), max) : 0;\n  const ratio = max > 0 ? clamped / max : 0;\n  const percent = new Intl.NumberFormat(locale, {\n    maximumFractionDigits: 0,\n    style: \"percent\",\n  }).format(ratio);\n\n  const aria = {\n    \"aria-valuemax\": max,\n    \"aria-valuemin\": 0,\n    \"aria-valuenow\": clamped,\n    \"aria-valuetext\": percent,\n    role: \"progressbar\",\n  } as const;\n\n  if (shape === \"circle\") {\n    const diameter = circleDiameters[size];\n    const strokeWidth = Math.max(3, diameter / 10);\n    const radius = (diameter - strokeWidth) / 2;\n    const circumference = 2 * Math.PI * radius;\n\n    return (\n      <div {...aria} className=\"relative inline-flex\" data-lattice-progress=\"circle\">\n        <svg className=\"-rotate-90\" height={diameter} width={diameter}>\n          <circle\n            className=\"text-lt-muted\"\n            cx={diameter / 2}\n            cy={diameter / 2}\n            fill=\"none\"\n            r={radius}\n            stroke=\"currentColor\"\n            strokeWidth={strokeWidth}\n          />\n          <circle\n            cx={diameter / 2}\n            cy={diameter / 2}\n            fill=\"none\"\n            r={radius}\n            stroke=\"currentColor\"\n            strokeDasharray={circumference}\n            strokeDashoffset={circumference * (1 - ratio)}\n            strokeLinecap=\"round\"\n            strokeWidth={strokeWidth}\n            style={{ color: paint }}\n          />\n        </svg>\n        {showValue && (\n          <span\n            className={cn(\n              \"absolute inset-0 flex items-center justify-center font-medium text-lt-fg tabular-nums\",\n              circleReadouts[size],\n            )}\n          >\n            {percent}\n          </span>\n        )}\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"flex w-full items-center gap-2\" data-lattice-progress=\"bar\">\n      <div\n        {...aria}\n        className={cn(\"w-full overflow-hidden rounded-full bg-lt-muted\", barHeights[size])}\n      >\n        <div\n          className=\"h-full rounded-full\"\n          style={{ background: paint, width: `${ratio * 100}%` }}\n        />\n      </div>\n      {showValue && (\n        <span className=\"shrink-0 text-lt-muted-fg text-sm tabular-nums\">{percent}</span>\n      )}\n    </div>\n  );\n};\n\nexport default ProgressComponent;\n"],"mappings":";;;;;AAMA,IAAM,aAAmC;CACvC,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,OAAO;CACP,OAAO;CACP,OAAO;AACT;AAEA,IAAM,kBAAwC;CAC5C,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,OAAO;CACP,OAAO;CACP,OAAO;AACT;AAEA,IAAM,iBAAuC;CAC3C,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,OAAO;CACP,OAAO;CACP,OAAO;AACT;AAEA,IAAM,qBAAoD,EAAE,WAAW;CACrE,MAAM,EAAE,OAAO,KAAK,OAAO,WAAW,OAAO,SAAS,KAAK;CAC3D,MAAM,EAAE,WAAW,UAAU;CAC7B,MAAM,QAAQ,WAAW,YAAY,KAAK,KAAK,WAAW,SAAS,CAAC;CAEpE,MAAM,UAAU,MAAM,IAAI,KAAK,IAAI,KAAK,IAAI,OAAO,CAAC,GAAG,GAAG,IAAI;CAC9D,MAAM,QAAQ,MAAM,IAAI,UAAU,MAAM;CACxC,MAAM,UAAU,IAAI,KAAK,aAAa,QAAQ;EAC5C,uBAAuB;EACvB,OAAO;CACT,CAAC,CAAC,CAAC,OAAO,KAAK;CAEf,MAAM,OAAO;EACX,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,kBAAkB;EAClB,MAAM;CACR;CAEA,IAAI,UAAU,UAAU;EACtB,MAAM,WAAW,gBAAgB;EACjC,MAAM,cAAc,KAAK,IAAI,GAAG,WAAW,EAAE;EAC7C,MAAM,UAAU,WAAW,eAAe;EAC1C,MAAM,gBAAgB,IAAI,KAAK,KAAK;EAEpC,OACE,qBAAC,OAAD;GAAK,GAAI;GAAM,WAAU;GAAuB,yBAAsB;GAAtE,UAAA,CACE,qBAAC,OAAD;IAAK,WAAU;IAAa,QAAQ;IAAU,OAAO;IAArD,UAAA,CACE,oBAAC,UAAD;KACE,WAAU;KACV,IAAI,WAAW;KACf,IAAI,WAAW;KACf,MAAK;KACL,GAAG;KACH,QAAO;KACM;IACd,CAAA,GACD,oBAAC,UAAD;KACE,IAAI,WAAW;KACf,IAAI,WAAW;KACf,MAAK;KACL,GAAG;KACH,QAAO;KACP,iBAAiB;KACjB,kBAAkB,iBAAiB,IAAI;KACvC,eAAc;KACD;KACb,OAAO,EAAE,OAAO,MAAM;IACvB,CAAA,CACE;GACJ,CAAA,GAAA,aACC,oBAAC,QAAD;IACE,WAAW,GACT,yFACA,eAAe,KACjB;IAEC,UAAA;GACG,CAAA,CAEL;;CAET;CAEA,OACE,qBAAC,OAAD;EAAK,WAAU;EAAiC,yBAAsB;EAAtE,UAAA,CACE,oBAAC,OAAD;GACE,GAAI;GACJ,WAAW,GAAG,mDAAmD,WAAW,KAAK;GAEjF,UAAA,oBAAC,OAAD;IACE,WAAU;IACV,OAAO;KAAE,YAAY;KAAO,OAAO,GAAG,QAAQ,IAAI;IAAG;GACtD,CAAA;EACE,CAAA,GACJ,aACC,oBAAC,QAAD;GAAM,WAAU;GAAkD,UAAA;EAAc,CAAA,CAE/E;;AAET"}

package/dist/ui/raw-block.d.ts

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

package/dist/ui/raw-block.js

@@ -1,10 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-//#region resources/js/ui/raw-block.tsx
-var RawBlockComponent = ({ node }) => /* @__PURE__ */ jsx("span", {
-	style: { display: "contents" },
-	dangerouslySetInnerHTML: { __html: node.props.html }
-});
-//#endregion
-export { RawBlockComponent as default };
-
-//# sourceMappingURL=raw-block.js.map

package/dist/ui/raw-block.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"raw-block.js","names":[],"sources":["../../resources/js/ui/raw-block.tsx"],"sourcesContent":["import type { RendererComponent } from \"@lattice-php/lattice/core/types\";\n\nconst RawBlockComponent: RendererComponent<\"raw-block\"> = ({ node }) => (\n  <span style={{ display: \"contents\" }} dangerouslySetInnerHTML={{ __html: node.props.html }} />\n);\n\nexport default RawBlockComponent;\n"],"mappings":";;AAEA,IAAM,qBAAqD,EAAE,WAC3D,oBAAC,QAAD;CAAM,OAAO,EAAE,SAAS,WAAW;CAAG,yBAAyB,EAAE,QAAQ,KAAK,MAAM,KAAK;AAAI,CAAA"}

package/dist/ui/section.d.ts

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

package/dist/ui/section.js

@@ -1,68 +0,0 @@
-import { cn } from "../lib/utils.js";
-import { Icon } from "../icons/sprite.js";
-import { toNodes } from "../core/nodes.js";
-import { Renderer } from "../core/renderer.js";
-import { nodeIdentity, prefixedTestId } from "../core/test-id.js";
-import { useCollapsibleState } from "./use-collapsible-state.js";
-import { InfoTooltip } from "./info-tooltip.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region resources/js/ui/section.tsx
-var SectionComponent = ({ children, node }) => {
-	const { title, description, tooltip } = node.props;
-	const collapsible = node.props.collapsible === true;
-	const rememberState = node.props.rememberState !== false;
-	const headerActions = toNodes(node.props.headerActions);
-	const identity = nodeIdentity(node);
-	const storageKey = `lattice:section:${identity ?? "default"}`;
-	const [collapsed, toggle] = useCollapsibleState(storageKey, node.props.collapsed === true, collapsible && rememberState);
-	const isCollapsed = collapsible && collapsed;
-	const hasHeader = Boolean(title || description || headerActions.length > 0 || collapsible);
-	return /* @__PURE__ */ jsxs("section", {
-		"data-slot": "section",
-		className: "flex flex-col gap-6 rounded-lt border border-lt-border bg-lt-surface py-lt-gutter text-lt-surface-fg shadow-lt-sm",
-		"data-lattice-component": identity,
-		children: [hasHeader && /* @__PURE__ */ jsxs("div", {
-			className: "flex items-start justify-between gap-4 px-lt-gutter",
-			children: [/* @__PURE__ */ jsxs("div", {
-				className: "flex min-w-0 items-start gap-2",
-				children: [collapsible && /* @__PURE__ */ jsx("button", {
-					"aria-expanded": !isCollapsed,
-					"aria-label": isCollapsed ? "Expand section" : "Collapse section",
-					"data-test": prefixedTestId("section-toggle", identity) ?? "section-toggle-default",
-					className: "mt-0.5 inline-flex shrink-0 items-center rounded-lt-sm p-0.5 text-lt-muted-fg transition-colors hover:bg-lt-muted hover:text-lt-fg",
-					onClick: toggle,
-					type: "button",
-					children: /* @__PURE__ */ jsx(Icon, {
-						name: "chevron-down",
-						className: cn("size-lt-icon-md transition-transform", isCollapsed && "-rotate-90")
-					})
-				}), /* @__PURE__ */ jsxs("div", {
-					className: "flex min-w-0 flex-col gap-1.5",
-					children: [title && /* @__PURE__ */ jsxs("div", {
-						className: "flex items-center",
-						children: [/* @__PURE__ */ jsx("div", {
-							className: "font-semibold leading-none",
-							children: title
-						}), /* @__PURE__ */ jsx(InfoTooltip, { content: tooltip })]
-					}), description && /* @__PURE__ */ jsxs("div", {
-						className: "flex items-center",
-						children: [/* @__PURE__ */ jsx("div", {
-							className: "text-sm text-lt-muted-fg",
-							children: description
-						}), !title && /* @__PURE__ */ jsx(InfoTooltip, { content: tooltip })]
-					})]
-				})]
-			}), headerActions.length > 0 && /* @__PURE__ */ jsx("div", {
-				className: "flex shrink-0 items-center gap-2",
-				children: /* @__PURE__ */ jsx(Renderer, { nodes: headerActions })
-			})]
-		}), !isCollapsed && children && /* @__PURE__ */ jsx("div", {
-			className: "flex flex-col gap-6 px-lt-gutter",
-			children
-		})]
-	});
-};
-//#endregion
-export { SectionComponent as default };
-
-//# sourceMappingURL=section.js.map

package/dist/ui/section.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"section.js","names":[],"sources":["../../resources/js/ui/section.tsx"],"sourcesContent":["import { Icon } from \"@lattice-php/lattice/icons\";\nimport { Renderer } from \"@lattice-php/lattice/core/renderer\";\nimport { nodeIdentity, prefixedTestId } from \"@lattice-php/lattice/core/test-id\";\nimport { toNodes } from \"@lattice-php/lattice/core/nodes\";\nimport type { RendererComponent } from \"@lattice-php/lattice/core/types\";\nimport { cn } from \"@lattice-php/lattice/lib/utils\";\nimport { InfoTooltip } from \"./info-tooltip\";\nimport { useCollapsibleState } from \"./use-collapsible-state\";\n\nconst SectionComponent: RendererComponent<\"section\"> = ({ children, node }) => {\n  const { title, description, tooltip } = node.props;\n  const collapsible = node.props.collapsible === true;\n  const rememberState = node.props.rememberState !== false;\n  const headerActions = toNodes(node.props.headerActions);\n  const identity = nodeIdentity(node);\n  const storageKey = `lattice:section:${identity ?? \"default\"}`;\n\n  const [collapsed, toggle] = useCollapsibleState(\n    storageKey,\n    node.props.collapsed === true,\n    collapsible && rememberState,\n  );\n\n  const isCollapsed = collapsible && collapsed;\n  const hasHeader = Boolean(title || description || headerActions.length > 0 || collapsible);\n\n  return (\n    <section\n      data-slot=\"section\"\n      className=\"flex flex-col gap-6 rounded-lt border border-lt-border bg-lt-surface py-lt-gutter text-lt-surface-fg shadow-lt-sm\"\n      data-lattice-component={identity}\n    >\n      {hasHeader && (\n        <div className=\"flex items-start justify-between gap-4 px-lt-gutter\">\n          <div className=\"flex min-w-0 items-start gap-2\">\n            {collapsible && (\n              <button\n                aria-expanded={!isCollapsed}\n                aria-label={isCollapsed ? \"Expand section\" : \"Collapse section\"}\n                data-test={prefixedTestId(\"section-toggle\", identity) ?? \"section-toggle-default\"}\n                className=\"mt-0.5 inline-flex shrink-0 items-center rounded-lt-sm p-0.5 text-lt-muted-fg transition-colors hover:bg-lt-muted hover:text-lt-fg\"\n                onClick={toggle}\n                type=\"button\"\n              >\n                <Icon\n                  name=\"chevron-down\"\n                  className={cn(\n                    \"size-lt-icon-md transition-transform\",\n                    isCollapsed && \"-rotate-90\",\n                  )}\n                />\n              </button>\n            )}\n            <div className=\"flex min-w-0 flex-col gap-1.5\">\n              {title && (\n                <div className=\"flex items-center\">\n                  <div className=\"font-semibold leading-none\">{title}</div>\n                  <InfoTooltip content={tooltip} />\n                </div>\n              )}\n              {description && (\n                <div className=\"flex items-center\">\n                  <div className=\"text-sm text-lt-muted-fg\">{description}</div>\n                  {!title && <InfoTooltip content={tooltip} />}\n                </div>\n              )}\n            </div>\n          </div>\n\n          {headerActions.length > 0 && (\n            <div className=\"flex shrink-0 items-center gap-2\">\n              <Renderer nodes={headerActions} />\n            </div>\n          )}\n        </div>\n      )}\n\n      {!isCollapsed && children && (\n        <div className=\"flex flex-col gap-6 px-lt-gutter\">{children}</div>\n      )}\n    </section>\n  );\n};\n\nexport default SectionComponent;\n"],"mappings":";;;;;;;;;AASA,IAAM,oBAAkD,EAAE,UAAU,WAAW;CAC7E,MAAM,EAAE,OAAO,aAAa,YAAY,KAAK;CAC7C,MAAM,cAAc,KAAK,MAAM,gBAAgB;CAC/C,MAAM,gBAAgB,KAAK,MAAM,kBAAkB;CACnD,MAAM,gBAAgB,QAAQ,KAAK,MAAM,aAAa;CACtD,MAAM,WAAW,aAAa,IAAI;CAClC,MAAM,aAAa,mBAAmB,YAAY;CAElD,MAAM,CAAC,WAAW,UAAU,oBAC1B,YACA,KAAK,MAAM,cAAc,MACzB,eAAe,aACjB;CAEA,MAAM,cAAc,eAAe;CACnC,MAAM,YAAY,QAAQ,SAAS,eAAe,cAAc,SAAS,KAAK,WAAW;CAEzF,OACE,qBAAC,WAAD;EACE,aAAU;EACV,WAAU;EACV,0BAAwB;EAH1B,UAAA,CAKG,aACC,qBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACE,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACG,eACC,oBAAC,UAAD;KACE,iBAAe,CAAC;KAChB,cAAY,cAAc,mBAAmB;KAC7C,aAAW,eAAe,kBAAkB,QAAQ,KAAK;KACzD,WAAU;KACV,SAAS;KACT,MAAK;KAEL,UAAA,oBAAC,MAAD;MACE,MAAK;MACL,WAAW,GACT,wCACA,eAAe,YACjB;KACD,CAAA;IACK,CAAA,GAEV,qBAAC,OAAD;KAAK,WAAU;KAAf,UAAA,CACG,SACC,qBAAC,OAAD;MAAK,WAAU;MAAf,UAAA,CACE,oBAAC,OAAD;OAAK,WAAU;OAA8B,UAAA;MAAW,CAAA,GACxD,oBAAC,aAAD,EAAa,SAAS,QAAU,CAAA,CAC7B;KAEN,CAAA,GAAA,eACC,qBAAC,OAAD;MAAK,WAAU;MAAf,UAAA,CACE,oBAAC,OAAD;OAAK,WAAU;OAA4B,UAAA;MAAiB,CAAA,GAC3D,CAAC,SAAS,oBAAC,aAAD,EAAa,SAAS,QAAU,CAAA,CACxC;KAEJ,CAAA,CAAA;IACF,CAAA,CAAA;GAEJ,CAAA,GAAA,cAAc,SAAS,KACtB,oBAAC,OAAD;IAAK,WAAU;IACb,UAAA,oBAAC,UAAD,EAAU,OAAO,cAAgB,CAAA;GAC9B,CAAA,CAEJ;EAGN,CAAA,GAAA,CAAC,eAAe,YACf,oBAAC,OAAD;GAAK,WAAU;GAAoC;EAAc,CAAA,CAE5D;;AAEb"}

package/dist/ui/segmented-control.d.ts

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

package/dist/ui/segmented-control.js

@@ -1,27 +0,0 @@
-import { SegmentedPills } from "./segmented-pills.js";
-import { useState } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region resources/js/ui/segmented-control.tsx
-var SegmentedControlComponent = ({ node }) => {
-	const { options, name, emits } = node.props;
-	const [value, setValue] = useState(node.props.value || options[0]?.value || "");
-	if (options.length === 0) return null;
-	function select(next) {
-		setValue(next);
-		if (emits) window.dispatchEvent(new CustomEvent(emits, { detail: {
-			name,
-			value: next
-		} }));
-	}
-	return /* @__PURE__ */ jsx(SegmentedPills, {
-		ariaLabel: node.props.label ?? void 0,
-		name,
-		onSelect: select,
-		options,
-		value
-	});
-};
-//#endregion
-export { SegmentedControlComponent as default };
-
-//# sourceMappingURL=segmented-control.js.map

package/dist/ui/segmented-control.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"segmented-control.js","names":[],"sources":["../../resources/js/ui/segmented-control.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport type { RendererComponent } from \"@lattice-php/lattice/core/types\";\nimport { SegmentedPills } from \"./segmented-pills\";\n\nconst SegmentedControlComponent: RendererComponent<\"segmented-control\"> = ({ node }) => {\n  const { options, name, emits } = node.props;\n  const [value, setValue] = useState(node.props.value || options[0]?.value || \"\");\n\n  if (options.length === 0) {\n    return null;\n  }\n\n  function select(next: string): void {\n    setValue(next);\n\n    if (emits) {\n      window.dispatchEvent(new CustomEvent(emits, { detail: { name, value: next } }));\n    }\n  }\n\n  return (\n    <SegmentedPills\n      ariaLabel={node.props.label ?? undefined}\n      name={name}\n      onSelect={select}\n      options={options}\n      value={value}\n    />\n  );\n};\n\nexport default SegmentedControlComponent;\n"],"mappings":";;;;AAIA,IAAM,6BAAqE,EAAE,WAAW;CACtF,MAAM,EAAE,SAAS,MAAM,UAAU,KAAK;CACtC,MAAM,CAAC,OAAO,YAAY,SAAS,KAAK,MAAM,SAAS,QAAQ,EAAE,EAAE,SAAS,EAAE;CAE9E,IAAI,QAAQ,WAAW,GACrB,OAAO;CAGT,SAAS,OAAO,MAAoB;EAClC,SAAS,IAAI;EAEb,IAAI,OACF,OAAO,cAAc,IAAI,YAAY,OAAO,EAAE,QAAQ;GAAE;GAAM,OAAO;EAAK,EAAE,CAAC,CAAC;CAElF;CAEA,OACE,oBAAC,gBAAD;EACE,WAAW,KAAK,MAAM,SAAS,KAAA;EACzB;EACN,UAAU;EACD;EACF;CACR,CAAA;AAEL"}

package/dist/ui/segmented-pills.d.ts

@@ -1,16 +0,0 @@
-import { ComponentProps } from 'react';
-import { Option } from '../core/types.js';
-/**
- * Presentational segmented pill group. Used by the form choice field (bound to a
- * form value) and the core segmented control (standalone, emits an event).
- */
-export declare function SegmentedPills({ ariaLabel, autoFocus, className, disabled, name, onSelect, options, tabIndex, value, ...props }: Omit<ComponentProps<"div">, "children" | "onSelect" | "ref"> & {
-    ariaLabel?: string;
-    autoFocus?: boolean;
-    disabled?: boolean;
-    name: string;
-    onSelect: (value: string) => void;
-    options: Option[];
-    tabIndex?: number;
-    value: string;
-}): import("react").JSX.Element;