@cloudflare/kumo 1.0.0

package/dist/banner-4fkH6Sbt.js

@@ -0,0 +1,51 @@
+"use client";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { isValidElement as m } from "react";
+import { c as r } from "./cn-Bhsu1vx2.js";
+const g = "flex w-full items-center gap-2 rounded-lg border px-4 py-1.5 text-base", d = {
+  variant: {
+    default: {
+      classes: "bg-kumo-info/20 border-kumo-info text-kumo-link selection:bg-kumo-info-tint",
+      description: "Informational banner for general messages"
+    },
+    alert: {
+      classes: "bg-kumo-warning/20 border-kumo-warning text-kumo-warning selection:bg-kumo-warning-tint",
+      description: "Warning banner for cautionary messages"
+    },
+    error: {
+      classes: "bg-kumo-danger/20 border-kumo-danger text-kumo-danger selection:bg-kumo-danger-tint",
+      description: "Error banner for critical issues"
+    }
+  }
+}, o = {
+  variant: "default"
+};
+function f({
+  variant: e = o.variant
+} = {}) {
+  return r(
+    // Base styles (exported as KUMO_BANNER_BASE_STYLES for Figma plugin)
+    g,
+    // Apply variant styles from KUMO_BANNER_VARIANTS
+    d.variant[e].classes
+  );
+}
+var b = /* @__PURE__ */ ((e) => (e[e.DEFAULT = 0] = "DEFAULT", e[e.ALERT = 1] = "ALERT", e[e.ERROR = 2] = "ERROR", e))(b || {});
+function R({
+  icon: e,
+  children: t,
+  text: s,
+  variant: i = o.variant,
+  className: a
+}) {
+  const n = t ?? s, c = m(n) ? n : /* @__PURE__ */ l("p", { children: n });
+  return /* @__PURE__ */ u("div", { className: r(f({ variant: i }), a), children: [
+    e,
+    c
+  ] });
+}
+export {
+  R as B,
+  b as a
+};
+//# sourceMappingURL=banner-4fkH6Sbt.js.map

package/dist/banner-4fkH6Sbt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"banner-4fkH6Sbt.js","sources":["../src/components/banner/banner.tsx"],"sourcesContent":["import { type ReactNode, isValidElement } from \"react\";\nimport { cn } from \"../../utils/cn\";\n\n/**\n * Base styles applied to all banner variants.\n * Used by bannerVariants() and consumed by Figma plugin for component generation.\n */\nexport const KUMO_BANNER_BASE_STYLES =\n  \"flex w-full items-center gap-2 rounded-lg border px-4 py-1.5 text-base\";\n\nexport const KUMO_BANNER_VARIANTS = {\n  variant: {\n    default: {\n      classes: \"bg-kumo-info/20 border-kumo-info text-kumo-link selection:bg-kumo-info-tint\",\n      description: \"Informational banner for general messages\",\n    },\n    alert: {\n      classes:\n        \"bg-kumo-warning/20 border-kumo-warning text-kumo-warning selection:bg-kumo-warning-tint\",\n      description: \"Warning banner for cautionary messages\",\n    },\n    error: {\n      classes:\n        \"bg-kumo-danger/20 border-kumo-danger text-kumo-danger selection:bg-kumo-danger-tint\",\n      description: \"Error banner for critical issues\",\n    },\n  },\n} as const;\n\nexport const KUMO_BANNER_DEFAULT_VARIANTS = {\n  variant: \"default\",\n} as const;\n\n// Derived types from KUMO_BANNER_VARIANTS\nexport type KumoBannerVariant = keyof typeof KUMO_BANNER_VARIANTS.variant;\n\nexport interface KumoBannerVariantsProps {\n  variant?: KumoBannerVariant;\n}\n\nexport function bannerVariants({\n  variant = KUMO_BANNER_DEFAULT_VARIANTS.variant,\n}: KumoBannerVariantsProps = {}) {\n  return cn(\n    // Base styles (exported as KUMO_BANNER_BASE_STYLES for Figma plugin)\n    KUMO_BANNER_BASE_STYLES,\n    // Apply variant styles from KUMO_BANNER_VARIANTS\n    KUMO_BANNER_VARIANTS.variant[variant].classes,\n  );\n}\n\n// Legacy enum for backwards compatibility\nexport enum BannerVariant {\n  DEFAULT,\n  ALERT,\n  ERROR,\n}\n\nexport interface BannerProps {\n  icon?: ReactNode;\n  /** @deprecated Use `children` instead. Will be removed in a future major version. */\n  text?: string;\n  children?: ReactNode;\n  variant?: KumoBannerVariant;\n  className?: string;\n}\n\nexport function Banner({\n  icon,\n  children,\n  text,\n  variant = KUMO_BANNER_DEFAULT_VARIANTS.variant,\n  className,\n}: BannerProps) {\n  // Prefer children over deprecated text prop\n  const value = children ?? text;\n\n  const content = isValidElement(value) ? value : <p>{value}</p>;\n\n  return (\n    <div className={cn(bannerVariants({ variant }), className)}>\n      {icon}\n      {content}\n    </div>\n  );\n}\n"],"names":["KUMO_BANNER_BASE_STYLES","KUMO_BANNER_VARIANTS","KUMO_BANNER_DEFAULT_VARIANTS","bannerVariants","variant","cn","BannerVariant","Banner","icon","children","text","className","value","content","isValidElement","jsx","jsxs"],"mappings":";;;;AAOO,MAAMA,IACX,0EAEWC,IAAuB;AAAA,EAClC,SAAS;AAAA,IACP,SAAS;AAAA,MACP,SAAS;AAAA,MACT,aAAa;AAAA,IAAA;AAAA,IAEf,OAAO;AAAA,MACL,SACE;AAAA,MACF,aAAa;AAAA,IAAA;AAAA,IAEf,OAAO;AAAA,MACL,SACE;AAAA,MACF,aAAa;AAAA,IAAA;AAAA,EACf;AAEJ,GAEaC,IAA+B;AAAA,EAC1C,SAAS;AACX;AASO,SAASC,EAAe;AAAA,EAC7B,SAAAC,IAAUF,EAA6B;AACzC,IAA6B,IAAI;AAC/B,SAAOG;AAAA;AAAA,IAELL;AAAA;AAAA,IAEAC,EAAqB,QAAQG,CAAO,EAAE;AAAA,EAAA;AAE1C;AAGO,IAAKE,sBAAAA,OACVA,EAAAA,EAAA,UAAA,CAAA,IAAA,WACAA,EAAAA,EAAA,QAAA,CAAA,IAAA,SACAA,EAAAA,EAAA,QAAA,CAAA,IAAA,SAHUA,IAAAA,KAAA,CAAA,CAAA;AAeL,SAASC,EAAO;AAAA,EACrB,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAN,IAAUF,EAA6B;AAAA,EACvC,WAAAS;AACF,GAAgB;AAEd,QAAMC,IAAQH,KAAYC,GAEpBG,IAAUC,EAAeF,CAAK,IAAIA,IAAQ,gBAAAG,EAAC,OAAG,UAAAH,GAAM;AAE1D,SACE,gBAAAI,EAAC,OAAA,EAAI,WAAWX,EAAGF,EAAe,EAAE,SAAAC,EAAA,CAAS,GAAGO,CAAS,GACtD,UAAA;AAAA,IAAAH;AAAA,IACAK;AAAA,EAAA,GACH;AAEJ;"}

