@nastechai-research/ui 0.18.2

package/dist/ui/components/scramble.js

@@ -0,0 +1,63 @@
+"use client";
+import { Fragment, jsx } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+const CHARS = '.,\xB7-\u2500~+:;=*\u03C0""\u2510\u250C\u2518\u2534\u252C\u2557\u2554\u255D\u255A\u256C\u2560\u2563\u2569\u2566\u2551\u2591\u2592\u2593\u2588\u2584\u2580\u258C\u2590\u25A0!?&#$@0123456789*';
+export function Scramble({
+  children,
+  dur = 666,
+  spread = 1,
+  target
+}) {
+  const text = String(children);
+  const len = text.length;
+  const [display, setDisplay] = useState(text);
+  const frame = useRef(null);
+  const waves = useRef([]);
+  useEffect(() => {
+    const el = target?.current;
+    if (!el) {
+      return;
+    }
+    const animate = () => {
+      const t = Date.now();
+      waves.current = waves.current.filter((w) => t - w.time < dur);
+      if (!waves.current.length) {
+        setDisplay(text);
+        frame.current = null;
+        return;
+      }
+      setDisplay(
+        text.split("").map((c, i) => {
+          if (c === " ") {
+            return c;
+          }
+          for (const w of waves.current) {
+            const age = t - w.time;
+            const rad = Math.min(age / dur, 1) * (Math.max(w.pos, len - w.pos - 1) + 5) / spread;
+            const dist = Math.abs(i - w.pos);
+            const int = rad - dist;
+            if (dist <= rad && int > 0 && int <= 3) {
+              return CHARS[(dist * 3 + (age / 40 | 0)) % CHARS.length];
+            }
+          }
+          return c;
+        }).join("")
+      );
+      frame.current = requestAnimationFrame(animate);
+    };
+    const onEnter = () => {
+      waves.current.push({ pos: len >> 1, time: Date.now() });
+      frame.current ??= requestAnimationFrame(animate);
+    };
+    el.addEventListener("mouseenter", onEnter);
+    return () => {
+      el.removeEventListener("mouseenter", onEnter);
+      frame.current && cancelAnimationFrame(frame.current);
+    };
+  }, [target, text, len, dur, spread]);
+  useEffect(() => {
+    setDisplay(text);
+  }, [text]);
+  return /* @__PURE__ */ jsx(Fragment, { children: display });
+}
+//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsiPHN0ZGluPiJdLAogICJzb3VyY2VzQ29udGVudCI6IFsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHR5cGUgeyBSZWZPYmplY3QgfSBmcm9tICdyZWFjdCdcblxuY29uc3QgQ0hBUlMgPSAnLixcdTAwQjctXHUyNTAwfis6Oz0qXHUwM0MwXCJcIlx1MjUxMFx1MjUwQ1x1MjUxOFx1MjUzNFx1MjUyQ1x1MjU1N1x1MjU1NFx1MjU1RFx1MjU1QVx1MjU2Q1x1MjU2MFx1MjU2M1x1MjU2OVx1MjU2Nlx1MjU1MVx1MjU5MVx1MjU5Mlx1MjU5M1x1MjU4OFx1MjU4NFx1MjU4MFx1MjU4Q1x1MjU5MFx1MjVBMCE/JiMkQDAxMjM0NTY3ODkqJ1xuXG5leHBvcnQgZnVuY3Rpb24gU2NyYW1ibGUoe1xuICBjaGlsZHJlbixcbiAgZHVyID0gNjY2LFxuICBzcHJlYWQgPSAxLFxuICB0YXJnZXRcbn06IFNjcmFtYmxlUHJvcHMpIHtcbiAgY29uc3QgdGV4dCA9IFN0cmluZyhjaGlsZHJlbilcbiAgY29uc3QgbGVuID0gdGV4dC5sZW5ndGhcbiAgY29uc3QgW2Rpc3BsYXksIHNldERpc3BsYXldID0gdXNlU3RhdGUodGV4dClcbiAgY29uc3QgZnJhbWUgPSB1c2VSZWY8bnVsbCB8IG51bWJlcj4obnVsbClcbiAgY29uc3Qgd2F2ZXMgPSB1c2VSZWY8eyBwb3M6IG51bWJlcjsgdGltZTogbnVtYmVyIH1bXT4oW10pXG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBlbCA9IHRhcmdldD8uY3VycmVudFxuXG4gICAgaWYgKCFlbCkge1xuICAgICAgcmV0dXJuXG4gICAgfVxuXG4gICAgY29uc3QgYW5pbWF0ZSA9ICgpID0+IHtcbiAgICAgIGNvbnN0IHQgPSBEYXRlLm5vdygpXG4gICAgICB3YXZlcy5jdXJyZW50ID0gd2F2ZXMuY3VycmVudC5maWx0ZXIodyA9PiB0IC0gdy50aW1lIDwgZHVyKVxuXG4gICAgICBpZiAoIXdhdmVzLmN1cnJlbnQubGVuZ3RoKSB7XG4gICAgICAgIHNldERpc3BsYXkodGV4dClcbiAgICAgICAgZnJhbWUuY3VycmVudCA9IG51bGxcblxuICAgICAgICByZXR1cm5cbiAgICAgIH1cblxuICAgICAgc2V0RGlzcGxheShcbiAgICAgICAgdGV4dFxuICAgICAgICAgIC5zcGxpdCgnJylcbiAgICAgICAgICAubWFwKChjLCBpKSA9PiB7XG4gICAgICAgICAgICBpZiAoYyA9PT0gJyAnKSB7XG4gICAgICAgICAgICAgIHJldHVybiBjXG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIGZvciAoY29uc3QgdyBvZiB3YXZlcy5jdXJyZW50KSB7XG4gICAgICAgICAgICAgIGNvbnN0IGFnZSA9IHQgLSB3LnRpbWVcblxuICAgICAgICAgICAgICBjb25zdCByYWQgPVxuICAgICAgICAgICAgICAgIChNYXRoLm1pbihhZ2UgLyBkdXIsIDEpICpcbiAgICAgICAgICAgICAgICAgIChNYXRoLm1heCh3LnBvcywgbGVuIC0gdy5wb3MgLSAxKSArIDUpKSAvXG4gICAgICAgICAgICAgICAgc3ByZWFkXG5cbiAgICAgICAgICAgICAgY29uc3QgZGlzdCA9IE1hdGguYWJzKGkgLSB3LnBvcylcbiAgICAgICAgICAgICAgY29uc3QgaW50ID0gcmFkIC0gZGlzdFxuXG4gICAgICAgICAgICAgIGlmIChkaXN0IDw9IHJhZCAmJiBpbnQgPiAwICYmIGludCA8PSAzKSB7XG4gICAgICAgICAgICAgICAgcmV0dXJuIENIQVJTWyhkaXN0ICogMyArICgoYWdlIC8gNDApIHwgMCkpICUgQ0hBUlMubGVuZ3RoXVxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIHJldHVybiBjXG4gICAgICAgICAgfSlcbiAgICAgICAgICAuam9pbignJylcbiAgICAgIClcblxuICAgICAgZnJhbWUuY3VycmVudCA9IHJlcXVlc3RBbmltYXRpb25GcmFtZShhbmltYXRlKVxuICAgIH1cblxuICAgIGNvbnN0IG9uRW50ZXIgPSAoKSA9PiB7XG4gICAgICB3YXZlcy5jdXJyZW50LnB1c2goeyBwb3M6IGxlbiA+PiAxLCB0aW1lOiBEYXRlLm5vdygpIH0pXG4gICAgICBmcmFtZS5jdXJyZW50ID8/PSByZXF1ZXN0QW5pbWF0aW9uRnJhbWUoYW5pbWF0ZSlcbiAgICB9XG5cbiAgICBlbC5hZGRFdmVudExpc3RlbmVyKCdtb3VzZWVudGVyJywgb25FbnRlcilcblxuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICBlbC5yZW1vdmVFdmVudExpc3RlbmVyKCdtb3VzZWVudGVyJywgb25FbnRlcilcbiAgICAgIGZyYW1lLmN1cnJlbnQgJiYgY2FuY2VsQW5pbWF0aW9uRnJhbWUoZnJhbWUuY3VycmVudClcbiAgICB9XG4gIH0sIFt0YXJnZXQsIHRleHQsIGxlbiwgZHVyLCBzcHJlYWRdKVxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgc2V0RGlzcGxheSh0ZXh0KVxuICB9LCBbdGV4dF0pXG5cbiAgcmV0dXJuIDw+e2Rpc3BsYXl9PC8+XG59XG5cbmludGVyZmFjZSBTY3JhbWJsZVByb3BzIHtcbiAgY2hpbGRyZW46IHN0cmluZ1xuICBkdXI/OiBudW1iZXJcbiAgc3ByZWFkPzogbnVtYmVyXG4gIHRhcmdldD86IFJlZk9iamVjdDxIVE1MRWxlbWVudCB8IG51bGw+XG59XG4iXSwKICAibWFwcGluZ3MiOiAiO0FBc0ZTO0FBcEZULFNBQVMsV0FBVyxRQUFRLGdCQUFnQjtBQUc1QyxNQUFNLFFBQVE7QUFFUCxnQkFBUyxTQUFTO0FBQUEsRUFDdkI7QUFBQSxFQUNBLE1BQU07QUFBQSxFQUNOLFNBQVM7QUFBQSxFQUNUO0FBQ0YsR0FBa0I7QUFDaEIsUUFBTSxPQUFPLE9BQU8sUUFBUTtBQUM1QixRQUFNLE1BQU0sS0FBSztBQUNqQixRQUFNLENBQUMsU0FBUyxVQUFVLElBQUksU0FBUyxJQUFJO0FBQzNDLFFBQU0sUUFBUSxPQUFzQixJQUFJO0FBQ3hDLFFBQU0sUUFBUSxPQUF3QyxDQUFDLENBQUM7QUFFeEQsWUFBVSxNQUFNO0FBQ2QsVUFBTSxLQUFLLFFBQVE7QUFFbkIsUUFBSSxDQUFDLElBQUk7QUFDUDtBQUFBLElBQ0Y7QUFFQSxVQUFNLFVBQVUsTUFBTTtBQUNwQixZQUFNLElBQUksS0FBSyxJQUFJO0FBQ25CLFlBQU0sVUFBVSxNQUFNLFFBQVEsT0FBTyxPQUFLLElBQUksRUFBRSxPQUFPLEdBQUc7QUFFMUQsVUFBSSxDQUFDLE1BQU0sUUFBUSxRQUFRO0FBQ3pCLG1CQUFXLElBQUk7QUFDZixjQUFNLFVBQVU7QUFFaEI7QUFBQSxNQUNGO0FBRUE7QUFBQSxRQUNFLEtBQ0csTUFBTSxFQUFFLEVBQ1IsSUFBSSxDQUFDLEdBQUcsTUFBTTtBQUNiLGNBQUksTUFBTSxLQUFLO0FBQ2IsbUJBQU87QUFBQSxVQUNUO0FBRUEscUJBQVcsS0FBSyxNQUFNLFNBQVM7QUFDN0Isa0JBQU0sTUFBTSxJQUFJLEVBQUU7QUFFbEIsa0JBQU0sTUFDSCxLQUFLLElBQUksTUFBTSxLQUFLLENBQUMsS0FDbkIsS0FBSyxJQUFJLEVBQUUsS0FBSyxNQUFNLEVBQUUsTUFBTSxDQUFDLElBQUksS0FDdEM7QUFFRixrQkFBTSxPQUFPLEtBQUssSUFBSSxJQUFJLEVBQUUsR0FBRztBQUMvQixrQkFBTSxNQUFNLE1BQU07QUFFbEIsZ0JBQUksUUFBUSxPQUFPLE1BQU0sS0FBSyxPQUFPLEdBQUc7QUFDdEMscUJBQU8sT0FBTyxPQUFPLEtBQU0sTUFBTSxLQUFNLE1BQU0sTUFBTSxNQUFNO0FBQUEsWUFDM0Q7QUFBQSxVQUNGO0FBRUEsaUJBQU87QUFBQSxRQUNULENBQUMsRUFDQSxLQUFLLEVBQUU7QUFBQSxNQUNaO0FBRUEsWUFBTSxVQUFVLHNCQUFzQixPQUFPO0FBQUEsSUFDL0M7QUFFQSxVQUFNLFVBQVUsTUFBTTtBQUNwQixZQUFNLFFBQVEsS0FBSyxFQUFFLEtBQUssT0FBTyxHQUFHLE1BQU0sS0FBSyxJQUFJLEVBQUUsQ0FBQztBQUN0RCxZQUFNLFlBQVksc0JBQXNCLE9BQU87QUFBQSxJQUNqRDtBQUVBLE9BQUcsaUJBQWlCLGNBQWMsT0FBTztBQUV6QyxXQUFPLE1BQU07QUFDWCxTQUFHLG9CQUFvQixjQUFjLE9BQU87QUFDNUMsWUFBTSxXQUFXLHFCQUFxQixNQUFNLE9BQU87QUFBQSxJQUNyRDtBQUFBLEVBQ0YsR0FBRyxDQUFDLFFBQVEsTUFBTSxLQUFLLEtBQUssTUFBTSxDQUFDO0FBRW5DLFlBQVUsTUFBTTtBQUNkLGVBQVcsSUFBSTtBQUFBLEVBQ2pCLEdBQUcsQ0FBQyxJQUFJLENBQUM7QUFFVCxTQUFPLGdDQUFHLG1CQUFRO0FBQ3BCOyIsCiAgIm5hbWVzIjogW10KfQo=

