@skylab-kulubu/skylcn-ui 0.1.0

package/dist/components/checkbox.d.ts

@@ -0,0 +1,3 @@
+import { Checkbox as CheckboxPrimitive } from '@base-ui/react/checkbox';
+export declare function Checkbox({ className, ...props }: CheckboxPrimitive.Root.Props): import("react").JSX.Element;
+//# sourceMappingURL=checkbox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../src/components/checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAIxE,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,CAAC,IAAI,CAAC,KAAK,+BA6B7E"}

package/dist/components/checkbox.js

@@ -0,0 +1,9 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Checkbox as CheckboxPrimitive } from '@base-ui/react/checkbox';
+import { Check, Minus } from 'lucide-react';
+import { cn } from '../lib/cn.js';
+export function Checkbox({ className, ...props }) {
+    return (_jsx(CheckboxPrimitive.Root, { "data-slot": "checkbox", className: cn('relative grid size-4 shrink-0 cursor-pointer place-content-center rounded-sm border border-border-strong bg-input-background outline-hidden after:absolute after:-inset-3', 'transition-[background-color,border-color] duration-(--motion-duration-fast) ease-enter', 'focus-visible:ring-2 focus-visible:ring-ring', 'data-indeterminate:border-skylab-800 data-indeterminate:bg-skylab-800 data-checked:border-skylab-800 data-checked:bg-skylab-800', 'data-disabled:cursor-not-allowed data-disabled:opacity-50', className), ...props, children: _jsx(CheckboxPrimitive.Indicator, { keepMounted: true, className: "text-white transition-transform duration-(--motion-duration-fast) ease-enter data-unchecked:scale-0", render: (indicatorProps, state) => (_jsx("span", { ...indicatorProps, children: state.indeterminate ? (_jsx(Minus, { className: "size-3", strokeWidth: 3 })) : (_jsx(Check, { className: "size-3", strokeWidth: 3 })) })) }) }));
+}
+//# sourceMappingURL=checkbox.js.map

package/dist/components/checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../src/components/checkbox.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AACxE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,UAAU,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAgC;IAC5E,OAAO,CACL,KAAC,iBAAiB,CAAC,IAAI,iBACX,UAAU,EACpB,SAAS,EAAE,EAAE,CACX,2KAA2K,EAC3K,yFAAyF,EACzF,8CAA8C,EAC9C,iIAAiI,EACjI,2DAA2D,EAC3D,SAAS,CACV,KACG,KAAK,YAET,KAAC,iBAAiB,CAAC,SAAS,IAC1B,WAAW,QACX,SAAS,EAAC,qGAAqG,EAC/G,MAAM,EAAE,CAAC,cAAc,EAAE,KAAK,EAAE,EAAE,CAAC,CACjC,kBAAU,cAAc,YACrB,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CACrB,KAAC,KAAK,IAAC,SAAS,EAAC,QAAQ,EAAC,WAAW,EAAE,CAAC,GAAI,CAC7C,CAAC,CAAC,CAAC,CACF,KAAC,KAAK,IAAC,SAAS,EAAC,QAAQ,EAAC,WAAW,EAAE,CAAC,GAAI,CAC7C,GACI,CACR,GACD,GACqB,CAC1B,CAAC;AACJ,CAAC"}

package/dist/components/command.d.ts

@@ -0,0 +1,31 @@
+import { type LucideIcon } from 'lucide-react';
+import { type ReactNode } from 'react';
+export type CommandItem = {
+    id: string;
+    label: string;
+    group?: string;
+    icon?: LucideIcon;
+    /** Extra words that should find it, such as synonyms. */
+    keywords?: string;
+    shortcut?: ReactNode;
+    /** A page to open; `onSelect` runs instead when given. */
+    href?: string;
+    onSelect?: () => void;
+};
+export type CommandPaletteProps = {
+    items: readonly CommandItem[];
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    /** Opens an href; defaults to a full page load. Pass the router's push in apps. */
+    navigate?: (href: string) => void;
+    placeholder?: string;
+};
+/** Opens the palette with Ctrl/⌘+K from anywhere, except while typing in an editor. */
+export declare function useCommandShortcut(onOpen: () => void): void;
+/**
+ * A search box over every page and action of an app, opened with Ctrl/⌘+K.
+ * Typing narrows the list (accents and dotless i ignored), arrows move,
+ * Enter opens, Esc closes.
+ */
+export declare function CommandPalette({ items, open, onOpenChange, navigate, placeholder, }: CommandPaletteProps): import("react").JSX.Element;
+//# sourceMappingURL=command.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"command.d.ts","sourceRoot":"","sources":["../../src/components/command.tsx"],"names":[],"mappings":"AAGA,OAAO,EAA0B,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AACvE,OAAO,EAA+C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKpF,MAAM,MAAM,WAAW,GAAG;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,0DAA0D;IAC1D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,SAAS,WAAW,EAAE,CAAC;IAC9B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,mFAAmF;IACnF,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAKF,uFAAuF;AACvF,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,MAAM,IAAI,QAWpD;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,WAAW,GACZ,EAAE,mBAAmB,+BA6JrB"}

package/dist/components/command.js

