@inshorts/glint-ui 0.5.4 → 0.6.1

package/dist/chunk-T2KXVH3O.js

@@ -0,0 +1,297 @@
+import {
+  addDays,
+  addMonths,
+  formatDisplay,
+  fromIsoDate,
+  isSameDay,
+  monthGrid,
+  monthLabel,
+  startOfMonth,
+  toIsoDate
+} from "./chunk-MUPW2TFJ.js";
+import {
+  cn
+} from "./chunk-HCA5ODCD.js";
+
+// src/date-range-picker/index.tsx
+import { CalendarDays, ChevronLeft, ChevronRight, X } from "lucide-react";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var PRESETS = [
+  {
+    label: "Today",
+    range: () => {
+      const today = toIsoDate(/* @__PURE__ */ new Date());
+      return { from: today, to: today };
+    }
+  },
+  {
+    label: "Yesterday",
+    range: () => {
+      const day = toIsoDate(addDays(/* @__PURE__ */ new Date(), -1));
+      return { from: day, to: day };
+    }
+  },
+  {
+    label: "Last 7 days",
+    range: () => ({
+      from: toIsoDate(addDays(/* @__PURE__ */ new Date(), -6)),
+      to: toIsoDate(/* @__PURE__ */ new Date())
+    })
+  },
+  {
+    label: "Last 30 days",
+    range: () => ({
+      from: toIsoDate(addDays(/* @__PURE__ */ new Date(), -29)),
+      to: toIsoDate(/* @__PURE__ */ new Date())
+    })
+  },
+  {
+    label: "This month",
+    range: () => ({
+      from: toIsoDate(startOfMonth(/* @__PURE__ */ new Date())),
+      to: toIsoDate(/* @__PURE__ */ new Date())
+    })
+  }
+];
+var WEEKDAYS = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
+function DateRangePicker({
+  value,
+  onChange,
+  disabled,
+  placeholder = "Any date",
+  className,
+  ariaLabel = "Date range"
+}) {
+  const [open, setOpen] = React.useState(false);
+  const [hovered, setHovered] = React.useState(null);
+  const [pendingFrom, setPendingFrom] = React.useState(null);
+  const rootRef = React.useRef(null);
+  const from = fromIsoDate(value.from);
+  const to = fromIsoDate(value.to);
+  const [viewMonth, setViewMonth] = React.useState(
+    () => startOfMonth(from ?? /* @__PURE__ */ new Date())
+  );
+  React.useEffect(() => {
+    if (!open) return void 0;
+    const onPointerDown = (event) => {
+      if (!rootRef.current?.contains(event.target)) setOpen(false);
+    };
+    const onKeyDown = (event) => {
+      if (event.key === "Escape") setOpen(false);
+    };
+    document.addEventListener("mousedown", onPointerDown);
+    document.addEventListener("keydown", onKeyDown);
+    return () => {
+      document.removeEventListener("mousedown", onPointerDown);
+      document.removeEventListener("keydown", onKeyDown);
+    };
+  }, [open]);
+  function openPicker() {
+    setViewMonth(startOfMonth(fromIsoDate(value.from) ?? /* @__PURE__ */ new Date()));
+    setPendingFrom(null);
+    setHovered(null);
+    setOpen(true);
+  }
+  const anchor = pendingFrom ?? (to ? null : from);
+  const previewEnd = pendingFrom ? hovered : null;
+  function rangeBounds() {
+    if (pendingFrom) {
+      if (!previewEnd) return [pendingFrom, pendingFrom];
+      return previewEnd.getTime() < pendingFrom.getTime() ? [previewEnd, pendingFrom] : [pendingFrom, previewEnd];
+    }
+    return [from, to];
+  }
+  const [rangeStart, rangeEnd] = rangeBounds();
+  function selectDay(day) {
+    if (!anchor) {
+      setPendingFrom(day);
+      onChange({ from: toIsoDate(day), to: "" });
+      return;
+    }
+    const [start, end] = day.getTime() < anchor.getTime() ? [day, anchor] : [anchor, day];
+    onChange({ from: toIsoDate(start), to: toIsoDate(end) });
+    setPendingFrom(null);
+    setHovered(null);
+    setOpen(false);
+  }
+  function onGridKeyDown(event) {
+    const offsets = {
+      ArrowLeft: -1,
+      ArrowRight: 1,
+      ArrowUp: -7,
+      ArrowDown: 7
+    };
+    const offset = offsets[event.key];
+    if (offset === void 0) return;
+    const focused = document.activeElement;
+    const iso = focused?.dataset?.day;
+    const current = fromIsoDate(iso);
+    if (!current) return;
+    event.preventDefault();
+    const next = addDays(current, offset);
+    const nextIso = toIsoDate(next);
+    if (!rootRef.current?.querySelector(`[data-day="${nextIso}"]`)) {
+      setViewMonth(startOfMonth(offset < 0 ? next : addMonths(next, -1)));
+    }
+    window.requestAnimationFrame(() => {
+      rootRef.current?.querySelector(`[data-day="${nextIso}"]`)?.focus();
+    });
+  }
+  const label = value.from || value.to ? `${formatDisplay(value.from) || "Any"} \u2192 ${formatDisplay(value.to) || "Any"}` : placeholder;
+  const today = /* @__PURE__ */ new Date();
+  function renderMonth(month) {
+    return /* @__PURE__ */ jsxs("div", { className: "w-[15.75rem] shrink-0", children: [
+      /* @__PURE__ */ jsx("div", { className: "text-foreground mb-2 text-center text-sm font-medium whitespace-nowrap", children: monthLabel(month) }),
+      /* @__PURE__ */ jsx("div", { className: "text-muted-foreground grid grid-cols-7 text-center text-[11px]", children: WEEKDAYS.map((day) => /* @__PURE__ */ jsx("div", { className: "grid size-9 place-items-center", children: day }, day)) }),
+      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-7", children: monthGrid(month).map((day) => {
+        const iso = toIsoDate(day);
+        const outside = day.getMonth() !== month.getMonth();
+        const isStart = isSameDay(day, rangeStart);
+        const isEnd = isSameDay(day, rangeEnd);
+        const inRange = rangeStart != null && rangeEnd != null && day.getTime() > rangeStart.getTime() && day.getTime() < rangeEnd.getTime();
+        const isToday = isSameDay(day, today);
+        return /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "data-day": iso,
+            onClick: () => selectDay(day),
+            onMouseEnter: () => setHovered(day),
+            "aria-label": day.toDateString(),
+            "aria-pressed": isStart || isEnd,
+            className: cn(
+              "focus-visible:ring-ring relative grid size-9 place-items-center rounded-md text-sm transition-colors focus-visible:ring-2 focus-visible:outline-none",
+              outside ? "text-muted-foreground/50" : "text-foreground",
+              inRange && "bg-primary/10 rounded-none",
+              (isStart || isEnd) && "bg-primary text-primary-foreground font-medium",
+              // Square off the inner edge so a range reads as one bar
+              // rather than two pills with a gap.
+              isStart && rangeEnd && !isEnd && "rounded-r-none",
+              isEnd && rangeStart && !isStart && "rounded-l-none",
+              !isStart && !isEnd && "hover:bg-muted",
+              isToday && !isStart && !isEnd && "ring-border font-semibold ring-1"
+            ),
+            children: day.getDate()
+          },
+          iso
+        );
+      }) })
+    ] }, monthLabel(month));
+  }
+  return /* @__PURE__ */ jsxs("div", { ref: rootRef, className: cn("relative", className), children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "border-border bg-background flex items-center rounded-md border",
+          "focus-within:ring-ring/50 focus-within:border-ring focus-within:ring-2",
+          disabled && "opacity-50"
+        ),
+        children: [
+          /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              disabled,
+              "aria-haspopup": "dialog",
+              "aria-expanded": open,
+              "aria-label": ariaLabel,
+              onClick: () => open ? setOpen(false) : openPicker(),
+              className: "flex min-w-0 flex-1 items-center gap-2 px-2 py-1.5 text-left text-sm",
+              children: [
+                /* @__PURE__ */ jsx(
+                  CalendarDays,
+                  {
+                    className: "text-muted-foreground size-4 shrink-0",
+                    "aria-hidden": true
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: cn(
+                      "truncate",
+                      !value.from && !value.to && "text-muted-foreground"
+                    ),
+                    children: label
+                  }
+                )
+              ]
+            }
+          ),
+          (value.from || value.to) && !disabled ? /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              "aria-label": "Clear date range",
+              onClick: () => {
+                onChange({ from: "", to: "" });
+                setPendingFrom(null);
+              },
+              className: "text-muted-foreground hover:text-foreground shrink-0 px-2",
+              children: /* @__PURE__ */ jsx(X, { className: "size-3.5", "aria-hidden": true })
+            }
+          ) : null
+        ]
+      }
+    ),
+    open ? /* @__PURE__ */ jsxs(
+      "div",
+      {
+        role: "dialog",
+        "aria-label": ariaLabel,
+        className: "border-border bg-background absolute top-full right-0 z-50 mt-1 flex w-max rounded-lg border p-3 shadow-lg",
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "border-border mr-3 flex w-32 shrink-0 flex-col gap-0.5 border-r pr-3", children: PRESETS.map((preset) => /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "hover:bg-muted text-foreground rounded-md px-2 py-1.5 text-left text-xs",
+              onClick: () => {
+                onChange(preset.range());
+                setPendingFrom(null);
+                setOpen(false);
+              },
+              children: preset.label
+            },
+            preset.label
+          )) }),
+          /* @__PURE__ */ jsxs("div", { onKeyDown: onGridKeyDown, children: [
+            /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center justify-between", children: [
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  "aria-label": "Previous month",
+                  className: "hover:bg-muted text-muted-foreground hover:text-foreground rounded-md p-1.5",
+                  onClick: () => setViewMonth(addMonths(viewMonth, -1)),
+                  children: /* @__PURE__ */ jsx(ChevronLeft, { className: "size-4", "aria-hidden": true })
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  "aria-label": "Next month",
+                  className: "hover:bg-muted text-muted-foreground hover:text-foreground rounded-md p-1.5",
+                  onClick: () => setViewMonth(addMonths(viewMonth, 1)),
+                  children: /* @__PURE__ */ jsx(ChevronRight, { className: "size-4", "aria-hidden": true })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex gap-5", onMouseLeave: () => setHovered(null), children: [
+              renderMonth(viewMonth),
+              renderMonth(addMonths(viewMonth, 1))
+            ] })
+          ] })
+        ]
+      }
+    ) : null
+  ] });
+}
+
+export {
+  DateRangePicker
+};
+//# sourceMappingURL=chunk-T2KXVH3O.js.map

