@maanlamp/react-web-ui 0.0.0-stage → 0.1.1

package/dist/data-table/data-table.css

@@ -0,0 +1,531 @@
+@layer kit.reset, kit.base, kit.components;
+@layer kit.components {
+  ._root_1322g_3 {
+    --_table-radius: var(
+    	--table-radius,
+    	var(--sys-radius-md)
+    );
+    --_table-cell-pad-y: var(
+    	--table-cell-pad-y,
+    	var(--sys-unit-6)
+    );
+    --_table-cell-pad-x: var(
+    	--table-cell-pad-x,
+    	var(--sys-unit-8)
+    );
+    --_table-header-pad-y: var(
+    	--table-header-pad-y,
+    	var(--sys-unit-8)
+    );
+    --_table-header-min-block: var(
+    	--table-header-min-block,
+    	calc(
+    		var(--sys-unit-16) + 2 * var(--_table-header-pad-y)
+    	)
+    );
+    --_table-header-bg: var(
+    	--table-header-bg,
+    	color-mix(
+    		in oklab,
+    		var(--sys-color-primary-container) 70%,
+    		var(--sys-color-surface-high)
+    	)
+    );
+    --_table-header-fg: var(
+    	--table-header-fg,
+    	var(--sys-color-on-primary-container)
+    );
+    --_table-row-stripe: var(
+    	--table-row-stripe,
+    	color-mix(
+    		in oklab,
+    		var(--sys-color-primary-container) 30%,
+    		var(--sys-color-surface)
+    	)
+    );
+    --_table-row-hover: var(
+    	--table-row-hover,
+    	var(--_table-header-bg)
+    );
+    --_table-subrow-bg: var(
+    	--table-subrow-bg,
+    	var(--sys-color-surface-lowest)
+    );
+    --_table-min-inline: var(--table-min-inline, 100%);
+    --_table-edge-cue: var(
+    	--table-edge-cue,
+    	var(--sys-unit-6)
+    );
+    --_table-edge-slack: var(
+    	--table-edge-slack,
+    	var(--sys-unit-1)
+    );
+    --_table-edge-shadow: var(
+    	--table-edge-shadow,
+    	color-mix(
+    		in oklab,
+    		var(--sys-shadow-penumbra),
+    		transparent 45%
+    	)
+    );
+    display: flex;
+    flex-direction: column;
+    gap: var(--sys-unit-8);
+    color: var(--sys-color-text);
+    min-block-size: 0;
+  }
+  ._toolbar_1322g_77 {
+    display: flex;
+    flex-shrink: 0;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: var(--sys-unit-8);
+  }
+  ._scrollFrame_1322g_84 {
+    position: relative;
+    display: flex;
+    flex: 0 1 auto;
+    min-inline-size: 0;
+    min-block-size: 0;
+    timeline-scope: --table-scroll;
+  }
+  ._stale_1322g_92 {
+    display: flex;
+    flex: 1 1 0;
+    min-inline-size: 0;
+    min-block-size: 0;
+  }
+  ._staleOverlay_1322g_98 {
+    border-radius: var(--_table-radius);
+  }
+  ._contentWrap_1322g_101 {
+    position: relative;
+    isolation: isolate;
+    flex: 1 1 0;
+    min-inline-size: 0;
+    min-block-size: 0;
+    overflow: auto;
+    border-radius: var(--_table-radius);
+    background: var(--sys-color-surface);
+    scroll-timeline: --table-scroll inline;
+  }
+  ._contentWrap_1322g_101 {
+    outline: 0 solid var(--sys-color-focus-ring);
+    outline-offset: var(--sys-focus-ring-offset);
+  }
+  ._contentWrap_1322g_101:focus-visible {
+    outline-width: var(--sys-focus-ring-width);
+  }
+  @supports (animation-timeline: scroll()) {
+    ._scrollFrame_1322g_84::before,
+    ._scrollFrame_1322g_84::after {
+      position: absolute;
+      z-index: 1;
+      inset-block: 0 var(--table-scrollbar-block, 0px);
+      inline-size: var(--_table-edge-cue);
+      opacity: 0;
+      pointer-events: none;
+      animation-timing-function: linear;
+      animation-fill-mode: both;
+      animation-timeline: --table-scroll;
+    }
+    ._scrollFrame_1322g_84:has(._th_1322g_132[data-sticky=start])::before,
+    ._scrollFrame_1322g_84:has(._th_1322g_132[data-sticky=end])::after {
+      content: "";
+    }
+    ._scrollFrame_1322g_84::before {
+      inset-inline-start: var(--table-sticky-total, 0px);
+      background: linear-gradient(to right, var(--_table-edge-shadow), transparent);
+      animation-name: _edgeStart_1322g_1;
+      animation-range: var(--_table-edge-slack) calc(var(--_table-edge-cue) + var(--_table-edge-slack));
+    }
+    ._scrollFrame_1322g_84::after {
+      inset-inline-end: calc(var(--table-sticky-end-total, 0px) + var(--table-scrollbar-inline, 0px));
+      background: linear-gradient(to left, var(--_table-edge-shadow), transparent);
+      animation-name: _edgeEnd_1322g_1;
+      animation-range: calc(100% - var(--_table-edge-cue) - var(--_table-edge-slack)) calc(100% - var(--_table-edge-slack));
+    }
+  }
+  @keyframes _edgeStart_1322g_1 {
+    from {
+      opacity: 0;
+    }
+    to {
+      opacity: 1;
+    }
+  }
+  @keyframes _edgeEnd_1322g_1 {
+    from {
+      opacity: 1;
+    }
+    to {
+      opacity: 0;
+    }
+  }
+  ._refreshFailed_1322g_165 {
+    display: flex;
+    flex-shrink: 0;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: var(--sys-unit-6);
+    border-radius: var(--sys-radius-md);
+    background: var(--sys-color-error-bg);
+    padding: var(--sys-unit-6) var(--sys-unit-8);
+    color: var(--sys-color-error-fg);
+    font: var(--sys-font-label-medium);
+  }
+  ._table_1322g_177 {
+    inline-size: max-content;
+    min-inline-size: var(--_table-min-inline);
+    border-collapse: separate;
+    border-spacing: 0;
+    font: var(--sys-font-body-medium);
+    font-variant-numeric: tabular-nums;
+  }
+  ._thead_1322g_185 {
+    position: sticky;
+    inset-block-start: 0;
+    z-index: 2;
+    background: var(--_table-header-bg);
+  }
+  ._th_1322g_132 {
+    block-size: var(--_table-header-min-block);
+    padding: var(--_table-header-pad-y) var(--_table-cell-pad-x);
+    vertical-align: middle;
+    color: var(--_table-header-fg);
+    text-align: start;
+    font: var(--sys-font-label-small);
+    white-space: nowrap;
+  }
+  ._th_1322g_132:has(> ._sortToggle_1322g_200) {
+    padding: 0;
+  }
+  ._sortToggle_1322g_200 {
+    display: flex;
+    align-items: center;
+    gap: var(--sys-unit-4);
+    inline-size: 100%;
+    border-radius: var(--sys-radius-full);
+    padding: var(--_table-header-pad-y) var(--_table-cell-pad-x);
+    color: inherit;
+    font: inherit;
+  }
+  ._sortToggle_1322g_200 {
+    outline: 0 solid var(--sys-color-focus-ring);
+    outline-offset: var(--sys-focus-ring-offset);
+  }
+  ._sortToggle_1322g_200:focus-visible {
+    outline-width: var(--sys-focus-ring-width);
+  }
+  ._sortToggle_1322g_200 {
+    position: relative;
+    isolation: isolate;
+  }
+  ._sortToggle_1322g_200::after {
+    content: "";
+    position: absolute;
+    z-index: -1;
+    inset: 0;
+    border-radius: inherit;
+    background: currentcolor;
+    opacity: 0;
+    pointer-events: none;
+  }
+  @media not (prefers-reduced-motion) {
+    ._sortToggle_1322g_200::after {
+      transition: opacity var(--sys-motion-instant) var(--sys-motion-standard);
+    }
+  }
+  ._sortToggle_1322g_200:hover:not(:disabled, [data-disabled])::after {
+    opacity: var(--sys-state-hover);
+  }
+  ._sortToggle_1322g_200:active:not(:disabled, [data-disabled])::after {
+    opacity: var(--sys-state-pressed);
+  }
+  ._sortToggle_1322g_200 {
+    outline-offset: calc(-1 * var(--sys-focus-ring-width));
+  }
+  ._th_1322g_132[data-numeric=true] ._sortToggle_1322g_200 {
+    justify-content: flex-end;
+  }
+  ._sortIconIdle_1322g_251 {
+    color: color-mix(in oklab, var(--_table-header-fg) 55%, var(--_table-header-bg));
+  }
+  ._th_1322g_132[data-fit=true],
+  ._td_1322g_255[data-fit=true] {
+    inline-size: 1px;
+    white-space: nowrap;
+  }
+  ._th_1322g_132[data-numeric=true],
+  ._td_1322g_255[data-numeric=true] {
+    text-align: end;
+    font-variant-numeric: tabular-nums;
+  }
+  ._th_1322g_132[data-sticky],
+  ._td_1322g_255[data-sticky] {
+    position: sticky;
+    z-index: 1;
+  }
+  ._th_1322g_132[data-sticky] {
+    background: var(--_table-header-bg);
+  }
+  ._td_1322g_255[data-sticky] {
+    background: var(--sys-color-surface);
+  }
+  @media not (prefers-reduced-motion) {
+    ._td_1322g_255[data-sticky] {
+      transition: background-color var(--sys-motion-instant) var(--sys-motion-standard);
+    }
+  }
+  ._row_1322g_280[data-stripe=true] ._td_1322g_255[data-sticky] {
+    background: var(--_table-row-stripe);
+  }
+  ._row_1322g_280:hover ._td_1322g_255[data-sticky] {
+    background: var(--_table-row-hover);
+  }
+  @media not (prefers-reduced-motion) {
+    ._row_1322g_280 {
+      transition: background-color var(--sys-motion-instant) var(--sys-motion-standard);
+    }
+  }
+  ._row_1322g_280[data-stripe=true] {
+    background: var(--_table-row-stripe);
+  }
+  ._row_1322g_280:hover {
+    background: var(--_table-row-hover);
+  }
+  ._td_1322g_255 {
+    padding: var(--_table-cell-pad-y) var(--_table-cell-pad-x);
+    vertical-align: middle;
+    white-space: nowrap;
+  }
+  ._subRow_1322g_302 {
+    background: var(--_table-subrow-bg);
+  }
+  ._subRow_1322g_302 > td {
+    padding: 0;
+  }
+  ._subRow_1322g_302 > ._td_1322g_255[data-sticky] {
+    background: var(--_table-subrow-bg);
+  }
+  ._skeletonBar_1322g_311 {
+    min-inline-size: var(--sys-unit-16);
+  }
+  ._busyCaption_1322g_314 {
+    position: absolute;
+    overflow: hidden;
+    clip-path: inset(50%);
+    inline-size: 1px;
+    block-size: 1px;
+    white-space: nowrap;
+  }
+  ._stateCell_1322g_322 {
+    padding: var(--sys-unit-24) var(--_table-cell-pad-x);
+    color: var(--sys-color-text-muted);
+    text-align: center;
+  }
+  ._errorState_1322g_327 {
+    color: var(--sys-color-error-fg);
+  }
+  ._pagination_1322g_330 {
+    display: flex;
+    flex-shrink: 0;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: flex-end;
+    gap: var(--sys-unit-8);
+  }
+  ._pageSize_1322g_338 {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--sys-unit-6);
+  }
+  ._pageSizeSelect_1322g_343 {
+    min-inline-size: var(--sys-unit-40);
+  }
+  ._selectionContainer_1322g_346 {
+    container: selection-bar/inline-size;
+    min-inline-size: 0;
+  }
+  ._selectionBar_1322g_350 {
+    --_selection-stagger: var(
+    	--selection-stagger,
+    	calc(var(--sys-motion-instant) / 4)
+    );
+    --_selection-radius: var(
+    	--selection-radius,
+    	var(--sys-radius-md)
+    );
+    --_selection-pad: var(
+    	--selection-pad,
+    	var(--sys-unit-2)
+    );
+    --_selection-text-inset: 0;
+    display: flex;
+    position: relative;
+    flex-shrink: 0;
+    flex-wrap: nowrap;
+    align-items: center;
+    gap: var(--sys-unit-6);
+    isolation: isolate;
+    min-inline-size: 0;
+    overflow-x: auto;
+    border-radius: var(--_selection-radius);
+    padding-block: var(--_selection-pad);
+    padding-inline: 0;
+    color: var(--sys-color-text);
+    white-space: nowrap;
+  }
+  ._selectionBar_1322g_350 {
+    outline: 0 solid var(--sys-color-focus-ring);
+    outline-offset: var(--sys-focus-ring-offset);
+  }
+  ._selectionBar_1322g_350:focus-visible {
+    outline-width: var(--sys-focus-ring-width);
+  }
+  ._selectionBar_1322g_350::before {
+    position: absolute;
+    inset: 0;
+    z-index: -1;
+    border-radius: inherit;
+    background: var(--sys-color-surface);
+    content: "";
+    opacity: 0;
+    scale: 0.98 0.8;
+  }
+  ._selectionBar_1322g_350[data-selected] {
+    --_selection-text-inset: var(--sys-unit-6);
+    padding-inline: var(--_selection-pad);
+  }
+  ._selectionBar_1322g_350[data-selected]::before {
+    opacity: 1;
+    scale: 1;
+  }
+  @media not (prefers-reduced-motion) {
+    ._selectionBar_1322g_350 {
+      transition: padding-inline var(--sys-motion-instant) var(--sys-motion-accelerate);
+    }
+    ._selectionBar_1322g_350::before {
+      transition: opacity var(--sys-motion-instant) var(--sys-motion-accelerate), scale var(--sys-motion-instant) var(--sys-motion-accelerate);
+    }
+    ._selectionBar_1322g_350[data-selected] {
+      transition-duration: var(--sys-motion-short);
+      transition-timing-function: var(--sys-motion-emphasized);
+    }
+    ._selectionBar_1322g_350[data-selected]::before {
+      transition-duration: var(--sys-motion-short);
+      transition-timing-function: var(--sys-motion-emphasized);
+    }
+  }
+  ._selectionSummary_1322g_420 {
+    display: grid;
+    flex-shrink: 0;
+    align-items: center;
+    padding-inline-start: var(--_selection-text-inset);
+  }
+  @media not (prefers-reduced-motion) {
+    ._selectionSummary_1322g_420 {
+      transition: padding-inline-start var(--sys-motion-instant) var(--sys-motion-accelerate);
+    }
+    ._selectionBar_1322g_350[data-selected] ._selectionSummary_1322g_420 {
+      transition-duration: var(--sys-motion-short);
+      transition-timing-function: var(--sys-motion-emphasized);
+    }
+  }
+  ._selectionTotal_1322g_435,
+  ._selectionCount_1322g_436,
+  ._selectionMeasure_1322g_437 {
+    grid-area: 1/1;
+    font: var(--sys-font-body-medium);
+  }
+  ._selectionTotal_1322g_435 {
+    color: var(--sys-color-text-muted);
+  }
+  ._selectionCount_1322g_436 {
+    font-variant-numeric: tabular-nums;
+  }
+  ._selectionBar_1322g_350:not([data-selected]) ._selectionCount_1322g_436 {
+    opacity: 0;
+    translate: 0 var(--sys-unit-2);
+  }
+  ._selectionBar_1322g_350[data-selected] ._selectionCount_1322g_436 {
+    opacity: 1;
+    translate: 0;
+  }
+  ._selectionMeasure_1322g_437 {
+    visibility: hidden;
+    font-variant-numeric: tabular-nums;
+  }
+  ._selectionBar_1322g_350[data-selected] ._selectionTotal_1322g_435 {
+    opacity: 0;
+    translate: 0 calc(-1 * var(--sys-unit-2));
+  }
+  @media not (prefers-reduced-motion) {
+    ._selectionTotal_1322g_435,
+    ._selectionCount_1322g_436 {
+      transition: opacity var(--sys-motion-instant) var(--sys-motion-standard), translate var(--sys-motion-instant) var(--sys-motion-standard);
+    }
+  }
+  ._selectionStatus_1322g_469 {
+    position: absolute;
+    overflow: hidden;
+    clip-path: inset(50%);
+    inline-size: 1px;
+    block-size: 1px;
+    white-space: nowrap;
+  }
+  ._selectionActions_1322g_477 {
+    display: flex;
+    flex: 1 1 auto;
+    flex-wrap: nowrap;
+    align-items: center;
+    gap: var(--_selection-pad);
+  }
+  ._selectionActions_1322g_477 > * {
+    opacity: 1;
+  }
+  ._selectionActions_1322g_477[inert] {
+    visibility: hidden;
+  }
+  ._selectionActions_1322g_477[inert] > * {
+    opacity: 0;
+  }
+  @media not (prefers-reduced-motion) {
+    ._selectionActions_1322g_477 {
+      transition: visibility var(--sys-motion-instant);
+    }
+    ._selectionActions_1322g_477 > * {
+      transition: opacity var(--sys-motion-instant) var(--sys-motion-standard);
+    }
+    ._selectionActions_1322g_477:not([inert]) > :nth-child(1) {
+      transition-delay: var(--_selection-stagger);
+    }
+    ._selectionActions_1322g_477:not([inert]) > :nth-child(2) {
+      transition-delay: calc(var(--_selection-stagger) * 2);
+    }
+  }
+  ._selectionSelectAll_1322g_507[data-starting-style], ._selectionSelectAll_1322g_507[data-ending-style] {
+    opacity: 0;
+  }
+  ._selectionBulk_1322g_510 {
+    display: flex;
+    flex-wrap: nowrap;
+    align-items: center;
+    gap: var(--sys-unit-6);
+    margin-inline-start: auto;
+  }
+  @container selection-bar (max-width: 36rem) {
+    ._selectionBar_1322g_350 {
+      flex-wrap: wrap;
+      overflow-x: visible;
+      row-gap: var(--_selection-pad);
+    }
+    ._selectionActions_1322g_477 {
+      flex-wrap: wrap;
+    }
+  }
+  ._pageStatus_1322g_527 {
+    color: var(--sys-color-text-muted);
+    font: var(--sys-font-body-medium);
+  }
+}

