@adea-ai/ui 0.60.4 → 0.61.0

package/dist/components/layout/panel/panel.js

@@ -0,0 +1,151 @@
+import { cn } from "../../../lib/utils.js";
+import { createComponent, insert, mergeProps, spread, template } from "solid-js/web";
+import { Show, splitProps } from "solid-js";
+//#region src/components/layout/panel/panel.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<section data-slot=panel>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<header data-slot=panel-header>`);
+var _tmpl$3 = /*#__PURE__*/ template(`<h2 data-slot=panel-title>`);
+var _tmpl$4 = /*#__PURE__*/ template(`<p data-slot=panel-description>`);
+var _tmpl$5 = /*#__PURE__*/ template(`<div data-slot=panel-actions>`);
+var _tmpl$6 = /*#__PURE__*/ template(`<div data-slot=panel-toolbar>`);
+var _tmpl$7 = /*#__PURE__*/ template(`<div data-slot=panel-body>`);
+var _tmpl$8 = /*#__PURE__*/ template(`<footer data-slot=panel-footer>`);
+var _tmpl$9 = /*#__PURE__*/ template(`<div data-slot=panel-placeholder>`);
+/**
+* Panel.
+*
+* A titled region inside the content area — an editor, an inspector, a list, a
+* terminal. It is the third level of surface after the shell and the sidebar,
+* and like them its parts are fixed: a header with a title and a toolbar, a
+* scrolling body, an optional footer.
+*
+* The body scrolls and the header does not, which is the whole reason this is a
+* component. A panel whose header scrolls away loses the name of what the user
+* is looking at, and every hand-built panel gets this wrong at least once.
+*
+* Component props are `title`-agnostic on purpose: the panel does not decide
+* how large its title is, so an inspector's title and an editor's title agree.
+*/
+function Panel(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return (() => {
+		var _el$ = _tmpl$();
+		spread(_el$, mergeProps({ get ["class"]() {
+			return cn("bg-surface flex h-full min-h-0 min-w-0 flex-1 flex-col overflow-hidden", local.class);
+		} }, rest), false, false);
+		return _el$;
+	})();
+}
+/** A panel whose surface is raised, for a panel floating over the canvas. */
+function PanelCard(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return createComponent(Panel, mergeProps({ get ["class"]() {
+		return cn("bg-card m-2 h-[calc(100%-1rem)] rounded-xl border border-border shadow-xs", local.class);
+	} }, rest));
+}
+function PanelHeader(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return (() => {
+		var _el$2 = _tmpl$2();
+		spread(_el$2, mergeProps({ get ["class"]() {
+			return cn("flex min-h-(--topbar-height) shrink-0 items-center gap-2 border-b border-border px-3", local.class);
+		} }, rest), false, false);
+		return _el$2;
+	})();
+}
+function PanelTitle(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return (() => {
+		var _el$3 = _tmpl$3();
+		spread(_el$3, mergeProps({ get ["class"]() {
+			return cn("min-w-0 truncate text-sm font-semibold tracking-tight", local.class);
+		} }, rest), false, false);
+		return _el$3;
+	})();
+}
+function PanelDescription(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return (() => {
+		var _el$4 = _tmpl$4();
+		spread(_el$4, mergeProps({ get ["class"]() {
+			return cn("truncate text-xs text-muted-foreground", local.class);
+		} }, rest), false, false);
+		return _el$4;
+	})();
+}
+/** The trailing group in a panel header: buttons, tabs, a menu. */
+function PanelActions(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return (() => {
+		var _el$5 = _tmpl$5();
+		spread(_el$5, mergeProps({ get ["class"]() {
+			return cn("ms-auto flex shrink-0 items-center gap-1", local.class);
+		} }, rest), false, false);
+		return _el$5;
+	})();
+}
+/** A secondary row under the header: a toolbar, tabs, a filter bar. */
+function PanelToolbar(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return (() => {
+		var _el$6 = _tmpl$6();
+		spread(_el$6, mergeProps({ get ["class"]() {
+			return cn("flex min-h-9 shrink-0 items-center gap-1.5 border-b border-border px-2", local.class);
+		} }, rest), false, false);
+		return _el$6;
+	})();
+}
+/**
+* The scrolling region.
+*
+* `min-h-0` is required and easy to omit: a flex child's default `min-height`
+* is its content, so without it a long body pushes the panel past its parent
+* instead of scrolling.
+*/
+function PanelBody(props) {
+	const [local, rest] = splitProps(props, ["class", "bare"]);
+	return (() => {
+		var _el$7 = _tmpl$7();
+		spread(_el$7, mergeProps({ get ["class"]() {
+			return cn("min-h-0 flex-1 overflow-y-auto", { "p-3": !local.bare }, local.class);
+		} }, rest), false, false);
+		return _el$7;
+	})();
+}
+function PanelFooter(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return (() => {
+		var _el$8 = _tmpl$8();
+		spread(_el$8, mergeProps({ get ["class"]() {
+			return cn("flex shrink-0 items-center gap-2 border-t border-border px-3 py-2", local.class);
+		} }, rest), false, false);
+		return _el$8;
+	})();
+}
+/**
+* The centered message a panel shows when it has no content. Distinct from
+* `Empty`, which is a full-page state with room for media and actions; this is
+* the in-pane version, sized for a column.
+*/
+function PanelPlaceholder(props) {
+	const [local, rest] = splitProps(props, ["class", "children"]);
+	return (() => {
+		var _el$9 = _tmpl$9();
+		spread(_el$9, mergeProps({ get ["class"]() {
+			return cn("text-muted-foreground flex h-full min-h-32 flex-col items-center justify-center gap-2 p-6 text-center text-sm", local.class);
+		} }, rest), false, true);
+		insert(_el$9, createComponent(Show, {
+			get when() {
+				return local.children;
+			},
+			get children() {
+				return local.children;
+			}
+		}));
+		return _el$9;
+	})();
+}
+//#endregion
+export { Panel, PanelActions, PanelBody, PanelCard, PanelDescription, PanelFooter, PanelHeader, PanelPlaceholder, PanelTitle, PanelToolbar };
+
+//# sourceMappingURL=panel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"panel.js","names":["ComponentProps","Show","splitProps","cn","Panel","props","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","class","PanelCard","_$createComponent","PanelHeader","_el$2","_tmpl$2","PanelTitle","_el$3","_tmpl$3","PanelDescription","_el$4","_tmpl$4","PanelActions","_el$5","_tmpl$5","PanelToolbar","_el$6","_tmpl$6","PanelBody","bare","_el$7","_tmpl$7","PanelFooter","_el$8","_tmpl$8","PanelPlaceholder","_el$9","_tmpl$9","_$insert","when","children","_$mergeProps","_$createComponent"],"sources":["../../../../src/components/layout/panel/panel.tsx"],"sourcesContent":["import type { ComponentProps } from 'solid-js'\nimport { Show, splitProps } from 'solid-js'\nimport { cn } from '#lib/utils'\n\n/**\n * Panel.\n *\n * A titled region inside the content area — an editor, an inspector, a list, a\n * terminal. It is the third level of surface after the shell and the sidebar,\n * and like them its parts are fixed: a header with a title and a toolbar, a\n * scrolling body, an optional footer.\n *\n * The body scrolls and the header does not, which is the whole reason this is a\n * component. A panel whose header scrolls away loses the name of what the user\n * is looking at, and every hand-built panel gets this wrong at least once.\n *\n * Component props are `title`-agnostic on purpose: the panel does not decide\n * how large its title is, so an inspector's title and an editor's title agree.\n */\nexport function Panel(props: ComponentProps<'section'>) {\n  const [local, rest] = splitProps(props, ['class'])\n\n  return (\n    <section\n      data-slot=\"panel\"\n      class={cn(\n        'bg-surface flex h-full min-h-0 min-w-0 flex-1 flex-col overflow-hidden',\n        local.class\n      )}\n      {...rest}\n    />\n  )\n}\n\n/** A panel whose surface is raised, for a panel floating over the canvas. */\nexport function PanelCard(props: ComponentProps<'section'>) {\n  const [local, rest] = splitProps(props, ['class'])\n\n  return (\n    <Panel\n      class={cn(\n        'bg-card m-2 h-[calc(100%-1rem)] rounded-xl border border-border shadow-xs',\n        local.class\n      )}\n      {...rest}\n    />\n  )\n}\n\nexport function PanelHeader(props: ComponentProps<'header'>) {\n  const [local, rest] = splitProps(props, ['class'])\n\n  return (\n    <header\n      data-slot=\"panel-header\"\n      class={cn(\n        'flex min-h-(--topbar-height) shrink-0 items-center gap-2 border-b border-border px-3',\n        local.class\n      )}\n      {...rest}\n    />\n  )\n}\n\nexport function PanelTitle(props: ComponentProps<'h2'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <h2\n      data-slot=\"panel-title\"\n      class={cn('min-w-0 truncate text-sm font-semibold tracking-tight', local.class)}\n      {...rest}\n    />\n  )\n}\n\nexport function PanelDescription(props: ComponentProps<'p'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <p\n      data-slot=\"panel-description\"\n      class={cn('truncate text-xs text-muted-foreground', local.class)}\n      {...rest}\n    />\n  )\n}\n\n/** The trailing group in a panel header: buttons, tabs, a menu. */\nexport function PanelActions(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <div\n      data-slot=\"panel-actions\"\n      class={cn('ms-auto flex shrink-0 items-center gap-1', local.class)}\n      {...rest}\n    />\n  )\n}\n\n/** A secondary row under the header: a toolbar, tabs, a filter bar. */\nexport function PanelToolbar(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <div\n      data-slot=\"panel-toolbar\"\n      class={cn(\n        'flex min-h-9 shrink-0 items-center gap-1.5 border-b border-border px-2',\n        local.class\n      )}\n      {...rest}\n    />\n  )\n}\n\n/**\n * The scrolling region.\n *\n * `min-h-0` is required and easy to omit: a flex child's default `min-height`\n * is its content, so without it a long body pushes the panel past its parent\n * instead of scrolling.\n */\nexport function PanelBody(\n  props: ComponentProps<'div'> & { /** Remove the default padding. */ bare?: boolean }\n) {\n  const [local, rest] = splitProps(props, ['class', 'bare'])\n\n  return (\n    <div\n      data-slot=\"panel-body\"\n      class={cn('min-h-0 flex-1 overflow-y-auto', { 'p-3': !local.bare }, local.class)}\n      {...rest}\n    />\n  )\n}\n\nexport function PanelFooter(props: ComponentProps<'footer'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <footer\n      data-slot=\"panel-footer\"\n      class={cn('flex shrink-0 items-center gap-2 border-t border-border px-3 py-2', local.class)}\n      {...rest}\n    />\n  )\n}\n\n/**\n * The centered message a panel shows when it has no content. Distinct from\n * `Empty`, which is a full-page state with room for media and actions; this is\n * the in-pane version, sized for a column.\n */\nexport function PanelPlaceholder(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class', 'children'])\n\n  return (\n    <div\n      data-slot=\"panel-placeholder\"\n      class={cn(\n        'text-muted-foreground flex h-full min-h-32 flex-col items-center justify-center gap-2 p-6 text-center text-sm',\n        local.class\n      )}\n      {...rest}\n    >\n      <Show when={local.children}>{local.children}</Show>\n    </div>\n  )\n}\n"],"mappings":"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"}