package/dist/chunk-T2KXVH3O.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/date-range-picker/index.tsx"],"sourcesContent":["\"use client\";\n\nimport { CalendarDays, ChevronLeft, ChevronRight, X } from \"lucide-react\";\nimport * as React from \"react\";\n\nimport { cn } from \"../utils\";\nimport {\n  addDays,\n  addMonths,\n  formatDisplay,\n  fromIsoDate,\n  isSameDay,\n  monthGrid,\n  monthLabel,\n  startOfMonth,\n  toIsoDate,\n} from \"./dateRange\";\n\nexport type DateRangeValue = { from: string; to: string };\n\n/**\n * A two-month range calendar.\n *\n * Two separate date fields cost two columns and read as two unrelated\n * questions when they are one: which window. They also let the pair be set\n * backwards, which returns nothing and looks like a broken filter.\n *\n * Two months rather than one because almost every range anyone picks here\n * crosses a month boundary — \"last week of July into the first of August\" is a\n * single gesture with two months visible and a paging exercise with one.\n *\n * Presets are the useful half. The common ranges are the same handful every\n * time, and picking \"Last 7 days\" out of a list beats counting backwards on a\n * grid.\n */\nconst PRESETS: { label: string; range: () => DateRangeValue }[] = [\n  {\n    label: \"Today\",\n    range: () => {\n      const today = toIsoDate(new Date());\n      return { from: today, to: today };\n    },\n  },\n  {\n    label: \"Yesterday\",\n    range: () => {\n      const day = toIsoDate(addDays(new Date(), -1));\n      return { from: day, to: day };\n    },\n  },\n  {\n    label: \"Last 7 days\",\n    range: () => ({\n      from: toIsoDate(addDays(new Date(), -6)),\n      to: toIsoDate(new Date()),\n    }),\n  },\n  {\n    label: \"Last 30 days\",\n    range: () => ({\n      from: toIsoDate(addDays(new Date(), -29)),\n      to: toIsoDate(new Date()),\n    }),\n  },\n  {\n    label: \"This month\",\n    range: () => ({\n      from: toIsoDate(startOfMonth(new Date())),\n      to: toIsoDate(new Date()),\n    }),\n  },\n];\n\nconst WEEKDAYS = [\"Su\", \"Mo\", \"Tu\", \"We\", \"Th\", \"Fr\", \"Sa\"];\n\nexport interface DateRangePickerProps {\n  value: DateRangeValue;\n  onChange: (next: DateRangeValue) => void;\n  disabled?: boolean;\n  placeholder?: string;\n  className?: string;\n  /** Names the trigger for screen readers when there is no visible label. */\n  ariaLabel?: string;\n}\n\nexport function DateRangePicker({\n  value,\n  onChange,\n  disabled,\n  placeholder = \"Any date\",\n  className,\n  ariaLabel = \"Date range\",\n}: DateRangePickerProps) {\n  const [open, setOpen] = React.useState(false);\n  const [hovered, setHovered] = React.useState<Date | null>(null);\n  /** Set while choosing the second end, so the range can preview under the cursor. */\n  const [pendingFrom, setPendingFrom] = React.useState<Date | null>(null);\n  const rootRef = React.useRef<HTMLDivElement>(null);\n\n  const from = fromIsoDate(value.from);\n  const to = fromIsoDate(value.to);\n\n  const [viewMonth, setViewMonth] = React.useState<Date>(() =>\n    startOfMonth(from ?? new Date()),\n  );\n\n  React.useEffect(() => {\n    if (!open) return undefined;\n    const onPointerDown = (event: MouseEvent) => {\n      if (!rootRef.current?.contains(event.target as Node)) setOpen(false);\n    };\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") setOpen(false);\n    };\n    document.addEventListener(\"mousedown\", onPointerDown);\n    document.addEventListener(\"keydown\", onKeyDown);\n    return () => {\n      document.removeEventListener(\"mousedown\", onPointerDown);\n      document.removeEventListener(\"keydown\", onKeyDown);\n    };\n  }, [open]);\n\n  /**\n   * Reopening lands on the current selection rather than wherever the view was\n   * left. Done here rather than in an effect: it is a response to an event, and\n   * setting state from an effect is what `react-hooks/set-state-in-effect`\n   * rejects — correctly, since it costs an extra render every open.\n   */\n  function openPicker() {\n    setViewMonth(startOfMonth(fromIsoDate(value.from) ?? new Date()));\n    setPendingFrom(null);\n    setHovered(null);\n    setOpen(true);\n  }\n\n  const anchor = pendingFrom ?? (to ? null : from);\n  const previewEnd = pendingFrom ? hovered : null;\n\n  function rangeBounds(): [Date | null, Date | null] {\n    if (pendingFrom) {\n      if (!previewEnd) return [pendingFrom, pendingFrom];\n      return previewEnd.getTime() < pendingFrom.getTime()\n        ? [previewEnd, pendingFrom]\n        : [pendingFrom, previewEnd];\n    }\n    return [from, to];\n  }\n\n  const [rangeStart, rangeEnd] = rangeBounds();\n\n  function selectDay(day: Date) {\n    if (!anchor) {\n      // Starting a new range. Keeping only `from` means the next click closes\n      // it, whichever side of the anchor it lands on.\n      setPendingFrom(day);\n      onChange({ from: toIsoDate(day), to: \"\" });\n      return;\n    }\n    const [start, end] =\n      day.getTime() < anchor.getTime() ? [day, anchor] : [anchor, day];\n    onChange({ from: toIsoDate(start), to: toIsoDate(end) });\n    setPendingFrom(null);\n    setHovered(null);\n    setOpen(false);\n  }\n\n  /** Arrow keys move by day/week across both months, as a calendar should. */\n  function onGridKeyDown(event: React.KeyboardEvent<HTMLDivElement>) {\n    const offsets: Record<string, number> = {\n      ArrowLeft: -1,\n      ArrowRight: 1,\n      ArrowUp: -7,\n      ArrowDown: 7,\n    };\n    const offset = offsets[event.key];\n    if (offset === undefined) return;\n    const focused = document.activeElement as HTMLElement | null;\n    const iso = focused?.dataset?.day;\n    const current = fromIsoDate(iso);\n    if (!current) return;\n    event.preventDefault();\n    const next = addDays(current, offset);\n    const nextIso = toIsoDate(next);\n    // Page the view when the move lands outside what is rendered.\n    if (!rootRef.current?.querySelector(`[data-day=\"${nextIso}\"]`)) {\n      setViewMonth(startOfMonth(offset < 0 ? next : addMonths(next, -1)));\n    }\n    window.requestAnimationFrame(() => {\n      rootRef.current\n        ?.querySelector<HTMLElement>(`[data-day=\"${nextIso}\"]`)\n        ?.focus();\n    });\n  }\n\n  const label =\n    value.from || value.to\n      ? `${formatDisplay(value.from) || \"Any\"} → ${formatDisplay(value.to) || \"Any\"}`\n      : placeholder;\n\n  const today = new Date();\n\n  function renderMonth(month: Date) {\n    return (\n      <div key={monthLabel(month)} className=\"w-[15.75rem] shrink-0\">\n        <div className=\"text-foreground mb-2 text-center text-sm font-medium whitespace-nowrap\">\n          {monthLabel(month)}\n        </div>\n        <div className=\"text-muted-foreground grid grid-cols-7 text-center text-[11px]\">\n          {WEEKDAYS.map((day) => (\n            <div key={day} className=\"grid size-9 place-items-center\">\n              {day}\n            </div>\n          ))}\n        </div>\n        <div className=\"grid grid-cols-7\">\n          {monthGrid(month).map((day) => {\n            const iso = toIsoDate(day);\n            const outside = day.getMonth() !== month.getMonth();\n            const isStart = isSameDay(day, rangeStart);\n            const isEnd = isSameDay(day, rangeEnd);\n            const inRange =\n              rangeStart != null &&\n              rangeEnd != null &&\n              day.getTime() > rangeStart.getTime() &&\n              day.getTime() < rangeEnd.getTime();\n            const isToday = isSameDay(day, today);\n\n            return (\n              <button\n                key={iso}\n                type=\"button\"\n                data-day={iso}\n                // Outside days stay clickable — clicking one is how you reach\n                // the neighbouring month without paging.\n                onClick={() => selectDay(day)}\n                onMouseEnter={() => setHovered(day)}\n                aria-label={day.toDateString()}\n                aria-pressed={isStart || isEnd}\n                className={cn(\n                  \"focus-visible:ring-ring relative grid size-9 place-items-center rounded-md text-sm transition-colors focus-visible:ring-2 focus-visible:outline-none\",\n                  outside ? \"text-muted-foreground/50\" : \"text-foreground\",\n                  inRange && \"bg-primary/10 rounded-none\",\n                  (isStart || isEnd) &&\n                    \"bg-primary text-primary-foreground font-medium\",\n                  // Square off the inner edge so a range reads as one bar\n                  // rather than two pills with a gap.\n                  isStart && rangeEnd && !isEnd && \"rounded-r-none\",\n                  isEnd && rangeStart && !isStart && \"rounded-l-none\",\n                  !isStart && !isEnd && \"hover:bg-muted\",\n                  isToday &&\n                    !isStart &&\n                    !isEnd &&\n                    \"ring-border font-semibold ring-1\",\n                )}\n              >\n                {day.getDate()}\n              </button>\n            );\n          })}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div ref={rootRef} className={cn(\"relative\", className)}>\n      <div\n        className={cn(\n          \"border-border bg-background flex items-center rounded-md border\",\n          \"focus-within:ring-ring/50 focus-within:border-ring focus-within:ring-2\",\n          disabled && \"opacity-50\",\n        )}\n      >\n        <button\n          type=\"button\"\n          disabled={disabled}\n          aria-haspopup=\"dialog\"\n          aria-expanded={open}\n          aria-label={ariaLabel}\n          onClick={() => (open ? setOpen(false) : openPicker())}\n          className=\"flex min-w-0 flex-1 items-center gap-2 px-2 py-1.5 text-left text-sm\"\n        >\n          <CalendarDays\n            className=\"text-muted-foreground size-4 shrink-0\"\n            aria-hidden\n          />\n          <span\n            className={cn(\n              \"truncate\",\n              !value.from && !value.to && \"text-muted-foreground\",\n            )}\n          >\n            {label}\n          </span>\n        </button>\n        {(value.from || value.to) && !disabled ? (\n          <button\n            type=\"button\"\n            aria-label=\"Clear date range\"\n            onClick={() => {\n              onChange({ from: \"\", to: \"\" });\n              setPendingFrom(null);\n            }}\n            className=\"text-muted-foreground hover:text-foreground shrink-0 px-2\"\n          >\n            <X className=\"size-3.5\" aria-hidden />\n          </button>\n        ) : null}\n      </div>\n\n      {open ? (\n        <div\n          role=\"dialog\"\n          aria-label={ariaLabel}\n          // `w-max` so the calendar sets its own width instead of inheriting\n          // the filter column, which squeezed the months until the numbers ran\n          // together. Anchored right because this sits in the last column and\n          // would otherwise open off the edge of the viewport.\n          className=\"border-border bg-background absolute top-full right-0 z-50 mt-1 flex w-max rounded-lg border p-3 shadow-lg\"\n        >\n          <div className=\"border-border mr-3 flex w-32 shrink-0 flex-col gap-0.5 border-r pr-3\">\n            {PRESETS.map((preset) => (\n              <button\n                key={preset.label}\n                type=\"button\"\n                className=\"hover:bg-muted text-foreground rounded-md px-2 py-1.5 text-left text-xs\"\n                onClick={() => {\n                  onChange(preset.range());\n                  setPendingFrom(null);\n                  setOpen(false);\n                }}\n              >\n                {preset.label}\n              </button>\n            ))}\n          </div>\n\n          <div onKeyDown={onGridKeyDown}>\n            <div className=\"mb-2 flex items-center justify-between\">\n              <button\n                type=\"button\"\n                aria-label=\"Previous month\"\n                className=\"hover:bg-muted text-muted-foreground hover:text-foreground rounded-md p-1.5\"\n                onClick={() => setViewMonth(addMonths(viewMonth, -1))}\n              >\n                <ChevronLeft className=\"size-4\" aria-hidden />\n              </button>\n              <button\n                type=\"button\"\n                aria-label=\"Next month\"\n                className=\"hover:bg-muted text-muted-foreground hover:text-foreground rounded-md p-1.5\"\n                onClick={() => setViewMonth(addMonths(viewMonth, 1))}\n              >\n                <ChevronRight className=\"size-4\" aria-hidden />\n              </button>\n            </div>\n            <div className=\"flex gap-5\" onMouseLeave={() => setHovered(null)}>\n              {renderMonth(viewMonth)}\n              {renderMonth(addMonths(viewMonth, 1))}\n            </div>\n          </div>\n        </div>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-T4WCCHJQ.js

@@ -0,0 +1,29 @@
+import {
+  cn
+} from "./chunk-HCA5ODCD.js";
+
+// src/separator.tsx
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+var Separator = React.forwardRef(
+  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      role: decorative ? "none" : "separator",
+      "aria-orientation": orientation,
+      className: cn(
+        "bg-border shrink-0",
+        orientation === "horizontal" ? "h-px w-full" : "h-full w-px",
+        className
+      ),
+      ...props
+    }
+  )
+);
+Separator.displayName = "Separator";
+
+export {
+  Separator
+};
+//# sourceMappingURL=chunk-T4WCCHJQ.js.map

