@hanzo/ui 5.7.1 → 8.0.1

package/types/product/PrimaryButton.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Primary button — the one white, high-emphasis action for the console.
+ *
+ * Monochrome brand: `theme="light"` flips the button to the light theme inside
+ * the dark console, giving a white fill with a near-black label and icon — no
+ * hue accent. Use it for the single primary action in a view (sign in, save,
+ * get started). Secondary and destructive actions use the default neutral
+ * `Button`.
+ */
+import type { ComponentProps } from 'react';
+import { Button } from '@hanzo/gui';
+export declare function PrimaryButton(props: ComponentProps<typeof Button>): import("react").JSX.Element;
+//# sourceMappingURL=PrimaryButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PrimaryButton.d.ts","sourceRoot":"","sources":["../../src/product/PrimaryButton.tsx"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AACH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAEnC,wBAAgB,aAAa,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,+BAEjE"}

package/types/product/ProductIcon.d.ts

@@ -0,0 +1,8 @@
+import { type IconLike } from './color';
+export declare function ProductIcon({ icon: Icon, color, size, }: {
+    icon: IconLike;
+    /** The product's resolved accent hex (e.g. `#5E6AD2`). Omit for the neutral chip. */
+    color?: string;
+    size?: number;
+}): import("react").JSX.Element;
+//# sourceMappingURL=ProductIcon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProductIcon.d.ts","sourceRoot":"","sources":["../../src/product/ProductIcon.tsx"],"names":[],"mappings":"AAsBA,OAAO,EAAW,KAAK,QAAQ,EAAE,MAAM,SAAS,CAAA;AAEhD,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EAAE,IAAI,EACV,KAAK,EACL,IAAS,GACV,EAAE;IACD,IAAI,EAAE,QAAQ,CAAA;IACd,qFAAqF;IACrF,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,+BA2BA"}

package/types/product/ProviderLogo.d.ts

@@ -0,0 +1,13 @@
+import { Boxes } from '@hanzogui/lucide-icons-2';
+/** 1–2 uppercase initials from a provider name: words→first letters, else first 2 chars. */
+export declare function providerInitials(provider: string): string;
+export declare function ProviderLogo({ provider, size }: {
+    provider: string;
+    size?: number;
+}): import("react").JSX.Element;
+/** A generic fallback mark for an unspecified provider (used sparingly). */
+export declare function GenericLogo({ size }: {
+    size?: number;
+}): import("react").JSX.Element;
+export { Boxes as CustomModelMark };
+//# sourceMappingURL=ProviderLogo.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProviderLogo.d.ts","sourceRoot":"","sources":["../../src/product/ProviderLogo.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAE,KAAK,EAAsB,MAAM,0BAA0B,CAAA;AA0CpE,4FAA4F;AAC5F,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAMzD;AAED,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,IAAS,EAAE,EAAE;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,+BAqDxF;AAED,4EAA4E;AAC5E,wBAAgB,WAAW,CAAC,EAAE,IAAS,EAAE,EAAE;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,+BAM3D;AAID,OAAO,EAAE,KAAK,IAAI,eAAe,EAAE,CAAA"}

package/types/product/Reorder.d.ts

@@ -0,0 +1,36 @@
+/**
+ * Reorder — a tiny pointer-driven drag-to-reorder list. No dependency: it uses
+ * Pointer Events (so it works with mouse AND touch) and CSS transforms, matching
+ * the shell's transform-driven motion. Rows are a FIXED height (all pinned rows
+ * are), which keeps the "where does it drop?" math exact and pure (`targetIndex`)
+ * and the reflow buttery — the lifted row follows the pointer 1:1 while its
+ * displaced siblings ease into place.
+ *
+ * The list is controlled: `onReorder(from, to)` fires once on drop; the parent
+ * owns the data (here, the account-backed pins model). `renderItem` gets a
+ * `handle` to spread on the drag affordance so the rest of the row stays
+ * interactive (tap to open, etc.).
+ */
+import { type ReactNode } from 'react';
+/** Final index for a drag: start + rounded rows travelled, clamped. PURE. */
+export declare function targetIndex(from: number, dy: number, rowH: number, count: number): number;
+/** Vertical shift for row `i` during a drag from `from`→`to` (the dragged row
+ *  follows the pointer; rows between them make room). PURE. */
+export declare function rowShift(i: number, from: number, to: number, dy: number, rowH: number): number;
+export type DragHandle = {
+    onPointerDown: (e: {
+        clientY?: number;
+        pointerId?: number;
+        nativeEvent?: {
+            clientY?: number;
+        };
+    }) => void;
+};
+export declare function Reorder<T>({ items, keyOf, rowHeight, onReorder, renderItem, }: {
+    items: T[];
+    keyOf: (t: T) => string;
+    rowHeight?: number;
+    onReorder: (from: number, to: number) => void;
+    renderItem: (item: T, handle: DragHandle, dragging: boolean) => ReactNode;
+}): import("react").JSX.Element;
+//# sourceMappingURL=Reorder.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Reorder.d.ts","sourceRoot":"","sources":["../../src/product/Reorder.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;GAYG;AACH,OAAO,EAAiC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAGrE,6EAA6E;AAC7E,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAIzF;AAED;+DAC+D;AAC/D,wBAAgB,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAK9F;AAED,MAAM,MAAM,UAAU,GAAG;IAAE,aAAa,EAAE,CAAC,CAAC,EAAE;QAAE,OAAO,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE;YAAE,OAAO,CAAC,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,KAAK,IAAI,CAAA;CAAE,CAAA;AAErI,wBAAgB,OAAO,CAAC,CAAC,EAAE,EACzB,KAAK,EACL,KAAK,EACL,SAAc,EACd,SAAS,EACT,UAAU,GACX,EAAE;IACD,KAAK,EAAE,CAAC,EAAE,CAAA;IACV,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7C,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,KAAK,SAAS,CAAA;CAC1E,+BA6DA"}

