@spatika/react 1.0.0

package/dist/composites/Toast.js

@@ -0,0 +1,49 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, useCallback, useContext, useMemo, useState, } from "react";
+import { X } from "lucide-react";
+import { cn } from "../lib/cn";
+const ToastContext = createContext(null);
+let toastSeq = 0;
+export function useToast() {
+    const ctx = useContext(ToastContext);
+    if (!ctx)
+        throw new Error("useToast must be used within <Toaster />");
+    return ctx;
+}
+const toneClass = {
+    default: "border-border/60",
+    success: "border-emerald-500/35 bg-emerald-500/8",
+    warn: "border-amber-500/35 bg-amber-500/8",
+    danger: "border-destructive/35 bg-destructive/8",
+};
+/** App-level toast host + provider. Wrap the app once and call useToast(). */
+export function Toaster({ children, className, position = "bottom-right", }) {
+    const [toasts, setToasts] = useState([]);
+    const dismiss = useCallback((id) => {
+        setToasts((prev) => prev.filter((t) => t.id !== id));
+    }, []);
+    const toast = useCallback((item) => {
+        const id = item.id ?? `toast-${++toastSeq}`;
+        const next = {
+            id,
+            title: item.title,
+            description: item.description,
+            tone: item.tone ?? "default",
+            durationMs: item.durationMs ?? 4200,
+        };
+        setToasts((prev) => [...prev, next]);
+        if (next.durationMs && next.durationMs > 0) {
+            window.setTimeout(() => dismiss(id), next.durationMs);
+        }
+        return id;
+    }, [dismiss]);
+    const value = useMemo(() => ({ toasts, toast, dismiss }), [toasts, toast, dismiss]);
+    const positionClass = position === "top-right"
+        ? "top-4 right-4"
+        : position === "top-center"
+            ? "top-4 left-1/2 -translate-x-1/2"
+            : position === "bottom-center"
+                ? "bottom-4 left-1/2 -translate-x-1/2"
+                : "bottom-4 right-4";
+    return (_jsxs(ToastContext.Provider, { value: value, children: [children, _jsx("div", { "data-slot": "toaster", className: cn("pointer-events-none fixed z-[200] flex w-[min(calc(100vw-1.5rem),22rem)] flex-col gap-2", positionClass, className), children: toasts.map((t) => (_jsx("div", { "data-slot": "toast", className: cn("pointer-events-auto rounded-2xl border bg-background p-3.5 shadow-[0_22px_50px_-24px_rgba(15,23,42,0.55)] dark:bg-card", toneClass[t.tone ?? "default"]), role: "status", children: _jsxs("div", { className: "flex items-start gap-3", children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("p", { className: "text-sm font-bold text-foreground", children: t.title }), t.description ? (_jsx("p", { className: "mt-0.5 text-xs text-muted-foreground", children: t.description })) : null] }), _jsx("button", { type: "button", "aria-label": "Dismiss", className: "rounded-lg p-1 text-muted-foreground transition-colors hover:bg-muted/40 hover:text-foreground", onClick: () => dismiss(t.id), children: _jsx(X, { className: "h-3.5 w-3.5" }) })] }) }, t.id))) })] }));
+}

package/dist/composites/Toolbar.d.ts