package/dist/chunk-T4WCCHJQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/separator.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nimport { cn } from \"./utils\";\n\nexport type SeparatorProps = React.HTMLAttributes<HTMLDivElement> & {\n  orientation?: \"horizontal\" | \"vertical\";\n  decorative?: boolean;\n};\n\n/** Thin rule between sections. */\nexport const Separator = React.forwardRef<HTMLDivElement, SeparatorProps>(\n  (\n    { className, orientation = \"horizontal\", decorative = true, ...props },\n    ref,\n  ) => (\n    <div\n      ref={ref}\n      role={decorative ? \"none\" : \"separator\"}\n      aria-orientation={orientation}\n      className={cn(\n        \"bg-border shrink-0\",\n        orientation === \"horizontal\" ? \"h-px w-full\" : \"h-full w-px\",\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\n\nSeparator.displayName = \"Separator\";\n"],"mappings":";;;;;AAEA,YAAY,WAAW;AAenB;AALG,IAAM,YAAkB;AAAA,EAC7B,CACE,EAAE,WAAW,cAAc,cAAc,aAAa,MAAM,GAAG,MAAM,GACrE,QAEA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,MAAM,aAAa,SAAS;AAAA,MAC5B,oBAAkB;AAAA,MAClB,WAAW;AAAA,QACT;AAAA,QACA,gBAAgB,eAAe,gBAAgB;AAAA,QAC/C;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,UAAU,cAAc;","names":[]}

