@pollinations/ui 0.0.1 → 0.1.0-alpha.0

package/dist/showcase/index.cjs

@@ -1,2851 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/showcase/index.ts
-var showcase_exports = {};
-__export(showcase_exports, {
-  DesignShowcase: () => DesignShowcase
-});
-module.exports = __toCommonJS(showcase_exports);
-
-// src/showcase/DesignShowcase.tsx
-var import_react8 = require("react");
-
-// 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 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 isPeriodSelectable(selection, minDate = /* @__PURE__ */ new Date(0), maxDate = startOfUtcDay()) {
-  const { start, end } = periodToWindow(selection);
-  return end > minDate && start <= maxDate;
-}
-
-// src/assets/logo.svg
-var logo_default = 'data:image/svg+xml,<?xml version="1.0" encoding="utf-8"?>%0A<svg xmlns="http://www.w3.org/2000/svg" viewBox="15 17.6409 119.9998 114.7498" width="160px" height="153px">%0A  <path style="stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1" d="M73.832 19.293a1893.685 1893.685 0 0 0-7.742 9.047c-1.93 2.273-3.274 3.898-4.266 5.156-.988 1.258-1.62 2.149-2.117 2.957-.5.805-.86 1.531-1.309 2.453-.14.285-.277.563-.402.813-.121.254-.238.48-.332.676a20.107 20.107 0 0 1-.34.652c-.008.008-.062 0-.156-.02s-.227-.047-.383-.09c-.16-.039-.351-.09-.558-.148-.207-.059-.43-.121-.668-.191-1.079-.32-1.895-.559-2.684-.743-.79-.18-1.55-.3-2.516-.382-.96-.082-2.129-.121-3.734-.145-1.602-.02-3.64-.023-6.348-.023H35.31l-2.485-.004H30.34v20.574l-.527.059-.524.058-1.055.117c-.59.067-1.203.157-1.84.274-.636.113-1.292.25-1.968.414-.676.16-1.371.348-2.086.555-.715.21-1.445.441-2.195.695-.47.16-1.024.36-1.594.574a64.38 64.38 0 0 0-1.684.649c-.523.207-.992.398-1.328.546-.336.149-.539.246-.539.274 0 .039.07.234.191.535.118.297.29.7.485 1.156.195.453.418.961.644 1.473.227.508.461 1.02.676 1.484a52.041 52.041 0 0 0 9.54 13.926 47.507 47.507 0 0 0 6.14 5.41c2.164 1.59 4.426 2.953 6.75 4.047a51.197 51.197 0 0 0 3.414 1.461c1.129.43 2.242.805 3.36 1.125 1.112.324 2.226.59 3.343.809a39.04 39.04 0 0 0 3.375.504c.84.085 1.781.136 2.777.156a51.632 51.632 0 0 0 6.203-.266 34.786 34.786 0 0 0 2.836-.394 59.177 59.177 0 0 1 2.633-.442c.149-.02.235-.023.246-.015.043.043-.02.195-.152.414a9.01 9.01 0 0 1-.582.812c-.242.313-.527.645-.813.965-.289.316-.582.617-.851.86-.57.519-1.168.968-1.809 1.355-.64.383-1.324.703-2.07.969-.746.261-1.555.464-2.441.617-.891.156-1.856.258-2.926.316-1.36.07-2.582.207-3.703.422-1.118.211-2.13.496-3.07.871-.938.375-1.801.84-2.618 1.403a15.82 15.82 0 0 0-2.351 2 14.205 14.205 0 0 0-1.489 1.765 13.256 13.256 0 0 0-1.148 1.945 15.518 15.518 0 0 0-.856 2.207 20.834 20.834 0 0 0-.59 2.543c-.058.348-.105.61-.156.817-.05.207-.105.36-.183.484a1.184 1.184 0 0 1-.325.332c-.144.106-.332.211-.578.356a9.157 9.157 0 0 0-2.543 2.183 8.797 8.797 0 0 0-1.52 2.813 8.33 8.33 0 0 0-.382 3.113 7.995 7.995 0 0 0 .852 3.098 7.95 7.95 0 0 0 1.574 2.117 9.294 9.294 0 0 0 2.168 1.566c.789.418 1.629.715 2.469.868.84.152 1.68.167 2.472.007a7.941 7.941 0 0 0 1.188-.336c.406-.144.82-.32 1.222-.515.399-.2.79-.418 1.149-.653.36-.234.691-.476.976-.73a6.93 6.93 0 0 0 1.473-1.86c.39-.71.68-1.492.855-2.308.176-.82.243-1.676.188-2.527a8.74 8.74 0 0 0-.531-2.516 5.919 5.919 0 0 0-.68-1.281c-.289-.43-.64-.856-1.031-1.258a10.34 10.34 0 0 0-1.262-1.11 8.299 8.299 0 0 0-1.379-.847c-.414-.2-.722-.352-.95-.492-.226-.137-.366-.27-.44-.43-.075-.16-.083-.352-.043-.613.039-.266.125-.598.242-1.043.226-.871.566-1.695 1.004-2.465a10.426 10.426 0 0 1 3.672-3.754c.77-.46 1.605-.836 2.492-1.102.152-.046.386-.093.675-.144a30.829 30.829 0 0 1 2.246-.273c.43-.043.876-.075 1.317-.102a41.754 41.754 0 0 0 2.773-.25 19.813 19.813 0 0 0 2.243-.406 13.283 13.283 0 0 0 1.918-.621c.609-.246 1.199-.536 1.804-.88a20.824 20.824 0 0 0 1.774-1.116c.539-.383 1.031-.786 1.511-1.227.48-.445.942-.934 1.415-1.488.468-.559.953-1.18 1.468-1.899l.309-.426.308-.43.313-.429.309-.426v19.633l-.399.262-.402.265-.797.532a11.66 11.66 0 0 0-1.567 1.21c-.44.41-.808.837-1.113 1.305-.305.465-.55.97-.746 1.535-.2.567-.351 1.192-.473 1.903a7.401 7.401 0 0 0 .024 2.574 8.502 8.502 0 0 0 2.441 4.543 7.787 7.787 0 0 0 2.157 1.496c.804.367 1.632.61 2.46.715.829.105 1.66.082 2.47-.07a7.963 7.963 0 0 0 2.343-.828 8.831 8.831 0 0 0 2.094-1.567c.406-.402.738-.789 1.011-1.18.27-.394.48-.796.641-1.234.156-.441.266-.918.336-1.473.07-.55.102-1.171.105-1.894 0-.524 0-.93-.011-1.266a6.504 6.504 0 0 0-.074-.836 3.967 3.967 0 0 0-.192-.683c-.09-.23-.207-.485-.355-.805a7.845 7.845 0 0 0-1.594-2.262 8.117 8.117 0 0 0-1.07-.879 9.342 9.342 0 0 0-1.254-.718l-.348-.164-.348-.16-.343-.165-.348-.164v-4.957l-.004-2.476v-2.48c0-1.36.004-2.657.012-3.833.008-1.176.02-2.23.035-3.11.016-.882.035-1.589.055-2.07.02-.48.043-.734.066-.707.02.028.074.102.156.208l.301.421c.121.168.258.364.406.575.145.207.305.433.461.664.38.543.735 1.027 1.09 1.468.352.438.703.832 1.063 1.2.363.367.742.707 1.148 1.039.406.328.844.652 1.332.98.777.528 1.5.965 2.223 1.328.718.364 1.437.657 2.203.89.765.235 1.582.411 2.496.544.914.137 1.93.23 3.094.3.433.024.867.055 1.289.087a40.742 40.742 0 0 1 2.148.215c.27.035.477.07.602.101.965.234 1.898.64 2.761 1.168a11.119 11.119 0 0 1 2.34 1.93 10.355 10.355 0 0 1 1.688 2.437c.43.867.707 1.781.805 2.695l.03.313.032.309.035.316.031.309-.27.14-.538.274-.274.136c-.828.426-1.558.922-2.183 1.493a7.954 7.954 0 0 0-1.54 1.91 7.731 7.731 0 0 0-.87 2.273 9.264 9.264 0 0 0-.172 2.594c.066.96.285 1.871.64 2.703a7.903 7.903 0 0 0 1.446 2.258 8.316 8.316 0 0 0 2.14 1.683c.817.45 1.727.782 2.715.98 1.309.255 2.617.126 3.836-.3a8.813 8.813 0 0 0 3.266-2.05 8.893 8.893 0 0 0 2.117-3.239c.453-1.21.613-2.527.387-3.848a9.06 9.06 0 0 0-1.504-3.644 9.344 9.344 0 0 0-1.301-1.477 8.97 8.97 0 0 0-1.61-1.16c-.18-.097-.347-.2-.507-.293-.16-.097-.305-.183-.434-.265-.125-.082-.23-.153-.312-.211a.573.573 0 0 1-.137-.121.813.813 0 0 1-.063-.184c-.027-.094-.058-.223-.097-.375a11.147 11.147 0 0 1-.11-.512c-.039-.187-.082-.39-.12-.594-.098-.5-.227-1.023-.383-1.554a19.7 19.7 0 0 0-.551-1.594c-.207-.527-.43-1.039-.668-1.512a12.868 12.868 0 0 0-.735-1.3 12.93 12.93 0 0 0-1.582-1.954 15.064 15.064 0 0 0-1.98-1.691 15.833 15.833 0 0 0-2.27-1.355 14.35 14.35 0 0 0-2.449-.934 9.33 9.33 0 0 0-.836-.188 25.72 25.72 0 0 0-1.094-.18 40.224 40.224 0 0 0-2.605-.269 51.614 51.614 0 0 1-1.281-.11 47.27 47.27 0 0 1-1.242-.128 37.65 37.65 0 0 1-1.067-.14 12.643 12.643 0 0 1-.746-.133 11.48 11.48 0 0 1-1.508-.458c-.5-.187-.996-.414-1.472-.668a12.371 12.371 0 0 1-2.606-1.847 16.117 16.117 0 0 1-1.676-1.836 5.604 5.604 0 0 1-.465-.707c-.097-.192-.125-.324-.074-.375.016-.016.117-.012.285.004.168.015.407.047.696.09.293.039.633.093 1.008.156.37.062.78.137 1.207.215a60.65 60.65 0 0 0 1.789.304c.527.079 1.011.133 1.535.172.523.04 1.09.063 1.777.078.692.016 1.504.02 2.527.024 1.22 0 2.204-.008 3.06-.031a27.474 27.474 0 0 0 2.257-.153 20.662 20.662 0 0 0 2.047-.336 48.885 48.885 0 0 0 2.426-.59 44.634 44.634 0 0 0 5.347-1.761 42.256 42.256 0 0 0 4.98-2.387 43.059 43.059 0 0 0 4.633-3.031 46.976 46.976 0 0 0 4.329-3.692 55.822 55.822 0 0 0 3.312-3.468 49.244 49.244 0 0 0 2.879-3.63 50.142 50.142 0 0 0 2.516-3.886 57.29 57.29 0 0 0 2.23-4.258c.375-.793.691-1.48.95-2.066.257-.59.46-1.078.613-1.473.144-.398.242-.7.285-.918.047-.219.039-.351-.016-.402-.078-.07-.41-.23-.902-.442a57.272 57.272 0 0 0-1.828-.73c-.692-.262-1.434-.535-2.121-.777a36.517 36.517 0 0 0-1.778-.586 54.289 54.289 0 0 0-3.531-.879 48.341 48.341 0 0 0-1.715-.332 23.874 23.874 0 0 0-1.465-.215l-.633-.07-.312-.04-.316-.035V39.301l-2.461.004h-2.461l-2.457.004h-2.461c-2.645.004-4.664.007-6.266.03-1.605.024-2.797.067-3.789.141-.992.079-1.789.192-2.598.356-.812.164-1.64.383-2.703.668a23.531 23.531 0 0 1-1.203.3c-.16.036-.289.06-.383.075-.093.016-.148.02-.156.008a29.962 29.962 0 0 1-.355-.672c-.102-.2-.22-.434-.348-.692a79.19 79.19 0 0 1-.418-.828c-.45-.902-.785-1.578-1.168-2.234-.379-.66-.805-1.297-1.422-2.117-.617-.817-1.433-1.82-2.594-3.203-1.16-1.387-2.671-3.153-4.68-5.508-1.398-1.64-2.53-2.961-3.44-4.02a272.265 272.265 0 0 0-2.122-2.441c-.523-.59-.875-.973-1.11-1.211-.237-.234-.355-.324-.402-.32-.015 0-.07.047-.156.132-.086.086-.199.207-.34.356-.136.148-.296.328-.472.523-.172.2-.364.414-.555.641m7.059 11.504a151.52 151.52 0 0 1 3.582 4.336 58.05 58.05 0 0 1 2.488 3.336c.66.965 1.16 1.793 1.516 2.515.355.72.57 1.332.66 1.868.023.14.039.25.031.347a.526.526 0 0 1-.09.262 1.205 1.205 0 0 1-.266.262c-.12.093-.285.199-.492.332-.332.21-.773.554-1.265.976-.493.426-1.043.934-1.594 1.473a43.455 43.455 0 0 0-1.625 1.672 25.487 25.487 0 0 0-1.348 1.574c-.398.512-.812 1.09-1.222 1.703a39.76 39.76 0 0 0-1.204 1.91 39.73 39.73 0 0 0-1.085 1.946c-.329.636-.622 1.25-.86 1.812-.34.809-.672 1.727-.976 2.688-.305.96-.582 1.964-.817 2.945-.234.984-.43 1.945-.562 2.816-.137.871-.215 1.653-.215 2.282-.004.609-.024 1.054-.055 1.332-.035.277-.086.386-.152.328-.067-.055-.149-.278-.246-.664a26.572 26.572 0 0 1-.336-1.66 76.29 76.29 0 0 0-.54-2.758 81.86 81.86 0 0 0-.624-2.66c-.211-.844-.43-1.637-.645-2.34a22.878 22.878 0 0 0-.617-1.801 24.472 24.472 0 0 0-.742-1.66 48.94 48.94 0 0 0-2.047-3.746c-.36-.59-.707-1.13-1.027-1.582a21.393 21.393 0 0 0-1.153-1.446 44.776 44.776 0 0 0-1.558-1.71 47.283 47.283 0 0 0-1.657-1.657c-.539-.512-1.043-.96-1.468-1.3-.172-.141-.34-.278-.489-.41a8.144 8.144 0 0 1-.402-.376 3.846 3.846 0 0 1-.27-.293c-.066-.082-.101-.144-.101-.176 0-.105.098-.378.262-.753.16-.372.386-.848.644-1.356.258-.508.547-1.05.828-1.562a24.735 24.735 0 0 1 1.582-2.508c.262-.371.543-.746.871-1.16.329-.418.7-.871 1.149-1.407.45-.535.973-1.144 1.601-1.87.235-.27.536-.614.875-1.005.336-.394.715-.832 1.114-1.293.394-.46.808-.937 1.215-1.41.402-.472.8-.933 1.168-1.363l.668-.777.668-.774.667-.777.665-.778.117.118.113.12.117.118.113.117a110.75 110.75 0 0 1 1.668 1.914l1.555 1.809c.57.664 1.184 1.383 1.813 2.12M51.227 44.149c.425.09.867.2 1.304.317.434.117.864.242 1.254.37.395.13.754.259 1.055.38.297.12.535.234.687.332.051.035.09.094.11.191.02.098.023.239.011.442-.015.199-.046.457-.097.793-.055.336-.125.75-.215 1.257-.094.524-.172.989-.23 1.446-.06.457-.106.91-.137 1.41a32.68 32.68 0 0 0-.067 1.7c-.011.648-.015 1.401-.015 2.312 0 .98.004 1.761.015 2.414.012.648.035 1.172.07 1.644.04.473.09.89.165 1.336.07.446.164.918.285 1.488.074.348.156.72.242 1.094.082.375.168.754.254 1.11.086.359.168.695.242.992.074.3.14.554.195.75.055.195.102.383.149.554.043.172.082.329.113.461.031.13.059.239.07.317.016.078.02.125.012.133a.942.942 0 0 1-.183-.079 35.955 35.955 0 0 1-1.148-.629c-.255-.144-.532-.304-.821-.472a95.651 95.651 0 0 0-2.031-1.152 44.616 44.616 0 0 0-1.723-.899 34 34 0 0 0-1.633-.75 44.224 44.224 0 0 0-1.762-.715 50.86 50.86 0 0 0-2.855-1.004 45.68 45.68 0 0 0-2.8-.793 39.106 39.106 0 0 0-2.653-.562 26.924 26.924 0 0 0-2.406-.309l-.426-.03-.426-.036-.426-.031-.426-.035V43.758h7.215c1.578.004 2.832.008 3.852.015 1.02.012 1.8.028 2.437.055a20.37 20.37 0 0 1 1.547.117c.43.051.797.117 1.196.203m64.886 7.493c0 1.23-.008 2.34-.015 3.312-.008.977-.02 1.817-.04 2.504-.015.691-.038 1.23-.062 1.602-.023.367-.05.57-.082.59a1.259 1.259 0 0 1-.281.07c-.153.031-.367.062-.617.101-.254.035-.547.078-.868.117-.32.043-.664.083-1.02.122-.765.086-1.538.199-2.323.343-.79.141-1.59.313-2.407.516-.816.203-1.652.434-2.503.7-.856.26-1.73.558-2.625.882-.735.266-1.305.477-1.801.672-.496.195-.918.375-1.348.578-.43.203-.867.43-1.398.723-.528.289-1.149.644-1.946 1.101a34.54 34.54 0 0 1-1.644.895 9.035 9.035 0 0 1-.528.242c-.128.055-.21.074-.226.059-.016-.016-.02-.082-.012-.184a5.49 5.49 0 0 1 .055-.422c.031-.172.066-.371.113-.59.043-.219.098-.457.156-.699.258-1.082.454-1.906.602-2.613.152-.703.258-1.282.332-1.867.078-.583.125-1.172.156-1.895.035-.723.059-1.578.086-2.695.024-.98.04-1.77.043-2.434.004-.66-.004-1.2-.027-1.684a17.76 17.76 0 0 0-.113-1.355 29.95 29.95 0 0 0-.223-1.445c-.152-.887-.27-1.543-.336-2.035-.066-.493-.086-.825-.04-1.059a.664.664 0 0 1 .333-.492c.18-.117.437-.207.781-.336.692-.266 1.29-.469 1.926-.63.637-.16 1.309-.276 2.152-.358.84-.082 1.852-.133 3.164-.16 1.309-.032 2.922-.044 4.965-.047l3.813-.008h1.902l1.906-.004v7.883m-25.05-2.368c.195 1.02.343 1.977.437 2.91.098.934.14 1.837.133 2.75a25.621 25.621 0 0 1-.18 2.797c-.11.961-.273 1.961-.488 3.036a39.395 39.395 0 0 1-.746 3.12 31.161 31.161 0 0 1-.946 2.829c-.355.906-.75 1.781-1.187 2.64a30.9 30.9 0 0 1-1.473 2.555c-.215.34-.597.86-1.074 1.469a76.18 76.18 0 0 1-1.625 2.012 79.82 79.82 0 0 1-1.73 2.011 30.987 30.987 0 0 1-1.387 1.489l-.258.25-.262.254-.257.253-.262.254.02-1.62.023-1.622.02-1.617.019-1.621c.02-1.414.035-2.543.058-3.465.02-.922.047-1.637.082-2.227.036-.59.082-1.054.141-1.472.059-.422.133-.797.227-1.211a38.117 38.117 0 0 1 1.086-3.91c.418-1.235.89-2.403 1.433-3.524a28.68 28.68 0 0 1 1.82-3.222 31.184 31.184 0 0 1 2.258-3.012 18.08 18.08 0 0 1 1.012-1.086c.367-.363.746-.715 1.106-1.023.355-.31.69-.575.964-.762.27-.188.48-.297.59-.297.035 0 .07.031.11.086.039.05.078.129.12.226a4.214 4.214 0 0 1 .216.75m-28.895.91c.914.915 1.738 1.86 2.488 2.86a25.52 25.52 0 0 1 2.028 3.187 30.027 30.027 0 0 1 1.636 3.645 42.64 42.64 0 0 1 1.32 4.23c.122.485.22.872.294 1.274.074.406.125.832.164 1.387.043.554.07 1.242.09 2.171.023.934.039 2.11.058 3.645.02 1.441.035 2.566.04 3.438.003.87 0 1.488-.016 1.921-.016.434-.043.68-.086.813-.04.129-.094.14-.16.101-.106-.058-.376-.324-.743-.722-.367-.399-.84-.926-1.34-1.512a82.643 82.643 0 0 1-1.539-1.832 48.185 48.185 0 0 1-1.34-1.695c-.34-.45-.722-1.031-1.117-1.688a40.534 40.534 0 0 1-1.183-2.125 43.623 43.623 0 0 1-1.075-2.207 21.82 21.82 0 0 1-.773-1.933c-.07-.215-.152-.477-.238-.762-.082-.29-.172-.602-.258-.922a49.961 49.961 0 0 1-.461-1.844c-.187-.86-.316-2.113-.395-3.508a62.606 62.606 0 0 1-.066-4.378c.027-1.434.106-2.762.227-3.735.12-.969.285-1.578.492-1.578.023 0 .097.05.21.14.11.09.259.22.438.38a44.358 44.358 0 0 1 1.305 1.25m53.23 15.39a24.897 24.897 0 0 1-.965 4.492 26.72 26.72 0 0 1-.824 2.25 33.11 33.11 0 0 1-1.058 2.305c-.344.676-.66 1.262-.98 1.805-.321.543-.641 1.035-.997 1.523-.351.485-.734.961-1.18 1.473-.445.508-.953 1.05-1.542 1.66a35.204 35.204 0 0 1-1.579 1.54c-.496.448-.976.847-1.468 1.21-.493.367-1 .703-1.551 1.031-.55.328-1.145.649-1.817.989-.84.421-1.624.761-2.445 1.03a15.58 15.58 0 0 1-2.683.626c-1.004.152-2.145.25-3.532.308-1.382.063-3.011.082-4.98.082H82.18l.03-.113.036-.113.031-.113.035-.114c.055-.199.243-.582.516-1.074.274-.496.633-1.101 1.027-1.746.399-.645.836-1.324 1.266-1.969.43-.644.852-1.25 1.219-1.746a44.604 44.604 0 0 1 5.883-6.445 41.569 41.569 0 0 1 6.812-4.977 38.048 38.048 0 0 1 7.477-3.36 34.711 34.711 0 0 1 7.886-1.585c.11-.008.22-.02.325-.027.105-.008.203-.02.293-.028.09-.008.164-.02.226-.023.063-.008.106-.016.13-.02.023-.004.038.024.05.078a.934.934 0 0 1 .023.239c.004.101 0 .226-.007.363-.008.137-.02.29-.04.45M30.934 66.89c.242 1.234.562 2.488.945 3.738a41.182 41.182 0 0 0 1.32 3.68 37.438 37.438 0 0 0 1.61 3.425 27.185 27.185 0 0 0 1.816 2.961c.45.633.992 1.313 1.594 2.004a38.232 38.232 0 0 0 1.949 2.074c.687.68 1.395 1.34 2.098 1.942.699.597 1.39 1.144 2.03 1.597.298.208.575.407.825.59.25.184.469.352.649.496.18.141.32.258.41.344.09.082.129.133.105.14-.066.028-.328-.038-.71-.167-.384-.13-.891-.324-1.458-.555a48.612 48.612 0 0 1-1.812-.777 38.066 38.066 0 0 1-7.352-4.297 42.01 42.01 0 0 1-5.043-4.422 44.733 44.733 0 0 1-4.37-5.254 45.026 45.026 0 0 1-3.575-5.941c-.125-.258-.25-.504-.356-.735-.109-.226-.207-.433-.285-.609-.078-.176-.14-.32-.18-.422-.042-.101-.058-.164-.05-.172.008-.008.062-.031.148-.066.09-.035.211-.082.36-.137.144-.05.32-.113.507-.18l.614-.21c.433-.145.988-.297 1.593-.446a39.578 39.578 0 0 1 3.805-.73c.574-.078 1.07-.125 1.434-.133l.23-.004.235-.004.23-.004.234-.004.114.57.109.57.113.567.114.57m8.199-1.87c1.383.238 2.8.59 4.226 1.039 1.426.449 2.856 1 4.27 1.636a42.064 42.064 0 0 1 4.16 2.164c1.348.801 2.648 1.68 3.879 2.621.41.317.95.778 1.547 1.32a69.069 69.069 0 0 1 1.914 1.805c.652.641 1.3 1.293 1.871 1.899a31.34 31.34 0 0 1 1.422 1.586 46.416 46.416 0 0 1 1.726 2.27c.57.796 1.125 1.613 1.622 2.39.5.781.94 1.52 1.285 2.152.343.637.593 1.172.71 1.543l.032.114.035.113.04.113.03.113h-5.511c-1.918 0-3.48-.02-4.801-.078-1.324-.058-2.41-.156-3.371-.312a15.68 15.68 0 0 1-2.63-.653c-.831-.289-1.651-.652-2.581-1.109a20.527 20.527 0 0 1-3.137-1.926 24.776 24.776 0 0 1-2.902-2.523 26.07 26.07 0 0 1-2.528-2.988 24.005 24.005 0 0 1-2.011-3.305 35.404 35.404 0 0 1-1.192-2.649 38.321 38.321 0 0 1-.968-2.66 25.394 25.394 0 0 1-.645-2.39c-.156-.72-.238-1.348-.238-1.832 0-.211 0-.371.011-.489.012-.12.032-.203.079-.257.043-.055.105-.082.203-.098.093-.016.222-.016.39-.016.094 0 .25.012.453.032.204.023.454.05.73.09.278.035.583.078.903.128.32.047.653.102.977.157m84.953.085c.336.06.809.168 1.336.297.523.13 1.101.282 1.64.434.543.152 1.051.305 1.43.43.387.125.649.222.7.273.027.023-.028.184-.149.45-.121.265-.3.632-.527 1.062-.223.433-.493.93-.79 1.457a56.9 56.9 0 0 1-.937 1.633 44.31 44.31 0 0 1-3.473 5.027 46.345 46.345 0 0 1-4.12 4.531 43.203 43.203 0 0 1-4.571 3.848 34.726 34.726 0 0 1-4.82 2.969 42.898 42.898 0 0 1-3.02 1.367c-.469.191-.89.351-1.207.457-.32.105-.535.156-.598.137-.027-.012.004-.055.079-.133.074-.074.195-.18.351-.309.153-.129.348-.281.563-.445.218-.164.465-.344.722-.531a31.987 31.987 0 0 0 3.067-2.473 30.025 30.025 0 0 0 4.992-5.887 32.018 32.018 0 0 0 1.953-3.441c.398-.809.75-1.57 1.059-2.309a30.121 30.121 0 0 0 1.48-4.39c.188-.758.363-1.547.52-2.391l.109-.59.113-.586.11-.59.109-.586h1.133c.156 0 .347.008.566.024.215.012.457.035.703.062a20.21 20.21 0 0 1 1.477.203m-79.191 55.711c.363.23.671.555.917.934.247.379.426.816.536 1.273.109.457.148.938.105 1.407a3.61 3.61 0 0 1-.371 1.336c-.156.304-.332.57-.539.808a3.303 3.303 0 0 1-1.512.996 4.104 4.104 0 0 1-.965.184 4.468 4.468 0 0 1-1.03-.043 3.427 3.427 0 0 1-1.719-.805 4.434 4.434 0 0 1-.696-.77 3.378 3.378 0 0 1-.555-1.284 4.203 4.203 0 0 1-.046-1.434c.066-.48.21-.945.43-1.36.214-.413.507-.78.87-1.058a3.654 3.654 0 0 1 1.059-.555c.383-.132.789-.207 1.2-.222.41-.02.82.023 1.214.12.39.102.766.259 1.102.473m64.375-.195c.175.086.37.23.574.406.199.176.402.38.586.598.187.215.36.438.492.652.133.211.226.407.266.567.019.07.035.168.042.285.012.113.02.25.024.398.004.145 0 .301-.004.457a8.875 8.875 0 0 1-.023.461 3.545 3.545 0 0 1-.774 1.953 3.866 3.866 0 0 1-3.625 1.368 3.584 3.584 0 0 1-1.883-.95 4.289 4.289 0 0 1-.55-.609 2.827 2.827 0 0 1-.352-.637 3.475 3.475 0 0 1-.188-.746 6.793 6.793 0 0 1-.054-.941c0-.352.027-.672.082-.961.05-.293.137-.555.25-.797.117-.242.265-.465.449-.676.188-.21.406-.41.668-.601.25-.188.547-.328.879-.434a4.168 4.168 0 0 1 1.05-.187c.364-.024.735 0 1.09.066.36.062.7.176 1 .328m-31.93.473c.177.125.368.328.556.57.183.242.367.531.527.824.16.293.297.598.394.88a2.5 2.5 0 0 1 .16.737c0 .258-.074.567-.206.895a5.551 5.551 0 0 1-.54.996 6 6 0 0 1-.742.906c-.265.27-.547.489-.816.63a2.93 2.93 0 0 1-1.024.3 3.709 3.709 0 0 1-1.117-.047 3.928 3.928 0 0 1-1.066-.37 3.194 3.194 0 0 1-.871-.669 4.034 4.034 0 0 1-.68-1.012 4.028 4.028 0 0 1-.355-1.12 3.802 3.802 0 0 1-.012-1.153 3.5 3.5 0 0 1 .344-1.094c.187-.363.375-.664.586-.91.21-.242.441-.43.71-.57.266-.14.57-.23.922-.282a6.496 6.496 0 0 1 1.239-.046c.254.011.472.027.664.046.195.024.363.055.515.098a2.284 2.284 0 0 1 .813.39" id="path6"/>%0A</svg>';
-
-// src/primitives/Dialog.tsx
-var import_dialog = require("@ark-ui/react/dialog");
-var import_portal = require("@ark-ui/react/portal");
-
-// src/lib/cn.ts
-var import_clsx = require("clsx");
-var import_tailwind_merge = require("tailwind-merge");
-var twMerge = (0, import_tailwind_merge.extendTailwindMerge)({ prefix: "polli" });
-function cn(...inputs) {
-  return twMerge((0, import_clsx.clsx)(...inputs));
-}
-
-// src/primitives/Dialog.tsx
-var import_jsx_runtime = require("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__ */ (0, import_jsx_runtime.jsxs)(
-  import_dialog.Dialog.Root,
-  {
-    open,
-    onOpenChange: (details) => onOpenChange?.(details.open),
-    children: [
-      trigger && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_dialog.Dialog.Trigger,
-        {
-          asChild: triggerAsChild,
-          className: triggerClassName,
-          children: trigger
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_portal.Portal, { children: [
-        showBackdrop && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_dialog.Dialog.Backdrop,
-          {
-            className: cn(
-              "polli:fixed polli:inset-0 polli:z-[100] polli:bg-gray-950/50",
-              backdropClassName
-            )
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_dialog.Dialog.Positioner,
-          {
-            className: cn(
-              "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__ */ (0, import_jsx_runtime.jsxs)(
-              import_dialog.Dialog.Content,
-              {
-                "data-theme": theme,
-                "aria-label": ariaLabel,
-                "aria-labelledby": labelledBy,
-                className: cn(
-                  "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__ */ (0, import_jsx_runtime.jsx)(
-                    DialogTitle,
-                    {
-                      className: cn(
-                        "polli:px-6 polli:pt-6 polli:font-subheading polli:text-xl polli:text-theme-text-strong",
-                        titleClassName
-                      ),
-                      children: title
-                    }
-                  ),
-                  children
-                ]
-              }
-            )
-          }
-        )
-      ] })
-    ]
-  }
-);
-var DialogTitle = import_dialog.Dialog.Title;
-
-// src/modules/auth/AuthModal.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var authLogoMask = {
-  WebkitMask: `url(${logo_default}) center / contain no-repeat`,
-  mask: `url(${logo_default}) center / contain no-repeat`
-};
-function ErrorBanner({ children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "polli:rounded-lg polli:border-2 polli:border-intent-danger-border polli:bg-intent-danger-bg-light polli:p-4", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "polli:text-sm polli:text-intent-danger-text", children }) });
-}
-function AuthInfoCard({
-  title = "Authorize",
-  titleId,
-  children
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "polli:rounded-lg polli:border-2 polli:border-theme-border polli:bg-theme-bg-pale polli:p-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      "p",
-      {
-        id: titleId,
-        className: "polli:mb-2 polli:font-body polli:text-xs polli:font-semibold polli:tracking-wide polli:text-theme-text-soft",
-        children: title
-      }
-    ),
-    children
-  ] });
-}
-
-// src/modules/modality/colors.ts
-var MODALITY_COLORS = {
-  text: {
-    filled: "polli:bg-blue-200 polli:text-blue-900",
-    hover: "polli:hover:bg-blue-100 polli:hover:text-blue-900",
-    text: "polli:text-blue-800"
-  },
-  image: {
-    filled: "polli:bg-pink-200 polli:text-pink-900",
-    hover: "polli:hover:bg-pink-100 polli:hover:text-pink-900",
-    text: "polli:text-pink-800"
-  },
-  video: {
-    filled: "polli:bg-teal-200 polli:text-teal-900",
-    hover: "polli:hover:bg-teal-100 polli:hover:text-teal-900",
-    text: "polli:text-teal-800"
-  },
-  audio: {
-    filled: "polli:bg-violet-200 polli:text-violet-900",
-    hover: "polli:hover:bg-violet-100 polli:hover:text-violet-900",
-    text: "polli:text-violet-800"
-  },
-  realtime: {
-    filled: "polli:bg-green-200 polli:text-green-900",
-    hover: "polli:hover:bg-green-100 polli:hover:text-green-900",
-    text: "polli:text-green-800"
-  },
-  embedding: {
-    filled: "polli:bg-amber-200 polli:text-amber-900",
-    hover: "polli:hover:bg-amber-100 polli:hover:text-amber-900",
-    text: "polli:text-amber-800"
-  }
-};
-function normalize(category) {
-  const lower = category.toLowerCase();
-  if (lower === "images") return "image";
-  if (lower === "embeddings") return "embedding";
-  if (lower === "text" || lower === "image" || lower === "video" || lower === "audio" || lower === "realtime" || lower === "embedding") {
-    return lower;
-  }
-  return null;
-}
-function getModalityColors(category) {
-  const key = normalize(category);
-  return key ? MODALITY_COLORS[key] : null;
-}
-
-// src/modules/modality/ModalityButton.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var ModalityButton = ({
-  category,
-  selected = true,
-  onClick,
-  disabled,
-  children
-}) => {
-  const colors = getModalityColors(category ?? "");
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-    "button",
-    {
-      type: "button",
-      onClick,
-      disabled,
-      "aria-pressed": selected,
-      className: cn(
-        "polli:inline-flex polli:shrink-0 polli:items-center polli:gap-1 polli:rounded-full polli:px-3 polli:py-1 polli:text-left polli:text-sm polli:font-medium polli:leading-normal polli:transition-colors",
-        selected ? colors?.filled ?? "polli:bg-gray-200 polli:text-gray-900" : "polli:bg-gray-100 polli:text-gray-600",
-        !disabled && !selected && colors?.hover,
-        disabled ? "polli:cursor-not-allowed polli:opacity-50" : "polli:cursor-pointer"
-      ),
-      children
-    }
-  );
-};
-
-// src/primitives/Chip.tsx
-var import_jsx_runtime4 = require("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 intentClasses = {
-  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 ? intentClasses[intent] : "polli:bg-theme-bg-active polli:text-theme-text-strong";
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-    "span",
-    {
-      ...rest,
-      "data-theme": theme,
-      className: cn(
-        "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/modules/wallet/chips.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var PaidChip = ({
-  className,
-  children,
-  ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Chip, { ...props, className: cn("polli-wallet-chip-paid", className), children });
-var TierChip = ({
-  className,
-  children,
-  ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Chip, { ...props, className: cn("polli-wallet-chip-tier", className), children });
-
-// src/modules/wallet/format-pollen.ts
-var BUDGET = 5;
-var MAX_DECIMALS = 4;
-var COMPACT_THRESHOLD = 1e5;
-function floorTo(value, decimals) {
-  const factor = 10 ** decimals;
-  return Math.floor(value * factor) / factor;
-}
-function formatCompact(value) {
-  const abs = Math.abs(value);
-  const sign = value < 0 ? "-" : "";
-  const [unit, scale] = abs >= 1e9 ? ["B", 1e9] : abs >= 1e6 ? ["M", 1e6] : ["K", 1e3];
-  const ratio = abs / scale;
-  const intDigits = Math.max(1, Math.floor(Math.log10(ratio)) + 1);
-  const decimals = Math.max(0, 3 - intDigits);
-  const floored = floorTo(ratio, decimals);
-  return `${sign}${Number(floored.toFixed(decimals)).toString()}${unit}`;
-}
-function formatPollen(value) {
-  if (!Number.isFinite(value) || value === 0) return "0";
-  const abs = Math.abs(value);
-  if (abs >= COMPACT_THRESHOLD) return formatCompact(value);
-  const intDigits = abs >= 1 ? Math.floor(Math.log10(abs)) + 1 : 1;
-  const decimals = Math.min(MAX_DECIMALS, Math.max(0, BUDGET - intDigits));
-  const floored = floorTo(value, decimals);
-  if (floored === 0) return "0";
-  return Number(floored.toFixed(decimals)).toString();
-}
-
-// src/modules/wallet/wallet-display.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var walletPanelClasses = {
-  paid: "polli-wallet-panel-paid",
-  tier: "polli-wallet-panel-tier"
-};
-var walletTextClasses = {
-  paid: "polli-wallet-text-paid",
-  tier: "polli-wallet-text-tier"
-};
-var WalletDot = ({ kind, className }) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-  "span",
-  {
-    className: cn(
-      "polli:h-2 polli:w-2 polli:rounded-full",
-      kind === "paid" ? "polli-wallet-dot-paid" : "polli-wallet-dot-tier",
-      className
-    ),
-    "aria-hidden": "true"
-  }
-);
-var WalletBalanceCard = ({
-  kind,
-  label,
-  value,
-  info,
-  footer,
-  className
-}) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
-  "div",
-  {
-    className: cn(
-      "polli:rounded-xl polli:p-4",
-      walletPanelClasses[kind],
-      className
-    ),
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "polli:flex polli:items-center polli:gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(WalletDot, { kind }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "polli:text-sm polli:font-bold polli:uppercase polli:tracking-wide polli:text-amber-900", children: label }),
-        info
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-        "div",
-        {
-          className: cn(
-            "polli-wallet-balance-value polli:mt-1 polli:font-bold polli:leading-none polli:tracking-tight polli:tabular-nums",
-            walletTextClasses[kind]
-          ),
-          children: value
-        }
-      ),
-      footer && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "polli:mt-1.5 polli:text-sm polli:font-bold polli:tabular-nums polli:text-green-700", children: footer })
-    ]
-  }
-);
-
-// src/primitives/Button.tsx
-var import_jsx_runtime7 = require("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 intentClasses2 = {
-  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 ? intentClasses2[intent] : themeClasses;
-  return cn(
-    "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__ */ (0, import_jsx_runtime7.jsx)(
-    Component,
-    {
-      "data-theme": intent ? void 0 : theme,
-      className: buttonClasses({
-        theme,
-        intent,
-        size,
-        className,
-        disabled
-      }),
-      disabled,
-      ...buttonProps,
-      children
-    }
-  );
-}
-
-// src/primitives/ChevronIcon.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var ChevronIcon = ({ expanded, className }) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-  "svg",
-  {
-    "aria-hidden": "true",
-    width: "12",
-    height: "12",
-    viewBox: "0 0 12 12",
-    className: cn(
-      "polli:shrink-0 polli:transition-transform polli:duration-200 polli:ease-out",
-      expanded && "polli:rotate-180",
-      className
-    ),
-    children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-      "path",
-      {
-        d: "M3 4.5 6 7.5l3-3",
-        fill: "none",
-        stroke: "currentColor",
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        strokeWidth: "1.5"
-      }
-    )
-  }
-);
-
-// src/primitives/Collapsible.tsx
-var import_jsx_runtime9 = require("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__ */ (0, import_jsx_runtime9.jsxs)(
-  "div",
-  {
-    className: cn(
-      "polli:rounded-lg polli:border polli:transition-all",
-      wrapperClassName,
-      disabled && "polli:opacity-50"
-    ),
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
-        "button",
-        {
-          type: "button",
-          "aria-expanded": expanded,
-          "aria-label": ariaLabel,
-          disabled,
-          onClick: onToggle,
-          className: cn(
-            "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__ */ (0, import_jsx_runtime9.jsx)("div", { className: "polli:flex-1 polli:min-w-0", children: label }),
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-              ChevronIcon,
-              {
-                expanded,
-                className: "polli:text-theme-text-soft"
-              }
-            )
-          ]
-        }
-      ),
-      expanded && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: panelClassName, children })
-    ]
-  }
-);
-
-// src/primitives/CopyButton.tsx
-var import_react2 = require("react");
-
-// src/primitives/Tooltip.tsx
-var import_react = require("react");
-var import_jsx_runtime10 = require("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] = (0, import_react.useState)(false);
-  const [tooltipPosition, setTooltipPosition] = (0, import_react.useState)({
-    top: 0,
-    left: 0,
-    maxWidth: TOOLTIP_MAX_WIDTH
-  });
-  const triggerRef = (0, import_react.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 = cn(
-    "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__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: cursorClass, children }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-      "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__ */ (0, import_jsx_runtime10.jsx)(
-      "span",
-      {
-        ref: (node) => {
-          triggerRef.current = node;
-        },
-        ...sharedProps,
-        children: contentNode
-      }
-    );
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-    "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
-var import_jsx_runtime11 = require("react/jsx-runtime");
-function CopyButton({
-  value,
-  children,
-  copiedTimeoutMs = 2e3,
-  tooltip = "Click to copy",
-  copiedTooltip = "Copied!",
-  tooltipClassName,
-  className,
-  onCopied,
-  onCopyError,
-  ...buttonProps
-}) {
-  const [copied, setCopied] = (0, import_react2.useState)(false);
-  const timeoutRef = (0, import_react2.useRef)(null);
-  (0, import_react2.useEffect)(
-    () => () => {
-      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__ */ (0, import_jsx_runtime11.jsx)(
-    "button",
-    {
-      ...buttonProps,
-      type: "button",
-      onClick: handleCopy,
-      className: cn(
-        typeof className === "function" ? className(copied) : className
-      ),
-      children: typeof children === "function" ? children(copied) : children
-    }
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-    Tooltip,
-    {
-      triggerAs: "span",
-      content: copied ? copiedTooltip : tooltip,
-      className: tooltipClassName,
-      children: button
-    }
-  );
-}
-
-// src/primitives/Dropdown.tsx
-var import_popover = require("@ark-ui/react/popover");
-var import_portal2 = require("@ark-ui/react/portal");
-var import_react3 = require("react");
-var import_jsx_runtime12 = require("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] = (0, import_react3.useState)(false);
-  const isControlled = openProp !== void 0;
-  const open = isControlled ? openProp : internalOpen;
-  const setOpen = (next) => {
-    if (!isControlled) setInternalOpen(next);
-    onOpenChange?.(next);
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
-    import_popover.Popover.Root,
-    {
-      open,
-      onOpenChange: (details) => setOpen(details.open),
-      positioning: {
-        placement: align === "end" ? "bottom-end" : "bottom-start"
-      },
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_popover.Popover.Trigger, { asChild: true, children: trigger(open) }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_portal2.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_popover.Popover.Positioner, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-          import_popover.Popover.Content,
-          {
-            "data-theme": theme,
-            className: cn(
-              "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
-var import_jsx_runtime13 = require("react/jsx-runtime");
-var strokeProps = {
-  fill: "none",
-  stroke: "currentColor",
-  strokeWidth: 2,
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-};
-function AppIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("rect", { x: "2", y: "4", width: "20", height: "14", rx: "2" }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("path", { d: "M2 20h20" })
-  ] });
-}
-function BeakerIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("path", { d: "M9 3h6" }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("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__ */ (0, import_jsx_runtime13.jsx)("path", { d: "M7 14h10" })
-  ] });
-}
-function BookIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("path", { d: "M4 4h5a3 3 0 0 1 3 3v13a2 2 0 0 0-2-2H4z" }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("path", { d: "M20 4h-5a3 3 0 0 0-3 3v13a2 2 0 0 1 2-2h6z" })
-  ] });
-}
-function CheckIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-    "svg",
-    {
-      "aria-hidden": "true",
-      viewBox: "0 0 24 24",
-      ...strokeProps,
-      strokeWidth: 2.5,
-      ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("polyline", { points: "20 6 9 17 4 12" })
-    }
-  );
-}
-function ClipboardIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2" }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("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__ */ (0, import_jsx_runtime13.jsxs)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("circle", { cx: "12", cy: "12", r: "9" }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("path", { d: "M12 7v5l3 2" })
-  ] });
-}
-function DiscordIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("svg", { viewBox: "0 0 24 24", "aria-hidden": "true", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-    "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__ */ (0, import_jsx_runtime13.jsxs)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("polyline", { points: "7 10 12 15 17 10" }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("line", { x1: "12", y1: "15", x2: "12", y2: "3" })
-  ] });
-}
-function ExternalLinkIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("path", { d: "M7 17 17 7M9 7h8v8" }) });
-}
-function GenApiIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("path", { d: "m8 3 4 1.5L16 3v18l-4-1.5L8 21z" }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("path", { d: "M8 3v18M16 3v18" })
-  ] });
-}
-function GitHubIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("svg", { viewBox: "0 0 24 24", "aria-hidden": "true", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-    "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__ */ (0, import_jsx_runtime13.jsxs)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("circle", { cx: "9", cy: "9", r: "2" }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("path", { d: "m21 15-5-5L5 21" })
-  ] });
-}
-function LockIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2", ry: "2" }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })
-  ] });
-}
-function MailIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("rect", { x: "3", y: "5", width: "18", height: "14", rx: "2" }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("path", { d: "m3 7 9 7 9-7" })
-  ] });
-}
-function McpIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("rect", { x: "2", y: "7", width: "8", height: "10", rx: "1.5" }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("rect", { x: "14", y: "7", width: "8", height: "10", rx: "1.5" }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("path", { d: "M10 12h4" })
-  ] });
-}
-function MenuIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("path", { d: "M4 7h16M4 12h16M4 17h16" }) });
-}
-function TerminalIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("polyline", { points: "4 8 8 12 4 16" }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("line", { x1: "12", y1: "20", x2: "20", y2: "20" })
-  ] });
-}
-function TokensIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("path", { d: "M4 9h16M4 15h16M10 3 8 21M16 3l-2 18" }) });
-}
-function TrendUpIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("polyline", { points: "3 17 9 11 13 15 21 7" }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("polyline", { points: "15 7 21 7 21 13" })
-  ] });
-}
-function WalletIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("path", { d: "M3 7a2 2 0 0 1 2-2h13a2 2 0 0 1 2 2v2H5a2 2 0 0 0-2 2V7Z" }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("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__ */ (0, import_jsx_runtime13.jsx)("circle", { cx: "17", cy: "14", r: "1.25", fill: "currentColor" })
-  ] });
-}
-function XIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("path", { d: "M18 6 6 18M6 6l12 12" }) });
-}
-
-// src/primitives/ExternalLinkButton.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
-var ExternalLinkButton = ({
-  theme,
-  href,
-  size = "medium",
-  className,
-  children
-}) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
-  Button,
-  {
-    as: "a",
-    href,
-    target: "_blank",
-    rel: "noopener noreferrer",
-    theme,
-    size,
-    className: cn("polli:gap-2", className),
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children }),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-        ExternalLinkIcon,
-        {
-          className: "polli:h-4 polli:w-4 polli:shrink-0 polli:opacity-60",
-          "aria-hidden": "true"
-        }
-      )
-    ]
-  }
-);
-
-// src/primitives/Field.tsx
-var import_field = require("@ark-ui/react/field");
-
-// src/primitives/IconButton.tsx
-var import_jsx_runtime15 = require("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__ */ (0, import_jsx_runtime15.jsx)(
-  "button",
-  {
-    type: "button",
-    onClick,
-    title,
-    "aria-label": title,
-    className: cn(
-      "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
-var import_jsx_runtime16 = require("react/jsx-runtime");
-var InfoTip = ({
-  text,
-  content,
-  label = "More info"
-}) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Tooltip, { content: content ?? text, ariaLabel: label, className: "polli:ml-1", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("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
-var import_react4 = require("react");
-var import_jsx_runtime17 = require("react/jsx-runtime");
-var Input = (0, import_react4.forwardRef)(
-  ({ className, error, hideNumberSteppers, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-    "input",
-    {
-      ref,
-      className: cn(
-        "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
-var import_react5 = require("react");
-var import_jsx_runtime18 = require("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 = (0, import_react5.forwardRef)(
-  ({ theme, axis = "y", hideDelayMs = 2e3, className, children, ...rest }, externalRef) => {
-    const innerRef = (0, import_react5.useRef)(null);
-    const setRef = (0, import_react5.useCallback)(
-      (node) => {
-        innerRef.current = node;
-        assignRef(externalRef, node);
-      },
-      [externalRef]
-    );
-    (0, import_react5.useEffect)(() => {
-      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__ */ (0, import_jsx_runtime18.jsx)(
-      "div",
-      {
-        ...rest,
-        ref: setRef,
-        "data-theme": theme,
-        className: cn(
-          "polli-scrollbar-subtle",
-          axisClasses[axis],
-          className
-        ),
-        children
-      }
-    );
-  }
-);
-ScrollArea.displayName = "ScrollArea";
-
-// src/primitives/MultiSelect.tsx
-var import_jsx_runtime19 = require("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__ */ (0, import_jsx_runtime19.jsx)("span", { className: "polli:text-xs polli:font-medium polli:text-theme-text-soft", children: label }) : null;
-  if (disabled) {
-    return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
-      "div",
-      {
-        "data-theme": theme,
-        className: "polli:group polli:relative polli:flex polli:items-center polli:gap-2",
-        children: [
-          labelNode,
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
-            "button",
-            {
-              type: "button",
-              disabled: true,
-              className: cn(
-                TRIGGER_BASE,
-                "polli:cursor-not-allowed polli:border-theme-border polli:bg-theme-bg-subtle polli:opacity-60"
-              ),
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "polli:flex-1 polli:truncate polli:text-left polli:text-theme-text-soft/60", children: displayText }),
-                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-                  ChevronIcon,
-                  {
-                    expanded: false,
-                    className: "polli:h-3 polli:w-3 polli:text-theme-text-soft"
-                  }
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("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__ */ (0, import_jsx_runtime19.jsxs)(
-    "div",
-    {
-      "data-theme": theme,
-      className: "polli:flex polli:items-center polli:gap-2",
-      children: [
-        labelNode,
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-          Dropdown,
-          {
-            theme,
-            align,
-            className: "polli:min-w-[320px]",
-            trigger: (open) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
-              "button",
-              {
-                type: "button",
-                className: cn(
-                  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__ */ (0, import_jsx_runtime19.jsx)(
-                    "span",
-                    {
-                      className: cn(
-                        "polli:flex-1 polli:truncate polli:text-left",
-                        open ? "polli:text-theme-text-strong" : "polli:text-theme-text-base"
-                      ),
-                      children: displayText
-                    }
-                  ),
-                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-                    ChevronIcon,
-                    {
-                      expanded: open,
-                      className: cn(
-                        "polli:h-3 polli:w-3 polli:transition-transform",
-                        open ? "polli:text-theme-text-strong" : "polli:text-theme-text-soft"
-                      )
-                    }
-                  )
-                ]
-              }
-            ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(ScrollArea, { theme, className: "polli:max-h-64", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
-                "button",
-                {
-                  type: "button",
-                  onClick: selectAll,
-                  className: cn(
-                    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__ */ (0, import_jsx_runtime19.jsx)(
-                      "span",
-                      {
-                        className: cn(
-                          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__ */ (0, import_jsx_runtime19.jsxs)(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: () => toggleItem(opt.value),
-                    className: cn(
-                      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__ */ (0, import_jsx_runtime19.jsx)(
-                        "span",
-                        {
-                          className: cn(
-                            CHECK_BASE,
-                            isChecked && "polli:bg-theme-bg-active polli:text-theme-text-strong"
-                          ),
-                          children: isChecked && "\u2713"
-                        }
-                      ),
-                      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "polli:whitespace-nowrap", children: opt.label })
-                    ]
-                  },
-                  opt.value
-                );
-              })
-            ] })
-          }
-        )
-      ]
-    }
-  );
-};
-
-// src/primitives/PeriodPicker.tsx
-var import_react6 = require("react");
-
-// src/primitives/TabButton.tsx
-var import_jsx_runtime20 = require("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__ */ (0, import_jsx_runtime20.jsx)(
-    "button",
-    {
-      type: "button",
-      "data-theme": theme,
-      onClick,
-      "aria-label": ariaLabel,
-      "aria-pressed": active,
-      disabled,
-      className: cn(
-        "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
-var import_jsx_runtime21 = require("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] = (0, import_react6.useState)(false);
-  const [viewDate, setViewDate] = (0, import_react6.useState)(() => periodDate(value));
-  const { granularity, period } = value;
-  (0, import_react6.useEffect)(() => {
-    setViewDate(periodDate({ granularity, period }));
-  }, [granularity, period]);
-  const dates = (0, import_react6.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__ */ (0, import_jsx_runtime21.jsxs)(
-    "div",
-    {
-      "data-theme": theme,
-      className: "polli:flex polli:flex-wrap polli:items-center polli:gap-2",
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "polli:flex polli:flex-wrap polli:gap-1.5", children: ["day", "week", "month"].map(
-          (granularity2) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-            TabButton,
-            {
-              active: value.granularity === granularity2,
-              onClick: () => setGranularity(granularity2),
-              children: granularity2[0].toUpperCase() + granularity2.slice(1)
-            },
-            granularity2
-          )
-        ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
-          Dropdown,
-          {
-            theme,
-            open,
-            onOpenChange: setOpen,
-            className: "polli:w-[304px] polli:rounded-xl polli:p-3",
-            trigger: (isOpen) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
-              "button",
-              {
-                type: "button",
-                "aria-label": `Select period, current ${formatPeriodLabel(value)}`,
-                className: cn(
-                  "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__ */ (0, import_jsx_runtime21.jsx)("span", { children: formatPeriodLabel(value) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ChevronIcon, { expanded: isOpen })
-                ]
-              }
-            ),
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "polli:mb-3 polli:flex polli:items-center polli:justify-between", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-                  "button",
-                  {
-                    type: "button",
-                    "aria-label": value.granularity === "month" ? "Previous year" : "Previous month",
-                    disabled: previousDisabled,
-                    onClick: () => setViewDate(previousViewDate),
-                    className: cn(
-                      NAV_BUTTON,
-                      previousDisabled && "polli:cursor-not-allowed polli:opacity-30 polli:hover:bg-transparent"
-                    ),
-                    children: "<"
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "polli:text-sm polli:font-bold polli:text-theme-text-base", children: viewLabel }),
-                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-                  "button",
-                  {
-                    type: "button",
-                    "aria-label": value.granularity === "month" ? "Next year" : "Next month",
-                    disabled: nextDisabled,
-                    onClick: () => setViewDate(nextViewDate),
-                    className: cn(
-                      NAV_BUTTON,
-                      nextDisabled && "polli:cursor-not-allowed polli:opacity-30 polli:hover:bg-transparent"
-                    ),
-                    children: ">"
-                  }
-                )
-              ] }),
-              value.granularity === "month" ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("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__ */ (0, import_jsx_runtime21.jsx)(
-                  "button",
-                  {
-                    type: "button",
-                    "aria-label": ariaLabel,
-                    disabled: !selectable,
-                    onClick: () => selectDate(date),
-                    className: cn(
-                      "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__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("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__ */ (0, import_jsx_runtime21.jsx)("div", { children: label }, label)) }),
-                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("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__ */ (0, import_jsx_runtime21.jsx)(
-                    "button",
-                    {
-                      type: "button",
-                      "aria-label": ariaLabel,
-                      disabled: !selectable,
-                      onClick: () => selectDate(date),
-                      className: cn(
-                        "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
-var import_jsx_runtime22 = require("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__ */ (0, import_jsx_runtime22.jsx)(
-  "div",
-  {
-    ...rest,
-    "data-theme": theme,
-    className: cn("polli:min-w-0", variantClasses[variant], className),
-    children
-  }
-);
-
-// src/primitives/Section.tsx
-var import_jsx_runtime23 = require("react/jsx-runtime");
-var Section = ({
-  title,
-  theme,
-  id,
-  framed = false,
-  action,
-  actionClassName,
-  children,
-  className
-}) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("section", { id, className: cn("scroll-mt-10 space-y-2", className), children: [
-  /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-wrap items-center justify-between gap-3 px-1", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-      "h2",
-      {
-        "data-theme": theme,
-        className: "text-left text-lg font-semibold sm:text-xl text-theme-text-strong",
-        children: title
-      }
-    ),
-    action && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: cn("shrink-0", actionClassName), children: action })
-  ] }),
-  framed ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Surface, { variant: "panel", theme, children }) : children
-] });
-
-// src/primitives/Slider.tsx
-var import_react7 = require("react");
-var import_jsx_runtime24 = require("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 = (0, import_react7.forwardRef)(
-  ({ 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__ */ (0, import_jsx_runtime24.jsx)(
-      "input",
-      {
-        ref,
-        type: "range",
-        min,
-        max,
-        value,
-        defaultValue,
-        style: sliderStyle,
-        className: cn("polli-slider", className),
-        ...props
-      }
-    );
-  }
-);
-
-// src/primitives/StatCard.tsx
-var import_jsx_runtime25 = require("react/jsx-runtime");
-var StatCard = ({
-  label,
-  value,
-  detail,
-  theme,
-  className,
-  labelClassName,
-  valueClassName,
-  detailClassName
-}) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { "data-theme": theme, className: cn("polli:text-sm", className), children: [
-  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-    "div",
-    {
-      className: cn(
-        "polli:text-micro polli:font-bold polli:uppercase polli:tracking-wide polli:text-theme-text-strong",
-        labelClassName
-      ),
-      children: label
-    }
-  ),
-  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-    "div",
-    {
-      className: cn(
-        "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__ */ (0, import_jsx_runtime25.jsx)(
-    "div",
-    {
-      className: cn(
-        "polli:mt-2 polli:text-xs polli:text-theme-text-soft",
-        detailClassName
-      ),
-      children: detail
-    }
-  )
-] });
-
-// src/primitives/Switch.tsx
-var import_jsx_runtime26 = require("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__ */ (0, import_jsx_runtime26.jsx)(
-    "button",
-    {
-      type: "button",
-      role: "switch",
-      "aria-checked": checked,
-      "aria-label": resolvedAriaLabel,
-      onClick: () => onChange(!checked),
-      disabled,
-      className: cn(
-        "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__ */ (0, import_jsx_runtime26.jsx)(
-        "span",
-        {
-          className: cn(
-            "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"
-];
-
-// src/showcase/DesignShowcase.tsx
-var import_jsx_runtime27 = require("react/jsx-runtime");
-var DesignShowcase = ({
-  headerSlot,
-  hideHeader = false,
-  hideThemeTabs = false,
-  theme: controlledTheme,
-  onThemeChange
-}) => {
-  const [internalTheme, setInternalTheme] = (0, import_react8.useState)("amber");
-  const theme = controlledTheme ?? internalTheme;
-  const setTheme = onThemeChange ?? setInternalTheme;
-  (0, import_react8.useEffect)(() => {
-    document.documentElement.classList.add("polli-ui-root");
-    document.documentElement.classList.add("polli-ui-shell");
-    document.body.classList.add("polli-ui-shell");
-    return () => {
-      document.documentElement.classList.remove("polli-ui-root");
-      document.documentElement.classList.remove("polli-ui-shell");
-      document.body.classList.remove("polli-ui-shell");
-    };
-  }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
-    ScrollArea,
-    {
-      theme,
-      "data-theme": theme,
-      className: `polli:w-full polli:overflow-x-hidden polli:bg-emerald-100 polli:text-theme-text-base ${hideHeader ? "polli:min-h-0 polli:flex-1" : "polli:h-dvh"}`,
-      children: [
-        hideHeader && (headerSlot || !hideThemeTabs) ? /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "polli:mx-auto polli:flex polli:w-full polli:max-w-[1220px] polli:flex-col polli:gap-4 polli:px-5 polli:pt-8", children: [
-          headerSlot ? headerSlot : null,
-          !hideThemeTabs ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-            ThemeTabs,
-            {
-              value: theme,
-              options: themes,
-              onChange: setTheme
-            }
-          ) : null
-        ] }) : !hideHeader ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-          Header,
-          {
-            theme,
-            onThemeChange: setTheme,
-            headerSlot
-          }
-        ) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "polli:mx-auto polli:flex polli:w-full polli:max-w-[1220px] polli:flex-col polli:gap-8 polli:px-5 polli:pt-8 polli:pb-10", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("main", { className: "polli:flex polli:min-w-0 polli:flex-col polli:gap-10", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(CoverageDemo, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(TypographyDemo, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ThemeDemo, { theme, onThemeChange: setTheme }),
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(TokensDemo, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(IconsDemo, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ButtonsDemo, { theme }),
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(InputsDemo, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(SelectionDemo, { theme }),
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(OverlaysDemo, { theme }),
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(LayoutDemo, { theme }),
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(FeedbackDemo, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ModuleRecipesDemo, {})
-        ] }) })
-      ]
-    }
-  );
-};
-var Header = ({ theme, onThemeChange, headerSlot }) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("header", { className: "polli:sticky polli:top-0 polli:z-20 polli:border-b polli:border-green-950/10 polli:bg-emerald-100 polli:px-5 polli:py-4 polli:backdrop-blur", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "polli:mx-auto polli:flex polli:w-full polli:max-w-[1220px] polli:min-w-0 polli:flex-col polli:items-start polli:gap-4", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "polli:flex polli:w-full polli:min-w-0 polli:flex-col polli:gap-3 polli:md:flex-row polli:md:items-start polli:md:justify-between", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "polli:min-w-0", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("h1", { className: "polli:font-serif polli:text-2xl polli:font-black polli:text-theme-text-strong", children: "Design Showcase" }),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "polli:max-w-3xl polli:text-sm polli:leading-6 polli:text-theme-text-soft", children: "Package primitives, icons, tokens, and SDK-free recipes." })
-    ] }),
-    headerSlot ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "polli:w-full polli:md:w-auto", children: headerSlot }) : null
-  ] }),
-  /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-    ThemeTabs,
-    {
-      value: theme,
-      options: themes,
-      onChange: onThemeChange
-    }
-  )
-] }) });
-var ThemeTabs = ({ value, options, onChange }) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "polli:flex polli:min-w-0 polli:max-w-full polli:flex-col polli:items-start polli:gap-2", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "polli:text-xs polli:font-semibold polli:uppercase polli:tracking-wide polli:text-theme-text-strong", children: "Theme" }),
-  /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "polli:flex polli:w-full polli:max-w-full polli:flex-wrap polli:gap-1.5", children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-    TabButton,
-    {
-      active: value === option,
-      onClick: () => onChange(option),
-      theme: option,
-      size: "small",
-      children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "polli:capitalize", children: option })
-    },
-    option
-  )) })
-] });
-var ShowcaseSection = ({
-  id,
-  title,
-  caption,
-  children
-}) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
-  "section",
-  {
-    id,
-    className: "polli:flex polli:w-full polli:min-w-0 polli:scroll-mt-24 polli:flex-col polli:gap-3",
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "polli:flex polli:flex-col polli:gap-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("h2", { className: "polli:font-serif polli:text-2xl polli:font-black polli:text-theme-text-strong", children: title }),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "polli:max-w-3xl polli:break-words polli:text-sm polli:leading-6 polli:text-theme-text-soft polli:[overflow-wrap:anywhere]", children: caption })
-      ] }),
-      children
-    ]
-  }
-);
-var Row = ({
-  label,
-  children
-}) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
-  Surface,
-  {
-    variant: "card-themed",
-    className: "polli:flex polli:flex-wrap polli:items-center polli:gap-3",
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "polli:w-44 polli:shrink-0 polli:text-xs polli:font-semibold polli:uppercase polli:tracking-wide polli:text-theme-text-strong", children: label }),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "polli:flex polli:min-w-0 polli:flex-1 polli:flex-wrap polli:items-center polli:gap-2", children })
-    ]
-  }
-);
-var ControlGroup = ({
-  label,
-  children
-}) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "polli:flex polli:min-w-0 polli:flex-col polli:gap-1", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "polli:text-xs polli:font-semibold polli:uppercase polli:tracking-wide polli:text-theme-text-strong", children: label }),
-  children
-] });
-var primitiveNames = [
-  "Button",
-  "ChevronIcon",
-  "Chip",
-  "Collapsible",
-  "CopyButton",
-  "Dialog",
-  "DialogTitle",
-  "Dropdown",
-  "ExternalLinkButton",
-  "Field",
-  "IconButton",
-  "InfoTip",
-  "Input",
-  "MultiSelect",
-  "PeriodPicker",
-  "ScrollArea",
-  "Section",
-  "Slider",
-  "StatCard",
-  "Surface",
-  "Switch",
-  "TabButton",
-  "Tooltip"
-];
-var moduleNames = [
-  "AuthInfoCard",
-  "ErrorBanner",
-  "ModalityButton",
-  "PaidChip",
-  "TierChip",
-  "WalletBalanceCard",
-  "WalletDot",
-  "formatPollen"
-];
-var CoverageDemo = () => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-  ShowcaseSection,
-  {
-    id: "coverage",
-    title: "Coverage",
-    caption: "Every SDK-free primitive exported from the package appears below, plus the icon set and reusable module recipes.",
-    children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
-      Surface,
-      {
-        variant: "panel",
-        className: "polli:grid polli:grid-cols-[repeat(auto-fit,minmax(220px,1fr))] polli:gap-3",
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-            StatCard,
-            {
-              label: "Primitives",
-              value: primitiveNames.length,
-              detail: "Buttons, inputs, overlays, layout, and feedback.",
-              className: "polli:rounded-xl polli:bg-surface-white polli:p-4"
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-            StatCard,
-            {
-              label: "Icons",
-              value: iconItems.length + 1,
-              detail: "All exported icons plus the canonical chevron.",
-              className: "polli:rounded-xl polli:bg-surface-white polli:p-4"
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-            StatCard,
-            {
-              label: "Recipes",
-              value: moduleNames.length,
-              detail: "Auth, wallet, and modality pieces without SDK state.",
-              className: "polli:rounded-xl polli:bg-surface-white polli:p-4"
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Surface, { className: "polli:col-span-full polli:flex polli:flex-wrap polli:gap-2", children: primitiveNames.map((name) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Chip, { size: "sm", children: name }, name)) })
-        ]
-      }
-    )
-  }
-);
-var typographyRows = [
-  {
-    label: "Heading",
-    className: "polli:font-heading polli:text-4xl",
-    sample: "Pollinations"
-  },
-  {
-    label: "Subheading",
-    className: "polli:font-subheading polli:text-3xl",
-    sample: "Reusable UI"
-  },
-  {
-    label: "Body",
-    className: "polli:font-body polli:text-base",
-    sample: "Clear defaults for product surfaces."
-  },
-  {
-    label: "Pixel",
-    className: "polli:font-pixel polli:text-base",
-    sample: "API 200 OK"
-  },
-  {
-    label: "Micro",
-    className: "polli:font-body polli:text-micro polli:uppercase",
-    sample: "Status label"
-  }
-];
-var textRows = [
-  ["strong", "polli:text-theme-text-strong"],
-  ["base", "polli:text-theme-text-base"],
-  ["soft", "polli:text-theme-text-soft"],
-  ["muted", "polli:text-theme-text-muted"]
-];
-var TypographyDemo = () => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-  ShowcaseSection,
-  {
-    id: "type",
-    title: "Typography",
-    caption: "Font, size, and semantic text color utilities backed by package tokens.",
-    children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
-      Surface,
-      {
-        variant: "panel",
-        className: "polli:flex polli:flex-col polli:gap-3",
-        children: [
-          typographyRows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
-            "div",
-            {
-              className: "polli:flex polli:flex-wrap polli:items-baseline polli:gap-x-4 polli:gap-y-1 polli:border-b polli:border-theme-border polli:pb-3 polli:last:border-b-0 polli:last:pb-0",
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-                  "span",
-                  {
-                    className: `polli:w-80 polli:shrink-0 polli:text-theme-text-strong ${row.className}`,
-                    children: row.sample
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("code", { className: "polli:w-36 polli:shrink-0 polli:font-mono polli:text-xs polli:text-theme-text-strong", children: row.label }),
-                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "polli:min-w-0 polli:flex-1 polli:text-xs polli:text-theme-text-soft", children: row.className.replaceAll("polli:", "") })
-              ]
-            },
-            row.label
-          )),
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "polli:flex polli:flex-wrap polli:gap-2 polli:pt-1", children: textRows.map(([label, className]) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
-            "span",
-            {
-              className: `polli:rounded-lg polli:bg-theme-bg-pale polli:px-3 polli:py-1 polli:text-sm ${className}`,
-              children: [
-                "text-",
-                label
-              ]
-            },
-            label
-          )) })
-        ]
-      }
-    )
-  }
-);
-var ThemeDemo = ({ theme, onThemeChange }) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-  ShowcaseSection,
-  {
-    id: "themes",
-    title: "Themes",
-    caption: "The theme cascade is driven by data-theme on any ancestor or by component theme props.",
-    children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-      Surface,
-      {
-        variant: "panel",
-        className: "polli:grid polli:grid-cols-[repeat(auto-fit,minmax(150px,1fr))] polli:gap-3",
-        children: themes.map((item) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
-          "button",
-          {
-            type: "button",
-            "data-theme": item,
-            "aria-pressed": theme === item,
-            onClick: () => onThemeChange(item),
-            className: "polli:flex polli:min-w-0 polli:flex-col polli:gap-2 polli:rounded-xl polli:border polli:border-theme-border polli:bg-theme-bg-subtle polli:p-3 polli:text-left polli:transition-colors polli:hover:bg-theme-bg-pale",
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "polli:text-sm polli:font-bold polli:capitalize polli:text-theme-text-strong", children: item }),
-              /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("span", { className: "polli:flex polli:h-8 polli:overflow-hidden polli:rounded-lg", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "polli:flex-1 polli:bg-theme-bg-subtle" }),
-                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "polli:flex-1 polli:bg-theme-bg-active" }),
-                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "polli:flex-1 polli:bg-theme-bg-hover" }),
-                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "polli:flex-1 polli:bg-theme-bg-pale" })
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "polli:text-xs polli:text-theme-text-soft", children: theme === item ? "Selected" : "Preview" })
-            ]
-          },
-          item
-        ))
-      }
-    )
-  }
-);
-var tokenRows = [
-  ["text-base", "var(--polli-color-text-base)", "polli:bg-theme-text-base"],
-  [
-    "text-strong",
-    "var(--polli-color-text-strong)",
-    "polli:bg-theme-text-strong"
-  ],
-  ["text-soft", "var(--polli-color-text-soft)", "polli:bg-theme-text-soft"],
-  [
-    "text-muted",
-    "var(--polli-color-text-muted)",
-    "polli:bg-theme-text-muted"
-  ],
-  ["border", "var(--polli-color-border)", "polli:bg-theme-border"],
-  ["bg-subtle", "var(--polli-color-bg-subtle)", "polli:bg-theme-bg-subtle"],
-  ["bg-active", "var(--polli-color-bg-active)", "polli:bg-theme-bg-active"],
-  ["bg-hover", "var(--polli-color-bg-hover)", "polli:bg-theme-bg-hover"],
-  ["bg-pale", "var(--polli-color-bg-pale)", "polli:bg-theme-bg-pale"]
-];
-var TokensDemo = () => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-  ShowcaseSection,
-  {
-    id: "tokens",
-    title: "Tokens",
-    caption: "Public CSS variables and utility bridges used by the primitives.",
-    children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-      Surface,
-      {
-        variant: "panel",
-        className: "polli:grid polli:grid-cols-[repeat(auto-fit,minmax(230px,1fr))] polli:gap-3",
-        children: tokenRows.map(([name, variable, swatchClass]) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
-          Surface,
-          {
-            className: "polli:flex polli:items-center polli:gap-3",
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-                "span",
-                {
-                  className: `polli:h-10 polli:w-10 polli:shrink-0 polli:rounded-lg polli:border polli:border-theme-border ${swatchClass}`
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("span", { className: "polli:min-w-0", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "polli:block polli:text-sm polli:font-bold polli:text-theme-text-strong", children: name }),
-                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("code", { className: "polli:block polli:truncate polli:text-xs polli:text-theme-text-soft", children: variable })
-              ] })
-            ]
-          },
-          name
-        ))
-      }
-    )
-  }
-);
-var iconItems = [
-  { name: "AppIcon", Icon: AppIcon },
-  { name: "BeakerIcon", Icon: BeakerIcon },
-  { name: "BookIcon", Icon: BookIcon },
-  { name: "CheckIcon", Icon: CheckIcon },
-  { name: "ClipboardIcon", Icon: ClipboardIcon },
-  { name: "ClockIcon", Icon: ClockIcon },
-  { name: "DiscordIcon", Icon: DiscordIcon },
-  { name: "DownloadIcon", Icon: DownloadIcon },
-  { name: "ExternalLinkIcon", Icon: ExternalLinkIcon },
-  { name: "GenApiIcon", Icon: GenApiIcon },
-  { name: "GitHubIcon", Icon: GitHubIcon },
-  { name: "ImageIcon", Icon: ImageIcon },
-  { name: "LockIcon", Icon: LockIcon },
-  { name: "MailIcon", Icon: MailIcon },
-  { name: "McpIcon", Icon: McpIcon },
-  { name: "MenuIcon", Icon: MenuIcon },
-  { name: "TerminalIcon", Icon: TerminalIcon },
-  { name: "TokensIcon", Icon: TokensIcon },
-  { name: "TrendUpIcon", Icon: TrendUpIcon },
-  { name: "WalletIcon", Icon: WalletIcon },
-  { name: "XIcon", Icon: XIcon }
-];
-var IconsDemo = () => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-  ShowcaseSection,
-  {
-    id: "icons",
-    title: "Icons",
-    caption: "Every exported SVG icon appears here with the same currentColor contract used by buttons and links.",
-    children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
-      Surface,
-      {
-        variant: "panel",
-        className: "polli:grid polli:gap-3",
-        style: {
-          gridTemplateColumns: "repeat(auto-fit, minmax(250px, 1fr))"
-        },
-        children: [
-          iconItems.map(({ name, Icon }) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
-            Surface,
-            {
-              className: "polli:flex polli:items-center polli:gap-3",
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "polli:flex polli:h-10 polli:w-10 polli:shrink-0 polli:items-center polli:justify-center polli:rounded-lg polli:bg-theme-bg-pale polli:text-theme-text-strong", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Icon, { className: "polli:h-5 polli:w-5" }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("code", { className: "polli:min-w-0 polli:whitespace-nowrap polli:text-xs polli:text-theme-text-strong", children: name })
-              ]
-            },
-            name
-          )),
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(Surface, { className: "polli:flex polli:items-center polli:gap-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "polli:flex polli:h-10 polli:w-10 polli:shrink-0 polli:items-center polli:justify-center polli:rounded-lg polli:bg-theme-bg-pale polli:text-theme-text-strong", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ChevronIcon, { className: "polli:h-4 polli:w-4" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("span", { className: "polli:min-w-0", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("code", { className: "polli:block polli:whitespace-nowrap polli:text-xs polli:text-theme-text-strong", children: "ChevronIcon" }),
-              /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("span", { className: "polli:mt-1 polli:flex polli:gap-2 polli:text-theme-text-soft", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ChevronIcon, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ChevronIcon, { expanded: true })
-              ] })
-            ] })
-          ] })
-        ]
-      }
-    )
-  }
-);
-var ButtonsDemo = ({ theme }) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-  ShowcaseSection,
-  {
-    id: "buttons",
-    title: "Buttons",
-    caption: "Button, link, icon, copy, chip, and tab affordances in their supported states.",
-    children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "polli:flex polli:flex-col polli:gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(Row, { label: "Button", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Button, { children: "Default" }),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Button, { size: "small", children: "Small" }),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Button, { size: "large", children: "Large" }),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Button, { theme: "blue", children: "Theme prop" }),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Button, { disabled: true, children: "Disabled" }),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Button, { intent: "danger", children: "Delete" })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(Row, { label: "External link", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-          ExternalLinkButton,
-          {
-            theme,
-            href: "https://pollinations.ai",
-            children: "Pollinations"
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-          ExternalLinkButton,
-          {
-            theme,
-            href: "https://pollinations.ai",
-            size: "small",
-            children: "Small link"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(Row, { label: "Icon button", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(IconButton, { title: "Copy", onClick: noop, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ClipboardIcon, { className: "polli:h-3.5 polli:w-3.5" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(IconButton, { title: "Open", onClick: noop, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ExternalLinkIcon, { className: "polli:h-3.5 polli:w-3.5" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(IconButton, { title: "Delete", intent: "danger", onClick: noop, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(XIcon, { className: "polli:h-3.5 polli:w-3.5" }) })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Row, { label: "Copy button", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-        CopyButton,
-        {
-          value: "pk_showcase_123",
-          className: (copied) => `polli:inline-flex polli:h-8 polli:items-center polli:gap-2 polli:rounded-full polli:px-3 polli:text-sm polli:font-medium polli:transition-colors ${copied ? "polli:bg-green-100 polli:text-green-800" : "polli:bg-theme-bg-active polli:text-theme-text-strong"}`,
-          children: (copied) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_jsx_runtime27.Fragment, { children: [
-            copied ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(CheckIcon, { className: "polli:h-4 polli:w-4" }) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ClipboardIcon, { className: "polli:h-4 polli:w-4" }),
-            copied ? "Copied" : "Copy key"
-          ] })
-        }
-      ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(Row, { label: "Tab button", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(TabButton, { active: true, onClick: noop, children: "Active" }),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(TabButton, { active: false, onClick: noop, children: "Inactive" }),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(TabButton, { active: false, disabled: true, onClick: noop, children: "Disabled" })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(Row, { label: "Chip", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Chip, { children: "Default" }),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Chip, { size: "sm", children: "Small" }),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Chip, { size: "lg", children: "Large" }),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Chip, { intent: "news", children: "NEW" }),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Chip, { intent: "alpha", children: "ALPHA" }),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Chip, { intent: "neutral", children: "Neutral" }),
-        themes.map((theme2) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Chip, { theme: theme2, children: theme2 }, theme2))
-      ] })
-    ] })
-  }
-);
-var InputsDemo = () => {
-  const [sliderValue, setSliderValue] = (0, import_react8.useState)(35);
-  const [switches, setSwitches] = (0, import_react8.useState)({
-    off: false,
-    on: true,
-    invalid: true
-  });
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-    ShowcaseSection,
-    {
-      id: "inputs",
-      title: "Inputs",
-      caption: "Text, number, field composition, range, and binary toggle primitives.",
-      children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
-        Surface,
-        {
-          variant: "panel",
-          className: "polli:grid polli:grid-cols-[repeat(auto-fit,minmax(220px,1fr))] polli:gap-4",
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ControlGroup, { label: "Input", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Input, { placeholder: "Name" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ControlGroup, { label: "Number", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Input, { type: "number", placeholder: "100", hideNumberSteppers: true }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ControlGroup, { label: "Error", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Input, { placeholder: "Invalid", error: true }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ControlGroup, { label: "Disabled", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Input, { placeholder: "Disabled", disabled: true }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "polli:col-span-full", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
-              import_field.Field.Root,
-              {
-                invalid: true,
-                className: "polli:flex polli:max-w-xl polli:flex-col polli:gap-1",
-                children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_field.Field.Label, { className: "polli:text-xs polli:font-semibold polli:uppercase polli:tracking-wide polli:text-theme-text-strong", children: [
-                    "Field",
-                    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_field.Field.RequiredIndicator, { className: "polli:ml-1 polli:text-intent-danger-text" })
-                  ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-                    import_field.Field.Input,
-                    {
-                      placeholder: "email@example.com",
-                      className: "polli:rounded-lg polli:border polli:border-intent-danger-border polli:bg-white polli:px-3 polli:py-2 polli:text-sm"
-                    }
-                  ),
-                  /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_field.Field.HelperText, { className: "polli:text-xs polli:text-theme-text-soft", children: "Exported Ark field namespace with package styling." }),
-                  /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_field.Field.ErrorText, { className: "polli:text-xs polli:font-medium polli:text-intent-danger-text", children: "Enter a valid email address." })
-                ]
-              }
-            ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "polli:col-span-full", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ControlGroup, { label: `Slider ${sliderValue}`, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-              Slider,
-              {
-                min: 0,
-                max: 100,
-                value: sliderValue,
-                "aria-label": "Slider",
-                onChange: (event) => setSliderValue(
-                  Number(event.currentTarget.value)
-                )
-              }
-            ) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "polli:col-span-full polli:flex polli:flex-wrap polli:gap-5", children: [
-              switchStatuses.map((status) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
-                "div",
-                {
-                  className: "polli:flex polli:flex-col polli:gap-1",
-                  children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "polli:text-xs polli:font-semibold polli:uppercase polli:tracking-wide polli:text-theme-text-strong", children: status }),
-                    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-                      Switch,
-                      {
-                        checked: switches[status],
-                        status,
-                        ariaLabel: `${status} switch`,
-                        onChange: (checked) => setSwitches((current) => ({
-                          ...current,
-                          [status]: checked
-                        }))
-                      }
-                    )
-                  ]
-                },
-                status
-              )),
-              /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "polli:flex polli:flex-col polli:gap-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "polli:text-xs polli:font-semibold polli:uppercase polli:tracking-wide polli:text-theme-text-strong", children: "disabled" }),
-                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-                  Switch,
-                  {
-                    checked: true,
-                    disabled: true,
-                    status: "on",
-                    ariaLabel: "Disabled switch",
-                    onChange: noopSwitch
-                  }
-                )
-              ] })
-            ] })
-          ]
-        }
-      )
-    }
-  );
-};
-var switchStatuses = ["off", "on", "invalid"];
-var selectionOptions = [
-  { value: "images", label: "Images" },
-  { value: "text", label: "Text" },
-  { value: "audio", label: "Audio" },
-  { value: "video", label: "Video" },
-  { value: "embeddings", label: "Embeddings" },
-  { value: "tools", label: "Tools" },
-  { value: "agents", label: "Agents" },
-  { value: "apps", label: "Apps" }
-];
-var tabOptions = ["Request", "Pollen", "Usage"];
-var SelectionDemo = ({ theme }) => {
-  const [activeTab, setActiveTab] = (0, import_react8.useState)("Request");
-  const [selected, setSelected] = (0, import_react8.useState)(["images", "text"]);
-  const [period, setPeriod] = (0, import_react8.useState)(
-    () => currentPeriod()
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-    ShowcaseSection,
-    {
-      id: "selection",
-      title: "Selection",
-      caption: "Mutually exclusive tabs, multiple selection, dropdowns, and period selection.",
-      children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
-        Surface,
-        {
-          variant: "panel",
-          className: "polli:flex polli:flex-col polli:gap-4",
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ControlGroup, { label: "TabButton", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "polli:flex polli:flex-wrap polli:gap-1.5", children: tabOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-              TabButton,
-              {
-                active: activeTab === option,
-                onClick: () => setActiveTab(option),
-                children: option
-              },
-              option
-            )) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ControlGroup, { label: "Dropdown", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-              Dropdown,
-              {
-                theme,
-                align: "start",
-                className: "polli:w-56 polli:p-2",
-                trigger: (open) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
-                  "button",
-                  {
-                    type: "button",
-                    className: "polli:inline-flex polli:min-h-8 polli:items-center polli:gap-2 polli:rounded-full polli:border polli:border-theme-border polli:bg-theme-bg-subtle polli:px-3 polli:text-sm polli:font-medium polli:text-theme-text-base polli:hover:bg-theme-bg-pale",
-                    children: [
-                      "Menu",
-                      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ChevronIcon, { expanded: open })
-                    ]
-                  }
-                ),
-                children: (close) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "polli:flex polli:flex-col", children: ["Account", "Usage", "Settings"].map(
-                  (item) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-                    "button",
-                    {
-                      type: "button",
-                      onClick: close,
-                      className: "polli:rounded-md polli:px-3 polli:py-2 polli:text-left polli:text-sm polli:text-theme-text-base polli:hover:bg-theme-bg-subtle",
-                      children: item
-                    },
-                    item
-                  )
-                ) })
-              }
-            ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ControlGroup, { label: "MultiSelect", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "polli:flex polli:flex-wrap polli:gap-3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-                MultiSelect,
-                {
-                  options: [...selectionOptions],
-                  selected,
-                  onChange: setSelected,
-                  placeholder: "All",
-                  align: "start",
-                  label: "Types",
-                  theme
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-                MultiSelect,
-                {
-                  options: [],
-                  selected: [],
-                  onChange: noopSelected,
-                  placeholder: "All",
-                  disabled: true,
-                  disabledText: "Unavailable",
-                  label: "Disabled",
-                  theme
-                }
-              )
-            ] }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ControlGroup, { label: "PeriodPicker", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-              PeriodPicker,
-              {
-                value: period,
-                onChange: setPeriod,
-                theme
-              }
-            ) })
-          ]
-        }
-      )
-    }
-  );
-};
-var OverlaysDemo = ({ theme }) => {
-  const [dialogOpen, setDialogOpen] = (0, import_react8.useState)(false);
-  const [firstOpen, setFirstOpen] = (0, import_react8.useState)(false);
-  const [secondOpen, setSecondOpen] = (0, import_react8.useState)(true);
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-    ShowcaseSection,
-    {
-      id: "overlays",
-      title: "Overlays and Disclosure",
-      caption: "Dialog, DialogTitle, Dropdown, Collapsible, and ScrollArea share the package interaction language.",
-      children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
-        Surface,
-        {
-          variant: "panel",
-          className: "polli:flex polli:flex-col polli:gap-4",
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(Row, { label: "Dialog", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Button, { onClick: () => setDialogOpen(true), children: "Open dialog" }),
-              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-                Dialog,
-                {
-                  open: dialogOpen,
-                  onOpenChange: setDialogOpen,
-                  labelledBy: "showcase-dialog-title",
-                  theme,
-                  size: "sm",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "polli:p-6", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-                      DialogTitle,
-                      {
-                        id: "showcase-dialog-title",
-                        className: "polli:font-subheading polli:text-xl polli:text-theme-text-strong",
-                        children: "DialogTitle export"
-                      }
-                    ),
-                    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "polli:mt-2 polli:text-sm polli:text-theme-text-base", children: "The dialog is controlled by the host and uses the same themed surface tokens." }),
-                    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "polli:mt-5 polli:flex polli:justify-end polli:gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-                      Button,
-                      {
-                        size: "small",
-                        onClick: () => setDialogOpen(false),
-                        children: "Close"
-                      }
-                    ) })
-                  ] })
-                }
-              )
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(Surface, { className: "polli:grid polli:grid-cols-[repeat(auto-fit,minmax(260px,1fr))] polli:gap-3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-                Collapsible,
-                {
-                  expanded: firstOpen,
-                  onToggle: () => setFirstOpen((open) => !open),
-                  wrapperClassName: "polli:border-theme-border polli:bg-theme-bg-pale",
-                  label: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "polli:text-sm polli:font-medium polli:text-theme-text-strong", children: "Advanced settings" }),
-                  children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "polli:text-sm polli:text-theme-text-base", children: "Body content is fully controlled by the caller." })
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-                Collapsible,
-                {
-                  expanded: secondOpen,
-                  onToggle: () => setSecondOpen((open) => !open),
-                  wrapperClassName: "polli:border-theme-border polli:bg-theme-bg-pale",
-                  label: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "polli:text-sm polli:font-medium polli:text-theme-text-strong", children: "Nested details" }),
-                  children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "polli:flex polli:flex-col polli:gap-2", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "polli:text-sm polli:text-theme-text-base", children: "The same primitive works inside compact panels." }),
-                    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Button, { size: "small", children: "Nested action" })
-                  ] })
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-                Collapsible,
-                {
-                  expanded: false,
-                  onToggle: noop,
-                  disabled: true,
-                  wrapperClassName: "polli:border-theme-border polli:bg-theme-bg-pale",
-                  label: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "polli:text-sm polli:font-medium polli:text-theme-text-strong", children: "Disabled row" }),
-                  children: "Disabled content"
-                }
-              )
-            ] })
-          ]
-        }
-      )
-    }
-  );
-};
-var LayoutDemo = ({ theme }) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-  ShowcaseSection,
-  {
-    id: "layout",
-    title: "Layout",
-    caption: "Surface, Section, StatCard, and ScrollArea primitives for dense product screens.",
-    children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
-      Surface,
-      {
-        variant: "panel",
-        className: "polli:flex polli:flex-col polli:gap-4",
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "polli:grid polli:grid-cols-[repeat(auto-fit,minmax(210px,1fr))] polli:gap-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(Surface, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("h3", { className: "polli:font-subheading polli:text-xl polli:text-theme-text-strong", children: "Surface card" }),
-              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "polli:mt-1 polli:text-sm polli:text-theme-text-soft", children: "Neutral inner surface for dense content." })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(Surface, { variant: "card-themed", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("h3", { className: "polli:font-subheading polli:text-xl polli:text-theme-text-strong", children: "Surface themed" }),
-              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "polli:mt-1 polli:text-sm polli:text-theme-text-soft", children: "Themed wash for highlights and grouped state." })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-              StatCard,
-              {
-                label: "StatCard",
-                value: formatPollen(1234.5678),
-                detail: "Tabular value with optional detail.",
-                className: "polli:rounded-xl polli:bg-surface-white polli:p-4"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-            Section,
-            {
-              title: "Primitive section",
-              theme,
-              framed: true,
-              action: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Button, { size: "small", children: "Action" }),
-              children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "polli:text-sm polli:text-theme-text-soft", children: "Section owns heading layout and optional framing. The app owns the content inside it." })
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "polli:grid polli:grid-cols-[repeat(auto-fit,minmax(260px,1fr))] polli:gap-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(Surface, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "polli:mb-2 polli:font-mono polli:text-xs polli:uppercase polli:tracking-wide polli:text-theme-text-soft", children: "ScrollArea vertical" }),
-              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ScrollArea, { className: "polli:h-44 polli:rounded-lg polli:bg-theme-bg-subtle polli:p-3", children: scrollRows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
-                "p",
-                {
-                  className: "polli:py-1 polli:text-sm polli:text-theme-text-base",
-                  children: [
-                    "Row ",
-                    row
-                  ]
-                },
-                row
-              )) })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(Surface, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "polli:mb-2 polli:font-mono polli:text-xs polli:uppercase polli:tracking-wide polli:text-theme-text-soft", children: "ScrollArea horizontal" }),
-              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-                ScrollArea,
-                {
-                  axis: "x",
-                  theme: "violet",
-                  className: "polli:rounded-lg polli:bg-theme-bg-subtle polli:p-3",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "polli:flex polli:w-max polli:gap-2", children: scrollRows.slice(0, 16).map((row) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(Chip, { theme: "violet", children: [
-                    "item ",
-                    row
-                  ] }, row)) })
-                }
-              )
-            ] })
-          ] })
-        ]
-      }
-    )
-  }
-);
-var scrollRows = Array.from(
-  { length: 28 },
-  (_, index) => String(index + 1).padStart(2, "0")
-);
-var FeedbackDemo = () => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-  ShowcaseSection,
-  {
-    id: "feedback",
-    title: "Feedback",
-    caption: "Tooltip, InfoTip, and formatted value examples for compact product UI.",
-    children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
-      Surface,
-      {
-        variant: "panel",
-        className: "polli:flex polli:flex-col polli:gap-3",
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Row, { label: "InfoTip", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("span", { className: "polli:inline-flex polli:items-center polli:text-sm polli:text-theme-text-strong", children: [
-            "Pollen balance",
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(InfoTip, { content: "A compact inline information trigger." })
-          ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(Row, { label: "Tooltip", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-              Tooltip,
-              {
-                content: "Formatted with formatPollen()",
-                displayContents: true,
-                children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(PaidChip, { size: "lg", children: [
-                  formatPollen(1234.5678),
-                  " Pollen"
-                ] })
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-              Tooltip,
-              {
-                content: "Use triggerAs='span' around inline text.",
-                triggerAs: "span",
-                children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "polli:cursor-help polli:text-sm polli:text-theme-text-strong polli:underline polli:decoration-dotted", children: "inline help" })
-              }
-            )
-          ] })
-        ]
-      }
-    )
-  }
-);
-var modalities = [
-  "text",
-  "image",
-  "video",
-  "audio",
-  "realtime",
-  "embedding"
-];
-var ModuleRecipesDemo = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-    ShowcaseSection,
-    {
-      id: "modules",
-      title: "Shared Modules",
-      caption: "Package-owned pieces used by product screens; host apps provide the data and flows.",
-      children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
-        Surface,
-        {
-          variant: "panel",
-          className: "polli:flex polli:flex-col polli:gap-4",
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(Row, { label: "Wallet markers", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(PaidChip, { children: "Paid" }),
-              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(TierChip, { children: "Tier" }),
-              /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("span", { className: "polli:inline-flex polli:items-center polli:gap-2 polli:text-sm polli:text-theme-text-strong", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(WalletDot, { kind: "paid" }),
-                "paid balance"
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("span", { className: "polli:inline-flex polli:items-center polli:gap-2 polli:text-sm polli:text-theme-text-strong", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(WalletDot, { kind: "tier" }),
-                "tier balance"
-              ] })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "polli:grid polli:grid-cols-[repeat(auto-fit,minmax(220px,1fr))] polli:gap-3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-                WalletBalanceCard,
-                {
-                  kind: "paid",
-                  label: "Paid",
-                  value: formatPollen(24.812),
-                  footer: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_jsx_runtime27.Fragment, { children: [
-                    "+",
-                    formatPollen(2.1),
-                    " ",
-                    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "polli:font-medium polli:text-amber-800/70", children: "/ 7d" })
-                  ] }),
-                  info: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(InfoTip, { content: "Paid wallet balance." })
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-                WalletBalanceCard,
-                {
-                  kind: "tier",
-                  label: "Tier",
-                  value: formatPollen(183.4),
-                  footer: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_jsx_runtime27.Fragment, { children: [
-                    "+",
-                    formatPollen(8),
-                    " ",
-                    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "polli:font-medium polli:text-amber-800/70", children: "/ 7d" })
-                  ] }),
-                  info: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(InfoTip, { content: "Tier allowance balance." })
-                }
-              )
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(Row, { label: "ModalityButton", children: [
-              modalities.map((modality) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ModalityButton, { category: modality, children: modality }, modality)),
-              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ModalityButton, { category: "unknown", selected: false, children: "unknown" }),
-              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ModalityButton, { category: "text", disabled: true, children: "disabled" })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(Surface, { className: "polli:flex polli:flex-col polli:gap-3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("h3", { className: "polli:font-subheading polli:text-xl polli:text-theme-text-strong", children: "Auth feedback" }),
-              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(AuthInfoCard, { title: "Authorize", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "polli:text-sm polli:text-theme-text-base", children: "Sign in to approve this request and return to the app." }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ErrorBanner, { children: "Authorization failed. Try again." })
-            ] })
-          ]
-        }
-      )
-    }
-  );
-};
-var noop = () => void 0;
-var noopSwitch = (_checked) => void 0;
-var noopSelected = (_selected) => void 0;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  DesignShowcase
-});
-//# sourceMappingURL=index.cjs.map