@suphark/ui 0.24.0 → 0.25.0

package/src/components/shared/ui-text.tsx

@@ -89,6 +89,27 @@ export interface UiText {
   presence?: Partial<{ online: string; away: string; busy: string; offline: string }>;
   /** TextareaField (optional) — ข้อความ screen reader ของตัวนับ ใช้ {count} {max} */
   characterCount?: string;
+  /** NumberInput (optional) */
+  number?: Partial<{ increment: string; decrement: string }>;
+  /** TimePicker / DateTimePicker (optional) */
+  time?: Partial<{
+    choose: string;
+    hour: string;
+    minute: string;
+    now: string;
+    clear: string;
+    dateTimePlaceholder: string;
+  }>;
+  /** TagsInput (optional) — remove ใช้ {tag}, duplicate ใช้ {tag}, max ใช้ {max} */
+  tags?: Partial<{ placeholder: string; remove: string; duplicate: string; max: string }>;
+  /** StepForm (optional) — progress ใช้ {current} {total} */
+  stepForm?: Partial<{
+    label: string;
+    previous: string;
+    next: string;
+    submit: string;
+    progress: string;
+  }>;
 }
 
 export const UI_TEXT_TH: UiText = {
@@ -156,6 +177,28 @@ export const UI_TEXT_TH: UiText = {
   loading: "กำลังโหลด…",
   presence: { online: "ออนไลน์", away: "ไม่อยู่", busy: "ไม่ว่าง", offline: "ออฟไลน์" },
   characterCount: "พิมพ์แล้ว {count} จาก {max} ตัวอักษร",
+  number: { increment: "เพิ่ม", decrement: "ลด" },
+  time: {
+    choose: "เลือกเวลา",
+    hour: "ชั่วโมง",
+    minute: "นาที",
+    now: "ตอนนี้",
+    clear: "ล้าง",
+    dateTimePlaceholder: "เลือกวันและเวลา",
+  },
+  tags: {
+    placeholder: "พิมพ์แล้วกด Enter",
+    remove: "ลบ {tag}",
+    duplicate: "มี “{tag}” แล้ว",
+    max: "เพิ่มได้สูงสุด {max} รายการ",
+  },
+  stepForm: {
+    label: "ขั้นตอน",
+    previous: "ย้อนกลับ",
+    next: "ถัดไป",
+    submit: "ส่ง",
+    progress: "ขั้นที่ {current} จาก {total}",
+  },
 };
 
 export const UI_TEXT_EN: UiText = {
@@ -223,6 +266,28 @@ export const UI_TEXT_EN: UiText = {
   loading: "Loading…",
   presence: { online: "Online", away: "Away", busy: "Busy", offline: "Offline" },
   characterCount: "{count} of {max} characters",
+  number: { increment: "Increase", decrement: "Decrease" },
+  time: {
+    choose: "Choose time",
+    hour: "Hour",
+    minute: "Minute",
+    now: "Now",
+    clear: "Clear",
+    dateTimePlaceholder: "Pick date and time",
+  },
+  tags: {
+    placeholder: "Type and press Enter",
+    remove: "Remove {tag}",
+    duplicate: "“{tag}” is already added",
+    max: "Up to {max} items",
+  },
+  stepForm: {
+    label: "Steps",
+    previous: "Back",
+    next: "Next",
+    submit: "Submit",
+    progress: "Step {current} of {total}",
+  },
 };
 
 const UiTextContext = createContext<UiText>(UI_TEXT_TH);

package/src/data-table.ts

@@ -7,7 +7,18 @@
  * ```
  * state ของตารางใน URL (`useTableSearchParams`) ต้องใช้ next/navigation → อยู่ที่ `@suphark/ui/next`
  */
-export * from "./components/data-table";
+export {
+  DataTable,
+  DataTableColumnHeader,
+  DataTableDateRangeFilter,
+  DataTableFacetedFilter,
+  DataTablePagination,
+  type DataTableProps,
+  DataTableToolbar,
+  DataTableViewOptions,
+  type FacetedFilterConfig,
+  useDataTable,
+} from "./components/data-table";
 export { DataTableRowActions } from "./components/data-table/data-table-row-actions";
 export { DeleteManyButton } from "./components/shared/button/delete-many-button";
 export {

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,
@@ -91,6 +104,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 +114,16 @@ 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 {
+  DateTimePicker,
+  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/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";