package/dist/breadcrumbs-B5SY2CWj.js

@@ -0,0 +1,132 @@
+"use client";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { useState as l, useEffect as m } from "react";
+import { CheckIcon as u, CopyIcon as p } from "@phosphor-icons/react";
+import { B as d } from "./button-E2-hZMZE.js";
+import { S as f } from "./skeleton-line-CtpS1u1J.js";
+import { u as h } from "./link-provider-DPBGo-0n.js";
+import { c } from "./cn-Bhsu1vx2.js";
+const b = {
+  size: {
+    sm: {
+      classes: "text-sm h-10 gap-0.5",
+      description: "Compact breadcrumbs for dense UIs"
+    },
+    base: {
+      classes: "text-base h-12 gap-1",
+      description: "Default breadcrumbs size"
+    }
+  }
+}, k = {
+  size: "base"
+};
+function C({
+  size: t = k.size
+} = {}) {
+  return c(
+    "group mr-4 hidden min-w-0 grow items-center sm:flex",
+    b.size[t].classes
+  );
+}
+const x = ({
+  href: t,
+  icon: e,
+  children: s
+}) => {
+  const o = h();
+  return /* @__PURE__ */ i(
+    o,
+    {
+      to: t,
+      className: "flex min-w-0 items-center gap-1 text-kumo-subtle no-underline",
+      children: [
+        !!e && /* @__PURE__ */ r("span", { className: "flex shrink-0 items-center", children: e }),
+        s
+      ]
+    }
+  );
+};
+function g({
+  children: t,
+  icon: e,
+  loading: s
+}) {
+  return s ? /* @__PURE__ */ i("div", { className: "flex w-[125px] min-w-0 items-center gap-1", children: [
+    e && /* @__PURE__ */ r("span", { className: "flex shrink-0 items-center", children: e }),
+    /* @__PURE__ */ r(f, {})
+  ] }) : /* @__PURE__ */ i(
+    "div",
+    {
+      className: "flex items-center gap-1 truncate font-medium",
+      "aria-current": "page",
+      children: [
+        e && /* @__PURE__ */ r("span", { className: "flex shrink-0 items-center", children: e }),
+        t
+      ]
+    }
+  );
+}
+function N() {
+  return /* @__PURE__ */ r("span", { className: "flex items-center text-kumo-inactive", "aria-hidden": "true", children: /* @__PURE__ */ r("svg", { width: "24", height: "24", fill: "none", viewBox: "0 0 24 24", children: /* @__PURE__ */ r(
+    "path",
+    {
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: "1.5",
+      d: "M10.75 8.75L14.25 12L10.75 15.25"
+    }
+  ) }) });
+}
+function w({ text: t }) {
+  const [e, s] = l(!1);
+  return m(() => {
+    if (!e) return;
+    const a = setTimeout(() => s(!1), 2e3);
+    return () => clearTimeout(a);
+  }, [e]), /* @__PURE__ */ r(
+    d,
+    {
+      variant: "ghost",
+      shape: "square",
+      size: "sm",
+      className: "opacity-0 transition-[opacity] group-hover:opacity-100",
+      onClick: async () => {
+        if (t)
+          try {
+            await navigator.clipboard.writeText(t), s(!0);
+          } catch (a) {
+            console.error("Failed to copy deeplink:", a);
+          }
+      },
+      title: "Click to copy",
+      "aria-label": "Copy",
+      children: e ? /* @__PURE__ */ r(u, { weight: "bold", className: "text-kumo-success" }) : /* @__PURE__ */ r(p, { weight: "regular" })
+    }
+  );
+}
+function n({
+  children: t,
+  size: e = "base",
+  className: s
+}) {
+  return /* @__PURE__ */ r(
+    "nav",
+    {
+      className: c(C({ size: e }), s),
+      "aria-label": "breadcrumb",
+      children: t
+    }
+  );
+}
+n.Link = x;
+n.Current = g;
+n.Separator = N;
+n.Clipboard = w;
+export {
+  n as B,
+  b as K,
+  k as a,
+  C as b
+};
+//# sourceMappingURL=breadcrumbs-B5SY2CWj.js.map

