@comitor/ui 0.1.0

package/dist/index.d.ts

@@ -0,0 +1,111 @@
+export { AvatarGroup, AvatarGroupItem, AvatarGroupProps } from './components/composite/avatar-group.js';
+export { Combobox, ComboboxOption, ComboboxProps, MultiCombobox, MultiComboboxProps } from './components/composite/combobox.js';
+export { CommandPalette, CommandPaletteGroup, CommandPaletteItem, CommandPaletteProps } from './components/composite/command-palette.js';
+export { ConfirmDialog, ConfirmDialogProps } from './components/composite/confirm-dialog.js';
+export { CopyButton, CopyButtonProps } from './components/composite/copy-button.js';
+export { DEFAULT_DATA_TABLE_LABELS, DataTable, DataTableAlign, DataTableColumn, DataTableColumnToggle, DataTableColumnToggleProps, DataTableLabels, DataTableProps, DataTableSort, SortDirection } from './components/composite/data-table.js';
+export { DEFAULT_DATE_PRESETS, DEFAULT_DATE_RANGE_PRESETS, DatePicker, DatePickerProps, DatePreset, DateRangePicker, DateRangePickerProps, DateRangePreset, VI_DATE_FORMAT } from './components/composite/date-picker.js';
+export { EmptyState, EmptyStateProps, IconComponent } from './components/composite/empty-state.js';
+export { FilterChipItem, FilterChips, FilterChipsProps } from './components/composite/filter-chips.js';
+export { FormField, FormFieldColSpan, FormFieldControlProps, FormFieldProps, SELECT_EMPTY_VALUE, fromSelectValue, toSelectValue } from './components/composite/form-field.js';
+export { FormSection, FormSectionAccent, FormSectionProps } from './components/composite/form-section.js';
+export { InlineEdit, InlineEditProps } from './components/composite/inline-edit.js';
+export { KeyboardHint, KeyboardHintProps, useIsMac } from './components/composite/keyboard-hint.js';
+export { LETTER_AVATAR_TONES, LetterAvatar, LetterAvatarProps, LetterAvatarSize, getLetterAvatarTone } from './components/composite/letter-avatar.js';
+export { PageContainer, PageContainerProps, PageContainerWidth } from './components/composite/page-container.js';
+export { PageHeader, PageHeaderBreadcrumbItem, PageHeaderLinkProps, PageHeaderProps } from './components/composite/page-header.js';
+export { RelativeTime, RelativeTimeProps } from './components/composite/relative-time.js';
+export { SearchFilterBar, SearchFilterBarProps } from './components/composite/search-filter-bar.js';
+export { StatCard, StatCardDelta, StatCardDeltaDirection, StatCardProps, StatCardTone, statCardIconVariants } from './components/composite/stat-card.js';
+export { STATUS_TONES, StatusConfig, StatusTone, StatusToneName, getStatusClasses, getStatusConfig, getStatusLabel, sortByStatusPriority } from './components/composite/status-config.js';
+export { StatusPill, StatusPillProps, StatusPillVariant } from './components/composite/status-pill.js';
+export { DEFAULT_PAGE_SIZE_OPTIONS, TablePagination, TablePaginationProps } from './components/composite/table-pagination.js';
+export { getVietnameseInitials, hashString, matchesSearch, pickByString, removeVietnameseTones, truncate } from './components/composite/text-utils.js';
+export { ToastOptions, ToastVariant, Toaster, ToasterProps, dismissToast, toast, toastPromise } from './components/composite/toast.js';
+export { Accordion, AccordionContent, AccordionContentProps, AccordionItem, AccordionItemProps, AccordionProps, AccordionTrigger, AccordionTriggerProps } from './components/ui/accordion.js';
+export { Alert, AlertDescription, AlertDescriptionProps, AlertProps, AlertTitle, AlertTitleProps, alertVariants } from './components/ui/alert.js';
+export { AlertDialog, AlertDialogAction, AlertDialogActionProps, AlertDialogCancel, AlertDialogCancelProps, AlertDialogContent, AlertDialogContentProps, AlertDialogDescription, AlertDialogDescriptionProps, AlertDialogFooter, AlertDialogFooterProps, AlertDialogHeader, AlertDialogHeaderProps, AlertDialogOverlay, AlertDialogOverlayProps, AlertDialogPortal, AlertDialogPortalProps, AlertDialogProps, AlertDialogTitle, AlertDialogTitleProps, AlertDialogTrigger, AlertDialogTriggerProps } from './components/ui/alert-dialog.js';
+export { AspectRatio, AspectRatioProps } from './components/ui/aspect-ratio.js';
+export { Avatar, AvatarFallback, AvatarFallbackProps, AvatarImage, AvatarImageProps, AvatarProps } from './components/ui/avatar.js';
+export { Badge, BadgeProps, badgeVariants } from './components/ui/badge.js';
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbEllipsisProps, BreadcrumbItem, BreadcrumbItemProps, BreadcrumbLink, BreadcrumbLinkProps, BreadcrumbList, BreadcrumbListProps, BreadcrumbPage, BreadcrumbPageProps, BreadcrumbProps, BreadcrumbSeparator, BreadcrumbSeparatorProps } from './components/ui/breadcrumb.js';
+export { Button, ButtonProps, buttonVariants } from './components/ui/button.js';
+export { ButtonGroup, ButtonGroupProps, ButtonGroupSeparator, ButtonGroupSeparatorProps, ButtonGroupText, ButtonGroupTextProps, buttonGroupVariants } from './components/ui/button-group.js';
+export { Calendar, CalendarDayButton, CalendarDayButtonProps, CalendarProps } from './components/ui/calendar.js';
+export { Card, CardAction, CardActionProps, CardContent, CardContentProps, CardDescription, CardDescriptionProps, CardFooter, CardFooterProps, CardHeader, CardHeaderProps, CardProps, CardTitle, CardTitleProps, cardVariants } from './components/ui/card.js';
+export { Carousel, CarouselApi, CarouselContent, CarouselContentProps, CarouselContextProps, CarouselItem, CarouselItemProps, CarouselNext, CarouselNextProps, CarouselOptions, CarouselOwnProps, CarouselPlugin, CarouselPrevious, CarouselPreviousProps, CarouselProps, useCarousel } from './components/ui/carousel.js';
+export { Checkbox, CheckboxProps } from './components/ui/checkbox.js';
+export { Collapsible, CollapsibleContent, CollapsibleContentProps, CollapsibleProps, CollapsibleTrigger, CollapsibleTriggerProps } from './components/ui/collapsible.js';
+export { Command, CommandDialog, CommandDialogProps, CommandEmpty, CommandEmptyProps, CommandGroup, CommandGroupProps, CommandInput, CommandInputProps, CommandItem, CommandItemProps, CommandList, CommandListProps, CommandProps, CommandSeparator, CommandSeparatorProps, CommandShortcut, CommandShortcutProps } from './components/ui/command.js';
+export { ContextMenu, ContextMenuCheckboxItem, ContextMenuCheckboxItemProps, ContextMenuContent, ContextMenuContentProps, ContextMenuGroup, ContextMenuGroupProps, ContextMenuItem, ContextMenuItemProps, ContextMenuItemVariant, ContextMenuLabel, ContextMenuLabelProps, ContextMenuPortal, ContextMenuPortalProps, ContextMenuProps, ContextMenuRadioGroup, ContextMenuRadioGroupProps, ContextMenuRadioItem, ContextMenuRadioItemProps, ContextMenuSeparator, ContextMenuSeparatorProps, ContextMenuShortcut, ContextMenuShortcutProps, ContextMenuSub, ContextMenuSubContent, ContextMenuSubContentProps, ContextMenuSubProps, ContextMenuSubTrigger, ContextMenuSubTriggerProps, ContextMenuTrigger, ContextMenuTriggerProps } from './components/ui/context-menu.js';
+export { Dialog, DialogBody, DialogBodyProps, DialogClose, DialogCloseProps, DialogContent, DialogContentProps, DialogDescription, DialogDescriptionProps, DialogFooter, DialogFooterProps, DialogHeader, DialogHeaderProps, DialogOverlay, DialogOverlayProps, DialogPortal, DialogPortalProps, DialogProps, DialogSize, DialogTitle, DialogTitleProps, DialogTrigger, DialogTriggerProps } from './components/ui/dialog.js';
+export { Drawer, DrawerClose, DrawerCloseProps, DrawerContent, DrawerContentProps, DrawerDescription, DrawerDescriptionProps, DrawerFooter, DrawerFooterProps, DrawerHeader, DrawerHeaderProps, DrawerOverlay, DrawerOverlayProps, DrawerPortal, DrawerPortalProps, DrawerProps, DrawerTitle, DrawerTitleProps, DrawerTrigger, DrawerTriggerProps } from './components/ui/drawer.js';
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuCheckboxItemProps, DropdownMenuContent, DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuGroupProps, DropdownMenuItem, DropdownMenuItemProps, DropdownMenuItemVariant, DropdownMenuLabel, DropdownMenuLabelProps, DropdownMenuPortal, DropdownMenuPortalProps, DropdownMenuProps, DropdownMenuRadioGroup, DropdownMenuRadioGroupProps, DropdownMenuRadioItem, DropdownMenuRadioItemProps, DropdownMenuSeparator, DropdownMenuSeparatorProps, DropdownMenuShortcut, DropdownMenuShortcutProps, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubContentProps, DropdownMenuSubProps, DropdownMenuSubTrigger, DropdownMenuSubTriggerProps, DropdownMenuTrigger, DropdownMenuTriggerProps } from './components/ui/dropdown-menu.js';
+export { Empty, EmptyContent, EmptyContentProps, EmptyDescription, EmptyDescriptionProps, EmptyHeader, EmptyHeaderProps, EmptyMedia, EmptyMediaProps, EmptyProps, EmptyTitle, EmptyTitleProps, emptyMediaVariants } from './components/ui/empty.js';
+export { Field, FieldContent, FieldContentProps, FieldDescription, FieldDescriptionProps, FieldError, FieldErrorProps, FieldGroup, FieldGroupProps, FieldLabel, FieldLabelProps, FieldLegend, FieldLegendProps, FieldProps, FieldSeparator, FieldSeparatorProps, FieldSet, FieldSetProps, FieldTitle, FieldTitleProps, fieldVariants } from './components/ui/field.js';
+export { HoverCard, HoverCardContent, HoverCardContentProps, HoverCardProps, HoverCardTrigger, HoverCardTriggerProps } from './components/ui/hover-card.js';
+export { Input, InputProps } from './components/ui/input.js';
+export { InputGroup, InputGroupAddon, InputGroupAddonProps, InputGroupButton, InputGroupButtonProps, InputGroupInput, InputGroupInputProps, InputGroupProps, InputGroupText, InputGroupTextProps, InputGroupTextarea, InputGroupTextareaProps, inputGroupAddonVariants, inputGroupButtonVariants } from './components/ui/input-group.js';
+export { InputOTP, InputOTPGroup, InputOTPGroupProps, InputOTPProps, InputOTPSeparator, InputOTPSeparatorProps, InputOTPSlot, InputOTPSlotProps } from './components/ui/input-otp.js';
+export { Item, ItemActions, ItemActionsProps, ItemContent, ItemContentProps, ItemDescription, ItemDescriptionProps, ItemFooter, ItemFooterProps, ItemGroup, ItemGroupProps, ItemHeader, ItemHeaderProps, ItemMedia, ItemMediaProps, ItemProps, ItemSeparator, ItemSeparatorProps, ItemTitle, ItemTitleProps, itemMediaVariants, itemVariants } from './components/ui/item.js';
+export { Kbd, KbdGroup, KbdGroupProps, KbdProps } from './components/ui/kbd.js';
+export { Label, LabelProps } from './components/ui/label.js';
+export { Menubar, MenubarCheckboxItem, MenubarCheckboxItemProps, MenubarContent, MenubarContentProps, MenubarGroup, MenubarGroupProps, MenubarItem, MenubarItemProps, MenubarItemVariant, MenubarLabel, MenubarLabelProps, MenubarMenu, MenubarMenuProps, MenubarPortal, MenubarPortalProps, MenubarProps, MenubarRadioGroup, MenubarRadioGroupProps, MenubarRadioItem, MenubarRadioItemProps, MenubarSeparator, MenubarSeparatorProps, MenubarShortcut, MenubarShortcutProps, MenubarSub, MenubarSubContent, MenubarSubContentProps, MenubarSubProps, MenubarSubTrigger, MenubarSubTriggerProps, MenubarTrigger, MenubarTriggerProps } from './components/ui/menubar.js';
+export { NavigationMenu, NavigationMenuContent, NavigationMenuContentProps, NavigationMenuIndicator, NavigationMenuIndicatorProps, NavigationMenuItem, NavigationMenuItemProps, NavigationMenuLink, NavigationMenuLinkProps, NavigationMenuList, NavigationMenuListProps, NavigationMenuProps, NavigationMenuTrigger, NavigationMenuTriggerProps, NavigationMenuViewport, NavigationMenuViewportProps, navigationMenuTriggerStyle } from './components/ui/navigation-menu.js';
+export { Pagination, PaginationContent, PaginationContentProps, PaginationEllipsis, PaginationEllipsisProps, PaginationItem, PaginationItemProps, PaginationLink, PaginationLinkProps, PaginationNext, PaginationNextProps, PaginationPrevious, PaginationPreviousProps, PaginationProps } from './components/ui/pagination.js';
+export { Popover, PopoverAnchor, PopoverAnchorProps, PopoverContent, PopoverContentProps, PopoverProps, PopoverTrigger, PopoverTriggerProps } from './components/ui/popover.js';
+export { Progress, ProgressProps } from './components/ui/progress.js';
+export { RadioGroup, RadioGroupItem, RadioGroupItemProps, RadioGroupProps } from './components/ui/radio-group.js';
+export { ResizableHandle, ResizableHandleProps, ResizablePanel, ResizablePanelGroup, ResizablePanelGroupProps, ResizablePanelProps } from './components/ui/resizable.js';
+export { ScrollArea, ScrollAreaProps, ScrollBar, ScrollBarProps } from './components/ui/scroll-area.js';
+export { Select, SelectContent, SelectContentProps, SelectGroup, SelectGroupProps, SelectItem, SelectItemProps, SelectLabel, SelectLabelProps, SelectProps, SelectScrollDownButton, SelectScrollDownButtonProps, SelectScrollUpButton, SelectScrollUpButtonProps, SelectSeparator, SelectSeparatorProps, SelectTrigger, SelectTriggerProps, SelectValue, SelectValueProps } from './components/ui/select.js';
+export { Separator, SeparatorProps } from './components/ui/separator.js';
+export { Sheet, SheetClose, SheetCloseProps, SheetContent, SheetContentProps, SheetDescription, SheetDescriptionProps, SheetFooter, SheetFooterProps, SheetHeader, SheetHeaderProps, SheetOverlay, SheetOverlayProps, SheetPortal, SheetPortalProps, SheetProps, SheetSide, SheetTitle, SheetTitleProps, SheetTrigger, SheetTriggerProps } from './components/ui/sheet.js';
+export { Skeleton, SkeletonProps } from './components/ui/skeleton.js';
+export { Slider, SliderProps } from './components/ui/slider.js';
+export { Spinner, SpinnerProps } from './components/ui/spinner.js';
+export { Switch, SwitchProps } from './components/ui/switch.js';
+export { Table, TableBody, TableBodyProps, TableCaption, TableCaptionProps, TableCell, TableCellProps, TableFooter, TableFooterProps, TableHead, TableHeadProps, TableHeader, TableHeaderProps, TableProps, TableRow, TableRowProps } from './components/ui/table.js';
+export { Tabs, TabsContent, TabsContentProps, TabsList, TabsListProps, TabsProps, TabsTrigger, TabsTriggerProps, TabsVariant } from './components/ui/tabs.js';
+export { Textarea, TextareaProps } from './components/ui/textarea.js';
+export { Toggle, ToggleProps, ToggleVariantProps, toggleVariants } from './components/ui/toggle.js';
+export { ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupProps, ToggleGroupVariantProps } from './components/ui/toggle-group.js';
+export { Tooltip, TooltipContent, TooltipContentProps, TooltipProps, TooltipProvider, TooltipProviderProps, TooltipTrigger, TooltipTriggerProps } from './components/ui/tooltip.js';
+export { cn } from './lib/cn.js';
+export { ThemeMode, accent, ash, avatarPalette, brandNeutral, chart, gold, layout, semantic, status, typography } from './tokens.js';
+export { DateRange } from 'react-day-picker';
+import 'react';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+import 'sonner';
+import '@radix-ui/react-accordion';
+import '@radix-ui/react-alert-dialog';
+import '@radix-ui/react-aspect-ratio';
+import '@radix-ui/react-avatar';
+import 'embla-carousel-react';
+import '@radix-ui/react-checkbox';
+import '@radix-ui/react-collapsible';
+import 'cmdk';
+import '@radix-ui/react-context-menu';
+import '@radix-ui/react-dialog';
+import 'vaul';
+import '@radix-ui/react-dropdown-menu';
+import '@radix-ui/react-hover-card';
+import 'input-otp';
+import '@radix-ui/react-label';
+import '@radix-ui/react-menubar';
+import '@radix-ui/react-navigation-menu';
+import '@radix-ui/react-popover';
+import '@radix-ui/react-progress';
+import '@radix-ui/react-radio-group';
+import 'react-resizable-panels';
+import '@radix-ui/react-scroll-area';
+import '@radix-ui/react-select';
+import '@radix-ui/react-separator';
+import '@radix-ui/react-slider';
+import '@radix-ui/react-switch';
+import '@radix-ui/react-tabs';
+import '@radix-ui/react-toggle';
+import '@radix-ui/react-toggle-group';
+import '@radix-ui/react-tooltip';
+import 'clsx';

