@bergetai/ui 0.14.2 → 0.16.0

package/dist/components/window-frame/WindowFrame.cjs

@@ -0,0 +1,47 @@
+"use client";
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_utils = require("../../lib/utils.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react, 1);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/window-frame/WindowFrame.tsx
+const WindowFrame = react.forwardRef(({ title = "window", tabs, activeTab, onTabChange, children, className, ...props }, ref) => {
+	const [internalActive, setInternalActive] = (0, react.useState)(tabs?.[0]?.id ?? "");
+	const currentTab = activeTab ?? internalActive;
+	const handleTabChange = (id) => {
+		if (onTabChange) onTabChange(id);
+		else setInternalActive(id);
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		ref,
+		className: require_utils.cn("rounded-berget-sm overflow-hidden shadow-berget-md border border-berget-brand-granite-700 bg-berget-brand-granite-800", className),
+		...props,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "flex items-center gap-2 px-4 py-3 border-b border-berget-brand-granite-700 bg-berget-brand-granite-900",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex items-center gap-2 flex-shrink-0",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "w-3 h-3 rounded-full bg-berget-brand-muscaria-400" }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "w-3 h-3 rounded-full bg-berget-brand-chanterelle-200" }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "w-3 h-3 rounded-full bg-berget-brand-moss-400" })
+				]
+			}), tabs && tabs.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "ml-4 flex items-center gap-1",
+				children: tabs.map((tab) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					onClick: () => handleTabChange(tab.id),
+					className: require_utils.cn("px-3 py-1 text-sm transition-colors cursor-pointer", currentTab === tab.id ? "rounded-berget-xs bg-white/10 text-berget-foreground font-medium" : "rounded text-berget-muted-foreground hover:text-berget-foreground font-medium"),
+					children: tab.label
+				}, tab.id))
+			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "ml-4 text-sm font-mono text-berget-brand-moss-400",
+				children: title
+			})]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children })]
+	});
+});
+WindowFrame.displayName = "WindowFrame";
+//#endregion
+exports.WindowFrame = WindowFrame;
+
+//# sourceMappingURL=WindowFrame.cjs.map

