@lattice-php/lattice 0.38.0 → 0.40.0

package/dist/ui/segmented-pills.js

@@ -1,42 +0,0 @@
-import { cn } from "../lib/utils.js";
-import { pillClassName } from "./pill.js";
-import { useEffect, useRef } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region resources/js/ui/segmented-pills.tsx
-/**
-* Presentational segmented pill group. Used by the form choice field (bound to a
-* form value) and the core segmented control (standalone, emits an event).
-*/
-function SegmentedPills({ ariaLabel, autoFocus = false, className, disabled = false, name, onSelect, options, tabIndex, value, ...props }) {
-	const groupRef = useRef(null);
-	useEffect(() => {
-		if (!autoFocus) return;
-		const group = groupRef.current;
-		(group?.querySelector("button[aria-checked=\"true\"]") ?? group?.querySelector("button"))?.focus();
-	}, [autoFocus]);
-	return /* @__PURE__ */ jsx("div", {
-		...props,
-		"aria-label": ariaLabel,
-		className: cn("inline-flex w-fit max-w-full gap-1 overflow-x-auto rounded-lt bg-lt-muted p-1", className),
-		ref: groupRef,
-		role: "radiogroup",
-		children: options.map((option) => {
-			const isSelected = value === option.value;
-			return /* @__PURE__ */ jsx("button", {
-				"aria-checked": isSelected,
-				"data-test": `${name}-${option.value}`,
-				className: cn(pillClassName(isSelected), disabled && "cursor-not-allowed opacity-60"),
-				disabled,
-				onClick: () => onSelect(option.value),
-				role: "radio",
-				tabIndex,
-				type: "button",
-				children: option.label
-			}, option.value);
-		})
-	});
-}
-//#endregion
-export { SegmentedPills };
-
-//# sourceMappingURL=segmented-pills.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"segmented-pills.js","names":[],"sources":["../../resources/js/ui/segmented-pills.tsx"],"sourcesContent":["import { type ComponentProps, useEffect, useRef } from \"react\";\nimport type { Option } from \"@lattice-php/lattice/core/types\";\nimport { cn } from \"@lattice-php/lattice/lib/utils\";\nimport { pillClassName } from \"./pill\";\n\n/**\n * Presentational segmented pill group. Used by the form choice field (bound to a\n * form value) and the core segmented control (standalone, emits an event).\n */\nexport function SegmentedPills({\n  ariaLabel,\n  autoFocus = false,\n  className,\n  disabled = false,\n  name,\n  onSelect,\n  options,\n  tabIndex,\n  value,\n  ...props\n}: Omit<ComponentProps<\"div\">, \"children\" | \"onSelect\" | \"ref\"> & {\n  ariaLabel?: string;\n  autoFocus?: boolean;\n  disabled?: boolean;\n  name: string;\n  onSelect: (value: string) => void;\n  options: Option[];\n  tabIndex?: number;\n  value: string;\n}) {\n  const groupRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!autoFocus) {\n      return;\n    }\n\n    const group = groupRef.current;\n    const target =\n      group?.querySelector<HTMLButtonElement>('button[aria-checked=\"true\"]') ??\n      group?.querySelector<HTMLButtonElement>(\"button\");\n\n    target?.focus();\n  }, [autoFocus]);\n\n  return (\n    <div\n      {...props}\n      aria-label={ariaLabel}\n      className={cn(\n        \"inline-flex w-fit max-w-full gap-1 overflow-x-auto rounded-lt bg-lt-muted p-1\",\n        className,\n      )}\n      ref={groupRef}\n      role=\"radiogroup\"\n    >\n      {options.map((option) => {\n        const isSelected = value === option.value;\n\n        return (\n          <button\n            aria-checked={isSelected}\n            data-test={`${name}-${option.value}`}\n            className={cn(pillClassName(isSelected), disabled && \"cursor-not-allowed opacity-60\")}\n            disabled={disabled}\n            key={option.value}\n            onClick={() => onSelect(option.value)}\n            role=\"radio\"\n            tabIndex={tabIndex}\n            type=\"button\"\n          >\n            {option.label}\n          </button>\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;AASA,SAAgB,eAAe,EAC7B,WACA,YAAY,OACZ,WACA,WAAW,OACX,MACA,UACA,SACA,UACA,OACA,GAAG,SAUF;CACD,MAAM,WAAW,OAAuB,IAAI;CAE5C,gBAAgB;EACd,IAAI,CAAC,WACH;EAGF,MAAM,QAAQ,SAAS;EAKvB,CAHE,OAAO,cAAiC,+BAA6B,KACrE,OAAO,cAAiC,QAAQ,EAAA,EAE1C,MAAM;CAChB,GAAG,CAAC,SAAS,CAAC;CAEd,OACE,oBAAC,OAAD;EACE,GAAI;EACJ,cAAY;EACZ,WAAW,GACT,iFACA,SACF;EACA,KAAK;EACL,MAAK;EAEJ,UAAA,QAAQ,KAAK,WAAW;GACvB,MAAM,aAAa,UAAU,OAAO;GAEpC,OACE,oBAAC,UAAD;IACE,gBAAc;IACd,aAAW,GAAG,KAAK,GAAG,OAAO;IAC7B,WAAW,GAAG,cAAc,UAAU,GAAG,YAAY,+BAA+B;IAC1E;IAEV,eAAe,SAAS,OAAO,KAAK;IACpC,MAAK;IACK;IACV,MAAK;IAEJ,UAAA,OAAO;GACF,GAPD,OAAO,KAON;EAEZ,CAAC;CACE,CAAA;AAET"}

package/dist/ui/separator.d.ts

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

package/dist/ui/separator.js

@@ -1,15 +0,0 @@
-import { cn } from "../lib/utils.js";
-import { jsx } from "react/jsx-runtime";
-//#region resources/js/ui/separator.tsx
-var SeparatorComponent = ({ node }) => {
-	const horizontal = node.props.orientation === "horizontal";
-	return /* @__PURE__ */ jsx("div", {
-		role: "separator",
-		"aria-orientation": node.props.orientation,
-		className: cn("shrink-0 bg-lt-border", horizontal ? "h-px w-full" : "h-full w-px self-stretch")
-	});
-};
-//#endregion
-export { SeparatorComponent as default };
-
-//# sourceMappingURL=separator.js.map

