@godxjp/ui 13.6.0 → 13.8.0

package/dist/{data-entry.prop-vn5VGnwY.d.ts → data-entry.prop-C9QWj5Kl.d.ts}

@@ -120,7 +120,8 @@ type FormProp = React.FormHTMLAttributes<HTMLFormElement> & {
 };
 /** @see FormField */
 type FormFieldProp = {
-    id: IdProp;
+    /** Optional — auto-generated and injected into the child control when omitted. */
+    id?: IdProp;
     label: LabelProp;
     required?: RequiredProp;
     helper?: HelperProp;
@@ -217,6 +218,43 @@ type DatePickerProp = {
     /** Show an inline ✕ to clear the value when one is set (default true). */
     allowClear?: boolean;
 };
+/** @see MonthPicker */
+type MonthPickerProp = {
+    value?: ValueProp<Date>;
+    defaultValue?: DefaultValueProp<Date | undefined>;
+    onValueChange?: OnValueChangeProp<Date | undefined>;
+    placeholder?: PlaceholderProp;
+    disabled?: DisabledProp;
+    className?: ClassNameProp;
+    id?: IdProp;
+    /** Form field name — submits the display text (`yyyy/MM`). */
+    name?: NameProp;
+    /** Clamp the year navigation (inclusive). */
+    fromYear?: number;
+    toYear?: number;
+    /** Show an inline ✕ to clear the value when one is set (default true). */
+    allowClear?: boolean;
+};
+/**
+ * @see MonthRangePicker — both edges are normalized to the FIRST day of their month
+ * (the `DateRange` shape is shared with DateRangePicker so ranges interop).
+ */
+type MonthRangePickerProp = {
+    value?: ValueProp<DateRange>;
+    defaultValue?: DefaultValueProp<DateRange | undefined>;
+    onValueChange?: OnValueChangeProp<DateRange | undefined>;
+    placeholder?: PlaceholderProp;
+    disabled?: DisabledProp;
+    className?: ClassNameProp;
+    id?: IdProp;
+    /** Form field name — emits the range as `${name}_from` / `${name}_to` `yyyy/MM` fields. */
+    name?: NameProp;
+    /** Clamp the year navigation (inclusive). */
+    fromYear?: number;
+    toYear?: number;
+    /** Show an inline ✕ to clear the range when one is set (default true). */
+    allowClear?: boolean;
+};
 /** @see DateRangePicker */
 type DateRangePickerProp = {
     value?: ValueProp<DateRange>;
@@ -264,6 +302,11 @@ type SearchSelectOptionProp = {
     value: string;
     label: string;
     sublabel?: string;
+    /**
+     * Leading node (icon / avatar / flag) shown before the label in BOTH the option row and the
+     * trigger once selected. Keep it small (≈1em / a 16–20px avatar) so the trigger stays one line.
+     */
+    icon?: React.ReactNode;
     /** Optgroup-style heading this option belongs to (rendered once, in first-seen order). */
     group?: string;
     disabled?: boolean;
@@ -294,8 +337,24 @@ type SearchSelectProp = {
     loadOptions?: (params: SearchSelectLoadParamsProp) => Promise<SearchSelectLoadResultProp>;
     /** Custom per-option renderer (Ant-Design style). Defaults to label + optional sublabel. */
     renderOption?: (option: SearchSelectOptionProp) => React.ReactNode;
+    /**
+     * Custom renderer for the SELECTED value shown on the trigger (Ant Design `labelRender`).
+     * Receives the value, the resolved label, and the full option when it is loaded (undefined for
+     * an async preset whose page hasn't arrived). Only used while a value is selected; the
+     * placeholder still shows when empty. Overrides the default icon + label trigger content.
+     */
+    labelRender?: (selected: {
+        value: string;
+        label: React.ReactNode;
+        option?: SearchSelectOptionProp;
+    }) => React.ReactNode;
     /** Label for the current value when its option isn't in the loaded page (avoids a flash of id). */
     selectedLabel?: string;
+    /**
+     * Leading icon for the current value when its option isn't loaded yet (async + preset value) —
+     * the trigger counterpart of `selectedLabel`, so an edit form shows the picked icon at rest.
+     */
+    selectedIcon?: React.ReactNode;
     placeholder?: PlaceholderProp;
     searchPlaceholder?: PlaceholderProp;
     emptyMessage?: EmptyMessageProp;
@@ -415,4 +474,4 @@ type TransferProp = {
     onSelectChange?: (sourceSelectedKeys: string[], targetSelectedKeys: string[]) => void;
 };
 
-export { type UploadVariantProp as A, collectUploadCommitActions as B, type CalendarProp as C, type DatePickerProp as D, createUploadItem as E, type FieldProp as F, type InputProp as I, type NumberInputProp as N, type RadioGroupProp as R, type SearchInputProp as S, type TextareaProp as T, type UploadCommitAction as U, type CascaderProp as a, type CheckboxGroupProp as b, type CheckboxProp as c, type ChoiceOptionProp as d, type ColorPickerProp as e, type DateRangePickerProp as f, type FormFieldProp as g, type FormProp as h, type RadioProp as i, type SearchSelectLoadParamsProp as j, type SearchSelectLoadResultProp as k, type SearchSelectOptionProp as l, type SelectDataProp as m, type ShowCheckedStrategyProp as n, type SliderProp as o, type SwitchProp as p, type TimePickerProp as q, type TransferItemProp as r, type TransferProp as s, type TreeFieldNamesProp as t, type TreeOptionProp as u, type TreeSelectProp as v, type UploadFileItem as w, type UploadFileItemProp as x, type UploadProp as y, type UploadVariant as z };
+export { type UploadVariant as A, type UploadVariantProp as B, type CalendarProp as C, type DatePickerProp as D, collectUploadCommitActions as E, type FieldProp as F, createUploadItem as G, type InputProp as I, type MonthPickerProp as M, type NumberInputProp as N, type RadioGroupProp as R, type SearchInputProp as S, type TextareaProp as T, type UploadCommitAction as U, type CascaderProp as a, type CheckboxGroupProp as b, type CheckboxProp as c, type ChoiceOptionProp as d, type ColorPickerProp as e, type DateRangePickerProp as f, type FormFieldProp as g, type FormProp as h, type MonthRangePickerProp as i, type RadioProp as j, type SearchSelectLoadParamsProp as k, type SearchSelectLoadResultProp as l, type SearchSelectOptionProp as m, type SelectDataProp as n, type ShowCheckedStrategyProp as o, type SliderProp as p, type SwitchProp as q, type TimePickerProp as r, type TransferItemProp as s, type TransferProp as t, type TreeFieldNamesProp as u, type TreeOptionProp as v, type TreeSelectProp as w, type UploadFileItem as x, type UploadFileItemProp as y, type UploadProp as z };

package/dist/form/index.js

@@ -1,4 +1,4 @@
-import { FormField } from '../chunk-76S3TQFH.js';
+import { FormField } from '../chunk-IAJOP2Z3.js';
 import '../chunk-C3PKEV6S.js';
 import '../chunk-7PWBC4BY.js';
 import { cn } from '../chunk-U7N2A7A3.js';

package/dist/{general.prop-CzcLDzMw.d.ts → general.prop-CzlQin6v.d.ts}

@@ -52,10 +52,20 @@ type ButtonProp = React.ButtonHTMLAttributes<HTMLButtonElement> & {
      * Optional numeric count rendered as a borderless counter pill after the label
      * (filter tabs / segmented toggles, e.g. "Chờ bay 18"). Formatted with
      * `Intl.NumberFormat` in the active locale and styled to read on the button's
-     * own variant — never nest a `Badge` inside a Button for this. `0` renders.
+     * own variant — never nest a `Badge` inside a Button for this.
      * Ignored when `asChild` (Radix Slot requires a single child).
      */
     count?: number;
+    /**
+     * Cap for `count` (Ant Badge parity). When `count` exceeds it the pill shows
+     * `{overflowCount}+` (e.g. `99+`). Defaults to 99.
+     */
+    overflowCount?: number;
+    /**
+     * Whether to render the pill when `count` is 0 (Ant Badge parity). Defaults to
+     * `true` (a `0` pill shows); pass `false` to hide the pill at zero.
+     */
+    showZero?: boolean;
 };
 
 export type { ButtonProp as B, HeadingProp as H, TextProp as T };

package/dist/i18n/index.d.ts

@@ -107,6 +107,12 @@ var dataEntry = {
 		clear: "Xóa lựa chọn",
 		loading: "Đang tải…",
 		empty: "Không có kết quả"
+	},
+	monthPicker: {
+		openGrid: "Mở chọn tháng",
+		previousYear: "Năm trước",
+		nextYear: "Năm sau",
+		placeholder: "yyyy/mm"
 	}
 };
 var feedback = {

package/dist/i18n/index.js

@@ -1,2 +1,2 @@
-export { usePickerLocales, useTranslation } from '../chunk-QTEPKNQE.js';
-export { MESSAGE_CATALOG, resetI18nLocale, syncI18nLocale, translate, translateCurrent } from '../chunk-C7W5BO7R.js';
+export { usePickerLocales, useTranslation } from '../chunk-B6S6LTWT.js';
+export { MESSAGE_CATALOG, resetI18nLocale, syncI18nLocale, translate, translateCurrent } from '../chunk-5732TWQF.js';

package/dist/index.d.ts

@@ -3,7 +3,7 @@ export { F as FlexAlignProp, a as FlexDirectionProp, b as FlexJustifyProp, c as
 export { F as Flex, P as PageContainer } from './flex-X2EFU1d5.js';
 export { C as ColumnDef, D as DataTable, a as Density, b as Descriptions, E as EmptyState } from './data-table-DRr70ULe.js';
 export { Badge } from './components/data-display/badge.js';
-export { F as Field, a as FormField, S as SearchInput } from './search-input-Oxwpv_s9.js';
+export { F as Field, a as FormField, S as SearchInput } from './search-input-d1g8eW9z.js';
 export { a as SkeletonDetail, c as SkeletonRows, d as SkeletonStat, e as SkeletonTable } from './skeleton-cj9kh5wo.js';
 export { Alert, AlertActions, AlertContent, AlertDescription, AlertQueryError, AlertTitle } from './components/feedback/alert.js';
 export { Upload, useUploadDraft } from './components/data-entry/upload.js';
@@ -20,7 +20,7 @@ export { toast } from 'sonner';
 export { useDebouncedValue, useTimeoutFlag } from './lib/hooks.js';
 export { formatBytes, formatCurrency, humanError, shortId } from './components/admin/index.js';
 export { cn } from './lib/utils.js';
-export { F as FieldProps, B as collectUploadCommitActions, E as createUploadItem } from './data-entry.prop-vn5VGnwY.js';
+export { F as FieldProps, E as collectUploadCommitActions, G as createUploadItem } from './data-entry.prop-C9QWj5Kl.js';
 export { c as AlertDialogProps } from './feedback.prop-CHlHDYZK.js';
 export { d as ToolbarGroupProps, e as ToolbarProps } from './navigation.prop-FCsOVGrP.js';
 export { j as formatDate } from './format-date-ByyZoqI5.js';

package/dist/index.js

@@ -1,62 +1,62 @@
 import './chunk-2H65B4JA.js';
 import './chunk-IMERLXSC.js';
-import './chunk-GFDKJY63.js';
+import './chunk-57VDEN64.js';
 import './chunk-VSUYVT2Q.js';
-import './chunk-UKTVFPRV.js';
+import './chunk-65RWSIZF.js';
 import './chunk-S2IJKT3D.js';
 import './chunk-I7NQ2LIL.js';
-import './chunk-ZOMIELKI.js';
-import './chunk-3JQDPNTA.js';
-import './chunk-LFO5BJ4H.js';
-import './chunk-6MZMMMHV.js';
-import './chunk-OIAT773P.js';
-import './chunk-HS73G2C3.js';
+import './chunk-Q3KUZG4P.js';
+import './chunk-R2TXLS7S.js';
+import './chunk-ION2KFXK.js';
+import './chunk-3VFNWVR7.js';
+import './chunk-YXVJFYQE.js';
+import './chunk-NU2SOVTU.js';
 import './chunk-GJXOBDER.js';
-export { PageContainer } from './chunk-I472SSN2.js';
-import './chunk-XK3M3VRR.js';
-import './chunk-W4REF4TD.js';
-export { Toolbar, ToolbarGroup } from './chunk-UVGI2RPC.js';
-export { Steps } from './chunk-LTKHPOE3.js';
+export { Toolbar, ToolbarGroup } from './chunk-HRW7JDUJ.js';
+export { Steps } from './chunk-PL4NEIVO.js';
+import './chunk-B73NA66T.js';
 import './chunk-WGWI7EGL.js';
-export { Pagination } from './chunk-2JW2QLUU.js';
+export { Pagination } from './chunk-2MRAHKOD.js';
 export { Tabs, TabsContent, TabsList, TabsTrigger } from './chunk-V3N266PT.js';
+export { PageContainer } from './chunk-YLRCDJMR.js';
+import './chunk-XK3M3VRR.js';
+import './chunk-W4REF4TD.js';
 import './chunk-HL3G4SVG.js';
-import './chunk-B73NA66T.js';
 import './chunk-LMKUKCTN.js';
 export { sonnerToast as toast } from './chunk-ES4Q3KGL.js';
 export { SkeletonDetail, SkeletonRows, SkeletonStat, SkeletonTable } from './chunk-2BR7KFCP.js';
 export { Toaster } from './chunk-TO7URV7U.js';
 import './chunk-32WO3YLB.js';
-export { Alert, AlertActions, AlertContent, AlertDescription, AlertQueryError, AlertTitle } from './chunk-W2RYT6NT.js';
-export { Transfer } from './chunk-DVV6UYVS.js';
-export { TreeSelect } from './chunk-5XFFEW2P.js';
-export { Upload, collectUploadCommitActions, createUploadItem, useUploadDraft } from './chunk-J254ZX3A.js';
-export { SearchInput } from './chunk-RBXVCWXL.js';
-export { formatBytes, formatCurrency, humanError, shortId } from './chunk-2FJ5TMQU.js';
-export { AlertDialog, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from './chunk-UDMFKYZG.js';
+export { Alert, AlertActions, AlertContent, AlertDescription, AlertQueryError, AlertTitle } from './chunk-D4JX6O2W.js';
+export { Transfer } from './chunk-QE4IYHJU.js';
+export { TreeSelect } from './chunk-A3J2G2ZA.js';
+export { Upload, collectUploadCommitActions, createUploadItem, useUploadDraft } from './chunk-4SSJ54R2.js';
+export { SearchInput } from './chunk-LVLPNKJP.js';
+export { formatBytes, formatCurrency, humanError, shortId } from './chunk-X6AJ5HEI.js';
+export { AlertDialog, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from './chunk-I5D4QYZI.js';
 import './chunk-VU4GFGDG.js';
-import './chunk-PKSHDFKP.js';
+import './chunk-BJTNKNMY.js';
 import './chunk-TBJBVEIP.js';
-export { Cascader } from './chunk-6VUW6EKH.js';
+export { Cascader } from './chunk-L6NMIUKC.js';
 import './chunk-SMLKNECP.js';
 import './chunk-3R3QVJCB.js';
-import './chunk-6AIYMYSG.js';
-export { DataTable, Descriptions } from './chunk-KNI7QI4J.js';
+import './chunk-K24AQV4R.js';
+export { DataTable, Descriptions } from './chunk-FLY23H4G.js';
 import './chunk-DV52WNXO.js';
 export { EmptyState } from './chunk-YD7V2HGZ.js';
 export { Flex } from './chunk-INIIF7F7.js';
 import './chunk-BE6GJGKJ.js';
 export { Field } from './chunk-44YRPSZ7.js';
-import './chunk-XZH3URGD.js';
-export { Badge } from './chunk-ZYJRZLMZ.js';
+import './chunk-XBFUROAY.js';
+export { Badge } from './chunk-HIEGUYPP.js';
 import './chunk-DY5C44UP.js';
 import './chunk-3KPEZ5CF.js';
 import './chunk-IJ5ALJGA.js';
 import './chunk-B4K4BXEF.js';
-export { FormField } from './chunk-76S3TQFH.js';
+export { FormField } from './chunk-IAJOP2Z3.js';
 import './chunk-C3PKEV6S.js';
 import './chunk-7PWBC4BY.js';
-import './chunk-QTEPKNQE.js';
-export { formatDate } from './chunk-C7W5BO7R.js';
+import './chunk-B6S6LTWT.js';
+export { formatDate } from './chunk-5732TWQF.js';
 export { useDebouncedValue, useTimeoutFlag } from './chunk-LFW37FGG.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-C7W5BO7R.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-5732TWQF.js';

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

@@ -1,9 +1,9 @@
 export { A as AppShellProp, P as PageContainerProp, d as PageInsetProp, e as SidebarItemProp, f as SidebarProductProp, g as SidebarProp, h as SidebarSectionProp, T as TopbarProductProp, i as TopbarProjectProp, j as TopbarProp } from '../../layout.prop-D2be7gOo.js';
-export { B as ButtonProp } from '../../general.prop-CzcLDzMw.js';
-export { C as CalendarProp, a as CascaderProp, b as CheckboxGroupProp, c as CheckboxProp, d as ChoiceOptionProp, e as ColorPickerProp, D as DatePickerProp, f as DateRangePickerProp, g as FormFieldProp, I as InputProp, R as RadioGroupProp, i as RadioProp, S as SearchInputProp, n as ShowCheckedStrategyProp, o as SliderProp, p as SwitchProp, T as TextareaProp, q as TimePickerProp, r as TransferItemProp, s as TransferProp, t as TreeFieldNamesProp, u as TreeOptionProp, v as TreeSelectProp, x as UploadFileItemProp, y as UploadProp, A as UploadVariantProp } from '../../data-entry.prop-vn5VGnwY.js';
+export { B as ButtonProp } from '../../general.prop-CzlQin6v.js';
+export { C as CalendarProp, a as CascaderProp, b as CheckboxGroupProp, c as CheckboxProp, d as ChoiceOptionProp, e as ColorPickerProp, D as DatePickerProp, f as DateRangePickerProp, g as FormFieldProp, I as InputProp, R as RadioGroupProp, j as RadioProp, S as SearchInputProp, o as ShowCheckedStrategyProp, p as SliderProp, q as SwitchProp, T as TextareaProp, r as TimePickerProp, s as TransferItemProp, t as TransferProp, u as TreeFieldNamesProp, v as TreeOptionProp, w as TreeSelectProp, y as UploadFileItemProp, z as UploadProp, B as UploadVariantProp } from '../../data-entry.prop-C9QWj5Kl.js';
 export { B as BadgeProp, D as DataTableProp, a as DescriptionsItemProp, b as DescriptionsProp, E as EmptyStateProp } from '../../data-display.prop-CT0nVMdp.js';
 export { A as AlertActionsProp, a as AlertContentProp, b as AlertDescriptionProp, d as AlertProp, e as AlertQueryErrorProp, f as AlertTitleProp, S as SkeletonRowsProp } from '../../feedback.prop-CHlHDYZK.js';
-export { D as DataStateProp, I as InfiniteQueryHelpers, a as InfiniteQueryStateProp, P as PrefetchLinkProp } from '../../query.prop-DAILZ0x5.js';
+export { D as DataStateProp, I as InfiniteQueryHelpers, a as InfiniteQueryStateProp, P as PrefetchLinkProp } from '../../query.prop-CT2gFtr4.js';
 export { P as PaginationProp, S as StepItemProp, a as StepStatusProp, b as StepsProp, T as TabItemProp, c as TabsProp } from '../../navigation.prop-FCsOVGrP.js';
 export { A as AppContextValue, a as AppProviderProp, b as AppSettingKind, c as AppSettingPickerProp } from '../../app.prop-CVY8V4ss.js';
 export { F as FieldErrorMessageProp, a as FormFieldControlProp, b as FormRootProp, U as UseZodFormOptionsProp, c as UseZodFormReturnProp, Z as ZodSchemaProp } from '../../form.prop-5cyL3bvT.js';

package/dist/props/index.d.ts

@@ -5,11 +5,11 @@ export { A as AlertVariantProp, B as BadgeVariantProp, a as BreakpointProp, b as
 export { B as BreadcrumbItem, B as BreadcrumbItemProp, a as BreadcrumbProp } from '../navigation.prop-CXDaVNaR.js';
 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-D0UEEczj.js';
 export { A as AppShellProp, P as PageContainerProp, P as PageContainerProps, d as PageInsetProp, e as SidebarItemProp, f as SidebarProductProp, g as SidebarProp, h as SidebarSectionProp, T as TopbarProductProp, i as TopbarProjectProp, j as TopbarProp } from '../layout.prop-D2be7gOo.js';
-export { B as ButtonProp, B as ButtonProps } from '../general.prop-CzcLDzMw.js';
-export { C as CalendarProp, a as CascaderProp, b as CheckboxGroupProp, c as CheckboxProp, d as ChoiceOptionProp, e as ColorPickerProp, D as DatePickerProp, f as DateRangePickerProp, g as FormFieldProp, I as InputProp, R as RadioGroupProp, i as RadioProp, S as SearchInputProp, n as ShowCheckedStrategyProp, o as SliderProp, p as SwitchProp, T as TextareaProp, q as TimePickerProp, r as TransferItemProp, s as TransferProp, t as TreeFieldNamesProp, u as TreeOptionProp, v as TreeSelectProp, x as UploadFileItemProp, y as UploadProp, A as UploadVariantProp } from '../data-entry.prop-vn5VGnwY.js';
+export { B as ButtonProp, B as ButtonProps } from '../general.prop-CzlQin6v.js';
+export { C as CalendarProp, a as CascaderProp, b as CheckboxGroupProp, c as CheckboxProp, d as ChoiceOptionProp, e as ColorPickerProp, D as DatePickerProp, f as DateRangePickerProp, g as FormFieldProp, I as InputProp, R as RadioGroupProp, j as RadioProp, S as SearchInputProp, o as ShowCheckedStrategyProp, p as SliderProp, q as SwitchProp, T as TextareaProp, r as TimePickerProp, s as TransferItemProp, t as TransferProp, u as TreeFieldNamesProp, v as TreeOptionProp, w as TreeSelectProp, y as UploadFileItemProp, z as UploadProp, B as UploadVariantProp } from '../data-entry.prop-C9QWj5Kl.js';
 export { B as BadgeProp, D as DataTableProp, a as DescriptionsItemProp, b as DescriptionsProp, E as EmptyStateProp } from '../data-display.prop-CT0nVMdp.js';
 export { A as AlertActionsProp, a as AlertContentProp, b as AlertDescriptionProp, d as AlertProp, e as AlertQueryErrorProp, f as AlertTitleProp, S as SkeletonRowsProp } from '../feedback.prop-CHlHDYZK.js';
-export { D as DataStateProp, I as InfiniteQueryHelpers, a as InfiniteQueryStateProp, P as PrefetchLinkProp } from '../query.prop-DAILZ0x5.js';
+export { D as DataStateProp, I as InfiniteQueryHelpers, a as InfiniteQueryStateProp, P as PrefetchLinkProp } from '../query.prop-CT2gFtr4.js';
 export { P as PaginationProp, S as StepItemProp, a as StepStatusProp, b as StepsProp, T as TabItemProp, c as TabsProp } from '../navigation.prop-FCsOVGrP.js';
 export { A as AppContextValue, a as AppProviderProp, b as AppSettingKind, c as AppSettingPickerProp } from '../app.prop-CVY8V4ss.js';
 export { F as FieldErrorMessageProp, a as FormFieldControlProp, b as FormRootProp, U as UseZodFormOptionsProp, c as UseZodFormReturnProp, Z as ZodSchemaProp } from '../form.prop-5cyL3bvT.js';

package/dist/props/index.js

@@ -1,3 +1,3 @@
 import '../chunk-B775Y6BE.js';
 import '../chunk-ZT5UEUBO.js';
-export { COMPONENT_PROP_REGISTRY, PROP_ALIASES_FORBIDDEN, VOCABULARY_REGISTRY } from '../chunk-IRPZJKLU.js';
+export { COMPONENT_PROP_REGISTRY, PROP_ALIASES_FORBIDDEN, VOCABULARY_REGISTRY } from '../chunk-4FGE5XVC.js';

package/dist/props/registry.d.ts

@@ -563,6 +563,16 @@ declare const COMPONENT_PROP_REGISTRY: {
         readonly file: "components/data-entry.prop.ts";
         readonly vocabulary: readonly ["ValueProp", "OnValueChangeProp", "PlaceholderProp", "DisabledProp", "IdProp"];
     };
+    readonly MonthPickerProp: {
+        readonly group: "data-entry";
+        readonly file: "components/data-entry.prop.ts";
+        readonly vocabulary: readonly ["ValueProp", "OnValueChangeProp", "PlaceholderProp", "DisabledProp", "IdProp"];
+    };
+    readonly MonthRangePickerProp: {
+        readonly group: "data-entry";
+        readonly file: "components/data-entry.prop.ts";
+        readonly vocabulary: readonly ["ValueProp", "OnValueChangeProp", "PlaceholderProp", "DisabledProp", "IdProp"];
+    };
     readonly DateRangePickerProp: {
         readonly group: "data-entry";
         readonly file: "components/data-entry.prop.ts";

package/dist/props/registry.js

@@ -1 +1 @@
-export { COMPONENT_PROP_REGISTRY, PROP_ALIASES_FORBIDDEN, VOCABULARY_REGISTRY } from '../chunk-IRPZJKLU.js';
+export { COMPONENT_PROP_REGISTRY, PROP_ALIASES_FORBIDDEN, VOCABULARY_REGISTRY } from '../chunk-4FGE5XVC.js';

package/dist/{query.prop-DAILZ0x5.d.ts → query.prop-CT2gFtr4.d.ts}

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { UseQueryResult, UseInfiniteQueryResult, InfiniteData, QueryKey, UseMutationResult } from '@tanstack/react-query';
 import { LinkProps } from 'react-router-dom';
-import { B as ButtonProp } from './general.prop-CzcLDzMw.js';
+import { B as ButtonProp } from './general.prop-CzlQin6v.js';
 import { H as HandlerProp, a as ClassNameProp } from './shared.prop-BvMSLFJ6.js';
 
 /** Query / async lifecycle helpers — @see docs/COMPONENTS.md#query */

package/dist/{search-input-Oxwpv_s9.d.ts → search-input-d1g8eW9z.d.ts}

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { g as FormFieldProp, F as FieldProp } from './data-entry.prop-vn5VGnwY.js';
+import { g as FormFieldProp, F as FieldProp } from './data-entry.prop-C9QWj5Kl.js';
 import * as React from 'react';
 
 declare function FormField({ id, label, required, helper, error, labelAddon, layout: layoutProp, labelWidth: labelWidthProp, controlWidth: controlWidthProp, colSpan, className, children, }: FormFieldProp): react_jsx_runtime.JSX.Element;

package/dist/styles/form-layout.css

@@ -57,7 +57,7 @@
     ) {
     grid-template-columns: var(--form-label-width, max-content) minmax(0, 1fr);
     align-items: start;
-    column-gap: var(--space-4);
+    column-gap: var(--form-label-gap);
     row-gap: var(--space-stack-xs);
   }
   .ui-form-field[data-collapse-below="false"]:is([data-layout="horizontal"], [data-layout="inline"])
@@ -80,7 +80,7 @@
       ) {
       grid-template-columns: var(--form-label-width, max-content) minmax(0, 1fr);
       align-items: start;
-      column-gap: var(--space-4);
+      column-gap: var(--form-label-gap);
       row-gap: var(--space-stack-xs);
     }
     .ui-form-field[data-collapse-below="sm"]:is([data-layout="horizontal"], [data-layout="inline"])
@@ -104,7 +104,7 @@
       ) {
       grid-template-columns: var(--form-label-width, max-content) minmax(0, 1fr);
       align-items: start;
-      column-gap: var(--space-4);
+      column-gap: var(--form-label-gap);
       row-gap: var(--space-stack-xs);
     }
     .ui-form-field[data-collapse-below="md"]:is([data-layout="horizontal"], [data-layout="inline"])
@@ -128,7 +128,7 @@
       ) {
       grid-template-columns: var(--form-label-width, max-content) minmax(0, 1fr);
       align-items: start;
-      column-gap: var(--space-4);
+      column-gap: var(--form-label-gap);
       row-gap: var(--space-stack-xs);
     }
     .ui-form-field[data-collapse-below="lg"]:is([data-layout="horizontal"], [data-layout="inline"])
@@ -152,7 +152,7 @@
       ) {
       grid-template-columns: var(--form-label-width, max-content) minmax(0, 1fr);
       align-items: start;
-      column-gap: var(--space-4);
+      column-gap: var(--form-label-gap);
       row-gap: var(--space-stack-xs);
     }
     .ui-form-field[data-collapse-below="xl"]:is([data-layout="horizontal"], [data-layout="inline"])

package/dist/styles/layout.css

@@ -312,8 +312,8 @@
     display: flex;
     flex-direction: column;
     gap: var(--space-stack-sm);
-    padding-bottom: var(--space-stack-md);
-    border-bottom: 1px solid hsl(var(--border));
+    padding-bottom: var(--page-header-pad-bottom);
+    border-bottom: var(--page-header-divider);
   }
 
   .ui-page-header-row {

package/dist/tokens/base.css

@@ -6,6 +6,7 @@
 @import "./foundation.css";
 @import "./semantic/layout.css";
 @import "./components/control.css";
+@import "./components/form.css";
 @import "./components/card.css";
 @import "./components/table.css";
 @import "./components/feedback.css";

package/dist/tokens/components/form.css

@@ -0,0 +1,11 @@
+/* Form layout tokens: horizontal-layout label column geometry. */
+
+:root {
+  /* Width of the label column in horizontal/inline layout. A service theme sets
+   * this once (e.g. 110px) to align every form to its design grid; the Form/
+   * FormField `labelWidth` prop overrides per form/field. */
+  --form-label-width: max-content;
+
+  /* Column gap between the label and its control in horizontal/inline layout. */
+  --form-label-gap: var(--space-4); /* 16px */
+}

package/dist/tokens/semantic/layout.css

@@ -22,6 +22,17 @@
   --space-page-active-y: var(--space-page-y);
   --space-section-active: var(--space-section);
 
+  /* Full-bleed rule under the PageContainer header. OFF by default — the title/body
+   * gap already separates them; a divider is a service-theme opt-in:
+   * `--page-header-divider: 1px solid hsl(var(--border));` */
+  --page-header-divider: none;
+
+  /* Bottom inset of the page header, sized so title→body distance (this pad + the
+   * --space-section-active container gap) EQUALS the page's top padding — the title
+   * band reads vertically balanced (24 above / 24 below by default), instead of the
+   * old fixed 16px pad that left 24 above vs 32 below. */
+  --page-header-pad-bottom: calc(var(--space-page-active-y) - var(--space-section-active));
+
   /* Section "chrome" padding — the SHARED inset for header / body / footer of every overlay-ish
    * surface (Dialog · Sheet · Drawer · Card). One global knob: a service sets these once instead of
    * per-component. Vertical is tightened (16 vs the old 24) and density-aware (see density.css);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@godxjp/ui",
-  "version": "13.6.0",
+  "version": "13.8.0",
   "type": "module",
   "packageManager": "pnpm@10.29.1",
   "sideEffects": false,
@@ -267,9 +267,10 @@
     "test:coverage": "vitest run --coverage",
     "check:example-imports": "node scripts/check-example-imports.mjs",
     "verify": "pnpm typecheck && pnpm lint && pnpm format && pnpm build && pnpm preview:build && pnpm check:example-imports && pnpm check:core-isolation && pnpm check:prop-vocabulary && pnpm check:token-tiers && pnpm check:control-sizing && pnpm check:mcp-sync && pnpm check:mcp-orphans && pnpm test",
-    "verify:release": "pnpm typecheck && pnpm lint && pnpm build && pnpm preview:build && pnpm check:example-imports && pnpm check:core-isolation && pnpm check:prop-vocabulary && pnpm check:token-tiers && pnpm check:control-sizing && pnpm check:mcp-sync && pnpm check:mcp-orphans && pnpm test",
+    "verify:release": "pnpm typecheck && pnpm lint && pnpm build && pnpm preview:build && pnpm check:example-imports && pnpm check:core-isolation && pnpm check:prop-vocabulary && pnpm check:token-tiers && pnpm check:control-sizing && pnpm check:mcp-sync && pnpm check:mcp-orphans && pnpm check:mcp-prop-sync && pnpm test",
     "check:mcp-sync": "node scripts/check-mcp-sync.mjs",
     "check:mcp-orphans": "node scripts/check-mcp-orphans.mjs",
+    "check:mcp-prop-sync": "node scripts/check-mcp-prop-sync.mjs",
     "check:prop-vocabulary": "node scripts/check-prop-vocabulary.mjs",
     "check:token-tiers": "node scripts/check-token-tiers.mjs",
     "check:control-sizing": "node scripts/check-control-sizing.mjs",
@@ -280,6 +281,7 @@
     "docs:sync-primitives": "node preview/scripts/sync-primitive-docs.mjs && prettier --write \"docs/primitives/**/*.tsx\"",
     "audit": "node scripts/ui-audit.mjs",
     "build": "tsup && node scripts/copy-styles.mjs",
+    "dev": "node scripts/dev.mjs",
     "prepublishOnly": "pnpm run build"
   },
   "peerDependencies": {