@skylab-kulubu/skylcn-ui 0.1.0

package/dist/components/select.d.ts

@@ -0,0 +1,25 @@
+import type { ReactNode } from 'react';
+export type SelectOption = string | {
+    value: string;
+    label: ReactNode;
+    disabled?: boolean;
+    hint?: ReactNode;
+};
+export type SelectProps = {
+    value: string | null | undefined;
+    onValueChange: (value: string) => void;
+    options: readonly SelectOption[];
+    placeholder?: ReactNode;
+    /** `box` is a form control; `inline` is a compact text trigger inside a sentence or a row. */
+    variant?: 'box' | 'inline';
+    size?: 'sm' | 'md';
+    /** Text colour of the chosen value, such as a status colour. */
+    tone?: string;
+    renderOption?: (option: SelectOption) => ReactNode;
+    disabled?: boolean;
+    name?: string;
+    className?: string;
+    'aria-label'?: string;
+};
+export declare function Select({ value, onValueChange, options, placeholder, variant, size, tone, renderOption, disabled, name, className, 'aria-label': ariaLabel, }: SelectProps): import("react").JSX.Element;
+//# sourceMappingURL=select.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/components/select.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,MAAM,MAAM,YAAY,GACtB,MAAM,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,SAAS,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,IAAI,CAAC,EAAE,SAAS,CAAA;CAAE,CAAC;AAKrF,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACjC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,OAAO,EAAE,SAAS,YAAY,EAAE,CAAC;IACjC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,8FAA8F;IAC9F,OAAO,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC3B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,gEAAgE;IAChE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,SAAS,CAAC;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,aAAa,EACb,OAAO,EACP,WAAW,EACX,OAAe,EACf,IAAW,EACX,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,YAAY,EAAE,SAAS,GACxB,EAAE,WAAW,+BAyGb"}

package/dist/components/select.js

@@ -0,0 +1,33 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Select as SelectPrimitive } from '@base-ui/react/select';
+import { Check, ChevronDown } from 'lucide-react';
+import { cn } from '../lib/cn.js';
+import { popupMotionFast } from '../lib/motion.js';
+import { useSkylcn } from '../lib/provider.js';
+const valueOf = (option) => (typeof option === 'string' ? option : option.value);
+const labelOf = (option) => (typeof option === 'string' ? option : option.label);
+export function Select({ value, onValueChange, options, placeholder, variant = 'box', size = 'md', tone, renderOption, disabled, name, className, 'aria-label': ariaLabel, }) {
+    const { messages } = useSkylcn();
+    const selected = options.find((option) => valueOf(option) === value);
+    const inline = variant === 'inline';
+    return (_jsxs(SelectPrimitive.Root, { value: value ?? null, onValueChange: (next) => {
+            if (typeof next === 'string')
+                onValueChange(next);
+        }, disabled: disabled, name: name, children: [_jsxs(SelectPrimitive.Trigger, { "data-slot": "select-trigger", "aria-label": ariaLabel, className: cn('group/select font-medium outline-hidden focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-60', 'transition-[color,background-color,border-color] duration-(--motion-duration-fast) ease-enter', inline
+                    ? 'inline-flex max-w-full items-center gap-0.5 rounded px-1 py-0.5 text-2xs hover:bg-accent data-popup-open:bg-accent'
+                    : [
+                        'flex w-full items-center justify-between border border-input bg-input-background hover:border-border-strong',
+                        'data-popup-open:border-skylab-400/50 data-popup-open:ring-1 data-popup-open:ring-skylab-400/20',
+                        size === 'sm'
+                            ? 'rounded-md px-2 py-1.5 text-2xs pointer-coarse:min-h-9 pointer-coarse:text-xs'
+                            : 'rounded-lg px-3 py-2.5 text-xs pointer-coarse:min-h-11 pointer-coarse:text-sm',
+                    ], selected
+                    ? (tone ?? (inline ? 'text-foreground' : 'text-secondary-foreground'))
+                    : 'text-subtle-foreground', className), children: [_jsx(SelectPrimitive.Value, { className: "truncate", children: () => (selected ? labelOf(selected) : (placeholder ?? messages.select)) }), _jsx(SelectPrimitive.Icon, { className: cn('shrink-0 transition-transform duration-(--motion-duration-base) ease-enter group-data-popup-open/select:rotate-180', inline ? 'ml-0.5 text-faint-foreground' : 'ml-2 text-subtle-foreground'), children: _jsx(ChevronDown, { className: inline ? 'size-2.5' : size === 'sm' ? 'size-3' : 'size-3.5' }) })] }), _jsx(SelectPrimitive.Portal, { children: _jsx(SelectPrimitive.Positioner, { alignItemWithTrigger: false, sideOffset: 4, align: "start", className: "z-50 outline-hidden", children: _jsx(SelectPrimitive.Popup, { "data-slot": "select-content", className: cn('rounded-lg border border-border bg-popover shadow-overlay outline-hidden', popupMotionFast, inline ? 'max-w-72 min-w-44' : 'w-(--anchor-width) min-w-40'), children: _jsx(SelectPrimitive.List, { className: "scrollbar max-h-60 overflow-y-auto p-1", children: options.length === 0 ? (_jsx("div", { className: "px-2 py-3 text-center text-xs text-subtle-foreground", children: messages.noOptions })) : (options.map((option) => {
+                                const optionValue = valueOf(option);
+                                const hint = typeof option === 'string' ? null : option.hint;
+                                return (_jsxs(SelectPrimitive.Item, { value: optionValue, disabled: typeof option !== 'string' && option.disabled, className: cn('group/item flex w-full items-center justify-between gap-2 rounded-md px-2 py-2 text-left text-xs text-secondary-foreground outline-hidden select-none pointer-coarse:py-2.5 pointer-coarse:text-sm', 'transition-colors duration-(--motion-duration-instant)', 'data-highlighted:bg-accent data-highlighted:text-foreground-strong', 'data-selected:bg-skylab-500/20 data-selected:text-skylab-300', 'data-disabled:cursor-not-allowed data-disabled:text-faint-foreground'), children: [_jsx(SelectPrimitive.ItemText, { className: "truncate", children: renderOption ? renderOption(option) : labelOf(option) }), _jsx(SelectPrimitive.ItemIndicator, { className: "shrink-0 text-skylab-400", children: _jsx(Check, { className: "size-3" }) }), hint ? (_jsx("span", { className: "shrink-0 text-3xs text-subtle-foreground group-data-selected/item:hidden", children: hint })) : null] }, optionValue));
+                            })) }) }) }) })] }));
+}
+//# sourceMappingURL=select.js.map

package/dist/components/select.js.map

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

package/dist/components/side-nav.d.ts