package/dist/ui/separator.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"separator.js","names":[],"sources":["../../resources/js/ui/separator.tsx"],"sourcesContent":["import type { RendererComponent } from \"@lattice-php/lattice/core/types\";\nimport { cn } from \"@lattice-php/lattice/lib/utils\";\n\nconst SeparatorComponent: RendererComponent<\"separator\"> = ({ node }) => {\n  const horizontal = node.props.orientation === \"horizontal\";\n\n  return (\n    <div\n      role=\"separator\"\n      aria-orientation={node.props.orientation}\n      className={cn(\n        \"shrink-0 bg-lt-border\",\n        horizontal ? \"h-px w-full\" : \"h-full w-px self-stretch\",\n      )}\n    />\n  );\n};\n\nexport default SeparatorComponent;\n"],"mappings":";;;AAGA,IAAM,sBAAsD,EAAE,WAAW;CACvE,MAAM,aAAa,KAAK,MAAM,gBAAgB;CAE9C,OACE,oBAAC,OAAD;EACE,MAAK;EACL,oBAAkB,KAAK,MAAM;EAC7B,WAAW,GACT,yBACA,aAAa,gBAAgB,0BAC/B;CACD,CAAA;AAEL"}

package/dist/ui/skeleton.d.ts

@@ -1,3 +0,0 @@
-import * as React from "react";
-declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-export { Skeleton };

package/dist/ui/skeleton.js

@@ -1,16 +0,0 @@
-import { cn } from "../lib/utils.js";
-import "react";
-import { jsx } from "react/jsx-runtime";
-//#region resources/js/ui/skeleton.tsx
-function Skeleton({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"aria-hidden": "true",
-		className: cn("animate-pulse rounded-lt-sm bg-lt-muted", className),
-		"data-slot": "skeleton",
-		...props
-	});
-}
-//#endregion
-export { Skeleton };
-
-//# sourceMappingURL=skeleton.js.map

package/dist/ui/skeleton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"skeleton.js","names":[],"sources":["../../resources/js/ui/skeleton.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@lattice-php/lattice/lib/utils\";\n\nfunction Skeleton({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      aria-hidden=\"true\"\n      className={cn(\"animate-pulse rounded-lt-sm bg-lt-muted\", className)}\n      data-slot=\"skeleton\"\n      {...props}\n    />\n  );\n}\n\nexport { Skeleton };\n"],"mappings":";;;;AAGA,SAAS,SAAS,EAAE,WAAW,GAAG,SAAsC;CACtE,OACE,oBAAC,OAAD;EACE,eAAY;EACZ,WAAW,GAAG,2CAA2C,SAAS;EAClE,aAAU;EACV,GAAI;CACL,CAAA;AAEL"}

package/dist/ui/spinner.d.ts

@@ -1,2 +0,0 @@
-declare function Spinner({ className, ...props }: React.ComponentProps<"svg">): import("react").JSX.Element;
-export { Spinner };

package/dist/ui/spinner.js

@@ -1,20 +0,0 @@
-import { useT } from "../i18n/instance.js";
-import { cn } from "../lib/utils.js";
-import { Icon } from "../icons/sprite.js";
-import { jsx } from "react/jsx-runtime";
-//#region resources/js/ui/spinner.tsx
-function Spinner({ className, ...props }) {
-	const { t } = useT("lattice");
-	return /* @__PURE__ */ jsx(Icon, {
-		name: "loader-2",
-		role: "status",
-		"aria-label": t("common.loading", "Loading"),
-		"aria-hidden": false,
-		className: cn("animate-spin", className),
-		...props
-	});
-}
-//#endregion
-export { Spinner };
-
-//# sourceMappingURL=spinner.js.map

package/dist/ui/spinner.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"spinner.js","names":[],"sources":["../../resources/js/ui/spinner.tsx"],"sourcesContent":["import { Icon } from \"@lattice-php/lattice/icons\";\nimport { cn } from \"@lattice-php/lattice/lib/utils\";\nimport { useT } from \"@lattice-php/lattice/i18n\";\n\nfunction Spinner({ className, ...props }: React.ComponentProps<\"svg\">) {\n  const { t } = useT(\"lattice\");\n\n  return (\n    <Icon\n      name=\"loader-2\"\n      role=\"status\"\n      aria-label={t(\"common.loading\", \"Loading\")}\n      aria-hidden={false}\n      className={cn(\"animate-spin\", className)}\n      {...props}\n    />\n  );\n}\n\nexport { Spinner };\n"],"mappings":";;;;;AAIA,SAAS,QAAQ,EAAE,WAAW,GAAG,SAAsC;CACrE,MAAM,EAAE,MAAM,KAAK,SAAS;CAE5B,OACE,oBAAC,MAAD;EACE,MAAK;EACL,MAAK;EACL,cAAY,EAAE,kBAAkB,SAAS;EACzC,eAAa;EACb,WAAW,GAAG,gBAAgB,SAAS;EACvC,GAAI;CACL,CAAA;AAEL"}

package/dist/ui/stack.d.ts

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

package/dist/ui/stack.js