package/dist/breadcrumbs-B5SY2CWj.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs-B5SY2CWj.js","sources":["../src/components/breadcrumbs/breadcrumbs.tsx"],"sourcesContent":["import { useEffect, useState, type PropsWithChildren } from \"react\";\nimport { CheckIcon, CopyIcon } from \"@phosphor-icons/react\";\nimport { Button } from \"../../components/button\";\nimport { SkeletonLine } from \"../../components/loader/skeleton-line\";\nimport { useLinkComponent } from \"../../utils/link-provider\";\nimport { cn } from \"../../utils/cn\";\n\nexport const KUMO_BREADCRUMBS_VARIANTS = {\n  size: {\n    sm: {\n      classes: \"text-sm h-10 gap-0.5\",\n      description: \"Compact breadcrumbs for dense UIs\",\n    },\n    base: {\n      classes: \"text-base h-12 gap-1\",\n      description: \"Default breadcrumbs size\",\n    },\n  },\n} as const;\n\nexport const KUMO_BREADCRUMBS_DEFAULT_VARIANTS = {\n  size: \"base\",\n} as const;\n\nexport type KumoBreadcrumbsSize = keyof typeof KUMO_BREADCRUMBS_VARIANTS.size;\n\nexport interface KumoBreadcrumbsVariantsProps {\n  size?: KumoBreadcrumbsSize;\n}\n\nexport function breadcrumbsVariants({\n  size = KUMO_BREADCRUMBS_DEFAULT_VARIANTS.size,\n}: KumoBreadcrumbsVariantsProps = {}) {\n  return cn(\n    \"group mr-4 hidden min-w-0 grow items-center sm:flex\",\n    KUMO_BREADCRUMBS_VARIANTS.size[size].classes,\n  );\n}\n\nexport interface BreadcrumbsItemProps {\n  href: string;\n  icon?: React.ReactNode;\n}\n\nconst Link = ({\n  href,\n  icon,\n  children,\n}: PropsWithChildren<BreadcrumbsItemProps>) => {\n  const LinkComponent = useLinkComponent();\n\n  return (\n    <LinkComponent\n      to={href}\n      className=\"flex min-w-0 items-center gap-1 text-kumo-subtle no-underline\"\n    >\n      {!!icon && <span className=\"flex shrink-0 items-center\">{icon}</span>}\n      {children}\n    </LinkComponent>\n  );\n};\n\ninterface BreadcrumbsCurrentProps {\n  loading?: boolean;\n  icon?: React.ReactNode;\n}\n\nfunction Current({\n  children,\n  icon,\n  loading,\n}: PropsWithChildren<BreadcrumbsCurrentProps>) {\n  if (loading) {\n    return (\n      <div className=\"flex w-[125px] min-w-0 items-center gap-1\">\n        {icon && <span className=\"flex shrink-0 items-center\">{icon}</span>}\n        <SkeletonLine />\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className=\"flex items-center gap-1 truncate font-medium\"\n      aria-current=\"page\"\n    >\n      {icon && <span className=\"flex shrink-0 items-center\">{icon}</span>}\n      {children}\n    </div>\n  );\n}\n\nfunction Separator() {\n  return (\n    <span className=\"flex items-center text-kumo-inactive\" aria-hidden=\"true\">\n      <svg width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\">\n        <path\n          stroke=\"currentColor\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeWidth=\"1.5\"\n          d=\"M10.75 8.75L14.25 12L10.75 15.25\"\n        />\n      </svg>\n    </span>\n  );\n}\n\nfunction Clipboard({ text }: { text: string }) {\n  const [isCopied, setIsCopied] = useState(false);\n\n  useEffect(() => {\n    if (!isCopied) return;\n\n    const timeoutId = setTimeout(() => setIsCopied(false), 2000);\n    return () => clearTimeout(timeoutId);\n  }, [isCopied]);\n\n  const handleCopyDeeplink = async () => {\n    if (!text) return;\n\n    try {\n      await navigator.clipboard.writeText(text);\n      setIsCopied(true);\n    } catch (err) {\n      console.error(\"Failed to copy deeplink:\", err);\n    }\n  };\n\n  return (\n    <Button\n      variant=\"ghost\"\n      shape=\"square\"\n      size=\"sm\"\n      className=\"opacity-0 transition-[opacity] group-hover:opacity-100\"\n      onClick={handleCopyDeeplink}\n      title=\"Click to copy\"\n      aria-label=\"Copy\"\n    >\n      {isCopied ? (\n        <CheckIcon weight=\"bold\" className=\"text-kumo-success\" />\n      ) : (\n        <CopyIcon weight=\"regular\" />\n      )}\n    </Button>\n  );\n}\n\nexport interface BreadcrumbsProps\n  extends PropsWithChildren,\n    KumoBreadcrumbsVariantsProps {\n  className?: string;\n}\n\nexport function Breadcrumb({\n  children,\n  size = \"base\",\n  className,\n}: BreadcrumbsProps) {\n  return (\n    <nav\n      className={cn(breadcrumbsVariants({ size }), className)}\n      aria-label=\"breadcrumb\"\n    >\n      {children}\n    </nav>\n  );\n}\n\nBreadcrumb.Link = Link;\nBreadcrumb.Current = Current;\nBreadcrumb.Separator = Separator;\nBreadcrumb.Clipboard = Clipboard;\n"],"names":["KUMO_BREADCRUMBS_VARIANTS","KUMO_BREADCRUMBS_DEFAULT_VARIANTS","breadcrumbsVariants","size","cn","Link","href","icon","children","LinkComponent","useLinkComponent","jsxs","jsx","Current","loading","SkeletonLine","Separator","Clipboard","text","isCopied","setIsCopied","useState","useEffect","timeoutId","Button","err","CheckIcon","CopyIcon","Breadcrumb","className"],"mappings":"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"}

