@pollinations/ui 0.1.0-alpha.0 → 0.1.0-alpha.1

package/dist/index.cjs

@@ -31,7 +31,9 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var src_exports = {};
 __export(src_exports, {
   Alert: () => Alert,
+  AppHeader: () => AppHeader,
   AppIcon: () => AppIcon,
+  AudioIcon: () => AudioIcon,
   BeakerIcon: () => BeakerIcon,
   BookIcon: () => BookIcon,
   Button: () => Button,
@@ -41,6 +43,7 @@ __export(src_exports, {
   Chip: () => Chip,
   ClipboardIcon: () => ClipboardIcon,
   ClockIcon: () => ClockIcon,
+  CodeBlock: () => CodeBlock,
   Collapsible: () => Collapsible,
   CopyButton: () => CopyButton,
   Dialog: () => Dialog,
@@ -55,6 +58,7 @@ __export(src_exports, {
   FileUpload: () => FileUpload,
   GenApiIcon: () => GenApiIcon,
   GitHubIcon: () => GitHubIcon,
+  Heading: () => Heading,
   IconButton: () => IconButton,
   ImageIcon: () => ImageIcon,
   InfoTip: () => InfoTip,
@@ -65,10 +69,12 @@ __export(src_exports, {
   MailIcon: () => MailIcon,
   Markdown: () => Markdown,
   McpIcon: () => McpIcon,
+  MediaPlaceholder: () => MediaPlaceholder,
   MenuIcon: () => MenuIcon,
   MultiSelect: () => MultiSelect,
   NavItem: () => NavItem,
   PeriodPicker: () => PeriodPicker,
+  PlusIcon: () => PlusIcon,
   Prose: () => Prose,
   ScrollArea: () => ScrollArea,
   Section: () => Section,
@@ -84,197 +90,118 @@ __export(src_exports, {
   TableHeaderCell: () => TableHeaderCell,
   TableRow: () => TableRow,
   TerminalIcon: () => TerminalIcon,
+  Text: () => Text,
   Textarea: () => Textarea,
   TokensIcon: () => TokensIcon,
   Tooltip: () => Tooltip,
   TrendUpIcon: () => TrendUpIcon,
   WalletIcon: () => WalletIcon,
   XIcon: () => XIcon,
-  cn: () => cn,
+  cn: () => cn2,
   currentPeriod: () => currentPeriod,
   getPeriodBucketKeys: () => getPeriodBucketKeys,
+  headingClassName: () => headingClassName,
   periodBucketKeyToDate: () => periodBucketKeyToDate,
+  textClassName: () => textClassName,
+  themePalette: () => themePalette,
   themes: () => themes,
   useScrollLock: () => useScrollLock
 });
 module.exports = __toCommonJS(src_exports);
 
-// src/lib/cn-app.ts
+// 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 (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(...inputs));
+  return twMerge((0, import_clsx.clsx)(...inputs));
 }
 
-// src/lib/period.ts
-var MS_PER_DAY = 864e5;
-function startOfUtcDay(date = /* @__PURE__ */ new Date()) {
-  return new Date(
-    Date.UTC(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate())
-  );
-}
-function addUtcDays(date, days) {
-  const next = new Date(date);
-  next.setUTCDate(next.getUTCDate() + days);
-  return next;
-}
-function startOfUtcMonth(date) {
-  return new Date(Date.UTC(date.getUTCFullYear(), date.getUTCMonth(), 1));
-}
-function addUtcMonths(date, months) {
-  return new Date(
-    Date.UTC(date.getUTCFullYear(), date.getUTCMonth() + months, 1)
-  );
-}
-function startOfUtcIsoWeek(date) {
-  const day = date.getUTCDay() || 7;
-  return addUtcDays(startOfUtcDay(date), 1 - day);
-}
-function getUtcIsoWeekPeriod(date) {
-  const day = date.getUTCDay() || 7;
-  const thursday = addUtcDays(startOfUtcDay(date), 4 - day);
-  const isoYear = thursday.getUTCFullYear();
-  const yearStart = new Date(Date.UTC(isoYear, 0, 1));
-  const isoWeek = Math.ceil(
-    ((thursday.getTime() - yearStart.getTime()) / MS_PER_DAY + 1) / 7
+// src/primitives/Typography.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var headingSizeClasses = {
+  display: "polli:font-heading polli:text-5xl polli:leading-none",
+  title: "polli:font-heading polli:text-4xl polli:leading-none",
+  section: "polli:font-subheading polli:text-2xl polli:leading-tight",
+  subsection: "polli:font-subheading polli:text-xl polli:leading-tight",
+  card: "polli:font-subheading polli:text-lg polli:leading-tight"
+};
+var textSizeClasses = {
+  body: "polli:text-base polli:leading-relaxed",
+  sm: "polli:text-sm polli:leading-6",
+  xs: "polli:text-xs polli:leading-normal",
+  micro: "polli:text-micro polli:leading-normal"
+};
+var textToneClasses = {
+  base: "polli:text-theme-text-base",
+  strong: "polli:text-theme-text-strong",
+  soft: "polli:text-theme-text-soft",
+  muted: "polli:text-theme-text-muted"
+};
+var textWeightClasses = {
+  normal: "polli:font-normal",
+  medium: "polli:font-medium",
+  semibold: "polli:font-semibold",
+  bold: "polli:font-bold"
+};
+function headingClassName(size, className) {
+  return cn(
+    "polli:break-words polli:text-theme-text-strong",
+    headingSizeClasses[size],
+    className
   );
-  return `${isoYear}-W${String(isoWeek).padStart(2, "0")}`;
-}
-function formatUtcDatePeriod(date) {
-  return date.toISOString().slice(0, 10);
-}
-function formatUtcHourPeriod(date) {
-  return date.toISOString().slice(0, 13).replace("T", " ");
-}
-function formatUtcMonthPeriod(date) {
-  return date.toISOString().slice(0, 7);
-}
-function periodFromDate(granularity, date = /* @__PURE__ */ new Date()) {
-  if (granularity === "day") {
-    return {
-      granularity,
-      period: formatUtcDatePeriod(startOfUtcDay(date))
-    };
-  }
-  if (granularity === "week") {
-    return { granularity, period: getUtcIsoWeekPeriod(date) };
-  }
-  return { granularity, period: formatUtcMonthPeriod(startOfUtcMonth(date)) };
-}
-function currentPeriod() {
-  return periodFromDate("day");
 }
-function periodToWindow(selection) {
-  if (selection.granularity === "day") {
-    const start2 = /* @__PURE__ */ new Date(`${selection.period}T00:00:00.000Z`);
-    return { start: start2, end: addUtcDays(start2, 1) };
-  }
-  if (selection.granularity === "week") {
-    const [yearText2, weekText] = selection.period.split("-W");
-    const isoYear = Number(yearText2);
-    const isoWeek = Number(weekText);
-    const jan4 = new Date(Date.UTC(isoYear, 0, 4));
-    const start2 = addUtcDays(startOfUtcIsoWeek(jan4), (isoWeek - 1) * 7);
-    return { start: start2, end: addUtcDays(start2, 7) };
-  }
-  const [yearText, monthText] = selection.period.split("-");
-  const start = new Date(
-    Date.UTC(Number(yearText), Number(monthText) - 1, 1)
+function textClassName({
+  size,
+  tone,
+  weight,
+  className
+}) {
+  return cn(
+    "polli:break-words polli:font-body",
+    textSizeClasses[size],
+    textToneClasses[tone],
+    textWeightClasses[weight],
+    className
   );
-  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 Heading({
+  as,
+  size = "section",
+  className,
+  children,
+  ...rest
+}) {
+  const Component = as || "h2";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { ...rest, className: headingClassName(size, className), children });
 }
-function getPeriodBucketKeys(selection) {
-  const { start, end } = periodToWindow(selection);
-  const bucketKeys = [];
-  const cursor = new Date(start);
-  if (selection.granularity === "day") {
-    while (cursor < end) {
-      bucketKeys.push(`${formatUtcHourPeriod(cursor)}:00:00`);
-      cursor.setUTCHours(cursor.getUTCHours() + 1);
+function Text({
+  as,
+  size = "body",
+  tone = "base",
+  weight = "normal",
+  className,
+  children,
+  ...rest
+}) {
+  const Component = as || "p";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    Component,
+    {
+      ...rest,
+      className: textClassName({ size, tone, weight, className }),
+      children
     }
-    return bucketKeys;
-  }
-  while (cursor < end) {
-    bucketKeys.push(formatUtcDatePeriod(cursor));
-    cursor.setUTCDate(cursor.getUTCDate() + 1);
-  }
-  return bucketKeys;
-}
-function periodBucketKeyToDate(bucketKey, granularity) {
-  if (granularity === "day") {
-    return /* @__PURE__ */ new Date(`${bucketKey.replace(" ", "T")}.000Z`);
-  }
-  return /* @__PURE__ */ new Date(`${bucketKey}T00:00:00.000Z`);
-}
-function isPeriodSelectable(selection, minDate = /* @__PURE__ */ new Date(0), maxDate = startOfUtcDay()) {
-  const { start, end } = periodToWindow(selection);
-  return end > minDate && start <= maxDate;
-}
-
-// src/lib/use-scroll-lock.ts
-var import_react = require("react");
-function useScrollLock(enabled = true) {
-  (0, import_react.useEffect)(() => {
-    if (!enabled) return;
-    const originalBody = document.body.style.overflow;
-    const originalHtml = document.documentElement.style.overflow;
-    document.body.style.overflow = "hidden";
-    document.documentElement.style.overflow = "hidden";
-    return () => {
-      document.body.style.overflow = originalBody;
-      document.documentElement.style.overflow = originalHtml;
-    };
-  }, [enabled]);
-}
-
-// src/lib/cn.ts
-var import_clsx2 = require("clsx");
-var import_tailwind_merge2 = require("tailwind-merge");
-var twMerge2 = (0, import_tailwind_merge2.extendTailwindMerge)({ prefix: "polli" });
-function cn2(...inputs) {
-  return twMerge2((0, import_clsx2.clsx)(...inputs));
+  );
 }
 
-// src/primitives/Alert.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
+// src/compositions/Alert.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
 var intentClasses = {
-  info: "polli:border-theme-border polli:bg-theme-bg-pale polli:text-theme-text-strong",
-  success: "polli:border-intent-success-border polli:bg-intent-success-bg-light polli:text-intent-success-text",
-  warning: "polli:border-intent-warning-border polli:bg-intent-warning-bg-light polli:text-intent-warning-text",
-  danger: "polli:border-intent-danger-border polli:bg-intent-danger-bg-light polli:text-intent-danger-text"
+  info: "polli:bg-theme-bg-pale polli:text-theme-text-strong",
+  success: "polli:bg-intent-success-bg-light polli:text-intent-success-text",
+  warning: "polli:bg-intent-warning-bg-light polli:text-intent-warning-text",
+  danger: "polli:bg-intent-danger-bg-light polli:text-intent-danger-text"
 };
 var Alert = ({
   intent = "info",
@@ -282,117 +209,290 @@ var Alert = ({
   className,
   children,
   ...rest
-}) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
   "div",
   {
     ...rest,
     role: intent === "danger" ? "alert" : "status",
-    className: cn2(
-      "polli:rounded-xl polli:border polli:px-3 polli:py-2 polli:text-sm",
+    className: cn(
+      "polli:rounded-xl polli:px-3 polli:py-2 polli:text-sm",
       intentClasses[intent],
       className
     ),
     children: [
-      title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "polli:mb-1 polli:text-xs polli:font-bold polli:uppercase polli:tracking-wide", children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children })
+      title && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        Text,
+        {
+          as: "div",
+          size: "xs",
+          tone: "strong",
+          weight: "bold",
+          className: "polli:mb-1 polli:uppercase polli:tracking-wide",
+          children: title
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { children })
     ]
   }
 );
 
-// src/primitives/Button.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var sizes = {
-  sm: "polli:px-2 polli:pt-0.5 polli:pb-1",
-  md: "polli:px-4 polli:pt-1.5 polli:pb-2",
-  lg: "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-intent-danger-bg-hover polli:transition-colors"
-};
-var buttonClasses = ({
-  theme: _theme,
-  intent,
-  size,
-  className,
-  disabled
-}) => {
-  const colorClasses = intent ? intentClasses2[intent] : themeClasses;
-  return cn2(
-    "polli-control polli:inline-flex polli:items-center polli:justify-center polli:rounded-full polli:self-center 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 || "md"],
-    className
-  );
+// src/compositions/AppHeader.tsx
+var import_react = require("react");
+
+// src/assets/logo-wordmark.svg
+var logo_wordmark_default = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="16.9 37.9 212.3 26.1" fill="currentColor"><defs><clipPath id="a"><path d="M16.969 37.434h27V64h-27Zm0 0"/></clipPath></defs><g clip-path="url(%23a)"><path d="M16.996 49.113c0-.195 0-.386.012-.597.137-.004.238-.024.234-.188-.004-.074.047-.094.113-.094h.528c.097 0 .16-.035.164-.144 0-.09.043-.125.133-.121q.058.006.117 0c.129-.004.277.039.308-.157a.06.06 0 0 1 .028-.023c.11-.039.21-.11.336-.098.097.008.164-.03.156-.144-.004-.086.04-.11.121-.11q.449 0 .899-.011c.175 0 .199-.02.203-.196.004-.417 0-.835 0-1.253 0-.997.004-1.993 0-2.989 0-.113.039-.156.152-.156.805.004 1.61 0 2.414 0q1.161.001 2.316-.004c.11 0 .172.024.16.149-.007.101.06.125.145.125q.358 0 .723.003c.101 0 .156-.042.16-.148 0-.055.008-.11.086-.125.187-.031.183-.035.187-.23 0-.051.004-.106-.003-.157-.008-.105.027-.16.14-.148.098.012.133-.04.133-.133-.004-.098.004-.195.004-.289.004-.078.035-.129.12-.121q.151.01.15-.137c-.005-.101.038-.144.14-.133.09.008.137-.035.129-.12-.008-.114.043-.153.148-.145.09.004.121-.047.121-.133-.003-.098.004-.195 0-.29q-.006-.114.11-.112.153-.007.3-.008c.083-.004.122-.043.126-.125v-.29c0-.085.03-.128.125-.124.086.008.168-.004.25.004.132.011.175-.051.168-.172-.004-.074.003-.149 0-.223-.008-.098.023-.148.132-.14.094.003.184-.012.278-.012.093.004.136-.047.14-.133 0-.09.004-.18 0-.266-.007-.097.024-.148.133-.136q.14.008.133-.133v-.211c.004-.184.004-.184.18-.188q.113-.001.226-.007c.082-.004.125-.043.125-.133-.004-.102 0-.203 0-.305 0-.07.031-.105.106-.102q.19 0 .379-.003c.082 0 .109.043.109.117-.004.09.004.183 0 .277-.008.106.043.149.148.145.09 0 .176.004.266.004.082 0 .117.035.117.12a4 4 0 0 0 0 .301c0 .067.028.121.098.114.168-.024.172.07.168.195-.004.367-.043.344.336.348.21 0 .21 0 .21.21.005.372-.034.329.333.333.199 0 .199 0 .203.195 0 .39-.004.332.336.34.207.004.207 0 .207.199 0 .063.004.125.004.188-.008.109.035.167.148.156.082-.008.13.02.117.113-.011.11.04.164.153.152.082-.007.125.032.12.114q-.007.169.161.156c.078-.004.11.039.11.113 0 .082.007.168.003.25-.008.113.032.18.157.172.082-.004.113.043.113.125-.004.09 0 .184 0 .277.004.09.043.141.136.137.098-.004.137.04.13.137-.008.09.03.137.128.137h.766c.078 0 .129-.032.129-.114-.004-.144.082-.156.2-.156l4.651.008c.188 0 .204.012.204.2-.004.401-.016.8-.008 1.198.008 1 .011 1.996 0 2.992 0 .165.023.196.187.196.297.004.59 0 .883 0 .09 0 .16.015.152.129-.004.093.051.133.141.133.086 0 .176.007.262.003.101-.007.152.028.136.133-.011.102.043.145.141.145.094-.004.184.004.277 0 .086-.008.137.023.13.117-.008.117.054.152.163.148.168-.004.332.004.5 0 .102-.004.149.028.145.13-.004.105.05.144.148.136q.048.001.094.008c0 .183 0 .37-.012.566-.203.02-.207.02-.242.211-.012.074-.058.078-.113.074-.113-.004-.156.055-.152.164.003.176 0 .352 0 .528 0 .078-.024.129-.114.125-.113-.008-.16.043-.156.156.004.055-.016.113-.086.105-.164-.011-.191.083-.184.215 0 .059-.007.121-.003.184.011.105-.028.16-.137.152-.098-.008-.133.043-.129.137 0 .094-.008.184 0 .277.004.09-.035.13-.125.121q-.148-.016-.145.137c.004.086-.027.137-.12.13-.11-.013-.153.042-.145.148.008.09-.035.128-.125.128-.106-.004-.149.051-.149.153 0 .074-.035.117-.113.113-.113-.004-.156.055-.156.16 0 .059-.016.102-.086.11-.188.027-.188.03-.188.222 0 .059-.004.121 0 .184.004.09-.023.144-.12.14-.102 0-.145.051-.145.149 0 .086-.047.121-.125.117-.11-.004-.153.047-.149.148 0 .09-.047.126-.132.122s-.168.004-.25 0c-.106-.004-.165.043-.157.148.004.094-.043.121-.129.117-.07-.004-.136.02-.132.094.011.176-.09.195-.223.184-.059-.008-.113.003-.172 0-.102-.004-.164.046-.16.148.004.094-.04.125-.125.121-.074-.004-.14.024-.137.106.012.156-.074.175-.195.164-.059-.004-.117.004-.172 0-.113-.012-.18.023-.172.152.004.082-.039.117-.121.113-.094-.004-.184 0-.277 0s-.157.04-.145.14c.008.114-.05.13-.144.13-.25-.008-.5-.004-.75-.008-.114 0-.18.039-.18.156 0 .098-.047.13-.14.13-.262-.005-.52 0-.778 0-.102-.005-.164.026-.164.136.004.097-.05.129-.14.129q-1.236-.006-2.466 0c-.109 0-.152-.043-.156-.145 0-.09-.05-.125-.137-.12q-.227 0-.46.003c-.07 0-.133.016-.133.105 0 .086.066.094.129.098.078.004.125.024.117.113-.008.114.043.176.164.168q.112-.01.113.106c0 .098.059.148.149.152.097 0 .128.047.125.137q0 .146.148.14c.094-.003.188.004.277.004.063 0 .11.02.11.086-.004.16.097.188.226.188.211 0 .422.004.633 0h1.45c.05.004.117-.02.132.07.035.196.04.196.242.196.051 0 .106.003.157 0q.146-.019.14.12c0 .098.04.153.14.145q.13-.011.122.113c-.004.102.035.16.144.157.079 0 .125.039.122.12-.008.106.046.153.152.15.078-.005.125.027.117.116-.008.11.05.153.148.153q.135-.001.122.133c-.004.062.007.14.09.132.195-.02.183.106.175.23-.004.052 0 .099 0 .15-.008.113.035.175.156.167.09-.004.118.04.114.133-.008.266 0 .535-.004.8-.004.114.043.153.148.15.094-.005.184 0 .278 0 .086-.005.129.03.125.124-.008.086 0 .176-.004.262-.004.102.027.164.14.156.082-.004.133.024.13.121-.005.094.038.153.14.149.086 0 .129.039.125.129-.008.097.047.148.144.144.098-.008.133.031.133.13v1.398c.004.086-.02.144-.125.136-.101-.008-.16.043-.156.149.008.093-.04.12-.125.113-.094-.004-.14.047-.137.137.004.105-.043.144-.14.14s-.133.051-.13.141c.009.086-.027.133-.12.129-.098-.008-.149.035-.145.137.004.097-.043.132-.137.132q-.696-.006-1.398 0c-.09 0-.14-.03-.137-.129q.012-.152-.14-.14c-.086.004-.133-.031-.125-.125.007-.102-.043-.145-.141-.145-.082.004-.133-.027-.125-.12.008-.106-.05-.16-.152-.153-.094.008-.125-.035-.125-.121q-.001-.149-.149-.145c-.094.004-.117-.047-.117-.129v-1.41c0-.097.035-.14.129-.136.11.007.156-.047.148-.153-.007-.082.032-.113.11-.11q.166.014.156-.155c-.004-.075.031-.118.11-.11.132.008.16-.062.16-.18 0-.37.003-.37.378-.363.11.004.157-.043.153-.144q-.001-.238.004-.477c0-.105-.047-.156-.153-.14q-.138.012-.125-.122c.008-.109-.047-.152-.148-.152-.074.004-.121-.031-.113-.11.007-.113-.043-.163-.153-.16-.078 0-.125-.027-.117-.117.008-.11-.047-.164-.156-.156-.086.004-.121-.039-.117-.121.004-.113-.055-.148-.164-.148-.172.003-.344 0-.516 0-.059 0-.125 0-.121-.083.012-.175-.098-.183-.23-.183q-.756.006-1.516 0c-.074 0-.16.008-.153-.11.008-.12-.062-.16-.171-.16-.16 0-.325-.007-.489 0-.101 0-.156-.035-.156-.144.004-.094-.05-.137-.14-.133s-.126-.031-.13-.121c-.003-.09-.058-.137-.144-.14-.086 0-.117-.04-.117-.122 0-.097-.051-.148-.145-.148s-.129-.047-.129-.13c-.004-.097-.05-.144-.152-.14-.078 0-.121-.039-.121-.12.004-.114-.055-.161-.16-.153-.082.004-.11-.04-.106-.113q.001-.142-.004-.278c-.004-.074-.035-.137-.113-.14-.086 0-.105.066-.105.14v3.942c0 .164.027.187.191.187.074-.004.152.004.227-.004.101-.008.128.04.12.133-.003.086.005.176.005.262 0 .093.039.144.136.136.094-.003.14.032.133.13-.004.097.04.148.14.144.087-.004.137.031.13.125-.012.101.039.144.136.144.086 0 .13.036.125.13v1.41c0 .081-.023.136-.117.128-.11-.007-.156.047-.148.153.008.082-.024.125-.114.113q-.168-.017-.16.152c.004.086-.035.133-.125.125-.105-.007-.16.04-.148.149.012.094-.031.129-.121.125-.094-.012-.14.039-.14.129.003.101-.04.136-.142.136a84 84 0 0 0-1.398 0c-.086 0-.133-.023-.125-.12.012-.102-.039-.157-.144-.15q-.135.006-.13-.124c0-.098-.046-.149-.144-.145-.086 0-.129-.039-.125-.129.008-.097-.039-.156-.14-.144-.098.008-.133-.035-.13-.133.004-.094-.046-.137-.136-.133-.102.004-.13-.047-.13-.136q.008-.7 0-1.399c0-.09.028-.144.126-.14.098.007.148-.04.14-.141q-.003-.128.122-.121c.113.004.156-.055.156-.16-.004-.059.016-.114.086-.106.176.016.176-.097.176-.219 0-.316.004-.316.308-.32.227 0 .235-.008.235-.226v-3.887c0-.082-.008-.16-.114-.16-.097 0-.105.078-.11.148 0 .09-.003.176 0 .266.005.082-.023.125-.112.113q-.16-.019-.157.145c.004.085-.03.14-.128.136-.106-.004-.153.051-.149.153 0 .05 0 .113-.066.109-.118-.004-.184.055-.235.152a.3.3 0 0 1-.133.106c-.066.035-.101.082-.097.156.004.098-.043.133-.137.125s-.14.04-.137.133c.008.12-.054.144-.164.14-.168-.007-.34 0-.511.004-.059 0-.133.012-.13.082.016.2-.109.192-.245.192-.493-.004-.985 0-1.477 0-.094-.004-.184.008-.176.133.004.109-.054.132-.148.132-.172-.003-.344 0-.516-.003-.101 0-.156.042-.152.148 0 .07-.016.121-.102.117-.12-.008-.172.055-.164.168.004.086-.039.106-.113.102-.106-.012-.16.035-.152.144.007.094-.04.133-.133.133q-.141-.005-.137.137c.004.101-.043.14-.144.133-.094-.008-.137.046-.137.136v.328c0 .293 0 .293.289.293.312.004.254 0 .262.254v.121c-.008.106.035.168.148.168.086 0 .133.04.129.125-.004.11.055.149.156.149.07-.004.11.027.106.101-.012.114.043.16.152.16.07 0 .117.028.117.11v1.45c0 .07-.027.12-.105.112-.114-.007-.164.043-.164.153 0 .078-.035.125-.121.117-.106-.012-.157.043-.153.144 0 .09-.035.137-.125.125-.113-.011-.148.047-.14.149.003.09-.04.129-.125.125q-.154-.012-.149.14c.004.094-.043.13-.137.13q-.696-.008-1.398 0c-.086 0-.137-.028-.129-.122.008-.117-.05-.156-.156-.152q-.118.007-.113-.11.01-.157-.149-.156c-.09 0-.121-.043-.117-.132 0-.098-.055-.149-.148-.145-.086.004-.122-.035-.125-.117 0-.098-.055-.145-.149-.145-.094.004-.121-.047-.121-.129q.006-.712 0-1.425c0-.082.035-.125.117-.121.106.007.152-.043.152-.145 0-.07.028-.121.11-.117.117.004.168-.055.164-.168 0-.067.031-.106.094-.098.164.012.172-.082.175-.207.004-.383-.07-.32.352-.336.16-.008.176-.012.188-.168.02-.254.003-.508-.004-.765 0-.09.02-.149.132-.145.102.004.153-.055.145-.16-.004-.082.004-.164 0-.25-.004-.09.023-.145.125-.137.11.012.148-.047.14-.148q-.005-.129.118-.117c.11.007.152-.047.148-.153q-.012-.123.117-.113c.106.012.157-.04.157-.145 0-.09.039-.14.132-.136.102.004.145-.051.141-.145-.008-.094.031-.129.121-.125.078.008.14-.027.137-.105-.004-.145.07-.172.191-.16.063.003.121 0 .184 0 .098-.004.164-.036.164-.145-.004-.094.047-.121.133-.121q.222.005.449.004a115 115 0 0 1 1.645 0c.082 0 .183.004.19-.098.017-.168.122-.18.247-.176.055 0 .105-.004.16-.004.094-.003.149-.05.153-.144 0-.09.043-.125.128-.129.094-.004.145-.055.141-.152 0-.075.035-.117.113-.114q.155.013.157-.144c0-.082.03-.133.125-.129.066 0 .136-.02.128-.11-.003-.09-.078-.101-.144-.101q-.224-.005-.45-.004c-.1-.004-.16.035-.152.145.004.086-.035.12-.117.117h-2.52c-.066 0-.109-.016-.105-.094.012-.137-.058-.172-.183-.172-.262.008-.52 0-.778 0-.086 0-.136-.031-.129-.12.008-.126-.054-.161-.168-.161-.253.004-.503-.004-.753.004-.102.004-.16-.02-.149-.137.012-.094-.039-.133-.133-.133-.093.004-.183-.004-.277.004-.098.004-.14-.035-.133-.129.004-.105-.05-.14-.148-.14-.086.004-.176 0-.262.004-.09.004-.133-.032-.125-.125.012-.106-.04-.153-.145-.149-.062 0-.128-.004-.125-.082.008-.164-.09-.191-.218-.187-.059.004-.121-.004-.184 0-.098.004-.152-.028-.144-.137q.015-.147-.137-.14c-.078.007-.133-.016-.125-.106.008-.125-.051-.168-.168-.156-.05.004-.09-.012-.106-.075-.05-.195-.054-.195-.254-.199h-.144c-.098.008-.152-.027-.145-.133.004-.062-.015-.125-.09-.12-.187.011-.187-.11-.18-.239.005-.047 0-.098.005-.145.004-.113-.043-.18-.156-.187-.075-.008-.11-.04-.11-.117.004-.094-.047-.137-.137-.133-.066 0-.128-.016-.132-.098-.008-.101-.043-.168-.145-.21-.058-.028-.098-.087-.129-.15a.17.17 0 0 0-.09-.089c-.086-.043-.164-.094-.195-.2-.012-.038-.047-.07-.086-.066-.156.016-.176-.074-.168-.195.004-.058-.004-.113-.004-.172.004-.105-.027-.183-.156-.176-.09.008-.121-.042-.117-.128.004-.09-.004-.176-.004-.266.004-.094-.035-.148-.137-.145-.086.004-.137-.027-.129-.12.008-.106-.047-.153-.152-.145-.086.008-.117-.035-.113-.117 0-.18-.004-.36 0-.54.004-.113-.04-.167-.153-.16-.066.004-.117-.007-.129-.093-.023-.184-.05-.196-.238-.153m13.75.067c0-.446.004-.89 0-1.332 0-.082.008-.153.113-.153.121 0 .157-.07.157-.18-.004-.171 0-.343 0-.515 0-.062.011-.113.09-.113.144 0 .18-.086.171-.207-.004-.059.004-.117 0-.172-.007-.102.02-.16.133-.164.098-.004.137-.067.137-.16l.004-.25c.004-.082.031-.133.125-.13.11.008.156-.054.148-.152-.008-.093.035-.113.117-.113.106 0 .157-.059.153-.168-.004-.078.004-.156 0-.234 0-.082.02-.137.117-.137.102 0 .156-.055.148-.156-.007-.094.036-.13.121-.13.094 0 .153-.034.145-.14-.004-.086.04-.12.121-.113.11.008.156-.05.152-.152-.003-.09.036-.13.125-.13.067 0 .137-.019.137-.093-.004-.184.117-.184.246-.176.047.004.094 0 .145 0 .074-.004.144-.023.144-.117 0-.086-.074-.102-.14-.102-.09.004-.117-.039-.114-.12.004-.094 0-.192 0-.29-.004-.054-.02-.12-.082-.113-.207.016-.195-.117-.187-.254.004-.055-.008-.105-.008-.16 0-.094-.039-.149-.14-.14-.083.003-.13-.024-.118-.114.016-.117-.035-.164-.148-.156-.078.008-.13-.028-.125-.114.004-.117-.051-.164-.168-.16-.078.004-.106-.039-.106-.117.004-.09-.004-.183 0-.277q.014-.16-.148-.145c-.09.012-.129-.023-.121-.117.012-.105-.035-.16-.145-.148-.086.007-.133-.036-.129-.121.004-.106-.039-.16-.148-.153-.086.004-.133-.035-.125-.125.012-.105-.047-.144-.14-.144-.098.004-.137-.043-.126-.137.008-.094-.035-.145-.132-.137-.102.008-.141-.039-.133-.14.008-.079-.028-.133-.114-.121-.152.015-.152-.07-.152-.184-.004-.387.067-.356-.379-.356-.086 0-.125.04-.125.13 0 .093-.004.19 0 .288.004.082-.031.125-.117.118-.117-.012-.156.046-.152.156q.009.116-.11.11c-.113-.013-.164.042-.152.152.008.09-.035.12-.117.113-.102-.004-.157.043-.153.152.004.086-.039.13-.128.121-.09-.004-.141.04-.141.133.004.106-.04.152-.149.145-.09-.012-.132.035-.125.125.008.109-.043.148-.148.14-.082-.008-.121.043-.117.121 0 .094-.004.184 0 .278.004.09-.028.144-.125.14-.098 0-.149.04-.145.145q.006.13-.129.125-.145-.006-.144.14c.004.094-.035.137-.133.133-.098-.008-.145.043-.14.14 0 .099-.005.196-.005.294 0 .055-.015.101-.078.098-.183-.008-.195.105-.183.242.004.05-.004.105 0 .156.008.105-.028.16-.14.152-.067-.004-.126.02-.126.102 0 .078.055.105.121.11.098.003.196.007.293.003.082 0 .125.028.117.117-.011.114.043.16.153.153.078 0 .129.03.125.117 0 .105.047.156.152.156q.123-.007.117.121-.004.136.133.137.151-.002.137.148c-.008.067.015.133.094.13.16-.016.183.07.168.199-.004.058.003.113.003.171 0 .11.04.18.16.172.083 0 .122.035.11.121-.012.118.047.164.156.157.082-.008.113.03.113.105q-.001.152.004.305c0 .062.02.125.094.12.18-.015.188.09.176.224-.004.062.004.12 0 .183q-.006.153.14.14c.106-.011.13.036.126.13-.004.168 0 .336.003.5 0 .078.012.164.11.168.144.004.156.082.156.199q-.006.722 0 1.449c0 .203.04.246.215.25.258.004.285-.023.285-.285zm-7.5-.094c-.047-.016-.062-.05-.058-.094.007-.14-.079-.168-.196-.164-.164.004-.332-.004-.5 0-.086 0-.133-.035-.125-.125.012-.121-.058-.156-.16-.156h-.45c-.1 0-.16.055-.16.152q.002.369.008.739c0 .093.047.148.145.144.113-.008.133.055.129.148-.004.172.004.344 0 .516-.004.106.035.156.144.149.09-.004.13.035.125.125-.003.093 0 .187 0 .277.004.062.02.133.09.129.188-.012.184.105.172.234 0 .05.004.098 0 .145q-.007.166.156.168c.09 0 .13.039.13.125q-.007.147.14.148c.086-.004.133.031.129.121q-.005.13.125.14c.078.013.129.052.137.134.007.105.066.152.164.148.09-.004.117.04.113.121-.004.102.047.156.152.149.09-.008.117.043.114.12-.004.098.039.153.14.145s.133.047.13.137c-.005.098.046.133.136.133.09-.004.176 0 .265 0 .082-.004.137.023.133.117-.004.105.055.148.156.148q.148-.004.29.004c.07 0 .109.032.105.102-.012.14.066.176.188.176.25-.004.5 0 .75-.004.085 0 .136.023.132.117-.004.129.075.148.18.148h2.215c.055 0 .105 0 .156-.027.035-.02.067-.043.067-.09 0-.05-.036-.086-.083-.086-.144-.004-.152-.097-.144-.207q.005-.1-.008-.195c-.004-.063-.031-.129-.094-.129-.187 0-.18-.117-.172-.246.004-.055 0-.106-.003-.16 0-.098-.043-.16-.149-.157q-.128 0-.12-.117c.003-.097-.048-.14-.138-.144-.097-.004-.14-.047-.144-.145s-.059-.148-.153-.14c-.085.004-.109-.036-.105-.11.004-.101-.05-.156-.152-.152-.082 0-.121-.04-.125-.121q-.007-.153-.16-.153c-.07-.003-.106-.035-.102-.105 0-.113-.059-.16-.164-.16-.067 0-.11-.031-.106-.106.008-.113-.043-.172-.16-.168q-.11.002-.11-.113.006-.17-.171-.164c-.04 0-.094-.004-.086-.055.02-.144-.062-.203-.18-.25-.03-.011-.074-.05-.078-.082-.027-.148-.133-.152-.25-.144-.054.004-.113-.004-.168 0-.097.004-.152-.028-.144-.133.004-.105-.055-.14-.153-.14-.086 0-.175-.005-.261 0-.086 0-.133-.036-.13-.13.005-.101-.042-.156-.152-.148q-.122.014-.12-.113c.007-.114-.06-.153-.165-.153-.168.004-.336-.004-.5.004-.093 0-.14-.031-.14-.129 0-.109-.067-.14-.164-.14-.098 0-.192-.004-.313-.008m16.137-.195c0-.055-.008-.106-.004-.16.012-.13-.047-.184-.176-.184-.144.004-.289 0-.433.004-.094 0-.153.039-.149.14.008.106-.047.141-.144.137l-.528.004c-.07 0-.14.016-.136.102.011.156-.079.171-.2.16-.054-.004-.113.004-.168 0-.113-.008-.183.031-.175.156.007.086-.036.113-.122.113-.171-.004-.347.004-.523.008-.098 0-.168.027-.16.14.004.098-.043.122-.133.114-.066-.004-.133.023-.133.098.008.183-.105.195-.238.183-.05-.004-.098.004-.145 0-.109-.004-.171.04-.168.153 0 .093-.05.12-.132.117-.086-.004-.168 0-.25 0-.098 0-.153.043-.153.14 0 .094-.043.133-.136.133-.09-.004-.141.055-.137.14 0 .099-.047.134-.137.134q-.146 0-.14.148.003.117-.11.117c-.101-.004-.156.04-.152.149q.007.121-.121.12c-.102-.003-.149.056-.153.153-.004.063-.023.113-.101.113-.098 0-.149.063-.16.157-.012.07-.04.113-.121.11-.11-.009-.16.05-.157.16 0 .073-.031.116-.11.112q-.146.002-.151.145c-.008.086-.043.125-.13.129-.085.008-.14.05-.144.144 0 .083-.031.125-.125.125-.11-.003-.156.063-.16.168 0 .079-.004.157 0 .239.008.09-.02.144-.121.14-.11-.004-.145.063-.145.16.004.055-.004.11.004.16.012.13 0 .239-.176.235-.046 0-.078.035-.082.086 0 .055.036.082.082.09q.07.014.145.015.353.005.71.004h1.5c.087 0 .192.004.2-.105.016-.149.106-.156.219-.16q.35 0 .7-.012c.1 0 .167-.04.163-.156 0-.078.043-.106.117-.106.102.004.203-.008.305-.008.063-.003.121-.027.117-.097-.008-.172.102-.176.223-.164.055.004.105-.004.16 0 .102 0 .16-.04.16-.149-.004-.086.043-.12.13-.125.085-.004.14-.054.14-.144s.043-.125.129-.121c.097.004.148-.055.144-.149-.004-.093.043-.125.13-.125.093.004.148-.043.14-.14 0-.078.043-.114.113-.121.105-.008.16-.06.152-.168q-.005-.114.114-.11c.101 0 .156-.05.156-.152 0-.094.055-.121.137-.113.101.007.144-.043.144-.141-.004-.09.004-.176 0-.266s.024-.144.121-.14c.09.004.125-.051.13-.133.007-.094.015-.192.015-.29 0-.073.027-.112.11-.112.12.003.155-.067.155-.176-.004-.168 0-.336 0-.504-.004-.082.02-.137.114-.133.12.004.16-.07.16-.18-.004-.16 0-.324 0-.511m-13.774-3.715c-.007-.106-.004-.196.145-.188.078.008.121-.047.121-.125q.005-.157.004-.316c-.004-.313.047-.317-.328-.317-.149 0-.297.012-.438-.046.032-.149-.035-.227-.187-.227h-3.149c-.14 0-.18.04-.18.18 0 .168.008.336.008.5l-.003 2.582c-.004.183.023.207.203.207q.377.005.754.004c.082 0 .136.02.132.117-.003.11.063.144.16.14l.278.004c.062 0 .105.02.101.09-.011.172.07.188.215.188h.739c.054 0 .113-.008.125.078.027.187.03.187.218.187.059 0 .114.004.172 0 .102-.011.16.024.145.137-.012.106.043.133.136.129.094 0 .192.004.29.004.078-.004.125.027.117.117-.008.113.05.156.156.152.066 0 .113.024.11.102-.008.129.062.16.179.164.32.008.324 0 .324-.328 0-.113-.043-.172-.152-.164-.11.008-.125-.05-.121-.137l-.004-.277c-.004-.063-.035-.117-.102-.113-.164.011-.168-.086-.168-.211zm13.77 1.629v-2.66c0-.165-.02-.188-.164-.188q-1.56.001-3.125-.004c-.113 0-.176.043-.172.16.004.106-.055.121-.14.121-.165-.004-.325.004-.489-.004-.133-.003-.184.055-.18.184.004.145.008.29.004.434 0 .097.04.152.14.144.099-.008.13.04.13.133q-.006 1.383 0 2.766c0 .086-.02.136-.121.125-.11-.012-.149.054-.149.152 0 .086-.004.168 0 .254.004.094-.035.14-.133.129-.109-.008-.132.05-.136.144-.024.36-.004.352.351.34.086-.004.137-.05.137-.133-.004-.109.055-.136.148-.136.063 0 .122-.028.114-.098-.008-.16.086-.176.21-.168.051.004.106-.004.157 0 .113.008.18-.031.18-.152q.006-.119.129-.114c.09.004.183 0 .277 0 .078 0 .14-.035.133-.125-.004-.125.062-.144.168-.14.234.004.472-.004.71 0 .126.004.204-.043.204-.18 0-.074.039-.102.11-.102q.14 0 .288-.003c.082 0 .14-.032.137-.121 0-.114.066-.137.164-.133h.684c.222-.004.234-.012.234-.227zm-5.66 1.312c.008-.062.047-.101.105-.12.11-.036.156-.114.153-.231v-2.57c0-.075-.012-.145-.106-.153-.105-.008-.105.074-.11.145 0 .082-.027.124-.116.113q-.178-.02-.157.16c.008.09-.023.133-.12.125-.118-.012-.157.05-.15.16.005.078-.003.156 0 .234.009.106-.042.145-.14.137-.09-.004-.176.004-.266 0-.101-.004-.144.047-.144.14v.306c0 .058-.023.101-.082.097-.172-.015-.195.086-.184.223.004.066-.004.133 0 .199.004.082-.03.121-.117.117-.117-.008-.148.063-.148.164.004.172 0 .344 0 .516.004.09-.028.144-.13.137-.1-.008-.14.047-.136.144.004.086-.004.176 0 .262.004.09-.027.133-.121.125q-.148-.011-.148.137c-.004.086-.012.168-.012.25-.008.722.02 1.441 0 2.164-.008.242.008.492.015.734.004.07.02.137.106.145.086.003.098-.059.105-.125.008-.055.024-.11.09-.106.168.012.184-.098.188-.219v-.187c-.004-.082.023-.133.117-.13.098.005.148-.05.148-.144 0-.09.043-.129.13-.132.105-.004.14-.07.14-.164.004-.09.004-.176.008-.266 0-.066.027-.11.101-.106.121.004.168-.058.172-.168 0-.066.035-.093.098-.097.12-.012.16-.09.164-.2q.005-.119.004-.238c0-.054.011-.101.074-.105.172-.008.188-.125.191-.258v-.184c0-.062.024-.101.094-.101.137 0 .176-.082.176-.207-.004-.235 0-.465.008-.723m-4.836-.265c-.035-.047-.031-.102-.031-.153v-.355c-.004-.074-.032-.145-.11-.14-.148.007-.168-.071-.156-.188.004-.063-.004-.121 0-.184 0-.105-.035-.172-.152-.168-.094.004-.122-.043-.118-.129.004-.097 0-.195-.003-.289q-.007-.129-.137-.129c-.094.004-.184-.004-.278.004-.09.004-.132-.027-.128-.121.003-.082 0-.164 0-.25.003-.102-.036-.164-.141-.16-.102.004-.129-.047-.125-.14.004-.075-.027-.134-.11-.134-.12 0-.18-.043-.171-.168.004-.07-.051-.101-.114-.101-.066-.004-.09.043-.097.101-.004.028-.008.051-.008.079-.004.867-.012 1.73.008 2.593.004.098.043.153.144.149.094-.008.117.039.117.129-.003.254.004.507 0 .761 0 .118.036.188.165.18q.121-.004.113.125-.004.141.004.29c0 .062.027.124.093.12.172-.008.176.098.168.219-.003.055 0 .105 0 .16 0 .102.036.172.153.164.086 0 .129.04.125.13 0 .07.023.144.105.14.153-.004.168.082.16.203-.007.05.004.105 0 .156-.004.117.036.188.164.188q.114 0 .11.117c-.004.11.05.164.16.152.082-.004.11.031.11.11 0 .097.007.19.015.289.008.082.047.132.133.136.074.004.125.028.133.11.003.039.023.07.062.074.047.008.074-.02.094-.059.047-.074.043-.16.043-.242q.005-1.33.004-2.66a3 3 0 0 0-.004-.277c-.004-.07-.035-.125-.11-.121-.148.003-.171-.083-.152-.196.04-.219-.047-.379-.238-.515m9.207 6.035c.12.008.219-.008.21-.168 0-.059.044-.082.102-.082.09.004.184 0 .274 0 .11.004.172-.04.164-.153-.004-.101.05-.129.137-.129.07 0 .132-.023.128-.101-.011-.16.083-.168.2-.16.054.004.113-.004.168-.004.113.008.18-.028.175-.153-.003-.074.024-.12.106-.117.113.012.16-.043.16-.152q.001-.121.125-.113c.106.004.156-.051.148-.153-.003-.09.043-.12.122-.117.113 0 .16-.05.152-.164-.004-.074.039-.113.113-.11.11.005.153-.046.149-.152 0-.07.035-.12.113-.113.129.012.172-.059.168-.176-.004-.05.012-.086.078-.097.188-.028.188-.028.188-.22 0-.058.003-.112 0-.171-.004-.094.023-.152.128-.148q.152.007.145-.145c0-.082.031-.133.125-.129q.136.007.137-.133c-.004-.09.035-.136.133-.132.097.003.144-.055.144-.149q.005-.142.004-.289c-.004-.055.012-.086.078-.094.188-.023.188-.027.188-.222 0-.055.003-.106 0-.16-.008-.114.023-.176.152-.165.078.004.11-.043.11-.117.003-.082-.048-.105-.118-.105-.094 0-.184-.004-.277 0s-.14-.028-.133-.13c.008-.1-.05-.14-.148-.136-.086.004-.176-.004-.262 0-.09.004-.145-.027-.137-.129.012-.117-.055-.152-.16-.152-.219 0-.438-.004-.656 0-.184 0-.207.023-.207.203q-.005.497-.004.988c0 .098-.016.176-.14.164-.106-.007-.138.059-.138.153.004.183 0 .367.004.554 0 .055-.008.098-.082.114-.187.03-.187.035-.187.222 0 .055-.004.114 0 .172.008.094-.028.149-.133.14-.098-.003-.137.044-.137.138 0 .093-.004.183 0 .277 0 .082-.023.125-.113.117q-.16-.019-.156.145c.004.093-.032.136-.133.125s-.14.046-.14.14q-.01.142-.005.278c.004.09-.03.132-.12.125-.098-.008-.153.03-.145.136.011.106-.035.14-.137.133-.086-.008-.133.035-.125.125.004.102-.035.145-.14.145-.079-.004-.137.03-.137.12.004.11-.04.16-.157.153-.054-.004-.113.02-.105.086.016.145-.047.195-.184.195-.07 0-.093.067-.086.13.008.062.055.073.106.07.05 0 .098-.004.168-.008m-15.938-1.024c-.039-.015-.05-.05-.047-.086.008-.129-.039-.191-.175-.175-.067.007-.094-.024-.094-.094.004-.098 0-.192 0-.29-.004-.097-.043-.16-.152-.156-.082.004-.122-.03-.118-.117.012-.11-.039-.168-.152-.156-.098.012-.125-.039-.121-.125q.004-.142-.004-.289c0-.066-.027-.121-.098-.113-.16.015-.18-.075-.171-.203.007-.055 0-.114.003-.172.004-.11-.043-.18-.16-.176-.09 0-.11-.043-.11-.125.005-.168 0-.34 0-.512 0-.101-.034-.172-.151-.168-.094.004-.125-.047-.122-.133v-1.082c0-.093-.039-.148-.14-.148-.254.004-.508 0-.766.004-.066 0-.129.027-.125.101.012.168-.09.188-.215.18-.058-.004-.117.004-.172 0-.101-.004-.164.035-.16.145.004.093-.043.125-.129.12q-.144-.004-.289.005c-.066.004-.105.043-.105.109-.004.066.031.11.094.105.172-.011.18.094.168.22-.004.05.004.105 0 .156-.008.109.03.171.148.167.09-.003.121.047.117.133-.008.086 0 .176-.004.262 0 .09.032.148.13.148.093 0 .128.055.144.137.008.082.05.133.14.125.102-.008.141.043.137.14-.004.063.012.126.086.126.172-.008.191.094.18.226-.004.055 0 .106 0 .16-.004.102.043.16.144.16.086 0 .133.024.125.122-.011.097.04.152.137.148.102-.004.145.043.14.14 0 .079.036.13.118.126.113-.004.148.05.144.152 0 .086.047.137.13.13.109-.009.155.03.148.14-.008.086.039.133.129.129.105-.008.14.039.132.14-.007.086.04.13.13.121.109-.008.152.043.148.149-.004.093.054.133.14.129h.29c.05 0 .109.011.101.074-.02.187.098.2.23.191.067 0 .133.012.2.004.086-.008.12.02.113.11-.012.117.05.171.164.16.078-.008.11.027.105.097-.007.141.067.18.188.168.055-.004.105 0 .16 0 .07 0 .14-.004.14-.097.005-.09-.05-.125-.132-.121-.09.004-.133-.032-.129-.125q.012-.146-.14-.145c-.079 0-.141-.023-.133-.117.004-.11-.043-.156-.153-.152-.07.003-.12-.028-.113-.106.012-.148-.082-.176-.223-.176m15.489 8.383c-.086.008-.102.07-.102.14.004.087-.035.134-.125.126-.117-.012-.156.054-.156.16 0 .074-.028.113-.11.11-.12-.009-.16.058-.156.171.004.063 0 .121.004.184.004.09.04.152.145.14.074-.004.12.02.117.102-.012.125.05.18.172.168.078-.004.117.027.11.11-.017.128.046.175.17.163q.08-.006.157 0c.117.008.172-.039.164-.16-.008-.074.02-.117.106-.113q.17.017.164-.16c-.004-.07.031-.11.105-.102.145.02.188-.055.172-.183-.004-.059 0-.118 0-.172.004-.106-.043-.16-.148-.149-.086.004-.137-.027-.133-.12.008-.106-.04-.153-.145-.15-.07.005-.129-.023-.12-.1.015-.153-.071-.177-.196-.169-.055.008-.113.004-.195.004m-7.38.04c-.023.034-.023.073-.019.112q.007.12-.11.114c-.124-.012-.163.047-.155.164.003.07-.032.11-.102.101-.133-.007-.172.063-.168.18.004.059.004.113 0 .172-.008.11.035.168.152.156.063-.008.121.004.114.086-.008.133.062.18.183.176.07 0 .094.039.086.101-.015.133.047.184.176.172a1 1 0 0 1 .172 0c.113.008.164-.039.156-.152-.008-.082.024-.121.113-.121.106.004.164-.047.157-.16-.004-.067.027-.114.097-.11.149.008.18-.074.168-.199-.004-.05-.004-.105-.004-.156.004-.094-.043-.145-.132-.14-.098.003-.141-.036-.133-.13.011-.093-.035-.144-.13-.136-.109.007-.152-.043-.148-.149 0-.062-.02-.117-.093-.12-.121-.005-.246-.028-.38.038m-7.32 1.285c.059.254.059.25.336.25.114-.004.18-.035.172-.16-.008-.074.024-.117.106-.113.12.008.18-.055.175-.172-.003-.078.043-.102.106-.098.117 0 .156-.066.16-.168v-.183c-.008-.094-.047-.153-.148-.145-.082.004-.125-.027-.125-.113q.008-.166-.16-.156c-.075.008-.122-.028-.114-.106.012-.133-.054-.172-.176-.16-.054.004-.113 0-.168 0-.101-.004-.152.035-.144.14 0 .075-.023.13-.113.126-.11-.004-.157.05-.157.16 0 .062-.023.113-.101.105-.14-.015-.176.067-.172.184 0 .05-.004.105-.004.156-.004.113.043.176.164.168.047-.004.113-.004.11.063-.016.18.109.191.253.222m.747-8.433c.042-.13.023-.172-.098-.18a2 2 0 0 0-.25-.004c-.063.004-.09.043-.094.106 0 .062.024.109.086.109.113.004.23.027.355-.031m13.813-.188c-.043.004-.09 0-.133.012-.058.012-.09.05-.086.113 0 .067.047.09.106.094.086.004.172 0 .261 0 .07-.004.098-.047.102-.113.004-.067-.04-.094-.098-.102-.043-.004-.086-.004-.152-.004m0 0"/></g><path d="M82.117 39.523c-.152.172-.191 2.747-.172 9.192l.059 8.945h4.773l.059-9.039c.039-7.113 0-9.078-.191-9.21-.438-.266-4.278-.192-4.528.112m7.621.117c-.21.4-.265 16.895-.054 17.696.093.398.187.418 2.441.418 1.969 0 2.371-.059 2.465-.305.21-.535.133-17.43-.074-17.828-.192-.324-.422-.363-2.391-.363-1.965 0-2.195.039-2.387.383m7.774-.27c-.075.078-.133.992-.133 2.024v1.867h4.793l-.055-1.965-.058-1.945-2.215-.055c-1.203-.02-2.254.02-2.332.074m50.312.152c-.156.172-.21.88-.172 1.965l.055 1.68h4.777l.055-1.793c.04-1.316-.02-1.852-.191-1.965-.133-.074-1.164-.152-2.27-.152-1.512 0-2.101.078-2.254.265m76.512-.152c-.074.078-.133.992-.133 2.024v1.867h4.793l-.055-1.965-.058-1.945-2.215-.055c-1.203-.02-2.254.02-2.332.074m-86.539 1.527c-.059.172-.117 1.145-.117 2.192v1.887h-.84c-.973 0-1.07.136-1.07 1.601 0 1.184.21 1.45 1.183 1.45h.727v2.042c0 1.145.058 2.899.132 3.907l.118 1.87h1.832l.058.895.055.918h5.54l.058-1.316c.039-.934-.02-1.375-.192-1.469-.133-.098-.781-.172-1.449-.172h-1.187l.039-3.3.058-3.278 1.336-.098 1.336-.093v-2.86l-1.336-.097-1.336-.094-.058-2.156-.055-2.133h-2.352c-1.984 0-2.386.054-2.48.304m-88.414 4.215c-.078.055-.137 4.04-.137 8.848 0 8.14.02 8.75.344 8.883.172.097 1.3.133 2.484.097l2.14-.058v-5.13h3.532c2.695 0 3.535-.058 3.555-.245.02-.117.035-.535.054-.899.02-.668.02-.668 1.032-.722l.996-.059v-8.906l-.594-.113a7.4 7.4 0 0 0-1.05-.114c-.419 0-.458-.078-.458-.86v-.858H55.38l-.059.707c-.054.726-.054.726-.953.78l-.918.06v-1.547h-1.97c-1.085 0-2.042.058-2.097.136m9.031 6.235v3.336l-2.023.058c-1.11.035-2.063.02-2.102-.02-.039-.038-.074-1.562-.074-3.394v-3.3h4.2Zm9.32-5.473c-.054.875-.074.914-.629.875a5.6 5.6 0 0 0-.992.059l-.441.078v8.941l1.012.059.996.054.054.918.059.895 4.91-.04 4.906-.054.059-.918.059-.894h2.082v-4.461c0-4.328-.02-4.485-.383-4.598-.211-.074-.668-.094-1.012-.055-.594.055-.613.036-.707-.8l-.098-.86-4.906-.058-4.91-.04Zm6.914 5.492v3.336h-4.007v-6.676h4.007Zm22.864-6.254c-.075.055-.133 2.934-.133 6.387v6.273l2.351-.058 2.329-.055.058-6.351.035-6.332h-2.25c-1.242 0-2.332.058-2.39.136m6.972 6.196.059 6.351h4.773l.059-4.824.04-4.809h4.007l.039 4.809.059 4.824h4.773l.059-5.379.039-5.379-.996-.054-1.012-.059-.055-.914-.058-.898-3.094.039-3.094.058-.059.703-.058.727h-1.89v-1.527h-3.63Zm17-4.864.055 1.489 3.785.058 3.781.035-.058.918-.059.895-3.148.097-3.153.094-.019.762v.766l-.973.054c-.824.04-.996.133-1.09.477-.152.555-.152 1.773 0 2.879l.133.879h1.832l.059.894.058.918 2.922.055 2.903.058v-1.562l.918.055c.898.058.898.058.953.761l.058.727h3.61V46.922l-.574-.133c-.305-.074-.649-.074-.743-.02-.441.29-.785-.132-.785-.953v-.84h-10.523Zm7.602 7.399v.86h-3.629v-1.716h3.629Zm18.621-8.637c-.055.133-.074 2.992-.055 6.352l.055 6.101h4.777V45.074l-2.351-.058c-1.778-.04-2.367.02-2.426.191m9.168 0a5.3 5.3 0 0 0-.133.914c-.058.668-.058.668-1.07.727l-.992.054.039 4.426.054 4.422.997.059.992.058.058.895.055.898 4.93.055 4.906.039v-1.906h2.101v-8.961h-.742c-1.207 0-1.36-.137-1.36-1.07v-.84h-4.866c-3.746 0-4.91.058-4.969.23m6.973 6.16v3.336h-4.012v-6.676h4.012Zm7.179-6.234c-.054.113-.035 8.406.059 11.894l.02.727h2.367c1.988 0 2.386-.059 2.484-.305.059-.172.113-2.347.113-4.863v-4.574l1.97.054 1.948.059.094 4.766.098 4.77h4.773V46.98l-.957-.094-.953-.098-.094-.855-.097-.86-3.094-.058-3.113-.04v1.528h-1.91v-1.527h-1.798c-.992 0-1.851.078-1.91.156m18.321.075a5 5 0 0 0-.137.914c-.055.668-.055.668-1.05.727l-1.013.054v1.891c0 1.027.059 2 .118 2.172.074.23.379.305 1.03.305h.934l.06.8.058.82 2.73.06 2.711.058v1.695h-3.57c-1.989 0-3.707.074-3.84.172-.172.094-.23.535-.191 1.469l.058 1.316h10.313l.058-.898.055-.895.996-.058.992-.059.059-1.617c.074-2.367.035-2.48-1.11-2.48h-.937l-.055-.821-.058-.8-2.77-.094-2.77-.098v-1.715l3.516-.059c1.95-.02 3.61-.113 3.723-.207.133-.117.191-.726.152-1.527l-.074-1.355h-4.95c-3.8 0-4.984.058-5.038.23m19.902 0c-.04.133-.04.8.035 1.488l.117 1.239 3.684.058 3.668.035v1.91h-6.3v1.715h-2.102v4.176l1.011.059.992.054.06.918.054.914 2.906-.058 2.902-.055.059-.726c.055-.707.074-.707.894-.707.825 0 .844 0 .899.707l.059.726 1.87.055 1.852.058V52.32c0-4.215-.055-5.433-.226-5.453-.137-.02-.594-.039-1.012-.058-.766-.02-.766-.02-.863-.875l-.094-.86-5.176-.058c-4.05-.04-5.215 0-5.289.191m7.504 8.637v.879l-1.758-.059-1.773-.055-.059-.535c-.113-1.011 0-1.086 1.871-1.086h1.719Zm7.449-2.477v6.387h4.719l.113-2.156a67 67 0 0 0 0-8.293l-.113-2.328h-4.719Zm-22.137 2.27c-.152.172-.21.894-.171 2.133l.058 1.89 2.063.055 2.062.058-.058-2.156-.055-2.152-1.836-.059c-1.414-.039-1.89.02-2.063.23m0 0"/></svg>';
+
+// src/compositions/AppHeader.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var brandWordmarkMaskUrl = `url('${logo_wordmark_default}')`;
+var brandWordmarkMask = {
+  WebkitMaskImage: brandWordmarkMaskUrl,
+  WebkitMaskPosition: "center",
+  WebkitMaskRepeat: "no-repeat",
+  WebkitMaskSize: "contain",
+  maskImage: brandWordmarkMaskUrl,
+  maskPosition: "center",
+  maskRepeat: "no-repeat",
+  maskSize: "contain"
 };
-function Button({
-  as,
+function scrollTopFor(target) {
+  return target === window ? window.scrollY : target.scrollTop;
+}
+function AppHeader({
   children,
-  theme,
-  intent,
-  size,
+  navLabel,
+  autoHide = false,
+  scrollTargetRef,
+  brandHref = "https://pollinations.ai",
+  brandLabel = "Pollinations",
   className,
-  disabled,
-  ...buttonProps
+  innerClassName,
+  navClassName
 }) {
-  const Component = as || "button";
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    Component,
+  const [hidden, setHidden] = (0, import_react.useState)(false);
+  (0, import_react.useEffect)(() => {
+    if (!autoHide || typeof window === "undefined") {
+      setHidden(false);
+      return;
+    }
+    const target = scrollTargetRef?.current ?? window;
+    let lastScrollTop = scrollTopFor(target);
+    let frameId = 0;
+    const handleScroll = () => {
+      if (frameId) return;
+      frameId = window.requestAnimationFrame(() => {
+        frameId = 0;
+        const nextScrollTop = scrollTopFor(target);
+        const delta = nextScrollTop - lastScrollTop;
+        if (nextScrollTop < 16) {
+          setHidden(false);
+        } else if (delta > 8) {
+          setHidden(true);
+        } else if (delta < -8) {
+          setHidden(false);
+        }
+        lastScrollTop = nextScrollTop;
+      });
+    };
+    target.addEventListener("scroll", handleScroll, { passive: true });
+    return () => {
+      if (frameId) window.cancelAnimationFrame(frameId);
+      target.removeEventListener("scroll", handleScroll);
+    };
+  }, [autoHide, scrollTargetRef]);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    "header",
     {
-      "data-theme": intent ? void 0 : theme,
-      "data-intent": intent,
-      className: buttonClasses({
-        theme,
-        intent,
-        size,
-        className,
-        disabled
-      }),
-      disabled,
-      ...buttonProps,
-      children
+      className: cn(
+        "polli:sticky polli:top-0 polli:z-30 polli:border-b polli:border-theme-border polli:bg-surface-white polli:py-4 polli:backdrop-blur",
+        "polli:transition-transform polli:duration-200 polli:ease-out",
+        autoHide && "polli:will-change-transform",
+        hidden ? "polli:-translate-y-full" : "polli:translate-y-0",
+        className
+      ),
+      onFocusCapture: () => setHidden(false),
+      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+        "div",
+        {
+          className: cn(
+            "polli:mx-auto polli:flex polli:w-full polli:max-w-5xl polli:flex-col polli:gap-4 polli:px-4 polli:sm:flex-row polli:sm:items-center polli:sm:justify-between polli:sm:px-6",
+            innerClassName
+          ),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+              "a",
+              {
+                href: brandHref,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                className: "polli:inline-flex polli:shrink-0 polli:items-center polli:text-theme-text-strong",
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "polli:sr-only", children: brandLabel }),
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                    "span",
+                    {
+                      "aria-hidden": "true",
+                      className: "polli:block polli:h-7 polli:w-[220px] polli:max-w-full polli:bg-current",
+                      style: brandWordmarkMask
+                    }
+                  )
+                ]
+              }
+            ),
+            children ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+              "nav",
+              {
+                "aria-label": navLabel,
+                className: cn(
+                  "polli:flex polli:min-w-0 polli:flex-wrap polli:gap-2",
+                  navClassName
+                ),
+                children
+              }
+            ) : null
+          ]
+        }
+      )
     }
   );
 }
 
-// src/primitives/ButtonGroup.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var ButtonGroup = ({
-  wrap = true,
-  className,
-  children,
-  role = "group",
-  ...rest
-}) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-  "div",
-  {
-    ...rest,
-    role,
-    className: cn2(
-      "polli:flex polli:min-w-0 polli:items-center polli:gap-1.5",
-      wrap ? "polli:flex-wrap" : "polli:flex-nowrap",
+// src/primitives/ScrollArea.tsx
+var import_react2 = require("react");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var axisClasses = {
+  y: "polli:overflow-y-auto polli:overflow-x-hidden",
+  x: "polli:overflow-x-auto polli:overflow-y-hidden"
+};
+function assignRef(ref, value) {
+  if (typeof ref === "function") ref(value);
+  else if (ref) ref.current = value;
+}
+var ScrollArea = (0, import_react2.forwardRef)(
+  ({ theme, axis = "y", className, children, ...rest }, externalRef) => {
+    const innerRef = (0, import_react2.useRef)(null);
+    const setRef = (0, import_react2.useCallback)(
+      (node) => {
+        innerRef.current = node;
+        assignRef(externalRef, node);
+      },
+      [externalRef]
+    );
+    (0, import_react2.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, 2e3);
+      };
+      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);
+      };
+    }, []);
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      "div",
+      {
+        ...rest,
+        ref: setRef,
+        "data-theme": theme,
+        className: cn(
+          "polli-scrollbar-subtle polli:min-w-0 polli:max-w-full",
+          axisClasses[axis],
+          className
+        ),
+        children
+      }
+    );
+  }
+);
+ScrollArea.displayName = "ScrollArea";
+
+// src/compositions/CodeBlock.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var CodeBlock = ({
+  code,
+  theme,
+  codeClassName,
+  className,
+  ...rest
+}) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  ScrollArea,
+  {
+    ...rest,
+    theme,
+    axis: "x",
+    className: cn(
+      "polli:rounded-lg polli:border polli:border-theme-border polli:bg-theme-bg-pale",
       className
     ),
-    children
+    children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      "pre",
+      {
+        className: cn(
+          "polli:p-4 polli:font-mono polli:text-xs polli:leading-6 polli:text-theme-text-strong",
+          codeClassName
+        ),
+        children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("code", { children: code })
+      }
+    )
   }
 );
 
 // src/primitives/ChevronIcon.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var ChevronIcon = ({ expanded, className }) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var ChevronIcon = ({ expanded, className }) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
   "svg",
   {
     "aria-hidden": "true",
     width: "12",
     height: "12",
     viewBox: "0 0 12 12",
-    className: cn2(
+    className: cn(
       "polli:shrink-0 polli:transition-transform polli:duration-200 polli:ease-out",
       expanded && "polli:rotate-180",
       className
     ),
-    children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       "path",
       {
         d: "M3 4.5 6 7.5l3-3",
@@ -406,48 +506,8 @@ var ChevronIcon = ({ expanded, className }) => /* @__PURE__ */ (0, import_jsx_ru
   }
 );
 
-// src/primitives/Chip.tsx
-var import_jsx_runtime5 = 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 intentClasses3 = {
-  news: "polli:bg-intent-news-bg-light polli:text-intent-news-text",
-  alpha: "polli:bg-intent-alpha-bg-light polli:text-intent-alpha-text",
-  neutral: "polli:border polli:border-gray-400/70 polli:bg-gray-100/80 polli:text-gray-900",
-  success: "polli:border polli:border-intent-success-border polli:bg-intent-success-bg-light polli:text-intent-success-text",
-  warning: "polli:border polli:border-intent-warning-border polli:bg-intent-warning-bg-light polli:text-intent-warning-text",
-  danger: "polli:border polli:border-intent-danger-border polli:bg-intent-danger-bg-light polli:text-intent-danger-text"
-};
-var Chip = ({
-  theme,
-  intent,
-  size = "md",
-  className,
-  children,
-  ...rest
-}) => {
-  const intentClass = intent ? intentClasses3[intent] : "polli:bg-theme-bg-active polli:text-theme-text-strong";
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-    "span",
-    {
-      ...rest,
-      "data-theme": theme,
-      className: cn2(
-        "polli:inline-flex polli:shrink-0 polli:items-center polli:gap-1 polli:rounded-lg polli:font-medium polli:leading-normal",
-        chipSizes[size],
-        intentClass,
-        className
-      ),
-      children
-    }
-  );
-};
-
-// src/primitives/Collapsible.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
+// src/compositions/Collapsible.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
 var Collapsible = ({
   label,
   expanded,
@@ -459,16 +519,16 @@ var Collapsible = ({
   focusClassName,
   panelClassName = "polli:border-t polli:border-theme-border polli:px-3 polli:pt-3 polli:pb-3",
   ariaLabel
-}) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
   "div",
   {
-    className: cn2(
+    className: cn(
       "polli:rounded-lg polli:border polli:transition-all",
       wrapperClassName,
       disabled && "polli:opacity-50"
     ),
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
         "button",
         {
           type: "button",
@@ -476,7 +536,7 @@ var Collapsible = ({
           "aria-label": ariaLabel,
           disabled,
           onClick: onToggle,
-          className: cn2(
+          className: cn(
             "polli-control 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,
@@ -484,8 +544,8 @@ var Collapsible = ({
             disabled ? "polli:cursor-not-allowed" : "polli:cursor-pointer"
           ),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "polli:flex-1 polli:min-w-0", children: label }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "polli:flex-1 polli:min-w-0", children: label }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
               ChevronIcon,
               {
                 expanded,
@@ -495,17 +555,17 @@ var Collapsible = ({
           ]
         }
       ),
-      expanded && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: panelClassName, children })
+      expanded && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: panelClassName, children })
     ]
   }
 );
 
-// src/primitives/CopyButton.tsx
-var import_react3 = require("react");
+// src/compositions/CopyButton.tsx
+var import_react4 = require("react");
 
 // src/primitives/Tooltip.tsx
-var import_react2 = require("react");
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_react3 = require("react");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 var TOOLTIP_MAX_WIDTH = 288;
 var TOOLTIP_VIEWPORT_MARGIN = 12;
 var Tooltip = ({
@@ -518,13 +578,13 @@ var Tooltip = ({
   triggerAs = "button",
   displayContents = false
 }) => {
-  const [showTooltip, setShowTooltip] = (0, import_react2.useState)(false);
-  const [tooltipPosition, setTooltipPosition] = (0, import_react2.useState)({
+  const [showTooltip, setShowTooltip] = (0, import_react3.useState)(false);
+  const [tooltipPosition, setTooltipPosition] = (0, import_react3.useState)({
     top: 0,
     left: 0,
     maxWidth: TOOLTIP_MAX_WIDTH
   });
-  const triggerRef = (0, import_react2.useRef)(null);
+  const triggerRef = (0, import_react3.useRef)(null);
   const updateTooltipPosition = () => {
     if (triggerRef.current) {
       const rect = triggerRef.current.getBoundingClientRect();
@@ -546,15 +606,15 @@ var Tooltip = ({
       });
     }
   };
-  const triggerClassName = cn2(
+  const triggerClassName = cn(
     "polli-control 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_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: cursorClass, children }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  const contentNode = /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: cursorClass, children }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       "span",
       {
         style: {
@@ -589,7 +649,7 @@ var Tooltip = ({
     style
   };
   if (triggerAs === "span") {
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       "span",
       {
         ref: (node) => {
@@ -600,7 +660,7 @@ var Tooltip = ({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
     "button",
     {
       ref: (node) => {
@@ -618,8 +678,8 @@ var Tooltip = ({
   );
 };
 
-// src/primitives/CopyButton.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
+// src/compositions/CopyButton.tsx
+var import_jsx_runtime9 = require("react/jsx-runtime");
 function CopyButton({
   value,
   children,
@@ -632,9 +692,9 @@ function CopyButton({
   onCopyError,
   ...buttonProps
 }) {
-  const [copied, setCopied] = (0, import_react3.useState)(false);
-  const timeoutRef = (0, import_react3.useRef)(null);
-  (0, import_react3.useEffect)(
+  const [copied, setCopied] = (0, import_react4.useState)(false);
+  const timeoutRef = (0, import_react4.useRef)(null);
+  (0, import_react4.useEffect)(
     () => () => {
       if (timeoutRef.current) clearTimeout(timeoutRef.current);
     },
@@ -656,20 +716,20 @@ function CopyButton({
       onCopyError?.(error);
     }
   }
-  const button = /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  const button = /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     "button",
     {
       ...buttonProps,
       type: "button",
       onClick: handleCopy,
-      className: cn2(
+      className: cn(
         "polli-control",
         typeof className === "function" ? className(copied) : className
       ),
       children: typeof children === "function" ? children(copied) : children
     }
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     Tooltip,
     {
       triggerAs: "span",
@@ -680,178 +740,65 @@ function CopyButton({
   );
 }
 
-// src/primitives/Dialog.tsx
-var import_dialog = require("@ark-ui/react/dialog");
-var import_portal = require("@ark-ui/react/portal");
-var import_react4 = require("react");
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var sizeClasses = {
-  sm: "polli:max-w-md",
-  md: "polli:max-w-xl",
-  lg: "polli:max-w-2xl"
+// src/primitives/Button.tsx
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var sizes = {
+  sm: "polli:px-2 polli:pt-0.5 polli:pb-1",
+  md: "polli:px-4 polli:pt-1.5 polli:pb-2",
+  lg: "polli:px-6 polli:py-3"
 };
-var Dialog = ({
-  open,
-  onOpenChange,
-  trigger,
-  triggerAsChild = false,
-  triggerClassName,
-  title,
-  titleClassName,
-  ariaLabel,
-  labelledBy,
-  theme = "blue",
-  size = "md",
-  showBackdrop = true,
-  backdropClassName,
-  positionerClassName,
-  contentClassName,
-  children
+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-intent-danger-bg-hover polli:transition-colors"
+};
+var buttonClasses = ({
+  theme: _theme,
+  intent,
+  size,
+  className,
+  disabled
 }) => {
-  const contentRef = (0, import_react4.useRef)(null);
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
-    import_dialog.Dialog.Root,
-    {
-      open,
-      initialFocusEl: () => contentRef.current,
-      onOpenChange: (details) => onOpenChange?.(details.open),
-      children: [
-        trigger && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-          import_dialog.Dialog.Trigger,
-          {
-            asChild: triggerAsChild,
-            className: triggerClassName,
-            children: trigger
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_portal.Portal, { children: [
-          showBackdrop && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-            import_dialog.Dialog.Backdrop,
-            {
-              className: cn2(
-                "polli:fixed polli:inset-0 polli:z-[100] polli:bg-gray-950/50",
-                backdropClassName
-              )
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-            import_dialog.Dialog.Positioner,
-            {
-              "data-theme": theme,
-              className: cn2(
-                "polli:fixed polli:inset-0 polli:z-[110] polli:flex polli:h-dvh polli:items-start polli:justify-center polli:overflow-hidden polli:p-4",
-                positionerClassName
-              ),
-              children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
-                import_dialog.Dialog.Content,
-                {
-                  ref: contentRef,
-                  "data-theme": theme,
-                  "aria-label": ariaLabel,
-                  "aria-labelledby": labelledBy,
-                  className: cn2(
-                    "polli:my-auto polli:w-full polli:overflow-hidden polli:rounded-lg polli:border-2 polli:border-theme-border polli:bg-white polli:shadow-lg polli:outline-none polli:focus:outline-none polli:focus-visible:outline-none",
-                    sizeClasses[size],
-                    contentClassName
-                  ),
-                  children: [
-                    title && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-                      DialogTitle,
-                      {
-                        className: cn2(
-                          "polli:px-6 polli:pt-6 polli:font-subheading polli:text-xl polli:text-theme-text-strong",
-                          titleClassName
-                        ),
-                        children: title
-                      }
-                    ),
-                    children
-                  ]
-                }
-              )
-            }
-          )
-        ] })
-      ]
-    }
+  const colorClasses = intent ? intentClasses2[intent] : themeClasses;
+  return cn(
+    "polli-control polli:inline-flex polli:items-center polli:justify-center polli:rounded-full polli:self-center 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 || "md"],
+    className
   );
 };
-var DialogTitle = import_dialog.Dialog.Title;
-
-// src/primitives/Dropdown.tsx
-var import_popover = require("@ark-ui/react/popover");
-var import_portal2 = require("@ark-ui/react/portal");
-var import_react5 = require("react");
-var import_jsx_runtime10 = require("react/jsx-runtime");
-var DEFAULT_PANEL = "polli:rounded-lg polli:border polli:border-theme-border polli:bg-theme-bg-pale polli:shadow-lg";
-var Dropdown = ({
+function Button({
+  as,
+  children,
   theme,
-  trigger,
-  children,
-  align = "start",
-  open: openProp,
-  onOpenChange,
-  className
-}) => {
-  const [internalOpen, setInternalOpen] = (0, import_react5.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_runtime10.jsxs)(
-    import_popover.Popover.Root,
-    {
-      open,
-      onOpenChange: (details) => setOpen(details.open),
-      positioning: {
-        placement: align === "end" ? "bottom-end" : "bottom-start"
-      },
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_popover.Popover.Trigger, { asChild: true, children: trigger(open) }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_portal2.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_popover.Popover.Positioner, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-          import_popover.Popover.Content,
-          {
-            "data-theme": theme,
-            className: cn2(
-              "polli:z-50 polli:overflow-hidden polli:focus:outline-none",
-              DEFAULT_PANEL,
-              className
-            ),
-            children: typeof children === "function" ? children(() => setOpen(false)) : children
-          }
-        ) }) })
-      ]
-    }
-  );
-};
-
-// src/primitives/DropdownItem.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
-function DropdownItem({
-  as,
+  intent,
+  size,
   className,
-  children,
-  ...rest
+  disabled,
+  ...buttonProps
 }) {
   const Component = as || "button";
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     Component,
     {
-      ...Component === "button" ? { type: "button" } : void 0,
-      ...rest,
-      className: cn2(
-        "polli-control polli:flex polli:w-full polli:cursor-pointer polli:items-center polli:gap-2 polli:rounded-lg polli:bg-transparent polli:px-3 polli:py-2 polli:text-left polli:text-sm polli:font-medium polli:text-theme-text-base polli:no-underline polli:transition-colors polli:hover:bg-theme-bg-hover polli:focus-visible:bg-theme-bg-hover",
-        className
-      ),
+      "data-theme": intent ? void 0 : theme,
+      "data-intent": intent,
+      className: buttonClasses({
+        theme,
+        intent,
+        size,
+        className,
+        disabled
+      }),
+      disabled,
+      ...buttonProps,
       children
     }
   );
 }
 
 // src/primitives/icons/index.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 var strokeProps = {
   fill: "none",
   stroke: "currentColor",
@@ -860,26 +807,26 @@ var strokeProps = {
   strokeLinejoin: "round"
 };
 function AppIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("rect", { x: "2", y: "4", width: "20", height: "14", rx: "2" }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "M2 20h20" })
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("rect", { x: "2", y: "4", width: "20", height: "14", rx: "2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", { d: "M2 20h20" })
   ] });
 }
 function BeakerIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "M9 3h6" }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.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_runtime12.jsx)("path", { d: "M7 14h10" })
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", { d: "M9 3h6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.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_runtime11.jsx)("path", { d: "M7 14h10" })
   ] });
 }
 function BookIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "M4 4h5a3 3 0 0 1 3 3v13a2 2 0 0 0-2-2H4z" }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "M20 4h-5a3 3 0 0 0-3 3v13a2 2 0 0 1 2-2h6z" })
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", { d: "M4 4h5a3 3 0 0 1 3 3v13a2 2 0 0 0-2-2H4z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.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_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     "svg",
     {
       "aria-hidden": "true",
@@ -887,24 +834,24 @@ function CheckIcon(props) {
       ...strokeProps,
       strokeWidth: 2.5,
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("polyline", { points: "20 6 9 17 4 12" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("polyline", { points: "20 6 9 17 4 12" })
     }
   );
 }
 function ClipboardIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2" }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.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_runtime12.jsxs)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("circle", { cx: "12", cy: "12", r: "9" }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "M12 7v5l3 2" })
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("circle", { cx: "12", cy: "12", r: "9" }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", { d: "M12 7v5l3 2" })
   ] });
 }
 function DiscordIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("svg", { viewBox: "0 0 24 24", "aria-hidden": "true", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("svg", { viewBox: "0 0 24 24", "aria-hidden": "true", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     "path",
     {
       fill: "currentColor",
@@ -913,23 +860,23 @@ function DiscordIcon(props) {
   ) });
 }
 function DownloadIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("polyline", { points: "7 10 12 15 17 10" }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("line", { x1: "12", y1: "15", x2: "12", y2: "3" })
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("polyline", { points: "7 10 12 15 17 10" }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("line", { x1: "12", y1: "15", x2: "12", y2: "3" })
   ] });
 }
 function ExternalLinkIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "M7 17 17 7M9 7h8v8" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", { d: "M7 17 17 7M9 7h8v8" }) });
 }
 function GenApiIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "m8 3 4 1.5L16 3v18l-4-1.5L8 21z" }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "M8 3v18M16 3v18" })
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", { d: "m8 3 4 1.5L16 3v18l-4-1.5L8 21z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", { d: "M8 3v18M16 3v18" })
   ] });
 }
 function GitHubIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("svg", { viewBox: "0 0 24 24", "aria-hidden": "true", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("svg", { viewBox: "0 0 24 24", "aria-hidden": "true", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     "path",
     {
       fill: "currentColor",
@@ -938,69 +885,79 @@ function GitHubIcon(props) {
   ) });
 }
 function ImageIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("circle", { cx: "9", cy: "9", r: "2" }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "m21 15-5-5L5 21" })
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("circle", { cx: "9", cy: "9", r: "2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", { d: "m21 15-5-5L5 21" })
+  ] });
+}
+function AudioIcon(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", { d: "M9 18V5l12-2v13" }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("circle", { cx: "6", cy: "18", r: "3" }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("circle", { cx: "18", cy: "16", r: "3" })
   ] });
 }
 function LockIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2", ry: "2" }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2", ry: "2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })
   ] });
 }
 function MailIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("rect", { x: "3", y: "5", width: "18", height: "14", rx: "2" }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "m3 7 9 7 9-7" })
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("rect", { x: "3", y: "5", width: "18", height: "14", rx: "2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", { d: "m3 7 9 7 9-7" })
   ] });
 }
 function McpIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("rect", { x: "2", y: "7", width: "8", height: "10", rx: "1.5" }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("rect", { x: "14", y: "7", width: "8", height: "10", rx: "1.5" }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "M10 12h4" })
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("rect", { x: "2", y: "7", width: "8", height: "10", rx: "1.5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("rect", { x: "14", y: "7", width: "8", height: "10", rx: "1.5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", { d: "M10 12h4" })
   ] });
 }
 function MenuIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "M4 7h16M4 12h16M4 17h16" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", { d: "M4 7h16M4 12h16M4 17h16" }) });