@@ -1,66 +0,0 @@
-import { cn } from "../lib/utils.js";
-import { nodeIdentity } from "../core/test-id.js";
-import { jsx } from "react/jsx-runtime";
-//#region resources/js/ui/stack.tsx
-var gridAlignments = {
-	center: "justify-items-center text-center",
-	start: "justify-items-start text-left",
-	stretch: "justify-items-stretch"
-};
-var flexAlignments = {
-	center: "items-center text-center",
-	start: "items-center text-left",
-	stretch: "items-stretch justify-stretch"
-};
-var stackGaps = {
-	none: "gap-0",
-	xs: "gap-1",
-	lg: "gap-6",
-	md: "gap-4",
-	sm: "gap-2",
-	xl: "gap-8"
-};
-var stackWidths = {
-	auto: "w-auto",
-	fill: "min-w-0 flex-1",
-	full: "w-full",
-	lg: "mx-auto w-full max-w-4xl",
-	md: "mx-auto w-full max-w-2xl",
-	sm: "mx-auto w-full max-w-md"
-};
-var justifyClasses = {
-	around: "justify-around",
-	between: "justify-between",
-	center: "justify-center",
-	end: "justify-end",
-	evenly: "justify-evenly",
-	start: "justify-start"
-};
-var stackHeights = {
-	full: "h-full",
-	screen: "min-h-screen"
-};
-var floatClasses = {
-	end: "ml-auto",
-	start: "mr-auto"
-};
-var StackComponent = ({ children, node }) => {
-	const align = node.props.align ?? "stretch";
-	const direction = node.props.direction ?? "column";
-	const gap = node.props.gap ?? "md";
-	const width = node.props.width ?? "full";
-	const justify = node.props.justify;
-	const height = node.props.height;
-	const float = node.props.float;
-	const isFlex = direction === "row" || justify != null;
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "stack",
-		"data-lattice-component": nodeIdentity(node),
-		className: cn(isFlex ? cn("flex", direction === "row" ? "flex-wrap" : "flex-col") : "grid content-start", isFlex ? flexAlignments[align] ?? flexAlignments.stretch : gridAlignments[align] ?? gridAlignments.stretch, stackGaps[gap] ?? stackGaps.md, stackWidths[width] ?? stackWidths.full, justify ? justifyClasses[justify] : null, height ? stackHeights[height] : null, float ? floatClasses[float] : null),
-		children
-	});
-};
-//#endregion
-export { StackComponent as default };
-
-//# sourceMappingURL=stack.js.map

package/dist/ui/stack.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"stack.js","names":[],"sources":["../../resources/js/ui/stack.tsx"],"sourcesContent":["import type { RendererComponent } from \"@lattice-php/lattice/core/types\";\nimport { cn } from \"@lattice-php/lattice/lib/utils\";\nimport { nodeIdentity } from \"@lattice-php/lattice/core/test-id\";\n\nconst gridAlignments: Record<string, string> = {\n  center: \"justify-items-center text-center\",\n  start: \"justify-items-start text-left\",\n  stretch: \"justify-items-stretch\",\n};\n\nconst flexAlignments: Record<string, string> = {\n  center: \"items-center text-center\",\n  start: \"items-center text-left\",\n  stretch: \"items-stretch justify-stretch\",\n};\n\nconst stackGaps: Record<string, string> = {\n  none: \"gap-0\",\n  xs: \"gap-1\",\n  lg: \"gap-6\",\n  md: \"gap-4\",\n  sm: \"gap-2\",\n  xl: \"gap-8\",\n};\n\nconst stackWidths: Record<string, string> = {\n  auto: \"w-auto\",\n  fill: \"min-w-0 flex-1\",\n  full: \"w-full\",\n  lg: \"mx-auto w-full max-w-4xl\",\n  md: \"mx-auto w-full max-w-2xl\",\n  sm: \"mx-auto w-full max-w-md\",\n};\n\nconst justifyClasses: Record<string, string> = {\n  around: \"justify-around\",\n  between: \"justify-between\",\n  center: \"justify-center\",\n  end: \"justify-end\",\n  evenly: \"justify-evenly\",\n  start: \"justify-start\",\n};\n\nconst stackHeights: Record<string, string> = {\n  full: \"h-full\",\n  screen: \"min-h-screen\",\n};\n\nconst floatClasses: Record<string, string> = {\n  end: \"ml-auto\",\n  start: \"mr-auto\",\n};\n\nconst StackComponent: RendererComponent<\"stack\"> = ({ children, node }) => {\n  const align = node.props.align ?? \"stretch\";\n  const direction = node.props.direction ?? \"column\";\n  const gap = node.props.gap ?? \"md\";\n  const width = node.props.width ?? \"full\";\n  const justify = node.props.justify;\n  const height = node.props.height;\n  const float = node.props.float;\n  const isFlex = direction === \"row\" || justify != null;\n\n  return (\n    <div\n      data-slot=\"stack\"\n      data-lattice-component={nodeIdentity(node)}\n      className={cn(\n        isFlex ? cn(\"flex\", direction === \"row\" ? \"flex-wrap\" : \"flex-col\") : \"grid content-start\",\n        isFlex\n          ? (flexAlignments[align] ?? flexAlignments.stretch)\n          : (gridAlignments[align] ?? gridAlignments.stretch),\n        stackGaps[gap] ?? stackGaps.md,\n        stackWidths[width] ?? stackWidths.full,\n        justify ? justifyClasses[justify] : null,\n        height ? stackHeights[height] : null,\n        float ? floatClasses[float] : null,\n      )}\n    >\n      {children}\n    </div>\n  );\n};\n\nexport default StackComponent;\n"],"mappings":";;;;AAIA,IAAM,iBAAyC;CAC7C,QAAQ;CACR,OAAO;CACP,SAAS;AACX;AAEA,IAAM,iBAAyC;CAC7C,QAAQ;CACR,OAAO;CACP,SAAS;AACX;AAEA,IAAM,YAAoC;CACxC,MAAM;CACN,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAM,cAAsC;CAC1C,MAAM;CACN,MAAM;CACN,MAAM;CACN,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAM,iBAAyC;CAC7C,QAAQ;CACR,SAAS;CACT,QAAQ;CACR,KAAK;CACL,QAAQ;CACR,OAAO;AACT;AAEA,IAAM,eAAuC;CAC3C,MAAM;CACN,QAAQ;AACV;AAEA,IAAM,eAAuC;CAC3C,KAAK;CACL,OAAO;AACT;AAEA,IAAM,kBAA8C,EAAE,UAAU,WAAW;CACzE,MAAM,QAAQ,KAAK,MAAM,SAAS;CAClC,MAAM,YAAY,KAAK,MAAM,aAAa;CAC1C,MAAM,MAAM,KAAK,MAAM,OAAO;CAC9B,MAAM,QAAQ,KAAK,MAAM,SAAS;CAClC,MAAM,UAAU,KAAK,MAAM;CAC3B,MAAM,SAAS,KAAK,MAAM;CAC1B,MAAM,QAAQ,KAAK,MAAM;CACzB,MAAM,SAAS,cAAc,SAAS,WAAW;CAEjD,OACE,oBAAC,OAAD;EACE,aAAU;EACV,0BAAwB,aAAa,IAAI;EACzC,WAAW,GACT,SAAS,GAAG,QAAQ,cAAc,QAAQ,cAAc,UAAU,IAAI,sBACtE,SACK,eAAe,UAAU,eAAe,UACxC,eAAe,UAAU,eAAe,SAC7C,UAAU,QAAQ,UAAU,IAC5B,YAAY,UAAU,YAAY,MAClC,UAAU,eAAe,WAAW,MACpC,SAAS,aAAa,UAAU,MAChC,QAAQ,aAAa,SAAS,IAChC;EAEC;CACE,CAAA;AAET"}

