kaleido-ui 0.2.1 → 0.2.4

package/dist/web/chunk-TMK3SVYI.js

@@ -0,0 +1,62 @@
+"use client";
+import {
+  Collapsible,
+  CollapsibleChevron,
+  CollapsibleContent,
+  CollapsibleTrigger
+} from "./chunk-6IBQJIHT.js";
+import {
+  cn
+} from "./chunk-PMGIJMRO.js";
+
+// src/web/components/disclosure-card.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function DisclosureCard({
+  title,
+  children,
+  open,
+  onOpenChange,
+  defaultOpen,
+  icon,
+  className,
+  triggerClassName,
+  contentClassName
+}) {
+  return /* @__PURE__ */ jsxs(
+    Collapsible,
+    {
+      open,
+      onOpenChange,
+      defaultOpen,
+      "data-slot": "disclosure-card",
+      className: cn(
+        "group/disclosure overflow-hidden rounded-xl bg-surface-inset/40 shadow-raised transition-all",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs(
+          CollapsibleTrigger,
+          {
+            type: "button",
+            className: cn(
+              "flex w-full items-center justify-between gap-2 px-3 py-2 text-left hover-gradient-violet focus-visible:ring-inset",
+              triggerClassName
+            ),
+            children: [
+              /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 items-center gap-1.5", children: [
+                icon,
+                /* @__PURE__ */ jsx("span", { className: "truncate text-caption font-bold text-foreground", children: title })
+              ] }),
+              /* @__PURE__ */ jsx(CollapsibleChevron, {})
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(CollapsibleContent, { className: cn("px-3 pb-3 pt-1", contentClassName), children })
+      ]
+    }
+  );
+}
+
+export {
+  DisclosureCard
+};

package/dist/web/chunk-TPGNO74K.js

@@ -0,0 +1,67 @@
+"use client";
+import {
+  AccountHeaderIcons
+} from "./chunk-4QLR4ZNK.js";
+import {
+  eyebrow
+} from "./chunk-MTQOAMDW.js";
+import {
+  IconGlyph
+} from "./chunk-YQQ7GDLZ.js";
+import {
+  ExpandLess,
+  ExpandMore
+} from "./chunk-XXH4TYKZ.js";
+import {
+  cn
+} from "./chunk-PMGIJMRO.js";
+
+// src/web/components/account-capabilities-card.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function AccountCapabilitiesCard({
+  accountId,
+  title,
+  description,
+  capabilities,
+  isExpanded,
+  onToggle,
+  collapsible = true,
+  children
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "rounded-2xl bg-card/55 backdrop-blur-xl backdrop-saturate-150 bg-gradient-card p-4 shadow-card-secondary transition-all duration-300", children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "group flex items-start justify-between gap-3",
+          collapsible && "cursor-pointer"
+        ),
+        onClick: collapsible ? onToggle : void 0,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 items-start gap-3", children: [
+            /* @__PURE__ */ jsx(AccountHeaderIcons, { accountId }),
+            /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsx("h3", { className: "text-body font-bold text-foreground transition-colors group-hover:text-secondary-content", children: title }),
+              /* @__PURE__ */ jsx("p", { className: "mt-1 text-caption text-muted-foreground", children: description })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "flex flex-col items-end gap-2", children: collapsible && /* @__PURE__ */ jsx("div", { className: "mt-1 text-muted-foreground transition-colors group-hover:text-secondary-content", children: /* @__PURE__ */ jsx(IconGlyph, { glyph: isExpanded ? ExpandLess : ExpandMore, size: "md" }) }) })
+        ]
+      }
+    ),
+    isExpanded && /* @__PURE__ */ jsxs("div", { className: "mt-5 duration-200 animate-in fade-in slide-in-from-top-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "mb-6 space-y-2", children: [
+        /* @__PURE__ */ jsx("h4", { className: cn("mb-2 text-muted-foreground", eyebrow), children: "Capabilities" }),
+        capabilities.map((capability) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-caption text-muted-foreground", children: [
+          /* @__PURE__ */ jsx("span", { className: "inline-block size-1.5 rounded-full bg-secondary-content" }),
+          /* @__PURE__ */ jsx("span", { children: capability })
+        ] }, capability))
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "pt-5", children })
+    ] })
+  ] });
+}
+
+export {
+  AccountCapabilitiesCard
+};