@@ -0,0 +1,6 @@
+import type { ReactNode } from "react";
+export declare function Toolbar({ children, className, }: {
+    children: ReactNode;
+    className?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=Toolbar.d.ts.map

package/dist/composites/Toolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../src/composites/Toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,wBAAgB,OAAO,CAAC,EACtB,QAAQ,EACR,SAAS,GACV,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,+BASA"}

package/dist/composites/Toolbar.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../lib/cn";
+export function Toolbar({ children, className, }) {
+    return (_jsx("div", { "data-slot": "toolbar", className: cn("app-toolbar flex flex-wrap items-center gap-2 px-3 py-2", className), children: children }));
+}

package/dist/composites/ViewFiltersPanel.d.ts

@@ -0,0 +1,21 @@
+import type { ReactNode } from "react";
+export type ViewFiltersPanelProps = {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    title?: string;
+    description?: string;
+    hasActive?: boolean;
+    onClear?: () => void;
+    trigger?: ReactNode;
+    children: ReactNode;
+    topSection?: ReactNode;
+    className?: string;
+    doneLabel?: string;
+    clearLabel?: string;
+};
+/**
+ * View & filters panel — glass bottom sheet with clear / done chrome.
+ * Pass arbitrary filter fields as children for full customization.
+ */
+export declare function ViewFiltersPanel({ open, onOpenChange, title, description, hasActive, onClear, trigger, children, topSection, className, doneLabel, clearLabel, }: ViewFiltersPanelProps): import("react").JSX.Element;
+//# sourceMappingURL=ViewFiltersPanel.d.ts.map

package/dist/composites/ViewFiltersPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewFiltersPanel.d.ts","sourceRoot":"","sources":["../../src/composites/ViewFiltersPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,MAAM,MAAM,qBAAqB,GAAG;IAClC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,YAAY,EACZ,KAAwB,EACxB,WAAW,EACX,SAAS,EACT,OAAO,EACP,OAAO,EACP,QAAQ,EACR,UAAU,EACV,SAAS,EACT,SAAkB,EAClB,UAAoB,GACrB,EAAE,qBAAqB,+BA2CvB"}

package/dist/composites/ViewFiltersPanel.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { X } from "lucide-react";
+import { Button } from "../primitives/Button";
+import { BottomSheet } from "./BottomSheet";
+/**
+ * View & filters panel — glass bottom sheet with clear / done chrome.
+ * Pass arbitrary filter fields as children for full customization.
+ */
+export function ViewFiltersPanel({ open, onOpenChange, title = "View & filters", description, hasActive, onClear, trigger, children, topSection, className, doneLabel = "Done", clearLabel = "Clear", }) {
+    return (_jsxs(_Fragment, { children: [trigger, _jsxs(BottomSheet, { open: open, onOpenChange: onOpenChange, className: className, children: [_jsxs("div", { className: "flex items-start justify-between gap-3 border-b border-border/40 px-4 py-3", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("h2", { className: "text-base font-black tracking-tight", children: title }), description ? (_jsx("p", { className: "mt-0.5 text-xs font-medium text-muted-foreground", children: description })) : null] }), _jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [hasActive && onClear ? (_jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: onClear, children: clearLabel })) : null, _jsx(Button, { type: "button", variant: "ghost", size: "icon", "aria-label": "Close", onClick: () => onOpenChange(false), children: _jsx(X, { className: "size-4" }) })] })] }), topSection, _jsx("div", { className: "max-h-[60vh] space-y-5 overflow-y-auto px-4 py-4", children: children }), _jsx("div", { className: "border-t border-border/40 p-4 pb-[calc(1rem+env(safe-area-inset-bottom))]", children: _jsx(Button, { type: "button", className: "h-9 w-full rounded-xl text-xs font-black uppercase tracking-widest", onClick: () => onOpenChange(false), children: doneLabel }) })] })] }));
+}

package/dist/index.d.ts

