@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.
- package/dist/{chunk-Y6AN7AWX.cjs → chunk-3IPWW66F.cjs} +1 -1
- package/dist/{chunk-FOVJHEWH.mjs → chunk-AWBKO57C.mjs} +3 -19
- package/dist/{chunk-G4HVY6FM.mjs → chunk-K3IJEZ4S.mjs} +1 -1
- package/dist/{chunk-EV463QT5.cjs → chunk-Y3Y44KJ4.cjs} +3 -19
- package/dist/header/index.cjs +2 -5
- package/dist/header/index.mjs +1 -4
- package/dist/index.cjs +4 -4
- package/dist/index.mjs +2 -2
- package/dist/styles.css +0 -5
- package/dist/tabs/index.cjs +2 -2
- package/dist/tabs/index.mjs +1 -1
- package/package.json +20 -19
|
@@ -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
|
|
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__ */
|
|
27
|
-
|
|
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
|
|
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.
|
|
29
|
-
|
|
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 })
|
package/dist/header/index.cjs
CHANGED
|
@@ -1,14 +1,11 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
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
|
|
10
|
+
get: function () { return chunkY3Y44KJ4_cjs.Header; }
|
|
14
11
|
});
|
package/dist/header/index.mjs
CHANGED
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
|
|
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
|
|
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
|
|
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
|
|
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-
|
|
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-
|
|
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));
|
package/dist/tabs/index.cjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
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
|
|
13
|
+
get: function () { return chunk3IPWW66F_cjs.Tabs; }
|
|
14
14
|
});
|
package/dist/tabs/index.mjs
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bricks-toolkit/toolkit",
|
|
3
|
-
"version": "0.1.
|
|
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
|
+
}
|