package/dist/web/chunk-TS4UYWJJ.js

@@ -0,0 +1,105 @@
+"use client";
+
+// src/web/hooks/use-toast.ts
+import * as React from "react";
+var TOAST_LIMIT = 1;
+var TOAST_REMOVE_DELAY = 1e3;
+var count = 0;
+function genId() {
+  count = (count + 1) % Number.MAX_SAFE_INTEGER;
+  return count.toString();
+}
+var toastTimeouts = /* @__PURE__ */ new Map();
+var addToRemoveQueue = (toastId) => {
+  if (toastTimeouts.has(toastId)) return;
+  const timeout = setTimeout(() => {
+    toastTimeouts.delete(toastId);
+    dispatch({ type: "REMOVE_TOAST", toastId });
+  }, TOAST_REMOVE_DELAY);
+  toastTimeouts.set(toastId, timeout);
+};
+var reducer = (state, action) => {
+  switch (action.type) {
+    case "ADD_TOAST":
+      return {
+        ...state,
+        toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT)
+      };
+    case "UPDATE_TOAST":
+      return {
+        ...state,
+        toasts: state.toasts.map(
+          (t) => t.id === action.toast.id ? { ...t, ...action.toast } : t
+        )
+      };
+    case "DISMISS_TOAST": {
+      const { toastId } = action;
+      if (toastId) {
+        addToRemoveQueue(toastId);
+      } else {
+        state.toasts.forEach((toast2) => addToRemoveQueue(toast2.id));
+      }
+      return {
+        ...state,
+        toasts: state.toasts.map(
+          (t) => t.id === toastId || toastId === void 0 ? { ...t, open: false } : t
+        )
+      };
+    }
+    case "REMOVE_TOAST":
+      if (action.toastId === void 0) return { ...state, toasts: [] };
+      return {
+        ...state,
+        toasts: state.toasts.filter((t) => t.id !== action.toastId)
+      };
+  }
+};
+var listeners = [];
+var memoryState = { toasts: [] };
+function dispatch(action) {
+  memoryState = reducer(memoryState, action);
+  listeners.forEach((listener) => listener(memoryState));
+}
+function toast({ duration, ...props }) {
+  const effectiveDuration = duration ?? (props.variant === "destructive" ? 12e3 : 4e3);
+  const id = genId();
+  const update = (props2) => dispatch({ type: "UPDATE_TOAST", toast: { ...props2, id } });
+  const dismiss = () => dispatch({ type: "DISMISS_TOAST", toastId: id });
+  dispatch({
+    type: "ADD_TOAST",
+    toast: {
+      ...props,
+      id,
+      open: true,
+      duration: effectiveDuration,
+      onOpenChange: (open) => {
+        if (!open) dismiss();
+      }
+    }
+  });
+  if (effectiveDuration > 0) {
+    setTimeout(() => dismiss(), effectiveDuration);
+  }
+  return { id, dismiss, update };
+}
+function useToast() {
+  const [state, setState] = React.useState(memoryState);
+  React.useEffect(() => {
+    listeners.push(setState);
+    return () => {
+      const index = listeners.indexOf(setState);
+      if (index > -1) listeners.splice(index, 1);
+    };
+  }, [state]);
+  return {
+    ...state,
+    toast,
+    dismiss: (toastId) => dispatch({ type: "DISMISS_TOAST", toastId })
+  };
+}
+
+export {
+  reducer,
+  toast,
+  useToast
+};

package/dist/web/chunk-TY6SGZC7.js

