@flamingo-stack/openframe-frontend-core 0.0.730 → 0.0.732

package/dist/components/ui/notification-stack.js

@@ -0,0 +1,78 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { AnimatePresence, motion, useReducedMotion } from "framer-motion";
+import { useEffect, useState } from "react";
+import { cn } from "../../utils/cn.js";
+const MAX_PILE_EDGES = 2;
+const ARRIVE = { type: "spring", stiffness: 90, damping: 22, mass: 1 };
+const PUSH = { type: "spring", stiffness: 60, damping: 20, mass: 1.1 };
+const FOLD = { type: "spring", stiffness: 140, damping: 28, mass: 1 };
+function NotificationStack({
+  items,
+  maxExpanded = 3,
+  lingerMs = 1800,
+  foldEveryMs = 900,
+  className
+}) {
+  const reducedMotion = useReducedMotion();
+  const count = items.length;
+  const opened = Math.min(maxExpanded, count);
+  const [seenCount, setSeenCount] = useState(count);
+  const [whole, setWhole] = useState(opened);
+  const [justArrived, setJustArrived] = useState(false);
+  if (seenCount !== count) {
+    setSeenCount(count);
+    setWhole(count > seenCount ? Math.min(opened, whole + (count - seenCount)) : opened);
+    setJustArrived(true);
+  }
+  useEffect(() => {
+    if (whole <= 1) return void 0;
+    const timer = setTimeout(
+      () => {
+        setWhole((current) => current - 1);
+        setJustArrived(false);
+      },
+      justArrived ? lingerMs : foldEveryMs
+    );
+    return () => clearTimeout(timer);
+  }, [whole, justArrived, lingerMs, foldEveryMs]);
+  const shown = items.slice(-Math.max(1, Math.min(whole, count))).reverse();
+  const folded = Math.min(MAX_PILE_EDGES, Math.max(0, count - shown.length));
+  const still = { duration: 0 };
+  return /* @__PURE__ */ jsx("div", { className: cn("flex w-full flex-col gap-1.5 pb-2.5", className), children: /* @__PURE__ */ jsx(AnimatePresence, { initial: false, mode: "popLayout", children: shown.map((item, index) => /* @__PURE__ */ jsxs(
+    motion.div,
+    {
+      layout: reducedMotion ? false : "position",
+      initial: { opacity: 0, y: reducedMotion ? 0 : -20, scale: reducedMotion ? 1 : 0.98 },
+      animate: { opacity: 1, y: 0, scale: 1, transition: reducedMotion ? still : ARRIVE },
+      exit: {
+        opacity: 0,
+        y: reducedMotion ? 0 : -28,
+        scale: reducedMotion ? 1 : 0.94,
+        transition: reducedMotion ? still : FOLD
+      },
+      transition: reducedMotion ? still : PUSH,
+      className: "relative isolate min-w-0",
+      children: [
+        index === shown.length - 1 && /* @__PURE__ */ jsx(AnimatePresence, { initial: false, children: Array.from({ length: folded }, (_, edge) => /* @__PURE__ */ jsx(
+          motion.span,
+          {
+            "aria-hidden": true,
+            initial: { opacity: 0, y: 0 },
+            animate: { opacity: 1 - (edge + 1) * 0.3, y: (edge + 1) * 6 },
+            exit: { opacity: 0, y: 0 },
+            transition: reducedMotion ? still : FOLD,
+            className: "absolute inset-0 rounded-2xl border border-ods-border bg-ods-card",
+            style: { scaleX: 1 - (edge + 1) * 0.06, zIndex: -1 - edge }
+          },
+          edge
+        )) }),
+        item.node
+      ]
+    },
+    item.key
+  )) }) });
+}
+export {
+  NotificationStack
+};

package/dist/components/ui/numbered-step.d.ts

@@ -0,0 +1,29 @@
+export interface StepNumberProps {
+    /** The step's number, as shown (1-based). */
+    number: number;
+    /** The step being shown now: its ring and number take the accent. */
+    current?: boolean;
+    /** The lit colour (a CSS colour, such as the hex an agent's identity stores). Omitted, it is the platform's accent. */
+    accent?: string;
+    className?: string;
+}
+/**
+ * THE number of a numbered step, wherever a page counts steps: a bold number
+ * in a ring. Grey at rest, the accent when it is the current one.
+ */
+export declare function StepNumber({ number, current, accent, className }: StepNumberProps): import("react").JSX.Element;
+export interface NumberedStepProps extends StepNumberProps {
+    title: string;
+    description?: string;
+    /** The title's element. Default `h3`. */
+    titleAs?: 'h3' | 'h4' | 'p';
+}
+/**
+ * THE head of a numbered step: its number (`StepNumber`), its title and one
+ * line under it. One look everywhere steps are counted (a list of steps beside
+ * a demo, the head of a column of a flow). At rest the title reads at full
+ * strength and the description steps back; the current one's number and title
+ * take the accent and its description reads at full strength.
+ */
+export declare function NumberedStep({ number, title, description, current, accent, titleAs: Title, className, }: NumberedStepProps): import("react").JSX.Element;
+//# sourceMappingURL=numbered-step.d.ts.map

