@skylab-kulubu/skylcn-ui 0.1.0

package/dist/components/form-extra.js

@@ -0,0 +1,51 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Combobox as ComboboxPrimitive } from '@base-ui/react/combobox';
+import { NumberField as NumberFieldPrimitive } from '@base-ui/react/number-field';
+import { OTPField as OTPPrimitive } from '@base-ui/react/otp-field';
+import { Slider as SliderPrimitive } from '@base-ui/react/slider';
+import { Check, ChevronsUpDown, Minus, Plus, X } from 'lucide-react';
+import { useId } from 'react';
+import { cn } from '../lib/cn.js';
+import { popupMotionFast } from '../lib/motion.js';
+import { useSkylcn } from '../lib/provider.js';
+const groupClass = cn('flex min-h-9 w-full items-center gap-1 rounded-md border border-input bg-input-background px-2 text-xs text-foreground', 'transition-[border-color] duration-(--motion-duration-fast) focus-within:border-skylab-400/50 focus-within:ring-2 focus-within:ring-skylab-400/20', 'pointer-coarse:min-h-11 pointer-coarse:text-base');
+const inputClass = 'h-7 min-w-16 flex-1 bg-transparent outline-hidden placeholder:text-subtle-foreground pointer-coarse:h-9';
+function Options({ empty }) {
+    return (_jsx(ComboboxPrimitive.Portal, { children: _jsx(ComboboxPrimitive.Positioner, { sideOffset: 4, className: "z-50 outline-hidden", children: _jsxs(ComboboxPrimitive.Popup, { className: cn('scrollbar max-h-[min(20rem,var(--available-height))] w-(--anchor-width) min-w-48 overflow-y-auto rounded-lg border border-border bg-popover p-1 text-foreground shadow-overlay outline-hidden', popupMotionFast), children: [_jsx(ComboboxPrimitive.Empty, { className: "px-2 py-3 text-center text-xs text-muted-foreground empty:hidden", children: empty }), _jsx(ComboboxPrimitive.List, { children: (item) => (_jsxs(ComboboxPrimitive.Item, { value: item, className: "group flex cursor-default items-center gap-2 rounded-md px-2 py-2 text-xs text-secondary-foreground outline-hidden select-none pointer-coarse:py-2.5 pointer-coarse:text-sm data-highlighted:bg-accent data-highlighted:text-foreground-strong", children: [_jsx("span", { className: "flex size-3.5 shrink-0 items-center justify-center", children: _jsx(ComboboxPrimitive.ItemIndicator, { children: _jsx(Check, { className: "size-3.5 text-skylab-400" }) }) }), _jsx("span", { className: "min-w-0 flex-1 truncate", children: item.label }), item.hint ? (_jsx("span", { className: "shrink-0 text-3xs text-subtle-foreground", children: item.hint })) : null] }, item.value)) })] }) }) }));
+}
+/** A choice from a long list, narrowed by typing: a member, a team, a city. */
+export function Combobox({ items, value, onValueChange, placeholder, emptyText, className, ...props }) {
+    const { messages } = useSkylcn();
+    const selected = items.find((item) => item.value === value) ?? null;
+    return (_jsxs(ComboboxPrimitive.Root, { items: items, value: selected, onValueChange: (item) => onValueChange(item?.value ?? null), itemToStringLabel: (item) => item.label, isItemEqualToValue: (a, b) => a.value === b.value, disabled: props.disabled, children: [_jsxs(ComboboxPrimitive.InputGroup, { className: cn(groupClass, className), children: [_jsx(ComboboxPrimitive.Input, { id: props.id, "aria-label": props['aria-label'], placeholder: placeholder, className: inputClass }), _jsx(ComboboxPrimitive.Clear, { "aria-label": messages.clearSearch, className: "grid size-6 place-items-center rounded text-subtle-foreground outline-hidden hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring", children: _jsx(X, { className: "size-3.5" }) }), _jsx(ComboboxPrimitive.Trigger, { "aria-label": messages.openList, className: "grid size-6 place-items-center rounded text-subtle-foreground outline-hidden hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring", children: _jsx(ChevronsUpDown, { className: "size-3.5" }) })] }), _jsx(Options, { empty: emptyText ?? messages.noResults })] }));
+}
+/** Several choices from a list, kept as removable chips: teams, tags, recipients. */
+export function MultiSelect({ items, value, onValueChange, placeholder, emptyText, className, ...props }) {
+    const { messages } = useSkylcn();
+    const selected = items.filter((item) => value.includes(item.value));
+    return (_jsxs(ComboboxPrimitive.Root, { multiple: true, items: items, value: selected, onValueChange: (next) => onValueChange(next.map((item) => item.value)), itemToStringLabel: (item) => item.label, isItemEqualToValue: (a, b) => a.value === b.value, disabled: props.disabled, children: [_jsx(ComboboxPrimitive.InputGroup, { className: cn(groupClass, 'flex-wrap py-1', className), children: _jsxs(ComboboxPrimitive.Chips, { className: "contents", children: [selected.map((item) => (_jsxs(ComboboxPrimitive.Chip, { "aria-label": item.label, className: "flex enter-fade items-center gap-1 rounded-md border border-skylab-400/30 bg-skylab-500/10 py-0.5 pr-0.5 pl-2 text-2xs text-skylab-300 outline-hidden focus-visible:ring-2 focus-visible:ring-ring", children: [item.label, _jsx(ComboboxPrimitive.ChipRemove, { "aria-label": messages.removeItem(item.label), className: "grid size-4 place-items-center rounded hover:bg-skylab-500/20", children: _jsx(X, { className: "size-3" }) })] }, item.value))), _jsx(ComboboxPrimitive.Input, { id: props.id, "aria-label": props['aria-label'], placeholder: selected.length ? undefined : placeholder, className: inputClass })] }) }), _jsx(Options, { empty: emptyText ?? messages.noResults })] }));
+}
+/** A number with − and + steps, arrow keys and Shift for larger steps; typed values are held within min and max. */
+export function NumberField({ className, 'aria-label': ariaLabel, ...props }) {
+    const { messages, locale } = useSkylcn();
+    const step = 'grid h-full w-8 place-items-center text-subtle-foreground outline-hidden transition-colors hover:bg-accent hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring disabled:opacity-40 pointer-coarse:w-10';
+    return (_jsx(NumberFieldPrimitive.Root, { locale: locale === 'tr' ? 'tr-TR' : 'en-US', className: className, ...props, children: _jsxs(NumberFieldPrimitive.Group, { className: "flex h-9 w-36 overflow-hidden rounded-md border border-input bg-input-background focus-within:border-skylab-400/50 focus-within:ring-2 focus-within:ring-skylab-400/20 pointer-coarse:h-11", children: [_jsx(NumberFieldPrimitive.Decrement, { "aria-label": messages.decrease, className: cn(step, 'border-r border-input'), children: _jsx(Minus, { className: "size-3.5" }) }), _jsx(NumberFieldPrimitive.Input, { "aria-label": ariaLabel, className: "min-w-0 flex-1 bg-transparent text-center text-xs text-foreground tabular-nums outline-hidden pointer-coarse:text-base" }), _jsx(NumberFieldPrimitive.Increment, { "aria-label": messages.increase, className: cn(step, 'border-l border-input'), children: _jsx(Plus, { className: "size-3.5" }) })] }) }));
+}
+/** A value, or a range with two thumbs, picked along a track: a budget, a team size. */
+export function Slider({ label, showValue = true, thumbLabels, className, ...props }) {
+    const values = props.value ?? props.defaultValue;
+    const count = Array.isArray(values) ? values.length : 1;
+    return (_jsxs(SliderPrimitive.Root, { className: cn('flex w-full flex-col gap-2', className), ...props, children: [label || showValue ? (_jsxs("div", { className: "flex items-baseline justify-between gap-3 text-xs", children: [label ? (_jsx(SliderPrimitive.Label, { className: "text-secondary-foreground", children: label })) : (_jsx("span", {})), showValue ? (_jsx(SliderPrimitive.Value, { className: "text-subtle-foreground tabular-nums" })) : null] })) : null, _jsx(SliderPrimitive.Control, { className: "flex h-5 w-full touch-none items-center pointer-coarse:h-8", children: _jsxs(SliderPrimitive.Track, { className: "relative h-1.5 w-full rounded-full bg-muted", children: [_jsx(SliderPrimitive.Indicator, { className: "rounded-full bg-skylab-500" }), Array.from({ length: count }, (_, i) => (_jsx(SliderPrimitive.Thumb, { index: i, "aria-label": thumbLabels?.[i], className: "size-4 rounded-full border-2 border-skylab-400 bg-background shadow-sm outline-hidden transition-[scale] duration-(--motion-duration-fast) focus-visible:ring-4 focus-visible:ring-ring active:scale-110 data-dragging:scale-110 pointer-coarse:size-6" }, i)))] }) })] }));
+}
+/**
+ * A one-time code, one box per character. Pasting the whole code fills every
+ * box and password managers can fill it too; nothing blocks pasting.
+ */
+export function OTPField({ length = 6, className, id, 'aria-label': ariaLabel, ...props }) {
+    const { messages } = useSkylcn();
+    const autoId = useId();
+    const fieldId = id ?? autoId;
+    return (_jsxs(_Fragment, { children: [ariaLabel ? (_jsx("label", { htmlFor: fieldId, className: "sr-only", children: ariaLabel })) : null, _jsx(OTPPrimitive.Root, { id: fieldId, length: length, className: cn('flex items-center gap-1.5', className), ...props, children: Array.from({ length }, (_, i) => (_jsx(OTPPrimitive.Input, { "aria-label": i === 0 ? undefined : messages.codeCharacter(i + 1, length), className: "size-10 rounded-md border border-input bg-input-background text-center font-mono text-base text-foreground outline-hidden transition-[border-color] duration-(--motion-duration-fast) selection:bg-skylab-400/30 focus:border-skylab-400/60 focus:ring-2 focus:ring-skylab-400/20 pointer-coarse:size-12" }, i))) })] }));
+}
+//# sourceMappingURL=form-extra.js.map

