cyberui-2045 2.3.0 → 2.4.0

package/dist/utils/cn.js

@@ -0,0 +1,9 @@
+import { twMerge as o } from "../node_modules/tailwind-merge/dist/bundle-mjs.js";
+import { clsx as t } from "../node_modules/clsx/dist/clsx.js";
+function n(...r) {
+  return o(t(r));
+}
+export {
+  n as cn
+};
+//# sourceMappingURL=cn.js.map

package/dist/utils/cn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.js","sources":["../../src/utils/cn.ts"],"sourcesContent":["import { twMerge } from 'tailwind-merge';\r\nimport { clsx, type ClassValue } from 'clsx';\r\n\r\n/**\r\n * Merges Tailwind CSS class names, resolving conflicts so the last value wins.\r\n * Use this everywhere a component accepts a `className` prop.\r\n *\r\n * @example\r\n * cn('px-4 py-2', 'px-6')        // → 'py-2 px-6'\r\n * cn('text-primary', className)   // → user className wins on conflict\r\n */\r\nexport function cn(...inputs: ClassValue[]): string {\r\n  return twMerge(clsx(inputs));\r\n}\r\n"],"names":["cn","inputs","twMerge","clsx"],"mappings":";;AAWO,SAASA,KAAMC,GAA8B;AAClD,SAAOC,EAAQC,EAAKF,CAAM,CAAC;AAC7B;"}

package/dist/utils/devWarn.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Logs a `[cyberui-2045]`-prefixed console warning once per distinct `key` per
+ * session, so a misconfigured component re-rendering doesn't spam the console.
+ */
+export declare function warnOnce(key: string, message: string): void;

package/dist/utils/devWarn.js

@@ -0,0 +1,8 @@
+const e = /* @__PURE__ */ new Set();
+function a(n, r) {
+  e.has(n) || (e.add(n), console.warn(`[cyberui-2045] ${r}`));
+}
+export {
+  a as warnOnce
+};
+//# sourceMappingURL=devWarn.js.map

package/dist/utils/devWarn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"devWarn.js","sources":["../../src/utils/devWarn.ts"],"sourcesContent":["const warned = new Set<string>();\n\n/**\n * Logs a `[cyberui-2045]`-prefixed console warning once per distinct `key` per\n * session, so a misconfigured component re-rendering doesn't spam the console.\n */\nexport function warnOnce(key: string, message: string): void {\n  if (warned.has(key)) return;\n  warned.add(key);\n  console.warn(`[cyberui-2045] ${message}`);\n}\n"],"names":["warned","warnOnce","key","message"],"mappings":"AAAA,MAAMA,wBAAa,IAAA;AAMZ,SAASC,EAASC,GAAaC,GAAuB;AAC3D,EAAIH,EAAO,IAAIE,CAAG,MAClBF,EAAO,IAAIE,CAAG,GACd,QAAQ,KAAK,kBAAkBC,CAAO,EAAE;AAC1C;"}

package/dist/utils/responsive.js