package/dist/components/ui/numbered-step.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"numbered-step.d.ts","sourceRoot":"","sources":["../../../src/components/ui/numbered-step.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,eAAe;IAC9B,6CAA6C;IAC7C,MAAM,EAAE,MAAM,CAAC;IACf,qEAAqE;IACrE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uHAAuH;IACvH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,OAAe,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,eAAe,+BAazF;AAED,MAAM,WAAW,iBAAkB,SAAQ,eAAe;IACxD,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yCAAyC;IACzC,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,GAAG,CAAC;CAC7B;AAED;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,KAAK,EACL,WAAW,EACX,OAAe,EACf,MAAM,EACN,OAAO,EAAE,KAAY,EACrB,SAAS,GACV,EAAE,iBAAiB,+BA2BnB"}

package/dist/components/ui/numbered-step.js

@@ -0,0 +1,57 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../utils/cn.js";
+function StepNumber({ number, current = false, accent, className }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn(
+        "grid h-6 w-6 shrink-0 place-items-center rounded-full border-2 font-bold transition-colors duration-200 text-h6 motion-reduce:transition-none",
+        current ? !accent && "border-ods-accent text-ods-accent" : "border-ods-text-secondary text-ods-text-secondary",
+        className
+      ),
+      style: current && accent ? { borderColor: accent, color: accent } : void 0,
+      children: number
+    }
+  );
+}
+function NumberedStep({
+  number,
+  title,
+  description,
+  current = false,
+  accent,
+  titleAs: Title = "h3",
+  className
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex items-start gap-[var(--spacing-system-xs)]", className), children: [
+    /* @__PURE__ */ jsx(StepNumber, { number, current, accent }),
+    /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col gap-[var(--spacing-system-xxs)]", children: [
+      /* @__PURE__ */ jsx(
+        Title,
+        {
+          className: cn(
+            "m-0 transition-colors duration-200 text-h3 motion-reduce:transition-none",
+            current ? !accent && "text-ods-accent" : "text-ods-text-primary"
+          ),
+          style: current && accent ? { color: accent } : void 0,
+          children: title
+        }
+      ),
+      description && /* @__PURE__ */ jsx(
+        "p",
+        {
+          className: cn(
+            "m-0 transition-colors duration-200 text-h4 motion-reduce:transition-none",
+            current ? "text-ods-text-primary" : "text-ods-text-secondary"
+          ),
+          children: description
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  NumberedStep,
+  StepNumber
+};

package/dist/components/ui/phone-frame.d.ts

@@ -1,20 +1,25 @@
-import type { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 export interface PhoneFrameProps {
-    /** Lock-screen date line, e.g. "Thursday, October 1". */
+    /** A fixed lock-screen date line ("Thursday, October 1"). Omitted, it is today's, in the visitor's own locale. */
     dateLabel?: string;
-    /** Lock-screen clock, e.g. "5:09". */
+    /** A fixed lock-screen clock ("5:09"). Omitted, it is the visitor's own time, kept current. */
     timeLabel?: string;
-    /** The notification slot, directly under the clock. One at a time. */
+    /** The notifications, right under the clock, the newest first (`NotificationStack`). */
     children?: ReactNode;
     className?: string;
 }
 /**
- * A phone lock screen: island, date, clock, and one notification slot directly
- * under the clock, where a notification that has just arrived is read first
- * (it drops in from the top of the screen). Decorative chrome for showing what
- * lands on a phone.
+ * A phone lock screen: the status bar and island, the date and clock on the
+ * device wallpaper (`DEVICE_WALLPAPER_CLASS`, the one every drawn device
+ * shares), the notifications stacked under the clock, then the two
+ * shortcuts and the home indicator. Decorative chrome for showing what lands
+ * on a phone.
  *
- * It is sized by its class (default 236 x 480), never scaled, so the text
+ * The clock is REAL: the visitor's own date and time, kept current, unless a
+ * caller fixes them. The server draws neither (it cannot know them); their
+ * lines keep their height, so nothing moves when they appear.
+ *
+ * It is sized by its class (default 299 x 617), never scaled, so the text
  * inside stays the size the page set.
  */
 export declare function PhoneFrame({ dateLabel, timeLabel, children, className }: PhoneFrameProps): import("react").JSX.Element;

package/dist/components/ui/phone-frame.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"phone-frame.d.ts","sourceRoot":"","sources":["../../../src/components/ui/phone-frame.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,eAAe;IAC9B,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sEAAsE;IACtE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;GAQG;AACH,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,eAAe,+BAiBxF"}
+{"version":3,"file":"phone-frame.d.ts","sourceRoot":"","sources":["../../../src/components/ui/phone-frame.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAwB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAO7D,MAAM,WAAW,eAAe;IAC9B,kHAAkH;IAClH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+FAA+F;IAC/F,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wFAAwF;IACxF,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAkCD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,eAAe,+BAsCxF"}

package/dist/components/ui/phone-frame.js

@@ -1,16 +1,60 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useSyncExternalStore } from "react";
 import { cn } from "../../utils/cn.js";
+import { DEVICE_WALLPAPER_CLASS } from "./device-wallpaper.js";
+import { LockCameraGlyph } from "./phone-glyphs/lock-camera-glyph.js";
+import { LockFlashlightGlyph } from "./phone-glyphs/lock-flashlight-glyph.js";
+import { StatusBarGlyphs } from "./phone-glyphs/status-bar-glyphs.js";
+const CLOCK_TICK_MS = 1e3;
+function subscribeToClock(onTick) {
+  const timer = setInterval(onTick, CLOCK_TICK_MS);
+  return () => clearInterval(timer);
+}
+function readClock() {
+  const parts = new Intl.DateTimeFormat(void 0, { hour: "numeric", minute: "2-digit" }).formatToParts(/* @__PURE__ */ new Date());
+  const part = (type) => parts.find((p) => p.type === type)?.value ?? "";
+  return `${part("hour")}:${part("minute")}`;
+}
+function readDate() {
+  return new Intl.DateTimeFormat(void 0, { weekday: "long", month: "long", day: "numeric" }).format(/* @__PURE__ */ new Date());
+}
+const noTime = () => "";
+function LockShortcut({ children }) {
+  return /* @__PURE__ */ jsx("span", { className: "grid size-[34px] place-items-center rounded-full bg-ods-text-primary/35 text-ods-text-primary backdrop-blur-md", children });
+}
 function PhoneFrame({ dateLabel, timeLabel, children, className }) {
+  const liveTime = useSyncExternalStore(subscribeToClock, readClock, noTime);
+  const liveDate = useSyncExternalStore(subscribeToClock, readDate, noTime);
+  const time = timeLabel ?? liveTime;
+  const date = dateLabel ?? liveDate;
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: cn("h-[480px] w-[236px] shrink-0 rounded-[44px] border border-ods-border bg-black p-2.5", className),
-      children: /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col items-center rounded-[36px] bg-ods-bg px-2.5 py-3.5", children: [
-        /* @__PURE__ */ jsx("span", { className: "h-6 w-20 rounded-full bg-black", "aria-hidden": true }),
-        dateLabel && /* @__PURE__ */ jsx("span", { className: "mt-4 text-ods-text-secondary text-h6", children: dateLabel }),
-        timeLabel && /* @__PURE__ */ jsx("span", { className: "text-[56px] font-medium leading-[60px] tracking-tight text-ods-text-primary", children: timeLabel }),
-        /* @__PURE__ */ jsx("div", { className: "mt-4 flex min-h-0 w-full flex-1 flex-col gap-1.5", children })
+      className: cn("h-[617px] w-[299px] shrink-0 rounded-[48px] border border-ods-border bg-black p-2.5", className),
+      children: /* @__PURE__ */ jsxs("div", { className: cn("relative flex h-full flex-col overflow-hidden rounded-[38px]", DEVICE_WALLPAPER_CLASS), children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "grid shrink-0 grid-cols-[1fr_auto_1fr] items-center px-5 pt-2.5 text-ods-text-primary",
+            "aria-hidden": true,
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "font-semibold tabular-nums text-h6", children: time }),
+              /* @__PURE__ */ jsx("span", { className: "h-6 w-20 rounded-full bg-black" }),
+              /* @__PURE__ */ jsx(StatusBarGlyphs, { className: "h-2.5 w-[54px] justify-self-end" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 flex-col items-center pt-4 text-ods-text-primary", children: [
+          /* @__PURE__ */ jsx("span", { className: "min-h-[var(--font-line-space-h4-body)] text-h4", children: date }),
+          /* @__PURE__ */ jsx("span", { className: "h-[68px] text-[64px] font-bold tabular-nums leading-[68px] tracking-tight", children: time })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "flex min-h-0 w-full flex-1 flex-col justify-start overflow-hidden px-2.5 pb-3 pt-4", children }),
+        /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center justify-between px-8", "aria-hidden": true, children: [
+          /* @__PURE__ */ jsx(LockShortcut, { children: /* @__PURE__ */ jsx(LockFlashlightGlyph, { className: "size-[34px]" }) }),
+          /* @__PURE__ */ jsx(LockShortcut, { children: /* @__PURE__ */ jsx(LockCameraGlyph, { className: "size-[34px]" }) })
+        ] }),
+        /* @__PURE__ */ jsx("span", { className: "mx-auto mb-2 mt-3 h-1 w-24 shrink-0 rounded-full bg-ods-text-primary", "aria-hidden": true })
       ] })
     }
   );