package/dist/components/form-extra.js.map

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

package/dist/components/icon-swap.d.ts

@@ -0,0 +1,15 @@
+import type { LucideIcon } from 'lucide-react';
+export type IconSwapProps = {
+    /** Shows `swappedIcon` instead of `icon`. */
+    swapped: boolean;
+    icon: LucideIcon;
+    swappedIcon: LucideIcon;
+    className?: string;
+    strokeWidth?: number;
+};
+/**
+ * Two icons in one spot that blend into each other when the state changes,
+ * such as open/close or copy/copied, instead of snapping.
+ */
+export declare function IconSwap({ swapped, icon: Icon, swappedIcon: SwappedIcon, className, strokeWidth, }: IconSwapProps): import("react").JSX.Element;
+//# sourceMappingURL=icon-swap.d.ts.map

package/dist/components/icon-swap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-swap.d.ts","sourceRoot":"","sources":["../../src/components/icon-swap.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAQ/C,MAAM,MAAM,aAAa,GAAG;IAC1B,6CAA6C;IAC7C,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,UAAU,CAAC;IACjB,WAAW,EAAE,UAAU,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,SAAS,EACT,WAAW,GACZ,EAAE,aAAa,+BAUf"}

package/dist/components/icon-swap.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../lib/cn.js';
+const LAYER = 'col-start-1 row-start-1 transition-[opacity,scale,filter] duration-(--motion-duration-base) ease-enter motion-reduce:scale-100 motion-reduce:blur-none';
+const SHOWN = 'scale-100 opacity-100 blur-none';
+const HIDDEN = 'scale-50 opacity-0 blur-[2px]';
+/**
+ * Two icons in one spot that blend into each other when the state changes,
+ * such as open/close or copy/copied, instead of snapping.
+ */
+export function IconSwap({ swapped, icon: Icon, swappedIcon: SwappedIcon, className, strokeWidth, }) {
+    return (_jsxs("span", { "data-slot": "icon-swap", "aria-hidden": true, className: "inline-grid shrink-0 place-items-center", children: [_jsx(Icon, { strokeWidth: strokeWidth, className: cn(LAYER, swapped ? HIDDEN : SHOWN, className) }), _jsx(SwappedIcon, { strokeWidth: strokeWidth, className: cn(LAYER, swapped ? SHOWN : HIDDEN, className) })] }));
+}
+//# sourceMappingURL=icon-swap.js.map

