@hanzo/ui 5.0.3 → 5.1.1

package/dist/tooltip.mjs

@@ -0,0 +1 @@
+import {a as a$1}from'./chunk-TU67EJEW.mjs';import {a}from'./chunk-YSXGDEY5.mjs';import*as o from'@radix-ui/react-tooltip';import {jsxs,jsx}from'react/jsx-runtime';var n=o.Provider,T=o.Root,P=o.Trigger,f=o.Portal,v=o.TooltipArrow,d=a(({className:r,sideOffset:a=4,showArrow:l=true,...t})=>jsxs(o.Content,{className:a$1("border-divider bg-bg-dark animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-w-[280px] rounded-lg border px-3 py-1.5 text-xs text-white",r),sideOffset:a,...t,children:[t.children,l&&jsx(o.Arrow,{className:"fill-bg-dark -my-px drop-shadow-[0_1px_0_#313336]"})]}),"TooltipContent");d.displayName=o.Content.displayName;export{T as Tooltip,v as TooltipArrow,d as TooltipContent,f as TooltipPortal,n as TooltipProvider,P as TooltipTrigger};

package/dist/types/index.js

@@ -0,0 +1 @@
+'use strict';var chunk63HNMH7C_js=require('../chunk-63HNMH7C.js');require('../chunk-EI7MMDWY.js');var o=Object.keys(chunk63HNMH7C_js.a);var t={at:{xs:{columns:1,gap:2},md:{columns:1,gap:3},lg:{columns:1,gap:6}},mobile:{columns:1,gap:2}},p={at:{xs:{columns:1,gap:2},md:{columns:2,gap:3},lg:{columns:2,gap:6}},mobile:{columns:1,gap:2}},a={at:{xs:{columns:1,gap:2},md:{columns:3,gap:3},lg:{columns:3,gap:6}},mobile:{columns:1,gap:2}},r={at:{xs:{columns:1,gap:2},md:{columns:2,gap:3},lg:{columns:4,gap:6}},mobile:{columns:1,gap:2}};exports.Breakpoints=o;exports.COMMON_GRID_1_COL=t;exports.COMMON_GRID_2_COL=p;exports.COMMON_GRID_3_COL=a;exports.COMMON_GRID_4_COL=r;

package/dist/types/index.mjs

@@ -0,0 +1 @@
+import {a as a$1}from'../chunk-72TOQ4DM.mjs';import'../chunk-YSXGDEY5.mjs';var o=Object.keys(a$1);var t={at:{xs:{columns:1,gap:2},md:{columns:1,gap:3},lg:{columns:1,gap:6}},mobile:{columns:1,gap:2}},p={at:{xs:{columns:1,gap:2},md:{columns:2,gap:3},lg:{columns:2,gap:6}},mobile:{columns:1,gap:2}},a={at:{xs:{columns:1,gap:2},md:{columns:3,gap:3},lg:{columns:3,gap:6}},mobile:{columns:1,gap:2}},r={at:{xs:{columns:1,gap:2},md:{columns:2,gap:3},lg:{columns:4,gap:6}},mobile:{columns:1,gap:2}};export{o as Breakpoints,t as COMMON_GRID_1_COL,p as COMMON_GRID_2_COL,a as COMMON_GRID_3_COL,r as COMMON_GRID_4_COL};

package/package.json

@@ -1,26 +1,130 @@
 {
   "name": "@hanzo/ui",
-  "version": "5.0.3",
-  "description": "Modern React component library built on shadcn/ui v4 with Hanzo branding, featuring 50+ accessible components",
+  "version": "5.1.1",
+  "description": "Multi-framework UI library with React, Vue, Svelte, and React Native support. Based on shadcn/ui with comprehensive framework coverage.",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "public",
+    "scope": "@hanzo"
+  },
+  "author": "Hanzo AI, Inc.",
+  "license": "BSD-3-Clause",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
   "sideEffects": false,