package/dist/ui/tabs.d.ts

@@ -1,4 +0,0 @@
-import { RendererComponent } from '../core/types.js';
-export declare const TabsComponent: RendererComponent<"tabs">;
-declare const TabComponent: RendererComponent<"tab">;
-export default TabComponent;

package/dist/ui/tabs.js

@@ -1,149 +0,0 @@
-import { useT } from "../i18n/instance.js";
-import { cn } from "../lib/utils.js";
-import { pillClassName } from "./pill.js";
-import { router } from "@inertiajs/react";
-import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region resources/js/ui/tabs.tsx
-var TabsContext = createContext(null);
-function useTabsContext() {
-	const context = useContext(TabsContext);
-	if (!context) return {
-		activeValue: "",
-		setActiveValue: () => {}
-	};
-	return context;
-}
-function getTabs(node) {
-	return (node.schema ?? []).filter((child) => child.type === "tab").map((child) => {
-		const props = child.props;
-		return {
-			confirm: props.confirm ? { required: props.confirm.required } : void 0,
-			label: props.label,
-			value: props.value
-		};
-	}).filter((tab) => tab.value !== "");
-}
-function queryValue(queryKey, tabs) {
-	if (typeof window === "undefined") return null;
-	const value = new URLSearchParams(window.location.search).get(queryKey);
-	if (!value || !tabs.some((tab) => tab.value === value)) return null;
-	return value;
-}
-function replaceQueryValue(queryKey, value) {
-	if (typeof window === "undefined") return;
-	const url = new URL(window.location.href);
-	url.searchParams.set(queryKey, value);
-	window.history.replaceState(window.history.state, "", `${url.pathname}${url.search}${url.hash}`);
-}
-function queryUrl(queryKey, value) {
-	if (typeof window === "undefined") return "";
-	const url = new URL(window.location.href);
-	url.searchParams.set(queryKey, value);
-	return `${url.pathname}${url.search}${url.hash}`;
-}
-var TabsComponent = ({ children, node }) => {
-	const { t } = useT("lattice");
-	const tabs = useMemo(() => getTabs(node), [node]);
-	const firstValue = tabs[0]?.value ?? "";
-	const queryKey = node.props.queryKey;
-	const orientation = node.props.orientation;
-	const isVertical = orientation === "vertical";
-	const alignment = node.props.alignment;
-	const isStretched = !isVertical && alignment === "stretch";
-	const serverActiveValue = node.props.activeValue;
-	const defaultValue = node.props.defaultValue ?? firstValue;
-	const tablistRef = useRef(null);
-	const [activeValue, setActiveTabValue] = useState(() => serverActiveValue || (queryValue(queryKey, tabs) ?? defaultValue) || firstValue);
-	const selectTab = useCallback((tab) => {
-		if (tab.confirm?.required) {
-			router.visit(queryUrl(queryKey, tab.value), { preserveScroll: true });
-			return;
-		}
-		setActiveTabValue(tab.value);
-		replaceQueryValue(queryKey, tab.value);
-	}, [queryKey]);
-	const selectTabValue = useCallback((value) => {
-		const tab = tabs.find((item) => item.value === value);
-		if (tab) selectTab(tab);
-	}, [selectTab, tabs]);
-	const contextValue = useMemo(() => ({
-		activeValue,
-		setActiveValue: selectTabValue
-	}), [activeValue, selectTabValue]);
-	function onTablistKeyDown(event) {
-		const nextKey = isVertical ? "ArrowDown" : "ArrowRight";
-		const prevKey = isVertical ? "ArrowUp" : "ArrowLeft";
-		if (event.key !== nextKey && event.key !== prevKey && event.key !== "Home" && event.key !== "End") return;
-		const buttons = Array.from(tablistRef.current?.querySelectorAll("[role=\"tab\"]") ?? []);
-		if (buttons.length === 0) return;
-		event.preventDefault();
-		const current = buttons.indexOf(document.activeElement);
-		let index;
-		if (event.key === "Home") index = 0;
-		else if (event.key === "End") index = buttons.length - 1;
-		else {
-			const delta = event.key === nextKey ? 1 : -1;
-			index = ((current < 0 ? 0 : current) + delta + buttons.length) % buttons.length;
-		}
-		buttons[index]?.focus();
-	}
-	return /* @__PURE__ */ jsx(TabsContext.Provider, {
-		value: contextValue,
-		children: /* @__PURE__ */ jsxs("div", {
-			className: cn("gap-6", isVertical ? cn("flex", alignment === "end" && "flex-row-reverse") : "grid"),
-			"data-lattice-tabs": node.key ?? node.id,
-			children: [/* @__PURE__ */ jsx("div", {
-				"aria-label": t("common.tabs", "Tabs"),
-				"aria-orientation": orientation,
-				className: cn("gap-1 rounded-lt bg-lt-muted p-1", isVertical && "flex flex-col", isStretched && "flex w-full", !isVertical && !isStretched && cn("inline-flex w-fit max-w-full overflow-x-auto", {
-					"justify-self-center": alignment === "center",
-					"justify-self-end": alignment === "end"
-				})),
-				ref: tablistRef,
-				role: "tablist",
-				children: tabs.map((tab) => {
-					const isActive = activeValue === tab.value;
-					return /* @__PURE__ */ jsx("button", {
-						"aria-controls": `${tab.value}-panel`,
-						"aria-selected": isActive,
-						"data-test": `tab-${tab.value}`,
-						className: cn(pillClassName(isActive), isVertical && "text-left", isStretched && "flex-1"),
-						id: `${tab.value}-tab`,
-						onClick: () => selectTab(tab),
-						onKeyDown: onTablistKeyDown,
-						role: "tab",
-						tabIndex: isActive ? 0 : -1,
-						type: "button",
-						children: tab.label
-					}, tab.value);
-				})
-			}), /* @__PURE__ */ jsx("div", {
-				className: cn("min-w-0", isVertical && "flex-1"),
-				children
-			})]
-		})
-	});
-};
-var TabComponent = ({ children, node }) => {
-	const { activeValue } = useTabsContext();
-	const value = node.props.value;
-	const isActive = activeValue === value;
-	const [hasOpened, setHasOpened] = useState(isActive);
-	useEffect(() => {
-		if (isActive) setHasOpened(true);
-	}, [isActive]);
-	return /* @__PURE__ */ jsx("section", {
-		"aria-labelledby": `${value}-tab`,
-		className: cn("space-y-8", !isActive && "hidden"),
-		hidden: !isActive,
-		id: `${value}-panel`,
-		role: "tabpanel",
-		tabIndex: 0,
-		children: hasOpened ? children : null
-	});
-};
-//#endregion
-export { TabsComponent, TabComponent as default };
-
-//# sourceMappingURL=tabs.js.map