package/dist/components/icon-swap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-swap.js","sourceRoot":"","sources":["../../src/components/icon-swap.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,KAAK,GACT,wJAAwJ,CAAC;AAC3J,MAAM,KAAK,GAAG,iCAAiC,CAAC;AAChD,MAAM,MAAM,GAAG,+BAA+B,CAAC;AAW/C;;;GAGG;AACH,MAAM,UAAU,QAAQ,CAAC,EACvB,OAAO,EACP,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,SAAS,EACT,WAAW,GACG;IACd,OAAO,CACL,6BAAgB,WAAW,uBAAa,SAAS,EAAC,yCAAyC,aACzF,KAAC,IAAI,IAAC,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,EAAE,SAAS,CAAC,GAAI,EAC7F,KAAC,WAAW,IACV,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,EAAE,SAAS,CAAC,GACzD,IACG,CACR,CAAC;AACJ,CAAC"}

package/dist/components/list.d.ts

@@ -0,0 +1,43 @@
+import { type LucideIcon } from 'lucide-react';
+import type { ReactNode } from 'react';
+export type ListStatus = {
+    kind: 'loading';
+} | {
+    kind: 'empty';
+    message: string;
+} | {
+    kind: 'ready';
+};
+/** Derives a list's status from its request state and row count. */
+export declare function listStatus(options: {
+    loading: boolean;
+    failed?: boolean;
+    rowCount: number;
+    emptyMessage: string;
+}): ListStatus;
+export type ListPanelProps = {
+    status: ListStatus;
+    /** Draws the rounded border around the list. */
+    framed?: boolean;
+    emptyIcon?: LucideIcon;
+    emptyDescription?: ReactNode;
+    emptyAction?: ReactNode;
+    className?: string;
+    children?: ReactNode;
+};
+/** A plain list of rows that shows its own loading and empty states, cross-fading between them. */
+export declare function ListPanel({ status, framed, emptyIcon, emptyDescription, emptyAction, className, children, }: ListPanelProps): import("react").JSX.Element;
+export type ListItemProps = {
+    href?: string;
+    onSelect?: () => void;
+    title: ReactNode;
+    subtitle?: ReactNode;
+    /** An avatar, icon or status dot before the text. */
+    leading?: ReactNode;
+    /** Chips or actions after the text; they stay pressable over the row link. */
+    trailing?: ReactNode;
+    className?: string;
+};
+/** One row of a ListPanel: title, subtitle, leading and trailing slots, optionally a link. */
+export declare function ListItem({ href, onSelect, title, subtitle, leading, trailing, className, }: ListItemProps): import("react").JSX.Element;
+//# sourceMappingURL=list.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../src/components/list.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAgB,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,MAAM,MAAM,UAAU,GACpB;IAAE,IAAI,EAAE,SAAS,CAAA;CAAE,GAAG;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,GAAG;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,CAAC;AAE/E,oEAAoE;AACpE,wBAAgB,UAAU,CAAC,OAAO,EAAE;IAClC,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;CACtB,GAAG,UAAU,CAKb;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,MAAM,EAAE,UAAU,CAAC;IACnB,gDAAgD;IAChD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,mGAAmG;AACnG,wBAAgB,SAAS,CAAC,EACxB,MAAM,EACN,MAAa,EACb,SAAS,EACT,gBAAgB,EAChB,WAAW,EACX,SAAS,EACT,QAAQ,GACT,EAAE,cAAc,+BAoBhB;AAED,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,qDAAqD;IACrD,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,8FAA8F;AAC9F,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,SAAS,GACV,EAAE,aAAa,+BA8Cf"}

package/dist/components/list.js

@@ -0,0 +1,30 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronRight } from 'lucide-react';
+import { cn } from '../lib/cn.js';
+import { useSkylcn } from '../lib/provider.js';
+import { Swap } from './motion.js';
+import { StateCard } from './state-card.js';
+/** Derives a list's status from its request state and row count. */
+export function listStatus(options) {
+    if (options.loading)
+        return { kind: 'loading' };
+    if (options.failed)
+        return { kind: 'ready' };
+    if (options.rowCount === 0)
+        return { kind: 'empty', message: options.emptyMessage };
+    return { kind: 'ready' };
+}
+/** A plain list of rows that shows its own loading and empty states, cross-fading between them. */
+export function ListPanel({ status, framed = true, emptyIcon, emptyDescription, emptyAction, className, children, }) {
+    return (_jsx("div", { "data-slot": "list-panel", className: cn(framed && 'overflow-hidden rounded-lg border border-border', className), children: _jsx(Swap, { id: status.kind, children: status.kind === 'loading' ? (_jsx(StateCard, { loading: true })) : status.kind === 'empty' ? (_jsx(StateCard, { title: status.message, description: emptyDescription, icon: emptyIcon, children: emptyAction })) : (_jsx("div", { className: "divide-y divide-border-subtle", children: children })) }) }));
+}
+/** One row of a ListPanel: title, subtitle, leading and trailing slots, optionally a link. */
+export function ListItem({ href, onSelect, title, subtitle, leading, trailing, className, }) {
+    const { Link } = useSkylcn();
+    const pressable = Boolean(href || onSelect);
+    const overlay = 'absolute inset-0 outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset';
+    const name = typeof title === 'string' ? title : undefined;
+    return (_jsxs("div", { "data-slot": "list-item", className: cn('group/row relative transition-colors duration-(--motion-duration-fast)', pressable && 'hover:bg-card', className), children: [href ? (_jsx(Link, { href: href, className: overlay, children: _jsx("span", { className: "sr-only", children: name }) })) : onSelect ? (_jsx("button", { type: "button", onClick: onSelect, "aria-label": name, className: overlay })) : null, _jsxs("div", { className: "flex items-center gap-3 px-3 py-2.5 pointer-coarse:py-3", children: [leading, _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("p", { className: "truncate text-sm font-medium text-secondary-foreground transition-colors group-hover/row:text-foreground-strong", children: title }), subtitle ? (_jsx("p", { className: "mt-0.5 truncate text-3xs text-subtle-foreground", children: subtitle })) : null] }), trailing || pressable ? (_jsxs("div", { className: "relative z-10 flex items-center gap-1", children: [trailing, pressable ? (_jsx("span", { className: "pointer-events-none inline-flex size-6 items-center justify-center text-muted-foreground transition-colors group-hover/row:text-skylab-300", children: _jsx(ChevronRight, { className: "size-4 transition-transform duration-(--motion-duration-fast) group-hover/row:translate-x-0.5" }) })) : null] })) : null] })] }));
+}
+//# sourceMappingURL=list.js.map