package/dist/components/ui/phone-glyphs/lock-camera-glyph.d.ts

@@ -0,0 +1,5 @@
+/** The camera shortcut's glyph, in its 34px round button's own box. */
+export declare function LockCameraGlyph({ className }: {
+    className?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=lock-camera-glyph.d.ts.map

package/dist/components/ui/phone-glyphs/lock-camera-glyph.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lock-camera-glyph.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/phone-glyphs/lock-camera-glyph.tsx"],"names":[],"mappings":"AAGA,uEAAuE;AACvE,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BASpE"}

package/dist/components/ui/phone-glyphs/lock-camera-glyph.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+function LockCameraGlyph({ className }) {
+  return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 34.0257 34.0257", fill: "none", "aria-hidden": "true", className, children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M10.4883 23.8176H23.5348C25.0193 23.8176 25.7758 23.0753 25.7758 21.6051V14.1326C25.7758 12.6624 25.0193 11.9273 23.5348 11.9273H21.4936C20.9297 11.9273 20.7585 11.8131 20.4373 11.4563L19.8663 10.8139C19.5095 10.4214 19.1455 10.2073 18.4104 10.2073H15.5627C14.8276 10.2073 14.4636 10.4214 14.1068 10.8139L13.5358 11.4563C13.2146 11.806 13.0362 11.9273 12.4795 11.9273H10.4883C8.99665 11.9273 8.24726 12.6624 8.24726 14.1326V21.6051C8.24726 23.0753 8.99665 23.8176 10.4883 23.8176ZM17.0115 21.7122C14.849 21.7122 13.1147 19.985 13.1147 17.8082C13.1147 15.6386 14.849 13.9114 17.0115 13.9114C19.174 13.9114 20.9012 15.6386 20.9012 17.8082C20.9012 19.985 19.1669 21.7122 17.0115 21.7122ZM21.3794 15.1818C21.3794 14.6965 21.8076 14.2682 22.3072 14.2682C22.7996 14.2682 23.2207 14.6965 23.2207 15.1818C23.2207 15.6885 22.7996 16.0953 22.3072 16.1025C21.8076 16.1025 21.3794 15.6956 21.3794 15.1818ZM17.0115 20.6273C18.5674 20.6273 19.8235 19.3784 19.8235 17.8082C19.8235 16.2452 18.5674 14.9891 17.0115 14.9891C15.4556 14.9891 14.1924 16.2452 14.1924 17.8082C14.1924 19.3784 15.4628 20.6273 17.0115 20.6273Z",
+      fill: "currentColor"
+    }
+  ) });
+}
+export {
+  LockCameraGlyph
+};

