@bricks-toolkit/toolkit 0.1.18 → 0.1.20

package/dist/date-picker/index.mjs

@@ -1,2 +1,3 @@
-export { DatePicker } from '../chunk-7WNJ7L4Z.mjs';
+export { DatePicker } from '../chunk-M5V2IWA6.mjs';
+import '../chunk-4PRNRENN.mjs';
 import '../chunk-OCPFOFJ4.mjs';

package/dist/date-time-picker/index.cjs

@@ -0,0 +1,12 @@
+'use strict';
+
+var chunkHG4BPC2T_cjs = require('../chunk-HG4BPC2T.cjs');
+require('../chunk-J53N2LAE.cjs');
+require('../chunk-L5VQZZVR.cjs');
+
+
+
+Object.defineProperty(exports, "DateTimePicker", {
+  enumerable: true,
+  get: function () { return chunkHG4BPC2T_cjs.DateTimePicker; }
+});

package/dist/date-time-picker/index.d.mts

@@ -0,0 +1,52 @@
+import { ReactNode } from 'react';
+
+type DateTimePickerVariant = 'default' | 'filled' | 'flushed' | 'unstyled';
+type DateTimePickerSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type DateTimePickerState = 'default' | 'error' | 'success' | 'warning';
+interface DateTimePickerProps {
+    /** Controlled value — 'YYYY-MM-DDTHH:MM' */
+    value?: string;
+    defaultValue?: string;
+    /** Fires with 'YYYY-MM-DDTHH:MM' string */
+    onChange?: (value: string) => void;
+    /** Fires with native Date or null */
+    onDateTimeChange?: (date: Date | null) => void;
+    label?: string;
+    required?: boolean;
+    helperText?: string;
+    errorMessage?: string;
+    successMessage?: string;
+    warningMessage?: string;
+    placeholder?: string;
+    locale?: string;
+    variant?: DateTimePickerVariant;
+    size?: DateTimePickerSize;
+    state?: DateTimePickerState;
+    fullWidth?: boolean;
+    leftElement?: ReactNode;
+    rightElement?: ReactNode;
+    prefix?: ReactNode;
+    suffix?: ReactNode;
+    wrapperClassName?: string;
+    inputGroupClassName?: string;
+    inputClassName?: string;
+    labelClassName?: string;
+    helperClassName?: string;
+    className?: string;
+    clearable?: boolean;
+    isLoading?: boolean;
+    disabled?: boolean;
+    id?: string;
+    name?: string;
+    minDate?: Date;
+    maxDate?: Date;
+    disabledDates?: Date[];
+    minuteStep?: number;
+    use12Hour?: boolean;
+    'aria-label'?: string;
+    'aria-describedby'?: string;
+}
+
+declare function DateTimePicker({ label, required, helperText, errorMessage, successMessage, warningMessage, variant, size, state, fullWidth, leftElement, rightElement, prefix, suffix, wrapperClassName, inputGroupClassName, inputClassName, labelClassName, helperClassName, className, clearable, isLoading, disabled, value, defaultValue, onChange, onDateTimeChange, placeholder, locale, minDate, maxDate, disabledDates, minuteStep, use12Hour, id: idProp, name, 'aria-label': ariaLabel, 'aria-describedby': ariaDescribedby, }: DateTimePickerProps): React.JSX.Element;
+
+export { DateTimePicker, type DateTimePickerProps, type DateTimePickerSize, type DateTimePickerState, type DateTimePickerVariant };

package/dist/date-time-picker/index.d.ts

