@hanzo/ui 8.0.11 → 8.0.12

package/dist/product/social/CampaignCard.d.ts

@@ -0,0 +1,13 @@
+export type Campaign = {
+    id: string;
+    name: string;
+    channel: string;
+    status: string;
+    objective?: string;
+    /** minor units (cents) */
+    budget: number;
+    spend: number;
+};
+export declare function CampaignCard({ campaign }: {
+    campaign: Campaign;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/product/social/ChannelBadge.d.ts

@@ -0,0 +1,12 @@
+export type Channel = 'x' | 'facebook' | 'instagram' | 'linkedin' | 'tiktok' | 'youtube' | 'threads';
+/**
+ * A known network, or whatever string the server sent. The badge renders unknown
+ * values through the `x` fallback below, so the type says what it really accepts —
+ * callers keep autocomplete without having to narrow a `string` field first.
+ */
+export type ChannelLike = Channel | (string & {});
+export declare function ChannelBadge({ channel, showLabel, size, }: {
+    channel: ChannelLike;
+    showLabel?: boolean;
+    size?: number;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/product/social/PostAgenda.d.ts

@@ -0,0 +1,5 @@
+import type { Post } from './PostCard';
+export declare function PostAgenda({ posts, onOpen }: {
+    posts: Post[];
+    onOpen: (p: Post) => void;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/product/social/PostCard.d.ts

@@ -0,0 +1,15 @@
+import { type ChannelLike } from './ChannelBadge';
+export type Post = {
+    id: string;
+    content: string;
+    channel: ChannelLike;
+    status: string;
+    /** unix seconds; 0/undefined = not scheduled */
+    scheduleAt?: number;
+    media?: string[];
+};
+export declare function PostCard({ post, onEdit, onDelete, }: {
+    post: Post;
+    onEdit?: (p: Post) => void;
+    onDelete?: (p: Post) => void;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/product/social/PostComposer.d.ts

@@ -0,0 +1,24 @@
+import type { ProviderCapability } from './ProviderReadinessList';
+/** Compose intents → the (status, scheduleAt) the backend stores. */
+export declare const COMPOSE_MODES: readonly ["draft", "schedule", "now"];
+export type ComposeMode = (typeof COMPOSE_MODES)[number];
+/** The writable fields of a new post — what the intent above encodes. */
+export type PostDraft = {
+    content: string;
+    channel: string;
+    status: string;
+    /** unix seconds; 0 = not scheduled / publish now */
+    scheduleAt: number;
+};
+export declare function PostComposer({ channels, providers, onSubmit, }: {
+    /** The networks offered, in order; the first is the default. */
+    channels: string[];
+    /** Live publish-readiness, used to warn before a publish that cannot succeed. */
+    providers: ProviderCapability[];
+    /**
+     * Persist the draft. Resolve `null` when it landed — the host then swaps this
+     * panel out — or a message to surface, which keeps the panel open and editable.
+     * Total by contract: the host classifies its own failures rather than throwing.
+     */
+    onSubmit: (draft: PostDraft, mode: ComposeMode) => Promise<string | null>;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/product/social/ProviderReadinessList.d.ts

@@ -0,0 +1,10 @@
+/** One network's readiness, as reported by the server. */
+export type ProviderCapability = {
+    provider: string;
+    credentialsConfigured: boolean;
+    /** The env vars still missing — shown verbatim, never summarized away. */
+    missingCredentials: string[];
+};
+export declare function ProviderReadinessList({ providers }: {
+    providers: ProviderCapability[];
+}): import("react/jsx-runtime").JSX.Element;

package/dist/product/social/SocialSummaryBar.d.ts

@@ -0,0 +1,9 @@
+export type SocialSummary = {
+    posts: number;
+    scheduled: number;
+    published: number;
+    accounts: number;
+};
+export declare function SocialSummaryBar({ summary }: {
+    summary: SocialSummary;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/product/social/ViewToggle.d.ts

@@ -0,0 +1,5 @@
+export type PostView = 'list' | 'calendar';
+export declare function ViewToggle({ view, onChange, }: {
+    view: PostView;
+    onChange: (v: PostView) => void;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/product/social/format.d.ts

@@ -0,0 +1,16 @@
+/**
+ * The ONE place a post's schedule time and body are formatted, bucketed by day,
+ * and parsed. Pure (no React, no host) so the agenda, the table cells and the
+ * composer all read the same clock. Extracted from Hanzo Social.
+ */
+/** Unix seconds → a short local timestamp, or '—' when unset (0). */
+export declare function formatPostTime(unix: number): string;
+/** Unix seconds → a day bucket key + label for the agenda (calendar) view. */
+export declare function postDayBucket(unix: number): {
+    key: string;
+    label: string;
+};
+/** Truncate a post body for a table cell / agenda card. */
+export declare function postPreview(s: string): string;
+/** Parse a user-typed datetime (ISO or local) into unix seconds; invalid → 0. */
+export declare function parsePostTime(dt: string): number;

package/dist/product/social/index.d.ts

@@ -0,0 +1,9 @@
+export * from './ChannelBadge';
+export * from './CampaignCard';
+export * from './PostCard';
+export * from './PostAgenda';
+export * from './PostComposer';
+export * from './ProviderReadinessList';
+export * from './SocialSummaryBar';
+export * from './ViewToggle';
+export * from './format';

package/dist/product/surfaces.data.d.ts

@@ -1,3 +1,4 @@
+/** The seven surfaces this shell's app switcher offers. */
 export type SurfaceId = 'ai' | 'console' | 'app' | 'chat' | 'bot' | 'team' | 'billing';
 /** One Hanzo surface the app switcher offers. */
 export type Surface = {

package/dist/styles/hanzo-motion.css

@@ -134,3 +134,55 @@
     animation: none;
   }
 }
+
+/* ── Typography + surface classes the product layer's components reference ──────
+   DataTable/Metric typeset numeric cells with `hz-mono`/`hz-tnum`; ComboBox and
+   SelectMenu paint their popovers with `hz-paper hz-menu-in`; DataTable rows use
+   `hz-row`. They travel WITH the components (this is the package's one stylesheet)
+   so any host that imports `@hanzo/ui/styles/motion.css` renders them correctly.
+   The elevation/ring variables fall back to sane values, so a host that defines its
+   own `--hz-*` theme tokens (the console does) still wins. */
+
+.hz-tnum {
+  font-variant-numeric: tabular-nums;
+  font-feature-settings: 'tnum' 1;
+}
+
+/* Data/numeric face — Geist Mono + tabular figures for metric values, prices, IDs
+   and counts, so numbers read as precise, column-aligned data. */
+.hz-mono {
+  font-family: 'Geist Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+  font-variant-numeric: tabular-nums;
+  font-feature-settings: 'tnum' 1;
+  letter-spacing: -0.01em;
+}
+
+.hz-paper {
+  box-shadow: var(--hz-ring, inset 0 0 0 1px rgba(255, 255, 255, 0.08)),
+    var(--hz-paper-highlight, inset 0 1px 0 0 rgba(255, 255, 255, 0.05)),
+    var(--hz-elevation-3, 0 8px 24px rgba(0, 0, 0, 0.36));
+}
+
+@keyframes hz-menu-in {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+.hz-menu-in {
+  animation: hz-menu-in 140ms ease-out both;
+  will-change: opacity;
+}
+
+.hz-row {
+  transition: background-color 140ms ease-out;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .hz-menu-in {
+    animation: none;
+  }
+}

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@hanzo/ui",
-  "version": "8.0.11",
+  "version": "8.0.12",
   "type": "module",
-  "description": "Hanzo UI \u2014 the one cross-platform component library on @hanzo/gui. The product/app layer (charts, metrics, page headers, status tags, rich empty states, combobox, slide-over, toasts, drag-reorder, labeled field rows, provider/product marks) + the metadata-driven record layer (@hanzo/data: RecordsView, DataTable, board, typed field editors) + the calm dark-first tokens and motion. Presentational, host-agnostic (data/effects injected), clean-room. Web + native (iOS) + desktop.",
+  "description": "Hanzo UI — the one canonical, backend-flexible component library on @hanzo/gui + @hanzo/tokens. A shared design core (Hanzo dark-first tokens, Geist Sans/Mono typography) with per-backend implementations: the shadcn-compatible web surface (Radix + Tailwind, the API apps import) and the @hanzo/gui product layer (cross-platform web + native + desktop). Self-contained (theme.css), presentational, host-agnostic, clean-room.",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -10,6 +10,36 @@
       "require": "./dist/index.cjs",
       "default": "./dist/index.js"
     },
+    "./shadcn": {
+      "types": "./src/backends/shadcn/index.ts",
+      "default": "./src/backends/shadcn/index.ts"
+    },
+    "./gui": {
+      "types": "./src/backends/gui/index.ts",
+      "default": "./src/backends/gui/index.ts"
+    },
+    "./svelte": {
+      "svelte": "./src/backends/svelte/index.ts",
+      "types": "./src/backends/svelte/index.ts",
+      "default": "./src/backends/svelte/index.ts"
+    },
+    "./components": {
+      "types": "./src/components.ts",
+      "default": "./src/components.ts"
+    },
+    "./models": {
+      "types": "./src/models/index.ts",
+      "default": "./src/models/index.ts"
+    },
+    "./core": {
+      "types": "./src/core/index.ts",
+      "default": "./src/core/index.ts"
+    },
+    "./tokens": {
+      "types": "./src/core/tokens.ts",
+      "default": "./src/core/tokens.ts"
+    },
+    "./theme.css": "./src/theme.css",
     "./product": {
       "types": "./dist/product/index.d.ts",
       "import": "./dist/product/index.js",
@@ -22,12 +52,20 @@
       "require": "./dist/data.cjs",
       "default": "./dist/data.js"
     },
+    "./primitives": {
+      "types": "./src/primitives/index.ts",
+      "default": "./src/primitives/index.ts"
+    },
     "./primitives/bases/data": {
       "types": "./dist/primitives/bases/data/index.d.ts",
       "import": "./dist/primitives/bases/data/index.js",
       "require": "./dist/primitives/bases/data/index.cjs",
       "default": "./dist/primitives/bases/data/index.js"
     },
+    "./primitives/*": {
+      "types": "./src/primitives/*.tsx",
+      "default": "./src/primitives/*.tsx"
+    },
     "./gitops": {
       "types": "./dist/gitops.d.ts",
       "import": "./dist/gitops.js",
@@ -94,14 +132,35 @@
   "files": [
     "dist"
   ],
-  "scripts": {
-    "build": "tsup && tsc -p tsconfig.build.json && mkdir -p dist/styles && cp src/styles/hanzo-motion.css dist/styles/hanzo-motion.css && node scripts/add-use-client.mjs",
-    "clean": "rm -rf dist types",
-    "prepack": "pnpm run build",
-    "tc": "tsc --noEmit",
-    "typecheck": "tsc --noEmit",
-    "test": "vitest run",
-    "test:watch": "vitest"
+  "dependencies": {
+    "@hanzo/logo": "^1.0.13",
+    "@hanzogui/telemetry": "^0.1.0",
+    "@radix-ui/react-aspect-ratio": "^1.1.8",
+    "@radix-ui/react-avatar": "^1.1.11",
+    "@radix-ui/react-checkbox": "^1.3.3",
+    "@radix-ui/react-collapsible": "^1.1.12",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
+    "@radix-ui/react-icons": "^1.3.2",
+    "@radix-ui/react-label": "^2.1.8",
+    "@radix-ui/react-popover": "^1.1.15",
+    "@radix-ui/react-progress": "^1.1.8",
+    "@radix-ui/react-scroll-area": "^1.2.10",
+    "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-separator": "^1.1.8",
+    "@radix-ui/react-slider": "^1.3.6",
+    "@radix-ui/react-slot": "^1.2.4",
+    "@radix-ui/react-switch": "^1.2.6",
+    "@radix-ui/react-tabs": "^1.1.13",
+    "@radix-ui/react-tooltip": "^1.2.8",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "cmdk": "^1.1.1",
+    "lucide-react": ">=0.456.0",
+    "sonner": "^2.0.7",
+    "tailwind-merge": "^3.5.0",
+    "@hanzo/products": "0.2.0",
+    "@hanzo/tokens": "1.0.0"
   },
   "peerDependencies": {
     "@hanzo/canvas": ">=0.1.0",
@@ -111,10 +170,17 @@
     "@hanzo/gui": ">=7.2.2",
     "@hanzo/ui-shadcn": ">=5.7.0",
     "@hanzo/usage": ">=0.1.0",
+    "@hanzogui/lucide-icons-2": ">=7.3.0",
     "@hanzogui/next-theme": ">=7.3.0",
-    "react": ">=19"
+    "next-themes": ">=0.2.1",
+    "react": ">=19",
+    "react-dom": ">=19",
+    "svelte": ">=5"
   },
   "peerDependenciesMeta": {
+    "svelte": {
+      "optional": true
+    },
     "@hanzo/canvas": {
       "optional": true
     },
@@ -132,16 +198,14 @@
     },
     "@hanzogui/next-theme": {
       "optional": true
+    },
+    "next-themes": {
+      "optional": true
     }
   },
   "devDependencies": {
-    "@hanzo/canvas": "workspace:*",
-    "@hanzo/dashboard": "workspace:*",
     "@hanzo/data": "1.2.1",
-    "@hanzo/gitops": "workspace:*",
     "@hanzo/gui": "7.3.0",
-    "@hanzo/ui-shadcn": "workspace:*",
-    "@hanzo/usage": "^0.1.6",
     "@hanzogui/config": "7.3.0",
     "@hanzogui/core": "7.3.0",
     "@hanzogui/lucide-icons-2": "7.3.0",
@@ -149,8 +213,11 @@
     "@hanzogui/web": "7.3.0",
     "@types/react": "^19.1.10",
     "@types/react-dom": "^19.1.0",
+    "next-themes": "^0.4.6",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
+    "svelte": "^4.2.20",
+    "svelte-check": "^3.8.6",
     "typescript": "^5.7.2",
     "vitest": "^4.1.8",
     "react-native-web": "^0.21.2",
@@ -161,8 +228,15 @@
   },
   "license": "BSD-3-Clause",
   "author": "Hanzo AI <dev@hanzo.ai>",
-  "dependencies": {
-    "@hanzo/logo": "^1.0.13",
-    "@hanzogui/telemetry": "^0.1.0"
+  "scripts": {
+    "build": "tsup && tsc -p tsconfig.build.json && mkdir -p dist/styles && cp src/styles/hanzo-motion.css dist/styles/hanzo-motion.css && node scripts/add-use-client.mjs",
+    "clean": "rm -rf dist types",
+    "gen:primitives": "node scripts/gen-primitives.mjs",
+    "tc": "tsc --noEmit",
+    "typecheck": "tsc --noEmit",
+    "typecheck:ui": "tsc -p tsconfig.check.json",
+    "check:svelte": "svelte-check --tsconfig ./tsconfig.svelte.json",
+    "test": "vitest run",
+    "test:watch": "vitest"
   }
-}
+}