@@ -0,0 +1,120 @@
+import { useCallback as d, useState as g, useEffect as o } from "react";
+const x = (e) => typeof e == "object" && e !== null, h = (e, t) => {
+  if (!x(e))
+    return t[e] || "";
+  const s = [];
+  if (e.base && t[e.base] && s.push(t[e.base]), e.sm && t[e.sm]) {
+    const n = t[e.sm].split(" ").map((m) => `sm:${m}`);
+    s.push(...n);
+  }
+  if (e.md && t[e.md]) {
+    const n = t[e.md].split(" ").map((m) => `md:${m}`);
+    s.push(...n);
+  }
+  if (e.lg && t[e.lg]) {
+    const n = t[e.lg].split(" ").map((m) => `lg:${m}`);
+    s.push(...n);
+  }
+  if (e.xl && t[e.xl]) {
+    const n = t[e.xl].split(" ").map((m) => `xl:${m}`);
+    s.push(...n);
+  }
+  if (e["2xl"] && t[e["2xl"]]) {
+    const n = t[e["2xl"]].split(" ").map((m) => `2xl:${m}`);
+    s.push(...n);
+  }
+  return s.join(" ");
+}, f = (...e) => e.filter(Boolean).join(" "), a = {
+  button: {
+    sm: "py-1 px-4 text-sm",
+    md: "py-2 px-6 text-lg",
+    lg: "py-3 px-8 text-xl"
+  },
+  badge: {
+    sm: "px-2 py-1 text-xs gap-1",
+    md: "px-4 py-2 text-sm gap-2",
+    lg: "px-6 py-3 text-base gap-3"
+  },
+  input: {
+    sm: "py-2 text-sm",
+    md: "py-3 text-base",
+    lg: "py-4 text-lg"
+  },
+  card: {
+    sm: "p-3 space-y-3 text-sm",
+    md: "p-6 space-y-6 text-base",
+    lg: "p-8 space-y-8 text-lg"
+  },
+  notification: {
+    sm: "p-3 space-x-2",
+    md: "p-4 space-x-4",
+    lg: "p-6 space-x-6"
+  },
+  tabNavigation: {
+    sm: "px-3 py-1 text-sm",
+    md: "px-6 py-2 text-lg",
+    lg: "px-8 py-3 text-xl"
+  },
+  linearProgress: {
+    width: {
+      sm: "w-48",
+      md: "w-80",
+      lg: "w-96"
+    },
+    height: {
+      sm: "h-1.5",
+      md: "h-3",
+      lg: "h-4"
+    }
+  },
+  skeleton: {
+    sm: "text-sm",
+    md: "text-base",
+    lg: "text-lg"
+  },
+  carousel: {
+    sm: "h-48",
+    md: "h-64",
+    lg: "h-80"
+  }
+}, u = {
+  base: 0,
+  sm: 640,
+  md: 768,
+  lg: 1024,
+  xl: 1280,
+  "2xl": 1536
+}, y = (e, t, s) => {
+  if (!x(e))
+    return e ?? s;
+  let n = e.base ?? s;
+  const m = ["sm", "md", "lg", "xl", "2xl"];
+  for (const i of m) {
+    const l = u[i];
+    t >= l && e[i] !== void 0 && (n = e[i]);
+  }
+  return n;
+}, v = (e, t) => {
+  const s = d(
+    () => typeof window > "u" ? t : y(e, window.innerWidth, t),
+    [t, e]
+  ), [n, m] = g(s);
+  return o(() => {
+    if (!x(e)) {
+      m(e ?? t);
+      return;
+    }
+    const i = () => m(s());
+    return i(), window.addEventListener("resize", i), () => window.removeEventListener("resize", i);
+  }, [t, s, e]), n;
+};
+export {
+  u as BREAKPOINT_PIXELS,
+  a as RESPONSIVE_SIZE_MAPS,
+  f as combineResponsiveClasses,
+  h as getResponsiveClasses,
+  x as isResponsiveObject,
+  y as resolveResponsiveValue,
+  v as useResponsiveValue
+};
+//# sourceMappingURL=responsive.js.map