package/dist/components/window-frame/WindowFrame.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"WindowFrame.cjs","names":["React","useState","cn"],"sources":["../../../src/components/window-frame/WindowFrame.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useState } from 'react';\nimport { cn } from '../../lib/utils';\n\nexport interface WindowTab {\n  id: string;\n  label: string;\n}\n\nexport interface WindowFrameProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Window title shown in the title bar when no tabs are provided */\n  title?: string;\n  /** Optional tabs for switching content */\n  tabs?: WindowTab[];\n  /** Controlled active tab ID */\n  activeTab?: string;\n  /** Callback when a tab is selected */\n  onTabChange?: (tabId: string) => void;\n}\n\nexport const WindowFrame = React.forwardRef<HTMLDivElement, WindowFrameProps>(\n  ({ title = 'window', tabs, activeTab, onTabChange, children, className, ...props }, ref) => {\n    const [internalActive, setInternalActive] = useState(tabs?.[0]?.id ?? '');\n    const currentTab = activeTab ?? internalActive;\n\n    const handleTabChange = (id: string) => {\n      if (onTabChange) {\n        onTabChange(id);\n      } else {\n        setInternalActive(id);\n      }\n    };\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'rounded-berget-sm overflow-hidden shadow-berget-md border border-berget-brand-granite-700 bg-berget-brand-granite-800',\n          className,\n        )}\n        {...props}\n      >\n        {/* Title bar */}\n        <div className=\"flex items-center gap-2 px-4 py-3 border-b border-berget-brand-granite-700 bg-berget-brand-granite-900\">\n          <div className=\"flex items-center gap-2 flex-shrink-0\">\n            <div className=\"w-3 h-3 rounded-full bg-berget-brand-muscaria-400\" />\n            <div className=\"w-3 h-3 rounded-full bg-berget-brand-chanterelle-200\" />\n            <div className=\"w-3 h-3 rounded-full bg-berget-brand-moss-400\" />\n          </div>\n\n          {tabs && tabs.length > 0 ? (\n            <div className=\"ml-4 flex items-center gap-1\">\n              {tabs.map((tab) => (\n                <button\n                  key={tab.id}\n                  type=\"button\"\n                  onClick={() => handleTabChange(tab.id)}\n                  className={cn(\n                    'px-3 py-1 text-sm transition-colors cursor-pointer',\n                    currentTab === tab.id\n                      ? 'rounded-berget-xs bg-white/10 text-berget-foreground font-medium'\n                      : 'rounded text-berget-muted-foreground hover:text-berget-foreground font-medium',\n                  )}\n                >\n                  {tab.label}\n                </button>\n              ))}\n            </div>\n          ) : (\n            <span className=\"ml-4 text-sm font-mono text-berget-brand-moss-400\">{title}</span>\n          )}\n        </div>\n\n        {/* Content area */}\n        <div>{children}</div>\n      </div>\n    );\n  },\n);\n\nWindowFrame.displayName = 'WindowFrame';\n"],"mappings":";;;;;;;AAsBA,MAAa,cAAcA,MAAM,YAC9B,EAAE,QAAQ,UAAU,MAAM,WAAW,aAAa,UAAU,WAAW,GAAG,SAAS,QAAQ;CAC1F,MAAM,CAAC,gBAAgB,sBAAA,GAAqBC,MAAAA,SAAAA,CAAS,OAAO,EAAE,EAAE,MAAM,EAAE;CACxE,MAAM,aAAa,aAAa;CAEhC,MAAM,mBAAmB,OAAe;EACtC,IAAI,aACF,YAAY,EAAE;OAEd,kBAAkB,EAAE;CAExB;CAEA,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EACO;EACL,WAAWC,cAAAA,GACT,yHACA,SACF;EACA,GAAI;EANN,UAAA,CASE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;IAAK,WAAU;IAAf,UAAA;KACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD,EAAK,WAAU,oDAAqD,CAAA;KACpE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD,EAAK,WAAU,uDAAwD,CAAA;KACvE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD,EAAK,WAAU,gDAAiD,CAAA;IAC7D;GAEJ,CAAA,GAAA,QAAQ,KAAK,SAAS,IACrB,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;IAAK,WAAU;IACZ,UAAA,KAAK,KAAK,QACT,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;KAEE,MAAK;KACL,eAAe,gBAAgB,IAAI,EAAE;KACrC,WAAWA,cAAAA,GACT,sDACA,eAAe,IAAI,KACf,qEACA,+EACN;KAEC,UAAA,IAAI;IACC,GAXD,IAAI,EAWH,CACT;GACE,CAAA,IAEL,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;IAAM,WAAU;IAAqD,UAAA;GAAY,CAAA,CAEhF;EAGL,CAAA,GAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD,EAAM,SAAc,CAAA,CACjB;;AAET,CACF;AAEA,YAAY,cAAc"}

package/dist/components/window-frame/WindowFrame.d.cts

@@ -0,0 +1,19 @@
+import * as React from "react";
+//#region src/components/window-frame/WindowFrame.d.ts
+export interface WindowTab {
+  id: string;
+  label: string;
+}
+export interface WindowFrameProps extends React.HTMLAttributes<HTMLDivElement> {
+  /** Window title shown in the title bar when no tabs are provided */
+  title?: string;
+  /** Optional tabs for switching content */
+  tabs?: WindowTab[];
+  /** Controlled active tab ID */
+  activeTab?: string;
+  /** Callback when a tab is selected */
+  onTabChange?: (tabId: string) => void;
+}
+export declare const WindowFrame: React.ForwardRefExoticComponent<WindowFrameProps & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+//# sourceMappingURL=WindowFrame.d.cts.map

package/dist/components/window-frame/WindowFrame.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WindowFrame.d.cts","names":[],"sources":["../../../src/components/window-frame/WindowFrame.tsx"],"mappings":";;iBAMiB;EACf;EACA;;iBAGe,yBAAyB,MAAM,eAAe;;EAE7D;;EAEA,OAAO;;EAEP;;EAEA,eAAe;;qBAGJ,aAAW,MAAA,0BAAA,mBAAA,MAAA,cAAA"}

package/dist/components/window-frame/WindowFrame.d.mts

@@ -0,0 +1,19 @@
+import * as React from "react";
+//#region src/components/window-frame/WindowFrame.d.ts
+export interface WindowTab {
+  id: string;
+  label: string;
+}
+export interface WindowFrameProps extends React.HTMLAttributes<HTMLDivElement> {
+  /** Window title shown in the title bar when no tabs are provided */
+  title?: string;
+  /** Optional tabs for switching content */
+  tabs?: WindowTab[];
+  /** Controlled active tab ID */
+  activeTab?: string;
+  /** Callback when a tab is selected */
+  onTabChange?: (tabId: string) => void;
+}
+export declare const WindowFrame: React.ForwardRefExoticComponent<WindowFrameProps & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+//# sourceMappingURL=WindowFrame.d.mts.map