@@ -0,0 +1,52 @@
+import { ReactNode } from 'react';
+
+type DateTimePickerVariant = 'default' | 'filled' | 'flushed' | 'unstyled';
+type DateTimePickerSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type DateTimePickerState = 'default' | 'error' | 'success' | 'warning';
+interface DateTimePickerProps {
+    /** Controlled value — 'YYYY-MM-DDTHH:MM' */
+    value?: string;
+    defaultValue?: string;
+    /** Fires with 'YYYY-MM-DDTHH:MM' string */
+    onChange?: (value: string) => void;
+    /** Fires with native Date or null */
+    onDateTimeChange?: (date: Date | null) => void;
+    label?: string;
+    required?: boolean;
+    helperText?: string;
+    errorMessage?: string;
+    successMessage?: string;
+    warningMessage?: string;
+    placeholder?: string;
+    locale?: string;
+    variant?: DateTimePickerVariant;
+    size?: DateTimePickerSize;
+    state?: DateTimePickerState;
+    fullWidth?: boolean;
+    leftElement?: ReactNode;
+    rightElement?: ReactNode;
+    prefix?: ReactNode;
+    suffix?: ReactNode;
+    wrapperClassName?: string;
+    inputGroupClassName?: string;
+    inputClassName?: string;
+    labelClassName?: string;
+    helperClassName?: string;
+    className?: string;
+    clearable?: boolean;
+    isLoading?: boolean;
+    disabled?: boolean;
+    id?: string;
+    name?: string;
+    minDate?: Date;
+    maxDate?: Date;
+    disabledDates?: Date[];
+    minuteStep?: number;
+    use12Hour?: boolean;
+    'aria-label'?: string;
+    'aria-describedby'?: string;
+}
+
+declare function DateTimePicker({ label, required, helperText, errorMessage, successMessage, warningMessage, variant, size, state, fullWidth, leftElement, rightElement, prefix, suffix, wrapperClassName, inputGroupClassName, inputClassName, labelClassName, helperClassName, className, clearable, isLoading, disabled, value, defaultValue, onChange, onDateTimeChange, placeholder, locale, minDate, maxDate, disabledDates, minuteStep, use12Hour, id: idProp, name, 'aria-label': ariaLabel, 'aria-describedby': ariaDescribedby, }: DateTimePickerProps): React.JSX.Element;
+
+export { DateTimePicker, type DateTimePickerProps, type DateTimePickerSize, type DateTimePickerState, type DateTimePickerVariant };

package/dist/date-time-picker/index.mjs

@@ -0,0 +1,3 @@
+export { DateTimePicker } from '../chunk-E6KUCC56.mjs';
+import '../chunk-4PRNRENN.mjs';
+import '../chunk-OCPFOFJ4.mjs';

package/dist/index.cjs

@@ -4,30 +4,32 @@ var chunkPCYGJNEQ_cjs = require('./chunk-PCYGJNEQ.cjs');
 var chunk7DDDQ3RH_cjs = require('./chunk-7DDDQ3RH.cjs');
 var chunkLTG6YP5I_cjs = require('./chunk-LTG6YP5I.cjs');
 require('./chunk-NMJ5CVZH.cjs');
+var chunkOEU5VG3D_cjs = require('./chunk-OEU5VG3D.cjs');
 var chunkY6AN7AWX_cjs = require('./chunk-Y6AN7AWX.cjs');
 var chunkXFNRKHHF_cjs = require('./chunk-XFNRKHHF.cjs');
-var chunkDHC5LI2P_cjs = require('./chunk-DHC5LI2P.cjs');
+var chunkFK5HAWIU_cjs = require('./chunk-FK5HAWIU.cjs');
 var chunkYMMNWJT6_cjs = require('./chunk-YMMNWJT6.cjs');
 var chunkQ3IFXFFD_cjs = require('./chunk-Q3IFXFFD.cjs');
 var chunkYK7IS7JL_cjs = require('./chunk-YK7IS7JL.cjs');
-var chunkPJWELBN2_cjs = require('./chunk-PJWELBN2.cjs');
 var chunkTNGW5YHA_cjs = require('./chunk-TNGW5YHA.cjs');
+var chunkPJWELBN2_cjs = require('./chunk-PJWELBN2.cjs');
+var chunkMVUNJPGH_cjs = require('./chunk-MVUNJPGH.cjs');
 var chunkS7VEND5Z_cjs = require('./chunk-S7VEND5Z.cjs');
 var chunk56ILK7Y4_cjs = require('./chunk-56ILK7Y4.cjs');
 var chunkNRZIXK35_cjs = require('./chunk-NRZIXK35.cjs');
 var chunk5RKET2JO_cjs = require('./chunk-5RKET2JO.cjs');
