@hanzo/ui 8.27.49 → 8.27.51

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzo/ui",
-  "version": "8.27.49",
+  "version": "8.27.51",
   "type": "module",
   "description": "Hanzo UI — the one canonical Hanzo component library, on @hanzo/gui + @hanzo/design. ONE substrate: every component renders through @hanzo/gui primitives, so the same import works on web, native (expo) and desktop (Tauri). Self-contained (theme.css), presentational, host-agnostic, clean-room.",
   "exports": {
@@ -303,9 +303,9 @@
     "NOTICE"
   ],
   "dependencies": {
-    "@hanzo/appearance": "0.2.2",
+    "@hanzo/appearance": "0.2.6",
     "@hanzo/brand": "1.4.8",
-    "@hanzo/design": "0.5.24",
+    "@hanzo/design": "0.5.33",
     "@hanzo/font": "1.9.2",
     "@hanzo/logo": "1.0.26",
     "@hanzo/products": "0.2.6",

package/dist/agents/ThemeCustomizer.cjs

@@ -1,43 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ThemeCustomizer = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ACCENTS = [
-    { name: 'Indigo', value: '#6366f1' },
-    { name: 'Cyan', value: '#06b6d4' },
-    { name: 'Emerald', value: '#10b981' },
-    { name: 'Amber', value: '#f59e0b' },
-    { name: 'Rose', value: '#f43f5e' },
-    { name: 'Purple', value: '#a855f7' },
-];
-const ThemeCustomizer = ({ config, onChange, className = '', style, }) => {
-    return ((0, jsx_runtime_1.jsxs)("div", { style: {
-            display: 'flex',
-            flexDirection: 'column',
-            gap: 16,
-            padding: 20,
-            backgroundColor: '#0c0c0e',
-            border: '1px solid rgba(255, 255, 255, 0.1)',
-            borderRadius: 16,
-            ...style,
-        }, "aria-label": "Theme Customizer", children: [(0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', alignItems: 'center', gap: 8 }, children: [(0, jsx_runtime_1.jsx)("span", { style: { fontSize: 16 }, children: "\uD83C\uDFA8" }), (0, jsx_runtime_1.jsx)("h3", { style: { fontSize: 12, fontWeight: 600, color: '#ffffff', textTransform: 'uppercase', letterSpacing: '0.05em', margin: 0 }, children: "Appearance & Glassmorphism" })] }), (0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'column', gap: 8 }, children: [(0, jsx_runtime_1.jsx)("label", { style: { fontSize: 12, color: '#a3a3a3', fontWeight: 500 }, children: "Accent Palette" }), (0, jsx_runtime_1.jsx)("div", { style: { display: 'flex', alignItems: 'center', gap: 8 }, children: ACCENTS.map((accent) => ((0, jsx_runtime_1.jsx)("button", { onClick: () => onChange({ ...config, accentColor: accent.value }), style: {
-                                width: 28,
-                                height: 28,
-                                borderRadius: '50%',
-                                backgroundColor: accent.value,
-                                cursor: 'pointer',
-                                border: config.accentColor === accent.value ? '2px solid #ffffff' : 'none',
-                                boxShadow: config.accentColor === accent.value ? '0 0 10px ' + accent.value : 'none',
-                            }, title: accent.name }, accent.value))) })] }), (0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'column', gap: 8 }, children: [(0, jsx_runtime_1.jsx)("label", { style: { fontSize: 12, color: '#a3a3a3', fontWeight: 500 }, children: "Glassmorphism Intensity" }), (0, jsx_runtime_1.jsx)("div", { style: { display: 'grid', gridTemplateColumns: 'repeat(4, 1fr)', gap: 6 }, children: ['low', 'medium', 'high', 'ultra'].map((level) => ((0, jsx_runtime_1.jsx)("button", { onClick: () => onChange({ ...config, blurLevel: level }), style: {
-                                padding: '6px 0',
-                                fontSize: 12,
-                                fontWeight: 500,
-                                textTransform: 'capitalize',
-                                borderRadius: 8,
-                                border: config.blurLevel === level ? '1px solid #6366f1' : '1px solid rgba(255, 255, 255, 0.1)',
-                                backgroundColor: config.blurLevel === level ? 'rgba(99, 102, 241, 0.2)' : 'rgba(255, 255, 255, 0.05)',
-                                color: config.blurLevel === level ? '#c7d2fe' : '#a3a3a3',
-                                cursor: 'pointer',
-                            }, children: level }, level))) })] })] }));
-};
-exports.ThemeCustomizer = ThemeCustomizer;