package/dist/components/layout/side-rail/index.d.ts

@@ -0,0 +1,3 @@
+export { SideRail, SideRailButton, SideRailContent, SideRailFooter, SideRailHeader, SideRailItem, SideRailSection, type SideRailItemProps, type SideRailProps, } from './side-rail';
+export { useSideRail } from './side-rail-context';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/layout/side-rail/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/side-rail/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,cAAc,EACd,eAAe,EACf,cAAc,EACd,cAAc,EACd,YAAY,EACZ,eAAe,EACf,KAAK,iBAAiB,EACtB,KAAK,aAAa,GACnB,MAAM,aAAa,CAAA;AACpB,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA"}

package/dist/components/layout/side-rail/side-rail-context.d.ts

@@ -0,0 +1,23 @@
+/**
+ * The side rail's collapse state, shared with its items.
+ *
+ * A rail has two forms — icon-only and labelled — and every item has to agree
+ * about which is showing. Threading a `collapsed` prop through each item would
+ * work in a demo and break in practice, because an app composes its rail from
+ * several components (a brand, a section, a footer) and would have to remember
+ * to pass the flag to all of them.
+ *
+ * Context makes the rail's form a property of the rail rather than an argument
+ * every caller repeats. The items still decide what to *do* about it: a hidden
+ * label must become a tooltip, not simply disappear.
+ */
+type SideRailContextValue = {
+    collapsed: () => boolean;
+    /** Width the rail occupies, so a layout can reserve it without measuring. */
+    width: () => string;
+};
+declare const SideRailContext: import("solid-js").Context<SideRailContextValue | undefined>;
+export declare function useSideRail(): SideRailContextValue;
+export { SideRailContext };
+export declare function createSideRailValue(collapsed: () => boolean, width: () => string): SideRailContextValue;
+//# sourceMappingURL=side-rail-context.d.ts.map