package/dist/utils/responsive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"responsive.js","sources":["../../src/utils/responsive.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from \"react\";\r\n\r\nexport type ResponsiveObject<T> = {\r\n  base?: T;\r\n  sm?: T;\r\n  md?: T;\r\n  lg?: T;\r\n  xl?: T;\r\n  \"2xl\"?: T;\r\n};\r\n\r\nexport type ResponsiveValue<T> = T | ResponsiveObject<T>;\r\n\r\n// Type guard to safely narrow a ResponsiveValue<T> to the object shape\r\nexport const isResponsiveObject = <T>(\r\n  v: ResponsiveValue<T>\r\n): v is ResponsiveObject<T> => typeof v === \"object\" && v !== null;\r\n\r\nexport type Breakpoint = \"base\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\r\n/**\r\n * Resolves responsive classes based on the current viewport size.\r\n *\r\n * @param prop The responsive value configuration (string or object)\r\n * @param classMap Map of values to CSS classes\r\n * @returns A string of combined Tailwind classes\r\n */\r\nexport const getResponsiveClasses = <T extends string>(\r\n  prop: ResponsiveValue<T>,\r\n  classMap: Record<T, string>\r\n): string => {\r\n  if (!isResponsiveObject(prop)) {\r\n    return classMap[prop] || \"\";\r\n  }\r\n\r\n  const classes: string[] = [];\r\n\r\n  if (prop.base && classMap[prop.base]) {\r\n    classes.push(classMap[prop.base]);\r\n  }\r\n\r\n  if (prop.sm && classMap[prop.sm]) {\r\n    const smClasses = classMap[prop.sm].split(\" \").map((cls) => `sm:${cls}`);\r\n    classes.push(...smClasses);\r\n  }\r\n\r\n  if (prop.md && classMap[prop.md]) {\r\n    const mdClasses = classMap[prop.md].split(\" \").map((cls) => `md:${cls}`);\r\n    classes.push(...mdClasses);\r\n  }\r\n\r\n  if (prop.lg && classMap[prop.lg]) {\r\n    const lgClasses = classMap[prop.lg].split(\" \").map((cls) => `lg:${cls}`);\r\n    classes.push(...lgClasses);\r\n  }\r\n\r\n  if (prop.xl && classMap[prop.xl]) {\r\n    const xlClasses = classMap[prop.xl].split(\" \").map((cls) => `xl:${cls}`);\r\n    classes.push(...xlClasses);\r\n  }\r\n\r\n  if (prop[\"2xl\"] && classMap[prop[\"2xl\"]]) {\r\n    const xl2Classes = classMap[prop[\"2xl\"]]\r\n      .split(\" \")\r\n      .map((cls) => `2xl:${cls}`);\r\n    classes.push(...xl2Classes);\r\n  }\r\n\r\n  return classes.join(\" \");\r\n};\r\n\r\n/**\r\n * Combines multiple class strings, filtering out falsy values.\r\n *\r\n * @param classes List of class strings\r\n * @returns Combined class string\r\n */\r\nexport const combineResponsiveClasses = (\r\n  ...classes: (string | undefined)[]\r\n): string => {\r\n  return classes.filter(Boolean).join(\" \");\r\n};\r\n\r\nexport const RESPONSIVE_SIZE_MAPS = {\r\n  button: {\r\n    sm: \"py-1 px-4 text-sm\",\r\n    md: \"py-2 px-6 text-lg\",\r\n    lg: \"py-3 px-8 text-xl\",\r\n  },\r\n  badge: {\r\n    sm: \"px-2 py-1 text-xs gap-1\",\r\n    md: \"px-4 py-2 text-sm gap-2\",\r\n    lg: \"px-6 py-3 text-base gap-3\",\r\n  },\r\n  input: {\r\n    sm: \"py-2 text-sm\",\r\n    md: \"py-3 text-base\",\r\n    lg: \"py-4 text-lg\",\r\n  },\r\n  card: {\r\n    sm: \"p-3 space-y-3 text-sm\",\r\n    md: \"p-6 space-y-6 text-base\",\r\n    lg: \"p-8 space-y-8 text-lg\",\r\n  },\r\n  notification: {\r\n    sm: \"p-3 space-x-2\",\r\n    md: \"p-4 space-x-4\",\r\n    lg: \"p-6 space-x-6\",\r\n  },\r\n  tabNavigation: {\r\n    sm: \"px-3 py-1 text-sm\",\r\n    md: \"px-6 py-2 text-lg\",\r\n    lg: \"px-8 py-3 text-xl\",\r\n  },\r\n  linearProgress: {\r\n    width: {\r\n      sm: \"w-48\",\r\n      md: \"w-80\",\r\n      lg: \"w-96\",\r\n    },\r\n    height: {\r\n      sm: \"h-1.5\",\r\n      md: \"h-3\",\r\n      lg: \"h-4\",\r\n    },\r\n  },\r\n  skeleton: {\r\n    sm: \"text-sm\",\r\n    md: \"text-base\",\r\n    lg: \"text-lg\",\r\n  },\r\n  carousel: {\r\n    sm: \"h-48\",\r\n    md: \"h-64\",\r\n    lg: \"h-80\",\r\n  },\r\n} as const;\r\n\r\n// Breakpoint pixel map aligned with Tailwind defaults\r\nexport const BREAKPOINT_PIXELS = {\r\n  base: 0,\r\n  sm: 640,\r\n  md: 768,\r\n  lg: 1024,\r\n  xl: 1280,\r\n  \"2xl\": 1536,\r\n} as const;\r\n\r\nexport type BreakpointPixels = typeof BREAKPOINT_PIXELS;\r\n\r\n// Resolve a ResponsiveValue<T> to a concrete value at a given viewport width\r\n/**\r\n * Resolves a ResponsiveValue to a concrete value for a specific width.\r\n *\r\n * @param prop The responsive value to resolve\r\n * @param width The current viewport width in pixels\r\n * @param fallback Fallback value if no breakpoint matches\r\n * @returns The resolved value\r\n */\r\nexport const resolveResponsiveValue = <T>(\r\n  prop: ResponsiveValue<T>,\r\n  width: number,\r\n  fallback: T\r\n): T => {\r\n  if (!isResponsiveObject<T>(prop)) {\r\n    return (prop as T) ?? fallback;\r\n  }\r\n\r\n  let resolved: T = (prop.base ?? fallback) as T;\r\n  const order: (keyof BreakpointPixels)[] = [\"sm\", \"md\", \"lg\", \"xl\", \"2xl\"];\r\n  for (const key of order) {\r\n    const min = BREAKPOINT_PIXELS[key];\r\n    if (width >= min && prop[key] !== undefined) {\r\n      resolved = prop[key] as T;\r\n    }\r\n  }\r\n  return resolved;\r\n};\r\n\r\n// React hook to resolve a ResponsiveValue<T> and update on resize\r\n/**\r\n * A hook that returns the current resolved value based on window resize events.\r\n *\r\n * @param prop The responsive value configuration\r\n * @param fallback Default value to use during SSR or initial render\r\n * @returns The current resolved value\r\n */\r\nexport const useResponsiveValue = <T>(\r\n  prop: ResponsiveValue<T>,\r\n  fallback: T\r\n): T => {\r\n  const get = useCallback(\r\n    () =>\r\n      typeof window === \"undefined\"\r\n        ? fallback\r\n        : resolveResponsiveValue(prop, window.innerWidth, fallback),\r\n    [fallback, prop]\r\n  );\r\n\r\n  const [value, setValue] = useState<T>(get);\r\n\r\n  useEffect(() => {\r\n    if (!isResponsiveObject<T>(prop)) {\r\n      setValue((prop as T) ?? fallback);\r\n      return;\r\n    }\r\n    const onResize = () => setValue(get());\r\n    onResize();\r\n    window.addEventListener(\"resize\", onResize);\r\n    return () => window.removeEventListener(\"resize\", onResize);\r\n  }, [fallback, get, prop]);\r\n\r\n  return value;\r\n};\r\n"],"names":["isResponsiveObject","v","getResponsiveClasses","prop","classMap","classes","smClasses","cls","mdClasses","lgClasses","xlClasses","xl2Classes","combineResponsiveClasses","RESPONSIVE_SIZE_MAPS","BREAKPOINT_PIXELS","resolveResponsiveValue","width","fallback","resolved","order","key","min","useResponsiveValue","get","useCallback","value","setValue","useState","useEffect","onResize"],"mappings":"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"}

