@aaas-pro/library 0.0.0-stage → 0.1.0

package/dist/index.js

@@ -0,0 +1,399 @@
+import { ConfigProvider, ThemeProvider, darkNavTokens, navStyleLabels, resolveTheme, themeDescriptions, themeLabels, themeNames, themePresets, themeVariables, useLibraryTheme, useTheme, useThemePortalContainer } from "./theme/index.js";
+import { DateTimePicker } from "./components/date-time-picker.js";
+import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "./components/ui/accordion.js";
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger } from "./components/ui/alert-dialog.js";
+import { Alert, AlertDescription, AlertTitle } from "./components/ui/alert.js";
+import { AspectRatio } from "./components/ui/aspect-ratio.js";
+import { Avatar, AvatarFallback, AvatarImage } from "./components/ui/avatar.js";
+import { Badge, badgeVariants } from "./components/ui/badge.js";
+import { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "./components/ui/breadcrumb.js";
+import { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants } from "./components/ui/button-group.js";
+import { Button, buttonVariants } from "./components/ui/button.js";
+import { Calendar, CalendarDayButton } from "./components/ui/calendar.js";
+import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./components/ui/card.js";
+import { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from "./components/ui/carousel.js";
+import { ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent } from "./components/ui/chart.js";
+import { Checkbox } from "./components/ui/checkbox.js";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "./components/ui/collapsible.js";
+import { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from "./components/ui/command.js";
+import { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger } from "./components/ui/context-menu.js";
+import { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from "./components/ui/dialog.js";
+import { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger } from "./components/ui/drawer.js";
+import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "./components/ui/dropdown-menu.js";
+import { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from "./components/ui/empty.js";
+import { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle } from "./components/ui/field.js";
+import { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField } from "./components/ui/form.js";
+import { HoverCard, HoverCardContent, HoverCardTrigger } from "./components/ui/hover-card.js";
+import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea } from "./components/ui/input-group.js";
+import { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot } from "./components/ui/input-otp.js";
+import { Input } from "./components/ui/input.js";
+import { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle } from "./components/ui/item.js";
+import { Kbd, KbdGroup } from "./components/ui/kbd.js";
+import { Label } from "./components/ui/label.js";
+import { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger } from "./components/ui/menubar.js";
+import { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle } from "./components/ui/navigation-menu.js";
+import { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from "./components/ui/pagination.js";
+import { Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger } from "./components/ui/popover.js";
+import { Progress } from "./components/ui/progress.js";
+import { RadioGroup, RadioGroupItem } from "./components/ui/radio-group.js";
+import { ResizableHandle, ResizablePanel, ResizablePanelGroup } from "./components/ui/resizable.js";
+import { ScrollArea, ScrollBar } from "./components/ui/scroll-area.js";
+import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from "./components/ui/select.js";
+import { Separator } from "./components/ui/separator.js";
+import { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from "./components/ui/sheet.js";
+import { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar } from "./components/ui/sidebar.js";
+import { Skeleton } from "./components/ui/skeleton.js";
+import { Slider } from "./components/ui/slider.js";
+import { Toaster } from "./components/ui/sonner.js";
+import { Spinner } from "./components/ui/spinner.js";
+import { Switch } from "./components/ui/switch.js";
+import { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from "./components/ui/table.js";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "./components/ui/tabs.js";
+import { Textarea } from "./components/ui/textarea.js";
+import { ToggleGroup, ToggleGroupItem } from "./components/ui/toggle-group.js";
+import { Toggle, toggleVariants } from "./components/ui/toggle.js";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./components/ui/tooltip.js";
+import { CardDateFilter, defaultCardDateRange } from "./components/card-date-filter.js";
+import { DetailDialog } from "./components/detail-dialog.js";
+import { OrgPicker } from "./components/org-picker.js";
+import { PersonPicker } from "./components/person-picker.js";
+import { AddressPicker } from "./components/address-picker.js";
+import { ProcessFlowBar } from "./components/process-flow-bar.js";
+import { DocumentLinks } from "./components/document-links.js";
+import { DraftRowActions } from "./components/draft-row-actions.js";
+import { ProductPickerDialog } from "./components/product-picker.js";
+import { DetailRow, RefDocPicker } from "./components/ref-doc-picker.js";
+import { StateView } from "./components/state-view.js";
+import { PageHeader } from "./components/page-header.js";
+import { ThemeSwatch, ThemeSwitcher } from "./components/theme-switcher.js";
+import { Area, AreaChart, Bar, BarChart, CartesianGrid, Line, LineChart, XAxis, YAxis } from "./primitives/chart.js";
+import { toast } from "./primitives/toast.js";
+import { useForm } from "./primitives/form.js";
+export {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+  AddressPicker,
+  Alert,
+  AlertDescription,
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogOverlay,
+  AlertDialogPortal,
+  AlertDialogTitle,
+  AlertDialogTrigger,
+  AlertTitle,
+  Area,
+  AreaChart,
+  AspectRatio,
+  Avatar,
+  AvatarFallback,
+  AvatarImage,
+  Badge,
+  Bar,
+  BarChart,
+  Breadcrumb,
+  BreadcrumbEllipsis,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbList,
+  BreadcrumbPage,
+  BreadcrumbSeparator,
+  Button,
+  ButtonGroup,
+  ButtonGroupSeparator,
+  ButtonGroupText,
+  Calendar,
+  CalendarDayButton,
+  Card,
+  CardAction,
+  CardContent,
+  CardDateFilter,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  Carousel,
+  CarouselContent,
+  CarouselItem,
+  CarouselNext,
+  CarouselPrevious,
+  CartesianGrid,
+  ChartContainer,
+  ChartLegend,
+  ChartLegendContent,
+  ChartStyle,
+  ChartTooltip,
+  ChartTooltipContent,
+  Checkbox,
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+  Command,
+  CommandDialog,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+  CommandSeparator,
+  CommandShortcut,
+  ConfigProvider,
+  ContextMenu,
+  ContextMenuCheckboxItem,
+  ContextMenuContent,
+  ContextMenuGroup,
+  ContextMenuItem,
+  ContextMenuLabel,
+  ContextMenuPortal,
+  ContextMenuRadioGroup,
+  ContextMenuRadioItem,
+  ContextMenuSeparator,
+  ContextMenuShortcut,
+  ContextMenuSub,
+  ContextMenuSubContent,
+  ContextMenuSubTrigger,
+  ContextMenuTrigger,
+  DateTimePicker,
+  DetailDialog,
+  DetailRow,
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger,
+  DocumentLinks,
+  DraftRowActions,
+  Drawer,
+  DrawerClose,
+  DrawerContent,
+  DrawerDescription,
+  DrawerFooter,
+  DrawerHeader,
+  DrawerOverlay,
+  DrawerPortal,
+  DrawerTitle,
+  DrawerTrigger,
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuPortal,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger,
+  Empty,
+  EmptyContent,
+  EmptyDescription,
+  EmptyHeader,
+  EmptyMedia,
+  EmptyTitle,
+  Field,
+  FieldContent,
+  FieldDescription,
+  FieldError,
+  FieldGroup,
+  FieldLabel,
+  FieldLegend,
+  FieldSeparator,
+  FieldSet,
+  FieldTitle,
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+  HoverCard,
+  HoverCardContent,
+  HoverCardTrigger,
+  Input,
+  InputGroup,
+  InputGroupAddon,
+  InputGroupButton,
+  InputGroupInput,
+  InputGroupText,
+  InputGroupTextarea,
+  InputOTP,
+  InputOTPGroup,
+  InputOTPSeparator,
+  InputOTPSlot,
+  Item,
+  ItemActions,
+  ItemContent,
+  ItemDescription,
+  ItemFooter,
+  ItemGroup,
+  ItemHeader,
+  ItemMedia,
+  ItemSeparator,
+  ItemTitle,
+  Kbd,
+  KbdGroup,
+  Label,
+  Line,
+  LineChart,
+  Menubar,
+  MenubarCheckboxItem,
+  MenubarContent,
+  MenubarGroup,
+  MenubarItem,
+  MenubarLabel,
+  MenubarMenu,
+  MenubarPortal,
+  MenubarRadioGroup,
+  MenubarRadioItem,
+  MenubarSeparator,
+  MenubarShortcut,
+  MenubarSub,
+  MenubarSubContent,
+  MenubarSubTrigger,
+  MenubarTrigger,
+  NavigationMenu,
+  NavigationMenuContent,
+  NavigationMenuIndicator,
+  NavigationMenuItem,
+  NavigationMenuLink,
+  NavigationMenuList,
+  NavigationMenuTrigger,
+  NavigationMenuViewport,
+  OrgPicker,
+  PageHeader,
+  Pagination,
+  PaginationContent,
+  PaginationEllipsis,
+  PaginationItem,
+  PaginationLink,
+  PaginationNext,
+  PaginationPrevious,
+  PersonPicker,
+  Popover,
+  PopoverAnchor,
+  PopoverClose,
+  PopoverContent,
+  PopoverTrigger,
+  ProcessFlowBar,
+  ProductPickerDialog,
+  Progress,
+  RadioGroup,
+  RadioGroupItem,
+  RefDocPicker,
+  ResizableHandle,
+  ResizablePanel,
+  ResizablePanelGroup,
+  ScrollArea,
+  ScrollBar,
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectScrollDownButton,
+  SelectScrollUpButton,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue,
+  Separator,
+  Sheet,
+  SheetClose,
+  SheetContent,
+  SheetDescription,
+  SheetFooter,
+  SheetHeader,
+  SheetTitle,
+  SheetTrigger,
+  Sidebar,
+  SidebarContent,
+  SidebarFooter,
+  SidebarGroup,
+  SidebarGroupAction,
+  SidebarGroupContent,
+  SidebarGroupLabel,
+  SidebarHeader,
+  SidebarInput,
+  SidebarInset,
+  SidebarMenu,
+  SidebarMenuAction,
+  SidebarMenuBadge,
+  SidebarMenuButton,
+  SidebarMenuItem,
+  SidebarMenuSkeleton,
+  SidebarMenuSub,
+  SidebarMenuSubButton,
+  SidebarMenuSubItem,
+  SidebarProvider,
+  SidebarRail,
+  SidebarSeparator,
+  SidebarTrigger,
+  Skeleton,
+  Slider,
+  Spinner,
+  StateView,
+  Switch,
+  Table,
+  TableBody,
+  TableCaption,
+  TableCell,
+  TableFooter,
+  TableHead,
+  TableHeader,
+  TableRow,
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+  Textarea,
+  ThemeProvider,
+  ThemeSwatch,
+  ThemeSwitcher,
+  Toaster,
+  Toggle,
+  ToggleGroup,
+  ToggleGroupItem,
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+  XAxis,
+  YAxis,
+  badgeVariants,
+  buttonGroupVariants,
+  buttonVariants,
+  darkNavTokens,
+  defaultCardDateRange,
+  navStyleLabels,
+  navigationMenuTriggerStyle,
+  resolveTheme,
+  themeDescriptions,
+  themeLabels,
+  themeNames,
+  themePresets,
+  themeVariables,
+  toast,
+  toggleVariants,
+  useForm,
+  useFormField,
+  useLibraryTheme,
+  useSidebar,
+  useTheme,
+  useThemePortalContainer
+};

package/dist/internal/selection-base.d.ts

@@ -0,0 +1,37 @@
+import { type ReactNode } from 'react';
+/** Shared controlled selection states. Data and requests belong to the host application. */
+export interface SelectionStateProps {
+    disabled?: boolean;
+    loading?: boolean;
+    /** An error message. It replaces the options until the host clears it. */
+    error?: string;
+    placeholder?: string;
+    /** Allow resetting the controlled value. Default: true. */
+    allowClear?: boolean;
+    className?: string;
+    'aria-label'?: string;
+}
+export declare function SelectionFrame({ label, placeholder, disabled, open, onOpenChange, clear, children, className, name }: {
+    label: string;
+    placeholder: string;
+    disabled?: boolean;
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    clear?: () => void;
+    children: ReactNode;
+    className?: string;
+    name: string;
+}): import("react").JSX.Element;
+export declare function SelectionSearch({ value, onChange, label }: {
+    value: string;
+    onChange: (v: string) => void;
+    label: string;
+}): import("react").JSX.Element;
+export declare function SelectionMessage({ loading, error, empty }: {
+    loading?: boolean;
+    error?: string;
+    empty: boolean;
+}): import("react").JSX.Element | null;
+export declare function SelectionCheck({ selected }: {
+    selected: boolean;
+}): import("react").JSX.Element;

package/dist/internal/selection-base.js

@@ -0,0 +1,40 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect } from "react";
+import { Check, ChevronDown, XIcon, Search } from "../icons/index.js";
+import { Button } from "../components/ui/button.js";
+import { Input } from "../components/ui/input.js";
+import { Popover, PopoverTrigger, PopoverContent } from "../components/ui/popover.js";
+import { cn } from "../lib/utils.js";
+function SelectionFrame({ label, placeholder, disabled, open, onOpenChange, clear, children, className, name }) {
+  useEffect(() => {
+    if (disabled && open) onOpenChange(false);
+  }, [disabled, open, onOpenChange]);
+  return /* @__PURE__ */ jsxs("div", { className: cn("group relative flex min-w-0 items-center", className), children: [
+    /* @__PURE__ */ jsxs(Popover, { open, onOpenChange, children: [
+      /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { type: "button", variant: "outline", color: "default", disabled, "aria-label": name, className: "h-9 min-w-0 flex-1 justify-between bg-card font-normal shadow-none", children: [
+        /* @__PURE__ */ jsx("span", { className: cn("truncate text-foreground", !label && "text-muted-foreground", clear && "pr-6"), children: label || placeholder }),
+        /* @__PURE__ */ jsx(ChevronDown, { className: cn("size-3.5 shrink-0 text-muted-foreground transition-transform duration-150", open && "rotate-180") })
+      ] }) }),
+      /* @__PURE__ */ jsx(PopoverContent, { align: "start", "aria-label": name, className: "w-[min(480px,calc(100vw-32px))] p-0", children })
+    ] }),
+    clear && !disabled && /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "icon", color: "default", "aria-label": `清空${name}`, "data-slot": "selection-clear", className: "absolute right-8 top-1/2 size-5 -translate-y-1/2 rounded-full text-muted-foreground opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 focus-visible:opacity-100", onClick: clear, children: /* @__PURE__ */ jsx(XIcon, { className: "size-3" }) })
+  ] });
+}
+function SelectionSearch({ value, onChange, label }) {
+  return /* @__PURE__ */ jsxs("div", { className: "relative border-b border-border p-3", children: [
+    /* @__PURE__ */ jsx(Search, { className: "pointer-events-none absolute top-[22px] left-6 size-4 text-muted-foreground" }),
+    /* @__PURE__ */ jsx(Input, { "aria-label": label, value, onChange: (e) => onChange(e.target.value), placeholder: label, className: "pl-9" })
+  ] });
+}
+function SelectionMessage({ loading, error, empty }) {
+  return loading ? /* @__PURE__ */ jsx("p", { role: "status", className: "p-6 text-center text-sm text-muted-foreground", children: "正在加载…" }) : error ? /* @__PURE__ */ jsx("p", { role: "alert", className: "p-6 text-sm text-destructive", children: error }) : empty ? /* @__PURE__ */ jsx("p", { role: "status", className: "p-6 text-center text-sm text-muted-foreground", children: "暂无匹配选项" }) : null;
+}
+function SelectionCheck({ selected }) {
+  return /* @__PURE__ */ jsx(Check, { className: cn("size-4 shrink-0 text-primary", !selected && "invisible") });
+}
+export {
+  SelectionCheck,
+  SelectionFrame,
+  SelectionMessage,
+  SelectionSearch
+};

package/dist/lib/class-names.d.ts

@@ -0,0 +1,6 @@
+export type ClassValue = string | number | bigint | boolean | null | undefined | ClassValue[] | {
+    [key: string]: unknown;
+};
+/** Accept nested conditional class values without a runtime dependency. */
+export declare function classNames(...values: ClassValue[]): string;
+export declare function mergeClasses(classes: string): string;

package/dist/lib/class-names.js

@@ -0,0 +1,159 @@
+function classNames(...values) {
+  const result = [];
+  function append(value) {
+    if (!value) return;
+    if (typeof value === "string" || typeof value === "number" || typeof value === "bigint") result.push(String(value));
+    else if (Array.isArray(value)) value.forEach(append);
+    else if (typeof value === "object") {
+      for (const key of Object.keys(value)) if (value[key]) result.push(key);
+    }
+  }
+  values.forEach(append);
+  return result.join(" ");
+}
+function splitOutside(value, separator) {
+  const parts = [];
+  let depth = 0, start = 0, quote = "";
+  for (let i = 0; i < value.length; i++) {
+    const ch = value[i];
+    if (ch === "\\") {
+      i++;
+      continue;
+    }
+    if (quote) {
+      if (ch === quote) quote = "";
+      continue;
+    }
+    if (ch === '"' || ch === "'") {
+      quote = ch;
+      continue;
+    }
+    if (ch === "[" || ch === "(") depth++;
+    else if (ch === "]" || ch === ")") depth--;
+    else if (!depth && ch === separator) {
+      parts.push(value.slice(start, i));
+      start = i + 1;
+    }
+  }
+  parts.push(value.slice(start));
+  return parts;
+}
+const sides = { "": ["top", "right", "bottom", "left"], x: ["left", "right"], y: ["top", "bottom"], t: ["top"], r: ["right"], b: ["bottom"], l: ["left"], s: ["start"], e: ["end"] };
+const corners = { "": ["tl", "tr", "br", "bl"], t: ["tl", "tr"], r: ["tr", "br"], b: ["bl", "br"], l: ["tl", "bl"], tl: ["tl"], tr: ["tr"], br: ["br"], bl: ["bl"], s: ["ss", "es"], e: ["se", "ee"], ss: ["ss"], se: ["se"], es: ["es"], ee: ["ee"] };
+const length = (value) => /^(?:\d+(?:\.\d+)?|\[(?:length:|number:)|\[(?:[-+]?(?:\d|\.\d)|calc\(|min\(|max\(|clamp\())/.test(value);
+const fontSize = (value) => /^(?:xs|sm|base|lg|xl|\d+xl)$/.test(value) || length(value);
+const one = (value) => [value];
+const families = ["grid-cols", "grid-rows", "auto-cols", "auto-rows", "grid-flow", "col-span", "col-start", "col-end", "row-span", "row-start", "row-end", "items", "justify-items", "justify-self", "justify", "content", "self", "place-items", "place-content", "place-self", "object", "aspect", "order", "z", "float", "clear", "box", "leading", "tracking", "whitespace", "break", "hyphens", "indent", "align", "underline-offset", "opacity", "mix-blend", "isolation", "transition", "duration", "delay", "ease", "animate", "origin", "rotate", "transform", "perspective", "backface", "blur", "brightness", "contrast", "drop-shadow", "grayscale", "hue-rotate", "invert", "saturate", "sepia", "backdrop-blur", "backdrop-brightness", "backdrop-contrast", "backdrop-grayscale", "backdrop-hue-rotate", "backdrop-invert", "backdrop-opacity", "backdrop-saturate", "backdrop-sepia", "cursor", "pointer-events", "resize", "select", "touch", "accent", "caret", "appearance", "fill", "stroke", "scroll-m", "scroll-p", "snap", "list", "line-clamp"];
+function properties(raw) {
+  const value = raw.replace(/^-/, "");
+  const [utility] = splitOutside(value, "/");
+  let match;
+  if (match = utility.match(/^([pm])([xytrblse]?)-/)) return sides[match[2]].map((side) => `${match[1]}-${side}`);
+  if (match = utility.match(/^(inset)(?:-([xy]))?-/)) return sides[match[2] ?? ""].map((side) => `position-${side}`);
+  if (match = utility.match(/^(top|right|bottom|left|start|end)-/)) return one(`position-${match[1]}`);
+  if (match = utility.match(/^(w|h|min-w|max-w|min-h|max-h|size)-/)) return match[1] === "size" ? ["width", "height"] : one({ w: "width", h: "height" }[match[1]] ?? match[1]);
+  if (match = utility.match(/^gap(?:-([xy]))?-/)) return match[1] ? one(`gap-${match[1]}`) : ["gap-x", "gap-y"];
+  if (match = utility.match(/^space-([xy])-(.+)$/)) return one(`space-${match[1]}${match[2] === "reverse" ? "-reverse" : ""}`);
+  if (match = utility.match(/^rounded(?:-([trblse]|tl|tr|bl|br|ss|se|es|ee))?(?:-|$)/)) return corners[match[1] ?? ""].map((corner) => `radius-${corner}`);
+  if (match = utility.match(/^border(?:-([xytrblse]))?(?:-(.+))?$/)) {
+    const rest = match[2] ?? "";
+    if (/^(solid|dashed|dotted|double|hidden|none)$/.test(rest)) return one("border-style");
+    return sides[match[1] ?? ""].map((side) => `border-${side}-${!rest || length(rest) ? "width" : "color"}`);
+  }
+  if (match = utility.match(/^text-(.+)$/)) {
+    const rest = match[1];
+    if (fontSize(rest)) return ["font-size", "line-height"];
+    if (/^(left|center|right|justify|start|end)$/.test(rest)) return one("text-align");
+    if (/^(wrap|nowrap|balance|pretty)$/.test(rest)) return one("text-wrap");
+    if (/^(ellipsis|clip)$/.test(rest)) return one("text-overflow");
+    return one("text-color");
+  }
+  if (match = utility.match(/^font-(.+)$/)) return one(/^(thin|extralight|light|normal|medium|semibold|bold|extrabold|black|\d+|\[(?:weight:|number:|\d))/.test(match[1]) ? "font-weight" : "font-family");
+  if (match = utility.match(/^bg-(.+)$/)) {
+    const rest = match[1];
+    if (/^(?:gradient-to-|linear-|radial|conic|none$|\[(?:image:|url\(|(?:linear|radial|conic)-gradient\())/.test(rest)) return one("bg-image");
+    if (/^(?:cover|contain|auto|\[size:)/.test(rest)) return one("bg-size");
+    if (/^(?:center|top|bottom|left|right|\[position:)/.test(rest)) return one("bg-position");
+    if (/^(fixed|local|scroll)$/.test(rest)) return one("bg-attachment");
+    if (/^(clip|origin|repeat|blend)-/.test(rest)) return one("bg-" + rest.split("-")[0]);
+    return one("bg-color");
+  }
+  if (match = utility.match(/^(ring|outline|shadow|inset-shadow)(?:-(.+))?$/)) {
+    const [, family2, rest = ""] = match;
+    if (family2 === "ring" && /^offset-/.test(rest)) return one(length(rest.slice(7)) ? "ring-offset-width" : "ring-offset-color");
+    if (family2 === "ring" && rest === "inset") return one("ring-inset");
+    if (family2 === "outline" && /^offset-/.test(rest)) return one("outline-offset");
+    if (family2 === "outline" && /^(none|hidden|solid|dashed|dotted|double)$/.test(rest)) return one("outline-style");
+    const arbitraryShape = /^\[(?!color:)[^\]]*_/.test(rest);
+    const dimension = !rest || length(rest) || arbitraryShape || /^(none|(?:2)?xs|sm|md|lg|xl|\d+xl|inner)$/.test(rest);
+    return one(`${family2}-${dimension ? "size" : "color"}`);
+  }
+  if (match = utility.match(/^(overflow|overscroll)(?:-([xy]))?-/)) return match[2] ? one(`${match[1]}-${match[2]}`) : [`${match[1]}-x`, `${match[1]}-y`];
+  if (match = utility.match(/^flex-(.+)$/)) {
+    if (/^(row|col)(-reverse)?$/.test(match[1])) return one("flex-direction");
+    if (/^(wrap|nowrap|wrap-reverse)$/.test(match[1])) return one("flex-wrap");
+    return ["flex-grow", "flex-shrink", "flex-basis"];
+  }
+  if (/^(grow|shrink)(-|$)/.test(utility)) return one("flex-" + utility.split("-")[0]);
+  if (/^basis-/.test(utility)) return one("flex-basis");
+  if (/^(static|fixed|absolute|relative|sticky)$/.test(utility)) return one("position");
+  if (/^(block|inline-block|inline|flex|inline-flex|grid|inline-grid|flow-root|contents|hidden|table|inline-table|table-row|table-cell|list-item)$/.test(utility)) return one("display");
+  if (/^(visible|invisible|collapse)$/.test(utility)) return one("visibility");
+  if (/^(italic|not-italic)$/.test(utility)) return one("font-style");
+  if (/^(uppercase|lowercase|capitalize|normal-case)$/.test(utility)) return one("text-transform");
+  if (/^(underline|overline|line-through|no-underline)$/.test(utility)) return one("text-decoration-line");
+  if (/^(sr-only|not-sr-only)$/.test(utility)) return one("screen-reader");
+  if (/^truncate$/.test(utility)) return ["text-overflow", "whitespace", "overflow-x", "overflow-y"];
+  if (match = utility.match(/^decoration-(.+)$/)) return one(/^(solid|double|dotted|dashed|wavy)$/.test(match[1]) ? "decoration-style" : length(match[1]) || match[1] === "auto" || match[1] === "from-font" ? "decoration-width" : "decoration-color");
+  if (match = utility.match(/^divide-(.+)$/)) return one(/^[xy](-|$)/.test(match[1]) ? "divide-" + match[1][0] + (match[1].endsWith("-reverse") ? "-reverse" : "") : /^(solid|dashed|dotted|double|none)$/.test(match[1]) ? "divide-style" : "divide-color");
+  if (match = utility.match(/^scale(?:-([xyz]))?-/)) return match[1] ? one("scale-" + match[1]) : ["scale-x", "scale-y"];
+  if (match = utility.match(/^translate(?:-([xyz]))?-/)) return match[1] ? one("translate-" + match[1]) : ["translate-x", "translate-y"];
+  if (match = utility.match(/^(rotate|skew)-([xy])-?/)) return one(`${match[1]}-${match[2]}`);
+  if (match = utility.match(/^(animate-(?:in|out)|fade-(?:in|out)|zoom-(?:in|out)|slide-(?:in-from|out-to)-(?:top|bottom|left|right))(?:-|$)/)) {
+    if (match[1].startsWith("animate")) return one("animation");
+    return one(match[1].replace(/-(top|bottom|left|right)$/, (side) => /top|bottom/.test(side) ? "-y" : "-x"));
+  }
+  if (/^\[[\w-]+:/.test(utility)) return one("css-" + utility.slice(1, utility.indexOf(":")));
+  const family = families.find((prefix) => utility === prefix || utility.startsWith(prefix + "-"));
+  if (!family) return void 0;
+  if (family === "leading") return one("line-height");
+  if (family === "animate") return one("animation");
+  if (family === "object") return one(/^object-(contain|cover|fill|none|scale-down)$/.test(utility) ? "object-fit" : "object-position");
+  if (family === "stroke") return one(length(utility.slice(7)) ? "stroke-width" : "stroke-color");
+  if (family === "list") return one(/^list-(inside|outside)$/.test(utility) ? "list-position" : "list-style");
+  if (family === "snap") return one(/^snap-(start|end|center|align-none)$/.test(utility) ? "snap-align" : /^snap-(normal|always)$/.test(utility) ? "snap-stop" : /^snap-(mandatory|proximity)$/.test(utility) ? "snap-strictness" : "snap-type");
+  return one(family);
+}
+function mergeClasses(classes) {
+  const tokens = classes.trim().split(/\s+/), covered = /* @__PURE__ */ new Map(), result = [];
+  for (let i = tokens.length - 1; i >= 0; i--) {
+    const token = tokens[i];
+    if (!token) continue;
+    const parts = splitOutside(token, ":"), base = parts.pop();
+    const important = base.startsWith("!") || base.endsWith("!");
+    const props = properties(base.replace(/^!|!$/g, ""));
+    if (!props) {
+      result.push(token);
+      continue;
+    }
+    let run = [];
+    const modifiers = [];
+    for (const modifier of parts) {
+      if (modifier.startsWith("[") || /^(before|after|first-letter|first-line|marker|placeholder|file|\*|\*\*)$/.test(modifier)) {
+        modifiers.push(...run.sort(), modifier);
+        run = [];
+      } else run.push(modifier);
+    }
+    modifiers.push(...run.sort());
+    const key = modifiers.join(":") + (important ? ":!" : ""), seen = covered.get(key) ?? /* @__PURE__ */ new Set();
+    if (props.every((property) => seen.has(property))) continue;
+    props.forEach((property) => seen.add(property));
+    covered.set(key, seen);
+    result.push(token);
+  }
+  return result.reverse().join(" ");
+}
+export {
+  classNames,
+  mergeClasses
+};

package/dist/lib/utils.d.ts

@@ -0,0 +1,3 @@
+import { type ClassValue } from './class-names';
+export type { ClassValue } from './class-names';
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/lib/utils.js

@@ -0,0 +1,7 @@
+import { mergeClasses, classNames } from "./class-names.js";
+function cn(...inputs) {
+  return mergeClasses(classNames(...inputs));
+}
+export {
+  cn
+};