+}
+function PlusIcon(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", { d: "M12 5v14M5 12h14" }) });
 }
 function TerminalIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("polyline", { points: "4 8 8 12 4 16" }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("line", { x1: "12", y1: "20", x2: "20", y2: "20" })
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("polyline", { points: "4 8 8 12 4 16" }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("line", { x1: "12", y1: "20", x2: "20", y2: "20" })
   ] });
 }
 function TokensIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "M4 9h16M4 15h16M10 3 8 21M16 3l-2 18" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", { d: "M4 9h16M4 15h16M10 3 8 21M16 3l-2 18" }) });
 }
 function TrendUpIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("polyline", { points: "3 17 9 11 13 15 21 7" }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("polyline", { points: "15 7 21 7 21 13" })
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("polyline", { points: "3 17 9 11 13 15 21 7" }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("polyline", { points: "15 7 21 7 21 13" })
   ] });
 }
 function WalletIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.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_runtime12.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_runtime12.jsx)("circle", { cx: "17", cy: "14", r: "1.25", fill: "currentColor" })
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.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_runtime11.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_runtime11.jsx)("circle", { cx: "17", cy: "14", r: "1.25", fill: "currentColor" })
   ] });
 }
 function XIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "M18 6 6 18M6 6l12 12" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", { d: "M18 6 6 18M6 6l12 12" }) });
 }
 
