@bricks-toolkit/toolkit 0.1.2 → 0.1.4

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.
@@ -179,7 +179,7 @@ var Tabs = react.forwardRef(function Tabs2({
179
179
  )
180
180
  }
181
181
  ),
182
- canScrollRight && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute right-0 z-20 flex h-full items-center pr-1 lg:hidden pointer-events-none", children: [
182
+ canScrollRight && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute right-0 z-20 flex h-full items-center pr-1 hidden pointer-events-none", children: [
183
183
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-8 h-full bg-gradient-to-l from-surface to-transparent pointer-events-none -mr-4" }),
184
184
  /* @__PURE__ */ jsxRuntime.jsx(
185
185
  chunkTNGW5YHA_cjs.IconButton,
@@ -1,6 +1,4 @@
1
- import { IconButton } from './chunk-BVBCAAES.mjs';
2
1
  import { cn } from './chunk-OCPFOFJ4.mjs';
3
- import { Bars3Icon } from '@heroicons/react/24/outline';
4
2
  import { jsxs, jsx } from 'react/jsx-runtime';
5
3
 
6
4
  var Header = ({
@@ -10,8 +8,7 @@ var Header = ({
10
8
  userSection,
11
9
  isSticky = true,
12
10
  className,
13
- glass = false,
14
- onMenuToggle
11
+ glass = false
15
12
  }) => {
16
13
  return /* @__PURE__ */ jsxs(
17
14
  "header",
@@ -23,21 +20,8 @@ var Header = ({
23
20
  className
24
21
  ),
25
22
  children: [
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
- "aria-label": "Toggle Menu",
32
- variant: "ghost",
33
- size: "sm",
34
- onClick: onMenuToggle,
35
- className: "lg:hidden"
36
- }
37
- ),
38
- logo && /* @__PURE__ */ jsx("div", { className: "flex items-center", children: logo })
39
- ] }),
40
- /* @__PURE__ */ jsx("div", { className: "flex-1 max-w-xl px-8 hidden md:block", children }),
23
+ /* @__PURE__ */ jsx("div", { className: "flex items-center gap-4", children: logo && /* @__PURE__ */ jsx("div", { className: "flex items-center", children: logo }) }),
24
+ /* @__PURE__ */ jsx("div", { className: "flex-1 max-w-xl px-8", children }),
41
25
  /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
42
26
  actions && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", children: actions }),
43
27
  userSection && /* @__PURE__ */ jsx("div", { className: "flex items-center pl-2 ml-2 border-l border-border h-8", children: userSection })
@@ -177,7 +177,7 @@ var Tabs = forwardRef(function Tabs2({
177
177
  )
178
178
  }
179
179
  ),
180
- canScrollRight && /* @__PURE__ */ jsxs("div", { className: "absolute right-0 z-20 flex h-full items-center pr-1 lg:hidden pointer-events-none", children: [
180
+ canScrollRight && /* @__PURE__ */ jsxs("div", { className: "absolute right-0 z-20 flex h-full items-center pr-1 hidden pointer-events-none", children: [
181
181
  /* @__PURE__ */ jsx("div", { className: "w-8 h-full bg-gradient-to-l from-surface to-transparent pointer-events-none -mr-4" }),
182
182
  /* @__PURE__ */ jsx(
183
183
  IconButton,
@@ -1,8 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var chunkTNGW5YHA_cjs = require('./chunk-TNGW5YHA.cjs');
4
3
  var chunkL5VQZZVR_cjs = require('./chunk-L5VQZZVR.cjs');
5
- var outline = require('@heroicons/react/24/outline');
6
4
  var jsxRuntime = require('react/jsx-runtime');
7
5
 
8
6
  var Header = ({
@@ -12,8 +10,7 @@ var Header = ({
12
10
  userSection,
13
11
  isSticky = true,
14
12
  className,
15
- glass = false,
16
- onMenuToggle
13
+ glass = false
17
14
  }) => {
18
15
  return /* @__PURE__ */ jsxRuntime.jsxs(
19
16
  "header",
@@ -25,21 +22,8 @@ var Header = ({
25
22
  className
26
23
  ),
27
24
  children: [
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
- "aria-label": "Toggle Menu",
34
- variant: "ghost",
35
- size: "sm",
36
- onClick: onMenuToggle,
37
- className: "lg:hidden"
38
- }
39
- ),
40
- logo && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center", children: logo })
41
- ] }),
42
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 max-w-xl px-8 hidden md:block", children }),
25
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-4", children: logo && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center", children: logo }) }),
26
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 max-w-xl px-8", children }),
43
27
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
44
28
  actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1", children: actions }),
45
29
  userSection && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center pl-2 ml-2 border-l border-border h-8", children: userSection })
@@ -1,14 +1,11 @@
1
1
  'use strict';
2
2
 
3
- var chunkEV463QT5_cjs = require('../chunk-EV463QT5.cjs');
4
- require('../chunk-TNGW5YHA.cjs');
5
- require('../chunk-6CC5KIA5.cjs');
6
- require('../chunk-R72GDCWE.cjs');
3
+ var chunkY3Y44KJ4_cjs = require('../chunk-Y3Y44KJ4.cjs');
7
4
  require('../chunk-L5VQZZVR.cjs');
8
5
 
9
6
 
10
7
 
11
8
  Object.defineProperty(exports, "Header", {
12
9
  enumerable: true,
13
- get: function () { return chunkEV463QT5_cjs.Header; }
10
+ get: function () { return chunkY3Y44KJ4_cjs.Header; }
14
11
  });
@@ -1,5 +1,2 @@
1
- export { Header } from '../chunk-FOVJHEWH.mjs';
2
- import '../chunk-BVBCAAES.mjs';
3
- import '../chunk-RAD5VJHR.mjs';
4
- import '../chunk-65UZC3FK.mjs';
1
+ export { Header } from '../chunk-AWBKO57C.mjs';
5
2
  import '../chunk-OCPFOFJ4.mjs';
package/dist/index.cjs CHANGED
@@ -4,12 +4,12 @@ var chunkPCYGJNEQ_cjs = require('./chunk-PCYGJNEQ.cjs');
4
4
  var chunk7DDDQ3RH_cjs = require('./chunk-7DDDQ3RH.cjs');
5
5
  var chunkLTG6YP5I_cjs = require('./chunk-LTG6YP5I.cjs');
6
6
  require('./chunk-NMJ5CVZH.cjs');
7
- var chunkY6AN7AWX_cjs = require('./chunk-Y6AN7AWX.cjs');
7
+ var chunk3IPWW66F_cjs = require('./chunk-3IPWW66F.cjs');
8
8
  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 chunkEV463QT5_cjs = require('./chunk-EV463QT5.cjs');
12
+ var chunkY3Y44KJ4_cjs = require('./chunk-Y3Y44KJ4.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');
@@ -633,7 +633,7 @@ Object.defineProperty(exports, "useTheme", {
633
633
  });
634
634
  Object.defineProperty(exports, "Tabs", {
635
635
  enumerable: true,
636
- get: function () { return chunkY6AN7AWX_cjs.Tabs; }
636
+ get: function () { return chunk3IPWW66F_cjs.Tabs; }
637
637
  });
638
638
  Object.defineProperty(exports, "TextInput", {
639
639
  enumerable: true,
@@ -653,7 +653,7 @@ Object.defineProperty(exports, "Sidebar", {
653
653
  });
654
654
  Object.defineProperty(exports, "Header", {
655
655
  enumerable: true,
656
- get: function () { return chunkEV463QT5_cjs.Header; }
656
+ get: function () { return chunkY3Y44KJ4_cjs.Header; }
657
657
  });
658
658
  Object.defineProperty(exports, "Image", {
659
659
  enumerable: true,
package/dist/index.mjs CHANGED
@@ -2,12 +2,12 @@ export { Modal, ModalBody, ModalCloseButton, ModalFooter, ModalHeader } from './
2
2
  export { SearchInput } from './chunk-VHVFRWF5.mjs';
3
3
  export { ThemeProvider, useTheme } from './chunk-Y3NTKFUE.mjs';
4
4
  import './chunk-SBNNV6FE.mjs';
5
- export { Tabs } from './chunk-G4HVY6FM.mjs';
5
+ export { Tabs } from './chunk-K3IJEZ4S.mjs';
6
6
  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-FOVJHEWH.mjs';
10
+ export { Header } from './chunk-AWBKO57C.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';
package/dist/styles.css CHANGED
@@ -4550,11 +4550,6 @@
4550
4550
  grid-column: span 2 / span 2;
4551
4551
  }
4552
4552
  }
4553
- .md\:block {
4554
- @media (width >= 48rem) {
4555
- display: block;
4556
- }
4557
- }
4558
4553
  .md\:grid-cols-3 {
4559
4554
  @media (width >= 48rem) {
4560
4555
  grid-template-columns: repeat(3, minmax(0, 1fr));
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var chunkY6AN7AWX_cjs = require('../chunk-Y6AN7AWX.cjs');
3
+ var chunk3IPWW66F_cjs = require('../chunk-3IPWW66F.cjs');
4
4
  require('../chunk-TNGW5YHA.cjs');
5
5
  require('../chunk-6CC5KIA5.cjs');
6
6
  require('../chunk-R72GDCWE.cjs');
@@ -10,5 +10,5 @@ require('../chunk-L5VQZZVR.cjs');
10
10
 
11
11
  Object.defineProperty(exports, "Tabs", {
12
12
  enumerable: true,
13
- get: function () { return chunkY6AN7AWX_cjs.Tabs; }
13
+ get: function () { return chunk3IPWW66F_cjs.Tabs; }
14
14
  });
@@ -1,4 +1,4 @@
1
- export { Tabs } from '../chunk-G4HVY6FM.mjs';
1
+ export { Tabs } from '../chunk-K3IJEZ4S.mjs';
2
2
  import '../chunk-BVBCAAES.mjs';
3
3
  import '../chunk-RAD5VJHR.mjs';
4
4
  import '../chunk-65UZC3FK.mjs';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bricks-toolkit/toolkit",
3
- "version": "0.1.2",
3
+ "version": "0.1.4",
4
4
  "description": "Micro-modularized, fully independent, type-safe UI component library",
5
5
  "license": "MIT",
6
6
  "author": "ITProfound",
@@ -372,6 +372,24 @@
372
372
  "README.md",
373
373
  "LICENSE"
374
374
  ],
375
+ "scripts": {
376
+ "storybook": "storybook dev -p 6006 --no-version-updates",
377
+ "build": "tsup",
378
+ "build:watch": "tsup --watch",
379
+ "build:storybook": "storybook build",
380
+ "test": "vitest run",
381
+ "test:watch": "vitest",
382
+ "test:coverage": "vitest run --coverage",
383
+ "lint": "eslint .",
384
+ "lint:fix": "eslint . --fix",
385
+ "format": "prettier --write .",
386
+ "format:check": "prettier --check .",
387
+ "typecheck": "tsc --noEmit",
388
+ "validate": "pnpm typecheck && pnpm lint && pnpm test",
389
+ "clean": "rimraf dist",
390
+ "prepare": "husky",
391
+ "audit": "pnpm audit"
392
+ },
375
393
  "devDependencies": {
376
394
  "@eslint/js": "10.0.1",
377
395
  "@storybook/addon-a11y": "10.3.5",
@@ -443,22 +461,5 @@
443
461
  },
444
462
  "dependencies": {
445
463
  "@heroicons/react": "2.2.0"
446
- },
447
- "scripts": {
448
- "storybook": "storybook dev -p 6006 --no-version-updates",
449
- "build": "tsup",
450
- "build:watch": "tsup --watch",
451
- "build:storybook": "storybook build",
452
- "test": "vitest run",
453
- "test:watch": "vitest",
454
- "test:coverage": "vitest run --coverage",
455
- "lint": "eslint .",
456
- "lint:fix": "eslint . --fix",
457
- "format": "prettier --write .",
458
- "format:check": "prettier --check .",
459
- "typecheck": "tsc --noEmit",
460
- "validate": "pnpm typecheck && pnpm lint && pnpm test",
461
- "clean": "rimraf dist",
462
- "audit": "pnpm audit"
463
464
  }
464
- }
465
+ }