@@ -0,0 +1,96 @@
+/**
+ * @spatika/react — Spatika React package
+ *
+ * Import tokens separately:
+ *   import "@spatika/tokens/styles.css";
+ */
+export { cn } from "./lib/cn";
+export { OVERLAY_Z_INDEX, fixedLayerStyle, createSelectEvent, } from "./lib/overlay-stack";
+export { typographyEyebrow, typographyBandEyebrow, typographySectionLabel, typographyPageTitle, typographyPageSubtitle, typographyBodyDense, } from "./lib/typography";
+export { surfaceRadiusCard, surfaceRadiusControl, surfaceRadiusPill, surfaceRadiusProfile, surfacePrimaryClass, surfaceSecondaryClass, surfaceDetailClass, surfaceTertiaryClass, } from "./lib/surfaces";
+export { filterChipClass, preferenceChipClass, layoutToggleClass, listRowToggleClass, nativeSelectClass, } from "./lib/chips";
+export { duration, transition, motionCardHover, motionCardHoverEmphasis, motionPress, pageEnter, cardEnter, } from "./lib/animations";
+export { THEME_IDS, THEME_LABELS, DEFAULT_THEME, SPATIKA_THEME_STORAGE_KEY, applyTheme, isDarkTheme, isThemeId, type ThemeId, } from "./lib/themes";
+export { getAvatarColor, getAvatarFallbackHue, getInitials } from "./lib/avatar-utils";
+export { COVER_PATTERN_KINDS, getCoverPattern, getCoverPatternKind, getCoverPatternStyle, isCoverPatternKind, type CoverHeaderInk, type CoverPatternInput, type CoverPatternKind, type CoverScene, } from "./lib/cover-pattern";
+export { coverFloatingIconClass, coverFloatingShellClass, coverMutedClass, coverPlateClass, coverTitleClass, } from "./lib/cover-chrome";
+export { useCoverChromeBleed, type CoverChromeInk } from "./lib/use-cover-chrome-bleed";
+export { useIsMobile, useMediaQuery } from "./lib/use-media-query";
+export { SpatikaThemeProvider, useSpatikaTheme, type SpatikaThemeContextValue, type SpatikaThemeProviderProps, } from "./theme/SpatikaThemeProvider";
+export { Button, buttonVariants } from "./primitives/Button";
+export { Badge, badgeVariants } from "./primitives/Badge";
+export { Input } from "./primitives/Input";
+export { Textarea } from "./primitives/Textarea";
+export { Label } from "./primitives/Label";
+export { Separator } from "./primitives/Separator";
+export { Skeleton } from "./primitives/Skeleton";
+export { Checkbox } from "./primitives/Checkbox";
+export { Switch } from "./primitives/Switch";
+export { RadioGroup, RadioGroupItem } from "./primitives/RadioGroup";
+export { Progress } from "./primitives/Progress";
+export { Slider } from "./primitives/Slider";
+export { Avatar, AvatarImage, AvatarFallback, InitialsAvatar } from "./primitives/Avatar";
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, } from "./primitives/Select";
+export { NativeSelect } from "./primitives/NativeSelect";
+export { Spinner } from "./primitives/Spinner";
+export { Alert, AlertTitle, AlertDescription, alertVariants } from "./primitives/Alert";
+export { Kbd } from "./primitives/Kbd";
+export { Tabs, TabsList, TabsTrigger, TabsContent } from "./primitives/Tabs";
+export { Table, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell, TableCaption } from "./primitives/Table";
+export { Dialog, DialogTrigger, DialogPortal, DialogClose, DialogOverlay, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, } from "./primitives/Dialog";
+export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, } from "./primitives/AlertDialog";
+export { Sheet, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription, } from "./primitives/Sheet";
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor } from "./primitives/Popover";
+export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, } from "./primitives/DropdownMenu";
+export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, } from "./primitives/Command";
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from "./primitives/Tooltip";
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent, } from "./primitives/Accordion";
+export { StarRating } from "./primitives/StarRating";
+export { GlassCard, glassCardVariants, type GlassCardProps } from "./composites/GlassCard";
+export { SurfaceCard, surfaceCardVariants, type SurfaceCardProps } from "./composites/SurfaceCard";
+export { PageStickyHeader, PageHeaderBadge, type PageStickyHeaderProps } from "./composites/PageStickyHeader";
+export { PageShell, type PageShellProps } from "./composites/PageShell";
+export { SectionPanel, type SectionPanelProps } from "./composites/SectionPanel";
+export { Chip, chipVariants, type ChipProps } from "./composites/Chip";
+export { ChipGroup, isOptionSelected, toggleOptionValue, type ChipGroupProps, type ChipOption, } from "./composites/ChipGroup";
+export { EmptyState, type EmptyStateProps } from "./composites/EmptyState";
+export { FormField, type FormFieldProps } from "./composites/FormField";
+export { PageHeader, type PageHeaderProps } from "./composites/PageHeader";
+export { StatCard, type StatCardProps } from "./composites/StatCard";
+export { SearchField, type SearchFieldProps } from "./composites/SearchField";
+export { Toolbar } from "./composites/Toolbar";
+export { StatusDot, statusDotVariants } from "./composites/StatusDot";
+export { ListRow } from "./composites/ListRow";
+export { Breadcrumb, type BreadcrumbItem } from "./composites/Breadcrumb";
+export { Pagination } from "./composites/Pagination";
+export { Callout } from "./composites/Callout";
+export { ActionBar } from "./composites/ActionBar";
+export { DividerLabel } from "./composites/DividerLabel";
+export { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter, type CardProps, } from "./composites/Card";
+export { AppHeader, type AppHeaderProps } from "./composites/AppHeader";
+export { ChromeAttachedCaret, FloatingPageChromeBar, FloatingPageChromeIdentity, FloatingPageChromeSearchField, FloatingPageChromeShell, FLOATING_PAGE_CHROME_HEIGHT_CLASS, FLOATING_PAGE_CHROME_POPOVER_OFFSET, appChromeActionClusterClass, appChromeClusterButtonClass, floatingPageChromeAttachedPopoverClass, floatingPageChromeClusterClass, floatingPageChromeIconPillClass, floatingPageChromeIdentityClass, floatingPageChromePillClass, floatingPageChromePrimaryClass, floatingPageChromeSearchInputClass, floatingPageChromeSearchWrapClass, floatingPageChromeShellClass, floatingPageChromeTrayClass, type FloatingPageChromeBarProps, type FloatingPageChromeIdentityProps, type FloatingPageChromeSearchFieldProps, } from "./composites/FloatingPageChrome";
+export { CoverPattern, ProfileCoverPattern, type CoverPatternProps } from "./composites/CoverPattern";
+export { CoverHero, type CoverHeroAvatar, type CoverHeroFact, type CoverHeroProps, } from "./composites/CoverHero";
+export { AppSidebar, type AppSidebarProps, type SidebarNavItem, type SidebarNavSection, } from "./composites/AppSidebar";
+export { QuickSettings, QuickSettingsGroup, QuickSettingsRow, type QuickSettingsProps, } from "./composites/QuickSettings";
+export { PhotoViewer, type PhotoViewerProps, type PhotoViewerItem, } from "./composites/PhotoViewer";
+export { RichTextEditor, type RichTextEditorProps } from "./composites/RichTextEditor";
+export { HeaderIconButton, type HeaderIconButtonProps } from "./composites/HeaderIconButton";
+export { QuickFilterRail, type QuickFilterRailProps, type QuickFilterGroup, type QuickFilterItem, } from "./composites/QuickFilterRail";
+export { BottomSheet, Drawer, DrawerTrigger, DrawerClose, DrawerPortal, DrawerOverlay, DrawerContent, DrawerHeader, DrawerFooter, DrawerTitle, DrawerDescription, type BottomSheetProps, } from "./composites/BottomSheet";
+export { ViewFiltersPanel, type ViewFiltersPanelProps } from "./composites/ViewFiltersPanel";
+export { FilterSheet, type FilterSheetProps } from "./composites/FilterSheet";
+export { NotificationBell, type NotificationBellProps, type NotificationItem, } from "./composites/NotificationBell";
+export { CommandSearchField, type CommandSearchFieldProps, type CommandSearchResult, } from "./composites/CommandSearchField";
+export { PinPad, LockOverlay, type PinPadProps, type LockOverlayProps, } from "./composites/PinPad";
+export { MediaEntryCard, type MediaEntryCardProps } from "./composites/MediaEntryCard";
+export { EntityMediaCard, type EntityMediaCardProps } from "./composites/EntityMediaCard";
+export { EntityCard, EntityCardTitle, EntityCardMeta, EntityCardChip, type EntityCardProps, type EntityCardTitleProps, type EntityCardMetaProps, } from "./composites/EntityCard";
+export { MobileTabBar, APP_TABBAR_CLEARANCE_CLASS, type MobileTabBarProps, type MobileTabItem, } from "./composites/MobileTabBar";
+export { ProfileHero, type ProfileHeroProps } from "./composites/ProfileHero";
+export { AmountInput, type AmountInputProps } from "./composites/AmountInput";
+export { SegmentedControl, type SegmentedControlProps, type SegmentedControlOption, } from "./composites/SegmentedControl";
+export { Toaster, useToast, type ToasterProps, type ToastItem, type ToastTone, } from "./composites/Toast";
+export { Timeline, TimelineItem, type TimelineProps, type TimelineItemProps, } from "./composites/Timeline";
+export { DataTableToolbar, type DataTableToolbarProps, } from "./composites/DataTableToolbar";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

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

