@mihcm/ui 0.14.1

package/src/index.ts

@@ -0,0 +1,502 @@
+'use client';
+
+/**
+ * Subpath imports recommended for tree-shaking:
+ *   import { Button } from '@mihcm/ui/Button';
+ *   import { Input } from '@mihcm/ui/Input';
+ *
+ * This barrel exists for convenience; per-subpath import is preferred.
+ */
+export {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+  type AccordionContentProps,
+  type AccordionItemProps,
+  type AccordionProps,
+  type AccordionTriggerProps,
+} from './Accordion.js';
+export {
+  AccessLevelGroup,
+  ACCESS_LEVELS,
+  type AccessLevel,
+  type AccessLevelGroupProps,
+  type AccessLevelOption,
+} from './AccessLevelGroup.js';
+export { Alert, AlertDescription, AlertTitle, alertVariants, type AlertProps } from './Alert.js';
+export {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+  alertDialogContentVariants,
+  type AlertDialogActionProps,
+  type AlertDialogCancelProps,
+  type AlertDialogContentProps,
+  type AlertDialogProps,
+} from './AlertDialog.js';
+export {
+  Avatar,
+  AvatarFallback,
+  AvatarImage,
+  AvatarStatus,
+  avatarVariants,
+  type AvatarProps,
+  type AvatarFallbackProps,
+  type AvatarImageProps,
+  type AvatarStatusProps,
+} from './Avatar.js';
+export {
+  AvatarGroup,
+  type AvatarGroupProps,
+} from './AvatarGroup.js';
+export { Badge, badgeVariants, type BadgeProps } from './Badge.js';
+export { Banner, bannerVariants, type BannerProps } from './Banner.js';
+export { BarList, type BarListItem, type BarListProps } from './BarList.js';
+export {
+  Breadcrumb,
+  BreadcrumbEllipsis,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbList,
+  BreadcrumbPage,
+  BreadcrumbSeparator,
+  type BreadcrumbProps,
+  type BreadcrumbEllipsisProps,
+  type BreadcrumbItemProps,
+  type BreadcrumbLinkProps,
+  type BreadcrumbListProps,
+  type BreadcrumbPageProps,
+  type BreadcrumbSeparatorProps,
+} from './Breadcrumb.js';
+export { Button, IconButton, buttonVariants, type ButtonProps, type IconButtonProps } from './Button.js';
+export { Calendar, type CalendarProps } from './Calendar.js';
+export { CategoryBar, type CategoryBarItem, type CategoryBarProps } from './CategoryBar.js';
+export {
+  Carousel,
+  CarouselContent,
+  CarouselItem,
+  CarouselNext,
+  CarouselPrevious,
+  useCarousel,
+  type CarouselApi,
+  type CarouselProps,
+} from './Carousel.js';
+export {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+  type CollapsibleProps,
+  type CollapsibleContentProps,
+  type CollapsibleTriggerProps,
+} from './Collapsible.js';
+export {
+  Command,
+  CommandDialog,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+  CommandSeparator,
+  CommandShortcut,
+  type CommandDialogProps,
+} from './Command.js';
+export {
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+} from './Card.js';
+export {
+  Checkbox,
+  checkboxVariants,
+  type CheckboxProps,
+  type CheckedState,
+} from './Checkbox.js';
+export {
+  ChartContainer,
+  ChartLegend,
+  ChartLegendContent,
+  ChartStyle,
+  ChartTooltip,
+  ChartTooltipContent,
+  useChart,
+  type ChartConfig,
+  type ChartContainerProps,
+} from './Chart.js';
+export {
+  Dialog,
+  DialogBody,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+  dialogContentVariants,
+  type DialogCloseProps,
+  type DialogContentProps,
+  type DialogProps,
+} from './Dialog.js';
+export {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuTrigger,
+  dropdownMenuItemVariants,
+  type DropdownMenuContentProps,
+  type DropdownMenuGroupProps,
+  type DropdownMenuItemProps,
+  type DropdownMenuLabelProps,
+  type DropdownMenuProps,
+  type DropdownMenuSeparatorProps,
+  type DropdownMenuShortcutProps,
+  type DropdownMenuTriggerProps,
+} from './DropdownMenu.js';
+export { EmptyState, type EmptyStateProps } from './EmptyState.js';
+export { Dropzone, type DropzoneProps } from './Dropzone.js';
+export {
+  HoverCard,
+  HoverCardArrow,
+  HoverCardContent,
+  HoverCardPortal,
+  HoverCardTrigger,
+  type HoverCardArrowProps,
+  type HoverCardProps,
+  type HoverCardContentProps,
+  type HoverCardPortalProps,
+  type HoverCardTriggerProps,
+} from './HoverCard.js';
+export {
+  useForm,
+  FormItem,
+  FormLabel,
+  FormDescription,
+  FormMessage,
+  FormInput,
+  FormTextarea,
+  FormCheckbox,
+  FormSwitch,
+  FormSelect,
+  FormRadioGroup,
+  type FormItemProps,
+  type FormLabelProps,
+  type FormDescriptionProps,
+  type FormMessageProps,
+  type FormInputProps,
+  type FormTextareaProps,
+  type FormCheckboxProps,
+  type FormSwitchProps,
+  type FormSelectProps,
+  type FormSelectOption,
+  type FormRadioGroupProps,
+  type FormRadioGroupOption,
+  type FormFieldValidators,
+} from './Form.js';
+export {
+  CheckboxGrid,
+  type CheckboxGridProps,
+  type CheckboxGridSelection,
+  type CheckboxGridView,
+} from './CheckboxGrid.js';
+export {
+  IconSidebar,
+  MainSidebar,
+  type IconSidebarItem,
+  type IconSidebarProps,
+  type MainSidebarItem,
+  type MainSidebarProps,
+} from './IconSidebar.js';
+export { Input, inputVariants, type InputProps } from './Input.js';
+export { Label, labelVariants, type LabelProps } from './Label.js';
+export { Link, linkVariants, type LinkProps } from './Link.js';
+export {
+  Logo,
+  getLogoAssetPath,
+  getLogoSizeStyle,
+  type LogoAssetVariant,
+  type LogoBrand,
+  type LogoProps,
+  type LogoSize,
+  type LogoVariant,
+} from './Logo.js';
+export {
+  Menubar,
+  MenubarCheckboxItem,
+  MenubarContent,
+  MenubarGroup,
+  MenubarItem,
+  MenubarLabel,
+  MenubarMenu,
+  MenubarPortal,
+  MenubarRadioGroup,
+  MenubarRadioItem,
+  MenubarSeparator,
+  MenubarShortcut,
+  MenubarSub,
+  MenubarSubContent,
+  MenubarSubTrigger,
+  MenubarTrigger,
+} from './Menubar.js';
+export {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+  popoverContentVariants,
+  type PopoverContentProps,
+  type PopoverProps,
+  type PopoverTriggerProps,
+} from './Popover.js';
+export {
+  Popper,
+  PopperArrow,
+  PopperContent,
+  PopperTrigger,
+  popperContentVariants,
+  type PopperArrowProps,
+  type PopperContentProps,
+  type PopperModifier,
+  type PopperPlacement,
+  type PopperProps,
+  type PopperStrategy,
+  type PopperTriggerProps,
+  type PopperVirtualElement,
+} from './Popper.js';
+export {
+  NotificationBadge,
+  notificationBadgeVariants,
+  type NotificationBadgeProps,
+} from './NotificationBadge.js';
+export {
+  Pagination,
+  PaginationContent,
+  PaginationEllipsis,
+  PaginationItem,
+  PaginationLink,
+  PaginationNext,
+  PaginationPrevious,
+  paginationLinkVariants,
+  type PaginationProps,
+  type PaginationContentProps,
+  type PaginationEllipsisProps,
+  type PaginationItemProps,
+  type PaginationLinkProps,
+  type PaginationNextProps,
+  type PaginationPreviousProps,
+} from './Pagination.js';
+export { PageShell, type PageShellProps } from './PageShell.js';
+export {
+  RadioGroup,
+  RadioGroupItem,
+  radioGroupItemVariants,
+  type RadioGroupItemProps,
+  type RadioGroupProps,
+} from './RadioGroup.js';
+export {
+  RadioCardGroup,
+  type RadioCardOption,
+  type RadioCardGroupProps,
+} from './RadioCardGroup.js';
+export { ScrollArea, ScrollBar } from './ScrollArea.js';
+export { SearchField, type SearchFieldProps } from './SearchField.js';
+export { SectionHeader, type SectionHeaderProps } from './SectionHeader.js';
+export {
+  ReactAsyncCreatableSelect,
+  ReactAsyncSelect,
+  ReactCreatableSelect,
+  ReactSelect,
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectSeparator,
+  SelectTrigger,
+  getReactSelectAnimatedComponents,
+  reactSelectAnimatedComponents,
+  selectTriggerVariants,
+  type DefaultReactSelectOption,
+  type ReactAsyncCreatableSelectProps,
+  type ReactAsyncSelectProps,
+  type ReactCreatableSelectProps,
+  type ReactSelectProps,
+  type SelectContentProps,
+  type SelectGroupProps,
+  type SelectItemProps,
+  type SelectLabelProps,
+  type SelectProps,
+  type SelectSeparatorProps,
+  type SelectTriggerProps,
+} from './Select.js';
+export { Separator, type SeparatorProps } from './Separator.js';
+export {
+  Sheet,
+  SheetClose,
+  SheetContent,
+  SheetDescription,
+  SheetFooter,
+  SheetHeader,
+  SheetTitle,
+  sheetContentVariants,
+  type SheetCloseProps,
+  type SheetContentProps,
+  type SheetProps,
+} from './Sheet.js';
+export {
+  Sidebar,
+  SidebarContent,
+  SidebarFooter,
+  SidebarGroup,
+  SidebarGroupAction,
+  SidebarGroupContent,
+  SidebarGroupLabel,
+  SidebarHeader,
+  SidebarInset,
+  SidebarInput,
+  SidebarMenu,
+  SidebarMenuAction,
+  SidebarMenuBadge,
+  SidebarMenuButton,
+  SidebarMenuItem,
+  SidebarMenuSkeleton,
+  SidebarMenuSub,
+  SidebarMenuSubButton,
+  SidebarMenuSubItem,
+  SidebarProvider,
+  SidebarRail,
+  SidebarSeparator,
+  SidebarTrigger,
+  sidebarMenuButtonVariants,
+  useSidebar,
+  type SidebarMenuButtonProps,
+  type SidebarMenuSkeletonProps,
+  type SidebarMenuSubButtonProps,
+  type SidebarProps,
+  type SidebarProviderProps,
+} from './Sidebar.js';
+export { Progress, progressVariants, type ProgressProps } from './Progress.js';
+export { ProgressCircle, type ProgressCircleProps } from './ProgressCircle.js';
+export { Skeleton, type SkeletonProps } from './Skeleton.js';
+export { Slider, type SliderProps } from './Slider.js';
+export { SortableList, type SortableListItem, type SortableListProps } from './SortableList.js';
+export { SparkChart, type SparkChartProps } from './SparkChart.js';
+export {
+  StatCard,
+  statCardVariants,
+  type StatCardProps,
+  type StatCardTone,
+} from './StatCard.js';
+export {
+  StatusBadge,
+  statusBadgeVariants,
+  type StatusBadgeProps,
+} from './StatusBadge.js';
+export { Switch, switchVariants, type SwitchProps } from './Switch.js';
+export {
+  DataTable,
+  DataTableColumnHeader,
+  createColumnHelper,
+  type DataTableProps,
+} from './DataTable.js';
+export {
+  DatePicker,
+  type DatePickerProps,
+} from './DatePicker.js';
+export {
+  Table,
+  TableBody,
+  TableCaption,
+  TableCell,
+  TableFooter,
+  TableHead,
+  TableHeader,
+  TableRow,
+  type TableProps,
+  type TableBodyProps,
+  type TableCaptionProps,
+  type TableCellProps,
+  type TableFooterProps,
+  type TableHeadProps,
+  type TableHeaderProps,
+  type TableRowProps,
+  type TableVariant,
+} from './Table.js';
+export { Tag, tagVariants, type TagProps } from './Tag.js';
+export {
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+  tabsListVariants,
+  type TabsContentProps,
+  type TabsListProps,
+  type TabsProps,
+  type TabsTriggerProps,
+} from './Tabs.js';
+export { TabNavigation, type TabNavigationItem, type TabNavigationProps } from './TabNavigation.js';
+export {
+  Toggle,
+  ToggleGroup,
+  ToggleGroupItem,
+  toggleVariants,
+  type ToggleGroupItemProps,
+  type ToggleGroupProps,
+  type ToggleProps,
+} from './Toggle.js';
+export { Tooltip, type TooltipProps } from './Tooltip.js';
+export { Text, textVariants, type TextProps } from './Text.js';
+export { Textarea, textareaVariants, type TextareaProps } from './Textarea.js';
+export {
+  Toast,
+  ToastAction,
+  ToastClose,
+  ToastDescription,
+  ToastProvider,
+  ToastTitle,
+  toast,
+  toastVariants,
+  type ToastActionProps,
+  type ToastCloseProps,
+  type ToastData,
+  type ToastDescriptionProps,
+  type ToastProps,
+  type ToastProviderProps,
+  type ToastTitleProps,
+  type ToastVariant,
+} from './Toast.js';
+export { TitleBar, type TitleBarProps } from './TitleBar.js';
+export {
+  TopBar,
+  TopBarAction,
+  TopBarBackLink,
+  TopBarDivider,
+  TopBarHomeButton,
+  TopBarLogo,
+  TopBarNotification,
+  TopBarProfile,
+  type TopBarActionProps,
+  type TopBarBackLinkProps,
+  type TopBarHomeButtonProps,
+  type TopBarLogoProps,
+  type TopBarNotificationProps,
+  type TopBarProfileProps,
+  type TopBarProps,
+} from './TopBar.js';
+export {
+  TransferList,
+  type TransferListAssignment,
+  type TransferListProps,
+} from './TransferList.js';
+export { Tracker, type TrackerItem, type TrackerProps } from './Tracker.js';

package/src/internal/cn.ts

@@ -0,0 +1,31 @@
+import { clsx, type ClassValue } from 'clsx';
+import { extendTailwindMerge } from 'tailwind-merge';
+
+/**
+ * Custom twMerge that knows about our @theme font-size tokens.
+ * Without this, `twMerge('text-stat text-primary')` would strip `text-stat`
+ * thinking it's a text-color class conflicting with `text-primary`.
+ */
+const twMerge = extendTailwindMerge({
+  extend: {
+    classGroups: {
+      'font-size': [
+        'text-caption',
+        'text-label',
+        'text-body-sm',
+        'text-body',
+        'text-title',
+        'text-stat',
+        'text-stat-sm',
+      ],
+    },
+  },
+});
+
+/**
+ * `cn` — combine class names with Tailwind conflict resolution.
+ *   cn('px-2 px-4', condition && 'text-red-500') → 'px-4 text-red-500'
+ */
+export function cn(...inputs: ClassValue[]): string {
+  return twMerge(clsx(inputs));
+}