-var chunkDOKSG7AW_cjs = require('./chunk-DOKSG7AW.cjs');
+var chunkBIKJK4L4_cjs = require('./chunk-BIKJK4L4.cjs');
 var chunkVRZFAKSV_cjs = require('./chunk-VRZFAKSV.cjs');
 var chunk7R5JRJ2W_cjs = require('./chunk-7R5JRJ2W.cjs');
-var chunkOEU5VG3D_cjs = require('./chunk-OEU5VG3D.cjs');
 var chunkKLBABQEJ_cjs = require('./chunk-KLBABQEJ.cjs');
-var chunkW2ZAPLQH_cjs = require('./chunk-W2ZAPLQH.cjs');
+var chunkWVRXSANT_cjs = require('./chunk-WVRXSANT.cjs');
+var chunkHG4BPC2T_cjs = require('./chunk-HG4BPC2T.cjs');
+require('./chunk-J53N2LAE.cjs');
 var chunkOPOCCRJG_cjs = require('./chunk-OPOCCRJG.cjs');
 var chunkAJXVELXK_cjs = require('./chunk-AJXVELXK.cjs');
 var chunkVC7MOPU6_cjs = require('./chunk-VC7MOPU6.cjs');
 var chunk6R3OYBQ6_cjs = require('./chunk-6R3OYBQ6.cjs');
 var chunkBBVWG5GH_cjs = require('./chunk-BBVWG5GH.cjs');
-var chunkMVUNJPGH_cjs = require('./chunk-MVUNJPGH.cjs');
 var chunkHIWJDLIS_cjs = require('./chunk-HIWJDLIS.cjs');
 var chunk5J3OMAO4_cjs = require('./chunk-5J3OMAO4.cjs');
 var chunkNRCNRHXL_cjs = require('./chunk-NRCNRHXL.cjs');
@@ -631,6 +633,14 @@ Object.defineProperty(exports, "useTheme", {
   enumerable: true,
   get: function () { return chunkLTG6YP5I_cjs.useTheme; }
 });