package/dist/ui/tabs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tabs.js","names":[],"sources":["../../resources/js/ui/tabs.tsx"],"sourcesContent":["import { router } from \"@inertiajs/react\";\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport type { KeyboardEvent, ReactNode } from \"react\";\nimport type { Node, RendererComponent } from \"@lattice-php/lattice/core/types\";\nimport type { Tab } from \"@lattice-php/lattice/types/generated\";\nimport { cn } from \"@lattice-php/lattice/lib/utils\";\nimport { pillClassName } from \"./pill\";\nimport { useT } from \"@lattice-php/lattice/i18n\";\n\ntype TabsContextValue = {\n  activeValue: string;\n  setActiveValue: (value: string) => void;\n};\n\nconst TabsContext = createContext<TabsContextValue | null>(null);\n\nfunction useTabsContext(): TabsContextValue {\n  const context = useContext(TabsContext);\n\n  if (!context) {\n    return {\n      activeValue: \"\",\n      setActiveValue: () => {},\n    };\n  }\n\n  return context;\n}\n\ntype TabItem = {\n  confirm?: {\n    required?: boolean;\n  };\n  label: string;\n  value: string;\n};\n\nfunction getTabs(node: Node): TabItem[] {\n  return (node.schema ?? [])\n    .filter((child) => child.type === \"tab\")\n    .map((child) => {\n      const props = child.props as unknown as Tab;\n\n      return {\n        confirm: props.confirm ? { required: props.confirm.required } : undefined,\n        label: props.label,\n        value: props.value,\n      };\n    })\n    .filter((tab) => tab.value !== \"\");\n}\n\nfunction queryValue(queryKey: string, tabs: Array<{ value: string }>): string | null {\n  if (typeof window === \"undefined\") {\n    return null;\n  }\n\n  const value = new URLSearchParams(window.location.search).get(queryKey);\n\n  if (!value || !tabs.some((tab) => tab.value === value)) {\n    return null;\n  }\n\n  return value;\n}\n\nfunction replaceQueryValue(queryKey: string, value: string): void {\n  if (typeof window === \"undefined\") {\n    return;\n  }\n\n  const url = new URL(window.location.href);\n  url.searchParams.set(queryKey, value);\n  window.history.replaceState(window.history.state, \"\", `${url.pathname}${url.search}${url.hash}`);\n}\n\nfunction queryUrl(queryKey: string, value: string): string {\n  if (typeof window === \"undefined\") {\n    return \"\";\n  }\n\n  const url = new URL(window.location.href);\n  url.searchParams.set(queryKey, value);\n\n  return `${url.pathname}${url.search}${url.hash}`;\n}\n\nexport const TabsComponent: RendererComponent<\"tabs\"> = ({ children, node }) => {\n  const { t } = useT(\"lattice\");\n  const tabs = useMemo(() => getTabs(node), [node]);\n  const firstValue = tabs[0]?.value ?? \"\";\n  const queryKey = node.props.queryKey;\n  const orientation = node.props.orientation;\n  const isVertical = orientation === \"vertical\";\n  const alignment = node.props.alignment;\n  const isStretched = !isVertical && alignment === \"stretch\";\n  const serverActiveValue = node.props.activeValue;\n  const defaultValue = node.props.defaultValue ?? firstValue;\n  const tablistRef = useRef<HTMLDivElement>(null);\n  const [activeValue, setActiveTabValue] = useState(\n    () => serverActiveValue || (queryValue(queryKey, tabs) ?? defaultValue) || firstValue,\n  );\n\n  const selectTab = useCallback(\n    (tab: TabItem): void => {\n      if (tab.confirm?.required) {\n        router.visit(queryUrl(queryKey, tab.value), {\n          preserveScroll: true,\n        });\n\n        return;\n      }\n\n      setActiveTabValue(tab.value);\n      replaceQueryValue(queryKey, tab.value);\n    },\n    [queryKey],\n  );\n\n  const selectTabValue = useCallback(\n    (value: string): void => {\n      const tab = tabs.find((item) => item.value === value);\n\n      if (tab) {\n        selectTab(tab);\n      }\n    },\n    [selectTab, tabs],\n  );\n\n  const contextValue = useMemo(\n    () => ({ activeValue, setActiveValue: selectTabValue }),\n    [activeValue, selectTabValue],\n  );\n\n  function onTablistKeyDown(event: KeyboardEvent<HTMLButtonElement>): void {\n    const nextKey = isVertical ? \"ArrowDown\" : \"ArrowRight\";\n    const prevKey = isVertical ? \"ArrowUp\" : \"ArrowLeft\";\n\n    if (\n      event.key !== nextKey &&\n      event.key !== prevKey &&\n      event.key !== \"Home\" &&\n      event.key !== \"End\"\n    ) {\n      return;\n    }\n\n    const buttons = Array.from(\n      tablistRef.current?.querySelectorAll<HTMLButtonElement>('[role=\"tab\"]') ?? [],\n    );\n\n    if (buttons.length === 0) {\n      return;\n    }\n\n    event.preventDefault();\n    const current = buttons.indexOf(document.activeElement as HTMLButtonElement);\n\n    let index: number;\n    if (event.key === \"Home\") {\n      index = 0;\n    } else if (event.key === \"End\") {\n      index = buttons.length - 1;\n    } else {\n      const delta = event.key === nextKey ? 1 : -1;\n      const base = current < 0 ? 0 : current;\n      index = (base + delta + buttons.length) % buttons.length;\n    }\n\n    buttons[index]?.focus();\n  }\n\n  return (\n    <TabsContext.Provider value={contextValue}>\n      <div\n        className={cn(\n          \"gap-6\",\n          isVertical ? cn(\"flex\", alignment === \"end\" && \"flex-row-reverse\") : \"grid\",\n        )}\n        data-lattice-tabs={node.key ?? node.id}\n      >\n        <div\n          aria-label={t(\"common.tabs\", \"Tabs\")}\n          aria-orientation={orientation}\n          className={cn(\n            \"gap-1 rounded-lt bg-lt-muted p-1\",\n            isVertical && \"flex flex-col\",\n            isStretched && \"flex w-full\",\n            !isVertical &&\n              !isStretched &&\n              cn(\"inline-flex w-fit max-w-full overflow-x-auto\", {\n                \"justify-self-center\": alignment === \"center\",\n                \"justify-self-end\": alignment === \"end\",\n              }),\n          )}\n          ref={tablistRef}\n          role=\"tablist\"\n        >\n          {tabs.map((tab) => {\n            const isActive = activeValue === tab.value;\n\n            return (\n              <button\n                aria-controls={`${tab.value}-panel`}\n                aria-selected={isActive}\n                data-test={`tab-${tab.value}`}\n                className={cn(\n                  pillClassName(isActive),\n                  isVertical && \"text-left\",\n                  isStretched && \"flex-1\",\n                )}\n                id={`${tab.value}-tab`}\n                key={tab.value}\n                onClick={() => selectTab(tab)}\n                onKeyDown={onTablistKeyDown}\n                role=\"tab\"\n                tabIndex={isActive ? 0 : -1}\n                type=\"button\"\n              >\n                {tab.label}\n              </button>\n            );\n          })}\n        </div>\n\n        <div className={cn(\"min-w-0\", isVertical && \"flex-1\")}>{children}</div>\n      </div>\n    </TabsContext.Provider>\n  );\n};\n\nconst TabComponent: RendererComponent<\"tab\"> = ({ children, node }) => {\n  const { activeValue } = useTabsContext();\n  const value = node.props.value;\n  const isActive = activeValue === value;\n  const [hasOpened, setHasOpened] = useState(isActive);\n\n  useEffect(() => {\n    if (isActive) {\n      setHasOpened(true);\n    }\n  }, [isActive]);\n\n  return (\n    <section\n      aria-labelledby={`${value}-tab`}\n      className={cn(\"space-y-8\", !isActive && \"hidden\")}\n      hidden={!isActive}\n      id={`${value}-panel`}\n      role=\"tabpanel\"\n      tabIndex={0}\n    >\n      {hasOpened ? (children as ReactNode) : null}\n    </section>\n  );\n};\n\nexport default TabComponent;\n"],"mappings":"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"}