package/dist/index.js

@@ -0,0 +1,76 @@
+export * from "./components/composite/avatar-group.js";
+export * from "./components/composite/combobox.js";
+export * from "./components/composite/command-palette.js";
+export * from "./components/composite/confirm-dialog.js";
+export * from "./components/composite/copy-button.js";
+export * from "./components/composite/data-table.js";
+export * from "./components/composite/date-picker.js";
+export * from "./components/composite/empty-state.js";
+export * from "./components/composite/filter-chips.js";
+export * from "./components/composite/form-field.js";
+export * from "./components/composite/form-section.js";
+export * from "./components/composite/inline-edit.js";
+export * from "./components/composite/keyboard-hint.js";
+export * from "./components/composite/letter-avatar.js";
+export * from "./components/composite/page-container.js";
+export * from "./components/composite/page-header.js";
+export * from "./components/composite/relative-time.js";
+export * from "./components/composite/search-filter-bar.js";
+export * from "./components/composite/stat-card.js";
+export * from "./components/composite/status-config.js";
+export * from "./components/composite/status-pill.js";
+export * from "./components/composite/table-pagination.js";
+export * from "./components/composite/text-utils.js";
+export * from "./components/composite/toast.js";
+export * from "./components/ui/accordion.js";
+export * from "./components/ui/alert.js";
+export * from "./components/ui/alert-dialog.js";
+export * from "./components/ui/aspect-ratio.js";
+export * from "./components/ui/avatar.js";
+export * from "./components/ui/badge.js";
+export * from "./components/ui/breadcrumb.js";
+export * from "./components/ui/button.js";
+export * from "./components/ui/button-group.js";
+export * from "./components/ui/calendar.js";
+export * from "./components/ui/card.js";
+export * from "./components/ui/carousel.js";
+export * from "./components/ui/checkbox.js";
+export * from "./components/ui/collapsible.js";
+export * from "./components/ui/command.js";
+export * from "./components/ui/context-menu.js";
+export * from "./components/ui/dialog.js";
+export * from "./components/ui/drawer.js";
+export * from "./components/ui/dropdown-menu.js";
+export * from "./components/ui/empty.js";
+export * from "./components/ui/field.js";
+export * from "./components/ui/hover-card.js";
+export * from "./components/ui/input.js";
+export * from "./components/ui/input-group.js";
+export * from "./components/ui/input-otp.js";
+export * from "./components/ui/item.js";
+export * from "./components/ui/kbd.js";
+export * from "./components/ui/label.js";
+export * from "./components/ui/menubar.js";
+export * from "./components/ui/navigation-menu.js";
+export * from "./components/ui/pagination.js";
+export * from "./components/ui/popover.js";
+export * from "./components/ui/progress.js";
+export * from "./components/ui/radio-group.js";
+export * from "./components/ui/resizable.js";
+export * from "./components/ui/scroll-area.js";
+export * from "./components/ui/select.js";
+export * from "./components/ui/separator.js";
+export * from "./components/ui/sheet.js";
+export * from "./components/ui/skeleton.js";
+export * from "./components/ui/slider.js";
+export * from "./components/ui/spinner.js";
+export * from "./components/ui/switch.js";
+export * from "./components/ui/table.js";
+export * from "./components/ui/tabs.js";
+export * from "./components/ui/textarea.js";
+export * from "./components/ui/toggle.js";
+export * from "./components/ui/toggle-group.js";
+export * from "./components/ui/tooltip.js";
+export * from "./lib/cn.js";
+export * from "./tokens.js";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["/**\n * Entry chính \"@comitor/ui\" — Tier 1 (primitive) + Tier 2 (composite) + lib + token.\n *\n * Quy tắc của entry này: **chỉ được phụ thuộc peer BẮT BUỘC** (react, react-dom,\n * lucide-react, tailwindcss). Không `next/*`, không `next-themes`, không `recharts`,\n * không `react-hook-form` — đó đều là peer OPTIONAL. Vì `tsup` chạy `bundle: false`\n * (ESM per-file), chỉ cần barrel này re-export một file có import optional peer là\n * mọi app import \"@comitor/ui\" đều buộc phải cài gói đó, nếu không bundler gãy ở\n * bước resolve. Vì vậy 3 nhánh dưới đây nằm ở entry riêng:\n *\n *   - Tier 3 shell (next/*, next-themes)  → \"@comitor/ui/shell\"\n *   - chart (recharts)                    → \"@comitor/ui/chart\"\n *   - binding react-hook-form             → \"@comitor/ui/form\"\n *\n * ⚠ Hai file trong `components/ui/` CỐ Ý không có mặt ở đây:\n *   - `form.tsx`   → xuất qua \"@comitor/ui/form\" (react-hook-form).\n *   - `sonner.tsx` → xuất qua \"@comitor/ui/shell\" dưới tên `SonnerToaster`\n *     (nó gọi `useTheme()` của next-themes). Bản dùng hằng ngày là composite\n *     `Toaster`/`toast` ở Tier 2 — không phụ thuộc next-themes, có sẵn ở entry này.\n *\n * ⚠ Mọi import nội bộ phải giữ đuôi `.js`: output là ESM per-file, Node ESM thuần\n * không tự suy ra phần mở rộng (bundler thì tha, Node thì không).\n */\n\n// ─── Tier 2 — composite (pattern lặp lại ở mọi app Comitor) ───\nexport * from \"./components/composite/avatar-group.js\";\nexport * from \"./components/composite/combobox.js\";\nexport * from \"./components/composite/command-palette.js\";\nexport * from \"./components/composite/confirm-dialog.js\";\nexport * from \"./components/composite/copy-button.js\";\nexport * from \"./components/composite/data-table.js\";\nexport * from \"./components/composite/date-picker.js\";\nexport * from \"./components/composite/empty-state.js\";\nexport * from \"./components/composite/filter-chips.js\";\nexport * from \"./components/composite/form-field.js\";\nexport * from \"./components/composite/form-section.js\";\nexport * from \"./components/composite/inline-edit.js\";\nexport * from \"./components/composite/keyboard-hint.js\";\nexport * from \"./components/composite/letter-avatar.js\";\nexport * from \"./components/composite/page-container.js\";\nexport * from \"./components/composite/page-header.js\";\nexport * from \"./components/composite/relative-time.js\";\nexport * from \"./components/composite/search-filter-bar.js\";\nexport * from \"./components/composite/stat-card.js\";\nexport * from \"./components/composite/status-config.js\";\nexport * from \"./components/composite/status-pill.js\";\nexport * from \"./components/composite/table-pagination.js\";\nexport * from \"./components/composite/text-utils.js\";\nexport * from \"./components/composite/toast.js\";\n// ─── Tier 1 — primitive (shadcn/ui \"new-york\", đã custom theo brand Comitor) ───\nexport * from \"./components/ui/accordion.js\";\nexport * from \"./components/ui/alert.js\";\nexport * from \"./components/ui/alert-dialog.js\";\nexport * from \"./components/ui/aspect-ratio.js\";\nexport * from \"./components/ui/avatar.js\";\nexport * from \"./components/ui/badge.js\";\nexport * from \"./components/ui/breadcrumb.js\";\nexport * from \"./components/ui/button.js\";\nexport * from \"./components/ui/button-group.js\";\nexport * from \"./components/ui/calendar.js\";\nexport * from \"./components/ui/card.js\";\nexport * from \"./components/ui/carousel.js\";\nexport * from \"./components/ui/checkbox.js\";\nexport * from \"./components/ui/collapsible.js\";\nexport * from \"./components/ui/command.js\";\nexport * from \"./components/ui/context-menu.js\";\nexport * from \"./components/ui/dialog.js\";\nexport * from \"./components/ui/drawer.js\";\nexport * from \"./components/ui/dropdown-menu.js\";\nexport * from \"./components/ui/empty.js\";\nexport * from \"./components/ui/field.js\";\nexport * from \"./components/ui/hover-card.js\";\nexport * from \"./components/ui/input.js\";\nexport * from \"./components/ui/input-group.js\";\nexport * from \"./components/ui/input-otp.js\";\nexport * from \"./components/ui/item.js\";\nexport * from \"./components/ui/kbd.js\";\nexport * from \"./components/ui/label.js\";\nexport * from \"./components/ui/menubar.js\";\nexport * from \"./components/ui/navigation-menu.js\";\nexport * from \"./components/ui/pagination.js\";\nexport * from \"./components/ui/popover.js\";\nexport * from \"./components/ui/progress.js\";\nexport * from \"./components/ui/radio-group.js\";\nexport * from \"./components/ui/resizable.js\";\nexport * from \"./components/ui/scroll-area.js\";\nexport * from \"./components/ui/select.js\";\nexport * from \"./components/ui/separator.js\";\nexport * from \"./components/ui/sheet.js\";\nexport * from \"./components/ui/skeleton.js\";\nexport * from \"./components/ui/slider.js\";\nexport * from \"./components/ui/spinner.js\";\nexport * from \"./components/ui/switch.js\";\nexport * from \"./components/ui/table.js\";\nexport * from \"./components/ui/tabs.js\";\nexport * from \"./components/ui/textarea.js\";\nexport * from \"./components/ui/toggle.js\";\nexport * from \"./components/ui/toggle-group.js\";\nexport * from \"./components/ui/tooltip.js\";\n\n// ─── lib + token ───\nexport * from \"./lib/cn.js\";\nexport * from \"./tokens.js\";\n"],"mappings":"AAyBA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAGd,cAAc;AACd,cAAc;","names":[]}

