@cloudraker/reki 2.6.1

package/dist/chunks/breadcrumbs-d6149hyct4puz3x4.js

@@ -0,0 +1,169 @@
+"use client";
+import { jsxs as l, jsx as r } from "react/jsx-runtime";
+import { Children as k, cloneElement as d, isValidElement as x, useState as C, useEffect as g } from "react";
+import { CheckIcon as w, CopyIcon as N } from "@phosphor-icons/react";
+import { B as y } from "./button-nc5p1h28cwes0tjw.js";
+import { S as v } from "./skeleton-line-epxenksfesr2fkcv.js";
+import { u as I } from "./link-provider-bgljdgs4hs438h0u.js";
+import { c as f } from "./cn-ct4n7r74mh8y0f48.js";
+import { r as B } from "./resolve-variant-t8jcltsizeg29ege.js";
+const E = {
+  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"
+    }
+  }
+}, b = {
+  size: "base"
+};
+function L({
+  size: t = b.size
+} = {}) {
+  return f(
+    "group mr-4 flex min-w-0 grow items-center overflow-hidden whitespace-nowrap",
+    B(E.size, t, b.size).classes
+  );
+}
+const u = ({
+  href: t,
+  icon: e,
+  children: n
+}) => {
+  const i = I();
+  return /* @__PURE__ */ l(
+    i,
+    {
+      "data-reki-component": "Breadcrumbs",
+      "data-reki-part": "link",
+      to: t,
+      className: "flex min-w-0 max-w-full items-center gap-1 text-reki-subtle no-underline",
+      children: [
+        !!e && /* @__PURE__ */ r("span", { className: "flex shrink-0 items-center", children: e }),
+        /* @__PURE__ */ r("span", { className: "truncate", children: n })
+      ]
+    }
+  );
+};
+function p({
+  children: t,
+  icon: e,
+  loading: n
+}) {
+  return n ? /* @__PURE__ */ l("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(v, {})
+  ] }) : /* @__PURE__ */ l(
+    "div",
+    {
+      className: "flex min-w-0 max-w-full items-center gap-1 font-medium",
+      "aria-current": "page",
+      children: [
+        e && /* @__PURE__ */ r("span", { className: "flex shrink-0 items-center", children: e }),
+        /* @__PURE__ */ r("span", { className: "truncate", children: t })
+      ]
+    }
+  );
+}
+function c() {
+  return /* @__PURE__ */ r(
+    "span",
+    {
+      className: "flex shrink-0 items-center text-reki-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 A() {
+  return /* @__PURE__ */ r("span", { className: "flex shrink-0 items-center text-reki-subtle", "aria-hidden": !0, children: "..." });
+}
+function R({ text: t }) {
+  const [e, n] = C(!1);
+  return g(() => {
+    if (!e) return;
+    const s = setTimeout(() => n(!1), 2e3);
+    return () => clearTimeout(s);
+  }, [e]), /* @__PURE__ */ r(
+    y,
+    {
+      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), n(!0);
+          } catch (s) {
+            console.error("Failed to copy deeplink:", s);
+          }
+      },
+      title: "Click to copy",
+      "aria-label": "Copy",
+      children: e ? /* @__PURE__ */ r(w, { weight: "bold", className: "text-reki-success" }) : /* @__PURE__ */ r(N, { weight: "regular" })
+    }
+  );
+}
+function m({
+  children: t,
+  size: e = "base",
+  className: n
+}) {
+  const i = k.toArray(t), s = S(i);
+  return /* @__PURE__ */ l(
+    "nav",
+    {
+      className: f(L({ size: e }), n),
+      "aria-label": "breadcrumb",
+      children: [
+        /* @__PURE__ */ r("div", { className: "contents sm:hidden", children: s }),
+        /* @__PURE__ */ r("div", { className: "hidden sm:contents", children: i })
+      ]
+    }
+  );
+}
+function o(t, e) {
+  return x(t) && t.type === e;
+}
+function S(t) {
+  const e = t.filter(
+    (a) => o(a, u) || o(a, p)
+  );
+  if (e.length <= 2)
+    return t;
+  const [n, i] = e.slice(-2), s = [
+    /* @__PURE__ */ r(A, {}, "reki-breadcrumb-mobile-ellipsis"),
+    /* @__PURE__ */ r(c, {}, "reki-breadcrumb-mobile-separator-leading"),
+    d(n, { key: "reki-breadcrumb-mobile-parent" }),
+    /* @__PURE__ */ r(c, {}, "reki-breadcrumb-mobile-separator-trailing"),
+    d(i, { key: "reki-breadcrumb-mobile-current" })
+  ], h = t.filter(
+    (a) => !o(a, u) && !o(a, p) && !o(a, c)
+  );
+  return [...s, ...h];
+}
+m.Link = u;
+m.Current = p;
+m.Separator = c;
+m.Clipboard = R;
+export {
+  m as B,
+  b as R,
+  E as a,
+  L as b
+};
+//# sourceMappingURL=breadcrumbs-d6149hyct4puz3x4.js.map