package/dist/ui/components/segmented.d.ts

@@ -0,0 +1,20 @@
+import { type ReactNode } from 'react';
+export declare function Segmented<T extends string>({ className, onChange, options, size, value }: SegmentedProps<T>): import("react").JSX.Element;
+export declare function FilterGroup({ children, className, label }: FilterGroupProps): import("react").JSX.Element;
+interface FilterGroupProps {
+    children: ReactNode;
+    className?: string;
+    label: string;
+}
+interface SegmentedOption<T extends string> {
+    label: string;
+    value: T;
+}
+interface SegmentedProps<T extends string> {
+    className?: string;
+    onChange: (value: T) => void;
+    options: SegmentedOption<T>[];
+    size?: 'md' | 'sm';
+    value: T;
+}
+export {};

package/dist/ui/components/segmented.js

@@ -0,0 +1,51 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../utils/index.js";
+export function Segmented({
+  className,
+  onChange,
+  options,
+  size = "sm",
+  value
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "inline-flex border border-midground/15 bg-background/30",
+        className
+      ),
+      role: "radiogroup",
+      children: options.map((opt) => {
+        const active = opt.value === value;
+        return /* @__PURE__ */ jsx(
+          "button",
+          {
+            "aria-checked": active,
+            className: cn(
+              "font-mondwest text-display tracking-[0.1em]",
+              "transition-colors cursor-pointer whitespace-nowrap",
+              "border-r border-midground/15 last:border-r-0",
+              "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-midground/30",
+              size === "sm" && "h-7 px-2.5 text-xs",
+              size === "md" && "h-8 px-3 text-xs",
+              active ? "bg-midground text-background" : "text-text-secondary hover:bg-midground/10 hover:text-midground"
+            ),
+            onClick: () => onChange(opt.value),
+            role: "radio",
+            type: "button",
+            children: opt.label
+          },
+          opt.value
+        );
+      })
+    }
+  );
+}
+export function FilterGroup({ children, className, label }) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-2", className), children: [
+    /* @__PURE__ */ jsx("span", { className: "font-mondwest text-display text-xs tracking-[0.12em] text-text-tertiary", children: label }),
+    children
+  ] });
+}
+//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsiPHN0ZGluPiJdLAogICJzb3VyY2VzQ29udGVudCI6IFsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCB7IHR5cGUgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5cbmltcG9ydCB7IGNuIH0gZnJvbSAnLi4vLi4vdXRpbHMnXG5cbmV4cG9ydCBmdW5jdGlvbiBTZWdtZW50ZWQ8VCBleHRlbmRzIHN0cmluZz4oe1xuICBjbGFzc05hbWUsXG4gIG9uQ2hhbmdlLFxuICBvcHRpb25zLFxuICBzaXplID0gJ3NtJyxcbiAgdmFsdWVcbn06IFNlZ21lbnRlZFByb3BzPFQ+KSB7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY2xhc3NOYW1lPXtjbihcbiAgICAgICAgJ2lubGluZS1mbGV4IGJvcmRlciBib3JkZXItbWlkZ3JvdW5kLzE1IGJnLWJhY2tncm91bmQvMzAnLFxuICAgICAgICBjbGFzc05hbWVcbiAgICAgICl9XG4gICAgICByb2xlPVwicmFkaW9ncm91cFwiXG4gICAgPlxuICAgICAge29wdGlvbnMubWFwKG9wdCA9PiB7XG4gICAgICAgIGNvbnN0IGFjdGl2ZSA9IG9wdC52YWx1ZSA9PT0gdmFsdWVcblxuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgIGFyaWEtY2hlY2tlZD17YWN0aXZlfVxuICAgICAgICAgICAgY2xhc3NOYW1lPXtjbihcbiAgICAgICAgICAgICAgJ2ZvbnQtbW9uZHdlc3QgdGV4dC1kaXNwbGF5IHRyYWNraW5nLVswLjFlbV0nLFxuICAgICAgICAgICAgICAndHJhbnNpdGlvbi1jb2xvcnMgY3Vyc29yLXBvaW50ZXIgd2hpdGVzcGFjZS1ub3dyYXAnLFxuICAgICAgICAgICAgICAnYm9yZGVyLXIgYm9yZGVyLW1pZGdyb3VuZC8xNSBsYXN0OmJvcmRlci1yLTAnLFxuICAgICAgICAgICAgICAnZm9jdXMtdmlzaWJsZTpvdXRsaW5lLW5vbmUgZm9jdXMtdmlzaWJsZTpyaW5nLTEgZm9jdXMtdmlzaWJsZTpyaW5nLW1pZGdyb3VuZC8zMCcsXG4gICAgICAgICAgICAgIHNpemUgPT09ICdzbScgJiYgJ2gtNyBweC0yLjUgdGV4dC14cycsXG4gICAgICAgICAgICAgIHNpemUgPT09ICdtZCcgJiYgJ2gtOCBweC0zIHRleHQteHMnLFxuICAgICAgICAgICAgICBhY3RpdmVcbiAgICAgICAgICAgICAgICA/ICdiZy1taWRncm91bmQgdGV4dC1iYWNrZ3JvdW5kJ1xuICAgICAgICAgICAgICAgIDogJ3RleHQtdGV4dC1zZWNvbmRhcnkgaG92ZXI6YmctbWlkZ3JvdW5kLzEwIGhvdmVyOnRleHQtbWlkZ3JvdW5kJ1xuICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIGtleT17b3B0LnZhbHVlfVxuICAgICAgICAgICAgb25DbGljaz17KCkgPT4gb25DaGFuZ2Uob3B0LnZhbHVlKX1cbiAgICAgICAgICAgIHJvbGU9XCJyYWRpb1wiXG4gICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICB7b3B0LmxhYmVsfVxuICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICApXG4gICAgICB9KX1cbiAgICA8L2Rpdj5cbiAgKVxufVxuXG5leHBvcnQgZnVuY3Rpb24gRmlsdGVyR3JvdXAoeyBjaGlsZHJlbiwgY2xhc3NOYW1lLCBsYWJlbCB9OiBGaWx0ZXJHcm91cFByb3BzKSB7XG4gIHJldHVybiAoXG4gICAgPGRpdiBjbGFzc05hbWU9e2NuKCdmbGV4IGl0ZW1zLWNlbnRlciBnYXAtMicsIGNsYXNzTmFtZSl9PlxuICAgICAgPHNwYW4gY2xhc3NOYW1lPVwiZm9udC1tb25kd2VzdCB0ZXh0LWRpc3BsYXkgdGV4dC14cyB0cmFja2luZy1bMC4xMmVtXSB0ZXh0LXRleHQtdGVydGlhcnlcIj5cbiAgICAgICAge2xhYmVsfVxuICAgICAgPC9zcGFuPlxuXG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9kaXY+XG4gIClcbn1cblxuaW50ZXJmYWNlIEZpbHRlckdyb3VwUHJvcHMge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBsYWJlbDogc3RyaW5nXG59XG5cbmludGVyZmFjZSBTZWdtZW50ZWRPcHRpb248VCBleHRlbmRzIHN0cmluZz4ge1xuICBsYWJlbDogc3RyaW5nXG4gIHZhbHVlOiBUXG59XG5cbmludGVyZmFjZSBTZWdtZW50ZWRQcm9wczxUIGV4dGVuZHMgc3RyaW5nPiB7XG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBvbkNoYW5nZTogKHZhbHVlOiBUKSA9PiB2b2lkXG4gIG9wdGlvbnM6IFNlZ21lbnRlZE9wdGlvbjxUPltdXG4gIHNpemU/OiAnbWQnIHwgJ3NtJ1xuICB2YWx1ZTogVFxufVxuIl0sCiAgIm1hcHBpbmdzIjogIjtBQXlCVSxjQTRCTixZQTVCTTtBQXJCVixTQUFTLFVBQVU7QUFFWixnQkFBUyxVQUE0QjtBQUFBLEVBQzFDO0FBQUEsRUFDQTtBQUFBLEVBQ0E7QUFBQSxFQUNBLE9BQU87QUFBQSxFQUNQO0FBQ0YsR0FBc0I7QUFDcEIsU0FDRTtBQUFBLElBQUM7QUFBQTtBQUFBLE1BQ0MsV0FBVztBQUFBLFFBQ1Q7QUFBQSxRQUNBO0FBQUEsTUFDRjtBQUFBLE1BQ0EsTUFBSztBQUFBLE1BRUosa0JBQVEsSUFBSSxTQUFPO0FBQ2xCLGNBQU0sU0FBUyxJQUFJLFVBQVU7QUFFN0IsZUFDRTtBQUFBLFVBQUM7QUFBQTtBQUFBLFlBQ0MsZ0JBQWM7QUFBQSxZQUNkLFdBQVc7QUFBQSxjQUNUO0FBQUEsY0FDQTtBQUFBLGNBQ0E7QUFBQSxjQUNBO0FBQUEsY0FDQSxTQUFTLFFBQVE7QUFBQSxjQUNqQixTQUFTLFFBQVE7QUFBQSxjQUNqQixTQUNJLGlDQUNBO0FBQUEsWUFDTjtBQUFBLFlBRUEsU0FBUyxNQUFNLFNBQVMsSUFBSSxLQUFLO0FBQUEsWUFDakMsTUFBSztBQUFBLFlBQ0wsTUFBSztBQUFBLFlBRUosY0FBSTtBQUFBO0FBQUEsVUFMQSxJQUFJO0FBQUEsUUFNWDtBQUFBLE1BRUosQ0FBQztBQUFBO0FBQUEsRUFDSDtBQUVKO0FBRU8sZ0JBQVMsWUFBWSxFQUFFLFVBQVUsV0FBVyxNQUFNLEdBQXFCO0FBQzVFLFNBQ0UscUJBQUMsU0FBSSxXQUFXLEdBQUcsMkJBQTJCLFNBQVMsR0FDckQ7QUFBQSx3QkFBQyxVQUFLLFdBQVUsMkVBQ2IsaUJBQ0g7QUFBQSxJQUVDO0FBQUEsS0FDSDtBQUVKOyIsCiAgIm5hbWVzIjogW10KfQo=