package/dist/components/layout/side-rail/side-rail-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"side-rail-context.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/side-rail/side-rail-context.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;GAYG;AACH,KAAK,oBAAoB,GAAG;IAC1B,SAAS,EAAE,MAAM,OAAO,CAAA;IACxB,6EAA6E;IAC7E,KAAK,EAAE,MAAM,MAAM,CAAA;CACpB,CAAA;AAED,QAAA,MAAM,eAAe,8DAAwC,CAAA;AAE7D,wBAAgB,WAAW,IAAI,oBAAoB,CAMlD;AAED,OAAO,EAAE,eAAe,EAAE,CAAA;AAE1B,wBAAgB,mBAAmB,CACjC,SAAS,EAAE,MAAM,OAAO,EACxB,KAAK,EAAE,MAAM,MAAM,GAClB,oBAAoB,CAKtB"}

package/dist/components/layout/side-rail/side-rail-context.js

@@ -0,0 +1,18 @@
+import { createContext, createMemo, useContext } from "solid-js";
+//#region src/components/layout/side-rail/side-rail-context.ts
+var SideRailContext = createContext();
+function useSideRail() {
+	const value = useContext(SideRailContext);
+	if (!value) throw new Error("useSideRail must be called inside a <SideRail>.");
+	return value;
+}
+function createSideRailValue(collapsed, width) {
+	return {
+		collapsed: createMemo(() => collapsed()),
+		width
+	};
+}
+//#endregion
+export { SideRailContext, createSideRailValue, useSideRail };
+
+//# sourceMappingURL=side-rail-context.js.map