package/dist/ui/text.d.ts

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

package/dist/ui/text.js

@@ -1,38 +0,0 @@
-import { cn } from "../lib/utils.js";
-import { coerceColor, colorValue, namedColor } from "../lib/color.js";
-import { CopyableText } from "./copyable-text.js";
-import { jsx } from "react/jsx-runtime";
-//#region resources/js/ui/text.tsx
-var textAlignments = {
-	center: "text-center",
-	left: "text-left"
-};
-var textSizes = {
-	xs: "text-xs leading-5",
-	sm: "text-sm leading-6",
-	md: "text-base leading-7",
-	lg: "text-lg leading-8",
-	xl: "text-xl leading-8",
-	"2xl": "text-2xl leading-9",
-	"3xl": "text-3xl leading-10",
-	"4xl": "text-4xl leading-none"
-};
-var TextComponent = ({ node }) => {
-	const align = node.props.align ?? "left";
-	const color = colorValue(coerceColor(node.props.color) ?? namedColor("muted"));
-	const text = /* @__PURE__ */ jsx("p", {
-		className: cn("m-0", "max-w-2xl", textAlignments[align] ?? textAlignments.left, textSizes[node.props.size]),
-		style: { color },
-		children: node.props.text
-	});
-	if (!node.props.copyable) return text;
-	return /* @__PURE__ */ jsx(CopyableText, {
-		value: node.props.text,
-		label: node.props.text,
-		children: text
-	});
-};
-//#endregion
-export { TextComponent as default };
-
-//# sourceMappingURL=text.js.map