@@ -0,0 +1,91 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Dialog as DialogPrimitive } from '@base-ui/react/dialog';
+import { CornerDownLeft, Search } from 'lucide-react';
+import { useEffect, useId, useMemo, useRef, useState } from 'react';
+import { cn } from '../lib/cn.js';
+import { useSkylcn } from '../lib/provider.js';
+import { Kbd } from './feedback.js';
+const fold = (text) => text.toLocaleLowerCase('tr-TR').normalize('NFD').replace(/[̀-ͯ]/g, '').replace(/ı/g, 'i');
+/** Opens the palette with Ctrl/⌘+K from anywhere, except while typing in an editor. */
+export function useCommandShortcut(onOpen) {
+    useEffect(() => {
+        const onKey = (event) => {
+            if ((event.ctrlKey || event.metaKey) && event.key.toLowerCase() === 'k') {
+                event.preventDefault();
+                onOpen();
+            }
+        };
+        window.addEventListener('keydown', onKey);
+        return () => window.removeEventListener('keydown', onKey);
+    }, [onOpen]);
+}
+/**
+ * A search box over every page and action of an app, opened with Ctrl/⌘+K.
+ * Typing narrows the list (accents and dotless i ignored), arrows move,
+ * Enter opens, Esc closes.
+ */
+export function CommandPalette({ items, open, onOpenChange, navigate, placeholder, }) {
+    const { messages } = useSkylcn();
+    const [query, setQuery] = useState('');
+    const [active, setActive] = useState(0);
+    const listId = useId();
+    const listRef = useRef(null);
+    const results = useMemo(() => {
+        const q = fold(query.trim());
+        return q
+            ? items.filter((item) => fold(`${item.label} ${item.group ?? ''} ${item.keywords ?? ''}`).includes(q))
+            : items;
+    }, [items, query]);
+    const groups = useMemo(() => {
+        const map = new Map();
+        for (const item of results) {
+            const key = item.group ?? '';
+            map.set(key, [...(map.get(key) ?? []), item]);
+        }
+        return [...map.entries()];
+    }, [results]);
+    useEffect(() => {
+        listRef.current
+            ?.querySelector(`[data-index="${active}"]`)
+            ?.scrollIntoView({ block: 'nearest' });
+    }, [active]);
+    const run = (item) => {
+        onOpenChange(false);
+        if (item.onSelect)
+            item.onSelect();
+        else if (item.href)
+            (navigate ?? ((href) => window.location.assign(href)))(item.href);
+    };
+    let index = -1;
+    return (_jsx(DialogPrimitive.Root, { open: open, onOpenChange: (next) => {
+            onOpenChange(next);
+            if (!next) {
+                setQuery('');
+                setActive(0);
+            }
+        }, children: _jsxs(DialogPrimitive.Portal, { children: [_jsx(DialogPrimitive.Backdrop, { className: "fixed inset-0 z-50 bg-black/50 transition-opacity duration-(--motion-duration-base) data-ending-style:opacity-0 data-starting-style:opacity-0" }), _jsxs(DialogPrimitive.Popup, { "aria-label": messages.commandPalette, className: cn('fixed top-[12vh] left-1/2 z-50 flex max-h-[70vh] w-[calc(100vw-2rem)] max-w-xl -translate-x-1/2 flex-col overflow-hidden rounded-xl border border-border bg-popover text-foreground shadow-overlay outline-hidden', 'transition-[opacity,scale] duration-(--motion-duration-base) ease-enter data-ending-style:scale-(--motion-scale-from) data-ending-style:opacity-0 data-starting-style:scale-(--motion-scale-from) data-starting-style:opacity-0'), children: [_jsxs("div", { className: "flex items-center gap-2 border-b border-border px-3", children: [_jsx(Search, { className: "size-4 shrink-0 text-subtle-foreground", "aria-hidden": true }), _jsx("input", { autoFocus: true, role: "combobox", "aria-expanded": true, "aria-controls": listId, "aria-activedescendant": results.length ? `${listId}-${active}` : undefined, "aria-label": placeholder ?? messages.commandPalette, value: query, placeholder: placeholder ?? messages.searchEverything, onChange: (event) => {
+                                        setQuery(event.target.value);
+                                        setActive(0);
+                                    }, onKeyDown: (event) => {
+                                        if (event.key === 'ArrowDown') {
+                                            event.preventDefault();
+                                            setActive((i) => Math.min(i + 1, results.length - 1));
+                                        }
+                                        else if (event.key === 'ArrowUp') {
+                                            event.preventDefault();
+                                            setActive((i) => Math.max(i - 1, 0));
+                                        }
+                                        else if (event.key === 'Enter' && results[active]) {
+                                            event.preventDefault();
+                                            run(results[active]);
+                                        }
+                                    }, className: "h-12 min-w-0 flex-1 bg-transparent text-sm outline-hidden placeholder:text-subtle-foreground pointer-coarse:text-base" }), _jsx(Kbd, { children: "Esc" })] }), _jsx("div", { ref: listRef, id: listId, role: "listbox", className: "scrollbar min-h-0 flex-1 overflow-y-auto p-1.5", children: results.length === 0 ? (_jsx("p", { className: "px-3 py-8 text-center text-xs text-muted-foreground", children: messages.noResults })) : (groups.map(([group, groupItems]) => (_jsxs("div", { role: "group", "aria-label": group || undefined, className: "pb-1", children: [group ? (_jsx("p", { className: "px-2 pt-2 pb-1 text-3xs font-medium tracking-label text-subtle-foreground uppercase", children: group })) : null, groupItems.map((item) => {
+                                        index += 1;
+                                        const i = index;
+                                        const Icon = item.icon;
+                                        const on = i === active;
+                                        return (_jsxs("div", { id: `${listId}-${i}`, role: "option", "aria-selected": on, "data-index": i, onPointerMove: () => setActive(i), onClick: () => run(item), className: cn('flex cursor-pointer items-center gap-2.5 rounded-md px-2 py-2 text-sm pointer-coarse:py-2.5', on ? 'bg-accent text-foreground-strong' : 'text-secondary-foreground'), children: [Icon ? (_jsx(Icon, { className: "size-4 shrink-0 text-subtle-foreground", "aria-hidden": true })) : null, _jsx("span", { className: "min-w-0 flex-1 truncate", children: item.label }), item.shortcut ? (_jsx("span", { className: "shrink-0 text-3xs text-subtle-foreground", children: item.shortcut })) : null, on ? (_jsx(CornerDownLeft, { className: "size-3.5 shrink-0 text-subtle-foreground", "aria-hidden": true })) : null] }, item.id));
+                                    })] }, group || 'none')))) })] })] }) }));
+}
+//# sourceMappingURL=command.js.map