package/dist/index.js

@@ -0,0 +1,95 @@
+/**
+ * @spatika/react — Spatika React package
+ *
+ * Import tokens separately:
+ *   import "@spatika/tokens/styles.css";
+ */
+export { cn } from "./lib/cn";
+export { OVERLAY_Z_INDEX, fixedLayerStyle, createSelectEvent, } from "./lib/overlay-stack";
+export { typographyEyebrow, typographyBandEyebrow, typographySectionLabel, typographyPageTitle, typographyPageSubtitle, typographyBodyDense, } from "./lib/typography";
+export { surfaceRadiusCard, surfaceRadiusControl, surfaceRadiusPill, surfaceRadiusProfile, surfacePrimaryClass, surfaceSecondaryClass, surfaceDetailClass, surfaceTertiaryClass, } from "./lib/surfaces";
+export { filterChipClass, preferenceChipClass, layoutToggleClass, listRowToggleClass, nativeSelectClass, } from "./lib/chips";
+export { duration, transition, motionCardHover, motionCardHoverEmphasis, motionPress, pageEnter, cardEnter, } from "./lib/animations";
+export { THEME_IDS, THEME_LABELS, DEFAULT_THEME, SPATIKA_THEME_STORAGE_KEY, applyTheme, isDarkTheme, isThemeId, } from "./lib/themes";
+export { getAvatarColor, getAvatarFallbackHue, getInitials } from "./lib/avatar-utils";
+export { COVER_PATTERN_KINDS, getCoverPattern, getCoverPatternKind, getCoverPatternStyle, isCoverPatternKind, } from "./lib/cover-pattern";
+export { coverFloatingIconClass, coverFloatingShellClass, coverMutedClass, coverPlateClass, coverTitleClass, } from "./lib/cover-chrome";
+export { useCoverChromeBleed } from "./lib/use-cover-chrome-bleed";
+export { useIsMobile, useMediaQuery } from "./lib/use-media-query";
+export { SpatikaThemeProvider, useSpatikaTheme, } from "./theme/SpatikaThemeProvider";
+export { Button, buttonVariants } from "./primitives/Button";
+export { Badge, badgeVariants } from "./primitives/Badge";
+export { Input } from "./primitives/Input";
+export { Textarea } from "./primitives/Textarea";
+export { Label } from "./primitives/Label";
+export { Separator } from "./primitives/Separator";
+export { Skeleton } from "./primitives/Skeleton";
+export { Checkbox } from "./primitives/Checkbox";
+export { Switch } from "./primitives/Switch";
+export { RadioGroup, RadioGroupItem } from "./primitives/RadioGroup";
+export { Progress } from "./primitives/Progress";
+export { Slider } from "./primitives/Slider";
+export { Avatar, AvatarImage, AvatarFallback, InitialsAvatar } from "./primitives/Avatar";
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, } from "./primitives/Select";
+export { NativeSelect } from "./primitives/NativeSelect";
+export { Spinner } from "./primitives/Spinner";
+export { Alert, AlertTitle, AlertDescription, alertVariants } from "./primitives/Alert";
+export { Kbd } from "./primitives/Kbd";
+export { Tabs, TabsList, TabsTrigger, TabsContent } from "./primitives/Tabs";
+export { Table, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell, TableCaption } from "./primitives/Table";
+export { Dialog, DialogTrigger, DialogPortal, DialogClose, DialogOverlay, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, } from "./primitives/Dialog";
+export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, } from "./primitives/AlertDialog";
+export { Sheet, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription, } from "./primitives/Sheet";
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor } from "./primitives/Popover";
+export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, } from "./primitives/DropdownMenu";
+export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, } from "./primitives/Command";
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from "./primitives/Tooltip";
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent, } from "./primitives/Accordion";
+export { StarRating } from "./primitives/StarRating";
+export { GlassCard, glassCardVariants } from "./composites/GlassCard";
+export { SurfaceCard, surfaceCardVariants } from "./composites/SurfaceCard";
+export { PageStickyHeader, PageHeaderBadge } from "./composites/PageStickyHeader";
+export { PageShell } from "./composites/PageShell";
+export { SectionPanel } from "./composites/SectionPanel";
+export { Chip, chipVariants } from "./composites/Chip";
+export { ChipGroup, isOptionSelected, toggleOptionValue, } from "./composites/ChipGroup";
+export { EmptyState } from "./composites/EmptyState";
+export { FormField } from "./composites/FormField";
+export { PageHeader } from "./composites/PageHeader";
+export { StatCard } from "./composites/StatCard";
+export { SearchField } from "./composites/SearchField";
+export { Toolbar } from "./composites/Toolbar";
+export { StatusDot, statusDotVariants } from "./composites/StatusDot";
+export { ListRow } from "./composites/ListRow";
+export { Breadcrumb } from "./composites/Breadcrumb";
+export { Pagination } from "./composites/Pagination";
+export { Callout } from "./composites/Callout";
+export { ActionBar } from "./composites/ActionBar";
+export { DividerLabel } from "./composites/DividerLabel";
+export { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter, } from "./composites/Card";
+export { AppHeader } from "./composites/AppHeader";
+export { ChromeAttachedCaret, FloatingPageChromeBar, FloatingPageChromeIdentity, FloatingPageChromeSearchField, FloatingPageChromeShell, FLOATING_PAGE_CHROME_HEIGHT_CLASS, FLOATING_PAGE_CHROME_POPOVER_OFFSET, appChromeActionClusterClass, appChromeClusterButtonClass, floatingPageChromeAttachedPopoverClass, floatingPageChromeClusterClass, floatingPageChromeIconPillClass, floatingPageChromeIdentityClass, floatingPageChromePillClass, floatingPageChromePrimaryClass, floatingPageChromeSearchInputClass, floatingPageChromeSearchWrapClass, floatingPageChromeShellClass, floatingPageChromeTrayClass, } from "./composites/FloatingPageChrome";
+export { CoverPattern, ProfileCoverPattern } from "./composites/CoverPattern";
+export { CoverHero, } from "./composites/CoverHero";
+export { AppSidebar, } from "./composites/AppSidebar";
+export { QuickSettings, QuickSettingsGroup, QuickSettingsRow, } from "./composites/QuickSettings";
+export { PhotoViewer, } from "./composites/PhotoViewer";
+export { RichTextEditor } from "./composites/RichTextEditor";
+export { HeaderIconButton } from "./composites/HeaderIconButton";
+export { QuickFilterRail, } from "./composites/QuickFilterRail";
+export { BottomSheet, Drawer, DrawerTrigger, DrawerClose, DrawerPortal, DrawerOverlay, DrawerContent, DrawerHeader, DrawerFooter, DrawerTitle, DrawerDescription, } from "./composites/BottomSheet";
+export { ViewFiltersPanel } from "./composites/ViewFiltersPanel";
+export { FilterSheet } from "./composites/FilterSheet";
+export { NotificationBell, } from "./composites/NotificationBell";
+export { CommandSearchField, } from "./composites/CommandSearchField";
+export { PinPad, LockOverlay, } from "./composites/PinPad";
+export { MediaEntryCard } from "./composites/MediaEntryCard";
+export { EntityMediaCard } from "./composites/EntityMediaCard";
+export { EntityCard, EntityCardTitle, EntityCardMeta, EntityCardChip, } from "./composites/EntityCard";
+export { MobileTabBar, APP_TABBAR_CLEARANCE_CLASS, } from "./composites/MobileTabBar";
+export { ProfileHero } from "./composites/ProfileHero";
+export { AmountInput } from "./composites/AmountInput";
+export { SegmentedControl, } from "./composites/SegmentedControl";
+export { Toaster, useToast, } from "./composites/Toast";
+export { Timeline, TimelineItem, } from "./composites/Timeline";
+export { DataTableToolbar, } from "./composites/DataTableToolbar";