@@ -0,0 +1,94 @@
+"use client";
+import {
+  Label
+} from "./chunk-H3GYLFHP.js";
+import {
+  GlyphButton
+} from "./chunk-JY3H7ZAI.js";
+import {
+  IconGlyph
+} from "./chunk-YQQ7GDLZ.js";
+import {
+  Close,
+  ContentPaste,
+  ProgressActivity
+} from "./chunk-XXH4TYKZ.js";
+
+// src/web/components/withdraw-destination-input.tsx
+import { useId, useLayoutEffect, useRef } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function WithdrawDestinationInput({
+  destination,
+  setDestination,
+  addressType,
+  detectedNetworkLabel,
+  isDecoding,
+  isResolvingLnurl,
+  handlePaste,
+  handleReset
+}) {
+  const inputId = useId();
+  const fieldRef = useRef(null);
+  useLayoutEffect(() => {
+    const field = fieldRef.current;
+    if (!field) return;
+    field.style.height = "auto";
+    field.style.height = `${field.scrollHeight}px`;
+  }, [destination]);
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ jsx(Label, { htmlFor: inputId, className: "ml-1", children: "Destination" }),
+    /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx(
+        "textarea",
+        {
+          ref: fieldRef,
+          id: inputId,
+          "data-testid": "withdraw-destination-input",
+          rows: 1,
+          spellCheck: false,
+          autoComplete: "off",
+          autoCapitalize: "off",
+          className: "block max-h-32 min-h-14 w-full resize-none break-all rounded-2xl bg-card/55 backdrop-blur-xl backdrop-saturate-150 bg-gradient-card px-5 py-4 pr-20 font-mono text-caption leading-relaxed text-foreground shadow-inner transition-all placeholder:text-foreground/20 focus:outline-none focus:ring-1 focus:ring-primary/50 focus:shadow-glow-primary-soft",
+          placeholder: "Address, Invoice, or RGB Invoice",
+          value: destination,
+          onChange: (event) => setDestination(event.target.value.replace(/\s*[\r\n]+\s*/g, "")),
+          onKeyDown: (event) => {
+            if (event.key === "Enter") event.preventDefault();
+          }
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "absolute right-3 top-3 flex items-center gap-1", children: [
+        destination && /* @__PURE__ */ jsx(
+          GlyphButton,
+          {
+            icon: Close,
+            label: "Clear",
+            size: "sm",
+            onClick: () => {
+              setDestination("");
+              handleReset();
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(GlyphButton, { icon: ContentPaste, label: "Paste", variant: "surface", size: "sm", onClick: handlePaste })
+      ] })
+    ] }),
+    destination && /* @__PURE__ */ jsx("div", { className: "ml-1 flex items-center gap-2 text-caption", children: isDecoding || isResolvingLnurl ? /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1 text-muted-foreground", children: [
+      /* @__PURE__ */ jsx(IconGlyph, { glyph: ProgressActivity, className: "animate-spin text-icon-sm" }),
+      isResolvingLnurl ? "Resolving..." : "Decoding..."
+    ] }) : addressType !== "unknown" && addressType !== "invalid" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("span", { className: "text-brand", children: "\u2713" }),
+      /* @__PURE__ */ jsxs("span", { "data-testid": "withdraw-detected-network", className: "text-muted-foreground", children: [
+        "Detected: ",
+        detectedNetworkLabel ?? addressType
+      ] })
+    ] }) : addressType === "invalid" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("span", { className: "text-danger-fg", children: "\u2717" }),
+      /* @__PURE__ */ jsx("span", { "data-testid": "withdraw-invalid-destination", className: "text-danger-fg", children: "Invalid address format" })
+    ] }) : null })
+  ] });
+}
+
+export {
+  WithdrawDestinationInput
+};

package/dist/web/chunk-UHXOPILM.js