package/dist/components/list.js.map

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

package/dist/components/menu.d.ts

@@ -0,0 +1,41 @@
+import { ContextMenu as ContextMenuPrimitive } from '@base-ui/react/context-menu';
+import { Menu as MenuPrimitive } from '@base-ui/react/menu';
+import { type LucideIcon } from 'lucide-react';
+import type { ComponentProps, ReactNode } from 'react';
+type ItemExtras = {
+    icon?: LucideIcon;
+    /** A keyboard shortcut hint at the end of the row. */
+    shortcut?: ReactNode;
+    /** Colours the item for actions that remove or sign out. */
+    destructive?: boolean;
+    /** Indents the item to line up with items that have icons. */
+    inset?: boolean;
+};
+export type MenuItemProps = MenuPrimitive.Item.Props & ItemExtras;
+export declare function MenuItem({ className, icon, shortcut, destructive, inset, children, ...props }: MenuItemProps): import("react").JSX.Element;
+export type MenuLinkItemProps = MenuPrimitive.LinkItem.Props & ItemExtras;
+/** A menu row that navigates; pass `render={<Link href="…" />}` for client-side links. */
+export declare function MenuLinkItem({ className, icon, shortcut, destructive, inset, children, ...props }: MenuLinkItemProps): import("react").JSX.Element;
+export declare function MenuCheckboxItem({ className, children, ...props }: MenuPrimitive.CheckboxItem.Props): import("react").JSX.Element;
+export declare const MenuRadioGroup: import("react").NamedExoticComponent<Omit<import("@base-ui/react").ContextMenuRadioGroupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare function MenuRadioItem({ className, children, ...props }: MenuPrimitive.RadioItem.Props): import("react").JSX.Element;
+/** A run of related items; `label` names the group for assistive tech too. */
+export declare function MenuGroup({ label, children, ...props }: MenuPrimitive.Group.Props & {
+    label?: ReactNode;
+}): import("react").JSX.Element;
+/** A small uppercase heading anywhere in a menu, such as the signed-in e-mail. */
+export declare function MenuLabel({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
+export declare function MenuSeparator({ className, ...props }: MenuPrimitive.Separator.Props): import("react").JSX.Element;
+export declare function MenuShortcut({ className, ...props }: ComponentProps<'span'>): import("react").JSX.Element;
+export declare const MenuSub: typeof ContextMenuPrimitive.SubmenuRoot;
+export declare function MenuSubTrigger({ className, icon, inset, children, ...props }: MenuPrimitive.SubmenuTrigger.Props & Omit<ItemExtras, 'shortcut' | 'destructive'>): import("react").JSX.Element;
+type ContentPlacement = Pick<MenuPrimitive.Positioner.Props, 'side' | 'align' | 'sideOffset' | 'alignOffset'>;
+export declare function MenuSubContent({ side, align, sideOffset, alignOffset, ...props }: MenuPrimitive.Popup.Props & ContentPlacement): import("react").JSX.Element;
+export declare const DropdownMenu: <Payload>(props: MenuPrimitive.Root.Props<Payload>) => React.JSX.Element;
+export declare const DropdownMenuTrigger: MenuPrimitive.Trigger;
+export declare function DropdownMenuContent({ side, align, sideOffset, ...props }: MenuPrimitive.Popup.Props & ContentPlacement): import("react").JSX.Element;
+export declare const ContextMenu: typeof ContextMenuPrimitive.Root;
+export declare function ContextMenuTrigger({ className, ...props }: ContextMenuPrimitive.Trigger.Props): import("react").JSX.Element;
+export declare function ContextMenuContent({ className, ...props }: MenuPrimitive.Popup.Props): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=menu.d.ts.map

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

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

package/dist/components/menu.js

@@ -0,0 +1,67 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { ContextMenu as ContextMenuPrimitive } from '@base-ui/react/context-menu';
+import { Menu as MenuPrimitive } from '@base-ui/react/menu';
+import { Check, ChevronRight } from 'lucide-react';
+import { cn } from '../lib/cn.js';
+import { popupMotionFast } from '../lib/motion.js';
+const popupClass = cn('min-w-44 rounded-lg border border-border bg-popover p-1 text-foreground shadow-overlay outline-hidden', popupMotionFast);
+const itemClass = cn('group/menu-item relative flex w-full items-center gap-2 rounded-md px-2 py-2 text-left text-xs text-secondary-foreground outline-hidden select-none', 'transition-colors duration-(--motion-duration-instant)', 'data-highlighted:bg-accent data-highlighted:text-foreground-strong', 'data-disabled:cursor-not-allowed data-disabled:text-faint-foreground', 'pointer-coarse:py-2.5 pointer-coarse:text-sm', "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-3.5");
+const destructiveClass = 'text-destructive data-highlighted:bg-destructive/10 data-highlighted:text-destructive';
+function ItemBody({ icon: Icon, shortcut, children, }) {
+    return (_jsxs(_Fragment, { children: [Icon ? (_jsx(Icon, { className: "text-subtle-foreground group-data-highlighted/menu-item:text-current" })) : null, typeof children === 'string' || typeof children === 'number' ? (_jsx("span", { className: "min-w-0 flex-1 truncate", children: children })) : (children), shortcut ? _jsx(MenuShortcut, { children: shortcut }) : null] }));
+}
+export function MenuItem({ className, icon, shortcut, destructive, inset, children, ...props }) {
+    return (_jsx(MenuPrimitive.Item, { "data-slot": "menu-item", className: cn(itemClass, destructive && destructiveClass, inset && 'pl-7.5', className), ...props, children: _jsx(ItemBody, { icon: icon, shortcut: shortcut, children: children }) }));
+}
+/** A menu row that navigates; pass `render={<Link href="…" />}` for client-side links. */
+export function MenuLinkItem({ className, icon, shortcut, destructive, inset, children, ...props }) {
+    return (_jsx(MenuPrimitive.LinkItem, { "data-slot": "menu-item", className: cn(itemClass, destructive && destructiveClass, inset && 'pl-7.5', className), ...props, children: _jsx(ItemBody, { icon: icon, shortcut: shortcut, children: children }) }));
+}
+export function MenuCheckboxItem({ className, children, ...props }) {
+    return (_jsxs(MenuPrimitive.CheckboxItem, { "data-slot": "menu-checkbox-item", className: cn(itemClass, 'pl-7.5', className), ...props, children: [_jsx("span", { className: "absolute left-2 flex size-3.5 items-center justify-center", children: _jsx(MenuPrimitive.CheckboxItemIndicator, { children: _jsx(Check, { className: "size-3.5 text-skylab-400" }) }) }), children] }));
+}
+export const MenuRadioGroup = MenuPrimitive.RadioGroup;
+export function MenuRadioItem({ className, children, ...props }) {
+    return (_jsxs(MenuPrimitive.RadioItem, { "data-slot": "menu-radio-item", className: cn(itemClass, 'pl-7.5', className), ...props, children: [_jsx("span", { className: "absolute left-2 flex size-3.5 items-center justify-center", children: _jsx(MenuPrimitive.RadioItemIndicator, { children: _jsx("span", { className: "block size-1.5 rounded-full bg-skylab-400" }) }) }), children] }));
+}
+const labelClass = 'px-2 pt-2 pb-1 text-3xs font-medium tracking-label text-subtle-foreground uppercase';
+/** A run of related items; `label` names the group for assistive tech too. */
+export function MenuGroup({ label, children, ...props }) {
+    return (_jsxs(MenuPrimitive.Group, { "data-slot": "menu-group", ...props, children: [label ? (_jsx(MenuPrimitive.GroupLabel, { className: labelClass, children: label })) : null, children] }));
+}
+/** A small uppercase heading anywhere in a menu, such as the signed-in e-mail. */
+export function MenuLabel({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "menu-label", role: "presentation", className: cn(labelClass, className), ...props }));
+}
+export function MenuSeparator({ className, ...props }) {
+    return (_jsx(MenuPrimitive.Separator, { "data-slot": "menu-separator", className: cn('-mx-1 my-1 h-px bg-border', className), ...props }));
+}
+export function MenuShortcut({ className, ...props }) {
+    return (_jsx("span", { "data-slot": "menu-shortcut", className: cn('ml-auto pl-4 font-mono text-3xs tracking-wide text-subtle-foreground', className), ...props }));
+}
+export const MenuSub = MenuPrimitive.SubmenuRoot;
+export function MenuSubTrigger({ className, icon, inset, children, ...props }) {
+    return (_jsxs(MenuPrimitive.SubmenuTrigger, { "data-slot": "menu-sub-trigger", className: cn(itemClass, 'data-popup-open:bg-accent data-popup-open:text-foreground-strong', inset && 'pl-7.5', className), ...props, children: [_jsx(ItemBody, { icon: icon, children: children }), _jsx(ChevronRight, { className: "ml-auto text-subtle-foreground" })] }));
+}
+function MenuContent({ className, side, align, sideOffset, alignOffset, ...props }) {
+    return (_jsx(MenuPrimitive.Portal, { children: _jsx(MenuPrimitive.Positioner, { side: side, align: align, sideOffset: sideOffset, alignOffset: alignOffset, className: "z-50 outline-hidden", children: _jsx(MenuPrimitive.Popup, { "data-slot": "menu-content", className: cn(popupClass, className), ...props }) }) }));
+}
+export function MenuSubContent({ side = 'right', align = 'start', sideOffset = 2, alignOffset = -5, ...props }) {
+    return (_jsx(MenuContent, { side: side, align: align, sideOffset: sideOffset, alignOffset: alignOffset, ...props }));
+}
+/* Dropdown menu: opened from a trigger. */
+export const DropdownMenu = MenuPrimitive.Root;
+export const DropdownMenuTrigger = MenuPrimitive.Trigger;
+export function DropdownMenuContent({ side = 'bottom', align = 'start', sideOffset = 4, ...props }) {
+    return _jsx(MenuContent, { side: side, align: align, sideOffset: sideOffset, ...props });
+}
+/* Context menu: opened by right click, or a long press on touch screens. */
+export const ContextMenu = ContextMenuPrimitive.Root;
+export function ContextMenuTrigger({ className, ...props }) {
+    return (_jsx(ContextMenuPrimitive.Trigger, { "data-slot": "context-menu-trigger", className: cn('select-none', className), ...props }));
+}
+export function ContextMenuContent({ className, ...props }) {
+    return (_jsx(ContextMenuPrimitive.Portal, { children: _jsx(ContextMenuPrimitive.Positioner, { className: "z-50 outline-hidden", children: _jsx(ContextMenuPrimitive.Popup, { "data-slot": "context-menu-content", className: cn(popupClass, className), ...props }) }) }));
+}
+//# sourceMappingURL=menu.js.map