@@ -0,0 +1,33 @@
+import { type ReactNode } from 'react';
+export type SideNavItem = {
+    href: string;
+    label: string;
+    badge?: ReactNode;
+};
+export type SideNavSection = {
+    label?: string;
+    items: readonly SideNavItem[];
+};
+export type SideNavProps = {
+    /** Names the navigation, such as "Bileşenler" or "Ayarlar". */
+    'aria-label': string;
+    sections: readonly SideNavSection[];
+    activeHref?: string;
+    /** Adds a box that narrows the list by name, for long lists. */
+    searchable?: boolean;
+    /** A glimpse of each item shown beside it on hover or focus, on wide screens only. */
+    preview?: (item: SideNavItem) => ReactNode;
+    className?: string;
+};
+/**
+ * A page's own navigation beside its content: the component list of a docs
+ * page, the folders of a mailbox, the sections of settings. A sticky column
+ * from the lg breakpoint; below it, a button that opens the list in a panel.
+ */
+export declare function SideNav({ 'aria-label': label, sections, activeHref, searchable, preview, className, }: SideNavProps): import("react").JSX.Element;
+/** Lays a SideNav beside the page content from the lg breakpoint, above it on smaller screens. */
+export declare function SideNavLayout({ nav, children }: {
+    nav: ReactNode;
+    children: ReactNode;
+}): import("react").JSX.Element;
+//# sourceMappingURL=side-nav.d.ts.map

package/dist/components/side-nav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"side-nav.d.ts","sourceRoot":"","sources":["../../src/components/side-nav.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AASxD,MAAM,MAAM,WAAW,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,SAAS,CAAA;CAAE,CAAC;AAC7E,MAAM,MAAM,cAAc,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,SAAS,WAAW,EAAE,CAAA;CAAE,CAAC;AAE/E,MAAM,MAAM,YAAY,GAAG;IACzB,+DAA+D;IAC/D,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,SAAS,cAAc,EAAE,CAAC;IACpC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gEAAgE;IAChE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sFAAsF;IACtF,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,SAAS,CAAC;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAsFF;;;;GAIG;AACH,wBAAgB,OAAO,CAAC,EACtB,YAAY,EAAE,KAAK,EACnB,QAAQ,EACR,UAAU,EACV,UAAkB,EAClB,OAAO,EACP,SAAS,GACV,EAAE,YAAY,+BAmEd;AAED,kGAAkG;AAClG,wBAAgB,aAAa,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE;IAAE,GAAG,EAAE,SAAS,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,+BAOvF"}

package/dist/components/side-nav.js

@@ -0,0 +1,52 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { ChevronsUpDown } from 'lucide-react';
+import { LayoutGroup, m } from 'motion/react';
+import { useId, useState } from 'react';
+import { cn } from '../lib/cn.js';
+import { transitions } from '../lib/motion-tokens.js';
+import { useSkylcn } from '../lib/provider.js';
+import { Button } from './button.js';
+import { Drawer, DrawerBody, DrawerContent, DrawerHeader, DrawerTitle } from './drawer.js';
+import { PreviewCard, PreviewCardContent, PreviewCardTrigger } from './preview-card.js';
+import { SearchInput } from './page-header.js';
+function List({ sections, activeHref, query, onNavigate, preview, }) {
+    const { Link, messages } = useSkylcn();
+    const group = useId();
+    const q = query.trim().toLocaleLowerCase('tr-TR');
+    const shown = sections
+        .map((section) => ({
+        ...section,
+        items: section.items.filter((item) => !q || item.label.toLocaleLowerCase('tr-TR').includes(q)),
+    }))
+        .filter((section) => section.items.length > 0);
+    if (shown.length === 0) {
+        return _jsx("p", { className: "px-2 py-3 text-xs text-muted-foreground", children: messages.noResults });
+    }
+    return (_jsx(LayoutGroup, { id: group, children: _jsx("div", { className: "flex flex-col gap-4", children: shown.map((section, i) => (_jsxs("div", { className: "flex flex-col gap-0.5", children: [section.label ? (_jsx("p", { className: "px-2 pb-1 text-3xs font-medium tracking-label text-subtle-foreground uppercase", children: section.label })) : null, _jsx("ul", { className: "flex flex-col gap-0.5", children: section.items.map((item) => {
+                            const active = item.href === activeHref;
+                            const link = (_jsxs(Link, { href: item.href, "aria-current": active ? 'page' : undefined, onClick: onNavigate, className: cn('relative isolate flex items-center gap-2 rounded-md px-2 py-1.5 text-sm outline-hidden pointer-coarse:py-2.5', 'transition-colors duration-(--motion-duration-fast) focus-visible:ring-2 focus-visible:ring-ring', active
+                                    ? 'text-foreground-strong'
+                                    : 'text-muted-foreground hover:bg-accent hover:text-foreground'), children: [active ? (_jsx(m.span, { layoutId: "side-nav-active", "aria-hidden": true, className: "absolute inset-0 -z-10 rounded-md bg-accent-strong", transition: transitions.layout })) : null, _jsx("span", { className: "min-w-0 flex-1 truncate", children: item.label }), item.badge ? _jsx("span", { className: "shrink-0", children: item.badge }) : null] }));
+                            return (_jsx("li", { children: preview ? (_jsxs(PreviewCard, { children: [_jsx(PreviewCardTrigger, { render: link }), _jsx(PreviewCardContent, { children: preview(item) })] })) : (link) }, item.href));
+                        }) })] }, section.label ?? i))) }) }));
+}
+/**
+ * A page's own navigation beside its content: the component list of a docs
+ * page, the folders of a mailbox, the sections of settings. A sticky column
+ * from the lg breakpoint; below it, a button that opens the list in a panel.
+ */
+export function SideNav({ 'aria-label': label, sections, activeHref, searchable = false, preview, className, }) {
+    const { messages } = useSkylcn();
+    const [query, setQuery] = useState('');
+    const [open, setOpen] = useState(false);
+    const current = sections
+        .flatMap((section) => section.items)
+        .find((item) => item.href === activeHref);
+    return (_jsxs(_Fragment, { children: [_jsxs("nav", { "aria-label": label, "data-slot": "side-nav", className: cn('sticky top-6 scrollbar-hidden hidden max-h-[calc(100dvh-7rem)] flex-col gap-3 overflow-y-auto lg:flex', className), children: [searchable ? (_jsx(SearchInput, { value: query, onValueChange: setQuery, placeholder: messages.filterItems, className: "max-w-none min-w-0 flex-none" })) : null, _jsx(List, { sections: sections, activeHref: activeHref, query: query, preview: preview })] }), _jsxs("div", { className: "lg:hidden", children: [_jsxs(Button, { className: "w-full justify-between", onClick: () => setOpen(true), "aria-haspopup": "dialog", children: [_jsxs("span", { className: "truncate", children: [_jsx("span", { className: "text-subtle-foreground", children: label }), current ? _jsxs("span", { className: "text-foreground", children: [" \u00B7 ", current.label] }) : null] }), _jsx(ChevronsUpDown, { className: "text-subtle-foreground" })] }), _jsx(Drawer, { open: open, onOpenChange: setOpen, side: "bottom", children: _jsxs(DrawerContent, { children: [_jsx(DrawerHeader, { children: _jsx(DrawerTitle, { children: label }) }), _jsxs(DrawerBody, { className: "flex flex-col gap-3", children: [searchable ? (_jsx(SearchInput, { value: query, onValueChange: setQuery, placeholder: messages.filterItems, className: "max-w-none" })) : null, _jsx(List, { sections: sections, activeHref: activeHref, query: query, onNavigate: () => setOpen(false) })] })] }) })] })] }));
+}
+/** Lays a SideNav beside the page content from the lg breakpoint, above it on smaller screens. */
+export function SideNavLayout({ nav, children }) {
+    return (_jsxs("div", { className: "flex flex-col gap-6 lg:grid lg:grid-cols-[13rem_minmax(0,1fr)] lg:items-start lg:gap-10", children: [nav, _jsx("div", { className: "min-w-0", children: children })] }));
+}
+//# sourceMappingURL=side-nav.js.map