package/types/product/SelectMenu.d.ts

@@ -0,0 +1,23 @@
+/**
+ * SelectMenu — a compact, reusable dropdown select on @hanzo/gui Popover (the
+ * console's proven dropdown idiom, same as OrgSwitcher/ScopeSwitcher). Renders a
+ * labelled trigger ("All types", or the chosen option) and a popover list with a
+ * check on the active option. Prop-driven + self-contained so it lifts into
+ * `@hanzo/ui`. `value === null` is the "all"/unfiltered state.
+ */
+import type { ReactElement } from 'react';
+export type SelectOption<T extends string> = {
+    key: T;
+    label: string;
+};
+export declare function SelectMenu<T extends string>({ options, value, onChange, allLabel, icon, minWidth, }: {
+    options: SelectOption<T>[];
+    value: T | null;
+    onChange: (v: T | null) => void;
+    /** Label shown (and first menu row) for the unfiltered `null` state. */
+    allLabel?: string;
+    /** Optional leading icon in the trigger. */
+    icon?: ReactElement;
+    minWidth?: number;
+}): import("react").JSX.Element;
+//# sourceMappingURL=SelectMenu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectMenu.d.ts","sourceRoot":"","sources":["../../src/product/SelectMenu.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAKzC,MAAM,MAAM,YAAY,CAAC,CAAC,SAAS,MAAM,IAAI;IAAE,GAAG,EAAE,CAAC,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAA;AAEtE,wBAAgB,UAAU,CAAC,CAAC,SAAS,MAAM,EAAE,EAC3C,OAAO,EACP,KAAK,EACL,QAAQ,EACR,QAAgB,EAChB,IAAI,EACJ,QAAc,GACf,EAAE;IACD,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAA;IAC1B,KAAK,EAAE,CAAC,GAAG,IAAI,CAAA;IACf,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAA;IAC/B,wEAAwE;IACxE,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,4CAA4C;IAC5C,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,+BAsCA"}

package/types/product/SlideOver.d.ts

