@luxfi/ui 7.3.2 → 7.4.2

package/dist/expiration-selector.js

@@ -32,8 +32,9 @@ function ExpirationPill({ exp, isSelected, onClick }) {
         /* @__PURE__ */ jsx("span", { className: "font-medium whitespace-nowrap", children: formatExpDate(exp.date) }),
         /* @__PURE__ */ jsxs("span", { className: cn(
           "font-mono tabular-nums text-[10px]",
-          isSelected ? "text-blue-400/70" : "text-zinc-600",
-          exp.dte <= 7 && !isSelected && "text-amber-600"
+          isSelected ? "text-[var(--foreground)]" : "text-[var(--muted-foreground)]",
+          // Near expiry is a notice, and a notice in Lux is the loudest neutral.
+          exp.dte <= 7 && !isSelected && "text-[var(--color-status-warn)]"
         ), children: [
           exp.dte,
           "d"

package/dist/greeks-display.cjs

@@ -30,12 +30,12 @@ function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
 var GREEKS = [
-  { key: "delta", label: "Delta", symbol: "\u0394", color: "text-blue-400", barColor: "bg-blue-500", decimals: 4, maxMagnitude: 1 },
-  { key: "gamma", label: "Gamma", symbol: "\u0393", color: "text-purple-400", barColor: "bg-purple-500", decimals: 4, maxMagnitude: 0.1 },
-  { key: "theta", label: "Theta", symbol: "\u0398", color: "text-red-400", barColor: "bg-red-500", decimals: 4, maxMagnitude: 1 },
-  { key: "vega", label: "Vega", symbol: "\u03BD", color: "text-emerald-400", barColor: "bg-emerald-500", decimals: 4, maxMagnitude: 1 },
-  { key: "rho", label: "Rho", symbol: "\u03C1", color: "text-orange-400", barColor: "bg-orange-500", decimals: 4, maxMagnitude: 1 },
-  { key: "iv", label: "IV", symbol: "\u03C3", color: "text-amber-400", barColor: "bg-amber-500", decimals: 1, maxMagnitude: 100 }
+  { key: "delta", label: "Delta", symbol: "\u0394", color: "text-[var(--foreground)]", barColor: "bg-[var(--foreground)]", decimals: 4, maxMagnitude: 1 },
+  { key: "gamma", label: "Gamma", symbol: "\u0393", color: "text-[var(--chart-1)]", barColor: "bg-[var(--chart-1)]", decimals: 4, maxMagnitude: 0.1 },
+  { key: "theta", label: "Theta", symbol: "\u0398", color: "text-[var(--chart-4)]", barColor: "bg-[var(--chart-4)]", decimals: 4, maxMagnitude: 1 },
+  { key: "vega", label: "Vega", symbol: "\u03BD", color: "text-[var(--chart-2)]", barColor: "bg-[var(--chart-2)]", decimals: 4, maxMagnitude: 1 },
+  { key: "rho", label: "Rho", symbol: "\u03C1", color: "text-[var(--chart-3)]", barColor: "bg-[var(--chart-3)]", decimals: 4, maxMagnitude: 1 },
+  { key: "iv", label: "IV", symbol: "\u03C3", color: "text-[var(--chart-5)]", barColor: "bg-[var(--chart-5)]", decimals: 1, maxMagnitude: 100 }
 ];
 function GreekItem({ def, value, compact }) {
   const magnitude = Math.min(Math.abs(value) / def.maxMagnitude, 1);

package/dist/greeks-display.js

@@ -8,12 +8,12 @@ function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
 var GREEKS = [
-  { key: "delta", label: "Delta", symbol: "\u0394", color: "text-blue-400", barColor: "bg-blue-500", decimals: 4, maxMagnitude: 1 },
-  { key: "gamma", label: "Gamma", symbol: "\u0393", color: "text-purple-400", barColor: "bg-purple-500", decimals: 4, maxMagnitude: 0.1 },
-  { key: "theta", label: "Theta", symbol: "\u0398", color: "text-red-400", barColor: "bg-red-500", decimals: 4, maxMagnitude: 1 },
-  { key: "vega", label: "Vega", symbol: "\u03BD", color: "text-emerald-400", barColor: "bg-emerald-500", decimals: 4, maxMagnitude: 1 },
-  { key: "rho", label: "Rho", symbol: "\u03C1", color: "text-orange-400", barColor: "bg-orange-500", decimals: 4, maxMagnitude: 1 },
-  { key: "iv", label: "IV", symbol: "\u03C3", color: "text-amber-400", barColor: "bg-amber-500", decimals: 1, maxMagnitude: 100 }
+  { key: "delta", label: "Delta", symbol: "\u0394", color: "text-[var(--foreground)]", barColor: "bg-[var(--foreground)]", decimals: 4, maxMagnitude: 1 },
+  { key: "gamma", label: "Gamma", symbol: "\u0393", color: "text-[var(--chart-1)]", barColor: "bg-[var(--chart-1)]", decimals: 4, maxMagnitude: 0.1 },
+  { key: "theta", label: "Theta", symbol: "\u0398", color: "text-[var(--chart-4)]", barColor: "bg-[var(--chart-4)]", decimals: 4, maxMagnitude: 1 },
+  { key: "vega", label: "Vega", symbol: "\u03BD", color: "text-[var(--chart-2)]", barColor: "bg-[var(--chart-2)]", decimals: 4, maxMagnitude: 1 },
+  { key: "rho", label: "Rho", symbol: "\u03C1", color: "text-[var(--chart-3)]", barColor: "bg-[var(--chart-3)]", decimals: 4, maxMagnitude: 1 },
+  { key: "iv", label: "IV", symbol: "\u03C3", color: "text-[var(--chart-5)]", barColor: "bg-[var(--chart-5)]", decimals: 1, maxMagnitude: 100 }
 ];
 function GreekItem({ def, value, compact }) {
   const magnitude = Math.min(Math.abs(value) / def.maxMagnitude, 1);

package/dist/gui.cjs

@@ -0,0 +1,13 @@
+"use client";
+'use strict';
+
+var gui = require('@hanzo/gui');
+
+
+
+Object.keys(gui).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return gui[k]; }
+	});
+});

package/dist/gui.d.cts

@@ -0,0 +1,2 @@
+export * from '@hanzo/gui';
+import 'lucide-react';

package/dist/gui.d.ts

@@ -0,0 +1,2 @@
+export * from '@hanzo/gui';
+import 'lucide-react';

package/dist/gui.js

@@ -0,0 +1,2 @@
+"use client";
+export * from '@hanzo/gui';

package/dist/heading.cjs

@@ -1,6 +1,7 @@
 "use client";
 'use strict';
 
+var gui = require('@hanzo/gui');
 var React = require('react');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
@@ -14,7 +15,7 @@ var React__default = /*#__PURE__*/_interopDefault(React);
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
-var LEVEL_TAG = { "1": "h1", "2": "h2", "3": "h3" };
+var LEVEL_TAG = { "1": gui.H1, "2": gui.H2, "3": gui.H3 };
 var LEVEL_CLASSES = {
   "1": "text-[18px] leading-[24px] font-medium lg:text-[32px] lg:leading-[40px] lg:tracking-[-0.5px]",
   "2": "text-[16px] leading-[24px] font-medium lg:text-[24px] lg:leading-[32px]",
@@ -23,13 +24,14 @@ var LEVEL_CLASSES = {
 var BASE_CLASSES = "font-heading text-heading";
 var Heading = React__default.default.forwardRef(
   function Heading2({ level, className, mb, size: _size, style: styleProp, ...rest }, ref) {
-    const Tag = level ? LEVEL_TAG[level] : "h2";
+    const Tag = level ? LEVEL_TAG[level] : gui.H2;
     const levelClasses = level ? LEVEL_CLASSES[level] : void 0;
     const mergedStyle = mb !== void 0 ? { ...styleProp, marginBottom: typeof mb === "number" ? `${mb * 4}px` : mb } : styleProp;
     return /* @__PURE__ */ jsxRuntime.jsx(
       Tag,
       {
         ref,
+        unstyled: true,
         className: cn(BASE_CLASSES, levelClasses, className),
         style: mergedStyle,
         ...rest

package/dist/heading.js

@@ -1,4 +1,5 @@
 "use client";
+import { H3, H2, H1 } from '@hanzo/gui';
 import React from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
@@ -8,7 +9,7 @@ import { jsx } from 'react/jsx-runtime';
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
-var LEVEL_TAG = { "1": "h1", "2": "h2", "3": "h3" };
+var LEVEL_TAG = { "1": H1, "2": H2, "3": H3 };
 var LEVEL_CLASSES = {
   "1": "text-[18px] leading-[24px] font-medium lg:text-[32px] lg:leading-[40px] lg:tracking-[-0.5px]",
   "2": "text-[16px] leading-[24px] font-medium lg:text-[24px] lg:leading-[32px]",
@@ -17,13 +18,14 @@ var LEVEL_CLASSES = {
 var BASE_CLASSES = "font-heading text-heading";
 var Heading = React.forwardRef(
   function Heading2({ level, className, mb, size: _size, style: styleProp, ...rest }, ref) {
-    const Tag = level ? LEVEL_TAG[level] : "h2";
+    const Tag = level ? LEVEL_TAG[level] : H2;
     const levelClasses = level ? LEVEL_CLASSES[level] : void 0;
     const mergedStyle = mb !== void 0 ? { ...styleProp, marginBottom: typeof mb === "number" ? `${mb * 4}px` : mb } : styleProp;
     return /* @__PURE__ */ jsx(
       Tag,
       {
         ref,
+        unstyled: true,
         className: cn(BASE_CLASSES, levelClasses, className),
         style: mergedStyle,
         ...rest

package/dist/iam.cjs

@@ -0,0 +1,206 @@
+'use strict';
+
+// src/white-label.ts
+var LUX_BRAND = {
+  lux: "#7000FF",
+  zoo: "#6C5EFB",
+  hanzo: "#EA580C",
+  pars: "#1C3879"};
+var PARS_GOLD = "#C8A45C";
+var ORGS = {
+  lux: {
+    org: "lux",
+    name: "Lux",
+    domain: "lux.network",
+    iamDomain: "lux.id",
+    accent: LUX_BRAND.lux,
+    accentForeground: "#FFFFFF"
+  },
+  zoo: {
+    org: "zoo",
+    name: "Zoo",
+    domain: "zoo.ngo",
+    // Zoo's IdP is `id.zoo.network`, not a `zoo.id` apex — the one row in this
+    // table where the issuer is not `<org>.id`, and the one every hand-rolled
+    // per-app branding map got wrong.
+    iamDomain: "id.zoo.network",
+    accent: LUX_BRAND.zoo,
+    accentForeground: "#FFFFFF"
+  },
+  bootnode: {
+    org: "bootnode",
+    name: "Bootnode",
+    domain: "bootno.de",
+    iamDomain: "id.bootno.de",
+    accent: LUX_BRAND.lux,
+    accentForeground: "#FFFFFF"
+  },
+  hanzo: {
+    org: "hanzo",
+    name: "Hanzo",
+    domain: "hanzo.ai",
+    iamDomain: "hanzo.id",
+    accent: LUX_BRAND.hanzo,
+    accentForeground: "#FFFFFF"
+  },
+  pars: {
+    org: "pars",
+    name: "Pars",
+    domain: "pars.id",
+    iamDomain: "pars.id",
+    accent: LUX_BRAND.pars,
+    accentForeground: PARS_GOLD
+  }
+};
+var DOMAIN_ORG = [
+  ["lux.network", "lux"],
+  ["lux.cloud", "lux"],
+  ["lux.id", "lux"],
+  ["lux.finance", "lux"],
+  ["zoo.ngo", "zoo"],
+  ["zoo.network", "zoo"],
+  ["zoo.cloud", "zoo"],
+  ["zoo.id", "zoo"],
+  ["hanzo.ai", "hanzo"],
+  ["hanzo.cloud", "hanzo"],
+  ["hanzo.id", "hanzo"],
+  ["pars.id", "pars"],
+  ["parsdao.org", "pars"],
+  ["bootno.de", "bootnode", "platform"]
+];
+var DEFAULT_ORG = "lux";
+function normalizeHost(host) {
+  const noPort = host.trim().toLowerCase().split(":")[0] ?? "";
+  return noPort.replace(/\.$/, "");
+}
+function isUnder(host, domain) {
+  return host === domain || host.endsWith(`.${domain}`);
+}
+function matchDomain(host) {
+  let best;
+  for (const entry of DOMAIN_ORG) {
+    if (isUnder(host, entry[0]) && (!best || entry[0].length > best[0].length)) {
+      best = entry;
+    }
+  }
+  return best;
+}
+function appSlug(host, domain, apexApp) {
+  const sub = host === domain ? "" : host.slice(0, -(domain.length + 1));
+  const leftmost = sub.split(".")[0] ?? "";
+  if (leftmost && leftmost !== "www") return leftmost;
+  if (apexApp) return apexApp;
+  const label = domain.split(".")[0] ?? "";
+  const tld = domain.split(".").slice(1).join(".");
+  return tld.split(".")[0] || label;
+}
+function isLocal(host) {
+  return host === "localhost" || host.endsWith(".localhost") || host === "127.0.0.1" || host === "0.0.0.0" || host === "[::1]" || host.endsWith(".local");
+}
+function resolveWhiteLabel(host) {
+  const h = normalizeHost(host ?? "");
+  const match = h ? matchDomain(h) : void 0;
+  const org = match ? match[1] : DEFAULT_ORG;
+  const identity = ORGS[org];
+  const app = match ? appSlug(h, match[0], match[2]) : h && isLocal(h) ? "local" : "app";
+  return {
+    ...identity,
+    host: h,
+    app,
+    theme: `dark_${org}`,
+    issuer: `https://${identity.iamDomain}`,
+    clientId: `${org}-${app}`
+  };
+}
+
+// src/iam.ts
+var IamError = class extends Error {
+  constructor(message, status, unauthenticated) {
+    super(message);
+    this.name = "IamError";
+    this.status = status;
+    this.unauthenticated = unauthenticated;
+  }
+};
+var SIGNED_OUT = /please sign in|authentication required|unauthorized/i;
+function isSignedOut(status, msg) {
+  return status === 401 || status === 403 || SIGNED_OUT.test(msg);
+}
+function iamBase(host) {
+  const wl = typeof host === "object" && host !== null ? host : resolveWhiteLabel(host);
+  return `${wl.issuer}/v1/iam`;
+}
+async function read(call, verb, params) {
+  const url = new URL(`${call.base}/${verb}`);
+  for (const [k, v] of Object.entries(params)) url.searchParams.set(k, String(v));
+  let res;
+  try {
+    res = await fetch(url.toString(), {
+      method: "GET",
+      // The bearer is the whole credential. IAM does not allow credentialed
+      // CORS, so sending cookies would only get the response blocked.
+      headers: call.token ? { Authorization: `Bearer ${call.token}` } : {},
+      signal: call.signal
+    });
+  } catch (e) {
+    throw new IamError(e instanceof Error ? e.message : "IAM unreachable", 0, false);
+  }
+  const body = await res.json().catch(() => ({}));
+  const msg = typeof body.msg === "string" ? body.msg : "";
+  if (!res.ok || body.status === "error") {
+    throw new IamError(msg || `IAM ${verb} failed (${res.status})`, res.status, isSignedOut(res.status, msg));
+  }
+  return body.data;
+}
+var IAM_PAGE_SIZE = 20;
+var iam = {
+  /** The signed-in principal, or null when there is no session. */
+  async account(call) {
+    try {
+      const data = await read(call, "get-account", {});
+      return data && data.name ? data : null;
+    } catch (e) {
+      if (e instanceof IamError && e.unauthenticated) return null;
+      throw e;
+    }
+  },
+  /**
+   * One page of the orgs the principal can see. IAM scopes the read to the
+   * caller's authority, so a normal member gets their own org and a super
+   * admin gets the tenant list — the page never has to decide.
+   */
+  async organizations(call, page = 0, query = "", pageSize = IAM_PAGE_SIZE) {
+    const params = {
+      owner: "admin",
+      // IAM orgs live under the reserved `admin` owner
+      p: page + 1,
+      // the backend page is 1-based
+      pageSize,
+      sortField: "name",
+      sortOrder: "ascending"
+    };
+    const q = query.trim();
+    if (q) {
+      params.field = "name";
+      params.value = q;
+    }
+    return await read(call, "get-organizations", params) ?? [];
+  },
+  /** One organization by name. */
+  async organization(call, name) {
+    return await read(call, "get-organization", { id: `admin/${name}` }) ?? null;
+  },
+  /** Members of an organization. */
+  async users(call, org) {
+    return await read(call, "get-users", { owner: org }) ?? [];
+  },
+  /** The organization's projects — IAM keys this read by `organization`. */
+  async projects(call, org) {
+    return await read(call, "get-organization-projects", { organization: org }) ?? [];
+  }
+};
+
+exports.IAM_PAGE_SIZE = IAM_PAGE_SIZE;
+exports.IamError = IamError;
+exports.iam = iam;
+exports.iamBase = iamBase;

package/dist/iam.d.cts

@@ -0,0 +1,65 @@
+import { WhiteLabel } from './white-label.cjs';
+
+/** A signed-in principal, as IAM describes it. */
+interface IamAccount {
+    readonly owner: string;
+    readonly name: string;
+    readonly displayName?: string;
+    readonly email?: string;
+    readonly avatar?: string;
+    readonly isAdmin?: boolean;
+}
+/** An organization the principal can see. */
+interface IamOrg {
+    readonly owner: string;
+    readonly name: string;
+    readonly displayName?: string;
+    readonly logo?: string;
+}
+/** A project inside an organization (IAM's Org → Workspace → Project tier). */
+interface IamProject {
+    readonly owner: string;
+    readonly name: string;
+    readonly displayName?: string;
+    readonly organization?: string;
+    readonly workspace?: string;
+    readonly isDefault?: boolean;
+}
+/**
+ * A refusal from IAM, carrying enough to tell "not signed in" apart from
+ * "signed in, and the answer is genuinely empty" — the distinction a switcher
+ * has to render honestly.
+ */
+declare class IamError extends Error {
+    readonly status: number;
+    readonly unauthenticated: boolean;
+    constructor(message: string, status: number, unauthenticated: boolean);
+}
+/** The IAM API root for a host — `lux.cloud` → `https://lux.id/v1/iam`. */
+declare function iamBase(host?: string | null | WhiteLabel): string;
+/** How a read reaches IAM: where, and with whose bearer. */
+interface IamCall {
+    readonly base: string;
+    readonly token?: string | null;
+    readonly signal?: AbortSignal;
+}
+/** Rows per page for the org list — small first paint, more on demand. */
+declare const IAM_PAGE_SIZE = 20;
+declare const iam: {
+    /** The signed-in principal, or null when there is no session. */
+    account(call: IamCall): Promise<IamAccount | null>;
+    /**
+     * One page of the orgs the principal can see. IAM scopes the read to the
+     * caller's authority, so a normal member gets their own org and a super
+     * admin gets the tenant list — the page never has to decide.
+     */
+    organizations(call: IamCall, page?: number, query?: string, pageSize?: number): Promise<Array<IamOrg>>;
+    /** One organization by name. */
+    organization(call: IamCall, name: string): Promise<IamOrg | null>;
+    /** Members of an organization. */
+    users(call: IamCall, org: string): Promise<Array<IamAccount>>;
+    /** The organization's projects — IAM keys this read by `organization`. */
+    projects(call: IamCall, org: string): Promise<Array<IamProject>>;
+};
+
+export { IAM_PAGE_SIZE, type IamAccount, type IamCall, IamError, type IamOrg, type IamProject, iam, iamBase };

package/dist/iam.d.ts

@@ -0,0 +1,65 @@
+import { WhiteLabel } from './white-label.js';
+
+/** A signed-in principal, as IAM describes it. */
+interface IamAccount {
+    readonly owner: string;
+    readonly name: string;
+    readonly displayName?: string;
+    readonly email?: string;
+    readonly avatar?: string;
+    readonly isAdmin?: boolean;
+}
+/** An organization the principal can see. */
+interface IamOrg {
+    readonly owner: string;
+    readonly name: string;
+    readonly displayName?: string;
+    readonly logo?: string;
+}
+/** A project inside an organization (IAM's Org → Workspace → Project tier). */
+interface IamProject {
+    readonly owner: string;
+    readonly name: string;
+    readonly displayName?: string;
+    readonly organization?: string;
+    readonly workspace?: string;
+    readonly isDefault?: boolean;
+}
+/**
+ * A refusal from IAM, carrying enough to tell "not signed in" apart from
+ * "signed in, and the answer is genuinely empty" — the distinction a switcher
+ * has to render honestly.
+ */
+declare class IamError extends Error {
+    readonly status: number;
+    readonly unauthenticated: boolean;
+    constructor(message: string, status: number, unauthenticated: boolean);
+}
+/** The IAM API root for a host — `lux.cloud` → `https://lux.id/v1/iam`. */
+declare function iamBase(host?: string | null | WhiteLabel): string;
+/** How a read reaches IAM: where, and with whose bearer. */
+interface IamCall {
+    readonly base: string;
+    readonly token?: string | null;
+    readonly signal?: AbortSignal;
+}
+/** Rows per page for the org list — small first paint, more on demand. */
+declare const IAM_PAGE_SIZE = 20;
+declare const iam: {
+    /** The signed-in principal, or null when there is no session. */
+    account(call: IamCall): Promise<IamAccount | null>;
+    /**
+     * One page of the orgs the principal can see. IAM scopes the read to the
+     * caller's authority, so a normal member gets their own org and a super
+     * admin gets the tenant list — the page never has to decide.
+     */
+    organizations(call: IamCall, page?: number, query?: string, pageSize?: number): Promise<Array<IamOrg>>;
+    /** One organization by name. */
+    organization(call: IamCall, name: string): Promise<IamOrg | null>;
+    /** Members of an organization. */
+    users(call: IamCall, org: string): Promise<Array<IamAccount>>;
+    /** The organization's projects — IAM keys this read by `organization`. */
+    projects(call: IamCall, org: string): Promise<Array<IamProject>>;
+};
+
+export { IAM_PAGE_SIZE, type IamAccount, type IamCall, IamError, type IamOrg, type IamProject, iam, iamBase };