@skylab-kulubu/skylcn-ui 0.1.0

package/dist/components/navigation-menu.d.ts

@@ -0,0 +1,28 @@
+import { NavigationMenu as NavPrimitive } from '@base-ui/react/navigation-menu';
+import { type LucideIcon } from 'lucide-react';
+import type { ReactNode } from 'react';
+/**
+ * A site's top navigation whose items open panels of links; the panel
+ * resizes and slides between items. Meant for public pages from md up;
+ * pair it with a Drawer menu on phones.
+ */
+export declare function NavigationMenu({ className, children, ...props }: NavPrimitive.Root.Props): import("react").JSX.Element;
+export type NavigationMenuItemProps = {
+    /** The item's label in the bar. */
+    label: ReactNode;
+    /** The panel's links; leave out for a plain link with `href`. */
+    children?: ReactNode;
+    href?: string;
+    className?: string;
+};
+/** One item of the bar: a panel of links, or a plain link when it has only `href`. */
+export declare function NavigationMenuItem({ label, children, href, className }: NavigationMenuItemProps): import("react").JSX.Element;
+export type NavigationMenuLinkProps = {
+    href: string;
+    title: ReactNode;
+    description?: ReactNode;
+    icon?: LucideIcon;
+};
+/** A link card inside a panel: an icon, a title and a line on where it leads. */
+export declare function NavigationMenuLink({ href, title, description, icon: Icon, }: NavigationMenuLinkProps): import("react").JSX.Element;
+//# sourceMappingURL=navigation-menu.d.ts.map

package/dist/components/navigation-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-menu.d.ts","sourceRoot":"","sources":["../../src/components/navigation-menu.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,IAAI,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAChF,OAAO,EAAe,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAC5D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,CAAC,IAAI,CAAC,KAAK,+BA8BxF;AAED,MAAM,MAAM,uBAAuB,GAAG;IACpC,mCAAmC;IACnC,KAAK,EAAE,SAAS,CAAC;IACjB,iEAAiE;IACjE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAKF,sFAAsF;AACtF,wBAAgB,kBAAkB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,uBAAuB,+BA+B/F;AAED,MAAM,MAAM,uBAAuB,GAAG;IACpC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB,CAAC;AAEF,iFAAiF;AACjF,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,KAAK,EACL,WAAW,EACX,IAAI,EAAE,IAAI,GACX,EAAE,uBAAuB,+BAqBzB"}

package/dist/components/navigation-menu.js

@@ -0,0 +1,26 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { NavigationMenu as NavPrimitive } from '@base-ui/react/navigation-menu';
+import { ChevronDown } from 'lucide-react';
+import { cn } from '../lib/cn.js';
+/**
+ * A site's top navigation whose items open panels of links; the panel
+ * resizes and slides between items. Meant for public pages from md up;
+ * pair it with a Drawer menu on phones.
+ */
+export function NavigationMenu({ className, children, ...props }) {
+    return (_jsxs(NavPrimitive.Root, { "data-slot": "navigation-menu", className: cn('relative [--duration:var(--motion-duration-slow)] [--easing:var(--motion-ease-enter)]', className), ...props, children: [_jsx(NavPrimitive.List, { className: "flex items-center gap-0.5", children: children }), _jsx(NavPrimitive.Portal, { children: _jsx(NavPrimitive.Positioner, { sideOffset: 8, collisionPadding: { top: 5, bottom: 5, left: 16, right: 16 }, className: "z-50 h-(--positioner-height) w-(--positioner-width) max-w-(--available-width) transition-[top,left,right,bottom] duration-(--duration) ease-(--easing) data-instant:transition-none", children: _jsx(NavPrimitive.Popup, { className: cn('relative h-(--popup-height) w-(--popup-width) origin-(--transform-origin) overflow-hidden rounded-xl border border-border bg-popover text-foreground shadow-overlay outline-hidden', 'transition-[opacity,scale,width,height] duration-(--duration) ease-(--easing)', 'data-ending-style:scale-(--motion-scale-from) data-ending-style:opacity-0 data-ending-style:duration-(--motion-duration-fast) data-starting-style:scale-(--motion-scale-from) data-starting-style:opacity-0'), children: _jsx(NavPrimitive.Viewport, { className: "relative size-full overflow-hidden" }) }) }) })] }));
+}
+const trigger = 'flex h-9 items-center gap-1 rounded-md px-3 text-sm text-muted-foreground outline-hidden transition-colors duration-(--motion-duration-fast) hover:bg-accent hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring data-popup-open:bg-accent data-popup-open:text-foreground';
+/** One item of the bar: a panel of links, or a plain link when it has only `href`. */
+export function NavigationMenuItem({ label, children, href, className }) {
+    if (!children) {
+        return (_jsx(NavPrimitive.Item, { children: _jsx(NavPrimitive.Link, { href: href, className: cn(trigger, className), children: label }) }));
+    }
+    return (_jsxs(NavPrimitive.Item, { children: [_jsxs(NavPrimitive.Trigger, { className: cn(trigger, className), children: [label, _jsx(NavPrimitive.Icon, { className: "transition-transform duration-(--motion-duration-base) ease-enter data-popup-open:rotate-180", children: _jsx(ChevronDown, { className: "size-3.5" }) })] }), _jsx(NavPrimitive.Content, { className: cn('grid w-[calc(100vw-2rem)] gap-1 p-2 sm:w-max sm:max-w-lg sm:grid-cols-2', 'transition-[opacity,translate] duration-(--duration) ease-(--easing) data-ending-style:opacity-0 data-starting-style:opacity-0', 'data-starting-style:data-[activation-direction=left]:-translate-x-1/4 data-starting-style:data-[activation-direction=right]:translate-x-1/4', 'data-ending-style:data-[activation-direction=left]:translate-x-1/4 data-ending-style:data-[activation-direction=right]:-translate-x-1/4', 'motion-reduce:translate-x-0!'), children: children })] }));
+}
+/** A link card inside a panel: an icon, a title and a line on where it leads. */
+export function NavigationMenuLink({ href, title, description, icon: Icon, }) {
+    return (_jsxs(NavPrimitive.Link, { href: href, className: "flex gap-3 rounded-lg p-2.5 outline-hidden transition-colors duration-(--motion-duration-fast) hover:bg-accent focus-visible:ring-2 focus-visible:ring-ring sm:w-56", children: [Icon ? (_jsx("span", { className: "grid size-8 shrink-0 place-items-center rounded-md border border-border text-skylab-300", children: _jsx(Icon, { className: "size-4", "aria-hidden": true }) })) : null, _jsxs("span", { className: "min-w-0", children: [_jsx("span", { className: "block text-sm font-medium text-foreground", children: title }), description ? (_jsx("span", { className: "mt-0.5 block text-xs leading-relaxed text-muted-foreground", children: description })) : null] })] }));
+}
+//# sourceMappingURL=navigation-menu.js.map

