@suphark/ui 0.6.1 → 0.8.0

package/src/index.ts

@@ -15,7 +15,22 @@ export type { DateRange } from "react-day-picker";
 export { toast } from "sonner";
 export { ActionForm } from "./components/shared/action-form";
 export * from "./components/shared/button";
+export {
+  type CalendarDayContext,
+  type CalendarDayState,
+  CalendarMonthGrid,
+  type CalendarMonthGridProps,
+  WEEKDAYS_EN,
+  WEEKDAYS_TH,
+} from "./components/shared/calendar-month-grid";
 export { ClientRedirect } from "./components/shared/client-redirect";
+export {
+  ColorPicker,
+  type ColorPickerItem,
+  type ColorPickerProps,
+  type ColorPickerText,
+  ColorSwatch,
+} from "./components/shared/color-picker";
 export { Combobox } from "./components/shared/combobox";
 export {
   ConfirmDialog,
@@ -36,9 +51,17 @@ export {
   type PromptSpec,
   useDialogs,
 } from "./components/shared/dialogs-provider";
+export {
+  Dropzone,
+  type DropzoneProps,
+  type DropzoneRejectReason,
+  type DropzoneText,
+  matchesAccept,
+} from "./components/shared/dropzone";
 export { EmptyRow } from "./components/shared/empty-row";
 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 { 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";
@@ -60,7 +83,18 @@ export {
   type SimpleSelectOptions,
   type SimpleSelectProps,
 } from "./components/shared/form/simple-select";
-export { type FormAction, FormMessage, type FormState } from "./components/shared/form-message";
+export {
+  type FormAction,
+  FormMessage,
+  type FormRenderContext,
+  type FormState,
+} from "./components/shared/form-message";
+export {
+  IconPicker,
+  type IconPickerItem,
+  type IconPickerProps,
+  type IconPickerText,
+} from "./components/shared/icon-picker";
 export { Initials, initialsOf } from "./components/shared/initials";
 export { ErrorState, type RouteError } from "./components/shared/layout/error-state";
 export {
@@ -77,8 +111,10 @@ export { Notice, type NoticeTone } from "./components/shared/notice";
 export { type DecimalLike, FormattedNumber } from "./components/shared/number/formatted-number";
 export { PageHeader } from "./components/shared/page-header";
 export { PageSkeleton } from "./components/shared/page-skeleton";
+export { ProgressBar, type ProgressTone } from "./components/shared/progress-bar";
 export { SecretReveal } from "./components/shared/secret-reveal";
 export { SectionCard } from "./components/shared/section-card";
+export { SelectionButton } from "./components/shared/selection-button";
 export { Stat } from "./components/shared/stat";
 export { StatusBadge, statusTone, type Tone } from "./components/shared/status-badge";
 export { SwitcherChevron } from "./components/shared/switcher-chevron";
@@ -88,6 +124,7 @@ export {
 } from "./components/shared/text/primary-secondary-text";
 export * 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 {
   UI_TEXT_EN,
   UI_TEXT_TH,
@@ -95,6 +132,13 @@ export {
   UiTextProvider,
   useUiText,
 } from "./components/shared/ui-text";
+export {
+  type UploadItem,
+  UploadList,
+  type UploadListProps,
+  type UploadListText,
+  type UploadStatus,
+} from "./components/shared/upload-list";
 // ---------- shadcn/ui primitives ----------
 export * from "./components/ui/accordion";
 export * from "./components/ui/alert";
@@ -162,7 +206,7 @@ export { useMounted } from "./hooks/use-mounted";
 export { useTicker } from "./hooks/use-ticker";
 export { useTrackedState } from "./hooks/use-tracked-state";
 export { copyText, selectContents } from "./lib/copy-text";
-export { formatRelativeThaiDate, formatThaiFullDate } from "./lib/formatters";
+export { formatBytes, formatRelativeThaiDate, formatThaiFullDate } from "./lib/formatters";
 export { getDateTimeFormat, getNumberFormat } from "./lib/intl-cache";
 export {
   type AtomicPermissionRequirement,

package/src/lib/formatters.ts

@@ -44,3 +44,20 @@ export function formatThaiFullDate(date: Date | string | number | null | undefin
 
   return `${d.getDate()} ${THAI_MONTH_SHORT[d.getMonth()]} ${d.getFullYear() + 543}`;
 }
+
+/**
+ * ขนาดไฟล์อ่านง่าย (ฐาน 1024): 0 B, 1.5 KB, 12.3 MB, 1.2 GB — ตัวเลขทศนิยม 1 ตำแหน่งเมื่อ < 10
+ *   formatBytes(1536) → "1.5 KB"
+ */
+export function formatBytes(bytes: number | null | undefined, locale = "th-TH"): string {
+  if (bytes == null || !Number.isFinite(bytes) || bytes < 0) return "—";
+  const units = ["B", "KB", "MB", "GB", "TB"] as const;
+  let value = bytes;
+  let i = 0;
+  while (value >= 1024 && i < units.length - 1) {
+    value /= 1024;
+    i += 1;
+  }
+  const digits = i === 0 ? 0 : value < 10 ? 1 : 0;
+  return `${value.toLocaleString(locale, { maximumFractionDigits: digits })} ${units[i]}`;
+}