@hanzo/ui 5.3.34 → 5.3.36

package/dist/util/two-way-map.js

@@ -0,0 +1,16 @@
+class TwoWayReadonlyMap {
+    constructor(map) {
+        this.map = map;
+        this.reverseMap = new Map();
+        map.forEach((value, key) => {
+            this.reverseMap.set(value, key);
+        });
+    }
+    get(key) {
+        return this.map.get(key);
+    }
+    revGet(key) {
+        return this.reverseMap.get(key);
+    }
+}
+export default TwoWayReadonlyMap;

package/dist/util/use-mobile.d.ts

@@ -0,0 +1,2 @@
+export declare function useIsMobile(): boolean;
+//# sourceMappingURL=use-mobile.d.ts.map

package/dist/util/use-mobile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-mobile.d.ts","sourceRoot":"","sources":["../../util/use-mobile.ts"],"names":[],"mappings":"AAIA,wBAAgB,WAAW,YAc1B"}

package/dist/util/use-mobile.js

@@ -0,0 +1,15 @@
+import * as React from "react";
+const MOBILE_BREAKPOINT = 768;
+export function useIsMobile() {
+    const [isMobile, setIsMobile] = React.useState(undefined);
+    React.useEffect(() => {
+        const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
+        const onChange = () => {
+            setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+        };
+        mql.addEventListener("change", onChange);
+        setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+        return () => mql.removeEventListener("change", onChange);
+    }, []);
+    return !!isMobile;
+}

package/dist/utils.d.ts

@@ -0,0 +1,4 @@
+import { type ClassValue } from "clsx";
+export declare function cn(...inputs: ClassValue[]): string;
+export * from './src/utils';
+//# sourceMappingURL=utils.d.ts.map

package/dist/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAQ,MAAM,MAAM,CAAC;AAG7C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC;AAGD,cAAc,aAAa,CAAC"}

package/dist/utils.js

@@ -0,0 +1,7 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+export function cn(...inputs) {
+    return twMerge(clsx(inputs));
+}
+// Re-export from src/utils for backward compatibility
+export * from './src/utils';

package/docs/css/aspen.css

@@ -0,0 +1,39 @@
+@import './colors/index.css';
+
+@theme {
+  --color-fd-background: hsl(75, 45%, 96%);
+  --color-fd-foreground: hsl(75, 35%, 18%);
+  --color-fd-primary: hsl(80, 60%, 40%);
+  --color-fd-primary-foreground: hsl(80, 100%, 16%);
+  --color-fd-border: hsla(80, 35%, 70%, 0.5);
+  --color-fd-ring: hsl(80, 60%, 40%);
+  --color-fd-accent: hsl(75, 50%, 90%);
+  --color-fd-accent-foreground: hsl(80, 60%, 22%);
+  --color-fd-muted: hsl(75, 40%, 92%);
+  --color-fd-muted-foreground: hsl(75, 25%, 45%);
+  --color-fd-secondary: hsl(80, 45%, 88%);
+  --color-fd-secondary-foreground: hsl(80, 50%, 18%);
+  --color-fd-card: hsl(75, 45%, 94%);
+  --color-fd-card-foreground: hsl(75, 35%, 18%);
+  --color-fd-popover: hsl(75, 45%, 97%);
+  --color-fd-popover-foreground: hsl(75, 35%, 18%);
+}
+
+.dark {
+  --color-fd-background: hsl(80, 25%, 7%);
+  --color-fd-foreground: hsl(75, 35%, 88%);
+  --color-fd-primary: hsl(80, 60%, 55%);
+  --color-fd-primary-foreground: hsl(80, 35%, 8%);
+  --color-fd-border: hsla(80, 35%, 35%, 0.35);
+  --color-fd-ring: hsl(80, 60%, 55%);
+  --color-fd-accent: hsl(80, 25%, 18%);
+  --color-fd-accent-foreground: hsl(80, 60%, 75%);
+  --color-fd-muted: hsl(80, 25%, 12%);
+  --color-fd-muted-foreground: hsl(75, 25%, 65%);
+  --color-fd-secondary: hsl(80, 25%, 16%);
+  --color-fd-secondary-foreground: hsl(75, 35%, 88%);
+  --color-fd-card: hsl(80, 25%, 10%);
+  --color-fd-card-foreground: hsl(75, 35%, 88%);
+  --color-fd-popover: hsl(80, 25%, 8%);
+  --color-fd-popover-foreground: hsl(75, 35%, 88%);
+}

package/docs/css/emerald.css