package/dist/agents/ThemeCustomizer.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-export interface ThemeConfig {
-    blurLevel: 'low' | 'medium' | 'high' | 'ultra';
-    accentColor: string;
-    mode: 'dark' | 'light' | 'system';
-}
-export interface ThemeCustomizerProps {
-    config: ThemeConfig;
-    onChange: (config: ThemeConfig) => void;
-    className?: string;
-    style?: React.CSSProperties;
-}
-export declare const ThemeCustomizer: React.FC<ThemeCustomizerProps>;
-//# sourceMappingURL=ThemeCustomizer.d.ts.map

package/dist/agents/ThemeCustomizer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ThemeCustomizer.d.ts","sourceRoot":"","sources":["../../src/agents/ThemeCustomizer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,WAAW;IAC1B,SAAS,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;IAC9C,WAAW,EAAE,MAAM,CAAA;IACnB,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAA;CAClC;AAED,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,WAAW,CAAA;IACnB,QAAQ,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAA;IACvC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B;AAWD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA6E1D,CAAA"}

package/dist/agents/ThemeCustomizer.js

@@ -1,40 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const ACCENTS = [
-    { name: 'Indigo', value: '#6366f1' },
-    { name: 'Cyan', value: '#06b6d4' },
-    { name: 'Emerald', value: '#10b981' },
-    { name: 'Amber', value: '#f59e0b' },
-    { name: 'Rose', value: '#f43f5e' },
-    { name: 'Purple', value: '#a855f7' },
-];
-export const ThemeCustomizer = ({ config, onChange, className = '', style, }) => {
-    return (_jsxs("div", { style: {
-            display: 'flex',
-            flexDirection: 'column',
-            gap: 16,
-            padding: 20,
-            backgroundColor: '#0c0c0e',
-            border: '1px solid rgba(255, 255, 255, 0.1)',
-            borderRadius: 16,
-            ...style,
-        }, "aria-label": "Theme Customizer", children: [_jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: 8 }, children: [_jsx("span", { style: { fontSize: 16 }, children: "\uD83C\uDFA8" }), _jsx("h3", { style: { fontSize: 12, fontWeight: 600, color: '#ffffff', textTransform: 'uppercase', letterSpacing: '0.05em', margin: 0 }, children: "Appearance & Glassmorphism" })] }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: 8 }, children: [_jsx("label", { style: { fontSize: 12, color: '#a3a3a3', fontWeight: 500 }, children: "Accent Palette" }), _jsx("div", { style: { display: 'flex', alignItems: 'center', gap: 8 }, children: ACCENTS.map((accent) => (_jsx("button", { onClick: () => onChange({ ...config, accentColor: accent.value }), style: {
-                                width: 28,
-                                height: 28,
-                                borderRadius: '50%',
-                                backgroundColor: accent.value,
-                                cursor: 'pointer',
-                                border: config.accentColor === accent.value ? '2px solid #ffffff' : 'none',
-                                boxShadow: config.accentColor === accent.value ? '0 0 10px ' + accent.value : 'none',
-                            }, title: accent.name }, accent.value))) })] }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: 8 }, children: [_jsx("label", { style: { fontSize: 12, color: '#a3a3a3', fontWeight: 500 }, children: "Glassmorphism Intensity" }), _jsx("div", { style: { display: 'grid', gridTemplateColumns: 'repeat(4, 1fr)', gap: 6 }, children: ['low', 'medium', 'high', 'ultra'].map((level) => (_jsx("button", { onClick: () => onChange({ ...config, blurLevel: level }), style: {
-                                padding: '6px 0',
-                                fontSize: 12,
-                                fontWeight: 500,
-                                textTransform: 'capitalize',
-                                borderRadius: 8,
-                                border: config.blurLevel === level ? '1px solid #6366f1' : '1px solid rgba(255, 255, 255, 0.1)',
-                                backgroundColor: config.blurLevel === level ? 'rgba(99, 102, 241, 0.2)' : 'rgba(255, 255, 255, 0.05)',
-                                color: config.blurLevel === level ? '#c7d2fe' : '#a3a3a3',
-                                cursor: 'pointer',
-                            }, children: level }, level))) })] })] }));
-};
-//# sourceMappingURL=ThemeCustomizer.js.map

package/dist/agents/ThemeCustomizer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ThemeCustomizer.js","sourceRoot":"","sources":["../../src/agents/ThemeCustomizer.tsx"],"names":[],"mappings":"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"}