@godxjp/ui 5.0.2 → 6.0.1

package/dist/components/query/index.d.ts

@@ -0,0 +1,43 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { D as DataStateProp, M as MutationFeedbackProp, Q as QueryRefetchButtonProp, a as InfiniteQueryStateProp, P as PrefetchLinkProp } from '../../query.prop-hIPrk2zI.js';
+import 'react';
+import '@tanstack/react-query';
+import 'react-router-dom';
+import '../../general.prop-D7brMPNL.js';
+import '../../shared.prop-BNRJc9K0.js';
+import '../../interaction.prop-Cdn7wOtq.js';
+
+/**
+ * Query lifecycle widget — orchestrates skeleton / error / empty / success for one `useQuery` block.
+ * Not a visual component; prefer `@godxjp/ui/query`. Apps may also import via `@godxjp/ui/admin`.
+ */
+declare function DataState<T>({ query, skeleton, empty, isEmpty, errorRenderer, showRetry, onRetry, children, }: DataStateProp<T>): react_jsx_runtime.JSX.Element;
+
+/**
+ * Inline mutation error — renders nothing when idle/success.
+ * Prefer toast for transient saves; use this for blocking form sections (SimulatorPage).
+ */
+declare function MutationFeedback({ mutation, onRetry, showRetry, pending, className, }: MutationFeedbackProp): react_jsx_runtime.JSX.Element | null;
+
+/** Page-header Refresh — spins while `query.isFetching`, calls `query.refetch()`. */
+declare function QueryRefetchButton({ query, label, children, variant, size, className, ...props }: QueryRefetchButtonProp): react_jsx_runtime.JSX.Element;
+
+/** Flatten `{ pages: [{ items }] }` — default GODX paginated API shape. */
+declare function flattenItemPages<TItem, TPage extends {
+    items: TItem[];
+}>(data: {
+    pages: TPage[];
+} | undefined): TItem[];
+/**
+ * `useInfiniteQuery` lifecycle widget — flatten pages, load-more footer.
+ * Cursor / activity feeds where user accumulates pages (vs DataTable cursor buttons).
+ */
+declare function InfiniteQueryState<TPage, TFlat>({ query, skeleton, empty, flatten, isEmpty, errorRenderer, showRetry, onRetry, loadingMore, loadMore, showLoadMore, children, }: InfiniteQueryStateProp<TPage, TFlat>): react_jsx_runtime.JSX.Element;
+
+/**
+ * React Router `Link` + `queryClient.prefetchQuery` on hover/focus.
+ * Detail routes feel instant when list rows are hovered.
+ */
+declare function PrefetchLink({ queryKey, queryFn, prefetchOn, staleTime, onMouseEnter, onFocus, ...linkProps }: PrefetchLinkProp): react_jsx_runtime.JSX.Element;
+
+export { DataState, DataStateProp, DataStateProp as DataStateProps, InfiniteQueryState, InfiniteQueryStateProp, InfiniteQueryStateProp as InfiniteQueryStateProps, MutationFeedback, MutationFeedbackProp, MutationFeedbackProp as MutationFeedbackProps, PrefetchLink, PrefetchLinkProp, PrefetchLinkProp as PrefetchLinkProps, QueryRefetchButton, QueryRefetchButtonProp, QueryRefetchButtonProp as QueryRefetchButtonProps, flattenItemPages };

package/dist/components/query/index.js

@@ -0,0 +1,8 @@
+export { DataState, InfiniteQueryState, MutationFeedback, PrefetchLink, QueryRefetchButton, flattenItemPages } from '../../chunk-LVNUHUEZ.js';
+import '../../chunk-E4HJNQ62.js';
+import '../../chunk-7S7MYFXE.js';
+import '../../chunk-S66TJXJU.js';
+import '../../chunk-HJEBRCXL.js';
+import '../../chunk-3F2AKYRD.js';
+import '../../chunk-YFCQKO3B.js';
+import '../../chunk-U7N2A7A3.js';

package/dist/components/ui/index.d.ts