package/dist/ui/text.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"text.js","names":[],"sources":["../../resources/js/ui/text.tsx"],"sourcesContent":["import type { RendererComponent } from \"@lattice-php/lattice/core/types\";\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\";\nimport { CopyableText } from \"./copyable-text\";\n\nconst textAlignments: Record<string, string> = {\n  center: \"text-center\",\n  left: \"text-left\",\n};\n\nconst textSizes: Record<Size, string> = {\n  xs: \"text-xs leading-5\",\n  sm: \"text-sm leading-6\",\n  md: \"text-base leading-7\",\n  lg: \"text-lg leading-8\",\n  xl: \"text-xl leading-8\",\n  \"2xl\": \"text-2xl leading-9\",\n  \"3xl\": \"text-3xl leading-10\",\n  \"4xl\": \"text-4xl leading-none\",\n};\n\nconst TextComponent: RendererComponent<\"text\"> = ({ node }) => {\n  const align = node.props.align ?? \"left\";\n  const color = colorValue(coerceColor(node.props.color) ?? namedColor(\"muted\"));\n\n  const text = (\n    <p\n      className={cn(\n        \"m-0\",\n        \"max-w-2xl\",\n        textAlignments[align] ?? textAlignments.left,\n        textSizes[node.props.size],\n      )}\n      style={{ color }}\n    >\n      {node.props.text}\n    </p>\n  );\n\n  if (!node.props.copyable) {\n    return text;\n  }\n\n  return (\n    <CopyableText value={node.props.text} label={node.props.text}>\n      {text}\n    </CopyableText>\n  );\n};\n\nexport default TextComponent;\n"],"mappings":";;;;;AAMA,IAAM,iBAAyC;CAC7C,QAAQ;CACR,MAAM;AACR;AAEA,IAAM,YAAkC;CACtC,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,OAAO;CACP,OAAO;CACP,OAAO;AACT;AAEA,IAAM,iBAA4C,EAAE,WAAW;CAC7D,MAAM,QAAQ,KAAK,MAAM,SAAS;CAClC,MAAM,QAAQ,WAAW,YAAY,KAAK,MAAM,KAAK,KAAK,WAAW,OAAO,CAAC;CAE7E,MAAM,OACJ,oBAAC,KAAD;EACE,WAAW,GACT,OACA,aACA,eAAe,UAAU,eAAe,MACxC,UAAU,KAAK,MAAM,KACvB;EACA,OAAO,EAAE,MAAM;EAEd,UAAA,KAAK,MAAM;CACX,CAAA;CAGL,IAAI,CAAC,KAAK,MAAM,UACd,OAAO;CAGT,OACE,oBAAC,cAAD;EAAc,OAAO,KAAK,MAAM;EAAM,OAAO,KAAK,MAAM;EACrD,UAAA;CACW,CAAA;AAElB"}

package/dist/ui/textarea.d.ts

@@ -1,3 +0,0 @@
-import * as React from "react";
-declare function Textarea({ className, ...props }: React.ComponentProps<"textarea">): React.JSX.Element;
-export { Textarea };

package/dist/ui/textarea.js

@@ -1,16 +0,0 @@
-import { cn } from "../lib/utils.js";
-import { FOCUS_RING } from "./control.js";
-import "react";
-import { jsx } from "react/jsx-runtime";
-//#region resources/js/ui/textarea.tsx
-function Textarea({ className, ...props }) {
-	return /* @__PURE__ */ jsx("textarea", {
-		"data-slot": "textarea",
-		className: cn("border-lt-input placeholder:text-lt-muted-fg flex field-sizing-content min-h-16 w-full rounded-lt-sm border bg-transparent px-3 py-2 text-base shadow-lt-xs transition-[color,box-shadow] outline-none disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-lt-disabled disabled:text-lt-disabled-fg", FOCUS_RING, "aria-invalid:ring-lt-danger/20 dark:aria-invalid:ring-lt-danger/40 aria-invalid:border-lt-danger", className),
-		...props
-	});
-}
-//#endregion
-export { Textarea };
-
-//# sourceMappingURL=textarea.js.map

package/dist/ui/textarea.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"textarea.js","names":[],"sources":["../../resources/js/ui/textarea.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { FOCUS_RING } from \"@lattice-php/lattice/ui/control\";\nimport { cn } from \"@lattice-php/lattice/lib/utils\";\n\nfunction Textarea({ className, ...props }: React.ComponentProps<\"textarea\">) {\n  return (\n    <textarea\n      data-slot=\"textarea\"\n      className={cn(\n        \"border-lt-input placeholder:text-lt-muted-fg flex field-sizing-content min-h-16 w-full rounded-lt-sm border bg-transparent px-3 py-2 text-base shadow-lt-xs transition-[color,box-shadow] outline-none disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-lt-disabled disabled:text-lt-disabled-fg\",\n        FOCUS_RING,\n        \"aria-invalid:ring-lt-danger/20 dark:aria-invalid:ring-lt-danger/40 aria-invalid:border-lt-danger\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Textarea };\n"],"mappings":";;;;;AAKA,SAAS,SAAS,EAAE,WAAW,GAAG,SAA2C;CAC3E,OACE,oBAAC,YAAD;EACE,aAAU;EACV,WAAW,GACT,wTACA,YACA,oGACA,SACF;EACA,GAAI;CACL,CAAA;AAEL"}

package/dist/ui/tooltip.d.ts

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

package/dist/ui/tooltip.js

@@ -1,25 +0,0 @@
-import { toNodes } from "../core/nodes.js";
-import { Renderer } from "../core/renderer.js";
-import { Popover, PopoverContent, PopoverTrigger } from "./popover.js";
-import { InfoTooltip } from "./info-tooltip.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region resources/js/ui/tooltip.tsx
-var TooltipComponent = ({ node }) => {
-	const content = node.props.content;
-	const trigger = toNodes(node.props.trigger);
-	if (!content) return null;
-	if (trigger.length === 0) return /* @__PURE__ */ jsx(InfoTooltip, { content });
-	return /* @__PURE__ */ jsxs(Popover, { children: [/* @__PURE__ */ jsx(PopoverTrigger, {
-		type: "button",
-		className: "inline-flex items-center rounded-lt-sm outline-none focus-visible:ring-lt-ring/50 focus-visible:ring-[length:var(--lt-ring-width)]",
-		children: /* @__PURE__ */ jsx(Renderer, { nodes: trigger })
-	}), /* @__PURE__ */ jsx(PopoverContent, {
-		align: "start",
-		className: "max-w-xs p-3 text-sm [&_a]:underline",
-		dangerouslySetInnerHTML: { __html: content }
-	})] });
-};
-//#endregion
-export { TooltipComponent as default };
-
-//# sourceMappingURL=tooltip.js.map

