@pollinations/ui 0.0.1

package/dist/index.js

@@ -0,0 +1,1706 @@
+// src/lib/cn-app.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(...inputs));
+}
+
+// src/lib/period.ts
+var MS_PER_DAY = 864e5;
+function startOfUtcDay(date = /* @__PURE__ */ new Date()) {
+  return new Date(
+    Date.UTC(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate())
+  );
+}
+function addUtcDays(date, days) {
+  const next = new Date(date);
+  next.setUTCDate(next.getUTCDate() + days);
+  return next;
+}
+function startOfUtcMonth(date) {
+  return new Date(Date.UTC(date.getUTCFullYear(), date.getUTCMonth(), 1));
+}
+function addUtcMonths(date, months) {
+  return new Date(
+    Date.UTC(date.getUTCFullYear(), date.getUTCMonth() + months, 1)
+  );
+}
+function startOfUtcIsoWeek(date) {
+  const day = date.getUTCDay() || 7;
+  return addUtcDays(startOfUtcDay(date), 1 - day);
+}
+function getUtcIsoWeekPeriod(date) {
+  const day = date.getUTCDay() || 7;
+  const thursday = addUtcDays(startOfUtcDay(date), 4 - day);
+  const isoYear = thursday.getUTCFullYear();
+  const yearStart = new Date(Date.UTC(isoYear, 0, 1));
+  const isoWeek = Math.ceil(
+    ((thursday.getTime() - yearStart.getTime()) / MS_PER_DAY + 1) / 7
+  );
+  return `${isoYear}-W${String(isoWeek).padStart(2, "0")}`;
+}
+function formatUtcDatePeriod(date) {
+  return date.toISOString().slice(0, 10);
+}
+function formatUtcHourPeriod(date) {
+  return date.toISOString().slice(0, 13).replace("T", " ");
+}
+function formatUtcMonthPeriod(date) {
+  return date.toISOString().slice(0, 7);
+}
+function periodFromDate(granularity, date = /* @__PURE__ */ new Date()) {
+  if (granularity === "day") {
+    return {
+      granularity,
+      period: formatUtcDatePeriod(startOfUtcDay(date))
+    };
+  }
+  if (granularity === "week") {
+    return { granularity, period: getUtcIsoWeekPeriod(date) };
+  }
+  return { granularity, period: formatUtcMonthPeriod(startOfUtcMonth(date)) };
+}
+function currentPeriod() {
+  return periodFromDate("day");
+}
+function periodToWindow(selection) {
+  if (selection.granularity === "day") {
+    const start2 = /* @__PURE__ */ new Date(`${selection.period}T00:00:00.000Z`);
+    return { start: start2, end: addUtcDays(start2, 1) };
+  }
+  if (selection.granularity === "week") {
+    const [yearText2, weekText] = selection.period.split("-W");
+    const isoYear = Number(yearText2);
+    const isoWeek = Number(weekText);
+    const jan4 = new Date(Date.UTC(isoYear, 0, 4));
+    const start2 = addUtcDays(startOfUtcIsoWeek(jan4), (isoWeek - 1) * 7);
+    return { start: start2, end: addUtcDays(start2, 7) };
+  }
+  const [yearText, monthText] = selection.period.split("-");
+  const start = new Date(
+    Date.UTC(Number(yearText), Number(monthText) - 1, 1)
+  );
+  return { start, end: addUtcMonths(start, 1) };
+}
+function formatPeriodLabel(selection) {
+  const { start, end } = periodToWindow(selection);
+  if (selection.granularity === "day") {
+    const today = startOfUtcDay();
+    const yesterday = addUtcDays(today, -1);
+    if (start.getTime() === today.getTime()) return "Today";
+    if (start.getTime() === yesterday.getTime()) return "Yesterday";
+    return start.toLocaleDateString("en-US", {
+      timeZone: "UTC",
+      month: "short",
+      day: "numeric",
+      year: "numeric"
+    });
+  }
+  if (selection.granularity === "week") {
+    const weekEnd = addUtcDays(end, -1);
+    return `${start.toLocaleDateString("en-US", {
+      timeZone: "UTC",
+      month: "short",
+      day: "numeric"
+    })} - ${weekEnd.toLocaleDateString("en-US", {
+      timeZone: "UTC",
+      month: "short",
+      day: "numeric",
+      year: "numeric"
+    })}`;
+  }
+  return start.toLocaleDateString("en-US", {
+    timeZone: "UTC",
+    month: "long",
+    year: "numeric"
+  });
+}
+function getPeriodBucketKeys(selection) {
+  const { start, end } = periodToWindow(selection);
+  const bucketKeys = [];
+  const cursor = new Date(start);
+  if (selection.granularity === "day") {
+    while (cursor < end) {
+      bucketKeys.push(`${formatUtcHourPeriod(cursor)}:00:00`);
+      cursor.setUTCHours(cursor.getUTCHours() + 1);
+    }
+    return bucketKeys;
+  }
+  while (cursor < end) {
+    bucketKeys.push(formatUtcDatePeriod(cursor));
+    cursor.setUTCDate(cursor.getUTCDate() + 1);
+  }
+  return bucketKeys;
+}
+function periodBucketKeyToDate(bucketKey, granularity) {
+  if (granularity === "day") {
+    return /* @__PURE__ */ new Date(`${bucketKey.replace(" ", "T")}.000Z`);
+  }
+  return /* @__PURE__ */ new Date(`${bucketKey}T00:00:00.000Z`);
+}
+function isPeriodSelectable(selection, minDate = /* @__PURE__ */ new Date(0), maxDate = startOfUtcDay()) {
+  const { start, end } = periodToWindow(selection);
+  return end > minDate && start <= maxDate;
+}
+
+// src/lib/use-scroll-lock.ts
+import { useEffect } from "react";
+function useScrollLock(enabled = true) {
+  useEffect(() => {
+    if (!enabled) return;
+    const originalBody = document.body.style.overflow;
+    const originalHtml = document.documentElement.style.overflow;
+    document.body.style.overflow = "hidden";
+    document.documentElement.style.overflow = "hidden";
+    return () => {
+      document.body.style.overflow = originalBody;
+      document.documentElement.style.overflow = originalHtml;
+    };
+  }, [enabled]);
+}
+
+// src/lib/cn.ts
+import { clsx as clsx2 } from "clsx";
+import { extendTailwindMerge } from "tailwind-merge";
+var twMerge2 = extendTailwindMerge({ prefix: "polli" });
+function cn2(...inputs) {
+  return twMerge2(clsx2(...inputs));
+}
+
+// src/primitives/Button.tsx
+import { jsx } from "react/jsx-runtime";
+var sizes = {
+  small: "polli:px-2 polli:pt-0.5 polli:pb-1",
+  medium: "polli:px-4 polli:pt-1.5 polli:pb-2",
+  large: "polli:px-6 polli:py-3"
+};
+var themeClasses = "polli:bg-theme-bg-active polli:text-theme-text-base polli:hover:bg-theme-bg-hover polli:transition-colors";
+var intentClasses = {
+  danger: "polli:bg-intent-danger-bg-light polli:text-intent-danger-text polli:hover:bg-[oklch(0.88_0.075_25)] polli:transition-colors"
+};
+var buttonClasses = ({
+  theme: _theme,
+  intent,
+  size,
+  className,
+  disabled
+}) => {
+  const colorClasses = intent ? intentClasses[intent] : themeClasses;
+  return cn2(
+    "polli:inline-flex polli:items-center polli:justify-center polli:rounded-full polli:self-center polli:placeholder-green-950 polli:font-medium polli:leading-normal polli:box-border",
+    disabled ? "polli:opacity-50 polli:cursor-not-allowed" : "polli:hover:filter polli:hover:brightness-105 polli:cursor-pointer",
+    colorClasses,
+    sizes[size || "medium"],
+    className
+  );
+};
+function Button({
+  as,
+  children,
+  theme,
+  intent,
+  size,
+  className,
+  disabled,
+  ...buttonProps
+}) {
+  const Component = as || "button";
+  return /* @__PURE__ */ jsx(
+    Component,
+    {
+      "data-theme": intent ? void 0 : theme,
+      className: buttonClasses({
+        theme,
+        intent,
+        size,
+        className,
+        disabled
+      }),
+      disabled,
+      ...buttonProps,
+      children
+    }
+  );
+}
+
+// src/primitives/ChevronIcon.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var ChevronIcon = ({ expanded, className }) => /* @__PURE__ */ jsx2(
+  "svg",
+  {
+    "aria-hidden": "true",
+    width: "12",
+    height: "12",
+    viewBox: "0 0 12 12",
+    className: cn2(
+      "polli:shrink-0 polli:transition-transform polli:duration-200 polli:ease-out",
+      expanded && "polli:rotate-180",
+      className
+    ),
+    children: /* @__PURE__ */ jsx2(
+      "path",
+      {
+        d: "M3 4.5 6 7.5l3-3",
+        fill: "none",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: "1.5"
+      }
+    )
+  }
+);
+
+// src/primitives/Chip.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var chipSizes = {
+  sm: "polli:px-2 polli:py-0.5 polli:text-xs",
+  md: "polli:px-2.5 polli:py-0.5 polli:text-sm",
+  lg: "polli:px-3 polli:py-1 polli:text-sm"
+};
+var intentClasses2 = {
+  news: "polli:bg-[oklch(0.935_0.06_158)] polli:text-[oklch(0.46_0.13_158)]",
+  alpha: "polli:bg-[oklch(0.93_0.06_300)] polli:text-[oklch(0.42_0.18_300)]",
+  neutral: "polli:border polli:border-gray-400/70 polli:bg-gray-100/80 polli:text-gray-900"
+};
+var Chip = ({
+  theme,
+  intent,
+  size = "md",
+  className,
+  children,
+  ...rest
+}) => {
+  const intentClass = intent ? intentClasses2[intent] : "polli:bg-theme-bg-active polli:text-theme-text-strong";
+  return /* @__PURE__ */ jsx3(
+    "span",
+    {
+      ...rest,
+      "data-theme": theme,
+      className: cn2(
+        "polli:inline-flex polli:shrink-0 polli:items-center polli:gap-1 polli:rounded-lg polli:font-medium polli:leading-normal",
+        chipSizes[size],
+        intentClass,
+        className
+      ),
+      children
+    }
+  );
+};
+
+// src/primitives/Collapsible.tsx
+import { jsx as jsx4, jsxs } from "react/jsx-runtime";
+var Collapsible = ({
+  label,
+  expanded,
+  onToggle,
+  children,
+  disabled = false,
+  wrapperClassName,
+  hoverClassName = "polli:hover:bg-theme-bg-active",
+  focusClassName,
+  panelClassName = "polli:border-t polli:border-theme-border polli:px-3 polli:pt-3 polli:pb-3",
+  ariaLabel
+}) => /* @__PURE__ */ jsxs(
+  "div",
+  {
+    className: cn2(
+      "polli:rounded-lg polli:border polli:transition-all",
+      wrapperClassName,
+      disabled && "polli:opacity-50"
+    ),
+    children: [
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          "aria-expanded": expanded,
+          "aria-label": ariaLabel,
+          disabled,
+          onClick: onToggle,
+          className: cn2(
+            "polli:w-full polli:flex polli:items-center polli:gap-3 polli:px-3 polli:py-2 polli:text-left polli:transition-colors",
+            expanded ? "polli:rounded-t-lg" : "polli:rounded-lg",
+            !disabled && hoverClassName,
+            focusClassName,
+            disabled ? "polli:cursor-not-allowed" : "polli:cursor-pointer"
+          ),
+          children: [
+            /* @__PURE__ */ jsx4("div", { className: "polli:flex-1 polli:min-w-0", children: label }),
+            /* @__PURE__ */ jsx4(
+              ChevronIcon,
+              {
+                expanded,
+                className: "polli:text-theme-text-soft"
+              }
+            )
+          ]
+        }
+      ),
+      expanded && /* @__PURE__ */ jsx4("div", { className: panelClassName, children })
+    ]
+  }
+);
+
+// src/primitives/CopyButton.tsx
+import {
+  useEffect as useEffect2,
+  useRef as useRef2,
+  useState as useState2
+} from "react";
+
+// src/primitives/Tooltip.tsx
+import {
+  useRef,
+  useState
+} from "react";
+import { Fragment, jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
+var TOOLTIP_MAX_WIDTH = 288;
+var TOOLTIP_VIEWPORT_MARGIN = 12;
+var Tooltip = ({
+  children,
+  content,
+  ariaLabel,
+  className,
+  onClick,
+  style,
+  triggerAs = "button",
+  displayContents = false
+}) => {
+  const [showTooltip, setShowTooltip] = useState(false);
+  const [tooltipPosition, setTooltipPosition] = useState({
+    top: 0,
+    left: 0,
+    maxWidth: TOOLTIP_MAX_WIDTH
+  });
+  const triggerRef = useRef(null);
+  const updateTooltipPosition = () => {
+    if (triggerRef.current) {
+      const rect = triggerRef.current.getBoundingClientRect();
+      const maxWidth = Math.min(
+        TOOLTIP_MAX_WIDTH,
+        window.innerWidth - TOOLTIP_VIEWPORT_MARGIN * 2
+      );
+      const left = Math.min(
+        Math.max(rect.left, TOOLTIP_VIEWPORT_MARGIN),
+        Math.max(
+          TOOLTIP_VIEWPORT_MARGIN,
+          window.innerWidth - maxWidth - TOOLTIP_VIEWPORT_MARGIN
+        )
+      );
+      setTooltipPosition({
+        top: rect.bottom + 4,
+        left,
+        maxWidth
+      });
+    }
+  };
+  const triggerClassName = cn2(
+    "polli:relative polli:cursor-help polli:text-left polli:inline-flex polli:items-center",
+    className
+  );
+  const cursorClass = displayContents ? "polli:contents" : "polli:cursor-help";
+  const popupClasses = "polli:fixed polli:w-max polli:px-2 polli:py-1 polli:bg-theme-bg-pale polli:text-theme-text-strong polli:border polli:border-theme-border polli:text-xs polli:rounded-md polli:shadow-sm polli:z-50 polli:pointer-events-none polli:transition-opacity polli:whitespace-pre-line polli:break-words";
+  const contentNode = /* @__PURE__ */ jsxs2(Fragment, { children: [
+    /* @__PURE__ */ jsx5("span", { className: cursorClass, children }),
+    /* @__PURE__ */ jsx5(
+      "span",
+      {
+        style: {
+          top: tooltipPosition.top,
+          left: tooltipPosition.left,
+          maxWidth: tooltipPosition.maxWidth
+        },
+        className: `${showTooltip ? "polli:visible polli:opacity-100" : "polli:invisible polli:opacity-0"} ${popupClasses}`,
+        children: content
+      }
+    )
+  ] });
+  const sharedProps = {
+    "aria-label": ariaLabel,
+    className: triggerClassName,
+    onMouseEnter: () => {
+      updateTooltipPosition();
+      setShowTooltip(true);
+    },
+    onMouseLeave: () => setShowTooltip(false),
+    onClick: (e) => {
+      e.stopPropagation();
+      if (onClick) {
+        onClick();
+      }
+      if (triggerAs === "span") {
+        return;
+      }
+      updateTooltipPosition();
+      setShowTooltip((prev) => !prev);
+    },
+    style
+  };
+  if (triggerAs === "span") {
+    return /* @__PURE__ */ jsx5(
+      "span",
+      {
+        ref: (node) => {
+          triggerRef.current = node;
+        },
+        ...sharedProps,
+        children: contentNode
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx5(
+    "button",
+    {
+      ref: (node) => {
+        triggerRef.current = node;
+      },
+      type: "button",
+      "aria-label": ariaLabel,
+      className: triggerClassName,
+      onMouseEnter: sharedProps.onMouseEnter,
+      onMouseLeave: sharedProps.onMouseLeave,
+      onClick: sharedProps.onClick,
+      style,
+      children: contentNode
+    }
+  );
+};
+
+// src/primitives/CopyButton.tsx
+import { jsx as jsx6 } from "react/jsx-runtime";
+function CopyButton({
+  value,
+  children,
+  copiedTimeoutMs = 2e3,
+  tooltip = "Click to copy",
+  copiedTooltip = "Copied!",
+  tooltipClassName,
+  className,
+  onCopied,
+  onCopyError,
+  ...buttonProps
+}) {
+  const [copied, setCopied] = useState2(false);
+  const timeoutRef = useRef2(null);
+  useEffect2(
+    () => () => {
+      if (timeoutRef.current) clearTimeout(timeoutRef.current);
+    },
+    []
+  );
+  async function handleCopy(event) {
+    event.stopPropagation();
+    try {
+      const text = typeof value === "function" ? await value() : value;
+      await navigator.clipboard.writeText(text);
+      setCopied(true);
+      onCopied?.();
+      if (timeoutRef.current) clearTimeout(timeoutRef.current);
+      timeoutRef.current = setTimeout(
+        () => setCopied(false),
+        copiedTimeoutMs
+      );
+    } catch (error) {
+      onCopyError?.(error);
+    }
+  }
+  const button = /* @__PURE__ */ jsx6(
+    "button",
+    {
+      ...buttonProps,
+      type: "button",
+      onClick: handleCopy,
+      className: cn2(
+        typeof className === "function" ? className(copied) : className
+      ),
+      children: typeof children === "function" ? children(copied) : children
+    }
+  );
+  return /* @__PURE__ */ jsx6(
+    Tooltip,
+    {
+      triggerAs: "span",
+      content: copied ? copiedTooltip : tooltip,
+      className: tooltipClassName,
+      children: button
+    }
+  );
+}
+
+// src/primitives/Dialog.tsx
+import { Dialog as ArkDialog } from "@ark-ui/react/dialog";
+import { Portal } from "@ark-ui/react/portal";
+import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
+var sizeClasses = {
+  sm: "polli:max-w-md",
+  md: "polli:max-w-xl",
+  lg: "polli:max-w-2xl"
+};
+var Dialog = ({
+  open,
+  onOpenChange,
+  trigger,
+  triggerAsChild = false,
+  triggerClassName,
+  title,
+  titleClassName,
+  ariaLabel,
+  labelledBy,
+  theme = "blue",
+  size = "md",
+  showBackdrop = true,
+  backdropClassName,
+  positionerClassName,
+  contentClassName,
+  children
+}) => /* @__PURE__ */ jsxs3(
+  ArkDialog.Root,
+  {
+    open,
+    onOpenChange: (details) => onOpenChange?.(details.open),
+    children: [
+      trigger && /* @__PURE__ */ jsx7(
+        ArkDialog.Trigger,
+        {
+          asChild: triggerAsChild,
+          className: triggerClassName,
+          children: trigger
+        }
+      ),
+      /* @__PURE__ */ jsxs3(Portal, { children: [
+        showBackdrop && /* @__PURE__ */ jsx7(
+          ArkDialog.Backdrop,
+          {
+            className: cn2(
+              "polli:fixed polli:inset-0 polli:z-[100] polli:bg-gray-950/50",
+              backdropClassName
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx7(
+          ArkDialog.Positioner,
+          {
+            className: cn2(
+              "polli:fixed polli:inset-0 polli:z-[110] polli:flex polli:h-dvh polli:items-start polli:justify-center polli:overflow-hidden polli:p-4",
+              positionerClassName
+            ),
+            children: /* @__PURE__ */ jsxs3(
+              ArkDialog.Content,
+              {
+                "data-theme": theme,
+                "aria-label": ariaLabel,
+                "aria-labelledby": labelledBy,
+                className: cn2(
+                  "polli:my-auto polli:w-full polli:overflow-hidden polli:rounded-lg polli:border-2 polli:border-theme-border polli:bg-white polli:shadow-lg",
+                  sizeClasses[size],
+                  contentClassName
+                ),
+                children: [
+                  title && /* @__PURE__ */ jsx7(
+                    DialogTitle,
+                    {
+                      className: cn2(
+                        "polli:px-6 polli:pt-6 polli:font-subheading polli:text-xl polli:text-theme-text-strong",
+                        titleClassName
+                      ),
+                      children: title
+                    }
+                  ),
+                  children
+                ]
+              }
+            )
+          }
+        )
+      ] })
+    ]
+  }
+);
+var DialogTitle = ArkDialog.Title;
+
+// src/primitives/Dropdown.tsx
+import { Popover } from "@ark-ui/react/popover";
+import { Portal as Portal2 } from "@ark-ui/react/portal";
+import { useState as useState3 } from "react";
+import { jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
+var DEFAULT_PANEL = "polli:rounded-lg polli:border polli:border-theme-border polli:bg-surface-white polli:shadow-lg";
+var Dropdown = ({
+  theme,
+  trigger,
+  children,
+  align = "start",
+  open: openProp,
+  onOpenChange,
+  panelClassName,
+  className
+}) => {
+  const [internalOpen, setInternalOpen] = useState3(false);
+  const isControlled = openProp !== void 0;
+  const open = isControlled ? openProp : internalOpen;
+  const setOpen = (next) => {
+    if (!isControlled) setInternalOpen(next);
+    onOpenChange?.(next);
+  };
+  return /* @__PURE__ */ jsxs4(
+    Popover.Root,
+    {
+      open,
+      onOpenChange: (details) => setOpen(details.open),
+      positioning: {
+        placement: align === "end" ? "bottom-end" : "bottom-start"
+      },
+      children: [
+        /* @__PURE__ */ jsx8(Popover.Trigger, { asChild: true, children: trigger(open) }),
+        /* @__PURE__ */ jsx8(Portal2, { children: /* @__PURE__ */ jsx8(Popover.Positioner, { children: /* @__PURE__ */ jsx8(
+          Popover.Content,
+          {
+            "data-theme": theme,
+            className: cn2(
+              "polli:z-50 polli:overflow-hidden polli:focus:outline-none",
+              panelClassName ?? DEFAULT_PANEL,
+              className
+            ),
+            children: typeof children === "function" ? children(() => setOpen(false)) : children
+          }
+        ) }) })
+      ]
+    }
+  );
+};
+
+// src/primitives/icons/index.tsx
+import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
+var strokeProps = {
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+function AppIcon(props) {
+  return /* @__PURE__ */ jsxs5("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
+    /* @__PURE__ */ jsx9("rect", { x: "2", y: "4", width: "20", height: "14", rx: "2" }),
+    /* @__PURE__ */ jsx9("path", { d: "M2 20h20" })
+  ] });
+}
+function BeakerIcon(props) {
+  return /* @__PURE__ */ jsxs5("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
+    /* @__PURE__ */ jsx9("path", { d: "M9 3h6" }),
+    /* @__PURE__ */ jsx9("path", { d: "M10 3v6.5L4.5 18a2 2 0 0 0 1.7 3h11.6a2 2 0 0 0 1.7-3L14 9.5V3" }),
+    /* @__PURE__ */ jsx9("path", { d: "M7 14h10" })
+  ] });
+}
+function BookIcon(props) {
+  return /* @__PURE__ */ jsxs5("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
+    /* @__PURE__ */ jsx9("path", { d: "M4 4h5a3 3 0 0 1 3 3v13a2 2 0 0 0-2-2H4z" }),
+    /* @__PURE__ */ jsx9("path", { d: "M20 4h-5a3 3 0 0 0-3 3v13a2 2 0 0 1 2-2h6z" })
+  ] });
+}
+function CheckIcon(props) {
+  return /* @__PURE__ */ jsx9(
+    "svg",
+    {
+      "aria-hidden": "true",
+      viewBox: "0 0 24 24",
+      ...strokeProps,
+      strokeWidth: 2.5,
+      ...props,
+      children: /* @__PURE__ */ jsx9("polyline", { points: "20 6 9 17 4 12" })
+    }
+  );
+}
+function ClipboardIcon(props) {
+  return /* @__PURE__ */ jsxs5("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
+    /* @__PURE__ */ jsx9("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2" }),
+    /* @__PURE__ */ jsx9("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
+  ] });
+}
+function ClockIcon(props) {
+  return /* @__PURE__ */ jsxs5("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
+    /* @__PURE__ */ jsx9("circle", { cx: "12", cy: "12", r: "9" }),
+    /* @__PURE__ */ jsx9("path", { d: "M12 7v5l3 2" })
+  ] });
+}
+function DiscordIcon(props) {
+  return /* @__PURE__ */ jsx9("svg", { viewBox: "0 0 24 24", "aria-hidden": "true", ...props, children: /* @__PURE__ */ jsx9(
+    "path",
+    {
+      fill: "currentColor",
+      d: "M20.32 4.37A19.8 19.8 0 0 0 15.36 2.83a.07.07 0 0 0-.08.04c-.21.38-.45.88-.62 1.27a18.27 18.27 0 0 0-5.52 0 12.84 12.84 0 0 0-.63-1.27.08.08 0 0 0-.08-.04A19.74 19.74 0 0 0 3.47 4.37a.07.07 0 0 0-.03.03C.31 9.07-.55 13.61-.13 18.1a.08.08 0 0 0 .03.06 19.9 19.9 0 0 0 6.08 3.07.08.08 0 0 0 .09-.03c.47-.64.88-1.31 1.24-2.02a.08.08 0 0 0-.04-.1 13.08 13.08 0 0 1-1.9-.91.08.08 0 0 1-.01-.13c.13-.1.25-.2.37-.29a.07.07 0 0 1 .08-.01 14.24 14.24 0 0 0 12.38 0 .07.07 0 0 1 .08.01c.12.1.25.2.38.3a.08.08 0 0 1-.01.12 12.22 12.22 0 0 1-1.9.9.08.08 0 0 0-.04.11c.36.7.77 1.38 1.23 2.02a.08.08 0 0 0 .1.03 19.84 19.84 0 0 0 6.08-3.07.08.08 0 0 0 .03-.05c.5-5.2-.84-9.7-3.77-13.71a.06.06 0 0 0-.03-.03ZM8.02 15.37c-1.18 0-2.16-1.08-2.16-2.4 0-1.32.96-2.4 2.16-2.4 1.2 0 2.18 1.09 2.16 2.4 0 1.32-.96 2.4-2.16 2.4Zm7.96 0c-1.18 0-2.16-1.08-2.16-2.4 0-1.32.96-2.4 2.16-2.4 1.2 0 2.18 1.09 2.16 2.4 0 1.32-.95 2.4-2.16 2.4Z"
+    }
+  ) });
+}
+function DownloadIcon(props) {
+  return /* @__PURE__ */ jsxs5("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
+    /* @__PURE__ */ jsx9("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+    /* @__PURE__ */ jsx9("polyline", { points: "7 10 12 15 17 10" }),
+    /* @__PURE__ */ jsx9("line", { x1: "12", y1: "15", x2: "12", y2: "3" })
+  ] });
+}
+function ExternalLinkIcon(props) {
+  return /* @__PURE__ */ jsx9("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: /* @__PURE__ */ jsx9("path", { d: "M7 17 17 7M9 7h8v8" }) });
+}
+function GenApiIcon(props) {
+  return /* @__PURE__ */ jsxs5("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
+    /* @__PURE__ */ jsx9("path", { d: "m8 3 4 1.5L16 3v18l-4-1.5L8 21z" }),
+    /* @__PURE__ */ jsx9("path", { d: "M8 3v18M16 3v18" })
+  ] });
+}
+function GitHubIcon(props) {
+  return /* @__PURE__ */ jsx9("svg", { viewBox: "0 0 24 24", "aria-hidden": "true", ...props, children: /* @__PURE__ */ jsx9(
+    "path",
+    {
+      fill: "currentColor",
+      d: "M12 .5A11.5 11.5 0 0 0 8.36 22.9c.58.11.79-.25.79-.56v-2.16c-3.21.7-3.89-1.38-3.89-1.38-.53-1.34-1.29-1.7-1.29-1.7-1.05-.72.08-.7.08-.7 1.16.08 1.77 1.19 1.77 1.19 1.04 1.76 2.71 1.25 3.37.96.11-.75.4-1.25.74-1.54-2.56-.29-5.26-1.28-5.26-5.7 0-1.26.45-2.29 1.19-3.1-.12-.29-.52-1.46.11-3.06 0 0 .97-.31 3.16 1.18a10.88 10.88 0 0 1 5.76 0c2.19-1.49 3.15-1.18 3.15-1.18.63 1.6.23 2.77.11 3.06.74.81 1.19 1.84 1.19 3.1 0 4.43-2.7 5.4-5.27 5.69.41.36.78 1.06.78 2.14v3.19c0 .31.21.68.8.56A11.5 11.5 0 0 0 12 .5Z"
+    }
+  ) });
+}
+function ImageIcon(props) {
+  return /* @__PURE__ */ jsxs5("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
+    /* @__PURE__ */ jsx9("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }),
+    /* @__PURE__ */ jsx9("circle", { cx: "9", cy: "9", r: "2" }),
+    /* @__PURE__ */ jsx9("path", { d: "m21 15-5-5L5 21" })
+  ] });
+}
+function LockIcon(props) {
+  return /* @__PURE__ */ jsxs5("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
+    /* @__PURE__ */ jsx9("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2", ry: "2" }),
+    /* @__PURE__ */ jsx9("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })
+  ] });
+}
+function MailIcon(props) {
+  return /* @__PURE__ */ jsxs5("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
+    /* @__PURE__ */ jsx9("rect", { x: "3", y: "5", width: "18", height: "14", rx: "2" }),
+    /* @__PURE__ */ jsx9("path", { d: "m3 7 9 7 9-7" })
+  ] });
+}
+function McpIcon(props) {
+  return /* @__PURE__ */ jsxs5("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
+    /* @__PURE__ */ jsx9("rect", { x: "2", y: "7", width: "8", height: "10", rx: "1.5" }),
+    /* @__PURE__ */ jsx9("rect", { x: "14", y: "7", width: "8", height: "10", rx: "1.5" }),
+    /* @__PURE__ */ jsx9("path", { d: "M10 12h4" })
+  ] });
+}
+function MenuIcon(props) {
+  return /* @__PURE__ */ jsx9("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: /* @__PURE__ */ jsx9("path", { d: "M4 7h16M4 12h16M4 17h16" }) });
+}
+function TerminalIcon(props) {
+  return /* @__PURE__ */ jsxs5("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
+    /* @__PURE__ */ jsx9("polyline", { points: "4 8 8 12 4 16" }),
+    /* @__PURE__ */ jsx9("line", { x1: "12", y1: "20", x2: "20", y2: "20" })
+  ] });
+}
+function TokensIcon(props) {
+  return /* @__PURE__ */ jsx9("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: /* @__PURE__ */ jsx9("path", { d: "M4 9h16M4 15h16M10 3 8 21M16 3l-2 18" }) });
+}
+function TrendUpIcon(props) {
+  return /* @__PURE__ */ jsxs5("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
+    /* @__PURE__ */ jsx9("polyline", { points: "3 17 9 11 13 15 21 7" }),
+    /* @__PURE__ */ jsx9("polyline", { points: "15 7 21 7 21 13" })
+  ] });
+}
+function WalletIcon(props) {
+  return /* @__PURE__ */ jsxs5("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
+    /* @__PURE__ */ jsx9("path", { d: "M3 7a2 2 0 0 1 2-2h13a2 2 0 0 1 2 2v2H5a2 2 0 0 0-2 2V7Z" }),
+    /* @__PURE__ */ jsx9("path", { d: "M3 11a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-6Z" }),
+    /* @__PURE__ */ jsx9("circle", { cx: "17", cy: "14", r: "1.25", fill: "currentColor" })
+  ] });
+}
+function XIcon(props) {
+  return /* @__PURE__ */ jsx9("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: /* @__PURE__ */ jsx9("path", { d: "M18 6 6 18M6 6l12 12" }) });
+}
+
+// src/primitives/ExternalLinkButton.tsx
+import { jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
+var ExternalLinkButton = ({
+  theme,
+  href,
+  size = "medium",
+  className,
+  children
+}) => /* @__PURE__ */ jsxs6(
+  Button,
+  {
+    as: "a",
+    href,
+    target: "_blank",
+    rel: "noopener noreferrer",
+    theme,
+    size,
+    className: cn2("polli:gap-2", className),
+    children: [
+      /* @__PURE__ */ jsx10("span", { children }),
+      /* @__PURE__ */ jsx10(
+        ExternalLinkIcon,
+        {
+          className: "polli:h-4 polli:w-4 polli:shrink-0 polli:opacity-60",
+          "aria-hidden": "true"
+        }
+      )
+    ]
+  }
+);
+
+// src/primitives/Field.tsx
+import { Field } from "@ark-ui/react/field";
+
+// src/primitives/IconButton.tsx
+import { jsx as jsx11 } from "react/jsx-runtime";
+var intentClasses3 = {
+  danger: "polli:bg-intent-danger-bg-light polli:hover:bg-[oklch(0.88_0.075_25)] polli:text-intent-danger-text"
+};
+var defaultClasses = "polli:bg-theme-bg-active polli:hover:bg-theme-bg-hover polli:text-theme-text-soft polli:hover:text-theme-text-strong";
+var IconButton = ({
+  intent,
+  title,
+  onClick,
+  children,
+  className
+}) => /* @__PURE__ */ jsx11(
+  "button",
+  {
+    type: "button",
+    onClick,
+    title,
+    "aria-label": title,
+    className: cn2(
+      "polli:inline-flex polli:h-6 polli:w-6 polli:cursor-pointer polli:items-center polli:justify-center polli:rounded polli:transition-colors",
+      intent ? intentClasses3[intent] : defaultClasses,
+      className
+    ),
+    children
+  }
+);
+
+// src/primitives/InfoTip.tsx
+import { jsx as jsx12 } from "react/jsx-runtime";
+var InfoTip = ({
+  text,
+  content,
+  label = "More info"
+}) => /* @__PURE__ */ jsx12(Tooltip, { content: content ?? text, ariaLabel: label, className: "polli:ml-1", children: /* @__PURE__ */ jsx12("span", { className: "polli:inline-flex polli:h-3.5 polli:w-3.5 polli:items-center polli:justify-center polli:rounded-full polli:border polli:border-theme-border polli:bg-theme-bg-active polli:font-bold polli:text-micro polli:text-theme-text-strong polli:transition-colors", children: "i" }) });
+
+// src/primitives/Input.tsx
+import { forwardRef } from "react";
+import { jsx as jsx13 } from "react/jsx-runtime";
+var Input = forwardRef(
+  ({ className, error, hideNumberSteppers, ...props }, ref) => /* @__PURE__ */ jsx13(
+    "input",
+    {
+      ref,
+      className: cn2(
+        "polli:px-3 polli:py-2 polli:border polli:rounded-lg",
+        "polli:disabled:opacity-50 polli:disabled:cursor-not-allowed",
+        error ? "polli:border-red-400" : "polli:border-gray-300",
+        hideNumberSteppers && "polli-input-number-clean",
+        className
+      ),
+      ...props
+    }
+  )
+);
+
+// src/primitives/ScrollArea.tsx
+import {
+  forwardRef as forwardRef2,
+  useCallback,
+  useEffect as useEffect3,
+  useRef as useRef3
+} from "react";
+import { jsx as jsx14 } from "react/jsx-runtime";
+var axisClasses = {
+  y: "polli:overflow-y-auto polli:overflow-x-hidden",
+  x: "polli:overflow-x-auto polli:overflow-y-hidden",
+  both: "polli:overflow-auto"
+};
+function assignRef(ref, value) {
+  if (typeof ref === "function") ref(value);
+  else if (ref) ref.current = value;
+}
+var ScrollArea = forwardRef2(
+  ({ theme, axis = "y", hideDelayMs = 2e3, className, children, ...rest }, externalRef) => {
+    const innerRef = useRef3(null);
+    const setRef = useCallback(
+      (node) => {
+        innerRef.current = node;
+        assignRef(externalRef, node);
+      },
+      [externalRef]
+    );
+    useEffect3(() => {
+      const element = innerRef.current;
+      if (!element) return;
+      let hideTimer = null;
+      const clearHideTimer = () => {
+        if (hideTimer !== null) {
+          window.clearTimeout(hideTimer);
+          hideTimer = null;
+        }
+      };
+      const show = () => {
+        element.dataset.scrollbarActive = "true";
+        clearHideTimer();
+      };
+      const hide = () => {
+        element.dataset.scrollbarActive = "false";
+        clearHideTimer();
+      };
+      const scheduleHide = () => {
+        clearHideTimer();
+        hideTimer = window.setTimeout(hide, hideDelayMs);
+      };
+      const handleInteraction = () => {
+        show();
+        scheduleHide();
+      };
+      hide();
+      element.addEventListener("scroll", handleInteraction, {
+        passive: true
+      });
+      element.addEventListener("wheel", handleInteraction, {
+        passive: true
+      });
+      element.addEventListener("touchstart", handleInteraction, {
+        passive: true
+      });
+      element.addEventListener("pointerdown", handleInteraction);
+      element.addEventListener("keydown", handleInteraction);
+      element.addEventListener("focusin", handleInteraction);
+      element.addEventListener("focusout", scheduleHide);
+      return () => {
+        clearHideTimer();
+        element.removeEventListener("scroll", handleInteraction);
+        element.removeEventListener("wheel", handleInteraction);
+        element.removeEventListener("touchstart", handleInteraction);
+        element.removeEventListener("pointerdown", handleInteraction);
+        element.removeEventListener("keydown", handleInteraction);
+        element.removeEventListener("focusin", handleInteraction);
+        element.removeEventListener("focusout", scheduleHide);
+      };
+    }, [hideDelayMs]);
+    return /* @__PURE__ */ jsx14(
+      "div",
+      {
+        ...rest,
+        ref: setRef,
+        "data-theme": theme,
+        className: cn2(
+          "polli-scrollbar-subtle",
+          axisClasses[axis],
+          className
+        ),
+        children
+      }
+    );
+  }
+);
+ScrollArea.displayName = "ScrollArea";
+
+// src/primitives/MultiSelect.tsx
+import { jsx as jsx15, jsxs as jsxs7 } from "react/jsx-runtime";
+var TRIGGER_BASE = "polli:inline-flex polli:min-h-8 polli:min-w-[140px] polli:items-center polli:gap-2 polli:rounded-full polli:border polli:px-3 polli:py-1.5 polli:text-xs polli:font-medium polli:transition-all polli:duration-200";
+var ROW_BASE = "polli:flex polli:w-full polli:items-center polli:gap-3 polli:px-3 polli:py-2 polli:text-left polli:text-xs polli:transition-colors";
+var CHECK_BASE = "polli:flex polli:h-4 polli:w-4 polli:flex-shrink-0 polli:items-center polli:justify-center polli:rounded polli:border polli:border-theme-border polli:text-xs";
+var MultiSelect = ({
+  options,
+  selected,
+  onChange,
+  placeholder,
+  disabled,
+  disabledText,
+  align = "start",
+  label,
+  theme
+}) => {
+  const isAllSelected = selected.length === 0;
+  const toggleItem = (itemId) => {
+    if (selected.includes(itemId)) {
+      onChange(selected.filter((m) => m !== itemId));
+    } else {
+      onChange([...selected, itemId]);
+    }
+  };
+  const selectAll = () => onChange([]);
+  const displayText = disabled ? disabledText : isAllSelected ? "All" : `${selected.length} selected`;
+  const labelNode = label ? /* @__PURE__ */ jsx15("span", { className: "polli:text-xs polli:font-medium polli:text-theme-text-soft", children: label }) : null;
+  if (disabled) {
+    return /* @__PURE__ */ jsxs7(
+      "div",
+      {
+        "data-theme": theme,
+        className: "polli:group polli:relative polli:flex polli:items-center polli:gap-2",
+        children: [
+          labelNode,
+          /* @__PURE__ */ jsxs7(
+            "button",
+            {
+              type: "button",
+              disabled: true,
+              className: cn2(
+                TRIGGER_BASE,
+                "polli:cursor-not-allowed polli:border-theme-border polli:bg-theme-bg-subtle polli:opacity-60"
+              ),
+              children: [
+                /* @__PURE__ */ jsx15("span", { className: "polli:flex-1 polli:truncate polli:text-left polli:text-theme-text-soft/60", children: displayText }),
+                /* @__PURE__ */ jsx15(
+                  ChevronIcon,
+                  {
+                    expanded: false,
+                    className: "polli:h-3 polli:w-3 polli:text-theme-text-soft"
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx15("span", { className: "polli:pointer-events-none polli:absolute polli:-top-8 polli:left-1/2 polli:z-[100] polli:-translate-x-1/2 polli:whitespace-nowrap polli:rounded-md polli:border polli:border-theme-border polli:bg-theme-bg-pale polli:px-2 polli:py-1 polli:text-xs polli:text-theme-text-strong polli:opacity-0 polli:shadow-sm polli:transition-opacity polli:group-hover:opacity-100", children: "No items available" })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs7(
+    "div",
+    {
+      "data-theme": theme,
+      className: "polli:flex polli:items-center polli:gap-2",
+      children: [
+        labelNode,
+        /* @__PURE__ */ jsx15(
+          Dropdown,
+          {
+            theme,
+            align,
+            className: "polli:min-w-[320px]",
+            trigger: (open) => /* @__PURE__ */ jsxs7(
+              "button",
+              {
+                type: "button",
+                className: cn2(
+                  TRIGGER_BASE,
+                  open ? "polli:border-theme-border polli:bg-theme-bg-active" : "polli:border-theme-border polli:bg-theme-bg-subtle polli:hover:bg-theme-bg-pale"
+                ),
+                children: [
+                  /* @__PURE__ */ jsx15(
+                    "span",
+                    {
+                      className: cn2(
+                        "polli:flex-1 polli:truncate polli:text-left",
+                        open ? "polli:text-theme-text-strong" : "polli:text-theme-text-base"
+                      ),
+                      children: displayText
+                    }
+                  ),
+                  /* @__PURE__ */ jsx15(
+                    ChevronIcon,
+                    {
+                      expanded: open,
+                      className: cn2(
+                        "polli:h-3 polli:w-3 polli:transition-transform",
+                        open ? "polli:text-theme-text-strong" : "polli:text-theme-text-soft"
+                      )
+                    }
+                  )
+                ]
+              }
+            ),
+            children: /* @__PURE__ */ jsxs7(ScrollArea, { theme, className: "polli:max-h-64", children: [
+              /* @__PURE__ */ jsxs7(
+                "button",
+                {
+                  type: "button",
+                  onClick: selectAll,
+                  className: cn2(
+                    ROW_BASE,
+                    isAllSelected ? "polli:bg-theme-bg-active polli:font-medium polli:text-theme-text-strong" : "polli:text-theme-text-base polli:hover:bg-theme-bg-subtle"
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsx15(
+                      "span",
+                      {
+                        className: cn2(
+                          CHECK_BASE,
+                          isAllSelected && "polli:bg-theme-bg-active polli:text-theme-text-strong"
+                        ),
+                        children: isAllSelected && "\u2713"
+                      }
+                    ),
+                    placeholder
+                  ]
+                }
+              ),
+              options.map((opt) => {
+                const isChecked = selected.includes(opt.value);
+                return /* @__PURE__ */ jsxs7(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => toggleItem(opt.value),
+                    className: cn2(
+                      ROW_BASE,
+                      isChecked ? "polli:bg-theme-bg-active polli:text-theme-text-strong" : "polli:text-theme-text-base polli:hover:bg-theme-bg-subtle"
+                    ),
+                    children: [
+                      /* @__PURE__ */ jsx15(
+                        "span",
+                        {
+                          className: cn2(
+                            CHECK_BASE,
+                            isChecked && "polli:bg-theme-bg-active polli:text-theme-text-strong"
+                          ),
+                          children: isChecked && "\u2713"
+                        }
+                      ),
+                      /* @__PURE__ */ jsx15("span", { className: "polli:whitespace-nowrap", children: opt.label })
+                    ]
+                  },
+                  opt.value
+                );
+              })
+            ] })
+          }
+        )
+      ]
+    }
+  );
+};
+
+// src/primitives/PeriodPicker.tsx
+import { useEffect as useEffect4, useMemo, useState as useState4 } from "react";
+
+// src/primitives/TabButton.tsx
+import { jsx as jsx16 } from "react/jsx-runtime";
+var sizeClasses2 = {
+  medium: "polli:px-4 polli:py-1.5 polli:text-base",
+  small: "polli:px-3 polli:py-1.5 polli:text-sm"
+};
+var TabButton = ({
+  theme,
+  active,
+  onClick,
+  children,
+  size = "medium",
+  ariaLabel,
+  disabled = false,
+  className
+}) => {
+  return /* @__PURE__ */ jsx16(
+    "button",
+    {
+      type: "button",
+      "data-theme": theme,
+      onClick,
+      "aria-label": ariaLabel,
+      "aria-pressed": active,
+      disabled,
+      className: cn2(
+        "polli:inline-flex polli:items-center polli:justify-center polli:rounded-full polli:border polli:font-medium polli:leading-normal polli:transition-all polli:duration-200",
+        active ? "polli:bg-theme-bg-active polli:text-theme-text-strong polli:border-theme-border" : "polli:bg-theme-bg-subtle polli:text-theme-text-base polli:border-theme-border polli:hover:bg-theme-bg-active",
+        disabled && "polli:cursor-not-allowed polli:opacity-50",
+        sizeClasses2[size],
+        className
+      ),
+      children
+    }
+  );
+};
+
+// src/primitives/PeriodPicker.tsx
+import { Fragment as Fragment2, jsx as jsx17, jsxs as jsxs8 } from "react/jsx-runtime";
+var WEEKDAY_LABELS = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"];
+var MONTH_LABELS = [
+  "Jan",
+  "Feb",
+  "Mar",
+  "Apr",
+  "May",
+  "Jun",
+  "Jul",
+  "Aug",
+  "Sep",
+  "Oct",
+  "Nov",
+  "Dec"
+];
+var NAV_BUTTON = "polli:rounded-full polli:px-2 polli:py-1 polli:text-xs polli:font-semibold polli:text-theme-text-base polli:transition-colors polli:hover:bg-theme-bg-subtle";
+function addUtcMonths2(date, months) {
+  return new Date(
+    Date.UTC(date.getUTCFullYear(), date.getUTCMonth() + months, 1)
+  );
+}
+function monthGridDates(viewMonth) {
+  const firstDay = new Date(
+    Date.UTC(viewMonth.getUTCFullYear(), viewMonth.getUTCMonth(), 1)
+  );
+  const firstWeekday = firstDay.getUTCDay() || 7;
+  const cursor = addUtcDays(firstDay, 1 - firstWeekday);
+  return Array.from({ length: 42 }, (_, index) => addUtcDays(cursor, index));
+}
+function sameUtcDay(left, right) {
+  return left.getTime() === right.getTime();
+}
+function periodDate(value) {
+  return periodToWindow(value).start;
+}
+function viewBounds(viewDate, granularity) {
+  if (granularity === "month") {
+    const start2 = new Date(Date.UTC(viewDate.getUTCFullYear(), 0, 1));
+    return { start: start2, end: addUtcMonths2(start2, 12) };
+  }
+  const start = new Date(
+    Date.UTC(viewDate.getUTCFullYear(), viewDate.getUTCMonth(), 1)
+  );
+  return { start, end: addUtcMonths2(start, 1) };
+}
+var PeriodPicker = ({
+  value,
+  onChange,
+  theme,
+  minDate = /* @__PURE__ */ new Date(0),
+  maxDate
+}) => {
+  const [open, setOpen] = useState4(false);
+  const [viewDate, setViewDate] = useState4(() => periodDate(value));
+  const { granularity, period } = value;
+  useEffect4(() => {
+    setViewDate(periodDate({ granularity, period }));
+  }, [granularity, period]);
+  const dates = useMemo(() => monthGridDates(viewDate), [viewDate]);
+  const selectedWindow = periodToWindow(value);
+  const today = startOfUtcDay(maxDate);
+  const previousViewDate = value.granularity === "month" ? addUtcMonths2(viewDate, -12) : addUtcMonths2(viewDate, -1);
+  const nextViewDate = value.granularity === "month" ? addUtcMonths2(viewDate, 12) : addUtcMonths2(viewDate, 1);
+  const previousBounds = viewBounds(previousViewDate, value.granularity);
+  const nextBounds = viewBounds(nextViewDate, value.granularity);
+  const previousDisabled = previousBounds.end <= minDate;
+  const nextDisabled = nextBounds.start > today;
+  const setGranularity = (granularity2) => {
+    onChange(periodFromDate(granularity2, periodDate(value)));
+  };
+  const selectDate = (date) => {
+    onChange(periodFromDate(value.granularity, date));
+    setOpen(false);
+  };
+  const viewLabel = value.granularity === "month" ? String(viewDate.getUTCFullYear()) : viewDate.toLocaleDateString("en-US", {
+    timeZone: "UTC",
+    month: "long",
+    year: "numeric"
+  });
+  return /* @__PURE__ */ jsxs8(
+    "div",
+    {
+      "data-theme": theme,
+      className: "polli:flex polli:flex-wrap polli:items-center polli:gap-2",
+      children: [
+        /* @__PURE__ */ jsx17("div", { className: "polli:flex polli:flex-wrap polli:gap-1.5", children: ["day", "week", "month"].map(
+          (granularity2) => /* @__PURE__ */ jsx17(
+            TabButton,
+            {
+              active: value.granularity === granularity2,
+              onClick: () => setGranularity(granularity2),
+              children: granularity2[0].toUpperCase() + granularity2.slice(1)
+            },
+            granularity2
+          )
+        ) }),
+        /* @__PURE__ */ jsxs8(
+          Dropdown,
+          {
+            theme,
+            open,
+            onOpenChange: setOpen,
+            className: "polli:w-[304px] polli:rounded-xl polli:p-3",
+            trigger: (isOpen) => /* @__PURE__ */ jsxs8(
+              "button",
+              {
+                type: "button",
+                "aria-label": `Select period, current ${formatPeriodLabel(value)}`,
+                className: cn2(
+                  "polli:inline-flex polli:min-w-[150px] polli:items-center polli:justify-between polli:gap-2 polli:rounded-full polli:border polli:px-4 polli:pt-1.5 polli:pb-2 polli:text-left polli:text-base polli:font-medium polli:leading-normal",
+                  "polli:border-theme-border polli:bg-theme-bg-subtle polli:text-theme-text-base",
+                  "polli:transition-all polli:duration-200 polli:ease-out polli:hover:bg-theme-bg-pale",
+                  isOpen && "polli:bg-theme-bg-active polli:text-theme-text-strong polli:shadow-sm"
+                ),
+                children: [
+                  /* @__PURE__ */ jsx17("span", { children: formatPeriodLabel(value) }),
+                  /* @__PURE__ */ jsx17(ChevronIcon, { expanded: isOpen })
+                ]
+              }
+            ),
+            children: [
+              /* @__PURE__ */ jsxs8("div", { className: "polli:mb-3 polli:flex polli:items-center polli:justify-between", children: [
+                /* @__PURE__ */ jsx17(
+                  "button",
+                  {
+                    type: "button",
+                    "aria-label": value.granularity === "month" ? "Previous year" : "Previous month",
+                    disabled: previousDisabled,
+                    onClick: () => setViewDate(previousViewDate),
+                    className: cn2(
+                      NAV_BUTTON,
+                      previousDisabled && "polli:cursor-not-allowed polli:opacity-30 polli:hover:bg-transparent"
+                    ),
+                    children: "<"
+                  }
+                ),
+                /* @__PURE__ */ jsx17("div", { className: "polli:text-sm polli:font-bold polli:text-theme-text-base", children: viewLabel }),
+                /* @__PURE__ */ jsx17(
+                  "button",
+                  {
+                    type: "button",
+                    "aria-label": value.granularity === "month" ? "Next year" : "Next month",
+                    disabled: nextDisabled,
+                    onClick: () => setViewDate(nextViewDate),
+                    className: cn2(
+                      NAV_BUTTON,
+                      nextDisabled && "polli:cursor-not-allowed polli:opacity-30 polli:hover:bg-transparent"
+                    ),
+                    children: ">"
+                  }
+                )
+              ] }),
+              value.granularity === "month" ? /* @__PURE__ */ jsx17("div", { className: "polli:grid polli:grid-cols-3 polli:gap-1.5", children: MONTH_LABELS.map((label, monthIndex) => {
+                const date = new Date(
+                  Date.UTC(
+                    viewDate.getUTCFullYear(),
+                    monthIndex,
+                    1
+                  )
+                );
+                const selectable = isPeriodSelectable(
+                  periodFromDate("month", date),
+                  minDate,
+                  today
+                );
+                const ariaLabel = date.toLocaleDateString("en-US", {
+                  timeZone: "UTC",
+                  month: "long",
+                  year: "numeric"
+                });
+                const selected = date.getUTCFullYear() === selectedWindow.start.getUTCFullYear() && date.getUTCMonth() === selectedWindow.start.getUTCMonth();
+                return /* @__PURE__ */ jsx17(
+                  "button",
+                  {
+                    type: "button",
+                    "aria-label": ariaLabel,
+                    disabled: !selectable,
+                    onClick: () => selectDate(date),
+                    className: cn2(
+                      "polli:rounded-lg polli:px-3 polli:py-2 polli:text-xs polli:font-medium polli:transition-colors polli:duration-150",
+                      selected ? "polli:bg-theme-bg-active polli:text-theme-text-strong" : "polli:text-gray-700 polli:hover:bg-theme-bg-subtle",
+                      !selectable && "polli:cursor-not-allowed polli:text-gray-300 polli:hover:bg-transparent"
+                    ),
+                    children: label
+                  },
+                  label
+                );
+              }) }) : /* @__PURE__ */ jsxs8(Fragment2, { children: [
+                /* @__PURE__ */ jsx17("div", { className: "polli:mb-1 polli:grid polli:grid-cols-7 polli:gap-1 polli:text-center polli:text-micro polli:font-bold polli:uppercase polli:text-gray-400", children: WEEKDAY_LABELS.map((label) => /* @__PURE__ */ jsx17("div", { children: label }, label)) }),
+                /* @__PURE__ */ jsx17("div", { className: "polli:grid polli:grid-cols-7 polli:gap-1", children: dates.map((date) => {
+                  const inCurrentMonth = date.getUTCMonth() === viewDate.getUTCMonth();
+                  const selectable = isPeriodSelectable(
+                    periodFromDate(value.granularity, date),
+                    minDate,
+                    today
+                  );
+                  const ariaLabel = value.granularity === "week" ? `Select week ${formatPeriodLabel(periodFromDate("week", date))}` : `Select ${date.toLocaleDateString(
+                    "en-US",
+                    {
+                      timeZone: "UTC",
+                      weekday: "long",
+                      month: "long",
+                      day: "numeric",
+                      year: "numeric"
+                    }
+                  )}`;
+                  const selected = value.granularity === "day" ? sameUtcDay(date, selectedWindow.start) : date >= selectedWindow.start && date < selectedWindow.end;
+                  return /* @__PURE__ */ jsx17(
+                    "button",
+                    {
+                      type: "button",
+                      "aria-label": ariaLabel,
+                      disabled: !selectable,
+                      onClick: () => selectDate(date),
+                      className: cn2(
+                        "polli:aspect-square polli:rounded-lg polli:text-xs polli:font-medium polli:transition-colors polli:duration-150",
+                        !inCurrentMonth && "polli:text-gray-300",
+                        sameUtcDay(date, today) && "polli:ring-1 polli:ring-theme-border",
+                        selected ? "polli:bg-theme-bg-active polli:text-theme-text-strong" : "polli:text-gray-700 polli:hover:bg-theme-bg-subtle",
+                        !selectable && "polli:cursor-not-allowed polli:text-gray-300 polli:hover:bg-transparent"
+                      ),
+                      children: date.getUTCDate()
+                    },
+                    date.toISOString()
+                  );
+                }) })
+              ] })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+
+// src/primitives/Surface.tsx
+import { jsx as jsx18 } from "react/jsx-runtime";
+var variantClasses = {
+  panel: "polli:rounded-2xl polli:border polli:border-theme-border polli:bg-theme-bg-subtle polli:p-6",
+  card: "polli:rounded-xl polli:bg-surface-white polli:p-4",
+  "card-themed": "polli:rounded-xl polli:bg-theme-bg-pale polli:p-4"
+};
+var Surface = ({
+  theme,
+  variant = "card",
+  className,
+  children,
+  ...rest
+}) => /* @__PURE__ */ jsx18(
+  "div",
+  {
+    ...rest,
+    "data-theme": theme,
+    className: cn2("polli:min-w-0", variantClasses[variant], className),
+    children
+  }
+);
+
+// src/primitives/Section.tsx
+import { jsx as jsx19, jsxs as jsxs9 } from "react/jsx-runtime";
+var Section = ({
+  title,
+  theme,
+  id,
+  framed = false,
+  action,
+  actionClassName,
+  children,
+  className
+}) => /* @__PURE__ */ jsxs9("section", { id, className: cn2("scroll-mt-10 space-y-2", className), children: [
+  /* @__PURE__ */ jsxs9("div", { className: "flex flex-wrap items-center justify-between gap-3 px-1", children: [
+    /* @__PURE__ */ jsx19(
+      "h2",
+      {
+        "data-theme": theme,
+        className: "text-left text-lg font-semibold sm:text-xl text-theme-text-strong",
+        children: title
+      }
+    ),
+    action && /* @__PURE__ */ jsx19("div", { className: cn2("shrink-0", actionClassName), children: action })
+  ] }),
+  framed ? /* @__PURE__ */ jsx19(Surface, { variant: "panel", theme, children }) : children
+] });
+
+// src/primitives/Slider.tsx
+import { forwardRef as forwardRef3 } from "react";
+import { jsx as jsx20 } from "react/jsx-runtime";
+var toNumber = (value) => {
+  if (typeof value === "number") return value;
+  if (typeof value !== "string" || value.trim() === "") return void 0;
+  const numericValue = Number(value);
+  return Number.isFinite(numericValue) ? numericValue : void 0;
+};
+var clampPercent = (value) => Math.min(100, Math.max(0, value));
+var getProgressPercent = ({
+  progress,
+  value,
+  defaultValue,
+  min,
+  max
+}) => {
+  if (typeof progress === "number" && Number.isFinite(progress)) {
+    return clampPercent(progress);
+  }
+  const numericValue = toNumber(value ?? defaultValue);
+  if (numericValue === void 0) return void 0;
+  const numericMin = toNumber(min) ?? 0;
+  const numericMax = toNumber(max) ?? 100;
+  if (numericMax <= numericMin) return 100;
+  return clampPercent(
+    (numericValue - numericMin) / (numericMax - numericMin) * 100
+  );
+};
+var Slider = forwardRef3(
+  ({ className, defaultValue, max, min, progress, style, value, ...props }, ref) => {
+    const progressPercent = getProgressPercent({
+      progress,
+      value,
+      defaultValue,
+      min,
+      max
+    });
+    const sliderStyle = {
+      ...style,
+      ...progressPercent === void 0 ? null : { "--polli-slider-progress": `${progressPercent}%` }
+    };
+    return /* @__PURE__ */ jsx20(
+      "input",
+      {
+        ref,
+        type: "range",
+        min,
+        max,
+        value,
+        defaultValue,
+        style: sliderStyle,
+        className: cn2("polli-slider", className),
+        ...props
+      }
+    );
+  }
+);
+
+// src/primitives/StatCard.tsx
+import { jsx as jsx21, jsxs as jsxs10 } from "react/jsx-runtime";
+var StatCard = ({
+  label,
+  value,
+  detail,
+  theme,
+  className,
+  labelClassName,
+  valueClassName,
+  detailClassName
+}) => /* @__PURE__ */ jsxs10("div", { "data-theme": theme, className: cn2("polli:text-sm", className), children: [
+  /* @__PURE__ */ jsx21(
+    "div",
+    {
+      className: cn2(
+        "polli:text-micro polli:font-bold polli:uppercase polli:tracking-wide polli:text-theme-text-strong",
+        labelClassName
+      ),
+      children: label
+    }
+  ),
+  /* @__PURE__ */ jsx21(
+    "div",
+    {
+      className: cn2(
+        "polli:mt-1 polli:min-h-8 polli:break-words polli:text-2xl polli:font-bold polli:leading-tight polli:tabular-nums polli:text-theme-text-strong",
+        valueClassName
+      ),
+      children: value
+    }
+  ),
+  detail && /* @__PURE__ */ jsx21(
+    "div",
+    {
+      className: cn2(
+        "polli:mt-2 polli:text-xs polli:text-theme-text-soft",
+        detailClassName
+      ),
+      children: detail
+    }
+  )
+] });
+
+// src/primitives/Switch.tsx
+import { jsx as jsx22 } from "react/jsx-runtime";
+var trackClasses = {
+  off: "polli:bg-gray-200",
+  on: "polli:bg-[oklch(0.88_0.12_158)]",
+  invalid: "polli:bg-[oklch(0.88_0.12_25)]"
+};
+var Switch = ({
+  checked,
+  onChange,
+  status,
+  ariaLabel,
+  disabled = false,
+  className
+}) => {
+  const effectiveStatus = status ?? (checked ? "on" : "off");
+  const resolvedAriaLabel = ariaLabel ?? (checked ? "Turn off toggle" : "Turn on toggle");
+  return /* @__PURE__ */ jsx22(
+    "button",
+    {
+      type: "button",
+      role: "switch",
+      "aria-checked": checked,
+      "aria-label": resolvedAriaLabel,
+      onClick: () => onChange(!checked),
+      disabled,
+      className: cn2(
+        "polli:relative polli:inline-flex polli:h-7 polli:w-12 polli:shrink-0 polli:items-center polli:rounded-full polli:transition polli:disabled:cursor-not-allowed polli:disabled:opacity-60",
+        trackClasses[effectiveStatus],
+        className
+      ),
+      children: /* @__PURE__ */ jsx22(
+        "span",
+        {
+          className: cn2(
+            "polli:inline-block polli:h-5 polli:w-5 polli:rounded-full polli:bg-white polli:shadow-sm polli:transition-transform",
+            checked ? "polli:translate-x-6" : "polli:translate-x-1"
+          )
+        }
+      )
+    }
+  );
+};
+
+// src/theme.ts
+var themes = [
+  "amber",
+  "blue",
+  "pink",
+  "teal",
+  "violet",
+  "green"
+];
+var themeColors = {
+  amber: "#FEF3C7",
+  blue: "#DBEAFE"
+};
+export {
+  AppIcon,
+  BeakerIcon,
+  BookIcon,
+  Button,
+  CheckIcon,
+  ChevronIcon,
+  Chip,
+  ClipboardIcon,
+  ClockIcon,
+  Collapsible,
+  CopyButton,
+  Dialog,
+  DialogTitle,
+  DiscordIcon,
+  DownloadIcon,
+  Dropdown,
+  ExternalLinkButton,
+  ExternalLinkIcon,
+  Field,
+  GenApiIcon,
+  GitHubIcon,
+  IconButton,
+  ImageIcon,
+  InfoTip,
+  Input,
+  LockIcon,
+  MailIcon,
+  McpIcon,
+  MenuIcon,
+  MultiSelect,
+  PeriodPicker,
+  ScrollArea,
+  Section,
+  Slider,
+  StatCard,
+  Surface,
+  Switch,
+  TabButton,
+  TerminalIcon,
+  TokensIcon,
+  Tooltip,
+  TrendUpIcon,
+  WalletIcon,
+  XIcon,
+  cn,
+  currentPeriod,
+  getPeriodBucketKeys,
+  periodBucketKeyToDate,
+  themeColors,
+  themes,
+  useScrollLock
+};
+//# sourceMappingURL=index.js.map