@hanzo/ui 8.0.0 → 8.0.2

package/types/product/Toast.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Toast — the ONE feedback primitive. Every mutation reports through `useToast()`
+ * so success/failure looks and behaves the same everywhere. A single provider
+ * holds the queue and renders the viewport (portalled top-right); there is no
+ * per-call markup. Built from GUI primitives only.
+ *
+ * Mount `<ToastProvider>` once (the dashboard layout does). Call:
+ *   const toast = useToast()
+ *   toast.success('Created my-db')
+ *   toast.error(err instanceof ApiError ? err.message : 'Failed to create')
+ */
+import { type ReactNode } from 'react';
+export type ToastKind = 'success' | 'error' | 'info';
+export type ToastInput = {
+    title: string;
+    description?: string;
+    kind?: ToastKind;
+    /** Auto-dismiss after this many ms; 0 keeps it until dismissed. */
+    durationMs?: number;
+};
+type ToastApi = {
+    toast: (t: ToastInput) => void;
+    success: (title: string, description?: string) => void;
+    error: (title: string, description?: string) => void;
+    info: (title: string, description?: string) => void;
+    dismiss: (id: number) => void;
+};
+export declare function ToastProvider({ children }: {
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare function useToast(): ToastApi;
+export {};
+//# sourceMappingURL=Toast.d.ts.map

package/types/product/Toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../src/product/Toast.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;GAUG;AACH,OAAO,EAAuE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAK3G,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAA;AAEpD,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,mEAAmE;IACnE,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAID,KAAK,QAAQ,GAAG;IACd,KAAK,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;IAC9B,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACtD,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACpD,IAAI,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACnD,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;CAC9B,CAAA;AAyED,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,+BAkDlE;AAED,wBAAgB,QAAQ,IAAI,QAAQ,CAInC"}

package/types/product/color.d.ts

@@ -0,0 +1,18 @@
+import type { ComponentType } from 'react';
+import type { GetThemeValueForKey } from '@hanzo/gui';
+/**
+ * Bridge between raw CSS colors (product hex accents) and Gui's typed `color`
+ * prop. Gui types `color` as a theme-token template (`$color12`, …), but ANY CSS
+ * color is valid at runtime — so tinting an icon with a product hex needs one
+ * sanctioned cast, in ONE place, rather than `as any` scattered around.
+ */
+export type IconColor = GetThemeValueForKey<'color'>;
+/** Cast a raw CSS color (e.g. `#5E6AD2`) to Gui's `color` prop type. */
+export declare const asColor: (hex: string) => IconColor;
+/** A lucide/Gui icon component that accepts a size + a (token-or-cast) color —
+ *  the shape the shell passes around for product/nav icons. */
+export type IconLike = ComponentType<{
+    size?: number;
+    color?: IconColor;
+}>;
+//# sourceMappingURL=color.d.ts.map

package/types/product/color.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../src/product/color.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAA;AAErD;;;;;GAKG;AACH,MAAM,MAAM,SAAS,GAAG,mBAAmB,CAAC,OAAO,CAAC,CAAA;AAEpD,wEAAwE;AACxE,eAAO,MAAM,OAAO,GAAI,KAAK,MAAM,KAAG,SAAwC,CAAA;AAE9E;+DAC+D;AAC/D,MAAM,MAAM,QAAQ,GAAG,aAAa,CAAC;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,SAAS,CAAA;CAAE,CAAC,CAAA"}

package/types/product/combobox/filter.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Combobox option filtering — pure, unit-tested.
+ *
+ * The ONE matcher the ComboBox uses to narrow a live option list against typed
+ * text. Matching is a LITERAL, case-insensitive substring over the option's
+ * value + label + hint — NEVER a compiled RegExp of user input (that would be a
+ * ReDoS / injection surface; the whole codebase filters with literal `includes`,
+ * e.g. marketplace/logic + filterOrgs). Kept dependency-free so it lifts into
+ * `@hanzo/ui` alongside the ComboBox.
+ */
+/** One option in a combobox list. `value` is what gets committed; label/hint are display. */
+export type ComboOption = {
+    /** The value committed to the field when this option is chosen. */
+    value: string;
+    /** Display label (defaults to `value`). */
+    label?: string;
+    /** Optional secondary text (e.g. a provider, a description) — also searched. */
+    hint?: string;
+};
+/**
+ * Filter `options` by `query` — a literal, case-insensitive substring over
+ * value/label/hint. An empty/whitespace query returns every option (no filter).
+ * PURE. The input is treated as a plain string, never a pattern.
+ */
+export declare function filterOptions(options: ComboOption[], query: string): ComboOption[];
+/** True iff `value` exactly matches an option's `value` (case-sensitive). */
+export declare function isKnownOption(options: ComboOption[], value: string): boolean;
+//# sourceMappingURL=filter.d.ts.map

package/types/product/combobox/filter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter.d.ts","sourceRoot":"","sources":["../../../src/product/combobox/filter.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,6FAA6F;AAC7F,MAAM,MAAM,WAAW,GAAG;IACxB,mEAAmE;IACnE,KAAK,EAAE,MAAM,CAAA;IACb,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gFAAgF;IAChF,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAKD;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,OAAO,EAAE,WAAW,EAAE,EAAE,KAAK,EAAE,MAAM,GAAG,WAAW,EAAE,CAIlF;AAED,6EAA6E;AAC7E,wBAAgB,aAAa,CAAC,OAAO,EAAE,WAAW,EAAE,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,CAE5E"}

package/types/product/index.d.ts

@@ -0,0 +1,24 @@
+export * from './Charts';
+export { SERIES, colorForIndex, utilColor, Sparkline as MetricSparkline, MiniBars, UtilBar, LegendDot, MetricCard, HintButton, Panel, } from './Metric';
+export { Donut as DonutRing, type DonutSegment } from './Donut';
+export { ComboBox } from './ComboBox';
+export * from './combobox/filter';
+export * from './DataTable';
+export * from './EmptyState';
+export * from './FadeIn';
+export * from './Field';
+export * from './HanzoMark';
+export * from './PageHeader';
+export * from './PrimaryButton';
+export * from './ProductIcon';
+export * from './ProviderLogo';
+export * from './Reorder';
+export * from './SelectMenu';
+export * from './SlideOver';
+export * from './StatusTag';
+export * from './ThemeToggle';
+export * from './Toast';
+export * from './color';
+export * from './usage';
+export * from './social';
+//# sourceMappingURL=index.d.ts.map

package/types/product/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/product/index.ts"],"names":[],"mappings":"AAaA,cAAc,UAAU,CAAA;AAKxB,OAAO,EACL,MAAM,EACN,aAAa,EACb,SAAS,EACT,SAAS,IAAI,eAAe,EAC5B,QAAQ,EACR,OAAO,EACP,SAAS,EACT,UAAU,EACV,UAAU,EACV,KAAK,GACN,MAAM,UAAU,CAAA;AAGjB,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,KAAK,YAAY,EAAE,MAAM,SAAS,CAAA;AAK/D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,cAAc,mBAAmB,CAAA;AAGjC,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,WAAW,CAAA;AACzB,cAAc,cAAc,CAAA;AAC5B,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AAGvB,cAAc,SAAS,CAAA;AAGvB,cAAc,UAAU,CAAA"}

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

@@ -0,0 +1,14 @@
+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.Element;
+//# sourceMappingURL=CampaignCard.d.ts.map

package/types/product/social/CampaignCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CampaignCard.d.ts","sourceRoot":"","sources":["../../../src/product/social/CampaignCard.tsx"],"names":[],"mappings":"AAUA,MAAM,MAAM,QAAQ,GAAG;IACrB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,0BAA0B;IAC1B,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAID,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,QAAQ,CAAA;CAAE,+BAsChE"}

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

@@ -0,0 +1,7 @@
+export type Channel = 'x' | 'facebook' | 'instagram' | 'linkedin' | 'tiktok' | 'youtube' | 'threads';
+export declare function ChannelBadge({ channel, showLabel, size, }: {
+    channel: Channel;
+    showLabel?: boolean;
+    size?: number;
+}): import("react").JSX.Element;
+//# sourceMappingURL=ChannelBadge.d.ts.map

package/types/product/social/ChannelBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChannelBadge.d.ts","sourceRoot":"","sources":["../../../src/product/social/ChannelBadge.tsx"],"names":[],"mappings":"AASA,MAAM,MAAM,OAAO,GACf,GAAG,GACH,UAAU,GACV,WAAW,GACX,UAAU,GACV,QAAQ,GACR,SAAS,GACT,SAAS,CAAA;AAYb,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,SAAiB,EACjB,IAAS,GACV,EAAE;IACD,OAAO,EAAE,OAAO,CAAA;IAChB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,+BAuBA"}

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

@@ -0,0 +1,16 @@
+import { type Channel } from './ChannelBadge';
+export type Post = {
+    id: string;
+    content: string;
+    channel: Channel;
+    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.Element;
+//# sourceMappingURL=PostCard.d.ts.map

package/types/product/social/PostCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PostCard.d.ts","sourceRoot":"","sources":["../../../src/product/social/PostCard.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAgB,KAAK,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAE3D,MAAM,MAAM,IAAI,GAAG;IACjB,EAAE,EAAE,MAAM,CAAA;IACV,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,OAAO,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IACd,gDAAgD;IAChD,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;CACjB,CAAA;AAYD,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,MAAM,EACN,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,IAAI,CAAA;IACV,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,KAAK,IAAI,CAAA;IAC1B,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,KAAK,IAAI,CAAA;CAC7B,+BAuCA"}

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

@@ -0,0 +1,4 @@
+export * from './ChannelBadge';
+export * from './CampaignCard';
+export * from './PostCard';
+//# sourceMappingURL=index.d.ts.map

package/types/product/social/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/product/social/index.ts"],"names":[],"mappings":"AAGA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA"}

package/types/product/usage/UsageDashboard.d.ts

@@ -0,0 +1,10 @@
+import { type UsageProviderCardProps } from './UsageProviderCard';
+export declare function UsageDashboard({ providers, totals, }: {
+    providers: UsageProviderCardProps[];
+    totals?: {
+        spendUSD?: number;
+        tokens?: number;
+        requests?: number;
+    };
+}): import("react").JSX.Element;
+//# sourceMappingURL=UsageDashboard.d.ts.map

package/types/product/usage/UsageDashboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UsageDashboard.d.ts","sourceRoot":"","sources":["../../../src/product/usage/UsageDashboard.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAqB,KAAK,sBAAsB,EAAyC,MAAM,qBAAqB,CAAA;AAE3H,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EACT,MAAM,GACP,EAAE;IACD,SAAS,EAAE,sBAAsB,EAAE,CAAA;IACnC,MAAM,CAAC,EAAE;QAAE,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;CACnE,+BA8BA"}

package/types/product/usage/UsageMeter.d.ts

@@ -0,0 +1,15 @@
+/** A single quota window: how much is spent (0–100) and when it refills. */
+export type UsageWindow = {
+    usedPercent: number;
+    /** ISO string or Date the window resets — drives the honest countdown. */
+    resetsAt?: string | Date;
+};
+/** "resets in 2h 14m" from a real reset time, or null when there is none/past. */
+export declare function resetCountdown(resetsAt?: string | Date): string | null;
+export declare function UsageMeter({ label, usedPercent, resetsAt, compact, }: {
+    label: string;
+    usedPercent: number;
+    resetsAt?: string | Date;
+    compact?: boolean;
+}): import("react").JSX.Element;
+//# sourceMappingURL=UsageMeter.d.ts.map

package/types/product/usage/UsageMeter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UsageMeter.d.ts","sourceRoot":"","sources":["../../../src/product/usage/UsageMeter.tsx"],"names":[],"mappings":"AAiBA,4EAA4E;AAC5E,MAAM,MAAM,WAAW,GAAG;IACxB,WAAW,EAAE,MAAM,CAAA;IACnB,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CACzB,CAAA;AAED,kFAAkF;AAClF,wBAAgB,cAAc,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CAYtE;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,WAAW,EACX,QAAQ,EACR,OAAO,GACR,EAAE;IACD,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,+BAyBA"}

package/types/product/usage/UsageProviderCard.d.ts

@@ -0,0 +1,35 @@
+import { type UsageWindow } from './UsageMeter';
+/** Format a monetary amount; falls back to "12.34 USD" where Intl currency is absent. */
+export declare function formatUsageCurrency(value: number, currencyCode: string): string;
+/** Compact count (1.2K / 3.4M / 5.6B) for token/request totals. */
+export declare function formatUsageCount(n: number): string;
+export type UsageProviderCardProps = {
+    name: string;
+    /** Accent dot color (hex/rgb) — the provider's brand mark. */
+    color?: string;
+    /** Plan/tier badge (e.g. "Pro", "Team"). */
+    plan?: string;
+    session?: UsageWindow;
+    weekly?: UsageWindow;
+    /** Additional named windows (e.g. per-model or per-tool quotas). */
+    extras?: Array<{
+        id: string;
+        title: string;
+        usedPercent: number;
+        resetsAt?: string | Date;
+    }>;
+    spend?: {
+        used: number;
+        limit?: number;
+        currencyCode: string;
+    };
+    /** Used-% samples over time — drawn with the canonical Sparkline. */
+    history?: number[];
+    /** An honest load/refresh error for this provider. */
+    error?: string;
+    /** Where the numbers came from (e.g. "OAuth", "API key"). */
+    sourceLabel?: string;
+    updatedAt?: string | Date;
+};
+export declare function UsageProviderCard({ name, color, plan, session, weekly, extras, spend, history, error, sourceLabel, updatedAt, }: UsageProviderCardProps): import("react").JSX.Element;
+//# sourceMappingURL=UsageProviderCard.d.ts.map

package/types/product/usage/UsageProviderCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UsageProviderCard.d.ts","sourceRoot":"","sources":["../../../src/product/usage/UsageProviderCard.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAc,KAAK,WAAW,EAAE,MAAM,cAAc,CAAA;AAE3D,yFAAyF;AACzF,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,GAAG,MAAM,CAM/E;AAED,mEAAmE;AACnE,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAOlD;AAeD,MAAM,MAAM,sBAAsB,GAAG;IACnC,IAAI,EAAE,MAAM,CAAA;IACZ,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,4CAA4C;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,MAAM,CAAC,EAAE,WAAW,CAAA;IACpB,oEAAoE;IACpE,MAAM,CAAC,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,CAAC,CAAA;IAC5F,KAAK,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,YAAY,EAAE,MAAM,CAAA;KAAE,CAAA;IAC9D,qEAAqE;IACrE,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAClB,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6DAA6D;IAC7D,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAC1B,CAAA;AAED,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,OAAO,EACP,MAAM,EACN,MAAM,EACN,KAAK,EACL,OAAO,EACP,KAAK,EACL,WAAW,EACX,SAAS,GACV,EAAE,sBAAsB,+BAuExB"}

package/types/product/usage/index.d.ts

@@ -0,0 +1,4 @@
+export * from './UsageMeter';
+export * from './UsageProviderCard';
+export * from './UsageDashboard';
+//# sourceMappingURL=index.d.ts.map

package/types/product/usage/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/product/usage/index.ts"],"names":[],"mappings":"AAOA,cAAc,cAAc,CAAA;AAC5B,cAAc,qBAAqB,CAAA;AACnC,cAAc,kBAAkB,CAAA"}