@godxjp/ui 6.0.0 → 6.0.2

package/dist/query.prop-hIPrk2zI.d.ts

@@ -0,0 +1,71 @@
+import * as React from 'react';
+import { UseQueryResult, UseInfiniteQueryResult, InfiniteData, UseMutationResult, QueryKey } from '@tanstack/react-query';
+import { LinkProps } from 'react-router-dom';
+import { B as ButtonProp } from './general.prop-D7brMPNL.js';
+import { H as HandlerProp, a as ClassNameProp } from './shared.prop-BNRJc9K0.js';
+
+/** Query / async lifecycle helpers — @see docs/COMPONENTS.md#query */
+
+/** @see DataState — TanStack Query lifecycle widget (not a visual component). */
+type DataStateProp<T> = {
+    query: UseQueryResult<T>;
+    skeleton: React.ReactNode;
+    empty?: React.ReactNode;
+    isEmpty?: (data: NonNullable<T>) => boolean;
+    errorRenderer?: (error: unknown, retry: () => void) => React.ReactNode;
+    /** Default error UI retry button. Default `true`. */
+    showRetry?: boolean;
+    /** Default `() => query.refetch()`. */
+    onRetry?: HandlerProp;
+    children: (data: NonNullable<T>) => React.ReactNode;
+};
+type MutationLike = Pick<UseMutationResult<unknown, unknown, unknown, unknown>, "isError" | "error" | "isPending">;
+/** @see MutationFeedback — inline mutation error (form submit, simulator run). */
+type MutationFeedbackProp = {
+    mutation: MutationLike;
+    onRetry?: HandlerProp;
+    showRetry?: boolean;
+    /** Optional inline pending slot while `mutation.isPending`. */
+    pending?: React.ReactNode;
+    className?: ClassNameProp;
+};
+type QueryRefetchLike = Pick<UseQueryResult<unknown>, "isFetching" | "refetch">;
+/** @see QueryRefetchButton — header Refresh wired to `query.refetch()`. */
+type QueryRefetchButtonProp = Omit<ButtonProp, "onClick" | "disabled"> & {
+    query: QueryRefetchLike;
+    label?: React.ReactNode;
+};
+type InfiniteQueryLike<TPage> = Pick<UseInfiniteQueryResult<InfiniteData<TPage>, unknown>, "isPending" | "isError" | "isFetching" | "isFetchingNextPage" | "error" | "data" | "hasNextPage" | "fetchNextPage" | "refetch">;
+type InfiniteQueryHelpers = {
+    fetchNextPage: () => void;
+    hasNextPage: boolean;
+    isFetchingNextPage: boolean;
+};
+/** @see InfiniteQueryState — useInfiniteQuery lifecycle + load more. */
+type InfiniteQueryStateProp<TPage, TFlat> = {
+    query: InfiniteQueryLike<TPage>;
+    skeleton: React.ReactNode;
+    empty?: React.ReactNode;
+    flatten: (data: {
+        pages: TPage[];
+    }) => TFlat;
+    isEmpty?: (flat: TFlat) => boolean;
+    errorRenderer?: (error: unknown, retry: () => void) => React.ReactNode;
+    showRetry?: boolean;
+    onRetry?: HandlerProp;
+    loadingMore?: React.ReactNode;
+    /** Custom load-more footer; `false` hides footer entirely. */
+    loadMore?: React.ReactNode | false;
+    /** Show default load-more button when `hasNextPage`. Default `true`. */
+    showLoadMore?: boolean;
+    children: (flat: TFlat, helpers: InfiniteQueryHelpers) => React.ReactNode;
+};
+/** @see PrefetchLink — Link + prefetchQuery on hover/focus. */
+type PrefetchLinkProp = LinkProps & {
+    queryKey: QueryKey;
+    queryFn: () => Promise<unknown>;
+    prefetchOn?: "hover" | "focus" | "both" | "none";
+    staleTime?: number;
+};
+
+export type { DataStateProp as D, InfiniteQueryHelpers as I, MutationFeedbackProp as M, PrefetchLinkProp as P, QueryRefetchButtonProp as Q, InfiniteQueryStateProp as a };