package/dist/chunk-UC3ZIQPE.js

@@ -0,0 +1,93 @@
+import {
+  cn
+} from "./chunk-HCA5ODCD.js";
+
+// src/table.tsx
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+var Table = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx(
+  "table",
+  {
+    ref,
+    className: cn("w-full caption-bottom text-sm", className),
+    ...props
+  }
+) }));
+Table.displayName = "Table";
+var TableHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+TableHeader.displayName = "TableHeader";
+var TableBody = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "tbody",
+  {
+    ref,
+    className: cn("[&_tr:last-child]:border-0", className),
+    ...props
+  }
+));
+TableBody.displayName = "TableBody";
+var TableFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "tfoot",
+  {
+    ref,
+    className: cn(
+      "bg-muted/50 border-t font-medium [&>tr]:last:border-b-0",
+      className
+    ),
+    ...props
+  }
+));
+TableFooter.displayName = "TableFooter";
+var TableRow = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "tr",
+  {
+    ref,
+    className: cn(
+      "hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",
+      className
+    ),
+    ...props
+  }
+));
+TableRow.displayName = "TableRow";
+var TableHead = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "th",
+  {
+    ref,
+    className: cn(
+      "text-muted-foreground h-12 px-4 text-left align-middle font-medium [&:has([role=checkbox])]:pr-0",
+      className
+    ),
+    ...props
+  }
+));
+TableHead.displayName = "TableHead";
+var TableCell = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "td",
+  {
+    ref,
+    className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className),
+    ...props
+  }
+));
+TableCell.displayName = "TableCell";
+var TableCaption = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "caption",
+  {
+    ref,
+    className: cn("text-muted-foreground mt-4 text-sm", className),
+    ...props
+  }
+));
+TableCaption.displayName = "TableCaption";
+
+export {
+  Table,
+  TableHeader,
+  TableBody,
+  TableFooter,
+  TableRow,
+  TableHead,
+  TableCell,
+  TableCaption
+};
+//# sourceMappingURL=chunk-UC3ZIQPE.js.map

