@bricks-toolkit/toolkit 0.1.22 → 0.1.24

package/dist/{chunk-62JXQJBD.cjs → chunk-COZC44DV.cjs}

@@ -277,7 +277,7 @@ var TimePicker = react.forwardRef(
     react.useEffect(() => {
       if (!isOpen) return;
       function handleClick(e) {
-        const wrapper = ref?.current;
+        const wrapper = ref && typeof ref === "object" && "current" in ref ? ref.current : null;
         if (wrapper && !wrapper.contains(e.target)) {
           setIsOpen(false);
         }
@@ -286,7 +286,7 @@ var TimePicker = react.forwardRef(
       return () => {
         document.removeEventListener("mousedown", handleClick);
       };
-    }, [isOpen]);
+    }, [isOpen, ref]);
     const hourItems = use12Hour ? Array.from({ length: 12 }, (_, i) => String(i + 1).padStart(2, "0")) : Array.from({ length: 24 }, (_, i) => String(i).padStart(2, "0"));
     const minuteItems = Array.from(
       { length: Math.ceil(60 / minuteStep) },
@@ -529,5 +529,6 @@ var TimePicker = react.forwardRef(
     );
   }
 );
+TimePicker.displayName = "TimePicker";
 
 exports.TimePicker = TimePicker;

package/dist/{chunk-UPSMZISM.mjs → chunk-DAES3HGN.mjs}