@@ -0,0 +1,48 @@
+/**
+ * SlideOver — the ONE right-side (or left) slide-out overlay for the console.
+ *
+ * It is the single mechanism behind every off-canvas surface: the mobile nav
+ * drawer, the item DetailPane, and the account/settings menu. One definition, many
+ * mounts (DRY) — so every drawer slides, dims, traps, and closes identically.
+ *
+ * Smoothness is CSS-transform driven (never a JS layout branch): the panel is
+ * ALWAYS mounted and toggles `translateX(0) ↔ translateX(±100%)` via the shared
+ * `.hz-slide` class, and the backdrop cross-fades via `.hz-fade`. Because it never
+ * unmounts, the EXIT animates too (a `Dialog` that unmounts on close cannot). Both
+ * classes are reduced-motion-aware in `globals.css`, so the whole thing snaps
+ * instantly for users who ask for that — no bespoke logic here.
+ *
+ * Responsive by construction: FULL-WIDTH (full-screen) below `lg`, a fixed-width
+ * pane at `lg+` (`size`). Uses `100dvh` so the mobile browser chrome never clips it.
+ *
+ * A11y: `role="dialog" aria-modal`, Escape to close, backdrop click to close, body
+ * scroll lock while open (ref-counted so stacked overlays don't fight), and focus
+ * moves into the panel on open and returns to the opener on close.
+ */
+import { type ReactNode } from 'react';
+import { type IconLike } from './color';
+/** The lg breakpoint (px) — matches the shell's one responsive threshold. */
+declare const LG = 1024;
+export type SlideOverProps = {
+    open: boolean;
+    onClose: () => void;
+    /** Which edge the panel slides from. Default right. */
+    side?: 'right' | 'left';
+    /** Panel width at lg+ (px). Below lg it is always full-screen. Default 420. */
+    size?: number;
+    /** Optional header title — when set, SlideOver renders a header + a scroll body. */
+    title?: ReactNode;
+    /** Optional header icon (tinted with `iconColor`). */
+    icon?: IconLike;
+    iconColor?: string;
+    /** Extra header content, right-aligned before the close button. */
+    headerRight?: ReactNode;
+    /** Accessible label when no visible title is given. */
+    ariaLabel?: string;
+    /** z-index for stacking (a pane opened over a drawer passes a higher value). */
+    zIndex?: number;
+    children: ReactNode;
+};
+export declare function SlideOver({ open, onClose, side, size, title, icon: Icon, iconColor, headerRight, ariaLabel, zIndex, children, }: SlideOverProps): import("react").JSX.Element;
+export { LG as SLIDEOVER_LG };
+//# sourceMappingURL=SlideOver.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SlideOver.d.ts","sourceRoot":"","sources":["../../src/product/SlideOver.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAIzD,OAAO,EAAW,KAAK,QAAQ,EAAE,MAAM,SAAS,CAAA;AAEhD,6EAA6E;AAC7E,QAAA,MAAM,EAAE,OAAO,CAAA;AAmBf,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,OAAO,CAAA;IACb,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,uDAAuD;IACvD,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IACvB,+EAA+E;IAC/E,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,oFAAoF;IACpF,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,sDAAsD;IACtD,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,mEAAmE;IACnE,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gFAAgF;IAChF,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA;AAED,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,OAAO,EACP,IAAc,EACd,IAAU,EACV,KAAK,EACL,IAAI,EAAE,IAAI,EACV,SAAS,EACT,WAAW,EACX,SAAS,EACT,MAAa,EACb,QAAQ,GACT,EAAE,cAAc,+BAgHhB;AAED,OAAO,EAAE,EAAE,IAAI,YAAY,EAAE,CAAA"}

package/types/product/StatusTag.d.ts