package/dist/lib/animations.d.ts

@@ -0,0 +1,62 @@
+/**
+ * Animation language for Spatika.
+ *
+ * Micro  — hover/focus/active (CSS only, ≤150ms)
+ * Meso   — element entrances (200–300ms)
+ * Macro  — page transitions / overlays (300–400ms)
+ *
+ * Never use transition-all on glass / backdrop-blur surfaces.
+ */
+export declare const duration: {
+    readonly instant: 0.15;
+    readonly fast: 0.2;
+    readonly normal: 0.3;
+    readonly slow: 0.4;
+};
+export declare const transition: {
+    readonly fast: {
+        readonly duration: 0.2;
+        readonly ease: [number, number, number, number];
+    };
+    readonly normal: {
+        readonly duration: 0.3;
+        readonly ease: [number, number, number, number];
+    };
+    readonly slow: {
+        readonly duration: 0.4;
+        readonly ease: [number, number, number, number];
+    };
+};
+/** Standard card hover — transform + shadow only. */
+export declare const motionCardHover = "transition-[transform,box-shadow,border-color] duration-200 ease-out hover:-translate-y-0.5 hover:shadow-lg hover:border-primary/20";
+/** Emphasized card hover for hero / ranked cards. */
+export declare const motionCardHoverEmphasis = "transition-[transform,box-shadow,border-color] duration-200 ease-out hover:-translate-y-1 hover:shadow-xl hover:border-primary/30";
+/** Interactive press feedback. */
+export declare const motionPress = "active:scale-[0.98]";
+export declare const pageEnter: {
+    initial: {
+        opacity: number;
+    };
+    animate: {
+        opacity: number;
+    };
+    transition: {
+        readonly duration: 0.3;
+        readonly ease: [number, number, number, number];
+    };
+};
+export declare const cardEnter: {
+    initial: {
+        opacity: number;
+        y: number;
+    };
+    animate: {
+        opacity: number;
+        y: number;
+    };
+    transition: {
+        readonly duration: 0.3;
+        readonly ease: [number, number, number, number];
+    };
+};
+//# sourceMappingURL=animations.d.ts.map