package/dist/ui/components/select.d.ts

@@ -0,0 +1,18 @@
+import { type CSSProperties, type ReactNode } from 'react';
+export declare function Select({ children, className, disabled, id, onValueChange, placeholder, style, value }: SelectProps): import("react").JSX.Element;
+export declare function SelectOption(_props: SelectOptionProps): null;
+interface SelectOptionProps {
+    children: ReactNode;
+    value: string;
+}
+interface SelectProps {
+    children?: ReactNode;
+    className?: string;
+    disabled?: boolean;
+    id?: string;
+    onValueChange?: (value: string) => void;
+    placeholder?: string;
+    style?: CSSProperties;
+    value?: string;
+}
+export {};

package/dist/ui/components/select.js

@@ -0,0 +1,215 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  Children,
+  isValidElement,
+  useCallback,
+  useEffect,
+  useMemo,
+  useRef,
+  useState
+} from "react";
+import { cn } from "../../utils/index.js";
+const TRIGGER_CN = "flex h-9 w-full items-center justify-between gap-2 border border-midground/15 bg-background/40 px-3 py-1 font-courier text-sm text-left text-midground transition-colors hover:border-midground/25 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-midground/30 focus-visible:border-midground/30 disabled:cursor-not-allowed disabled:opacity-50 cursor-pointer";
+const LISTBOX_CN = "absolute z-50 mt-1 w-full max-h-60 overflow-auto border border-midground/15 bg-background-base text-midground shadow-lg";
+export function Select({
+  children,
+  className,
+  disabled,
+  id,
+  onValueChange,
+  placeholder,
+  style,
+  value
+}) {
+  const [open, setOpen] = useState(false);
+  const [highlightedIndex, setHighlightedIndex] = useState(-1);
+  const containerRef = useRef(null);
+  const listRef = useRef(null);
+  const options = useMemo(() => collectOptions(children), [children]);
+  const selected = options.find((o) => o.value === value);
+  const displayLabel = selected?.label ?? placeholder ?? value ?? "";
+  const close = useCallback(() => {
+    setOpen(false);
+    setHighlightedIndex(-1);
+  }, []);
+  useEffect(() => {
+    if (!open) return;
+    const ac = new AbortController();
+    document.addEventListener(
+      "mousedown",
+      (e) => {
+        if (!containerRef.current?.contains(e.target)) close();
+      },
+      { signal: ac.signal }
+    );
+    return () => ac.abort();
+  }, [open, close]);
+  useEffect(() => {
+    if (!open || highlightedIndex < 0) return;
+    const el = listRef.current?.children[highlightedIndex];
+    el?.scrollIntoView({ block: "nearest" });
+  }, [open, highlightedIndex]);
+  const handleKeyDown = (e) => {
+    if (disabled) return;
+    switch (e.key) {
+      case "Enter":
+      case " ":
+        e.preventDefault();
+        if (!open) {
+          setOpen(true);
+          setHighlightedIndex(options.findIndex((o) => o.value === value));
+        } else if (highlightedIndex >= 0 && options[highlightedIndex]) {
+          onValueChange?.(options[highlightedIndex].value);
+          close();
+        }
+        break;
+      case "ArrowDown":
+        e.preventDefault();
+        if (!open) {
+          setOpen(true);
+          setHighlightedIndex(options.findIndex((o) => o.value === value));
+        } else {
+          setHighlightedIndex((i) => Math.min(i + 1, options.length - 1));
+        }
+        break;
+      case "ArrowUp":
+        e.preventDefault();
+        if (open) setHighlightedIndex((i) => Math.max(i - 1, 0));
+        break;
+      case "Home":
+        if (open) {
+          e.preventDefault();
+          setHighlightedIndex(0);
+        }
+        break;
+      case "End":
+        if (open) {
+          e.preventDefault();
+          setHighlightedIndex(options.length - 1);
+        }
+        break;
+      case "Escape":
+        e.preventDefault();
+        close();
+        break;
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn("relative", className),
+      id,
+      ref: containerRef,
+      style,
+      children: [
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            "aria-expanded": open,
+            "aria-haspopup": "listbox",
+            className: TRIGGER_CN,
+            disabled,
+            onClick: () => !disabled && setOpen((o) => !o),
+            onKeyDown: handleKeyDown,
+            role: "combobox",
+            type: "button",
+            children: [
+              /* @__PURE__ */ jsx("span", { className: cn("truncate", !selected && "text-midground/50"), children: displayLabel }),
+              /* @__PURE__ */ jsx(
+                ChevronDownGlyph,
+                {
+                  className: cn(
+                    "size-3 shrink-0 text-midground/60 transition-transform",
+                    open && "rotate-180"
+                  )
+                }
+              )
+            ]
+          }
+        ),
+        open && /* @__PURE__ */ jsx("div", { className: LISTBOX_CN, ref: listRef, role: "listbox", children: options.map((opt, i) => {
+          const isSelected = opt.value === value;
+          const isHighlighted = i === highlightedIndex;
+          return /* @__PURE__ */ jsxs(
+            "div",
+            {
+              "aria-selected": isSelected,
+              className: cn(
+                "flex cursor-pointer items-center gap-2 px-3 py-2",
+                "font-courier text-sm transition-colors",
+                isHighlighted && "bg-midground/10",
+                isSelected ? "text-midground" : "text-midground/70"
+              ),
+              onClick: () => {
+                onValueChange?.(opt.value);
+                close();
+              },
+              onMouseEnter: () => setHighlightedIndex(i),
+              role: "option",
+              children: [
+                /* @__PURE__ */ jsx(
+                  CheckGlyph,
+                  {
+                    className: cn(
+                      "size-3 shrink-0",
+                      isSelected ? "opacity-100" : "opacity-0"
+                    )
+                  }
+                ),
+                /* @__PURE__ */ jsx("span", { className: "truncate", children: opt.label })
+              ]
+            },
+            opt.value
+          );
+        }) })
+      ]
+    }
+  );
+}
+export function SelectOption(_props) {
+  return null;
+}
+const ChevronDownGlyph = ({ className }) => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    "aria-hidden": true,
+    className,
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "square",
+    strokeWidth: 1.5,
+    viewBox: "0 0 12 12",
+    children: /* @__PURE__ */ jsx("path", { d: "M2.5 4.5 6 8l3.5-3.5" })
+  }
+);
+const CheckGlyph = ({ className }) => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    "aria-hidden": true,
+    className,
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "square",
+    strokeWidth: 1.5,
+    viewBox: "0 0 12 12",
+    children: /* @__PURE__ */ jsx("path", { d: "m2.5 6.5 2.5 2.5L9.5 3.5" })
+  }
+);
+function collectOptions(children) {
+  const out = [];
+  Children.forEach(children, (child) => {
+    if (!isValidElement(child)) return;
+    const el = child;
+    if (el.props.value !== void 0) {
+      out.push({
+        label: typeof el.props.children === "string" ? el.props.children : String(el.props.value),
+        value: String(el.props.value)
+      });
+    } else if (el.props.children) {
+      out.push(...collectOptions(el.props.children));
+    }
+  });
+  return out;
+}
+//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsiPHN0ZGluPiJdLAogICJzb3VyY2VzQ29udGVudCI6IFsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCB7XG4gIENoaWxkcmVuLFxuICBpc1ZhbGlkRWxlbWVudCxcbiAgdXNlQ2FsbGJhY2ssXG4gIHVzZUVmZmVjdCxcbiAgdXNlTWVtbyxcbiAgdXNlUmVmLFxuICB1c2VTdGF0ZSxcbiAgdHlwZSBDU1NQcm9wZXJ0aWVzLFxuICB0eXBlIEtleWJvYXJkRXZlbnQsXG4gIHR5cGUgUmVhY3RFbGVtZW50LFxuICB0eXBlIFJlYWN0Tm9kZVxufSBmcm9tICdyZWFjdCdcblxuaW1wb3J0IHsgY24gfSBmcm9tICcuLi8uLi91dGlscydcblxuY29uc3QgVFJJR0dFUl9DTiA9XG4gICdmbGV4IGgtOSB3LWZ1bGwgaXRlbXMtY2VudGVyIGp1c3RpZnktYmV0d2VlbiBnYXAtMiAnICtcbiAgJ2JvcmRlciBib3JkZXItbWlkZ3JvdW5kLzE1IGJnLWJhY2tncm91bmQvNDAgcHgtMyBweS0xICcgK1xuICAnZm9udC1jb3VyaWVyIHRleHQtc20gdGV4dC1sZWZ0IHRleHQtbWlkZ3JvdW5kIHRyYW5zaXRpb24tY29sb3JzICcgK1xuICAnaG92ZXI6Ym9yZGVyLW1pZGdyb3VuZC8yNSAnICtcbiAgJ2ZvY3VzLXZpc2libGU6b3V0bGluZS1ub25lIGZvY3VzLXZpc2libGU6cmluZy0xIGZvY3VzLXZpc2libGU6cmluZy1taWRncm91bmQvMzAgZm9jdXMtdmlzaWJsZTpib3JkZXItbWlkZ3JvdW5kLzMwICcgK1xuICAnZGlzYWJsZWQ6Y3Vyc29yLW5vdC1hbGxvd2VkIGRpc2FibGVkOm9wYWNpdHktNTAgJyArXG4gICdjdXJzb3ItcG9pbnRlcidcblxuY29uc3QgTElTVEJPWF9DTiA9XG4gICdhYnNvbHV0ZSB6LTUwIG10LTEgdy1mdWxsIG1heC1oLTYwIG92ZXJmbG93LWF1dG8gJyArXG4gICdib3JkZXIgYm9yZGVyLW1pZGdyb3VuZC8xNSBiZy1iYWNrZ3JvdW5kLWJhc2UgdGV4dC1taWRncm91bmQgc2hhZG93LWxnJ1xuXG5leHBvcnQgZnVuY3Rpb24gU2VsZWN0KHtcbiAgY2hpbGRyZW4sXG4gIGNsYXNzTmFtZSxcbiAgZGlzYWJsZWQsXG4gIGlkLFxuICBvblZhbHVlQ2hhbmdlLFxuICBwbGFjZWhvbGRlcixcbiAgc3R5bGUsXG4gIHZhbHVlXG59OiBTZWxlY3RQcm9wcykge1xuICBjb25zdCBbb3Blbiwgc2V0T3Blbl0gPSB1c2VTdGF0ZShmYWxzZSlcbiAgY29uc3QgW2hpZ2hsaWdodGVkSW5kZXgsIHNldEhpZ2hsaWdodGVkSW5kZXhdID0gdXNlU3RhdGUoLTEpXG4gIGNvbnN0IGNvbnRhaW5lclJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbClcbiAgY29uc3QgbGlzdFJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbClcblxuICBjb25zdCBvcHRpb25zID0gdXNlTWVtbygoKSA9PiBjb2xsZWN0T3B0aW9ucyhjaGlsZHJlbiksIFtjaGlsZHJlbl0pXG4gIGNvbnN0IHNlbGVjdGVkID0gb3B0aW9ucy5maW5kKG8gPT4gby52YWx1ZSA9PT0gdmFsdWUpXG4gIGNvbnN0IGRpc3BsYXlMYWJlbCA9IHNlbGVjdGVkPy5sYWJlbCA/PyBwbGFjZWhvbGRlciA/PyB2YWx1ZSA/PyAnJ1xuXG4gIGNvbnN0IGNsb3NlID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIHNldE9wZW4oZmFsc2UpXG4gICAgc2V0SGlnaGxpZ2h0ZWRJbmRleCgtMSlcbiAgfSwgW10pXG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoIW9wZW4pIHJldHVyblxuICAgIGNvbnN0IGFjID0gbmV3IEFib3J0Q29udHJvbGxlcigpXG4gICAgZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcihcbiAgICAgICdtb3VzZWRvd24nLFxuICAgICAgZSA9PiB7XG4gICAgICAgIGlmICghY29udGFpbmVyUmVmLmN1cnJlbnQ/LmNvbnRhaW5zKGUudGFyZ2V0IGFzIE5vZGUpKSBjbG9zZSgpXG4gICAgICB9LFxuICAgICAgeyBzaWduYWw6IGFjLnNpZ25hbCB9XG4gICAgKVxuICAgIHJldHVybiAoKSA9PiBhYy5hYm9ydCgpXG4gIH0sIFtvcGVuLCBjbG9zZV0pXG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoIW9wZW4gfHwgaGlnaGxpZ2h0ZWRJbmRleCA8IDApIHJldHVyblxuICAgIGNvbnN0IGVsID0gbGlzdFJlZi5jdXJyZW50Py5jaGlsZHJlbltoaWdobGlnaHRlZEluZGV4XSBhc1xuICAgICAgfCBIVE1MRWxlbWVudFxuICAgICAgfCB1bmRlZmluZWRcbiAgICBlbD8uc2Nyb2xsSW50b1ZpZXcoeyBibG9jazogJ25lYXJlc3QnIH0pXG4gIH0sIFtvcGVuLCBoaWdobGlnaHRlZEluZGV4XSlcblxuICBjb25zdCBoYW5kbGVLZXlEb3duID0gKGU6IEtleWJvYXJkRXZlbnQpID0+IHtcbiAgICBpZiAoZGlzYWJsZWQpIHJldHVyblxuICAgIHN3aXRjaCAoZS5rZXkpIHtcbiAgICAgIGNhc2UgJ0VudGVyJzpcbiAgICAgIGNhc2UgJyAnOlxuICAgICAgICBlLnByZXZlbnREZWZhdWx0KClcbiAgICAgICAgaWYgKCFvcGVuKSB7XG4gICAgICAgICAgc2V0T3Blbih0cnVlKVxuICAgICAgICAgIHNldEhpZ2hsaWdodGVkSW5kZXgob3B0aW9ucy5maW5kSW5kZXgobyA9PiBvLnZhbHVlID09PSB2YWx1ZSkpXG4gICAgICAgIH0gZWxzZSBpZiAoaGlnaGxpZ2h0ZWRJbmRleCA+PSAwICYmIG9wdGlvbnNbaGlnaGxpZ2h0ZWRJbmRleF0pIHtcbiAgICAgICAgICBvblZhbHVlQ2hhbmdlPy4ob3B0aW9uc1toaWdobGlnaHRlZEluZGV4XS52YWx1ZSlcbiAgICAgICAgICBjbG9zZSgpXG4gICAgICAgIH1cbiAgICAgICAgYnJlYWtcbiAgICAgIGNhc2UgJ0Fycm93RG93bic6XG4gICAgICAgIGUucHJldmVudERlZmF1bHQoKVxuICAgICAgICBpZiAoIW9wZW4pIHtcbiAgICAgICAgICBzZXRPcGVuKHRydWUpXG4gICAgICAgICAgc2V0SGlnaGxpZ2h0ZWRJbmRleChvcHRpb25zLmZpbmRJbmRleChvID0+IG8udmFsdWUgPT09IHZhbHVlKSlcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICBzZXRIaWdobGlnaHRlZEluZGV4KGkgPT4gTWF0aC5taW4oaSArIDEsIG9wdGlvbnMubGVuZ3RoIC0gMSkpXG4gICAgICAgIH1cbiAgICAgICAgYnJlYWtcbiAgICAgIGNhc2UgJ0Fycm93VXAnOlxuICAgICAgICBlLnByZXZlbnREZWZhdWx0KClcbiAgICAgICAgaWYgKG9wZW4pIHNldEhpZ2hsaWdodGVkSW5kZXgoaSA9PiBNYXRoLm1heChpIC0gMSwgMCkpXG4gICAgICAgIGJyZWFrXG4gICAgICBjYXNlICdIb21lJzpcbiAgICAgICAgaWYgKG9wZW4pIHtcbiAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KClcbiAgICAgICAgICBzZXRIaWdobGlnaHRlZEluZGV4KDApXG4gICAgICAgIH1cbiAgICAgICAgYnJlYWtcbiAgICAgIGNhc2UgJ0VuZCc6XG4gICAgICAgIGlmIChvcGVuKSB7XG4gICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpXG4gICAgICAgICAgc2V0SGlnaGxpZ2h0ZWRJbmRleChvcHRpb25zLmxlbmd0aCAtIDEpXG4gICAgICAgIH1cbiAgICAgICAgYnJlYWtcbiAgICAgIGNhc2UgJ0VzY2FwZSc6XG4gICAgICAgIGUucHJldmVudERlZmF1bHQoKVxuICAgICAgICBjbG9zZSgpXG4gICAgICAgIGJyZWFrXG4gICAgfVxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjbGFzc05hbWU9e2NuKCdyZWxhdGl2ZScsIGNsYXNzTmFtZSl9XG4gICAgICBpZD17aWR9XG4gICAgICByZWY9e2NvbnRhaW5lclJlZn1cbiAgICAgIHN0eWxlPXtzdHlsZX1cbiAgICA+XG4gICAgICA8YnV0dG9uXG4gICAgICAgIGFyaWEtZXhwYW5kZWQ9e29wZW59XG4gICAgICAgIGFyaWEtaGFzcG9wdXA9XCJsaXN0Ym94XCJcbiAgICAgICAgY2xhc3NOYW1lPXtUUklHR0VSX0NOfVxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIG9uQ2xpY2s9eygpID0+ICFkaXNhYmxlZCAmJiBzZXRPcGVuKG8gPT4gIW8pfVxuICAgICAgICBvbktleURvd249e2hhbmRsZUtleURvd259XG4gICAgICAgIHJvbGU9XCJjb21ib2JveFwiXG4gICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgPlxuICAgICAgICA8c3BhbiBjbGFzc05hbWU9e2NuKCd0cnVuY2F0ZScsICFzZWxlY3RlZCAmJiAndGV4dC1taWRncm91bmQvNTAnKX0+XG4gICAgICAgICAge2Rpc3BsYXlMYWJlbH1cbiAgICAgICAgPC9zcGFuPlxuXG4gICAgICAgIDxDaGV2cm9uRG93bkdseXBoXG4gICAgICAgICAgY2xhc3NOYW1lPXtjbihcbiAgICAgICAgICAgICdzaXplLTMgc2hyaW5rLTAgdGV4dC1taWRncm91bmQvNjAgdHJhbnNpdGlvbi10cmFuc2Zvcm0nLFxuICAgICAgICAgICAgb3BlbiAmJiAncm90YXRlLTE4MCdcbiAgICAgICAgICApfVxuICAgICAgICAvPlxuICAgICAgPC9idXR0b24+XG5cbiAgICAgIHtvcGVuICYmIChcbiAgICAgICAgPGRpdiBjbGFzc05hbWU9e0xJU1RCT1hfQ059IHJlZj17bGlzdFJlZn0gcm9sZT1cImxpc3Rib3hcIj5cbiAgICAgICAgICB7b3B0aW9ucy5tYXAoKG9wdCwgaSkgPT4ge1xuICAgICAgICAgICAgY29uc3QgaXNTZWxlY3RlZCA9IG9wdC52YWx1ZSA9PT0gdmFsdWVcbiAgICAgICAgICAgIGNvbnN0IGlzSGlnaGxpZ2h0ZWQgPSBpID09PSBoaWdobGlnaHRlZEluZGV4XG5cbiAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICBhcmlhLXNlbGVjdGVkPXtpc1NlbGVjdGVkfVxuICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17Y24oXG4gICAgICAgICAgICAgICAgICAnZmxleCBjdXJzb3ItcG9pbnRlciBpdGVtcy1jZW50ZXIgZ2FwLTIgcHgtMyBweS0yJyxcbiAgICAgICAgICAgICAgICAgICdmb250LWNvdXJpZXIgdGV4dC1zbSB0cmFuc2l0aW9uLWNvbG9ycycsXG4gICAgICAgICAgICAgICAgICBpc0hpZ2hsaWdodGVkICYmICdiZy1taWRncm91bmQvMTAnLFxuICAgICAgICAgICAgICAgICAgaXNTZWxlY3RlZCA/ICd0ZXh0LW1pZGdyb3VuZCcgOiAndGV4dC1taWRncm91bmQvNzAnXG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICBrZXk9e29wdC52YWx1ZX1cbiAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICAgICAgICBvblZhbHVlQ2hhbmdlPy4ob3B0LnZhbHVlKVxuICAgICAgICAgICAgICAgICAgY2xvc2UoKVxuICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgb25Nb3VzZUVudGVyPXsoKSA9PiBzZXRIaWdobGlnaHRlZEluZGV4KGkpfVxuICAgICAgICAgICAgICAgIHJvbGU9XCJvcHRpb25cIlxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPENoZWNrR2x5cGhcbiAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17Y24oXG4gICAgICAgICAgICAgICAgICAgICdzaXplLTMgc2hyaW5rLTAnLFxuICAgICAgICAgICAgICAgICAgICBpc1NlbGVjdGVkID8gJ29wYWNpdHktMTAwJyA6ICdvcGFjaXR5LTAnXG4gICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3NOYW1lPVwidHJ1bmNhdGVcIj57b3B0LmxhYmVsfTwvc3Bhbj5cbiAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICApXG4gICAgICAgICAgfSl9XG4gICAgICAgIDwvZGl2PlxuICAgICAgKX1cbiAgICA8L2Rpdj5cbiAgKVxufVxuXG4vLyBNYXJrZXIgY29tcG9uZW50IFx1MjAxNCBgU2VsZWN0YCByZWFkcyBgdmFsdWVgL2BjaGlsZHJlbmAgZnJvbSBpdHMgdHJlZS5cbi8vIFJlbmRlcnMgbm90aGluZyBvbiBpdHMgb3duLlxuZXhwb3J0IGZ1bmN0aW9uIFNlbGVjdE9wdGlvbihfcHJvcHM6IFNlbGVjdE9wdGlvblByb3BzKSB7XG4gIHJldHVybiBudWxsXG59XG5cbmNvbnN0IENoZXZyb25Eb3duR2x5cGggPSAoeyBjbGFzc05hbWUgfTogeyBjbGFzc05hbWU/OiBzdHJpbmcgfSkgPT4gKFxuICA8c3ZnXG4gICAgYXJpYS1oaWRkZW5cbiAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICBmaWxsPVwibm9uZVwiXG4gICAgc3Ryb2tlPVwiY3VycmVudENvbG9yXCJcbiAgICBzdHJva2VMaW5lY2FwPVwic3F1YXJlXCJcbiAgICBzdHJva2VXaWR0aD17MS41fVxuICAgIHZpZXdCb3g9XCIwIDAgMTIgMTJcIlxuICA+XG4gICAgPHBhdGggZD1cIk0yLjUgNC41IDYgOGwzLjUtMy41XCIgLz5cbiAgPC9zdmc+XG4pXG5cbmNvbnN0IENoZWNrR2x5cGggPSAoeyBjbGFzc05hbWUgfTogeyBjbGFzc05hbWU/OiBzdHJpbmcgfSkgPT4gKFxuICA8c3ZnXG4gICAgYXJpYS1oaWRkZW5cbiAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICBmaWxsPVwibm9uZVwiXG4gICAgc3Ryb2tlPVwiY3VycmVudENvbG9yXCJcbiAgICBzdHJva2VMaW5lY2FwPVwic3F1YXJlXCJcbiAgICBzdHJva2VXaWR0aD17MS41fVxuICAgIHZpZXdCb3g9XCIwIDAgMTIgMTJcIlxuICA+XG4gICAgPHBhdGggZD1cIm0yLjUgNi41IDIuNSAyLjVMOS41IDMuNVwiIC8+XG4gIDwvc3ZnPlxuKVxuXG5mdW5jdGlvbiBjb2xsZWN0T3B0aW9ucyhjaGlsZHJlbjogUmVhY3ROb2RlKTogU2VsZWN0T3B0aW9uRGF0YVtdIHtcbiAgY29uc3Qgb3V0OiBTZWxlY3RPcHRpb25EYXRhW10gPSBbXVxuICBDaGlsZHJlbi5mb3JFYWNoKGNoaWxkcmVuLCBjaGlsZCA9PiB7XG4gICAgaWYgKCFpc1ZhbGlkRWxlbWVudChjaGlsZCkpIHJldHVyblxuICAgIGNvbnN0IGVsID0gY2hpbGQgYXMgUmVhY3RFbGVtZW50PHtcbiAgICAgIGNoaWxkcmVuPzogUmVhY3ROb2RlXG4gICAgICB2YWx1ZT86IHVua25vd25cbiAgICB9PlxuICAgIGlmIChlbC5wcm9wcy52YWx1ZSAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICBvdXQucHVzaCh7XG4gICAgICAgIGxhYmVsOlxuICAgICAgICAgIHR5cGVvZiBlbC5wcm9wcy5jaGlsZHJlbiA9PT0gJ3N0cmluZydcbiAgICAgICAgICAgID8gZWwucHJvcHMuY2hpbGRyZW5cbiAgICAgICAgICAgIDogU3RyaW5nKGVsLnByb3BzLnZhbHVlKSxcbiAgICAgICAgdmFsdWU6IFN0cmluZyhlbC5wcm9wcy52YWx1ZSlcbiAgICAgIH0pXG4gICAgfSBlbHNlIGlmIChlbC5wcm9wcy5jaGlsZHJlbikge1xuICAgICAgb3V0LnB1c2goLi4uY29sbGVjdE9wdGlvbnMoZWwucHJvcHMuY2hpbGRyZW4pKVxuICAgIH1cbiAgfSlcbiAgcmV0dXJuIG91dFxufVxuXG5pbnRlcmZhY2UgU2VsZWN0T3B0aW9uRGF0YSB7XG4gIGxhYmVsOiBzdHJpbmdcbiAgdmFsdWU6IHN0cmluZ1xufVxuXG5pbnRlcmZhY2UgU2VsZWN0T3B0aW9uUHJvcHMge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG4gIHZhbHVlOiBzdHJpbmdcbn1cblxuaW50ZXJmYWNlIFNlbGVjdFByb3BzIHtcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGVcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGRpc2FibGVkPzogYm9vbGVhblxuICBpZD86IHN0cmluZ1xuICBvblZhbHVlQ2hhbmdlPzogKHZhbHVlOiBzdHJpbmcpID0+IHZvaWRcbiAgcGxhY2Vob2xkZXI/OiBzdHJpbmdcbiAgc3R5bGU/OiBDU1NQcm9wZXJ0aWVzXG4gIHZhbHVlPzogc3RyaW5nXG59XG4iXSwKICAibWFwcGluZ3MiOiAiO0FBaUlNLFNBVUUsS0FWRjtBQS9ITjtBQUFBLEVBQ0U7QUFBQSxFQUNBO0FBQUEsRUFDQTtBQUFBLEVBQ0E7QUFBQSxFQUNBO0FBQUEsRUFDQTtBQUFBLEVBQ0E7QUFBQSxPQUtLO0FBRVAsU0FBUyxVQUFVO0FBRW5CLE1BQU0sYUFDSjtBQVFGLE1BQU0sYUFDSjtBQUdLLGdCQUFTLE9BQU87QUFBQSxFQUNyQjtBQUFBLEVBQ0E7QUFBQSxFQUNBO0FBQUEsRUFDQTtBQUFBLEVBQ0E7QUFBQSxFQUNBO0FBQUEsRUFDQTtBQUFBLEVBQ0E7QUFDRixHQUFnQjtBQUNkLFFBQU0sQ0FBQyxNQUFNLE9BQU8sSUFBSSxTQUFTLEtBQUs7QUFDdEMsUUFBTSxDQUFDLGtCQUFrQixtQkFBbUIsSUFBSSxTQUFTLEVBQUU7QUFDM0QsUUFBTSxlQUFlLE9BQXVCLElBQUk7QUFDaEQsUUFBTSxVQUFVLE9BQXVCLElBQUk7QUFFM0MsUUFBTSxVQUFVLFFBQVEsTUFBTSxlQUFlLFFBQVEsR0FBRyxDQUFDLFFBQVEsQ0FBQztBQUNsRSxRQUFNLFdBQVcsUUFBUSxLQUFLLE9BQUssRUFBRSxVQUFVLEtBQUs7QUFDcEQsUUFBTSxlQUFlLFVBQVUsU0FBUyxlQUFlLFNBQVM7QUFFaEUsUUFBTSxRQUFRLFlBQVksTUFBTTtBQUM5QixZQUFRLEtBQUs7QUFDYix3QkFBb0IsRUFBRTtBQUFBLEVBQ3hCLEdBQUcsQ0FBQyxDQUFDO0FBRUwsWUFBVSxNQUFNO0FBQ2QsUUFBSSxDQUFDLEtBQU07QUFDWCxVQUFNLEtBQUssSUFBSSxnQkFBZ0I7QUFDL0IsYUFBUztBQUFBLE1BQ1A7QUFBQSxNQUNBLE9BQUs7QUFDSCxZQUFJLENBQUMsYUFBYSxTQUFTLFNBQVMsRUFBRSxNQUFjLEVBQUcsT0FBTTtBQUFBLE1BQy9EO0FBQUEsTUFDQSxFQUFFLFFBQVEsR0FBRyxPQUFPO0FB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