package/dist/button-E2-hZMZE.js

@@ -0,0 +1,191 @@
+"use client";
+import { jsx as a, jsxs as k } from "react/jsx-runtime";
+import f from "react";
+import { ArrowsClockwise as v } from "@phosphor-icons/react";
+import { L as z } from "./loader-DHGMYlC6.js";
+import { c as i } from "./cn-Bhsu1vx2.js";
+import { u as w } from "./link-provider-DPBGo-0n.js";
+const n = {
+  shape: {
+    base: {
+      classes: "",
+      description: "Default rectangular button shape"
+    },
+    square: {
+      classes: "items-center justify-center p-0",
+      description: "Square button for icon-only actions"
+    },
+    circle: {
+      classes: "items-center justify-center p-0 rounded-full",
+      description: "Circular button for icon-only actions"
+    }
+  },
+  size: {
+    xs: {
+      classes: "h-5 gap-1 rounded-sm px-1.5 text-xs",
+      description: "Extra small button for compact UIs"
+    },
+    sm: {
+      classes: "h-6.5 gap-1 rounded-md px-2 text-xs",
+      description: "Small button for secondary actions"
+    },
+    base: {
+      classes: "h-9 gap-1.5 rounded-lg px-3 text-base",
+      description: "Default button size"
+    },
+    lg: {
+      classes: "h-10 gap-2 rounded-lg px-4 text-base",
+      description: "Large button for primary CTAs"
+    }
+  },
+  compactSize: {
+    xs: { classes: "size-3.5" },
+    sm: { classes: "size-6.5" },
+    base: { classes: "size-9" },
+    lg: { classes: "size-10" }
+  },
+  variant: {
+    primary: {
+      classes: "bg-kumo-brand !text-white hover:bg-kumo-brand-hover focus:bg-kumo-brand-hover disabled:bg-kumo-brand/50",
+      description: "High-emphasis button for primary actions"
+    },
+    secondary: {
+      classes: "bg-kumo-control !text-kumo-default ring not-disabled:hover:border-secondary! not-disabled:hover:bg-kumo-control disabled:bg-kumo-control/50 disabled:!text-kumo-default/70 ring-kumo-line data-[state=open]:bg-kumo-control",
+      description: "Default button style for most actions"
+    },
+    ghost: {
+      classes: "text-kumo-default hover:bg-kumo-tint shadow-none bg-inherit",
+      description: "Minimal button with no background"
+    },
+    destructive: {
+      classes: "bg-kumo-danger !text-white hover:bg-kumo-danger/70",
+      description: "Danger button for destructive actions like delete"
+    },
+    "secondary-destructive": {
+      classes: "bg-kumo-control !text-kumo-danger ring not-disabled:hover:border-secondary! not-disabled:hover:bg-kumo-control disabled:bg-kumo-control/50 disabled:!text-kumo-danger/70 ring-kumo-line data-[state=open]:bg-kumo-control",
+      description: "Secondary button with destructive text for less prominent dangerous actions"
+    },
+    outline: {
+      classes: "bg-kumo-base text-kumo-default ring ring-kumo-line",
+      description: "Bordered button with transparent background"
+    }
+  }
+}, g = {
+  shape: "base",
+  size: "base",
+  variant: "secondary"
+};
+function h({
+  variant: s = g.variant,
+  size: t = g.size,
+  shape: e = g.shape
+} = {}) {
+  const o = e === "square" || e === "circle";
+  return i(
+    // Base styles
+    "group flex w-max shrink-0 items-center font-medium select-none",
+    "border-0 shadow-xs",
+    "cursor-pointer",
+    // Disabled state
+    "disabled:cursor-not-allowed disabled:text-kumo-subtle",
+    // Apply variant, size, shape styles from KUMO_BUTTON_VARIANTS
+    n.variant[s].classes,
+    n.size[t].classes,
+    n.shape[e].classes,
+    o && n.compactSize[t].classes
+  );
+}
+const x = (s) => s ? f.isValidElement(s) ? s : /* @__PURE__ */ a(s, {}) : null, y = f.forwardRef(
+  ({
+    children: s,
+    className: t,
+    disabled: e,
+    loading: o,
+    shape: c = "base",
+    size: r = "base",
+    variant: l = "secondary",
+    icon: u,
+    ...d
+  }, b) => {
+    const { type: m, ...p } = d;
+    return /* @__PURE__ */ k(
+      "button",
+      {
+        ref: b,
+        className: i(
+          h({ variant: l, size: r, shape: c }),
+          "outline-none focus:opacity-100 focus-visible:ring-1 focus-visible:ring-kumo-ring *:in-focus:opacity-100",
+          // Focus styles
+          e && "cursor-not-allowed opacity-50",
+          t
+        ),
+        disabled: o || e,
+        type: m ?? "button",
+        ...p,
+        children: [
+          o && /* @__PURE__ */ a(z, { size: r === "lg" ? 16 : 14 }),
+          !o && x(u),
+          s
+        ]
+      }
+    );
+  }
+);
+y.displayName = "Button";
+const A = ({
+  "aria-label": s = "Refresh",
+  loading: t,
+  ...e
+}) => /* @__PURE__ */ a(y, { shape: "square", "aria-label": s, ...e, children: /* @__PURE__ */ a(
+  v,
+  {
+    className: i({
+      "animate-refresh": t,
+      "size-4.5": e.size === "base" || !e.size,
+      "size-4": e.size === "sm",
+      "size-5": e.size === "lg"
+    })
+  }
+) }), N = f.forwardRef(
+  ({
+    children: s,
+    className: t,
+    external: e,
+    href: o,
+    shape: c = "base",
+    size: r = "base",
+    variant: l = "ghost",
+    icon: u,
+    // linksExternal = false,
+    ...d
+  }, b) => {
+    const m = w(), p = e ? { target: "_blank", rel: "noopener noreferrer" } : {};
+    return /* @__PURE__ */ k(
+      m,
+      {
+        ref: b,
+        className: i(
+          h({ variant: l, size: r, shape: c }),
+          "flex items-center no-underline!",
+          t
+        ),
+        href: o,
+        to: typeof o == "string" ? o : void 0,
+        ...p,
+        ...d,
+        children: [
+          x(u),
+          s
+        ]
+      }
+    );
+  }
+);
+N.displayName = "LinkButton";
+export {
+  y as B,
+  N as L,
+  A as R,
+  h as b
+};
+//# sourceMappingURL=button-E2-hZMZE.js.map