package/dist/lib/animations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"animations.d.ts","sourceRoot":"","sources":["../../src/lib/animations.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAIH,eAAO,MAAM,QAAQ;;;;;CAKX,CAAC;AAEX,eAAO,MAAM,UAAU;;;;;;;;;;;;;CAIb,CAAC;AAEX,qDAAqD;AACrD,eAAO,MAAM,eAAe,wIAC2G,CAAC;AAExI,qDAAqD;AACrD,eAAO,MAAM,uBAAuB,sIACiG,CAAC;AAEtI,kCAAkC;AAClC,eAAO,MAAM,WAAW,wBAAwB,CAAC;AAEjD,eAAO,MAAM,SAAS;;;;;;;;;;;CAIrB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;CAIrB,CAAC"}

package/dist/lib/animations.js

@@ -0,0 +1,37 @@
+/**
+ * Animation language for Spatika.
+ *
+ * Micro  — hover/focus/active (CSS only, ≤150ms)
+ * Meso   — element entrances (200–300ms)
+ * Macro  — page transitions / overlays (300–400ms)
+ *
+ * Never use transition-all on glass / backdrop-blur surfaces.
+ */
+const easeOut = [0, 0, 0.2, 1];
+export const duration = {
+    instant: 0.15,
+    fast: 0.2,
+    normal: 0.3,
+    slow: 0.4,
+};
+export const transition = {
+    fast: { duration: duration.fast, ease: easeOut },
+    normal: { duration: duration.normal, ease: easeOut },
+    slow: { duration: duration.slow, ease: easeOut },
+};
+/** Standard card hover — transform + shadow only. */
+export const motionCardHover = "transition-[transform,box-shadow,border-color] duration-200 ease-out hover:-translate-y-0.5 hover:shadow-lg hover:border-primary/20";
+/** Emphasized card hover for hero / ranked cards. */
+export const motionCardHoverEmphasis = "transition-[transform,box-shadow,border-color] duration-200 ease-out hover:-translate-y-1 hover:shadow-xl hover:border-primary/30";
+/** Interactive press feedback. */
+export const motionPress = "active:scale-[0.98]";
+export const pageEnter = {
+    initial: { opacity: 0 },
+    animate: { opacity: 1 },
+    transition: transition.normal,
+};
+export const cardEnter = {
+    initial: { opacity: 0, y: 8 },
+    animate: { opacity: 1, y: 0 },
+    transition: transition.normal,
+};