package/dist/ui/components/selection-switcher.d.ts

@@ -0,0 +1 @@
+export declare function SelectionSwitcher(): null;

package/dist/ui/components/selection-switcher.js

@@ -0,0 +1,34 @@
+"use client";
+import { useEffect } from "react";
+const colors = [
+  "oklch(85% 0.12 330)",
+  "oklch(85% 0.12 300)",
+  "oklch(85% 0.12 270)",
+  "oklch(85% 0.12 230)",
+  "oklch(85% 0.12 180)",
+  "oklch(85% 0.12 150)",
+  "oklch(85% 0.12 120)",
+  "oklch(85% 0.12 90)",
+  "oklch(85% 0.12 60)",
+  "oklch(85% 0.12 30)",
+  "oklch(88% 0.10 80)"
+];
+export function SelectionSwitcher() {
+  useEffect(() => {
+    const ac = new AbortController();
+    const { signal } = ac;
+    let idx = 0;
+    const cycle = () => requestAnimationFrame(
+      () => document.documentElement.style.setProperty(
+        "--selection-bg",
+        colors[idx = (idx + 1) % colors.length]
+      )
+    );
+    const onKey = (e) => e.key.toLowerCase() === "a" && (e.metaKey || e.ctrlKey) && cycle();
+    document.addEventListener("selectstart", cycle, { signal });
+    document.addEventListener("keydown", onKey, { signal });
+    return () => ac.abort();
+  }, []);
+  return null;
+}
+//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsiPHN0ZGluPiJdLAogICJzb3VyY2VzQ29udGVudCI6IFsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCB7IHVzZUVmZmVjdCB9IGZyb20gJ3JlYWN0J1xuXG5jb25zdCBjb2xvcnMgPSBbXG4gICdva2xjaCg4NSUgMC4xMiAzMzApJyxcbiAgJ29rbGNoKDg1JSAwLjEyIDMwMCknLFxuICAnb2tsY2goODUlIDAuMTIgMjcwKScsXG4gICdva2xjaCg4NSUgMC4xMiAyMzApJyxcbiAgJ29rbGNoKDg1JSAwLjEyIDE4MCknLFxuICAnb2tsY2goODUlIDAuMTIgMTUwKScsXG4gICdva2xjaCg4NSUgMC4xMiAxMjApJyxcbiAgJ29rbGNoKDg1JSAwLjEyIDkwKScsXG4gICdva2xjaCg4NSUgMC4xMiA2MCknLFxuICAnb2tsY2goODUlIDAuMTIgMzApJyxcbiAgJ29rbGNoKDg4JSAwLjEwIDgwKSdcbl0gYXMgY29uc3RcblxuZXhwb3J0IGZ1bmN0aW9uIFNlbGVjdGlvblN3aXRjaGVyKCkge1xuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IGFjID0gbmV3IEFib3J0Q29udHJvbGxlcigpXG4gICAgY29uc3QgeyBzaWduYWwgfSA9IGFjXG5cbiAgICBsZXQgaWR4ID0gMFxuXG4gICAgY29uc3QgY3ljbGUgPSAoKSA9PlxuICAgICAgcmVxdWVzdEFuaW1hdGlvbkZyYW1lKCgpID0+XG4gICAgICAgIGRvY3VtZW50LmRvY3VtZW50RWxlbWVudC5zdHlsZS5zZXRQcm9wZXJ0eShcbiAgICAgICAgICAnLS1zZWxlY3Rpb24tYmcnLFxuICAgICAgICAgIGNvbG9yc1soaWR4ID0gKGlkeCArIDEpICUgY29sb3JzLmxlbmd0aCldXG4gICAgICAgIClcbiAgICAgIClcblxuICAgIGNvbnN0IG9uS2V5ID0gKGU6IEtleWJvYXJkRXZlbnQpID0+XG4gICAgICBlLmtleS50b0xvd2VyQ2FzZSgpID09PSAnYScgJiYgKGUubWV0YUtleSB8fCBlLmN0cmxLZXkpICYmIGN5Y2xlKClcblxuICAgIGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ3NlbGVjdHN0YXJ0JywgY3ljbGUsIHsgc2lnbmFsIH0pXG4gICAgZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcigna2V5ZG93bicsIG9uS2V5LCB7IHNpZ25hbCB9KVxuXG4gICAgcmV0dXJuICgpID0+IGFjLmFib3J0KClcbiAgfSwgW10pXG5cbiAgcmV0dXJuIG51bGxcbn1cbiJdLAogICJtYXBwaW5ncyI6ICI7QUFFQSxTQUFTLGlCQUFpQjtBQUUxQixNQUFNLFNBQVM7QUFBQSxFQUNiO0FBQUEsRUFDQTtBQUFBLEVBQ0E7QUFBQSxFQUNBO0FBQUEsRUFDQTtBQUFBLEVBQ0E7QUFBQSxFQUNBO0FBQUEsRUFDQTtBQUFBLEVBQ0E7QUFBQSxFQUNBO0FBQUEsRUFDQTtBQUNGO0FBRU8sZ0JBQVMsb0JBQW9CO0FBQ2xDLFlBQVUsTUFBTTtBQUNkLFVBQU0sS0FBSyxJQUFJLGdCQUFnQjtBQUMvQixVQUFNLEVBQUUsT0FBTyxJQUFJO0FBRW5CLFFBQUksTUFBTTtBQUVWLFVBQU0sUUFBUSxNQUNaO0FBQUEsTUFBc0IsTUFDcEIsU0FBUyxnQkFBZ0IsTUFBTTtBQUFBLFFBQzdCO0FBQUEsUUFDQSxPQUFRLE9BQU8sTUFBTSxLQUFLLE9BQU8sTUFBTztBQUFBLE1BQzFDO0FBQUEsSUFDRjtBQUVGLFVBQU0sUUFBUSxDQUFDLE1BQ2IsRUFBRSxJQUFJLFlBQVksTUFBTSxRQUFRLEVBQUUsV0FBVyxFQUFFLFlBQVksTUFBTTtBQUVuRSxhQUFTLGlCQUFpQixlQUFlLE9BQU8sRUFBRSxPQUFPLENBQUM7QUFDMUQsYUFBUyxpQkFBaUIsV0FBVyxPQUFPLEVBQUUsT0FBTyxDQUFDO0FBRXRELFdBQU8sTUFBTSxHQUFHLE1BQU07QUFBQSxFQUN4QixHQUFHLENBQUMsQ0FBQztBQUVMLFNBQU87QUFDVDsiLAogICJuYW1lcyI6IFtdCn0K

