@bricks-toolkit/toolkit 0.1.5 → 0.1.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/{chunk-AWBKO57C.mjs → chunk-EL7COTGN.mjs} +17 -2
  2. package/dist/{chunk-Y3Y44KJ4.cjs → chunk-YK7IS7JL.cjs} +17 -2
  3. package/dist/header/index.cjs +5 -2
  4. package/dist/header/index.mjs +4 -1
  5. package/dist/index.cjs +2 -2
  6. package/dist/index.mjs +1 -1
  7. package/dist/styles.css +62 -4862
  8. package/package.json +20 -19
package/dist/{chunk-AWBKO57C.mjs → chunk-EL7COTGN.mjs} RENAMED
@@ -1,4 +1,6 @@
1
+ import { IconButton } from './chunk-BVBCAAES.mjs';
1
2
  import { cn } from './chunk-OCPFOFJ4.mjs';
3
+ import { Bars3Icon } from '@heroicons/react/24/outline';
2
4
  import { jsxs, jsx } from 'react/jsx-runtime';
3
5
 
4
6
  var Header = ({
@@ -8,7 +10,8 @@ var Header = ({
8
10
  userSection,
9
11
  isSticky = true,
10
12
  className,
11
- glass = false
13
+ glass = false,
14
+ onMenuToggle
12
15
  }) => {
13
16
  return /* @__PURE__ */ jsxs(
14
17
  "header",
@@ -20,7 +23,19 @@ var Header = ({
20
23
  className
21
24
  ),
22
25
  children: [
23
- /* @__PURE__ */ jsx("div", { className: "flex items-center gap-4", children: logo && /* @__PURE__ */ jsx("div", { className: "flex items-center", children: logo }) }),
26
+ /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
27
+ onMenuToggle && /* @__PURE__ */ jsx(
28
+ IconButton,
29
+ {
30
+ icon: /* @__PURE__ */ jsx(Bars3Icon, { className: "w-5 h-5" }),
31
+ variant: "ghost",
32
+ onClick: onMenuToggle,
33
+ "aria-label": "Toggle menu",
34
+ className: "lg:hidden"
35
+ }
36
+ ),
37
+ logo && /* @__PURE__ */ jsx("div", { className: "flex items-center", children: logo })
38
+ ] }),
24
39
  /* @__PURE__ */ jsx("div", { className: "flex-1 max-w-xl px-8", children }),
25
40
  /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
26
41
  actions && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", children: actions }),
package/dist/{chunk-Y3Y44KJ4.cjs → chunk-YK7IS7JL.cjs} RENAMED
@@ -1,6 +1,8 @@
1
1
  'use strict';
2
2
 
3
+ var chunkTNGW5YHA_cjs = require('./chunk-TNGW5YHA.cjs');
3
4
  var chunkL5VQZZVR_cjs = require('./chunk-L5VQZZVR.cjs');
5
+ var outline = require('@heroicons/react/24/outline');
4
6
  var jsxRuntime = require('react/jsx-runtime');
5
7
 
6
8
  var Header = ({
@@ -10,7 +12,8 @@ var Header = ({
10
12
  userSection,
11
13
  isSticky = true,
12
14
  className,
13
- glass = false
15
+ glass = false,
16
+ onMenuToggle
14
17
  }) => {
15
18
  return /* @__PURE__ */ jsxRuntime.jsxs(
16
19
  "header",
@@ -22,7 +25,19 @@ var Header = ({
22
25
  className
23
26
  ),
24
27
  children: [
25
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-4", children: logo && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center", children: logo }) }),
28
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4", children: [
29
+ onMenuToggle && /* @__PURE__ */ jsxRuntime.jsx(
30
+ chunkTNGW5YHA_cjs.IconButton,
31
+ {
32
+ icon: /* @__PURE__ */ jsxRuntime.jsx(outline.Bars3Icon, { className: "w-5 h-5" }),
33
+ variant: "ghost",
34
+ onClick: onMenuToggle,
35
+ "aria-label": "Toggle menu",
36
+ className: "lg:hidden"
37
+ }
38
+ ),
39
+ logo && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center", children: logo })
40
+ ] }),
26
41
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 max-w-xl px-8", children }),
27
42
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
28
43
  actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1", children: actions }),
package/dist/header/index.cjs CHANGED
@@ -1,11 +1,14 @@
1
1
  'use strict';
2
2
 
3
- var chunkY3Y44KJ4_cjs = require('../chunk-Y3Y44KJ4.cjs');
3
+ var chunkYK7IS7JL_cjs = require('../chunk-YK7IS7JL.cjs');
4
+ require('../chunk-TNGW5YHA.cjs');
5
+ require('../chunk-6CC5KIA5.cjs');
6
+ require('../chunk-R72GDCWE.cjs');
4
7
  require('../chunk-L5VQZZVR.cjs');
5
8
 
6
9
 
7
10
 
8
11
  Object.defineProperty(exports, "Header", {
9
12
  enumerable: true,
10
- get: function () { return chunkY3Y44KJ4_cjs.Header; }
13
+ get: function () { return chunkYK7IS7JL_cjs.Header; }
11
14
  });
package/dist/header/index.mjs CHANGED
@@ -1,2 +1,5 @@
1
- export { Header } from '../chunk-AWBKO57C.mjs';
1
+ export { Header } from '../chunk-EL7COTGN.mjs';
2
+ import '../chunk-BVBCAAES.mjs';
3
+ import '../chunk-RAD5VJHR.mjs';
4
+ import '../chunk-65UZC3FK.mjs';
2
5
  import '../chunk-OCPFOFJ4.mjs';
package/dist/index.cjs CHANGED
@@ -9,7 +9,7 @@ var chunkXFNRKHHF_cjs = require('./chunk-XFNRKHHF.cjs');
9
9
  var chunkDHC5LI2P_cjs = require('./chunk-DHC5LI2P.cjs');
10
10
  var chunkYMMNWJT6_cjs = require('./chunk-YMMNWJT6.cjs');
11
11
  var chunkQ3IFXFFD_cjs = require('./chunk-Q3IFXFFD.cjs');
12
- var chunkY3Y44KJ4_cjs = require('./chunk-Y3Y44KJ4.cjs');
12
+ var chunkYK7IS7JL_cjs = require('./chunk-YK7IS7JL.cjs');
13
13
  var chunkPJWELBN2_cjs = require('./chunk-PJWELBN2.cjs');
14
14
  var chunkTNGW5YHA_cjs = require('./chunk-TNGW5YHA.cjs');
15
15
  var chunkS7VEND5Z_cjs = require('./chunk-S7VEND5Z.cjs');
@@ -653,7 +653,7 @@ Object.defineProperty(exports, "Sidebar", {
653
653
  });
654
654
  Object.defineProperty(exports, "Header", {
655
655
  enumerable: true,
656
- get: function () { return chunkY3Y44KJ4_cjs.Header; }
656
+ get: function () { return chunkYK7IS7JL_cjs.Header; }
657
657
  });
658
658
  Object.defineProperty(exports, "Image", {
659
659
  enumerable: true,
package/dist/index.mjs CHANGED
@@ -7,7 +7,7 @@ export { TextInput } from './chunk-CMER5LO3.mjs';
7
7
  export { TimePicker } from './chunk-VKQDW7C2.mjs';
8
8
  export { Toaster } from './chunk-YOTCXSXL.mjs';
9
9
  export { Sidebar } from './chunk-PJH2KEWK.mjs';
10
- export { Header } from './chunk-AWBKO57C.mjs';
10
+ export { Header } from './chunk-EL7COTGN.mjs';
11
11
  export { Image } from './chunk-JV6AWBN5.mjs';
12
12
  export { IconButton } from './chunk-BVBCAAES.mjs';
13
13
  export { Skeleton, SkeletonAvatar, SkeletonCard, SkeletonTable, SkeletonText } from './chunk-32SKYPQW.mjs';