@vkzstudio/muza-ui 1.2.0 → 1.4.0

package/dist/components/SearchFilters/SearchFilters.js

@@ -0,0 +1,176 @@
+import { jsxs as s, jsx as e, Fragment as N } from "react/jsx-runtime";
+import * as n from "react";
+import { Button as w } from "../Button/Button.js";
+import { Searchbar as k } from "../Searchbar/Searchbar.js";
+import { Carousel as y, CarouselContent as v, CarouselItem as S, CarouselPrevious as C, CarouselNext as F } from "../Carousel/Carousel.js";
+import { Flex as m } from "../Flex/Flex.js";
+import { cn as l } from "../../utils/cn.js";
+import { ArrowLeftOutline as A } from "@solar-icons/react-perf";
+import { Skeleton as f } from "../Skeleton/Skeleton.js";
+const R = n.forwardRef(
+  ({
+    className: t,
+    searchbarProps: r,
+    back: a,
+    backVisibleOnDesktop: i = !1,
+    children: c,
+    carouselOpts: d,
+    showArrows: u = !0,
+    ...x
+  }, b) => {
+    const h = !!(r || a), p = n.Children.toArray(c).filter(n.isValidElement);
+    return /* @__PURE__ */ s(
+      m,
+      {
+        ref: b,
+        direction: "column",
+        "data-slot": "search-filters",
+        className: l(
+          "w-full bg-surface-base-secondary",
+          "md:flex-row md:items-center md:gap-2xl md:px-2xl md:py-xl",
+          t
+        ),
+        ...x,
+        children: [
+          h && /* @__PURE__ */ s(
+            m,
+            {
+              "data-slot": "search-filters-bar",
+              align: "center",
+              gap: "md",
+              padding: { px: "xl", py: "lg" },
+              className: l(
+                "border-b border-stroke-base-primary",
+                "md:border-b-0 md:p-0"
+              ),
+              children: [
+                a && /* @__PURE__ */ e(
+                  m,
+                  {
+                    "data-slot": "search-filters-back",
+                    align: "center",
+                    className: l("shrink-0", !i && "md:hidden"),
+                    children: /* @__PURE__ */ e(
+                      w,
+                      {
+                        variant: "tertiary",
+                        size: "icon",
+                        icon: /* @__PURE__ */ e(A, {}),
+                        ...a
+                      }
+                    )
+                  }
+                ),
+                r && /* @__PURE__ */ e("div", { className: "flex-1 md:w-[280px] md:flex-none", children: /* @__PURE__ */ e(k, { ...r }) })
+              ]
+            }
+          ),
+          h && /* @__PURE__ */ e(
+            "div",
+            {
+              "aria-hidden": !0,
+              className: "hidden h-comp-button-h-sm w-px shrink-0 bg-stroke-base-primary md:block"
+            }
+          ),
+          /* @__PURE__ */ e(
+            "div",
+            {
+              "data-slot": "search-filters-list",
+              className: l(
+                // No horizontal padding here so the chip carousel runs full-bleed
+                // to the viewport edges; the leading/trailing chip insets live on
+                // the first/last CarouselItem so they survive Embla's scroll
+                // trimming and only show at the scroll extremes.
+                "relative min-w-0 py-lg",
+                // Mobile gets a bottom divider below the toggle row, matching the
+                // divider above between the searchbar and the toggles.
+                "border-b border-stroke-base-primary",
+                // Desktop: pull the right edge out past the bar's px-2xl so chips
+                // bleed to the viewport's right edge (left stays inset by the bar).
+                "md:-mr-2xl md:flex-1 md:border-b-0 md:p-0"
+              ),
+              children: /* @__PURE__ */ s(y, { align: "start", options: d, className: "w-full", children: [
+                /* @__PURE__ */ e(v, { className: "!ml-0 items-center gap-xs", children: p.map((g, o) => /* @__PURE__ */ e(
+                  S,
+                  {
+                    className: l(
+                      "!basis-auto !pl-0",
+                      // First/last chips carry the leading/trailing inset so the
+                      // strip rests with padding at the scroll extremes while
+                      // still bleeding to the edges mid-scroll. Mobile/tablet use
+                      // the bar's xl inset; desktop uses the container's 2xl.
+                      o === 0 && "!pl-xl md:!pl-0",
+                      o === p.length - 1 && "pr-xl md:pr-2xl"
+                    ),
+                    children: g
+                  },
+                  o
+                )) }),
+                u && /* @__PURE__ */ s(N, { children: [
+                  /* @__PURE__ */ e(
+                    C,
+                    {
+                      hideWhenDisabled: !0,
+                      className: "hidden md:left-0 md:flex"
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    F,
+                    {
+                      hideWhenDisabled: !0,
+                      className: "hidden md:right-2xl md:flex"
+                    }
+                  )
+                ] })
+              ] })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+R.displayName = "SearchFilters";
+const j = ({
+  className: t,
+  color: r = "default",
+  chips: a = 4,
+  ...i
+}) => /* @__PURE__ */ s(
+  m,
+  {
+    direction: "column",
+    gap: "2xl",
+    className: l("w-full md:flex-row md:items-center", t),
+    ...i,
+    children: [
+      /* @__PURE__ */ e(
+        f,
+        {
+          color: r,
+          className: "h-comp-input-h-small w-full shrink-0 rounded-full md:w-[280px]"
+        }
+      ),
+      /* @__PURE__ */ e(
+        "div",
+        {
+          "aria-hidden": !0,
+          className: "hidden h-comp-button-h-sm w-px shrink-0 bg-stroke-base-primary md:block"
+        }
+      ),
+      /* @__PURE__ */ e(m, { gap: "xs", className: "min-w-0 flex-1 overflow-hidden", children: Array.from({ length: a }).map((c, d) => /* @__PURE__ */ e(
+        f,
+        {
+          color: r,
+          className: "h-comp-button-h-sm w-[96px] shrink-0 rounded-full"
+        },
+        d
+      )) })
+    ]
+  }
+);
+j.displayName = "SearchFiltersSkeleton";
+export {
+  R as SearchFilters,
+  j as SearchFiltersSkeleton
+};

package/dist/components/SearchFilters/SearchFilters.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { SearchFilters } from './SearchFilters';
+declare const meta: Meta<typeof SearchFilters>;
+export default meta;
+type Story = StoryObj<typeof SearchFilters>;
+export declare const Default: Story;
+export declare const WithBackButton: Story;
+export declare const BackVisibleOnDesktop: Story;
+export declare const Controlled: Story;
+export declare const NoArrows: Story;
+export declare const LoadingSkeleton: Story;
+//# sourceMappingURL=SearchFilters.stories.d.ts.map

package/dist/components/SearchFilters/SearchFilters.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchFilters.stories.d.ts","sourceRoot":"","sources":["../../../src/components/SearchFilters/SearchFilters.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAI3D,OAAO,EAAE,aAAa,EAAyB,MAAM,iBAAiB,CAAA;AAEtE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CA8BpC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,CAAA;AAE3C,eAAO,MAAM,OAAO,EAAE,KA2BrB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KA+B5B,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KAiClC,CAAA;AAaD,eAAO,MAAM,UAAU,EAAE,KAuCxB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KA0BtB,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAe7B,CAAA"}

package/dist/components/SearchFilters/index.d.ts

@@ -0,0 +1,2 @@
+export * from './SearchFilters';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/SearchFilters/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SearchFilters/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA"}

package/dist/components/SegmentedControl/SegmentedControl.js

@@ -1,9 +1,9 @@
-import { jsx as r, jsxs as n } from "react/jsx-runtime";
+import { jsx as r, jsxs as a } from "react/jsx-runtime";
 import "react";
 import * as s from "@radix-ui/react-toggle-group";
-import { cn as a } from "../../utils/cn.js";
+import { cn as n } from "../../utils/cn.js";
 import { Typography as i } from "../Typography/Typography.js";
-const g = ({
+const l = ({
   className: t,
   children: o,
   ...e
@@ -11,7 +11,7 @@ const g = ({
   s.Root,
   {
     "data-slot": "toggle-group",
-    className: a(
+    className: n(
       "group/toggle-group relative flex gap-2xs p-2xs",
       "max-w-comp-segmentedControl-max-width w-fit",
       "rounded-md bg-surface-state-bg-info",
@@ -20,18 +20,18 @@ const g = ({
     ...e,
     children: o
   }
-), l = ({
+), d = ({
   className: t,
   children: o,
   ...e
-}) => /* @__PURE__ */ n(
+}) => /* @__PURE__ */ a(
   s.Item,
   {
     "data-slot": "toggle-group-item",
-    className: a(
+    className: n(
       "max-w-comp-segmentedControl-max-width-item flex items-center justify-center rounded-sm px-xl pt-sm pb-xs",
-      "transition-200 bg-transparent text-text-brand-def transition-colors",
-      "hover:text-comp-button-text-brand-def cursor-pointer hover:bg-surface-base-primary-hover",
+      "transition-200 bg-transparent text-comp-segmented-control-text-def transition-colors",
+      "cursor-pointer hover:bg-surface-base-primary-hover hover:text-comp-segmented-control-text-hover",
       "focus-visible-default focus-visible:ring-offset-0",
       "data-[state=on]:bg-surface-base-secondary",
       "disabled:pointer-events-none disabled:opacity-50",
@@ -55,6 +55,6 @@ const g = ({
   }
 );
 export {
-  g as SegmentedControl,
-  l as SegmentedControlItem
+  l as SegmentedControl,
+  d as SegmentedControlItem
 };

package/dist/components/Tag/Tag.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAA;AAKjE,QAAA,MAAM,WAAW;;;;8EA+BhB,CAAA;AAED,mCAAmC;AACnC,MAAM,MAAM,QAAQ,GAAG,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,GACjD,IAAI,CAAC,YAAY,CAAC,OAAO,WAAW,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,WAAW,CAAC,GAAG;IACzE,wFAAwF;IACxF,OAAO,CAAC,EACJ,QAAQ,GACR,UAAU,GACV,SAAS,GACT,SAAS,GACT,OAAO,GACP,MAAM,GACN,QAAQ,CAAA;IACZ,yDAAyD;IACzD,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC1B,gFAAgF;IAChF,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,yFAAyF;IACzF,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,yGAAyG;IACzG,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAEH,QAAA,MAAM,GAAG,GAAI,0FAWV,QAAQ,4CAgDV,CAAA;AAED,OAAO,EAAE,GAAG,EAAE,WAAW,EAAE,CAAA"}
+{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAA;AAKjE,QAAA,MAAM,WAAW;;;;8EA+BhB,CAAA;AAED,mCAAmC;AACnC,MAAM,MAAM,QAAQ,GAAG,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,GACjD,IAAI,CAAC,YAAY,CAAC,OAAO,WAAW,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,WAAW,CAAC,GAAG;IACzE,wFAAwF;IACxF,OAAO,CAAC,EACJ,QAAQ,GACR,UAAU,GACV,SAAS,GACT,SAAS,GACT,OAAO,GACP,MAAM,GACN,QAAQ,CAAA;IACZ,yDAAyD;IACzD,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC1B,gFAAgF;IAChF,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,yFAAyF;IACzF,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,yGAAyG;IACzG,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAEH,QAAA,MAAM,GAAG,GAAI,0FAWV,QAAQ,4CAiDV,CAAA;AAED,OAAO,EAAE,GAAG,EAAE,WAAW,EAAE,CAAA"}

package/dist/components/Tag/Tag.js

@@ -16,7 +16,7 @@ const u = d(
         success: "bg-surface-state-bg-success text-comp-alert-text-success",
         error: "bg-surface-state-bg-error text-comp-alert-text-error",
         info: "bg-surface-state-bg-info text-comp-alert-text-info",
-        invert: "border border-stroke-base-disabled bg-surface-icon-bg-light text-text-invert-def backdrop-blur-[7.5px]"
+        invert: "border border-stroke-base-disabled bg-surface-icon-bg-light text-text-invert-fixed backdrop-blur-[7.5px]"
       },
       size: {
         small: "px-sm py-2xs",

package/dist/components/TransactionsListView/TransactionsListView.d.ts

@@ -0,0 +1,152 @@
+import { CardProps } from '../Card';
+import { SkeletonProps } from '../Skeleton';
+import * as React from 'react';
+/**
+ * Background color of the leading icon circle.
+ *
+ * Mirrors the four "state" surface tones in the design tokens plus a
+ * `neutral` fallback for transactions without an explicit category.
+ */
+export type TransactionIconBg = 'info' | 'success' | 'warning' | 'error' | 'neutral';
+/**
+ * Color treatment for the transaction amount.
+ *
+ * - `success` — positive amount, green text (e.g. credits, refunds)
+ * - `default` — neutral amount, dark text (typical case)
+ * - `error` — failed/cancelled, red text (pair with `amountCrossedOut`)
+ * - `disabled` — dimmed text (matches the disabled row state)
+ */
+export type TransactionAmountVariant = 'success' | 'default' | 'error' | 'disabled';
+/**
+ * Built-in status-badge presets accepted by `TransactionData.iconBadge` as a
+ * string shorthand. Each preset bundles both the Solar icon and its color
+ * treatment (glyph + disc), so the badge icon and color are set with a single
+ * value:
+ *
+ * - `plus` — positive / credit, success-colored.
+ * - `minus` — negative / debit, neutral glyph on a dark disc.
+ * - `x` — cancelled / failed, warning-colored.
+ */
+export type TransactionIconBadgePreset = 'plus' | 'minus' | 'x';
+/**
+ * One label/value pair rendered inside the expanded details section.
+ *
+ * On mobile the label sits above the value (stacked); on `md+` it floats to
+ * the left in a 180px column and the value fills the remaining space.
+ */
+export interface TransactionDetailRow {
+    /** Label shown on the left (desktop) or above (mobile). */
+    label: React.ReactNode;
+    /** Value content. Long strings wrap. */
+    value: React.ReactNode;
+}
+/**
+ * Single transaction record consumed by `TransactionsListView`.
+ *
+ * Mirrors the data-driven approach used by `ExpandableTable` — the consumer
+ * passes a typed array of records and the component renders the layout,
+ * states, and expansion behavior.
+ */
+export interface TransactionData {
+    /** Stable unique identifier. Used as the React key and Radix Accordion value. */
+    id: string;
+    /** Transaction title (typically the order or event name). */
+    title: React.ReactNode;
+    /** Subtitle (timestamp, category, status…). */
+    date: React.ReactNode;
+    /**
+     * Icon rendered inside the leading colored circle. Pass any 20×20 node —
+     * typically a Solar icon from `@/components/Icons`.
+     */
+    icon?: React.ReactNode;
+    /** Background color of the leading icon circle. @default 'info' */
+    iconBg?: TransactionIconBg;
+    /**
+     * Replaces the entire leading slot. Use to render an Avatar, initials, or a
+     * custom badge. Overrides `icon` and `iconBg`.
+     */
+    iconSlot?: React.ReactNode;
+    /**
+     * Small status badge rendered as an overlay at the bottom-right of the
+     * leading icon circle.
+     *
+     * Pass a string preset (`'plus'` / `'minus'` / `'x'`) to get the built-in
+     * Solar icon together with its matching color treatment in one value — see
+     * {@link TransactionIconBadgePreset}. Or pass any custom 20×20 node, which
+     * is rendered as-is on a light disc.
+     */
+    iconBadge?: React.ReactNode | TransactionIconBadgePreset;
+    /** Primary amount displayed at the trailing end of the row. */
+    amount: React.ReactNode;
+    /** Color treatment for the amount. @default 'default' */
+    amountVariant?: TransactionAmountVariant;
+    /**
+     * Strike-through amount rendered before the primary amount — typically
+     * the pre-discount or pre-cancellation value.
+     */
+    amountCrossedOut?: React.ReactNode;
+    /** Detail rows shown when the row is expanded. */
+    details?: TransactionDetailRow[];
+    /** Alert message rendered below the detail rows in the expanded view. */
+    alert?: React.ReactNode;
+    /** Alert type — controls color treatment. @default 'error' */
+    alertType?: 'info' | 'success' | 'warning' | 'error';
+    /** Prevents interaction and dims the row. @default false */
+    disabled?: boolean;
+}
+/**
+ * Props for the `TransactionsListView` component.
+ *
+ * Extends {@link CardProps} so any layout / styling prop accepted by `Card`
+ * (padding, direction, gap, asChild, …) flows straight through to the
+ * surrounding card surface — the component just adds the transaction list
+ * semantics on top of a Card. The Card's `variant` is re-exposed as
+ * `cardVariant` to keep the naming unambiguous.
+ */
+export interface TransactionsListViewProps extends Omit<CardProps, 'children' | 'variant'> {
+    /** Transaction records to render, in order. */
+    data: TransactionData[];
+    /**
+     * Visual variant of the surrounding Card surface.
+     *
+     * @default 'default'
+     * @see CardProps.variant
+     */
+    cardVariant?: CardProps['variant'];
+    /**
+     * When true, drops the surrounding Card chrome (border, rounded corners,
+     * background, padding) below the `md` breakpoint — the list renders flush
+     * to the viewport on mobile.
+     *
+     * @default false
+     */
+    disableCardOnMobile?: boolean;
+    /**
+     * Controlled value of the expanded row id. Pair with `onValueChange`.
+     */
+    value?: string;
+    /**
+     * Default expanded row id for uncontrolled usage.
+     */
+    defaultValue?: string;
+    /** Fires when the expanded row changes. Receives the new id (or empty string when collapsed). */
+    onValueChange?: (value: string) => void;
+}
+declare const TransactionsListView: React.ForwardRefExoticComponent<TransactionsListViewProps & React.RefAttributes<HTMLElement>>;
+/** Props for the {@link TransactionsListViewSkeleton} component. */
+export type TransactionsListViewSkeletonProps = {
+    /** Number of skeleton transaction rows to render. @default 3 */
+    rows?: number;
+} & SkeletonProps;
+/**
+ * Loading placeholder matching the `TransactionsListView` — a market-style
+ * card surface wrapping a list of transaction rows, each with a leading
+ * circular icon block, a two-line title/date column, and a trailing amount
+ * block. Rows are separated by the same inline divider as the real list.
+ */
+declare const TransactionsListViewSkeleton: {
+    ({ className, color, rows, ...props }: TransactionsListViewSkeletonProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { TransactionsListView, TransactionsListViewSkeleton };
+//# sourceMappingURL=TransactionsListView.d.ts.map

package/dist/components/TransactionsListView/TransactionsListView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransactionsListView.d.ts","sourceRoot":"","sources":["../../../src/components/TransactionsListView/TransactionsListView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAW9B,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,SAAS,CAAA;AAQ9C,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,aAAa,CAAA;AAG1D;;;;;GAKG;AACH,MAAM,MAAM,iBAAiB,GACzB,MAAM,GACN,SAAS,GACT,SAAS,GACT,OAAO,GACP,SAAS,CAAA;AAEb;;;;;;;GAOG;AACH,MAAM,MAAM,wBAAwB,GAChC,SAAS,GACT,SAAS,GACT,OAAO,GACP,UAAU,CAAA;AAiBd;;;;;;;;;GASG;AACH,MAAM,MAAM,0BAA0B,GAAG,MAAM,GAAG,OAAO,GAAG,GAAG,CAAA;AAoB/D;;;;;GAKG;AACH,MAAM,WAAW,oBAAoB;IACnC,2DAA2D;IAC3D,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,wCAAwC;IACxC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB;AAED;;;;;;GAMG;AACH,MAAM,WAAW,eAAe;IAC9B,iFAAiF;IACjF,EAAE,EAAE,MAAM,CAAA;IACV,6DAA6D;IAC7D,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,+CAA+C;IAC/C,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,mEAAmE;IACnE,MAAM,CAAC,EAAE,iBAAiB,CAAA;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,0BAA0B,CAAA;IACxD,+DAA+D;IAC/D,MAAM,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,yDAAyD;IACzD,aAAa,CAAC,EAAE,wBAAwB,CAAA;IACxC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAClC,kDAAkD;IAClD,OAAO,CAAC,EAAE,oBAAoB,EAAE,CAAA;IAChC,yEAAyE;IACzE,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA;IACpD,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED;;;;;;;;GAQG;AACH,MAAM,WAAW,yBACf,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,GAAG,SAAS,CAAC;IAC/C,+CAA+C;IAC/C,IAAI,EAAE,eAAe,EAAE,CAAA;IACvB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAClC;;;;;;OAMG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,iGAAiG;IACjG,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACxC;AAED,QAAA,MAAM,oBAAoB,+FA0DzB,CAAA;AAiQD,oEAAoE;AACpE,MAAM,MAAM,iCAAiC,GAAG;IAC9C,gEAAgE;IAChE,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,GAAG,aAAa,CAAA;AAEjB;;;;;GAKG;AACH,QAAA,MAAM,4BAA4B;2CAK/B,iCAAiC;;CAuCnC,CAAA;AAGD,OAAO,EAAE,oBAAoB,EAAE,4BAA4B,EAAE,CAAA"}