package/dist/ui/components/separator.d.ts

@@ -0,0 +1,5 @@
+export declare function Separator({ className, orientation, ...props }: SeparatorProps): import("react").JSX.Element;
+interface SeparatorProps extends React.HTMLAttributes<HTMLDivElement> {
+    orientation?: 'horizontal' | 'vertical';
+}
+export {};

package/dist/ui/components/separator.js

@@ -0,0 +1,22 @@
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../../utils/index.js";
+export function Separator({
+  className,
+  orientation = "horizontal",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "aria-orientation": orientation,
+      role: "separator",
+      className: cn(
+        "shrink-0 bg-midground/15",
+        orientation === "horizontal" ? "h-px w-full" : "h-full w-px",
+        className
+      ),
+      ...props
+    }
+  );
+}
+//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsiPHN0ZGluPiJdLAogICJzb3VyY2VzQ29udGVudCI6IFsiaW1wb3J0IHsgY24gfSBmcm9tICcuLi8uLi91dGlscydcblxuZXhwb3J0IGZ1bmN0aW9uIFNlcGFyYXRvcih7XG4gIGNsYXNzTmFtZSxcbiAgb3JpZW50YXRpb24gPSAnaG9yaXpvbnRhbCcsXG4gIC4uLnByb3BzXG59OiBTZXBhcmF0b3JQcm9wcykge1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGFyaWEtb3JpZW50YXRpb249e29yaWVudGF0aW9ufVxuICAgICAgcm9sZT1cInNlcGFyYXRvclwiXG4gICAgICBjbGFzc05hbWU9e2NuKFxuICAgICAgICAnc2hyaW5rLTAgYmctbWlkZ3JvdW5kLzE1JyxcbiAgICAgICAgb3JpZW50YXRpb24gPT09ICdob3Jpem9udGFsJyA/ICdoLXB4IHctZnVsbCcgOiAnaC1mdWxsIHctcHgnLFxuICAgICAgICBjbGFzc05hbWVcbiAgICAgICl9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgLz5cbiAgKVxufVxuXG5pbnRlcmZhY2UgU2VwYXJhdG9yUHJvcHMgZXh0ZW5kcyBSZWFjdC5IVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4ge1xuICBvcmllbnRhdGlvbj86ICdob3Jpem9udGFsJyB8ICd2ZXJ0aWNhbCdcbn1cbiJdLAogICJtYXBwaW5ncyI6ICJBQVFJO0FBUkosU0FBUyxVQUFVO0FBRVosZ0JBQVMsVUFBVTtBQUFBLEVBQ3hCO0FBQUEsRUFDQSxjQUFjO0FBQUEsRUFDZCxHQUFHO0FBQ0wsR0FBbUI7QUFDakIsU0FDRTtBQUFBLElBQUM7QUFBQTtBQUFBLE1BQ0Msb0JBQWtCO0FBQUEsTUFDbEIsTUFBSztBQUFBLE1BQ0wsV0FBVztBQUFBLFFBQ1Q7QUFBQSxRQUNBLGdCQUFnQixlQUFlLGdCQUFnQjtBQUFBLFFBQy9DO0FBQUEsTUFDRjtBQUFBLE1BQ0MsR0FBRztBQUFBO0FBQUEsRUFDTjtBQUVKOyIsCiAgIm5hbWVzIjogW10KfQo=

