@vezham/react 26.0.0-alpha.5 → 26.0.0-alpha.7

package/dist/lib/components/panel/header/storage/variant.d.ts

@@ -0,0 +1,289 @@
+import { VariantProps } from '@vezham/react-v3';
+declare const tva: import('tailwind-variants').TVReturnType<{
+    variant: {
+        default: {
+            search_input_wrapper: string;
+            item: string;
+        };
+        dark: {
+            search_input_wrapper: string;
+            item: string;
+        };
+        light: {
+            search_input_wrapper: string;
+            item: string;
+        };
+        glass: {
+            search_input_wrapper: string;
+            item: string;
+        };
+    };
+    size: {
+        sm: {
+            empty_icon: string;
+            empty_title: string;
+            empty_description: string;
+            item: string;
+            item_title: string;
+            item_url: string;
+            item_actions: string;
+            unarchive_button: string;
+            delete_button: string;
+        };
+        md: {
+            empty_icon: string;
+            empty_title: string;
+            empty_description: string;
+            item: string;
+            item_title: string;
+            item_url: string;
+            item_actions: string;
+            unarchive_button: string;
+            delete_button: string;
+        };
+        lg: {
+            empty_icon: string;
+            empty_title: string;
+            empty_description: string;
+            item: string;
+            item_title: string;
+            item_url: string;
+            item_actions: string;
+            unarchive_button: string;
+            delete_button: string;
+        };
+    };
+}, {
+    tabs: string;
+    tabs_list_container: string;
+    tabs_list: string;
+    tab_archive: string;
+    tab_trash: string;
+    tab_indicator: string;
+    container: string;
+    search_input: string;
+    search_input_wrapper: string;
+    search_icon: string;
+    actions_bar: string;
+    actions_bar_with_gap: string;
+    clear_all_button: string;
+    restore_all_button: string;
+    empty_container: string;
+    empty_icon: string;
+    empty_title: string;
+    empty_description: string;
+    items_container: string;
+    date_group: string;
+    date_header: string;
+    date_label: string;
+    date_divider: string;
+    items_list: string;
+    item: string;
+    item_favicon: string;
+    item_fallback_icon: string;
+    item_content: string;
+    item_title: string;
+    item_url: string;
+    item_actions: string;
+    unarchive_button: string;
+    restore_button: string;
+    delete_button: string;
+    delete_permanent_button: string;
+    action_icon: string;
+    action_icon_success: string;
+    action_icon_danger: string;
+    action_icon_default: string;
+}, undefined, {
+    variant: {
+        default: {
+            search_input_wrapper: string;
+            item: string;
+        };
+        dark: {
+            search_input_wrapper: string;
+            item: string;
+        };
+        light: {
+            search_input_wrapper: string;
+            item: string;
+        };
+        glass: {
+            search_input_wrapper: string;
+            item: string;
+        };
+    };
+    size: {
+        sm: {
+            empty_icon: string;
+            empty_title: string;
+            empty_description: string;
+            item: string;
+            item_title: string;
+            item_url: string;
+            item_actions: string;
+            unarchive_button: string;
+            delete_button: string;
+        };
+        md: {
+            empty_icon: string;
+            empty_title: string;
+            empty_description: string;
+            item: string;
+            item_title: string;
+            item_url: string;
+            item_actions: string;
+            unarchive_button: string;
+            delete_button: string;
+        };
+        lg: {
+            empty_icon: string;
+            empty_title: string;
+            empty_description: string;
+            item: string;
+            item_title: string;
+            item_url: string;
+            item_actions: string;
+            unarchive_button: string;
+            delete_button: string;
+        };
+    };
+}, {
+    tabs: string;
+    tabs_list_container: string;
+    tabs_list: string;
+    tab_archive: string;
+    tab_trash: string;
+    tab_indicator: string;
+    container: string;
+    search_input: string;
+    search_input_wrapper: string;
+    search_icon: string;
+    actions_bar: string;
+    actions_bar_with_gap: string;
+    clear_all_button: string;
+    restore_all_button: string;
+    empty_container: string;
+    empty_icon: string;
+    empty_title: string;
+    empty_description: string;
+    items_container: string;
+    date_group: string;
+    date_header: string;
+    date_label: string;
+    date_divider: string;
+    items_list: string;
+    item: string;
+    item_favicon: string;
+    item_fallback_icon: string;
+    item_content: string;
+    item_title: string;
+    item_url: string;
+    item_actions: string;
+    unarchive_button: string;
+    restore_button: string;
+    delete_button: string;
+    delete_permanent_button: string;
+    action_icon: string;
+    action_icon_success: string;
+    action_icon_danger: string;
+    action_icon_default: string;
+}, import('tailwind-variants').TVReturnTypeLike<{
+    variant: {
+        default: {
+            search_input_wrapper: string;
+            item: string;
+        };
+        dark: {
+            search_input_wrapper: string;
+            item: string;
+        };
+        light: {
+            search_input_wrapper: string;
+            item: string;
+        };
+        glass: {
+            search_input_wrapper: string;
+            item: string;
+        };
+    };
+    size: {
+        sm: {
+            empty_icon: string;
+            empty_title: string;
+            empty_description: string;
+            item: string;
+            item_title: string;
+            item_url: string;
+            item_actions: string;
+            unarchive_button: string;
+            delete_button: string;
+        };
+        md: {
+            empty_icon: string;
+            empty_title: string;
+            empty_description: string;
+            item: string;
+            item_title: string;
+            item_url: string;
+            item_actions: string;
+            unarchive_button: string;
+            delete_button: string;
+        };
+        lg: {
+            empty_icon: string;
+            empty_title: string;
+            empty_description: string;
+            item: string;
+            item_title: string;
+            item_url: string;
+            item_actions: string;
+            unarchive_button: string;
+            delete_button: string;
+        };
+    };
+}, {
+    tabs: string;
+    tabs_list_container: string;
+    tabs_list: string;
+    tab_archive: string;
+    tab_trash: string;
+    tab_indicator: string;
+    container: string;
+    search_input: string;
+    search_input_wrapper: string;
+    search_icon: string;
+    actions_bar: string;
+    actions_bar_with_gap: string;
+    clear_all_button: string;
+    restore_all_button: string;
+    empty_container: string;
+    empty_icon: string;
+    empty_title: string;
+    empty_description: string;
+    items_container: string;
+    date_group: string;
+    date_header: string;
+    date_label: string;
+    date_divider: string;
+    items_list: string;
+    item: string;
+    item_favicon: string;
+    item_fallback_icon: string;
+    item_content: string;
+    item_title: string;
+    item_url: string;
+    item_actions: string;
+    unarchive_button: string;
+    restore_button: string;
+    delete_button: string;
+    delete_permanent_button: string;
+    action_icon: string;
+    action_icon_success: string;
+    action_icon_danger: string;
+    action_icon_default: string;
+}>>;
+type tvProps = VariantProps<typeof tva>;
+type tvSlots = keyof ReturnType<typeof tva>;
+export { tva };
+export type { tvProps, tvSlots };
+//# sourceMappingURL=variant.d.ts.map

