@godxjp/ui 6.8.0 → 6.9.0

package/dist/{data-entry.prop-I3mgmdGm.d.ts → data-entry.prop-CzBVxZ2F.d.ts}

@@ -230,6 +230,47 @@ type AutocompleteProp = {
     className?: ClassNameProp;
     id?: IdProp;
 };
+/** A SearchSelect option row. `group` buckets it under an optgroup-style heading. */
+type SearchSelectOptionProp = {
+    value: string;
+    label: string;
+    sublabel?: string;
+    /** Optgroup-style heading this option belongs to (rendered once, in first-seen order). */
+    group?: string;
+    disabled?: boolean;
+};
+type SearchSelectLoadParamsProp = {
+    query: string;
+    /** 1-based page for infinite scroll. */
+    page: number;
+};
+type SearchSelectLoadResultProp = {
+    options: SearchSelectOptionProp[];
+    /** True if another page is available (drives infinite scroll). */
+    hasMore?: boolean;
+};
+/** @see SearchSelect — async, searchable, optionally grouped single-select combobox. */
+type SearchSelectProp = {
+    value?: ValueProp;
+    onChange?: (value: string, option?: SearchSelectOptionProp) => void;
+    /** Remote fetcher — debounced search + infinite-scroll pagination call into this. */
+    loadOptions: (params: SearchSelectLoadParamsProp) => Promise<SearchSelectLoadResultProp>;
+    /** Label for the current value when its option isn't in the loaded page (avoids a flash of id). */
+    selectedLabel?: string;
+    placeholder?: PlaceholderProp;
+    searchPlaceholder?: PlaceholderProp;
+    emptyMessage?: string;
+    loadingMessage?: string;
+    clearLabel?: string;
+    /** Show a "clear" row when a value is selected (default true). */
+    clearable?: boolean;
+    disabled?: DisabledProp;
+    /** Form field name — submits the selected value via a hidden input. */
+    name?: string;
+    id?: IdProp;
+    className?: ClassNameProp;
+    "data-testid"?: string;
+};
 /** @see UploadFileItem */
 type UploadFileItemProp = UploadFileItem;
 /** @see Upload */
@@ -326,4 +367,4 @@ type TransferProp = {
     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 };
+export { type AutocompleteOptionProp as A, type UploadFileItemProp as B, type CalendarProp as C, type DatePickerProp as D, type UploadProp as E, type FormFieldProp as F, type UploadVariant as G, type UploadVariantProp as H, type InputProp as I, collectUploadCommitActions as J, createUploadItem as K, 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 SearchSelectLoadParamsProp as l, type SearchSelectLoadResultProp as m, type SearchSelectOptionProp as n, type SearchSelectProp as o, type ShowCheckedStrategyProp as p, type SliderProp as q, type SwitchFieldProp as r, type SwitchProp as s, type TimePickerProp as t, type TransferItemProp as u, type TransferProp as v, type TreeFieldNamesProp as w, type TreeOptionProp as x, type TreeSelectProp as y, type UploadFileItem as z };

package/dist/i18n/index.d.ts