package/package.json

@@ -1,125 +1,158 @@
-{
-  "name": "cyberui-2045",
-  "version": "2.3.0",
-  "description": "The AI-first cyberpunk React UI library — built-in coding assistant context for Claude, Cursor, and Copilot out of the box.",
-  "private": false,
-  "type": "module",
-  "main": "dist/index.js",
-  "module": "dist/index.es.js",
-  "types": "dist/index.d.ts",
-  "bin": {
-    "cyberui-2045": "bin/init.js"
-  },
-  "files": [
-    "dist/assets",
-    "dist/components",
-    "dist/hooks",
-    "dist/contexts",
-    "dist/utils",
-    "dist/index.d.ts",
-    "dist/index.js",
-    "dist/index.es.js",
-    "dist/cyberui-2045.css",
-    "bin/",
-    "README.md",
-    "AGENT.md"
-  ],
-  "sideEffects": [
-    "dist/*.css",
-    "*.css"
-  ],
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.es.js",
-      "require": "./dist/index.js"
-    },
-    "./styles.css": "./dist/cyberui-2045.css"
-  },
-  "keywords": [
-    "react",
-    "ui",
-    "components",
-    "cyberpunk",
-    "CyberUI",
-    "neon",
-    "futuristic",
-    "typescript",
-    "tailwind",
-    "ai-friendly",
-    "claude",
-    "cursor",
-    "copilot",
-    "design-system",
-    "component-library"
-  ],
-  "author": "Patrick Yang <azureroki@gmail.com>",
-  "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/patrickkuei/CyberUI.git"
-  },
-  "bugs": {
-    "url": "https://github.com/patrickkuei/CyberUI/issues"
-  },
-  "homepage": "https://patrickkuei.github.io/CyberUI",
-  "scripts": {
-    "postinstall": "node -e \"!process.env.CI && console.log('\\n  cyberui-2045 installed\\n\\n  AI coding setup \\u2192 npx cyberui-2045 init\\n  Docs           \\u2192 https://patrickkuei.github.io/CyberUI\\n')\"",
-    "dev": "vite",
-    "build": "vite build --mode library",
-    "build:demo": "vite build",
-    "lint": "eslint .",
-    "preview": "vite preview",
-    "test": "vitest run",
-    "type-check": "tsc --noEmit",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "predeploy": "npm run build:demo",
-    "deploy": "gh-pages -d dist",
-    "prepublishOnly": "npm run build"
-  },
-  "peerDependencies": {
-    "react": "^18.0.0 || ^19.0.0",
-    "react-dom": "^18.0.0 || ^19.0.0"
-  },
-  "devDependencies": {
-    "@chromatic-com/storybook": "^4.1.0",
-    "@eslint/js": "^9.30.1",
-    "@storybook/addon-a11y": "^9.1.0",
-    "@storybook/addon-docs": "^9.1.0",
-    "@storybook/addon-onboarding": "^9.1.0",
-    "@storybook/addon-vitest": "^9.1.0",
-    "@storybook/react-vite": "^9.1.0",
-    "@tailwindcss/vite": "^4.1.11",
-    "@testing-library/dom": "^10.4.1",
-    "@testing-library/jest-dom": "^6.9.1",
-    "@testing-library/react": "^16.3.2",
-    "@types/node": "^24.1.0",
-    "@types/react": "^19.1.8",
-    "@types/react-dom": "^19.1.6",
-    "@vitejs/plugin-react": "^4.6.0",
-    "@vitest/browser": "^3.2.4",
-    "@vitest/coverage-v8": "^3.2.4",
-    "autoprefixer": "^10.4.21",
-    "eslint": "^9.30.1",
-    "eslint-plugin-react-hooks": "^5.2.0",
-    "eslint-plugin-react-refresh": "^0.4.20",
-    "eslint-plugin-storybook": "^9.1.0",
-    "gh-pages": "^6.3.0",
-    "globals": "^16.3.0",
-    "jsdom": "^29.0.1",
-    "playwright": "^1.54.2",
-    "postcss": "^8.5.6",
-    "storybook": "^9.1.0",
-    "tailwindcss": "^4.1.11",
-    "typescript": "~5.8.3",
-    "typescript-eslint": "^8.35.1",
-    "vite": "^7.0.4",
-    "vite-plugin-dts": "^4.5.4",
-    "vitest": "^3.2.4"
-  },
-  "dependencies": {
-    "clsx": "^2.1.1",
-    "tailwind-merge": "^3.5.0"
-  }
-}
+{
+  "name": "cyberui-2045",
+  "version": "2.4.0",
+  "description": "The AI-first cyberpunk React UI library — built-in coding assistant context for Claude, Cursor, Copilot, and AGENTS.md out of the box.",
+  "private": false,
+  "type": "module",
+  "main": "dist/index.js",
+  "module": "dist/index.es.js",
+  "types": "dist/index.d.ts",
+  "bin": {
+    "cyberui-2045": "bin/init.js"
+  },
+  "files": [
+    "dist/assets",
+    "dist/components",
+    "dist/hooks",
+    "dist/contexts",
+    "dist/utils",
+    "dist/index.d.ts",
+    "dist/index.js",
+    "dist/index.es.js",
+    "dist/cyberui-2045.css",
+    "dist/component-manifest.json",
+    "bin/",
+    "README.md",
+    "AGENT.md"
+  ],
+  "sideEffects": [
+    "dist/*.css",
+    "*.css"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.es.js",
+      "require": "./dist/index.js"
+    },
+    "./styles.css": "./dist/cyberui-2045.css"
+  },
+  "keywords": [
+    "react",
+    "ui",
+    "components",
+    "cyberpunk",
+    "CyberUI",
+    "neon",
+    "futuristic",
+    "typescript",
+    "tailwind",
+    "ai-friendly",
+    "claude",
+    "cursor",
+    "copilot",
+    "agents.md",
+    "design-system",
+    "component-library"
+  ],
+  "author": "Patrick Yang <azureroki@gmail.com>",
+  "license": "MIT",
+  "engines": {
+    "node": ">=20"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/patrickkuei/CyberUI.git"
+  },
+  "bugs": {
+    "url": "https://github.com/patrickkuei/CyberUI/issues"
+  },
+  "homepage": "https://patrickkuei.github.io/CyberUI",
+  "scripts": {
+    "postinstall": "node -e \"!process.env.CI && console.log('\\n  cyberui-2045 installed\\n\\n  AI coding setup \\u2192 npx cyberui-2045 init\\n  Docs           \\u2192 https://patrickkuei.github.io/CyberUI\\n')\"",
+    "dev": "vite",
+    "build": "vite build --mode library",
+    "build:demo": "vite build",
+    "lint": "eslint .",
+    "preview": "vite preview",
+    "test": "vitest run",
+    "type-check": "tsc --noEmit",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "docs:generate": "node scripts/generate-manifest.js",
+    "size": "size-limit",
+    "predeploy": "npm run build:demo",
+    "deploy": "gh-pages -d dist",
+    "prepublishOnly": "npm run build"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^4.1.0",
+    "@eslint/js": "^9.30.1",
+    "@size-limit/esbuild": "^12.1.0",
+    "@size-limit/file": "^12.1.0",
+    "@storybook/addon-a11y": "^9.1.0",
+    "@storybook/addon-docs": "^9.1.0",
+    "@storybook/addon-onboarding": "^9.1.0",
+    "@storybook/addon-vitest": "^9.1.0",
+    "@storybook/react-vite": "^9.1.0",
+    "@tailwindcss/vite": "^4.1.11",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
+    "@types/node": "^24.1.0",
+    "@types/react": "^19.1.8",
+    "@types/react-dom": "^19.1.6",
+    "@vitejs/plugin-react": "^4.6.0",
+    "@vitest/browser": "^3.2.4",
+    "@vitest/coverage-v8": "^3.2.4",
+    "autoprefixer": "^10.4.21",
+    "eslint": "^9.30.1",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-react-refresh": "^0.4.20",
+    "eslint-plugin-storybook": "^9.1.0",
+    "gh-pages": "^6.3.0",
+    "globals": "^16.3.0",
+    "jsdom": "^29.0.1",
+    "playwright": "^1.54.2",
+    "postcss": "^8.5.6",
+    "react-docgen-typescript": "^2.4.0",
+    "size-limit": "^12.1.0",
+    "storybook": "^9.1.0",
+    "tailwindcss": "^4.1.11",
+    "typescript": "~5.8.3",
+    "typescript-eslint": "^8.35.1",
+    "vite": "^7.0.4",
+    "vite-plugin-dts": "^4.5.4",
+    "vitest": "^3.2.4"
+  },
+  "dependencies": {
+    "clsx": "^2.1.1",
+    "tailwind-merge": "^3.5.0"
+  },
+  "size-limit": [
+    {
+      "name": "Single component import (tree-shaking guard)",
+      "path": "dist/index.es.js",
+      "import": "{ Button }",
+      "limit": "15 KB",
+      "gzip": true
+    },
+    {
+      "name": "Full library (all components, ESM)",
+      "path": "dist/index.es.js",
+      "import": "*",
+      "limit": "40 KB",
+      "gzip": true
+    },
+    {
+      "name": "Stylesheet (CSS)",
+      "path": "dist/cyberui-2045.css",
+      "limit": "17 KB",
+      "gzip": true
+    }
+  ]
+}