@@ -0,0 +1,39 @@
+@import './colors/index.css';
+
+@theme {
+  --color-fd-background: hsl(165, 45%, 96%);
+  --color-fd-foreground: hsl(165, 40%, 18%);
+  --color-fd-primary: hsl(168, 70%, 40%);
+  --color-fd-primary-foreground: hsl(168, 100%, 12%);
+  --color-fd-border: hsla(168, 40%, 70%, 0.5);
+  --color-fd-ring: hsl(168, 70%, 40%);
+  --color-fd-accent: hsl(165, 50%, 90%);
+  --color-fd-accent-foreground: hsl(168, 70%, 20%);
+  --color-fd-muted: hsl(165, 40%, 92%);
+  --color-fd-muted-foreground: hsl(165, 30%, 45%);
+  --color-fd-secondary: hsl(168, 45%, 88%);
+  --color-fd-secondary-foreground: hsl(168, 60%, 18%);
+  --color-fd-card: hsl(165, 45%, 94%);
+  --color-fd-card-foreground: hsl(165, 40%, 18%);
+  --color-fd-popover: hsl(165, 45%, 97%);
+  --color-fd-popover-foreground: hsl(165, 40%, 18%);
+}
+
+.dark {
+  --color-fd-background: hsl(200, 30%, 7%);
+  --color-fd-foreground: hsl(168, 40%, 88%);
+  --color-fd-primary: hsl(168, 70%, 60%);
+  --color-fd-primary-foreground: hsl(200, 40%, 8%);
+  --color-fd-border: hsla(168, 40%, 35%, 0.35);
+  --color-fd-ring: hsl(168, 70%, 60%);
+  --color-fd-accent: hsl(200, 30%, 18%);
+  --color-fd-accent-foreground: hsl(168, 70%, 75%);
+  --color-fd-muted: hsl(200, 30%, 12%);
+  --color-fd-muted-foreground: hsl(168, 25%, 65%);
+  --color-fd-secondary: hsl(200, 30%, 16%);
+  --color-fd-secondary-foreground: hsl(168, 40%, 88%);
+  --color-fd-card: hsl(200, 30%, 10%);
+  --color-fd-card-foreground: hsl(168, 40%, 88%);
+  --color-fd-popover: hsl(200, 30%, 8%);
+  --color-fd-popover-foreground: hsl(168, 40%, 88%);
+}

package/docs/css/ruby.css

@@ -0,0 +1,39 @@
+@import './colors/index.css';
+
+@theme {
+  --color-fd-background: hsl(0, 0%, 98%);
+  --color-fd-foreground: hsl(350, 45%, 14%);
+  --color-fd-primary: hsl(348, 85%, 45%);
+  --color-fd-primary-foreground: hsl(0, 0%, 100%);
+  --color-fd-border: hsla(348, 40%, 60%, 0.25);
+  --color-fd-ring: hsl(348, 85%, 45%);
+  --color-fd-accent: hsl(348, 70%, 95%);
+  --color-fd-accent-foreground: hsl(348, 70%, 22%);
+  --color-fd-muted: hsl(0, 0%, 94%);
+  --color-fd-muted-foreground: hsl(348, 25%, 42%);
+  --color-fd-secondary: hsl(348, 55%, 92%);
+  --color-fd-secondary-foreground: hsl(348, 50%, 20%);
+  --color-fd-card: hsl(0, 0%, 100%);
+  --color-fd-card-foreground: hsl(350, 45%, 14%);
+  --color-fd-popover: hsl(0, 0%, 100%);
+  --color-fd-popover-foreground: hsl(350, 45%, 14%);
+}
+
+.dark {
+  --color-fd-background: hsl(350, 30%, 6%);
+  --color-fd-foreground: hsl(350, 30%, 92%);
+  --color-fd-primary: hsl(348, 90%, 62%);
+  --color-fd-primary-foreground: hsl(350, 30%, 8%);
+  --color-fd-border: hsla(348, 40%, 45%, 0.25);
+  --color-fd-ring: hsl(348, 90%, 62%);
+  --color-fd-accent: hsl(348, 35%, 16%);
+  --color-fd-accent-foreground: hsl(348, 70%, 82%);
+  --color-fd-muted: hsl(350, 25%, 11%);
+  --color-fd-muted-foreground: hsl(348, 25%, 65%);
+  --color-fd-secondary: hsl(348, 30%, 14%);
+  --color-fd-secondary-foreground: hsl(350, 30%, 92%);
+  --color-fd-card: hsl(350, 30%, 9%);
+  --color-fd-card-foreground: hsl(350, 30%, 92%);
+  --color-fd-popover: hsl(350, 30%, 8%);
+  --color-fd-popover-foreground: hsl(350, 30%, 92%);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzo/ui",
-  "version": "5.3.34",
+  "version": "5.3.36",
   "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/",
@@ -49,7 +49,7 @@
     "lat": "npm show @hanzo/ui version",
     "pub": "npm publish",
     "tc": "tsc --project tsconfig.build.json",
-    "build": "npm run clean && npm run build:minimal",
+    "build": "npm run clean && npm run build:minimal && npm run tc",
     "build:minimal": "tsup --config tsup.config.minimal.ts",
     "build:namespaces": "tsup --config tsup.config.namespaces.ts",
     "build:full": "tsup --config tsup.config.production.ts",
@@ -78,6 +78,36 @@
       "import": "./dist/index.mjs",
       "require": "./dist/index.js"
     },