package/dist/lib/cn.d.ts

@@ -0,0 +1,16 @@
+import { ClassValue } from 'clsx';
+
+/**
+ * Gộp class name: clsx xử lý điều kiện/mảng/object, tailwind-merge khử xung đột
+ * giữa các utility Tailwind cùng nhóm (class sau thắng class trước).
+ *
+ * Vì sao cần cả hai: `clsx("p-2", cond && "p-4")` cho ra chuỗi "p-2 p-4" — CSS sẽ
+ * ăn theo thứ tự trong stylesheet chứ không theo thứ tự trong chuỗi. twMerge cắt
+ * bỏ "p-2" để kết quả đúng ý người viết.
+ *
+ * @example
+ * cn("px-3 py-2", isActive && "bg-primary text-primary-foreground", className)
+ */
+declare function cn(...inputs: ClassValue[]): string;
+
+export { cn };

package/dist/lib/cn.js

@@ -0,0 +1,9 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+export {
+  cn
+};
+//# sourceMappingURL=cn.js.map

package/dist/lib/cn.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/cn.ts"],"sourcesContent":["import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\n/**\n * Gộp class name: clsx xử lý điều kiện/mảng/object, tailwind-merge khử xung đột\n * giữa các utility Tailwind cùng nhóm (class sau thắng class trước).\n *\n * Vì sao cần cả hai: `clsx(\"p-2\", cond && \"p-4\")` cho ra chuỗi \"p-2 p-4\" — CSS sẽ\n * ăn theo thứ tự trong stylesheet chứ không theo thứ tự trong chuỗi. twMerge cắt\n * bỏ \"p-2\" để kết quả đúng ý người viết.\n *\n * @example\n * cn(\"px-3 py-2\", isActive && \"bg-primary text-primary-foreground\", className)\n */\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n"],"mappings":"AAAA,SAA0B,YAAY;AACtC,SAAS,eAAe;AAajB,SAAS,MAAM,QAA8B;AAClD,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;","names":[]}

