@a5it/sync-ui 0.1.0

package/dist/components/data-table/pagination/pagination.js

@@ -0,0 +1,224 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useQueryState, parseAsInteger } from "nuqs";
+import { ChevronDown, ChevronLeft, ChevronRight } from "lucide-react";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from "../../ui/dropdown-menu";
+import { cn } from "../../../lib/utils";
+import { useDataTable } from "../provider";
+// ─────────────────────────────────────────────────────────────────────────────
+// Default Configuration
+// ─────────────────────────────────────────────────────────────────────────────
+const DEFAULT_PAGE_PARAM = "page";
+const DEFAULT_LIMIT_PARAM = "limit";
+const DEFAULT_PAGE_SIZE = 10;
+const DEFAULT_PAGE_SIZE_OPTIONS = [10, 20, 50, 100];
+// ─────────────────────────────────────────────────────────────────────────────
+// Helper to get config values
+// ─────────────────────────────────────────────────────────────────────────────
+function getPaginationParams(config) {
+    if (config?.mode === "client" || config?.mode === "server") {
+        return {
+            pageParam: config.params?.page ?? DEFAULT_PAGE_PARAM,
+            limitParam: config.params?.limit ?? DEFAULT_LIMIT_PARAM,
+            defaultPageSize: config.defaultPageSize ?? DEFAULT_PAGE_SIZE,
+            pageSizeOptions: config.pageSizeOptions ?? DEFAULT_PAGE_SIZE_OPTIONS,
+        };
+    }
+    return {
+        pageParam: DEFAULT_PAGE_PARAM,
+        limitParam: DEFAULT_LIMIT_PARAM,
+        defaultPageSize: DEFAULT_PAGE_SIZE,
+        pageSizeOptions: DEFAULT_PAGE_SIZE_OPTIONS,
+    };
+}
+/**
+ * Pagination container that reads from DataTableProvider's paginationConfig.
+ *
+ * Both client and server modes sync page/limit to URL query params.
+ * - **Client mode**: TanStack Table paginates locally
+ * - **Server mode**: URL params trigger server-side pagination
+ *
+ * @example
+ * ```tsx
+ * <DataTablePagination>
+ *   <DataTablePaginationInfo />
+ *   <DataTablePaginationActions>
+ *     <DataTablePaginationLimits />
+ *     <DataTablePaginationLinks />
+ *   </DataTablePaginationActions>
+ * </DataTablePagination>
+ * ```
+ */
+export function DataTablePagination({ className, children, ...props }) {
+    return (_jsx("div", { "data-slot": "data-table-pagination", className: cn("content-center flex w-full flex-wrap items-center justify-between gap-2", className), ...props, children: children }));
+}
+export function DataTablePaginationInfo({ format, className, ...props }) {
+    const { table, paginationConfig } = useDataTable();
+    const { defaultPageSize, pageParam, limitParam } = getPaginationParams(paginationConfig);
+    const isClientMode = paginationConfig?.mode === "client";
+    const isServerMode = paginationConfig?.mode === "server";
+    // URL state
+    const [urlPage] = useQueryState(pageParam, {
+        ...parseAsInteger,
+        defaultValue: 1,
+        shallow: isClientMode,
+    });
+    const [urlLimit] = useQueryState(limitParam, {
+        ...parseAsInteger,
+        defaultValue: defaultPageSize,
+        shallow: isClientMode,
+    });
+    // Get total count
+    let total;
+    if (isServerMode) {
+        total = paginationConfig.total;
+    }
+    else {
+        // Client mode: use filtered row count from TanStack
+        total = table.getFilteredRowModel().rows.length;
+    }
+    const page = urlPage;
+    const limit = urlLimit;
+    const start = Math.min((page - 1) * limit + 1, total);
+    const end = Math.min(page * limit, total);
+    if (total === 0) {
+        return (_jsx("div", { "data-slot": "data-table-pagination-info", className: cn("text-[14px] leading-4 font-normal text-[#1a1a1a]", className), ...props, children: "0-0 of 0" }));
+    }
+    const content = format
+        ? format(start, end, total)
+        : `${start}-${end} of ${total}`;
+    return (_jsx("div", { "data-slot": "data-table-pagination-info", className: cn("text-[14px] leading-4 font-normal text-[#1a1a1a]", className), ...props, children: content }));
+}
+export function DataTablePaginationLimits({ className, buttonClassName, contentClassName, label = "Result per page", onLimitChange, }) {
+    const { table, paginationConfig } = useDataTable();
+    const { defaultPageSize, pageSizeOptions, pageParam, limitParam } = getPaginationParams(paginationConfig);
+    const isClientMode = paginationConfig?.mode === "client";
+    // URL state
+    const [, setUrlPage] = useQueryState(pageParam, {
+        ...parseAsInteger,
+        defaultValue: 1,
+        shallow: isClientMode,
+    });
+    const [urlLimit, setUrlLimit] = useQueryState(limitParam, {
+        ...parseAsInteger,
+        defaultValue: defaultPageSize,
+        shallow: isClientMode,
+    });
+    const handleLimitChange = React.useCallback((newLimit) => {
+        // Update URL
+        setUrlLimit(newLimit);
+        // Reset to page 1
+        setUrlPage(1);
+        // For client mode, also update TanStack table
+        if (isClientMode) {
+            table.setPageSize(newLimit);
+            table.setPageIndex(0);
+        }
+        onLimitChange?.(newLimit);
+    }, [setUrlLimit, setUrlPage, isClientMode, table, onLimitChange]);
+    return (_jsxs("div", { "data-slot": "data-table-pagination-limits", className: cn("flex items-center gap-2", className), children: [label && (_jsx("span", { className: "text-[14px] leading-4 font-normal text-[#1a1a1a]", children: label })), _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs("button", { type: "button", className: cn("flex h-8 items-center justify-center gap-2 rounded-[4px] border border-[#e6e6e6] bg-white px-3 py-2", "text-[14px] leading-4 font-normal text-[#1a1a1a]", buttonClassName), children: [urlLimit, _jsx(ChevronDown, { className: "h-[19.2px] w-[19.2px]", "aria-hidden": true })] }) }), _jsx(DropdownMenuContent, { align: "start", className: cn("min-w-[84px]", contentClassName), children: pageSizeOptions.map((option) => (_jsx(DropdownMenuItem, { onSelect: () => handleLimitChange(option), className: cn(urlLimit === option && "bg-[#f7f7f7]"), children: option }, option))) })] })] }));
+}
+export function DataTablePaginationLinks({ className, maxVisible = 7, showPrevNext = true, onPageChange, }) {
+    const { table, paginationConfig } = useDataTable();
+    const { defaultPageSize, pageParam, limitParam } = getPaginationParams(paginationConfig);
+    const isClientMode = paginationConfig?.mode === "client";
+    const isServerMode = paginationConfig?.mode === "server";
+    // URL state
+    const [urlPage, setUrlPage] = useQueryState(pageParam, {
+        ...parseAsInteger,
+        defaultValue: 1,
+        shallow: isClientMode,
+    });
+    const [urlLimit] = useQueryState(limitParam, {
+        ...parseAsInteger,
+        defaultValue: defaultPageSize,
+        shallow: isClientMode,
+    });
+    // Sync URL to TanStack table for client mode on mount
+    React.useEffect(() => {
+        if (isClientMode) {
+            table.setPageIndex(urlPage - 1); // TanStack uses 0-indexed
+            table.setPageSize(urlLimit);
+        }
+    }, [isClientMode, urlPage, urlLimit, table]);
+    // Calculate total pages
+    let totalPages;
+    if (isServerMode) {
+        const serverTotal = paginationConfig.total;
+        totalPages = Math.ceil(serverTotal / urlLimit);
+    }
+    else {
+        // Client mode: use TanStack's page count
+        totalPages = table.getPageCount();
+    }
+    const normalizedTotalPages = totalPages > 0 ? totalPages : 1;
+    const handlePageChange = React.useCallback((newPage) => {
+        const safePage = Math.min(Math.max(newPage, 1), normalizedTotalPages);
+        // Update URL
+        setUrlPage(safePage);
+        // For client mode, also update TanStack table
+        if (isClientMode) {
+            table.setPageIndex(safePage - 1); // TanStack uses 0-indexed
+        }
+        onPageChange?.(safePage);
+    }, [setUrlPage, isClientMode, table, onPageChange, normalizedTotalPages]);
+    const page = Math.min(Math.max(urlPage, 1), normalizedTotalPages);
+    const canGoPrev = page > 1;
+    const canGoNext = page < normalizedTotalPages;
+    return (_jsxs("div", { "data-slot": "data-table-pagination-links", className: cn("flex items-center gap-4", className), children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-[14px] leading-4 font-normal text-[#1a1a1a]", children: "Page" }), _jsx("div", { className: "flex h-8 w-[44px] items-center justify-center rounded-[4px] border border-[#e6e6e6] px-3 py-2", children: _jsx("span", { className: "text-[14px] leading-4 font-normal text-[#4d4d4d]", children: page }) })] }), _jsxs("div", { className: "flex items-center gap-2", children: [showPrevNext && (_jsxs(PaginationButton, { variant: "control", onClick: () => handlePageChange(page - 1), disabled: !canGoPrev, "aria-label": "Go to previous page", children: [_jsx(ChevronLeft, { className: "h-[19.2px] w-[19.2px]", "aria-hidden": true }), _jsx("span", { children: "Back" })] })), generatePageNumbers(page, normalizedTotalPages, maxVisible).map((item, index) => item === "ellipsis" ? (_jsx("span", { className: "inline-flex h-8 min-w-8 items-center justify-center text-[14px] leading-4 font-normal text-[#1a1a1a]", "aria-hidden": true, children: "..." }, `ellipsis-${index}`)) : (_jsx(PaginationButton, { variant: "page", onClick: () => handlePageChange(item), active: item === page, "aria-label": `Go to page ${item}`, "aria-current": item === page ? "page" : undefined, children: item }, item))), showPrevNext && (_jsxs(PaginationButton, { variant: "control", onClick: () => handlePageChange(page + 1), disabled: !canGoNext, "aria-label": "Go to next page", children: [_jsx("span", { children: "Next" }), _jsx(ChevronRight, { className: "h-[19.2px] w-[19.2px]", "aria-hidden": true })] }))] })] }));
+}
+function PaginationButton({ active, variant = "page", disabled, className, children, ...props }) {
+    return (_jsx("button", { type: "button", disabled: disabled, className: cn("inline-flex h-8 items-center justify-center gap-1 rounded-[4px] text-[14px] leading-4 transition-colors", variant === "control" &&
+            "border border-[#e6e6e6] px-3 py-2 font-normal text-[#1a1a1a]", variant === "page" &&
+            "min-w-8 border border-[#e6e6e6] px-3 py-2 font-normal text-[#1a1a1a]", variant === "page" &&
+            active &&
+            "w-8 border-transparent bg-primary font-bold text-white", disabled && "cursor-not-allowed opacity-30", className), ...props, children: children }));
+}
+function generatePageNumbers(currentPage, totalPages, maxVisible) {
+    // If total pages fit within maxVisible, show all
+    if (totalPages <= maxVisible) {
+        return Array.from({ length: totalPages }, (_, i) => i + 1);
+    }
+    const pages = [];
+    const halfVisible = Math.floor((maxVisible - 2) / 2); // Reserve 2 for first and last
+    // Always include first page
+    pages.push(1);
+    // Calculate range around current page
+    let start = Math.max(2, currentPage - halfVisible);
+    let end = Math.min(totalPages - 1, currentPage + halfVisible);
+    // Adjust if we're near the beginning
+    if (currentPage <= halfVisible + 2) {
+        start = 2;
+        end = Math.min(totalPages - 1, maxVisible - 1);
+    }
+    // Adjust if we're near the end
+    if (currentPage >= totalPages - halfVisible - 1) {
+        start = Math.max(2, totalPages - maxVisible + 2);
+        end = totalPages - 1;
+    }
+    // Add ellipsis before middle section if needed
+    if (start > 2) {
+        pages.push("ellipsis");
+    }
+    // Add middle pages
+    for (let i = start; i <= end; i++) {
+        pages.push(i);
+    }
+    // Add ellipsis after middle section if needed
+    if (end < totalPages - 1) {
+        pages.push("ellipsis");
+    }
+    // Always include last page
+    if (totalPages > 1) {
+        pages.push(totalPages);
+    }
+    return pages;
+}
+// ─────────────────────────────────────────────────────────────────────────────
+// Pagination Actions Container (for layout composability)
+// ─────────────────────────────────────────────────────────────────────────────
+export function DataTablePaginationActions({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "data-table-pagination-actions", className: cn("flex items-center gap-4", className), ...props }));
+}
+//# sourceMappingURL=pagination.js.map

package/dist/components/data-table/pagination/pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.js","sourceRoot":"","sources":["../../../../src/components/data-table/pagination/pagination.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,284 @@
+import * as React from "react";
+import { ColumnDef, ColumnFiltersState, PaginationState, RowSelectionState, SortingState, Table, Updater } from "@tanstack/react-table";
+import { UrlStateConfig, UrlStateContextValue } from "./url-state";
+export type DataTableColumnMeta = {
+    headerClassName?: string;
+    cellClassName?: string;
+    /**
+     * Simple label used by generic UI (e.g. Sort By dropdown). This avoids trying
+     * to stringify the columnDef.header ReactNode.
+     */
+    label?: string;
+    /**
+     * Explicit label used by the Sort By dropdown.
+     */
+    sortyByLabel?: string;
+};
+/**
+ * Client-side filtering: URL query params + TanStack Table filters in-browser.
+ * URL params persist across reloads/navigation, TanStack handles the actual filtering.
+ *
+ * @template TData - The row data type. Param keys will autocomplete to `keyof TData`.
+ */
+export type ClientFilterConfig<TData> = {
+    mode: "client";
+    /**
+     * Map of column accessor keys to URL query param names.
+     * TanStack Table filters locally using these columns.
+     * URL params provide persistence across reloads/navigation.
+     *
+     * Type-safe: Only keys from your data type are allowed as object keys.
+     * @example { title: "q", amount: "amt" } → ?q=hello&amt=500 (filtered by TanStack)
+     */
+    params: Partial<Record<keyof TData & string, string>>;
+};
+/**
+ * Server-side filtering: URL query params drive the filter state.
+ * Your server handles the actual filtering.
+ *
+ * @template TData - The row data type. Param keys will autocomplete to `keyof TData`.
+ */
+export type ServerFilterConfig<TData> = {
+    mode: "server";
+    /**
+     * Map of column accessor keys to URL query param names.
+     * Server handles the actual filtering based on these params.
+     *
+     * Type-safe: Only keys from your data type are allowed as object keys.
+     * @example { title: "q", amount: "amt" } → ?q=hello&amt=500 (filtered by server)
+     */
+    params: Partial<Record<keyof TData & string, string>>;
+};
+/**
+ * No filtering enabled (default behavior).
+ */
+export type NoFilterConfig = {
+    mode?: undefined;
+};
+/**
+ * Discriminated union: only one filtering mode can be active.
+ * TypeScript will error if you try to use props from both modes.
+ *
+ * Both client and server modes use the same `params` structure for URL persistence.
+ * The difference is WHO does the filtering: TanStack (client) or your API (server).
+ *
+ * @template TData - The row data type for type-safe column keys.
+ */
+export type FilterConfig<TData> = ClientFilterConfig<TData> | ServerFilterConfig<TData> | NoFilterConfig;
+/**
+ * Pagination URL param configuration.
+ */
+export type PaginationParams = {
+    /**
+     * URL query param name for page number.
+     * @default "page"
+     */
+    page?: string;
+    /**
+     * URL query param name for page size/limit.
+     * @default "limit"
+     */
+    limit?: string;
+};
+/**
+ * Client-side pagination: TanStack Table handles pagination in-browser.
+ * URL params persist across reloads/navigation.
+ */
+export type ClientPaginationConfig = {
+    mode: "client";
+    /**
+     * URL query param names for pagination.
+     * @example { page: "p", limit: "size" } → ?p=1&size=20
+     */
+    params?: PaginationParams;
+    /**
+     * Default page size.
+     * @default 10
+     */
+    defaultPageSize?: number;
+    /**
+     * Available page size options for the dropdown.
+     * @default [10, 20, 50, 100]
+     */
+    pageSizeOptions?: number[];
+};
+/**
+ * Server-side pagination: URL query params drive the pagination state.
+ * Your server handles the actual data slicing.
+ */
+export type ServerPaginationConfig = {
+    mode: "server";
+    /**
+     * URL query param names for pagination.
+     * @example { page: "p", limit: "size" } → ?p=1&size=20
+     */
+    params?: PaginationParams;
+    /**
+     * Total number of items (from server response).
+     * Required for calculating total pages.
+     */
+    total: number;
+    /**
+     * Default page size.
+     * @default 10
+     */
+    defaultPageSize?: number;
+    /**
+     * Available page size options for the dropdown.
+     * @default [10, 20, 50, 100]
+     */
+    pageSizeOptions?: number[];
+};
+/**
+ * No pagination enabled (default behavior - shows all rows).
+ */
+export type NoPaginationConfig = {
+    mode?: undefined;
+};
+/**
+ * Discriminated union: only one pagination mode can be active.
+ *
+ * - **Client mode**: TanStack paginates locally, URL params provide persistence
+ * - **Server mode**: URL params trigger server-side pagination, requires `total`
+ */
+export type PaginationConfig = ClientPaginationConfig | ServerPaginationConfig | NoPaginationConfig;
+export type DataTableQueryState = {
+    sorting: SortingState;
+    columnFilters: ColumnFiltersState;
+    globalFilter: string;
+    pagination: PaginationState;
+    rowSelection: RowSelectionState;
+};
+type OnChangeFn<T> = (updaterOrValue: Updater<T>) => void;
+type DataTableContextValue<TData extends {
+    id: string | number;
+}> = {
+    table: Table<TData>;
+    /**
+     * Filtering configuration (client, server, or none).
+     */
+    filterConfig: FilterConfig<TData>;
+    /**
+     * Pagination configuration (client, server, or none).
+     */
+    paginationConfig: PaginationConfig;
+    /**
+     * Loading state for server-side operations (filtering, pagination, etc.).
+     * When true, the table shows a loading indicator (e.g., reduced opacity).
+     */
+    isLoading: boolean;
+    /**
+     * Initial loading state. When true, table rows render skeleton placeholders.
+     */
+    isInitialLoading: boolean;
+    /**
+     * URL state management (tabs, sorting, visibility, search).
+     */
+    urlState: UrlStateContextValue;
+};
+export declare function useDataTable<TData extends {
+    id: string | number;
+}>(): DataTableContextValue<TData>;
+export type DataTableProviderProps<TData extends {
+    id: string | number;
+}, TValue> = {
+    data: TData[];
+    columns: ColumnDef<TData, TValue>[];
+    children: React.ReactNode;
+    /**
+     * Enable row selection (checkboxes).
+     */
+    enableRowSelection?: boolean;
+    /**
+     * Optional override for the injected selection column.
+     */
+    selectionColumn?: ColumnDef<TData, TValue>;
+    getRowId?: (originalRow: TData, index: number, parent?: any) => string;
+    manualSorting?: boolean;
+    sorting?: SortingState;
+    defaultSorting?: SortingState;
+    onSortingChange?: OnChangeFn<SortingState>;
+    manualFiltering?: boolean;
+    columnFilters?: ColumnFiltersState;
+    defaultColumnFilters?: ColumnFiltersState;
+    onColumnFiltersChange?: OnChangeFn<ColumnFiltersState>;
+    globalFilter?: string;
+    defaultGlobalFilter?: string;
+    onGlobalFilterChange?: OnChangeFn<string>;
+    manualPagination?: boolean;
+    pageCount?: number;
+    pagination?: PaginationState;
+    defaultPagination?: PaginationState;
+    onPaginationChange?: OnChangeFn<PaginationState>;
+    rowSelection?: RowSelectionState;
+    defaultRowSelection?: RowSelectionState;
+    onRowSelectionChange?: OnChangeFn<RowSelectionState>;
+    /**
+     * Convenience callback for server-driven tables. Fires whenever query-relevant
+     * state changes (sorting/filters/pagination/selection).
+     */
+    onQueryChange?: (state: DataTableQueryState) => void;
+    /**
+     * Filtering mode configuration. Use discriminated union to ensure
+     * only one mode is active at a time.
+     *
+     * @example Client-side filtering
+     * ```tsx
+     * <DataTableProvider
+     *   filterConfig={{ mode: "client", columns: ["title", "amount"] }}
+     * />
+     * ```
+     *
+     * @example Server-side filtering
+     * ```tsx
+     * <DataTableProvider
+     *   filterConfig={{ mode: "server", params: { title: "q", amount: "amt" } }}
+     * />
+     * ```
+     */
+    filterConfig?: FilterConfig<TData>;
+    /**
+     * Pagination mode configuration. Use discriminated union to ensure
+     * only one mode is active at a time.
+     *
+     * @example Client-side pagination
+     * ```tsx
+     * <DataTableProvider
+     *   paginationConfig={{ mode: "client", defaultPageSize: 10 }}
+     * />
+     * ```
+     *
+     * @example Server-side pagination
+     * ```tsx
+     * <DataTableProvider
+     *   paginationConfig={{ mode: "server", total: 500 }}
+     * />
+     * ```
+     */
+    paginationConfig?: PaginationConfig;
+    /**
+     * Loading state for server-side operations.
+     * When true, the table displays with reduced opacity to indicate loading.
+     */
+    isLoading?: boolean;
+    /**
+     * Initial loading state (first data load). When true, the table rows render
+     * skeleton placeholders with normal row height.
+     */
+    isInitialLoading?: boolean;
+    /**
+     * URL state configuration for persisting tabs, sorting, and column visibility.
+     * When provided, state is synced to browser URL query params.
+     */
+    urlStateConfig?: UrlStateConfig;
+    /**
+     * Default tab value (used when URL param is empty).
+     * Should match the first tab's value for proper reset behavior.
+     */
+    defaultTab?: string;
+};
+export declare function DataTableProvider<TData extends {
+    id: string | number;
+}, TValue>({ data, columns, children, enableRowSelection, selectionColumn, getRowId, manualSorting, sorting, defaultSorting, onSortingChange, manualFiltering, columnFilters, defaultColumnFilters, onColumnFiltersChange, globalFilter, defaultGlobalFilter, onGlobalFilterChange, manualPagination, pageCount, pagination, defaultPagination, onPaginationChange, rowSelection, defaultRowSelection, onRowSelectionChange, onQueryChange, filterConfig, paginationConfig, isLoading, isInitialLoading, urlStateConfig, defaultTab, }: DataTableProviderProps<TData, TValue>): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=provider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../../../src/components/data-table/provider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,SAAS,EACT,kBAAkB,EAClB,eAAe,EACf,iBAAiB,EACjB,YAAY,EACZ,KAAK,EACL,OAAO,EAOR,MAAM,uBAAuB,CAAC;AAM/B,OAAO,EAEL,cAAc,EACd,oBAAoB,EAErB,MAAM,aAAa,CAAC;AAErB,MAAM,MAAM,mBAAmB,GAAG;IAChC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAMF;;;;;GAKG;AACH,MAAM,MAAM,kBAAkB,CAAC,KAAK,IAAI;IACtC,IAAI,EAAE,QAAQ,CAAC;IACf;;;;;;;OAOG;IACH,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;CACvD,CAAC;AAEF;;;;;GAKG;AACH,MAAM,MAAM,kBAAkB,CAAC,KAAK,IAAI;IACtC,IAAI,EAAE,QAAQ,CAAC;IACf;;;;;;OAMG;IACH,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;CACvD,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CAAC;AAEF;;;;;;;;GAQG;AACH,MAAM,MAAM,YAAY,CAAC,KAAK,IAC1B,kBAAkB,CAAC,KAAK,CAAC,GACzB,kBAAkB,CAAC,KAAK,CAAC,GACzB,cAAc,CAAC;AAMnB;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,sBAAsB,GAAG;IACnC,IAAI,EAAE,QAAQ,CAAC;IACf;;;OAGG;IACH,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;CAC5B,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,sBAAsB,GAAG;IACnC,IAAI,EAAE,QAAQ,CAAC;IACf;;;OAGG;IACH,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;CAC5B,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CAAC;AAEF;;;;;GAKG;AACH,MAAM,MAAM,gBAAgB,GACxB,sBAAsB,GACtB,sBAAsB,GACtB,kBAAkB,CAAC;AAEvB,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,YAAY,CAAC;IACtB,aAAa,EAAE,kBAAkB,CAAC;IAClC,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,eAAe,CAAC;IAC5B,YAAY,EAAE,iBAAiB,CAAC;CACjC,CAAC;AAEF,KAAK,UAAU,CAAC,CAAC,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;AAE1D,KAAK,qBAAqB,CAAC,KAAK,SAAS;IAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,IAAI;IAClE,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACpB;;OAEG;IACH,YAAY,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC;IAClC;;OAEG;IACH,gBAAgB,EAAE,gBAAgB,CAAC;IACnC;;;OAGG;IACH,SAAS,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,gBAAgB,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,QAAQ,EAAE,oBAAoB,CAAC;CAChC,CAAC;AAMF,wBAAgB,YAAY,CAAC,KAAK,SAAS;IAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,KAKhD,qBAAqB,CAAC,KAAK,CAAC,CAC7C;AA+BD,MAAM,MAAM,sBAAsB,CAChC,KAAK,SAAS;IAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,EACrC,MAAM,IACJ;IACF,IAAI,EAAE,KAAK,EAAE,CAAC;IACd,OAAO,EAAE,SAAS,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,CAAC;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;OAEG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IAC3C,QAAQ,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,GAAG,KAAK,MAAM,CAAC;IAGvE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,cAAc,CAAC,EAAE,YAAY,CAAC;IAC9B,eAAe,CAAC,EAAE,UAAU,CAAC,YAAY,CAAC,CAAC;IAG3C,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC,oBAAoB,CAAC,EAAE,kBAAkB,CAAC;IAC1C,qBAAqB,CAAC,EAAE,UAAU,CAAC,kBAAkB,CAAC,CAAC;IACvD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,oBAAoB,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC;IAG1C,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,iBAAiB,CAAC,EAAE,eAAe,CAAC;IACpC,kBAAkB,CAAC,EAAE,UAAU,CAAC,eAAe,CAAC,CAAC;IAGjD,YAAY,CAAC,EAAE,iBAAiB,CAAC;IACjC,mBAAmB,CAAC,EAAE,iBAAiB,CAAC;IACxC,oBAAoB,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC;IAErD;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAMrD;;;;;;;;;;;;;;;;;OAiBG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC;IAEnC;;;;;;;;;;;;;;;;;OAiBG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IAEpC;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;;OAGG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC;IAEhC;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,wBAAgB,iBAAiB,CAC/B,KAAK,SAAS;IAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,EACrC,MAAM,EACN,EACA,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,kBAA0B,EAC1B,eAAe,EACf,QAAQ,EACR,aAAqB,EACrB,OAAO,EACP,cAAmB,EACnB,eAAe,EACf,eAAuB,EACvB,aAAa,EACb,oBAAyB,EACzB,qBAAqB,EACrB,YAAY,EACZ,mBAAwB,EACxB,oBAAoB,EACpB,gBAAwB,EACxB,SAAS,EACT,UAAU,EACV,iBAAkD,EAClD,kBAAkB,EAClB,YAAY,EACZ,mBAAwB,EACxB,oBAAoB,EACpB,aAAa,EACb,YAAiB,EACjB,gBAAqB,EACrB,SAAiB,EACjB,gBAAwB,EACxB,cAAc,EACd,UAAU,GACX,EAAE,sBAAsB,CAAC,KAAK,EAAE,MAAM,CAAC,2CAmDvC"}