package/dist/lib/avatar-utils.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Stable avatar color class derived from a name hash.
+ * Used by InitialsAvatar for consistent tinting across renders.
+ */
+export declare function getAvatarColor(name: string): string;
+/** Stable 0–359 hue from a display name — used to tint generated covers. */
+export declare function getAvatarFallbackHue(name: string): number;
+/** First two initials from a display name (uppercase). */
+export declare function getInitials(name: string): string;
+//# sourceMappingURL=avatar-utils.d.ts.map

package/dist/lib/avatar-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-utils.d.ts","sourceRoot":"","sources":["../../src/lib/avatar-utils.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CA0BnD;AAED,4EAA4E;AAC5E,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAOzD;AAED,0DAA0D;AAC1D,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAQhD"}

package/dist/lib/avatar-utils.js

@@ -0,0 +1,49 @@
+/**
+ * Stable avatar color class derived from a name hash.
+ * Used by InitialsAvatar for consistent tinting across renders.
+ */
+export function getAvatarColor(name) {
+    const colors = [
+        "bg-rose-500",
+        "bg-pink-500",
+        "bg-fuchsia-500",
+        "bg-purple-500",
+        "bg-violet-500",
+        "bg-indigo-500",
+        "bg-blue-500",
+        "bg-sky-500",
+        "bg-cyan-500",
+        "bg-teal-500",
+        "bg-emerald-500",
+        "bg-green-500",
+        "bg-orange-500",
+        "bg-amber-500",
+    ];
+    let hash = 0;
+    const safeName = name || "User";
+    for (let i = 0; i < safeName.length; i++) {
+        hash = safeName.charCodeAt(i) + ((hash << 5) - hash);
+    }
+    const index = Math.abs(hash) % colors.length;
+    return colors[index];
+}
+/** Stable 0–359 hue from a display name — used to tint generated covers. */
+export function getAvatarFallbackHue(name) {
+    let hash = 0;
+    const safeName = name || "User";
+    for (let i = 0; i < safeName.length; i++) {
+        hash = safeName.charCodeAt(i) + ((hash << 5) - hash);
+    }
+    return Math.abs(hash) % 360;
+}
+/** First two initials from a display name (uppercase). */
+export function getInitials(name) {
+    if (!name)
+        return "";
+    return name
+        .split(" ")
+        .map((n) => n[0])
+        .join("")
+        .substring(0, 2)
+        .toUpperCase();
+}

package/dist/lib/chips.d.ts

@@ -0,0 +1,10 @@
+/** Soft filter pill (directory / history filters). */
+export declare function filterChipClass(active: boolean, className?: string): string;
+/** Uppercase preference toggle chip (admin / settings). */
+export declare function preferenceChipClass(active: boolean, className?: string): string;
+/** Layout mode toggle (grid / list / kanban). */
+export declare function layoutToggleClass(active: boolean, className?: string): string;
+/** Full-width selectable list row. */
+export declare function listRowToggleClass(active: boolean, className?: string): string;
+export declare const nativeSelectClass: string;
+//# sourceMappingURL=chips.d.ts.map

package/dist/lib/chips.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chips.d.ts","sourceRoot":"","sources":["../../src/lib/chips.ts"],"names":[],"mappings":"AAQA,sDAAsD;AACtD,wBAAgB,eAAe,CAAC,MAAM,EAAE,OAAO,EAAE,SAAS,CAAC,EAAE,MAAM,UAQlE;AAED,2DAA2D;AAC3D,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,OAAO,EAAE,SAAS,CAAC,EAAE,MAAM,UAQtE;AAED,iDAAiD;AACjD,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,OAAO,EAAE,SAAS,CAAC,EAAE,MAAM,UAQpE;AAED,sCAAsC;AACtC,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,OAAO,EAAE,SAAS,CAAC,EAAE,MAAM,UAQrE;AAED,eAAO,MAAM,iBAAiB,QAK7B,CAAC"}

package/dist/lib/chips.js