package/dist/chunks/breadcrumbs-d6149hyct4puz3x4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs-d6149hyct4puz3x4.js","sources":["../../src/components/breadcrumbs/breadcrumbs.tsx"],"sourcesContent":["import {\n  Children,\n  cloneElement,\n  isValidElement,\n  useEffect,\n  useState,\n  type PropsWithChildren,\n  type ReactElement,\n  type ReactNode,\n} 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\";\nimport { resolveVariant } from \"../../utils/resolve-variant\";\n\n/** Breadcrumbs size variant definitions. */\nexport const REKI_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 REKI_BREADCRUMBS_DEFAULT_VARIANTS = {\n  size: \"base\",\n} as const;\n\nexport type RekiBreadcrumbsSize = keyof typeof REKI_BREADCRUMBS_VARIANTS.size;\n\nexport interface RekiBreadcrumbsVariantsProps {\n  /**\n   * Size of the breadcrumbs.\n   * - `\"sm\"` — Compact breadcrumbs for dense UIs\n   * - `\"base\"` — Default breadcrumbs size\n   * @default \"base\"\n   */\n  size?: RekiBreadcrumbsSize;\n}\n\nexport function breadcrumbsVariants({\n  size = REKI_BREADCRUMBS_DEFAULT_VARIANTS.size,\n}: RekiBreadcrumbsVariantsProps = {}) {\n  return cn(\n    \"group mr-4 flex min-w-0 grow items-center overflow-hidden whitespace-nowrap\",\n    resolveVariant(REKI_BREADCRUMBS_VARIANTS.size, size, REKI_BREADCRUMBS_DEFAULT_VARIANTS.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      data-reki-component=\"Breadcrumbs\"\n      data-reki-part=\"link\"\n      to={href}\n      className=\"flex min-w-0 max-w-full items-center gap-1 text-reki-subtle no-underline\"\n    >\n      {!!icon && <span className=\"flex shrink-0 items-center\">{icon}</span>}\n      <span className=\"truncate\">{children}</span>\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 min-w-0 max-w-full items-center gap-1 font-medium\"\n      aria-current=\"page\"\n    >\n      {icon && <span className=\"flex shrink-0 items-center\">{icon}</span>}\n      <span className=\"truncate\">{children}</span>\n    </div>\n  );\n}\n\nfunction Separator() {\n  return (\n    <span\n      className=\"flex shrink-0 items-center text-reki-inactive\"\n      aria-hidden=\"true\"\n    >\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 MobileEllipsis() {\n  return (\n    <span className=\"flex shrink-0 items-center text-reki-subtle\" aria-hidden>\n      ...\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-reki-success\" />\n      ) : (\n        <CopyIcon weight=\"regular\" />\n      )}\n    </Button>\n  );\n}\n\n/**\n * Breadcrumbs component props.\n *\n * @example\n * ```tsx\n * <Breadcrumbs>\n *   <Breadcrumbs.Link href=\"/\">Home</Breadcrumbs.Link>\n *   <Breadcrumbs.Separator />\n *   <Breadcrumbs.Link href=\"/docs\">Docs</Breadcrumbs.Link>\n *   <Breadcrumbs.Separator />\n *   <Breadcrumbs.Current>Current Page</Breadcrumbs.Current>\n * </Breadcrumbs>\n * ```\n */\nexport interface BreadcrumbsProps\n  extends PropsWithChildren,\n    RekiBreadcrumbsVariantsProps {\n  /** Additional CSS classes merged via `cn()`. */\n  className?: string;\n}\n\n/**\n * Navigation breadcrumb trail showing the current page's location in a hierarchy.\n * Compound component with `Breadcrumbs.Link`, `Breadcrumbs.Current`, `Breadcrumbs.Separator`, and `Breadcrumbs.Clipboard`.\n *\n * @example\n * ```tsx\n * <Breadcrumbs>\n *   <Breadcrumbs.Link href=\"/\">Home</Breadcrumbs.Link>\n *   <Breadcrumbs.Separator />\n *   <Breadcrumbs.Current>Dashboard</Breadcrumbs.Current>\n * </Breadcrumbs>\n * ```\n */\nexport function Breadcrumb({\n  children,\n  size = \"base\",\n  className,\n}: BreadcrumbsProps) {\n  const childArray = Children.toArray(children);\n  const mobileChildren = getMobileBreadcrumbChildren(childArray);\n\n  return (\n    <nav\n      className={cn(breadcrumbsVariants({ size }), className)}\n      aria-label=\"breadcrumb\"\n    >\n      <div className=\"contents sm:hidden\">{mobileChildren}</div>\n      <div className=\"hidden sm:contents\">{childArray}</div>\n    </nav>\n  );\n}\n\nfunction isComponentElement(\n  child: ReactNode,\n  component: unknown,\n): child is ReactElement {\n  return isValidElement(child) && child.type === component;\n}\n\nfunction getMobileBreadcrumbChildren(children: ReactNode[]): ReactNode[] {\n  const breadcrumbItems = children.filter(\n    (child) =>\n      isComponentElement(child, Link) || isComponentElement(child, Current),\n  ) as ReactElement[];\n\n  if (breadcrumbItems.length <= 2) {\n    return children;\n  }\n\n  const [parentItem, currentItem] = breadcrumbItems.slice(-2);\n  const trailingItems: ReactNode[] = [\n    <MobileEllipsis key=\"reki-breadcrumb-mobile-ellipsis\" />,\n    <Separator key=\"reki-breadcrumb-mobile-separator-leading\" />,\n    cloneElement(parentItem, { key: \"reki-breadcrumb-mobile-parent\" }),\n    <Separator key=\"reki-breadcrumb-mobile-separator-trailing\" />,\n    cloneElement(currentItem, { key: \"reki-breadcrumb-mobile-current\" }),\n  ];\n\n  const extras = children.filter(\n    (child) =>\n      !isComponentElement(child, Link) &&\n      !isComponentElement(child, Current) &&\n      !isComponentElement(child, Separator),\n  );\n\n  return [...trailingItems, ...extras];\n}\n\nBreadcrumb.Link = Link;\nBreadcrumb.Current = Current;\nBreadcrumb.Separator = Separator;\nBreadcrumb.Clipboard = Clipboard;\n"],"names":["REKI_BREADCRUMBS_VARIANTS","REKI_BREADCRUMBS_DEFAULT_VARIANTS","breadcrumbsVariants","size","cn","resolveVariant","Link","href","icon","children","LinkComponent","useLinkComponent","jsxs","jsx","Current","loading","SkeletonLine","Separator","MobileEllipsis","Clipboard","text","isCopied","setIsCopied","useState","useEffect","timeoutId","Button","err","CheckIcon","CopyIcon","Breadcrumb","className","childArray","Children","mobileChildren","getMobileBreadcrumbChildren","isComponentElement","child","component","isValidElement","breadcrumbItems","parentItem","currentItem","trailingItems","cloneElement","extras"],"mappings":"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"}