+  "files": [
+    "dist",
+    "style",
+    "bin",
+    "README.md",
+    "LICENSE"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/hanzoai/react-sdk.git",
+    "directory": "pkg/ui"
+  },
+  "keywords": [
+    "components",
+    "ecommerce",
+    "analytics",
+    "ai",
+    "chat",
+    "hanzo",
+    "hanzo-ai",
+    "hanzoai",
+    "radix-ui",
+    "react",
+    "sdk",
+    "ui"
+  ],
+  "scripts": {
+    "lat": "npm show @hanzo/ui version",
+    "pub": "npm publish",
+    "tc": "tsc --project tsconfig.build.json",
+    "build": "npm run clean && npm run build:tsup",
+    "build:tsup": "tsup --config tsup.config.minimal.ts",
+    "build:full": "tsup --config tsup.config.production.ts",
+    "build:frameworks": "npm run build",
+    "build:watch": "tsup --watch",
+    "build:check": "tsc --project tsconfig.build.json --noEmit",
+    "clean": "rm -rf dist",
+    "prepublishOnly": "npm run build",
+    "update-registry": "node ./bin/update-registry.js",
+    "registry:mcp": "node ./bin/cli.js registry:mcp",
+    "registry:mcp:http": "node ./bin/cli.js registry:mcp --http",
+    "analyze:frameworks": "node analyze-frameworks.js",
+    "test": "vitest",
+    "test:ui": "vitest --ui",
+    "test:coverage": "vitest --coverage",
+    "test:jest": "jest test/multi-framework.test.js",
+    "test:frameworks": "jest test/multi-framework.test.js --verbose"
+  },
+  "bin": {
+    "@hanzo/ui": "./bin/cli.js",
+    "hanzo-ui": "./bin/cli.js"
+  },
   "exports": {
+    "./package.json": "./package.json",
     ".": {
       "types": "./dist/index.d.ts",
       "import": "./dist/index.mjs",
       "require": "./dist/index.js"
     },
-    "./components": {
-      "types": "./dist/components/index.d.ts",
-      "import": "./dist/components/index.mjs",
-      "require": "./dist/components/index.js"
+    "./calendar": {
+      "types": "./dist/calendar.d.ts",
+      "import": "./dist/calendar.mjs",
+      "require": "./dist/calendar.js"
     },
-    "./components/*": {
-      "types": "./dist/components/*.d.ts",
-      "import": "./dist/components/*.mjs",
-      "require": "./dist/components/*.js"
+    "./command": {
+      "types": "./dist/command.d.ts",
+      "import": "./dist/command.mjs",
+      "require": "./dist/command.js"
+    },
+    "./carousel": {
+      "types": "./dist/carousel.d.ts",
+      "import": "./dist/carousel.mjs",
+      "require": "./dist/carousel.js"
+    },
+    "./form": {
+      "types": "./dist/form.d.ts",
+      "import": "./dist/form.mjs",
+      "require": "./dist/form.js"
+    },
+    "./drawer": {
+      "types": "./dist/drawer.d.ts",
+      "import": "./dist/drawer.mjs",
+      "require": "./dist/drawer.js"
+    },
+    "./billing": {
+      "types": "./src/billing/index.ts",
+      "import": "./src/billing/index.ts"
+    },
+    "./sonner": {
+      "types": "./dist/sonner.d.ts",
+      "import": "./dist/sonner.mjs",
+      "require": "./dist/sonner.js"
+    },
+    "./input-otp": {
+      "types": "./dist/input-otp.d.ts",
+      "import": "./dist/input-otp.mjs",
+      "require": "./dist/input-otp.js"
+    },
+    "./resizable": {
+      "types": "./dist/resizable.d.ts",
+      "import": "./dist/resizable.mjs",
+      "require": "./dist/resizable.js"
+    },
+    "./assets": {
+      "types": "./dist/assets/index.d.ts",
+      "import": "./dist/assets/index.mjs",
+      "require": "./dist/assets/index.js"
+    },
+    "./assets/*": {
+      "types": "./dist/assets/*.d.ts",
+      "import": "./dist/assets/*.mjs",
+      "require": "./dist/assets/*.js"
     },
     "./blocks": {
       "types": "./dist/blocks/index.d.ts",
@@ -32,176 +136,252 @@
       "import": "./dist/blocks/*.mjs",
       "require": "./dist/blocks/*.js"
     },
-    "./ai": {
-      "types": "./dist/ai/index.d.ts",
-      "import": "./dist/ai/index.mjs",
-      "require": "./dist/ai/index.js"
+    "./components": {
+      "types": "./dist/components/index.d.ts",
+      "import": "./dist/components/index.mjs",
+      "require": "./dist/components/index.js"
+    },
+    "./components/*": {
+      "types": "./dist/components/*.d.ts",
+      "import": "./dist/components/*.mjs",
+      "require": "./dist/components/*.js"
     },
-    "./ai/*": {
-      "types": "./dist/ai/*.d.ts",
-      "import": "./dist/ai/*.mjs",
-      "require": "./dist/ai/*.js"
+    "./primitives": {
+      "types": "./dist/primitives-export.d.ts",
+      "import": "./dist/primitives-export.mjs",
+      "require": "./dist/primitives-export.js"
+    },
+    "./primitives/*": {
+      "types": "./dist/primitives/*.d.ts",
+      "import": "./dist/primitives/*.mjs",
+      "require": "./dist/primitives/*.js"
+    },
+    "./primitives-common": {
+      "types": "./dist/primitives/index-common.d.ts",
+      "import": "./dist/primitives/index-common.mjs",
+      "require": "./dist/primitives/index-common.js"
+    },
+    "./registry": {
+      "types": "./dist/src/registry/index.d.ts",
+      "import": "./dist/src/registry/index.mjs",
+      "require": "./dist/src/registry/index.js"
+    },
+    "./style/*": "./style/*",
+    "./tailwind": {
+      "types": "./dist/tailwind/index.d.ts",
+      "import": "./dist/tailwind/index.mjs",
+      "require": "./dist/tailwind/index.js"
+    },
+    "./tailwind/*": {
+      "types": "./dist/tailwind/*.d.ts",
+      "import": "./dist/tailwind/*.mjs",
+      "require": "./dist/tailwind/*.js"
+    },
+    "./types": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/types/index.mjs",
+      "require": "./dist/types/index.js"
+    },
+    "./types/*": {
+      "types": "./dist/types/*.d.ts",
+      "import": "./dist/types/*.mjs",
+      "require": "./dist/types/*.js"
+    },
+    "./util": {
+      "types": "./dist/util/index.d.ts",
+      "import": "./dist/util/index.mjs",
+      "require": "./dist/util/index.js"
+    },
+    "./util/*": {
+      "types": "./dist/util/*.d.ts",
+      "import": "./dist/util/*.mjs",
+      "require": "./dist/util/*.js"
+    },
+    "./util-client": {
+      "types": "./dist/util/index-client.d.ts",
+      "import": "./dist/util/index-client.mjs",
+      "require": "./dist/util/index-client.js"
+    },
+    "./utils": {
+      "types": "./dist/src/utils.d.ts",
+      "import": "./dist/src/utils.mjs",
+      "require": "./dist/src/utils.js"
     },
     "./lib/utils": {
-      "types": "./dist/lib/utils.d.ts",
-      "import": "./dist/lib/utils.mjs",
-      "require": "./dist/lib/utils.js"
-    },
-    "./markdown": {
-      "types": "./dist/markdown/index.d.ts",
-      "import": "./dist/markdown/index.mjs",
-      "require": "./dist/markdown/index.js"
-    },
-    "./upload": {
-      "types": "./dist/upload/index.d.ts",
-      "import": "./dist/upload/index.mjs",
-      "require": "./dist/upload/index.js"
-    },
-    "./effects": {
-      "types": "./dist/effects/index.d.ts",
-      "import": "./dist/effects/index.mjs",
-      "require": "./dist/effects/index.js"
-    },
-    "./qr": {
-      "types": "./dist/qr/index.d.ts",
-      "import": "./dist/qr/index.mjs",
-      "require": "./dist/qr/index.js"
-    },
-    "./charts": {
-      "types": "./dist/charts/index.d.ts",
-      "import": "./dist/charts/index.mjs",
-      "require": "./dist/charts/index.js"
+      "types": "./dist/src/utils.d.ts",
+      "import": "./dist/src/utils.mjs",
+      "require": "./dist/src/utils.js"
     },
-    "./calendar": {
-      "types": "./dist/calendar/index.d.ts",
-      "import": "./dist/calendar/index.mjs",
-      "require": "./dist/calendar/index.js"
+    "./mcp": {
+      "types": "./dist/src/mcp/index.d.ts",
+      "import": "./dist/src/mcp/index.mjs",
+      "require": "./dist/src/mcp/index.js"
     },
-    "./carousel": {
-      "types": "./dist/carousel/index.d.ts",
-      "import": "./dist/carousel/index.mjs",
-      "require": "./dist/carousel/index.js"
+    "./react": {
+      "types": "./dist/frameworks/react/index.d.ts",
+      "import": "./dist/frameworks/react/index.mjs",
+      "require": "./dist/frameworks/react/index.js"
     },
-    "./command": {
-      "types": "./dist/command/index.d.ts",
-      "import": "./dist/command/index.mjs",
-      "require": "./dist/command/index.js"
+    "./vue": {
+      "types": "./dist/frameworks/vue/index.d.ts",
+      "import": "./dist/frameworks/vue/index.mjs",
+      "require": "./dist/frameworks/vue/index.js"
     },
-    "./package.json": "./package.json"
-  },
-  "keywords": [
-    "react",
-    "ui",
-    "components",
-    "component-library",
-    "shadcn",
-    "shadcn-ui",
-    "radix-ui",
-    "tailwind",
-    "tailwindcss",
-    "hanzo",
-    "design-system",
-    "typescript",
-    "accessible",
-    "aria",
-    "wcag",
-    "dark-mode",
-    "theme"
-  ],
-  "author": "Hanzo AI <dev@hanzo.ai>",
-  "license": "MIT",
-  "homepage": "https://ui.hanzo.ai",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/hanzoai/ui.git"
-  },
-  "bugs": {
-    "url": "https://github.com/hanzoai/ui/issues"
-  },
-  "scripts": {
-    "build": "tsup",
-    "build:analyze": "ANALYZE=true tsup",
-    "dev": "tsup --watch",
-    "lint": "echo 'Linting skipped for now'",
-    "type-check": "echo 'Type checking skipped for now'",
-    "analyze": "pnpm build:analyze && npx rollup-plugin-visualizer",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "storybook:test": "test-storybook",
-    "prepublishOnly": "pnpm run lint && pnpm run type-check && pnpm run build",
-    "publish:npm": "npm publish --access public",
-    "publish:next": "npm publish --access public --tag next",
-    "postpublish": "echo 'Successfully published @hanzo/ui 🎉'"
-  },
-  "peerDependencies": {
-    "react": "^18.0.0 || ^19.0.0",
-    "react-dom": "^18.0.0 || ^19.0.0"
+    "./svelte": {
+      "svelte": "./frameworks/svelte/index.ts",
+      "types": "./dist/frameworks/svelte/index.d.ts",
+      "import": "./dist/frameworks/svelte/index.mjs",
+      "require": "./dist/frameworks/svelte/index.js"
+    },
+    "./react-native": {
+      "types": "./dist/frameworks/react-native/index.d.ts",
+      "import": "./dist/frameworks/react-native/index.mjs",
+      "require": "./dist/frameworks/react-native/index.js"
+    }
   },
   "dependencies": {
-    "@radix-ui/react-accordion": "^1.1.2",
-    "@radix-ui/react-alert-dialog": "^1.0.5",
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/modifiers": "^9.0.0",
+    "@dnd-kit/sortable": "^10.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
+    "@hanzo/react-drawer": "^0.1.8",
+    "@modelcontextprotocol/sdk": "^1.10.2",
+    "@next/third-parties": "^15.0.1",
+    "@radix-ui/react-accordion": "^1.2.11",
+    "@radix-ui/react-alert-dialog": "^1.1.15",
     "@radix-ui/react-aspect-ratio": "^1.0.3",
-    "@radix-ui/react-avatar": "^1.0.4",
+    "@radix-ui/react-avatar": "^1.0.3",
     "@radix-ui/react-checkbox": "^1.0.4",
-    "@radix-ui/react-collapsible": "^1.0.3",
-    "@radix-ui/react-context-menu": "^2.1.5",
-    "@radix-ui/react-dialog": "^1.0.5",
-    "@radix-ui/react-dropdown-menu": "^2.0.6",
-    "@radix-ui/react-hover-card": "^1.0.7",
+    "@radix-ui/react-collapsible": "^1.1.12",
+    "@radix-ui/react-context-menu": "^2.2.2",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
+    "@radix-ui/react-hover-card": "^1.1.15",
+    "@radix-ui/react-icons": "^1.3.0",
     "@radix-ui/react-label": "^2.0.2",
-    "@radix-ui/react-menubar": "^1.0.4",
-    "@radix-ui/react-navigation-menu": "^1.1.4",
-    "@radix-ui/react-popover": "^1.0.7",
+    "@radix-ui/react-menubar": "1.1.16",
+    "@radix-ui/react-navigation-menu": "^1.1.3",
+    "@radix-ui/react-popover": "^1.0.6",
     "@radix-ui/react-progress": "^1.0.3",
     "@radix-ui/react-radio-group": "^1.1.3",
     "@radix-ui/react-scroll-area": "^1.0.5",
     "@radix-ui/react-select": "^2.0.0",
     "@radix-ui/react-separator": "^1.0.3",
     "@radix-ui/react-slider": "^1.1.2",
-    "@radix-ui/react-slot": "^1.0.2",
+    "@radix-ui/react-slot": "^1.2.3",
     "@radix-ui/react-switch": "^1.0.3",
     "@radix-ui/react-tabs": "^1.0.4",
     "@radix-ui/react-toast": "^1.1.5",
     "@radix-ui/react-toggle": "^1.0.3",
     "@radix-ui/react-toggle-group": "^1.0.4",
-    "@radix-ui/react-tooltip": "^1.0.7",
-    "@tabler/icons-react": "^3.35.0",
-    "class-variance-authority": "^0.7.0",
-    "clsx": "^2.0.0",
-    "cmdk": "^1.0.3",
-    "embla-carousel-react": "^8.5.2",
-    "input-otp": "^1.4.1",
-    "lucide-react": "^0.525.0",
-    "next-themes": "^0.4.4",
-    "react-day-picker": "^8.10.1",
-    "react-hook-form": "^7.53.2",
-    "react-resizable-panels": "^2.1.8",
-    "recharts": "^2.12.7",
-    "sonner": "^1.7.3",
-    "tailwind-merge": "^2.0.0",
+    "@radix-ui/react-tooltip": "^1.0.6",
+    "@radix-ui/react-use-callback-ref": "^1.1.1",
+    "@tailwindcss/container-queries": "^0.1.1",
+    "@tanstack/react-table": "^8.21.3",
+    "buffer": "^6.0.3",
+    "chrono-node": "^2.7.0",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "cmdk": "^0.2.0",
+    "commander": "^12.1.0",
+    "date-fns": "^3.0.0",
+    "embla-carousel-react": "^8.0.0",
+    "input-otp": "^1.2.4",
+    "little-date": "^1.0.0",
+    "lodash.castarray": "^4.4.0",
+    "lodash.isplainobject": "^4.0.6",
+    "lodash.merge": "^4.6.2",
+    "postcss-selector-parser": "^6.0.16",
+    "react-day-picker": "^9.0.0",
+    "react-hook-form": "^7.49.0",
+    "react-intersection-observer": "^9.8.2",
+    "react-resizable-panels": "^1.0.5",
+    "recharts": "^2.10.0",
+    "sonner": "^1.3.1",
+    "svg-pan-zoom": "^3.6.2",
+    "tailwind-merge": "^2.6.0",
     "tailwindcss-animate": "^1.0.7",
-    "vaul": "^1.1.1"
+    "tailwindcss-interaction-media": "^0.1.0",
+    "vaul": "^0.9.0",
+    "zod": "^3.25.76",
+    "zod-to-json-schema": "^3.23.2"
+  },
+  "peerDependencies": {
+    "@hookform/resolvers": "^3.3.2",
+    "lucide-react": "0.456.0",
+    "mobx": "^6.12.3",
+    "next": "14.2.16",
+    "next-themes": "^0.2.1",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
+    "validator": "^13.11.0"
+  },
+  "peerDependenciesMeta": {
+    "cmdk": {
+      "optional": true
+    },
+    "date-fns": {
+      "optional": true
+    },
+    "embla-carousel": {
+      "optional": true
+    },
+    "embla-carousel-react": {
+      "optional": true
+    },
+    "input-otp": {
+      "optional": true
+    },
+    "react-day-picker": {
+      "optional": true
+    },
+    "react-hook-form": {
+      "optional": true
+    },
+    "react-resizable-panels": {
+      "optional": true
+    },
+    "recharts": {
+      "optional": true
+    },
+    "sonner": {
+      "optional": true
+    },
+    "vaul": {
+      "optional": true
+    }
   },
   "devDependencies": {
-    "@hookform/resolvers": "^3.10.0",
-    "@storybook/addon-a11y": "8",
-    "@storybook/addon-controls": "8",
-    "@storybook/addon-docs": "8",
-    "@storybook/addon-essentials": "8",
-    "@storybook/addon-interactions": "8",
-    "@storybook/addon-links": "8",
-    "@storybook/addon-themes": "8",
-    "@storybook/blocks": "8",
-    "@storybook/react": "8",
-    "@storybook/react-vite": "8",
-    "@storybook/test": "8",
-    "@types/glob": "^9.0.0",
-    "@types/react": "^18.2.65",
-    "date-fns": "^4.1.0",
-    "esbuild-plugin-file-path-extensions": "^2.1.4",
-    "glob": "^11.0.3",
-    "rollup-plugin-visualizer": "^6.0.3",
-    "storybook": "8",
-    "zod": "^3.25.76"
+    "@mdx-js/loader": "^3.0.0",
+    "@mdx-js/react": "^3.0.0",
+    "@radix-ui/react-primitive": "^2.0.1",
+    "@splinetool/react-spline": "^4.1.0",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.0",
+    "@types/facebook-pixel": "^0.0.30",
+    "@types/gtag.js": "^0.0.19",
+    "@types/lodash.merge": "^4.6.9",
+    "@types/mdx": "^2.0.13",
+    "@types/node": "20.14.15",
+    "@types/react": "18.3.1",
+    "@types/react-dom": "18.3.1",
+    "@types/react-syntax-highlighter": "^15.5.13",
+    "@vitejs/plugin-react": "^5.0.4",
+    "@vitest/coverage-v8": "^2.1.9",
+    "@vitest/ui": "^2.1.9",
+    "embla-carousel": "^8.6.0",
+    "filesize": "^11.0.13",
+    "glob": "^11.0.2",
+    "jest": "^30.1.3",
+    "jsdom": "^27.0.0",
+    "react-dropzone": "^14.3.8",
+    "react-markdown": "^10.1.0",
+    "react-syntax-highlighter": "^15.6.6",
+    "rehype-katex": "^7.0.1",
+    "remark-gfm": "^4.0.1",
+    "remark-math": "^6.0.0",
+    "tailwindcss": "3.4.14",
+    "tsup": "^8.5.0",
+    "typescript": "5.6.3"
   }
 }