-// src/primitives/ExternalLinkButton.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
+// src/compositions/ExternalLinkButton.tsx
+var import_jsx_runtime12 = require("react/jsx-runtime");
 var ExternalLinkButton = ({
   theme,
   href,
   size = "md",
   className,
   children
-}) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
   Button,
   {
     as: "a",
@@ -1009,10 +966,10 @@ var ExternalLinkButton = ({
     rel: "noopener noreferrer",
     theme,
     size,
-    className: cn2("polli:gap-2", className),
+    className: cn("polli:gap-2", className),
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children }),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { children }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
         ExternalLinkIcon,
         {
           className: "polli:h-4 polli:w-4 polli:shrink-0 polli:opacity-60",
@@ -1023,11 +980,8 @@ var ExternalLinkButton = ({
   }
 );
 
-// src/primitives/Field.tsx
-var import_field = require("@ark-ui/react/field");
-
-// src/primitives/FileUpload.tsx
-var import_react6 = require("react");
+// src/compositions/FileUpload.tsx
+var import_react5 = require("react");
 
 // src/lib/partition-files.ts
 function matchesAccept(file, accept) {
@@ -1065,8 +1019,8 @@ function partitionFiles(incoming, current, { maxFiles, maxSizeBytes, accept }) {
 }
 
 // src/primitives/IconButton.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
-var intentClasses4 = {
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var intentClasses3 = {
   danger: "polli:bg-intent-danger-bg-light polli:hover:bg-intent-danger-bg-hover 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";
@@ -1076,7 +1030,7 @@ var IconButton = ({
   onClick,
   children,
   className
-}) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
   "button",
   {
     type: "button",
@@ -1084,17 +1038,17 @@ var IconButton = ({
     title,
     "aria-label": title,
     "data-intent": intent,
-    className: cn2(
+    className: cn(
       "polli-control polli:inline-flex polli:h-6 polli:w-6 polli:cursor-pointer polli:items-center polli:justify-center polli:rounded polli:transition-colors",
-      intent ? intentClasses4[intent] : defaultClasses,
+      intent ? intentClasses3[intent] : defaultClasses,
       className
     ),
     children
   }
 );
 
-// src/primitives/FileUpload.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
+// src/compositions/FileUpload.tsx
+var import_jsx_runtime14 = require("react/jsx-runtime");
 var PREVIEWABLE_IMAGE_TYPES = /* @__PURE__ */ new Set([
   "image/gif",
   "image/jpeg",
@@ -1102,18 +1056,45 @@ var PREVIEWABLE_IMAGE_TYPES = /* @__PURE__ */ new Set([
   "image/webp"
 ]);
 var PREVIEW_SIZE = 64;
+var LARGE_PREVIEW_SIZE = 112;
+var previewSizeClasses = {
+  sm: "polli:h-16 polli:w-16",
+  lg: "polli:h-28 polli:w-28"
+};
 function isPreviewableImage(file) {
   return PREVIEWABLE_IMAGE_TYPES.has(file.type);
 }
-function PreviewPlaceholder() {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "polli:flex polli:h-16 polli:w-16 polli:items-center polli:justify-center polli:rounded-lg polli:bg-theme-bg-active polli:text-theme-text-soft", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ImageIcon, { className: "polli:h-5 polli:w-5" }) });
+function formatFileSize(bytes) {
+  if (bytes < 1024) return `${bytes} B`;
+  if (bytes < 1024 * 1024) return `${Math.round(bytes / 1024)} KB`;
+  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+}
+function PreviewPlaceholder({
+  icon,
+  size
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    "div",
+    {
+      className: cn(
+        "polli:flex polli:items-center polli:justify-center polli:rounded-lg polli:bg-theme-bg-active polli:text-theme-text-soft",
+        previewSizeClasses[size]
+      ),
+      children: icon
+    }
+  );
 }
-function FilePreview({ file }) {
-  const canvasRef = (0, import_react6.useRef)(null);
-  const [canPreview, setCanPreview] = (0, import_react6.useState)(
+function FilePreview({
+  file,
+  placeholderIcon,
+  size = "sm"
+}) {
+  const canvasRef = (0, import_react5.useRef)(null);
+  const [canPreview, setCanPreview] = (0, import_react5.useState)(
     () => isPreviewableImage(file)
   );
-  (0, import_react6.useEffect)(() => {
+  const previewSize = size === "lg" ? LARGE_PREVIEW_SIZE : PREVIEW_SIZE;
+  (0, import_react5.useEffect)(() => {
     if (!isPreviewableImage(file)) {
       setCanPreview(false);
       return;
@@ -1134,17 +1115,17 @@ function FilePreview({ file }) {
           setCanPreview(false);
           return;
         }
-        canvas.width = PREVIEW_SIZE;
-        canvas.height = PREVIEW_SIZE;
+        canvas.width = previewSize;
+        canvas.height = previewSize;
         const scale = Math.max(
-          PREVIEW_SIZE / bitmap.width,
-          PREVIEW_SIZE / bitmap.height
+          previewSize / bitmap.width,
+          previewSize / bitmap.height
         );
         const width = bitmap.width * scale;
         const height = bitmap.height * scale;
-        const x = (PREVIEW_SIZE - width) / 2;
-        const y = (PREVIEW_SIZE - height) / 2;
-        context.clearRect(0, 0, PREVIEW_SIZE, PREVIEW_SIZE);
+        const x = (previewSize - width) / 2;
+        const y = (previewSize - height) / 2;
+        context.clearRect(0, 0, previewSize, previewSize);
         context.drawImage(bitmap, x, y, width, height);
         bitmap.close();
       } catch {
@@ -1155,17 +1136,19 @@ function FilePreview({ file }) {
     return () => {
       cancelled = true;
     };
-  }, [file]);
-  if (!canPreview) return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(PreviewPlaceholder, {});
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  }, [file, previewSize]);
+  if (!canPreview) {
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(PreviewPlaceholder, { icon: placeholderIcon, size });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     "canvas",
     {
       ref: canvasRef,
       role: "img",
       "aria-label": file.name,
-      className: "polli:h-16 polli:w-16 polli:rounded-lg",
-      width: PREVIEW_SIZE,
-      height: PREVIEW_SIZE
+      className: cn("polli:rounded-lg", previewSizeClasses[size]),
+      width: previewSize,
+      height: previewSize
     }
   );
 }
@@ -1176,11 +1159,17 @@ function FileUpload({
   maxFiles = 4,
   maxSizeBytes = 10 * 1024 * 1024,
   accept = "image/*",
+  icon = /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ImageIcon, { className: "polli:h-6 polli:w-6" }),
+  label = /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+    "Drag images here or ",
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "polli:underline", children: "browse" })
+  ] }),
+  previewIcon = /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ImageIcon, { className: "polli:h-5 polli:w-5" }),
   disabled = false,
   theme,
   className
 }) {
-  (0, import_react6.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     const prevent = (event) => event.preventDefault();
     document.addEventListener("dragover", prevent);
     document.addEventListener("drop", prevent);
@@ -1199,156 +1188,165 @@ function FileUpload({
     if (accepted.length > 0) onChange([...value, ...accepted]);
     if (rejected.length > 0) onReject?.(rejected);
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+  const hasFiles = value.length > 0;
+  const canAdd = !disabled && value.length < maxFiles;
+  const isSingleFile = maxFiles === 1;
+  const previewSize = isSingleFile ? "lg" : "sm";
+  const inputId = (0, import_react5.useId)();
+  const addInputId = `${inputId}-add`;
+  function handleInputChange(event) {
+    addFiles(Array.from(event.target.files ?? []));
+    event.target.value = "";
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     "div",
     {
       "data-theme": theme,
-      className: cn2("polli:flex polli:flex-col polli:gap-3", className),
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
-          "label",
-          {
-            className: cn2(
-              "polli-control polli:flex polli:flex-col polli:items-center polli:justify-center polli:gap-2",
-              "polli:rounded-xl polli:border polli:border-dashed polli:border-theme-border",
-              "polli:bg-theme-bg-pale polli:px-4 polli:py-6 polli:text-center polli:text-sm",
-              "polli:text-theme-text-soft polli:transition-colors",
-              disabled ? "polli:cursor-not-allowed polli:opacity-50" : "polli:cursor-pointer polli:hover:bg-theme-bg-hover"
-            ),
-            onDragOver: (e) => e.preventDefault(),
-            onDrop: (e) => {
-              e.preventDefault();
-              if (disabled) return;
-              addFiles(Array.from(e.dataTransfer.files));
-            },
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ImageIcon, { className: "polli:h-6 polli:w-6" }),
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { children: [
-                "Drag images here or",
-                " ",
-                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "polli:underline", children: "browse" })
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-                "input",
-                {
-                  type: "file",
-                  accept,
-                  multiple: maxFiles > 1,
-                  disabled,
-                  className: "polli:sr-only",
-                  onChange: (e) => {
-                    addFiles(Array.from(e.target.files ?? []));
-                    e.target.value = "";
-                  }
-                }
-              )
-            ]
-          }
-        ),
-        value.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("ul", { className: "polli:m-0 polli:flex polli:flex-wrap polli:gap-3 polli:p-0", children: value.map((file, index) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
-          "li",
-          {
-            className: "polli:relative polli:flex polli:list-none polli:flex-col polli:gap-1",
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(FilePreview, { file }),
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "polli:max-w-16 polli:truncate polli:text-xs polli:text-theme-text-muted", children: file.name }),
-              !disabled && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "polli:absolute polli:-top-2 polli:-right-2", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-                IconButton,
-                {
-                  intent: "danger",
-                  title: `Remove ${file.name}`,
-                  onClick: () => onChange(
-                    value.filter(
-                      (_, i) => i !== index
-                    )
-                  ),
-                  children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(XIcon, { className: "polli:h-3 polli:w-3" })
-                }
-              ) })
-            ]
+      className: cn("polli:flex polli:flex-col polli:gap-2", className),
+      children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        "fieldset",
+        {
+          disabled,
+          className: cn(
+            "polli:m-0",
+            "polli:rounded-xl polli:border polli:border-dashed polli:border-theme-border polli:bg-theme-bg-pale",
+            "polli:px-4 polli:py-4 polli:text-center polli:text-sm",
+            "polli:text-theme-text-soft polli:transition-colors",
+            disabled ? "polli:opacity-50" : "polli:hover:bg-theme-bg-hover"
+          ),
+          onDragOver: (e) => e.preventDefault(),
+          onDrop: (e) => {
+            e.preventDefault();
+            if (disabled) return;
+            addFiles(Array.from(e.dataTransfer.files));
           },
-          `${file.name}-${index}`
-        )) })
-      ]
+          children: !hasFiles ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+            "label",
+            {
+              htmlFor: inputId,
+              className: cn(
+                "polli-control polli:flex polli:min-h-32 polli:flex-col polli:items-center polli:justify-center polli:gap-2 polli:rounded-lg",
+                canAdd ? "polli:cursor-pointer" : "polli:cursor-not-allowed"
+              ),
+              children: [
+                icon,
+                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: label }),
+                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                  "input",
+                  {
+                    id: inputId,
+                    type: "file",
+                    accept,
+                    multiple: maxFiles > 1,
+                    disabled: disabled || !canAdd,
+                    className: "polli:sr-only",
+                    onChange: handleInputChange
+                  }
+                )
+              ]
+            }
+          ) : /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "polli:flex polli:flex-col polli:gap-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+              "ul",
+              {
+                className: cn(
+                  "polli:m-0 polli:grid polli:grid-cols-[repeat(auto-fill,minmax(5rem,1fr))] polli:gap-3 polli:p-0",
+                  isSingleFile && "polli:flex polli:justify-center"
+                ),
+                children: [
+                  value.map((file, index) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+                    "li",
+                    {
+                      className: cn(
+                        "polli:relative polli:flex polli:min-w-0 polli:list-none polli:flex-col polli:items-center polli:gap-1",
+                        isSingleFile && "polli:max-w-full"
+                      ),
+                      children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                          FilePreview,
+                          {
+                            file,
+                            placeholderIcon: previewIcon,
+                            size: previewSize
+                          }
+                        ),
+                        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                          "span",
+                          {
+                            className: cn(
+                              "polli:max-w-full polli:truncate polli:text-xs polli:font-medium polli:text-theme-text-base",
+                              isSingleFile ? "polli:w-36" : "polli:w-16"
+                            ),
+                            children: file.name
+                          }
+                        ),
+                        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "polli:text-micro polli:text-theme-text-muted", children: formatFileSize(file.size) }),
+                        !disabled && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "polli:absolute polli:-top-2 polli:right-1", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                          IconButton,
+                          {
+                            intent: "danger",
+                            title: `Remove ${file.name}`,
+                            onClick: () => onChange(
+                              value.filter(
+                                (_, i) => i !== index
+                              )
+                            ),
+                            children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(XIcon, { className: "polli:h-3 polli:w-3" })
+                          }
+                        ) })
+                      ]
+                    },
+                    `${file.name}-${index}`
+                  )),
+                  !isSingleFile && canAdd && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("li", { className: "polli:flex polli:list-none", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+                    "label",
+                    {
+                      htmlFor: addInputId,
+                      className: "polli-control polli:flex polli:min-h-20 polli:w-full polli:cursor-pointer polli:flex-col polli:items-center polli:justify-center polli:gap-1 polli:rounded-lg polli:bg-theme-bg-active polli:px-3 polli:py-2 polli:text-theme-text-soft polli:transition-colors polli:hover:bg-theme-bg-hover polli:hover:text-theme-text-strong",
+                      children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(PlusIcon, { className: "polli:h-5 polli:w-5" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "polli:text-xs polli:font-medium", children: "Add" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                          "input",
+                          {
+                            id: addInputId,
+                            type: "file",
+                            accept,
+                            multiple: true,
+                            disabled: disabled || !canAdd,
+                            className: "polli:sr-only",
+                            onChange: handleInputChange
+                          }
+                        )
+                      ]
+                    }
+                  ) })
+                ]
+              }
+            ),
+            maxFiles > 1 && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: "polli:text-xs polli:text-theme-text-muted", children: [
+              value.length,
+              " / ",
+              maxFiles,
+              " files"
+            ] })
+          ] })
+        }
+      )
     }
   );
 }
 