package/dist/components/command.js.map

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

package/dist/components/copy-button.d.ts

@@ -0,0 +1,10 @@
+import { type ButtonProps } from './button.js';
+export type CopyButtonProps = Omit<ButtonProps, 'children' | 'onClick'> & {
+    /** The text put on the clipboard. */
+    value: string;
+    /** Names the button; "Kopyala" by default. */
+    label?: string;
+};
+/** Copies a value, then turns its icon into a tick for a moment and says so to screen readers. */
+export declare function CopyButton({ value, label, variant, size, ...props }: CopyButtonProps): import("react").JSX.Element;
+//# sourceMappingURL=copy-button.d.ts.map

package/dist/components/copy-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy-button.d.ts","sourceRoot":"","sources":["../../src/components/copy-button.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,aAAa,CAAC;AAGvD,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,SAAS,CAAC,GAAG;IACxE,qCAAqC;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,kGAAkG;AAClG,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,KAAK,EACL,OAAiB,EACjB,IAAgB,EAChB,GAAG,KAAK,EACT,EAAE,eAAe,+BA8BjB"}

package/dist/components/copy-button.js

@@ -0,0 +1,23 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Check, Copy } from 'lucide-react';
+import { useEffect, useState } from 'react';
+import { useSkylcn } from '../lib/provider.js';
+import { Button } from './button.js';
+import { IconSwap } from './icon-swap.js';
+/** Copies a value, then turns its icon into a tick for a moment and says so to screen readers. */
+export function CopyButton({ value, label, variant = 'ghost', size = 'icon-sm', ...props }) {
+    const { messages } = useSkylcn();
+    const [copied, setCopied] = useState(false);
+    useEffect(() => {
+        if (!copied)
+            return;
+        const timer = setTimeout(() => setCopied(false), 1600);
+        return () => clearTimeout(timer);
+    }, [copied]);
+    const name = copied ? messages.copied : (label ?? messages.copy);
+    return (_jsxs(_Fragment, { children: [_jsx(Button, { variant: variant, size: size, "aria-label": name, title: name, onClick: () => {
+                    void navigator.clipboard?.writeText(value).then(() => setCopied(true));
+                }, ...props, children: _jsx(IconSwap, { swapped: copied, icon: Copy, swappedIcon: Check, className: "size-3.5" }) }), _jsx("span", { "aria-live": "polite", className: "sr-only", children: copied ? messages.copied : '' })] }));
+}
+//# sourceMappingURL=copy-button.js.map

package/dist/components/copy-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy-button.js","sourceRoot":"","sources":["../../src/components/copy-button.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAoB,MAAM,aAAa,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAS1C,kGAAkG;AAClG,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,KAAK,EACL,OAAO,GAAG,OAAO,EACjB,IAAI,GAAG,SAAS,EAChB,GAAG,KAAK,EACQ;IAChB,MAAM,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,CAAC;IACjC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM;YAAE,OAAO;QACpB,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;QACvD,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,MAAM,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC;IACjE,OAAO,CACL,8BACE,KAAC,MAAM,IACL,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,gBACE,IAAI,EAChB,KAAK,EAAE,IAAI,EACX,OAAO,EAAE,GAAG,EAAE;oBACZ,KAAK,SAAS,CAAC,SAAS,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;gBACzE,CAAC,KACG,KAAK,YAET,KAAC,QAAQ,IAAC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,EAAC,UAAU,GAAG,GAC3E,EACT,4BAAgB,QAAQ,EAAC,SAAS,EAAC,SAAS,YACzC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,GACzB,IACN,CACJ,CAAC;AACJ,CAAC"}

package/dist/components/data-list.d.ts