package/dist/chunk-UC3ZIQPE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/table.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { cn } from \"./utils\";\n\n/**\n * Low-level table primitives. Prefer `DataTable` for list panels; use these\n * when the row markup is custom (nested actions, expandable rows, etc.).\n */\nexport const Table = React.forwardRef<\n  HTMLTableElement,\n  React.HTMLAttributes<HTMLTableElement>\n>(({ className, ...props }, ref) => (\n  <div className=\"relative w-full overflow-auto\">\n    <table\n      ref={ref}\n      className={cn(\"w-full caption-bottom text-sm\", className)}\n      {...props}\n    />\n  </div>\n));\nTable.displayName = \"Table\";\n\nexport const TableHeader = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <thead ref={ref} className={cn(\"[&_tr]:border-b\", className)} {...props} />\n));\nTableHeader.displayName = \"TableHeader\";\n\nexport const TableBody = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <tbody\n    ref={ref}\n    className={cn(\"[&_tr:last-child]:border-0\", className)}\n    {...props}\n  />\n));\nTableBody.displayName = \"TableBody\";\n\nexport const TableFooter = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <tfoot\n    ref={ref}\n    className={cn(\n      \"bg-muted/50 border-t font-medium [&>tr]:last:border-b-0\",\n      className,\n    )}\n    {...props}\n  />\n));\nTableFooter.displayName = \"TableFooter\";\n\nexport const TableRow = React.forwardRef<\n  HTMLTableRowElement,\n  React.HTMLAttributes<HTMLTableRowElement>\n>(({ className, ...props }, ref) => (\n  <tr\n    ref={ref}\n    className={cn(\n      \"hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors\",\n      className,\n    )}\n    {...props}\n  />\n));\nTableRow.displayName = \"TableRow\";\n\nexport const TableHead = React.forwardRef<\n  HTMLTableCellElement,\n  React.ThHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n  <th\n    ref={ref}\n    className={cn(\n      \"text-muted-foreground h-12 px-4 text-left align-middle font-medium [&:has([role=checkbox])]:pr-0\",\n      className,\n    )}\n    {...props}\n  />\n));\nTableHead.displayName = \"TableHead\";\n\nexport const TableCell = React.forwardRef<\n  HTMLTableCellElement,\n  React.TdHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n  <td\n    ref={ref}\n    className={cn(\"p-4 align-middle [&:has([role=checkbox])]:pr-0\", className)}\n    {...props}\n  />\n));\nTableCell.displayName = \"TableCell\";\n\nexport const TableCaption = React.forwardRef<\n  HTMLTableCaptionElement,\n  React.HTMLAttributes<HTMLTableCaptionElement>\n>(({ className, ...props }, ref) => (\n  <caption\n    ref={ref}\n    className={cn(\"text-muted-foreground mt-4 text-sm\", className)}\n    {...props}\n  />\n));\nTableCaption.displayName = \"TableCaption\";\n"],"mappings":";;;;;AAAA,YAAY,WAAW;AAanB;AALG,IAAM,QAAc,iBAGzB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B,oBAAC,SAAI,WAAU,iCACb;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW,GAAG,iCAAiC,SAAS;AAAA,IACvD,GAAG;AAAA;AACN,GACF,CACD;AACD,MAAM,cAAc;AAEb,IAAM,cAAoB,iBAG/B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B,oBAAC,WAAM,KAAU,WAAW,GAAG,mBAAmB,SAAS,GAAI,GAAG,OAAO,CAC1E;AACD,YAAY,cAAc;AAEnB,IAAM,YAAkB,iBAG7B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW,GAAG,8BAA8B,SAAS;AAAA,IACpD,GAAG;AAAA;AACN,CACD;AACD,UAAU,cAAc;AAEjB,IAAM,cAAoB,iBAG/B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,YAAY,cAAc;AAEnB,IAAM,WAAiB,iBAG5B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,SAAS,cAAc;AAEhB,IAAM,YAAkB,iBAG7B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,UAAU,cAAc;AAEjB,IAAM,YAAkB,iBAG7B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW,GAAG,kDAAkD,SAAS;AAAA,IACxE,GAAG;AAAA;AACN,CACD;AACD,UAAU,cAAc;AAEjB,IAAM,eAAqB,iBAGhC,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW,GAAG,sCAAsC,SAAS;AAAA,IAC5D,GAAG;AAAA;AACN,CACD;AACD,aAAa,cAAc;","names":[]}