@@ -83,6 +83,13 @@ var dataEntry = {
 		empty: "Không có dữ liệu",
 		moveRight: "Chuyển sang đích",
 		moveLeft: "Chuyển về nguồn"
+	},
+	searchSelect: {
+		placeholder: "Chọn…",
+		search: "Tìm kiếm",
+		clear: "Xóa lựa chọn",
+		loading: "Đang tải…",
+		empty: "Không có kết quả"
 	}
 };
 var feedback = {

package/dist/i18n/index.js

@@ -1,2 +1,2 @@
-export { usePickerLocales, useTranslation } from '../chunk-NHD5XDMX.js';
-export { MESSAGE_CATALOG, resetI18nLocale, syncI18nLocale, translate, translateCurrent } from '../chunk-TRVOPU4U.js';
+export { usePickerLocales, useTranslation } from '../chunk-RLGHEV4A.js';
+export { MESSAGE_CATALOG, resetI18nLocale, syncI18nLocale, translate, translateCurrent } from '../chunk-FXFJF4YA.js';

package/dist/index.d.ts

@@ -3,7 +3,7 @@ export { I as InlineProp, P as PageContainerProp, P as PageContainerProps, a as
 export { F as FilterBar, a as FilterGroup, P as PageHeader } from './filter-bar-DNDVhpCE.js';
 export { I as Inline, P as PageContainer, S as Stack } from './inline-Bu_syXvi.js';
 export { C as ColumnDef, D as DataTable, a as Density, E as EmptyState, K as KeyValueGrid, S as StatusBadge } from './data-table-CnRksymA.js';
-export { F as FormField, S as SearchInput } from './search-input-JWJMFVqC.js';
+export { F as FormField, S as SearchInput } from './search-input-Br_LCi4p.js';
 export { L as LegacyToastOptions, S as SkeletonCard, a as SkeletonDetail, b as SkeletonRows, c as SkeletonTable, t as toast, u as useToast } from './use-toast-Dol5bdY3.js';
 export { DataState, InfiniteQueryState, MutationFeedback, PrefetchLink, QueryRefetchButton, flattenItemPages } from './components/query/index.js';
 export { Alert, AlertActions, AlertContent, AlertDescription, AlertQueryError, AlertTitle } from './components/feedback/alert.js';
@@ -21,7 +21,7 @@ export { formatBytes, formatCurrency, formatDateLong, formatDateTime, formatRela
 export { FormFieldControl, FormRoot, useZodForm } from './form/index.js';
 export { F as FieldErrorMessageProp, a as FormFieldControlProp, b as FormRootProp, U as UseZodFormOptionsProp, c as UseZodFormReturnProp, Z as ZodSchemaProp } from './form.prop-BHgpuFFm.js';
 export { cn } from './lib/utils.js';
-export { B as collectUploadCommitActions, E as createUploadItem } from './data-entry.prop-I3mgmdGm.js';
+export { J as collectUploadCommitActions, K as createUploadItem } from './data-entry.prop-CzBVxZ2F.js';
 export { j as formatDate } from './format-date-ByyZoqI5.js';
 import './shared.prop-BNRJc9K0.js';
 import 'react';

package/dist/index.js

@@ -1,41 +1,41 @@
 export { FormFieldControl, FormRoot, useZodForm } from './chunk-7WRZG2IG.js';
 import './chunk-LDSLS6HE.js';
-export { DataState, InfiniteQueryState, MutationFeedback, PrefetchLink, QueryRefetchButton, flattenItemPages } from './chunk-WM5MKEOD.js';
-export { SkeletonCard, SkeletonDetail, SkeletonRows, SkeletonTable, toast, useToast } from './chunk-M64MVRLS.js';
-export { Alert, AlertActions, AlertContent, AlertDescription, AlertQueryError, AlertTitle } from './chunk-Z33J65PB.js';
-export { Toaster } from './chunk-TO7URV7U.js';
-export { PageContainer, Stack } from './chunk-5OLTVEDN.js';
-import './chunk-32WO3YLB.js';
-export { FilterBar, FilterGroup, PageHeader } from './chunk-QT3T2HEI.js';
+export { DataState, InfiniteQueryState, MutationFeedback, PrefetchLink, QueryRefetchButton, flattenItemPages } from './chunk-2QG3OVAD.js';
+export { FilterBar, FilterGroup, PageHeader } from './chunk-43QSNZS3.js';
+export { Pagination } from './chunk-6PWNLR2F.js';
 export { Steps } from './chunk-L6J44O74.js';
 export { TabsItems } from './chunk-BPSKQUL2.js';
 export { Tabs, TabsContent, TabsList, TabsTrigger } from './chunk-XG7XDYIM.js';
+export { PageContainer, Stack } from './chunk-VV3M6PXD.js';
 import './chunk-TO33OY4L.js';
-export { Pagination } from './chunk-RP3NH5QJ.js';
-export { SearchInput, Transfer, useDebouncedValue, useTimeoutFlag } from './chunk-2WGV7GGO.js';
-export { TreeSelect } from './chunk-J2T7IEFE.js';
-export { Upload, collectUploadCommitActions, createUploadItem, useUploadDraft } from './chunk-4VP24PAR.js';
-export { formatBytes, formatCurrency, formatDateLong, formatDateTime, formatRelative, humanError, shortId } from './chunk-CJVXTCYD.js';
-export { Dialog, DialogConfirm, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from './chunk-LQGSZODY.js';
-import './chunk-UX634MYF.js';
+export { SearchInput, Transfer, useDebouncedValue, useTimeoutFlag } from './chunk-YVBZ37ZE.js';
+export { TreeSelect } from './chunk-BBXDT2P2.js';
+export { Upload, collectUploadCommitActions, createUploadItem, useUploadDraft } from './chunk-PWFFEMYI.js';
 import './chunk-CRERCLIZ.js';
-export { Cascader } from './chunk-VM2IAY6N.js';
+import './chunk-UX634MYF.js';
+export { Cascader } from './chunk-ICQGSUTC.js';
 import './chunk-SMLKNECP.js';
+import './chunk-V6UWJKZF.js';
 import './chunk-E76QIYSY.js';
 import './chunk-CQBADMFG.js';
-import './chunk-V6UWJKZF.js';
+export { SkeletonCard, SkeletonDetail, SkeletonRows, SkeletonTable, toast, useToast } from './chunk-M64MVRLS.js';
+import './chunk-32WO3YLB.js';
+export { Alert, AlertActions, AlertContent, AlertDescription, AlertQueryError, AlertTitle } from './chunk-6UFKWOEW.js';
+export { formatBytes, formatCurrency, formatDateLong, formatDateTime, formatRelative, humanError, shortId } from './chunk-4R7QL3MW.js';
+export { Dialog, DialogConfirm, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from './chunk-2HLWHQJA.js';
 import './chunk-VOHTRR5X.js';
-export { DataTable, EmptyState, KeyValueGrid, StatusBadge } from './chunk-TCY4QONW.js';
+export { Toaster } from './chunk-TO7URV7U.js';
+export { DataTable, EmptyState, KeyValueGrid, StatusBadge } from './chunk-DOVA5SWV.js';
 import './chunk-DV52WNXO.js';
+import './chunk-ZS6DTAM2.js';
+import './chunk-3KPEZ5CF.js';
+import './chunk-DY5C44UP.js';
 export { Inline } from './chunk-S66TJXJU.js';
+import './chunk-HJEBRCXL.js';
 import './chunk-PIIRNAXA.js';
-import './chunk-DY5C44UP.js';
-import './chunk-3KPEZ5CF.js';
-import './chunk-ZS6DTAM2.js';
 import './chunk-ICM6XBST.js';
-import './chunk-HJEBRCXL.js';
 export { FormField } from './chunk-F7PG4OEV.js';
 import './chunk-7PWBC4BY.js';
-import './chunk-NHD5XDMX.js';
-export { formatDate } from './chunk-TRVOPU4U.js';
+import './chunk-RLGHEV4A.js';
+export { formatDate } from './chunk-FXFJF4YA.js';
 export { cn } from './chunk-U7N2A7A3.js';

package/dist/lib/datetime/index.js

@@ -1 +1 @@
-export { calendarDateToTZDate, detectFormatDateKind, disableLiveRelativeFormatting, enableLiveRelativeFormatting, formatAppDate, formatAppDateLong, formatAppDateTime, formatAppRelative, formatAppTime, formatCalendarDate, formatDate, formatTimeOfDay, getDatetimeContext, hhmmToTZDate, isDateOnlyString, isFormatDateValue, isValidHhmm, normalizeHhmm, parseDateInput, resetDatetimeContextForTests, syncDatetimeContext, toIsoDate } from '../../chunk-TRVOPU4U.js';
+export { calendarDateToTZDate, detectFormatDateKind, disableLiveRelativeFormatting, enableLiveRelativeFormatting, formatAppDate, formatAppDateLong, formatAppDateTime, formatAppRelative, formatAppTime, formatCalendarDate, formatDate, formatTimeOfDay, getDatetimeContext, hhmmToTZDate, isDateOnlyString, isFormatDateValue, isValidHhmm, normalizeHhmm, parseDateInput, resetDatetimeContextForTests, syncDatetimeContext, toIsoDate } from '../../chunk-FXFJF4YA.js';

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

@@ -1,6 +1,6 @@
 export { A as AppShellProp, I as InlineProp, P as PageContainerProp, a as PageHeaderProp, b as PageInsetProp, S as SidebarItemProp, c as SidebarProductProp, d as SidebarProp, e as SidebarSectionProp, f as StackProp, T as TopbarProductProp, g as TopbarProjectProp, h as TopbarProp } from '../../layout.prop-D3rD3uZq.js';
 export { B as ButtonProp } from '../../general.prop-D7brMPNL.js';
-export { A as AutocompleteOptionProp, a as AutocompleteProp, C as CalendarProp, b as CascaderProp, c as CheckboxGroupProp, d as CheckboxProp, e as ChoiceOptionProp, f as ColorPickerProp, D as DatePickerProp, j as DateRangePickerProp, F as FormFieldProp, I as InputProp, R as RadioGroupProp, k as RadioProp, S as SearchInputProp, l as ShowCheckedStrategyProp, m as SliderProp, o as SwitchProp, T as TextareaProp, p as TimePickerProp, q as TransferItemProp, r as TransferProp, s as TreeFieldNamesProp, t as TreeOptionProp, u as TreeSelectProp, w as UploadFileItemProp, x as UploadProp, z as UploadVariantProp } from '../../data-entry.prop-I3mgmdGm.js';
+export { A as AutocompleteOptionProp, a as AutocompleteProp, C as CalendarProp, b as CascaderProp, c as CheckboxGroupProp, d as CheckboxProp, e as ChoiceOptionProp, f as ColorPickerProp, D as DatePickerProp, j as DateRangePickerProp, F as FormFieldProp, I as InputProp, R as RadioGroupProp, k as RadioProp, S as SearchInputProp, p as ShowCheckedStrategyProp, q as SliderProp, s as SwitchProp, T as TextareaProp, t as TimePickerProp, u as TransferItemProp, v as TransferProp, w as TreeFieldNamesProp, x as TreeOptionProp, y as TreeSelectProp, B as UploadFileItemProp, E as UploadProp, H as UploadVariantProp } from '../../data-entry.prop-CzBVxZ2F.js';
 export { B as BadgeProp, D as DataTableProp, E as EmptyStateProp, K as KeyValueGridItemProp, a as KeyValueGridProp, S as StatusBadgeProp } from '../../data-display.prop-Cvi2Mrfw.js';
 export { A as AlertActionsProp, a as AlertContentProp, b as AlertDescriptionProp, c as AlertProp, d as AlertQueryErrorProp, e as AlertTitleProp, D as DialogConfirmProp, S as SkeletonRowsProp } from '../../feedback.prop-BmxUlpAW.js';
 export { D as DataStateProp, I as InfiniteQueryHelpers, a as InfiniteQueryStateProp, M as MutationFeedbackProp, P as PrefetchLinkProp, Q as QueryRefetchButtonProp } from '../../query.prop-hIPrk2zI.js';

package/dist/props/index.d.ts

@@ -6,7 +6,7 @@ export { B as BreadcrumbItem, B as BreadcrumbItemProp, a as BreadcrumbProp, P as
 export { C as ColumnDef, C as ColumnDefProp, G as GetRowIdProp, H as HasActiveFiltersProp, O as OnClearFiltersProp, a as OnRowClickProp, b as OnSearchChangeProp, c as OnSelectChangeProp, d as OnSortChangeProp, e as OnTableDensityChangeProp, S as SelectedIdsProp } from '../data.prop-BmLaGLb7.js';
 export { A as AppShellProp, I as InlineProp, I as InlineProps, P as PageContainerProp, P as PageContainerProps, a as PageHeaderProp, b as PageInsetProp, S as SidebarItemProp, c as SidebarProductProp, d as SidebarProp, e as SidebarSectionProp, f as StackProp, f as StackProps, T as TopbarProductProp, g as TopbarProjectProp, h as TopbarProp } from '../layout.prop-D3rD3uZq.js';
 export { B as ButtonProp, B as ButtonProps } from '../general.prop-D7brMPNL.js';
-export { A as AutocompleteOptionProp, a as AutocompleteProp, C as CalendarProp, b as CascaderProp, c as CheckboxGroupProp, d as CheckboxProp, e as ChoiceOptionProp, f as ColorPickerProp, D as DatePickerProp, j as DateRangePickerProp, F as FormFieldProp, I as InputProp, R as RadioGroupProp, k as RadioProp, S as SearchInputProp, l as ShowCheckedStrategyProp, m as SliderProp, o as SwitchProp, T as TextareaProp, p as TimePickerProp, q as TransferItemProp, r as TransferProp, s as TreeFieldNamesProp, t as TreeOptionProp, u as TreeSelectProp, w as UploadFileItemProp, x as UploadProp, z as UploadVariantProp } from '../data-entry.prop-I3mgmdGm.js';
+export { A as AutocompleteOptionProp, a as AutocompleteProp, C as CalendarProp, b as CascaderProp, c as CheckboxGroupProp, d as CheckboxProp, e as ChoiceOptionProp, f as ColorPickerProp, D as DatePickerProp, j as DateRangePickerProp, F as FormFieldProp, I as InputProp, R as RadioGroupProp, k as RadioProp, S as SearchInputProp, p as ShowCheckedStrategyProp, q as SliderProp, s as SwitchProp, T as TextareaProp, t as TimePickerProp, u as TransferItemProp, v as TransferProp, w as TreeFieldNamesProp, x as TreeOptionProp, y as TreeSelectProp, B as UploadFileItemProp, E as UploadProp, H as UploadVariantProp } from '../data-entry.prop-CzBVxZ2F.js';
 export { B as BadgeProp, D as DataTableProp, E as EmptyStateProp, K as KeyValueGridItemProp, a as KeyValueGridProp, S as StatusBadgeProp } from '../data-display.prop-Cvi2Mrfw.js';
 export { A as AlertActionsProp, a as AlertContentProp, b as AlertDescriptionProp, c as AlertProp, d as AlertQueryErrorProp, e as AlertTitleProp, D as DialogConfirmProp, S as SkeletonRowsProp } from '../feedback.prop-BmxUlpAW.js';
 export { D as DataStateProp, I as InfiniteQueryHelpers, a as InfiniteQueryStateProp, M as MutationFeedbackProp, P as PrefetchLinkProp, Q as QueryRefetchButtonProp } from '../query.prop-hIPrk2zI.js';

package/dist/{search-input-JWJMFVqC.d.ts → search-input-Br_LCi4p.d.ts}

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { F as FormFieldProp } from './data-entry.prop-I3mgmdGm.js';
+import { F as FormFieldProp } from './data-entry.prop-CzBVxZ2F.js';
 import * as React from 'react';
 
 declare function FormField({ id, label, required, helper, error, labelAddon, className, children, }: FormFieldProp): react_jsx_runtime.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@godxjp/ui",
-  "version": "6.8.0",
+  "version": "6.9.0",
   "type": "module",
   "description": "@godxjp/ui — shared React UI framework (shadcn + Radix + Tailwind v4).",
   "files": [

package/dist/{chunk-IK7I3ABN.js → chunk-I2V4Y2VF.js}

@@ -1,5 +1,5 @@
-import { controlIconSmClass } from './chunk-ICM6XBST.js';
 import { buttonVariants } from './chunk-HJEBRCXL.js';
+import { controlIconSmClass } from './chunk-ICM6XBST.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import { ChevronLeft, ChevronRight } from 'lucide-react';
 import { DayPicker } from 'react-day-picker';

package/dist/{chunk-5OLTVEDN.js → chunk-VV3M6PXD.js}

@@ -1,9 +1,9 @@
-import { Tooltip, TooltipTrigger, TooltipContent } from './chunk-32WO3YLB.js';
 import { DropdownMenu, DropdownMenuTrigger } from './chunk-TO33OY4L.js';
+import { Tooltip, TooltipTrigger, TooltipContent } from './chunk-32WO3YLB.js';
 import { Collapsible, CollapsibleTrigger, CollapsibleContent } from './chunk-DV52WNXO.js';
+import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
 import { densityClass, pageContainerVariantClass, stackGapClass } from './chunk-S66TJXJU.js';
 import { Badge } from './chunk-PIIRNAXA.js';
-import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import { Link } from 'react-router-dom';
 import { ChevronRight, ChevronDown, PanelLeftOpen, PanelLeftClose, Search, Bell, SlidersHorizontal } from 'lucide-react';