package/dist/button-E2-hZMZE.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-E2-hZMZE.js","sources":["../src/components/button/button.tsx"],"sourcesContent":["import React from \"react\";\nimport { ArrowsClockwise, type Icon } from \"@phosphor-icons/react\";\nimport { Loader } from \"../loader/loader\";\nimport { cn } from \"../../utils/cn\";\nimport { useLinkComponent } from \"../../utils/link-provider\";\n\nexport const KUMO_BUTTON_VARIANTS = {\n  shape: {\n    base: {\n      classes: \"\",\n      description: \"Default rectangular button shape\",\n    },\n    square: {\n      classes: \"items-center justify-center p-0\",\n      description: \"Square button for icon-only actions\",\n    },\n    circle: {\n      classes: \"items-center justify-center p-0 rounded-full\",\n      description: \"Circular button for icon-only actions\",\n    },\n  },\n  size: {\n    xs: {\n      classes: \"h-5 gap-1 rounded-sm px-1.5 text-xs\",\n      description: \"Extra small button for compact UIs\",\n    },\n    sm: {\n      classes: \"h-6.5 gap-1 rounded-md px-2 text-xs\",\n      description: \"Small button for secondary actions\",\n    },\n    base: {\n      classes: \"h-9 gap-1.5 rounded-lg px-3 text-base\",\n      description: \"Default button size\",\n    },\n    lg: {\n      classes: \"h-10 gap-2 rounded-lg px-4 text-base\",\n      description: \"Large button for primary CTAs\",\n    },\n  },\n  compactSize: {\n    xs: { classes: \"size-3.5\" },\n    sm: { classes: \"size-6.5\" },\n    base: { classes: \"size-9\" },\n    lg: { classes: \"size-10\" },\n  },\n  variant: {\n    primary: {\n      classes:\n        \"bg-kumo-brand !text-white hover:bg-kumo-brand-hover focus:bg-kumo-brand-hover disabled:bg-kumo-brand/50\",\n      description: \"High-emphasis button for primary actions\",\n    },\n    secondary: {\n      classes:\n        \"bg-kumo-control !text-kumo-default ring not-disabled:hover:border-secondary! not-disabled:hover:bg-kumo-control disabled:bg-kumo-control/50 disabled:!text-kumo-default/70 ring-kumo-line data-[state=open]:bg-kumo-control\",\n      description: \"Default button style for most actions\",\n    },\n    ghost: {\n      classes: \"text-kumo-default hover:bg-kumo-tint shadow-none bg-inherit\",\n      description: \"Minimal button with no background\",\n    },\n    destructive: {\n      classes: \"bg-kumo-danger !text-white hover:bg-kumo-danger/70\",\n      description: \"Danger button for destructive actions like delete\",\n    },\n    \"secondary-destructive\": {\n      classes:\n        \"bg-kumo-control !text-kumo-danger ring not-disabled:hover:border-secondary! not-disabled:hover:bg-kumo-control disabled:bg-kumo-control/50 disabled:!text-kumo-danger/70 ring-kumo-line data-[state=open]:bg-kumo-control\",\n      description:\n        \"Secondary button with destructive text for less prominent dangerous actions\",\n    },\n    outline: {\n      classes: \"bg-kumo-base text-kumo-default ring ring-kumo-line\",\n      description: \"Bordered button with transparent background\",\n    },\n  },\n} as const;\n\nexport const KUMO_BUTTON_DEFAULT_VARIANTS = {\n  shape: \"base\",\n  size: \"base\",\n  variant: \"secondary\",\n} as const;\n\n// Derived types from KUMO_BUTTON_VARIANTS\nexport type KumoButtonShape = keyof typeof KUMO_BUTTON_VARIANTS.shape;\nexport type KumoButtonSize = keyof typeof KUMO_BUTTON_VARIANTS.size;\nexport type KumoButtonVariant = keyof typeof KUMO_BUTTON_VARIANTS.variant;\n\nexport interface KumoButtonVariantsProps {\n  shape?: KumoButtonShape;\n  size?: KumoButtonSize;\n  variant?: KumoButtonVariant;\n}\n\nexport function buttonVariants({\n  variant = KUMO_BUTTON_DEFAULT_VARIANTS.variant,\n  size = KUMO_BUTTON_DEFAULT_VARIANTS.size,\n  shape = KUMO_BUTTON_DEFAULT_VARIANTS.shape,\n}: KumoButtonVariantsProps = {}) {\n  const isCompactShape = shape === \"square\" || shape === \"circle\";\n\n  return cn(\n    // Base styles\n    \"group flex w-max shrink-0 items-center font-medium select-none\",\n    \"border-0 shadow-xs\",\n    \"cursor-pointer\",\n    // Disabled state\n    \"disabled:cursor-not-allowed disabled:text-kumo-subtle\",\n    // Apply variant, size, shape styles from KUMO_BUTTON_VARIANTS\n    KUMO_BUTTON_VARIANTS.variant[variant].classes,\n    KUMO_BUTTON_VARIANTS.size[size].classes,\n    KUMO_BUTTON_VARIANTS.shape[shape].classes,\n    isCompactShape && KUMO_BUTTON_VARIANTS.compactSize[size].classes,\n  );\n}\n\n// Normalize icon prop to support both React elements and component types\nconst renderIconNode = (IconComponent?: Icon | React.ReactNode) => {\n  if (!IconComponent) return null;\n  if (React.isValidElement(IconComponent)) return IconComponent;\n  const Comp = IconComponent as React.ComponentType<Record<string, unknown>>;\n  return <Comp />;\n};\n\nexport type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> &\n  KumoButtonVariantsProps & {\n    children?: React.ReactNode;\n    className?: string;\n    icon?: Icon | React.ReactNode;\n    loading?: boolean;\n  };\n\nexport type LinkButtonProps = React.AnchorHTMLAttributes<HTMLAnchorElement> &\n  KumoButtonVariantsProps & {\n    children?: React.ReactNode;\n    className?: string;\n    icon?: Icon | React.ReactNode;\n    external?: boolean;\n    linksExternal?: boolean;\n  };\n\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      children,\n      className,\n      disabled,\n      loading,\n      shape = \"base\",\n      size = \"base\",\n      variant = \"secondary\",\n      icon: IconComponent,\n      ...props\n    },\n    ref,\n  ) => {\n    const { type, ...restProps } = props;\n    return (\n      <button\n        ref={ref}\n        className={cn(\n          buttonVariants({ variant, size, shape }),\n          \"outline-none focus:opacity-100 focus-visible:ring-1 focus-visible:ring-kumo-ring *:in-focus:opacity-100\", // Focus styles\n          disabled && \"cursor-not-allowed opacity-50\",\n          className,\n        )}\n        disabled={loading || disabled}\n        type={type ?? \"button\"}\n        {...restProps}\n      >\n        {loading && <Loader size={size === \"lg\" ? 16 : 14} />}\n        {!loading && renderIconNode(IconComponent)}\n\n        {children}\n      </button>\n    );\n  },\n);\n\nButton.displayName = \"Button\";\n\nexport const RefreshButton = ({\n  \"aria-label\": ariaLabel = \"Refresh\",\n  loading,\n  ...props\n}: ButtonProps) => (\n  <Button shape=\"square\" aria-label={ariaLabel} {...props}>\n    <ArrowsClockwise\n      className={cn({\n        \"animate-refresh\": loading,\n        \"size-4.5\": props.size === \"base\" || !props.size,\n        \"size-4\": props.size === \"sm\",\n        \"size-5\": props.size === \"lg\",\n      })}\n    />\n  </Button>\n);\n\nexport const LinkButton = React.forwardRef<HTMLAnchorElement, LinkButtonProps>(\n  (\n    {\n      children,\n      className,\n      external,\n      href,\n      shape = \"base\",\n      size = \"base\",\n      variant = \"ghost\",\n      icon: IconComponent,\n      // linksExternal = false,\n      ...props\n    },\n    ref,\n  ) => {\n    const LinkComponent = useLinkComponent();\n    const externalProps = external\n      ? { target: \"_blank\", rel: \"noopener noreferrer\" }\n      : {};\n\n    return (\n      <LinkComponent\n        ref={ref}\n        className={cn(\n          buttonVariants({ variant, size, shape }),\n          \"flex items-center no-underline!\",\n          className,\n        )}\n        href={href}\n        to={typeof href === \"string\" ? href : undefined}\n        {...externalProps}\n        {...props}\n      >\n        {renderIconNode(IconComponent)}\n        {children}\n      </LinkComponent>\n    );\n  },\n);\n\nLinkButton.displayName = \"LinkButton\";\n"],"names":["KUMO_BUTTON_VARIANTS","KUMO_BUTTON_DEFAULT_VARIANTS","buttonVariants","variant","size","shape","isCompactShape","cn","renderIconNode","IconComponent","React","Button","children","className","disabled","loading","props","ref","type","restProps","jsxs","Loader","RefreshButton","ariaLabel","jsx","ArrowsClockwise","LinkButton","external","href","LinkComponent","useLinkComponent","externalProps"],"mappings":"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"}