@@ -162,7 +162,7 @@ var DatePicker = forwardRef(
     useEffect(() => {
       if (!isOpen) return;
       function handleClick(e) {
-        const wrapper = ref?.current;
+        const wrapper = ref && typeof ref === "object" && "current" in ref ? ref.current : null;
         if (wrapper && !wrapper.contains(e.target)) {
           setIsOpen(false);
           setViewMode("day");
@@ -172,7 +172,7 @@ var DatePicker = forwardRef(
       return () => {
         document.removeEventListener("mousedown", handleClick);
       };
-    }, [isOpen]);
+    }, [isOpen, ref]);
     const handleSelect = (date) => {
       if (isDisabledDate(date, minDate, maxDate, disabledDates)) return;
       const iso = toISODateString(date);
@@ -563,5 +563,6 @@ var DatePicker = forwardRef(
     );
   }
 );
+DatePicker.displayName = "DatePicker";
 
 export { DatePicker };

package/dist/{chunk-6LBTRQZD.mjs → chunk-ESRSA4MH.mjs}

@@ -279,7 +279,7 @@ var DateTimePicker = forwardRef(
     useEffect(() => {
       if (!isOpen) return;
       const h = (e) => {
-        const wrapper = ref?.current;
+        const wrapper = ref && typeof ref === "object" && "current" in ref ? ref.current : null;
         if (wrapper && !wrapper.contains(e.target)) {
           setIsOpen(false);
           setViewMode("day");
@@ -289,7 +289,7 @@ var DateTimePicker = forwardRef(
       return () => {
         document.removeEventListener("mousedown", h);
       };
-    }, [isOpen]);
+    }, [isOpen, ref]);
     const [prevVal, setPrevVal] = useState(displayValue);
     if (displayValue !== prevVal) {
       setPrevVal(displayValue);
@@ -802,5 +802,6 @@ var DateTimePicker = forwardRef(
     );
   }
 );
+DateTimePicker.displayName = "DateTimePicker";
 
 export { DateTimePicker };

package/dist/{chunk-Z5FRCULF.mjs → chunk-JURRMZEB.mjs}

@@ -275,7 +275,7 @@ var TimePicker = forwardRef(
     useEffect(() => {
       if (!isOpen) return;
       function handleClick(e) {
-        const wrapper = ref?.current;
+        const wrapper = ref && typeof ref === "object" && "current" in ref ? ref.current : null;
         if (wrapper && !wrapper.contains(e.target)) {
           setIsOpen(false);
         }
@@ -284,7 +284,7 @@ var TimePicker = forwardRef(
       return () => {
         document.removeEventListener("mousedown", handleClick);
       };
-    }, [isOpen]);
+    }, [isOpen, ref]);
     const hourItems = use12Hour ? Array.from({ length: 12 }, (_, i) => String(i + 1).padStart(2, "0")) : Array.from({ length: 24 }, (_, i) => String(i).padStart(2, "0"));
     const minuteItems = Array.from(
       { length: Math.ceil(60 / minuteStep) },
@@ -527,5 +527,6 @@ var TimePicker = forwardRef(
     );
   }
 );
+TimePicker.displayName = "TimePicker";
 
 export { TimePicker };

package/dist/{chunk-M6XPQ5BE.cjs → chunk-VVGNHVZW.cjs}

@@ -281,7 +281,7 @@ var DateTimePicker = react.forwardRef(
     react.useEffect(() => {
       if (!isOpen) return;
       const h = (e) => {
-        const wrapper = ref?.current;
+        const wrapper = ref && typeof ref === "object" && "current" in ref ? ref.current : null;
         if (wrapper && !wrapper.contains(e.target)) {
           setIsOpen(false);
           setViewMode("day");
@@ -291,7 +291,7 @@ var DateTimePicker = react.forwardRef(
       return () => {
         document.removeEventListener("mousedown", h);
       };
-    }, [isOpen]);
+    }, [isOpen, ref]);
     const [prevVal, setPrevVal] = react.useState(displayValue);
     if (displayValue !== prevVal) {
       setPrevVal(displayValue);
@@ -804,5 +804,6 @@ var DateTimePicker = react.forwardRef(
     );
   }
 );
+DateTimePicker.displayName = "DateTimePicker";
 
 exports.DateTimePicker = DateTimePicker;

package/dist/{chunk-YV3WWKQY.cjs → chunk-W3DDNTMU.cjs}

@@ -164,7 +164,7 @@ var DatePicker = react.forwardRef(
     react.useEffect(() => {
       if (!isOpen) return;
       function handleClick(e) {
-        const wrapper = ref?.current;
+        const wrapper = ref && typeof ref === "object" && "current" in ref ? ref.current : null;
         if (wrapper && !wrapper.contains(e.target)) {
           setIsOpen(false);
           setViewMode("day");
@@ -174,7 +174,7 @@ var DatePicker = react.forwardRef(
       return () => {
         document.removeEventListener("mousedown", handleClick);
       };
-    }, [isOpen]);
+    }, [isOpen, ref]);
     const handleSelect = (date) => {
       if (chunkJ53N2LAE_cjs.isDisabledDate(date, minDate, maxDate, disabledDates)) return;
       const iso = chunkJ53N2LAE_cjs.toISODateString(date);
@@ -565,5 +565,6 @@ var DatePicker = react.forwardRef(
     );
   }
 );
+DatePicker.displayName = "DatePicker";
 
 exports.DatePicker = DatePicker;

package/dist/date-picker/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkYV3WWKQY_cjs = require('../chunk-YV3WWKQY.cjs');
+var chunkW3DDNTMU_cjs = require('../chunk-W3DDNTMU.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 chunkYV3WWKQY_cjs.DatePicker; }
+  get: function () { return chunkW3DDNTMU_cjs.DatePicker; }
 });

package/dist/date-picker/index.mjs

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

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkM6XPQ5BE_cjs = require('../chunk-M6XPQ5BE.cjs');
+var chunkVVGNHVZW_cjs = require('../chunk-VVGNHVZW.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 chunkM6XPQ5BE_cjs.DateTimePicker; }
+  get: function () { return chunkVVGNHVZW_cjs.DateTimePicker; }
 });

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

@@ -1,3 +1,3 @@
-export { DateTimePicker } from '../chunk-6LBTRQZD.mjs';
+export { DateTimePicker } from '../chunk-ESRSA4MH.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 chunk62JXQJBD_cjs = require('./chunk-62JXQJBD.cjs');
+var chunkCOZC44DV_cjs = require('./chunk-COZC44DV.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 chunkYV3WWKQY_cjs = require('./chunk-YV3WWKQY.cjs');
-var chunkM6XPQ5BE_cjs = require('./chunk-M6XPQ5BE.cjs');
+var chunkW3DDNTMU_cjs = require('./chunk-W3DDNTMU.cjs');
+var chunkVVGNHVZW_cjs = require('./chunk-VVGNHVZW.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 chunk62JXQJBD_cjs.TimePicker; }
+  get: function () { return chunkCOZC44DV_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 chunkYV3WWKQY_cjs.DatePicker; }
+  get: function () { return chunkW3DDNTMU_cjs.DatePicker; }
 });
 Object.defineProperty(exports, "DateTimePicker", {
   enumerable: true,
-  get: function () { return chunkM6XPQ5BE_cjs.DateTimePicker; }
+  get: function () { return chunkVVGNHVZW_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-Z5FRCULF.mjs';
+export { TimePicker } from './chunk-JURRMZEB.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-UPSMZISM.mjs';
-export { DateTimePicker } from './chunk-6LBTRQZD.mjs';
+export { DatePicker } from './chunk-DAES3HGN.mjs';
+export { DateTimePicker } from './chunk-ESRSA4MH.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 chunk62JXQJBD_cjs = require('../chunk-62JXQJBD.cjs');
+var chunkCOZC44DV_cjs = require('../chunk-COZC44DV.cjs');
 require('../chunk-L5VQZZVR.cjs');
 
 
 
 Object.defineProperty(exports, "TimePicker", {
   enumerable: true,
-  get: function () { return chunk62JXQJBD_cjs.TimePicker; }
+  get: function () { return chunkCOZC44DV_cjs.TimePicker; }
 });

package/dist/time-picker/index.mjs

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bricks-toolkit/toolkit",
-  "version": "0.1.22",
+  "version": "0.1.24",
   "description": "Micro-modularized, fully independent, type-safe UI component library",
   "license": "MIT",
   "author": "ITProfound",
@@ -383,6 +383,24 @@
     "README.md",
     "LICENSE"
   ],
+  "scripts": {
+    "storybook": "storybook dev -p 6006 --no-version-updates",
+    "build": "tsup && copy src\\styles\\theme.css dist\\theme.css",
+    "build:watch": "tsup --watch",
+    "build:storybook": "storybook build",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:coverage": "vitest run --coverage",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
+    "format": "prettier --write .",
+    "format:check": "prettier --check .",
+    "typecheck": "tsc --noEmit",
+    "validate": "pnpm typecheck && pnpm lint && pnpm test",
+    "clean": "rimraf dist",
+    "prepare": "husky",
+    "audit": "pnpm audit"
+  },
   "devDependencies": {
     "@eslint/js": "10.0.1",
     "@storybook/addon-a11y": "10.3.5",
@@ -454,22 +472,5 @@
   },
   "dependencies": {
     "@heroicons/react": "2.2.0"
-  },
-  "scripts": {
-    "storybook": "storybook dev -p 6006 --no-version-updates",
-    "build": "tsup && copy src\\styles\\theme.css dist\\theme.css",
-    "build:watch": "tsup --watch",
-    "build:storybook": "storybook build",
-    "test": "vitest run",
-    "test:watch": "vitest",
-    "test:coverage": "vitest run --coverage",
-    "lint": "eslint .",
-    "lint:fix": "eslint . --fix",
-    "format": "prettier --write .",
-    "format:check": "prettier --check .",
-    "typecheck": "tsc --noEmit",
-    "validate": "pnpm typecheck && pnpm lint && pnpm test",
-    "clean": "rimraf dist",
-    "audit": "pnpm audit"
   }
-}
+}

package/dist/theme.css

@@ -1,62 +0,0 @@
-@theme {
-  /* Brand & Status Colors */
-  --color-primary: var(--primary);
-  --color-primary-hover: var(--primary-hover);
-  --color-primary-active: var(--primary-active);
-  --color-secondary: var(--secondary);
-  --color-secondary-hover: var(--secondary-hover);
-  --color-accent: var(--accent);
-  --color-success: var(--success);
-  --color-warning: var(--warning);
-  --color-error: var(--error);
-  --color-info: var(--info);
-
-  /* Layout & Surface Colors */
-  --color-background: var(--background);
-  --color-surface: var(--surface);
-  --color-surface-secondary: var(--surface-secondary);
-  --color-border: var(--border);
-  --color-border-light: var(--border-light);
-  --color-divider: var(--divider);
-
-  /* Text Colors */
-  --color-text: var(--text);
-  --color-text-secondary: var(--text-secondary);
-  --color-text-muted: var(--text-muted);
-  --color-text-inverse: var(--text-inverse);
-
-  /* Interaction Colors */
-  --color-hover: var(--hover);
-  --color-active: var(--active);
-  --color-focus: var(--focus);
-  --color-disabled: var(--disabled);
-
-  /* Semantic Mappings (Shadcn-like) */
-  --color-primary-foreground: var(--text-inverse);
-  --color-secondary-foreground: var(--text);
-  --color-muted: var(--surface-secondary);
-  --color-muted-foreground: var(--text-muted);
-  --color-accent-foreground: var(--text-inverse);
-  --color-destructive: var(--error);
-  --color-destructive-foreground: var(--text-inverse);
-
-  /* Shadows */
-  --shadow-sm: var(--shadow-sm);
-  --shadow-md: var(--shadow-md);
-  --shadow-lg: var(--shadow-lg);
-  --shadow-xl: var(--shadow-xl);
-  --shadow-2xl: var(--shadow-2xl);
-  --shadow-premium: var(--shadow-premium);
-
-  /* Durations */
-  --duration-fast: 150ms;
-  --duration-normal: 250ms;
-  --duration-slow: 400ms;
-
-  /* Z-Index */
-  --z-index-dropdown: 1000;
-  --z-index-sticky: 1020;
-  --z-index-popover: 1030;
-  --z-index-modal: 1050;
-  --z-index-tooltip: 1100;
-}