+Object.defineProperty(exports, "Pagination", {
+  enumerable: true,
+  get: function () { return chunkOEU5VG3D_cjs.Pagination; }
+});
+Object.defineProperty(exports, "Table", {
+  enumerable: true,
+  get: function () { return chunkOEU5VG3D_cjs.Table; }
+});
 Object.defineProperty(exports, "Tabs", {
   enumerable: true,
   get: function () { return chunkY6AN7AWX_cjs.Tabs; }
@@ -641,7 +651,7 @@ Object.defineProperty(exports, "TextInput", {
 });
 Object.defineProperty(exports, "TimePicker", {
   enumerable: true,
-  get: function () { return chunkDHC5LI2P_cjs.TimePicker; }
+  get: function () { return chunkFK5HAWIU_cjs.TimePicker; }
 });
 Object.defineProperty(exports, "Toaster", {
   enumerable: true,
@@ -655,13 +665,17 @@ Object.defineProperty(exports, "Header", {
   enumerable: true,
   get: function () { return chunkYK7IS7JL_cjs.Header; }
 });
+Object.defineProperty(exports, "IconButton", {
+  enumerable: true,
+  get: function () { return chunkTNGW5YHA_cjs.IconButton; }
+});
 Object.defineProperty(exports, "Image", {
   enumerable: true,
   get: function () { return chunkPJWELBN2_cjs.Image; }
 });
-Object.defineProperty(exports, "IconButton", {
+Object.defineProperty(exports, "Loader", {
   enumerable: true,
-  get: function () { return chunkTNGW5YHA_cjs.IconButton; }
+  get: function () { return chunkMVUNJPGH_cjs.Loader; }
 });
 Object.defineProperty(exports, "Skeleton", {
   enumerable: true,
@@ -697,7 +711,7 @@ Object.defineProperty(exports, "PasswordInput", {
 });
 Object.defineProperty(exports, "Phone", {
   enumerable: true,
-  get: function () { return chunkDOKSG7AW_cjs.Phone; }
+  get: function () { return chunkBIKJK4L4_cjs.Phone; }
 });
 Object.defineProperty(exports, "RadioButton", {
   enumerable: true,
@@ -707,21 +721,17 @@ Object.defineProperty(exports, "Select", {
   enumerable: true,
   get: function () { return chunk7R5JRJ2W_cjs.Select; }
 });
-Object.defineProperty(exports, "Pagination", {
-  enumerable: true,
-  get: function () { return chunkOEU5VG3D_cjs.Pagination; }
-});
-Object.defineProperty(exports, "Table", {
-  enumerable: true,
-  get: function () { return chunkOEU5VG3D_cjs.Table; }
-});
 Object.defineProperty(exports, "ComboBox", {
   enumerable: true,
   get: function () { return chunkKLBABQEJ_cjs.ComboBox; }
 });
 Object.defineProperty(exports, "DatePicker", {
   enumerable: true,
-  get: function () { return chunkW2ZAPLQH_cjs.DatePicker; }
+  get: function () { return chunkWVRXSANT_cjs.DatePicker; }
+});
+Object.defineProperty(exports, "DateTimePicker", {
+  enumerable: true,
+  get: function () { return chunkHG4BPC2T_cjs.DateTimePicker; }
 });
 Object.defineProperty(exports, "Dialog", {
   enumerable: true,
@@ -775,10 +785,6 @@ Object.defineProperty(exports, "Link", {
   enumerable: true,
   get: function () { return chunkBBVWG5GH_cjs.Link; }
 });
-Object.defineProperty(exports, "Loader", {
-  enumerable: true,
-  get: function () { return chunkMVUNJPGH_cjs.Loader; }
-});
 Object.defineProperty(exports, "Avatar", {
   enumerable: true,
   get: function () { return chunkHIWJDLIS_cjs.Avatar; }

package/dist/index.d.mts

@@ -20,6 +20,7 @@ export { Link, LinkProps, LinkSize, LinkUnderline, LinkVariant } from './link/in
 export { PasswordInput, PasswordInputProps, PasswordInputSize, PasswordInputState, PasswordInputVariant } from './password-input/index.mjs';
 export { TabItem, Tabs, TabsProps, TabsSize, TabsVariant } from './tabs/index.mjs';
 export { Avatar, AvatarProps, AvatarSize, AvatarState, AvatarVariant } from './avatar/index.mjs';
+export { DateTimePicker, DateTimePickerProps, DateTimePickerSize, DateTimePickerState, DateTimePickerVariant } from './date-time-picker/index.mjs';
 export { FileUpload, FileUploadProps, FileUploadSize, FileUploadState } from './file-upload/index.mjs';
 export { Dialog, DialogBody, DialogBodyProps, DialogCloseButton, DialogCloseButtonProps, DialogFooter, DialogFooterProps, DialogHeader, DialogHeaderProps, DialogProps, DialogSize } from './dialog/index.mjs';
 export { Modal, ModalBody, ModalBodyProps, ModalCloseButton, ModalCloseButtonProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalProps, ModalSize } from './modal/index.mjs';

package/dist/index.d.ts

@@ -20,6 +20,7 @@ export { Link, LinkProps, LinkSize, LinkUnderline, LinkVariant } from './link/in
 export { PasswordInput, PasswordInputProps, PasswordInputSize, PasswordInputState, PasswordInputVariant } from './password-input/index.js';
 export { TabItem, Tabs, TabsProps, TabsSize, TabsVariant } from './tabs/index.js';
 export { Avatar, AvatarProps, AvatarSize, AvatarState, AvatarVariant } from './avatar/index.js';
+export { DateTimePicker, DateTimePickerProps, DateTimePickerSize, DateTimePickerState, DateTimePickerVariant } from './date-time-picker/index.js';
 export { FileUpload, FileUploadProps, FileUploadSize, FileUploadState } from './file-upload/index.js';
 export { Dialog, DialogBody, DialogBodyProps, DialogCloseButton, DialogCloseButtonProps, DialogFooter, DialogFooterProps, DialogHeader, DialogHeaderProps, DialogProps, DialogSize } from './dialog/index.js';
 export { Modal, ModalBody, ModalBodyProps, ModalCloseButton, ModalCloseButtonProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalProps, ModalSize } from './modal/index.js';

package/dist/index.mjs

@@ -2,30 +2,32 @@ export { Modal, ModalBody, ModalCloseButton, ModalFooter, ModalHeader } from './
 export { SearchInput } from './chunk-VHVFRWF5.mjs';
 export { ThemeProvider, useTheme } from './chunk-Y3NTKFUE.mjs';
 import './chunk-SBNNV6FE.mjs';
+export { Pagination, Table } from './chunk-7364SUK6.mjs';
 export { Tabs } from './chunk-G4HVY6FM.mjs';
 export { TextInput } from './chunk-CMER5LO3.mjs';
-export { TimePicker } from './chunk-VKQDW7C2.mjs';
+export { TimePicker } from './chunk-LKNQH36V.mjs';
 export { Toaster } from './chunk-YOTCXSXL.mjs';
 export { Sidebar } from './chunk-PJH2KEWK.mjs';
 export { Header } from './chunk-EL7COTGN.mjs';
-export { Image } from './chunk-JV6AWBN5.mjs';
 export { IconButton } from './chunk-BVBCAAES.mjs';
+export { Image } from './chunk-JV6AWBN5.mjs';
+export { Loader } from './chunk-4DR57X7U.mjs';
 export { Skeleton, SkeletonAvatar, SkeletonCard, SkeletonTable, SkeletonText } from './chunk-32SKYPQW.mjs';
 export { MultiSelect } from './chunk-JKPNJ4PZ.mjs';
 export { OtpInput } from './chunk-RYWDZHKG.mjs';
 export { PasswordInput } from './chunk-446OJWC6.mjs';
-export { Phone } from './chunk-ZCLNSMIW.mjs';
+export { Phone } from './chunk-3YIGXRMU.mjs';
 export { RadioButton } from './chunk-DN2GFJF4.mjs';
 export { Select } from './chunk-TIVSMCXZ.mjs';
-export { Pagination, Table } from './chunk-7364SUK6.mjs';
 export { ComboBox } from './chunk-4DA7CRNV.mjs';
-export { DatePicker } from './chunk-7WNJ7L4Z.mjs';
+export { DatePicker } from './chunk-M5V2IWA6.mjs';
+export { DateTimePicker } from './chunk-E6KUCC56.mjs';
+import './chunk-4PRNRENN.mjs';
 export { Dialog, DialogBody, DialogCloseButton, DialogFooter, DialogHeader } from './chunk-OQPCL5XX.mjs';
 export { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger } from './chunk-2POU3NX4.mjs';
 export { Email } from './chunk-4QSDPHPI.mjs';
 export { FileUpload } from './chunk-KA35BV7V.mjs';
 export { Link } from './chunk-SHQ2MPBE.mjs';
-export { Loader } from './chunk-4DR57X7U.mjs';
 export { Avatar } from './chunk-B5MYGYJY.mjs';
 export { Badge } from './chunk-H77YWN3L.mjs';
 export { Breadcrumbs } from './chunk-DMLPA65B.mjs';

package/dist/phone/index.cjs

@@ -1,11 +1,11 @@
 'use strict';
 
-var chunkDOKSG7AW_cjs = require('../chunk-DOKSG7AW.cjs');
+var chunkBIKJK4L4_cjs = require('../chunk-BIKJK4L4.cjs');
 require('../chunk-L5VQZZVR.cjs');
 
 
 
 Object.defineProperty(exports, "Phone", {
   enumerable: true,
-  get: function () { return chunkDOKSG7AW_cjs.Phone; }
+  get: function () { return chunkBIKJK4L4_cjs.Phone; }
 });

package/dist/phone/index.d.mts

@@ -1,4 +1,4 @@
-import React__default, { InputHTMLAttributes, ReactNode } from 'react';
+import { InputHTMLAttributes, ReactNode } from 'react';
 
 type PhoneVariant = 'default' | 'filled' | 'flushed' | 'unstyled';
 type PhoneSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
@@ -36,6 +36,6 @@ interface PhoneProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'
     isLoading?: boolean;
 }
 
-declare const Phone: React__default.ForwardRefExoticComponent<PhoneProps & React__default.RefAttributes<HTMLInputElement>>;
+declare const Phone: React.ForwardRefExoticComponent<PhoneProps & React.RefAttributes<HTMLInputElement>>;
 
 export { Phone, type PhoneProps, type PhoneSize, type PhoneState, type PhoneValue, type PhoneVariant };

package/dist/phone/index.d.ts

@@ -1,4 +1,4 @@
-import React__default, { InputHTMLAttributes, ReactNode } from 'react';
+import { InputHTMLAttributes, ReactNode } from 'react';
 
 type PhoneVariant = 'default' | 'filled' | 'flushed' | 'unstyled';
 type PhoneSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
@@ -36,6 +36,6 @@ interface PhoneProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'
     isLoading?: boolean;
 }
 
-declare const Phone: React__default.ForwardRefExoticComponent<PhoneProps & React__default.RefAttributes<HTMLInputElement>>;
+declare const Phone: React.ForwardRefExoticComponent<PhoneProps & React.RefAttributes<HTMLInputElement>>;
 
 export { Phone, type PhoneProps, type PhoneSize, type PhoneState, type PhoneValue, type PhoneVariant };

package/dist/phone/index.mjs

@@ -1,2 +1,2 @@
-export { Phone } from '../chunk-ZCLNSMIW.mjs';
+export { Phone } from '../chunk-3YIGXRMU.mjs';
 import '../chunk-OCPFOFJ4.mjs';

package/dist/time-picker/index.cjs

@@ -1,11 +1,11 @@
 'use strict';
 
-var chunkDHC5LI2P_cjs = require('../chunk-DHC5LI2P.cjs');
+var chunkFK5HAWIU_cjs = require('../chunk-FK5HAWIU.cjs');
 require('../chunk-L5VQZZVR.cjs');
 
 
 
 Object.defineProperty(exports, "TimePicker", {
   enumerable: true,
-  get: function () { return chunkDHC5LI2P_cjs.TimePicker; }
+  get: function () { return chunkFK5HAWIU_cjs.TimePicker; }
 });

package/dist/time-picker/index.d.mts

@@ -1,15 +1,24 @@
-import { InputHTMLAttributes, ReactNode } from 'react';
+import { ReactNode } from 'react';
 
 type TimePickerVariant = 'default' | 'filled' | 'flushed' | 'unstyled';
 type TimePickerSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 type TimePickerState = 'default' | 'error' | 'success' | 'warning';
-interface TimePickerProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix' | 'type'> {
+interface TimePickerProps {
+    /** Controlled value — 'HH:MM' (24h) */
+    value?: string;
+    /** Uncontrolled default */
+    defaultValue?: string;
+    /** Fires with 'HH:MM' string */
+    onChange?: (value: string) => void;
+    /** Fires with typed string or null */
+    onTimeChange?: (time: string | null) => void;
     label?: string;
     required?: boolean;
     helperText?: string;
     errorMessage?: string;
     successMessage?: string;
     warningMessage?: string;
+    placeholder?: string;
     variant?: TimePickerVariant;
     size?: TimePickerSize;
     state?: TimePickerState;
@@ -23,10 +32,20 @@ interface TimePickerProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 's
     inputClassName?: string;
     labelClassName?: string;
     helperClassName?: string;
+    className?: string;
     clearable?: boolean;
     isLoading?: boolean;
+    disabled?: boolean;
+    id?: string;
+    name?: string;
+    /** Step between minutes, e.g. 1 | 5 | 10 | 15 | 30. Default 1 */
+    minuteStep?: number;
+    /** Show 12-hour AM/PM mode. Default false */
+    use12Hour?: boolean;
+    'aria-label'?: string;
+    'aria-describedby'?: string;
 }
 
-declare const TimePicker: React.ForwardRefExoticComponent<TimePickerProps & React.RefAttributes<HTMLInputElement>>;
+declare function TimePicker({ label, required, helperText, errorMessage, successMessage, warningMessage, variant, size, state, fullWidth, leftElement, rightElement, prefix, suffix, wrapperClassName, inputGroupClassName, inputClassName, labelClassName, helperClassName, id: idProp, disabled, className, clearable, isLoading, value, defaultValue, onChange, onTimeChange, placeholder, minuteStep, use12Hour, name, 'aria-label': ariaLabel, 'aria-describedby': ariaDescribedby, }: TimePickerProps): React.JSX.Element;
 
 export { TimePicker, type TimePickerProps, type TimePickerSize, type TimePickerState, type TimePickerVariant };

package/dist/time-picker/index.d.ts

@@ -1,15 +1,24 @@
-import { InputHTMLAttributes, ReactNode } from 'react';
+import { ReactNode } from 'react';
 
 type TimePickerVariant = 'default' | 'filled' | 'flushed' | 'unstyled';
 type TimePickerSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 type TimePickerState = 'default' | 'error' | 'success' | 'warning';
-interface TimePickerProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix' | 'type'> {
+interface TimePickerProps {
+    /** Controlled value — 'HH:MM' (24h) */
+    value?: string;
+    /** Uncontrolled default */
+    defaultValue?: string;
+    /** Fires with 'HH:MM' string */
+    onChange?: (value: string) => void;
+    /** Fires with typed string or null */
+    onTimeChange?: (time: string | null) => void;
     label?: string;
     required?: boolean;
     helperText?: string;
     errorMessage?: string;
     successMessage?: string;
     warningMessage?: string;
+    placeholder?: string;
     variant?: TimePickerVariant;
     size?: TimePickerSize;
     state?: TimePickerState;
@@ -23,10 +32,20 @@ interface TimePickerProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 's
     inputClassName?: string;
     labelClassName?: string;
     helperClassName?: string;
+    className?: string;
     clearable?: boolean;
     isLoading?: boolean;
+    disabled?: boolean;
+    id?: string;
+    name?: string;
+    /** Step between minutes, e.g. 1 | 5 | 10 | 15 | 30. Default 1 */
+    minuteStep?: number;
+    /** Show 12-hour AM/PM mode. Default false */
+    use12Hour?: boolean;
+    'aria-label'?: string;
+    'aria-describedby'?: string;
 }
 
-declare const TimePicker: React.ForwardRefExoticComponent<TimePickerProps & React.RefAttributes<HTMLInputElement>>;
+declare function TimePicker({ label, required, helperText, errorMessage, successMessage, warningMessage, variant, size, state, fullWidth, leftElement, rightElement, prefix, suffix, wrapperClassName, inputGroupClassName, inputClassName, labelClassName, helperClassName, id: idProp, disabled, className, clearable, isLoading, value, defaultValue, onChange, onTimeChange, placeholder, minuteStep, use12Hour, name, 'aria-label': ariaLabel, 'aria-describedby': ariaDescribedby, }: TimePickerProps): React.JSX.Element;
 
 export { TimePicker, type TimePickerProps, type TimePickerSize, type TimePickerState, type TimePickerVariant };

package/dist/time-picker/index.mjs

@@ -1,2 +1,2 @@
-export { TimePicker } from '../chunk-VKQDW7C2.mjs';
+export { TimePicker } from '../chunk-LKNQH36V.mjs';
 import '../chunk-OCPFOFJ4.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bricks-toolkit/toolkit",
-  "version": "0.1.18",
+  "version": "0.1.20",
   "description": "Micro-modularized, fully independent, type-safe UI component library",
   "license": "MIT",
   "author": "ITProfound",
@@ -115,6 +115,16 @@
         "default": "./dist/date-picker/index.cjs"
       }
     },
+    "./date-time-picker": {
+      "import": {
+        "types": "./dist/date-time-picker/index.d.mts",
+        "default": "./dist/date-time-picker/index.mjs"
+      },
+      "require": {
+        "types": "./dist/date-time-picker/index.d.ts",
+        "default": "./dist/date-time-picker/index.cjs"
+      }
+    },
     "./dialog": {
       "import": {
         "types": "./dist/dialog/index.d.mts",