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

package/dist/index.js

@@ -1,179 +1,96 @@
-// src/lib/cn-app.ts
+// src/lib/cn.ts
 import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
+import { extendTailwindMerge } from "tailwind-merge";
+var twMerge = extendTailwindMerge({ prefix: "polli" });
 function cn(...inputs) {
   return twMerge(clsx(...inputs));
 }
 
-// src/lib/period.ts
-var MS_PER_DAY = 864e5;
-function startOfUtcDay(date = /* @__PURE__ */ new Date()) {
-  return new Date(
-    Date.UTC(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate())
-  );
-}
-function addUtcDays(date, days) {
-  const next = new Date(date);
-  next.setUTCDate(next.getUTCDate() + days);
-  return next;
-}
-function startOfUtcMonth(date) {
-  return new Date(Date.UTC(date.getUTCFullYear(), date.getUTCMonth(), 1));
-}
-function addUtcMonths(date, months) {
-  return new Date(
-    Date.UTC(date.getUTCFullYear(), date.getUTCMonth() + months, 1)
-  );
-}
-function startOfUtcIsoWeek(date) {
-  const day = date.getUTCDay() || 7;
-  return addUtcDays(startOfUtcDay(date), 1 - day);
-}
-function getUtcIsoWeekPeriod(date) {
-  const day = date.getUTCDay() || 7;
-  const thursday = addUtcDays(startOfUtcDay(date), 4 - day);
-  const isoYear = thursday.getUTCFullYear();
-  const yearStart = new Date(Date.UTC(isoYear, 0, 1));
-  const isoWeek = Math.ceil(
-    ((thursday.getTime() - yearStart.getTime()) / MS_PER_DAY + 1) / 7
+// src/primitives/Typography.tsx
+import { jsx } from "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__ */ 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__ */ 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
-import { useEffect } from "react";
-function useScrollLock(enabled = true) {
-  useEffect(() => {
-    if (!enabled) return;
-    const originalBody = document.body.style.overflow;
-    const originalHtml = document.documentElement.style.overflow;
-    document.body.style.overflow = "hidden";
-    document.documentElement.style.overflow = "hidden";
-    return () => {
-      document.body.style.overflow = originalBody;
-      document.documentElement.style.overflow = originalHtml;
-    };
-  }, [enabled]);
-}
-
-// src/lib/cn.ts
-import { clsx as clsx2 } from "clsx";
-import { extendTailwindMerge } from "tailwind-merge";
-var twMerge2 = extendTailwindMerge({ prefix: "polli" });
-function cn2(...inputs) {
-  return twMerge2(clsx2(...inputs));
+  );
 }
 
-// src/primitives/Alert.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
+// src/compositions/Alert.tsx
+import { jsx as jsx2, jsxs } from "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",
@@ -186,112 +103,290 @@ var Alert = ({
   {
     ...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__ */ jsx("div", { className: "polli:mb-1 polli:text-xs polli:font-bold polli:uppercase polli:tracking-wide", children: title }),
-      /* @__PURE__ */ jsx("div", { children })
+      title && /* @__PURE__ */ jsx2(
+        Text,
+        {
+          as: "div",
+          size: "xs",
+          tone: "strong",
+          weight: "bold",
+          className: "polli:mb-1 polli:uppercase polli:tracking-wide",
+          children: title
+        }
+      ),
+      /* @__PURE__ */ jsx2("div", { children })
     ]
   }
 );
 
-// src/primitives/Button.tsx
-import { jsx as jsx2 } from "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
+import { useEffect, useState } from "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
+import { jsx as jsx3, jsxs as jsxs2 } from "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__ */ jsx2(
-    Component,
+  const [hidden, setHidden] = useState(false);
+  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__ */ jsx3(
+    "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__ */ jsxs2(
+        "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__ */ jsxs2(
+              "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__ */ jsx3("span", { className: "polli:sr-only", children: brandLabel }),
+                  /* @__PURE__ */ jsx3(
+                    "span",
+                    {
+                      "aria-hidden": "true",
+                      className: "polli:block polli:h-7 polli:w-[220px] polli:max-w-full polli:bg-current",
+                      style: brandWordmarkMask
+                    }
+                  )
+                ]
+              }
+            ),
+            children ? /* @__PURE__ */ jsx3(
+              "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
-import { jsx as jsx3 } from "react/jsx-runtime";
-var ButtonGroup = ({
-  wrap = true,
-  className,
-  children,
-  role = "group",
-  ...rest
-}) => /* @__PURE__ */ jsx3(
-  "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",
-      className
-    ),
-    children
-  }
-);
+// src/primitives/ScrollArea.tsx
+import {
+  forwardRef,
+  useCallback,
+  useEffect as useEffect2,
+  useRef
+} from "react";
+import { jsx as jsx4 } from "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 = forwardRef(
+  ({ theme, axis = "y", className, children, ...rest }, externalRef) => {
+    const innerRef = useRef(null);
+    const setRef = useCallback(
+      (node) => {
+        innerRef.current = node;
+        assignRef(externalRef, node);
+      },
+      [externalRef]
+    );
+    useEffect2(() => {
+      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__ */ jsx4(
+      "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
+import { jsx as jsx5 } from "react/jsx-runtime";
+var CodeBlock = ({
+  code,
+  theme,
+  codeClassName,
+  className,
+  ...rest
+}) => /* @__PURE__ */ jsx5(
+  ScrollArea,
+  {
+    ...rest,
+    theme,
+    axis: "x",
+    className: cn(
+      "polli:rounded-lg polli:border polli:border-theme-border polli:bg-theme-bg-pale",
+      className
+    ),
+    children: /* @__PURE__ */ jsx5(
+      "pre",
+      {
+        className: cn(
+          "polli:p-4 polli:font-mono polli:text-xs polli:leading-6 polli:text-theme-text-strong",
+          codeClassName
+        ),
+        children: /* @__PURE__ */ jsx5("code", { children: code })
+      }
+    )
+  }
+);
 
 // src/primitives/ChevronIcon.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
-var ChevronIcon = ({ expanded, className }) => /* @__PURE__ */ jsx4(
+import { jsx as jsx6 } from "react/jsx-runtime";
+var ChevronIcon = ({ expanded, className }) => /* @__PURE__ */ jsx6(
   "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__ */ jsx4(
+    children: /* @__PURE__ */ jsx6(
       "path",
       {
         d: "M3 4.5 6 7.5l3-3",
@@ -305,48 +400,8 @@ var ChevronIcon = ({ expanded, className }) => /* @__PURE__ */ jsx4(
   }
 );
 
-// src/primitives/Chip.tsx
-import { jsx as jsx5 } from "react/jsx-runtime";
-var chipSizes = {
-  sm: "polli:px-2 polli:py-0.5 polli:text-xs",
-  md: "polli:px-2.5 polli:py-0.5 polli:text-sm",
-  lg: "polli:px-3 polli:py-1 polli:text-sm"
-};
-var 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__ */ jsx5(
-    "span",
-    {
-      ...rest,
-      "data-theme": theme,
-      className: cn2(
-        "polli:inline-flex polli:shrink-0 polli:items-center polli:gap-1 polli:rounded-lg polli:font-medium polli:leading-normal",
-        chipSizes[size],
-        intentClass,
-        className
-      ),
-      children
-    }
-  );
-};
-
-// src/primitives/Collapsible.tsx
-import { jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
+// src/compositions/Collapsible.tsx
+import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
 var Collapsible = ({
   label,
   expanded,
@@ -358,16 +413,16 @@ var Collapsible = ({
   focusClassName,
   panelClassName = "polli:border-t polli:border-theme-border polli:px-3 polli:pt-3 polli:pb-3",
   ariaLabel
-}) => /* @__PURE__ */ jsxs2(
+}) => /* @__PURE__ */ jsxs3(
   "div",
   {
-    className: cn2(
+    className: cn(
       "polli:rounded-lg polli:border polli:transition-all",
       wrapperClassName,
       disabled && "polli:opacity-50"
     ),
     children: [
-      /* @__PURE__ */ jsxs2(
+      /* @__PURE__ */ jsxs3(
         "button",
         {
           type: "button",
@@ -375,7 +430,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,
@@ -383,8 +438,8 @@ var Collapsible = ({
             disabled ? "polli:cursor-not-allowed" : "polli:cursor-pointer"
           ),
           children: [
-            /* @__PURE__ */ jsx6("div", { className: "polli:flex-1 polli:min-w-0", children: label }),
-            /* @__PURE__ */ jsx6(
+            /* @__PURE__ */ jsx7("div", { className: "polli:flex-1 polli:min-w-0", children: label }),
+            /* @__PURE__ */ jsx7(
               ChevronIcon,
               {
                 expanded,
@@ -394,24 +449,24 @@ var Collapsible = ({
           ]
         }
       ),
-      expanded && /* @__PURE__ */ jsx6("div", { className: panelClassName, children })
+      expanded && /* @__PURE__ */ jsx7("div", { className: panelClassName, children })
     ]
   }
 );
 
-// src/primitives/CopyButton.tsx
+// src/compositions/CopyButton.tsx
 import {
-  useEffect as useEffect2,
-  useRef as useRef2,
-  useState as useState2
+  useEffect as useEffect3,
+  useRef as useRef3,
+  useState as useState3
 } from "react";
 
 // src/primitives/Tooltip.tsx
 import {
-  useRef,
-  useState
+  useRef as useRef2,
+  useState as useState2
 } from "react";
-import { Fragment, jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
 var TOOLTIP_MAX_WIDTH = 288;
 var TOOLTIP_VIEWPORT_MARGIN = 12;
 var Tooltip = ({
@@ -424,13 +479,13 @@ var Tooltip = ({
   triggerAs = "button",
   displayContents = false
 }) => {
-  const [showTooltip, setShowTooltip] = useState(false);
-  const [tooltipPosition, setTooltipPosition] = useState({
+  const [showTooltip, setShowTooltip] = useState2(false);
+  const [tooltipPosition, setTooltipPosition] = useState2({
     top: 0,
     left: 0,
     maxWidth: TOOLTIP_MAX_WIDTH
   });
-  const triggerRef = useRef(null);
+  const triggerRef = useRef2(null);
   const updateTooltipPosition = () => {
     if (triggerRef.current) {
       const rect = triggerRef.current.getBoundingClientRect();
@@ -452,15 +507,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__ */ jsxs3(Fragment, { children: [
-    /* @__PURE__ */ jsx7("span", { className: cursorClass, children }),
-    /* @__PURE__ */ jsx7(
+  const contentNode = /* @__PURE__ */ jsxs4(Fragment, { children: [
+    /* @__PURE__ */ jsx8("span", { className: cursorClass, children }),
+    /* @__PURE__ */ jsx8(
       "span",
       {
         style: {
@@ -495,7 +550,7 @@ var Tooltip = ({
     style
   };
   if (triggerAs === "span") {
-    return /* @__PURE__ */ jsx7(
+    return /* @__PURE__ */ jsx8(
       "span",
       {
         ref: (node) => {
@@ -506,7 +561,7 @@ var Tooltip = ({
       }
     );
   }
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx8(
     "button",
     {
       ref: (node) => {
@@ -524,8 +579,8 @@ var Tooltip = ({
   );
 };
 
-// src/primitives/CopyButton.tsx
-import { jsx as jsx8 } from "react/jsx-runtime";
+// src/compositions/CopyButton.tsx
+import { jsx as jsx9 } from "react/jsx-runtime";
 function CopyButton({
   value,
   children,
@@ -538,9 +593,9 @@ function CopyButton({
   onCopyError,
   ...buttonProps
 }) {
-  const [copied, setCopied] = useState2(false);
-  const timeoutRef = useRef2(null);
-  useEffect2(
+  const [copied, setCopied] = useState3(false);
+  const timeoutRef = useRef3(null);
+  useEffect3(
     () => () => {
       if (timeoutRef.current) clearTimeout(timeoutRef.current);
     },
@@ -562,20 +617,20 @@ function CopyButton({
       onCopyError?.(error);
     }
   }
-  const button = /* @__PURE__ */ jsx8(
+  const button = /* @__PURE__ */ jsx9(
     "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__ */ jsx8(
+  return /* @__PURE__ */ jsx9(
     Tooltip,
     {
       triggerAs: "span",
@@ -586,178 +641,65 @@ function CopyButton({
   );
 }
 
-// src/primitives/Dialog.tsx
-import { Dialog as ArkDialog } from "@ark-ui/react/dialog";
-import { Portal } from "@ark-ui/react/portal";
-import { useRef as useRef3 } from "react";
-import { jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
-var sizeClasses = {
-  sm: "polli:max-w-md",
-  md: "polli:max-w-xl",
-  lg: "polli:max-w-2xl"
+// src/primitives/Button.tsx
+import { jsx as jsx10 } from "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 = useRef3(null);
-  return /* @__PURE__ */ jsxs4(
-    ArkDialog.Root,
-    {
-      open,
-      initialFocusEl: () => contentRef.current,
-      onOpenChange: (details) => onOpenChange?.(details.open),
-      children: [
-        trigger && /* @__PURE__ */ jsx9(
-          ArkDialog.Trigger,
-          {
-            asChild: triggerAsChild,
-            className: triggerClassName,
-            children: trigger
-          }
-        ),
-        /* @__PURE__ */ jsxs4(Portal, { children: [
-          showBackdrop && /* @__PURE__ */ jsx9(
-            ArkDialog.Backdrop,
-            {
-              className: cn2(
-                "polli:fixed polli:inset-0 polli:z-[100] polli:bg-gray-950/50",
-                backdropClassName
-              )
-            }
-          ),
-          /* @__PURE__ */ jsx9(
-            ArkDialog.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__ */ jsxs4(
-                ArkDialog.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__ */ jsx9(
-                      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 = ArkDialog.Title;
-
-// src/primitives/Dropdown.tsx
-import { Popover } from "@ark-ui/react/popover";
-import { Portal as Portal2 } from "@ark-ui/react/portal";
-import { useState as useState3 } from "react";
-import { jsx as jsx10, jsxs as jsxs5 } from "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,
+function Button({
+  as,
   children,
-  align = "start",
-  open: openProp,
-  onOpenChange,
-  className
-}) => {
-  const [internalOpen, setInternalOpen] = useState3(false);
-  const isControlled = openProp !== void 0;
-  const open = isControlled ? openProp : internalOpen;
-  const setOpen = (next) => {
-    if (!isControlled) setInternalOpen(next);
-    onOpenChange?.(next);
-  };
-  return /* @__PURE__ */ jsxs5(
-    Popover.Root,
-    {
-      open,
-      onOpenChange: (details) => setOpen(details.open),
-      positioning: {
-        placement: align === "end" ? "bottom-end" : "bottom-start"
-      },
-      children: [
-        /* @__PURE__ */ jsx10(Popover.Trigger, { asChild: true, children: trigger(open) }),
-        /* @__PURE__ */ jsx10(Portal2, { children: /* @__PURE__ */ jsx10(Popover.Positioner, { children: /* @__PURE__ */ jsx10(
-          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
-import { jsx as jsx11 } from "react/jsx-runtime";
-function DropdownItem({
-  as,
+  theme,
+  intent,
+  size,
   className,
-  children,
-  ...rest
+  disabled,
+  ...buttonProps
 }) {
   const Component = as || "button";
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx10(
     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
-import { jsx as jsx12, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs5 } from "react/jsx-runtime";
 var strokeProps = {
   fill: "none",
   stroke: "currentColor",
@@ -766,26 +708,26 @@ var strokeProps = {
   strokeLinejoin: "round"
 };
 function AppIcon(props) {
-  return /* @__PURE__ */ jsxs6("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
-    /* @__PURE__ */ jsx12("rect", { x: "2", y: "4", width: "20", height: "14", rx: "2" }),
-    /* @__PURE__ */ jsx12("path", { d: "M2 20h20" })
+  return /* @__PURE__ */ jsxs5("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
+    /* @__PURE__ */ jsx11("rect", { x: "2", y: "4", width: "20", height: "14", rx: "2" }),
+    /* @__PURE__ */ jsx11("path", { d: "M2 20h20" })
   ] });
 }
 function BeakerIcon(props) {
-  return /* @__PURE__ */ jsxs6("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
-    /* @__PURE__ */ jsx12("path", { d: "M9 3h6" }),
-    /* @__PURE__ */ jsx12("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__ */ jsx12("path", { d: "M7 14h10" })
+  return /* @__PURE__ */ jsxs5("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
+    /* @__PURE__ */ jsx11("path", { d: "M9 3h6" }),
+    /* @__PURE__ */ jsx11("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__ */ jsx11("path", { d: "M7 14h10" })
   ] });
 }
 function BookIcon(props) {
-  return /* @__PURE__ */ jsxs6("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
-    /* @__PURE__ */ jsx12("path", { d: "M4 4h5a3 3 0 0 1 3 3v13a2 2 0 0 0-2-2H4z" }),
-    /* @__PURE__ */ jsx12("path", { d: "M20 4h-5a3 3 0 0 0-3 3v13a2 2 0 0 1 2-2h6z" })
+  return /* @__PURE__ */ jsxs5("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
+    /* @__PURE__ */ jsx11("path", { d: "M4 4h5a3 3 0 0 1 3 3v13a2 2 0 0 0-2-2H4z" }),
+    /* @__PURE__ */ jsx11("path", { d: "M20 4h-5a3 3 0 0 0-3 3v13a2 2 0 0 1 2-2h6z" })
   ] });
 }
 function CheckIcon(props) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx11(
     "svg",
     {
       "aria-hidden": "true",
@@ -793,24 +735,24 @@ function CheckIcon(props) {
       ...strokeProps,
       strokeWidth: 2.5,
       ...props,
-      children: /* @__PURE__ */ jsx12("polyline", { points: "20 6 9 17 4 12" })
+      children: /* @__PURE__ */ jsx11("polyline", { points: "20 6 9 17 4 12" })
     }
   );
 }
 function ClipboardIcon(props) {
-  return /* @__PURE__ */ jsxs6("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
-    /* @__PURE__ */ jsx12("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2" }),
-    /* @__PURE__ */ jsx12("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
+  return /* @__PURE__ */ jsxs5("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
+    /* @__PURE__ */ jsx11("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2" }),
+    /* @__PURE__ */ jsx11("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__ */ jsxs6("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
-    /* @__PURE__ */ jsx12("circle", { cx: "12", cy: "12", r: "9" }),
-    /* @__PURE__ */ jsx12("path", { d: "M12 7v5l3 2" })
+  return /* @__PURE__ */ jsxs5("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
+    /* @__PURE__ */ jsx11("circle", { cx: "12", cy: "12", r: "9" }),
+    /* @__PURE__ */ jsx11("path", { d: "M12 7v5l3 2" })
   ] });
 }
 function DiscordIcon(props) {
-  return /* @__PURE__ */ jsx12("svg", { viewBox: "0 0 24 24", "aria-hidden": "true", ...props, children: /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx11("svg", { viewBox: "0 0 24 24", "aria-hidden": "true", ...props, children: /* @__PURE__ */ jsx11(
     "path",
     {
       fill: "currentColor",
@@ -819,23 +761,23 @@ function DiscordIcon(props) {
   ) });
 }
 function DownloadIcon(props) {
-  return /* @__PURE__ */ jsxs6("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
-    /* @__PURE__ */ jsx12("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
-    /* @__PURE__ */ jsx12("polyline", { points: "7 10 12 15 17 10" }),
-    /* @__PURE__ */ jsx12("line", { x1: "12", y1: "15", x2: "12", y2: "3" })
+  return /* @__PURE__ */ jsxs5("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
+    /* @__PURE__ */ jsx11("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+    /* @__PURE__ */ jsx11("polyline", { points: "7 10 12 15 17 10" }),
+    /* @__PURE__ */ jsx11("line", { x1: "12", y1: "15", x2: "12", y2: "3" })
   ] });
 }
 function ExternalLinkIcon(props) {
-  return /* @__PURE__ */ jsx12("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: /* @__PURE__ */ jsx12("path", { d: "M7 17 17 7M9 7h8v8" }) });
+  return /* @__PURE__ */ jsx11("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: /* @__PURE__ */ jsx11("path", { d: "M7 17 17 7M9 7h8v8" }) });
 }
 function GenApiIcon(props) {
-  return /* @__PURE__ */ jsxs6("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
-    /* @__PURE__ */ jsx12("path", { d: "m8 3 4 1.5L16 3v18l-4-1.5L8 21z" }),
-    /* @__PURE__ */ jsx12("path", { d: "M8 3v18M16 3v18" })
+  return /* @__PURE__ */ jsxs5("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
+    /* @__PURE__ */ jsx11("path", { d: "m8 3 4 1.5L16 3v18l-4-1.5L8 21z" }),
+    /* @__PURE__ */ jsx11("path", { d: "M8 3v18M16 3v18" })
   ] });
 }
 function GitHubIcon(props) {
-  return /* @__PURE__ */ jsx12("svg", { viewBox: "0 0 24 24", "aria-hidden": "true", ...props, children: /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx11("svg", { viewBox: "0 0 24 24", "aria-hidden": "true", ...props, children: /* @__PURE__ */ jsx11(
     "path",
     {
       fill: "currentColor",
@@ -844,69 +786,79 @@ function GitHubIcon(props) {
   ) });
 }
 function ImageIcon(props) {
-  return /* @__PURE__ */ jsxs6("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
-    /* @__PURE__ */ jsx12("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }),
-    /* @__PURE__ */ jsx12("circle", { cx: "9", cy: "9", r: "2" }),
-    /* @__PURE__ */ jsx12("path", { d: "m21 15-5-5L5 21" })
+  return /* @__PURE__ */ jsxs5("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
+    /* @__PURE__ */ jsx11("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }),
+    /* @__PURE__ */ jsx11("circle", { cx: "9", cy: "9", r: "2" }),
+    /* @__PURE__ */ jsx11("path", { d: "m21 15-5-5L5 21" })
+  ] });
+}
+function AudioIcon(props) {
+  return /* @__PURE__ */ jsxs5("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
+    /* @__PURE__ */ jsx11("path", { d: "M9 18V5l12-2v13" }),
+    /* @__PURE__ */ jsx11("circle", { cx: "6", cy: "18", r: "3" }),
+    /* @__PURE__ */ jsx11("circle", { cx: "18", cy: "16", r: "3" })
   ] });
 }
 function LockIcon(props) {
-  return /* @__PURE__ */ jsxs6("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
-    /* @__PURE__ */ jsx12("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2", ry: "2" }),
-    /* @__PURE__ */ jsx12("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })
+  return /* @__PURE__ */ jsxs5("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
+    /* @__PURE__ */ jsx11("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2", ry: "2" }),
+    /* @__PURE__ */ jsx11("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })
   ] });
 }
 function MailIcon(props) {
-  return /* @__PURE__ */ jsxs6("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
-    /* @__PURE__ */ jsx12("rect", { x: "3", y: "5", width: "18", height: "14", rx: "2" }),
-    /* @__PURE__ */ jsx12("path", { d: "m3 7 9 7 9-7" })
+  return /* @__PURE__ */ jsxs5("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
+    /* @__PURE__ */ jsx11("rect", { x: "3", y: "5", width: "18", height: "14", rx: "2" }),
+    /* @__PURE__ */ jsx11("path", { d: "m3 7 9 7 9-7" })
   ] });
 }
 function McpIcon(props) {
-  return /* @__PURE__ */ jsxs6("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
-    /* @__PURE__ */ jsx12("rect", { x: "2", y: "7", width: "8", height: "10", rx: "1.5" }),
-    /* @__PURE__ */ jsx12("rect", { x: "14", y: "7", width: "8", height: "10", rx: "1.5" }),
-    /* @__PURE__ */ jsx12("path", { d: "M10 12h4" })
+  return /* @__PURE__ */ jsxs5("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
+    /* @__PURE__ */ jsx11("rect", { x: "2", y: "7", width: "8", height: "10", rx: "1.5" }),
+    /* @__PURE__ */ jsx11("rect", { x: "14", y: "7", width: "8", height: "10", rx: "1.5" }),
+    /* @__PURE__ */ jsx11("path", { d: "M10 12h4" })
   ] });
 }
 function MenuIcon(props) {
-  return /* @__PURE__ */ jsx12("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: /* @__PURE__ */ jsx12("path", { d: "M4 7h16M4 12h16M4 17h16" }) });
+  return /* @__PURE__ */ jsx11("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: /* @__PURE__ */ jsx11("path", { d: "M4 7h16M4 12h16M4 17h16" }) });
+}
+function PlusIcon(props) {
+  return /* @__PURE__ */ jsx11("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: /* @__PURE__ */ jsx11("path", { d: "M12 5v14M5 12h14" }) });
 }
 function TerminalIcon(props) {
-  return /* @__PURE__ */ jsxs6("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
-    /* @__PURE__ */ jsx12("polyline", { points: "4 8 8 12 4 16" }),
-    /* @__PURE__ */ jsx12("line", { x1: "12", y1: "20", x2: "20", y2: "20" })
+  return /* @__PURE__ */ jsxs5("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
+    /* @__PURE__ */ jsx11("polyline", { points: "4 8 8 12 4 16" }),
+    /* @__PURE__ */ jsx11("line", { x1: "12", y1: "20", x2: "20", y2: "20" })
   ] });
 }
 function TokensIcon(props) {
-  return /* @__PURE__ */ jsx12("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: /* @__PURE__ */ jsx12("path", { d: "M4 9h16M4 15h16M10 3 8 21M16 3l-2 18" }) });
+  return /* @__PURE__ */ jsx11("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: /* @__PURE__ */ jsx11("path", { d: "M4 9h16M4 15h16M10 3 8 21M16 3l-2 18" }) });
 }
 function TrendUpIcon(props) {
-  return /* @__PURE__ */ jsxs6("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
-    /* @__PURE__ */ jsx12("polyline", { points: "3 17 9 11 13 15 21 7" }),
-    /* @__PURE__ */ jsx12("polyline", { points: "15 7 21 7 21 13" })
+  return /* @__PURE__ */ jsxs5("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
+    /* @__PURE__ */ jsx11("polyline", { points: "3 17 9 11 13 15 21 7" }),
+    /* @__PURE__ */ jsx11("polyline", { points: "15 7 21 7 21 13" })
   ] });
 }
 function WalletIcon(props) {
-  return /* @__PURE__ */ jsxs6("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
-    /* @__PURE__ */ jsx12("path", { d: "M3 7a2 2 0 0 1 2-2h13a2 2 0 0 1 2 2v2H5a2 2 0 0 0-2 2V7Z" }),
-    /* @__PURE__ */ jsx12("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__ */ jsx12("circle", { cx: "17", cy: "14", r: "1.25", fill: "currentColor" })
+  return /* @__PURE__ */ jsxs5("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: [
+    /* @__PURE__ */ jsx11("path", { d: "M3 7a2 2 0 0 1 2-2h13a2 2 0 0 1 2 2v2H5a2 2 0 0 0-2 2V7Z" }),
+    /* @__PURE__ */ jsx11("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__ */ jsx11("circle", { cx: "17", cy: "14", r: "1.25", fill: "currentColor" })
   ] });
 }
 function XIcon(props) {
-  return /* @__PURE__ */ jsx12("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: /* @__PURE__ */ jsx12("path", { d: "M18 6 6 18M6 6l12 12" }) });
+  return /* @__PURE__ */ jsx11("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", ...strokeProps, ...props, children: /* @__PURE__ */ jsx11("path", { d: "M18 6 6 18M6 6l12 12" }) });
 }
 
-// src/primitives/ExternalLinkButton.tsx
-import { jsx as jsx13, jsxs as jsxs7 } from "react/jsx-runtime";
+// src/compositions/ExternalLinkButton.tsx
+import { jsx as jsx12, jsxs as jsxs6 } from "react/jsx-runtime";
 var ExternalLinkButton = ({
   theme,
   href,
   size = "md",
   className,
   children
-}) => /* @__PURE__ */ jsxs7(
+}) => /* @__PURE__ */ jsxs6(
   Button,
   {
     as: "a",
@@ -915,10 +867,10 @@ var ExternalLinkButton = ({
     rel: "noopener noreferrer",
     theme,
     size,
-    className: cn2("polli:gap-2", className),
+    className: cn("polli:gap-2", className),
     children: [
-      /* @__PURE__ */ jsx13("span", { children }),
-      /* @__PURE__ */ jsx13(
+      /* @__PURE__ */ jsx12("span", { children }),
+      /* @__PURE__ */ jsx12(
         ExternalLinkIcon,
         {
           className: "polli:h-4 polli:w-4 polli:shrink-0 polli:opacity-60",
@@ -929,11 +881,13 @@ var ExternalLinkButton = ({
   }
 );
 
-// src/primitives/Field.tsx
-import { Field } from "@ark-ui/react/field";
-
-// src/primitives/FileUpload.tsx
-import { useEffect as useEffect3, useRef as useRef4, useState as useState4 } from "react";
+// src/compositions/FileUpload.tsx
+import {
+  useEffect as useEffect4,
+  useId,
+  useRef as useRef4,
+  useState as useState4
+} from "react";
 
 // src/lib/partition-files.ts
 function matchesAccept(file, accept) {
@@ -971,8 +925,8 @@ function partitionFiles(incoming, current, { maxFiles, maxSizeBytes, accept }) {
 }
 
 // src/primitives/IconButton.tsx
-import { jsx as jsx14 } from "react/jsx-runtime";
-var intentClasses4 = {
+import { jsx as jsx13 } from "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";
@@ -982,7 +936,7 @@ var IconButton = ({
   onClick,
   children,
   className
-}) => /* @__PURE__ */ jsx14(
+}) => /* @__PURE__ */ jsx13(
   "button",
   {
     type: "button",
@@ -990,17 +944,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
-import { jsx as jsx15, jsxs as jsxs8 } from "react/jsx-runtime";
+// src/compositions/FileUpload.tsx
+import { Fragment as Fragment2, jsx as jsx14, jsxs as jsxs7 } from "react/jsx-runtime";
 var PREVIEWABLE_IMAGE_TYPES = /* @__PURE__ */ new Set([
   "image/gif",
   "image/jpeg",
@@ -1008,18 +962,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__ */ jsx15("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__ */ jsx15(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 FilePreview({ file }) {
+function PreviewPlaceholder({
+  icon,
+  size
+}) {
+  return /* @__PURE__ */ jsx14(
+    "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,
+  placeholderIcon,
+  size = "sm"
+}) {
   const canvasRef = useRef4(null);
   const [canPreview, setCanPreview] = useState4(
     () => isPreviewableImage(file)
   );
-  useEffect3(() => {
+  const previewSize = size === "lg" ? LARGE_PREVIEW_SIZE : PREVIEW_SIZE;
+  useEffect4(() => {
     if (!isPreviewableImage(file)) {
       setCanPreview(false);
       return;
@@ -1040,17 +1021,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 {
@@ -1061,17 +1042,19 @@ function FilePreview({ file }) {
     return () => {
       cancelled = true;
     };
-  }, [file]);
-  if (!canPreview) return /* @__PURE__ */ jsx15(PreviewPlaceholder, {});
-  return /* @__PURE__ */ jsx15(
+  }, [file, previewSize]);
+  if (!canPreview) {
+    return /* @__PURE__ */ jsx14(PreviewPlaceholder, { icon: placeholderIcon, size });
+  }
+  return /* @__PURE__ */ jsx14(
     "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
     }
   );
 }
@@ -1082,11 +1065,17 @@ function FileUpload({
   maxFiles = 4,
   maxSizeBytes = 10 * 1024 * 1024,
   accept = "image/*",
+  icon = /* @__PURE__ */ jsx14(ImageIcon, { className: "polli:h-6 polli:w-6" }),
+  label = /* @__PURE__ */ jsxs7(Fragment2, { children: [
+    "Drag images here or ",
+    /* @__PURE__ */ jsx14("span", { className: "polli:underline", children: "browse" })
+  ] }),
+  previewIcon = /* @__PURE__ */ jsx14(ImageIcon, { className: "polli:h-5 polli:w-5" }),
   disabled = false,
   theme,
   className
 }) {
-  useEffect3(() => {
+  useEffect4(() => {
     const prevent = (event) => event.preventDefault();
     document.addEventListener("dragover", prevent);
     document.addEventListener("drop", prevent);
@@ -1105,156 +1094,165 @@ function FileUpload({
     if (accepted.length > 0) onChange([...value, ...accepted]);
     if (rejected.length > 0) onReject?.(rejected);
   }
-  return /* @__PURE__ */ jsxs8(
+  const hasFiles = value.length > 0;
+  const canAdd = !disabled && value.length < maxFiles;
+  const isSingleFile = maxFiles === 1;
+  const previewSize = isSingleFile ? "lg" : "sm";
+  const inputId = useId();
+  const addInputId = `${inputId}-add`;
+  function handleInputChange(event) {
+    addFiles(Array.from(event.target.files ?? []));
+    event.target.value = "";
+  }
+  return /* @__PURE__ */ jsx14(
     "div",
     {
       "data-theme": theme,
-      className: cn2("polli:flex polli:flex-col polli:gap-3", className),
-      children: [
-        /* @__PURE__ */ jsxs8(
-          "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__ */ jsx15(ImageIcon, { className: "polli:h-6 polli:w-6" }),
-              /* @__PURE__ */ jsxs8("span", { children: [
-                "Drag images here or",
-                " ",
-                /* @__PURE__ */ jsx15("span", { className: "polli:underline", children: "browse" })
-              ] }),
-              /* @__PURE__ */ jsx15(
-                "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__ */ jsx15("ul", { className: "polli:m-0 polli:flex polli:flex-wrap polli:gap-3 polli:p-0", children: value.map((file, index) => /* @__PURE__ */ jsxs8(
-          "li",
-          {
-            className: "polli:relative polli:flex polli:list-none polli:flex-col polli:gap-1",
-            children: [
-              /* @__PURE__ */ jsx15(FilePreview, { file }),
-              /* @__PURE__ */ jsx15("span", { className: "polli:max-w-16 polli:truncate polli:text-xs polli:text-theme-text-muted", children: file.name }),
-              !disabled && /* @__PURE__ */ jsx15("div", { className: "polli:absolute polli:-top-2 polli:-right-2", children: /* @__PURE__ */ jsx15(
-                IconButton,
-                {
-                  intent: "danger",
-                  title: `Remove ${file.name}`,
-                  onClick: () => onChange(
-                    value.filter(
-                      (_, i) => i !== index
-                    )
-                  ),
-                  children: /* @__PURE__ */ jsx15(XIcon, { className: "polli:h-3 polli:w-3" })
-                }
-              ) })
-            ]
+      className: cn("polli:flex polli:flex-col polli:gap-2", className),
+      children: /* @__PURE__ */ jsx14(
+        "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__ */ jsxs7(
+            "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__ */ jsx14("span", { children: label }),
+                /* @__PURE__ */ jsx14(
+                  "input",
+                  {
+                    id: inputId,
+                    type: "file",
+                    accept,
+                    multiple: maxFiles > 1,
+                    disabled: disabled || !canAdd,
+                    className: "polli:sr-only",
+                    onChange: handleInputChange
+                  }
+                )
+              ]
+            }
+          ) : /* @__PURE__ */ jsxs7("div", { className: "polli:flex polli:flex-col polli:gap-3", children: [
+            /* @__PURE__ */ jsxs7(
+              "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__ */ jsxs7(
+                    "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__ */ jsx14(
+                          FilePreview,
+                          {
+                            file,
+                            placeholderIcon: previewIcon,
+                            size: previewSize
+                          }
+                        ),
+                        /* @__PURE__ */ jsx14(
+                          "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__ */ jsx14("span", { className: "polli:text-micro polli:text-theme-text-muted", children: formatFileSize(file.size) }),
+                        !disabled && /* @__PURE__ */ jsx14("div", { className: "polli:absolute polli:-top-2 polli:right-1", children: /* @__PURE__ */ jsx14(
+                          IconButton,
+                          {
+                            intent: "danger",
+                            title: `Remove ${file.name}`,
+                            onClick: () => onChange(
+                              value.filter(
+                                (_, i) => i !== index
+                              )
+                            ),
+                            children: /* @__PURE__ */ jsx14(XIcon, { className: "polli:h-3 polli:w-3" })
+                          }
+                        ) })
+                      ]
+                    },
+                    `${file.name}-${index}`
+                  )),
+                  !isSingleFile && canAdd && /* @__PURE__ */ jsx14("li", { className: "polli:flex polli:list-none", children: /* @__PURE__ */ jsxs7(
+                    "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__ */ jsx14(PlusIcon, { className: "polli:h-5 polli:w-5" }),
+                        /* @__PURE__ */ jsx14("span", { className: "polli:text-xs polli:font-medium", children: "Add" }),
+                        /* @__PURE__ */ jsx14(
+                          "input",
+                          {
+                            id: addInputId,
+                            type: "file",
+                            accept,
+                            multiple: true,
+                            disabled: disabled || !canAdd,
+                            className: "polli:sr-only",
+                            onChange: handleInputChange
+                          }
+                        )
+                      ]
+                    }
+                  ) })
+                ]
+              }
+            ),
+            maxFiles > 1 && /* @__PURE__ */ jsxs7("span", { className: "polli:text-xs polli:text-theme-text-muted", children: [
+              value.length,
+              " / ",
+              maxFiles,
+              " files"
+            ] })
+          ] })
+        }
+      )
     }
   );
 }
 
-// src/primitives/InfoTip.tsx
-import { jsx as jsx16 } from "react/jsx-runtime";
+// src/compositions/InfoTip.tsx
+import { jsx as jsx15 } from "react/jsx-runtime";
 var InfoTip = ({
   text,
   content,
   label = "More info"
-}) => /* @__PURE__ */ jsx16(Tooltip, { content: content ?? text, ariaLabel: label, className: "polli:ml-1", children: /* @__PURE__ */ jsx16("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
-import { jsx as jsx17, jsxs as jsxs9 } from "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__ */ jsxs9(
-    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__ */ jsx17(
-          ExternalLinkIcon,
-          {
-            "aria-hidden": "true",
-            className: "polli:h-3.5 polli:w-3.5 polli:shrink-0 polli:opacity-65"
-          }
-        )
-      ]
-    }
-  );
-}
-
-// src/primitives/Input.tsx
-import { forwardRef } from "react";
-import { jsx as jsx18 } from "react/jsx-runtime";
-var Input = forwardRef(
-  ({ className, error, hideNumberSteppers, ...props }, ref) => /* @__PURE__ */ jsx18(
-    "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__ */ jsx15(Tooltip, { content: content ?? text, ariaLabel: label, className: "polli:ml-1", children: /* @__PURE__ */ jsx15("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
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { jsx as jsx16 } from "react/jsx-runtime";
 var variantClasses = {
   panel: "polli:rounded-2xl polli:border polli:border-theme-border polli:bg-theme-bg-subtle polli:p-6",
   card: "polli:rounded-xl polli:bg-surface-white polli:p-4",
@@ -1266,19 +1264,19 @@ var Surface = ({
   className,
   children,
   ...rest
-}) => /* @__PURE__ */ jsx19(
+}) => /* @__PURE__ */ jsx16(
   "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
-import { jsx as jsx20, jsxs as jsxs10 } from "react/jsx-runtime";
-function isExternalHref2(href) {
+// src/compositions/LinkCard.tsx
+import { jsx as jsx17, jsxs as jsxs8 } from "react/jsx-runtime";
+function isExternalHref(href) {
   return typeof href === "string" && /^https?:\/\//.test(href);
 }
 function LinkCard({
@@ -1292,32 +1290,32 @@ function LinkCard({
   ...linkProps
 }) {
   const Component = as || "a";
-  const isExternal = external ?? isExternalHref2(linkProps.href);
-  return /* @__PURE__ */ jsx20(
+  const isExternal = external ?? isExternalHref(linkProps.href);
+  return /* @__PURE__ */ jsx17(
     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__ */ jsxs10(
+      children: /* @__PURE__ */ jsxs8(
         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__ */ jsx20(
+            showIcon && isExternal && /* @__PURE__ */ jsx17(
               ExternalLinkIcon,
               {
                 "aria-hidden": "true",
@@ -1332,41 +1330,41 @@ function LinkCard({
   );
 }
 
-// src/primitives/Markdown.tsx
+// src/compositions/Markdown.tsx
 import ReactMarkdown from "react-markdown";
 import remarkGfm from "remark-gfm";
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 var components = {
-  ul: ({ node, ...props }) => /* @__PURE__ */ jsx21(
+  ul: ({ node, ...props }) => /* @__PURE__ */ jsx18(
     "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__ */ jsx21(
+  ol: ({ node, ...props }) => /* @__PURE__ */ jsx18(
     "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__ */ jsx21("p", { className: "polli:mb-2 polli:last:mb-0", ...props }),
-  strong: ({ node, ...props }) => /* @__PURE__ */ jsx21(
+  p: ({ node, ...props }) => /* @__PURE__ */ jsx18("p", { className: "polli:mb-2 polli:last:mb-0", ...props }),
+  strong: ({ node, ...props }) => /* @__PURE__ */ jsx18(
     "strong",
     {
       className: "polli:font-semibold polli:text-theme-text-strong",
       ...props
     }
   ),
-  code: ({ node, ...props }) => /* @__PURE__ */ jsx21(
+  code: ({ node, ...props }) => /* @__PURE__ */ jsx18(
     "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__ */ jsx21(
+  a: ({ node, ...props }) => /* @__PURE__ */ jsx18(
     "a",
     {
       target: "_blank",
@@ -1377,115 +1375,101 @@ var components = {
   )
 };
 function Markdown({ children, className }) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx18(
     "div",
     {
-      className: cn2(
+      className: cn(
         "polli:min-w-0 polli:font-body polli:leading-relaxed",
         className
       ),
-      children: /* @__PURE__ */ jsx21(ReactMarkdown, { remarkPlugins: [remarkGfm], components, children })
+      children: /* @__PURE__ */ jsx18(ReactMarkdown, { remarkPlugins: [remarkGfm], components, children })
     }
   );
 }
 
-// src/primitives/ScrollArea.tsx
-import {
-  forwardRef as forwardRef2,
-  useCallback,
-  useEffect as useEffect4,
-  useRef as useRef5
-} from "react";
-import { jsx as jsx22 } from "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 = forwardRef2(
-  ({ theme, axis = "y", className, children, ...rest }, externalRef) => {
-    const innerRef = useRef5(null);
-    const setRef = useCallback(
-      (node) => {
-        innerRef.current = node;
-        assignRef(externalRef, node);
+// src/compositions/MediaPlaceholder.tsx
+import { jsx as jsx19, jsxs as jsxs9 } from "react/jsx-runtime";
+var MediaPlaceholder = ({
+  theme,
+  icon,
+  label,
+  detail,
+  action,
+  children,
+  className,
+  ...rest
+}) => /* @__PURE__ */ jsxs9(
+  "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__ */ jsx19("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__ */ jsxs9("div", { className: "polli:max-w-sm", children: [
+        label && /* @__PURE__ */ jsx19(Text, { as: "p", size: "sm", tone: "strong", weight: "semibold", children: label }),
+        detail && /* @__PURE__ */ jsx19(Text, { as: "p", size: "sm", tone: "soft", className: "polli:mt-1", children: detail })
+      ] }),
+      children,
+      action
+    ]
+  }
+);
+
+// src/primitives/Dropdown.tsx
+import { Popover } from "@ark-ui/react/popover";
+import { Portal } from "@ark-ui/react/portal";
+import { useState as useState5 } from "react";
+import { jsx as jsx20, jsxs as jsxs10 } from "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] = useState5(false);
+  const isControlled = openProp !== void 0;
+  const open = isControlled ? openProp : internalOpen;
+  const setOpen = (next) => {
+    if (!isControlled) setInternalOpen(next);
+    onOpenChange?.(next);
+  };
+  return /* @__PURE__ */ jsxs10(
+    Popover.Root,
+    {
+      open,
+      onOpenChange: (details) => setOpen(details.open),
+      positioning: {
+        placement: align === "end" ? "bottom-end" : "bottom-start"
       },
-      [externalRef]
-    );
-    useEffect4(() => {
-      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__ */ jsx22(
-      "div",
-      {
-        ...rest,
-        ref: setRef,
-        "data-theme": theme,
-        className: cn2(
-          "polli-scrollbar-subtle polli:min-w-0 polli:max-w-full",
-          axisClasses[axis],
-          className
-        ),
-        children
-      }
-    );
-  }
-);
-ScrollArea.displayName = "ScrollArea";
+      children: [
+        /* @__PURE__ */ jsx20(Popover.Trigger, { asChild: true, children: trigger(open) }),
+        /* @__PURE__ */ jsx20(Portal, { children: /* @__PURE__ */ jsx20(Popover.Positioner, { children: /* @__PURE__ */ jsx20(
+          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/primitives/MultiSelect.tsx
-import { jsx as jsx23, jsxs as jsxs11 } from "react/jsx-runtime";
+// src/compositions/MultiSelect.tsx
+import { jsx as jsx21, jsxs as jsxs11 } from "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";
@@ -1510,7 +1494,7 @@ var MultiSelect = ({
   };
   const selectAll = () => onChange([]);
   const displayText = disabled ? disabledText : isAllSelected ? "All" : `${selected.length} selected`;
-  const labelNode = label ? /* @__PURE__ */ jsx23("span", { className: "polli:text-xs polli:font-medium polli:text-theme-text-soft", children: label }) : null;
+  const labelNode = label ? /* @__PURE__ */ jsx21("span", { className: "polli:text-xs polli:font-medium polli:text-theme-text-soft", children: label }) : null;
   if (disabled) {
     return /* @__PURE__ */ jsxs11(
       "div",
@@ -1524,13 +1508,13 @@ var MultiSelect = ({
             {
               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__ */ jsx23("span", { className: "polli:flex-1 polli:truncate polli:text-left polli:text-theme-text-soft/60", children: displayText }),
-                /* @__PURE__ */ jsx23(
+                /* @__PURE__ */ jsx21("span", { className: "polli:flex-1 polli:truncate polli:text-left polli:text-theme-text-soft/60", children: displayText }),
+                /* @__PURE__ */ jsx21(
                   ChevronIcon,
                   {
                     expanded: false,
@@ -1540,7 +1524,7 @@ var MultiSelect = ({
               ]
             }
           ),
-          /* @__PURE__ */ jsx23("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__ */ jsx21("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" })
         ]
       }
     );
@@ -1552,7 +1536,7 @@ var MultiSelect = ({
       className: "polli:flex polli:items-center polli:gap-2",
       children: [
         labelNode,
-        /* @__PURE__ */ jsx23(
+        /* @__PURE__ */ jsx21(
           Dropdown,
           {
             theme,
@@ -1562,26 +1546,26 @@ var MultiSelect = ({
               "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__ */ jsx23(
+                  /* @__PURE__ */ jsx21(
                     "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__ */ jsx23(
+                  /* @__PURE__ */ jsx21(
                     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"
                       )
@@ -1596,15 +1580,15 @@ var MultiSelect = ({
                 {
                   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__ */ jsx23(
+                    /* @__PURE__ */ jsx21(
                       "span",
                       {
-                        className: cn2(
+                        className: cn(
                           CHECK_BASE,
                           isAllSelected && "polli:bg-theme-bg-active polli:text-theme-text-strong"
                         ),
@@ -1622,22 +1606,22 @@ var MultiSelect = ({
                   {
                     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__ */ jsx23(
+                      /* @__PURE__ */ jsx21(
                         "span",
                         {
-                          className: cn2(
+                          className: cn(
                             CHECK_BASE,
                             isChecked && "polli:bg-theme-bg-active polli:text-theme-text-strong"
                           ),
                           children: isChecked && "\u2713"
                         }
                       ),
-                      /* @__PURE__ */ jsx23("span", { className: "polli:whitespace-nowrap", children: opt.label })
+                      /* @__PURE__ */ jsx21("span", { className: "polli:whitespace-nowrap", children: opt.label })
                     ]
                   },
                   opt.value
@@ -1651,12 +1635,12 @@ var MultiSelect = ({
   );
 };
 
-// src/primitives/NavItem.tsx
-import { jsx as jsx24, jsxs as jsxs12 } from "react/jsx-runtime";
+// src/compositions/NavItem.tsx
+import { jsx as jsx22, jsxs as jsxs12 } from "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,
@@ -1671,26 +1655,131 @@ function NavItem({
     {
       "data-theme": theme,
       "aria-current": active ? "page" : void 0,
-      className: cn2(
+      className: cn(
         base,
         active ? activeClasses : inactiveClasses,
         className
       ),
       ...rest,
       children: [
-        /* @__PURE__ */ jsx24("span", { "aria-hidden": "true", className: dotClasses }),
+        /* @__PURE__ */ jsx22("span", { "aria-hidden": "true", className: dotClasses }),
         children
       ]
     }
   );
 }
 
-// src/primitives/PeriodPicker.tsx
-import { useEffect as useEffect5, useMemo, useState as useState5 } from "react";
+// src/compositions/PeriodPicker.tsx
+import { useEffect as useEffect5, useMemo, useRef as useRef5, useState as useState6 } from "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
-import { jsx as jsx25 } from "react/jsx-runtime";
-var sizeClasses2 = {
+import { jsx as jsx23 } from "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"
 };
@@ -1718,7 +1807,7 @@ var TabButton = ({
   className
 }) => {
   const classes = variantClasses2[variant];
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx23(
     "button",
     {
       type: "button",
@@ -1727,12 +1816,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
@@ -1740,8 +1829,8 @@ var TabButton = ({
   );
 };
 
-// src/primitives/PeriodPicker.tsx
-import { Fragment as Fragment2, jsx as jsx26, jsxs as jsxs13 } from "react/jsx-runtime";
+// src/compositions/PeriodPicker.tsx
+import { Fragment as Fragment3, jsx as jsx24, jsxs as jsxs13 } from "react/jsx-runtime";
 var WEEKDAY_LABELS = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"];
 var MONTH_LABELS = [
   "Jan",
@@ -1777,6 +1866,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));
@@ -1794,11 +1919,20 @@ var PeriodPicker = ({
   minDate = /* @__PURE__ */ new Date(0),
   maxDate
 }) => {
-  const [open, setOpen] = useState5(false);
-  const [viewDate, setViewDate] = useState5(() => periodDate(value));
+  const [open, setOpen] = useState6(false);
+  const [viewDate, setViewDate] = useState6(() => periodDate(value));
+  const [anchorDate, setAnchorDate] = useState6(() => periodDate(value));
+  const emittedSelectionRef = useRef5(null);
   const { granularity, period } = value;
   useEffect5(() => {
-    setViewDate(periodDate({ granularity, period }));
+    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 = useMemo(() => monthGridDates(viewDate), [viewDate]);
   const selectedWindow = periodToWindow(value);
@@ -1809,26 +1943,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"
-  });
+  const viewLabel = value.granularity === "month" ? String(viewDate.getUTCFullYear()) : formatMonthYear(viewDate, "long");
   return /* @__PURE__ */ jsxs13(
     "div",
     {
       "data-theme": theme,
       className: "polli:flex polli:flex-wrap polli:items-center polli:gap-2",
       children: [
-        /* @__PURE__ */ jsx26("div", { className: "polli:flex polli:flex-wrap polli:gap-1.5", children: ["day", "week", "month"].map(
-          (granularity2) => /* @__PURE__ */ jsx26(
+        /* @__PURE__ */ jsx24("div", { className: "polli:flex polli:flex-wrap polli:gap-1.5", children: ["day", "week", "month"].map(
+          (granularity2) => /* @__PURE__ */ jsx24(
             TabButton,
             {
               active: value.granularity === granularity2,
@@ -1844,49 +1981,49 @@ var PeriodPicker = ({
             theme,
             open,
             onOpenChange: setOpen,
-            className: "polli:w-[304px] polli:rounded-xl polli:p-3",
+            className: "polli:w-[320px] polli:rounded-xl polli:p-3.5",
             trigger: (isOpen) => /* @__PURE__ */ jsxs13(
               "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__ */ jsx26("span", { children: formatPeriodLabel(value) }),
-                  /* @__PURE__ */ jsx26(ChevronIcon, { expanded: isOpen })
+                  /* @__PURE__ */ jsx24("span", { className: "polli:truncate", children: summaryLabel }),
+                  /* @__PURE__ */ jsx24(ChevronIcon, { expanded: isOpen })
                 ]
               }
             ),
             children: [
               /* @__PURE__ */ jsxs13("div", { className: "polli:mb-3 polli:flex polli:items-center polli:justify-between", children: [
-                /* @__PURE__ */ jsx26(
+                /* @__PURE__ */ jsx24(
                   "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__ */ jsx26("div", { className: "polli:text-sm polli:font-bold polli:text-theme-text-base", children: viewLabel }),
-                /* @__PURE__ */ jsx26(
+                /* @__PURE__ */ jsx24("div", { className: "polli:text-base polli:font-bold polli:text-theme-text-base", children: viewLabel }),
+                /* @__PURE__ */ jsx24(
                   "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"
                     ),
@@ -1894,7 +2031,7 @@ var PeriodPicker = ({
                   }
                 )
               ] }),
-              value.granularity === "month" ? /* @__PURE__ */ jsx26("div", { className: "polli:grid polli:grid-cols-3 polli:gap-1.5", children: MONTH_LABELS.map((label, monthIndex) => {
+              value.granularity === "month" ? /* @__PURE__ */ jsx24("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(),
@@ -1913,32 +2050,32 @@ var PeriodPicker = ({
                   year: "numeric"
                 });
                 const selected = date.getUTCFullYear() === selectedWindow.start.getUTCFullYear() && date.getUTCMonth() === selectedWindow.start.getUTCMonth();
-                return /* @__PURE__ */ jsx26(
+                return /* @__PURE__ */ jsx24(
                   "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__ */ jsxs13(Fragment2, { children: [
-                /* @__PURE__ */ jsx26("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__ */ jsx26("div", { children: label }, label)) }),
-                /* @__PURE__ */ jsx26("div", { className: "polli:grid polli:grid-cols-7 polli:gap-1", children: dates.map((date) => {
+              }) }) : /* @__PURE__ */ jsxs13(Fragment3, { children: [
+                /* @__PURE__ */ jsx24("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__ */ jsx24("div", { children: label }, label)) }),
+                /* @__PURE__ */ jsx24("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",
@@ -1949,19 +2086,19 @@ var PeriodPicker = ({
                     }
                   )}`;
                   const selected = value.granularity === "day" ? sameUtcDay(date, selectedWindow.start) : date >= selectedWindow.start && date < selectedWindow.end;
-                  return /* @__PURE__ */ jsx26(
+                  return /* @__PURE__ */ jsx24(
                     "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()
                     },
@@ -1977,189 +2114,517 @@ var PeriodPicker = ({
   );
 };
 
-// src/primitives/Prose.tsx
-import Markdown2 from "react-markdown";
-import rehypeSlug from "rehype-slug";
-import remarkGfm2 from "remark-gfm";
-import { jsx as jsx27 } from "react/jsx-runtime";
-var components2 = {
-  h1: ({ node, ...props }) => /* @__PURE__ */ jsx27(
-    "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__ */ jsx27(
-    "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__ */ jsx27(
-    "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__ */ jsx27("p", { className: "polli:my-4 polli:leading-relaxed", ...props }),
-  a: ({ node, ...props }) => /* @__PURE__ */ jsx27(
-    "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__ */ jsx27(
-    "ul",
-    {
-      className: "polli:my-4 polli:list-disc polli:pl-6 polli:leading-relaxed",
-      ...props
-    }
-  ),
-  ol: ({ node, ...props }) => /* @__PURE__ */ jsx27(
-    "ol",
-    {
-      className: "polli:my-4 polli:list-decimal polli:pl-6 polli:leading-relaxed",
-      ...props
-    }
-  ),
-  blockquote: ({ node, ...props }) => /* @__PURE__ */ jsx27(
-    "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__ */ jsx27(
-    "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__ */ jsx27(
-    "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__ */ jsx27(
-    "table",
-    {
-      className: "polli:my-4 polli:w-full polli:border-collapse polli:text-sm",
-      ...props
-    }
-  ),
-  th: ({ node, ...props }) => /* @__PURE__ */ jsx27(
-    "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__ */ jsx27(
-    "td",
-    {
-      className: "polli:border polli:border-theme-border polli:px-3 polli:py-2",
-      ...props
-    }
-  ),
-  hr: ({ node, ...props }) => /* @__PURE__ */ jsx27("hr", { className: "polli:my-6 polli:border-theme-border", ...props })
-};
-function Prose({ children, className }) {
-  return /* @__PURE__ */ jsx27(
-    "div",
+// src/compositions/Prose.tsx
+import Markdown2 from "react-markdown";
+import rehypeSlug from "rehype-slug";
+import remarkGfm2 from "remark-gfm";
+import { jsx as jsx25 } from "react/jsx-runtime";
+var components2 = {
+  h1: ({ node, ...props }) => /* @__PURE__ */ jsx25(
+    "h1",
+    {
+      className: headingClassName("title", "polli:mt-0 polli:mb-5"),
+      ...props
+    }
+  ),
+  h2: ({ node, ...props }) => /* @__PURE__ */ jsx25(
+    "h2",
+    {
+      className: headingClassName("section", "polli:mt-8 polli:mb-3"),
+      ...props
+    }
+  ),
+  h3: ({ node, ...props }) => /* @__PURE__ */ jsx25(
+    "h3",
+    {
+      className: headingClassName("subsection", "polli:mt-6 polli:mb-2"),
+      ...props
+    }
+  ),
+  p: ({ node, ...props }) => /* @__PURE__ */ jsx25("p", { className: "polli:my-4 polli:leading-relaxed", ...props }),
+  a: ({ node, ...props }) => /* @__PURE__ */ jsx25(
+    "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__ */ jsx25(
+    "ul",
+    {
+      className: "polli:my-4 polli:list-disc polli:pl-6 polli:leading-relaxed",
+      ...props
+    }
+  ),
+  ol: ({ node, ...props }) => /* @__PURE__ */ jsx25(
+    "ol",
+    {
+      className: "polli:my-4 polli:list-decimal polli:pl-6 polli:leading-relaxed",
+      ...props
+    }
+  ),
+  blockquote: ({ node, ...props }) => /* @__PURE__ */ jsx25(
+    "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__ */ jsx25(
+    "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__ */ jsx25(
+    "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__ */ jsx25(
+    "table",
+    {
+      className: "polli:my-4 polli:w-full polli:border-collapse polli:text-sm",
+      ...props
+    }
+  ),
+  th: ({ node, ...props }) => /* @__PURE__ */ jsx25(
+    "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__ */ jsx25(
+    "td",
+    {
+      className: "polli:border polli:border-theme-border polli:px-3 polli:py-2",
+      ...props
+    }
+  ),
+  hr: ({ node, ...props }) => /* @__PURE__ */ jsx25("hr", { className: "polli:my-6 polli:border-theme-border", ...props })
+};
+function Prose({ children, className }) {
+  return /* @__PURE__ */ jsx25(
+    "div",
+    {
+      className: cn(
+        "polli:font-body polli:text-theme-text-base polli:leading-relaxed",
+        className
+      ),
+      children: /* @__PURE__ */ jsx25(
+        Markdown2,
+        {
+          remarkPlugins: [remarkGfm2],
+          rehypePlugins: [rehypeSlug],
+          components: components2,
+          children
+        }
+      )
+    }
+  );
+}
+
+// src/compositions/Section.tsx
+import { Fragment as Fragment4, jsx as jsx26, jsxs as jsxs14 } from "react/jsx-runtime";
+var Section = ({
+  title,
+  theme,
+  id,
+  framed = false,
+  intro,
+  action,
+  actionClassName,
+  panelClassName,
+  titleClassName,
+  children,
+  className
+}) => /* @__PURE__ */ jsxs14(
+  "section",
+  {
+    id,
+    className: cn(
+      "polli:flex polli:scroll-mt-10 polli:flex-col polli:gap-4",
+      className
+    ),
+    children: [
+      /* @__PURE__ */ jsxs14("header", { className: "polli:flex polli:flex-wrap polli:items-center polli:justify-between polli:gap-3 polli:px-1", children: [
+        /* @__PURE__ */ jsx26(
+          Heading,
+          {
+            as: "h2",
+            "data-theme": theme,
+            size: "section",
+            className: cn("polli:text-left", titleClassName),
+            children: title
+          }
+        ),
+        action && /* @__PURE__ */ jsx26("div", { className: cn("polli:shrink-0", actionClassName), children: action })
+      ] }),
+      framed ? /* @__PURE__ */ jsxs14(
+        Surface,
+        {
+          variant: "panel",
+          theme,
+          className: cn(
+            "polli:flex polli:flex-col polli:gap-5",
+            panelClassName
+          ),
+          children: [
+            intro && /* @__PURE__ */ jsx26(Text, { as: "div", className: "polli:max-w-2xl", children: intro }),
+            children
+          ]
+        }
+      ) : /* @__PURE__ */ jsxs14(Fragment4, { children: [
+        intro && /* @__PURE__ */ jsx26(
+          Text,
+          {
+            as: "div",
+            "data-theme": theme,
+            className: "polli:max-w-2xl",
+            children: intro
+          }
+        ),
+        children
+      ] })
+    ]
+  }
+);
+
+// src/compositions/StatCard.tsx
+import { jsx as jsx27, jsxs as jsxs15 } from "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__ */ jsxs15("div", { "data-theme": theme, className: cn("polli:text-sm", className), children: [
+  /* @__PURE__ */ jsx27(
+    Text,
+    {
+      as: "div",
+      size: "micro",
+      tone: "strong",
+      weight: "bold",
+      className: cn(
+        "polli:uppercase polli:tracking-wide",
+        labelClassName
+      ),
+      children: label
+    }
+  ),
+  /* @__PURE__ */ jsx27(
+    "div",
+    {
+      className: cn(
+        "polli:mt-1 polli:break-words",
+        valueVariantClasses[variant],
+        valueClassName
+      ),
+      children: value
+    }
+  ),
+  detail && /* @__PURE__ */ jsx27(
+    Text,
+    {
+      as: "div",
+      size: "xs",
+      tone: "soft",
+      className: cn("polli:mt-2", detailClassName),
+      children: detail
+    }
+  )
+] });
+
+// src/lib/cn-app.ts
+import { clsx as clsx2 } from "clsx";
+import { twMerge as twMerge2 } from "tailwind-merge";
+function cn2(...inputs) {
+  return twMerge2(clsx2(...inputs));
+}
+
+// src/lib/use-scroll-lock.ts
+import { useEffect as useEffect6 } from "react";
+function useScrollLock(enabled = true) {
+  useEffect6(() => {
+    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
+import { jsx as jsx28 } from "react/jsx-runtime";
+var ButtonGroup = ({
+  wrap = true,
+  className,
+  children,
+  role = "group",
+  ...rest
+}) => /* @__PURE__ */ jsx28(
+  "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
+import { jsx as jsx29 } from "react/jsx-runtime";
+var chipSizes = {
+  sm: "polli:px-2 polli:py-0.5 polli:text-xs",
+  md: "polli:px-2.5 polli:py-0.5 polli:text-sm",
+  lg: "polli:px-3 polli:py-1 polli:text-sm"
+};
+var 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__ */ jsx29(
+    "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
+import { Dialog as ArkDialog } from "@ark-ui/react/dialog";
+import { Portal as Portal2 } from "@ark-ui/react/portal";
+import { useRef as useRef6 } from "react";
+import { jsx as jsx30, jsxs as jsxs16 } from "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 = useRef6(null);
+  return /* @__PURE__ */ jsxs16(
+    ArkDialog.Root,
+    {
+      open,
+      initialFocusEl: () => contentRef.current,
+      onOpenChange: (details) => onOpenChange?.(details.open),
+      children: [
+        trigger && /* @__PURE__ */ jsx30(
+          ArkDialog.Trigger,
+          {
+            asChild: triggerAsChild,
+            className: triggerClassName,
+            children: trigger
+          }
+        ),
+        /* @__PURE__ */ jsxs16(Portal2, { children: [
+          showBackdrop && /* @__PURE__ */ jsx30(
+            ArkDialog.Backdrop,
+            {
+              className: cn(
+                "polli:fixed polli:inset-0 polli:z-[100] polli:bg-ink-950/50",
+                backdropClassName
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx30(
+            ArkDialog.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__ */ jsxs16(
+                ArkDialog.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__ */ jsx30(
+                      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 = ArkDialog.Title;
+
+// src/primitives/DropdownItem.tsx
+import { jsx as jsx31 } from "react/jsx-runtime";
+function DropdownItem({
+  as,
+  className,
+  children,
+  ...rest
+}) {
+  const Component = as || "button";
+  return /* @__PURE__ */ jsx31(
+    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__ */ jsx27(
-        Markdown2,
-        {
-          remarkPlugins: [remarkGfm2],
-          rehypePlugins: [rehypeSlug],
-          components: components2,
-          children
-        }
-      )
+      children
     }
   );
 }
 
-// src/primitives/Section.tsx
-import { Fragment as Fragment3, jsx as jsx28, jsxs as jsxs14 } from "react/jsx-runtime";
-var Section = ({
-  title,
+// src/primitives/Field.tsx
+import { Field } from "@ark-ui/react/field";
+
+// src/primitives/InlineLink.tsx
+import { jsx as jsx32, jsxs as jsxs17 } from "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__ */ jsxs14(
-  "section",
-  {
-    id,
-    className: cn2(
-      "polli:flex polli:scroll-mt-10 polli:flex-col polli:gap-4",
-      className
-    ),
-    children: [
-      /* @__PURE__ */ jsxs14("div", { className: "polli:flex polli:flex-wrap polli:items-center polli:justify-between polli:gap-3 polli:px-1", children: [
-        /* @__PURE__ */ jsx28(
-          "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__ */ jsx28("div", { className: cn2("polli:shrink-0", actionClassName), children: action })
-      ] }),
-      framed ? /* @__PURE__ */ jsxs14(
-        Surface,
-        {
-          variant: "panel",
-          theme,
-          className: cn2(
-            "polli:flex polli:flex-col polli:gap-5",
-            panelClassName
-          ),
-          children: [
-            intro && /* @__PURE__ */ jsx28("div", { className: "polli:max-w-2xl polli:text-theme-text-base", children: intro }),
-            children
-          ]
-        }
-      ) : /* @__PURE__ */ jsxs14(Fragment3, { children: [
-        intro && /* @__PURE__ */ jsx28(
-          "div",
+  ...linkProps
+}) {
+  const Component = as || "a";
+  const isExternal = external ?? isExternalHref2(linkProps.href);
+  return /* @__PURE__ */ jsxs17(
+    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__ */ jsx32(
+          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
+import { forwardRef as forwardRef2 } from "react";
+import { jsx as jsx33 } from "react/jsx-runtime";
+var Input = forwardRef2(
+  ({ className, error, hideNumberSteppers, ...props }, ref) => /* @__PURE__ */ jsx33(
+    "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
 import { forwardRef as forwardRef3 } from "react";
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { jsx as jsx34 } from "react/jsx-runtime";
 var toNumber = (value) => {
   if (typeof value === "number") return value;
   if (typeof value !== "string" || value.trim() === "") return void 0;
@@ -2199,7 +2664,7 @@ var Slider = forwardRef3(
       ...style,
       ...progressPercent === void 0 ? null : { "--polli-slider-progress": `${progressPercent}%` }
     };
-    return /* @__PURE__ */ jsx29(
+    return /* @__PURE__ */ jsx34(
       "input",
       {
         ref,
@@ -2209,61 +2674,17 @@ var Slider = forwardRef3(
         value,
         defaultValue,
         style: sliderStyle,
-        className: cn2("polli-slider", className),
+        className: cn("polli-slider", className),
         ...props
       }
     );
   }
 );
 
-// src/primitives/StatCard.tsx
-import { jsx as jsx30, jsxs as jsxs15 } from "react/jsx-runtime";
-var StatCard = ({
-  label,
-  value,
-  detail,
-  theme,
-  className,
-  labelClassName,
-  valueClassName,
-  detailClassName
-}) => /* @__PURE__ */ jsxs15("div", { "data-theme": theme, className: cn2("polli:text-sm", className), children: [
-  /* @__PURE__ */ jsx30(
-    "div",
-    {
-      className: cn2(
-        "polli:text-micro polli:font-bold polli:uppercase polli:tracking-wide polli:text-theme-text-strong",
-        labelClassName
-      ),
-      children: label
-    }
-  ),
-  /* @__PURE__ */ jsx30(
-    "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__ */ jsx30(
-    "div",
-    {
-      className: cn2(
-        "polli:mt-2 polli:text-xs polli:text-theme-text-soft",
-        detailClassName
-      ),
-      children: detail
-    }
-  )
-] });
-
 // src/primitives/Switch.tsx
-import { jsx as jsx31 } from "react/jsx-runtime";
+import { jsx as jsx35 } from "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"
 };
@@ -2277,7 +2698,7 @@ var Switch = ({
 }) => {
   const effectiveStatus = status ?? (checked ? "on" : "off");
   const resolvedAriaLabel = ariaLabel ?? (checked ? "Turn off toggle" : "Turn on toggle");
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx35(
     "button",
     {
       type: "button",
@@ -2286,16 +2707,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__ */ jsx31(
+      children: /* @__PURE__ */ jsx35(
         "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"
           )
         }
@@ -2305,7 +2726,7 @@ var Switch = ({
 };
 
 // src/primitives/Table.tsx
-import { Fragment as Fragment4, jsx as jsx32, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx36, jsxs as jsxs18 } from "react/jsx-runtime";
 var alignClasses = {
   left: "polli:text-left",
   center: "polli:text-center",
@@ -2317,42 +2738,42 @@ var rowIntentClasses = {
   warning: "polli:bg-intent-warning-bg-light/65",
   danger: "polli:bg-intent-danger-bg-light/65"
 };
-var Table = ({ className, ...rest }) => /* @__PURE__ */ jsx32(
+var Table = ({ className, ...rest }) => /* @__PURE__ */ jsx36(
   "table",
   {
     ...rest,
-    className: cn2(
+    className: cn(
       "polli:w-full polli:border-collapse polli:text-sm",
       className
     )
   }
 );
-var TableHead = ({ className, ...rest }) => /* @__PURE__ */ jsx32(
+var TableHead = ({ className, ...rest }) => /* @__PURE__ */ jsx36(
   "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__ */ jsx32(
+var TableBody = ({ className, ...rest }) => /* @__PURE__ */ jsx36(
   "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__ */ jsx32(
+}) => /* @__PURE__ */ jsx36(
   "tr",
   {
     ...rest,
-    className: cn2(
+    className: cn(
       "polli:transition-colors polli:hover:bg-theme-bg-subtle",
       rowIntentClasses[intent],
       className
@@ -2368,11 +2789,11 @@ var TableHeaderCell = ({
   children,
   ...rest
 }) => {
-  const content = /* @__PURE__ */ jsxs16(Fragment4, { children: [
-    /* @__PURE__ */ jsx32("span", { children }),
-    active && sortDirection && /* @__PURE__ */ jsx32("span", { "aria-hidden": "true", children: sortDirection === "asc" ? "^" : "v" })
+  const content = /* @__PURE__ */ jsxs18(Fragment5, { children: [
+    /* @__PURE__ */ jsx36("span", { children }),
+    active && sortDirection && /* @__PURE__ */ jsx36("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",
@@ -2380,14 +2801,14 @@ var TableHeaderCell = ({
     className
   );
   if (!onSort) {
-    return /* @__PURE__ */ jsx32("th", { ...rest, className: classes, children: content });
+    return /* @__PURE__ */ jsx36("th", { ...rest, className: classes, children: content });
   }
-  return /* @__PURE__ */ jsx32("th", { ...rest, className: classes, children: /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx36("th", { ...rest, className: classes, children: /* @__PURE__ */ jsx36(
     "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"
@@ -2402,11 +2823,11 @@ var TableCell = ({
   muted = false,
   className,
   ...rest
-}) => /* @__PURE__ */ jsx32(
+}) => /* @__PURE__ */ jsx36(
   "td",
   {
     ...rest,
-    className: cn2(
+    className: cn(
       "polli:px-3 polli:py-2 polli:align-middle",
       alignClasses[align],
       numeric && "polli:tabular-nums",
@@ -2418,18 +2839,18 @@ var TableCell = ({
 
 // src/primitives/Textarea.tsx
 import { forwardRef as forwardRef4 } from "react";
-import { jsx as jsx33 } from "react/jsx-runtime";
+import { jsx as jsx37 } from "react/jsx-runtime";
 var Textarea = forwardRef4(
-  ({ className, error, rows = 4, ...props }, ref) => /* @__PURE__ */ jsx33(
+  ({ className, error, rows = 4, ...props }, ref) => /* @__PURE__ */ jsx37(
     "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
@@ -2440,18 +2861,36 @@ var Textarea = forwardRef4(
 );
 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;
 export {
   Alert,
+  AppHeader,
   AppIcon,
+  AudioIcon,
   BeakerIcon,
   BookIcon,
   Button,
@@ -2461,6 +2900,7 @@ export {
   Chip,
   ClipboardIcon,
   ClockIcon,
+  CodeBlock,
   Collapsible,
   CopyButton,
   Dialog,
@@ -2475,6 +2915,7 @@ export {
   FileUpload,
   GenApiIcon,
   GitHubIcon,
+  Heading,
   IconButton,
   ImageIcon,
   InfoTip,
@@ -2485,10 +2926,12 @@ export {
   MailIcon,
   Markdown,
   McpIcon,
+  MediaPlaceholder,
   MenuIcon,
   MultiSelect,
   NavItem,
   PeriodPicker,
+  PlusIcon,
   Prose,
   ScrollArea,
   Section,
@@ -2504,16 +2947,20 @@ export {
   TableHeaderCell,
   TableRow,
   TerminalIcon,
+  Text,
   Textarea,
   TokensIcon,
   Tooltip,
   TrendUpIcon,
   WalletIcon,
   XIcon,
-  cn,
+  cn2 as cn,
   currentPeriod,
   getPeriodBucketKeys,
+  headingClassName,
   periodBucketKeyToDate,
+  textClassName,
+  themePalette,
   themes,
   useScrollLock
 };