package/dist/data-table/data-table.d.ts

@@ -0,0 +1,88 @@
+import type { ReactTable } from "@tanstack/react-table";
+import type { ReactNode } from "react";
+import type { RowSelectionView } from "../lib/hooks/use-row-selection.ts";
+import { DataTableContent } from "./data-table-content.tsx";
+import { DataTableSelectionBar } from "./data-table-selection.tsx";
+import type { QueryStatus } from "./resolve-view.ts";
+import { type DataTableFeatures } from "./table-features.ts";
+export type DataTableRootProps<TData extends Record<string, unknown>> = Readonly<{
+    /** The configured table instance (built by the caller). */
+    table: ReactTable<DataTableFeatures, TData>;
+    /**
+     * Selection model from `useRowSelection`, enabling the selection parts
+     * (`selectionColumn()`, `DataTable.SelectionBar`).
+     */
+    selection?: RowSelectionView;
+    /** Injected query lifecycle status (TanStack Query `status`). */
+    status: QueryStatus;
+    /**
+     * Whether a fetch is in flight. With keep-previous-data this drives the
+     * "stale" affordance while previous rows stay visible. @default false
+     */
+    isFetching?: boolean;
+    /** Refetches, offered as a retry when a fetch fails or runs long. */
+    onRetry?: () => void;
+    children: ReactNode;
+    className?: string;
+}>;
+declare const Root: <TData extends Record<string, unknown>>({ table, selection, status, isFetching, onRetry, children, className, }: DataTableRootProps<TData>) => ReactNode;
+export type DataTableToolbarProps = Readonly<{
+    children: ReactNode;
+    className?: string;
+}>;
+/** Layout slot above the table for search, filters and actions. */
+declare const Toolbar: ({ children, className, }: DataTableToolbarProps) => ReactNode;
+export type DataTablePaginationProps = Readonly<{
+    /** The page-size select's label, such as "Rows per page". */
+    pageSizeLabel: string;
+    /** Where the reader is, such as "Page 2 of 3". */
+    pageStatusLabel: (page: number, pageCount: number) => string;
+    /** The previous-page button's name and tooltip, such as "Previous page". */
+    previousPageLabel: string;
+    /** The next-page button's name and tooltip, such as "Next page". */
+    nextPageLabel: string;
+    className?: string;
+}>;
+/**
+ * Prev/next + page-size controls driven by the instance's pagination API
+ * (built with `manualPagination` + server `rowCount`). The page sizes come
+ * from the table's `meta.pageSizeOptions`, and picking one returns to the
+ * first page.
+ */
+declare const Pagination: ({ pageSizeLabel, pageStatusLabel, previousPageLabel, nextPageLabel, className, }: DataTablePaginationProps) => ReactNode;
+type DataTableParts = Readonly<{
+    Root: typeof Root;
+    Toolbar: typeof Toolbar;
+    Content: typeof DataTableContent;
+    Pagination: typeof Pagination;
+    SelectionBar: typeof DataTableSelectionBar;
+}>;
+/**
+ * Composite data table over a TanStack Table instance. `Root` holds the
+ * instance and the injected query state in context; the parts lay it out:
+ * `Toolbar`, `SelectionBar`, `Content` and `Pagination`. A nested sub-table
+ * gets its own `DataTable.Root`, with its own instance and context.
+ *
+ * @example
+ * <DataTable.Root table={table} status={query.status} isFetching={query.isFetching}>
+ * 	<DataTable.Toolbar>
+ * 		<FilterBar.Root filters={filters}>…</FilterBar.Root>
+ * 	</DataTable.Toolbar>
+ * 	<DataTable.Content
+ * 		emptyState="No declarations yet."
+ * 		errorState="The declarations could not be loaded."
+ * 		loadingState="Loading declarations"
+ * 		slowLabel="This is taking longer than usual."
+ * 		retryLabel="Try again"
+ * 	/>
+ * 	<DataTable.Pagination
+ * 		pageSizeLabel="Rows per page"
+ * 		pageStatusLabel={(page, count) => `Page ${page} of ${count}`}
+ * 		previousPageLabel="Previous page"
+ * 		nextPageLabel="Next page"
+ * 	/>
+ * </DataTable.Root>
+ */
+export declare const DataTable: DataTableParts;
+export {};
+//# sourceMappingURL=data-table.d.ts.map