package/dist/components/navigation-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-menu.js","sourceRoot":"","sources":["../../src/components/navigation-menu.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,cAAc,IAAI,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAChF,OAAO,EAAE,WAAW,EAAmB,MAAM,cAAc,CAAC;AAE5D,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC;;;;GAIG;AACH,MAAM,UAAU,cAAc,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAA2B;IACvF,OAAO,CACL,MAAC,YAAY,CAAC,IAAI,iBACN,iBAAiB,EAC3B,SAAS,EAAE,EAAE,CACX,uFAAuF,EACvF,SAAS,CACV,KACG,KAAK,aAET,KAAC,YAAY,CAAC,IAAI,IAAC,SAAS,EAAC,2BAA2B,YAAE,QAAQ,GAAqB,EACvF,KAAC,YAAY,CAAC,MAAM,cAClB,KAAC,YAAY,CAAC,UAAU,IACtB,UAAU,EAAE,CAAC,EACb,gBAAgB,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,EAC5D,SAAS,EAAC,qLAAqL,YAE/L,KAAC,YAAY,CAAC,KAAK,IACjB,SAAS,EAAE,EAAE,CACX,oLAAoL,EACpL,+EAA+E,EAC/E,6MAA6M,CAC9M,YAED,KAAC,YAAY,CAAC,QAAQ,IAAC,SAAS,EAAC,oCAAoC,GAAG,GACrD,GACG,GACN,IACJ,CACrB,CAAC;AACJ,CAAC;AAWD,MAAM,OAAO,GACX,2RAA2R,CAAC;AAE9R,sFAAsF;AACtF,MAAM,UAAU,kBAAkB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAA2B;IAC9F,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,OAAO,CACL,KAAC,YAAY,CAAC,IAAI,cAChB,KAAC,YAAY,CAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,YAC7D,KAAK,GACY,GACF,CACrB,CAAC;IACJ,CAAC;IACD,OAAO,CACL,MAAC,YAAY,CAAC,IAAI,eAChB,MAAC,YAAY,CAAC,OAAO,IAAC,SAAS,EAAE,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,aACpD,KAAK,EACN,KAAC,YAAY,CAAC,IAAI,IAAC,SAAS,EAAC,8FAA8F,YACzH,KAAC,WAAW,IAAC,SAAS,EAAC,UAAU,GAAG,GAClB,IACC,EACvB,KAAC,YAAY,CAAC,OAAO,IACnB,SAAS,EAAE,EAAE,CACX,yEAAyE,EACzE,gIAAgI,EAChI,6IAA6I,EAC7I,yIAAyI,EACzI,8BAA8B,CAC/B,YAEA,QAAQ,GACY,IACL,CACrB,CAAC;AACJ,CAAC;AASD,iFAAiF;AACjF,MAAM,UAAU,kBAAkB,CAAC,EACjC,IAAI,EACJ,KAAK,EACL,WAAW,EACX,IAAI,EAAE,IAAI,GACc;IACxB,OAAO,CACL,MAAC,YAAY,CAAC,IAAI,IAChB,IAAI,EAAE,IAAI,EACV,SAAS,EAAC,qKAAqK,aAE9K,IAAI,CAAC,CAAC,CAAC,CACN,eAAM,SAAS,EAAC,yFAAyF,YACvG,KAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,wBAAe,GAClC,CACR,CAAC,CAAC,CAAC,IAAI,EACR,gBAAM,SAAS,EAAC,SAAS,aACvB,eAAM,SAAS,EAAC,2CAA2C,YAAE,KAAK,GAAQ,EACzE,WAAW,CAAC,CAAC,CAAC,CACb,eAAM,SAAS,EAAC,4DAA4D,YACzE,WAAW,GACP,CACR,CAAC,CAAC,CAAC,IAAI,IACH,IACW,CACrB,CAAC;AACJ,CAAC"}

package/dist/components/page-header.d.ts