package/dist/components/ui/phone-glyphs/lock-flashlight-glyph.d.ts

@@ -0,0 +1,5 @@
+/** The flashlight shortcut's glyph, in its 34px round button's own box. */
+export declare function LockFlashlightGlyph({ className }: {
+    className?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=lock-flashlight-glyph.d.ts.map

package/dist/components/ui/phone-glyphs/lock-flashlight-glyph.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lock-flashlight-glyph.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/phone-glyphs/lock-flashlight-glyph.tsx"],"names":[],"mappings":"AAGA,2EAA2E;AAC3E,wBAAgB,mBAAmB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BASxE"}

package/dist/components/ui/phone-glyphs/lock-flashlight-glyph.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+function LockFlashlightGlyph({ className }) {
+  return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 34.0257 34.0257", fill: "none", "aria-hidden": "true", className, children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M13.8216 11.1597H20.8833V10.8248C20.8833 9.94557 20.4507 9.5269 19.6133 9.5269H15.0916C14.2543 9.5269 13.8216 9.94557 13.8216 10.8248V11.1597ZM16.5151 25.1505H18.1898C19.0272 25.1505 19.4528 24.7318 19.4528 23.8526V16.442C19.4528 15.7093 19.6273 15.179 19.8924 14.7743L20.346 14.1044C20.667 13.609 20.8833 13.1415 20.8833 12.5483V11.9762H13.8216V12.5483C13.8216 13.1415 14.038 13.609 14.3589 14.1044L14.8055 14.7743C15.0777 15.179 15.2451 15.7093 15.2451 16.442V23.8526C15.2451 24.7318 15.6778 25.1505 16.5151 25.1505ZM17.3525 19.7845C16.7803 19.7845 16.4105 19.3658 16.4105 18.7796V16.8677C16.4105 16.2746 16.7803 15.8768 17.3525 15.8908C17.9177 15.8978 18.2945 16.2955 18.2945 16.8677V18.7796C18.2945 19.3658 17.9177 19.7845 17.3525 19.7845ZM17.3525 19.289C17.6595 19.289 17.9247 19.0308 17.9247 18.7168C17.9247 18.4028 17.6595 18.1377 17.3525 18.1377C17.0385 18.1377 16.7733 18.4028 16.7733 18.7168C16.7733 19.0308 17.0385 19.289 17.3525 19.289Z",
+      fill: "currentColor"
+    }
+  ) });
+}
+export {
+  LockFlashlightGlyph
+};

package/dist/components/ui/phone-glyphs/status-bar-glyphs.d.ts

@@ -0,0 +1,5 @@
+/** The status bar's right side: signal, Wi-Fi and battery, as one drawing. */
+export declare function StatusBarGlyphs({ className }: {
+    className?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=status-bar-glyphs.d.ts.map

package/dist/components/ui/phone-glyphs/status-bar-glyphs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"status-bar-glyphs.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/phone-glyphs/status-bar-glyphs.tsx"],"names":[],"mappings":"AAGA,8EAA8E;AAC9E,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAwCpE"}

package/dist/components/ui/phone-glyphs/status-bar-glyphs.js