package/dist/components/menu.js.map

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

package/dist/components/month-calendar.d.ts

@@ -0,0 +1,38 @@
+import { type ReactNode } from 'react';
+export type CalendarEvent = {
+    id: string;
+    /** The day, as an ISO date (YYYY-MM-DD). */
+    date: string;
+    title: string;
+    time?: string;
+    tone?: 'brand' | 'success' | 'warning' | 'info';
+};
+export type MonthCalendarProps = {
+    events: readonly CalendarEvent[];
+    /** The month first shown; this month by default. */
+    defaultMonth?: Date;
+    onSelectEvent?: (event: CalendarEvent) => void;
+    className?: string;
+};
+/**
+ * The club's events on a month grid, weeks starting Monday in Turkish; on
+ * phones an agenda of the month's days that have events. Months slide in the
+ * direction you move.
+ */
+export declare function MonthCalendar({ events, defaultMonth, onSelectEvent, className, }: MonthCalendarProps): import("react").JSX.Element;
+export type StatusPageProps = {
+    /** A large figure such as 404; leave out for a redirect or other wait. */
+    code?: ReactNode;
+    title: ReactNode;
+    description?: ReactNode;
+    /** Shows the SKY LAB loader instead of the code, for redirects. */
+    loading?: boolean;
+    /** Buttons such as "Ana sayfa" or "Yeniden dene". */
+    children?: ReactNode;
+    /** `div` when shown inside a page that already has its main landmark. */
+    as?: 'main' | 'div';
+    className?: string;
+};
+/** A whole-page state: not found, no access, a server error, or a redirect in progress. */
+export declare function StatusPage({ code, title, description, loading, children, as: Root, className, }: StatusPageProps): import("react").JSX.Element;
+//# sourceMappingURL=month-calendar.d.ts.map