package/dist/components/side-nav.js.map

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

package/dist/components/skeleton.d.ts

@@ -0,0 +1,4 @@
+import type { ComponentProps } from 'react';
+/** A shimmering placeholder in the shape of the content that is loading. */
+export declare function Skeleton({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
+//# sourceMappingURL=skeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../src/components/skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,4EAA4E;AAC5E,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,+BAStE"}

package/dist/components/skeleton.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../lib/cn.js';
+/** A shimmering placeholder in the shape of the content that is loading. */
+export function Skeleton({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "skeleton", "aria-hidden": true, className: cn('shimmer-block rounded-md', className), ...props }));
+}
+//# sourceMappingURL=skeleton.js.map

package/dist/components/skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.js","sourceRoot":"","sources":["../../src/components/skeleton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,4EAA4E;AAC5E,MAAM,UAAU,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAyB;IACrE,OAAO,CACL,2BACY,UAAU,uBAEpB,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,SAAS,CAAC,KAChD,KAAK,GACT,CACH,CAAC;AACJ,CAAC"}

package/dist/components/skylab-loader.d.ts

@@ -0,0 +1,10 @@
+export type SkylabLoaderProps = {
+    /** Box size in CSS pixels. 16 to 24 inside buttons, 64 to 80 for page states. */
+    size?: number;
+    /** `done` holds the mark still, for the moment the wait ends. */
+    state?: 'loading' | 'done';
+    className?: string;
+};
+/** The SKY LAB mark lighting up from its centre; the one loading indicator of every product. */
+export declare function SkylabLoader({ size, state, className }: SkylabLoaderProps): import("react").JSX.Element;
+//# sourceMappingURL=skylab-loader.d.ts.map

package/dist/components/skylab-loader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skylab-loader.d.ts","sourceRoot":"","sources":["../../src/components/skylab-loader.tsx"],"names":[],"mappings":"AASA,MAAM,MAAM,iBAAiB,GAAG;IAC9B,iFAAiF;IACjF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iEAAiE;IACjE,KAAK,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,gGAAgG;AAChG,wBAAgB,YAAY,CAAC,EAAE,IAAS,EAAE,KAAiB,EAAE,SAAS,EAAE,EAAE,iBAAiB,+BA+B1F"}

package/dist/components/skylab-loader.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { SKYLAB_MARK_PATHS, SKYLAB_MARK_RADII, SKYLAB_MARK_VIEWBOX, } from '../assets/skylab-mark.js';
+import { cn } from '../lib/cn.js';
+const RADIATE_SPREAD_MS = 700;
+/** The SKY LAB mark lighting up from its centre; the one loading indicator of every product. */
+export function SkylabLoader({ size = 80, state = 'loading', className }) {
+    const animate = state === 'loading';
+    return (_jsx("svg", { "data-slot": "skylab-loader", viewBox: SKYLAB_MARK_VIEWBOX, width: size, height: size, fill: "currentColor", "aria-hidden": true, className: cn('shrink-0 text-secondary-foreground', animate && 'skylcn-mark-radiate', className), children: _jsx("g", { fillRule: "evenodd", children: SKYLAB_MARK_PATHS.map((d, i) => (_jsx("path", { d: d, style: animate
+                    ? { animationDelay: `${Math.round(SKYLAB_MARK_RADII[i] * RADIATE_SPREAD_MS)}ms` }
+                    : undefined }, i))) }) }));
+}
+//# sourceMappingURL=skylab-loader.js.map

package/dist/components/skylab-loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skylab-loader.js","sourceRoot":"","sources":["../../src/components/skylab-loader.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,iBAAiB,EACjB,iBAAiB,EACjB,mBAAmB,GACpB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,iBAAiB,GAAG,GAAG,CAAC;AAU9B,gGAAgG;AAChG,MAAM,UAAU,YAAY,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,KAAK,GAAG,SAAS,EAAE,SAAS,EAAqB;IACzF,MAAM,OAAO,GAAG,KAAK,KAAK,SAAS,CAAC;IACpC,OAAO,CACL,2BACY,eAAe,EACzB,OAAO,EAAE,mBAAmB,EAC5B,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,IAAI,EAAC,cAAc,uBAEnB,SAAS,EAAE,EAAE,CACX,oCAAoC,EACpC,OAAO,IAAI,qBAAqB,EAChC,SAAS,CACV,YAED,YAAG,QAAQ,EAAC,SAAS,YAClB,iBAAiB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAC/B,eAEE,CAAC,EAAE,CAAC,EACJ,KAAK,EACH,OAAO;oBACL,CAAC,CAAC,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAE,GAAG,iBAAiB,CAAC,IAAI,EAAE;oBAClF,CAAC,CAAC,SAAS,IALV,CAAC,CAON,CACH,CAAC,GACA,GACA,CACP,CAAC;AACJ,CAAC"}

package/dist/components/sparkline.d.ts

@@ -0,0 +1,12 @@
+export type SparklineProps = {
+    /** The figures in time order; the last one is the current period. */
+    values: readonly number[];
+    className?: string;
+};
+/**
+ * A small trend line without axes, for stat cards: the history in a quiet
+ * grey and the current period marked in the brand colour. Decorative, so the
+ * figure it sits beside must say the value.
+ */
+export declare function Sparkline({ values, className }: SparklineProps): import("react").JSX.Element | null;
+//# sourceMappingURL=sparkline.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sparkline.d.ts","sourceRoot":"","sources":["../../src/components/sparkline.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,cAAc,GAAG;IAC3B,qEAAqE;IACrE,MAAM,EAAE,SAAS,MAAM,EAAE,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,cAAc,sCAqC9D"}