package/dist/shell/app-header.d.ts

@@ -0,0 +1,41 @@
+import * as React from 'react';
+import { ReactNode } from 'react';
+import { UserMenuProps } from './user-menu.js';
+import './types.js';
+import 'lucide-react';
+
+interface AppHeaderProps {
+    className?: string;
+    /** Tiêu đề trang — dùng khi không truyền `breadcrumb`. */
+    title?: ReactNode;
+    /** Slot breadcrumb (composite `PageHeader` của app) — ưu tiên hơn `title`. */
+    breadcrumb?: ReactNode;
+    /** Slot ngoài cùng bên trái (vd `<ComitorLockup size="xs" variant="auto" />`). */
+    logo?: ReactNode;
+    /** Thay ô tìm kiếm dựng sẵn bằng UI riêng của app. */
+    searchSlot?: ReactNode;
+    showSearch?: boolean;
+    /** Nút thu gọn sidebar ở header (layout sidebar-first thường để ở sidebar). */
+    showSidebarToggle?: boolean;
+    /** Slot thông báo (app tự render Popover + panel). Có slot thì `notificationCount` bị bỏ qua. */
+    notificationsSlot?: ReactNode;
+    notificationCount?: number;
+    onNotificationsClick?: () => void;
+    /** Slot phụ bên phải, đứng trước AppLauncher. */
+    extraSlot?: ReactNode;
+    showAppLauncher?: boolean;
+    showThemeToggle?: boolean;
+    showUserMenu?: boolean;
+    /** Chuyển tiếp props cho `UserMenu` (profileHref, settingsHref, items…). */
+    userMenuProps?: UserMenuProps;
+}
+/**
+ * Header cao 56px (`--header-height`), nền `bg-background/80 backdrop-blur`.
+ * Comitor là hệ sáng — **không** dùng header luôn-tối.
+ *
+ * Trái: hamburger (mobile) / nút thu gọn sidebar + logo + breadcrumb hoặc tiêu đề.
+ * Phải: ô tìm (Cmd/Ctrl+K) · AppLauncher · thông báo · ThemeToggle · UserMenu.
+ */
+declare function AppHeader({ className, title, breadcrumb, logo, searchSlot, showSearch, showSidebarToggle, notificationsSlot, notificationCount, onNotificationsClick, extraSlot, showAppLauncher, showThemeToggle, showUserMenu, userMenuProps }: AppHeaderProps): React.JSX.Element;
+
+export { AppHeader, type AppHeaderProps };