@@ -0,0 +1,45 @@
+import { type ComponentProps, type ReactNode } from 'react';
+export type PageHeaderProps = {
+    title: ReactNode;
+    description?: ReactNode;
+    /** A badge beside the title, such as a form's open or closed state. */
+    badge?: ReactNode;
+    /** Buttons at the right of the title row. */
+    actions?: ReactNode;
+    /** Chips or stats under the description. */
+    meta?: ReactNode;
+    className?: string;
+    /** A toolbar row under the divider: search, filters, view switches. */
+    children?: ReactNode;
+};
+/** The top of a page: title, description, actions and an optional toolbar row. */
+export declare function PageHeader({ title, description, badge, actions, meta, className, children, }: PageHeaderProps): import("react").JSX.Element;
+export type SearchInputProps = Omit<ComponentProps<'input'>, 'value' | 'onChange' | 'size'> & {
+    value: string;
+    onValueChange: (value: string) => void;
+    /** The narrow form for toolbars in the shell header; it widens while focused. */
+    compact?: boolean;
+};
+/** A search box with a leading glass and a clear button while it has text. */
+export declare function SearchInput({ value, onValueChange, compact, placeholder, className, ...props }: SearchInputProps): import("react").JSX.Element;
+export type FilterPillOption<T extends string> = {
+    value: T;
+    label: ReactNode;
+    count?: number;
+};
+export type FilterPillsProps<T extends string> = {
+    value: T;
+    onValueChange: (value: T) => void;
+    options: readonly FilterPillOption<T>[];
+    'aria-label': string;
+    className?: string;
+};
+/** A few mutually exclusive list filters, with optional counts. */
+export declare function FilterPills<T extends string>({ value, onValueChange, options, 'aria-label': ariaLabel, className, }: FilterPillsProps<T>): import("react").JSX.Element;
+/** A labelled figure for header rows: a count, a date, a total. */
+export declare function Stat({ label, value, className, }: {
+    label: ReactNode;
+    value: ReactNode;
+    className?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=page-header.d.ts.map

package/dist/components/page-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-header.d.ts","sourceRoot":"","sources":["../../src/components/page-header.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAS,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAMnE,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,uEAAuE;IACvE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,6CAA6C;IAC7C,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,4CAA4C;IAC5C,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uEAAuE;IACvE,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,kFAAkF;AAClF,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,WAAW,EACX,KAAK,EACL,OAAO,EACP,IAAI,EACJ,SAAS,EACT,QAAQ,GACT,EAAE,eAAe,+BAsBjB;AAED,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,MAAM,CAAC,GAAG;IAC5F,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,iFAAiF;IACjF,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,8EAA8E;AAC9E,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,aAAa,EACb,OAAe,EACf,WAAW,EACX,SAAS,EACT,GAAG,KAAK,EACT,EAAE,gBAAgB,+BAmDlB;AAED,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,MAAM,IAAI;IAAE,KAAK,EAAE,CAAC,CAAC;IAAC,KAAK,EAAE,SAAS,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEhG,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,MAAM,IAAI;IAC/C,KAAK,EAAE,CAAC,CAAC;IACT,aAAa,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAClC,OAAO,EAAE,SAAS,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAC;IACxC,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,mEAAmE;AACnE,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,EAAE,EAC5C,KAAK,EACL,aAAa,EACb,OAAO,EACP,YAAY,EAAE,SAAS,EACvB,SAAS,GACV,EAAE,gBAAgB,CAAC,CAAC,CAAC,+BAuDrB;AAED,mEAAmE;AACnE,wBAAgB,IAAI,CAAC,EACnB,KAAK,EACL,KAAK,EACL,SAAS,GACV,EAAE;IACD,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,+BASA"}

package/dist/components/page-header.js

@@ -0,0 +1,37 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Search, X } from 'lucide-react';
+import { AnimatePresence, LayoutGroup, m } from 'motion/react';
+import { useId } from 'react';
+import { cn } from '../lib/cn.js';
+import { transitions } from '../lib/motion-tokens.js';
+import { useSkylcn } from '../lib/provider.js';
+import { AnimatedNumber } from './motion.js';
+/** The top of a page: title, description, actions and an optional toolbar row. */
+export function PageHeader({ title, description, badge, actions, meta, className, children, }) {
+    return (_jsxs("header", { "data-slot": "page-header", className: cn('flex flex-col gap-3', className), children: [_jsxs("div", { className: "flex min-w-0 items-center gap-3", children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-2.5", children: [_jsx("h1", { className: "truncate text-lg font-semibold text-foreground", children: title }), badge ? _jsx("span", { className: "shrink-0", children: badge }) : null] }), description ? (_jsx("p", { className: "mt-0.5 text-2xs text-subtle-foreground", children: description })) : null, meta ? _jsx("div", { className: "flex flex-wrap items-center gap-1.5 pt-2", children: meta }) : null] }), actions ? _jsx("div", { className: "flex shrink-0 items-center gap-1.5", children: actions }) : null] }), _jsx("div", { className: "h-px bg-border" }), children ? (_jsx("div", { className: "flex flex-wrap items-center gap-2 md:flex-nowrap", children: children })) : null] }));
+}
+/** A search box with a leading glass and a clear button while it has text. */
+export function SearchInput({ value, onValueChange, compact = false, placeholder, className, ...props }) {
+    const { messages } = useSkylcn();
+    return (_jsxs("div", { "data-slot": "search-input", className: cn('relative', compact
+            ? 'w-56 transition-[width] duration-(--motion-duration-base) ease-enter focus-within:w-72'
+            : 'max-w-sm min-w-45 flex-1', className), children: [_jsx(Search, { className: "pointer-events-none absolute top-1/2 left-2.5 size-3.5 -translate-y-1/2 text-faint-foreground" }), _jsx("input", { type: "search", value: value, onChange: (event) => onValueChange(event.target.value), placeholder: placeholder ?? messages.search, "aria-label": props['aria-label'] ?? (typeof placeholder === 'string' ? placeholder : messages.search), className: cn('w-full rounded-md border border-input bg-card pr-8 pl-8 text-xs text-foreground outline-hidden placeholder:text-subtle-foreground', 'transition-[border-color,background-color] duration-(--motion-duration-fast) ease-enter', 'focus-visible:border-skylab-400/50 focus-visible:bg-muted focus-visible:ring-2 focus-visible:ring-skylab-400/20', '[&::-webkit-search-cancel-button]:hidden', compact ? 'h-8' : 'h-9 rounded-lg', 'pointer-coarse:h-10 pointer-coarse:text-base'), ...props }), _jsx(AnimatePresence, { initial: false, children: value ? (_jsx(m.button, { type: "button", onClick: () => onValueChange(''), "aria-label": messages.clearSearch, title: messages.clearSearch, initial: { opacity: 0, scale: 0.8 }, animate: { opacity: 1, scale: 1, transition: transitions.enter }, exit: { opacity: 0, scale: 0.8, transition: transitions.exit }, className: "absolute top-1/2 right-1.5 grid size-5 -translate-y-1/2 place-items-center rounded text-subtle-foreground outline-hidden transition-colors duration-(--motion-duration-fast) hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring", children: _jsx(X, { className: "size-3.5" }) }, "clear")) : null })] }));
+}
+/** A few mutually exclusive list filters, with optional counts. */
+export function FilterPills({ value, onValueChange, options, 'aria-label': ariaLabel, className, }) {
+    const group = useId();
+    return (_jsx(LayoutGroup, { id: group, children: _jsx("div", { role: "group", "aria-label": ariaLabel, "data-slot": "filter-pills", className: cn('inline-flex h-8 items-center gap-0.5 rounded-md border border-border bg-input-background p-0.5 pointer-coarse:h-10', className), children: options.map((option) => {
+                const active = option.value === value;
+                return (_jsxs("button", { type: "button", "aria-pressed": active, onClick: () => onValueChange(option.value), className: cn('relative isolate inline-flex h-full items-center gap-1.5 rounded px-2.5 text-xs outline-hidden', 'transition-colors duration-(--motion-duration-fast) ease-enter focus-visible:ring-2 focus-visible:ring-ring', active
+                        ? 'text-skylab-300'
+                        : 'text-muted-foreground hover:text-secondary-foreground'), children: [active ? (
+                        // The chosen pill's fill glides to the next choice
+                        _jsx(m.span, { layoutId: "pill", "aria-hidden": true, className: "absolute inset-0 -z-10 rounded bg-skylab-500/20", transition: transitions.layout })) : null, option.label, option.count !== undefined ? (_jsx("span", { className: cn('text-3xs tabular-nums', active ? 'text-skylab-300' : 'text-subtle-foreground'), children: _jsx(AnimatedNumber, { value: option.count, tabular: true }) })) : null] }, option.value));
+            }) }) }));
+}
+/** A labelled figure for header rows: a count, a date, a total. */
+export function Stat({ label, value, className, }) {
+    return (_jsxs("div", { "data-slot": "stat", className: cn('text-right', className), children: [_jsx("p", { className: "text-3xs font-medium tracking-label text-subtle-foreground uppercase", children: label }), _jsx("p", { className: "text-sm font-semibold text-foreground tabular-nums", children: value ?? '--' })] }));
+}
+//# sourceMappingURL=page-header.js.map

package/dist/components/page-header.js.map

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

package/dist/components/pagination.d.ts

@@ -0,0 +1,19 @@
+type PageSlot = number | 'gap-start' | 'gap-end';
+export declare function pageSlots(current: number, total: number): PageSlot[];
+export type PaginationProps = {
+    current: number;
+    totalPages: number;
+    onPageChange: (page: number) => void;
+    /**
+     * Lets the reader type a page number into the current page. On by default
+     * once some pages are folded away behind "…".
+     */
+    jumpToPage?: boolean;
+    /** Names the navigation when a page has more than one; "Sayfalama" by default. */
+    'aria-label'?: string;
+    className?: string;
+};
+/** Page steps with a window around the current page; hidden when there is one page. */
+export declare function Pagination({ current, totalPages, onPageChange, jumpToPage, 'aria-label': label, className, }: PaginationProps): import("react").JSX.Element | null;
+export {};
+//# sourceMappingURL=pagination.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../src/components/pagination.tsx"],"names":[],"mappings":"AAOA,KAAK,QAAQ,GAAG,MAAM,GAAG,WAAW,GAAG,SAAS,CAAC;AAEjD,wBAAgB,SAAS,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,QAAQ,EAAE,CAKpE;AASD,MAAM,MAAM,eAAe,GAAG;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kFAAkF;IAClF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAKF,uFAAuF;AACvF,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,UAAU,EACV,YAAY,EACZ,UAAU,EACV,YAAY,EAAE,KAAK,EACnB,SAAS,GACV,EAAE,eAAe,sCA2EjB"}

package/dist/components/pagination.js

@@ -0,0 +1,70 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ArrowLeft, ArrowRight } from 'lucide-react';
+import { useEffect, useRef, useState } from 'react';
+import { cn } from '../lib/cn.js';
+import { useSkylcn } from '../lib/provider.js';
+export function pageSlots(current, total) {
+    if (total <= 5)
+        return Array.from({ length: total }, (_, i) => i + 1);
+    if (current <= 3)
+        return [1, 2, 3, 4, 'gap-end', total];
+    if (current >= total - 2)
+        return [1, 'gap-start', total - 3, total - 2, total - 1, total];
+    return [1, 'gap-start', current - 1, current, current + 1, 'gap-end', total];
+}
+const stepClass = cn('flex size-7 items-center justify-center rounded-md border border-border text-xs outline-hidden pointer-coarse:size-9', 'transition-colors duration-(--motion-duration-fast) focus-visible:ring-2 focus-visible:ring-ring', 'enabled:bg-card enabled:text-secondary-foreground enabled:hover:border-skylab-400/40 enabled:hover:bg-skylab-500/10', 'disabled:cursor-not-allowed disabled:bg-muted disabled:text-subtle-foreground disabled:opacity-60');
+const CURRENT = 'h-7 min-w-7 rounded-md border border-skylab-400/40 bg-skylab-500/15 px-1 text-xs font-semibold text-skylab-300 tabular-nums pointer-coarse:h-9 pointer-coarse:min-w-9';
+/** Page steps with a window around the current page; hidden when there is one page. */
+export function Pagination({ current, totalPages, onPageChange, jumpToPage, 'aria-label': label, className, }) {
+    const { messages } = useSkylcn();
+    const total = Math.max(1, Math.floor(totalPages) || 1);
+    const page = Math.min(Math.max(1, Math.floor(current) || 1), total);
+    if (total <= 1)
+        return null;
+    const slots = pageSlots(page, total);
+    const editable = jumpToPage ?? slots.length < total;
+    const goTo = (next) => {
+        const clamped = Math.min(Math.max(next, 1), total);
+        if (clamped !== page)
+            onPageChange(clamped);
+    };
+    const currentPage = editable ? (_jsx(PageInput, { page: page, total: total, label: messages.pageInput(total), onJump: goTo })) : (_jsxs("span", { "aria-current": "page", className: cn(CURRENT, 'inline-grid place-items-center'), children: [_jsx("span", { className: "sr-only", children: messages.page(page) }), _jsx("span", { "aria-hidden": true, children: page })] }));
+    return (_jsxs("nav", { "data-slot": "pagination", "aria-label": label ?? messages.pagination, className: cn('flex flex-wrap items-center justify-center gap-1', className), children: [_jsx("button", { type: "button", className: stepClass, onClick: () => goTo(page - 1), disabled: page <= 1, "aria-label": messages.previousPage, children: _jsx(ArrowLeft, { className: "size-3.5" }) }), _jsxs("span", { className: "flex items-center gap-1.5 px-1 text-xs text-subtle-foreground tabular-nums sm:hidden", children: [currentPage, _jsxs("span", { "aria-hidden": true, children: ["/ ", total] })] }), _jsx("div", { className: "hidden items-center gap-1 rounded-lg border border-border bg-card px-1 py-0.5 shadow-sm sm:flex", children: slots.map((slot) => slot === page ? (
+                // One key for the current page wherever it sits, so typing into it survives the move
+                _jsx("span", { className: "contents", children: currentPage }, "current")) : typeof slot === 'number' ? (_jsx("button", { type: "button", onClick: () => goTo(slot), "aria-label": messages.page(slot), className: "size-7 rounded-md text-xs font-semibold text-secondary-foreground tabular-nums outline-hidden transition-colors duration-(--motion-duration-fast) hover:bg-accent-strong hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:size-9", children: slot }, slot)) : (_jsx("span", { "aria-hidden": true, className: "px-1 text-xs text-subtle-foreground", children: "\u2026" }, slot))) }), _jsx("button", { type: "button", className: stepClass, onClick: () => goTo(page + 1), disabled: page >= total, "aria-label": messages.nextPage, children: _jsx(ArrowRight, { className: "size-3.5" }) })] }));
+}
+/**
+ * The current page as a field: digits only, as many as the last page has.
+ * Enter or leaving the field goes there, held within 1 and the last page;
+ * Escape or an empty field puts the current page back.
+ */
+function PageInput({ page, total, label, onJump, }) {
+    const [draft, setDraft] = useState(null);
+    const ref = useRef(null);
+    const digits = String(total).length;
+    // After a jump the new number is selected, ready to be typed over
+    useEffect(() => {
+        if (ref.current && document.activeElement === ref.current)
+            ref.current.select();
+    }, [page]);
+    const commit = () => {
+        if (draft === null)
+            return;
+        const typed = Number.parseInt(draft, 10);
+        setDraft(null);
+        if (Number.isFinite(typed))
+            onJump(typed);
+    };
+    return (_jsx("input", { ref: ref, type: "text", inputMode: "numeric", enterKeyHint: "go", autoComplete: "off", maxLength: digits, "aria-label": label, title: label, value: draft ?? String(page), onChange: (event) => setDraft(event.target.value.replace(/\D/g, '')), onFocus: (event) => event.target.select(), onBlur: commit, onKeyDown: (event) => {
+            if (event.key === 'Enter') {
+                event.preventDefault();
+                commit();
+            }
+            else if (event.key === 'Escape' && draft !== null) {
+                event.preventDefault();
+                setDraft(null);
+            }
+        }, style: { width: `calc(${digits}ch + 1rem)` }, className: cn(CURRENT, 'cursor-text text-center outline-hidden transition-[border-color,background-color,color] duration-(--motion-duration-fast) selection:bg-skylab-400/30 selection:text-foreground-strong pointer-coarse:text-base', 'hover:border-skylab-300/60 focus-visible:border-skylab-400/60 focus-visible:bg-input-background focus-visible:text-foreground focus-visible:ring-2 focus-visible:ring-ring') }));
+}
+//# sourceMappingURL=pagination.js.map

package/dist/components/pagination.js.map

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

package/dist/components/popover.d.ts

@@ -0,0 +1,10 @@
+import { Popover as PopoverPrimitive } from '@base-ui/react/popover';
+export declare const Popover: typeof PopoverPrimitive.Root;
+export declare const PopoverTrigger: PopoverPrimitive.Trigger;
+export declare const PopoverClose: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").PopoverCloseProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+export type PopoverContentProps = PopoverPrimitive.Popup.Props & Pick<PopoverPrimitive.Positioner.Props, 'side' | 'align' | 'sideOffset' | 'alignOffset' | 'anchor'>;
+/** A floating panel: filters, share options, pickers. Glassy like the admin filter shells. */
+export declare function PopoverContent({ className, side, align, sideOffset, alignOffset, anchor, ...props }: PopoverContentProps): import("react").JSX.Element;
+export declare const PopoverTitle: ({ className, ...props }: PopoverPrimitive.Title.Props) => import("react").JSX.Element;
+export declare const PopoverDescription: ({ className, ...props }: PopoverPrimitive.Description.Props) => import("react").JSX.Element;
+//# sourceMappingURL=popover.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../src/components/popover.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAIrE,eAAO,MAAM,OAAO,8BAAwB,CAAC;AAC7C,eAAO,MAAM,cAAc,0BAA2B,CAAC;AACvD,eAAO,MAAM,YAAY,uJAAyB,CAAC;AAEnD,MAAM,MAAM,mBAAmB,GAAG,gBAAgB,CAAC,KAAK,CAAC,KAAK,GAC5D,IAAI,CACF,gBAAgB,CAAC,UAAU,CAAC,KAAK,EACjC,MAAM,GAAG,OAAO,GAAG,YAAY,GAAG,aAAa,GAAG,QAAQ,CAC3D,CAAC;AAEJ,8FAA8F;AAC9F,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EACT,IAAe,EACf,KAAgB,EAChB,UAAc,EACd,WAAe,EACf,MAAM,EACN,GAAG,KAAK,EACT,EAAE,mBAAmB,+BAuBrB;AAED,eAAO,MAAM,YAAY,GAAI,yBAAyB,gBAAgB,CAAC,KAAK,CAAC,KAAK,gCAKjF,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,yBAAyB,gBAAgB,CAAC,WAAW,CAAC,KAAK,gCAK7F,CAAC"}

package/dist/components/popover.js

@@ -0,0 +1,15 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Popover as PopoverPrimitive } from '@base-ui/react/popover';
+import { cn } from '../lib/cn.js';
+import { popupMotionBase } from '../lib/motion.js';
+export const Popover = PopoverPrimitive.Root;
+export const PopoverTrigger = PopoverPrimitive.Trigger;
+export const PopoverClose = PopoverPrimitive.Close;
+/** A floating panel: filters, share options, pickers. Glassy like the admin filter shells. */
+export function PopoverContent({ className, side = 'bottom', align = 'center', sideOffset = 8, alignOffset = 0, anchor, ...props }) {
+    return (_jsx(PopoverPrimitive.Portal, { children: _jsx(PopoverPrimitive.Positioner, { side: side, align: align, sideOffset: sideOffset, alignOffset: alignOffset, anchor: anchor, className: "z-50", children: _jsx(PopoverPrimitive.Popup, { "data-slot": "popover-content", className: cn('w-80 max-w-[calc(100vw-1rem)] rounded-xl border border-border-strong bg-popover/85 p-3 text-foreground shadow-overlay outline-hidden backdrop-blur', popupMotionBase, className), ...props }) }) }));
+}
+export const PopoverTitle = ({ className, ...props }) => (_jsx(PopoverPrimitive.Title, { className: cn('text-sm font-semibold text-foreground', className), ...props }));
+export const PopoverDescription = ({ className, ...props }) => (_jsx(PopoverPrimitive.Description, { className: cn('text-2xs text-subtle-foreground', className), ...props }));
+//# sourceMappingURL=popover.js.map

package/dist/components/popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.js","sourceRoot":"","sources":["../../src/components/popover.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEnD,MAAM,CAAC,MAAM,OAAO,GAAG,gBAAgB,CAAC,IAAI,CAAC;AAC7C,MAAM,CAAC,MAAM,cAAc,GAAG,gBAAgB,CAAC,OAAO,CAAC;AACvD,MAAM,CAAC,MAAM,YAAY,GAAG,gBAAgB,CAAC,KAAK,CAAC;AAQnD,8FAA8F;AAC9F,MAAM,UAAU,cAAc,CAAC,EAC7B,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,KAAK,GAAG,QAAQ,EAChB,UAAU,GAAG,CAAC,EACd,WAAW,GAAG,CAAC,EACf,MAAM,EACN,GAAG,KAAK,EACY;IACpB,OAAO,CACL,KAAC,gBAAgB,CAAC,MAAM,cACtB,KAAC,gBAAgB,CAAC,UAAU,IAC1B,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,EACd,SAAS,EAAC,MAAM,YAEhB,KAAC,gBAAgB,CAAC,KAAK,iBACX,iBAAiB,EAC3B,SAAS,EAAE,EAAE,CACX,oJAAoJ,EACpJ,eAAe,EACf,SAAS,CACV,KACG,KAAK,GACT,GAC0B,GACN,CAC3B,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAgC,EAAE,EAAE,CAAC,CACrF,KAAC,gBAAgB,CAAC,KAAK,IACrB,SAAS,EAAE,EAAE,CAAC,uCAAuC,EAAE,SAAS,CAAC,KAC7D,KAAK,GACT,CACH,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAsC,EAAE,EAAE,CAAC,CACjG,KAAC,gBAAgB,CAAC,WAAW,IAC3B,SAAS,EAAE,EAAE,CAAC,iCAAiC,EAAE,SAAS,CAAC,KACvD,KAAK,GACT,CACH,CAAC"}

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

@@ -0,0 +1,11 @@
+import { PreviewCard as PreviewCardPrimitive } from '@base-ui/react/preview-card';
+export declare const PreviewCard: <Payload>(props: PreviewCardPrimitive.Root.Props<Payload>) => React.JSX.Element;
+/** The link that shows the card on hover or keyboard focus; opens after `delay` ms (300 here). */
+export declare function PreviewCardTrigger({ delay, closeDelay, ...props }: PreviewCardPrimitive.Trigger.Props): import("react").JSX.Element;
+export type PreviewCardContentProps = PreviewCardPrimitive.Popup.Props & Pick<PreviewCardPrimitive.Positioner.Props, 'side' | 'align' | 'sideOffset'>;
+/**
+ * A glimpse of what a link leads to, beside it: a component, a member, an
+ * event. Extra help only; the link works the same without it.
+ */
+export declare function PreviewCardContent({ className, side, align, sideOffset, ...props }: PreviewCardContentProps): import("react").JSX.Element;
+//# sourceMappingURL=preview-card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"preview-card.d.ts","sourceRoot":"","sources":["../../src/components/preview-card.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,IAAI,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAIlF,eAAO,MAAM,WAAW,iFAA4B,CAAC;AAErD,kGAAkG;AAClG,wBAAgB,kBAAkB,CAAC,EACjC,KAAW,EACX,UAAgB,EAChB,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,OAAO,CAAC,KAAK,+BAEpC;AAED,MAAM,MAAM,uBAAuB,GAAG,oBAAoB,CAAC,KAAK,CAAC,KAAK,GACpE,IAAI,CAAC,oBAAoB,CAAC,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,YAAY,CAAC,CAAC;AAE/E;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,SAAS,EACT,IAAc,EACd,KAAe,EACf,UAAe,EACf,GAAG,KAAK,EACT,EAAE,uBAAuB,+BAqBzB"}

package/dist/components/preview-card.js

@@ -0,0 +1,18 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { PreviewCard as PreviewCardPrimitive } from '@base-ui/react/preview-card';
+import { cn } from '../lib/cn.js';
+import { popupMotionBase } from '../lib/motion.js';
+export const PreviewCard = PreviewCardPrimitive.Root;
+/** The link that shows the card on hover or keyboard focus; opens after `delay` ms (300 here). */
+export function PreviewCardTrigger({ delay = 300, closeDelay = 150, ...props }) {
+    return _jsx(PreviewCardPrimitive.Trigger, { delay: delay, closeDelay: closeDelay, ...props });
+}
+/**
+ * A glimpse of what a link leads to, beside it: a component, a member, an
+ * event. Extra help only; the link works the same without it.
+ */
+export function PreviewCardContent({ className, side = 'right', align = 'start', sideOffset = 12, ...props }) {
+    return (_jsx(PreviewCardPrimitive.Portal, { children: _jsx(PreviewCardPrimitive.Positioner, { side: side, align: align, sideOffset: sideOffset, className: "z-50", children: _jsx(PreviewCardPrimitive.Popup, { "data-slot": "preview-card", className: cn('w-72 max-w-[calc(100vw-1rem)] rounded-xl border border-border bg-popover p-3 text-foreground shadow-overlay outline-hidden', popupMotionBase, className), ...props }) }) }));
+}
+//# sourceMappingURL=preview-card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"preview-card.js","sourceRoot":"","sources":["../../src/components/preview-card.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,WAAW,IAAI,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAClF,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEnD,MAAM,CAAC,MAAM,WAAW,GAAG,oBAAoB,CAAC,IAAI,CAAC;AAErD,kGAAkG;AAClG,MAAM,UAAU,kBAAkB,CAAC,EACjC,KAAK,GAAG,GAAG,EACX,UAAU,GAAG,GAAG,EAChB,GAAG,KAAK,EAC2B;IACnC,OAAO,KAAC,oBAAoB,CAAC,OAAO,IAAC,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,KAAM,KAAK,GAAI,CAAC;AAC3F,CAAC;AAKD;;;GAGG;AACH,MAAM,UAAU,kBAAkB,CAAC,EACjC,SAAS,EACT,IAAI,GAAG,OAAO,EACd,KAAK,GAAG,OAAO,EACf,UAAU,GAAG,EAAE,EACf,GAAG,KAAK,EACgB;IACxB,OAAO,CACL,KAAC,oBAAoB,CAAC,MAAM,cAC1B,KAAC,oBAAoB,CAAC,UAAU,IAC9B,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,SAAS,EAAC,MAAM,YAEhB,KAAC,oBAAoB,CAAC,KAAK,iBACf,cAAc,EACxB,SAAS,EAAE,EAAE,CACX,4HAA4H,EAC5H,eAAe,EACf,SAAS,CACV,KACG,KAAK,GACT,GAC8B,GACN,CAC/B,CAAC;AACJ,CAAC"}

package/dist/components/proportion-bar.d.ts

@@ -0,0 +1,16 @@
+export type ProportionSegment = {
+    key: string;
+    label: string;
+    value: number;
+};
+export type ProportionBarProps = {
+    /** Two to six parts in a fixed order; each keeps its chart colour by position. */
+    segments: readonly ProportionSegment[];
+    className?: string;
+};
+/**
+ * One whole split into a few parts along a thin bar, such as registered and
+ * anonymous replies, with a legend of counts and shares under it.
+ */
+export declare function ProportionBar({ segments, className }: ProportionBarProps): import("react").JSX.Element;
+//# sourceMappingURL=proportion-bar.d.ts.map

package/dist/components/proportion-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"proportion-bar.d.ts","sourceRoot":"","sources":["../../src/components/proportion-bar.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,iBAAiB,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAE9E,MAAM,MAAM,kBAAkB,GAAG;IAC/B,kFAAkF;IAClF,QAAQ,EAAE,SAAS,iBAAiB,EAAE,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,kBAAkB,+BA8CxE"}

package/dist/components/proportion-bar.js

@@ -0,0 +1,20 @@
+'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';
+/**
+ * One whole split into a few parts along a thin bar, such as registered and
+ * anonymous replies, with a legend of counts and shares under it.
+ */
+export function ProportionBar({ segments, className }) {
+    const { locale } = useSkylcn();
+    const tag = locale === 'tr' ? 'tr-TR' : 'en-US';
+    const total = segments.reduce((sum, segment) => sum + segment.value, 0);
+    const share = (value) => (total ? (value / total) * 100 : 0);
+    const percent = (value) => {
+        const text = Math.round(share(value)).toLocaleString(tag);
+        return locale === 'tr' ? `%${text}` : `${text}%`;
+    };
+    return (_jsxs("div", { "data-slot": "proportion-bar", className: cn('flex flex-col gap-2', className), children: [_jsx("div", { "aria-hidden": true, className: cn('flex h-2 w-full gap-0.5 overflow-hidden rounded-full', total === 0 && 'bg-muted'), children: segments.map((segment, i) => segment.value > 0 ? (_jsx("span", { className: "h-full transition-[width] duration-(--motion-duration-slow) ease-enter first:rounded-l-full last:rounded-r-full", style: { width: `${share(segment.value)}%`, background: `var(--chart-${i + 1})` } }, segment.key)) : null) }), _jsx("ul", { className: "flex flex-wrap gap-x-4 gap-y-1", children: segments.map((segment, i) => (_jsxs("li", { className: "flex items-center gap-1.5 text-2xs", children: [_jsx("span", { "aria-hidden": true, className: "size-2 shrink-0 rounded-xs", style: { background: `var(--chart-${i + 1})` } }), _jsx("span", { className: "text-secondary-foreground", children: segment.label }), _jsxs("span", { className: "text-subtle-foreground tabular-nums", children: [segment.value.toLocaleString(tag), " \u00B7 ", percent(segment.value)] })] }, segment.key))) })] }));
+}
+//# sourceMappingURL=proportion-bar.js.map

package/dist/components/proportion-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"proportion-bar.js","sourceRoot":"","sources":["../../src/components/proportion-bar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAU/C;;;GAGG;AACH,MAAM,UAAU,aAAa,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAsB;IACvE,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE,CAAC;IAC/B,MAAM,GAAG,GAAG,MAAM,KAAK,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC;IAChD,MAAM,KAAK,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,OAAO,EAAE,EAAE,CAAC,GAAG,GAAG,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;IACxE,MAAM,KAAK,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACrE,MAAM,OAAO,GAAG,CAAC,KAAa,EAAE,EAAE;QAChC,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;QAC1D,OAAO,MAAM,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,CAAC;IACnD,CAAC,CAAC;IAEF,OAAO,CACL,4BAAe,gBAAgB,EAAC,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,aAC7E,mCAEE,SAAS,EAAE,EAAE,CACX,sDAAsD,EACtD,KAAK,KAAK,CAAC,IAAI,UAAU,CAC1B,YAEA,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC,EAAE,EAAE,CAC3B,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAClB,eAEE,SAAS,EAAC,iHAAiH,EAC3H,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,EAAE,UAAU,EAAE,eAAe,CAAC,GAAG,CAAC,GAAG,EAAE,IAF5E,OAAO,CAAC,GAAG,CAGhB,CACH,CAAC,CAAC,CAAC,IAAI,CACT,GACG,EACN,aAAI,SAAS,EAAC,gCAAgC,YAC3C,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC,EAAE,EAAE,CAAC,CAC5B,cAAsB,SAAS,EAAC,oCAAoC,aAClE,oCAEE,SAAS,EAAC,4BAA4B,EACtC,KAAK,EAAE,EAAE,UAAU,EAAE,eAAe,CAAC,GAAG,CAAC,GAAG,EAAE,GAC9C,EACF,eAAM,SAAS,EAAC,2BAA2B,YAAE,OAAO,CAAC,KAAK,GAAQ,EAClE,gBAAM,SAAS,EAAC,qCAAqC,aAClD,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,cAAK,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,IACxD,KATA,OAAO,CAAC,GAAG,CAUf,CACN,CAAC,GACC,IACD,CACP,CAAC;AACJ,CAAC"}

package/dist/components/radio-group.d.ts

@@ -0,0 +1,11 @@
+import { Radio as RadioPrimitive } from '@base-ui/react/radio';
+import { RadioGroup as RadioGroupPrimitive } from '@base-ui/react/radio-group';
+import type { ReactNode } from 'react';
+export declare function RadioGroup({ className, ...props }: RadioGroupPrimitive.Props): import("react").JSX.Element;
+export type RadioProps = RadioPrimitive.Root.Props & {
+    label: ReactNode;
+    description?: ReactNode;
+};
+/** One choice of a RadioGroup, with its label; the whole row is the hit area. */
+export declare function Radio({ label, description, className, ...props }: RadioProps): import("react").JSX.Element;
+//# sourceMappingURL=radio-group.d.ts.map

package/dist/components/radio-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../src/components/radio-group.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAO,EAAE,UAAU,IAAI,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAC/E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,CAAC,KAAK,+BAQ5E;AAED,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC,IAAI,CAAC,KAAK,GAAG;IACnD,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB,CAAC;AAEF,iFAAiF;AACjF,wBAAgB,KAAK,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,+BA0B5E"}

package/dist/components/radio-group.js

@@ -0,0 +1,13 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Radio as RadioPrimitive } from '@base-ui/react/radio';
+import { RadioGroup as RadioGroupPrimitive } from '@base-ui/react/radio-group';
+import { cn } from '../lib/cn.js';
+export function RadioGroup({ className, ...props }) {
+    return (_jsx(RadioGroupPrimitive, { "data-slot": "radio-group", className: cn('flex flex-col gap-2', className), ...props }));
+}
+/** One choice of a RadioGroup, with its label; the whole row is the hit area. */
+export function Radio({ label, description, className, ...props }) {
+    return (_jsxs("label", { className: cn('group flex cursor-pointer items-start gap-2.5 text-sm has-data-disabled:cursor-not-allowed', className), children: [_jsx(RadioPrimitive.Root, { className: cn('mt-0.5 grid size-4 shrink-0 place-items-center rounded-full border border-border-strong bg-input-background outline-hidden pointer-coarse:size-5', 'transition-[border-color,background-color] duration-(--motion-duration-fast) focus-visible:ring-2 focus-visible:ring-ring', 'data-checked:border-skylab-400 data-checked:bg-skylab-500/15 data-disabled:opacity-50'), ...props, children: _jsx(RadioPrimitive.Indicator, { className: "size-2 rounded-full bg-skylab-400 transition-[scale,opacity] duration-(--motion-duration-fast) ease-enter data-ending-style:scale-0 data-starting-style:scale-0" }) }), _jsxs("span", { className: "flex flex-col gap-0.5", children: [_jsx("span", { className: "text-secondary-foreground group-has-data-disabled:text-faint-foreground", children: label }), description ? _jsx("span", { className: "text-xs text-muted-foreground", children: description }) : null] })] }));
+}
+//# sourceMappingURL=radio-group.js.map

package/dist/components/radio-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.js","sourceRoot":"","sources":["../../src/components/radio-group.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,KAAK,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAO,EAAE,UAAU,IAAI,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAE/E,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,UAAU,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA6B;IAC3E,OAAO,CACL,KAAC,mBAAmB,iBACR,aAAa,EACvB,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,KAC3C,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAOD,iFAAiF;AACjF,MAAM,UAAU,KAAK,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,KAAK,EAAc;IAC3E,OAAO,CACL,iBACE,SAAS,EAAE,EAAE,CACX,4FAA4F,EAC5F,SAAS,CACV,aAED,KAAC,cAAc,CAAC,IAAI,IAClB,SAAS,EAAE,EAAE,CACX,kJAAkJ,EAClJ,2HAA2H,EAC3H,uFAAuF,CACxF,KACG,KAAK,YAET,KAAC,cAAc,CAAC,SAAS,IAAC,SAAS,EAAC,iKAAiK,GAAG,GACpL,EACtB,gBAAM,SAAS,EAAC,uBAAuB,aACrC,eAAM,SAAS,EAAC,yEAAyE,YACtF,KAAK,GACD,EACN,WAAW,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,+BAA+B,YAAE,WAAW,GAAQ,CAAC,CAAC,CAAC,IAAI,IACrF,IACD,CACT,CAAC;AACJ,CAAC"}

package/dist/components/reveal.d.ts

@@ -0,0 +1,19 @@
+import type { ComponentProps } from 'react';
+export type RevealProps = Omit<ComponentProps<'div'>, 'onAnimationStart' | 'onDrag' | 'onDragStart' | 'onDragEnd'> & {
+    /** Position among its siblings; each step waits one stagger longer, up to eight. */
+    index?: number;
+    /** `lg` travels a little further, for cards and sections. */
+    size?: 'md' | 'lg';
+    /**
+     * Waits until it scrolls into view instead of animating on mount, for the
+     * sections of a long public page.
+     */
+    inView?: boolean;
+};
+/**
+ * Rises and fades in once, one after another with its siblings: dashboard
+ * sections, cards, search results, landing page blocks. Reduced motion leaves
+ * the fade and drops the rise.
+ */
+export declare function Reveal({ index, size, inView, className, style, ...props }: RevealProps): import("react").JSX.Element;
+//# sourceMappingURL=reveal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"reveal.d.ts","sourceRoot":"","sources":["../../src/components/reveal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAiB,MAAM,OAAO,CAAC;AAM3D,MAAM,MAAM,WAAW,GAAG,IAAI,CAC5B,cAAc,CAAC,KAAK,CAAC,EACrB,kBAAkB,GAAG,QAAQ,GAAG,aAAa,GAAG,WAAW,CAC5D,GAAG;IACF,oFAAoF;IACpF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6DAA6D;IAC7D,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,EACrB,KAAS,EACT,IAAW,EACX,MAAc,EACd,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,WAAW,+BAgCb"}

package/dist/components/reveal.js

@@ -0,0 +1,25 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { m } from 'motion/react';
+import { cn } from '../lib/cn.js';
+import { motionTokens, transitions } from '../lib/motion-tokens.js';
+const CAP = 8;
+/**
+ * Rises and fades in once, one after another with its siblings: dashboard
+ * sections, cards, search results, landing page blocks. Reduced motion leaves
+ * the fade and drops the rise.
+ */
+export function Reveal({ index = 0, size = 'md', inView = false, className, style, ...props }) {
+    const step = Math.min(index, CAP);
+    if (inView) {
+        return (_jsx(m.div, { "data-slot": "reveal", initial: {
+                opacity: 0,
+                y: size === 'lg' ? motionTokens.shiftLarge * 2 : motionTokens.shiftLarge,
+            }, whileInView: { opacity: 1, y: 0 }, viewport: { once: true, margin: '0px 0px -10% 0px' }, transition: { ...transitions.enterSlow, delay: step * motionTokens.stagger }, className: className, style: style, ...props }));
+    }
+    return (_jsx("div", { "data-slot": "reveal", className: cn(size === 'lg' ? 'enter-rise-lg' : 'enter-rise', className), style: {
+            animationDelay: `calc(var(--motion-stagger) * ${step})`,
+            ...style,
+        }, ...props }));
+}
+//# sourceMappingURL=reveal.js.map

package/dist/components/reveal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reveal.js","sourceRoot":"","sources":["../../src/components/reveal.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AAEjC,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEpE,MAAM,GAAG,GAAG,CAAC,CAAC;AAiBd;;;;GAIG;AACH,MAAM,UAAU,MAAM,CAAC,EACrB,KAAK,GAAG,CAAC,EACT,IAAI,GAAG,IAAI,EACX,MAAM,GAAG,KAAK,EACd,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACI;IACZ,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;IAClC,IAAI,MAAM,EAAE,CAAC;QACX,OAAO,CACL,KAAC,CAAC,CAAC,GAAG,iBACM,QAAQ,EAClB,OAAO,EAAE;gBACP,OAAO,EAAE,CAAC;gBACV,CAAC,EAAE,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,UAAU;aACzE,EACD,WAAW,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EACjC,QAAQ,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,kBAAkB,EAAE,EACpD,UAAU,EAAE,EAAE,GAAG,WAAW,CAAC,SAAS,EAAE,KAAK,EAAE,IAAI,GAAG,YAAY,CAAC,OAAO,EAAE,EAC5E,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,KACR,KAAK,GACT,CACH,CAAC;IACJ,CAAC;IACD,OAAO,CACL,2BACY,QAAQ,EAClB,SAAS,EAAE,EAAE,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,YAAY,EAAE,SAAS,CAAC,EACxE,KAAK,EACH;YACE,cAAc,EAAE,gCAAgC,IAAI,GAAG;YACvD,GAAG,KAAK;SACQ,KAEhB,KAAK,GACT,CACH,CAAC;AACJ,CAAC"}

package/dist/components/segmented-control.d.ts

@@ -0,0 +1,16 @@
+import type { LucideIcon } from 'lucide-react';
+export type SegmentedOption = {
+    value: string;
+    label: string;
+    icon?: LucideIcon;
+};
+export type SegmentedControlProps = {
+    options: readonly SegmentedOption[];
+    value: string;
+    onValueChange: (value: string) => void;
+    'aria-label'?: string;
+    className?: string;
+};
+/** A row of mutually exclusive choices with a sliding highlight, as wide as its longest choice times the count (pass w-full to stretch); icons render icon-only with the label as tooltip. */
+export declare function SegmentedControl({ options, value, onValueChange, 'aria-label': ariaLabel, className, }: SegmentedControlProps): import("react").JSX.Element;
+//# sourceMappingURL=segmented-control.d.ts.map

package/dist/components/segmented-control.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"segmented-control.d.ts","sourceRoot":"","sources":["../../src/components/segmented-control.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG/C,MAAM,MAAM,eAAe,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,UAAU,CAAA;CAAE,CAAC;AAElF,MAAM,MAAM,qBAAqB,GAAG;IAClC,OAAO,EAAE,SAAS,eAAe,EAAE,CAAC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,8LAA8L;AAC9L,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,KAAK,EACL,aAAa,EACb,YAAY,EAAE,SAAS,EACvB,SAAS,GACV,EAAE,qBAAqB,+BAqDvB"}

package/dist/components/segmented-control.js

@@ -0,0 +1,21 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Toggle } from '@base-ui/react/toggle';
+import { ToggleGroup } from '@base-ui/react/toggle-group';
+import { cn } from '../lib/cn.js';
+/** A row of mutually exclusive choices with a sliding highlight, as wide as its longest choice times the count (pass w-full to stretch); icons render icon-only with the label as tooltip. */
+export function SegmentedControl({ options, value, onValueChange, 'aria-label': ariaLabel, className, }) {
+    const count = Math.max(options.length, 1);
+    const activeIndex = Math.max(0, options.findIndex((option) => option.value === value));
+    return (_jsxs(ToggleGroup, { "data-slot": "segmented-control", value: [value], onValueChange: (next) => {
+            if (next[0])
+                onValueChange(next[0]);
+        }, "aria-label": ariaLabel, className: cn('relative inline-grid w-fit max-w-full rounded-lg border border-border bg-input-background p-1 text-2xs', className), style: { gridTemplateColumns: `repeat(${count}, minmax(0, 1fr))` }, children: [_jsx("span", { "aria-hidden": true, className: "absolute inset-y-1 left-1 rounded-md border border-skylab-400/40 bg-skylab-500/15 shadow-sm transition-transform duration-(--motion-duration-base) ease-enter", style: {
+                    width: `calc((100% - 0.5rem) / ${count})`,
+                    transform: `translateX(${activeIndex * 100}%)`,
+                } }), options.map((option) => {
+                const Icon = option.icon;
+                return (_jsx(Toggle, { value: option.value, "aria-label": option.label, title: option.label, className: cn('relative z-10 flex h-7 w-full items-center justify-center rounded-md px-2 font-medium text-secondary-foreground outline-hidden pointer-coarse:h-9', 'transition-colors duration-(--motion-duration-fast) hover:text-skylab-300 focus-visible:ring-2 focus-visible:ring-ring', 'data-pressed:text-skylab-300'), children: Icon ? (_jsx(Icon, { className: "size-4", "aria-hidden": true })) : (_jsx("span", { className: "truncate", children: option.label })) }, option.value));
+            })] }));
+}
+//# sourceMappingURL=segmented-control.js.map

package/dist/components/segmented-control.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"segmented-control.js","sourceRoot":"","sources":["../../src/components/segmented-control.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAE1D,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAYlC,8LAA8L;AAC9L,MAAM,UAAU,gBAAgB,CAAC,EAC/B,OAAO,EACP,KAAK,EACL,aAAa,EACb,YAAY,EAAE,SAAS,EACvB,SAAS,GACa;IACtB,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;IAC1C,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAC1B,CAAC,EACD,OAAO,CAAC,SAAS,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,KAAK,CAAC,CACtD,CAAC;IAEF,OAAO,CACL,MAAC,WAAW,iBACA,mBAAmB,EAC7B,KAAK,EAAE,CAAC,KAAK,CAAC,EACd,aAAa,EAAE,CAAC,IAAI,EAAE,EAAE;YACtB,IAAI,IAAI,CAAC,CAAC,CAAC;gBAAE,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;QACtC,CAAC,gBACW,SAAS,EACrB,SAAS,EAAE,EAAE,CACX,wGAAwG,EACxG,SAAS,CACV,EACD,KAAK,EAAE,EAAE,mBAAmB,EAAE,UAAU,KAAK,mBAAmB,EAAE,aAElE,oCAEE,SAAS,EAAC,+JAA+J,EACzK,KAAK,EAAE;oBACL,KAAK,EAAE,0BAA0B,KAAK,GAAG;oBACzC,SAAS,EAAE,cAAc,WAAW,GAAG,GAAG,IAAI;iBAC/C,GACD,EACD,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;gBACtB,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC;gBACzB,OAAO,CACL,KAAC,MAAM,IAEL,KAAK,EAAE,MAAM,CAAC,KAAK,gBACP,MAAM,CAAC,KAAK,EACxB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,SAAS,EAAE,EAAE,CACX,mJAAmJ,EACnJ,wHAAwH,EACxH,8BAA8B,CAC/B,YAEA,IAAI,CAAC,CAAC,CAAC,CACN,KAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,wBAAe,CACxC,CAAC,CAAC,CAAC,CACF,eAAM,SAAS,EAAC,UAAU,YAAE,MAAM,CAAC,KAAK,GAAQ,CACjD,IAdI,MAAM,CAAC,KAAK,CAeV,CACV,CAAC;YACJ,CAAC,CAAC,IACU,CACf,CAAC;AACJ,CAAC"}