@suphark/ui 0.24.0 → 0.25.1

package/src/index.ts

@@ -26,7 +26,20 @@ export {
   PasswordInput,
   ProviderButtons,
 } from "./components/shared/auth-parts";
-export * from "./components/shared/button";
+export {
+  ActionButton,
+  type ActionButtonProps,
+  AddNewButton,
+  CancelButton,
+  ConfirmButton,
+  CopyButton,
+  type CopyButtonProps,
+  DeleteButton,
+  FloatingSaveButton,
+  PrintButton,
+  SaveButton,
+  SubmitButton,
+} from "./components/shared/button";
 export {
   type CalendarDayContext,
   type CalendarDayState,
@@ -77,6 +90,7 @@ export { EmptyState } from "./components/shared/empty-state";
 export { EnvSnippet, randomSecret } from "./components/shared/env-snippet";
 export { type FileKind, FileTypeIcon, getFileKind } from "./components/shared/file-type-icon";
 export { FilterBar, type FilterBarFilter } from "./components/shared/filter-bar";
+export { DateTimePicker } from "./components/shared/form/date-time-picker";
 export { FormFieldBoolean } from "./components/shared/form/form-field-boolean";
 export { FormFieldColorSelect } from "./components/shared/form/form-field-color-select";
 export { FormFieldCombobox } from "./components/shared/form/form-field-combobox";
@@ -91,6 +105,7 @@ export { FormFieldRadioCards } from "./components/shared/form/form-field-radio-c
 export { FormFieldRadioGroup } from "./components/shared/form/form-field-radio-group";
 export { FormFieldSelect, type SelectOption } from "./components/shared/form/form-field-select";
 export { CheckboxField, LabeledField } from "./components/shared/form/labeled-field";
+export { NumberInput } from "./components/shared/form/number-input";
 export { SearchInput, type SearchInputProps } from "./components/shared/form/search-input";
 export {
   SimpleSelect,
@@ -100,7 +115,15 @@ export {
   type SimpleSelectProps,
 } from "./components/shared/form/simple-select";
 export { SliderField, type SliderFieldProps } from "./components/shared/form/slider-field";
+export { TagsInput } from "./components/shared/form/tags-input";
 export { TextareaField } from "./components/shared/form/textarea-field";
+export {
+  parseTimeInput,
+  TimeColumns,
+  TimePicker,
+  type TimeValue,
+  toLocalDateTimeString,
+} from "./components/shared/form/time-picker";
 export {
   type FormAction,
   FormMessage,
@@ -186,13 +209,21 @@ export { CardSkeleton, ListSkeleton, TableSkeleton } from "./components/shared/s
 export { SkipLink } from "./components/shared/skip-link";
 export { Stat, type StatDelta, StatGrid, type StatTone } from "./components/shared/stat";
 export { StatusBadge, statusTone, type Tone } from "./components/shared/status-badge";
+export { StepForm, type StepFormStep } from "./components/shared/step-form";
 export { SwitcherChevron } from "./components/shared/switcher-chevron";
 export { CodeBlock, type CodeBlockProps } from "./components/shared/text/code-block";
 export {
   PrimarySecondaryText,
   type PrimarySecondaryTextProps,
 } from "./components/shared/text/primary-secondary-text";
-export * from "./components/shared/theme";
+export {
+  type Theme,
+  ThemeMenuItems,
+  ThemeProvider,
+  ThemeSwitch,
+  ThemeToggle,
+  useTheme,
+} from "./components/shared/theme";
 export { ClientDateFormatter } from "./components/shared/time/client-date-formatter";
 export { type TreeNode, TreeView, type TreeViewProps } from "./components/shared/tree-view";
 export {
@@ -212,71 +243,404 @@ export {
 export { type UserAvatarItem, UserAvatars } from "./components/shared/user-avatars";
 export { UserIdentity, type UserIdentityProps } from "./components/shared/user-identity";
 // ---------- shadcn/ui primitives ----------
-export * from "./components/ui/accordion";
-export * from "./components/ui/alert";
-export * from "./components/ui/alert-dialog";
-export * from "./components/ui/aspect-ratio";
-export * from "./components/ui/attachment";
-export * from "./components/ui/avatar";
-export * from "./components/ui/badge";
+export {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+} from "./components/ui/accordion";
+export { Alert, AlertAction, AlertDescription, AlertTitle } from "./components/ui/alert";
+export {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogMedia,
+  AlertDialogOverlay,
+  AlertDialogPortal,
+  AlertDialogTitle,
+  AlertDialogTrigger,
+} from "./components/ui/alert-dialog";
+export { AspectRatio } from "./components/ui/aspect-ratio";
+export {
+  Attachment,
+  AttachmentAction,
+  AttachmentActions,
+  AttachmentContent,
+  AttachmentDescription,
+  AttachmentGroup,
+  AttachmentMedia,
+  AttachmentTitle,
+  AttachmentTrigger,
+} from "./components/ui/attachment";
+export {
+  Avatar,
+  AvatarBadge,
+  AvatarFallback,
+  AvatarGroup,
+  AvatarGroupCount,
+  AvatarImage,
+} from "./components/ui/avatar";
+export { Badge, badgeVariants } from "./components/ui/badge";
 // toast.tsx (Base UI) ไม่อยู่ใน barrel: ชื่อ toast/Toaster ชนกับ sonner ที่แพ็กเกจใช้ — import ตรงจาก @suphark/ui/components/ui/toast ถ้าต้องการ
-export * from "./components/ui/breadcrumb";
-export * from "./components/ui/bubble";
-export * from "./components/ui/button";
-export * from "./components/ui/button-group";
-export * from "./components/ui/calendar";
-export * from "./components/ui/card";
-export * from "./components/ui/carousel";
-export * from "./components/ui/checkbox";
-export * from "./components/ui/collapsible";
-export * from "./components/ui/combobox";
-export * from "./components/ui/command";
-export * from "./components/ui/context-menu";
-export * from "./components/ui/date-picker";
-export * from "./components/ui/dialog";
-export * from "./components/ui/direction";
-export * from "./components/ui/drawer";
-export * from "./components/ui/dropdown-menu";
-export * from "./components/ui/empty";
-export * from "./components/ui/field";
-export * from "./components/ui/form";
-export * from "./components/ui/hover-card";
-export * from "./components/ui/input";
-export * from "./components/ui/input-group";
-export * from "./components/ui/input-otp";
-export * from "./components/ui/item";
-export * from "./components/ui/kbd";
-export * from "./components/ui/label";
-export * from "./components/ui/marker";
-export * from "./components/ui/menubar";
-export * from "./components/ui/message";
-export * from "./components/ui/message-scroller";
-export * from "./components/ui/native-select";
-export * from "./components/ui/navigation-menu";
-export * from "./components/ui/pagination";
-export * from "./components/ui/popover";
-export * from "./components/ui/progress";
-export * from "./components/ui/questionnaire";
-export * from "./components/ui/radio-group";
-export * from "./components/ui/relative-date";
-export * from "./components/ui/resizable";
-export * from "./components/ui/scroll-area";
-export * from "./components/ui/searchable-select";
-export * from "./components/ui/select";
-export * from "./components/ui/separator";
-export * from "./components/ui/sheet";
-export * from "./components/ui/sidebar";
-export * from "./components/ui/skeleton";
-export * from "./components/ui/slider";
-export * from "./components/ui/sonner";
-export * from "./components/ui/spinner";
-export * from "./components/ui/switch";
-export * from "./components/ui/table";
-export * from "./components/ui/tabs";
-export * from "./components/ui/textarea";
-export * from "./components/ui/toggle";
-export * from "./components/ui/toggle-group";
-export * from "./components/ui/tooltip";
+export {
+  Breadcrumb,
+  BreadcrumbEllipsis,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbList,
+  BreadcrumbPage,
+  BreadcrumbSeparator,
+} from "./components/ui/breadcrumb";
+export { Bubble, BubbleContent, BubbleGroup, BubbleReactions } from "./components/ui/bubble";
+export { Button, buttonVariants } from "./components/ui/button";
+export {
+  ButtonGroup,
+  ButtonGroupSeparator,
+  ButtonGroupText,
+  buttonGroupVariants,
+} from "./components/ui/button-group";
+export { Calendar, CalendarDayButton } from "./components/ui/calendar";
+export {
+  Card,
+  CardAction,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+} from "./components/ui/card";
+export {
+  Carousel,
+  type CarouselApi,
+  CarouselContent,
+  CarouselItem,
+  CarouselNext,
+  CarouselPrevious,
+  useCarousel,
+} from "./components/ui/carousel";
+export { Checkbox } from "./components/ui/checkbox";
+export { Collapsible, CollapsibleContent, CollapsibleTrigger } from "./components/ui/collapsible";
+export {
+  ComboboxChip,
+  ComboboxChips,
+  ComboboxChipsInput,
+  ComboboxCollection,
+  ComboboxContent,
+  ComboboxEmpty,
+  ComboboxGroup,
+  ComboboxInput,
+  ComboboxItem,
+  ComboboxLabel,
+  ComboboxList,
+  ComboboxSeparator,
+  ComboboxTrigger,
+  ComboboxValue,
+  useComboboxAnchor,
+} from "./components/ui/combobox";
+export {
+  Command,
+  CommandDialog,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+  CommandSeparator,
+  CommandShortcut,
+} from "./components/ui/command";
+export {
+  ContextMenu,
+  ContextMenuCheckboxItem,
+  ContextMenuContent,
+  ContextMenuGroup,
+  ContextMenuItem,
+  ContextMenuLabel,
+  ContextMenuPortal,
+  ContextMenuRadioGroup,
+  ContextMenuRadioItem,
+  ContextMenuSeparator,
+  ContextMenuShortcut,
+  ContextMenuSub,
+  ContextMenuSubContent,
+  ContextMenuSubTrigger,
+  ContextMenuTrigger,
+} from "./components/ui/context-menu";
+export { DatePicker, parseSmartDateInput } from "./components/ui/date-picker";
+export {
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger,
+} from "./components/ui/dialog";
+export { DirectionProvider, useDirection } from "./components/ui/direction";
+export {
+  Drawer,
+  DrawerClose,
+  DrawerContent,
+  DrawerDescription,
+  DrawerFooter,
+  DrawerHeader,
+  DrawerOverlay,
+  DrawerPortal,
+  DrawerSwipeHandle,
+  DrawerTitle,
+  DrawerTrigger,
+} from "./components/ui/drawer";
+export {
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuPortal,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger,
+} from "./components/ui/dropdown-menu";
+export {
+  Empty,
+  EmptyContent,
+  EmptyDescription,
+  EmptyHeader,
+  EmptyMedia,
+  EmptyTitle,
+} from "./components/ui/empty";
+export {
+  Field,
+  FieldContent,
+  FieldDescription,
+  FieldError,
+  FieldGroup,
+  FieldLabel,
+  FieldLegend,
+  FieldSeparator,
+  FieldSet,
+  FieldTitle,
+} from "./components/ui/field";
+export {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  useFormField,
+} from "./components/ui/form";
+export { HoverCard, HoverCardContent, HoverCardTrigger } from "./components/ui/hover-card";
+export { Input } from "./components/ui/input";
+export {
+  InputGroup,
+  InputGroupAddon,
+  InputGroupButton,
+  InputGroupInput,
+  InputGroupText,
+  InputGroupTextarea,
+} from "./components/ui/input-group";
+export {
+  InputOTP,
+  InputOTPGroup,
+  InputOTPSeparator,
+  InputOTPSlot,
+} from "./components/ui/input-otp";
+export {
+  Item,
+  ItemActions,
+  ItemContent,
+  ItemDescription,
+  ItemFooter,
+  ItemGroup,
+  ItemHeader,
+  ItemMedia,
+  ItemSeparator,
+  ItemTitle,
+} from "./components/ui/item";
+export { Kbd, KbdGroup } from "./components/ui/kbd";
+export { Label } from "./components/ui/label";
+export { Marker, MarkerContent, MarkerIcon, markerVariants } from "./components/ui/marker";
+export {
+  Menubar,
+  MenubarCheckboxItem,
+  MenubarContent,
+  MenubarGroup,
+  MenubarItem,
+  MenubarLabel,
+  MenubarMenu,
+  MenubarPortal,
+  MenubarRadioGroup,
+  MenubarRadioItem,
+  MenubarSeparator,
+  MenubarShortcut,
+  MenubarSub,
+  MenubarSubContent,
+  MenubarSubTrigger,
+  MenubarTrigger,
+} from "./components/ui/menubar";
+export {
+  Message,
+  MessageAvatar,
+  MessageContent,
+  MessageFooter,
+  MessageGroup,
+  MessageHeader,
+} from "./components/ui/message";
+export {
+  MessageScroller,
+  MessageScrollerButton,
+  MessageScrollerContent,
+  MessageScrollerItem,
+  MessageScrollerProvider,
+  MessageScrollerViewport,
+  useMessageScroller,
+  useMessageScrollerScrollable,
+  useMessageScrollerVisibility,
+} from "./components/ui/message-scroller";
+export {
+  NativeSelect,
+  NativeSelectOptGroup,
+  NativeSelectOption,
+} from "./components/ui/native-select";
+export {
+  NavigationMenu,
+  NavigationMenuContent,
+  NavigationMenuIndicator,
+  NavigationMenuItem,
+  NavigationMenuLink,
+  NavigationMenuList,
+  NavigationMenuPositioner,
+  NavigationMenuTrigger,
+  navigationMenuTriggerStyle,
+} from "./components/ui/navigation-menu";
+export {
+  Pagination,
+  PaginationContent,
+  PaginationEllipsis,
+  PaginationItem,
+  PaginationLink,
+  PaginationNext,
+  PaginationPrevious,
+} from "./components/ui/pagination";
+export {
+  Popover,
+  PopoverContent,
+  PopoverDescription,
+  PopoverHeader,
+  PopoverTitle,
+  PopoverTrigger,
+} from "./components/ui/popover";
+export {
+  Progress,
+  ProgressIndicator,
+  ProgressLabel,
+  ProgressTrack,
+  ProgressValue,
+} from "./components/ui/progress";
+export {
+  Questionnaire,
+  QuestionnaireActions,
+  QuestionnaireChoice,
+  QuestionnaireChoiceDescription,
+  QuestionnaireChoices,
+  QuestionnaireDescription,
+  QuestionnaireError,
+  QuestionnaireInput,
+  QuestionnaireItem,
+  QuestionnaireNext,
+  QuestionnairePrevious,
+  QuestionnaireProgress,
+  QuestionnaireSkip,
+  QuestionnaireSubmit,
+  QuestionnaireTitle,
+} from "./components/ui/questionnaire";
+export { RadioGroup, RadioGroupItem } from "./components/ui/radio-group";
+export { RelativeDate } from "./components/ui/relative-date";
+export { ResizableHandle, ResizablePanel, ResizablePanelGroup } from "./components/ui/resizable";
+export { ScrollArea, ScrollBar } from "./components/ui/scroll-area";
+export { SearchableSelect, type SearchableSelectOption } from "./components/ui/searchable-select";
+export {
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectScrollDownButton,
+  SelectScrollUpButton,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue,
+} from "./components/ui/select";
+export { Separator } from "./components/ui/separator";
+export {
+  Sheet,
+  SheetClose,
+  SheetContent,
+  SheetDescription,
+  SheetFooter,
+  SheetHeader,
+  SheetTitle,
+  SheetTrigger,
+} from "./components/ui/sheet";
+export {
+  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";
+export { Skeleton } from "./components/ui/skeleton";
+export { Slider } from "./components/ui/slider";
+export { Toaster } from "./components/ui/sonner";
+export { Spinner } from "./components/ui/spinner";
+export { Switch } from "./components/ui/switch";
+export {
+  Table,
+  TableBody,
+  TableCaption,
+  TableCell,
+  TableFooter,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from "./components/ui/table";
+export { Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants } from "./components/ui/tabs";
+export { Textarea } from "./components/ui/textarea";
+export { Toggle, toggleVariants } from "./components/ui/toggle";
+export { ToggleGroup, ToggleGroupItem } from "./components/ui/toggle-group";
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./components/ui/tooltip";
 // ---------- lib / hooks ----------
 export { useConfirm } from "./hooks/use-confirm";
 export { useCopyToClipboard } from "./hooks/use-copy-to-clipboard";

package/src/lib/formatters.ts

@@ -1,5 +1,5 @@
 import { differenceInCalendarDays, formatDistanceToNow } from "date-fns";
-import { th } from "date-fns/locale";
+import { th } from "date-fns/locale/th";
 
 /**
  * ฟอร์แมตวันที่แบบไทยที่ primitives ใช้ร่วมกัน (DatePicker, RelativeDate)

package/src/lib/month.ts

@@ -29,8 +29,20 @@ export function toMonthKey(date: Date): MonthKey {
   return `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, "0")}`;
 }
 
-export function currentMonthKey(now: Date = new Date()): MonthKey {
-  return toMonthKey(now);
+/**
+ * เดือนปัจจุบัน — ไม่ส่ง `timeZone` = โซนเวลาของเครื่อง
+ * ส่ง `timeZone` (เช่น "Asia/Bangkok") เมื่อค่าถูกคำนวณทั้งบน server (UTC) และ browser แล้วต้องตรงกัน (กัน hydration mismatch ต้นเดือน)
+ */
+export function currentMonthKey(now: Date = new Date(), timeZone?: string): MonthKey {
+  if (!timeZone) return toMonthKey(now);
+  const parts = new Intl.DateTimeFormat("en-CA", {
+    timeZone,
+    year: "numeric",
+    month: "2-digit",
+  }).formatToParts(now);
+  const year = parts.find((p) => p.type === "year")?.value ?? String(now.getFullYear());
+  const month = parts.find((p) => p.type === "month")?.value ?? "01";
+  return `${year}-${month}`;
 }
 
 /** เลื่อนเดือน (ลบ = ย้อนหลัง) ข้ามปีให้เอง: shiftMonth("2026-01", -1) → "2025-12" */

package/src/next.ts

@@ -4,7 +4,44 @@
  */
 
 // ---------- app shell (sidebar + header + เนื้อหา) ----------
-export * from "./components/app-shell";
+export {
+  APP_MAIN_ID,
+  AppBrand,
+  type AppBrandProps,
+  AppNav,
+  type AppNavGroup,
+  AppNavGroupMenu,
+  type AppNavItem,
+  type AppNavPinProps,
+  AppShell,
+  type AppShellProps,
+  CommandPalette,
+  type CommandPaletteItem,
+  type CommandPaletteSection,
+  type CommandPaletteSectionItem,
+  type CommandPaletteText,
+  filterNav,
+  flattenNav,
+  HeaderBreadcrumbs,
+  type HeaderBreadcrumbsProps,
+  HeaderCrumb,
+  HeaderCrumbs,
+  isNavActive,
+  isTabActive,
+  MobileTabBar,
+  type MobileTabItem,
+  NavLink,
+  type OrganizationOption,
+  OrganizationSwitcher,
+  type OrganizationSwitcherProps,
+  SubNav,
+  searchNav,
+  TopTabs,
+  topLevelTabs,
+  UserMenu,
+  type UserMenuProps,
+  type UserMenuUser,
+} from "./components/app-shell";
 export { LinkButton, type LinkButtonProps } from "./components/shared/button/base/link-button";
 export { ConfirmActionButton } from "./components/shared/button/confirm-action-button";
 export { RefreshButton } from "./components/shared/button/refresh-button";