package/dist/shell/app-header.js

@@ -0,0 +1,136 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Menu, PanelLeft, Search } from "lucide-react";
+import { Kbd } from "../components/ui/kbd.js";
+import { Tooltip, TooltipContent, TooltipTrigger } from "../components/ui/tooltip.js";
+import { cn } from "../lib/cn.js";
+import { AppLauncher } from "./app-launcher.js";
+import { NotificationsButton } from "./notifications-button.js";
+import { useIsMac, useShell } from "./shell-context.js";
+import { ThemeToggle } from "./theme-toggle.js";
+import { UserMenu } from "./user-menu.js";
+function AppHeader({
+  className,
+  title,
+  breadcrumb,
+  logo,
+  searchSlot,
+  showSearch = true,
+  showSidebarToggle = false,
+  notificationsSlot,
+  notificationCount,
+  onNotificationsClick,
+  extraSlot,
+  showAppLauncher = true,
+  showThemeToggle = true,
+  showUserMenu = true,
+  userMenuProps
+}) {
+  const { setMobileMenuOpen, setCommandPaletteOpen, toggleSidebar, sidebarCollapsed, labels, user } = useShell();
+  const isMac = useIsMac();
+  const modKey = isMac ? "\u2318" : "Ctrl";
+  return /* @__PURE__ */ jsxs(
+    "header",
+    {
+      className: cn(
+        "sticky top-0 z-40 flex h-header shrink-0 items-center gap-2 px-3 sm:px-4",
+        "border-b border-border bg-background/80 backdrop-blur-sm",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => setMobileMenuOpen(true),
+            "aria-label": labels.openMenu,
+            className: cn(
+              "-ml-1 flex size-9 shrink-0 items-center justify-center rounded-md text-muted-foreground md:hidden",
+              "transition-colors duration-150 ease-out hover:bg-muted hover:text-foreground"
+            ),
+            children: /* @__PURE__ */ jsx(Menu, { className: "size-5" })
+          }
+        ),
+        showSidebarToggle ? /* @__PURE__ */ jsxs(Tooltip, { children: [
+          /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: toggleSidebar,
+              "aria-label": sidebarCollapsed ? labels.expandSidebar : labels.collapseSidebar,
+              className: cn(
+                "hidden size-9 shrink-0 items-center justify-center rounded-md text-muted-foreground md:flex",
+                "transition-colors duration-150 ease-out hover:bg-muted hover:text-foreground"
+              ),
+              children: /* @__PURE__ */ jsx(PanelLeft, { className: "size-4" })
+            }
+          ) }),
+          /* @__PURE__ */ jsxs(TooltipContent, { side: "bottom", children: [
+            sidebarCollapsed ? labels.expandSidebar : labels.collapseSidebar,
+            " \xB7 ",
+            modKey,
+            " + B"
+          ] })
+        ] }) : null,
+        logo ? /* @__PURE__ */ jsx("div", { className: "shrink-0", children: logo }) : null,
+        /* @__PURE__ */ jsx("div", { className: "flex min-w-0 flex-1 items-center", children: breadcrumb ?? (title ? /* @__PURE__ */ jsx("h1", { className: "truncate text-sm font-semibold text-foreground", children: title }) : null) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [
+          extraSlot,
+          showSearch ? searchSlot ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: () => setCommandPaletteOpen(true),
+                className: cn(
+                  "hidden h-8 w-52 items-center gap-2 rounded-md border border-input bg-muted/40 px-2.5 sm:flex",
+                  "text-sm text-muted-foreground transition-colors duration-150 ease-out",
+                  "hover:border-gold-300 hover:bg-muted"
+                ),
+                children: [
+                  /* @__PURE__ */ jsx(Search, { className: "size-3.5 shrink-0" }),
+                  /* @__PURE__ */ jsx("span", { className: "flex-1 truncate text-left", children: labels.searchPlaceholder }),
+                  /* @__PURE__ */ jsxs(Kbd, { children: [
+                    modKey,
+                    "K"
+                  ] })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => setCommandPaletteOpen(true),
+                "aria-label": labels.search,
+                className: cn(
+                  "flex size-9 items-center justify-center rounded-md text-muted-foreground sm:hidden",
+                  "transition-colors duration-150 ease-out hover:bg-muted hover:text-foreground"
+                ),
+                children: /* @__PURE__ */ jsx(Search, { className: "size-4" })
+              }
+            )
+          ] }) : null,
+          showAppLauncher ? /* @__PURE__ */ jsx(AppLauncher, {}) : null,
+          notificationsSlot ?? (notificationCount === void 0 ? null : /* @__PURE__ */ jsx(
+            NotificationsButton,
+            {
+              count: notificationCount,
+              label: labels.notifications,
+              onClick: onNotificationsClick
+            }
+          )),
+          showThemeToggle ? /* @__PURE__ */ jsx(ThemeToggle, { labels }) : null,
+          showUserMenu && user ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("span", { className: "mx-1 hidden h-5 w-px bg-border sm:block", "aria-hidden": "true" }),
+            /* @__PURE__ */ jsx(UserMenu, { ...userMenuProps })
+          ] }) : null
+        ] })
+      ]
+    }
+  );
+}
+export {
+  AppHeader
+};
+//# sourceMappingURL=app-header.js.map