package/dist/components/window-frame/WindowFrame.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WindowFrame.d.mts","names":[],"sources":["../../../src/components/window-frame/WindowFrame.tsx"],"mappings":";;iBAMiB;EACf;EACA;;iBAGe,yBAAyB,MAAM,eAAe;;EAE7D;;EAEA,OAAO;;EAEP;;EAEA,eAAe;;qBAGJ,aAAW,MAAA,0BAAA,mBAAA,MAAA,cAAA"}

package/dist/components/window-frame/WindowFrame.mjs

@@ -0,0 +1,46 @@
+"use client";
+import { cn } from "../../lib/utils.mjs";
+import * as React from "react";
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/window-frame/WindowFrame.tsx
+const WindowFrame = React.forwardRef(({ title = "window", tabs, activeTab, onTabChange, children, className, ...props }, ref) => {
+	const [internalActive, setInternalActive] = useState(tabs?.[0]?.id ?? "");
+	const currentTab = activeTab ?? internalActive;
+	const handleTabChange = (id) => {
+		if (onTabChange) onTabChange(id);
+		else setInternalActive(id);
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		ref,
+		className: cn("rounded-berget-sm overflow-hidden shadow-berget-md border border-berget-brand-granite-700 bg-berget-brand-granite-800", className),
+		...props,
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-2 px-4 py-3 border-b border-berget-brand-granite-700 bg-berget-brand-granite-900",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-2 flex-shrink-0",
+				children: [
+					/* @__PURE__ */ jsx("div", { className: "w-3 h-3 rounded-full bg-berget-brand-muscaria-400" }),
+					/* @__PURE__ */ jsx("div", { className: "w-3 h-3 rounded-full bg-berget-brand-chanterelle-200" }),
+					/* @__PURE__ */ jsx("div", { className: "w-3 h-3 rounded-full bg-berget-brand-moss-400" })
+				]
+			}), tabs && tabs.length > 0 ? /* @__PURE__ */ jsx("div", {
+				className: "ml-4 flex items-center gap-1",
+				children: tabs.map((tab) => /* @__PURE__ */ jsx("button", {
+					type: "button",
+					onClick: () => handleTabChange(tab.id),
+					className: cn("px-3 py-1 text-sm transition-colors cursor-pointer", currentTab === tab.id ? "rounded-berget-xs bg-white/10 text-berget-foreground font-medium" : "rounded text-berget-muted-foreground hover:text-berget-foreground font-medium"),
+					children: tab.label
+				}, tab.id))
+			}) : /* @__PURE__ */ jsx("span", {
+				className: "ml-4 text-sm font-mono text-berget-brand-moss-400",
+				children: title
+			})]
+		}), /* @__PURE__ */ jsx("div", { children })]
+	});
+});
+WindowFrame.displayName = "WindowFrame";
+//#endregion
+export { WindowFrame };
+
+//# sourceMappingURL=WindowFrame.mjs.map