package/dist/ui/components/shader.d.ts

@@ -0,0 +1,7 @@
+import { type ThreeElements } from '@react-three/fiber';
+import type { ReactNode } from 'react';
+export declare function Shader({ children, defines, depthTest, fragmentShader, uniforms, vertexShader, ...props }: ShaderProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+interface ShaderProps extends Omit<ThreeElements['mesh'], 'children'>, Pick<ThreeElements['shaderMaterial'], 'defines' | 'depthTest' | 'fragmentShader' | 'uniforms' | 'vertexShader'> {
+    children?: ((material: ReactNode) => ReactNode) | ReactNode;
+}
+export {};

package/dist/ui/components/shader.js

@@ -0,0 +1,60 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useThree } from "@react-three/fiber";
+import { useEffect, useRef } from "react";
+import * as THREE from "three";
+import { useCappedFrame } from "../../hooks/use-capped-frame.js";
+const defaultUniforms = {
+  uResolution: new THREE.Uniform(new THREE.Vector4()),
+  uTime: new THREE.Uniform(0)
+};
+export function Shader({
+  children,
+  defines,
+  depthTest,
+  fragmentShader,
+  uniforms,
+  vertexShader,
+  ...props
+}) {
+  const invalidate = useThree((st) => st.invalidate);
+  const { size, viewport } = useThree();
+  const isMobile = size.width < 1024;
+  const uniformsRef = useRef({
+    ...defaultUniforms,
+    ...uniforms ?? {}
+  });
+  useCappedFrame(
+    ({ clock }) => {
+      const w = size.width * viewport.dpr;
+      const h = size.height * viewport.dpr;
+      uniformsRef.current.uTime.value = clock.getElapsedTime();
+      uniformsRef.current.uResolution.value.copy(
+        new THREE.Vector4(w, h, w / h, viewport.dpr)
+      );
+    },
+    isMobile ? 0 : 80
+  );
+  useEffect(
+    () => void (uniforms && Object.assign(uniformsRef.current, uniforms)),
+    [uniforms]
+  );
+  useEffect(() => void (isMobile && invalidate(80)), [invalidate, isMobile]);
+  const materialProps = {
+    defines: defines ?? {},
+    depthTest,
+    fragmentShader,
+    side: THREE.DoubleSide,
+    transparent: true,
+    uniforms: uniformsRef.current,
+    vertexShader
+  };
+  if (typeof children === "function") {
+    return children(/* @__PURE__ */ jsx("shaderMaterial", { ...materialProps }));
+  }
+  return /* @__PURE__ */ jsxs("mesh", { ...props, children: [
+    children ?? /* @__PURE__ */ jsx("planeGeometry", {}),
+    /* @__PURE__ */ jsx("shaderMaterial", { ...materialProps })
+  ] });
+}
+//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsiPHN0ZGluPiJdLAogICJzb3VyY2VzQ29udGVudCI6IFsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCB7IHR5cGUgVGhyZWVFbGVtZW50cywgdXNlVGhyZWUgfSBmcm9tICdAcmVhY3QtdGhyZWUvZmliZXInXG5pbXBvcnQgeyB1c2VFZmZlY3QsIHVzZVJlZiB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHR5cGUgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCAqIGFzIFRIUkVFIGZyb20gJ3RocmVlJ1xuXG5pbXBvcnQgeyB1c2VDYXBwZWRGcmFtZSB9IGZyb20gJy4uLy4uL2hvb2tzL3VzZS1jYXBwZWQtZnJhbWUnXG5cbmNvbnN0IGRlZmF1bHRVbmlmb3JtcyA9IHtcbiAgdVJlc29sdXRpb246IG5ldyBUSFJFRS5Vbmlmb3JtKG5ldyBUSFJFRS5WZWN0b3I0KCkpLFxuICB1VGltZTogbmV3IFRIUkVFLlVuaWZvcm0oMClcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIFNoYWRlcih7XG4gIGNoaWxkcmVuLFxuICBkZWZpbmVzLFxuICBkZXB0aFRlc3QsXG4gIGZyYWdtZW50U2hhZGVyLFxuICB1bmlmb3JtcyxcbiAgdmVydGV4U2hhZGVyLFxuICAuLi5wcm9wc1xufTogU2hhZGVyUHJvcHMpIHtcbiAgY29uc3QgaW52YWxpZGF0ZSA9IHVzZVRocmVlKHN0ID0+IHN0LmludmFsaWRhdGUpXG4gIGNvbnN0IHsgc2l6ZSwgdmlld3BvcnQgfSA9IHVzZVRocmVlKClcblxuICBjb25zdCBpc01vYmlsZSA9IHNpemUud2lkdGggPCAxMDI0XG5cbiAgY29uc3QgdW5pZm9ybXNSZWYgPSB1c2VSZWYoe1xuICAgIC4uLmRlZmF1bHRVbmlmb3JtcyxcbiAgICAuLi4odW5pZm9ybXMgPz8ge30pXG4gIH0pXG5cbiAgdXNlQ2FwcGVkRnJhbWUoXG4gICAgKHsgY2xvY2sgfSkgPT4ge1xuICAgICAgY29uc3QgdyA9IHNpemUud2lkdGggKiB2aWV3cG9ydC5kcHJcbiAgICAgIGNvbnN0IGggPSBzaXplLmhlaWdodCAqIHZpZXdwb3J0LmRwclxuXG4gICAgICB1bmlmb3Jtc1JlZi5jdXJyZW50LnVUaW1lLnZhbHVlID0gY2xvY2suZ2V0RWxhcHNlZFRpbWUoKVxuICAgICAgdW5pZm9ybXNSZWYuY3VycmVudC51UmVzb2x1dGlvbi52YWx1ZS5jb3B5KFxuICAgICAgICBuZXcgVEhSRUUuVmVjdG9yNCh3LCBoLCB3IC8gaCwgdmlld3BvcnQuZHByKVxuICAgICAgKVxuICAgIH0sXG4gICAgaXNNb2JpbGUgPyAwIDogODBcbiAgKVxuXG4gIHVzZUVmZmVjdChcbiAgICAoKSA9PiB2b2lkICh1bmlmb3JtcyAmJiBPYmplY3QuYXNzaWduKHVuaWZvcm1zUmVmLmN1cnJlbnQsIHVuaWZvcm1zKSksXG4gICAgW3VuaWZvcm1zXVxuICApXG5cbiAgdXNlRWZmZWN0KCgpID0+IHZvaWQgKGlzTW9iaWxlICYmIGludmFsaWRhdGUoODApKSwgW2ludmFsaWRhdGUsIGlzTW9iaWxlXSlcblxuICBjb25zdCBtYXRlcmlhbFByb3BzID0ge1xuICAgIGRlZmluZXM6IGRlZmluZXMgPz8ge30sXG4gICAgZGVwdGhUZXN0LFxuICAgIGZyYWdtZW50U2hhZGVyLFxuICAgIHNpZGU6IFRIUkVFLkRvdWJsZVNpZGUsXG4gICAgdHJhbnNwYXJlbnQ6IHRydWUsXG4gICAgdW5pZm9ybXM6IHVuaWZvcm1zUmVmLmN1cnJlbnQsXG4gICAgdmVydGV4U2hhZGVyXG4gIH0gc2F0aXNmaWVzIFRocmVlRWxlbWVudHNbJ3NoYWRlck1hdGVyaWFsJ11cblxuICBpZiAodHlwZW9mIGNoaWxkcmVuID09PSAnZnVuY3Rpb24nKSB7XG4gICAgcmV0dXJuIGNoaWxkcmVuKDxzaGFkZXJNYXRlcmlhbCB7Li4ubWF0ZXJpYWxQcm9wc30gLz4pXG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxtZXNoIHsuLi5wcm9wc30+XG4gICAgICB7Y2hpbGRyZW4gPz8gPHBsYW5lR2VvbWV0cnkgLz59XG4gICAgICA8c2hhZGVyTWF0ZXJpYWwgey4uLm1hdGVyaWFsUHJvcHN9IC8+XG4gICAgPC9tZXNoPlxuICApXG59XG5cbmludGVyZmFjZSBTaGFkZXJQcm9wc1xuICBleHRlbmRzIE9taXQ8VGhyZWVFbGVtZW50c1snbWVzaCddLCAnY2hpbGRyZW4nPixcbiAgICBQaWNrPFxuICAgICAgVGhyZWVFbGVtZW50c1snc2hhZGVyTWF0ZXJpYWwnXSxcbiAgICAgICdkZWZpbmVzJyB8ICdkZXB0aFRlc3QnIHwgJ2ZyYWdtZW50U2hhZGVyJyB8ICd1bmlmb3JtcycgfCAndmVydGV4U2hhZGVyJ1xuICAgID4ge1xuICBjaGlsZHJlbj86ICgobWF0ZXJpYWw6IFJlYWN0Tm9kZSkgPT4gUmVhY3ROb2RlKSB8IFJlYWN0Tm9kZVxufVxuIl0sCiAgIm1hcHBpbmdzIjogIjtBQWdFb0IsY0FJaEIsWUFKZ0I7QUE5RHBCLFNBQTZCLGdCQUFnQjtBQUM3QyxTQUFTLFdBQVcsY0FBYztBQUVsQyxZQUFZLFdBQVc7QUFFdkIsU0FBUyxzQkFBc0I7QUFFL0IsTUFBTSxrQkFBa0I7QUFBQSxFQUN0QixhQUFhLElBQUksTUFBTSxRQUFRLElBQUksTUFBTSxRQUFRLENBQUM7QUFBQSxFQUNsRCxPQUFPLElBQUksTUFBTSxRQUFRLENBQUM7QUFDNUI7QUFFTyxnQkFBUyxPQUFPO0FBQUEsRUFDckI7QUFBQSxFQUNBO0FBQUEsRUFDQTtBQUFBLEVBQ0E7QUFBQSxFQUNBO0FBQUEsRUFDQTtBQUFBLEVBQ0EsR0FBRztBQUNMLEdBQWdCO0FBQ2QsUUFBTSxhQUFhLFNBQVMsUUFBTSxHQUFHLFVBQVU7QUFDL0MsUUFBTSxFQUFFLE1BQU0sU0FBUyxJQUFJLFNBQVM7QUFFcEMsUUFBTSxXQUFXLEtBQUssUUFBUTtBQUU5QixRQUFNLGNBQWMsT0FBTztBQUFBLElBQ3pCLEdBQUc7QUFBQSxJQUNILEdBQUksWUFBWSxDQUFDO0FBQUEsRUFDbkIsQ0FBQztBQUVEO0FBQUEsSUFDRSxDQUFDLEVBQUUsTUFBTSxNQUFNO0FBQ2IsWUFBTSxJQUFJLEtBQUssUUFBUSxTQUFTO0FBQ2hDLFlBQU0sSUFBSSxLQUFLLFNBQVMsU0FBUztBQUVqQyxrQkFBWSxRQUFRLE1BQU0sUUFBUSxNQUFNLGVBQWU7QUFDdkQsa0JBQVksUUFBUSxZQUFZLE1BQU07QUFBQSxRQUNwQyxJQUFJLE1BQU0sUUFBUSxHQUFHLEdBQUcsSUFBSSxHQUFHLFNBQVMsR0FBRztBQUFBLE1BQzdDO0FBQUEsSUFDRjtBQUFBLElBQ0EsV0FBVyxJQUFJO0FBQUEsRUFDakI7QUFFQTtBQUFBLElBQ0UsTUFBTSxNQUFNLFlBQVksT0FBTyxPQUFPLFlBQVksU0FBUyxRQUFRO0FBQUEsSUFDbkUsQ0FBQyxRQUFRO0FBQUEsRUFDWDtBQUVBLFlBQVUsTUFBTSxNQUFNLFlBQVksV0FBVyxFQUFFLElBQUksQ0FBQyxZQUFZLFFBQVEsQ0FBQztBQUV6RSxRQUFNLGdCQUFnQjtBQUFBLElBQ3BCLFNBQVMsV0FBVyxDQUFDO0FBQUEsSUFDckI7QUFBQSxJQUNBO0FBQUEsSUFDQSxNQUFNLE1BQU07QUFBQSxJQUNaLGFBQWE7QUFBQSxJQUNiLFVBQVUsWUFBWTtBQUFBLElBQ3RCO0FBQUEsRUFDRjtBQUVBLE1BQUksT0FBTyxhQUFhLFlBQVk7QUFDbEMsV0FBTyxTQUFTLG9CQUFDLG9CQUFnQixHQUFHLGVBQWUsQ0FBRTtBQUFBLEVBQ3ZEO0FBRUEsU0FDRSxxQkFBQyxVQUFNLEdBQUcsT0FDUDtBQUFBLGdCQUFZLG9CQUFDLG1CQUFjO0FBQUEsSUFDNUIsb0JBQUMsb0JBQWdCLEdBQUcsZUFBZTtBQUFBLEtBQ3JDO0FBRUo7IiwKICAibmFtZXMiOiBbXQp9Cg==