package/dist/data-table/data-table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table.d.ts","sourceRoot":"","sources":["../../src/data-table/data-table.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAExD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAC1E,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAK5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EACN,KAAK,iBAAiB,EAEtB,MAAM,qBAAqB,CAAC;AAG7B,MAAM,MAAM,kBAAkB,CAC7B,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAClC,QAAQ,CAAC;IACZ,2DAA2D;IAC3D,KAAK,EAAE,UAAU,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAC;IAC5C;;;OAGG;IACH,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,iEAAiE;IACjE,MAAM,EAAE,WAAW,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,qEAAqE;IACrE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC,CAAC;AAEH,QAAA,MAAM,IAAI,GAAI,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,2EAQhD,kBAAkB,CAAC,KAAK,CAAC,KAAG,SAa9B,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,QAAQ,CAAC;IAC5C,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC,CAAC;AAEH,mEAAmE;AACnE,QAAA,MAAM,OAAO,6BAGV,qBAAqB,KAAG,SAI1B,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG,QAAQ,CAAC;IAC/C,6DAA6D;IAC7D,aAAa,EAAE,MAAM,CAAC;IACtB,kDAAkD;IAClD,eAAe,EAAE,CAChB,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,MAAM,KACb,MAAM,CAAC;IACZ,4EAA4E;IAC5E,iBAAiB,EAAE,MAAM,CAAC;IAC1B,oEAAoE;IACpE,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC,CAAC;AAEH;;;;;GAKG;AACH,QAAA,MAAM,UAAU,qFAMb,wBAAwB,KAAG,SAiE7B,CAAC;AAEF,KAAK,cAAc,GAAG,QAAQ,CAAC;IAC9B,IAAI,EAAE,OAAO,IAAI,CAAC;IAClB,OAAO,EAAE,OAAO,OAAO,CAAC;IACxB,OAAO,EAAE,OAAO,gBAAgB,CAAC;IACjC,UAAU,EAAE,OAAO,UAAU,CAAC;IAC9B,YAAY,EAAE,OAAO,qBAAqB,CAAC;CAC3C,CAAC,CAAC;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,SAAS,EAAE,cAMvB,CAAC"}