package/dist/catalog.js

@@ -0,0 +1,229 @@
+"use client";
+let c = null, h = null;
+async function y() {
+  return c || h || (h = import("./schemas-BSdA0fz-.js").then((t) => (c = t, c)), h);
+}
+function l() {
+  if (!c)
+    throw new Error(
+      "Schemas not loaded. Call initCatalog(catalog) first or use async validation."
+    );
+  return c;
+}
+function v(t = {}) {
+  const { actions: s = {} } = t, r = Object.keys(s);
+  return {
+    get componentNames() {
+      return l().KUMO_COMPONENT_NAMES;
+    },
+    get actionNames() {
+      return r;
+    },
+    hasComponent(n) {
+      try {
+        return l().KUMO_COMPONENT_NAMES.includes(n);
+      } catch {
+        return !1;
+      }
+    },
+    hasAction(n) {
+      return n in s;
+    },
+    validateElement(n) {
+      try {
+        const e = l(), a = e.UIElementBaseSchema.safeParse(n);
+        if (a.success) {
+          const u = e.validateElementProps(
+            a.data
+          );
+          return u.success ? { success: !0, data: a.data } : {
+            success: !1,
+            error: u.error.issues.map((i) => ({
+              message: i.message,
+              path: ["props", ...i.path]
+            }))
+          };
+        }
+        return {
+          success: !1,
+          error: a.error?.issues.map((u) => ({
+            message: u.message,
+            path: u.path
+          })) ?? [{ message: "Validation failed", path: [] }]
+        };
+      } catch (e) {
+        return {
+          success: !1,
+          error: [
+            {
+              message: e instanceof Error ? e.message : "Validation failed",
+              path: []
+            }
+          ]
+        };
+      }
+    },
+    validateTree(n) {
+      try {
+        const a = l().validateUITree(n);
+        return a.success ? { success: !0, data: a.data } : {
+          success: !1,
+          error: a.error.issues.map((u) => ({
+            message: u.message,
+            path: u.path
+          }))
+        };
+      } catch (e) {
+        return {
+          success: !1,
+          error: [
+            {
+              message: e instanceof Error ? e.message : "Validation failed",
+              path: []
+            }
+          ]
+        };
+      }
+    },
+    generatePrompt() {
+      const n = l(), e = [
+        "# Kumo Component Catalog",
+        "",
+        "You are generating UI using Kumo components. Output must be valid JSON matching the UITree schema.",
+        "",
+        "## Available Components",
+        ""
+      ];
+      for (const a of n.KUMO_COMPONENT_NAMES)
+        e.push(`- \`${a}\``);
+      if (r.length > 0) {
+        e.push(""), e.push("## Available Actions"), e.push("");
+        for (const [a, u] of Object.entries(s))
+          e.push(`- \`${a}\`: ${u.description}`);
+      }
+      return e.push(""), e.push("## Output Format"), e.push(""), e.push("```json"), e.push("{"), e.push('  "root": "element-1",'), e.push('  "elements": {'), e.push('    "element-1": {'), e.push('      "key": "element-1",'), e.push('      "type": "ComponentName",'), e.push('      "props": { ... },'), e.push('      "children": ["element-2"],'), e.push(
+        '      "visible": true | { "path": "/data/path" } | { "auth": "signedIn" }'
+      ), e.push("    }"), e.push("  }"), e.push("}"), e.push("```"), e.push(""), e.push("## Dynamic Values"), e.push(""), e.push(
+        'Props can reference data model values using `{ path: "/data/path" }`:'
+      ), e.push(""), e.push("```json"), e.push("{"), e.push('  "type": "Text",'), e.push('  "props": {'), e.push('    "children": { "path": "/user/name" }'), e.push("  }"), e.push("}"), e.push("```"), e.push(""), e.join(`
+`);
+    }
+  };
+}
+async function E(t) {
+  t.validateTree({});
+}
+function p(t, s) {
+  if (!s || s === "/")
+    return t;
+  const r = s.startsWith("/") ? s.slice(1).split("/") : s.split("/");
+  let n = t;
+  for (const e of r) {
+    if (n == null)
+      return;
+    if (typeof n == "object")
+      n = n[e];
+    else
+      return;
+  }
+  return n;
+}
+function b(t, s, r) {
+  const n = s.startsWith("/") ? s.slice(1).split("/") : s.split("/");
+  if (n.length === 0) return;
+  let e = t;
+  for (let u = 0; u < n.length - 1; u++) {
+    const i = n[u];
+    (!(i in e) || typeof e[i] != "object") && (e[i] = {}), e = e[i];
+  }
+  const a = n[n.length - 1];
+  e[a] = r;
+}
+function m(t) {
+  return typeof t == "object" && t !== null && "path" in t && typeof t.path == "string";
+}
+function o(t, s) {
+  if (t != null)
+    return m(t) ? p(s, t.path) : t;
+}
+function d(t, s) {
+  const r = {};
+  for (const [n, e] of Object.entries(t))
+    m(e) ? r[n] = p(s, e.path) : typeof e == "object" && e !== null && !Array.isArray(e) ? r[n] = d(e, s) : r[n] = e;
+  return r;
+}
+function g(t) {
+  return t == null ? !1 : typeof t == "boolean" ? t : typeof t == "number" ? t !== 0 : typeof t == "string" || Array.isArray(t) ? t.length > 0 : typeof t == "object" ? Object.keys(t).length > 0 : !!t;
+}
+function f(t, s) {
+  if ("path" in t && !("eq" in t) && !("neq" in t)) {
+    const r = p(s.data, t.path);
+    return g(r);
+  }
+  if ("and" in t)
+    return t.and.every((r) => f(r, s));
+  if ("or" in t)
+    return t.or.some((r) => f(r, s));
+  if ("not" in t)
+    return !f(t.not, s);
+  if ("eq" in t) {
+    const r = t, n = o(r.eq[0], s.data), e = o(r.eq[1], s.data);
+    return n === e;
+  }
+  if ("neq" in t) {
+    const r = t, n = o(r.neq[0], s.data), e = o(r.neq[1], s.data);
+    return n !== e;
+  }
+  if ("gt" in t) {
+    const r = t, n = o(r.gt[0], s.data), e = o(r.gt[1], s.data);
+    return n > e;
+  }
+  if ("gte" in t) {
+    const r = t, n = o(r.gte[0], s.data), e = o(r.gte[1], s.data);
+    return n >= e;
+  }
+  if ("lt" in t) {
+    const r = t, n = o(r.lt[0], s.data), e = o(r.lt[1], s.data);
+    return n < e;
+  }
+  if ("lte" in t) {
+    const r = t, n = o(r.lte[0], s.data), e = o(r.lte[1], s.data);
+    return n <= e;
+  }
+  return !0;
+}
+function A(t, s) {
+  if (t === void 0)
+    return !0;
+  if (typeof t == "boolean")
+    return t;
+  if ("auth" in t)
+    return t.auth === "signedIn" ? s.auth.isSignedIn : t.auth === "signedOut" ? !s.auth.isSignedIn : !0;
+  if ("path" in t && !("and" in t) && !("or" in t)) {
+    const r = p(s.data, t.path);
+    return g(r);
+  }
+  return f(t, s);
+}
+function O(t = {}, s = {}) {
+  return {
+    data: t,
+    auth: {
+      isSignedIn: s.isSignedIn ?? !1,
+      user: s.user
+    }
+  };
+}
+export {
+  v as createKumoCatalog,
+  O as createVisibilityContext,
+  A as evaluateVisibility,
+  p as getByPath,
+  E as initCatalog,
+  m as isDynamicPath,
+  y as loadSchemas,
+  o as resolveDynamicValue,
+  d as resolveProps,
+  b as setByPath
+};
+//# sourceMappingURL=catalog.js.map