@bricks-toolkit/toolkit 0.1.8 → 0.1.10

package/dist/{chunk-K3IJEZ4S.mjs → chunk-G4HVY6FM.mjs}

@@ -177,7 +177,7 @@ var Tabs = forwardRef(function Tabs2({
           )
         }
       ),
-      canScrollRight && /* @__PURE__ */ jsxs("div", { className: "absolute right-0 z-20 flex h-full items-center pr-1 hidden pointer-events-none", children: [
+      canScrollRight && /* @__PURE__ */ jsxs("div", { className: "absolute right-0 z-20 flex h-full items-center pr-1 lg:hidden pointer-events-none", children: [
         /* @__PURE__ */ jsx("div", { className: "w-8 h-full bg-gradient-to-l from-surface to-transparent pointer-events-none -mr-4" }),
         /* @__PURE__ */ jsx(
           IconButton,

package/dist/{chunk-3IPWW66F.cjs → chunk-Y6AN7AWX.cjs}

@@ -179,7 +179,7 @@ var Tabs = react.forwardRef(function Tabs2({
           )
         }
       ),
-      canScrollRight && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute right-0 z-20 flex h-full items-center pr-1 hidden pointer-events-none", children: [
+      canScrollRight && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute right-0 z-20 flex h-full items-center pr-1 lg:hidden pointer-events-none", children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-8 h-full bg-gradient-to-l from-surface to-transparent pointer-events-none -mr-4" }),
         /* @__PURE__ */ jsxRuntime.jsx(
           chunkTNGW5YHA_cjs.IconButton,

package/dist/index.cjs

@@ -4,16 +4,14 @@ var chunkPCYGJNEQ_cjs = require('./chunk-PCYGJNEQ.cjs');
 var chunk7DDDQ3RH_cjs = require('./chunk-7DDDQ3RH.cjs');
 var chunkLTG6YP5I_cjs = require('./chunk-LTG6YP5I.cjs');
 require('./chunk-NMJ5CVZH.cjs');
-var chunkOEU5VG3D_cjs = require('./chunk-OEU5VG3D.cjs');
-var chunk3IPWW66F_cjs = require('./chunk-3IPWW66F.cjs');
+var chunkY6AN7AWX_cjs = require('./chunk-Y6AN7AWX.cjs');
 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 chunkYK7IS7JL_cjs = require('./chunk-YK7IS7JL.cjs');
-var chunkTNGW5YHA_cjs = require('./chunk-TNGW5YHA.cjs');
 var chunkPJWELBN2_cjs = require('./chunk-PJWELBN2.cjs');
-var chunkMVUNJPGH_cjs = require('./chunk-MVUNJPGH.cjs');
+var chunkTNGW5YHA_cjs = require('./chunk-TNGW5YHA.cjs');
 var chunkS7VEND5Z_cjs = require('./chunk-S7VEND5Z.cjs');
 var chunk56ILK7Y4_cjs = require('./chunk-56ILK7Y4.cjs');
 var chunkNRZIXK35_cjs = require('./chunk-NRZIXK35.cjs');
@@ -21,7 +19,7 @@ var chunk5RKET2JO_cjs = require('./chunk-5RKET2JO.cjs');
 var chunkB4OV5GRT_cjs = require('./chunk-B4OV5GRT.cjs');
 var chunkVRZFAKSV_cjs = require('./chunk-VRZFAKSV.cjs');
 var chunk7R5JRJ2W_cjs = require('./chunk-7R5JRJ2W.cjs');
-var chunk7PDGAIC3_cjs = require('./chunk-7PDGAIC3.cjs');
+var chunkOEU5VG3D_cjs = require('./chunk-OEU5VG3D.cjs');
 var chunkKLBABQEJ_cjs = require('./chunk-KLBABQEJ.cjs');
 var chunkW2ZAPLQH_cjs = require('./chunk-W2ZAPLQH.cjs');
 var chunkOPOCCRJG_cjs = require('./chunk-OPOCCRJG.cjs');
@@ -29,6 +27,7 @@ var chunkAJXVELXK_cjs = require('./chunk-AJXVELXK.cjs');
 var chunkVC7MOPU6_cjs = require('./chunk-VC7MOPU6.cjs');
 var chunk6R3OYBQ6_cjs = require('./chunk-6R3OYBQ6.cjs');
 var chunkBBVWG5GH_cjs = require('./chunk-BBVWG5GH.cjs');
+var chunkMVUNJPGH_cjs = require('./chunk-MVUNJPGH.cjs');
 var chunkHIWJDLIS_cjs = require('./chunk-HIWJDLIS.cjs');
 var chunk5J3OMAO4_cjs = require('./chunk-5J3OMAO4.cjs');
 var chunkNRCNRHXL_cjs = require('./chunk-NRCNRHXL.cjs');
@@ -36,6 +35,7 @@ require('./chunk-6UO72EJA.cjs');
 var chunk6CC5KIA5_cjs = require('./chunk-6CC5KIA5.cjs');
 var chunkR72GDCWE_cjs = require('./chunk-R72GDCWE.cjs');
 var chunkECLNLPOR_cjs = require('./chunk-ECLNLPOR.cjs');
+var chunk7PDGAIC3_cjs = require('./chunk-7PDGAIC3.cjs');
 var chunkL5VQZZVR_cjs = require('./chunk-L5VQZZVR.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -631,17 +631,9 @@ Object.defineProperty(exports, "useTheme", {
   enumerable: true,
   get: function () { return chunkLTG6YP5I_cjs.useTheme; }
 });
-Object.defineProperty(exports, "Pagination", {
-  enumerable: true,
-  get: function () { return chunkOEU5VG3D_cjs.Pagination; }
-});
-Object.defineProperty(exports, "Table", {
-  enumerable: true,
-  get: function () { return chunkOEU5VG3D_cjs.Table; }
-});
 Object.defineProperty(exports, "Tabs", {
   enumerable: true,
-  get: function () { return chunk3IPWW66F_cjs.Tabs; }
+  get: function () { return chunkY6AN7AWX_cjs.Tabs; }
 });
 Object.defineProperty(exports, "TextInput", {
   enumerable: true,
@@ -663,17 +655,13 @@ Object.defineProperty(exports, "Header", {
   enumerable: true,
   get: function () { return chunkYK7IS7JL_cjs.Header; }
 });
-Object.defineProperty(exports, "IconButton", {
-  enumerable: true,
-  get: function () { return chunkTNGW5YHA_cjs.IconButton; }
-});
 Object.defineProperty(exports, "Image", {
   enumerable: true,
   get: function () { return chunkPJWELBN2_cjs.Image; }
 });
-Object.defineProperty(exports, "Loader", {
+Object.defineProperty(exports, "IconButton", {
   enumerable: true,
-  get: function () { return chunkMVUNJPGH_cjs.Loader; }
+  get: function () { return chunkTNGW5YHA_cjs.IconButton; }
 });
 Object.defineProperty(exports, "Skeleton", {
   enumerable: true,
@@ -719,9 +707,13 @@ Object.defineProperty(exports, "Select", {
   enumerable: true,
   get: function () { return chunk7R5JRJ2W_cjs.Select; }
 });
-Object.defineProperty(exports, "Checkbox", {
+Object.defineProperty(exports, "Pagination", {
   enumerable: true,
-  get: function () { return chunk7PDGAIC3_cjs.Checkbox; }
+  get: function () { return chunkOEU5VG3D_cjs.Pagination; }
+});
+Object.defineProperty(exports, "Table", {
+  enumerable: true,
+  get: function () { return chunkOEU5VG3D_cjs.Table; }
 });
 Object.defineProperty(exports, "ComboBox", {
   enumerable: true,
@@ -783,6 +775,10 @@ Object.defineProperty(exports, "Link", {
   enumerable: true,
   get: function () { return chunkBBVWG5GH_cjs.Link; }
 });
+Object.defineProperty(exports, "Loader", {
+  enumerable: true,
+  get: function () { return chunkMVUNJPGH_cjs.Loader; }
+});
 Object.defineProperty(exports, "Avatar", {
   enumerable: true,
   get: function () { return chunkHIWJDLIS_cjs.Avatar; }
@@ -827,6 +823,10 @@ Object.defineProperty(exports, "CardTitle", {
   enumerable: true,
   get: function () { return chunkECLNLPOR_cjs.CardTitle; }
 });
+Object.defineProperty(exports, "Checkbox", {
+  enumerable: true,
+  get: function () { return chunk7PDGAIC3_cjs.Checkbox; }
+});
 Object.defineProperty(exports, "cn", {
   enumerable: true,
   get: function () { return chunkL5VQZZVR_cjs.cn; }

package/dist/index.mjs

@@ -2,16 +2,14 @@ export { Modal, ModalBody, ModalCloseButton, ModalFooter, ModalHeader } from './
 export { SearchInput } from './chunk-VHVFRWF5.mjs';
 export { ThemeProvider, useTheme } from './chunk-Y3NTKFUE.mjs';
 import './chunk-SBNNV6FE.mjs';
-export { Pagination, Table } from './chunk-7364SUK6.mjs';
-export { Tabs } from './chunk-K3IJEZ4S.mjs';
+export { Tabs } from './chunk-G4HVY6FM.mjs';
 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-EL7COTGN.mjs';
-export { IconButton } from './chunk-BVBCAAES.mjs';
 export { Image } from './chunk-JV6AWBN5.mjs';
-export { Loader } from './chunk-4DR57X7U.mjs';
+export { IconButton } from './chunk-BVBCAAES.mjs';
 export { Skeleton, SkeletonAvatar, SkeletonCard, SkeletonTable, SkeletonText } from './chunk-32SKYPQW.mjs';
 export { MultiSelect } from './chunk-JKPNJ4PZ.mjs';
 export { OtpInput } from './chunk-RYWDZHKG.mjs';
@@ -19,7 +17,7 @@ export { PasswordInput } from './chunk-446OJWC6.mjs';
 export { Phone } from './chunk-CBA54EY4.mjs';
 export { RadioButton } from './chunk-DN2GFJF4.mjs';
 export { Select } from './chunk-TIVSMCXZ.mjs';
-export { Checkbox } from './chunk-SFUOCZJY.mjs';
+export { Pagination, Table } from './chunk-7364SUK6.mjs';
 export { ComboBox } from './chunk-4DA7CRNV.mjs';
 export { DatePicker } from './chunk-7WNJ7L4Z.mjs';
 export { Dialog, DialogBody, DialogCloseButton, DialogFooter, DialogHeader } from './chunk-OQPCL5XX.mjs';
@@ -27,6 +25,7 @@ export { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSepara
 export { Email } from './chunk-4QSDPHPI.mjs';
 export { FileUpload } from './chunk-KA35BV7V.mjs';
 export { Link } from './chunk-SHQ2MPBE.mjs';
+export { Loader } from './chunk-4DR57X7U.mjs';
 export { Avatar } from './chunk-B5MYGYJY.mjs';
 export { Badge } from './chunk-H77YWN3L.mjs';
 export { Breadcrumbs } from './chunk-DMLPA65B.mjs';
@@ -34,6 +33,7 @@ import './chunk-ARTXRQO6.mjs';
 export { Button } from './chunk-RAD5VJHR.mjs';
 export { Tooltip } from './chunk-65UZC3FK.mjs';
 export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from './chunk-6ZCY4O5M.mjs';
+export { Checkbox } from './chunk-SFUOCZJY.mjs';
 import { cn } from './chunk-OCPFOFJ4.mjs';
 export { cn } from './chunk-OCPFOFJ4.mjs';
 import { forwardRef, useState, createContext, useContext, useCallback, Children } from 'react';

package/dist/tabs/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunk3IPWW66F_cjs = require('../chunk-3IPWW66F.cjs');
+var chunkY6AN7AWX_cjs = require('../chunk-Y6AN7AWX.cjs');
 require('../chunk-TNGW5YHA.cjs');
 require('../chunk-6CC5KIA5.cjs');
 require('../chunk-R72GDCWE.cjs');
@@ -10,5 +10,5 @@ require('../chunk-L5VQZZVR.cjs');
 
 Object.defineProperty(exports, "Tabs", {
   enumerable: true,
-  get: function () { return chunk3IPWW66F_cjs.Tabs; }
+  get: function () { return chunkY6AN7AWX_cjs.Tabs; }
 });

package/dist/tabs/index.mjs

@@ -1,4 +1,4 @@
-export { Tabs } from '../chunk-K3IJEZ4S.mjs';
+export { Tabs } from '../chunk-G4HVY6FM.mjs';
 import '../chunk-BVBCAAES.mjs';
 import '../chunk-RAD5VJHR.mjs';
 import '../chunk-65UZC3FK.mjs';

package/dist/theme.css

@@ -1,11 +1,62 @@
-/* src/styles/theme.css */
-:root,
-:host {
+@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;
 }
-/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bricks-toolkit/toolkit",
-  "version": "0.1.8",
+  "version": "0.1.10",
   "description": "Micro-modularized, fully independent, type-safe UI component library",
   "license": "MIT",
   "author": "ITProfound",
@@ -367,7 +367,6 @@
     },
     "./styles.css": "./dist/styles.css",
     "./theme.css": "./dist/theme.css"
-
   },
   "files": [
     "dist",
@@ -376,7 +375,7 @@
   ],
   "scripts": {
     "storybook": "storybook dev -p 6006 --no-version-updates",
-    "build": "tsup",
+    "build": "tsup && copy src\\styles\\theme.css dist\\theme.css",
     "build:watch": "tsup --watch",
     "build:storybook": "storybook build",
     "test": "vitest run",