package/dist/components/layout/side-rail/side-rail-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"side-rail-context.js","names":[],"sources":["../../../../src/components/layout/side-rail/side-rail-context.ts"],"sourcesContent":["import { createContext, createMemo, useContext } from 'solid-js'\n\n/**\n * The side rail's collapse state, shared with its items.\n *\n * A rail has two forms — icon-only and labelled — and every item has to agree\n * about which is showing. Threading a `collapsed` prop through each item would\n * work in a demo and break in practice, because an app composes its rail from\n * several components (a brand, a section, a footer) and would have to remember\n * to pass the flag to all of them.\n *\n * Context makes the rail's form a property of the rail rather than an argument\n * every caller repeats. The items still decide what to *do* about it: a hidden\n * label must become a tooltip, not simply disappear.\n */\ntype SideRailContextValue = {\n  collapsed: () => boolean\n  /** Width the rail occupies, so a layout can reserve it without measuring. */\n  width: () => string\n}\n\nconst SideRailContext = createContext<SideRailContextValue>()\n\nexport function useSideRail(): SideRailContextValue {\n  const value = useContext(SideRailContext)\n  if (!value) {\n    throw new Error('useSideRail must be called inside a <SideRail>.')\n  }\n  return value\n}\n\nexport { SideRailContext }\n\nexport function createSideRailValue(\n  collapsed: () => boolean,\n  width: () => string\n): SideRailContextValue {\n  return {\n    collapsed: createMemo(() => collapsed()),\n    width,\n  }\n}\n"],"mappings":";;AAqBA,IAAM,kBAAkB,cAAoC;AAE5D,SAAgB,cAAoC;CAClD,MAAM,QAAQ,WAAW,eAAe;CACxC,IAAI,CAAC,OACH,MAAM,IAAI,MAAM,iDAAiD;CAEnE,OAAO;AACT;AAIA,SAAgB,oBACd,WACA,OACsB;CACtB,OAAO;EACL,WAAW,iBAAiB,UAAU,CAAC;EACvC;CACF;AACF"}