@@ -0,0 +1,68 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+function StatusBarGlyphs({ className }) {
+  return /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 54.441 9.78982", fill: "none", "aria-hidden": "true", className, children: [
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M6.89491 2.89491C6.89491 2.51412 7.20361 2.20542 7.5844 2.20542H8.27389C8.65469 2.20542 8.96338 2.51412 8.96338 2.89491V8.41084C8.96338 8.79164 8.65469 9.10033 8.27389 9.10033H7.5844C7.20361 9.10033 6.89491 8.79164 6.89491 8.41084V2.89491Z",
+        fill: "currentColor"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M10.3424 1.51593C10.3424 1.13513 10.6511 0.826438 11.0319 0.826438H11.7213C12.1021 0.826438 12.4108 1.13513 12.4108 1.51593V8.41084C12.4108 8.79164 12.1021 9.10033 11.7213 9.10033H11.0319C10.6511 9.10033 10.3424 8.79164 10.3424 8.41084V1.51593Z",
+        fill: "currentColor"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M3.44746 5.30813C3.44746 4.92733 3.75615 4.61864 4.13695 4.61864H4.82644C5.20723 4.61864 5.51593 4.92733 5.51593 5.30813V8.41084C5.51593 8.79164 5.20723 9.10033 4.82644 9.10033H4.13695C3.75615 9.10033 3.44746 8.79164 3.44746 8.41084V5.30813Z",
+        fill: "currentColor"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M0 7.03186C0 6.65106 0.308696 6.34237 0.689491 6.34237H1.37898C1.75978 6.34237 2.06847 6.65106 2.06847 7.03186V8.41084C2.06847 8.79164 1.75978 9.10033 1.37898 9.10033H0.689491C0.308696 9.10033 0 8.79164 0 8.41084V7.03186Z",
+        fill: "currentColor"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M22.1436 6.97595C23.1225 6.13113 24.5563 6.13095 25.5352 6.97595C25.5844 7.02139 25.6129 7.08596 25.6143 7.15368C25.6156 7.22145 25.5894 7.28687 25.542 7.33435L24.0088 8.91345C23.9639 8.95973 23.9027 8.98571 23.8389 8.98571C23.775 8.98566 23.7138 8.9598 23.669 8.91345L22.1358 7.33435C22.0884 7.28683 22.0621 7.22144 22.0635 7.15368C22.0649 7.08593 22.0943 7.02136 22.1436 6.97595ZM20.0703 5.0863C22.1795 3.08361 25.4465 3.08362 27.5557 5.0863C27.6033 5.13326 27.6302 5.19841 27.6309 5.26599C27.6314 5.33341 27.6052 5.39784 27.5586 5.44567L26.6729 6.35974C26.5815 6.45307 26.4335 6.45548 26.3399 6.36462C25.6473 5.72459 24.7467 5.36952 23.8125 5.3695C22.8788 5.3699 21.9783 5.72488 21.2861 6.36462C21.1925 6.45548 21.0445 6.45307 20.9531 6.35974L20.0674 5.44567C20.0209 5.39792 19.9946 5.33335 19.9951 5.26599C19.9958 5.19843 20.0227 5.13325 20.0703 5.0863ZM18.001 3.19958C21.236 0.0354236 26.3393 0.0353572 29.5742 3.19958C29.6211 3.2466 29.6481 3.31125 29.6485 3.37829C29.6488 3.44529 29.6224 3.50946 29.5762 3.557L28.6895 4.47107C28.5981 4.56485 28.4493 4.56633 28.3565 4.474C27.124 3.27797 25.4887 2.61088 23.7881 2.61071C22.0873 2.61071 20.4515 3.27787 19.2188 4.474C19.126 4.56648 18.9771 4.565 18.8858 4.47107L17.9981 3.557C17.952 3.50946 17.9264 3.44515 17.9268 3.37829C17.9272 3.31125 17.9541 3.24656 18.001 3.19958Z",
+        fill: "currentColor"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        opacity: "0.35",
+        d: "M37.9222 0.363281H50.0277C51.3498 0.363404 52.4211 1.43566 52.4212 2.75781V6.20508C52.4212 7.5273 51.3499 8.59949 50.0277 8.59961H37.9222C36.6 8.59953 35.5277 7.52732 35.5277 6.20508V2.75781C35.5278 1.43564 36.6 0.363363 37.9222 0.363281Z",
+        stroke: "currentColor",
+        strokeWidth: "0.727473"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        opacity: "0.4",
+        d: "M53.4749 3.44746V6.35735C54.0603 6.1109 54.441 5.53758 54.441 4.9024C54.441 4.26722 54.0603 3.69391 53.4749 3.44746Z",
+        fill: "currentColor"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M36.5434 2.75797C36.5434 1.99638 37.1608 1.37898 37.9224 1.37898H50.0274C50.789 1.37898 51.4064 1.99637 51.4064 2.75796V6.20542C51.4064 6.96701 50.789 7.5844 50.0274 7.5844H37.9224C37.1608 7.5844 36.5434 6.96701 36.5434 6.20542V2.75797Z",
+        fill: "currentColor"
+      }
+    )
+  ] });
+}
+export {
+  StatusBarGlyphs
+};