package/dist/ui/tooltip.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tooltip.js","names":[],"sources":["../../resources/js/ui/tooltip.tsx"],"sourcesContent":["import { Renderer } from \"@lattice-php/lattice/core/renderer\";\nimport { toNodes } from \"@lattice-php/lattice/core/nodes\";\nimport type { RendererComponent } from \"@lattice-php/lattice/core/types\";\nimport { InfoTooltip } from \"./info-tooltip\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"./popover\";\n\nconst TooltipComponent: RendererComponent<\"tooltip\"> = ({ node }) => {\n  const content = node.props.content;\n  const trigger = toNodes(node.props.trigger);\n\n  if (!content) {\n    return null;\n  }\n\n  if (trigger.length === 0) {\n    return <InfoTooltip content={content} />;\n  }\n\n  return (\n    <Popover>\n      <PopoverTrigger\n        type=\"button\"\n        className=\"inline-flex items-center rounded-lt-sm outline-none focus-visible:ring-lt-ring/50 focus-visible:ring-[length:var(--lt-ring-width)]\"\n      >\n        <Renderer nodes={trigger} />\n      </PopoverTrigger>\n      <PopoverContent\n        align=\"start\"\n        className=\"max-w-xs p-3 text-sm [&_a]:underline\"\n        dangerouslySetInnerHTML={{ __html: content }}\n      />\n    </Popover>\n  );\n};\n\nexport default TooltipComponent;\n"],"mappings":";;;;;;AAMA,IAAM,oBAAkD,EAAE,WAAW;CACnE,MAAM,UAAU,KAAK,MAAM;CAC3B,MAAM,UAAU,QAAQ,KAAK,MAAM,OAAO;CAE1C,IAAI,CAAC,SACH,OAAO;CAGT,IAAI,QAAQ,WAAW,GACrB,OAAO,oBAAC,aAAD,EAAsB,QAAU,CAAA;CAGzC,OACE,qBAAC,SAAD,EAAA,UAAA,CACE,oBAAC,gBAAD;EACE,MAAK;EACL,WAAU;EAEV,UAAA,oBAAC,UAAD,EAAU,OAAO,QAAU,CAAA;CACb,CAAA,GAChB,oBAAC,gBAAD;EACE,OAAM;EACN,WAAU;EACV,yBAAyB,EAAE,QAAQ,QAAQ;CAC5C,CAAA,CACM,EAAA,CAAA;AAEb"}

package/dist/ui/use-collapsible-state.d.ts

@@ -1,7 +0,0 @@
-/**
- * Boolean open/collapsed state remembered in `localStorage` as `"true"`/`"false"`.
- * Shared by the section, collapsible, and sidebar chrome. Callers resolve
- * `rememberState` as `props.rememberState !== false`; the wire prop is always a
- * boolean, so the polarity is uniform across all three.
- */
-export declare function useCollapsibleState(storageKey: string, fallback: boolean, rememberState: boolean): [boolean, () => void];

package/dist/ui/use-collapsible-state.js

@@ -1,21 +0,0 @@
-import { usePersistentState } from "../lib/use-persistent-state.js";
-import { useCallback } from "react";
-//#region resources/js/ui/use-collapsible-state.ts
-/**
-* Boolean open/collapsed state remembered in `localStorage` as `"true"`/`"false"`.
-* Shared by the section, collapsible, and sidebar chrome. Callers resolve
-* `rememberState` as `props.rememberState !== false`; the wire prop is always a
-* boolean, so the polarity is uniform across all three.
-*/
-function useCollapsibleState(storageKey, fallback, rememberState) {
-	const [value, setValue] = usePersistentState(storageKey, fallback, {
-		enabled: rememberState,
-		parse: (raw) => raw === "true",
-		serialize: String
-	});
-	return [value, useCallback(() => setValue((current) => !current), [setValue])];
-}
-//#endregion
-export { useCollapsibleState };
-
-//# sourceMappingURL=use-collapsible-state.js.map

package/dist/ui/use-collapsible-state.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-collapsible-state.js","names":[],"sources":["../../resources/js/ui/use-collapsible-state.ts"],"sourcesContent":["import { useCallback } from \"react\";\nimport { usePersistentState } from \"@lattice-php/lattice/lib/use-persistent-state\";\n\n/**\n * Boolean open/collapsed state remembered in `localStorage` as `\"true\"`/`\"false\"`.\n * Shared by the section, collapsible, and sidebar chrome. Callers resolve\n * `rememberState` as `props.rememberState !== false`; the wire prop is always a\n * boolean, so the polarity is uniform across all three.\n */\nexport function useCollapsibleState(\n  storageKey: string,\n  fallback: boolean,\n  rememberState: boolean,\n): [boolean, () => void] {\n  const [value, setValue] = usePersistentState<boolean>(storageKey, fallback, {\n    enabled: rememberState,\n    parse: (raw) => raw === \"true\",\n    serialize: String,\n  });\n\n  const toggle = useCallback(() => setValue((current) => !current), [setValue]);\n\n  return [value, toggle];\n}\n"],"mappings":";;;;;;;;;AASA,SAAgB,oBACd,YACA,UACA,eACuB;CACvB,MAAM,CAAC,OAAO,YAAY,mBAA4B,YAAY,UAAU;EAC1E,SAAS;EACT,QAAQ,QAAQ,QAAQ;EACxB,WAAW;CACb,CAAC;CAID,OAAO,CAAC,OAFO,kBAAkB,UAAU,YAAY,CAAC,OAAO,GAAG,CAAC,QAAQ,CAE5D,CAAM;AACvB"}