package/dist/components/layout/side-rail/side-rail.d.ts

@@ -0,0 +1,101 @@
+import { type PolymorphicProps } from '@kobalte/core/polymorphic';
+import type { ComponentProps, JSX, ValidComponent } from 'solid-js';
+/**
+ * SideRail.
+ *
+ * The narrow, persistent column of top-level destinations at the window's leading
+ * edge: the app mark, the primary sections, and a footer for account and settings.
+ * It is the one piece of chrome that is always on screen, which is why it is a
+ * component rather than something each view arranges.
+ *
+ * Two forms, one component. Collapsed it is an icon column; expanded it carries
+ * labels. Both widths come from `--rail-width` (74px) and `--rail-width-expanded`
+ * (236px), so an app cannot pick its own and end up a few pixels out of step with
+ * the app beside it.
+ *
+ * The rail does not own its collapsed state; the app does. That state has to
+ * survive a reload and usually lives with the rest of the window preferences, and
+ * a rail that kept it privately could not be restored.
+ */
+export type SideRailProps<T extends ValidComponent = 'nav'> = PolymorphicProps<T, {
+    class?: string;
+    collapsed?: boolean;
+    'aria-label'?: string;
+}>;
+export declare function SideRail<T extends ValidComponent = 'nav'>(props: SideRailProps<T>): JSX.Element;
+/** The header slot: the app mark, and the product name when there is room. */
+export declare function SideRailHeader(props: ComponentProps<'div'>): JSX.Element;
+/** The scrolling middle. Keeps the header and the footer pinned. */
+export declare function SideRailContent(props: ComponentProps<'div'>): JSX.Element;
+/** The pinned footer: account, settings, help. */
+export declare function SideRailFooter(props: ComponentProps<'div'>): JSX.Element;
+/** A titled group of rail destinations. The title hides when collapsed. */
+export declare function SideRailSection(props: ComponentProps<'div'> & {
+    label?: string;
+}): JSX.Element;
+/**
+ * The classes a rail row uses. Exported so a caller's own element — a router link,
+ * a custom button — can match the rail exactly instead of approximating it.
+ */
+export declare const sideRailItemClass: string;
+export declare const sideRailItemStateClass: {
+    active: string;
+    idle: string;
+};
+/**
+ * A rail destination.
+ *
+ * ## The tooltip is the rail's hover affordance, not a generic bubble
+ *
+ * Collapsed, the row has no text, so the label has to come from somewhere. This
+ * ports the donor's treatment rather than using a standard tooltip, because the
+ * details are what make it read as part of the rail:
+ *
+ *   - It is **flush with the row**: positioned at the row's own top and given the
+ *     row's own height, so it continues the row outward instead of floating near
+ *     it. A centred bubble with an arrow reads as a separate object.
+ *   - It **repeats the icon**, which anchors it to the row it belongs to.
+ *   - It carries the **keyboard chord**, which is the one piece of information a
+ *     collapsed rail otherwise cannot show.
+ *   - It opens on **hover and on focus**, so a keyboard user gets the same label a
+ *     pointer user does.
+ *   - It is `pointer-events-none` and `aria-hidden`: the row already carries the
+ *     name (as a visually hidden span when collapsed), so this is decoration and
+ *     must never be the accessible name.
+ *
+ * ## The chord on the row
+ *
+ * Expanded, the row shows its chord on hover and on focus — and the chord is
+ * declared once to assistive technology through `aria-keyshortcuts` rather than
+ * being read out as glyphs. The visible badge is `aria-hidden` for that reason.
+ */
+export type SideRailItemProps<T extends ValidComponent = 'a'> = PolymorphicProps<T, {
+    class?: string;
+    /** Marks the item as the current destination. */
+    active?: boolean;
+    /**
+     * The item's accessible name. Required, and always in the accessibility tree:
+     * collapsed it moves into the tooltip and a visually hidden span rather than
+     * being deleted.
+     */
+    label: string;
+    /** A count or a dot, rendered over the icon's corner. */
+    badge?: JSX.Element;
+    /** An indicator pinned to the trailing edge in the expanded form. */
+    trailing?: JSX.Element;
+    /** The chord as it should be drawn, e.g. `⌘1`. Shown on hover and focus. */
+    shortcut?: string;
+    /**
+     * The same chord in the ARIA grammar, e.g. `Meta+1`. Declared to assistive
+     * technology instead of the display glyphs, which are not a keyboard shortcut
+     * a screen reader can parse. Supply it whenever `shortcut` is drawn.
+     */
+    keyshortcuts?: string;
+}>;
+export declare function SideRailItem<T extends ValidComponent = 'a'>(props: SideRailItemProps<T>): JSX.Element;
+/** A non-navigating rail control: a collapse toggle, a "new" action. */
+export declare function SideRailButton(props: Omit<ComponentProps<'button'>, 'type'> & {
+    label: string;
+    shortcut?: string;
+}): JSX.Element;
+//# sourceMappingURL=side-rail.d.ts.map