package/dist/components/sparkline.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../lib/cn.js';
+const WIDTH = 100;
+const HEIGHT = 32;
+const PAD = 3;
+/**
+ * A small trend line without axes, for stat cards: the history in a quiet
+ * grey and the current period marked in the brand colour. Decorative, so the
+ * figure it sits beside must say the value.
+ */
+export function Sparkline({ values, className }) {
+    if (values.length < 2)
+        return null;
+    const min = Math.min(...values);
+    const span = Math.max(...values) - min || 1;
+    const points = values.map((value, i) => [
+        PAD + (i / (values.length - 1)) * (WIDTH - PAD * 2),
+        PAD + (1 - (value - min) / span) * (HEIGHT - PAD * 2),
+    ]);
+    const path = points
+        .map(([x, y], i) => `${i ? 'L' : 'M'}${x.toFixed(2)} ${y.toFixed(2)}`)
+        .join(' ');
+    const [lastX, lastY] = points.at(-1);
+    return (_jsxs("div", { "data-slot": "sparkline", "aria-hidden": true, className: cn('relative h-8 w-full', className), children: [_jsx("svg", { viewBox: `0 0 ${WIDTH} ${HEIGHT}`, preserveAspectRatio: "none", className: "absolute inset-0 size-full overflow-visible", children: _jsx("path", { d: path, fill: "none", stroke: "var(--subtle-foreground)", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", vectorEffect: "non-scaling-stroke" }) }), _jsx("span", { className: "absolute size-2 -translate-x-1/2 -translate-y-1/2 rounded-full bg-chart-1 ring-2 ring-background", style: { left: `${(lastX / WIDTH) * 100}%`, top: `${(lastY / HEIGHT) * 100}%` } })] }));
+}
+//# sourceMappingURL=sparkline.js.map

package/dist/components/sparkline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sparkline.js","sourceRoot":"","sources":["../../src/components/sparkline.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,KAAK,GAAG,GAAG,CAAC;AAClB,MAAM,MAAM,GAAG,EAAE,CAAC;AAClB,MAAM,GAAG,GAAG,CAAC,CAAC;AAQd;;;;GAIG;AACH,MAAM,UAAU,SAAS,CAAC,EAAE,MAAM,EAAE,SAAS,EAAkB;IAC7D,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC;QAAE,OAAO,IAAI,CAAC;IACnC,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC;IAChC,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,GAAG,GAAG,IAAI,CAAC,CAAC;IAC5C,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC;QACtC,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,GAAG,GAAG,GAAG,CAAC,CAAC;QACnD,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,GAAG,GAAG,CAAC,CAAC;KACtD,CAAC,CAAC;IACH,MAAM,IAAI,GAAG,MAAM;SAChB,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAE,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;SACvE,IAAI,CAAC,GAAG,CAAC,CAAC;IACb,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,CAAE,CAAC;IAEtC,OAAO,CACL,4BAAe,WAAW,uBAAa,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,aACpF,cACE,OAAO,EAAE,OAAO,KAAK,IAAI,MAAM,EAAE,EACjC,mBAAmB,EAAC,MAAM,EAC1B,SAAS,EAAC,6CAA6C,YAEvD,eACE,CAAC,EAAE,IAAI,EACP,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,0BAA0B,EACjC,WAAW,EAAE,GAAG,EAChB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,YAAY,EAAC,oBAAoB,GACjC,GACE,EAEN,eACE,SAAS,EAAC,kGAAkG,EAC5G,KAAK,EAAE,EAAE,IAAI,EAAE,GAAG,CAAC,KAAM,GAAG,KAAK,CAAC,GAAG,GAAG,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,KAAM,GAAG,MAAM,CAAC,GAAG,GAAG,GAAG,EAAE,GACjF,IACE,CACP,CAAC;AACJ,CAAC"}

package/dist/components/state-card.d.ts

@@ -0,0 +1,27 @@
+import type { LucideIcon } from 'lucide-react';
+import type { ReactNode } from 'react';
+declare const TONE_ICON: {
+    readonly neutral: "text-secondary-foreground";
+    readonly danger: "text-destructive";
+    readonly warning: "text-warning";
+    readonly brand: "text-skylab-300";
+};
+export type StateCardProps = {
+    /** Defaults to the "loading" label while `loading` is set. */
+    title?: ReactNode;
+    description?: ReactNode;
+    icon?: LucideIcon;
+    loading?: boolean;
+    tone?: keyof typeof TONE_ICON;
+    /** A line under the text, such as a status badge. */
+    meta?: ReactNode;
+    /** Content above the icon, such as an illustration. */
+    top?: ReactNode;
+    className?: string;
+    /** Actions under the text. */
+    children?: ReactNode;
+};
+/** A centred loading, empty, error or permission state for a page or a panel. */
+export declare function StateCard({ title, description, icon: Icon, loading, tone, meta, top, className, children, }: StateCardProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=state-card.d.ts.map

package/dist/components/state-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"state-card.d.ts","sourceRoot":"","sources":["../../src/components/state-card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,QAAA,MAAM,SAAS;;;;;CAKL,CAAC;AAEX,MAAM,MAAM,cAAc,GAAG;IAC3B,8DAA8D;IAC9D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,OAAO,SAAS,CAAC;IAC9B,qDAAqD;IACrD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,uDAAuD;IACvD,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,iFAAiF;AACjF,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,WAAW,EACX,IAAI,EAAE,IAAI,EACV,OAAe,EACf,IAAgB,EAChB,IAAI,EACJ,GAAG,EACH,SAAS,EACT,QAAQ,GACT,EAAE,cAAc,+BAqChB"}

package/dist/components/state-card.js

@@ -0,0 +1,17 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../lib/cn.js';
+import { useSkylcn } from '../lib/provider.js';
+import { SkylabLoader } from './skylab-loader.js';
+const TONE_ICON = {
+    neutral: 'text-secondary-foreground',
+    danger: 'text-destructive',
+    warning: 'text-warning',
+    brand: 'text-skylab-300',
+};
+/** A centred loading, empty, error or permission state for a page or a panel. */
+export function StateCard({ title, description, icon: Icon, loading = false, tone = 'neutral', meta, top, className, children, }) {
+    const { messages } = useSkylcn();
+    return (_jsx("div", { "data-slot": "state-card", role: loading ? 'status' : undefined, "aria-live": loading ? 'polite' : undefined, className: cn('flex w-full flex-1 items-center justify-center px-6 py-10', className), children: _jsxs("div", { className: "mx-auto flex w-full max-w-md enter-rise-lg flex-col items-center text-center", children: [top ? _jsx("div", { className: "mb-8 w-full max-w-85", children: top }) : null, loading ? (_jsx(SkylabLoader, { size: 72 })) : Icon ? (_jsx(Icon, { className: cn('size-9 drop-shadow-[0_6px_18px_rgb(0_0_0/0.35)]', TONE_ICON[tone]), strokeWidth: 1.75 })) : null, _jsxs("div", { className: cn('flex flex-col gap-2 text-balance', loading ? 'mt-5' : 'mt-4'), children: [_jsx("p", { className: cn('text-sm font-semibold', loading ? 'shimmer-text text-muted-foreground' : 'text-foreground'), children: title ?? (loading ? messages.loading : null) }), description ? (_jsx("p", { className: "text-xs leading-relaxed text-muted-foreground", children: description })) : null] }), meta ? _jsx("div", { className: "mt-4", children: meta }) : null, children ? _jsx("div", { className: "mt-5 w-full", children: children }) : null] }) }));
+}
+//# sourceMappingURL=state-card.js.map

package/dist/components/state-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state-card.js","sourceRoot":"","sources":["../../src/components/state-card.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAIb,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAElD,MAAM,SAAS,GAAG;IAChB,OAAO,EAAE,2BAA2B;IACpC,MAAM,EAAE,kBAAkB;IAC1B,OAAO,EAAE,cAAc;IACvB,KAAK,EAAE,iBAAiB;CAChB,CAAC;AAkBX,iFAAiF;AACjF,MAAM,UAAU,SAAS,CAAC,EACxB,KAAK,EACL,WAAW,EACX,IAAI,EAAE,IAAI,EACV,OAAO,GAAG,KAAK,EACf,IAAI,GAAG,SAAS,EAChB,IAAI,EACJ,GAAG,EACH,SAAS,EACT,QAAQ,GACO;IACf,MAAM,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,CAAC;IACjC,OAAO,CACL,2BACY,YAAY,EACtB,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,eACzB,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACzC,SAAS,EAAE,EAAE,CAAC,2DAA2D,EAAE,SAAS,CAAC,YAErF,eAAK,SAAS,EAAC,8EAA8E,aAC1F,GAAG,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,sBAAsB,YAAE,GAAG,GAAO,CAAC,CAAC,CAAC,IAAI,EAC9D,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,YAAY,IAAC,IAAI,EAAE,EAAE,GAAI,CAC3B,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACT,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CAAC,iDAAiD,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC,EACjF,WAAW,EAAE,IAAI,GACjB,CACH,CAAC,CAAC,CAAC,IAAI,EACR,eAAK,SAAS,EAAE,EAAE,CAAC,kCAAkC,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,aAC/E,YACE,SAAS,EAAE,EAAE,CACX,uBAAuB,EACvB,OAAO,CAAC,CAAC,CAAC,oCAAoC,CAAC,CAAC,CAAC,iBAAiB,CACnE,YAEA,KAAK,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,GAC3C,EACH,WAAW,CAAC,CAAC,CAAC,CACb,YAAG,SAAS,EAAC,+CAA+C,YAAE,WAAW,GAAK,CAC/E,CAAC,CAAC,CAAC,IAAI,IACJ,EACL,IAAI,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,MAAM,YAAE,IAAI,GAAO,CAAC,CAAC,CAAC,IAAI,EAChD,QAAQ,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,aAAa,YAAE,QAAQ,GAAO,CAAC,CAAC,CAAC,IAAI,IAC5D,GACF,CACP,CAAC;AACJ,CAAC"}

package/dist/components/switch.d.ts

@@ -0,0 +1,15 @@
+import { Switch as SwitchPrimitive } from '@base-ui/react/switch';
+import type { ReactNode } from 'react';
+export type SwitchProps = SwitchPrimitive.Root.Props;
+export declare function Switch({ className, ...props }: SwitchProps): import("react").JSX.Element;
+export type ToggleRowProps = Omit<SwitchProps, 'children'> & {
+    title: ReactNode;
+    description?: ReactNode;
+    /** Fades the row to show it has no effect right now. */
+    dimmed?: boolean;
+    /** Content between the text and the switch, such as a badge. */
+    adornment?: ReactNode;
+};
+/** A bordered row with a title, a hint and a switch; the settings panels' toggle. */
+export declare function ToggleRow({ title, description, dimmed, adornment, className, ...props }: ToggleRowProps): import("react").JSX.Element;
+//# sourceMappingURL=switch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../src/components/switch.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,MAAM,WAAW,GAAG,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC;AAErD,wBAAgB,MAAM,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,+BAsB1D;AAED,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,GAAG;IAC3D,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,wDAAwD;IACxD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,gEAAgE;IAChE,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,CAAC;AAEF,qFAAqF;AACrF,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,WAAW,EACX,MAAc,EACd,SAAS,EACT,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,+BAsBhB"}

package/dist/components/switch.js

@@ -0,0 +1,12 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Switch as SwitchPrimitive } from '@base-ui/react/switch';
+import { cn } from '../lib/cn.js';
+export function Switch({ className, ...props }) {
+    return (_jsx(SwitchPrimitive.Root, { "data-slot": "switch", className: cn('relative inline-flex h-6 w-10 shrink-0 cursor-pointer items-center rounded-full border border-border bg-muted px-0.5 outline-hidden after:absolute after:-inset-2', 'transition-[background-color,border-color] duration-(--motion-duration-base) ease-enter', 'focus-visible:ring-2 focus-visible:ring-ring', 'data-checked:border-skylab-400/50 data-checked:bg-skylab-400/20', 'data-disabled:cursor-not-allowed data-disabled:opacity-50', className), ...props, children: _jsx(SwitchPrimitive.Thumb, { className: cn('size-4.5 rounded-full bg-white shadow-sm shadow-black/30', 'transition-transform duration-(--motion-duration-base) ease-enter data-checked:translate-x-4') }) }));
+}
+/** A bordered row with a title, a hint and a switch; the settings panels' toggle. */
+export function ToggleRow({ title, description, dimmed = false, adornment, className, ...props }) {
+    return (_jsxs("label", { "data-slot": "toggle-row", className: cn('flex cursor-pointer items-center justify-between gap-3 rounded-lg border border-border px-3 py-2.5 transition-opacity duration-(--motion-duration-slow)', dimmed && 'opacity-40', className), children: [_jsxs("span", { className: "min-w-0", children: [_jsx("span", { className: "block text-sm font-semibold text-foreground", children: title }), description ? (_jsx("span", { className: "block text-2xs text-subtle-foreground", children: description })) : null] }), _jsxs("span", { className: "flex shrink-0 items-center gap-3", children: [adornment, _jsx(Switch, { ...props })] })] }));
+}
+//# sourceMappingURL=switch.js.map

package/dist/components/switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../src/components/switch.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAElE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAIlC,MAAM,UAAU,MAAM,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAe;IACzD,OAAO,CACL,KAAC,eAAe,CAAC,IAAI,iBACT,QAAQ,EAClB,SAAS,EAAE,EAAE,CACX,mKAAmK,EACnK,yFAAyF,EACzF,8CAA8C,EAC9C,iEAAiE,EACjE,2DAA2D,EAC3D,SAAS,CACV,KACG,KAAK,YAET,KAAC,eAAe,CAAC,KAAK,IACpB,SAAS,EAAE,EAAE,CACX,0DAA0D,EAC1D,8FAA8F,CAC/F,GACD,GACmB,CACxB,CAAC;AACJ,CAAC;AAWD,qFAAqF;AACrF,MAAM,UAAU,SAAS,CAAC,EACxB,KAAK,EACL,WAAW,EACX,MAAM,GAAG,KAAK,EACd,SAAS,EACT,SAAS,EACT,GAAG,KAAK,EACO;IACf,OAAO,CACL,8BACY,YAAY,EACtB,SAAS,EAAE,EAAE,CACX,yJAAyJ,EACzJ,MAAM,IAAI,YAAY,EACtB,SAAS,CACV,aAED,gBAAM,SAAS,EAAC,SAAS,aACvB,eAAM,SAAS,EAAC,6CAA6C,YAAE,KAAK,GAAQ,EAC3E,WAAW,CAAC,CAAC,CAAC,CACb,eAAM,SAAS,EAAC,uCAAuC,YAAE,WAAW,GAAQ,CAC7E,CAAC,CAAC,CAAC,IAAI,IACH,EACP,gBAAM,SAAS,EAAC,kCAAkC,aAC/C,SAAS,EACV,KAAC,MAAM,OAAK,KAAK,GAAI,IAChB,IACD,CACT,CAAC;AACJ,CAAC"}

package/dist/components/tabs.d.ts

@@ -0,0 +1,8 @@
+import { Tabs as TabsPrimitive } from '@base-ui/react/tabs';
+export declare const Tabs: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").TabsRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+/** The row of tabs; an underline slides to the chosen one. Scrolls sideways when it does not fit. */
+export declare function TabsList({ className, children, ...props }: TabsPrimitive.List.Props): import("react").JSX.Element;
+export declare function Tab({ className, ...props }: TabsPrimitive.Tab.Props): import("react").JSX.Element;
+/** A tab's content; it fades in when chosen. */
+export declare function TabsPanel({ className, ...props }: TabsPrimitive.Panel.Props): import("react").JSX.Element;
+//# sourceMappingURL=tabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../src/components/tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAG5D,eAAO,MAAM,IAAI,gJAAqB,CAAC;AAEvC,qGAAqG;AACrG,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,CAAC,IAAI,CAAC,KAAK,+BAcnF;AAED,wBAAgB,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,CAAC,GAAG,CAAC,KAAK,+BAanE;AAED,gDAAgD;AAChD,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,CAAC,KAAK,CAAC,KAAK,+BAQ3E"}

package/dist/components/tabs.js

@@ -0,0 +1,17 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Tabs as TabsPrimitive } from '@base-ui/react/tabs';
+import { cn } from '../lib/cn.js';
+export const Tabs = TabsPrimitive.Root;
+/** The row of tabs; an underline slides to the chosen one. Scrolls sideways when it does not fit. */
+export function TabsList({ className, children, ...props }) {
+    return (_jsxs(TabsPrimitive.List, { "data-slot": "tabs-list", className: cn('relative scrollbar-hidden flex items-center gap-1 overflow-x-auto border-b border-border', className), ...props, children: [children, _jsx(TabsPrimitive.Indicator, { className: "absolute bottom-0 left-0 h-0.5 w-(--active-tab-width) translate-x-(--active-tab-left) rounded-full bg-skylab-400 transition-[translate,width] duration-(--motion-duration-base) ease-enter" })] }));
+}
+export function Tab({ className, ...props }) {
+    return (_jsx(TabsPrimitive.Tab, { "data-slot": "tab", className: cn('relative flex h-9 shrink-0 items-center gap-2 rounded-t-md px-3 text-sm whitespace-nowrap text-muted-foreground outline-hidden pointer-coarse:h-11', 'transition-colors duration-(--motion-duration-fast) hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset', 'data-selected:text-foreground data-disabled:text-faint-foreground [&_svg]:size-4', className), ...props }));
+}
+/** A tab's content; it fades in when chosen. */
+export function TabsPanel({ className, ...props }) {
+    return (_jsx(TabsPrimitive.Panel, { "data-slot": "tabs-panel", className: cn('enter-fade pt-4 outline-hidden', className), ...props }));
+}
+//# sourceMappingURL=tabs.js.map

package/dist/components/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../src/components/tabs.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,CAAC,MAAM,IAAI,GAAG,aAAa,CAAC,IAAI,CAAC;AAEvC,qGAAqG;AACrG,MAAM,UAAU,QAAQ,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAA4B;IAClF,OAAO,CACL,MAAC,aAAa,CAAC,IAAI,iBACP,WAAW,EACrB,SAAS,EAAE,EAAE,CACX,0FAA0F,EAC1F,SAAS,CACV,KACG,KAAK,aAER,QAAQ,EACT,KAAC,aAAa,CAAC,SAAS,IAAC,SAAS,EAAC,4LAA4L,GAAG,IAC/M,CACtB,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA2B;IAClE,OAAO,CACL,KAAC,aAAa,CAAC,GAAG,iBACN,KAAK,EACf,SAAS,EAAE,EAAE,CACX,oJAAoJ,EACpJ,iJAAiJ,EACjJ,kFAAkF,EAClF,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,gDAAgD;AAChD,MAAM,UAAU,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA6B;IAC1E,OAAO,CACL,KAAC,aAAa,CAAC,KAAK,iBACR,YAAY,EACtB,SAAS,EAAE,EAAE,CAAC,gCAAgC,EAAE,SAAS,CAAC,KACtD,KAAK,GACT,CACH,CAAC;AACJ,CAAC"}

package/dist/components/toast.d.ts

@@ -0,0 +1,17 @@
+import { Toast as ToastPrimitive } from '@base-ui/react/toast';
+import type { ReactNode } from 'react';
+/**
+ * Adds a toast from anywhere under ToastProvider:
+ * `toast.add({ title, description, type: 'success' })`. Errors and toasts
+ * with an action stay until closed; pass `actionProps` for an undo.
+ */
+export declare const useToast: typeof ToastPrimitive.useToastManager;
+/**
+ * Hosts the toasts of an app, stacked at the bottom right (full width on
+ * phones). Plain toasts leave after five seconds, paused while hovered or focused.
+ */
+export declare function ToastProvider({ children, timeout, }: {
+    children: ReactNode;
+    timeout?: number;
+}): import("react").JSX.Element;
+//# sourceMappingURL=toast.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../src/components/toast.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE/D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAYvC;;;;GAIG;AACH,eAAO,MAAM,QAAQ,uCAAiC,CAAC;AA2CvD;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,OAAc,GACf,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,+BAWA"}

package/dist/components/toast.js

@@ -0,0 +1,30 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Toast as ToastPrimitive } from '@base-ui/react/toast';
+import { CircleAlert, CircleCheck, Info, X } from 'lucide-react';
+import { cn } from '../lib/cn.js';
+import { useSkylcn } from '../lib/provider.js';
+const ICON = {
+    success: _jsx(CircleCheck, { className: "size-4 text-success", "aria-hidden": true }),
+    error: _jsx(CircleAlert, { className: "size-4 text-destructive", "aria-hidden": true }),
+    info: _jsx(Info, { className: "size-4 text-info", "aria-hidden": true }),
+};
+/**
+ * Adds a toast from anywhere under ToastProvider:
+ * `toast.add({ title, description, type: 'success' })`. Errors and toasts
+ * with an action stay until closed; pass `actionProps` for an undo.
+ */
+export const useToast = ToastPrimitive.useToastManager;
+function Toasts() {
+    const { toasts } = ToastPrimitive.useToastManager();
+    const { messages } = useSkylcn();
+    return toasts.map((toast) => (_jsx(ToastPrimitive.Root, { toast: toast, swipeDirection: ['right', 'down'], className: cn('[--gap:0.625rem] [--offset-y:calc(var(--toast-offset-y)*-1+var(--toast-index)*var(--gap)*-1+var(--toast-swipe-movement-y))] [--peek:0.5rem] [--scale:calc(max(0,1-(var(--toast-index)*0.06)))]', 'absolute right-0 bottom-0 z-[calc(100-var(--toast-index))] w-full origin-bottom rounded-xl border border-border bg-popover p-3 pr-10 text-foreground shadow-overlay select-none', '[transform:translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)-var(--toast-index)*var(--peek)))_scale(var(--scale))]', 'data-expanded:[transform:translateX(var(--toast-swipe-movement-x))_translateY(var(--offset-y))]', 'transition-[transform,opacity] duration-(--motion-duration-slow) ease-enter', 'data-ending-style:opacity-0 data-limited:opacity-0 data-starting-style:[transform:translateY(120%)]', 'data-[swipe-direction=right]:data-ending-style:[transform:translateX(calc(var(--toast-swipe-movement-x)+120%))_translateY(var(--offset-y))] [&[data-ending-style]:not([data-swipe-direction])]:[transform:translateY(120%)]', "after:absolute after:top-full after:left-0 after:h-[calc(var(--gap)+1px)] after:w-full after:content-['']"), children: _jsxs(ToastPrimitive.Content, { className: "flex gap-2.5", children: [toast.type && toast.type in ICON ? (_jsx("span", { className: "mt-0.5", children: ICON[toast.type] })) : null, _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx(ToastPrimitive.Title, { className: "text-sm font-medium text-foreground" }), _jsx(ToastPrimitive.Description, { className: "mt-0.5 text-xs leading-relaxed text-muted-foreground" }), toast.actionProps ? (_jsx(ToastPrimitive.Action, { className: "mt-2 rounded-md border border-border px-2.5 py-1 text-xs font-medium text-secondary-foreground outline-hidden transition-colors hover:bg-accent focus-visible:ring-2 focus-visible:ring-ring" })) : null] }), _jsx(ToastPrimitive.Close, { "aria-label": messages.close, className: "absolute top-2.5 right-2.5 grid size-6 place-items-center rounded-md text-subtle-foreground outline-hidden hover:bg-accent hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring", children: _jsx(X, { className: "size-3.5" }) })] }) }, toast.id)));
+}
+/**
+ * Hosts the toasts of an app, stacked at the bottom right (full width on
+ * phones). Plain toasts leave after five seconds, paused while hovered or focused.
+ */
+export function ToastProvider({ children, timeout = 5000, }) {
+    return (_jsxs(ToastPrimitive.Provider, { timeout: timeout, children: [children, _jsx(ToastPrimitive.Portal, { children: _jsx(ToastPrimitive.Viewport, { className: "fixed right-4 bottom-4 z-[60] mx-auto w-[calc(100vw-2rem)] sm:right-6 sm:bottom-6 sm:w-90", children: _jsx(Toasts, {}) }) })] }));
+}
+//# sourceMappingURL=toast.js.map

package/dist/components/toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.js","sourceRoot":"","sources":["../../src/components/toast.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,KAAK,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AAEjE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAI/C,MAAM,IAAI,GAAG;IACX,OAAO,EAAE,KAAC,WAAW,IAAC,SAAS,EAAC,qBAAqB,wBAAe;IACpE,KAAK,EAAE,KAAC,WAAW,IAAC,SAAS,EAAC,yBAAyB,wBAAe;IACtE,IAAI,EAAE,KAAC,IAAI,IAAC,SAAS,EAAC,kBAAkB,wBAAe;CAC/C,CAAC;AAEX;;;;GAIG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,cAAc,CAAC,eAAe,CAAC;AAEvD,SAAS,MAAM;IACb,MAAM,EAAE,MAAM,EAAE,GAAG,cAAc,CAAC,eAAe,EAAE,CAAC;IACpD,MAAM,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,CAAC;IACjC,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC3B,KAAC,cAAc,CAAC,IAAI,IAElB,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,EACjC,SAAS,EAAE,EAAE,CACX,gMAAgM,EAChM,iLAAiL,EACjL,0JAA0J,EAC1J,iGAAiG,EACjG,6EAA6E,EAC7E,qGAAqG,EACrG,6NAA6N,EAC7N,2GAA2G,CAC5G,YAED,MAAC,cAAc,CAAC,OAAO,IAAC,SAAS,EAAC,cAAc,aAC7C,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,CAClC,eAAM,SAAS,EAAC,QAAQ,YAAE,IAAI,CAAC,KAAK,CAAC,IAAiB,CAAC,GAAQ,CAChE,CAAC,CAAC,CAAC,IAAI,EACR,eAAK,SAAS,EAAC,gBAAgB,aAC7B,KAAC,cAAc,CAAC,KAAK,IAAC,SAAS,EAAC,qCAAqC,GAAG,EACxE,KAAC,cAAc,CAAC,WAAW,IAAC,SAAS,EAAC,sDAAsD,GAAG,EAC9F,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CACnB,KAAC,cAAc,CAAC,MAAM,IAAC,SAAS,EAAC,8LAA8L,GAAG,CACnO,CAAC,CAAC,CAAC,IAAI,IACJ,EACN,KAAC,cAAc,CAAC,KAAK,kBACP,QAAQ,CAAC,KAAK,EAC1B,SAAS,EAAC,+LAA+L,YAEzM,KAAC,CAAC,IAAC,SAAS,EAAC,UAAU,GAAG,GACL,IACA,IA/BpB,KAAK,CAAC,EAAE,CAgCO,CACvB,CAAC,CAAC;AACL,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,aAAa,CAAC,EAC5B,QAAQ,EACR,OAAO,GAAG,IAAI,GAIf;IACC,OAAO,CACL,MAAC,cAAc,CAAC,QAAQ,IAAC,OAAO,EAAE,OAAO,aACtC,QAAQ,EACT,KAAC,cAAc,CAAC,MAAM,cACpB,KAAC,cAAc,CAAC,QAAQ,IAAC,SAAS,EAAC,2FAA2F,YAC5H,KAAC,MAAM,KAAG,GACc,GACJ,IACA,CAC3B,CAAC;AACJ,CAAC"}

package/dist/components/tooltip.d.ts

@@ -0,0 +1,15 @@
+import type { ReactElement, ReactNode } from 'react';
+/** Shares one open delay across tooltips, so moving between them feels instant. */
+export declare function TooltipProvider({ delay, children, }: {
+    delay?: number;
+    children: ReactNode;
+}): import("react").JSX.Element;
+export type TooltipProps = {
+    label: ReactNode;
+    /** The element the tooltip describes; it must accept a ref. */
+    children: ReactElement;
+    side?: 'top' | 'bottom' | 'left' | 'right';
+    className?: string;
+};
+export declare function Tooltip({ label, children, side, className }: TooltipProps): import("react").JSX.Element;
+//# sourceMappingURL=tooltip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../src/components/tooltip.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIrD,mFAAmF;AACnF,wBAAgB,eAAe,CAAC,EAC9B,KAAW,EACX,QAAQ,GACT,EAAE;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,SAAS,CAAC;CACrB,+BAEA;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,SAAS,CAAC;IACjB,+DAA+D;IAC/D,QAAQ,EAAE,YAAY,CAAC;IACvB,IAAI,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAe,EAAE,SAAS,EAAE,EAAE,YAAY,+BAoBpF"}

package/dist/components/tooltip.js

@@ -0,0 +1,13 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Tooltip as TooltipPrimitive } from '@base-ui/react/tooltip';
+import { cn } from '../lib/cn.js';
+import { popupMotionFast } from '../lib/motion.js';
+/** Shares one open delay across tooltips, so moving between them feels instant. */
+export function TooltipProvider({ delay = 400, children, }) {
+    return _jsx(TooltipPrimitive.Provider, { delay: delay, children: children });
+}
+export function Tooltip({ label, children, side = 'bottom', className }) {
+    return (_jsxs(TooltipPrimitive.Root, { children: [_jsx(TooltipPrimitive.Trigger, { render: children }), _jsx(TooltipPrimitive.Portal, { children: _jsx(TooltipPrimitive.Positioner, { side: side, sideOffset: 6, className: "z-50", children: _jsx(TooltipPrimitive.Popup, { "data-slot": "tooltip", className: cn('rounded-md border border-border-strong bg-popover px-1.5 py-0.5 text-3xs font-medium text-secondary-foreground shadow-lg', popupMotionFast, className), children: label }) }) })] }));
+}
+//# sourceMappingURL=tooltip.js.map

package/dist/components/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../src/components/tooltip.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAErE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEnD,mFAAmF;AACnF,MAAM,UAAU,eAAe,CAAC,EAC9B,KAAK,GAAG,GAAG,EACX,QAAQ,GAIT;IACC,OAAO,KAAC,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAAG,QAAQ,GAA6B,CAAC;AACzF,CAAC;AAUD,MAAM,UAAU,OAAO,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,GAAG,QAAQ,EAAE,SAAS,EAAgB;IACnF,OAAO,CACL,MAAC,gBAAgB,CAAC,IAAI,eACpB,KAAC,gBAAgB,CAAC,OAAO,IAAC,MAAM,EAAE,QAAQ,GAAI,EAC9C,KAAC,gBAAgB,CAAC,MAAM,cACtB,KAAC,gBAAgB,CAAC,UAAU,IAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,EAAE,SAAS,EAAC,MAAM,YACtE,KAAC,gBAAgB,CAAC,KAAK,iBACX,SAAS,EACnB,SAAS,EAAE,EAAE,CACX,0HAA0H,EAC1H,eAAe,EACf,SAAS,CACV,YAEA,KAAK,GACiB,GACG,GACN,IACJ,CACzB,CAAC;AACJ,CAAC"}

package/dist/components/tree.d.ts

@@ -0,0 +1,26 @@
+import { type LucideIcon } from 'lucide-react';
+import { type ReactNode } from 'react';
+export type TreeNode = {
+    id: string;
+    label: ReactNode;
+    icon?: LucideIcon;
+    /** Shown at the end of the row, such as a member count. */
+    meta?: ReactNode;
+    children?: readonly TreeNode[];
+};
+export type TreeProps = {
+    nodes: readonly TreeNode[];
+    'aria-label': string;
+    selected?: string | null;
+    onSelect?: (id: string) => void;
+    /** Branches open at first. */
+    defaultExpanded?: readonly string[];
+    className?: string;
+};
+/**
+ * Nested items, such as Keycloak groups or folders. One row takes Tab; arrows
+ * move, Right opens or steps in, Left closes or steps out, Home and End jump,
+ * Enter picks.
+ */
+export declare function Tree({ nodes, 'aria-label': label, selected, onSelect, defaultExpanded, className, }: TreeProps): import("react").JSX.Element;
+//# sourceMappingURL=tree.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["../../src/components/tree.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAgB,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,EAAiD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAItF,MAAM,MAAM,QAAQ,GAAG;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,2DAA2D;IAC3D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,QAAQ,EAAE,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,EAAE,SAAS,QAAQ,EAAE,CAAC;IAC3B,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,8BAA8B;IAC9B,eAAe,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAIF;;;;GAIG;AACH,wBAAgB,IAAI,CAAC,EACnB,KAAK,EACL,YAAY,EAAE,KAAK,EACnB,QAAe,EACf,QAAQ,EACR,eAAoB,EACpB,SAAS,GACV,EAAE,SAAS,+BA8HX"}