@bricks-toolkit/toolkit 0.1.9 → 0.1.11

package/dist/{chunk-B4OV5GRT.cjs → chunk-B2FU2E2X.cjs}

@@ -202,6 +202,7 @@ var Phone = react.forwardRef(function Phone2({
   onChange,
   showFlag = true,
   defaultCountryCode = "+91",
+  defaultCountry,
   autoComplete = "tel",
   ...rest
 }, ref) {
@@ -213,8 +214,17 @@ var Phone = react.forwardRef(function Phone2({
   const [isOpen, setIsOpen] = react.useState(false);
   const [searchTerm, setSearchTerm] = react.useState("");
   const dropdownRef = react.useRef(null);
+  const initialDialCode = (() => {
+    if (defaultCountry) {
+      const country = COUNTRIES.find(
+        (c) => c.id.toLowerCase() === defaultCountry.toLowerCase()
+      );
+      if (country) return country.dialCode;
+    }
+    return defaultCountryCode;
+  })();
   const [internalPhone, setInternalPhone] = react.useState(
-    defaultValue ?? { countryCode: defaultCountryCode, phoneNumber: "" }
+    defaultValue ?? { countryCode: initialDialCode, phoneNumber: "" }
   );
   const isControlled = value !== void 0;
   const currentPhone = isControlled ? value : internalPhone;

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-CBA54EY4.mjs → chunk-TBMIMUU4.mjs}

@@ -200,6 +200,7 @@ var Phone = forwardRef(function Phone2({
   onChange,
   showFlag = true,
   defaultCountryCode = "+91",
+  defaultCountry,
   autoComplete = "tel",
   ...rest
 }, ref) {
@@ -211,8 +212,17 @@ var Phone = forwardRef(function Phone2({
   const [isOpen, setIsOpen] = useState(false);
   const [searchTerm, setSearchTerm] = useState("");
   const dropdownRef = useRef(null);
+  const initialDialCode = (() => {
+    if (defaultCountry) {
+      const country = COUNTRIES.find(
+        (c) => c.id.toLowerCase() === defaultCountry.toLowerCase()
+      );
+      if (country) return country.dialCode;
+    }
+    return defaultCountryCode;
+  })();
   const [internalPhone, setInternalPhone] = useState(
-    defaultValue ?? { countryCode: defaultCountryCode, phoneNumber: "" }
+    defaultValue ?? { countryCode: initialDialCode, phoneNumber: "" }
   );
   const isControlled = value !== void 0;
   const currentPhone = isControlled ? value : internalPhone;

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,7 +4,7 @@ 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 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');
@@ -16,7 +16,7 @@ var chunkS7VEND5Z_cjs = require('./chunk-S7VEND5Z.cjs');
 var chunk56ILK7Y4_cjs = require('./chunk-56ILK7Y4.cjs');
 var chunkNRZIXK35_cjs = require('./chunk-NRZIXK35.cjs');
 var chunk5RKET2JO_cjs = require('./chunk-5RKET2JO.cjs');
-var chunkB4OV5GRT_cjs = require('./chunk-B4OV5GRT.cjs');
+var chunkB2FU2E2X_cjs = require('./chunk-B2FU2E2X.cjs');
 var chunkVRZFAKSV_cjs = require('./chunk-VRZFAKSV.cjs');
 var chunk7R5JRJ2W_cjs = require('./chunk-7R5JRJ2W.cjs');
 var chunkOEU5VG3D_cjs = require('./chunk-OEU5VG3D.cjs');
@@ -633,7 +633,7 @@ Object.defineProperty(exports, "useTheme", {
 });
 Object.defineProperty(exports, "Tabs", {
   enumerable: true,
-  get: function () { return chunk3IPWW66F_cjs.Tabs; }
+  get: function () { return chunkY6AN7AWX_cjs.Tabs; }
 });
 Object.defineProperty(exports, "TextInput", {
   enumerable: true,
@@ -697,7 +697,7 @@ Object.defineProperty(exports, "PasswordInput", {
 });
 Object.defineProperty(exports, "Phone", {
   enumerable: true,
-  get: function () { return chunkB4OV5GRT_cjs.Phone; }
+  get: function () { return chunkB2FU2E2X_cjs.Phone; }
 });
 Object.defineProperty(exports, "RadioButton", {
   enumerable: true,

package/dist/index.mjs

@@ -2,7 +2,7 @@ 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 { 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';
@@ -14,7 +14,7 @@ export { Skeleton, SkeletonAvatar, SkeletonCard, SkeletonTable, SkeletonText } f
 export { MultiSelect } from './chunk-JKPNJ4PZ.mjs';
 export { OtpInput } from './chunk-RYWDZHKG.mjs';
 export { PasswordInput } from './chunk-446OJWC6.mjs';
-export { Phone } from './chunk-CBA54EY4.mjs';
+export { Phone } from './chunk-TBMIMUU4.mjs';
 export { RadioButton } from './chunk-DN2GFJF4.mjs';
 export { Select } from './chunk-TIVSMCXZ.mjs';
 export { Pagination, Table } from './chunk-7364SUK6.mjs';

package/dist/phone/index.cjs

@@ -1,11 +1,11 @@
 'use strict';
 
-var chunkB4OV5GRT_cjs = require('../chunk-B4OV5GRT.cjs');
+var chunkB2FU2E2X_cjs = require('../chunk-B2FU2E2X.cjs');
 require('../chunk-L5VQZZVR.cjs');
 
 
 
 Object.defineProperty(exports, "Phone", {
   enumerable: true,
-  get: function () { return chunkB4OV5GRT_cjs.Phone; }
+  get: function () { return chunkB2FU2E2X_cjs.Phone; }
 });

package/dist/phone/index.mjs

@@ -1,2 +1,2 @@
-export { Phone } from '../chunk-CBA54EY4.mjs';
+export { Phone } from '../chunk-TBMIMUU4.mjs';
 import '../chunk-OCPFOFJ4.mjs';

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bricks-toolkit/toolkit",
-  "version": "0.1.9",
+  "version": "0.1.11",
   "description": "Micro-modularized, fully independent, type-safe UI component library",
   "license": "MIT",
   "author": "ITProfound",
@@ -367,31 +367,12 @@
     },
     "./styles.css": "./dist/styles.css",
     "./theme.css": "./dist/theme.css"
-
   },
   "files": [
     "dist",
     "README.md",
     "LICENSE"
   ],
-  "scripts": {
-    "storybook": "storybook dev -p 6006 --no-version-updates",
-    "build": "tsup && copy src\\styles\\theme.css dist\\theme.css",
-    "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",
@@ -463,5 +444,22 @@
   },
   "dependencies": {
     "@heroicons/react": "2.2.0"
+  },
+  "scripts": {
+    "storybook": "storybook dev -p 6006 --no-version-updates",
+    "build": "tsup && copy src\\styles\\theme.css dist\\theme.css",
+    "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"
   }
-}
+}

package/dist/theme.css

@@ -1,62 +0,0 @@
-@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;
-}