@@ -0,0 +1,4 @@
+export declare function StatusTag({ status }: {
+    status?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=StatusTag.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StatusTag.d.ts","sourceRoot":"","sources":["../../src/product/StatusTag.tsx"],"names":[],"mappings":"AAyCA,wBAAgB,SAAS,CAAC,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,+BAOxD"}

package/types/product/ThemeToggle.d.ts

@@ -0,0 +1,2 @@
+export declare function ThemeToggle(): import("react").JSX.Element;
+//# sourceMappingURL=ThemeToggle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeToggle.d.ts","sourceRoot":"","sources":["../../src/product/ThemeToggle.tsx"],"names":[],"mappings":"AAYA,wBAAgB,WAAW,gCAY1B"}

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,22 @@
+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';
+//# 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"}

package/bin/cli.js

@@ -1,100 +0,0 @@
-#!/usr/bin/env node
-
-/**
- * Main CLI entry point for @hanzo/ui
- * Supports various commands including registry:mcp
- */
-
-const { program } = require("commander");
-
-// Define the version from the package.json
-let version = "4.5.0";
-try {
-  const packageJson = require("../package.json");
-  version = packageJson.version || version;
-} catch (error) {
-  // Use default version if package.json can't be loaded
-}
-
-// Set up the program
-program
-  .name("@hanzo/ui")
-  .description("Hanzo UI Component Library CLI")
-  .version(version);
-  
-// Add the MCP command (main command)
-program
-  .command("mcp")
-  .description("Start the Hanzo UI MCP server for AI assistants")
-  .option(
-    "-r, --registry <url>", 
-    "URL to the registry.json file",
-    process.env.REGISTRY_URL || "https://ui.hanzo.ai/registry/registry.json"
-  )
-  .option(
-    "-p, --port <port>",
-    "Port to listen on (for HTTP mode)",
-    "3333"
-  )
-  .option(
-    "--http",
-    "Run in HTTP mode instead of stdio mode",
-    false
-  )
-  .action(async (options) => {
-    // Delegate to the dedicated MCP binary
-    require("./mcp.js");
-  });
-
-// Add the registry:mcp command (alias for compatibility)
-program
-  .command("registry:mcp")
-  .description("Starts the registry MCP server (alias for 'mcp')")
-  .option(
-    "-r, --registry <url>", 
-    "URL to the registry.json file",
-    process.env.REGISTRY_URL
-  )
-  .option(
-    "-p, --port <port>",
-    "Port to listen on (for HTTP mode)",
-    "3333"
-  )
-  .option(
-    "--http",
-    "Run in HTTP mode instead of stdio mode",
-    false
-  )
-  .action(async (options) => {
-    try {
-      // Set environment variables based on options
-      if (options.registry) {
-        process.env.REGISTRY_URL = options.registry;
-      }
-      
-      // Set port if running in HTTP mode
-      if (options.http) {
-        process.env.MCP_HTTP_MODE = "true";
-        process.env.MCP_PORT = options.port;
-      }
-
-      // Show info about the server
-      console.error("Starting Hanzo UI MCP server...");
-      console.error(`Registry URL: ${process.env.REGISTRY_URL || "[Using default registry]"}`);
-      
-      if (options.http) {
-        console.error(`Running in HTTP mode on port ${options.port}`);
-      } else {
-        console.error("Running in stdio mode");
-      }
-      
-      // Load and run the MCP server script
-      require("./registry-mcp.js");
-    } catch (error) {
-      console.error("Error starting MCP server:", error);
-      process.exit(1);
-    }
-  });
-
-// Parse command line arguments
-program.parse();

package/bin/create-registry.js

@@ -1,108 +0,0 @@
-#!/usr/bin/env node
-
-/**
- * Simple registry builder for @hanzo/ui
- * Creates the necessary structure for the MCP registry
- */
-
-const fs = require('fs');
-const path = require('path');
-
-// Configuration
-const REGISTRY_DIR = path.resolve(__dirname, '../registry');
-const PUBLIC_DIR = path.resolve(__dirname, '../public');
-const OUTPUT_FILE = path.resolve(__dirname, '../registry.json');
-const REGISTRY_STYLES = ['default', 'new-york']; 
-
-// Registry schema
-const registrySchema = {
-  "$schema": "https://ui.hanzo.com/schema/registry.json",
-  "name": "hanzo",
-  "homepage": "https://ui.hanzo.ai",
-  "items": []
-};
-
-// Create the basic registry structure
-function createRegistry() {
-  console.log('Creating registry structure...');
-  
-  const items = [];
-  
-  // Ensure registry directory exists
-  if (!fs.existsSync(REGISTRY_DIR)) {
-    fs.mkdirSync(REGISTRY_DIR, { recursive: true });
-  }
-  
-  // Create style directories and add them to registry items
-  for (const style of REGISTRY_STYLES) {
-    const styleDir = path.join(REGISTRY_DIR, style);
-    if (!fs.existsSync(styleDir)) {
-      fs.mkdirSync(styleDir, { recursive: true });
-      
-      // Create ui and block directories
-      fs.mkdirSync(path.join(styleDir, 'ui'), { recursive: true });
-      fs.mkdirSync(path.join(styleDir, 'block'), { recursive: true });
-    }
-    
-    // Add style to registry
-    items.push({
-      name: style,
-      type: 'registry:style',
-      description: `The ${style} style for Hanzo UI components.`,
-      files: []
-    });
-  }
-  
-  // Add primitive components as empty placeholders
-  const primitives = [
-    'accordion', 'alert', 'avatar', 'badge', 'button', 'card', 
-    'checkbox', 'dialog', 'input', 'label', 'popover', 'select', 
-    'table', 'tabs', 'toast'
-  ];
-  
-  for (const component of primitives) {
-    items.push({
-      name: component,
-      type: 'registry:component',
-      description: `A ${component} component for your UI.`,
-      files: [
-        {
-          path: `default/ui/${component}/${component}.tsx`,
-          type: 'registry:component'
-        }
-      ]
-    });
-  }
-  
-  // Update registry.json
-  registrySchema.items = items;
-  
-  // Create output directory if it doesn't exist
-  const outputDir = path.dirname(OUTPUT_FILE);
-  if (!fs.existsSync(outputDir)) {
-    fs.mkdirSync(outputDir, { recursive: true });
-  }
-  
-  // Write registry.json
-  fs.writeFileSync(OUTPUT_FILE, JSON.stringify(registrySchema, null, 2), 'utf8');
-  console.log(`Registry updated with ${items.length} items.`);
-  
-  // Create public/r directory if it doesn't exist
-  const publicRDir = path.join(PUBLIC_DIR, 'r');
-  if (!fs.existsSync(publicRDir)) {
-    fs.mkdirSync(publicRDir, { recursive: true });
-  }
-  
-  // Generate individual component JSON files
-  console.log('Generating individual component JSON files...');
-  for (const item of items) {
-    const componentFile = path.join(publicRDir, `${item.name}.json`);
-    fs.writeFileSync(componentFile, JSON.stringify(item, null, 2), 'utf8');
-  }
-  
-  console.log(`Generated ${items.length} component JSON files.`);
-  console.log('Registry creation complete!');
-}
-
-// Run the registry creation
-createRegistry();