package/dist/chunk-UE7JY7VR.js

@@ -0,0 +1,28 @@
+import {
+  cn
+} from "./chunk-HCA5ODCD.js";
+
+// src/spinner.tsx
+import { Loader2 } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
+var SIZES = {
+  sm: "size-3.5",
+  md: "size-4",
+  lg: "size-5",
+  xl: "size-10 border-2"
+};
+function Spinner({ size = "md", className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Loader2,
+    {
+      "aria-hidden": true,
+      className: cn("animate-spin", SIZES[size], className),
+      ...props
+    }
+  );
+}
+
+export {
+  Spinner
+};
+//# sourceMappingURL=chunk-UE7JY7VR.js.map

package/dist/chunk-UE7JY7VR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/spinner.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Loader2 } from \"lucide-react\";\n\nimport { cn } from \"./utils\";\n\n/**\n * The one spinner.\n *\n * There were five spellings of `animate-spin` across twelve files — `h-4 w-4`,\n * `h-5 w-5`, `size-4`, bare, and a hand-drawn ring in `ProtectedRoute` — so the\n * same \"working\" signal came out a different size depending on which panel you\n * were on.\n *\n * It is `aria-hidden` on purpose. A spinner is decoration; what a screen reader\n * needs is the surrounding control's `aria-busy` or the panel's status text,\n * and announcing \"loading\" twice is worse than once. `Button` and `StatePanel`\n * both supply that.\n */\nconst SIZES = {\n  sm: \"size-3.5\",\n  md: \"size-4\",\n  lg: \"size-5\",\n  xl: \"size-10 border-2\",\n} as const;\n\nexport interface SpinnerProps extends React.SVGProps<SVGSVGElement> {\n  size?: keyof typeof SIZES;\n}\n\nexport function Spinner({ size = \"md\", className, ...props }: SpinnerProps) {\n  return (\n    <Loader2\n      aria-hidden\n      className={cn(\"animate-spin\", SIZES[size], className)}\n      {...props}\n    />\n  );\n}\n"],"mappings":";;;;;AACA,SAAS,eAAe;AA8BpB;AAbJ,IAAM,QAAQ;AAAA,EACZ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAMO,SAAS,QAAQ,EAAE,OAAO,MAAM,WAAW,GAAG,MAAM,GAAiB;AAC1E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW;AAAA,MACX,WAAW,GAAG,gBAAgB,MAAM,IAAI,GAAG,SAAS;AAAA,MACnD,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/chunk-Y5WCT6XN.js