package/dist/shell/app-header.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/shell/app-header.tsx"],"sourcesContent":["\"use client\";\n\nimport { Menu, PanelLeft, Search } from \"lucide-react\";\nimport type { ReactNode } from \"react\";\nimport { Kbd } from \"../components/ui/kbd.js\";\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"../components/ui/tooltip.js\";\nimport { cn } from \"../lib/cn.js\";\nimport { AppLauncher } from \"./app-launcher.js\";\nimport { NotificationsButton } from \"./notifications-button.js\";\nimport { useIsMac, useShell } from \"./shell-context.js\";\nimport { ThemeToggle } from \"./theme-toggle.js\";\nimport { UserMenu, type UserMenuProps } from \"./user-menu.js\";\n\nexport interface AppHeaderProps {\n  className?: string;\n  /** Tiêu đề trang — dùng khi không truyền `breadcrumb`. */\n  title?: ReactNode;\n  /** Slot breadcrumb (composite `PageHeader` của app) — ưu tiên hơn `title`. */\n  breadcrumb?: ReactNode;\n  /** Slot ngoài cùng bên trái (vd `<ComitorLockup size=\"xs\" variant=\"auto\" />`). */\n  logo?: ReactNode;\n\n  /** Thay ô tìm kiếm dựng sẵn bằng UI riêng của app. */\n  searchSlot?: ReactNode;\n  showSearch?: boolean;\n  /** Nút thu gọn sidebar ở header (layout sidebar-first thường để ở sidebar). */\n  showSidebarToggle?: boolean;\n\n  /** Slot thông báo (app tự render Popover + panel). Có slot thì `notificationCount` bị bỏ qua. */\n  notificationsSlot?: ReactNode;\n  notificationCount?: number;\n  onNotificationsClick?: () => void;\n\n  /** Slot phụ bên phải, đứng trước AppLauncher. */\n  extraSlot?: ReactNode;\n\n  showAppLauncher?: boolean;\n  showThemeToggle?: boolean;\n  showUserMenu?: boolean;\n  /** Chuyển tiếp props cho `UserMenu` (profileHref, settingsHref, items…). */\n  userMenuProps?: UserMenuProps;\n}\n\n/**\n * Header cao 56px (`--header-height`), nền `bg-background/80 backdrop-blur`.\n * Comitor là hệ sáng — **không** dùng header luôn-tối.\n *\n * Trái: hamburger (mobile) / nút thu gọn sidebar + logo + breadcrumb hoặc tiêu đề.\n * Phải: ô tìm (Cmd/Ctrl+K) · AppLauncher · thông báo · ThemeToggle · UserMenu.\n */\nexport function AppHeader({\n  className,\n  title,\n  breadcrumb,\n  logo,\n  searchSlot,\n  showSearch = true,\n  showSidebarToggle = false,\n  notificationsSlot,\n  notificationCount,\n  onNotificationsClick,\n  extraSlot,\n  showAppLauncher = true,\n  showThemeToggle = true,\n  showUserMenu = true,\n  userMenuProps\n}: AppHeaderProps) {\n  const { setMobileMenuOpen, setCommandPaletteOpen, toggleSidebar, sidebarCollapsed, labels, user } = useShell();\n  const isMac = useIsMac();\n  const modKey = isMac ? \"⌘\" : \"Ctrl\";\n\n  return (\n    <header\n      className={cn(\n        \"sticky top-0 z-40 flex h-header shrink-0 items-center gap-2 px-3 sm:px-4\",\n        \"border-b border-border bg-background/80 backdrop-blur-sm\",\n        className\n      )}\n    >\n      {/* Mở menu off-canvas — chỉ màn hình hẹp */}\n      <button\n        type=\"button\"\n        onClick={() => setMobileMenuOpen(true)}\n        aria-label={labels.openMenu}\n        className={cn(\n          \"-ml-1 flex size-9 shrink-0 items-center justify-center rounded-md text-muted-foreground md:hidden\",\n          \"transition-colors duration-150 ease-out hover:bg-muted hover:text-foreground\"\n        )}\n      >\n        <Menu className=\"size-5\" />\n      </button>\n\n      {showSidebarToggle ? (\n        <Tooltip>\n          <TooltipTrigger asChild>\n            <button\n              type=\"button\"\n              onClick={toggleSidebar}\n              aria-label={sidebarCollapsed ? labels.expandSidebar : labels.collapseSidebar}\n              className={cn(\n                \"hidden size-9 shrink-0 items-center justify-center rounded-md text-muted-foreground md:flex\",\n                \"transition-colors duration-150 ease-out hover:bg-muted hover:text-foreground\"\n              )}\n            >\n              <PanelLeft className=\"size-4\" />\n            </button>\n          </TooltipTrigger>\n          <TooltipContent side=\"bottom\">\n            {sidebarCollapsed ? labels.expandSidebar : labels.collapseSidebar} · {modKey} + B\n          </TooltipContent>\n        </Tooltip>\n      ) : null}\n\n      {logo ? <div className=\"shrink-0\">{logo}</div> : null}\n\n      {/* Breadcrumb thắng title khi có cả hai */}\n      <div className=\"flex min-w-0 flex-1 items-center\">\n        {breadcrumb ?? (title ? <h1 className=\"truncate text-sm font-semibold text-foreground\">{title}</h1> : null)}\n      </div>\n\n      <div className=\"flex shrink-0 items-center gap-1\">\n        {extraSlot}\n\n        {showSearch\n          ? (searchSlot ?? (\n              <>\n                {/* ≥sm: ô giả lập trường tìm kiếm, kèm gợi ý phím tắt */}\n                <button\n                  type=\"button\"\n                  onClick={() => setCommandPaletteOpen(true)}\n                  className={cn(\n                    \"hidden h-8 w-52 items-center gap-2 rounded-md border border-input bg-muted/40 px-2.5 sm:flex\",\n                    \"text-sm text-muted-foreground transition-colors duration-150 ease-out\",\n                    \"hover:border-gold-300 hover:bg-muted\"\n                  )}\n                >\n                  <Search className=\"size-3.5 shrink-0\" />\n                  <span className=\"flex-1 truncate text-left\">{labels.searchPlaceholder}</span>\n                  <Kbd>{modKey}K</Kbd>\n                </button>\n\n                {/* <sm: chỉ icon */}\n                <button\n                  type=\"button\"\n                  onClick={() => setCommandPaletteOpen(true)}\n                  aria-label={labels.search}\n                  className={cn(\n                    \"flex size-9 items-center justify-center rounded-md text-muted-foreground sm:hidden\",\n                    \"transition-colors duration-150 ease-out hover:bg-muted hover:text-foreground\"\n                  )}\n                >\n                  <Search className=\"size-4\" />\n                </button>\n              </>\n            ))\n          : null}\n\n        {showAppLauncher ? <AppLauncher /> : null}\n\n        {notificationsSlot ??\n          (notificationCount === undefined ? null : (\n            <NotificationsButton\n              count={notificationCount}\n              label={labels.notifications}\n              onClick={onNotificationsClick}\n            />\n          ))}\n\n        {showThemeToggle ? <ThemeToggle labels={labels} /> : null}\n\n        {showUserMenu && user ? (\n          <>\n            <span className=\"mx-1 hidden h-5 w-px bg-border sm:block\" aria-hidden=\"true\" />\n            <UserMenu {...userMenuProps} />\n          </>\n        ) : null}\n      </div>\n    </header>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/shell/app-launcher.d.ts