package/dist/components/ui/photo-wall.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"photo-wall.d.ts","sourceRoot":"","sources":["../../../src/components/ui/photo-wall.tsx"],"names":[],"mappings":"AAuBA,MAAM,WAAW,cAAc;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;AAE1D,+DAA+D;AAC/D,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,gBAAgB,EAAE,MAAM,CAI7D,CAAC;AAqBF,6HAA6H;AAC7H,wBAAgB,qBAAqB,CAAC,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAG9F;AAED,wBAAgB,gBAAgB,CAAC,YAAY,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,GAAG,gBAAgB,CAM9F;AAED;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,SAAS;IAAE,WAAW,EAAE,gBAAgB,CAAA;CAAE,EAC1E,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,EACxB,WAAW,EAAE,MAAM,GAClB,CAAC,EAAE,EAAE,CA0BP;AAmDD,MAAM,WAAW,cAAc;IAC7B,wFAAwF;IACxF,MAAM,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IACtC,0BAA0B;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,0DAA0D;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oFAAoF;IACpF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kFAAkF;IAClF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oFAAoF;IACpF,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,SAAS,CAAC,EAAE,MAAM,EAAE,OAAW,EAAE,KAAU,EAAE,SAAS,EAAE,SAAS,EAAE,OAAe,EAAE,EAAE,cAAc,sCAoInH"}
+{"version":3,"file":"photo-wall.d.ts","sourceRoot":"","sources":["../../../src/components/ui/photo-wall.tsx"],"names":[],"mappings":"AAuBA,MAAM,WAAW,cAAc;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;AAE1D,+DAA+D;AAC/D,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,gBAAgB,EAAE,MAAM,CAI7D,CAAC;AAuBF,6HAA6H;AAC7H,wBAAgB,qBAAqB,CAAC,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAG9F;AAED,wBAAgB,gBAAgB,CAAC,YAAY,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,GAAG,gBAAgB,CAM9F;AAED;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,SAAS;IAAE,WAAW,EAAE,gBAAgB,CAAA;CAAE,EAC1E,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,EACxB,WAAW,EAAE,MAAM,GAClB,CAAC,EAAE,EAAE,CA0BP;AAmDD,MAAM,WAAW,cAAc;IAC7B,wFAAwF;IACxF,MAAM,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IACtC,0BAA0B;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,0DAA0D;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oFAAoF;IACpF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kFAAkF;IAClF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oFAAoF;IACpF,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,SAAS,CAAC,EAAE,MAAM,EAAE,OAAW,EAAE,KAAU,EAAE,SAAS,EAAE,SAAS,EAAE,OAAe,EAAE,EAAE,cAAc,sCAwInH"}

package/dist/components/ui/photo-wall.js

@@ -13,6 +13,7 @@ const TALL_MAX_RATIO = 0.9;
 const WIDE_MIN_RATIO = 1.2;
 const MEASURE_TIMEOUT_MS = 4e3;
 const COLUMN_GAP_PX = 12;
+const EAGER_PHOTOS_PER_COLUMN = 2;
 const FILL_FACTOR = 1.25;
 const MAX_REPEATS = 8;
 const PHOTO_WIDTH_STEPS_PX = [240, 360, 480, 640, 960];
@@ -175,7 +176,9 @@ function PhotoWall({ images, columns = 2, speed = 24, fadeColor, className, load
               fill: true,
               className: "object-cover",
               optimizedWidth: drawnWidth,
-              unoptimized: true
+              unoptimized: true,
+              loading: i < EAGER_PHOTOS_PER_COLUMN ? "eager" : "lazy",
+              fetchPriority: index === 0 && i === 0 ? "high" : void 0
             }
           )
         },

package/dist/components/ui/snap-carousel.d.ts