package/dist/lib/components/panel/header/storage/variant.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variant.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/components/panel/header/storage/variant.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAM,MAAM,kBAAkB,CAAA;AAEnD,QAAA,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqHP,CAAA;AAEF,KAAK,OAAO,GAAG,YAAY,CAAC,OAAO,GAAG,CAAC,CAAA;AACvC,KAAK,OAAO,GAAG,MAAM,UAAU,CAAC,OAAO,GAAG,CAAC,CAAA;AAE3C,OAAO,EAAE,GAAG,EAAE,CAAA;AACd,YAAY,EAAE,OAAO,EAAE,OAAO,EAAE,CAAA"}

package/dist/lib/components/panel/header/storage/variant.js

@@ -0,0 +1,106 @@
+import { tv } from "@vezham/react-v3";
+//#region src/lib/components/panel/header/storage/variant.ts
+var tva = tv({
+	slots: {
+		tabs: "w-fit max-w-full",
+		tabs_list_container: "w-fit max-w-full rounded-full",
+		tabs_list: "flex min-w-max flex-nowrap *:whitespace-nowrap",
+		tab_archive: "",
+		tab_trash: "",
+		tab_indicator: "",
+		container: "flex min-h-0 flex-1 flex-col",
+		search_input: "w-full",
+		search_input_wrapper: "",
+		search_icon: "text-muted",
+		actions_bar: "text-muted mt-2 flex justify-end",
+		actions_bar_with_gap: "text-muted mt-2 flex justify-end gap-2",
+		clear_all_button: "",
+		restore_all_button: "",
+		empty_container: "flex h-full min-h-[320px] flex-col items-center justify-center gap-4 text-center",
+		empty_icon: "text-muted",
+		empty_title: "text-xl font-semibold",
+		empty_description: "text-muted max-w-[220px]",
+		items_container: "space-y-4 pb-6",
+		date_group: "",
+		date_header: "mb-2 flex items-center gap-2",
+		date_label: "text-muted text-xs font-medium",
+		date_divider: "bg-separator h-px flex-1",
+		items_list: "space-y-1",
+		item: "group hover:bg-default focus-within:bg-default relative flex w-full items-center gap-2 rounded-2xl px-2 py-2",
+		item_favicon: "size-4 shrink-0 rounded-sm object-contain",
+		item_fallback_icon: "text-muted shrink-0",
+		item_content: "flex min-w-0 flex-1 flex-col gap-0.5",
+		item_title: "block truncate text-sm leading-5 font-medium",
+		item_url: "text-muted block truncate text-xs leading-4",
+		item_actions: "hidden shrink-0 items-center gap-1 group-focus-within:flex group-hover:flex",
+		unarchive_button: "rounded-md p-1.5 transition-colors hover:bg-transparent data-[hovered=true]:bg-transparent",
+		restore_button: "rounded-md p-1.5 transition-colors hover:bg-transparent data-[hovered=true]:bg-transparent",
+		delete_button: "text-muted hover:text-danger focus-visible:text-danger rounded-md p-1.5 transition-colors hover:bg-transparent data-[hovered=true]:bg-transparent",
+		delete_permanent_button: "text-muted hover:text-danger focus-visible:text-danger rounded-md p-1.5 transition-colors hover:bg-transparent data-[hovered=true]:bg-transparent",
+		action_icon: "",
+		action_icon_success: "text-success",
+		action_icon_danger: "text-inherit",
+		action_icon_default: "text-muted"
+	},
+	variants: {
+		variant: {
+			default: {
+				search_input_wrapper: "",
+				item: "hover:bg-default"
+			},
+			dark: {
+				search_input_wrapper: "",
+				item: "hover:bg-default"
+			},
+			light: {
+				search_input_wrapper: "",
+				item: "hover:bg-default"
+			},
+			glass: {
+				search_input_wrapper: "bg-white/10",
+				item: "hover:bg-white/20"
+			}
+		},
+		size: {
+			sm: {
+				empty_icon: "w-12",
+				empty_title: "text-lg",
+				empty_description: "max-w-[180px] text-xs",
+				item: "px-1 py-1.5",
+				item_title: "text-xs",
+				item_url: "text-[10px]",
+				item_actions: "gap-0.5",
+				unarchive_button: "p-1",
+				delete_button: "p-1"
+			},
+			md: {
+				empty_icon: "w-16",
+				empty_title: "text-xl",
+				empty_description: "max-w-[220px] text-sm",
+				item: "px-2 py-2",
+				item_title: "text-sm",
+				item_url: "text-xs",
+				item_actions: "gap-1",
+				unarchive_button: "p-1.5",
+				delete_button: "p-1.5"
+			},
+			lg: {
+				empty_icon: "w-20",
+				empty_title: "text-2xl",
+				empty_description: "max-w-[280px] text-base",
+				item: "px-3 py-2.5",
+				item_title: "text-base",
+				item_url: "text-sm",
+				item_actions: "gap-1.5",
+				unarchive_button: "p-2",
+				delete_button: "p-2"
+			}
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "md"
+	}
+});
+//#endregion
+export { tva };

package/dist/lib/components/panel/header/types.d.ts

@@ -0,0 +1,26 @@
+import { ReactNode } from 'react';
+export interface User {
+    id: string;
+    name: string;
+    avatar?: string;
+}
+export interface HeaderActionsProps {
+    users: User;
+    showSearch?: boolean;
+    showBookamarks?: boolean;
+    showStorage?: boolean;
+    favoritesCount?: number;
+    archiveCount?: number;
+    onAvatarClick?: (user: User) => void;
+    onSearchClick?: () => void;
+    className?: string;
+    compact?: boolean;
+    hideSeparator?: boolean;
+    showMenuUtilities?: boolean;
+    isDockHidden?: boolean;
+    onToggleDock?: () => void;
+    isSidebarOpen?: boolean;
+    onToggleSidebar?: () => void;
+    extraActions?: ReactNode;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/components/panel/header/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/panel/header/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,MAAM,WAAW,IAAI;IACnB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,IAAI,CAAA;IAEX,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,YAAY,CAAC,EAAE,MAAM,CAAA;IAErB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IACpC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAE1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,YAAY,CAAC,EAAE,SAAS,CAAA;CACzB"}

package/dist/lib/components/panel/info-panel/container.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { ActiveInfoPanel, InfoPanelDefinition } from './types';
+declare const InfoPanelContainer: ({ panels, className, width }: {
+    panels: Record<Exclude<ActiveInfoPanel, null>, InfoPanelDefinition>;
+    className?: string;
+    width?: number;
+}) => string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+export { InfoPanelContainer };
+//# sourceMappingURL=container.d.ts.map

package/dist/lib/components/panel/info-panel/container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/panel/info-panel/container.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAA;AAoBhD,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAI9D,QAAA,MAAM,kBAAkB,GAAI,8BAIzB;IACD,MAAM,EAAE,MAAM,CAAC,OAAO,CAAC,eAAe,EAAE,IAAI,CAAC,EAAE,mBAAmB,CAAC,CAAA;IACnE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,gUA+BA,CAAA;AA6FD,OAAO,EAAE,kBAAkB,EAAE,CAAA"}

package/dist/lib/components/panel/info-panel/container.js

@@ -0,0 +1,90 @@
+import { ACCOUNT_BUBBLE_MEDIA_QUERY } from "../responsive.js";
+import container_module_default from "./container.module.js";
+import { useInfoPanel } from "./provider.js";
+import { panelBodyClass, panelHeaderClass, panelHeadingClass } from "./styles.js";
+import { InfoPanelSheet } from "./sheet.js";
+import { useState } from "react";
+import { CloseButton, ScrollShadow, Surface, Typography, useMediaQuery } from "@vezham/react-v3";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/lib/components/panel/info-panel/container.tsx
+var INFO_PANEL_WIDTH = 328;
+var InfoPanelContainer = ({ panels, className, width = INFO_PANEL_WIDTH }) => {
+	const { activeInfoPanel, closeInfoPanel, isOpen } = useInfoPanel();
+	const activePanel = activeInfoPanel ? panels[activeInfoPanel] : null;
+	const compact = useMediaQuery(ACCOUNT_BUBBLE_MEDIA_QUERY, { initializeWithValue: false });
+	const panel = isOpen && activeInfoPanel ? panels[activeInfoPanel] : null;
+	if (compact && activePanel) {
+		if (activePanel.renderCompact) return activePanel.renderCompact({
+			isOpen,
+			onClose: closeInfoPanel
+		});
+		return panel ? /* @__PURE__ */ jsx(InfoPanelSheet, {
+			panel,
+			onClose: closeInfoPanel
+		}, activeInfoPanel) : null;
+	}
+	return /* @__PURE__ */ jsx(DesktopInfoPanel, {
+		panel: activePanel,
+		panelKey: activeInfoPanel,
+		isOpen,
+		width,
+		className,
+		onClose: closeInfoPanel
+	});
+};
+var DesktopInfoPanel = ({ panel: activePanel, panelKey, isOpen, width, className, onClose }) => {
+	const [present, setPresent] = useState(isOpen);
+	if (isOpen && !present) setPresent(true);
+	return /* @__PURE__ */ jsx("aside", {
+		"aria-hidden": !isOpen,
+		className: `sticky top-0 z-40 shrink-0 overflow-hidden ${className ?? ""}`,
+		style: { width: present && activePanel ? width : 0 },
+		children: present && activePanel && /* @__PURE__ */ jsx("div", {
+			className: container_module_default.panel,
+			"data-state": isOpen ? "open" : "closed",
+			inert: !isOpen,
+			onAnimationEnd: (event) => {
+				if (event.target === event.currentTarget && !isOpen) setPresent(false);
+			},
+			style: { width },
+			children: /* @__PURE__ */ jsxs(Surface, {
+				variant: "transparent",
+				"data-vx": "info-panel",
+				className: `flex h-full min-h-0 flex-col overflow-hidden border-border border-r`,
+				children: [/* @__PURE__ */ jsx(InfoPanelHeader, {
+					title: activePanel.title,
+					titleIcon: activePanel.titleIcon,
+					onClose
+				}), /* @__PURE__ */ jsx(InfoPanelContent, {
+					scrollable: activePanel.scrollable ?? true,
+					children: activePanel.content
+				})]
+			})
+		}, panelKey)
+	});
+};
+var InfoPanelHeader = ({ title, titleIcon, onClose }) => {
+	return /* @__PURE__ */ jsxs("div", {
+		className: panelHeaderClass,
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex min-w-0 flex-1 items-center gap-2",
+			children: [titleIcon, /* @__PURE__ */ jsx(Typography.Heading, {
+				className: panelHeadingClass,
+				children: title
+			})]
+		}), /* @__PURE__ */ jsx(CloseButton, { onPress: onClose })]
+	});
+};
+var InfoPanelContent = ({ children, scrollable }) => {
+	if (!scrollable) return /* @__PURE__ */ jsx("div", {
+		className: `${panelBodyClass} overflow-hidden`,
+		children
+	});
+	return /* @__PURE__ */ jsx(ScrollShadow, {
+		className: panelBodyClass,
+		hideScrollBar: true,
+		children
+	});
+};
+//#endregion
+export { InfoPanelContainer };