package/dist/components/month-calendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"month-calendar.d.ts","sourceRoot":"","sources":["../../src/components/month-calendar.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAOjD,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,4CAA4C;IAC5C,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;CACjD,CAAC;AAYF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,MAAM,EAAE,SAAS,aAAa,EAAE,CAAC;IACjC,oDAAoD;IACpD,YAAY,CAAC,EAAE,IAAI,CAAC;IACpB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,YAAY,EACZ,aAAa,EACb,SAAS,GACV,EAAE,kBAAkB,+BAiJpB;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,0EAA0E;IAC1E,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,mEAAmE;IACnE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,yEAAyE;IACzE,EAAE,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,2FAA2F;AAC3F,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,KAAK,EACL,WAAW,EACX,OAAe,EACf,QAAQ,EACR,EAAE,EAAE,IAAa,EACjB,SAAS,GACV,EAAE,eAAe,+BA4BjB"}

package/dist/components/month-calendar.js

@@ -0,0 +1,64 @@
+'use client';
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { ChevronLeft, ChevronRight } from 'lucide-react';
+import { useState } from 'react';
+import { cn } from '../lib/cn.js';
+import { useSkylcn } from '../lib/provider.js';
+import { IconButton } from './button.js';
+import { SkylabLoader } from './skylab-loader.js';
+import { Swap } from './motion.js';
+const TONE = {
+    brand: 'border-skylab-400/30 bg-skylab-500/10 text-skylab-300',
+    success: 'border-success/30 bg-success/10 text-success',
+    warning: 'border-warning/30 bg-warning/10 text-warning',
+    info: 'border-info/30 bg-info/10 text-info',
+};
+const iso = (d) => `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}`;
+/**
+ * The club's events on a month grid, weeks starting Monday in Turkish; on
+ * phones an agenda of the month's days that have events. Months slide in the
+ * direction you move.
+ */
+export function MonthCalendar({ events, defaultMonth, onSelectEvent, className, }) {
+    const { locale, messages } = useSkylcn();
+    const tag = locale === 'tr' ? 'tr-TR' : 'en-US';
+    const [month, setMonth] = useState(() => {
+        const d = defaultMonth ?? new Date();
+        return new Date(d.getFullYear(), d.getMonth(), 1);
+    });
+    const [direction, setDirection] = useState(1);
+    const today = iso(new Date());
+    const move = (step) => {
+        setDirection(step);
+        setMonth((m) => new Date(m.getFullYear(), m.getMonth() + step, 1));
+    };
+    // Monday-first grid covering whole weeks around the month
+    const offset = (month.getDay() + 6) % 7;
+    const start = new Date(month.getFullYear(), month.getMonth(), 1 - offset);
+    const days = Array.from({ length: 42 }, (_, i) => new Date(start.getFullYear(), start.getMonth(), start.getDate() + i));
+    const weeks = days[35].getMonth() === month.getMonth() ? 6 : 5;
+    const shown = days.slice(0, weeks * 7);
+    const byDay = new Map();
+    for (const event of events)
+        byDay.set(event.date, [...(byDay.get(event.date) ?? []), event]);
+    const weekdays = Array.from({ length: 7 }, (_, i) => new Date(2024, 0, 1 + i).toLocaleDateString(tag, { weekday: 'short' }));
+    const title = month.toLocaleDateString(tag, { month: 'long', year: 'numeric' });
+    const chip = (event, block = false) => (_jsxs("button", { type: "button", onClick: () => onSelectEvent?.(event), className: cn('truncate rounded border px-1.5 py-0.5 text-left text-2xs outline-hidden focus-visible:ring-2 focus-visible:ring-ring', block && 'w-full py-1.5 text-xs', TONE[event.tone ?? 'brand']), children: [event.time ? _jsxs("span", { className: "tabular-nums", children: [event.time, " "] }) : null, event.title] }, event.id));
+    return (_jsxs("div", { "data-slot": "month-calendar", className: cn('flex flex-col gap-3', className), children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("h2", { "aria-live": "polite", className: "text-base font-semibold text-foreground capitalize", children: title }), _jsxs("div", { className: "ml-auto flex gap-1", children: [_jsx(IconButton, { icon: ChevronLeft, label: messages.previousMonth, variant: "ghost", size: "icon-sm", onClick: () => move(-1) }), _jsx(IconButton, { icon: ChevronRight, label: messages.nextMonth, variant: "ghost", size: "icon-sm", onClick: () => move(1) })] })] }), _jsxs(Swap, { id: iso(month), direction: direction, children: [_jsxs("div", { className: "hidden overflow-hidden rounded-xl border border-border md:block", children: [_jsx("div", { className: "grid grid-cols-7 border-b border-border bg-card", children: weekdays.map((day) => (_jsx("span", { className: "px-2 py-1.5 text-3xs font-medium tracking-label text-subtle-foreground uppercase", children: day }, day))) }), _jsx("div", { className: "grid grid-cols-7", children: shown.map((day) => {
+                                    const key = iso(day);
+                                    const inMonth = day.getMonth() === month.getMonth();
+                                    const list = byDay.get(key) ?? [];
+                                    return (_jsxs("div", { className: cn('flex min-h-24 flex-col gap-1 border-r border-b border-border-subtle p-1.5 [&:nth-child(7n)]:border-r-0', !inMonth && 'bg-muted/40'), children: [_jsx("span", { className: cn('grid size-6 place-items-center rounded-full text-2xs tabular-nums', key === today
+                                                    ? 'bg-primary text-primary-foreground'
+                                                    : inMonth
+                                                        ? 'text-secondary-foreground'
+                                                        : 'text-subtle-foreground'), children: day.getDate() }), list.slice(0, 2).map((event) => chip(event)), list.length > 2 ? (_jsxs("span", { className: "px-1 text-3xs text-subtle-foreground", children: ["+", list.length - 2] })) : null] }, key));
+                                }) })] }), _jsxs("ol", { className: "flex flex-col gap-3 md:hidden", children: [shown
+                                .filter((day) => day.getMonth() === month.getMonth() && byDay.has(iso(day)))
+                                .map((day) => (_jsxs("li", { className: "flex gap-3", children: [_jsxs("span", { className: "w-12 shrink-0 text-center", children: [_jsx("span", { className: "block text-lg font-semibold text-foreground tabular-nums", children: day.getDate() }), _jsx("span", { className: "block text-3xs text-subtle-foreground uppercase", children: day.toLocaleDateString(tag, { weekday: 'short' }) })] }), _jsx("span", { className: "flex min-w-0 flex-1 flex-col gap-1", children: byDay.get(iso(day)).map((event) => chip(event, true)) })] }, iso(day)))), shown.some((day) => day.getMonth() === month.getMonth() && byDay.has(iso(day))) ? null : (_jsx("li", { className: "py-8 text-center text-xs text-muted-foreground", children: messages.noEventsThisMonth }))] })] })] }));
+}
+/** A whole-page state: not found, no access, a server error, or a redirect in progress. */
+export function StatusPage({ code, title, description, loading = false, children, as: Root = 'main', className, }) {
+    return (_jsx(Root, { "data-slot": "status-page", role: loading ? 'status' : undefined, className: cn('flex min-h-dvh flex-col items-center justify-center gap-5 bg-background px-6 text-center', className), children: _jsxs("div", { className: "flex enter-rise-lg flex-col items-center gap-5", children: [loading ? (_jsx(SkylabLoader, { size: 64 })) : code ? (_jsx("p", { className: "bg-gradient-to-b from-foreground to-subtle-foreground bg-clip-text font-mono text-7xl font-bold text-transparent tabular-nums", children: code })) : null, _jsxs("div", { className: "flex max-w-md flex-col gap-2", children: [_jsx("h1", { className: "text-xl font-semibold text-foreground", children: title }), description ? (_jsx("p", { className: "text-sm leading-relaxed text-muted-foreground", children: description })) : null] }), children ? _jsx("div", { className: "flex flex-wrap justify-center gap-2", children: children }) : null] }) }));
+}
+//# sourceMappingURL=month-calendar.js.map