package/dist/chunks/button-nc5p1h28cwes0tjw.js

@@ -0,0 +1,237 @@
+"use client";
+import { jsx as i, jsxs as x, Fragment as w } from "react/jsx-runtime";
+import y from "react";
+import { ArrowsClockwise as A } from "@phosphor-icons/react";
+import { L as E } from "./loader-cxzp72mn53lzbv9c.js";
+import { T as C } from "./tooltip-ncaia8n1lavkyw8n.js";
+import { c as p } from "./cn-ct4n7r74mh8y0f48.js";
+import { r as u } from "./resolve-variant-t8jcltsizeg29ege.js";
+import { u as D } from "./link-provider-bgljdgs4hs438h0u.js";
+const b = {
+  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: "relative overflow-hidden bg-(--reki-button-emphasis-bg) !text-white ring ring-(--reki-button-emphasis-ring) disabled:opacity-50",
+      description: "High-emphasis button for primary actions"
+    },
+    secondary: {
+      classes: "bg-reki-base !text-reki-default ring not-disabled:hover:bg-reki-tint disabled:bg-reki-base/50 disabled:!text-reki-default/70 ring-reki-line data-[state=open]:bg-reki-base",
+      description: "Default button style for most actions"
+    },
+    ghost: {
+      classes: "text-reki-default hover:bg-reki-tint shadow-none bg-inherit",
+      description: "Minimal button with no background"
+    },
+    destructive: {
+      classes: "relative overflow-hidden bg-(--reki-button-emphasis-bg) !text-white ring ring-(--reki-button-emphasis-ring) disabled:opacity-50",
+      description: "Danger button for destructive actions like delete"
+    },
+    "secondary-destructive": {
+      classes: "bg-reki-base !text-reki-danger ring not-disabled:hover:!text-reki-danger not-disabled:hover:ring-reki-danger/30 disabled:bg-reki-base/50 disabled:!text-reki-danger/70 ring-reki-line data-[state=open]:bg-reki-base",
+      description: "Secondary button with destructive text for less prominent dangerous actions"
+    },
+    outline: {
+      classes: "bg-transparent text-reki-default ring ring-reki-line transition-colors not-disabled:hover:text-reki-strong not-disabled:hover:ring-reki-focus/25",
+      description: "Bordered button with transparent background"
+    }
+  }
+}, o = {
+  shape: "base",
+  size: "base",
+  variant: "secondary"
+};
+function N({
+  variant: e = o.variant,
+  size: t = o.size,
+  shape: s = o.shape
+} = {}) {
+  const r = s === "square" || s === "circle";
+  return p(
+    // Base styles
+    "group flex w-max shrink-0 items-center font-medium select-none",
+    "border-0 shadow-xs",
+    "focus:outline-none focus:ring-reki-focus/50 focus-visible:ring-2 focus-visible:ring-reki-brand",
+    "cursor-pointer",
+    // Disabled state
+    "disabled:cursor-not-allowed disabled:text-reki-subtle",
+    u(
+      b.size,
+      t,
+      o.size
+    ).classes,
+    u(
+      b.shape,
+      s,
+      o.shape
+    ).classes,
+    r && u(
+      b.compactSize,
+      t,
+      o.size
+    ).classes,
+    u(
+      b.variant,
+      e,
+      o.variant
+    ).classes
+  );
+}
+const B = (e) => e ? y.isValidElement(e) ? e : /* @__PURE__ */ i(e, {}) : null, S = (e) => {
+  if (e === "primary") return "var(--color-reki-brand)";
+  if (e === "destructive") return "var(--color-reki-danger)";
+}, T = (e) => {
+  const t = S(e);
+  if (t)
+    return {
+      "--reki-button-emphasis-ring": `color-mix(in oklch, ${t}, black 10%)`,
+      "--reki-button-emphasis-bg": `color-mix(in oklch, ${t}, white 30%)`,
+      "--reki-button-emphasis-gradient-start": `color-mix(in oklch, ${t}, white 15%)`,
+      "--reki-button-emphasis-gradient-end": t
+    };
+}, L = (e, t, s) => {
+  const r = s != null ? /* @__PURE__ */ i("span", { className: "contents", children: s }) : null;
+  return S(e) ? /* @__PURE__ */ x(w, { children: [
+    /* @__PURE__ */ i(
+      "span",
+      {
+        "aria-hidden": "true",
+        className: "absolute inset-0 rounded-[inherit] bg-linear-to-b from-(--reki-button-emphasis-gradient-start) to-(--reki-button-emphasis-gradient-end) translate-y-px group-hover:from-(--reki-button-emphasis-bg)"
+      }
+    ),
+    /* @__PURE__ */ x("span", { className: "relative flex items-center gap-1.5", children: [
+      t,
+      r
+    ] })
+  ] }) : /* @__PURE__ */ x(w, { children: [
+    t,
+    r
+  ] });
+}, R = y.forwardRef(
+  ({
+    children: e,
+    className: t,
+    disabled: s,
+    loading: r,
+    shape: m = "base",
+    size: c = "base",
+    variant: n = "secondary",
+    icon: g,
+    style: a,
+    title: l,
+    ...h
+  }, f) => {
+    const { type: d, ...k } = h, v = T(n), _ = r ? /* @__PURE__ */ i(E, { size: c === "lg" ? 16 : 14 }) : B(g), z = /* @__PURE__ */ i(
+      "button",
+      {
+        ref: f,
+        "data-reki-component": "Button",
+        className: p(
+          N({ variant: n, size: c, shape: m }),
+          s && "cursor-not-allowed opacity-50",
+          t
+        ),
+        disabled: r || s,
+        style: v ? { ...v, ...a } : a,
+        type: d ?? "button",
+        ...k,
+        children: L(n, _, e)
+      }
+    );
+    return l ? /* @__PURE__ */ i(C, { content: l, render: z }) : z;
+  }
+);
+R.displayName = "Button";
+const P = ({
+  "aria-label": e = "Refresh",
+  loading: t,
+  ...s
+}) => /* @__PURE__ */ i(R, { shape: "square", "aria-label": e, ...s, children: /* @__PURE__ */ i(
+  A,
+  {
+    className: p({
+      "animate-refresh": t,
+      "size-4.5": s.size === "base" || !s.size,
+      "size-4": s.size === "sm",
+      "size-5": s.size === "lg"
+    })
+  }
+) }), V = y.forwardRef(
+  ({
+    children: e,
+    className: t,
+    external: s,
+    href: r,
+    shape: m = "base",
+    size: c = "base",
+    variant: n = "ghost",
+    icon: g,
+    style: a,
+    // linksExternal = false,
+    ...l
+  }, h) => {
+    const f = D(), d = T(n), k = s ? { target: "_blank", rel: "noopener noreferrer" } : {};
+    return /* @__PURE__ */ i(
+      f,
+      {
+        ref: h,
+        "data-reki-component": "LinkButton",
+        className: p(
+          N({ variant: n, size: c, shape: m }),
+          "flex items-center no-underline!",
+          t
+        ),
+        href: r,
+        style: d ? { ...d, ...a } : a,
+        to: typeof r == "string" ? r : void 0,
+        ...k,
+        ...l,
+        children: L(n, B(g), e)
+      }
+    );
+  }
+);
+V.displayName = "LinkButton";
+export {
+  R as B,
+  V as L,
+  P as R,
+  N as b
+};
+//# sourceMappingURL=button-nc5p1h28cwes0tjw.js.map