package/dist/lib/components/panel/info-panel/container.module.css

@@ -0,0 +1,52 @@
+.panel {
+  height: 100%;
+  animation: panel-enter 180ms ease-out both;
+}
+
+.panel[data-state='closed'] {
+  animation: panel-exit 140ms ease-in both;
+  pointer-events: none;
+}
+
+@keyframes panel-enter {
+  from {
+    opacity: 0;
+    transform: translate3d(-1rem, 0, 0);
+  }
+
+  to {
+    opacity: 1;
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes panel-exit {
+  from {
+    opacity: 1;
+    transform: translate3d(0, 0, 0);
+  }
+
+  to {
+    opacity: 0;
+    transform: translate3d(-1rem, 0, 0);
+  }
+}
+
+@keyframes panel-reduced {
+  from,
+  to {
+    opacity: 1;
+    transform: none;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .panel {
+    animation: none;
+  }
+
+  /* vx-bot/NOTE: A new closing animation must fire the event that collapses the panel. */
+  .panel[data-state='closed'] {
+    animation: panel-reduced 1ms linear both;
+  }
+}

package/dist/lib/components/panel/info-panel/container.module.js

@@ -0,0 +1,8 @@
+var container_module_default = {
+	panel: "_panel_inr1p_1",
+	"panel-enter": "_panel-enter_inr1p_1",
+	"panel-exit": "_panel-exit_inr1p_1",
+	"panel-reduced": "_panel-reduced_inr1p_1"
+};
+//#endregion
+export { container_module_default as default };

package/dist/lib/components/panel/info-panel/index.d.ts

@@ -0,0 +1,4 @@
+export * from './container';
+export * from './provider';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/components/panel/info-panel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/panel/info-panel/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA"}

package/dist/lib/components/panel/info-panel/provider.d.ts

@@ -0,0 +1,7 @@
+import { InfoPanelContextValue } from './types';
+declare const InfoPanelProvider: ({ children }: {
+    children: React.ReactNode;
+}) => import("react").JSX.Element;
+export { InfoPanelProvider };
+export declare const useInfoPanel: () => InfoPanelContextValue;
+//# sourceMappingURL=provider.d.ts.map

package/dist/lib/components/panel/info-panel/provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/panel/info-panel/provider.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAmB,qBAAqB,EAAE,MAAM,SAAS,CAAA;AA6ChE,QAAA,MAAM,iBAAiB,GAAI,cAAc;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,gCAwErE,CAAA;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAA;AAE5B,eAAO,MAAM,YAAY,6BAQxB,CAAA"}