@@ -0,0 +1,93 @@
+// src/clipboard.ts
+var TSV_DELIMITER = "	";
+var CSV_DELIMITER = ",";
+function normalizeRange(anchor, focus) {
+  if (!anchor || !focus) return null;
+  return {
+    r1: Math.min(anchor.r, focus.r),
+    r2: Math.max(anchor.r, focus.r),
+    c1: Math.min(anchor.c, focus.c),
+    c2: Math.max(anchor.c, focus.c)
+  };
+}
+function escapeCell(raw, delimiter) {
+  const value = raw == null ? "" : String(raw);
+  if (value.includes(delimiter) || value.includes("\n") || value.includes("\r") || value.includes('"')) {
+    return `"${value.replace(/"/g, '""')}"`;
+  }
+  return value;
+}
+function buildRangeText(range, columns, rows, delimiter, includeHeaders) {
+  if (!range) return "";
+  const lines = [];
+  if (includeHeaders) {
+    const header = [];
+    for (let c = range.c1; c <= range.c2; c++) {
+      header.push(escapeCell(columns[c]?.title, delimiter));
+    }
+    lines.push(header.join(delimiter));
+  }
+  for (let r = range.r1; r <= range.r2; r++) {
+    const line = [];
+    const row = rows[r];
+    for (let c = range.c1; c <= range.c2; c++) {
+      const column = columns[c];
+      line.push(
+        escapeCell(
+          column && row !== void 0 ? column.value(row) : "",
+          delimiter
+        )
+      );
+    }
+    lines.push(line.join(delimiter));
+  }
+  return lines.join("\n");
+}
+function fullRange(columns, rows) {
+  if (!rows.length || !columns.length) return null;
+  return { r1: 0, r2: rows.length - 1, c1: 0, c2: columns.length - 1 };
+}
+function describeRange(range) {
+  if (!range) return "No selection";
+  const rowCount = range.r2 - range.r1 + 1;
+  const colCount = range.c2 - range.c1 + 1;
+  if (rowCount === 1 && colCount === 1) return "1 cell selected";
+  return `${rowCount} \xD7 ${colCount} selected`;
+}
+function countCells(range) {
+  return {
+    rows: range.r2 - range.r1 + 1,
+    columns: range.c2 - range.c1 + 1
+  };
+}
+async function writeToClipboard(text) {
+  if (navigator.clipboard?.writeText) {
+    return navigator.clipboard.writeText(text);
+  }
+  const textarea = document.createElement("textarea");
+  textarea.value = text;
+  textarea.style.position = "fixed";
+  textarea.style.top = "-1000px";
+  document.body.appendChild(textarea);
+  textarea.select();
+  try {
+    if (!document.execCommand("copy")) {
+      throw new Error("Could not write to the clipboard");
+    }
+  } finally {
+    document.body.removeChild(textarea);
+  }
+}
+
+export {
+  TSV_DELIMITER,
+  CSV_DELIMITER,
+  normalizeRange,
+  escapeCell,
+  buildRangeText,
+  fullRange,
+  describeRange,
+  countCells,
+  writeToClipboard
+};
+//# sourceMappingURL=chunk-Y5WCT6XN.js.map

