@kiefer-tek/sophea-design-system 0.15.0

package/dist/chunks/VisuallyHidden-DNar1Eli.js

@@ -0,0 +1,972 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import * as RC from "@radix-ui/react-checkbox";
+import { forwardRef, useMemo, useState, Fragment as Fragment$1, useId } from "react";
+import { c as ForwardRef } from "./XCircle-CoMtPyVN.js";
+import * as Popover$1 from "@radix-ui/react-popover";
+const root$2 = "sn-StreamingMarkdown-module__root--TNpZq";
+const h1 = "sn-StreamingMarkdown-module__h1--0n4ld";
+const h2 = "sn-StreamingMarkdown-module__h2--UZVZm";
+const h3 = "sn-StreamingMarkdown-module__h3--bBd4E";
+const h4 = "sn-StreamingMarkdown-module__h4--JEMlN";
+const p = "sn-StreamingMarkdown-module__p--0prx2";
+const ul = "sn-StreamingMarkdown-module__ul--6O9Uo";
+const ol = "sn-StreamingMarkdown-module__ol--OI3Se";
+const inlineCode$1 = "sn-StreamingMarkdown-module__inlineCode--4UUtb";
+const link$1 = "sn-StreamingMarkdown-module__link--O2UXD";
+const codeBlock = "sn-StreamingMarkdown-module__codeBlock--gv8I1";
+const codeHead = "sn-StreamingMarkdown-module__codeHead--RANq2";
+const codeLang = "sn-StreamingMarkdown-module__codeLang--9Tq7b";
+const copyBtn = "sn-StreamingMarkdown-module__copyBtn--srPiz";
+const codePre = "sn-StreamingMarkdown-module__codePre--fE7xw";
+const caret = "sn-StreamingMarkdown-module__caret--KPtqR";
+const sdsMdCaret = "sn-StreamingMarkdown-module__sds-md-caret--JDpSa";
+const styles$5 = {
+  root: root$2,
+  h1,
+  h2,
+  h3,
+  h4,
+  p,
+  ul,
+  ol,
+  inlineCode: inlineCode$1,
+  link: link$1,
+  codeBlock,
+  codeHead,
+  codeLang,
+  copyBtn,
+  codePre,
+  caret,
+  "sds-md-caret": "sn-StreamingMarkdown-module__sds-md-caret--JDpSa",
+  sdsMdCaret
+};
+const StreamingMarkdown = forwardRef(
+  function StreamingMarkdown2({ source, streaming, showCopyButton = true, className, ...rest }, ref) {
+    const blocks = useMemo(() => parseBlocks(source), [source]);
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: [styles$5.root, className].filter(Boolean).join(" "),
+        ...rest,
+        children: [
+          blocks.map((b, i) => renderBlock(b, i, showCopyButton)),
+          streaming ? /* @__PURE__ */ jsx("span", { className: styles$5.caret, "aria-hidden": "true" }) : null
+        ]
+      }
+    );
+  }
+);
+function parseBlocks(src) {
+  const lines = src.replace(/\r\n/g, "\n").split("\n");
+  const out = [];
+  let i = 0;
+  while (i < lines.length) {
+    const line = lines[i] ?? "";
+    const fenceOpen = line.match(/^```(\w+)?\s*$/);
+    if (fenceOpen) {
+      const lang = fenceOpen[1] ?? null;
+      const buf2 = [];
+      i++;
+      while (i < lines.length && !/^```\s*$/.test(lines[i] ?? "")) {
+        buf2.push(lines[i] ?? "");
+        i++;
+      }
+      if (i < lines.length) i++;
+      out.push({ type: "code", lang, text: buf2.join("\n") });
+      continue;
+    }
+    const h = line.match(/^(#{1,4})\s+(.+)$/);
+    if (h && h[1] && h[2]) {
+      out.push({ type: "h", level: h[1].length, text: h[2] });
+      i++;
+      continue;
+    }
+    if (/^[-*]\s+/.test(line)) {
+      const items = [];
+      while (i < lines.length && /^[-*]\s+/.test(lines[i] ?? "")) {
+        items.push((lines[i] ?? "").replace(/^[-*]\s+/, ""));
+        i++;
+      }
+      out.push({ type: "ul", items });
+      continue;
+    }
+    if (/^\d+\.\s+/.test(line)) {
+      const items = [];
+      while (i < lines.length && /^\d+\.\s+/.test(lines[i] ?? "")) {
+        items.push((lines[i] ?? "").replace(/^\d+\.\s+/, ""));
+        i++;
+      }
+      out.push({ type: "ol", items });
+      continue;
+    }
+    if (line.trim() === "") {
+      i++;
+      continue;
+    }
+    const buf = [line];
+    i++;
+    while (i < lines.length) {
+      const next = lines[i] ?? "";
+      if (next.trim() === "" || /^(#{1,4})\s+/.test(next) || /^[-*]\s+/.test(next) || /^\d+\.\s+/.test(next) || /^```/.test(next)) {
+        break;
+      }
+      buf.push(next);
+      i++;
+    }
+    out.push({ type: "p", text: buf.join(" ") });
+  }
+  return out;
+}
+const ALLOWED_PROTOCOLS = /* @__PURE__ */ new Set(["http:", "https:", "mailto:"]);
+function safeHref(raw) {
+  const trimmed = raw.trim();
+  if (trimmed.length === 0) return null;
+  if (/^[/?#]/.test(trimmed)) return trimmed;
+  if (/[\x00-\x1F\x7F]/.test(trimmed)) return null;
+  try {
+    const url = new URL(trimmed, "https://sophea.invalid");
+    if (ALLOWED_PROTOCOLS.has(url.protocol)) return trimmed;
+    return null;
+  } catch {
+    return null;
+  }
+}
+function renderInline$1(text2) {
+  const nodes = [];
+  let rest = text2;
+  let key = 0;
+  while (rest.length > 0) {
+    const bold = rest.match(/\*\*([^*]+)\*\*/);
+    const italic = rest.match(/(?<!\*)\*([^*\n]+)\*(?!\*)/);
+    const code = rest.match(/`([^`]+)`/);
+    const link2 = rest.match(/\[([^\]]+)\]\(([^)]+)\)/);
+    const matches = [bold, italic, code, link2].map((m2, idx) => m2 ? { m: m2, idx, at: m2.index ?? 0 } : null).filter((x) => x !== null).sort((a, b) => a.at - b.at);
+    const first = matches[0];
+    if (!first) {
+      nodes.push(rest);
+      break;
+    }
+    if (first.at > 0) {
+      nodes.push(rest.slice(0, first.at));
+    }
+    const m = first.m;
+    const matched = m[0] ?? "";
+    if (first.idx === 0) {
+      nodes.push(/* @__PURE__ */ jsx("strong", { children: m[1] ?? "" }, `b${key++}`));
+    } else if (first.idx === 1) {
+      nodes.push(/* @__PURE__ */ jsx("em", { children: m[1] ?? "" }, `i${key++}`));
+    } else if (first.idx === 2) {
+      nodes.push(
+        /* @__PURE__ */ jsx("code", { className: styles$5.inlineCode, children: m[1] ?? "" }, `c${key++}`)
+      );
+    } else if (first.idx === 3) {
+      const rawHref = m[2] ?? "";
+      const safe = safeHref(rawHref);
+      if (safe !== null) {
+        nodes.push(
+          /* @__PURE__ */ jsx("a", { href: safe, className: styles$5.link, target: "_blank", rel: "noreferrer", children: m[1] ?? "" }, `a${key++}`)
+        );
+      } else {
+        nodes.push(
+          /* @__PURE__ */ jsx("span", { className: styles$5.link, "data-blocked-href": "true", children: m[1] ?? "" }, `a${key++}`)
+        );
+      }
+    }
+    rest = rest.slice(first.at + matched.length);
+  }
+  return nodes;
+}
+function renderBlock(b, key, showCopy) {
+  switch (b.type) {
+    case "h": {
+      const Tag = `h${b.level}`;
+      return /* @__PURE__ */ jsx(Tag, { className: styles$5[`h${b.level}`], children: renderInline$1(b.text) }, key);
+    }
+    case "p":
+      return /* @__PURE__ */ jsx("p", { className: styles$5.p, children: renderInline$1(b.text) }, key);
+    case "ul":
+      return /* @__PURE__ */ jsx("ul", { className: styles$5.ul, children: b.items.map((it, j) => /* @__PURE__ */ jsx("li", { children: renderInline$1(it) }, j)) }, key);
+    case "ol":
+      return /* @__PURE__ */ jsx("ol", { className: styles$5.ol, children: b.items.map((it, j) => /* @__PURE__ */ jsx("li", { children: renderInline$1(it) }, j)) }, key);
+    case "code":
+      return /* @__PURE__ */ jsx(CodeBlock, { lang: b.lang, text: b.text, showCopy }, key);
+  }
+}
+function CodeBlock({
+  lang,
+  text: text2,
+  showCopy
+}) {
+  const [copied, setCopied] = useState(false);
+  return /* @__PURE__ */ jsxs("div", { className: styles$5.codeBlock, children: [
+    /* @__PURE__ */ jsxs("div", { className: styles$5.codeHead, children: [
+      /* @__PURE__ */ jsx("span", { className: styles$5.codeLang, children: lang ?? "code" }),
+      showCopy ? /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: styles$5.copyBtn,
+          onClick: () => {
+            if (typeof navigator !== "undefined" && navigator.clipboard) {
+              void navigator.clipboard.writeText(text2);
+              setCopied(true);
+              setTimeout(() => setCopied(false), 1200);
+            }
+          },
+          "aria-label": copied ? "Copied" : "Copy code",
+          children: copied ? "Copied" : "Copy"
+        }
+      ) : null
+    ] }),
+    /* @__PURE__ */ jsx("pre", { className: styles$5.codePre, children: /* @__PURE__ */ jsx("code", { children: text2 }) })
+  ] });
+}
+const inlineCode = "sn-richstr-module__inlineCode--vAuXq";
+const link = "sn-richstr-module__link--odWB7";
+const styles$4 = {
+  inlineCode,
+  link
+};
+function markdown(...lines) {
+  return { __brand: "RichStr", raw: lines.join("\n") };
+}
+function isRichStr(value) {
+  return typeof value === "object" && value !== null && value.__brand === "RichStr";
+}
+function resolveStr(value) {
+  return isRichStr(value) ? /* @__PURE__ */ jsx(InlineMarkdown, { content: value.raw }) : value;
+}
+function toPlainString(value) {
+  return isRichStr(value) ? value.raw : value;
+}
+function findFirstToken(text2) {
+  const candidates = [];
+  const bold = text2.match(/\*\*([^*]+)\*\*/);
+  if (bold && bold.index !== void 0) {
+    const inner = bold[1] ?? "";
+    candidates.push({
+      at: bold.index,
+      length: bold[0].length,
+      node: (key) => /* @__PURE__ */ jsx("strong", { children: inner }, `b${key}`)
+    });
+  }
+  const italic = text2.match(/(?<!\*)\*([^*\n]+)\*(?!\*)/);
+  if (italic && italic.index !== void 0) {
+    const inner = italic[1] ?? "";
+    candidates.push({
+      at: italic.index,
+      length: italic[0].length,
+      node: (key) => /* @__PURE__ */ jsx("em", { children: inner }, `i${key}`)
+    });
+  }
+  const strike = text2.match(/~~([^~]+)~~/);
+  if (strike && strike.index !== void 0) {
+    const inner = strike[1] ?? "";
+    candidates.push({
+      at: strike.index,
+      length: strike[0].length,
+      node: (key) => /* @__PURE__ */ jsx("del", { children: inner }, `s${key}`)
+    });
+  }
+  const code = text2.match(/`([^`]+)`/);
+  if (code && code.index !== void 0) {
+    const inner = code[1] ?? "";
+    candidates.push({
+      at: code.index,
+      length: code[0].length,
+      node: (key) => /* @__PURE__ */ jsx("code", { className: styles$4.inlineCode, children: inner }, `c${key}`)
+    });
+  }
+  const link2 = text2.match(/\[([^\]]+)\]\(([^)]+)\)/);
+  if (link2 && link2.index !== void 0) {
+    const label2 = link2[1] ?? "";
+    const href = safeHref(link2[2] ?? "");
+    candidates.push({
+      at: link2.index,
+      length: link2[0].length,
+      node: (key) => href !== null ? /* @__PURE__ */ jsx(
+        "a",
+        {
+          href,
+          className: styles$4.link,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          children: label2
+        },
+        `a${key}`
+      ) : /* @__PURE__ */ jsx("span", { className: styles$4.link, "data-blocked-href": "true", children: label2 }, `a${key}`)
+    });
+  }
+  if (candidates.length === 0) return null;
+  candidates.sort((a, b) => a.at - b.at);
+  return candidates[0] ?? null;
+}
+function renderInline(text2, keyOffset) {
+  const nodes = [];
+  let rest = text2;
+  let key = keyOffset;
+  while (rest.length > 0) {
+    const first = findFirstToken(rest);
+    if (!first) {
+      nodes.push(rest);
+      break;
+    }
+    if (first.at > 0) {
+      nodes.push(rest.slice(0, first.at));
+    }
+    nodes.push(first.node(key++));
+    rest = rest.slice(first.at + first.length);
+  }
+  return nodes;
+}
+function InlineMarkdown({ content: content2 }) {
+  const lines = content2.split("\n");
+  return /* @__PURE__ */ jsx(Fragment, { children: lines.map((line, i) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    i > 0 && /* @__PURE__ */ jsx("br", {}),
+    renderInline(line, i * 1e3)
+  ] }, i)) });
+}
+function resolveNode(value) {
+  return isRichStr(value) ? /* @__PURE__ */ jsx(InlineMarkdown, { content: value.raw }) : value;
+}
+const root$1 = "sn-Checkbox-module__root--mY3qk";
+const indicator = "sn-Checkbox-module__indicator--VIxRX";
+const icon = "sn-Checkbox-module__icon---O7i6";
+const row = "sn-Checkbox-module__row--vzcT8";
+const text = "sn-Checkbox-module__text--EmtRj";
+const label$1 = "sn-Checkbox-module__label--cwRtI";
+const description$1 = "sn-Checkbox-module__description--rMhG1";
+const styles$3 = {
+  root: root$1,
+  indicator,
+  icon,
+  row,
+  text,
+  label: label$1,
+  description: description$1
+};
+const CheckIcon = () => /* @__PURE__ */ jsx("svg", { className: styles$3.icon, viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M2 6.5L5 9.5l5-6" }) });
+const DashIcon = () => /* @__PURE__ */ jsx("svg", { className: styles$3.icon, viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M3 6h6" }) });
+const Checkbox = forwardRef(function Checkbox2({ checked, defaultChecked, onCheckedChange, disabled, required, name, value, id, label: label2, description: description2, className, "aria-label": ariaLabel }, ref) {
+  const autoId = useId();
+  const cbId = id ?? autoId;
+  const root2 = /* @__PURE__ */ jsx(
+    RC.Root,
+    {
+      ref,
+      id: cbId,
+      checked,
+      defaultChecked,
+      onCheckedChange,
+      disabled,
+      required,
+      "aria-required": required ? true : void 0,
+      "aria-label": ariaLabel,
+      name,
+      value,
+      className: [styles$3.root, className].filter(Boolean).join(" "),
+      children: /* @__PURE__ */ jsx(RC.Indicator, { className: styles$3.indicator, children: checked === "indeterminate" ? /* @__PURE__ */ jsx(DashIcon, {}) : /* @__PURE__ */ jsx(CheckIcon, {}) })
+    }
+  );
+  if (!label2 && !description2) return root2;
+  return /* @__PURE__ */ jsxs("label", { htmlFor: cbId, className: styles$3.row, "data-disabled": disabled ? "" : void 0, children: [
+    root2,
+    /* @__PURE__ */ jsxs("span", { className: styles$3.text, children: [
+      label2 ? /* @__PURE__ */ jsx("span", { className: styles$3.label, children: label2 }) : null,
+      description2 ? /* @__PURE__ */ jsx("span", { className: styles$3.description, children: description2 }) : null
+    ] })
+  ] });
+});
+const root = "sn-Separator-module__root--IBusO";
+const spaced = "sn-Separator-module__spaced--Ppiqe";
+const orientHorizontal = "sn-Separator-module__orient-horizontal--rLk4k";
+const orientVertical = "sn-Separator-module__orient-vertical--B-W2P";
+const toneSubtle = "sn-Separator-module__tone-subtle--sMS-q";
+const toneStrong = "sn-Separator-module__tone-strong--1Is-d";
+const labeled = "sn-Separator-module__labeled--MHMrO";
+const rule = "sn-Separator-module__rule--A1QeV";
+const label = "sn-Separator-module__label--pXyc2";
+const describedRoot = "sn-Separator-module__describedRoot--Bfyin";
+const description = "sn-Separator-module__description--glTZt";
+const foldableRoot = "sn-Separator-module__foldableRoot--IhrmI";
+const foldTrigger = "sn-Separator-module__foldTrigger--j9Ob2";
+const chevron = "sn-Separator-module__chevron--Cot50";
+const chevronOpen = "sn-Separator-module__chevronOpen--XBEg0";
+const foldPanel = "sn-Separator-module__foldPanel--tHYwV";
+const foldInner = "sn-Separator-module__foldInner--F-faY";
+const styles$2 = {
+  root,
+  spaced,
+  "orient-horizontal": "sn-Separator-module__orient-horizontal--rLk4k",
+  orientHorizontal,
+  "orient-vertical": "sn-Separator-module__orient-vertical--B-W2P",
+  orientVertical,
+  "tone-subtle": "sn-Separator-module__tone-subtle--sMS-q",
+  toneSubtle,
+  "tone-strong": "sn-Separator-module__tone-strong--1Is-d",
+  toneStrong,
+  labeled,
+  rule,
+  label,
+  describedRoot,
+  description,
+  foldableRoot,
+  foldTrigger,
+  chevron,
+  chevronOpen,
+  foldPanel,
+  foldInner
+};
+const PaddingVariants = {
+  none: "none",
+  /** Hug content — no extra padding (alias of `none`). */
+  fit: "fit",
+  xs: "xs",
+  sm: "sm",
+  md: "md",
+  lg: "lg",
+  xl: "xl",
+  "2xl": "2xl"
+};
+const PADDING_VARIANT_PX = {
+  none: "0",
+  fit: "0",
+  xs: "4px",
+  sm: "8px",
+  md: "12px",
+  lg: "16px",
+  xl: "24px",
+  "2xl": "32px"
+};
+const isPaddingVariant = (value) => Object.prototype.hasOwnProperty.call(PADDING_VARIANT_PX, value);
+function resolveSpacing(value) {
+  if (value === void 0) return void 0;
+  if (typeof value === "number") return `${value}px`;
+  if (isPaddingVariant(value)) return PADDING_VARIANT_PX[value];
+  return value;
+}
+const Separator = forwardRef(function Separator2({
+  orientation = "horizontal",
+  tone = "subtle",
+  decorative = true,
+  label: label2,
+  description: description2,
+  foldable = false,
+  open: openProp,
+  defaultOpen = false,
+  onOpenChange,
+  paddingParallel,
+  paddingPerpendicular,
+  className,
+  style,
+  children,
+  ...rest
+}, ref) {
+  const [openState, setOpenState] = useState(defaultOpen);
+  const open = openProp ?? openState;
+  const role = decorative ? "presentation" : "separator";
+  const ariaOrientation = decorative ? void 0 : orientation;
+  const spacingStyle = {
+    ...paddingParallel !== void 0 ? { "--separator-padding-parallel": resolveSpacing(paddingParallel) } : null,
+    ...paddingPerpendicular !== void 0 ? {
+      "--separator-padding-perpendicular": resolveSpacing(paddingPerpendicular)
+    } : null,
+    ...style
+  };
+  if (foldable && label2 && orientation === "horizontal") {
+    const toggle = () => {
+      const next = !open;
+      if (openProp === void 0) setOpenState(next);
+      onOpenChange?.(next);
+    };
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: [styles$2.foldableRoot, styles$2.spaced, className].filter(Boolean).join(" "),
+        "data-orientation": "horizontal",
+        style: spacingStyle,
+        ...rest,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: [styles$2.labeled, styles$2[`tone-${tone}`]].join(" "), children: [
+            /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                className: styles$2.foldTrigger,
+                "aria-expanded": open,
+                onClick: toggle,
+                children: [
+                  /* @__PURE__ */ jsx("span", { className: styles$2.label, children: resolveStr(label2) }),
+                  /* @__PURE__ */ jsx(
+                    ForwardRef,
+                    {
+                      className: [styles$2.chevron, open ? styles$2.chevronOpen : null].filter(Boolean).join(" "),
+                      "aria-hidden": "true"
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: styles$2.rule, "aria-hidden": "true" })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: styles$2.foldPanel, "data-open": open ? "true" : "false", children: /* @__PURE__ */ jsx("div", { className: styles$2.foldInner, children }) })
+        ]
+      }
+    );
+  }
+  if (description2 && orientation === "horizontal") {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: [styles$2.describedRoot, styles$2.spaced, className].filter(Boolean).join(" "),
+        "data-orientation": "horizontal",
+        style: spacingStyle,
+        ...rest,
+        children: [
+          label2 ? /* @__PURE__ */ jsxs("div", { className: [styles$2.labeled, styles$2[`tone-${tone}`]].join(" "), children: [
+            /* @__PURE__ */ jsx("span", { className: styles$2.rule, "aria-hidden": "true" }),
+            /* @__PURE__ */ jsx("span", { className: styles$2.label, children: resolveStr(label2) }),
+            /* @__PURE__ */ jsx("span", { className: styles$2.rule, "aria-hidden": "true" })
+          ] }) : /* @__PURE__ */ jsx(
+            "div",
+            {
+              role,
+              "aria-orientation": ariaOrientation,
+              className: [styles$2.root, styles$2["orient-horizontal"], styles$2[`tone-${tone}`]].join(" ")
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: styles$2.description, children: resolveStr(description2) })
+        ]
+      }
+    );
+  }
+  if (label2 && orientation === "horizontal") {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        role,
+        "aria-orientation": ariaOrientation,
+        className: [styles$2.labeled, styles$2.spaced, styles$2[`tone-${tone}`], className].filter(Boolean).join(" "),
+        "data-orientation": "horizontal",
+        style: spacingStyle,
+        ...rest,
+        children: [
+          /* @__PURE__ */ jsx("span", { className: styles$2.rule, "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx("span", { className: styles$2.label, children: resolveStr(label2) }),
+          /* @__PURE__ */ jsx("span", { className: styles$2.rule, "aria-hidden": "true" })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      role,
+      "aria-orientation": ariaOrientation,
+      className: [
+        styles$2.root,
+        styles$2.spaced,
+        styles$2[`orient-${orientation}`],
+        styles$2[`tone-${tone}`],
+        className
+      ].filter(Boolean).join(" "),
+      "data-orientation": orientation,
+      style: spacingStyle,
+      ...rest
+    }
+  );
+});
+const content = "sn-Popover-module__content--O07fj";
+const arrow = "sn-Popover-module__arrow--5A-0e";
+const styles$1 = {
+  content,
+  arrow
+};
+const Popover = Popover$1.Root;
+const PopoverTrigger = Popover$1.Trigger;
+const PopoverAnchor = Popover$1.Anchor;
+const PopoverClose = Popover$1.Close;
+const PopoverContent = forwardRef(
+  function PopoverContent2({ withArrow = true, className, sideOffset = 8, children, ...rest }, ref) {
+    return /* @__PURE__ */ jsx(Popover$1.Portal, { children: /* @__PURE__ */ jsxs(
+      Popover$1.Content,
+      {
+        ref,
+        sideOffset,
+        className: [styles$1.content, className].filter(Boolean).join(" "),
+        ...rest,
+        children: [
+          children,
+          withArrow ? /* @__PURE__ */ jsx(Popover$1.Arrow, { className: styles$1.arrow, width: 12, height: 6 }) : null
+        ]
+      }
+    ) });
+  }
+);
+const pag = "sn-Pagination-module__pag--c5aU6";
+const sizeSm = "sn-Pagination-module__size-sm--OnZv6";
+const sizeLg = "sn-Pagination-module__size-lg--nLSjX";
+const nav = "sn-Pagination-module__nav--RKxKa";
+const gotoForm = "sn-Pagination-module__gotoForm--eCh0e";
+const gotoInput = "sn-Pagination-module__gotoInput--5uAlE";
+const gotoSubmit = "sn-Pagination-module__gotoSubmit--H4UI7";
+const current = "sn-Pagination-module__current--Ca1M4";
+const ghost = "sn-Pagination-module__ghost--JOqPu";
+const count = "sn-Pagination-module__count--fmHza";
+const goto = "sn-Pagination-module__goto--Sqaqf";
+const gotoLabel = "sn-Pagination-module__gotoLabel--rPikX";
+const infinite = "sn-Pagination-module__infinite--0wuUO";
+const dots = "sn-Pagination-module__dots--Yl9da";
+const dot = "sn-Pagination-module__dot--D8Mni";
+const styles = {
+  pag,
+  "size-sm": "sn-Pagination-module__size-sm--OnZv6",
+  sizeSm,
+  "size-lg": "sn-Pagination-module__size-lg--nLSjX",
+  sizeLg,
+  nav,
+  gotoForm,
+  gotoInput,
+  gotoSubmit,
+  current,
+  ghost,
+  count,
+  goto,
+  gotoLabel,
+  infinite,
+  dots,
+  dot
+};
+const PrevIcon = () => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: 1.8,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    "aria-hidden": "true",
+    children: /* @__PURE__ */ jsx("path", { d: "M15 18l-6-6 6-6" })
+  }
+);
+const NextIcon = () => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: 1.8,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    "aria-hidden": "true",
+    children: /* @__PURE__ */ jsx("path", { d: "M9 18l6-6-6-6" })
+  }
+);
+function range(start, end) {
+  const out = [];
+  for (let i = start; i <= end; i++) out.push(i);
+  return out;
+}
+function pageList(page, pageCount, siblings) {
+  const totalShown = siblings * 2 + 5;
+  if (pageCount <= totalShown) return range(1, pageCount);
+  const leftSibling = Math.max(page - siblings, 1);
+  const rightSibling = Math.min(page + siblings, pageCount);
+  const showLeftEllipsis = leftSibling > 2;
+  const showRightEllipsis = rightSibling < pageCount - 1;
+  if (!showLeftEllipsis && showRightEllipsis) {
+    return [...range(1, 3 + siblings * 2), "...", pageCount];
+  }
+  if (showLeftEllipsis && !showRightEllipsis) {
+    return [1, "...", ...range(pageCount - 2 - siblings * 2, pageCount)];
+  }
+  return [1, "...", ...range(leftSibling, rightSibling), "...", pageCount];
+}
+function GoToPage({
+  page,
+  pageCount,
+  onGo,
+  size
+}) {
+  const [open, setOpen] = useState(false);
+  const [value, setValue] = useState("");
+  const submit = (e) => {
+    e.preventDefault();
+    const target = Number.parseInt(value, 10);
+    if (!Number.isNaN(target) && target >= 1 && target <= pageCount) {
+      onGo(target);
+      setOpen(false);
+      setValue("");
+    }
+  };
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: styles.current,
+        "aria-current": "page",
+        "aria-label": `Page ${page}, current. Open go to page`,
+        children: page
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      PopoverContent,
+      {
+        className: [styles.goto, styles[`size-${size}`]].filter(Boolean).join(" "),
+        sideOffset: 6,
+        children: /* @__PURE__ */ jsxs("form", { onSubmit: submit, className: styles.gotoForm, children: [
+          /* @__PURE__ */ jsx("label", { className: styles.gotoLabel, htmlFor: "sds-pagination-goto", children: "Go to page" }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              id: "sds-pagination-goto",
+              className: styles.gotoInput,
+              type: "number",
+              min: 1,
+              max: pageCount,
+              value,
+              onChange: (e) => setValue(e.target.value),
+              placeholder: String(page),
+              autoFocus: true
+            }
+          ),
+          /* @__PURE__ */ jsx("button", { type: "submit", className: styles.gotoSubmit, children: "Go" })
+        ] })
+      }
+    )
+  ] });
+}
+const Pagination = forwardRef(function Pagination2({
+  page,
+  pageCount,
+  onPageChange,
+  siblings = 1,
+  ariaLabel = "Page",
+  goToPage = false,
+  size = "md",
+  className,
+  ...rest
+}, ref) {
+  const items = pageList(page, pageCount, siblings);
+  const go = (p2) => {
+    if (p2 < 1 || p2 > pageCount || p2 === page) return;
+    onPageChange?.(p2);
+  };
+  return /* @__PURE__ */ jsxs(
+    "nav",
+    {
+      ref,
+      role: "navigation",
+      "aria-label": ariaLabel,
+      className: [styles.pag, styles[`size-${size}`], className].filter(Boolean).join(" "),
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: styles.nav,
+            "aria-label": "Previous page",
+            "aria-disabled": page <= 1 || void 0,
+            disabled: page <= 1,
+            onClick: () => go(page - 1),
+            children: /* @__PURE__ */ jsx(PrevIcon, {})
+          }
+        ),
+        items.map(
+          (it, i) => it === "..." ? /* @__PURE__ */ jsx("span", { className: styles.ghost, "aria-hidden": "true", children: "…" }, `e-${i}`) : it === page ? goToPage && onPageChange ? /* @__PURE__ */ jsx(GoToPage, { page, pageCount, onGo: go, size }, it) : /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: styles.current,
+              "aria-current": "page",
+              "aria-label": `Page ${it}, current`,
+              children: it
+            },
+            it
+          ) : /* @__PURE__ */ jsx("button", { type: "button", "aria-label": `Page ${it}`, onClick: () => go(it), children: it }, it)
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: styles.nav,
+            "aria-label": "Next page",
+            "aria-disabled": page >= pageCount || void 0,
+            disabled: page >= pageCount,
+            onClick: () => go(page + 1),
+            children: /* @__PURE__ */ jsx(NextIcon, {})
+          }
+        )
+      ]
+    }
+  );
+});
+function PaginationCompact({
+  page,
+  pageCount,
+  onPageChange,
+  ariaLabel = "Page",
+  size = "md"
+}) {
+  const go = (p2) => {
+    if (p2 < 1 || p2 > pageCount || p2 === page) return;
+    onPageChange?.(p2);
+  };
+  return /* @__PURE__ */ jsxs(
+    "nav",
+    {
+      role: "navigation",
+      "aria-label": ariaLabel,
+      className: [styles.pag, styles[`size-${size}`]].filter(Boolean).join(" "),
+      children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: styles.nav,
+            "aria-label": "Previous page",
+            "aria-disabled": page <= 1 || void 0,
+            disabled: page <= 1,
+            onClick: () => go(page - 1),
+            children: /* @__PURE__ */ jsx(PrevIcon, {})
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: styles.current,
+            "aria-current": "page",
+            "aria-label": `Page ${page} of ${pageCount}`,
+            children: page
+          }
+        ),
+        /* @__PURE__ */ jsxs("span", { className: styles.ghost, children: [
+          "/ ",
+          pageCount
+        ] }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: styles.nav,
+            "aria-label": "Next page",
+            "aria-disabled": page >= pageCount || void 0,
+            disabled: page >= pageCount,
+            onClick: () => go(page + 1),
+            children: /* @__PURE__ */ jsx(NextIcon, {})
+          }
+        )
+      ]
+    }
+  );
+}
+function PaginationCount({
+  page,
+  pageSize,
+  totalItems,
+  onPageChange,
+  units,
+  ariaLabel = "Page"
+}) {
+  const pageCount = Math.max(1, Math.ceil(totalItems / pageSize));
+  const from = totalItems === 0 ? 0 : (page - 1) * pageSize + 1;
+  const to = Math.min(page * pageSize, totalItems);
+  const go = (p2) => {
+    if (p2 < 1 || p2 > pageCount || p2 === page) return;
+    onPageChange?.(p2);
+  };
+  return /* @__PURE__ */ jsxs("nav", { role: "navigation", "aria-label": ariaLabel, className: styles.pag, children: [
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: styles.nav,
+        "aria-label": "Previous page",
+        "aria-disabled": page <= 1 || void 0,
+        disabled: page <= 1,
+        onClick: () => go(page - 1),
+        children: /* @__PURE__ */ jsx(PrevIcon, {})
+      }
+    ),
+    /* @__PURE__ */ jsxs("span", { className: styles.count, children: [
+      from,
+      "–",
+      to,
+      " of ",
+      totalItems,
+      units ? ` ${units}` : ""
+    ] }),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: styles.nav,
+        "aria-label": "Next page",
+        "aria-disabled": page >= pageCount || void 0,
+        disabled: page >= pageCount,
+        onClick: () => go(page + 1),
+        children: /* @__PURE__ */ jsx(NextIcon, {})
+      }
+    )
+  ] });
+}
+function InfiniteLoader({
+  children = "Loading more results"
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: styles.infinite, role: "status", "aria-live": "polite", children: [
+    children,
+    /* @__PURE__ */ jsxs("span", { className: styles.dots, "aria-hidden": "true", children: [
+      /* @__PURE__ */ jsx("span", {}),
+      /* @__PURE__ */ jsx("span", {}),
+      /* @__PURE__ */ jsx("span", {})
+    ] })
+  ] });
+}
+const HIDDEN_STYLE = {
+  position: "absolute",
+  width: "1px",
+  height: "1px",
+  padding: 0,
+  margin: "-1px",
+  overflow: "hidden",
+  clip: "rect(0, 0, 0, 0)",
+  whiteSpace: "nowrap",
+  border: 0
+};
+const VisuallyHidden = forwardRef(
+  function VisuallyHidden2({ style, ...rest }, ref) {
+    return /* @__PURE__ */ jsx("span", { ref, style: { ...HIDDEN_STYLE, ...style }, ...rest });
+  }
+);
+export {
+  Checkbox as C,
+  InfiniteLoader as I,
+  PADDING_VARIANT_PX as P,
+  Separator as S,
+  VisuallyHidden as V,
+  InlineMarkdown as a,
+  PaddingVariants as b,
+  Pagination as c,
+  PaginationCompact as d,
+  PaginationCount as e,
+  Popover as f,
+  PopoverAnchor as g,
+  PopoverClose as h,
+  PopoverContent as i,
+  PopoverTrigger as j,
+  StreamingMarkdown as k,
+  isRichStr as l,
+  markdown as m,
+  resolveSpacing as n,
+  resolveStr as o,
+  resolveNode as r,
+  toPlainString as t
+};
+//# sourceMappingURL=VisuallyHidden-DNar1Eli.js.map