package/dist/components/month-calendar.js.map

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

package/dist/components/motion.d.ts

@@ -0,0 +1,43 @@
+import { type ReactNode } from 'react';
+export type CollapseProps = {
+    open: boolean;
+    children: ReactNode;
+    className?: string;
+};
+/**
+ * Content that opens to its natural height and closes back to nothing, such
+ * as a field's error or a revealed section. Its overflow is released once
+ * open, so focus rings inside are not clipped.
+ */
+export declare function Collapse({ open, children, className }: CollapseProps): import("react").JSX.Element;
+export type SwapProps = {
+    /** Identifies the content; changing it swaps the old content for the new. */
+    id: string | number;
+    /**
+     * Which way the new content comes from: 1 from the right (next), -1 from the
+     * left (previous), 0 a plain cross-fade.
+     */
+    direction?: -1 | 0 | 1;
+    children: ReactNode;
+    className?: string;
+};
+/**
+ * Replaces content with a short cross-fade that slides in the direction of
+ * travel: tab panels, wizard steps, calendar months, a list and its empty state.
+ */
+export declare function Swap({ id, direction, children, className }: SwapProps): import("react").JSX.Element;
+export type AnimatedNumberProps = {
+    value: number;
+    /** Formats the figure on every frame; whole numbers in the reader's locale by default. */
+    format?: (value: number) => string;
+    /** Gives every digit the same width, for figures in columns or small counters. */
+    tabular?: boolean;
+    className?: string;
+};
+/**
+ * A figure that runs to its new value when it changes, never on first show.
+ * Screen readers get the final value only, once.
+ */
+export declare function AnimatedNumber({ value, format, tabular, className }: AnimatedNumberProps): import("react").JSX.Element;
+export { AnimatePresence, LayoutGroup, m } from 'motion/react';
+//# sourceMappingURL=motion.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"motion.d.ts","sourceRoot":"","sources":["../../src/components/motion.tsx"],"names":[],"mappings":"AAGA,OAAO,EAA+B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAMpE,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,aAAa,+BA0BpE;AAED,MAAM,MAAM,SAAS,GAAG;IACtB,6EAA6E;IAC7E,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACvB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAIF;;;GAGG;AACH,wBAAgB,IAAI,CAAC,EAAE,EAAE,EAAE,SAAa,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,SAAS,+BAqBzE;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,0FAA0F;IAC1F,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACnC,kFAAkF;IAClF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,OAAe,EAAE,SAAS,EAAE,EAAE,mBAAmB,+BA4BhG;AAED,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/motion.js