package/dist/components/window-frame/WindowFrame.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"WindowFrame.mjs","names":[],"sources":["../../../src/components/window-frame/WindowFrame.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useState } from 'react';\nimport { cn } from '../../lib/utils';\n\nexport interface WindowTab {\n  id: string;\n  label: string;\n}\n\nexport interface WindowFrameProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Window title shown in the title bar when no tabs are provided */\n  title?: string;\n  /** Optional tabs for switching content */\n  tabs?: WindowTab[];\n  /** Controlled active tab ID */\n  activeTab?: string;\n  /** Callback when a tab is selected */\n  onTabChange?: (tabId: string) => void;\n}\n\nexport const WindowFrame = React.forwardRef<HTMLDivElement, WindowFrameProps>(\n  ({ title = 'window', tabs, activeTab, onTabChange, children, className, ...props }, ref) => {\n    const [internalActive, setInternalActive] = useState(tabs?.[0]?.id ?? '');\n    const currentTab = activeTab ?? internalActive;\n\n    const handleTabChange = (id: string) => {\n      if (onTabChange) {\n        onTabChange(id);\n      } else {\n        setInternalActive(id);\n      }\n    };\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'rounded-berget-sm overflow-hidden shadow-berget-md border border-berget-brand-granite-700 bg-berget-brand-granite-800',\n          className,\n        )}\n        {...props}\n      >\n        {/* Title bar */}\n        <div className=\"flex items-center gap-2 px-4 py-3 border-b border-berget-brand-granite-700 bg-berget-brand-granite-900\">\n          <div className=\"flex items-center gap-2 flex-shrink-0\">\n            <div className=\"w-3 h-3 rounded-full bg-berget-brand-muscaria-400\" />\n            <div className=\"w-3 h-3 rounded-full bg-berget-brand-chanterelle-200\" />\n            <div className=\"w-3 h-3 rounded-full bg-berget-brand-moss-400\" />\n          </div>\n\n          {tabs && tabs.length > 0 ? (\n            <div className=\"ml-4 flex items-center gap-1\">\n              {tabs.map((tab) => (\n                <button\n                  key={tab.id}\n                  type=\"button\"\n                  onClick={() => handleTabChange(tab.id)}\n                  className={cn(\n                    'px-3 py-1 text-sm transition-colors cursor-pointer',\n                    currentTab === tab.id\n                      ? 'rounded-berget-xs bg-white/10 text-berget-foreground font-medium'\n                      : 'rounded text-berget-muted-foreground hover:text-berget-foreground font-medium',\n                  )}\n                >\n                  {tab.label}\n                </button>\n              ))}\n            </div>\n          ) : (\n            <span className=\"ml-4 text-sm font-mono text-berget-brand-moss-400\">{title}</span>\n          )}\n        </div>\n\n        {/* Content area */}\n        <div>{children}</div>\n      </div>\n    );\n  },\n);\n\nWindowFrame.displayName = 'WindowFrame';\n"],"mappings":";;;;;;AAsBA,MAAa,cAAc,MAAM,YAC9B,EAAE,QAAQ,UAAU,MAAM,WAAW,aAAa,UAAU,WAAW,GAAG,SAAS,QAAQ;CAC1F,MAAM,CAAC,gBAAgB,qBAAqB,SAAS,OAAO,EAAE,EAAE,MAAM,EAAE;CACxE,MAAM,aAAa,aAAa;CAEhC,MAAM,mBAAmB,OAAe;EACtC,IAAI,aACF,YAAY,EAAE;OAEd,kBAAkB,EAAE;CAExB;CAEA,OACE,qBAAC,OAAD;EACO;EACL,WAAW,GACT,yHACA,SACF;EACA,GAAI;EANN,UAAA,CASE,qBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACE,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA;KACE,oBAAC,OAAD,EAAK,WAAU,oDAAqD,CAAA;KACpE,oBAAC,OAAD,EAAK,WAAU,uDAAwD,CAAA;KACvE,oBAAC,OAAD,EAAK,WAAU,gDAAiD,CAAA;IAC7D;GAEJ,CAAA,GAAA,QAAQ,KAAK,SAAS,IACrB,oBAAC,OAAD;IAAK,WAAU;IACZ,UAAA,KAAK,KAAK,QACT,oBAAC,UAAD;KAEE,MAAK;KACL,eAAe,gBAAgB,IAAI,EAAE;KACrC,WAAW,GACT,sDACA,eAAe,IAAI,KACf,qEACA,+EACN;KAEC,UAAA,IAAI;IACC,GAXD,IAAI,EAWH,CACT;GACE,CAAA,IAEL,oBAAC,QAAD;IAAM,WAAU;IAAqD,UAAA;GAAY,CAAA,CAEhF;EAGL,CAAA,GAAA,oBAAC,OAAD,EAAM,SAAc,CAAA,CACjB;;AAET,CACF;AAEA,YAAY,cAAc"}

package/dist/components/window-frame/index.d.cts

@@ -0,0 +1,2 @@
+import { WindowFrame, WindowFrameProps, WindowTab } from "./WindowFrame.cjs";
+export { WindowFrame, type WindowFrameProps, type WindowTab };

package/dist/components/window-frame/index.d.mts

@@ -0,0 +1,2 @@
+import { WindowFrame, WindowFrameProps, WindowTab } from "./WindowFrame.mjs";
+export { WindowFrame, type WindowFrameProps, type WindowTab };