@@ -0,0 +1,33 @@
+import * as React from 'react';
+
+interface AppLauncherPanelProps {
+    /** "grid" = lưới 3 cột kiểu Lark/Google Workspace; "list" = danh sách dọc (menu mobile). */
+    variant?: "grid" | "list";
+    className?: string;
+    /** Gọi sau khi người dùng chọn một app — dùng để đóng popover/menu mobile. */
+    onSelected?: () => void;
+}
+/**
+ * Nội dung của AppLauncher, tách riêng để `MobileMenu` nhúng thẳng (không popover).
+ *
+ * Điều hướng bàn phím: ←/→/↑/↓ chạy giữa các ô (xuyên cả hai nhóm như một lưới liền),
+ * Home/End nhảy đầu-cuối; Enter/Space để chính thẻ button/link xử lý.
+ * Vị trí ô đọc từ DOM chứ không giữ mảng ref: ô "đã mở khoá" có thể là `LinkComponent`
+ * do app cung cấp — không chắc component đó nhận `ref`.
+ */
+declare function AppLauncherPanel({ variant, className, onSelected }: AppLauncherPanelProps): React.JSX.Element | null;
+interface AppLauncherProps extends AppLauncherPanelProps {
+    /** Bỏ nút bấm + Popover, render thẳng panel (MobileMenu dùng cách này). */
+    inline?: boolean;
+    align?: "start" | "center" | "end";
+}
+/**
+ * **Trục 2 — chuyển sản phẩm trong cùng workspace.**
+ *
+ * Nút lưới 3×3 ở header (kiểu Lark / Google Workspace) mở popover lưới ô app.
+ * Trạng thái mở nằm ở `ShellProvider` để phím tắt `Cmd/Ctrl + Shift + K` bật được.
+ * App chưa có trong gói hiện ô khoá và gọi `onUpsell(appId)` thay vì điều hướng.
+ */
+declare function AppLauncher({ className, variant, inline, align, onSelected }: AppLauncherProps): React.JSX.Element | null;
+
+export { AppLauncher, AppLauncherPanel, type AppLauncherPanelProps, type AppLauncherProps };