package/dist/chunks/button-nc5p1h28cwes0tjw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-nc5p1h28cwes0tjw.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 { Tooltip } from \"../tooltip/tooltip\";\nimport { cn } from \"../../utils/cn\";\nimport { resolveVariant } from \"../../utils/resolve-variant\";\nimport { useLinkComponent } from \"../../utils/link-provider\";\n\n/** Button variant definitions mapping shape, size, and variant names to their Tailwind classes. */\nexport const REKI_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        \"relative overflow-hidden bg-(--reki-button-emphasis-bg) !text-white ring ring-(--reki-button-emphasis-ring) disabled:opacity-50\",\n      description: \"High-emphasis button for primary actions\",\n    },\n    secondary: {\n      classes:\n        \"bg-reki-base !text-reki-default ring not-disabled:hover:bg-reki-tint disabled:bg-reki-base/50 disabled:!text-reki-default/70 ring-reki-line data-[state=open]:bg-reki-base\",\n      description: \"Default button style for most actions\",\n    },\n    ghost: {\n      classes: \"text-reki-default hover:bg-reki-tint shadow-none bg-inherit\",\n      description: \"Minimal button with no background\",\n    },\n    destructive: {\n      classes:\n        \"relative overflow-hidden bg-(--reki-button-emphasis-bg) !text-white ring ring-(--reki-button-emphasis-ring) disabled:opacity-50\",\n      description: \"Danger button for destructive actions like delete\",\n    },\n    \"secondary-destructive\": {\n      classes:\n        \"bg-reki-base !text-reki-danger ring not-disabled:hover:!text-reki-danger not-disabled:hover:ring-reki-danger/30 disabled:bg-reki-base/50 disabled:!text-reki-danger/70 ring-reki-line data-[state=open]:bg-reki-base\",\n      description:\n        \"Secondary button with destructive text for less prominent dangerous actions\",\n    },\n    outline: {\n      classes:\n        \"bg-transparent text-reki-default ring ring-reki-line transition-colors not-disabled:hover:text-reki-strong not-disabled:hover:ring-reki-focus/25\",\n      description: \"Bordered button with transparent background\",\n    },\n  },\n} as const;\n\nexport const REKI_BUTTON_DEFAULT_VARIANTS = {\n  shape: \"base\",\n  size: \"base\",\n  variant: \"secondary\",\n} as const;\n\n// Derived types from REKI_BUTTON_VARIANTS\nexport type RekiButtonShape = keyof typeof REKI_BUTTON_VARIANTS.shape;\nexport type RekiButtonSize = keyof typeof REKI_BUTTON_VARIANTS.size;\nexport type RekiButtonVariant = keyof typeof REKI_BUTTON_VARIANTS.variant;\n\nexport interface RekiButtonVariantsProps {\n  /**\n   * Button shape.\n   * - `\"base\"` — Default rectangular button\n   * - `\"square\"` — Square button for icon-only actions\n   * - `\"circle\"` — Circular button for icon-only actions\n   * @default \"base\"\n   */\n  shape?: RekiButtonShape;\n  /**\n   * Button size.\n   * - `\"xs\"` — Extra small for compact UIs\n   * - `\"sm\"` — Small for secondary actions\n   * - `\"base\"` — Default size\n   * - `\"lg\"` — Large for primary CTAs\n   * @default \"base\"\n   */\n  size?: RekiButtonSize;\n  /**\n   * Visual style of the button.\n   * - `\"primary\"` — High-emphasis, brand-colored for primary actions\n   * - `\"secondary\"` — Default style with border for most actions\n   * - `\"ghost\"` — Minimal, no background for tertiary actions\n   * - `\"destructive\"` — Danger button for destructive actions\n   * - `\"secondary-destructive\"` — Secondary style with destructive text\n   * - `\"outline\"` — Bordered with transparent background\n   * @default \"secondary\"\n   */\n  variant?: RekiButtonVariant;\n}\n\nexport function buttonVariants({\n  variant = REKI_BUTTON_DEFAULT_VARIANTS.variant,\n  size = REKI_BUTTON_DEFAULT_VARIANTS.size,\n  shape = REKI_BUTTON_DEFAULT_VARIANTS.shape,\n}: RekiButtonVariantsProps = {}) {\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    \"focus:outline-none focus:ring-reki-focus/50 focus-visible:ring-2 focus-visible:ring-reki-brand\",\n    \"cursor-pointer\",\n    // Disabled state\n    \"disabled:cursor-not-allowed disabled:text-reki-subtle\",\n    resolveVariant(\n      REKI_BUTTON_VARIANTS.size,\n      size,\n      REKI_BUTTON_DEFAULT_VARIANTS.size,\n    ).classes,\n    resolveVariant(\n      REKI_BUTTON_VARIANTS.shape,\n      shape,\n      REKI_BUTTON_DEFAULT_VARIANTS.shape,\n    ).classes,\n    isCompactShape &&\n      resolveVariant(\n        REKI_BUTTON_VARIANTS.compactSize,\n        size,\n        REKI_BUTTON_DEFAULT_VARIANTS.size,\n      ).classes,\n    resolveVariant(\n      REKI_BUTTON_VARIANTS.variant,\n      variant,\n      REKI_BUTTON_DEFAULT_VARIANTS.variant,\n    ).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\nconst getEmphasisToken = (variant: RekiButtonVariant) => {\n  if (variant === \"primary\") return \"var(--color-reki-brand)\";\n  if (variant === \"destructive\") return \"var(--color-reki-danger)\";\n  return undefined;\n};\n\nconst getEmphasisStyle = (variant: RekiButtonVariant) => {\n  const token = getEmphasisToken(variant);\n  if (!token) return undefined;\n\n  return {\n    \"--reki-button-emphasis-ring\": `color-mix(in oklch, ${token}, black 10%)`,\n    \"--reki-button-emphasis-bg\": `color-mix(in oklch, ${token}, white 30%)`,\n    \"--reki-button-emphasis-gradient-start\": `color-mix(in oklch, ${token}, white 15%)`,\n    \"--reki-button-emphasis-gradient-end\": token,\n  } satisfies React.CSSProperties & Record<`--${string}`, string>;\n};\n\nconst renderButtonContent = (\n  variant: RekiButtonVariant,\n  iconNode: React.ReactNode,\n  children: React.ReactNode,\n) => {\n  const childNode =\n    children != null ? <span className=\"contents\">{children}</span> : null;\n\n  if (!getEmphasisToken(variant)) {\n    return (\n      <>\n        {iconNode}\n        {childNode}\n      </>\n    );\n  }\n\n  return (\n    <>\n      <span\n        aria-hidden=\"true\"\n        className=\"absolute inset-0 rounded-[inherit] bg-linear-to-b from-(--reki-button-emphasis-gradient-start) to-(--reki-button-emphasis-gradient-end) translate-y-px group-hover:from-(--reki-button-emphasis-bg)\"\n      />\n      <span className=\"relative flex items-center gap-1.5\">\n        {iconNode}\n        {childNode}\n      </span>\n    </>\n  );\n};\n\n/**\n * Button component props.\n *\n * Uses a discriminated union on `shape` so that icon-only buttons\n * (`shape=\"square\"` or `shape=\"circle\"`) require an `aria-label`.\n *\n * @example\n * ```tsx\n * <Button variant=\"primary\">Save</Button>\n * <Button variant=\"secondary\" shape=\"square\" icon={PlusIcon} aria-label=\"Add\" />\n * <Button variant=\"destructive\" loading>Deleting...</Button>\n * ```\n */\ntype ButtonBaseProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n  /** Content rendered inside the button. */\n  children?: React.ReactNode;\n  /** Additional CSS classes merged via `cn()`. */\n  className?: string;\n  /** Icon from `@phosphor-icons/react` or a React element. Rendered before children. */\n  icon?: Icon | React.ReactNode;\n  /** Shows a loading spinner and disables interaction. */\n  loading?: boolean;\n  /** When set, wraps the button in a Tooltip with this content. */\n  title?: React.ReactNode;\n};\n\ntype ButtonWithTextProps = ButtonBaseProps & {\n  shape?: \"base\";\n  size?: RekiButtonSize;\n  variant?: RekiButtonVariant;\n};\n\ntype IconOnlyButtonProps = ButtonBaseProps & {\n  shape: \"square\" | \"circle\";\n  size?: RekiButtonSize;\n  variant?: RekiButtonVariant;\n  /** Required for icon-only buttons to provide accessible label for screen readers */\n  \"aria-label\": string;\n};\n\nexport type ButtonProps = ButtonWithTextProps | IconOnlyButtonProps;\n\n/**\n * LinkButton component props — renders an anchor styled as a button.\n *\n * @example\n * ```tsx\n * <LinkButton href=\"/docs\" variant=\"ghost\" icon={BookIcon}>Docs</LinkButton>\n * <LinkButton href=\"https://example.com\" external>Visit Site</LinkButton>\n * ```\n */\nexport type LinkButtonProps = React.AnchorHTMLAttributes<HTMLAnchorElement> &\n  RekiButtonVariantsProps & {\n    /** Content rendered inside the link button. */\n    children?: React.ReactNode;\n    /** Additional CSS classes merged via `cn()`. */\n    className?: string;\n    /** Icon from `@phosphor-icons/react` or a React element. Rendered before children. */\n    icon?: Icon | React.ReactNode;\n    /** When `true`, opens in a new tab with `rel=\"noopener noreferrer\"`. */\n    external?: boolean;\n    linksExternal?: boolean;\n  };\n\n/**\n * Primary action trigger. Supports multiple variants, sizes, shapes, icons, and loading state.\n *\n * @example\n * ```tsx\n * <Button variant=\"primary\">Save</Button>\n * <Button variant=\"secondary\" icon={PlusIcon}>Create Worker</Button>\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      style,\n      title,\n      ...props\n    },\n    ref,\n  ) => {\n    const { type, ...restProps } = props;\n    const emphasisStyle = getEmphasisStyle(variant);\n    const iconNode = loading ? (\n      <Loader size={size === \"lg\" ? 16 : 14} />\n    ) : (\n      renderIconNode(IconComponent)\n    );\n\n    const button = (\n      <button\n        ref={ref}\n        data-reki-component=\"Button\"\n        className={cn(\n          buttonVariants({ variant, size, shape }),\n          disabled && \"cursor-not-allowed opacity-50\",\n          className,\n        )}\n        disabled={loading || disabled}\n        style={emphasisStyle ? { ...emphasisStyle, ...style } : style}\n        type={type ?? \"button\"}\n        {...restProps}\n      >\n        {renderButtonContent(variant, iconNode, children)}\n      </button>\n    );\n\n    if (title) {\n      return <Tooltip content={title} render={button} />;\n    }\n\n    return button;\n  },\n);\n\nButton.displayName = \"Button\";\n\n/**\n * Square button with a rotating arrows icon, used to trigger data refresh actions.\n *\n * @example\n * ```tsx\n * <RefreshButton loading={isRefreshing} onClick={refresh} />\n * ```\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\n/**\n * Anchor element styled as a button. Integrates with `LinkProvider` for framework routing.\n *\n * @example\n * ```tsx\n * <LinkButton href=\"/settings\" variant=\"ghost\">Settings</LinkButton>\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      style,\n      // linksExternal = false,\n      ...props\n    },\n    ref,\n  ) => {\n    const LinkComponent = useLinkComponent();\n    const emphasisStyle = getEmphasisStyle(variant);\n    const externalProps = external\n      ? { target: \"_blank\", rel: \"noopener noreferrer\" }\n      : {};\n\n    return (\n      <LinkComponent\n        ref={ref}\n        data-reki-component=\"LinkButton\"\n        className={cn(\n          buttonVariants({ variant, size, shape }),\n          \"flex items-center no-underline!\",\n          className,\n        )}\n        href={href}\n        style={emphasisStyle ? { ...emphasisStyle, ...style } : style}\n        to={typeof href === \"string\" ? href : undefined}\n        {...externalProps}\n        {...props}\n      >\n        {renderButtonContent(variant, renderIconNode(IconComponent), children)}\n      </LinkComponent>\n    );\n  },\n);\n\nLinkButton.displayName = \"LinkButton\";\n"],"names":["REKI_BUTTON_VARIANTS","REKI_BUTTON_DEFAULT_VARIANTS","buttonVariants","variant","size","shape","isCompactShape","cn","resolveVariant","renderIconNode","IconComponent","React","getEmphasisToken","getEmphasisStyle","token","renderButtonContent","iconNode","children","childNode","jsx","jsxs","Fragment","Button","className","disabled","loading","style","title","props","ref","type","restProps","emphasisStyle","Loader","button","Tooltip","RefreshButton","ariaLabel","ArrowsClockwise","LinkButton","external","href","LinkComponent","useLinkComponent","externalProps"],"mappings":"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"}