@@ -0,0 +1,57 @@
+export { Alert, AlertActions, AlertBase, AlertContent, AlertDescription, AlertQueryError, AlertTitle } from '../feedback/alert.js';
+export { Dialog, DialogAction, DialogCancel, DialogClose, DialogConfirm, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogMode, DialogOverlay, DialogPortal, DialogRoot, DialogTitle, DialogTrigger } from '../feedback/dialog.js';
+export { Autocomplete } from '../data-entry/autocomplete.js';
+export { Badge, BadgeProps } from '../data-display/badge.js';
+export { Button, buttonVariants } from '../general/button.js';
+export { Calendar } from '../data-entry/calendar.js';
+export { Card, CardAction, CardContent, CardContentProps, CardCover, CardCoverProps, CardDescription, CardFooter, CardFooterProps, CardHeader, CardHeaderProps, CardProps, CardStat, CardStatProps, CardTitle } from '../data-display/card.js';
+export { C as Checkbox } from '../../checkbox-NkFkqsQ8.js';
+export { ColorPicker } from '../data-entry/color-picker.js';
+export { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from '../data-entry/command.js';
+export { DatePicker } from '../data-entry/date-picker.js';
+export { DateRangePicker } from '../data-entry/date-range-picker.js';
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from '../navigation/dropdown-menu.js';
+export { Input, InputProps } from '../data-entry/input.js';
+export { Label } from '../data-entry/label.js';
+export { Pagination } from '../navigation/pagination.js';
+export { Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger } from '../data-display/popover.js';
+export { Radio, RadioGroup, RadioGroupRoot, RadioItem } from '../data-entry/radio.js';
+export { ScrollArea, ScrollBar } from '../data-display/scroll-area.js';
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from '../data-entry/select.js';
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger } from '../feedback/sheet.js';
+export { Slider } from '../data-entry/slider.js';
+export { Toaster } from '../feedback/sonner.js';
+export { Switch } from '../data-entry/switch.js';
+export { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '../data-display/table.js';
+export { Tabs, TabsContent, TabsList, TabsTrigger } from '../navigation/tabs.js';
+export { TabsItems } from '../navigation/tabs-items.js';
+export { Textarea, TextareaProps } from '../data-entry/textarea.js';
+export { TimePicker } from '../data-entry/time-picker.js';
+export { Upload, useUploadDraft } from '../data-entry/upload.js';
+export { A as AlertActionsProp, A as AlertActionsProps, a as AlertContentProp, a as AlertContentProps, b as AlertDescriptionProp, b as AlertDescriptionProps, c as AlertProp, c as AlertProps, d as AlertQueryErrorProp, d as AlertQueryErrorProps, e as AlertTitleProp, e as AlertTitleProps, D as DialogConfirmProp, D as DialogConfirmProps } from '../../feedback.prop-BmxUlpAW.js';
+export { a as AutocompleteProp, a as AutocompleteProps, C as CalendarProp, C as CalendarProps, f as ColorPickerProp, f as ColorPickerProps, D as DatePickerProp, D as DatePickerProps, j as DateRangePickerProp, j as DateRangePickerProps, R as RadioGroupProp, R as RadioGroupProps, m as SliderProp, m as SliderProps, o as SwitchProp, o as SwitchProps, p as TimePickerProp, p as TimePickerProps, U as UploadCommitAction, v as UploadFileItem, w as UploadFileItemProp, x as UploadProp, x as UploadProps, y as UploadVariant, z as UploadVariantProp, B as collectUploadCommitActions, E as createUploadItem } from '../../data-entry.prop-BEGA1lTq.js';
+export { B as ButtonProp, B as ButtonProps } from '../../general.prop-D7brMPNL.js';
+export { P as PaginationProp, P as PaginationProps, d as TabsItemsProp, d as TabsItemsProps } from '../../navigation.prop-DpZqcXey.js';
+import 'react/jsx-runtime';
+import '../../shared.prop-BNRJc9K0.js';
+import 'react';
+import '../../content.prop-D1Dd3TAc.js';
+import '../../interaction.prop-Cdn7wOtq.js';
+import '@radix-ui/react-dialog';
+import '@radix-ui/react-alert-dialog';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+import '@radix-ui/react-checkbox';
+import '@radix-ui/react-dropdown-menu';
+import '@radix-ui/react-label';
+import '@radix-ui/react-popover';
+import '@radix-ui/react-radio-group';
+import '@radix-ui/react-scroll-area';
+import '@radix-ui/react-select';
+import '@radix-ui/react-slider';
+import 'sonner';
+import '@radix-ui/react-switch';
+import '@radix-ui/react-tabs';
+import 'react-day-picker';
+import '../../data.prop-BVvfKC_g.js';
+import '../../layout.prop-4TCNvyQZ.js';

package/dist/components/ui/index.js

@@ -0,0 +1,37 @@
+export { Radio, RadioGroupOptions as RadioGroup, RadioGroupRoot, RadioItem } from '../../chunk-3UGU5TYP.js';
+export { Switch } from '../../chunk-WXW43RK5.js';
+export { Textarea } from '../../chunk-ZLK5SPT6.js';
+export { TimePicker } from '../../chunk-CDWPQ5RP.js';
+export { ColorPicker } from '../../chunk-ZDWXGWLY.js';
+export { DatePicker } from '../../chunk-TAHBM3F2.js';
+export { DateRangePicker } from '../../chunk-BI3HERR7.js';
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger } from '../../chunk-BHV2FUOA.js';
+export { Autocomplete } from '../../chunk-TOO5AEKL.js';
+export { Calendar } from '../../chunk-IK7I3ABN.js';
+export { Card, CardAction, CardContent, CardCover, CardDescription, CardFooter, CardHeader, CardStat, CardTitle } from '../../chunk-7NZFVD24.js';
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from '../../chunk-TO33OY4L.js';
+export { Pagination } from '../../chunk-GDSVW62T.js';
+export { TabsItems } from '../../chunk-BPSKQUL2.js';
+export { Tabs, TabsContent, TabsList, TabsTrigger } from '../../chunk-XG7XDYIM.js';
+export { Upload, collectUploadCommitActions, createUploadItem, useUploadDraft } from '../../chunk-NZ4FOC5N.js';
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from '../../chunk-UX634MYF.js';
+export { Slider } from '../../chunk-CRERCLIZ.js';
+export { Toaster } from '../../chunk-TO7URV7U.js';
+export { Checkbox } from '../../chunk-E76QIYSY.js';
+import '../../chunk-CQBADMFG.js';
+export { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from '../../chunk-V6UWJKZF.js';
+export { Badge } from '../../chunk-PIIRNAXA.js';
+export { Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger } from '../../chunk-DY5C44UP.js';
+export { ScrollArea, ScrollBar } from '../../chunk-3KPEZ5CF.js';
+export { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '../../chunk-ZS6DTAM2.js';
+import '../../chunk-ICM6XBST.js';
+export { Alert, AlertActions, AlertBase, AlertContent, AlertDescription, AlertQueryError, AlertTitle } from '../../chunk-E4HJNQ62.js';
+import '../../chunk-7S7MYFXE.js';
+import '../../chunk-S66TJXJU.js';
+export { Dialog, DialogAction, DialogCancel, DialogClose, DialogConfirm, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogRoot, DialogTitle, DialogTrigger } from '../../chunk-DU6ZYZRP.js';
+export { Input } from '../../chunk-VOHTRR5X.js';
+export { Button, buttonVariants } from '../../chunk-HJEBRCXL.js';
+export { Label } from '../../chunk-7PWBC4BY.js';
+import '../../chunk-3F2AKYRD.js';
+import '../../chunk-YFCQKO3B.js';
+import '../../chunk-U7N2A7A3.js';

package/dist/content.prop-D1Dd3TAc.d.ts

@@ -0,0 +1,31 @@
+import * as React from 'react';
+
+/**
+ * Content-slot prop types — titles, descriptions, actions.
+ * @see docs/PROPS-VOCABULARY.md#content-slots
+ */
+
+/** Primary heading text — page title, dialog title, empty state title. */
+type TitleProp = React.ReactNode;
+/** Secondary text below a title — page subtitle, card description. */
+type SubtitleProp = React.ReactNode;
+/** Longer explanatory copy — dialog body, empty state body. */
+type DescriptionProp = React.ReactNode;
+/** Top-right action slot on pages (Ant Design `extra`). */
+type ExtraProp = React.ReactNode;
+/** Bottom action bar on pages — save/cancel, pagination controls. */
+type FooterProp = React.ReactNode;
+/** Primary CTA in empty states or inline prompts. */
+type ActionProp = React.ReactNode;
+/** Optional icon in empty states and status views (Lucide or compatible). */
+type IconProp = React.ComponentType<{
+    className?: string;
+}>;
+/** Confirm / submit button label in dialogs. */
+type ConfirmLabelProp = React.ReactNode;
+/** Cancel / dismiss button label in dialogs. */
+type CancelLabelProp = React.ReactNode;
+/** Toolbar actions slot in tables and filter rows. */
+type ActionsProp = React.ReactNode;
+
+export type { ActionProp as A, CancelLabelProp as C, DescriptionProp as D, ExtraProp as E, FooterProp as F, IconProp as I, SubtitleProp as S, TitleProp as T, ActionsProp as a, ConfirmLabelProp as b };

package/dist/data-display.prop-DNTAzmDy.d.ts

@@ -0,0 +1,58 @@
+import * as React from 'react';
+import { a as ClassNameProp, C as ChildrenProp } from './shared.prop-BNRJc9K0.js';
+import { I as IconProp, T as TitleProp, D as DescriptionProp, A as ActionProp } from './content.prop-D1Dd3TAc.js';
+import { T as TableDensityProp } from './layout.prop-4TCNvyQZ.js';
+import { c as SortStateProp, d as StatusToneProp } from './interaction.prop-Cdn7wOtq.js';
+import { C as ColumnDefProp, G as GetRowIdProp, S as SelectedIdsProp, c as OnSelectChangeProp, a as OnRowClickProp, e as OnTableDensityChangeProp, d as OnSortChangeProp } from './data.prop-BVvfKC_g.js';
+
+/** Data Display component prop types — @see docs/COMPONENTS.md#data-display */
+
+/** @see EmptyState */
+type EmptyStateProp = {
+    icon?: IconProp;
+    title: TitleProp;
+    description?: DescriptionProp;
+    action?: ActionProp;
+    className?: ClassNameProp;
+};
+/** @see KeyValueGrid */
+type KeyValueGridProp = {
+    items: KeyValueGridItemProp[];
+    columns?: 1 | 2 | 3;
+    className?: ClassNameProp;
+};
+type KeyValueGridItemProp = {
+    label: React.ReactNode;
+    value: React.ReactNode;
+    mono?: boolean;
+};
+/** @see StatusBadge */
+type StatusBadgeProp = {
+    status: string;
+    tone?: StatusToneProp;
+    className?: ClassNameProp;
+};
+/** @see DataTable */
+type DataTableProp<T> = {
+    data: T[];
+    columns: ColumnDefProp<T>[];
+    getRowId?: GetRowIdProp<T>;
+    selectable?: boolean;
+    selected?: SelectedIdsProp;
+    onSelectChange?: OnSelectChangeProp;
+    onRowClick?: OnRowClickProp<T>;
+    density?: TableDensityProp;
+    onDensityChange?: OnTableDensityChangeProp;
+    sort?: SortStateProp;
+    onSortChange?: OnSortChangeProp;
+    loading?: boolean;
+    empty?: React.ReactNode;
+    className?: ClassNameProp;
+    children?: ChildrenProp;
+};
+/** @see Badge */
+type BadgeProp = React.HTMLAttributes<HTMLDivElement> & {
+    variant?: "default" | "secondary" | "destructive" | "outline" | "success" | "warning";
+};
+
+export type { BadgeProp as B, DataTableProp as D, EmptyStateProp as E, KeyValueGridItemProp as K, StatusBadgeProp as S, KeyValueGridProp as a };

package/dist/data-entry.prop-BEGA1lTq.d.ts

@@ -0,0 +1,323 @@
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import * as SliderPrimitive from '@radix-ui/react-slider';
+import * as SwitchPrimitive from '@radix-ui/react-switch';
+import { DayPickerProps, DateRange } from 'react-day-picker';
+import * as React from 'react';
+import { f as PlaceholderProp, D as DisabledProp, a as ClassNameProp, I as IdProp, L as LabelProp, R as RequiredProp, b as HelperProp, E as ErrorProp, V as ValueProp, O as OnChangeProp } from './shared.prop-BNRJc9K0.js';
+import { b as OnSearchChangeProp } from './data.prop-BVvfKC_g.js';
+
+/** Upload item — maps to media-service after `onUpload` resolves `mediaId`. */
+type UploadFileStatus = "idle" | "uploading" | "done" | "error" | "removed";
+type UploadFileItem = {
+    /** Stable key for list reconciliation */
+    uid: string;
+    name: string;
+    size: number;
+    mimeType?: string;
+    /** Blob URL or media-service download URL */
+    previewUrl?: string;
+    /** Set after issue → PUT → complete */
+    mediaId?: string;
+    status: UploadFileStatus;
+    error?: string;
+    /** Local file before / during upload */
+    file?: File;
+    /**
+     * Draft-only: marked for soft-delete on form commit.
+     * Undo clears this before save — media-service has no restore API.
+     */
+    pendingDelete?: boolean;
+    /**
+     * Draft-only: replacement staged locally; baseline kept for undo.
+     */
+    pendingReplace?: boolean;
+    /** mediaId to soft-delete on commit when `pendingReplace` */
+    replacesMediaId?: string;
+};
+type UploadVariant = "dropzone" | "button" | "picture-card" | "picture" | "avatar" | "avatar-crop";
+/** Actions parent runs on form submit (media-service). */
+type UploadCommitAction = {
+    /** Soft-delete on save — no restore API */
+    deleteMediaIds: string[];
+    /** Temp uploads already completed via `onUpload` — promote on save */
+    promoteMediaIds: string[];
+};
+declare function createUploadItem(file: File, partial?: Partial<UploadFileItem>): UploadFileItem;
+declare function collectUploadCommitActions(items: UploadFileItem[]): UploadCommitAction;
+
+/** Data Entry component prop types — @see docs/COMPONENTS.md#data-entry */
+
+/** @see Input */
+type InputProp = React.InputHTMLAttributes<HTMLInputElement>;
+/** @see Textarea */
+type TextareaProp = React.TextareaHTMLAttributes<HTMLTextAreaElement>;
+/** @see FormField */
+type FormFieldProp = {
+    id: IdProp;
+    label: LabelProp;
+    required?: RequiredProp;
+    helper?: HelperProp;
+    error?: ErrorProp;
+    /** Optional control rendered inline after the label (e.g. a help button). */
+    labelAddon?: React.ReactNode;
+    className?: ClassNameProp;
+    children: React.ReactNode;
+};
+/** @see SearchInput */
+type SearchInputProp = {
+    id?: IdProp;
+    label?: LabelProp;
+    placeholder?: PlaceholderProp;
+    value?: ValueProp;
+    onChange?: OnChangeProp;
+    onDebouncedChange?: OnSearchChangeProp;
+    debounceMs?: number;
+    className?: ClassNameProp;
+};
+/** @see Checkbox — extends Radix checkbox root props. */
+type CheckboxProp = React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>;
+/** Shared option row — Ant Design `CheckboxOptionType`. */
+type ChoiceOptionProp = {
+    label: React.ReactNode;
+    value: string;
+    disabled?: boolean;
+    description?: React.ReactNode;
+};
+/** @see Checkbox.Group */
+type CheckboxGroupProp = {
+    value?: string[];
+    defaultValue?: string[];
+    onChange?: (value: string[]) => void;
+    options?: ChoiceOptionProp[];
+    orientation?: "horizontal" | "vertical";
+    disabled?: DisabledProp;
+    name?: string;
+    className?: ClassNameProp;
+    children?: React.ReactNode;
+};
+/** @see Radio.Group */
+type RadioGroupProp = {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    options?: ChoiceOptionProp[];
+    orientation?: "horizontal" | "vertical";
+    disabled?: DisabledProp;
+    name?: string;
+    className?: ClassNameProp;
+    children?: React.ReactNode;
+};
+/** @see Radio.Item — Radix radio group item. */
+type RadioProp = React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>;
+/** @see Switch — extends Radix switch root props. */
+type SwitchProp = React.ComponentPropsWithoutRef<typeof SwitchPrimitive.Root> & {
+    size?: "sm" | "default";
+};
+/** @see SwitchField — labelled switch with hidden input for HTML forms. */
+type SwitchFieldProp = {
+    id: IdProp;
+    label: LabelProp;
+    name: string;
+    required?: RequiredProp;
+    helper?: HelperProp;
+    error?: ErrorProp;
+    labelAddon?: React.ReactNode;
+    className?: ClassNameProp;
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    disabled?: DisabledProp;
+    size?: SwitchProp["size"];
+};
+/** Country row accepted by CountrySelect / CountryOptionLabel.
+ *  Accepts either a select-option (`value`) or a summary (`code`). */
+type CountryOptionProp = {
+    name: string;
+    nativeName?: string | null;
+    flagSvgPath?: string | null;
+    value?: string;
+    code?: string;
+    label?: string;
+};
+/** @see CountryOptionLabel — flag + name (+ optional code) row. */
+type CountryOptionLabelProp = {
+    country: CountryOptionProp;
+    showCode?: boolean;
+    className?: ClassNameProp;
+};
+/** @see CountrySelect — country picker built on Select. */
+type CountrySelectProp = {
+    id: IdProp;
+    name: string;
+    options: CountryOptionProp[];
+    defaultValue?: string | null;
+    required?: RequiredProp;
+    allowEmpty?: boolean;
+    emptyLabel?: string;
+    placeholder?: PlaceholderProp;
+    invalid?: boolean;
+};
+/** @see Slider — numeric range (Radix Slider). */
+type SliderProp = React.ComponentPropsWithoutRef<typeof SliderPrimitive.Root>;
+/** @see Calendar — react-day-picker DayPicker. */
+type CalendarProp = DayPickerProps;
+/** @see DatePicker */
+type DatePickerProp = {
+    value?: Date;
+    onChange?: (date: Date | undefined) => void;
+    placeholder?: PlaceholderProp;
+    disabled?: DisabledProp;
+    className?: ClassNameProp;
+    id?: IdProp;
+    locale?: DayPickerProps["locale"];
+    fromDate?: Date;
+    toDate?: Date;
+};
+/** @see DateRangePicker */
+type DateRangePickerProp = {
+    value?: DateRange;
+    onChange?: (range: DateRange | undefined) => void;
+    placeholder?: PlaceholderProp;
+    disabled?: DisabledProp;
+    className?: ClassNameProp;
+    id?: IdProp;
+    locale?: DayPickerProps["locale"];
+    fromDate?: Date;
+    toDate?: Date;
+};
+/** @see TimePicker — popover HH:mm picker (canonical 24h storage). */
+type TimePickerProp = {
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    placeholder?: PlaceholderProp;
+    disabled?: DisabledProp;
+    className?: ClassNameProp;
+    id?: IdProp;
+    /** Minute column step — default 5 (logistics cut-offs). */
+    minuteStep?: number;
+};
+/** @see ColorPicker */
+type ColorPickerProp = {
+    value?: string;
+    onChange?: (hex: string) => void;
+    disabled?: DisabledProp;
+    className?: ClassNameProp;
+    id?: IdProp;
+    showHexInput?: boolean;
+};
+/** Autocomplete option row. */
+type AutocompleteOptionProp = {
+    value: string;
+    label: string;
+};
+/** @see Autocomplete — searchable combobox. */
+type AutocompleteProp = {
+    options: AutocompleteOptionProp[];
+    value?: ValueProp;
+    onValueChange?: (value: string) => void;
+    placeholder?: PlaceholderProp;
+    searchPlaceholder?: PlaceholderProp;
+    emptyMessage?: string;
+    disabled?: DisabledProp;
+    className?: ClassNameProp;
+    id?: IdProp;
+};
+/** @see UploadFileItem */
+type UploadFileItemProp = UploadFileItem;
+/** @see Upload */
+type UploadVariantProp = "dropzone" | "button" | "picture-card" | "picture" | "avatar" | "avatar-crop";
+/** @see Upload — presentational; wire `onUpload` to media-service in app api.ts */
+type UploadProp = {
+    variant?: UploadVariantProp;
+    value?: UploadFileItemProp[];
+    defaultValue?: UploadFileItemProp[];
+    onChange?: (items: UploadFileItemProp[]) => void;
+    accept?: string;
+    multiple?: boolean;
+    maxCount?: number;
+    maxSizeBytes?: number;
+    disabled?: DisabledProp;
+    removable?: boolean;
+    /** App: issue → PUT → complete; return mediaId + optional preview URL */
+    onUpload?: (file: File, item: UploadFileItemProp) => Promise<{
+        mediaId: string;
+        previewUrl?: string;
+    }>;
+    className?: ClassNameProp;
+    children?: React.ReactNode;
+};
+/** Tree node — shared by Cascader options & TreeSelect treeData. */
+type TreeOptionProp = {
+    value: string;
+    label: React.ReactNode;
+    disabled?: boolean;
+    disableCheckbox?: boolean;
+    isLeaf?: boolean;
+    children?: TreeOptionProp[];
+};
+type TreeFieldNamesProp = {
+    label?: string;
+    value?: string;
+    children?: string;
+};
+/** @see Cascader — cascade picker (Popover + multi-column). */
+type CascaderProp = {
+    options: TreeOptionProp[];
+    value?: string[] | string[][];
+    defaultValue?: string[] | string[][];
+    onChange?: (value: string[] | string[][], selectedOptions?: TreeOptionProp[] | TreeOptionProp[][]) => void;
+    multiple?: boolean;
+    changeOnSelect?: boolean;
+    showSearch?: boolean;
+    placeholder?: PlaceholderProp;
+    disabled?: DisabledProp;
+    className?: ClassNameProp;
+    id?: IdProp;
+    expandTrigger?: "click" | "hover";
+    fieldNames?: TreeFieldNamesProp;
+    allowClear?: boolean;
+};
+type ShowCheckedStrategyProp = "SHOW_CHILD" | "SHOW_PARENT" | "SHOW_ALL";
+/** @see TreeSelect — tree in Popover (cmdk search + expand/collapse). */
+type TreeSelectProp = {
+    treeData: TreeOptionProp[];
+    value?: string | string[];
+    defaultValue?: string | string[];
+    onChange?: (value: string | string[] | undefined) => void;
+    multiple?: boolean;
+    treeCheckable?: boolean;
+    treeCheckStrictly?: boolean;
+    showSearch?: boolean;
+    showCheckedStrategy?: ShowCheckedStrategyProp;
+    treeDefaultExpandAll?: boolean;
+    placeholder?: PlaceholderProp;
+    disabled?: DisabledProp;
+    allowClear?: boolean;
+    className?: ClassNameProp;
+    id?: IdProp;
+    fieldNames?: TreeFieldNamesProp;
+};
+/** @see TransferItem */
+type TransferItemProp = {
+    key: string;
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    disabled?: boolean;
+};
+/** @see Transfer — dual-list shuttle (Checkbox + SearchInput). */
+type TransferProp = {
+    dataSource: TransferItemProp[];
+    targetKeys: string[];
+    onChange?: (targetKeys: string[], direction: "left" | "right", moveKeys: string[]) => void;
+    titles?: [React.ReactNode, React.ReactNode];
+    showSearch?: boolean;
+    oneWay?: boolean;
+    disabled?: DisabledProp;
+    className?: ClassNameProp;
+    selectedKeys?: [string[], string[]];
+    onSelectChange?: (sourceSelectedKeys: string[], targetSelectedKeys: string[]) => void;
+};
+
+export { type AutocompleteOptionProp as A, collectUploadCommitActions as B, type CalendarProp as C, type DatePickerProp as D, createUploadItem as E, type FormFieldProp as F, type InputProp as I, type RadioGroupProp as R, type SearchInputProp as S, type TextareaProp as T, type UploadCommitAction as U, type AutocompleteProp as a, type CascaderProp as b, type CheckboxGroupProp as c, type CheckboxProp as d, type ChoiceOptionProp as e, type ColorPickerProp as f, type CountryOptionLabelProp as g, type CountryOptionProp as h, type CountrySelectProp as i, type DateRangePickerProp as j, type RadioProp as k, type ShowCheckedStrategyProp as l, type SliderProp as m, type SwitchFieldProp as n, type SwitchProp as o, type TimePickerProp as p, type TransferItemProp as q, type TransferProp as r, type TreeFieldNamesProp as s, type TreeOptionProp as t, type TreeSelectProp as u, type UploadFileItem as v, type UploadFileItemProp as w, type UploadProp as x, type UploadVariant as y, type UploadVariantProp as z };

package/dist/data-table-D1u_rKLK.d.ts

@@ -0,0 +1,83 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { E as EmptyStateProp } from './data-display.prop-DNTAzmDy.js';
+import * as React from 'react';
+import { T as TableDensityProp } from './layout.prop-4TCNvyQZ.js';
+import { c as SortStateProp } from './interaction.prop-Cdn7wOtq.js';
+import { C as ColumnDefProp } from './data.prop-BVvfKC_g.js';
+
+declare function EmptyState({ icon: Icon, title, description, action, className }: EmptyStateProp): react_jsx_runtime.JSX.Element;
+
+interface StatusBadgeProps {
+    status: string;
+    className?: string;
+    label?: React.ReactNode;
+}
+declare function StatusBadge({ status, className, label: labelOverride }: StatusBadgeProps): react_jsx_runtime.JSX.Element;
+
+interface KeyValueGridProps {
+    columns?: 1 | 2 | 3;
+    className?: string;
+    children: React.ReactNode;
+}
+declare function KeyValueGrid({ columns, className, children }: KeyValueGridProps): react_jsx_runtime.JSX.Element;
+declare namespace KeyValueGrid {
+    var Item: ({ label, mono, span, className, children, }: KeyValueGridItemProps) => react_jsx_runtime.JSX.Element;
+}
+interface KeyValueGridItemProps {
+    label: React.ReactNode;
+    /** Use mono spacing for IDs, paths, JSON. */
+    mono?: boolean;
+    /** Span full row(s) when value is long. */
+    span?: 2 | 3;
+    className?: string;
+    children: React.ReactNode;
+}
+
+type Density = TableDensityProp;
+type ColumnDef<T> = ColumnDefProp<T>;
+interface DataTableProps<T> {
+    data: T[];
+    columns: ColumnDef<T>[];
+    /** Required when `selectable` is true. Default: assume row.id (typed as any). */
+    getRowId?: (row: T) => string;
+    selectable?: boolean;
+    selected?: Set<string>;
+    onSelectChange?: (next: Set<string>) => void;
+    onRowClick?: (row: T) => void;
+    density?: Density;
+    onDensityChange?: (d: Density) => void;
+    sort?: SortStateProp;
+    onSortChange?: (sort: SortStateProp | undefined) => void;
+    className?: string;
+    children?: React.ReactNode;
+}
+declare function DataTable<T>({ data, columns, getRowId, selectable, selected: controlledSelected, onSelectChange, onRowClick, density: controlledDensity, onDensityChange, sort, onSortChange, className, children, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
+declare namespace DataTable {
+    var Toolbar: ({ children, className, }: {
+        children?: React.ReactNode;
+        className?: string;
+    }) => react_jsx_runtime.JSX.Element;
+    var SelectAll: () => react_jsx_runtime.JSX.Element | null;
+    var BulkActions: ({ count, children, className, }: BulkActionsProps) => react_jsx_runtime.JSX.Element | null;
+    var DensityToggle: () => react_jsx_runtime.JSX.Element;
+    var Content: () => react_jsx_runtime.JSX.Element;
+    var Pagination: ({ cursor, hasMore, onChange, className, }: PaginationProps) => react_jsx_runtime.JSX.Element;
+    var RowActions: ({ ariaLabel, children }: RowActionsProps) => react_jsx_runtime.JSX.Element;
+}
+interface BulkActionsProps {
+    count?: number;
+    children?: React.ReactNode;
+    className?: string;
+}
+interface PaginationProps {
+    cursor?: string;
+    hasMore: boolean;
+    onChange: (cursor: string | undefined) => void;
+    className?: string;
+}
+interface RowActionsProps {
+    ariaLabel?: string;
+    children: React.ReactNode;
+}
+
+export { type ColumnDef as C, DataTable as D, EmptyState as E, KeyValueGrid as K, StatusBadge as S, type Density as a };