@@ -0,0 +1,101 @@
+"use client";
+import {
+  floatingSurface
+} from "./chunk-CRMLYZIX.js";
+import {
+  MENU_VISIBLE_ITEMS,
+  MenuNoResults,
+  MenuSearch,
+  countMenuItems,
+  filterMenuItems,
+  isElementOf
+} from "./chunk-CBE7BT3M.js";
+import {
+  ScrollArea
+} from "./chunk-DCUAE6PX.js";
+import {
+  eyebrow
+} from "./chunk-MTQOAMDW.js";
+import {
+  cn
+} from "./chunk-PMGIJMRO.js";
+
+// src/web/primitives/dropdown-menu.tsx
+import * as React from "react";
+import * as MenuPrimitive from "@radix-ui/react-dropdown-menu";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var DropdownMenu = MenuPrimitive.Root;
+var DropdownMenuTrigger = MenuPrimitive.Trigger;
+var DropdownMenuGroup = MenuPrimitive.Group;
+var DropdownMenuPortal = MenuPrimitive.Portal;
+var MENU_MAX_HEIGHT = "max-h-[152px]";
+var isMenuItem = (element) => isElementOf(DropdownMenuItem)(element);
+function MenuBody({ children }) {
+  const [query, setQuery] = React.useState("");
+  const searchable = countMenuItems(children, isMenuItem) > MENU_VISIBLE_ITEMS;
+  const searching = searchable && query.trim() !== "";
+  const shown = searching ? filterMenuItems(children, isMenuItem, query) : children;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    searchable && /* @__PURE__ */ jsx(MenuSearch, { value: query, onChange: setQuery }),
+    /* @__PURE__ */ jsxs(ScrollArea, { viewportClassName: searchable ? MENU_MAX_HEIGHT : void 0, children: [
+      shown,
+      searching && React.Children.count(shown) === 0 && /* @__PURE__ */ jsx(MenuNoResults, {})
+    ] })
+  ] });
+}
+var DropdownMenuContent = React.forwardRef(({ className, children, sideOffset = 6, align = "end", ...props }, ref) => /* @__PURE__ */ jsx(MenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+  MenuPrimitive.Content,
+  {
+    ref,
+    "data-slot": "dropdown-menu-content",
+    sideOffset,
+    align,
+    className: cn(floatingSurface, "min-w-44 p-1.5", className),
+    ...props,
+    children: /* @__PURE__ */ jsx(MenuBody, { children })
+  }
+) }));
+DropdownMenuContent.displayName = MenuPrimitive.Content.displayName;
+var DropdownMenuItem = React.forwardRef(
+  ({ className, destructive = false, icon, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+    MenuPrimitive.Item,
+    {
+      ref,
+      "data-slot": "dropdown-menu-item",
+      "data-destructive": destructive || void 0,
+      className: cn(
+        "flex cursor-default select-none items-center gap-2 rounded-xl px-3 py-2 text-caption font-medium outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+        destructive ? "text-danger-fg data-[highlighted]:bg-danger/10" : "text-foreground data-[highlighted]:bg-secondary/15",
+        className
+      ),
+      ...props,
+      children: [
+        icon && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "flex shrink-0 text-icon-md", children: icon }),
+        children
+      ]
+    }
+  )
+);
+DropdownMenuItem.displayName = MenuPrimitive.Item.displayName;
+var DropdownMenuLabel = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  MenuPrimitive.Label,
+  {
+    ref,
+    className: cn("px-3 pb-1 pt-2 text-muted-foreground", eyebrow, className),
+    ...props
+  }
+));
+DropdownMenuLabel.displayName = MenuPrimitive.Label.displayName;
+var DropdownMenuSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(MenuPrimitive.Separator, { ref, className: cn("-mx-1.5 my-1.5 h-px bg-secondary/15", className), ...props }));
+DropdownMenuSeparator.displayName = MenuPrimitive.Separator.displayName;
+
+export {
+  DropdownMenu,
+  DropdownMenuTrigger,
+  DropdownMenuGroup,
+  DropdownMenuPortal,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator
+};