@@ -0,0 +1,30 @@
+/**
+ * Chip / toggle class recipes shared by filters and preference groups.
+ */
+import { cn } from "./cn";
+const filterChipBase = "inline-flex min-h-7 max-w-full items-center justify-center rounded-full border px-2 py-0.5 text-left text-[10px] font-bold leading-snug shadow-sm transition-colors active:scale-[0.98] sm:min-h-8 sm:px-2.5 sm:py-1 sm:text-xs";
+/** Soft filter pill (directory / history filters). */
+export function filterChipClass(active, className) {
+    return cn(filterChipBase, active
+        ? "border-primary/50 bg-primary/15 text-primary"
+        : "border-border/60 bg-background/80 text-foreground hover:bg-muted/40", className);
+}
+/** Uppercase preference toggle chip (admin / settings). */
+export function preferenceChipClass(active, className) {
+    return cn("touch-manipulation rounded-xl border px-3 py-2 text-[10px] font-black uppercase tracking-widest shadow-sm transition-all active:scale-95", active
+        ? "scale-[1.02] border-primary bg-primary text-primary-foreground shadow-primary/20"
+        : "border-border/50 bg-background/40 text-muted-foreground hover:border-primary/30 hover:text-primary", className);
+}
+/** Layout mode toggle (grid / list / kanban). */
+export function layoutToggleClass(active, className) {
+    return cn("flex min-h-11 items-center justify-center gap-2 rounded-xl border px-3 text-sm font-bold shadow-sm transition-colors active:scale-[0.98]", active
+        ? "border-primary/50 bg-primary/15 text-primary"
+        : "border-border/60 bg-background/80 text-foreground hover:bg-muted/40", className);
+}
+/** Full-width selectable list row. */
+export function listRowToggleClass(active, className) {
+    return cn("flex min-h-11 w-full items-center justify-between gap-3 rounded-xl border px-3 py-2.5 text-left text-sm font-semibold shadow-sm transition-colors active:scale-[0.99]", active
+        ? "border-primary/50 bg-primary/15 text-primary"
+        : "border-border/60 bg-background/80 text-foreground hover:bg-muted/40", className);
+}
+export const nativeSelectClass = cn("mt-1 w-full min-h-11 px-3 rounded-xl border border-border/60 bg-background/80 text-sm font-semibold shadow-sm", "text-foreground transition-colors", "focus:outline-none focus:border-primary/40 focus:ring-2 focus:ring-primary/20", "disabled:cursor-not-allowed disabled:opacity-50");

package/dist/lib/cn.d.ts

@@ -0,0 +1,4 @@
+import { type ClassValue } from "clsx";
+/** Merge Tailwind class names without conflicts. */
+export declare function cn(...inputs: ClassValue[]): string;
+//# sourceMappingURL=cn.d.ts.map

package/dist/lib/cn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../src/lib/cn.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,MAAM,CAAC;AAG7C,oDAAoD;AACpD,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}

package/dist/lib/cn.js

@@ -0,0 +1,6 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+/** Merge Tailwind class names without conflicts. */
+export function cn(...inputs) {
+    return twMerge(clsx(inputs));
+}

package/dist/lib/compose-refs.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+type PossibleRef<T> = React.Ref<T> | undefined;
+/** Merges multiple refs into a single callback ref. */
+export declare function composeRefs<T>(...refs: PossibleRef<T>[]): (node: T) => void;
+export {};
+//# sourceMappingURL=compose-refs.d.ts.map

package/dist/lib/compose-refs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"compose-refs.d.ts","sourceRoot":"","sources":["../../src/lib/compose-refs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,KAAK,WAAW,CAAC,CAAC,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;AAW/C,uDAAuD;AACvD,wBAAgB,WAAW,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,IAC9C,MAAM,CAAC,UAKhB"}

package/dist/lib/compose-refs.js

@@ -0,0 +1,17 @@
+/** Assigns a value to a React ref (callback or object ref). */
+function setRef(ref, value) {
+    if (typeof ref === "function") {
+        ref(value);
+    }
+    else if (ref != null) {
+        ref.current = value;
+    }
+}
+/** Merges multiple refs into a single callback ref. */
+export function composeRefs(...refs) {
+    return (node) => {
+        for (const ref of refs) {
+            setRef(ref, node);
+        }
+    };
+}

package/dist/lib/cover-chrome.d.ts

@@ -0,0 +1,9 @@
+import type { CoverHeaderInk } from "./cover-pattern";
+/** Floating glass pill sitting on a generated / photo cover. */
+export declare function coverFloatingShellClass(_ink: CoverHeaderInk, className?: string): string;
+export declare function coverFloatingIconClass(ink: CoverHeaderInk): string;
+export declare function coverPlateClass(ink: CoverHeaderInk): string;
+export declare function coverTitleClass(ink: CoverHeaderInk): string;
+export declare function coverMutedClass(ink: CoverHeaderInk): string;
+export type { CoverHeaderInk };
+//# sourceMappingURL=cover-chrome.d.ts.map

package/dist/lib/cover-chrome.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cover-chrome.d.ts","sourceRoot":"","sources":["../../src/lib/cover-chrome.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,gEAAgE;AAChE,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,cAAc,EAAE,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAExF;AAED,wBAAgB,sBAAsB,CAAC,GAAG,EAAE,cAAc,GAAG,MAAM,CAIlE;AAED,wBAAgB,eAAe,CAAC,GAAG,EAAE,cAAc,GAAG,MAAM,CAI3D;AAED,wBAAgB,eAAe,CAAC,GAAG,EAAE,cAAc,GAAG,MAAM,CAI3D;AAED,wBAAgB,eAAe,CAAC,GAAG,EAAE,cAAc,GAAG,MAAM,CAE3D;AAED,YAAY,EAAE,cAAc,EAAE,CAAC"}