package/dist/search-input-uP01rY1L.d.ts

@@ -0,0 +1,22 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { F as FormFieldProp } from './data-entry.prop-BEGA1lTq.js';
+import * as React from 'react';
+
+declare function FormField({ id, label, required, helper, error, labelAddon, className, children, }: FormFieldProp): react_jsx_runtime.JSX.Element;
+
+interface SearchInputProps {
+    value?: string;
+    defaultValue?: string;
+    placeholder?: string;
+    debounce?: number;
+    onSearch: (q: string) => void;
+    label?: React.ReactNode;
+    ariaLabel?: string;
+    className?: string;
+    inputClassName?: string;
+    id?: string;
+    disabled?: boolean;
+}
+declare function SearchInput({ value: controlledValue, defaultValue, placeholder, debounce, onSearch, label, ariaLabel, className, inputClassName, id, disabled, }: SearchInputProps): react_jsx_runtime.JSX.Element;
+
+export { FormField as F, SearchInput as S };

package/dist/shared.prop-BNRJc9K0.d.ts

@@ -0,0 +1,45 @@
+import * as React from 'react';
+
+/**
+ * Shared atomic prop types used across multiple components.
+ * @see docs/PROPS-VOCABULARY.md
+ */
+
+/** Extra CSS class names on a component root. */
+type ClassNameProp = string;
+/** Child nodes slot. */
+type ChildrenProp = React.ReactNode;
+/** Stable DOM / form identifier. */
+type IdProp = string;
+/** Controlled open state for panels (Dialog, Sheet, Popover). */
+type OpenProp = boolean;
+/** Callback when open state changes. */
+type OnOpenChangeProp = (open: boolean) => void;
+/** Async or sync handler — no return value expected. */
+type HandlerProp = () => void | Promise<void>;
+/** Loading / pending state — disables actions and shows spinners. */
+type PendingProp = boolean;
+/** Field or control is required. */
+type RequiredProp = boolean;
+/** Disable user interaction. */
+type DisabledProp = boolean;
+/** Generic label text (filters, form fields, nav groups). */
+type LabelProp = React.ReactNode;
+/** Helper / hint text below inputs. */
+type HelperProp = React.ReactNode;
+/** Validation error message. */
+type ErrorProp = React.ReactNode;
+/** Placeholder text for inputs. */
+type PlaceholderProp = string;
+/** HTML input `name` attribute. */
+type NameProp = string;
+/** HTML input `value` — string form. */
+type ValueProp = string;
+/** Change handler for text inputs. */
+type OnChangeProp = React.ChangeEventHandler<HTMLInputElement>;
+/** Click handler for buttons and interactive elements. */
+type OnClickProp = React.MouseEventHandler<HTMLButtonElement>;
+/** Radix/shadcn `asChild` polymorphism — render as child element. */
+type AsChildProp = boolean;
+
+export type { AsChildProp as A, ChildrenProp as C, DisabledProp as D, ErrorProp as E, HandlerProp as H, IdProp as I, LabelProp as L, NameProp as N, OnChangeProp as O, PendingProp as P, RequiredProp as R, ValueProp as V, ClassNameProp as a, HelperProp as b, OnClickProp as c, OnOpenChangeProp as d, OpenProp as e, PlaceholderProp as f };

package/{src → dist}/styles/control.css