package/dist/hooks/use-mobile.cjs

@@ -0,0 +1,23 @@
+"use client";
+const require_runtime = require("../_virtual/_rolldown/runtime.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react, 1);
+//#region src/hooks/use-mobile.tsx
+const MOBILE_BREAKPOINT = 768;
+function useIsMobile() {
+	const [isMobile, setIsMobile] = react.useState(void 0);
+	react.useEffect(() => {
+		const mql = window.matchMedia(`(max-width: 767px)`);
+		const onChange = () => {
+			setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+		};
+		mql.addEventListener("change", onChange);
+		setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+		return () => mql.removeEventListener("change", onChange);
+	}, []);
+	return !!isMobile;
+}
+//#endregion
+exports.useIsMobile = useIsMobile;
+
+//# sourceMappingURL=use-mobile.cjs.map

package/dist/hooks/use-mobile.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-mobile.cjs","names":["React"],"sources":["../../src/hooks/use-mobile.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nconst MOBILE_BREAKPOINT = 768;\n\nexport function useIsMobile() {\n  const [isMobile, setIsMobile] = React.useState<boolean | undefined>(undefined);\n\n  React.useEffect(() => {\n    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);\n    const onChange = () => {\n      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);\n    };\n    mql.addEventListener('change', onChange);\n    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);\n    return () => mql.removeEventListener('change', onChange);\n  }, []);\n\n  return !!isMobile;\n}\n"],"mappings":";;;;;AAIA,MAAM,oBAAoB;AAE1B,SAAgB,cAAc;CAC5B,MAAM,CAAC,UAAU,eAAeA,MAAM,SAA8B,KAAA,CAAS;CAE7E,MAAM,gBAAgB;EACpB,MAAM,MAAM,OAAO,WAAW,oBAAyC;EACvE,MAAM,iBAAiB;GACrB,YAAY,OAAO,aAAa,iBAAiB;EACnD;EACA,IAAI,iBAAiB,UAAU,QAAQ;EACvC,YAAY,OAAO,aAAa,iBAAiB;EACjD,aAAa,IAAI,oBAAoB,UAAU,QAAQ;CACzD,GAAG,CAAC,CAAC;CAEL,OAAO,CAAC,CAAC;AACX"}

package/dist/hooks/use-mobile.mjs

@@ -0,0 +1,21 @@
+"use client";
+import * as React from "react";
+//#region src/hooks/use-mobile.tsx
+const MOBILE_BREAKPOINT = 768;
+function useIsMobile() {
+	const [isMobile, setIsMobile] = React.useState(void 0);
+	React.useEffect(() => {
+		const mql = window.matchMedia(`(max-width: 767px)`);
+		const onChange = () => {
+			setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+		};
+		mql.addEventListener("change", onChange);
+		setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+		return () => mql.removeEventListener("change", onChange);
+	}, []);
+	return !!isMobile;
+}
+//#endregion
+export { useIsMobile };
+
+//# sourceMappingURL=use-mobile.mjs.map

package/dist/hooks/use-mobile.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-mobile.mjs","names":[],"sources":["../../src/hooks/use-mobile.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nconst MOBILE_BREAKPOINT = 768;\n\nexport function useIsMobile() {\n  const [isMobile, setIsMobile] = React.useState<boolean | undefined>(undefined);\n\n  React.useEffect(() => {\n    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);\n    const onChange = () => {\n      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);\n    };\n    mql.addEventListener('change', onChange);\n    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);\n    return () => mql.removeEventListener('change', onChange);\n  }, []);\n\n  return !!isMobile;\n}\n"],"mappings":";;;AAIA,MAAM,oBAAoB;AAE1B,SAAgB,cAAc;CAC5B,MAAM,CAAC,UAAU,eAAe,MAAM,SAA8B,KAAA,CAAS;CAE7E,MAAM,gBAAgB;EACpB,MAAM,MAAM,OAAO,WAAW,oBAAyC;EACvE,MAAM,iBAAiB;GACrB,YAAY,OAAO,aAAa,iBAAiB;EACnD;EACA,IAAI,iBAAiB,UAAU,QAAQ;EACvC,YAAY,OAAO,aAAa,iBAAiB;EACjD,aAAa,IAAI,oBAAoB,UAAU,QAAQ;CACzD,GAAG,CAAC,CAAC;CAEL,OAAO,CAAC,CAAC;AACX"}