@@ -0,0 +1,70 @@
+import { type ComponentProps, type ReactNode } from 'react';
+import { type StateCardProps } from './state-card.js';
+type Breakpoint = 'sm' | 'md' | 'lg' | 'xl';
+declare const JUSTIFY: {
+    readonly start: "justify-start";
+    readonly center: "justify-center";
+    readonly end: "justify-end";
+};
+export type DataListColumn = {
+    id: string;
+    /** A CSS grid track, such as `1.5rem`, `minmax(0,1fr)` or `7rem`. */
+    width: string;
+    /** The column appears from this breakpoint up. */
+    from?: Breakpoint;
+    align?: keyof typeof JUSTIFY;
+};
+export type DataListSort = {
+    field: string;
+    direction: 'asc' | 'desc';
+};
+export type DataListProps = Omit<ComponentProps<'div'>, 'children'> & {
+    columns: readonly DataListColumn[];
+    /** The current sort, read by sortable column headers. */
+    sort?: DataListSort;
+    /** Called with a column id when its header is pressed. */
+    onSortChange?: (field: string) => void;
+    children: ReactNode;
+};
+/** A table-like list whose columns collapse by breakpoint, with sortable headers and linkable rows. */
+export declare function DataList({ columns, sort, onSortChange, className, style, children, ...props }: DataListProps): import("react").JSX.Element;
+export declare function DataListHeader({ className, children, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
+export type DataListColumnHeaderProps = Omit<ComponentProps<'div'>, 'children'> & {
+    column: string;
+    /** Pressing the header asks the list to sort by this column. */
+    sortable?: boolean;
+    /** Names a column whose header shows no text, such as a status dot or row actions. */
+    label?: string;
+    children?: ReactNode;
+};
+export declare function DataListColumnHeader({ column, sortable, label, className, children, ...props }: DataListColumnHeaderProps): import("react").JSX.Element;
+/** Rows fade in one after another when they first arrive; later sorts, searches and pages swap in place. */
+export declare function DataListBody({ className, children, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
+type MotionOwned = 'onSelect' | 'onAnimationStart' | 'onDrag' | 'onDragStart' | 'onDragEnd';
+export type DataListRowProps = Omit<ComponentProps<'div'>, MotionOwned> & {
+    /** Makes the whole row a link. Interactive cells stay pressable on their own. */
+    href?: string;
+    /** Makes the whole row a button. */
+    onSelect?: () => void;
+    /** The accessible name of the row link or button. */
+    label?: string;
+    selected?: boolean;
+    /** Position in the list; staggers the first rows as the list first appears. */
+    index?: number;
+};
+export declare function DataListRow({ href, onSelect, label, selected, index, className, style, children, ...props }: DataListRowProps): import("react").JSX.Element;
+export type DataListCellProps = ComponentProps<'div'> & {
+    column: string;
+    /** Lifts the cell above the row link so its own buttons and links can be pressed. */
+    interactive?: boolean;
+};
+export declare function DataListCell({ column, interactive, className, children, ...props }: DataListCellProps): import("react").JSX.Element;
+/** Placeholder rows in the list's own column layout, shown while rows load. */
+export declare function DataListSkeleton({ rows, className }: {
+    rows?: number;
+    className?: string;
+}): import("react").JSX.Element;
+/** The empty or error state of a list, in place of its rows. */
+export declare function DataListEmpty(props: StateCardProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=data-list.d.ts.map

package/dist/components/data-list.d.ts.map

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

package/dist/components/data-list.js

@@ -0,0 +1,119 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ArrowUp } from 'lucide-react';
+import { Children, createContext, useContext, useEffect, useState, } from 'react';
+import { m } from 'motion/react';
+import { cn } from '../lib/cn.js';
+import { transitions } from '../lib/motion-tokens.js';
+import { useSkylcn } from '../lib/provider.js';
+import { Skeleton } from './skeleton.js';
+import { StateCard } from './state-card.js';
+const BREAKPOINTS = ['base', 'sm', 'md', 'lg', 'xl'];
+const RANK = { base: 0, sm: 1, md: 2, lg: 3, xl: 4 };
+// Static so Tailwind sees them; a column shown from a breakpoint hides below it.
+const SHOW_FROM = {
+    sm: 'hidden sm:flex',
+    md: 'hidden md:flex',
+    lg: 'hidden lg:flex',
+    xl: 'hidden xl:flex',
+};
+const JUSTIFY = { start: 'justify-start', center: 'justify-center', end: 'justify-end' };
+const STAGGER_CAP = 8;
+const DataListContext = createContext(null);
+/** The row's link or button, handed to its first always-visible cell to render. */
+const RowTargetContext = createContext(null);
+/** Whether rows mounting now are the list's first rows, which fade in one after another. */
+const EntranceContext = createContext(false);
+function useDataList() {
+    const context = useContext(DataListContext);
+    if (!context)
+        throw new Error('DataList parts must be used inside <DataList>.');
+    return context;
+}
+function tracksAt(columns, bp) {
+    return columns
+        .filter((column) => !column.from || RANK[column.from] <= RANK[bp])
+        .map((column) => column.width)
+        .join(' ');
+}
+const ROW_GRID = 'grid items-center gap-3 grid-cols-(--dl-base) sm:grid-cols-(--dl-sm) md:grid-cols-(--dl-md) lg:grid-cols-(--dl-lg) xl:grid-cols-(--dl-xl)';
+/** A table-like list whose columns collapse by breakpoint, with sortable headers and linkable rows. */
+export function DataList({ columns, sort, onSortChange, className, style, children, ...props }) {
+    const vars = Object.fromEntries(BREAKPOINTS.map((bp) => [`--dl-${bp}`, tracksAt(columns, bp)]));
+    return (_jsx(DataListContext.Provider, { value: { columns, sort, onSortChange }, children: _jsx("div", { "data-slot": "data-list", role: "table", className: cn('min-w-0', className), style: { ...vars, ...style }, ...props, children: children }) }));
+}
+function columnClass(column) {
+    return cn('min-w-0 items-center', column?.from ? SHOW_FROM[column.from] : 'flex', JUSTIFY[column?.align ?? 'start']);
+}
+export function DataListHeader({ className, children, ...props }) {
+    return (_jsx("div", { "data-slot": "data-list-header", role: "row", className: cn(ROW_GRID, 'sticky top-[var(--skylcn-sticky-top,0px)] z-20 border-b border-border bg-background px-3 pb-2', className), ...props, children: children }));
+}
+const COLUMN_LABEL = 'text-3xs font-medium tracking-label text-subtle-foreground uppercase';
+export function DataListColumnHeader({ column, sortable = false, label, className, children, ...props }) {
+    const { columns, sort, onSortChange } = useDataList();
+    const { messages } = useSkylcn();
+    const def = columns.find((c) => c.id === column);
+    const active = sort?.field === column;
+    const descending = active && sort.direction === 'desc';
+    const name = label ?? (typeof children === 'string' ? children : undefined);
+    const hiddenName = label && !children ? _jsx("span", { className: "sr-only", children: label }) : null;
+    if (!sortable || !onSortChange) {
+        return (_jsxs("div", { role: "columnheader", className: cn(columnClass(def), COLUMN_LABEL, className), ...props, children: [children, hiddenName] }));
+    }
+    return (_jsx("div", { role: "columnheader", "aria-sort": active ? (sort.direction === 'asc' ? 'ascending' : 'descending') : 'none', className: cn(columnClass(def), className), ...props, children: _jsxs("button", { type: "button", onClick: () => onSortChange(column), title: name ? messages.sortBy(name) : undefined, className: cn(COLUMN_LABEL, 'group/sort inline-flex min-w-0 items-center gap-1 rounded outline-hidden', 'transition-colors duration-(--motion-duration-fast) hover:text-secondary-foreground focus-visible:ring-2 focus-visible:ring-ring', active && 'text-secondary-foreground'), children: [children ? _jsx("span", { className: "truncate", children: children }) : null, hiddenName, _jsxs("span", { "aria-hidden": true, className: "grid size-2.75 shrink-0 place-items-center", children: [_jsx("span", { className: cn('col-start-1 row-start-1 size-1 rounded-full bg-faint-foreground transition-[opacity,scale,background-color] duration-(--motion-duration-base) ease-enter group-hover/sort:bg-muted-foreground', active ? 'scale-50 opacity-0' : 'scale-100 opacity-100') }), _jsx(ArrowUp, { strokeWidth: 2, className: cn('col-start-1 row-start-1 size-2.75 text-skylab-300 transition-[opacity,scale,rotate] duration-(--motion-duration-base) ease-enter motion-reduce:scale-100', active ? 'scale-100 opacity-100' : 'scale-50 opacity-0', descending ? 'rotate-180' : 'rotate-0') })] })] }) }));
+}
+/** Rows fade in one after another when they first arrive; later sorts, searches and pages swap in place. */
+export function DataListBody({ className, children, ...props }) {
+    const hasRows = Children.count(children) > 0;
+    const [settled, setSettled] = useState(false);
+    useEffect(() => {
+        if (!hasRows || settled)
+            return;
+        const timer = setTimeout(() => setSettled(true), 800);
+        return () => clearTimeout(timer);
+    }, [hasRows, settled]);
+    return (_jsx(EntranceContext.Provider, { value: !settled, children: _jsx("div", { "data-slot": "data-list-body", role: "rowgroup", className: cn('divide-y divide-border-subtle', className), ...props, children: children }) }));
+}
+export function DataListRow({ href, onSelect, label, selected = false, index, className, style, children, ...props }) {
+    const firstFill = useContext(EntranceContext);
+    const entering = firstFill && index !== undefined;
+    return (_jsx(RowTargetContext.Provider, { value: href || onSelect ? { href, onSelect, label } : null, children: _jsx(m.div, { "data-slot": "data-list-row", role: "row", "aria-selected": selected || undefined, 
+            // Rows glide to their new places when the sort changes; rows that turn
+            // up later (a search, a filter) fade in, the first fill staggers in CSS
+            layout: "position", transition: { layout: transitions.layout }, initial: firstFill ? false : { opacity: 0 }, animate: { opacity: 1 }, className: cn(ROW_GRID, 'group/row relative px-3 py-2.5 transition-colors duration-(--motion-duration-fast)', (href || onSelect) && 'hover:bg-card', selected && 'bg-skylab-500/5', entering && 'enter-rise', className), style: entering
+                ? {
+                    animationDelay: `calc(var(--motion-stagger) * ${Math.min(index, STAGGER_CAP)})`,
+                    ...style,
+                }
+                : style, ...props, children: children }) }));
+}
+const OVERLAY = 'absolute inset-0 rounded-[inherit] outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset';
+/** Stretches over the whole row from inside a cell, so the table keeps only cells in its rows. */
+function RowTargetOverlay({ href, onSelect, label }) {
+    const { Link } = useSkylcn();
+    if (href) {
+        return (_jsx(Link, { href: href, className: OVERLAY, children: _jsx("span", { className: "sr-only", children: label }) }));
+    }
+    return _jsx("button", { type: "button", onClick: onSelect, "aria-label": label, className: OVERLAY });
+}
+export function DataListCell({ column, interactive = false, className, children, ...props }) {
+    const { columns } = useDataList();
+    const target = useContext(RowTargetContext);
+    // The row's link lives in the first column that never hides, so it is always reachable.
+    const holdsTarget = target && columns.find((c) => !c.from)?.id === column;
+    return (_jsxs("div", { role: "cell", className: cn(columnClass(columns.find((c) => c.id === column)), interactive && 'relative z-10', className), ...props, children: [holdsTarget ? _jsx(RowTargetOverlay, { ...target }) : null, children] }));
+}
+/** Placeholder rows in the list's own column layout, shown while rows load. */
+export function DataListSkeleton({ rows = 4, className }) {
+    const { columns } = useDataList();
+    const { messages } = useSkylcn();
+    return (_jsxs("div", { role: "rowgroup", "aria-busy": "true", className: cn('divide-y divide-border-subtle', className), children: [_jsx("div", { role: "row", className: "sr-only", children: _jsx("div", { role: "cell", children: _jsx("span", { role: "status", children: messages.loading }) }) }), Array.from({ length: rows }, (_, row) => (_jsx("div", { "aria-hidden": true, className: cn(ROW_GRID, 'px-3 py-2.5'), children: columns.map((column, i) => {
+                    const narrow = /^\d*\.?\d+rem$/.test(column.width) && Number.parseFloat(column.width) <= 2;
+                    return (_jsx("div", { className: columnClass(column), children: narrow ? (_jsx(Skeleton, { className: "size-1.5 rounded-full" })) : (_jsx(Skeleton, { className: cn('h-3.5', i === 1 ? 'w-40 max-w-full' : 'w-16 max-w-full') })) }, column.id));
+                }) }, row)))] }));
+}
+/** The empty or error state of a list, in place of its rows. */
+export function DataListEmpty(props) {
+    return (_jsx("div", { role: "rowgroup", children: _jsx("div", { role: "row", children: _jsx("div", { role: "cell", children: _jsx(StateCard, { className: "py-12", ...props }) }) }) }));
+}
+//# sourceMappingURL=data-list.js.map

package/dist/components/data-list.js.map

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

package/dist/components/dialog.d.ts

@@ -0,0 +1,41 @@
+import { Dialog as DialogPrimitive } from '@base-ui/react/dialog';
+import { type ComponentProps, type ReactNode } from 'react';
+export declare const Dialog: <Payload>(props: DialogPrimitive.Root.Props<Payload>) => React.JSX.Element;
+export declare const DialogTrigger: DialogPrimitive.Trigger;
+export declare const DialogClose: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").AlertDialogCloseProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+export type DialogContentProps = DialogPrimitive.Popup.Props & {
+    /** Hides the close button in the corner, for dialogs that must be answered. */
+    hideClose?: boolean;
+};
+/**
+ * A modal window for a short task: a form, a confirmation, details. Centred
+ * on wide screens and a bottom sheet on phones; focus stays inside and Esc closes.
+ */
+export declare function DialogContent({ className, children, hideClose, ...props }: DialogContentProps): import("react").JSX.Element;
+export declare function DialogHeader({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
+export declare function DialogTitle({ className, ...props }: DialogPrimitive.Title.Props): import("react").JSX.Element;
+export declare function DialogDescription({ className, ...props }: DialogPrimitive.Description.Props): import("react").JSX.Element;
+export declare function DialogBody({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
+export declare function DialogFooter({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
+export type ConfirmDialogProps = {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** The button that opens it, when it is not opened from state. */
+    trigger?: ReactNode;
+    title: ReactNode;
+    description?: ReactNode;
+    /** A verb that names what happens, such as "Formu sil"; never "Tamam". */
+    actionLabel: string;
+    onAction: () => void;
+    /** Colours the action for removals and other things that cannot be undone. */
+    destructive?: boolean;
+    pending?: boolean;
+    cancelLabel?: string;
+};
+/**
+ * Asks before an action that cannot be undone. Focus starts on Cancel, the
+ * action says exactly what it does, and nothing is pre-chosen for the reader.
+ * For actions that can be undone, prefer an undo toast to a question.
+ */
+export declare function ConfirmDialog({ open, onOpenChange, trigger, title, description, actionLabel, onAction, destructive, pending, cancelLabel, }: ConfirmDialogProps): import("react").JSX.Element;
+//# sourceMappingURL=dialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../src/components/dialog.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAElE,OAAO,EAAU,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAiBpE,eAAO,MAAM,MAAM,4EAAuB,CAAC;AAC3C,eAAO,MAAM,aAAa,yBAA0B,CAAC;AACrD,eAAO,MAAM,WAAW,2JAAwB,CAAC;AAEjD,MAAM,MAAM,kBAAkB,GAAG,eAAe,CAAC,KAAK,CAAC,KAAK,GAAG;IAC7D,+EAA+E;IAC/E,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,QAAQ,EACR,SAAiB,EACjB,GAAG,KAAK,EACT,EAAE,kBAAkB,+BAkBpB;AAED,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,+BAE1E;AAED,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,+BAO/E;AAED,wBAAgB,iBAAiB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,CAAC,WAAW,CAAC,KAAK,+BAO3F;AAED,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,+BAOxE;AAED,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,+BAU1E;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,kEAAkE;IAClE,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,0EAA0E;IAC1E,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,8EAA8E;IAC9E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,YAAY,EACZ,OAAO,EACP,KAAK,EACL,WAAW,EACX,WAAW,EACX,QAAQ,EACR,WAAmB,EACnB,OAAe,EACf,WAAW,GACZ,EAAE,kBAAkB,+BAmCpB"}

package/dist/components/dialog.js

@@ -0,0 +1,49 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AlertDialog as AlertPrimitive } from '@base-ui/react/alert-dialog';
+import { Dialog as DialogPrimitive } from '@base-ui/react/dialog';
+import { X } from 'lucide-react';
+import { useRef } from 'react';
+import { cn } from '../lib/cn.js';
+import { useSkylcn } from '../lib/provider.js';
+import { Button } from './button.js';
+const backdrop = 'fixed inset-0 z-50 bg-black/50 transition-opacity duration-(--motion-duration-base) ease-enter data-ending-style:opacity-0 data-starting-style:opacity-0';
+// Centred from sm up; a sheet rising from the bottom edge on phones.
+const popup = cn('fixed z-50 flex max-h-[calc(100dvh-2rem)] flex-col overflow-hidden border border-border bg-popover text-foreground shadow-overlay outline-hidden', 'transition-[opacity,translate,scale] duration-(--motion-duration-base) ease-enter data-ending-style:ease-exit data-ending-style:duration-(--motion-duration-fast)', 'inset-x-0 bottom-0 rounded-t-2xl pb-[env(safe-area-inset-bottom)] data-ending-style:translate-y-full data-starting-style:translate-y-full motion-reduce:data-ending-style:translate-y-0 motion-reduce:data-starting-style:translate-y-0 data-ending-style:opacity-0 data-starting-style:opacity-0', 'sm:inset-auto sm:top-1/2 sm:left-1/2 sm:w-[calc(100vw-2rem)] sm:max-w-md sm:-translate-x-1/2 sm:-translate-y-1/2 sm:rounded-xl sm:pb-0', 'sm:data-ending-style:-translate-y-1/2 sm:data-starting-style:-translate-y-1/2 sm:data-ending-style:scale-(--motion-scale-from) sm:data-starting-style:scale-(--motion-scale-from)');
+export const Dialog = DialogPrimitive.Root;
+export const DialogTrigger = DialogPrimitive.Trigger;
+export const DialogClose = DialogPrimitive.Close;
+/**
+ * A modal window for a short task: a form, a confirmation, details. Centred
+ * on wide screens and a bottom sheet on phones; focus stays inside and Esc closes.
+ */
+export function DialogContent({ className, children, hideClose = false, ...props }) {
+    const { messages } = useSkylcn();
+    return (_jsxs(DialogPrimitive.Portal, { children: [_jsx(DialogPrimitive.Backdrop, { className: backdrop }), _jsxs(DialogPrimitive.Popup, { "data-slot": "dialog-content", className: cn(popup, className), ...props, children: [children, hideClose ? null : (_jsx(DialogPrimitive.Close, { "aria-label": messages.close, className: "absolute top-3 right-3 grid size-8 place-items-center rounded-md text-subtle-foreground outline-hidden transition-colors hover:bg-accent hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring", children: _jsx(X, { className: "size-4" }) }))] })] }));
+}
+export function DialogHeader({ className, ...props }) {
+    return _jsx("div", { className: cn('flex flex-col gap-1 px-5 pt-5 pr-12', className), ...props });
+}
+export function DialogTitle({ className, ...props }) {
+    return (_jsx(DialogPrimitive.Title, { className: cn('text-base font-semibold text-foreground', className), ...props }));
+}
+export function DialogDescription({ className, ...props }) {
+    return (_jsx(DialogPrimitive.Description, { className: cn('text-xs leading-relaxed text-muted-foreground', className), ...props }));
+}
+export function DialogBody({ className, ...props }) {
+    return (_jsx("div", { className: cn('scrollbar min-h-0 flex-1 overflow-y-auto px-5 py-4', className), ...props }));
+}
+export function DialogFooter({ className, ...props }) {
+    return (_jsx("div", { className: cn('flex flex-col-reverse gap-2 border-t border-border-subtle px-5 py-3 sm:flex-row sm:justify-end', className), ...props }));
+}
+/**
+ * Asks before an action that cannot be undone. Focus starts on Cancel, the
+ * action says exactly what it does, and nothing is pre-chosen for the reader.
+ * For actions that can be undone, prefer an undo toast to a question.
+ */
+export function ConfirmDialog({ open, onOpenChange, trigger, title, description, actionLabel, onAction, destructive = false, pending = false, cancelLabel, }) {
+    const { messages } = useSkylcn();
+    const cancel = useRef(null);
+    return (_jsxs(AlertPrimitive.Root, { open: open, onOpenChange: onOpenChange, children: [trigger ? _jsx(AlertPrimitive.Trigger, { render: trigger }) : null, _jsxs(AlertPrimitive.Portal, { children: [_jsx(AlertPrimitive.Backdrop, { className: backdrop }), _jsxs(AlertPrimitive.Popup, { "data-slot": "confirm-dialog", initialFocus: cancel, className: popup, children: [_jsxs("div", { className: "flex flex-col gap-1 px-5 pt-5", children: [_jsx(AlertPrimitive.Title, { className: "text-base font-semibold text-foreground", children: title }), description ? (_jsx(AlertPrimitive.Description, { className: "text-xs leading-relaxed text-muted-foreground", children: description })) : null] }), _jsxs("div", { className: "mt-4 flex flex-col-reverse gap-2 border-t border-border-subtle px-5 py-3 sm:flex-row sm:justify-end", children: [_jsx(AlertPrimitive.Close, { render: _jsx(Button, { ref: cancel }), children: cancelLabel ?? messages.cancel }), _jsx(Button, { variant: destructive ? 'destructive' : 'primary', pending: pending, onClick: onAction, children: actionLabel })] })] })] })] }));
+}
+//# sourceMappingURL=dialog.js.map

package/dist/components/dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../src/components/dialog.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,WAAW,IAAI,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC5E,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AACjC,OAAO,EAAE,MAAM,EAAuC,MAAM,OAAO,CAAC;AACpE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,MAAM,QAAQ,GACZ,0JAA0J,CAAC;AAE7J,qEAAqE;AACrE,MAAM,KAAK,GAAG,EAAE,CACd,kJAAkJ,EAClJ,mKAAmK,EACnK,mSAAmS,EACnS,wIAAwI,EACxI,mLAAmL,CACpL,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,eAAe,CAAC,IAAI,CAAC;AAC3C,MAAM,CAAC,MAAM,aAAa,GAAG,eAAe,CAAC,OAAO,CAAC;AACrD,MAAM,CAAC,MAAM,WAAW,GAAG,eAAe,CAAC,KAAK,CAAC;AAOjD;;;GAGG;AACH,MAAM,UAAU,aAAa,CAAC,EAC5B,SAAS,EACT,QAAQ,EACR,SAAS,GAAG,KAAK,EACjB,GAAG,KAAK,EACW;IACnB,MAAM,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,CAAC;IACjC,OAAO,CACL,MAAC,eAAe,CAAC,MAAM,eACrB,KAAC,eAAe,CAAC,QAAQ,IAAC,SAAS,EAAE,QAAQ,GAAI,EACjD,MAAC,eAAe,CAAC,KAAK,iBAAW,gBAAgB,EAAC,SAAS,EAAE,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,KAAM,KAAK,aACzF,QAAQ,EACR,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAClB,KAAC,eAAe,CAAC,KAAK,kBACR,QAAQ,CAAC,KAAK,EAC1B,SAAS,EAAC,6MAA6M,YAEvN,KAAC,CAAC,IAAC,SAAS,EAAC,QAAQ,GAAG,GACF,CACzB,IACqB,IACD,CAC1B,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAyB;IACzE,OAAO,cAAK,SAAS,EAAE,EAAE,CAAC,qCAAqC,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AAC7F,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IAC9E,OAAO,CACL,KAAC,eAAe,CAAC,KAAK,IACpB,SAAS,EAAE,EAAE,CAAC,yCAAyC,EAAE,SAAS,CAAC,KAC/D,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAqC;IAC1F,OAAO,CACL,KAAC,eAAe,CAAC,WAAW,IAC1B,SAAS,EAAE,EAAE,CAAC,+CAA+C,EAAE,SAAS,CAAC,KACrE,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAyB;IACvE,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CAAC,oDAAoD,EAAE,SAAS,CAAC,KAC1E,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAyB;IACzE,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,gGAAgG,EAChG,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAkBD;;;;GAIG;AACH,MAAM,UAAU,aAAa,CAAC,EAC5B,IAAI,EACJ,YAAY,EACZ,OAAO,EACP,KAAK,EACL,WAAW,EACX,WAAW,EACX,QAAQ,EACR,WAAW,GAAG,KAAK,EACnB,OAAO,GAAG,KAAK,EACf,WAAW,GACQ;IACnB,MAAM,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,CAAC;IACjC,MAAM,MAAM,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAC/C,OAAO,CACL,MAAC,cAAc,CAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,YAAY,aACxD,OAAO,CAAC,CAAC,CAAC,KAAC,cAAc,CAAC,OAAO,IAAC,MAAM,EAAE,OAA6B,GAAI,CAAC,CAAC,CAAC,IAAI,EACnF,MAAC,cAAc,CAAC,MAAM,eACpB,KAAC,cAAc,CAAC,QAAQ,IAAC,SAAS,EAAE,QAAQ,GAAI,EAChD,MAAC,cAAc,CAAC,KAAK,iBAAW,gBAAgB,EAAC,YAAY,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,aACrF,eAAK,SAAS,EAAC,+BAA+B,aAC5C,KAAC,cAAc,CAAC,KAAK,IAAC,SAAS,EAAC,yCAAyC,YACtE,KAAK,GACe,EACtB,WAAW,CAAC,CAAC,CAAC,CACb,KAAC,cAAc,CAAC,WAAW,IAAC,SAAS,EAAC,+CAA+C,YAClF,WAAW,GACe,CAC9B,CAAC,CAAC,CAAC,IAAI,IACJ,EACN,eAAK,SAAS,EAAC,qGAAqG,aAClH,KAAC,cAAc,CAAC,KAAK,IAAC,MAAM,EAAE,KAAC,MAAM,IAAC,GAAG,EAAE,MAAM,GAAI,YAClD,WAAW,IAAI,QAAQ,CAAC,MAAM,GACV,EACvB,KAAC,MAAM,IACL,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,EAChD,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,QAAQ,YAEhB,WAAW,GACL,IACL,IACe,IACD,IACJ,CACvB,CAAC;AACJ,CAAC"}