@bricks-toolkit/toolkit 0.1.5 → 0.1.6

package/dist/{chunk-AWBKO57C.mjs → chunk-EL7COTGN.mjs}

@@ -1,4 +1,6 @@
+import { IconButton } from './chunk-BVBCAAES.mjs';
 import { cn } from './chunk-OCPFOFJ4.mjs';
+import { Bars3Icon } from '@heroicons/react/24/outline';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var Header = ({
@@ -8,7 +10,8 @@ var Header = ({
   userSection,
   isSticky = true,
   className,
-  glass = false
+  glass = false,
+  onMenuToggle
 }) => {
   return /* @__PURE__ */ jsxs(
     "header",
@@ -20,7 +23,19 @@ var Header = ({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx("div", { className: "flex items-center gap-4", children: logo && /* @__PURE__ */ jsx("div", { className: "flex items-center", children: logo }) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
+          onMenuToggle && /* @__PURE__ */ jsx(
+            IconButton,
+            {
+              icon: /* @__PURE__ */ jsx(Bars3Icon, { className: "w-5 h-5" }),
+              variant: "ghost",
+              onClick: onMenuToggle,
+              "aria-label": "Toggle menu",
+              className: "lg:hidden"
+            }
+          ),
+          logo && /* @__PURE__ */ jsx("div", { className: "flex items-center", children: logo })
+        ] }),
         /* @__PURE__ */ jsx("div", { className: "flex-1 max-w-xl px-8", children }),
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
           actions && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", children: actions }),

package/dist/{chunk-Y3Y44KJ4.cjs → chunk-YK7IS7JL.cjs}

@@ -1,6 +1,8 @@
 'use strict';
 
+var chunkTNGW5YHA_cjs = require('./chunk-TNGW5YHA.cjs');
 var chunkL5VQZZVR_cjs = require('./chunk-L5VQZZVR.cjs');
+var outline = require('@heroicons/react/24/outline');
 var jsxRuntime = require('react/jsx-runtime');
 
 var Header = ({
@@ -10,7 +12,8 @@ var Header = ({
   userSection,
   isSticky = true,
   className,
-  glass = false
+  glass = false,
+  onMenuToggle
 }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "header",
@@ -22,7 +25,19 @@ var Header = ({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-4", children: logo && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center", children: logo }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4", children: [
+          onMenuToggle && /* @__PURE__ */ jsxRuntime.jsx(
+            chunkTNGW5YHA_cjs.IconButton,
+            {
+              icon: /* @__PURE__ */ jsxRuntime.jsx(outline.Bars3Icon, { className: "w-5 h-5" }),
+              variant: "ghost",
+              onClick: onMenuToggle,
+              "aria-label": "Toggle menu",
+              className: "lg:hidden"
+            }
+          ),
+          logo && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center", children: logo })
+        ] }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 max-w-xl px-8", children }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
           actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1", children: actions }),

package/dist/header/index.cjs

@@ -1,11 +1,14 @@
 'use strict';
 
-var chunkY3Y44KJ4_cjs = require('../chunk-Y3Y44KJ4.cjs');
+var chunkYK7IS7JL_cjs = require('../chunk-YK7IS7JL.cjs');
+require('../chunk-TNGW5YHA.cjs');
+require('../chunk-6CC5KIA5.cjs');
+require('../chunk-R72GDCWE.cjs');
 require('../chunk-L5VQZZVR.cjs');
 
 
 
 Object.defineProperty(exports, "Header", {
   enumerable: true,
-  get: function () { return chunkY3Y44KJ4_cjs.Header; }
+  get: function () { return chunkYK7IS7JL_cjs.Header; }
 });

package/dist/header/index.mjs

@@ -1,2 +1,5 @@
-export { Header } from '../chunk-AWBKO57C.mjs';
+export { Header } from '../chunk-EL7COTGN.mjs';
+import '../chunk-BVBCAAES.mjs';
+import '../chunk-RAD5VJHR.mjs';
+import '../chunk-65UZC3FK.mjs';
 import '../chunk-OCPFOFJ4.mjs';

package/dist/index.cjs

@@ -9,7 +9,7 @@ var chunkXFNRKHHF_cjs = require('./chunk-XFNRKHHF.cjs');
 var chunkDHC5LI2P_cjs = require('./chunk-DHC5LI2P.cjs');
 var chunkYMMNWJT6_cjs = require('./chunk-YMMNWJT6.cjs');
 var chunkQ3IFXFFD_cjs = require('./chunk-Q3IFXFFD.cjs');
-var chunkY3Y44KJ4_cjs = require('./chunk-Y3Y44KJ4.cjs');
+var chunkYK7IS7JL_cjs = require('./chunk-YK7IS7JL.cjs');
 var chunkPJWELBN2_cjs = require('./chunk-PJWELBN2.cjs');
 var chunkTNGW5YHA_cjs = require('./chunk-TNGW5YHA.cjs');
 var chunkS7VEND5Z_cjs = require('./chunk-S7VEND5Z.cjs');
@@ -653,7 +653,7 @@ Object.defineProperty(exports, "Sidebar", {
 });
 Object.defineProperty(exports, "Header", {
   enumerable: true,
-  get: function () { return chunkY3Y44KJ4_cjs.Header; }
+  get: function () { return chunkYK7IS7JL_cjs.Header; }
 });
 Object.defineProperty(exports, "Image", {
   enumerable: true,

package/dist/index.mjs

@@ -7,7 +7,7 @@ export { TextInput } from './chunk-CMER5LO3.mjs';
 export { TimePicker } from './chunk-VKQDW7C2.mjs';
 export { Toaster } from './chunk-YOTCXSXL.mjs';
 export { Sidebar } from './chunk-PJH2KEWK.mjs';
-export { Header } from './chunk-AWBKO57C.mjs';
+export { Header } from './chunk-EL7COTGN.mjs';
 export { Image } from './chunk-JV6AWBN5.mjs';
 export { IconButton } from './chunk-BVBCAAES.mjs';
 export { Skeleton, SkeletonAvatar, SkeletonCard, SkeletonTable, SkeletonText } from './chunk-32SKYPQW.mjs';

package/dist/styles.css

@@ -4664,63 +4664,63 @@
     }
   }
 }
-:root {
-  --primary: #ff9f7f;
-  --primary-hover: #ffb89f;
-  --primary-active: #ff8a65;
-  --secondary: #64748b;
-  --secondary-hover: #475569;
-  --accent: #22d3ee;
-  --background: #f8fafc;
-  --surface: #ffffff;
-  --surface-secondary: #f1f5f9;
-  --border: #e2e8f0;
-  --border-light: #f1f5f9;
-  --divider: #e2e8f0;
-  --text: #0f172a;
-  --text-secondary: #475569;
-  --text-muted: #94a3b8;
-  --text-inverse: #ffffff;
-  --success: #10b981;
-  --warning: #f59e0b;
-  --error: #ef4444;
-  --info: #3b82f6;
-  --hover: #f1f5f9;
-  --active: #e2e8f0;
-  --focus: #4f46e5;
-  --disabled: #cbd5e1;
-  --skeleton-base: #e2e8f0;
-  --skeleton-shine: #f1f5f9;
-}
-.dark {
-  --primary: #ff9f7f;
-  --primary-hover: #ffb89f;
-  --primary-active: #ff8a65;
-  --secondary: #94a3b8;
-  --secondary-hover: #cbd5e1;
-  --accent: #22d3ee;
-  --background: #020617;
-  --surface: #0a0e1a;
-  --surface-secondary: #0f172a;
-  --border: #1e293b;
-  --border-light: #0f172a;
-  --divider: #1e293b;
-  --text: #f8fafc;
-  --text-secondary: #94a3b8;
-  --text-muted: #64748b;
-  --text-inverse: #020617;
-  --success: #34d399;
-  --warning: #fbbf24;
-  --error: #f87171;
-  --info: #60a5fa;
-  --hover: rgba(255, 255, 255, 0.05);
-  --active: rgba(255, 255, 255, 0.1);
-  --focus: #ff9f7f;
-  --disabled: #1e293b;
-  --skeleton-base: #1e293b;
-  --skeleton-shine: #273549;
-}
 @layer base {
+  :root {
+    --primary: #ff9f7f;
+    --primary-hover: #ffb89f;
+    --primary-active: #ff8a65;
+    --secondary: #64748b;
+    --secondary-hover: #475569;
+    --accent: #22d3ee;
+    --background: #f8fafc;
+    --surface: #ffffff;
+    --surface-secondary: #f1f5f9;
+    --border: #e2e8f0;
+    --border-light: #f1f5f9;
+    --divider: #e2e8f0;
+    --text: #0f172a;
+    --text-secondary: #475569;
+    --text-muted: #94a3b8;
+    --text-inverse: #ffffff;
+    --success: #10b981;
+    --warning: #f59e0b;
+    --error: #ef4444;
+    --info: #3b82f6;
+    --hover: #f1f5f9;
+    --active: #e2e8f0;
+    --focus: #4f46e5;
+    --disabled: #cbd5e1;
+    --skeleton-base: #e2e8f0;
+    --skeleton-shine: #f1f5f9;
+  }
+  .dark {
+    --primary: #ff9f7f;
+    --primary-hover: #ffb89f;
+    --primary-active: #ff8a65;
+    --secondary: #94a3b8;
+    --secondary-hover: #cbd5e1;
+    --accent: #22d3ee;
+    --background: #020617;
+    --surface: #0a0e1a;
+    --surface-secondary: #0f172a;
+    --border: #1e293b;
+    --border-light: #0f172a;
+    --divider: #1e293b;
+    --text: #f8fafc;
+    --text-secondary: #94a3b8;
+    --text-muted: #64748b;
+    --text-inverse: #020617;
+    --success: #34d399;
+    --warning: #fbbf24;
+    --error: #f87171;
+    --info: #60a5fa;
+    --hover: rgba(255, 255, 255, 0.05);
+    --active: rgba(255, 255, 255, 0.1);
+    --focus: #ff9f7f;
+    --disabled: #1e293b;
+    --skeleton-base: #1e293b;
+    --skeleton-shine: #273549;
+  }
   * {
     border-color: var(--color-border);
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bricks-toolkit/toolkit",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "description": "Micro-modularized, fully independent, type-safe UI component library",
   "license": "MIT",
   "author": "ITProfound",
@@ -372,6 +372,24 @@
     "README.md",
     "LICENSE"
   ],
+  "scripts": {
+    "storybook": "storybook dev -p 6006 --no-version-updates",
+    "build": "tsup",
+    "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",
@@ -443,22 +461,5 @@
   },
   "dependencies": {
     "@heroicons/react": "2.2.0"
-  },
-  "scripts": {
-    "storybook": "storybook dev -p 6006 --no-version-updates",
-    "build": "tsup",
-    "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"
   }
-}
+}