@@ -0,0 +1,56 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AnimatePresence, animate, m, useMotionValue, useTransform } from 'motion/react';
+import { useEffect, useRef, useState } from 'react';
+import { cn } from '../lib/cn.js';
+import { motionTokens, transitions } from '../lib/motion-tokens.js';
+import { useSkylcn } from '../lib/provider.js';
+import { useReducedMotion } from '../lib/use-reduced-motion.js';
+/**
+ * Content that opens to its natural height and closes back to nothing, such
+ * as a field's error or a revealed section. Its overflow is released once
+ * open, so focus rings inside are not clipped.
+ */
+export function Collapse({ open, children, className }) {
+    const reduced = useReducedMotion();
+    const [settled, setSettled] = useState(false);
+    return (_jsx(AnimatePresence, { initial: false, children: open ? (_jsx(m.div, { "data-slot": "collapse", initial: { height: 0, opacity: 0 }, animate: { height: 'auto', opacity: 1 }, exit: { height: 0, opacity: 0 }, transition: {
+                height: reduced ? { duration: 0 } : transitions.enterSlow,
+                opacity: transitions.enter,
+            }, onAnimationStart: () => setSettled(false), onAnimationComplete: () => setSettled(open), style: { overflow: settled ? 'visible' : 'hidden' }, className: className, children: children }, "collapse")) : null }));
+}
+const SWAP_SHIFT = 16;
+/**
+ * Replaces content with a short cross-fade that slides in the direction of
+ * travel: tab panels, wizard steps, calendar months, a list and its empty state.
+ */
+export function Swap({ id, direction = 0, children, className }) {
+    return (_jsx("div", { "data-slot": "swap", className: cn('relative', className), children: _jsx(AnimatePresence, { initial: false, mode: "popLayout", custom: direction, children: _jsx(m.div, { custom: direction, variants: {
+                    enter: (d) => ({ opacity: 0, x: d * SWAP_SHIFT }),
+                    center: { opacity: 1, x: 0, transition: transitions.enter },
+                    exit: (d) => ({ opacity: 0, x: d * -SWAP_SHIFT, transition: transitions.exit }),
+                }, initial: "enter", animate: "center", exit: "exit", children: children }, id) }) }));
+}
+/**
+ * A figure that runs to its new value when it changes, never on first show.
+ * Screen readers get the final value only, once.
+ */
+export function AnimatedNumber({ value, format, tabular = false, className }) {
+    const { locale } = useSkylcn();
+    const reduced = useReducedMotion();
+    const tag = locale === 'tr' ? 'tr-TR' : 'en-US';
+    const fmt = format ?? ((n) => Math.round(n).toLocaleString(tag));
+    const formatRef = useRef(fmt);
+    useEffect(() => {
+        formatRef.current = fmt;
+    });
+    const current = useMotionValue(value);
+    const text = useTransform(current, (n) => formatRef.current(n));
+    useEffect(() => {
+        const controls = animate(current, value, reduced ? { duration: 0 } : { duration: 0.6, ease: motionTokens.ease.enter });
+        return () => controls.stop();
+    }, [current, value, reduced]);
+    return (_jsxs("span", { "data-slot": "animated-number", className: cn(tabular && 'tabular-nums', className), children: [_jsx(m.span, { "aria-hidden": true, children: text }), _jsx("span", { className: "sr-only", children: fmt(value) })] }));
+}
+export { AnimatePresence, LayoutGroup, m } from 'motion/react';
+//# sourceMappingURL=motion.js.map

package/dist/components/motion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"motion.js","sourceRoot":"","sources":["../../src/components/motion.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,CAAC,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AACzF,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAC;AACpE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAQhE;;;;GAIG;AACH,MAAM,UAAU,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAiB;IACnE,MAAM,OAAO,GAAG,gBAAgB,EAAE,CAAC;IACnC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,OAAO,CACL,KAAC,eAAe,IAAC,OAAO,EAAE,KAAK,YAC5B,IAAI,CAAC,CAAC,CAAC,CACN,KAAC,CAAC,CAAC,GAAG,iBAEM,UAAU,EACpB,OAAO,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,EAClC,OAAO,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,EAAE,EACvC,IAAI,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,EAC/B,UAAU,EAAE;gBACV,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,SAAS;gBACzD,OAAO,EAAE,WAAW,CAAC,KAAK;aAC3B,EACD,gBAAgB,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EACzC,mBAAmB,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,EAC3C,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EAAE,EACnD,SAAS,EAAE,SAAS,YAEnB,QAAQ,IAdL,UAAU,CAeR,CACT,CAAC,CAAC,CAAC,IAAI,GACQ,CACnB,CAAC;AACJ,CAAC;AAcD,MAAM,UAAU,GAAG,EAAE,CAAC;AAEtB;;;GAGG;AACH,MAAM,UAAU,IAAI,CAAC,EAAE,EAAE,EAAE,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAa;IACxE,OAAO,CACL,2BAAe,MAAM,EAAC,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,YACxD,KAAC,eAAe,IAAC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAC,WAAW,EAAC,MAAM,EAAE,SAAS,YACjE,KAAC,CAAC,CAAC,GAAG,IAEJ,MAAM,EAAE,SAAS,EACjB,QAAQ,EAAE;oBACR,KAAK,EAAE,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,UAAU,EAAE,CAAC;oBACzD,MAAM,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,UAAU,EAAE,WAAW,CAAC,KAAK,EAAE;oBAC3D,IAAI,EAAE,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,UAAU,EAAE,UAAU,EAAE,WAAW,CAAC,IAAI,EAAE,CAAC;iBACxF,EACD,OAAO,EAAC,OAAO,EACf,OAAO,EAAC,QAAQ,EAChB,IAAI,EAAC,MAAM,YAEV,QAAQ,IAXJ,EAAE,CAYD,GACQ,GACd,CACP,CAAC;AACJ,CAAC;AAWD;;;GAGG;AACH,MAAM,UAAU,cAAc,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,GAAG,KAAK,EAAE,SAAS,EAAuB;IAC/F,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE,CAAC;IAC/B,MAAM,OAAO,GAAG,gBAAgB,EAAE,CAAC;IACnC,MAAM,GAAG,GAAG,MAAM,KAAK,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC;IAChD,MAAM,GAAG,GAAG,MAAM,IAAI,CAAC,CAAC,CAAS,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;IACzE,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;IAC9B,SAAS,CAAC,GAAG,EAAE;QACb,SAAS,CAAC,OAAO,GAAG,GAAG,CAAC;IAC1B,CAAC,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;IACtC,MAAM,IAAI,GAAG,YAAY,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;IAEhE,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,QAAQ,GAAG,OAAO,CACtB,OAAO,EACP,KAAK,EACL,OAAO,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,CAAC,IAAI,CAAC,KAAK,EAAE,CAC7E,CAAC;QACF,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;IAC/B,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC;IAE9B,OAAO,CACL,6BAAgB,iBAAiB,EAAC,SAAS,EAAE,EAAE,CAAC,OAAO,IAAI,cAAc,EAAE,SAAS,CAAC,aACnF,KAAC,CAAC,CAAC,IAAI,mCAAc,IAAI,GAAU,EACnC,eAAM,SAAS,EAAC,SAAS,YAAE,GAAG,CAAC,KAAK,CAAC,GAAQ,IACxC,CACR,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC"}