@@ -15,9 +15,6 @@ export interface SnapCarouselProps<T> {
     label: string;
     /** Move to the next slide after this long. `0` turns auto-advance off. Default 5000. */
     autoAdvanceMs?: number;
-    /** Names of the stop/start control. */
-    playLabel?: string;
-    pauseLabel?: string;
     /** Width of one slide. Default `basis-[300px]`. */
     slideClassName?: string;
     prevLabel?: string;
@@ -32,10 +29,10 @@ export interface SnapCarouselProps<T> {
  *
  * WHEN IT ADVANCES is `useAutoplay`'s rule, the same one the looping demos
  * use: mostly on screen, tab visible, not paused, motion allowed. A swipe or
- * an arrow moves it and it carries on from there after a full interval; it
- * waits only while a finger or the mouse button is actually down on it. The
- * small pause control stops it for good, and starts it again. While it is
- * auto-playing the active dot fills over the interval, so the wait is visible.
+ * an arrow moves it and it carries on from there after a full interval. It
+ * waits while the visitor holds it (`useAutoplay`'s hold: a finger or the
+ * mouse button down on it, the keyboard inside it); there is no pause button. While it is auto-playing the active dot fills over the
+ * interval, so the wait is visible.
  */
-export declare function SnapCarousel<T>({ items, renderItem, getKey, label, autoAdvanceMs, playLabel, pauseLabel, slideClassName, prevLabel, nextLabel, focusIndex, className, }: SnapCarouselProps<T>): import("react").JSX.Element | null;
+export declare function SnapCarousel<T>({ items, renderItem, getKey, label, autoAdvanceMs, slideClassName, prevLabel, nextLabel, focusIndex, className, }: SnapCarouselProps<T>): import("react").JSX.Element | null;
 //# sourceMappingURL=snap-carousel.d.ts.map

package/dist/components/ui/snap-carousel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"snap-carousel.d.ts","sourceRoot":"","sources":["../../../src/components/ui/snap-carousel.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAA4C,MAAM,OAAO,CAAC;AAWjF;;;;GAIG;AACH,wBAAgB,4BAA4B,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAEjF;AAED,MAAM,WAAW,iBAAiB,CAAC,CAAC;IAClC,KAAK,EAAE,SAAS,CAAC,EAAE,CAAC;IACpB,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IAClD,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAAC;IACrD,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,wFAAwF;IACxF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mDAAmD;IACnD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2HAA2H;IAC3H,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAuBD;;;;;;;;;;GAUG;AACH,wBAAgB,YAAY,CAAC,CAAC,EAAE,EAC9B,KAAK,EACL,UAAU,EACV,MAAM,EACN,KAAK,EACL,aAAoB,EACpB,SAAS,EACT,UAAU,EACV,cAAgC,EAChC,SAAsB,EACtB,SAAkB,EAClB,UAAU,EACV,SAAS,GACV,EAAE,iBAAiB,CAAC,CAAC,CAAC,sCA4JtB"}
+{"version":3,"file":"snap-carousel.d.ts","sourceRoot":"","sources":["../../../src/components/ui/snap-carousel.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAA4C,MAAM,OAAO,CAAC;AAUjF;;;;GAIG;AACH,wBAAgB,4BAA4B,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAEjF;AAED,MAAM,WAAW,iBAAiB,CAAC,CAAC;IAClC,KAAK,EAAE,SAAS,CAAC,EAAE,CAAC;IACpB,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IAClD,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAAC;IACrD,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,wFAAwF;IACxF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mDAAmD;IACnD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2HAA2H;IAC3H,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAuBD;;;;;;;;;;GAUG;AACH,wBAAgB,YAAY,CAAC,CAAC,EAAE,EAC9B,KAAK,EACL,UAAU,EACV,MAAM,EACN,KAAK,EACL,aAAoB,EACpB,cAAgC,EAChC,SAAsB,EACtB,SAAkB,EAClB,UAAU,EACV,SAAS,GACV,EAAE,iBAAiB,CAAC,CAAC,CAAC,sCAkItB"}

package/dist/components/ui/snap-carousel.js

@@ -6,7 +6,6 @@ import { useInView } from "../../hooks/ui/use-in-view.js";
 import { cn } from "../../utils/cn.js";
 import { Chevron02LeftIcon } from "../icons-v2-generated/arrows/chevron-02-left-icon.js";
 import { Chevron02RightIcon } from "../icons-v2-generated/arrows/chevron-02-right-icon.js";
-import { PlaybackToggle } from "./playback-toggle.js";
 const SNAP_CAROUSEL_CONTROLS_CLASS = "mt-3 flex items-center gap-2";
 function SnapCarouselControlsSkeleton({ className }) {
   return /* @__PURE__ */ jsx("div", { "aria-hidden": true, className: cn(SNAP_CAROUSEL_CONTROLS_CLASS, "h-11", className) });
@@ -32,8 +31,6 @@ function SnapCarousel({
   getKey,
   label,
   autoAdvanceMs = 5e3,
-  playLabel,
-  pauseLabel,
   slideClassName = "basis-[300px]",
   prevLabel = "Previous",
   nextLabel = "Next",
@@ -42,7 +39,6 @@ function SnapCarousel({
 }) {
   const trackRef = useRef(null);
   const [index, setIndex] = useState(0);
-  const [pressed, setPressed] = useState(false);
   const { ref: viewRef, inView } = useInView({ threshold: 0.5 });
   const auto = useAutoplay(inView);
   const count = items.length;
@@ -73,20 +69,8 @@ function SnapCarousel({
     if (!track || step === 0) return;
     setIndex(Math.min(count - 1, Math.round(track.scrollLeft / step)));
   }, [count, slideStep]);
-  useEffect(() => {
-    if (!pressed) return void 0;
-    const release = () => setPressed(false);
-    window.addEventListener("pointerup", release);
-    window.addEventListener("pointercancel", release);
-    window.addEventListener("blur", release);
-    return () => {
-      window.removeEventListener("pointerup", release);
-      window.removeEventListener("pointercancel", release);
-      window.removeEventListener("blur", release);
-    };
-  }, [pressed]);
   const canAutoAdvance = autoAdvanceMs > 0 && count > 1;
-  const playing = auto.playing && canAutoAdvance && !pressed;
+  const playing = auto.playing && canAutoAdvance;
   useEffect(() => {
     if (!playing) return void 0;
     const timer = setTimeout(() => goTo(index >= count - 1 ? 0 : index + 1), autoAdvanceMs);
@@ -100,7 +84,7 @@ function SnapCarousel({
     [viewRef]
   );
   if (count === 0) return null;
-  return /* @__PURE__ */ jsxs("div", { className, onPointerDown: () => setPressed(true), children: [
+  return /* @__PURE__ */ jsxs("div", { className, ...auto.holdProps, children: [
     /* @__PURE__ */ jsx(
       "div",
       {
@@ -151,15 +135,6 @@ function SnapCarousel({
           ]
         }
       ),
-      canAutoAdvance && !auto.reducedMotion && /* @__PURE__ */ jsx(
-        PlaybackToggle,
-        {
-          paused: auto.paused,
-          onChange: auto.setPaused,
-          playLabel,
-          pauseLabel
-        }
-      ),
       /* @__PURE__ */ jsx(
         "button",
         {

package/dist/components/ui/tab-navigation.d.ts

@@ -41,10 +41,17 @@ export interface TabItem {
     /**
      * 0..1. Set on the ACTIVE tab, the underline stops being a selection marker
      * and becomes a progress line: its width is this fraction of the tab, and it
-     * moves there linearly over `progressTransitionMs`. A timed, auto-advancing
+     * moves there linearly over `progressTransitionMs`. Start it above 0 (the
+     * first step of N is 1/N): at 0 the open tab has no underline at all. A timed, auto-advancing
      * strip (a looping demo) uses it; `0` snaps back with no animation.
      */
     progress?: number;
+    /**
+     * The tab's own colour (a CSS colour, such as the hex an agent's identity
+     * stores): its underline and its icon take it while the tab is open. Omitted,
+     * they are the platform's accent.
+     */
+    accent?: string;
 }
 export interface TabNavigationUrlSyncOptions {
     paramName?: string;

package/dist/components/ui/tab-navigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tab-navigation.d.ts","sourceRoot":"","sources":["../../../src/components/ui/tab-navigation.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,oFAAoF;IACpF,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC;IAC1D;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACrC,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IAC5C;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kFAAkF;IAClF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sFAAsF;IACtF,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,2BAA2B;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,UAAU,kBAAkB;IAE1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEtC,IAAI,EAAE,OAAO,EAAE,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,mFAAmF;IACnF,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,kFAAkF;IAClF,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;iFAC6E;IAC7E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC9B,yFAAyF;IACzF,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAG9B,OAAO,CAAC,EAAE,OAAO,GAAG,2BAA2B,CAAC;IAChD,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE;QAAE,OAAO,EAAE,OAAO,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC;CAChF;AA8YD,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EAAE,mBAAmB,EAC9B,WAAW,EAAE,qBAAqB,EAClC,IAAI,EACJ,SAAS,EACT,eAAe,EACf,iBAAyB,EACzB,gBAAwB,EACxB,WAAmB,EACnB,QAAmB,EACnB,oBAA0B,EAC1B,OAAe,EACf,UAAU,EACV,QAAQ,GACT,EAAE,kBAAkB,qBAkLpB;AAGD,eAAO,MAAM,UAAU,GAAI,MAAM,OAAO,EAAE,EAAE,OAAO,MAAM,KAAG,OAAO,GAAG,SAA+C,CAAC;AAGtH,eAAO,MAAM,eAAe,GAAI,MAAM,OAAO,EAAE,EAAE,OAAO,MAAM,KAAG,OAAO,CAAC,WAAW,CAAC,GAAG,IAGvF,CAAC"}
+{"version":3,"file":"tab-navigation.d.ts","sourceRoot":"","sources":["../../../src/components/ui/tab-navigation.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,oFAAoF;IACpF,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC;IAC1D;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACrC,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IAC5C;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kFAAkF;IAClF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sFAAsF;IACtF,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,2BAA2B;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,UAAU,kBAAkB;IAE1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEtC,IAAI,EAAE,OAAO,EAAE,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,mFAAmF;IACnF,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,kFAAkF;IAClF,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;iFAC6E;IAC7E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC9B,yFAAyF;IACzF,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAG9B,OAAO,CAAC,EAAE,OAAO,GAAG,2BAA2B,CAAC;IAChD,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE;QAAE,OAAO,EAAE,OAAO,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC;CAChF;AAmaD,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EAAE,mBAAmB,EAC9B,WAAW,EAAE,qBAAqB,EAClC,IAAI,EACJ,SAAS,EACT,eAAe,EACf,iBAAyB,EACzB,gBAAwB,EACxB,WAAmB,EACnB,QAAmB,EACnB,oBAA0B,EAC1B,OAAe,EACf,UAAU,EACV,QAAQ,GACT,EAAE,kBAAkB,qBAkLpB;AAGD,eAAO,MAAM,UAAU,GAAI,MAAM,OAAO,EAAE,EAAE,OAAO,MAAM,KAAG,OAAO,GAAG,SAA+C,CAAC;AAGtH,eAAO,MAAM,eAAe,GAAI,MAAM,OAAO,EAAE,EAAE,OAAO,MAAM,KAAG,OAAO,CAAC,WAAW,CAAC,GAAG,IAGvF,CAAC"}