package/dist/components/layout/side-rail/side-rail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"side-rail.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/side-rail/side-rail.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAC9E,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAMnE;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,cAAc,GAAG,KAAK,IAAI,gBAAgB,CAC5E,CAAC,EACD;IACE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CACF,CAAA;AAED,wBAAgB,QAAQ,CAAC,CAAC,SAAS,cAAc,GAAG,KAAK,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,eAmCjF;AAED,8EAA8E;AAC9E,wBAAgB,cAAc,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,eAY1D;AAED,oEAAoE;AACpE,wBAAgB,eAAe,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,eAY3D;AAED,kDAAkD;AAClD,wBAAgB,cAAc,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,eAY1D;AAED,2EAA2E;AAC3E,wBAAgB,eAAe,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,eAahF;AAED;;;GAGG;AACH,eAAO,MAAM,iBAAiB,QAiBnB,CAAA;AAEX,eAAO,MAAM,sBAAsB;;;CAGlC,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,MAAM,iBAAiB,CAAC,CAAC,SAAS,cAAc,GAAG,GAAG,IAAI,gBAAgB,CAC9E,CAAC,EACD;IACE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iDAAiD;IACjD,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;;;OAIG;IACH,KAAK,EAAE,MAAM,CAAA;IACb,yDAAyD;IACzD,KAAK,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACnB,qEAAqE;IACrE,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACtB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CACF,CAAA;AAED,wBAAgB,YAAY,CAAC,CAAC,SAAS,cAAc,GAAG,GAAG,EAAE,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,eAkHvF;AAED,wEAAwE;AACxE,wBAAgB,cAAc,CAC5B,KAAK,EAAE,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,eAyErF"}