package/dist/ui/components/socials.d.ts

@@ -0,0 +1,20 @@
+export declare function Socials({ className, items, onNavigate, ...rest }: SocialsProps): import("react").JSX.Element;
+export interface SocialLink {
+    external?: boolean;
+    href: string;
+    icon: React.ComponentType<{
+        className?: string;
+    }>;
+    label: string;
+    onClick?: React.MouseEventHandler;
+}
+interface SocialsProps extends React.HTMLAttributes<HTMLDivElement> {
+    items: SocialLink[];
+    /**
+     * Called *in addition* to each link's `onClick` after a click — useful in
+     * mobile drawer / dialog contexts where clicking a link should also close
+     * the surrounding overlay.
+     */
+    onNavigate?: () => void;
+}
+export {};

package/dist/ui/components/socials.js

@@ -0,0 +1,21 @@
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../../utils/index.js";
+export function Socials({ className, items, onNavigate, ...rest }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("flex items-center gap-3", className), ...rest, children: items.map(({ external = true, href, icon: Icon, label, onClick }) => /* @__PURE__ */ jsx(
+    "a",
+    {
+      className: "opacity-60 transition-opacity hover:opacity-100",
+      href,
+      onClick: (e) => {
+        onClick?.(e);
+        onNavigate?.();
+      },
+      rel: external ? "noopener noreferrer" : void 0,
+      target: external ? "_blank" : void 0,
+      title: label,
+      children: /* @__PURE__ */ jsx(Icon, {})
+    },
+    label
+  )) });
+}
+//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsiPHN0ZGluPiJdLAogICJzb3VyY2VzQ29udGVudCI6IFsiaW1wb3J0IHsgY24gfSBmcm9tICcuLi8uLi91dGlscydcblxuZXhwb3J0IGZ1bmN0aW9uIFNvY2lhbHMoeyBjbGFzc05hbWUsIGl0ZW1zLCBvbk5hdmlnYXRlLCAuLi5yZXN0IH06IFNvY2lhbHNQcm9wcykge1xuICByZXR1cm4gKFxuICAgIDxkaXYgY2xhc3NOYW1lPXtjbignZmxleCBpdGVtcy1jZW50ZXIgZ2FwLTMnLCBjbGFzc05hbWUpfSB7Li4ucmVzdH0+XG4gICAgICB7aXRlbXMubWFwKCh7IGV4dGVybmFsID0gdHJ1ZSwgaHJlZiwgaWNvbjogSWNvbiwgbGFiZWwsIG9uQ2xpY2sgfSkgPT4gKFxuICAgICAgICA8YVxuICAgICAgICAgIGNsYXNzTmFtZT1cIm9wYWNpdHktNjAgdHJhbnNpdGlvbi1vcGFjaXR5IGhvdmVyOm9wYWNpdHktMTAwXCJcbiAgICAgICAgICBocmVmPXtocmVmfVxuICAgICAgICAgIGtleT17bGFiZWx9XG4gICAgICAgICAgb25DbGljaz17ZSA9PiB7XG4gICAgICAgICAgICBvbkNsaWNrPy4oZSlcbiAgICAgICAgICAgIG9uTmF2aWdhdGU/LigpXG4gICAgICAgICAgfX1cbiAgICAgICAgICByZWw9e2V4dGVybmFsID8gJ25vb3BlbmVyIG5vcmVmZXJyZXInIDogdW5kZWZpbmVkfVxuICAgICAgICAgIHRhcmdldD17ZXh0ZXJuYWwgPyAnX2JsYW5rJyA6IHVuZGVmaW5lZH1cbiAgICAgICAgICB0aXRsZT17bGFiZWx9XG4gICAgICAgID5cbiAgICAgICAgICA8SWNvbiAvPlxuICAgICAgICA8L2E+XG4gICAgICApKX1cbiAgICA8L2Rpdj5cbiAgKVxufVxuXG5leHBvcnQgaW50ZXJmYWNlIFNvY2lhbExpbmsge1xuICBleHRlcm5hbD86IGJvb2xlYW5cbiAgaHJlZjogc3RyaW5nXG4gIGljb246IFJlYWN0LkNvbXBvbmVudFR5cGU8eyBjbGFzc05hbWU/OiBzdHJpbmcgfT5cbiAgbGFiZWw6IHN0cmluZ1xuICBvbkNsaWNrPzogUmVhY3QuTW91c2VFdmVudEhhbmRsZXJcbn1cblxuaW50ZXJmYWNlIFNvY2lhbHNQcm9wcyBleHRlbmRzIFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50PiB7XG4gIGl0ZW1zOiBTb2NpYWxMaW5rW11cbiAgLyoqXG4gICAqIENhbGxlZCAqaW4gYWRkaXRpb24qIHRvIGVhY2ggbGluaydzIGBvbkNsaWNrYCBhZnRlciBhIGNsaWNrIFx1MjAxNCB1c2VmdWwgaW5cbiAgICogbW9iaWxlIGRyYXdlciAvIGRpYWxvZyBjb250ZXh0cyB3aGVyZSBjbGlja2luZyBhIGxpbmsgc2hvdWxkIGFsc28gY2xvc2VcbiAgICogdGhlIHN1cnJvdW5kaW5nIG92ZXJsYXkuXG4gICAqL1xuICBvbk5hdmlnYXRlPzogKCkgPT4gdm9pZFxufVxuIl0sCiAgIm1hcHBpbmdzIjogIkFBa0JVO0FBbEJWLFNBQVMsVUFBVTtBQUVaLGdCQUFTLFFBQVEsRUFBRSxXQUFXLE9BQU8sWUFBWSxHQUFHLEtBQUssR0FBaUI7QUFDL0UsU0FDRSxvQkFBQyxTQUFJLFdBQVcsR0FBRywyQkFBMkIsU0FBUyxHQUFJLEdBQUcsTUFDM0QsZ0JBQU0sSUFBSSxDQUFDLEVBQUUsV0FBVyxNQUFNLE1BQU0sTUFBTSxNQUFNLE9BQU8sUUFBUSxNQUM5RDtBQUFBLElBQUM7QUFBQTtBQUFBLE1BQ0MsV0FBVTtBQUFBLE1BQ1Y7QUFBQSxNQUVBLFNBQVMsT0FBSztBQUNaLGtCQUFVLENBQUM7QUFDWCxxQkFBYTtBQUFBLE1BQ2Y7QUFBQSxNQUNBLEtBQUssV0FBVyx3QkFBd0I7QUFBQSxNQUN4QyxRQUFRLFdBQVcsV0FBVztBQUFBLE1BQzlCLE9BQU87QUFBQSxNQUVQLDhCQUFDLFFBQUs7QUFBQTtBQUFBLElBVEQ7QUFBQSxFQVVQLENBQ0QsR0FDSDtBQUVKOyIsCiAgIm5hbWVzIjogW10KfQo=

package/dist/ui/components/spinner.d.ts

@@ -0,0 +1,20 @@
+import { type CSSProperties, type HTMLAttributes } from 'react';
+import { type BrailleSpinnerName } from 'unicode-animations';
+/**
+ * Braille unicode spinner. Renders the active frame of a `unicode-animations`
+ * sequence inside an inline `<span>`, advancing on the spinner's own interval.
+ *
+ * Inherits font color and font size from its parent — apply Tailwind utilities
+ * (e.g. `text-warning`, `text-base`) via `className` to style.
+ *
+ * Decorative by default. Pass `aria-label` (and optionally `role="status"`) when
+ * the spinner has no surrounding loading text and screen readers need to know
+ * something is loading.
+ */
+export declare function Spinner({ className, name, style, ...props }: SpinnerProps): import("react").JSX.Element;
+interface SpinnerProps extends HTMLAttributes<HTMLSpanElement> {
+    className?: string;
+    name?: BrailleSpinnerName;
+    style?: CSSProperties;
+}
+export {};