+    "./system": {
+      "types": "./dist/system/index.d.ts",
+      "import": "./dist/system/index.mjs",
+      "require": "./dist/system/index.js"
+    },
+    "./system/*": {
+      "types": "./dist/system/*.d.ts",
+      "import": "./dist/system/*.mjs",
+      "require": "./dist/system/*.js"
+    },
+    "./registry": {
+      "types": "./dist/src/registry/index.d.ts",
+      "import": "./dist/src/registry/index.mjs",
+      "require": "./dist/src/registry/index.js"
+    },
+    "./registry/*": {
+      "types": "./dist/registry/*.d.ts",
+      "import": "./dist/registry/*.mjs",
+      "require": "./dist/registry/*.js"
+    },
+    "./primitives/bases/tamagui": {
+      "types": "./dist/primitives/bases/tamagui/index.d.ts",
+      "import": "./dist/primitives/bases/tamagui/index.mjs",
+      "require": "./dist/primitives/bases/tamagui/index.js"
+    },
+    "./primitives/bases/tamagui/*": {
+      "types": "./dist/primitives/bases/tamagui/*.d.ts",
+      "import": "./dist/primitives/bases/tamagui/*.mjs",
+      "require": "./dist/primitives/bases/tamagui/*.js"
+    },
     "./calendar": {
       "types": "./dist/calendar.d.ts",
       "import": "./dist/calendar.mjs",
@@ -319,9 +349,9 @@
       "require": "./dist/components/*.js"
     },
     "./primitives": {
-      "types": "./dist/primitives-export.d.ts",
-      "import": "./dist/primitives-export.mjs",
-      "require": "./dist/primitives-export.js"
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
     },
     "./primitives/*": {
       "types": "./dist/primitives/*.d.ts",
@@ -333,11 +363,6 @@
       "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",
@@ -519,6 +544,16 @@
       "import": "./dist/dock/*.mjs",
       "require": "./dist/dock/*.js"
     },
+    "./desktop": {
+      "types": "./dist/desktop/index.d.ts",
+      "import": "./dist/desktop/index.mjs",
+      "require": "./dist/desktop/index.js"
+    },
+    "./desktop/*": {
+      "types": "./dist/desktop/*.d.ts",
+      "import": "./dist/desktop/*.mjs",
+      "require": "./dist/desktop/*.js"
+    },
     "./project": {
       "types": "./dist/project/index.d.ts",
       "import": "./dist/project/index.mjs",
@@ -664,10 +699,6 @@
     "@tanstack/react-table": "^8.0.0",
     "chrono-node": "^2.0.0",
     "date-fns": "^3.0.0",
-    "react-day-picker": "^9.0.0",
-    "react-hook-form": "^7.0.0",
-    "react-resizable-panels": "^1.0.0",
-    "recharts": "^2.0.0",
     "framer-motion": "^11.0.0",
     "lucide-react": "0.456.0",
     "mermaid": "^10.0.0",
@@ -675,12 +706,20 @@
     "next": ">=14.2.16",
     "next-themes": "^0.2.1 || ^0.3.0 || ^0.4.0",
     "react": "^18.0.0 || ^19.0.0",
+    "react-day-picker": "^9.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
+    "react-hook-form": "^7.0.0",
     "react-qrcode-logo": "^2.0.0",
+    "react-resizable-panels": "^1.0.0",
+    "recharts": "^2.0.0",
     "sql.js": "^1.0.0",
+    "styled-components": "^6.0.0",
     "validator": "^13.11.0"
   },
   "peerDependenciesMeta": {
+    "styled-components": {
+      "optional": true
+    },
     "@dnd-kit/core": {
       "optional": true
     },
@@ -759,6 +798,7 @@
     "@mdx-js/react": "^3.0.0",
     "@radix-ui/react-primitive": "^2.1.3",
     "@splinetool/react-spline": "^4.0.0",
+    "@tailwindcss/postcss": "^4.1.16",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.0",
     "@types/facebook-pixel": "^0.0.30",
@@ -769,6 +809,7 @@
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
     "@types/react-syntax-highlighter": "^15.5.13",
+    "@types/styled-components": "^5.1.36",
     "@vitejs/plugin-react": "^5.0.4",
     "@vitest/coverage-v8": "^4.0.6",
     "@vitest/ui": "^4.0.6",
@@ -783,10 +824,10 @@
     "rehype-katex": "^7.0.1",
     "remark-gfm": "^4.0.1",
     "remark-math": "^6.0.0",
-    "@tailwindcss/postcss": "^4.1.16",
+    "styled-components": "^6.3.8",
     "tailwindcss": "^4.1.16",
-    "tw-animate-css": "^1.2.9",
     "tsup": "^8.5.0",
+    "tw-animate-css": "^1.2.9",
     "typescript": "5.6.3",
     "vitest": "4.0.6"
   }