@@ -157,7 +157,7 @@
 
   .ui-choice-control {
     flex-shrink: 0;
-    margin-top: var(--choice-control-offset);
+    line-height: 0;
   }
 
   .ui-choice-content {

package/dist/types-mvzYGrma.d.ts

@@ -0,0 +1,37 @@
+/** Clock display — sent as `x-time-format` to backend. */
+type AppTimeFormat = "24h" | "12h";
+declare const APP_TIME_FORMATS: readonly ["24h", "12h"];
+declare const APP_REQUEST_HEADER_TIME_FORMAT: "x-time-format";
+/** date-fns pattern for time-only display. */
+declare function getTimePattern(timeFormat: AppTimeFormat): string;
+declare function isAppTimeFormat(value: string | null | undefined): value is AppTimeFormat;
+
+/** Date-only display preset — sent as `x-date-format` to backend. */
+
+type AppDateFormat = "iso" | "dmy" | "mdy";
+declare const APP_DATE_FORMATS: readonly ["iso", "dmy", "mdy"];
+declare const APP_REQUEST_HEADER_DATE_FORMAT: "x-date-format";
+/** date-fns pattern for date-only display. */
+declare function getDatePattern(dateFormat: AppDateFormat): string;
+/** date-fns pattern for date + time (table cells). */
+declare function getDateTimePattern(timeFormat: AppTimeFormat, dateFormat: AppDateFormat): string;
+declare function isAppDateFormat(value: string | null | undefined): value is AppDateFormat;
+
+/** Supported UI locales — sent as `x-locale` to backend. */
+type AppLocale = "vi" | "en" | "ja";
+/** IANA timezone identifier — sent as `x-timezone` to backend. */
+type AppTimezone = string;
+/** How to resolve the initial timezone when nothing is stored. */
+type AppTimezoneDefault = "browser" | "system" | (AppTimezone & {});
+
+declare const APP_LOCALES: readonly ["vi", "en", "ja"];
+declare const APP_REQUEST_HEADER_LOCALE: "x-locale";
+declare const APP_REQUEST_HEADER_TIMEZONE: "x-timezone";
+type AppRequestHeaders = {
+    "x-locale": AppLocale;
+    "x-timezone": AppTimezone;
+    "x-time-format": AppTimeFormat;
+    "x-date-format": AppDateFormat;
+};
+
+export { APP_DATE_FORMATS as A, APP_LOCALES as a, APP_REQUEST_HEADER_DATE_FORMAT as b, APP_REQUEST_HEADER_LOCALE as c, APP_REQUEST_HEADER_TIMEZONE as d, APP_REQUEST_HEADER_TIME_FORMAT as e, APP_TIME_FORMATS as f, type AppDateFormat as g, type AppLocale as h, type AppRequestHeaders as i, type AppTimeFormat as j, type AppTimezone as k, type AppTimezoneDefault as l, getDatePattern as m, getDateTimePattern as n, getTimePattern as o, isAppDateFormat as p, isAppTimeFormat as q };

package/dist/use-toast-Dol5bdY3.d.ts

@@ -0,0 +1,34 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { ExternalToast, toast as toast$1 } from 'sonner';
+
+interface SkeletonRowsProps {
+    rows?: number;
+    columns?: number;
+    className?: string;
+}
+/** Skeleton for a flat list of rows (use inside a Card or section). */
+declare function SkeletonRows({ rows, columns, className }: SkeletonRowsProps): react_jsx_runtime.JSX.Element;
+/** Skeleton matching the DataTable layout — header row + N body rows. */
+declare function SkeletonTable({ rows, columns }: SkeletonRowsProps): react_jsx_runtime.JSX.Element;
+/** Skeleton matching a Card detail layout — title + 6 metadata rows. */
+declare function SkeletonDetail(): react_jsx_runtime.JSX.Element;
+/** Skeleton matching a stat card / dashboard tile. */
+declare function SkeletonCard(): react_jsx_runtime.JSX.Element;
+
+type LegacyToastOptions = ExternalToast & {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    variant?: "default" | "destructive" | "success";
+};
+type ToastFn = typeof toast$1 & ((options: LegacyToastOptions) => ReturnType<typeof toast$1>);
+/** Sonner toast + legacy `{ title, variant }` object form. */
+declare const toast: ToastFn;
+/** Legacy hook — prefer `toast` import directly; kept for existing admin pages. */
+declare function useToast(): {
+    toast: (options: LegacyToastOptions) => string | number;
+    dismiss: (id?: number | string) => string | number;
+    toasts: readonly [];
+};
+
+export { type LegacyToastOptions as L, SkeletonCard as S, SkeletonDetail as a, SkeletonRows as b, SkeletonTable as c, toast as t, useToast as u };

package/package.json

@@ -1,72 +1,234 @@
 {
   "name": "@godxjp/ui",
-  "version": "6.0.0",
+  "version": "6.0.2",
   "type": "module",
   "description": "@godxjp/ui — shared React UI framework (shadcn + Radix + Tailwind v4).",
   "files": [
-    "src",
+    "dist",
     "scripts/ui-audit.mjs",
     "README.md"
   ],
-  "main": "./src/index.ts",
-  "types": "./src/index.ts",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "exports": {
-    ".": "./src/index.ts",
-    "./styles": "./src/styles/index.css",
-    "./tokens": "./src/tokens/base.css",
-    "./admin": "./src/components/admin/index.ts",
-    "./layout": "./src/components/layout/index.ts",
-    "./general": "./src/components/general/index.ts",
-    "./data-entry": "./src/components/data-entry/index.ts",
-    "./data-display": "./src/components/data-display/index.ts",
-    "./feedback": "./src/components/feedback/index.ts",
-    "./query": "./src/components/query/index.ts",
-    "./ui": "./src/components/ui/index.tsx",
-    "./navigation": "./src/components/navigation/index.ts",
-    "./props": "./src/props/index.ts",
-    "./props/vocabulary": "./src/props/vocabulary/index.ts",
-    "./props/components": "./src/props/components/index.ts",
-    "./props/registry": "./src/props/registry.ts",
-    "./form": "./src/form/index.ts",
-    "./app": "./src/app/index.ts",
-    "./datetime": "./src/lib/datetime/index.ts",
-    "./i18n": "./src/i18n/index.ts",
-    "./lib/utils": "./src/lib/utils.ts",
-    "./ui/button": "./src/components/general/button.tsx",
-    "./ui/badge": "./src/components/data-display/badge.tsx",
-    "./ui/card": "./src/components/data-display/card.tsx",
-    "./ui/table": "./src/components/data-display/table.tsx",
-    "./ui/input": "./src/components/data-entry/input.tsx",
-    "./ui/label": "./src/components/data-entry/label.tsx",
-    "./ui/select": "./src/components/data-entry/select.tsx",
-    "./ui/checkbox": "./src/components/data-entry/checkbox.tsx",
-    "./ui/radio": "./src/components/data-entry/radio.tsx",
-    "./ui/switch": "./src/components/data-entry/switch.tsx",
-    "./ui/slider": "./src/components/data-entry/slider.tsx",
-    "./ui/calendar": "./src/components/data-entry/calendar.tsx",
-    "./ui/date-picker": "./src/components/data-entry/date-picker.tsx",
-    "./ui/date-range-picker": "./src/components/data-entry/date-range-picker.tsx",
-    "./ui/time-picker": "./src/components/data-entry/time-picker.tsx",
-    "./ui/color-picker": "./src/components/data-entry/color-picker.tsx",
-    "./ui/autocomplete": "./src/components/data-entry/autocomplete.tsx",
-    "./ui/upload": "./src/components/data-entry/upload.tsx",
-    "./ui/cascader": "./src/components/data-entry/cascader.tsx",
-    "./ui/tree-select": "./src/components/data-entry/tree-select.tsx",
-    "./ui/transfer": "./src/components/data-entry/transfer.tsx",
-    "./ui/command": "./src/components/data-entry/command.tsx",
-    "./ui/scroll-area": "./src/components/data-display/scroll-area.tsx",
-    "./ui/popover": "./src/components/data-display/popover.tsx",
-    "./ui/textarea": "./src/components/data-entry/textarea.tsx",
-    "./ui/dialog": "./src/components/feedback/dialog.tsx",
-    "./ui/alert-dialog": "./src/components/feedback/dialog.tsx",
-    "./ui/alert": "./src/components/feedback/alert.tsx",
-    "./ui/sonner": "./src/components/feedback/sonner.tsx",
-    "./ui/tabs": "./src/components/navigation/tabs.tsx",
-    "./ui/tabs-items": "./src/components/navigation/tabs-items.tsx",
-    "./ui/pagination": "./src/components/navigation/pagination.tsx",
-    "./ui/steps": "./src/components/navigation/steps.tsx",
-    "./ui/sheet": "./src/components/feedback/sheet.tsx",
-    "./ui/dropdown-menu": "./src/components/navigation/dropdown-menu.tsx"
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./styles": "./dist/styles/index.css",
+    "./tokens": "./dist/tokens/base.css",
+    "./admin": {
+      "types": "./dist/components/admin/index.d.ts",
+      "import": "./dist/components/admin/index.js"
+    },
+    "./layout": {
+      "types": "./dist/components/layout/index.d.ts",
+      "import": "./dist/components/layout/index.js"
+    },
+    "./general": {
+      "types": "./dist/components/general/index.d.ts",
+      "import": "./dist/components/general/index.js"
+    },
+    "./data-entry": {
+      "types": "./dist/components/data-entry/index.d.ts",
+      "import": "./dist/components/data-entry/index.js"
+    },
+    "./data-display": {
+      "types": "./dist/components/data-display/index.d.ts",
+      "import": "./dist/components/data-display/index.js"
+    },
+    "./feedback": {
+      "types": "./dist/components/feedback/index.d.ts",
+      "import": "./dist/components/feedback/index.js"
+    },
+    "./query": {
+      "types": "./dist/components/query/index.d.ts",
+      "import": "./dist/components/query/index.js"
+    },
+    "./ui": {
+      "types": "./dist/components/ui/index.d.ts",
+      "import": "./dist/components/ui/index.js"
+    },
+    "./navigation": {
+      "types": "./dist/components/navigation/index.d.ts",
+      "import": "./dist/components/navigation/index.js"
+    },
+    "./props": {
+      "types": "./dist/props/index.d.ts",
+      "import": "./dist/props/index.js"
+    },
+    "./props/vocabulary": {
+      "types": "./dist/props/vocabulary/index.d.ts",
+      "import": "./dist/props/vocabulary/index.js"
+    },
+    "./props/components": {
+      "types": "./dist/props/components/index.d.ts",
+      "import": "./dist/props/components/index.js"
+    },
+    "./props/registry": {
+      "types": "./dist/props/registry.d.ts",
+      "import": "./dist/props/registry.js"
+    },
+    "./form": {
+      "types": "./dist/form/index.d.ts",
+      "import": "./dist/form/index.js"
+    },
+    "./app": {
+      "types": "./dist/app/index.d.ts",
+      "import": "./dist/app/index.js"
+    },
+    "./datetime": {
+      "types": "./dist/lib/datetime/index.d.ts",
+      "import": "./dist/lib/datetime/index.js"
+    },
+    "./i18n": {
+      "types": "./dist/i18n/index.d.ts",
+      "import": "./dist/i18n/index.js"
+    },
+    "./lib/utils": {
+      "types": "./dist/lib/utils.d.ts",
+      "import": "./dist/lib/utils.js"
+    },
+    "./ui/button": {
+      "types": "./dist/components/general/button.d.ts",
+      "import": "./dist/components/general/button.js"
+    },
+    "./ui/badge": {
+      "types": "./dist/components/data-display/badge.d.ts",
+      "import": "./dist/components/data-display/badge.js"
+    },
+    "./ui/card": {
+      "types": "./dist/components/data-display/card.d.ts",
+      "import": "./dist/components/data-display/card.js"
+    },
+    "./ui/table": {
+      "types": "./dist/components/data-display/table.d.ts",
+      "import": "./dist/components/data-display/table.js"
+    },
+    "./ui/input": {
+      "types": "./dist/components/data-entry/input.d.ts",
+      "import": "./dist/components/data-entry/input.js"
+    },
+    "./ui/label": {
+      "types": "./dist/components/data-entry/label.d.ts",
+      "import": "./dist/components/data-entry/label.js"
+    },
+    "./ui/select": {
+      "types": "./dist/components/data-entry/select.d.ts",
+      "import": "./dist/components/data-entry/select.js"
+    },
+    "./ui/checkbox": {
+      "types": "./dist/components/data-entry/checkbox.d.ts",
+      "import": "./dist/components/data-entry/checkbox.js"
+    },
+    "./ui/radio": {
+      "types": "./dist/components/data-entry/radio.d.ts",
+      "import": "./dist/components/data-entry/radio.js"
+    },
+    "./ui/switch": {
+      "types": "./dist/components/data-entry/switch.d.ts",
+      "import": "./dist/components/data-entry/switch.js"
+    },
+    "./ui/slider": {
+      "types": "./dist/components/data-entry/slider.d.ts",
+      "import": "./dist/components/data-entry/slider.js"
+    },
+    "./ui/calendar": {
+      "types": "./dist/components/data-entry/calendar.d.ts",
+      "import": "./dist/components/data-entry/calendar.js"
+    },
+    "./ui/date-picker": {
+      "types": "./dist/components/data-entry/date-picker.d.ts",
+      "import": "./dist/components/data-entry/date-picker.js"
+    },
+    "./ui/date-range-picker": {
+      "types": "./dist/components/data-entry/date-range-picker.d.ts",
+      "import": "./dist/components/data-entry/date-range-picker.js"
+    },
+    "./ui/time-picker": {
+      "types": "./dist/components/data-entry/time-picker.d.ts",
+      "import": "./dist/components/data-entry/time-picker.js"
+    },
+    "./ui/color-picker": {
+      "types": "./dist/components/data-entry/color-picker.d.ts",
+      "import": "./dist/components/data-entry/color-picker.js"
+    },
+    "./ui/autocomplete": {
+      "types": "./dist/components/data-entry/autocomplete.d.ts",
+      "import": "./dist/components/data-entry/autocomplete.js"
+    },
+    "./ui/upload": {
+      "types": "./dist/components/data-entry/upload.d.ts",
+      "import": "./dist/components/data-entry/upload.js"
+    },
+    "./ui/cascader": {
+      "types": "./dist/components/data-entry/cascader.d.ts",
+      "import": "./dist/components/data-entry/cascader.js"
+    },
+    "./ui/tree-select": {
+      "types": "./dist/components/data-entry/tree-select.d.ts",
+      "import": "./dist/components/data-entry/tree-select.js"
+    },
+    "./ui/transfer": {
+      "types": "./dist/components/data-entry/transfer.d.ts",
+      "import": "./dist/components/data-entry/transfer.js"
+    },
+    "./ui/command": {
+      "types": "./dist/components/data-entry/command.d.ts",
+      "import": "./dist/components/data-entry/command.js"
+    },
+    "./ui/scroll-area": {
+      "types": "./dist/components/data-display/scroll-area.d.ts",
+      "import": "./dist/components/data-display/scroll-area.js"
+    },
+    "./ui/popover": {
+      "types": "./dist/components/data-display/popover.d.ts",
+      "import": "./dist/components/data-display/popover.js"
+    },
+    "./ui/textarea": {
+      "types": "./dist/components/data-entry/textarea.d.ts",
+      "import": "./dist/components/data-entry/textarea.js"
+    },
+    "./ui/dialog": {
+      "types": "./dist/components/feedback/dialog.d.ts",
+      "import": "./dist/components/feedback/dialog.js"
+    },
+    "./ui/alert-dialog": {
+      "types": "./dist/components/feedback/dialog.d.ts",
+      "import": "./dist/components/feedback/dialog.js"
+    },
+    "./ui/alert": {
+      "types": "./dist/components/feedback/alert.d.ts",
+      "import": "./dist/components/feedback/alert.js"
+    },
+    "./ui/sonner": {
+      "types": "./dist/components/feedback/sonner.d.ts",
+      "import": "./dist/components/feedback/sonner.js"
+    },
+    "./ui/tabs": {
+      "types": "./dist/components/navigation/tabs.d.ts",
+      "import": "./dist/components/navigation/tabs.js"
+    },
+    "./ui/tabs-items": {
+      "types": "./dist/components/navigation/tabs-items.d.ts",
+      "import": "./dist/components/navigation/tabs-items.js"
+    },
+    "./ui/pagination": {
+      "types": "./dist/components/navigation/pagination.d.ts",
+      "import": "./dist/components/navigation/pagination.js"
+    },
+    "./ui/steps": {
+      "types": "./dist/components/navigation/steps.d.ts",
+      "import": "./dist/components/navigation/steps.js"
+    },
+    "./ui/sheet": {
+      "types": "./dist/components/feedback/sheet.d.ts",
+      "import": "./dist/components/feedback/sheet.js"
+    },
+    "./ui/dropdown-menu": {
+      "types": "./dist/components/navigation/dropdown-menu.d.ts",
+      "import": "./dist/components/navigation/dropdown-menu.js"
+    }
   },
   "scripts": {
     "typecheck": "tsc --noEmit -p tsconfig.json",
@@ -78,11 +240,13 @@
     "test:watch": "vitest",
     "test:coverage": "vitest run --coverage",
     "verify": "pnpm typecheck && pnpm lint && pnpm format && pnpm test",
-    "verify:release": "pnpm typecheck && pnpm lint && pnpm preview:build && pnpm test",
+    "verify:release": "pnpm typecheck && pnpm lint && pnpm build && pnpm test",
     "preview": "node preview/scripts/kill-port.mjs && vite --config preview/vite.config.ts --port 6008 --strictPort",
     "preview:build": "vite build --config preview/vite.config.ts",
     "docs:sync-primitives": "node preview/scripts/sync-primitive-docs.mjs && prettier --write \"docs/primitives/**/*.tsx\"",
-    "audit": "node scripts/ui-audit.mjs"
+    "audit": "node scripts/ui-audit.mjs",
+    "build": "tsup && node scripts/copy-styles.mjs",
+    "prepublishOnly": "pnpm run build"
   },
   "peerDependencies": {
     "@hookform/resolvers": "^5.2.0",
@@ -95,8 +259,11 @@
     "zod": "^4.4.0"
   },
   "dependencies": {
+    "@date-fns/tz": "^1.5.0",
+    "@fontsource/m-plus-2": "^5.2.9",
     "@radix-ui/react-alert-dialog": "^1.1.15",
     "@radix-ui/react-checkbox": "^1.3.3",
+    "@radix-ui/react-collapsible": "^1.1.12",
     "@radix-ui/react-context": "^1.1.2",
     "@radix-ui/react-dialog": "^1.1.15",
     "@radix-ui/react-dropdown-menu": "^2.1.16",
@@ -104,7 +271,6 @@
     "@radix-ui/react-popover": "^1.1.15",
     "@radix-ui/react-radio-group": "^1.3.8",
     "@radix-ui/react-scroll-area": "^1.2.10",
-    "@radix-ui/react-collapsible": "^1.1.12",
     "@radix-ui/react-select": "^2.2.6",
     "@radix-ui/react-slider": "^1.3.6",
     "@radix-ui/react-slot": "^1.2.4",
@@ -113,14 +279,12 @@
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
-    "@date-fns/tz": "^1.5.0",
     "date-fns": "^4.1.0",
     "lucide-react": "^1.14.0",
     "react-day-picker": "^10.0.1",
     "sonner": "^2.0.7",
     "tailwind-merge": "^3.5.0",
-    "tailwindcss-animate": "^1.0.7",
-    "@fontsource/m-plus-2": "^5.2.9"
+    "tailwindcss-animate": "^1.0.7"
   },
   "devDependencies": {
     "@eslint/js": "^9.39.4",
@@ -146,6 +310,7 @@
     "react-hook-form": "^7.76.0",
     "react-router-dom": "^7.15.0",
     "tailwindcss": "^4.2.4",
+    "tsup": "^8.5.1",
     "typescript": "^6.0.3",
     "typescript-eslint": "^8.60.0",
     "vite": "^8.0.10",
@@ -154,5 +319,6 @@
   },
   "bin": {
     "godxjp-ui-audit": "scripts/ui-audit.mjs"
-  }
-}
+  },
+  "module": "./dist/index.js"
+}