-// src/primitives/InfoTip.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
+// src/compositions/InfoTip.tsx
+var import_jsx_runtime15 = 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/InlineLink.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
-function isExternalHref(href) {
-  return typeof href === "string" && /^https?:\/\//.test(href);
-}
-function InlineLink({
-  as,
-  theme,
-  external,
-  showIcon = true,
-  className,
-  children,
-  ...linkProps
-}) {
-  const Component = as || "a";
-  const isExternal = external ?? isExternalHref(linkProps.href);
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
-    Component,
-    {
-      "data-theme": theme,
-      target: isExternal ? "_blank" : void 0,
-      rel: isExternal ? "noopener noreferrer" : void 0,
-      className: cn2(
-        "polli-control polli:inline-flex polli:items-center polli:gap-1 polli:rounded-sm polli:font-semibold polli:text-theme-text-strong",
-        "polli:underline polli:decoration-theme-border polli:decoration-2 polli:underline-offset-3",
-        "polli:transition-colors polli:hover:text-theme-text-soft polli:hover:decoration-theme-text-soft",
-        className
-      ),
-      ...linkProps,
-      children: [
-        children,
-        showIcon && isExternal && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-          ExternalLinkIcon,
-          {
-            "aria-hidden": "true",
-            className: "polli:h-3.5 polli:w-3.5 polli:shrink-0 polli:opacity-65"
-          }
-        )
-      ]
-    }
-  );
-}
-
-// src/primitives/Input.tsx
-var import_react7 = require("react");
-var import_jsx_runtime18 = require("react/jsx-runtime");
-var Input = (0, import_react7.forwardRef)(
-  ({ className, error, hideNumberSteppers, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-    "input",
-    {
-      ref,
-      "data-error": error ? "true" : void 0,
-      className: cn2(
-        "polli-input polli:px-3 polli:py-2 polli:border polli:rounded-lg",
-        "polli:text-gray-950",
-        "polli:transition-colors",
-        "polli:disabled:opacity-50 polli:disabled:cursor-not-allowed",
-        hideNumberSteppers && "polli-input-number-clean",
-        className
-      ),
-      ...props
-    }
-  )
-);
+}) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Tooltip, { content: content ?? text, ariaLabel: label, className: "polli:ml-1", children: /* @__PURE__ */ (0, import_jsx_runtime15.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/Surface.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime16 = 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",
@@ -1360,19 +1358,19 @@ var Surface = ({
   className,
   children,
   ...rest
-}) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
   "div",
   {
     ...rest,
     "data-theme": theme,
-    className: cn2("polli:min-w-0", variantClasses[variant], className),
+    className: cn("polli:min-w-0", variantClasses[variant], className),
     children
   }
 );
 
-// src/primitives/LinkCard.tsx
-var import_jsx_runtime20 = require("react/jsx-runtime");
-function isExternalHref2(href) {
+// src/compositions/LinkCard.tsx
+var import_jsx_runtime17 = require("react/jsx-runtime");
+function isExternalHref(href) {
   return typeof href === "string" && /^https?:\/\//.test(href);
 }
 function LinkCard({
@@ -1386,32 +1384,32 @@ function LinkCard({
   ...linkProps
 }) {
   const Component = as || "a";
-  const isExternal = external ?? isExternalHref2(linkProps.href);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  const isExternal = external ?? isExternalHref(linkProps.href);
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     Component,
     {
       "data-theme": theme,
       target: isExternal ? "_blank" : void 0,
       rel: isExternal ? "noopener noreferrer" : void 0,
-      className: cn2(
+      className: cn(
         "polli:group polli:block polli:h-full polli:rounded-xl polli:outline-none",
         className
       ),
       ...linkProps,
-      children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
         Surface,
         {
           theme,
           variant: "card",
-          className: cn2(
-            "polli:relative polli:flex polli:h-full polli:flex-col polli:gap-2 polli:bg-white/80 polli:p-5",
+          className: cn(
+            "polli:relative polli:flex polli:h-full polli:flex-col polli:gap-2 polli:bg-surface-opaque/80 polli:p-5",
             showIcon && isExternal && "polli:pr-10",
-            "polli:transition polli:group-hover:-translate-y-0.5 polli:group-hover:bg-white/95",
+            "polli:transition polli:group-hover:-translate-y-0.5 polli:group-hover:bg-surface-opaque/95",
             "polli:group-focus-visible:ring-2 polli:group-focus-visible:ring-theme-border",
             surfaceClassName
           ),
           children: [
-            showIcon && isExternal && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+            showIcon && isExternal && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
               ExternalLinkIcon,
               {
                 "aria-hidden": "true",
@@ -1426,41 +1424,41 @@ function LinkCard({
   );
 }
 
-// src/primitives/Markdown.tsx
+// src/compositions/Markdown.tsx
 var import_react_markdown = __toESM(require("react-markdown"), 1);
 var import_remark_gfm = __toESM(require("remark-gfm"), 1);
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var components = {
-  ul: ({ node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  ul: ({ node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     "ul",
     {
       className: "polli:flex polli:min-w-0 polli:list-disc polli:flex-col polli:gap-1 polli:pl-5 polli:marker:text-theme-text-muted",
       ...props
     }
   ),
-  ol: ({ node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  ol: ({ node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     "ol",
     {
       className: "polli:flex polli:min-w-0 polli:list-decimal polli:flex-col polli:gap-1 polli:pl-5 polli:marker:text-theme-text-muted",
       ...props
     }
   ),
-  p: ({ node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "polli:mb-2 polli:last:mb-0", ...props }),
-  strong: ({ node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  p: ({ node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "polli:mb-2 polli:last:mb-0", ...props }),
+  strong: ({ node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     "strong",
     {
       className: "polli:font-semibold polli:text-theme-text-strong",
       ...props
     }
   ),
-  code: ({ node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  code: ({ node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     "code",
     {
       className: "polli:break-words polli:rounded polli:bg-theme-bg-subtle polli:px-1 polli:py-0.5 polli:font-mono polli:text-xs",
       ...props
     }
   ),
-  a: ({ node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  a: ({ node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     "a",
     {
       target: "_blank",
@@ -1471,110 +1469,101 @@ var components = {
   )
 };
 function Markdown({ children, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     "div",
     {
-      className: cn2(
+      className: cn(
         "polli:min-w-0 polli:font-body polli:leading-relaxed",
         className
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_markdown.default, { remarkPlugins: [import_remark_gfm.default], components, children })
+      children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_markdown.default, { remarkPlugins: [import_remark_gfm.default], components, children })
     }
   );
 }
 
-// src/primitives/ScrollArea.tsx
-var import_react8 = require("react");
-var import_jsx_runtime22 = require("react/jsx-runtime");
-var axisClasses = {
-  y: "polli:overflow-y-auto polli:overflow-x-hidden",
-  x: "polli:overflow-x-auto polli:overflow-y-hidden"
-};
-function assignRef(ref, value) {
-  if (typeof ref === "function") ref(value);
-  else if (ref) ref.current = value;
-}
-var ScrollArea = (0, import_react8.forwardRef)(
-  ({ theme, axis = "y", className, children, ...rest }, externalRef) => {
-    const innerRef = (0, import_react8.useRef)(null);
-    const setRef = (0, import_react8.useCallback)(
-      (node) => {
-        innerRef.current = node;
-        assignRef(externalRef, node);
-      },
-      [externalRef]
-    );
-    (0, import_react8.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, 2e3);
-      };
-      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);
-      };
-    }, []);
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-      "div",
-      {
-        ...rest,
-        ref: setRef,
-        "data-theme": theme,
-        className: cn2(
-          "polli-scrollbar-subtle polli:min-w-0 polli:max-w-full",
-          axisClasses[axis],
-          className
-        ),
-        children
-      }
-    );
+// src/compositions/MediaPlaceholder.tsx
+var import_jsx_runtime19 = require("react/jsx-runtime");
+var MediaPlaceholder = ({
+  theme,
+  icon,
+  label,
+  detail,
+  action,
+  children,
+  className,
+  ...rest
+}) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+  "div",
+  {
+    ...rest,
+    "data-theme": theme,
+    className: cn(
+      "polli:flex polli:aspect-video polli:min-h-40 polli:flex-col polli:items-center polli:justify-center polli:gap-3 polli:rounded-lg polli:border polli:border-dashed polli:border-theme-border polli:bg-theme-bg-pale polli:p-6 polli:text-center",
+      className
+    ),
+    children: [
+      icon && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "polli:flex polli:h-10 polli:w-10 polli:items-center polli:justify-center polli:rounded-full polli:bg-theme-bg-active polli:text-theme-text-base", children: icon }),
+      (label || detail) && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "polli:max-w-sm", children: [
+        label && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Text, { as: "p", size: "sm", tone: "strong", weight: "semibold", children: label }),
+        detail && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Text, { as: "p", size: "sm", tone: "soft", className: "polli:mt-1", children: detail })
+      ] }),
+      children,
+      action
+    ]
   }
 );
-ScrollArea.displayName = "ScrollArea";
 
-// src/primitives/MultiSelect.tsx
-var import_jsx_runtime23 = require("react/jsx-runtime");
+// src/primitives/Dropdown.tsx
+var import_popover = require("@ark-ui/react/popover");
+var import_portal = require("@ark-ui/react/portal");
+var import_react6 = require("react");
+var import_jsx_runtime20 = require("react/jsx-runtime");
+var DEFAULT_PANEL = "polli:rounded-lg polli:border polli:border-theme-border polli:bg-theme-bg-pale polli:shadow-lg";
+var Dropdown = ({
+  theme,
+  trigger,
+  children,
+  align = "start",
+  open: openProp,
+  onOpenChange,
+  className
+}) => {
+  const [internalOpen, setInternalOpen] = (0, import_react6.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_runtime20.jsxs)(
+    import_popover.Popover.Root,
+    {
+      open,
+      onOpenChange: (details) => setOpen(details.open),
+      positioning: {
+        placement: align === "end" ? "bottom-end" : "bottom-start"
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_popover.Popover.Trigger, { asChild: true, children: trigger(open) }),
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_portal.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_popover.Popover.Positioner, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+          import_popover.Popover.Content,
+          {
+            "data-theme": theme,
+            className: cn(
+              "polli:z-50 polli:overflow-hidden polli:focus:outline-none",
+              DEFAULT_PANEL,
+              className
+            ),
+            children: typeof children === "function" ? children(() => setOpen(false)) : children
+          }
+        ) }) })
+      ]
+    }
+  );
+};
+
+// src/compositions/MultiSelect.tsx
+var import_jsx_runtime21 = require("react/jsx-runtime");
 var TRIGGER_BASE = "polli-control 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-control 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";
@@ -1599,27 +1588,27 @@ var MultiSelect = ({
   };
   const selectAll = () => onChange([]);
   const displayText = disabled ? disabledText : isAllSelected ? "All" : `${selected.length} selected`;
-  const labelNode = label ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "polli:text-xs polli:font-medium polli:text-theme-text-soft", children: label }) : null;
+  const labelNode = label ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "polli:text-xs polli:font-medium polli:text-theme-text-soft", children: label }) : null;
   if (disabled) {
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
       "div",
       {
         "data-theme": theme,
         className: "polli:group polli:relative polli:flex polli:items-center polli:gap-2",
         children: [
           labelNode,
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
             "button",
             {
               type: "button",
               disabled: true,
-              className: cn2(
+              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_runtime23.jsx)("span", { className: "polli:flex-1 polli:truncate polli:text-left polli:text-theme-text-soft/60", children: displayText }),
-                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "polli:flex-1 polli:truncate polli:text-left polli:text-theme-text-soft/60", children: displayText }),
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
                   ChevronIcon,
                   {
                     expanded: false,
@@ -1629,48 +1618,48 @@ var MultiSelect = ({
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime23.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" })
+          /* @__PURE__ */ (0, import_jsx_runtime21.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_runtime23.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
     "div",
     {
       "data-theme": theme,
       className: "polli:flex polli:items-center polli:gap-2",
       children: [
         labelNode,
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
           Dropdown,
           {
             theme,
             align,
             className: "polli:min-w-[320px]",
-            trigger: (open) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+            trigger: (open) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
               "button",
               {
                 type: "button",
-                className: cn2(
+                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_runtime23.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
                     "span",
                     {
-                      className: cn2(
+                      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_runtime23.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
                     ChevronIcon,
                     {
                       expanded: open,
-                      className: cn2(
+                      className: cn(
                         "polli:h-3 polli:w-3 polli:transition-transform",
                         open ? "polli:text-theme-text-strong" : "polli:text-theme-text-soft"
                       )
@@ -1679,21 +1668,21 @@ var MultiSelect = ({
                 ]
               }
             ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(ScrollArea, { theme, className: "polli:max-h-64", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(ScrollArea, { theme, className: "polli:max-h-64", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
                 "button",
                 {
                   type: "button",
                   onClick: selectAll,
-                  className: cn2(
+                  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_runtime23.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
                       "span",
                       {
-                        className: cn2(
+                        className: cn(
                           CHECK_BASE,
                           isAllSelected && "polli:bg-theme-bg-active polli:text-theme-text-strong"
                         ),
@@ -1706,27 +1695,27 @@ var MultiSelect = ({
               ),
               options.map((opt) => {
                 const isChecked = selected.includes(opt.value);
-                return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+                return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
                   "button",
                   {
                     type: "button",
                     onClick: () => toggleItem(opt.value),
-                    className: cn2(
+                    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_runtime23.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
                         "span",
                         {
-                          className: cn2(
+                          className: cn(
                             CHECK_BASE,
                             isChecked && "polli:bg-theme-bg-active polli:text-theme-text-strong"
                           ),
                           children: isChecked && "\u2713"
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "polli:whitespace-nowrap", children: opt.label })
+                      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "polli:whitespace-nowrap", children: opt.label })
                     ]
                   },
                   opt.value
@@ -1740,12 +1729,12 @@ var MultiSelect = ({
   );
 };
 
-// src/primitives/NavItem.tsx
-var import_jsx_runtime24 = require("react/jsx-runtime");
+// src/compositions/NavItem.tsx
+var import_jsx_runtime22 = require("react/jsx-runtime");
 var base = "polli-control polli:flex polli:items-center polli:gap-2 polli:rounded-full polli:px-3 polli:py-2 polli:text-left polli:text-sm polli:font-medium polli:whitespace-nowrap polli:transition-colors";
 var activeClasses = "polli:bg-theme-bg-active polli:text-theme-text-strong";
-var inactiveClasses = "polli:text-gray-800 polli:hover:bg-white/60 polli:hover:text-gray-950";
-var dotClasses = "polli:h-2.5 polli:w-2.5 polli:shrink-0 polli:rounded-full polli:bg-theme-bg-hover polli:shadow-[inset_0_0_0_1px_rgba(0,0,0,0.08)]";
+var inactiveClasses = "polli:text-ink-800 polli:hover:bg-surface-opaque/60 polli:hover:text-ink-950";
+var dotClasses = "polli:h-2.5 polli:w-2.5 polli:shrink-0 polli:rounded-full polli:bg-theme-bg-hover polli:ring-1 polli:ring-inset polli:ring-ink-950/10";
 function NavItem({
   as,
   theme,
@@ -1755,31 +1744,136 @@ function NavItem({
   ...rest
 }) {
   const Component = as || "button";
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
     Component,
     {
       "data-theme": theme,
       "aria-current": active ? "page" : void 0,
-      className: cn2(
+      className: cn(
         base,
         active ? activeClasses : inactiveClasses,
         className
       ),
       ...rest,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { "aria-hidden": "true", className: dotClasses }),
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { "aria-hidden": "true", className: dotClasses }),
         children
       ]
     }
   );
 }
 
-// src/primitives/PeriodPicker.tsx
-var import_react9 = require("react");
+// src/compositions/PeriodPicker.tsx
+var import_react7 = 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 formatUtcHourPeriod(date) {
+  return date.toISOString().slice(0, 13).replace("T", " ");
+}
+function formatUtcMonthPeriod(date) {
+  return date.toISOString().slice(0, 7);
+}
+function periodFromDate(granularity, date = /* @__PURE__ */ new Date()) {
+  if (granularity === "day") {
+    return {
+      granularity,
+      period: formatUtcDatePeriod(startOfUtcDay(date))
+    };
+  }
+  if (granularity === "week") {
+    return { granularity, period: getUtcIsoWeekPeriod(date) };
+  }
+  return { granularity, period: formatUtcMonthPeriod(startOfUtcMonth(date)) };
+}
+function currentPeriod() {
+  return periodFromDate("day");
+}
+function periodToWindow(selection) {
+  if (selection.granularity === "day") {
+    const start2 = /* @__PURE__ */ new Date(`${selection.period}T00:00:00.000Z`);
+    return { start: start2, end: addUtcDays(start2, 1) };
+  }
+  if (selection.granularity === "week") {
+    const [yearText2, weekText] = selection.period.split("-W");
+    const isoYear = Number(yearText2);
+    const isoWeek = Number(weekText);
+    const jan4 = new Date(Date.UTC(isoYear, 0, 4));
+    const start2 = addUtcDays(startOfUtcIsoWeek(jan4), (isoWeek - 1) * 7);
+    return { start: start2, end: addUtcDays(start2, 7) };
+  }
+  const [yearText, monthText] = selection.period.split("-");
+  const start = new Date(
+    Date.UTC(Number(yearText), Number(monthText) - 1, 1)
+  );
+  return { start, end: addUtcMonths(start, 1) };
+}
+function getPeriodBucketKeys(selection) {
+  const { start, end } = periodToWindow(selection);
+  const bucketKeys = [];
+  const cursor = new Date(start);
+  if (selection.granularity === "day") {
+    while (cursor < end) {
+      bucketKeys.push(`${formatUtcHourPeriod(cursor)}:00:00`);
+      cursor.setUTCHours(cursor.getUTCHours() + 1);
+    }
+    return bucketKeys;
+  }
+  while (cursor < end) {
+    bucketKeys.push(formatUtcDatePeriod(cursor));
+    cursor.setUTCDate(cursor.getUTCDate() + 1);
+  }
+  return bucketKeys;
+}
+function periodBucketKeyToDate(bucketKey, granularity) {
+  if (granularity === "day") {
+    return /* @__PURE__ */ new Date(`${bucketKey.replace(" ", "T")}.000Z`);
+  }
+  return /* @__PURE__ */ new Date(`${bucketKey}T00:00:00.000Z`);
+}
+function isPeriodSelectable(selection, minDate = /* @__PURE__ */ new Date(0), maxDate = startOfUtcDay()) {
+  const { start, end } = periodToWindow(selection);
+  return end > minDate && start <= maxDate;
+}
 
 // src/primitives/TabButton.tsx
-var import_jsx_runtime25 = require("react/jsx-runtime");
-var sizeClasses2 = {
+var import_jsx_runtime23 = require("react/jsx-runtime");
+var sizeClasses = {
   md: "polli:px-4 polli:py-1.5 polli:text-base",
   sm: "polli:px-3 polli:py-1.5 polli:text-sm"
 };
@@ -1807,7 +1901,7 @@ var TabButton = ({
   className
 }) => {
   const classes = variantClasses2[variant];
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     "button",
     {
       type: "button",
@@ -1816,12 +1910,12 @@ var TabButton = ({
       "aria-label": ariaLabel,
       "aria-pressed": active,
       disabled,
-      className: cn2(
+      className: cn(
         "polli-control polli:inline-flex polli:items-center polli:justify-center polli:rounded-full polli:font-medium polli:leading-normal polli:transition-all polli:duration-200",
         classes.base,
         active ? classes.active : classes.inactive,
         disabled && "polli:cursor-not-allowed polli:opacity-50",
-        sizeClasses2[size],
+        sizeClasses[size],
         className
       ),
       children
@@ -1829,8 +1923,8 @@ var TabButton = ({
   );
 };
 
-// src/primitives/PeriodPicker.tsx
-var import_jsx_runtime26 = require("react/jsx-runtime");
+// src/compositions/PeriodPicker.tsx
+var import_jsx_runtime24 = require("react/jsx-runtime");
 var WEEKDAY_LABELS = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"];
 var MONTH_LABELS = [
   "Jan",
@@ -1866,6 +1960,42 @@ function sameUtcDay(left, right) {
 function periodDate(value) {
   return periodToWindow(value).start;
 }
+function selectionKey(value) {
+  return `${value.granularity}:${value.period}`;
+}
+function formatMonthYear(date, month = "short") {
+  return date.toLocaleDateString("en-US", {
+    timeZone: "UTC",
+    month,
+    year: "numeric"
+  });
+}
+function formatFullDate(date) {
+  return date.toLocaleDateString("en-US", {
+    timeZone: "UTC",
+    month: "short",
+    day: "numeric",
+    year: "numeric"
+  });
+}
+function formatWeekSummary(start, end) {
+  const weekEnd = addUtcDays(end, -1);
+  const sameMonth = start.getUTCFullYear() === weekEnd.getUTCFullYear() && start.getUTCMonth() === weekEnd.getUTCMonth();
+  if (sameMonth) {
+    const month = start.toLocaleDateString("en-US", {
+      timeZone: "UTC",
+      month: "short"
+    });
+    return `${month} ${start.getUTCDate()}-${weekEnd.getUTCDate()}, ${weekEnd.getUTCFullYear()}`;
+  }
+  return `${formatFullDate(start)} - ${formatFullDate(weekEnd)}`;
+}
+function formatPeriodSummary(value) {
+  const { start, end } = periodToWindow(value);
+  if (value.granularity === "day") return formatFullDate(start);
+  if (value.granularity === "week") return formatWeekSummary(start, end);
+  return formatMonthYear(start, "long");
+}
 function viewBounds(viewDate, granularity) {
   if (granularity === "month") {
     const start2 = new Date(Date.UTC(viewDate.getUTCFullYear(), 0, 1));
@@ -1883,13 +2013,22 @@ var PeriodPicker = ({
   minDate = /* @__PURE__ */ new Date(0),
   maxDate
 }) => {
-  const [open, setOpen] = (0, import_react9.useState)(false);
-  const [viewDate, setViewDate] = (0, import_react9.useState)(() => periodDate(value));
+  const [open, setOpen] = (0, import_react7.useState)(false);
+  const [viewDate, setViewDate] = (0, import_react7.useState)(() => periodDate(value));
+  const [anchorDate, setAnchorDate] = (0, import_react7.useState)(() => periodDate(value));
+  const emittedSelectionRef = (0, import_react7.useRef)(null);
   const { granularity, period } = value;
-  (0, import_react9.useEffect)(() => {
-    setViewDate(periodDate({ granularity, period }));
+  (0, import_react7.useEffect)(() => {
+    const currentSelectionKey = selectionKey({ granularity, period });
+    if (emittedSelectionRef.current === currentSelectionKey) {
+      emittedSelectionRef.current = null;
+      return;
+    }
+    const nextAnchorDate = periodDate({ granularity, period });
+    setAnchorDate(nextAnchorDate);
+    setViewDate(nextAnchorDate);
   }, [granularity, period]);
-  const dates = (0, import_react9.useMemo)(() => monthGridDates(viewDate), [viewDate]);
+  const dates = (0, import_react7.useMemo)(() => monthGridDates(viewDate), [viewDate]);
   const selectedWindow = periodToWindow(value);
   const today = startOfUtcDay(maxDate);
   const previousViewDate = value.granularity === "month" ? addUtcMonths2(viewDate, -12) : addUtcMonths2(viewDate, -1);
@@ -1898,26 +2037,29 @@ var PeriodPicker = ({
   const nextBounds = viewBounds(nextViewDate, value.granularity);
   const previousDisabled = previousBounds.end <= minDate;
   const nextDisabled = nextBounds.start > today;
+  const summaryLabel = formatPeriodSummary(value);
+  const commitSelection = (selection, anchor) => {
+    emittedSelectionRef.current = selectionKey(selection);
+    setAnchorDate(anchor);
+    setViewDate(anchor);
+    onChange(selection);
+  };
   const setGranularity = (granularity2) => {
-    onChange(periodFromDate(granularity2, periodDate(value)));
+    commitSelection(periodFromDate(granularity2, anchorDate), anchorDate);
   };
   const selectDate = (date) => {
-    onChange(periodFromDate(value.granularity, date));
+    commitSelection(periodFromDate(value.granularity, date), 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_runtime26.jsxs)(
+  const viewLabel = value.granularity === "month" ? String(viewDate.getUTCFullYear()) : formatMonthYear(viewDate, "long");
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
     "div",
     {
       "data-theme": theme,
       className: "polli:flex polli:flex-wrap polli:items-center polli:gap-2",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "polli:flex polli:flex-wrap polli:gap-1.5", children: ["day", "week", "month"].map(
-          (granularity2) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "polli:flex polli:flex-wrap polli:gap-1.5", children: ["day", "week", "month"].map(
+          (granularity2) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
             TabButton,
             {
               active: value.granularity === granularity2,
@@ -1927,55 +2069,55 @@ var PeriodPicker = ({
             granularity2
           )
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
           Dropdown,
           {
             theme,
             open,
             onOpenChange: setOpen,
-            className: "polli:w-[304px] polli:rounded-xl polli:p-3",
-            trigger: (isOpen) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+            className: "polli:w-[320px] polli:rounded-xl polli:p-3.5",
+            trigger: (isOpen) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
               "button",
               {
                 type: "button",
-                "aria-label": `Select period, current ${formatPeriodLabel(value)}`,
-                className: cn2(
-                  "polli-control 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",
+                "aria-label": `Select period, current ${summaryLabel}`,
+                className: cn(
+                  "polli-control polli:inline-flex polli:w-[19rem] polli:max-w-full polli:items-center polli:justify-between polli:gap-2 polli:rounded-full polli:border polli:px-5 polli:pt-2 polli:pb-2.5 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_runtime26.jsx)("span", { children: formatPeriodLabel(value) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ChevronIcon, { expanded: isOpen })
+                  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "polli:truncate", children: summaryLabel }),
+                  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ChevronIcon, { expanded: isOpen })
                 ]
               }
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "polli:mb-3 polli:flex polli:items-center polli:justify-between", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "polli:mb-3 polli:flex polli:items-center polli:justify-between", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
                   "button",
                   {
                     type: "button",
-                    "aria-label": value.granularity === "month" ? "Previous year" : "Previous month",
+                    "aria-label": "Previous",
                     disabled: previousDisabled,
                     onClick: () => setViewDate(previousViewDate),
-                    className: cn2(
+                    className: cn(
                       NAV_BUTTON,
                       previousDisabled && "polli:cursor-not-allowed polli:opacity-30 polli:hover:bg-transparent"
                     ),
                     children: "<"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "polli:text-sm polli:font-bold polli:text-theme-text-base", children: viewLabel }),
-                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "polli:text-base polli:font-bold polli:text-theme-text-base", children: viewLabel }),
+                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
                   "button",
                   {
                     type: "button",
-                    "aria-label": value.granularity === "month" ? "Next year" : "Next month",
+                    "aria-label": "Next",
                     disabled: nextDisabled,
                     onClick: () => setViewDate(nextViewDate),
-                    className: cn2(
+                    className: cn(
                       NAV_BUTTON,
                       nextDisabled && "polli:cursor-not-allowed polli:opacity-30 polli:hover:bg-transparent"
                     ),
@@ -1983,7 +2125,7 @@ var PeriodPicker = ({
                   }
                 )
               ] }),
-              value.granularity === "month" ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "polli:grid polli:grid-cols-3 polli:gap-1.5", children: MONTH_LABELS.map((label, monthIndex) => {
+              value.granularity === "month" ? /* @__PURE__ */ (0, import_jsx_runtime24.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(),
@@ -2002,32 +2144,32 @@ var PeriodPicker = ({
                   year: "numeric"
                 });
                 const selected = date.getUTCFullYear() === selectedWindow.start.getUTCFullYear() && date.getUTCMonth() === selectedWindow.start.getUTCMonth();
-                return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+                return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
                   "button",
                   {
                     type: "button",
                     "aria-label": ariaLabel,
                     disabled: !selectable,
                     onClick: () => selectDate(date),
-                    className: cn2(
-                      "polli-control 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"
+                    className: cn(
+                      "polli-control polli:rounded-lg polli:px-3 polli:py-2 polli:text-sm polli:font-medium polli:transition-colors polli:duration-150",
+                      selected ? "polli:bg-theme-bg-active polli:text-theme-text-strong" : "polli:text-ink-700 polli:hover:bg-theme-bg-subtle",
+                      !selectable && "polli:cursor-not-allowed polli:text-ink-300 polli:hover:bg-transparent"
                     ),
                     children: label
                   },
                   label
                 );
-              }) }) : /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_jsx_runtime26.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime26.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_runtime26.jsx)("div", { children: label }, label)) }),
-                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "polli:grid polli:grid-cols-7 polli:gap-1", children: dates.map((date) => {
+              }) }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "polli:mb-1 polli:grid polli:grid-cols-7 polli:gap-1 polli:text-center polli:text-xs polli:font-bold polli:uppercase polli:text-ink-400", children: WEEKDAY_LABELS.map((label) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { children: label }, label)) }),
+                /* @__PURE__ */ (0, import_jsx_runtime24.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(
+                  const ariaLabel = value.granularity === "week" ? `Select ${formatPeriodSummary(periodFromDate("week", date))}` : `Select ${date.toLocaleDateString(
                     "en-US",
                     {
                       timeZone: "UTC",
@@ -2038,19 +2180,19 @@ var PeriodPicker = ({
                     }
                   )}`;
                   const selected = value.granularity === "day" ? sameUtcDay(date, selectedWindow.start) : date >= selectedWindow.start && date < selectedWindow.end;
-                  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
                     "button",
                     {
                       type: "button",
                       "aria-label": ariaLabel,
                       disabled: !selectable,
                       onClick: () => selectDate(date),
-                      className: cn2(
-                        "polli-control polli:aspect-square polli:rounded-lg polli:text-xs polli:font-medium polli:transition-colors polli:duration-150",
-                        !inCurrentMonth && "polli:text-gray-300",
+                      className: cn(
+                        "polli-control polli:aspect-square polli:rounded-lg polli:text-sm polli:font-medium polli:transition-colors polli:duration-150",
+                        !inCurrentMonth && "polli:text-ink-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"
+                        selected ? "polli:bg-theme-bg-active polli:text-theme-text-strong" : "polli:text-ink-700 polli:hover:bg-theme-bg-subtle",
+                        !selectable && "polli:cursor-not-allowed polli:text-ink-300 polli:hover:bg-transparent"
                       ),
                       children: date.getUTCDate()
                     },
@@ -2066,189 +2208,517 @@ var PeriodPicker = ({
   );
 };
 
-// src/primitives/Prose.tsx
-var import_react_markdown2 = __toESM(require("react-markdown"), 1);
-var import_rehype_slug = __toESM(require("rehype-slug"), 1);
-var import_remark_gfm2 = __toESM(require("remark-gfm"), 1);
-var import_jsx_runtime27 = require("react/jsx-runtime");
-var components2 = {
-  h1: ({ node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-    "h1",
-    {
-      className: "polli:mt-0 polli:mb-5 polli:break-words polli:font-heading polli:text-4xl polli:leading-none polli:text-theme-text-strong",
-      ...props
-    }
-  ),
-  h2: ({ node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-    "h2",
-    {
-      className: "polli:mt-8 polli:mb-3 polli:break-words polli:font-subheading polli:text-2xl polli:leading-tight polli:text-theme-text-strong",
-      ...props
-    }
-  ),
-  h3: ({ node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-    "h3",
-    {
-      className: "polli:mt-6 polli:mb-2 polli:break-words polli:font-subheading polli:text-xl polli:leading-tight polli:text-theme-text-strong",
-      ...props
-    }
-  ),
-  p: ({ node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "polli:my-4 polli:leading-relaxed", ...props }),
-  a: ({ node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-    "a",
-    {
-      className: "polli-control polli:rounded-sm polli:font-semibold polli:text-theme-text-strong polli:underline polli:decoration-theme-border polli:decoration-2 polli:underline-offset-3 polli:hover:decoration-theme-text-soft",
-      ...props
-    }
-  ),
-  ul: ({ node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-    "ul",
-    {
-      className: "polli:my-4 polli:list-disc polli:pl-6 polli:leading-relaxed",
-      ...props
-    }
-  ),
-  ol: ({ node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-    "ol",
-    {
-      className: "polli:my-4 polli:list-decimal polli:pl-6 polli:leading-relaxed",
-      ...props
-    }
-  ),
-  blockquote: ({ node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-    "blockquote",
-    {
-      className: "polli:my-4 polli:border-l-4 polli:border-theme-border polli:pl-4 polli:text-theme-text-soft",
-      ...props
-    }
-  ),
-  code: ({ node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-    "code",
-    {
-      className: "polli:rounded polli:bg-theme-bg-active polli:px-1 polli:py-0.5 polli:font-pixel polli:text-sm",
-      ...props
-    }
-  ),
-  pre: ({ node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-    "pre",
-    {
-      className: "polli:my-4 polli:overflow-x-auto polli:rounded-lg polli:bg-theme-bg-active polli:p-4",
-      ...props
-    }
-  ),
-  table: ({ node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-    "table",
-    {
-      className: "polli:my-4 polli:w-full polli:border-collapse polli:text-sm",
-      ...props
-    }
-  ),
-  th: ({ node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-    "th",
-    {
-      className: "polli:border polli:border-theme-border polli:px-3 polli:py-2 polli:text-left polli:font-semibold",
-      ...props
-    }
-  ),
-  td: ({ node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-    "td",
-    {
-      className: "polli:border polli:border-theme-border polli:px-3 polli:py-2",
-      ...props
-    }
-  ),
-  hr: ({ node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("hr", { className: "polli:my-6 polli:border-theme-border", ...props })
-};
-function Prose({ children, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-    "div",
+// src/compositions/Prose.tsx
+var import_react_markdown2 = __toESM(require("react-markdown"), 1);
+var import_rehype_slug = __toESM(require("rehype-slug"), 1);
+var import_remark_gfm2 = __toESM(require("remark-gfm"), 1);
+var import_jsx_runtime25 = require("react/jsx-runtime");
+var components2 = {
+  h1: ({ node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    "h1",
+    {
+      className: headingClassName("title", "polli:mt-0 polli:mb-5"),
+      ...props
+    }
+  ),
+  h2: ({ node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    "h2",
+    {
+      className: headingClassName("section", "polli:mt-8 polli:mb-3"),
+      ...props
+    }
+  ),
+  h3: ({ node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    "h3",
+    {
+      className: headingClassName("subsection", "polli:mt-6 polli:mb-2"),
+      ...props
+    }
+  ),
+  p: ({ node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "polli:my-4 polli:leading-relaxed", ...props }),
+  a: ({ node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    "a",
+    {
+      className: "polli-control polli:rounded-sm polli:font-semibold polli:text-theme-text-strong polli:underline polli:decoration-theme-border polli:decoration-2 polli:underline-offset-3 polli:hover:decoration-theme-text-soft",
+      ...props
+    }
+  ),
+  ul: ({ node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    "ul",
+    {
+      className: "polli:my-4 polli:list-disc polli:pl-6 polli:leading-relaxed",
+      ...props
+    }
+  ),
+  ol: ({ node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    "ol",
+    {
+      className: "polli:my-4 polli:list-decimal polli:pl-6 polli:leading-relaxed",
+      ...props
+    }
+  ),
+  blockquote: ({ node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    "blockquote",
+    {
+      className: "polli:my-4 polli:border-l-4 polli:border-theme-border polli:pl-4 polli:text-theme-text-soft",
+      ...props
+    }
+  ),
+  code: ({ node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    "code",
+    {
+      className: "polli:rounded polli:bg-theme-bg-active polli:px-1 polli:py-0.5 polli:font-pixel polli:text-sm",
+      ...props
+    }
+  ),
+  pre: ({ node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    "pre",
+    {
+      className: "polli:my-4 polli:overflow-x-auto polli:rounded-lg polli:bg-theme-bg-active polli:p-4",
+      ...props
+    }
+  ),
+  table: ({ node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    "table",
+    {
+      className: "polli:my-4 polli:w-full polli:border-collapse polli:text-sm",
+      ...props
+    }
+  ),
+  th: ({ node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    "th",
+    {
+      className: "polli:border polli:border-theme-border polli:px-3 polli:py-2 polli:text-left polli:font-semibold",
+      ...props
+    }
+  ),
+  td: ({ node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    "td",
+    {
+      className: "polli:border polli:border-theme-border polli:px-3 polli:py-2",
+      ...props
+    }
+  ),
+  hr: ({ node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("hr", { className: "polli:my-6 polli:border-theme-border", ...props })
+};
+function Prose({ children, className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    "div",
+    {
+      className: cn(
+        "polli:font-body polli:text-theme-text-base polli:leading-relaxed",
+        className
+      ),
+      children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        import_react_markdown2.default,
+        {
+          remarkPlugins: [import_remark_gfm2.default],
+          rehypePlugins: [import_rehype_slug.default],
+          components: components2,
+          children
+        }
+      )
+    }
+  );
+}
+
+// src/compositions/Section.tsx
+var import_jsx_runtime26 = require("react/jsx-runtime");
+var Section = ({
+  title,
+  theme,
+  id,
+  framed = false,
+  intro,
+  action,
+  actionClassName,
+  panelClassName,
+  titleClassName,
+  children,
+  className
+}) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+  "section",
+  {
+    id,
+    className: cn(
+      "polli:flex polli:scroll-mt-10 polli:flex-col polli:gap-4",
+      className
+    ),
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("header", { className: "polli:flex polli:flex-wrap polli:items-center polli:justify-between polli:gap-3 polli:px-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+          Heading,
+          {
+            as: "h2",
+            "data-theme": theme,
+            size: "section",
+            className: cn("polli:text-left", titleClassName),
+            children: title
+          }
+        ),
+        action && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: cn("polli:shrink-0", actionClassName), children: action })
+      ] }),
+      framed ? /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+        Surface,
+        {
+          variant: "panel",
+          theme,
+          className: cn(
+            "polli:flex polli:flex-col polli:gap-5",
+            panelClassName
+          ),
+          children: [
+            intro && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Text, { as: "div", className: "polli:max-w-2xl", children: intro }),
+            children
+          ]
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_jsx_runtime26.Fragment, { children: [
+        intro && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+          Text,
+          {
+            as: "div",
+            "data-theme": theme,
+            className: "polli:max-w-2xl",
+            children: intro
+          }
+        ),
+        children
+      ] })
+    ]
+  }
+);
+
+// src/compositions/StatCard.tsx
+var import_jsx_runtime27 = require("react/jsx-runtime");
+var valueVariantClasses = {
+  stat: "polli:min-h-8 polli:text-2xl polli:font-bold polli:leading-tight polli:tabular-nums polli:text-theme-text-strong",
+  fact: "polli:text-sm polli:leading-6 polli:text-theme-text-soft"
+};
+var StatCard = ({
+  label,
+  value,
+  detail,
+  variant = "stat",
+  theme,
+  className,
+  labelClassName,
+  valueClassName,
+  detailClassName
+}) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { "data-theme": theme, className: cn("polli:text-sm", className), children: [
+  /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    Text,
+    {
+      as: "div",
+      size: "micro",
+      tone: "strong",
+      weight: "bold",
+      className: cn(
+        "polli:uppercase polli:tracking-wide",
+        labelClassName
+      ),
+      children: label
+    }
+  ),
+  /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    "div",
+    {
+      className: cn(
+        "polli:mt-1 polli:break-words",
+        valueVariantClasses[variant],
+        valueClassName
+      ),
+      children: value
+    }
+  ),
+  detail && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    Text,
+    {
+      as: "div",
+      size: "xs",
+      tone: "soft",
+      className: cn("polli:mt-2", detailClassName),
+      children: detail
+    }
+  )
+] });
+
+// src/lib/cn-app.ts
+var import_clsx2 = require("clsx");
+var import_tailwind_merge2 = require("tailwind-merge");
+function cn2(...inputs) {
+  return (0, import_tailwind_merge2.twMerge)((0, import_clsx2.clsx)(...inputs));
+}
+
+// src/lib/use-scroll-lock.ts
+var import_react8 = require("react");
+function useScrollLock(enabled = true) {
+  (0, import_react8.useEffect)(() => {
+    if (!enabled) return;
+    const originalBody = document.body.style.overflow;
+    const originalHtml = document.documentElement.style.overflow;
+    document.body.style.overflow = "hidden";
+    document.documentElement.style.overflow = "hidden";
+    return () => {
+      document.body.style.overflow = originalBody;
+      document.documentElement.style.overflow = originalHtml;
+    };
+  }, [enabled]);
+}
+
+// src/primitives/ButtonGroup.tsx
+var import_jsx_runtime28 = require("react/jsx-runtime");
+var ButtonGroup = ({
+  wrap = true,
+  className,
+  children,
+  role = "group",
+  ...rest
+}) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  "div",
+  {
+    ...rest,
+    role,
+    className: cn(
+      "polli:flex polli:min-w-0 polli:items-center polli:gap-1.5",
+      wrap ? "polli:flex-wrap" : "polli:flex-nowrap",
+      className
+    ),
+    children
+  }
+);
+
+// src/primitives/Chip.tsx
+var import_jsx_runtime29 = 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 intentClasses4 = {
+  news: "polli:bg-intent-news-bg-light polli:text-intent-news-text",
+  alpha: "polli:bg-intent-alpha-bg-light polli:text-intent-alpha-text",
+  neutral: "polli:bg-ink-100/80 polli:text-ink-900",
+  success: "polli:bg-intent-success-bg-light polli:text-intent-success-text",
+  warning: "polli:bg-intent-warning-bg-light polli:text-intent-warning-text",
+  danger: "polli:bg-intent-danger-bg-light polli:text-intent-danger-text"
+};
+var Chip = ({
+  theme,
+  intent,
+  size = "md",
+  className,
+  children,
+  ...rest
+}) => {
+  const intentClass = intent ? intentClasses4[intent] : "polli:bg-theme-bg-active polli:text-theme-text-strong";
+  return /* @__PURE__ */ (0, import_jsx_runtime29.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/primitives/Dialog.tsx
+var import_dialog = require("@ark-ui/react/dialog");
+var import_portal2 = require("@ark-ui/react/portal");
+var import_react9 = require("react");
+var import_jsx_runtime30 = require("react/jsx-runtime");
+var sizeClasses2 = {
+  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
+}) => {
+  const contentRef = (0, import_react9.useRef)(null);
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+    import_dialog.Dialog.Root,
+    {
+      open,
+      initialFocusEl: () => contentRef.current,
+      onOpenChange: (details) => onOpenChange?.(details.open),
+      children: [
+        trigger && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+          import_dialog.Dialog.Trigger,
+          {
+            asChild: triggerAsChild,
+            className: triggerClassName,
+            children: trigger
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_portal2.Portal, { children: [
+          showBackdrop && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+            import_dialog.Dialog.Backdrop,
+            {
+              className: cn(
+                "polli:fixed polli:inset-0 polli:z-[100] polli:bg-ink-950/50",
+                backdropClassName
+              )
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+            import_dialog.Dialog.Positioner,
+            {
+              "data-theme": theme,
+              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_runtime30.jsxs)(
+                import_dialog.Dialog.Content,
+                {
+                  ref: contentRef,
+                  "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-surface-opaque polli:shadow-lg polli:outline-none polli:focus:outline-none polli:focus-visible:outline-none",
+                    sizeClasses2[size],
+                    contentClassName
+                  ),
+                  children: [
+                    title && /* @__PURE__ */ (0, import_jsx_runtime30.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/primitives/DropdownItem.tsx
+var import_jsx_runtime31 = require("react/jsx-runtime");
+function DropdownItem({
+  as,
+  className,
+  children,
+  ...rest
+}) {
+  const Component = as || "button";
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+    Component,
     {
-      className: cn2(
-        "polli:font-body polli:text-theme-text-base polli:leading-relaxed",
+      ...Component === "button" ? { type: "button" } : void 0,
+      ...rest,
+      className: cn(
+        "polli-control polli:flex polli:w-full polli:cursor-pointer polli:items-center polli:gap-2 polli:rounded-lg polli:bg-transparent polli:px-3 polli:py-2 polli:text-left polli:text-sm polli:font-medium polli:text-theme-text-base polli:no-underline polli:transition-colors polli:hover:bg-theme-bg-hover polli:focus-visible:bg-theme-bg-hover",
         className
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-        import_react_markdown2.default,
-        {
-          remarkPlugins: [import_remark_gfm2.default],
-          rehypePlugins: [import_rehype_slug.default],
-          components: components2,
-          children
-        }
-      )
+      children
     }
   );
 }
 
-// src/primitives/Section.tsx
-var import_jsx_runtime28 = require("react/jsx-runtime");
-var Section = ({
-  title,
+// src/primitives/Field.tsx
+var import_field = require("@ark-ui/react/field");
+
+// src/primitives/InlineLink.tsx
+var import_jsx_runtime32 = require("react/jsx-runtime");
+function isExternalHref2(href) {
+  return typeof href === "string" && /^https?:\/\//.test(href);
+}
+function InlineLink({
+  as,
   theme,
-  id,
-  framed = false,
-  intro,
-  action,
-  actionClassName,
-  panelClassName,
-  titleClassName,
+  external,
+  showIcon = true,
+  className,
   children,
-  className
-}) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
-  "section",
-  {
-    id,
-    className: cn2(
-      "polli:flex polli:scroll-mt-10 polli:flex-col polli:gap-4",
-      className
-    ),
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "polli:flex polli:flex-wrap polli:items-center polli:justify-between polli:gap-3 polli:px-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-          "h2",
-          {
-            "data-theme": theme,
-            className: cn2(
-              "polli:text-left polli:font-subheading polli:text-2xl polli:leading-tight polli:text-theme-text-strong",
-              titleClassName
-            ),
-            children: title
-          }
-        ),
-        action && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: cn2("polli:shrink-0", actionClassName), children: action })
-      ] }),
-      framed ? /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
-        Surface,
-        {
-          variant: "panel",
-          theme,
-          className: cn2(
-            "polli:flex polli:flex-col polli:gap-5",
-            panelClassName
-          ),
-          children: [
-            intro && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "polli:max-w-2xl polli:text-theme-text-base", children: intro }),
-            children
-          ]
-        }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_jsx_runtime28.Fragment, { children: [
-        intro && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-          "div",
+  ...linkProps
+}) {
+  const Component = as || "a";
+  const isExternal = external ?? isExternalHref2(linkProps.href);
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+    Component,
+    {
+      "data-theme": theme,
+      target: isExternal ? "_blank" : void 0,
+      rel: isExternal ? "noopener noreferrer" : void 0,
+      className: cn(
+        "polli-control polli:inline-flex polli:items-center polli:gap-1 polli:rounded-sm polli:font-semibold polli:text-theme-text-strong",
+        "polli:underline polli:decoration-theme-border polli:decoration-2 polli:underline-offset-3",
+        "polli:transition-colors polli:hover:text-theme-text-soft polli:hover:decoration-theme-text-soft",
+        className
+      ),
+      ...linkProps,
+      children: [
+        children,
+        showIcon && isExternal && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+          ExternalLinkIcon,
           {
-            "data-theme": theme,
-            className: "polli:max-w-2xl polli:text-theme-text-base",
-            children: intro
+            "aria-hidden": "true",
+            className: "polli:h-3.5 polli:w-3.5 polli:shrink-0 polli:opacity-65"
           }
-        ),
-        children
-      ] })
-    ]
-  }
+        )
+      ]
+    }
+  );
+}
+
+// src/primitives/Input.tsx
+var import_react10 = require("react");
+var import_jsx_runtime33 = require("react/jsx-runtime");
+var Input = (0, import_react10.forwardRef)(
+  ({ className, error, hideNumberSteppers, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+    "input",
+    {
+      ref,
+      "data-error": error ? "true" : void 0,
+      className: cn(
+        "polli-input polli:px-3 polli:py-2 polli:border polli:rounded-lg",
+        "polli:text-ink-950",
+        "polli:transition-colors",
+        "polli:disabled:opacity-50 polli:disabled:cursor-not-allowed",
+        hideNumberSteppers && "polli-input-number-clean",
+        className
+      ),
+      ...props
+    }
+  )
 );
 
 // src/primitives/Slider.tsx
-var import_react10 = require("react");
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_react11 = require("react");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 var toNumber = (value) => {
   if (typeof value === "number") return value;
   if (typeof value !== "string" || value.trim() === "") return void 0;
@@ -2275,7 +2745,7 @@ var getProgressPercent = ({
     (numericValue - numericMin) / (numericMax - numericMin) * 100
   );
 };
-var Slider = (0, import_react10.forwardRef)(
+var Slider = (0, import_react11.forwardRef)(
   ({ className, defaultValue, max, min, progress, style, value, ...props }, ref) => {
     const progressPercent = getProgressPercent({
       progress,
@@ -2288,7 +2758,7 @@ var Slider = (0, import_react10.forwardRef)(
       ...style,
       ...progressPercent === void 0 ? null : { "--polli-slider-progress": `${progressPercent}%` }
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
       "input",
       {
         ref,
@@ -2298,61 +2768,17 @@ var Slider = (0, import_react10.forwardRef)(
         value,
         defaultValue,
         style: sliderStyle,
-        className: cn2("polli-slider", className),
+        className: cn("polli-slider", className),
         ...props
       }
     );
   }
 );
 
-// src/primitives/StatCard.tsx
-var import_jsx_runtime30 = require("react/jsx-runtime");
-var StatCard = ({
-  label,
-  value,
-  detail,
-  theme,
-  className,
-  labelClassName,
-  valueClassName,
-  detailClassName
-}) => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { "data-theme": theme, className: cn2("polli:text-sm", className), children: [
-  /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
-    "div",
-    {
-      className: cn2(
-        "polli:text-micro polli:font-bold polli:uppercase polli:tracking-wide polli:text-theme-text-strong",
-        labelClassName
-      ),
-      children: label
-    }
-  ),
-  /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
-    "div",
-    {
-      className: cn2(
-        "polli:mt-1 polli:min-h-8 polli:break-words polli:text-2xl polli:font-bold polli:leading-tight polli:tabular-nums polli:text-theme-text-strong",
-        valueClassName
-      ),
-      children: value
-    }
-  ),
-  detail && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
-    "div",
-    {
-      className: cn2(
-        "polli:mt-2 polli:text-xs polli:text-theme-text-soft",
-        detailClassName
-      ),
-      children: detail
-    }
-  )
-] });
-
 // src/primitives/Switch.tsx
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 var trackClasses = {
-  off: "polli:bg-gray-200",
+  off: "polli:bg-ink-200",
   on: "polli:bg-intent-success-bg-light",
   invalid: "polli:bg-intent-danger-bg-light"
 };
@@ -2366,7 +2792,7 @@ var Switch = ({
 }) => {
   const effectiveStatus = status ?? (checked ? "on" : "off");
   const resolvedAriaLabel = ariaLabel ?? (checked ? "Turn off toggle" : "Turn on toggle");
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     "button",
     {
       type: "button",
@@ -2375,16 +2801,16 @@ var Switch = ({
       "aria-label": resolvedAriaLabel,
       onClick: () => onChange(!checked),
       disabled,
-      className: cn2(
+      className: cn(
         "polli-control 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_runtime31.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
         "span",
         {
-          className: cn2(
-            "polli:inline-block polli:h-5 polli:w-5 polli:rounded-full polli:bg-white polli:shadow-sm polli:transition-transform",
+          className: cn(
+            "polli:inline-block polli:h-5 polli:w-5 polli:rounded-full polli:bg-surface-opaque polli:shadow-sm polli:transition-transform",
             checked ? "polli:translate-x-6" : "polli:translate-x-1"
           )
         }
@@ -2394,7 +2820,7 @@ var Switch = ({
 };
 
 // src/primitives/Table.tsx
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 var alignClasses = {
   left: "polli:text-left",
   center: "polli:text-center",
@@ -2406,42 +2832,42 @@ var rowIntentClasses = {
   warning: "polli:bg-intent-warning-bg-light/65",
   danger: "polli:bg-intent-danger-bg-light/65"
 };
-var Table = ({ className, ...rest }) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+var Table = ({ className, ...rest }) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
   "table",
   {
     ...rest,
-    className: cn2(
+    className: cn(
       "polli:w-full polli:border-collapse polli:text-sm",
       className
     )
   }
 );
-var TableHead = ({ className, ...rest }) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+var TableHead = ({ className, ...rest }) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
   "thead",
   {
     ...rest,
-    className: cn2(
-      "polli:bg-theme-bg-active polli:text-micro polli:text-theme-text-muted",
+    className: cn(
+      "polli:bg-transparent polli:text-micro polli:text-theme-text-muted",
       className
     )
   }
 );
-var TableBody = ({ className, ...rest }) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+var TableBody = ({ className, ...rest }) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
   "tbody",
   {
     ...rest,
-    className: cn2("polli:divide-y polli:divide-theme-border/65", className)
+    className: cn("polli:divide-y polli:divide-theme-border/65", className)
   }
 );
 var TableRow = ({
   intent = "default",
   className,
   ...rest
-}) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
   "tr",
   {
     ...rest,
-    className: cn2(
+    className: cn(
       "polli:transition-colors polli:hover:bg-theme-bg-subtle",
       rowIntentClasses[intent],
       className
@@ -2457,11 +2883,11 @@ var TableHeaderCell = ({
   children,
   ...rest
 }) => {
-  const content = /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_jsx_runtime32.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { children }),
-    active && sortDirection && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { "aria-hidden": "true", children: sortDirection === "asc" ? "^" : "v" })
+  const content = /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_jsx_runtime36.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { children }),
+    active && sortDirection && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { "aria-hidden": "true", children: sortDirection === "asc" ? "^" : "v" })
   ] });
-  const classes = cn2(
+  const classes = cn(
     "polli:px-3 polli:py-2 polli:font-bold polli:uppercase polli:tracking-wide",
     alignClasses[align],
     active && "polli:text-theme-text-strong",
@@ -2469,14 +2895,14 @@ var TableHeaderCell = ({
     className
   );
   if (!onSort) {
-    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("th", { ...rest, className: classes, children: content });
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("th", { ...rest, className: classes, children: content });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("th", { ...rest, className: classes, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("th", { ...rest, className: classes, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     "button",
     {
       type: "button",
       onClick: onSort,
-      className: cn2(
+      className: cn(
         "polli-control polli:inline-flex polli:w-full polli:items-center polli:gap-1 polli:bg-transparent polli:p-0 polli:font-bold polli:text-inherit",
         align === "right" && "polli:justify-end",
         align === "center" && "polli:justify-center"
@@ -2491,11 +2917,11 @@ var TableCell = ({
   muted = false,
   className,
   ...rest
-}) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
   "td",
   {
     ...rest,
-    className: cn2(
+    className: cn(
       "polli:px-3 polli:py-2 polli:align-middle",
       alignClasses[align],
       numeric && "polli:tabular-nums",
@@ -2506,19 +2932,19 @@ var TableCell = ({
 );
 
 // src/primitives/Textarea.tsx
-var import_react11 = require("react");
-var import_jsx_runtime33 = require("react/jsx-runtime");
-var Textarea = (0, import_react11.forwardRef)(
-  ({ className, error, rows = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+var import_react12 = require("react");
+var import_jsx_runtime37 = require("react/jsx-runtime");
+var Textarea = (0, import_react12.forwardRef)(
+  ({ className, error, rows = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     "textarea",
     {
       ref,
       rows,
       "data-error": error ? "true" : void 0,
-      className: cn2(
+      className: cn(
         "polli-textarea polli:w-full polli:rounded-lg polli:border polli:px-3 polli:py-2",
         "polli:min-h-20 polli:resize-y polli:font-body polli:text-base",
-        "polli:text-gray-950",
+        "polli:text-ink-950",
         "polli:transition-colors",
         "polli:disabled:opacity-50 polli:disabled:cursor-not-allowed",
         className
@@ -2529,19 +2955,37 @@ var Textarea = (0, import_react11.forwardRef)(
 );
 Textarea.displayName = "Textarea";
 
+// src/theme-palette.json
+var theme_palette_default = {
+  bgPale: {
+    amber: "#fef3c7",
+    blue: "#dbeafe",
+    pink: "#fce7f3",
+    coral: "#ffedd5",
+    teal: "#ccfbf1",
+    violet: "#ede9fe",
+    emerald: "#d1fae5"
+  },
+  brandDark: "#110518"
+};
+
 // src/theme.ts
 var themes = [
   "amber",
   "blue",
   "pink",
+  "coral",
   "teal",
   "violet",
-  "green"
+  "emerald"
 ];
+var themePalette = theme_palette_default;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Alert,
+  AppHeader,
   AppIcon,
+  AudioIcon,
   BeakerIcon,
   BookIcon,
   Button,
@@ -2551,6 +2995,7 @@ var themes = [
   Chip,
   ClipboardIcon,
   ClockIcon,
+  CodeBlock,
   Collapsible,
   CopyButton,
   Dialog,
@@ -2565,6 +3010,7 @@ var themes = [
   FileUpload,
   GenApiIcon,
   GitHubIcon,
+  Heading,
   IconButton,
   ImageIcon,
   InfoTip,
@@ -2575,10 +3021,12 @@ var themes = [
   MailIcon,
   Markdown,
   McpIcon,
+  MediaPlaceholder,
   MenuIcon,
   MultiSelect,
   NavItem,
   PeriodPicker,
+  PlusIcon,
   Prose,
   ScrollArea,
   Section,
@@ -2594,6 +3042,7 @@ var themes = [
   TableHeaderCell,
   TableRow,
   TerminalIcon,
+  Text,
   Textarea,
   TokensIcon,
   Tooltip,
@@ -2603,7 +3052,10 @@ var themes = [
   cn,
   currentPeriod,
   getPeriodBucketKeys,
+  headingClassName,
   periodBucketKeyToDate,
+  textClassName,
+  themePalette,
   themes,
   useScrollLock
 });