@refraction-ui/react 0.16.0 → 0.16.2

package/dist/index.js

@@ -1140,14 +1140,14 @@ function createCalendar(props = {}) {
   const gridId = generateId("rfr-calendar");
   const labelId = generateId("rfr-calendar-label");
   function isDateDisabled(date) {
-    if (minDate && date < startOfDay2(minDate)) return true;
-    if (maxDate && date > endOfDay2(maxDate)) return true;
+    if (minDate && date < startOfDay(minDate)) return true;
+    if (maxDate && date > endOfDay(maxDate)) return true;
     return disabledDates.some((d) => isSameDay(d, date));
   }
-  function startOfDay2(date) {
+  function startOfDay(date) {
     return new Date(date.getFullYear(), date.getMonth(), date.getDate());
   }
-  function endOfDay2(date) {
+  function endOfDay(date) {
     return new Date(date.getFullYear(), date.getMonth(), date.getDate(), 23, 59, 59, 999);
   }
   function buildDays() {
@@ -6433,6 +6433,360 @@ var InstallPrompt = React11.forwardRef(
 );
 InstallPrompt.displayName = "InstallPrompt";
 
+// ../mascot/dist/index.js
+function getMascotMoodStyles(mood) {
+  switch (mood) {
+    case "happy":
+      return {
+        "--rfr-mascot-shell": "var(--primary, 138 60% 51%)",
+        "--rfr-mascot-shell-rim": "var(--primary-700, 138 58% 36%)",
+        "--rfr-mascot-belly": "var(--primary-200, 138 60% 83%)",
+        "--rfr-mascot-skin": "var(--primary-400, 138 59% 63%)",
+        "--rfr-mascot-skin-d": "var(--primary-600, 138 58% 43%)",
+        "--rfr-mascot-scute": "var(--sunshine, 42 100% 62%)",
+        "--rfr-mascot-scute-alt": "var(--primary-300, 138 59% 74%)",
+        "--rfr-mascot-cheek": "var(--accent-solid, 26 100% 67%)"
+      };
+    case "think":
+      return {
+        // Indigo / purple tones
+        "--rfr-mascot-shell": "250 65% 55%",
+        "--rfr-mascot-shell-rim": "250 65% 40%",
+        "--rfr-mascot-belly": "250 65% 85%",
+        "--rfr-mascot-skin": "250 65% 72%",
+        "--rfr-mascot-skin-d": "250 65% 62%",
+        "--rfr-mascot-scute": "280 65% 60%",
+        "--rfr-mascot-scute-alt": "280 65% 50%",
+        "--rfr-mascot-cheek": "320 80% 65%"
+      };
+    case "wave":
+      return {
+        // Orange / warm tones
+        "--rfr-mascot-shell": "24 85% 50%",
+        "--rfr-mascot-shell-rim": "24 85% 40%",
+        "--rfr-mascot-belly": "24 85% 85%",
+        "--rfr-mascot-skin": "24 85% 68%",
+        "--rfr-mascot-skin-d": "24 85% 58%",
+        "--rfr-mascot-scute": "160 60% 45%",
+        "--rfr-mascot-scute-alt": "160 60% 35%",
+        "--rfr-mascot-cheek": "15 90% 65%"
+      };
+  }
+}
+function startMascotBlinkInterval(onBlinkChange, intervalMs = 4e3, durationMs = 150) {
+  const timer = setInterval(() => {
+    onBlinkChange(true);
+    setTimeout(() => {
+      onBlinkChange(false);
+    }, durationMs);
+  }, intervalMs);
+  return () => {
+    clearInterval(timer);
+  };
+}
+function createMascot(props = {}) {
+  const { mood = "happy", animation = "none", size = "md", animate = true } = props;
+  const ariaProps = {
+    role: "img",
+    "aria-label": `Tobi the Tortoise feeling ${mood}`
+  };
+  const dataAttributes = {
+    "data-slot": "mascot",
+    "data-mood": mood,
+    "data-animation": animation,
+    "data-size": size,
+    "data-animate": animate ? "true" : "false"
+  };
+  return {
+    ariaProps,
+    dataAttributes,
+    state: {
+      mood,
+      animation,
+      size,
+      animate
+    },
+    style: getMascotMoodStyles(mood)
+  };
+}
+var mascotVariants = cva({
+  base: "inline-block select-none transition-all duration-300",
+  variants: {
+    size: {
+      sm: "w-24 h-auto",
+      md: "w-36 h-auto",
+      lg: "w-48 h-auto",
+      xl: "w-64 h-auto"
+    },
+    animation: {
+      none: "",
+      bounce: "motion-safe:animate-bounce",
+      float: "rfr-mascot-float"
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    animation: "none"
+  }
+});
+var Mascot = React11.forwardRef(
+  ({
+    mood = "happy",
+    animation = "none",
+    size = "md",
+    animate = true,
+    animateBobbing,
+    animateBlinking,
+    animateSprout,
+    className,
+    style,
+    ...props
+  }, ref) => {
+    const [isBlinking, setIsBlinking] = React11.useState(false);
+    const shouldBob = animateBobbing ?? animate;
+    const shouldSway = animateSprout ?? animate;
+    const shouldBlink = animateBlinking ?? animate;
+    React11.useEffect(() => {
+      if (!shouldBlink) {
+        setIsBlinking(false);
+        return;
+      }
+      const cleanup = startMascotBlinkInterval(setIsBlinking);
+      return cleanup;
+    }, [shouldBlink]);
+    const api = createMascot({ mood, animation, size, animate });
+    const combinedStyle = {
+      ...api.style,
+      ...style
+    };
+    return /* @__PURE__ */ jsxs(
+      "svg",
+      {
+        ref,
+        className: cn("mascot", mascotVariants({ size, animation }), className),
+        viewBox: "0 0 340 300",
+        xmlns: "http://www.w3.org/2000/svg",
+        style: combinedStyle,
+        ...api.ariaProps,
+        ...api.dataAttributes,
+        "data-blinking": isBlinking ? "true" : "false",
+        "data-bobbing": shouldBob ? "true" : "false",
+        "data-sprout": shouldSway ? "true" : "false",
+        "data-waving": animate ? "true" : "false",
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("style", { children: `
+              /* Base styles and fallback HSL values */
+              svg.mascot {
+                --primary: 138 60% 51%;
+                --primary-200: 138 60% 83%;
+                --primary-300: 138 59% 74%;
+                --primary-400: 138 59% 63%;
+                --primary-600: 138 58% 43%;
+                --primary-700: 138 58% 36%;
+                --primary-800: 138 58% 29%;
+                --primary-900: 138 58% 22%;
+                --primary-950: 139 59% 16%;
+                --sunshine: 42 100% 62%;
+                --accent-solid: 26 100% 67%;
+
+                fill: none;
+                stroke-linecap: round;
+                stroke-linejoin: round;
+              }
+
+              /* Mapping elements to tokens */
+              svg.mascot .shadow {
+                fill: hsl(var(--primary-900) / 0.15);
+              }
+              svg.mascot .stem {
+                stroke: hsl(var(--rfr-mascot-stroke, var(--primary-950)));
+                stroke-width: 3px;
+                fill: none;
+              }
+              svg.mascot .leaf {
+                fill: hsl(var(--rfr-mascot-leaf, var(--primary-400)));
+                stroke: hsl(var(--rfr-mascot-stroke, var(--primary-950)));
+                stroke-width: 3px;
+              }
+              svg.mascot .skin-d {
+                fill: hsl(var(--rfr-mascot-skin-d, var(--primary-400)));
+                stroke: hsl(var(--rfr-mascot-stroke, var(--primary-950)));
+                stroke-width: 3px;
+              }
+              svg.mascot .skin {
+                fill: hsl(var(--rfr-mascot-skin, var(--primary-300)));
+                stroke: hsl(var(--rfr-mascot-stroke, var(--primary-950)));
+                stroke-width: 3px;
+              }
+              svg.mascot .shell-rim {
+                fill: hsl(var(--rfr-mascot-shell-rim, var(--primary-800)));
+                stroke: hsl(var(--rfr-mascot-stroke, var(--primary-950)));
+                stroke-width: 3px;
+              }
+              svg.mascot .shell {
+                fill: hsl(var(--rfr-mascot-shell, var(--primary-600)));
+                stroke: hsl(var(--rfr-mascot-stroke, var(--primary-950)));
+                stroke-width: 3px;
+              }
+              svg.mascot .belly {
+                fill: hsl(var(--rfr-mascot-belly, var(--primary-200)));
+                stroke: hsl(var(--rfr-mascot-stroke, var(--primary-950)));
+                stroke-width: 3px;
+              }
+              svg.mascot .scute {
+                fill: hsl(var(--rfr-mascot-scute, var(--primary-700)));
+                stroke: hsl(var(--rfr-mascot-stroke, var(--primary-950)));
+                stroke-width: 2.5px;
+              }
+              svg.mascot .scute.alt {
+                fill: hsl(var(--rfr-mascot-scute-alt, var(--primary-800)));
+              }
+              svg.mascot .ln {
+                stroke: hsl(var(--rfr-mascot-stroke, var(--primary-950)));
+                stroke-width: 3px;
+                fill: none;
+              }
+              svg.mascot .eye-w {
+                fill: #ffffff;
+                stroke: hsl(var(--rfr-mascot-stroke, var(--primary-950)));
+                stroke-width: 3px;
+              }
+              svg.mascot .pupil {
+                fill: hsl(var(--rfr-mascot-stroke, var(--primary-950)));
+              }
+              svg.mascot .glint {
+                fill: #ffffff;
+              }
+              svg.mascot .cheek {
+                fill: hsl(var(--rfr-mascot-cheek, var(--accent-solid)));
+              }
+
+              /* Float Animation keyframes */
+              @keyframes rfrMascotFloat {
+                0%, 100% {
+                  transform: translateY(0);
+                }
+                50% {
+                  transform: translateY(-8px);
+                }
+              }
+
+              /* Sway/antenna animation keyframes */
+              @keyframes rfrMascotSway {
+                0%, 100% {
+                  transform: rotate(0deg);
+                }
+                50% {
+                  transform: rotate(4deg);
+                }
+              }
+
+              /* Waving animation keyframes */
+              @keyframes rfrMascotWave {
+                0%, 100% {
+                  transform: rotate(0deg);
+                }
+                50% {
+                  transform: rotate(-18deg);
+                }
+              }
+
+              /* Bounce animation keyframes */
+              @keyframes rfrMascotBounce {
+                0%, 100% {
+                  transform: translateY(0) scaleY(1);
+                }
+                50% {
+                  transform: translateY(-16px) scaleY(0.96);
+                }
+              }
+
+              /* Animation hook connections */
+              .rfr-mascot-float[data-bobbing="true"] .m-bob {
+                animation: rfrMascotFloat 3s ease-in-out infinite;
+              }
+              .rfr-mascot-float[data-sprout="true"] .m-sprout {
+                animation: rfrMascotSway 3s ease-in-out infinite;
+                transform-origin: 158px 92px;
+              }
+              .rfr-mascot-float[data-waving="true"] .m-wave {
+                animation: rfrMascotWave 1.2s ease-in-out infinite;
+                transform-origin: 250px 120px;
+              }
+
+              .motion-safe\\:animate-bounce[data-bobbing="true"] .m-bob {
+                animation: rfrMascotBounce 1.2s ease-in-out infinite;
+              }
+              .motion-safe\\:animate-bounce[data-sprout="true"] .m-sprout {
+                animation: rfrMascotSway 1.2s ease-in-out infinite;
+                transform-origin: 158px 92px;
+              }
+
+              /* Stationary wave arm if not floating */
+              .mascot:not(.rfr-mascot-float)[data-waving="true"] .m-wave {
+                animation: rfrMascotWave 1.2s ease-in-out infinite;
+                transform-origin: 250px 120px;
+              }
+            ` }) }),
+          /* @__PURE__ */ jsx("ellipse", { className: "shadow", cx: "166", cy: "280", rx: "116", ry: "16" }),
+          /* @__PURE__ */ jsxs("g", { className: "m-bob", children: [
+            /* @__PURE__ */ jsxs("g", { className: "m-sprout", children: [
+              /* @__PURE__ */ jsx("path", { className: "stem", d: "M158 92 C158 70 158 58 158 44" }),
+              /* @__PURE__ */ jsx("path", { className: "leaf", d: "M158 56 C140 50 126 58 128 74 C146 76 158 70 158 56 Z" }),
+              /* @__PURE__ */ jsx("path", { className: "leaf", d: "M158 50 C176 42 192 50 190 66 C172 70 158 64 158 50 Z" })
+            ] }),
+            /* @__PURE__ */ jsx("ellipse", { className: "skin-d", cx: "96", cy: "222", rx: "27", ry: "32" }),
+            /* @__PURE__ */ jsx("ellipse", { className: "skin-d", cx: "214", cy: "224", rx: "27", ry: "32" }),
+            /* @__PURE__ */ jsx("path", { className: "skin-d", d: "M58 176 C40 178 28 190 26 204 C44 206 60 196 66 182 Z" }),
+            /* @__PURE__ */ jsx("path", { className: "shell-rim", d: "M36 196 C30 86 92 70 162 70 C232 70 294 86 288 196 C288 210 252 220 162 220 C72 220 36 210 36 196 Z" }),
+            /* @__PURE__ */ jsx("path", { className: "shell", d: "M44 190 C40 92 96 78 162 78 C228 78 284 92 280 190 C280 200 246 206 162 206 C78 206 44 200 44 190 Z" }),
+            /* @__PURE__ */ jsx("path", { className: "belly", d: "M50 192 C92 206 232 206 274 192 C274 202 240 210 162 210 C84 210 50 202 50 192 Z" }),
+            /* @__PURE__ */ jsx("polygon", { className: "scute", points: "162,86 190,102 190,134 162,150 134,134 134,102" }),
+            /* @__PURE__ */ jsx("polygon", { className: "scute alt", points: "162,150 186,162 186,184 162,196 138,184 138,162" }),
+            /* @__PURE__ */ jsx("polygon", { className: "scute alt", points: "104,108 126,120 126,148 104,160 82,148 82,120" }),
+            /* @__PURE__ */ jsx("polygon", { className: "scute alt", points: "220,108 242,120 242,148 220,160 198,148 198,120" }),
+            /* @__PURE__ */ jsx("polygon", { className: "scute", points: "108,162 126,172 126,190 108,200 90,190 90,172" }),
+            /* @__PURE__ */ jsx("polygon", { className: "scute", points: "216,162 234,172 234,190 216,200 198,190 198,172" }),
+            /* @__PURE__ */ jsx("ellipse", { className: "skin", cx: "116", cy: "232", rx: "25", ry: "31" }),
+            mood !== "wave" && /* @__PURE__ */ jsx("ellipse", { className: "skin", cx: "236", cy: "234", rx: "25", ry: "31" }),
+            /* @__PURE__ */ jsx("path", { className: "ln", d: mood === "wave" ? "M104 250 H128" : "M104 250 H128 M224 252 H248", opacity: 0.4 }),
+            mood === "wave" && /* @__PURE__ */ jsxs("g", { className: "m-wave", children: [
+              /* @__PURE__ */ jsx("ellipse", { className: "skin", cx: "250", cy: "120", rx: "15", ry: "22" }),
+              /* @__PURE__ */ jsx("path", { className: "ln", d: "M244 104 Q250 96 256 104", opacity: 0.4 })
+            ] }),
+            /* @__PURE__ */ jsx("path", { className: "skin", d: "M262 150 C276 142 296 142 310 150 L312 176 C300 188 274 188 262 178 Z" }),
+            /* @__PURE__ */ jsx("ellipse", { className: "skin", cx: "296", cy: "156", rx: "40", ry: "36" }),
+            /* @__PURE__ */ jsx("ellipse", { className: "cheek", cx: "280", cy: "174", rx: "11", ry: "8" }),
+            isBlinking ? /* @__PURE__ */ jsxs("g", { className: "mascot-face-blinking", children: [
+              /* @__PURE__ */ jsx("path", { className: "ln", d: "M275 150 C280 155 292 155 297 150" }),
+              /* @__PURE__ */ jsx("path", { className: "ln", d: "M304 152 C309 157 319 157 324 152" }),
+              mood === "think" ? /* @__PURE__ */ jsx("path", { className: "ln", d: "M280 174 Q290 169 298 175" }) : /* @__PURE__ */ jsx("path", { className: "ln", d: "M286 172 C294 180 306 180 314 171" })
+            ] }) : mood === "think" ? /* @__PURE__ */ jsxs("g", { className: "mascot-face-think", children: [
+              /* @__PURE__ */ jsx("ellipse", { className: "eye-w", cx: "286", cy: "150", rx: "11", ry: "13" }),
+              /* @__PURE__ */ jsx("ellipse", { className: "eye-w", cx: "314", cy: "152", rx: "10", ry: "12" }),
+              /* @__PURE__ */ jsx("circle", { className: "pupil", cx: "288", cy: "146", r: 5.5 }),
+              /* @__PURE__ */ jsx("circle", { className: "pupil", cx: "315", cy: "148", r: 5 }),
+              /* @__PURE__ */ jsx("circle", { className: "glint", cx: "290", cy: "143", r: 1.9 }),
+              /* @__PURE__ */ jsx("circle", { className: "glint", cx: "317", cy: "145", r: 1.7 }),
+              /* @__PURE__ */ jsx("path", { className: "ln", d: "M280 174 Q290 169 298 175" })
+            ] }) : /* @__PURE__ */ jsxs("g", { className: "mascot-face-happy", children: [
+              /* @__PURE__ */ jsx("ellipse", { className: "eye-w", cx: "286", cy: "150", rx: "11", ry: "13" }),
+              /* @__PURE__ */ jsx("ellipse", { className: "eye-w", cx: "314", cy: "152", rx: "10", ry: "12" }),
+              /* @__PURE__ */ jsx("circle", { className: "pupil", cx: "289", cy: "152", r: 5.5 }),
+              /* @__PURE__ */ jsx("circle", { className: "pupil", cx: "316", cy: "154", r: 5 }),
+              /* @__PURE__ */ jsx("circle", { className: "glint", cx: "291", cy: "149", r: 1.9 }),
+              /* @__PURE__ */ jsx("circle", { className: "glint", cx: "318", cy: "151", r: 1.7 }),
+              /* @__PURE__ */ jsx("path", { className: "ln", d: "M286 172 C294 180 306 180 314 171" })
+            ] })
+          ] })
+        ]
+      }
+    );
+  }
+);
+Mascot.displayName = "Mascot";
+
 // ../mobile-nav/dist/index.js
 function createMobileNav(props = {}) {
   const isOpen = props.open ?? false;
@@ -11270,7 +11624,11 @@ var Avatar2 = React11.forwardRef(
 Avatar2.displayName = "Avatar";
 var AvatarImage = React11.forwardRef(
   ({ className, src, alt = "", onLoad, onError, ...props }, ref) => {
-    const { setImageLoaded, setImageError } = React11.useContext(AvatarContext);
+    const { imageError, setImageLoaded, setImageError } = React11.useContext(AvatarContext);
+    React11.useEffect(() => {
+      setImageLoaded(false);
+      setImageError(false);
+    }, [src, setImageLoaded, setImageError]);
     const handleLoad = (e) => {
       setImageLoaded(true);
       onLoad?.(e);
@@ -11279,6 +11637,7 @@ var AvatarImage = React11.forwardRef(
       setImageError(true);
       onError?.(e);
     };
+    if (imageError) return null;
     return /* @__PURE__ */ jsx(
       "img",
       {
@@ -11296,7 +11655,8 @@ var AvatarImage = React11.forwardRef(
 AvatarImage.displayName = "AvatarImage";
 var AvatarFallback = React11.forwardRef(
   ({ className, children, ...props }, ref) => {
-    const { size } = React11.useContext(AvatarContext);
+    const { size, imageLoaded, imageError } = React11.useContext(AvatarContext);
+    if (imageLoaded && !imageError) return null;
     return /* @__PURE__ */ jsx(
       "span",
       {
@@ -11749,214 +12109,8 @@ var Checkbox = React11.forwardRef(
 Checkbox.displayName = "Checkbox";
 
 // ../date-picker/dist/index.js
-function isSameDay2(a, b) {
-  return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
-}
-function startOfMonth2(date) {
-  return new Date(date.getFullYear(), date.getMonth(), 1);
-}
-function startOfDay(date) {
-  return new Date(date.getFullYear(), date.getMonth(), date.getDate());
-}
-function endOfDay(date) {
-  return new Date(date.getFullYear(), date.getMonth(), date.getDate(), 23, 59, 59, 999);
-}
-var DAY_NAMES2 = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
-function padZero(n) {
-  return n < 10 ? `0${n}` : `${n}`;
-}
-function formatDate(date, format, showTime) {
-  if (!date) return "";
-  const year = date.getFullYear();
-  const month = padZero(date.getMonth() + 1);
-  const day = padZero(date.getDate());
-  const hours = padZero(date.getHours());
-  const minutes = padZero(date.getMinutes());
-  let result = format.replace("YYYY", String(year)).replace("MM", month).replace("DD", day);
-  if (showTime) {
-    result = result.replace("HH", hours).replace("mm", minutes);
-  }
-  return result;
-}
-function createDatePicker(props = {}) {
-  const {
-    value,
-    onChange,
-    minDate,
-    maxDate,
-    showTime = false,
-    format = showTime ? "YYYY-MM-DD HH:mm" : "YYYY-MM-DD",
-    placeholder = "Select date...",
-    open: controlledOpen,
-    defaultOpen = false,
-    onOpenChange
-  } = props;
-  const today = /* @__PURE__ */ new Date();
-  let internalOpen = controlledOpen ?? defaultOpen;
-  let currentMonth = value ? startOfMonth2(value) : startOfMonth2(today);
-  let view = "calendar";
-  const hours = value ? value.getHours() : 0;
-  const minutes = value ? value.getMinutes() : 0;
-  const triggerId = generateId("rfr-datepicker-trigger");
-  const dropdownId = generateId("rfr-datepicker-dropdown");
-  const gridId = generateId("rfr-datepicker-grid");
-  const labelId = generateId("rfr-datepicker-label");
-  function isOpen() {
-    if (controlledOpen !== void 0) return controlledOpen;
-    return internalOpen;
-  }
-  function isDateDisabled(date) {
-    if (minDate && date < startOfDay(minDate)) return true;
-    if (maxDate && date > endOfDay(maxDate)) return true;
-    return false;
-  }
-  function buildDays() {
-    const year = currentMonth.getFullYear();
-    const month = currentMonth.getMonth();
-    const first = new Date(year, month, 1);
-    const startDow = first.getDay();
-    const gridStart = new Date(year, month, 1 - startDow);
-    const days = [];
-    for (let i = 0; i < 42; i++) {
-      const date = new Date(
-        gridStart.getFullYear(),
-        gridStart.getMonth(),
-        gridStart.getDate() + i
-      );
-      days.push({
-        date,
-        isToday: isSameDay2(date, today),
-        isSelected: value ? isSameDay2(date, value) : false,
-        isCurrentMonth: date.getMonth() === month,
-        isDisabled: isDateDisabled(date)
-      });
-    }
-    return days;
-  }
-  function openPicker() {
-    internalOpen = true;
-    onOpenChange?.(true);
-  }
-  function closePicker() {
-    internalOpen = false;
-    onOpenChange?.(false);
-  }
-  function togglePicker() {
-    if (isOpen()) {
-      closePicker();
-    } else {
-      openPicker();
-    }
-  }
-  function selectDate(date) {
-    if (isDateDisabled(date)) return;
-    const newDate = new Date(date);
-    if (value) {
-      newDate.setHours(value.getHours());
-      newDate.setMinutes(value.getMinutes());
-    }
-    onChange?.(newDate);
-    if (!showTime) {
-      closePicker();
-    }
-  }
-  function setHours(h4) {
-    if (h4 < 0 || h4 > 23) return;
-    const newDate = value ? new Date(value) : /* @__PURE__ */ new Date();
-    newDate.setHours(h4);
-    onChange?.(newDate);
-  }
-  function setMinutes(m) {
-    if (m < 0 || m > 59) return;
-    const newDate = value ? new Date(value) : /* @__PURE__ */ new Date();
-    newDate.setMinutes(m);
-    onChange?.(newDate);
-  }
-  function prevMonth() {
-    currentMonth = new Date(currentMonth.getFullYear(), currentMonth.getMonth() - 1, 1);
-  }
-  function nextMonth() {
-    currentMonth = new Date(currentMonth.getFullYear(), currentMonth.getMonth() + 1, 1);
-  }
-  function setView(v) {
-    view = v;
-  }
-  function formatDisplay() {
-    return value ? formatDate(value, format, showTime) : placeholder;
-  }
-  const keyboardHandlers = {
-    [Keys.Escape]: (e) => {
-      e.preventDefault();
-      closePicker();
-    }
-  };
-  const triggerProps = {
-    "aria-expanded": isOpen(),
-    "aria-controls": dropdownId,
-    "aria-haspopup": "dialog",
-    id: triggerId,
-    role: "combobox"
-  };
-  const dropdownProps = {
-    role: "dialog",
-    "aria-modal": true,
-    "aria-labelledby": labelId,
-    id: dropdownId
-  };
-  const gridProps = {
-    role: "grid",
-    "aria-labelledby": labelId,
-    id: gridId
-  };
-  function getDayAriaProps(day) {
-    return {
-      role: "gridcell",
-      "aria-selected": day.isSelected,
-      "aria-disabled": day.isDisabled,
-      "aria-current": day.isToday ? "date" : void 0,
-      "aria-label": `${DAY_NAMES2[day.date.getDay()]}, ${day.date.toLocaleDateString("en-US", {
-        month: "long",
-        day: "numeric",
-        year: "numeric"
-      })}`
-    };
-  }
-  return {
-    state: {
-      open: isOpen(),
-      selectedDate: value,
-      view,
-      hours,
-      minutes,
-      currentMonth
-    },
-    days: buildDays(),
-    openPicker,
-    closePicker,
-    togglePicker,
-    selectDate,
-    setHours,
-    setMinutes,
-    prevMonth,
-    nextMonth,
-    setView,
-    formatDisplay,
-    triggerProps,
-    dropdownProps,
-    gridProps,
-    getDayAriaProps,
-    keyboardHandlers,
-    ids: {
-      trigger: triggerId,
-      dropdown: dropdownId,
-      grid: gridId,
-      label: labelId
-    }
-  };
-}
 var datePickerTriggerStyles = "inline-flex items-center gap-2 rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring cursor-pointer";
-var datePickerDropdownStyles = "absolute z-50 mt-1 rounded-md border bg-popover p-4 text-popover-foreground shadow-md";
-var datePickerDayVariants = cva({
+cva({
   base: "inline-flex h-8 w-8 items-center justify-center rounded-md text-sm cursor-pointer hover:bg-accent hover:text-accent-foreground",
   variants: {
     state: {
@@ -11971,205 +12125,38 @@ var datePickerDayVariants = cva({
     state: "default"
   }
 });
-var datePickerTimeStyles = "flex items-center gap-2 mt-3 pt-3 border-t";
-var datePickerTimeInputStyles = "w-14 rounded-md border border-input bg-background px-2 py-1 text-sm text-center";
-
-// ../react-date-picker/dist/index.js
-function DatePicker({
-  value,
-  onChange,
-  minDate,
-  maxDate,
-  showTime = false,
-  format,
-  placeholder,
-  className,
-  disabled = false
-}) {
-  const [open, setOpen] = React11.useState(false);
-  const [currentMonth, setCurrentMonth] = React11.useState(
-    () => value ? new Date(value.getFullYear(), value.getMonth(), 1) : new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth(), 1)
-  );
-  const [view, setView] = React11.useState("calendar");
-  const containerRef = React11.useRef(null);
-  const api = React11.useMemo(
-    () => createDatePicker({
-      value,
-      onChange,
-      minDate,
-      maxDate,
-      showTime,
-      format,
-      placeholder,
-      open,
-      onOpenChange: setOpen
-    }),
-    [value, onChange, minDate, maxDate, showTime, format, placeholder, open]
-  );
-  React11.useMemo(() => {
-    createDatePicker({
-      value,
-      minDate,
-      maxDate,
-      open: true
-    });
-    const tempApi = createDatePicker({
-      value,
-      minDate,
-      maxDate,
-      open: true
-    });
-    return tempApi.days;
-  }, [value, minDate, maxDate, currentMonth]);
-  React11.useEffect(() => {
-    if (!open) return;
-    function handleClick(e) {
-      if (containerRef.current && !containerRef.current.contains(e.target)) {
-        setOpen(false);
-      }
-    }
-    document.addEventListener("mousedown", handleClick);
-    return () => document.removeEventListener("mousedown", handleClick);
-  }, [open]);
-  React11.useEffect(() => {
-    if (!open) return;
-    function handleKeyDown(e) {
-      if (e.key === "Escape") {
-        e.preventDefault();
-        setOpen(false);
+var DatePicker = React11.forwardRef(
+  ({ value, onChange, minDate, maxDate, showTime = false, format, placeholder, className, disabled = false, ...props }, ref) => {
+    const dateToString = (date) => {
+      if (!date) return "";
+      const offset = date.getTimezoneOffset() * 6e4;
+      const localDate = new Date(date.getTime() - offset);
+      const iso = localDate.toISOString();
+      return showTime ? iso.slice(0, 16) : iso.slice(0, 10);
+    };
+    const handleChange = (e) => {
+      if (!onChange) return;
+      if (e.target.value) {
+        onChange(new Date(e.target.value));
       }
-    }
-    document.addEventListener("keydown", handleKeyDown);
-    return () => document.removeEventListener("keydown", handleKeyDown);
-  }, [open]);
-  const displayValue = api.formatDisplay();
-  const handleSelectDate = (date) => {
-    const newDate = new Date(date);
-    if (value) {
-      newDate.setHours(value.getHours());
-      newDate.setMinutes(value.getMinutes());
-    }
-    onChange?.(newDate);
-    if (!showTime) {
-      setOpen(false);
-    }
-  };
-  const handleHoursChange = (e) => {
-    const h4 = parseInt(e.target.value, 10);
-    if (isNaN(h4) || h4 < 0 || h4 > 23) return;
-    const newDate = value ? new Date(value) : /* @__PURE__ */ new Date();
-    newDate.setHours(h4);
-    onChange?.(newDate);
-  };
-  const handleMinutesChange = (e) => {
-    const m = parseInt(e.target.value, 10);
-    if (isNaN(m) || m < 0 || m > 59) return;
-    const newDate = value ? new Date(value) : /* @__PURE__ */ new Date();
-    newDate.setMinutes(m);
-    onChange?.(newDate);
-  };
-  const monthLabel = currentMonth.toLocaleDateString("en-US", { month: "long", year: "numeric" });
-  return React11.createElement(
-    "div",
-    { ref: containerRef, className: cn("relative inline-block", className) },
-    React11.createElement(
-      "button",
-      {
-        type: "button",
-        className: cn(datePickerTriggerStyles, disabled && "opacity-50 cursor-not-allowed"),
-        onClick: () => !disabled && setOpen(!open),
-        "aria-expanded": open,
-        "aria-haspopup": "dialog",
-        disabled
-      },
-      displayValue
-    ),
-    open && React11.createElement(
-      "div",
+    };
+    return /* @__PURE__ */ jsx(
+      "input",
       {
-        className: datePickerDropdownStyles,
-        role: "dialog",
-        "aria-modal": true
-      },
-      React11.createElement(
-        "div",
-        { className: "flex items-center justify-between mb-3" },
-        React11.createElement(
-          "button",
-          {
-            type: "button",
-            className: "p-1 hover:bg-accent rounded cursor-pointer",
-            onClick: () => setCurrentMonth(new Date(currentMonth.getFullYear(), currentMonth.getMonth() - 1, 1)),
-            "aria-label": "Previous month"
-          },
-          "\u2039"
-        ),
-        React11.createElement("span", { className: "text-sm font-medium" }, monthLabel),
-        React11.createElement(
-          "button",
-          {
-            type: "button",
-            className: "p-1 hover:bg-accent rounded cursor-pointer",
-            onClick: () => setCurrentMonth(new Date(currentMonth.getFullYear(), currentMonth.getMonth() + 1, 1)),
-            "aria-label": "Next month"
-          },
-          "\u203A"
-        )
-      ),
-      React11.createElement(
-        "div",
-        { className: "grid grid-cols-7 gap-0 text-center", role: "grid" },
-        ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map(
-          (d) => React11.createElement("div", { key: d, className: "text-xs text-muted-foreground py-1 font-medium" }, d)
-        ),
-        api.days.map((day, i) => {
-          let state = "default";
-          if (day.isDisabled) state = "disabled";
-          else if (day.isSelected) state = "selected";
-          else if (day.isToday) state = "today";
-          else if (!day.isCurrentMonth) state = "outside";
-          return React11.createElement(
-            "button",
-            {
-              key: i,
-              type: "button",
-              className: datePickerDayVariants({ state }),
-              onClick: () => !day.isDisabled && handleSelectDate(day.date),
-              disabled: day.isDisabled,
-              "aria-selected": day.isSelected,
-              "aria-disabled": day.isDisabled
-            },
-            day.date.getDate()
-          );
-        })
-      ),
-      showTime && React11.createElement(
-        "div",
-        { className: datePickerTimeStyles },
-        React11.createElement("span", { className: "text-sm text-muted-foreground" }, "Time:"),
-        React11.createElement("input", {
-          type: "number",
-          min: 0,
-          max: 23,
-          value: value ? value.getHours() : 0,
-          onChange: handleHoursChange,
-          className: datePickerTimeInputStyles,
-          "aria-label": "Hours"
-        }),
-        React11.createElement("span", { className: "text-muted-foreground" }, ":"),
-        React11.createElement("input", {
-          type: "number",
-          min: 0,
-          max: 59,
-          value: value ? value.getMinutes() : 0,
-          onChange: handleMinutesChange,
-          className: datePickerTimeInputStyles,
-          "aria-label": "Minutes"
-        })
-      )
-    )
-  );
-}
+        ref,
+        type: showTime ? "datetime-local" : "date",
+        className: cn(datePickerTriggerStyles, "justify-start text-left font-normal w-[280px]", className),
+        value: dateToString(value),
+        min: dateToString(minDate),
+        max: dateToString(maxDate),
+        onChange: handleChange,
+        disabled,
+        placeholder,
+        ...props
+      }
+    );
+  }
+);
 DatePicker.displayName = "DatePicker";
 
 // ../emoji-picker/dist/index.js
@@ -14696,6 +14683,20 @@ var CarouselContent = React11.forwardRef(
   }
 );
 CarouselContent.displayName = "CarouselContent";
+var Slider = React11.forwardRef(
+  ({ className, variant, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "range",
+        ref,
+        className: `w-full ${className || ""}`,
+        ...props
+      }
+    );
+  }
+);
+Slider.displayName = "Slider";
 var Pagination = React11.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsx("div", { ref, className: cn("", className), ...props });
@@ -22416,6 +22417,6 @@ var SlotPicker = React11.forwardRef(
 );
 SlotPicker.displayName = "SlotPicker";
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AltHintState, AnalyticsProvider, AnimatedText, AppShell, AudienceFeatureCard, AudioRoom, AuthGuard, AuthProvider, Avatar2 as Avatar, AvatarFallback, AvatarGroup, AvatarImage, Badge, BadgeDisplay, BottomNav, BrandNetworkCell, Breadcrumbs, BrowserChromeMock, Button, CATEGORY_LABELS, CURSOR_COLORS, Calendar, CalendarHeader, CallControlButton, CallControls, Callout, CalloutContent, CalloutDescription, CalloutIcon, CalloutTitle, Card, CardContent, CardDescription, CardFooter, CardGrid, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselTrigger, Chat, Checkbox, Checklist, CodeBlock, CodeBlockContent, CodeBlockHeader, CodeEditor, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, ComboboxContent, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxList, ComboboxTrigger, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, Composer, ConfirmationCard, ContentProtection, CookieConsent, Cursor, DEFAULT_CATEGORIES, DEFAULT_VOICE_PILL_POSITION, DEFAULT_VOICE_PILL_SPEAKER, DEFAULT_WAVEFORM_BAR_COUNT, DEFAULT_WAVEFORM_COLOR, DEFAULT_WAVEFORM_HEIGHT, DEFAULT_WAVEFORM_INTENSITY, DEFAULT_WAVEFORM_SMOOTHING, DataTable, DatePicker, DeviceFrame, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, EMOJI_CATEGORIES, EMOJI_DATA, EditorStatusBar, EditorTabs, EmojiPicker, EmptyState, FeedbackButton, FeedbackDialog, FileTree, FileUpload, FloatingReactions, FlowEditor, Footer, GraphView, IconSystem, InfiniteCanvas, InlineEditor, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupText, InstallPrompt, KanbanBoard, KanbanCard, KanbanColumn, KeyboardShortcut, LanguageSelector, LinkCard, LiveCaptions, LiveCursors, LiveTranscript, MarkdownRenderer, MarqueeStrip, MasteryBar, MiniMap, MobileNav, MobileNavContent, MobileNavLink, MobileNavTrigger, Navbar, NumberedSteps, OtpInput, STATUS_COLORS as PRESENCE_STATUS_COLORS, STATUS_LABELS as PRESENCE_STATUS_LABELS, Pagination, PasswordInput, Payment, Popover, PopoverClose, PopoverContent, PopoverTrigger, PreCallLobby, PresenceIndicator, PricingCard, ProgressBar, RadialGauge, RadioGroup, RadioItem, RatingScale, ReactionBar, ReactionBurst, ResizableDivider, ResizableLayout, ResizablePane, SANE_DEFAULTS, STATUS_INDICATOR_COLORS as STATUS_COLORS, STATUS_INDICATOR_LABELS as STATUS_LABELS, STICKY_NOTE_COLORS, SearchBar, SearchResultItem, SearchResults, SectionHead, SegmentedControl, SegmentedControlItem, Select, SelectContent, SelectItem, SelectTrigger, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetTitle, SheetTrigger, ShortcutBadge, ShortcutContext, ShortcutHint, ShortcutProvider, ShortcutRegistry, Sidebar, Skeleton, SkeletonText, SkipToContent, SlideViewer, SlotPicker, SocialAuthButton, SocialAuthRow, SortableList, SpeakingOrb, StatGrid, StatsGrid, StatusIndicator, Step, StepContent, StepDescription, StepIndicator, StepTitle, Steps, StickyNote, Switch, TableOfContents, Tabs, TabsContent, TabsList, TabsTrigger, TelemetryErrorBoundary, TelemetryProvider, Terminal, TestResults, Textarea, ThreadView, Timeline, TimelineItem, Toast, ToastProvider, Toaster, Tooltip, TooltipContent, TooltipTrigger, TypewriterText, VersionSelector, VideoGrid, VideoPlayer, VideoTile, VoicePill, Waveform, Wizard, altHintState, animatedTextVariants, assignCursorColor, avatarFallbackVariants, avatarImageVariants, avatarTokens, avatarVariants, badgeGridVariants, badgeItemVariants, badgeVariants, bottomNavTabVariants, bottomNavVariants, breadcrumbItemVariants, breadcrumbSeparatorStyles, breadcrumbsVariants, buttonTokens, buttonVariants, calendarVariants, canAccessAdmin, canAccessReviewer, cardContentVariants, cardDescriptionVariants, cardFooterVariants, cardHeaderVariants, cardTitleVariants, cardTokens, cardVariants, cellVariants, checkIconPath, checkboxTokens, checkboxVariants, clampVoicePillIntensity, codeEditorTokens, codeEditorVariants, collapsibleContentVariants, comboboxContentVariants, comboboxEmptyVariants, comboboxInputVariants, comboboxItemVariants, comboboxListVariants, comboboxTriggerVariants, commandGroupVariants, commandInputVariants, commandItemVariants, commandVariants, contentProtectionVariants, controlsVariants, createAnalytics, createAppInsightsSink, createConsoleSink, createConversation, createCookieConsent, createGA4ClientSdkSink, createGA4HttpSink, createGA4Sink, createIntensitySamples, createPostHogClientSdkSink, createPostHogHttpSink, createPostHogSink, createPreCallLobby, createSegmentedControl, createSilentSamples, createTelemetry, createVoicePill, createWaveform, dayVariants, deviceFrameVariants, dialogContentVariants, drawWaveform, editorVariants, emojiPickerContainerStyles, emojiPickerEmojiButtonStyles, emojiPickerGridStyles, feedbackDialogVariants, fileUploadDropZoneVariants, fileUploadFileItemStyles, fileUploadFileListStyles, findMessage, footerVariants, formatFileSize, formatRelativeTime, formatShortcut, formatTimestamp, getAssignableRoles, getDefaultPortal, getInitials, getNextSegmentIndex, getReplyCount, getVoicePillAriaLabel, getVoicePillInitials, getVoicePillPosition, getVoicePillPulseStyle, getVoicePillSpeakerKey, getVoicePillSpeakerLabel, getWaveformPeak, globalShortcutRegistry, hasAllRoles, hasAnyRole, hasRole, headerVariants, indeterminateIconPath, inputGroupAddonVariants, inputGroupButtonVariants, inputGroupTokens, inputGroupVariants, inputVariants, installPromptVariants, isWaveformSampleInput, latestBadgeVariants, markdownRendererTokens, menuContentVariants, menuItemVariants, micLevelToBars, mobileNavContentVariants, mobileNavLinkVariants, mobileNavTokens, mobileNavTriggerVariants, mobileNavVariants, navLinkVariants, navbarVariants, nextStickyColor, normalizeBarCount, normalizeIntensity, normalizeSmoothing, normalizeWaveformConfig, normalizeWaveformSamples, optionVariants, otpInputContainerVariants, otpInputSlotVariants, otpInputTokens, overlayStyles, overlayVariants, playerVariants, popoverContentVariants, prepareWaveformCanvas, previewVariants, progressBarVariants, proseVariants, radioCircleVariants, radioGroupVariants, radioItemVariants, reactionAddButtonStyles, reactionBarStyles, reactionCountStyles, reactionEmojiStyles, reactionPillVariants, resampleWaveformSamples, resizableDividerVariants, resizableLayoutTokens, resizableLayoutVariants, resizablePaneVariants, rootIdOf, rowVariants, scaleWaveformSamples, searchBarVariants, searchResultVariants, segmentedControlItemVariants, segmentedControlVariants, selectContentVariants, selectItemVariants, selectMainTimeline, selectReplies, selectRoots, selectThreadMessages, selectTimelineFromState, selectTokens, selectTriggerVariants, selectorVariants, sheetContentVariants, sheetOverlayStyles, shortcutBadgeStyles, shortcutKeyStyles, shortcutSeparatorStyles, sidebarItemVariants, sidebarVariants, skeletonVariants, slideTypeBadgeVariants, slideViewerProgressBarVariants, slideViewerTokens, slideViewerVariants, smoothWaveformSamples, startSessionReplay, statCardVariants, statColumns, statsGridVariants, statusContainerStyles, statusDotVariants, statusLabelStyles, statusPulseVariants, switchThumbVariants, switchTokens, switchVariants, tableVariants, tabsListVariants, tabsTriggerVariants, textareaVariants, threadAuthorStyles, threadAvatarStyles, threadBodyStyles, threadContainerStyles, threadContentStyles, threadMessageStyles, threadReactionsStyles, threadTimestampStyles, toCssDimension, toastVariants, toolbarVariants, tooltipContentVariants, typewriterVariants, useAnalytics, useAuth, useConversation, useCookieConsent, useFloatingReactions, useLogger, useShortcut, useSpan, useTelemetry, useToast, useTrackEvent, useWizard, versionSelectorOptionVariants, versionSelectorVariants, voicePillAvatarStyles, voicePillAvatarWrapStyles, voicePillLabelStyles, voicePillMuteButtonStyles, voicePillPositionVariants, voicePillPulseRingStyles, voicePillRootStyles, voicePillSpeakerStyles, voicePillSubStyles, voicePillTextStyles, voicePillTokens, watermarkVariants, waveformCanvasVariants, waveformVariants };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AltHintState, AnalyticsProvider, AnimatedText, AppShell, AudienceFeatureCard, AudioRoom, AuthGuard, AuthProvider, Avatar2 as Avatar, AvatarFallback, AvatarGroup, AvatarImage, Badge, BadgeDisplay, BottomNav, BrandNetworkCell, Breadcrumbs, BrowserChromeMock, Button, CATEGORY_LABELS, CURSOR_COLORS, Calendar, CalendarHeader, CallControlButton, CallControls, Callout, CalloutContent, CalloutDescription, CalloutIcon, CalloutTitle, Card, CardContent, CardDescription, CardFooter, CardGrid, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselTrigger, Chat, Checkbox, Checklist, CodeBlock, CodeBlockContent, CodeBlockHeader, CodeEditor, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, ComboboxContent, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxList, ComboboxTrigger, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, Composer, ConfirmationCard, ContentProtection, CookieConsent, Cursor, DEFAULT_CATEGORIES, DEFAULT_VOICE_PILL_POSITION, DEFAULT_VOICE_PILL_SPEAKER, DEFAULT_WAVEFORM_BAR_COUNT, DEFAULT_WAVEFORM_COLOR, DEFAULT_WAVEFORM_HEIGHT, DEFAULT_WAVEFORM_INTENSITY, DEFAULT_WAVEFORM_SMOOTHING, DataTable, DatePicker, DeviceFrame, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, EMOJI_CATEGORIES, EMOJI_DATA, EditorStatusBar, EditorTabs, EmojiPicker, EmptyState, FeedbackButton, FeedbackDialog, FileTree, FileUpload, FloatingReactions, FlowEditor, Footer, GraphView, IconSystem, InfiniteCanvas, InlineEditor, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupText, InstallPrompt, KanbanBoard, KanbanCard, KanbanColumn, KeyboardShortcut, LanguageSelector, LinkCard, LiveCaptions, LiveCursors, LiveTranscript, MarkdownRenderer, MarqueeStrip, Mascot, MasteryBar, MiniMap, MobileNav, MobileNavContent, MobileNavLink, MobileNavTrigger, Navbar, NumberedSteps, OtpInput, STATUS_COLORS as PRESENCE_STATUS_COLORS, STATUS_LABELS as PRESENCE_STATUS_LABELS, Pagination, PasswordInput, Payment, Popover, PopoverClose, PopoverContent, PopoverTrigger, PreCallLobby, PresenceIndicator, PricingCard, ProgressBar, RadialGauge, RadioGroup, RadioItem, RatingScale, ReactionBar, ReactionBurst, ResizableDivider, ResizableLayout, ResizablePane, SANE_DEFAULTS, STATUS_INDICATOR_COLORS as STATUS_COLORS, STATUS_INDICATOR_LABELS as STATUS_LABELS, STICKY_NOTE_COLORS, SearchBar, SearchResultItem, SearchResults, SectionHead, SegmentedControl, SegmentedControlItem, Select, SelectContent, SelectItem, SelectTrigger, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetTitle, SheetTrigger, ShortcutBadge, ShortcutContext, ShortcutHint, ShortcutProvider, ShortcutRegistry, Sidebar, Skeleton, SkeletonText, SkipToContent, SlideViewer, Slider, SlotPicker, SocialAuthButton, SocialAuthRow, SortableList, SpeakingOrb, StatGrid, StatsGrid, StatusIndicator, Step, StepContent, StepDescription, StepIndicator, StepTitle, Steps, StickyNote, Switch, TableOfContents, Tabs, TabsContent, TabsList, TabsTrigger, TelemetryErrorBoundary, TelemetryProvider, Terminal, TestResults, Textarea, ThreadView, Timeline, TimelineItem, Toast, ToastProvider, Toaster, Tooltip, TooltipContent, TooltipTrigger, TypewriterText, VersionSelector, VideoGrid, VideoPlayer, VideoTile, VoicePill, Waveform, Wizard, altHintState, animatedTextVariants, assignCursorColor, avatarFallbackVariants, avatarImageVariants, avatarTokens, avatarVariants, badgeGridVariants, badgeItemVariants, badgeVariants, bottomNavTabVariants, bottomNavVariants, breadcrumbItemVariants, breadcrumbSeparatorStyles, breadcrumbsVariants, buttonTokens, buttonVariants, calendarVariants, canAccessAdmin, canAccessReviewer, cardContentVariants, cardDescriptionVariants, cardFooterVariants, cardHeaderVariants, cardTitleVariants, cardTokens, cardVariants, cellVariants, checkIconPath, checkboxTokens, checkboxVariants, clampVoicePillIntensity, codeEditorTokens, codeEditorVariants, collapsibleContentVariants, comboboxContentVariants, comboboxEmptyVariants, comboboxInputVariants, comboboxItemVariants, comboboxListVariants, comboboxTriggerVariants, commandGroupVariants, commandInputVariants, commandItemVariants, commandVariants, contentProtectionVariants, controlsVariants, createAnalytics, createAppInsightsSink, createConsoleSink, createConversation, createCookieConsent, createGA4ClientSdkSink, createGA4HttpSink, createGA4Sink, createIntensitySamples, createPostHogClientSdkSink, createPostHogHttpSink, createPostHogSink, createPreCallLobby, createSegmentedControl, createSilentSamples, createTelemetry, createVoicePill, createWaveform, dayVariants, deviceFrameVariants, dialogContentVariants, drawWaveform, editorVariants, emojiPickerContainerStyles, emojiPickerEmojiButtonStyles, emojiPickerGridStyles, feedbackDialogVariants, fileUploadDropZoneVariants, fileUploadFileItemStyles, fileUploadFileListStyles, findMessage, footerVariants, formatFileSize, formatRelativeTime, formatShortcut, formatTimestamp, getAssignableRoles, getDefaultPortal, getInitials, getNextSegmentIndex, getReplyCount, getVoicePillAriaLabel, getVoicePillInitials, getVoicePillPosition, getVoicePillPulseStyle, getVoicePillSpeakerKey, getVoicePillSpeakerLabel, getWaveformPeak, globalShortcutRegistry, hasAllRoles, hasAnyRole, hasRole, headerVariants, indeterminateIconPath, inputGroupAddonVariants, inputGroupButtonVariants, inputGroupTokens, inputGroupVariants, inputVariants, installPromptVariants, isWaveformSampleInput, latestBadgeVariants, markdownRendererTokens, menuContentVariants, menuItemVariants, micLevelToBars, mobileNavContentVariants, mobileNavLinkVariants, mobileNavTokens, mobileNavTriggerVariants, mobileNavVariants, navLinkVariants, navbarVariants, nextStickyColor, normalizeBarCount, normalizeIntensity, normalizeSmoothing, normalizeWaveformConfig, normalizeWaveformSamples, optionVariants, otpInputContainerVariants, otpInputSlotVariants, otpInputTokens, overlayStyles, overlayVariants, playerVariants, popoverContentVariants, prepareWaveformCanvas, previewVariants, progressBarVariants, proseVariants, radioCircleVariants, radioGroupVariants, radioItemVariants, reactionAddButtonStyles, reactionBarStyles, reactionCountStyles, reactionEmojiStyles, reactionPillVariants, resampleWaveformSamples, resizableDividerVariants, resizableLayoutTokens, resizableLayoutVariants, resizablePaneVariants, rootIdOf, rowVariants, scaleWaveformSamples, searchBarVariants, searchResultVariants, segmentedControlItemVariants, segmentedControlVariants, selectContentVariants, selectItemVariants, selectMainTimeline, selectReplies, selectRoots, selectThreadMessages, selectTimelineFromState, selectTokens, selectTriggerVariants, selectorVariants, sheetContentVariants, sheetOverlayStyles, shortcutBadgeStyles, shortcutKeyStyles, shortcutSeparatorStyles, sidebarItemVariants, sidebarVariants, skeletonVariants, slideTypeBadgeVariants, slideViewerProgressBarVariants, slideViewerTokens, slideViewerVariants, smoothWaveformSamples, startSessionReplay, statCardVariants, statColumns, statsGridVariants, statusContainerStyles, statusDotVariants, statusLabelStyles, statusPulseVariants, switchThumbVariants, switchTokens, switchVariants, tableVariants, tabsListVariants, tabsTriggerVariants, textareaVariants, threadAuthorStyles, threadAvatarStyles, threadBodyStyles, threadContainerStyles, threadContentStyles, threadMessageStyles, threadReactionsStyles, threadTimestampStyles, toCssDimension, toastVariants, toolbarVariants, tooltipContentVariants, typewriterVariants, useAnalytics, useAuth, useConversation, useCookieConsent, useFloatingReactions, useLogger, useShortcut, useSpan, useTelemetry, useToast, useTrackEvent, useWizard, versionSelectorOptionVariants, versionSelectorVariants, voicePillAvatarStyles, voicePillAvatarWrapStyles, voicePillLabelStyles, voicePillMuteButtonStyles, voicePillPositionVariants, voicePillPulseRingStyles, voicePillRootStyles, voicePillSpeakerStyles, voicePillSubStyles, voicePillTextStyles, voicePillTokens, watermarkVariants, waveformCanvasVariants, waveformVariants };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map