package/dist/chunk-Y5WCT6XN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/clipboard.ts"],"sourcesContent":["/**\n * Range maths and clipboard text for the card table's spreadsheet selection.\n *\n * Ported from video-shorts-panel `app/src/common/components/ExcelTable.jsx`.\n * Kept free of React and the DOM (except `writeToClipboard`) so the escaping\n * and range rules are unit-testable.\n */\n\nexport type CellRef = { r: number; c: number };\n\nexport type CellRange = { r1: number; r2: number; c1: number; c2: number };\n\n/** Tab for the clipboard (Excel/Sheets split on it), comma for a .csv file. */\nexport const TSV_DELIMITER = \"\\t\";\nexport const CSV_DELIMITER = \",\";\n\n/**\n * Anchor and focus can be dragged in any direction, so the range is whichever\n * corners they happen to be — normalize to top-left / bottom-right.\n */\nexport function normalizeRange(\n  anchor: CellRef | null | undefined,\n  focus: CellRef | null | undefined,\n): CellRange | null {\n  if (!anchor || !focus) return null;\n  return {\n    r1: Math.min(anchor.r, focus.r),\n    r2: Math.max(anchor.r, focus.r),\n    c1: Math.min(anchor.c, focus.c),\n    c2: Math.max(anchor.c, focus.c),\n  };\n}\n\n/**\n * A cell needs quoting once it carries the delimiters themselves — the same\n * rule Excel uses when it parses the clipboard. Without it, a title containing\n * a tab or a newline silently becomes extra columns or rows on paste.\n */\nexport function escapeCell(raw: unknown, delimiter: string): string {\n  const value = raw == null ? \"\" : String(raw);\n  if (\n    value.includes(delimiter) ||\n    value.includes(\"\\n\") ||\n    value.includes(\"\\r\") ||\n    value.includes('\"')\n  ) {\n    return `\"${value.replace(/\"/g, '\"\"')}\"`;\n  }\n  return value;\n}\n\nexport type TextColumn<Row> = {\n  title: string;\n  value: (row: Row) => string;\n};\n\n/** Renders a range as delimited text, optionally with a header line. */\nexport function buildRangeText<Row>(\n  range: CellRange | null,\n  columns: TextColumn<Row>[],\n  rows: Row[],\n  delimiter: string,\n  includeHeaders: boolean,\n): string {\n  if (!range) return \"\";\n  const lines: string[] = [];\n\n  if (includeHeaders) {\n    const header: string[] = [];\n    for (let c = range.c1; c <= range.c2; c++) {\n      header.push(escapeCell(columns[c]?.title, delimiter));\n    }\n    lines.push(header.join(delimiter));\n  }\n\n  for (let r = range.r1; r <= range.r2; r++) {\n    const line: string[] = [];\n    const row = rows[r];\n    for (let c = range.c1; c <= range.c2; c++) {\n      const column = columns[c];\n      line.push(\n        escapeCell(\n          column && row !== undefined ? column.value(row) : \"\",\n          delimiter,\n        ),\n      );\n    }\n    lines.push(line.join(delimiter));\n  }\n\n  return lines.join(\"\\n\");\n}\n\n/** The whole grid, or null when there is nothing to select. */\nexport function fullRange<Row>(\n  columns: TextColumn<Row>[],\n  rows: Row[],\n): CellRange | null {\n  if (!rows.length || !columns.length) return null;\n  return { r1: 0, r2: rows.length - 1, c1: 0, c2: columns.length - 1 };\n}\n\n/** \"3 × 2 selected\" — what the toolbar reports back to the user. */\nexport function describeRange(range: CellRange | null): string {\n  if (!range) return \"No selection\";\n  const rowCount = range.r2 - range.r1 + 1;\n  const colCount = range.c2 - range.c1 + 1;\n  if (rowCount === 1 && colCount === 1) return \"1 cell selected\";\n  return `${rowCount} × ${colCount} selected`;\n}\n\nexport function countCells(range: CellRange): {\n  rows: number;\n  columns: number;\n} {\n  return {\n    rows: range.r2 - range.r1 + 1,\n    columns: range.c2 - range.c1 + 1,\n  };\n}\n\n/**\n * `navigator.clipboard` is unavailable on http origins and older browsers, so\n * fall back to a hidden textarea + execCommand rather than failing the copy.\n */\nexport async function writeToClipboard(text: string): Promise<void> {\n  if (navigator.clipboard?.writeText) {\n    return navigator.clipboard.writeText(text);\n  }\n\n  const textarea = document.createElement(\"textarea\");\n  textarea.value = text;\n  textarea.style.position = \"fixed\";\n  textarea.style.top = \"-1000px\";\n  document.body.appendChild(textarea);\n  textarea.select();\n  try {\n    if (!document.execCommand(\"copy\")) {\n      throw new Error(\"Could not write to the clipboard\");\n    }\n  } finally {\n    document.body.removeChild(textarea);\n  }\n}\n"],"mappings":";AAaO,IAAM,gBAAgB;AACtB,IAAM,gBAAgB;AAMtB,SAAS,eACd,QACA,OACkB;AAClB,MAAI,CAAC,UAAU,CAAC,MAAO,QAAO;AAC9B,SAAO;AAAA,IACL,IAAI,KAAK,IAAI,OAAO,GAAG,MAAM,CAAC;AAAA,IAC9B,IAAI,KAAK,IAAI,OAAO,GAAG,MAAM,CAAC;AAAA,IAC9B,IAAI,KAAK,IAAI,OAAO,GAAG,MAAM,CAAC;AAAA,IAC9B,IAAI,KAAK,IAAI,OAAO,GAAG,MAAM,CAAC;AAAA,EAChC;AACF;AAOO,SAAS,WAAW,KAAc,WAA2B;AAClE,QAAM,QAAQ,OAAO,OAAO,KAAK,OAAO,GAAG;AAC3C,MACE,MAAM,SAAS,SAAS,KACxB,MAAM,SAAS,IAAI,KACnB,MAAM,SAAS,IAAI,KACnB,MAAM,SAAS,GAAG,GAClB;AACA,WAAO,IAAI,MAAM,QAAQ,MAAM,IAAI,CAAC;AAAA,EACtC;AACA,SAAO;AACT;AAQO,SAAS,eACd,OACA,SACA,MACA,WACA,gBACQ;AACR,MAAI,CAAC,MAAO,QAAO;AACnB,QAAM,QAAkB,CAAC;AAEzB,MAAI,gBAAgB;AAClB,UAAM,SAAmB,CAAC;AAC1B,aAAS,IAAI,MAAM,IAAI,KAAK,MAAM,IAAI,KAAK;AACzC,aAAO,KAAK,WAAW,QAAQ,CAAC,GAAG,OAAO,SAAS,CAAC;AAAA,IACtD;AACA,UAAM,KAAK,OAAO,KAAK,SAAS,CAAC;AAAA,EACnC;AAEA,WAAS,IAAI,MAAM,IAAI,KAAK,MAAM,IAAI,KAAK;AACzC,UAAM,OAAiB,CAAC;AACxB,UAAM,MAAM,KAAK,CAAC;AAClB,aAAS,IAAI,MAAM,IAAI,KAAK,MAAM,IAAI,KAAK;AACzC,YAAM,SAAS,QAAQ,CAAC;AACxB,WAAK;AAAA,QACH;AAAA,UACE,UAAU,QAAQ,SAAY,OAAO,MAAM,GAAG,IAAI;AAAA,UAClD;AAAA,QACF;AAAA,MACF;AAAA,IACF;AACA,UAAM,KAAK,KAAK,KAAK,SAAS,CAAC;AAAA,EACjC;AAEA,SAAO,MAAM,KAAK,IAAI;AACxB;AAGO,SAAS,UACd,SACA,MACkB;AAClB,MAAI,CAAC,KAAK,UAAU,CAAC,QAAQ,OAAQ,QAAO;AAC5C,SAAO,EAAE,IAAI,GAAG,IAAI,KAAK,SAAS,GAAG,IAAI,GAAG,IAAI,QAAQ,SAAS,EAAE;AACrE;AAGO,SAAS,cAAc,OAAiC;AAC7D,MAAI,CAAC,MAAO,QAAO;AACnB,QAAM,WAAW,MAAM,KAAK,MAAM,KAAK;AACvC,QAAM,WAAW,MAAM,KAAK,MAAM,KAAK;AACvC,MAAI,aAAa,KAAK,aAAa,EAAG,QAAO;AAC7C,SAAO,GAAG,QAAQ,SAAM,QAAQ;AAClC;AAEO,SAAS,WAAW,OAGzB;AACA,SAAO;AAAA,IACL,MAAM,MAAM,KAAK,MAAM,KAAK;AAAA,IAC5B,SAAS,MAAM,KAAK,MAAM,KAAK;AAAA,EACjC;AACF;AAMA,eAAsB,iBAAiB,MAA6B;AAClE,MAAI,UAAU,WAAW,WAAW;AAClC,WAAO,UAAU,UAAU,UAAU,IAAI;AAAA,EAC3C;AAEA,QAAM,WAAW,SAAS,cAAc,UAAU;AAClD,WAAS,QAAQ;AACjB,WAAS,MAAM,WAAW;AAC1B,WAAS,MAAM,MAAM;AACrB,WAAS,KAAK,YAAY,QAAQ;AAClC,WAAS,OAAO;AAChB,MAAI;AACF,QAAI,CAAC,SAAS,YAAY,MAAM,GAAG;AACjC,YAAM,IAAI,MAAM,kCAAkC;AAAA,IACpD;AAAA,EACF,UAAE;AACA,aAAS,KAAK,YAAY,QAAQ;AAAA,EACpC;AACF;","names":[]}