@bricks-toolkit/toolkit 0.1.25 → 0.1.26

package/dist/{chunk-WVWZ73XT.cjs → chunk-6GU53FA5.cjs}

@@ -255,9 +255,11 @@ var DateTimePicker = react.forwardRef(
     use12Hour = false,
     id: idProp,
     name,
+    type,
     "aria-label": ariaLabel,
     "aria-describedby": ariaDescribedby
   }, ref) => {
+    const internalRef = react.useRef(null);
     const genId = react.useId();
     const inputId = idProp ?? genId;
     const popoverId = `${inputId}-popover`;
@@ -281,8 +283,7 @@ var DateTimePicker = react.forwardRef(
     react.useEffect(() => {
       if (!isOpen) return;
       const h = (e) => {
-        const wrapper = ref && typeof ref === "object" && "current" in ref ? ref.current : null;
-        if (wrapper && !wrapper.contains(e.target)) {
+        if (internalRef.current && !internalRef.current.contains(e.target)) {
           setIsOpen(false);
           setViewMode("day");
         }
@@ -395,7 +396,14 @@ var DateTimePicker = react.forwardRef(
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
-        ref,
+        ref: (node) => {
+          internalRef.current = node;
+          if (typeof ref === "function") {
+            ref(node);
+          } else if (ref) {
+            ref.current = node;
+          }
+        },
         className: chunkL5VQZZVR_cjs.cn(
           "flex flex-col gap-1 relative",
           fullWidth ? "w-full" : "w-fit",
@@ -430,7 +438,7 @@ var DateTimePicker = react.forwardRef(
                     "button",
                     {
                       id: inputId,
-                      type: "button",
+                      type: type ?? "button",
                       role: "combobox",
                       "aria-expanded": isOpen,
                       "aria-haspopup": "dialog",

package/dist/{chunk-EKN2P6XK.mjs → chunk-BLELGRQT.mjs}

@@ -1,6 +1,6 @@
 import { parseISODate, toISODateString, buildCalendarGrid, getYearRange, MONTH_NAMES, DAY_NAMES_SHORT, isSameDay, isDisabledDate, MONTH_NAMES_SHORT, formatDate } from './chunk-4PRNRENN.mjs';
 import { cn } from './chunk-OCPFOFJ4.mjs';
-import { forwardRef, useId, useState, useMemo, useEffect, useCallback, useRef } from 'react';
+import { forwardRef, useRef, useId, useState, useMemo, useEffect, useCallback } from 'react';
 import { CalendarIcon, XMarkIcon, ClockIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronDownIcon } from '@heroicons/react/24/outline';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 
@@ -253,9 +253,11 @@ var DateTimePicker = forwardRef(
     use12Hour = false,
     id: idProp,
     name,
+    type,
     "aria-label": ariaLabel,
     "aria-describedby": ariaDescribedby
   }, ref) => {
+    const internalRef = useRef(null);
     const genId = useId();
     const inputId = idProp ?? genId;
     const popoverId = `${inputId}-popover`;
@@ -279,8 +281,7 @@ var DateTimePicker = forwardRef(
     useEffect(() => {
       if (!isOpen) return;
       const h = (e) => {
-        const wrapper = ref && typeof ref === "object" && "current" in ref ? ref.current : null;
-        if (wrapper && !wrapper.contains(e.target)) {
+        if (internalRef.current && !internalRef.current.contains(e.target)) {
           setIsOpen(false);
           setViewMode("day");
         }
@@ -393,7 +394,14 @@ var DateTimePicker = forwardRef(
     return /* @__PURE__ */ jsxs(
       "div",
       {
-        ref,
+        ref: (node) => {
+          internalRef.current = node;
+          if (typeof ref === "function") {
+            ref(node);
+          } else if (ref) {
+            ref.current = node;
+          }
+        },
         className: cn(
           "flex flex-col gap-1 relative",
           fullWidth ? "w-full" : "w-fit",
@@ -428,7 +436,7 @@ var DateTimePicker = forwardRef(
                     "button",
                     {
                       id: inputId,
-                      type: "button",
+                      type: type ?? "button",
                       role: "combobox",
                       "aria-expanded": isOpen,
                       "aria-haspopup": "dialog",

package/dist/{chunk-PMOWOLIQ.cjs → chunk-G2VVB2YP.cjs}

@@ -256,9 +256,11 @@ var TimePicker = react.forwardRef(
     minuteStep = 1,
     use12Hour = false,
     name,
+    type,
     "aria-label": ariaLabel,
     "aria-describedby": ariaDescribedby
   }, ref) => {
+    const internalRef = react.useRef(null);
     const generatedId = react.useId();
     const inputId = idProp ?? generatedId;
     const helperId = `${inputId}-helper`;
@@ -277,8 +279,7 @@ var TimePicker = react.forwardRef(
     react.useEffect(() => {
       if (!isOpen) return;
       function handleClick(e) {
-        const wrapper = ref && typeof ref === "object" && "current" in ref ? ref.current : null;
-        if (wrapper && !wrapper.contains(e.target)) {
+        if (internalRef.current && !internalRef.current.contains(e.target)) {
           setIsOpen(false);
         }
       }
@@ -338,7 +339,14 @@ var TimePicker = react.forwardRef(
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
-        ref,
+        ref: (node) => {
+          internalRef.current = node;
+          if (typeof ref === "function") {
+            ref(node);
+          } else if (ref) {
+            ref.current = node;
+          }
+        },
         className: chunkL5VQZZVR_cjs.cn(
           "flex flex-col gap-1 relative",
           fullWidth ? "w-full" : "w-fit",
@@ -373,7 +381,7 @@ var TimePicker = react.forwardRef(
                     "button",
                     {
                       id: inputId,
-                      type: "button",
+                      type: type ?? "button",
                       role: "combobox",
                       "aria-expanded": isOpen,
                       "aria-haspopup": "dialog",

package/dist/{chunk-DL6RO422.cjs → chunk-IINDMJBE.cjs}

@@ -135,9 +135,11 @@ var DatePicker = react.forwardRef(
     disabledDates,
     locale = "en-US",
     name,
+    type,
     "aria-label": ariaLabel,
     "aria-describedby": ariaDescribedby
   }, ref) => {
+    const internalRef = react.useRef(null);
     const generatedId = react.useId();
     const inputId = idProp ?? generatedId;
     const helperId = `${inputId}-helper`;
@@ -164,8 +166,7 @@ var DatePicker = react.forwardRef(
     react.useEffect(() => {
       if (!isOpen) return;
       function handleClick(e) {
-        const wrapper = ref && typeof ref === "object" && "current" in ref ? ref.current : null;
-        if (wrapper && !wrapper.contains(e.target)) {
+        if (internalRef.current && !internalRef.current.contains(e.target)) {
           setIsOpen(false);
           setViewMode("day");
         }
@@ -238,7 +239,14 @@ var DatePicker = react.forwardRef(
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
-        ref,
+        ref: (node) => {
+          internalRef.current = node;
+          if (typeof ref === "function") {
+            ref(node);
+          } else if (ref) {
+            ref.current = node;
+          }
+        },
         className: chunkL5VQZZVR_cjs.cn(
           "flex flex-col gap-1 relative",
           fullWidth ? "w-full" : "w-fit",
@@ -273,7 +281,7 @@ var DatePicker = react.forwardRef(
                     "button",
                     {
                       id: inputId,
-                      type: "button",
+                      type: type ?? "button",
                       role: "combobox",
                       "aria-expanded": isOpen,
                       "aria-haspopup": "dialog",

package/dist/{chunk-EGGXXVN2.mjs → chunk-S55DHXC3.mjs}

@@ -1,5 +1,5 @@
 import { cn } from './chunk-OCPFOFJ4.mjs';
-import { forwardRef, useId, useState, useEffect, useCallback, useRef } from 'react';
+import { forwardRef, useRef, useId, useState, useEffect, useCallback } from 'react';
 import { ClockIcon, XMarkIcon, ChevronUpIcon, ChevronDownIcon } from '@heroicons/react/24/outline';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 
@@ -254,9 +254,11 @@ var TimePicker = forwardRef(
     minuteStep = 1,
     use12Hour = false,
     name,
+    type,
     "aria-label": ariaLabel,
     "aria-describedby": ariaDescribedby
   }, ref) => {
+    const internalRef = useRef(null);
     const generatedId = useId();
     const inputId = idProp ?? generatedId;
     const helperId = `${inputId}-helper`;
@@ -275,8 +277,7 @@ var TimePicker = forwardRef(
     useEffect(() => {
       if (!isOpen) return;
       function handleClick(e) {
-        const wrapper = ref && typeof ref === "object" && "current" in ref ? ref.current : null;
-        if (wrapper && !wrapper.contains(e.target)) {
+        if (internalRef.current && !internalRef.current.contains(e.target)) {
           setIsOpen(false);
         }
       }
@@ -336,7 +337,14 @@ var TimePicker = forwardRef(
     return /* @__PURE__ */ jsxs(
       "div",
       {
-        ref,
+        ref: (node) => {
+          internalRef.current = node;
+          if (typeof ref === "function") {
+            ref(node);
+          } else if (ref) {
+            ref.current = node;
+          }
+        },
         className: cn(
           "flex flex-col gap-1 relative",
           fullWidth ? "w-full" : "w-fit",
@@ -371,7 +379,7 @@ var TimePicker = forwardRef(
                     "button",
                     {
                       id: inputId,
-                      type: "button",
+                      type: type ?? "button",
                       role: "combobox",
                       "aria-expanded": isOpen,
                       "aria-haspopup": "dialog",

package/dist/{chunk-GQCJTIVO.mjs → chunk-XDN5IK2K.mjs}

@@ -1,6 +1,6 @@
 import { parseISODate, buildCalendarGrid, getYearRange, formatDate, MONTH_NAMES, DAY_NAMES_SHORT, isSameDay, isDisabledDate, MONTH_NAMES_SHORT, toISODateString } from './chunk-4PRNRENN.mjs';
 import { cn } from './chunk-OCPFOFJ4.mjs';
-import { forwardRef, useId, useState, useMemo, useRef, useEffect } from 'react';
+import { forwardRef, useRef, useId, useState, useMemo, useEffect } from 'react';
 import { CalendarIcon, XMarkIcon, ChevronLeftIcon, ChevronRightIcon } from '@heroicons/react/24/outline';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 
@@ -133,9 +133,11 @@ var DatePicker = forwardRef(
     disabledDates,
     locale = "en-US",
     name,
+    type,
     "aria-label": ariaLabel,
     "aria-describedby": ariaDescribedby
   }, ref) => {
+    const internalRef = useRef(null);
     const generatedId = useId();
     const inputId = idProp ?? generatedId;
     const helperId = `${inputId}-helper`;
@@ -162,8 +164,7 @@ var DatePicker = forwardRef(
     useEffect(() => {
       if (!isOpen) return;
       function handleClick(e) {
-        const wrapper = ref && typeof ref === "object" && "current" in ref ? ref.current : null;
-        if (wrapper && !wrapper.contains(e.target)) {
+        if (internalRef.current && !internalRef.current.contains(e.target)) {
           setIsOpen(false);
           setViewMode("day");
         }
@@ -236,7 +237,14 @@ var DatePicker = forwardRef(
     return /* @__PURE__ */ jsxs(
       "div",
       {
-        ref,
+        ref: (node) => {
+          internalRef.current = node;
+          if (typeof ref === "function") {
+            ref(node);
+          } else if (ref) {
+            ref.current = node;
+          }
+        },
         className: cn(
           "flex flex-col gap-1 relative",
           fullWidth ? "w-full" : "w-fit",
@@ -271,7 +279,7 @@ var DatePicker = forwardRef(
                     "button",
                     {
                       id: inputId,
-                      type: "button",
+                      type: type ?? "button",
                       role: "combobox",
                       "aria-expanded": isOpen,
                       "aria-haspopup": "dialog",

package/dist/date-picker/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkDL6RO422_cjs = require('../chunk-DL6RO422.cjs');
+var chunkIINDMJBE_cjs = require('../chunk-IINDMJBE.cjs');
 require('../chunk-J53N2LAE.cjs');
 require('../chunk-L5VQZZVR.cjs');
 
@@ -8,5 +8,5 @@ require('../chunk-L5VQZZVR.cjs');
 
 Object.defineProperty(exports, "DatePicker", {
   enumerable: true,
-  get: function () { return chunkDL6RO422_cjs.DatePicker; }
+  get: function () { return chunkIINDMJBE_cjs.DatePicker; }
 });

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

@@ -43,6 +43,7 @@ interface DatePickerProps {
     minDate?: Date;
     maxDate?: Date;
     disabledDates?: Date[];
+    type?: 'button' | 'submit' | 'reset';
     'aria-label'?: string;
     'aria-describedby'?: string;
 }

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

@@ -43,6 +43,7 @@ interface DatePickerProps {
     minDate?: Date;
     maxDate?: Date;
     disabledDates?: Date[];
+    type?: 'button' | 'submit' | 'reset';
     'aria-label'?: string;
     'aria-describedby'?: string;
 }

package/dist/date-picker/index.mjs

@@ -1,3 +1,3 @@
-export { DatePicker } from '../chunk-GQCJTIVO.mjs';
+export { DatePicker } from '../chunk-XDN5IK2K.mjs';
 import '../chunk-4PRNRENN.mjs';
 import '../chunk-OCPFOFJ4.mjs';

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkWVWZ73XT_cjs = require('../chunk-WVWZ73XT.cjs');
+var chunk6GU53FA5_cjs = require('../chunk-6GU53FA5.cjs');
 require('../chunk-J53N2LAE.cjs');
 require('../chunk-L5VQZZVR.cjs');
 
@@ -8,5 +8,5 @@ require('../chunk-L5VQZZVR.cjs');
 
 Object.defineProperty(exports, "DateTimePicker", {
   enumerable: true,
-  get: function () { return chunkWVWZ73XT_cjs.DateTimePicker; }
+  get: function () { return chunk6GU53FA5_cjs.DateTimePicker; }
 });

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

@@ -43,6 +43,7 @@ interface DateTimePickerProps {
     disabledDates?: Date[];
     minuteStep?: number;
     use12Hour?: boolean;
+    type?: 'button' | 'submit' | 'reset';
     'aria-label'?: string;
     'aria-describedby'?: string;
 }

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

@@ -43,6 +43,7 @@ interface DateTimePickerProps {
     disabledDates?: Date[];
     minuteStep?: number;
     use12Hour?: boolean;
+    type?: 'button' | 'submit' | 'reset';
     'aria-label'?: string;
     'aria-describedby'?: string;
 }

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

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

package/dist/index.cjs

@@ -7,7 +7,7 @@ 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 chunkPMOWOLIQ_cjs = require('./chunk-PMOWOLIQ.cjs');
+var chunkG2VVB2YP_cjs = require('./chunk-G2VVB2YP.cjs');
 var chunkYMMNWJT6_cjs = require('./chunk-YMMNWJT6.cjs');
 var chunkQ3IFXFFD_cjs = require('./chunk-Q3IFXFFD.cjs');
 var chunkYK7IS7JL_cjs = require('./chunk-YK7IS7JL.cjs');
@@ -22,8 +22,8 @@ var chunkBIKJK4L4_cjs = require('./chunk-BIKJK4L4.cjs');
 var chunkVRZFAKSV_cjs = require('./chunk-VRZFAKSV.cjs');
 var chunk7R5JRJ2W_cjs = require('./chunk-7R5JRJ2W.cjs');
 var chunkKLBABQEJ_cjs = require('./chunk-KLBABQEJ.cjs');
-var chunkDL6RO422_cjs = require('./chunk-DL6RO422.cjs');
-var chunkWVWZ73XT_cjs = require('./chunk-WVWZ73XT.cjs');
+var chunkIINDMJBE_cjs = require('./chunk-IINDMJBE.cjs');
+var chunk6GU53FA5_cjs = require('./chunk-6GU53FA5.cjs');
 require('./chunk-J53N2LAE.cjs');
 var chunkOPOCCRJG_cjs = require('./chunk-OPOCCRJG.cjs');
 var chunkAJXVELXK_cjs = require('./chunk-AJXVELXK.cjs');
@@ -651,7 +651,7 @@ Object.defineProperty(exports, "TextInput", {
 });
 Object.defineProperty(exports, "TimePicker", {
   enumerable: true,
-  get: function () { return chunkPMOWOLIQ_cjs.TimePicker; }
+  get: function () { return chunkG2VVB2YP_cjs.TimePicker; }
 });
 Object.defineProperty(exports, "Toaster", {
   enumerable: true,
@@ -727,11 +727,11 @@ Object.defineProperty(exports, "ComboBox", {
 });
 Object.defineProperty(exports, "DatePicker", {
   enumerable: true,
-  get: function () { return chunkDL6RO422_cjs.DatePicker; }
+  get: function () { return chunkIINDMJBE_cjs.DatePicker; }
 });
 Object.defineProperty(exports, "DateTimePicker", {
   enumerable: true,
-  get: function () { return chunkWVWZ73XT_cjs.DateTimePicker; }
+  get: function () { return chunk6GU53FA5_cjs.DateTimePicker; }
 });
 Object.defineProperty(exports, "Dialog", {
   enumerable: true,

package/dist/index.mjs

@@ -5,7 +5,7 @@ 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-EGGXXVN2.mjs';
+export { TimePicker } from './chunk-S55DHXC3.mjs';
 export { Toaster } from './chunk-YOTCXSXL.mjs';
 export { Sidebar } from './chunk-PJH2KEWK.mjs';
 export { Header } from './chunk-EL7COTGN.mjs';
@@ -20,8 +20,8 @@ export { Phone } from './chunk-3YIGXRMU.mjs';
 export { RadioButton } from './chunk-DN2GFJF4.mjs';
 export { Select } from './chunk-TIVSMCXZ.mjs';
 export { ComboBox } from './chunk-4DA7CRNV.mjs';
-export { DatePicker } from './chunk-GQCJTIVO.mjs';
-export { DateTimePicker } from './chunk-EKN2P6XK.mjs';
+export { DatePicker } from './chunk-XDN5IK2K.mjs';
+export { DateTimePicker } from './chunk-BLELGRQT.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';

package/dist/time-picker/index.cjs

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

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

@@ -42,6 +42,7 @@ interface TimePickerProps {
     minuteStep?: number;
     /** Show 12-hour AM/PM mode. Default false */
     use12Hour?: boolean;
+    type?: 'button' | 'submit' | 'reset';
     'aria-label'?: string;
     'aria-describedby'?: string;
 }

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

@@ -42,6 +42,7 @@ interface TimePickerProps {
     minuteStep?: number;
     /** Show 12-hour AM/PM mode. Default false */
     use12Hour?: boolean;
+    type?: 'button' | 'submit' | 'reset';
     'aria-label'?: string;
     'aria-describedby'?: string;
 }

package/dist/time-picker/index.mjs

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bricks-toolkit/toolkit",
-  "version": "0.1.25",
+  "version": "0.1.26",
   "description": "Micro-modularized, fully independent, type-safe UI component library",
   "license": "MIT",
   "author": "ITProfound",