@cntyclub/ui-react 0.14.0 → 0.16.0

package/dist/index.js

@@ -1,11 +1,11 @@
-import { cn, buttonVariants, Input, Popover, PopoverTrigger, Button, PopoverPopup, Calendar, SpinnerOnDemand } from './chunk-2HQPCV2L.js';
+import { cn, buttonVariants, Input as Input$1, Popover, PopoverTrigger, Button, PopoverPopup, Calendar, SpinnerOnDemand } from './chunk-2HQPCV2L.js';
 export { Button, Calendar, Checkbox, CheckboxGroup, Field, FieldControl, FieldDescription, FieldError, FieldGroup, FieldItem, FieldLabel, FieldValidity, Input, InputGroup, InputGroupAddon, InputGroupInput, InputGroupText, InputGroupTextarea, Label, NumberField, NumberFieldDecrement, NumberFieldGroup, NumberFieldIncrement, NumberFieldInput, NumberFieldScrubArea, Popover, PopoverClose, PopoverPopup as PopoverContent, PopoverCreateHandle, PopoverDescription, PopoverPopup, PopoverTitle, PopoverTrigger, Select, SelectPopup as SelectContent, SelectGroup, SelectGroupLabel, SelectItem, SelectPopup, SelectSeparator, SelectTrigger, SelectValue, SpinnerOnDemand, Textarea, buttonVariants, cn } from './chunk-2HQPCV2L.js';
 import { Accordion as Accordion$1 } from '@base-ui/react/accordion';
-import { ChevronDownIcon, SunIcon, MoonIcon, ChevronsUpDownIcon, XIcon, CheckIcon, UserRoundIcon, PlusIcon, ChevronRight, MoreHorizontal, CalendarIcon, ArrowLeftIcon, ArrowRightIcon, SparklesIcon, ArrowUpIcon, SearchIcon, NfcIcon, ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon, FileQuestionIcon, ShieldAlertIcon, ShieldXIcon, TriangleAlertIcon, CircleHelp, MinusIcon, GripVerticalIcon, PanelLeftIcon, Loader2Icon, TrendingDownIcon, TrendingUpIcon, CircleCheckIcon, LoaderCircleIcon, InfoIcon, CircleAlertIcon, PlayIcon, PauseIcon, VolumeXIcon, Volume2Icon, Minimize2Icon, Maximize2Icon, Search, LifeBuoy, Settings, LogOut, UserIcon, CloudUploadIcon, TrashIcon, Undo2, Redo2, Bold, Italic, Strikethrough, List, ListOrdered, AlignLeft, AlignCenter, AlignRight, AlignJustify } from 'lucide-react';
+import { PipetteIcon, PlusIcon, ChevronDownIcon, SunIcon, MoonIcon, ChevronsUpDownIcon, XIcon, CheckIcon, UserRoundIcon, ChevronRight, MoreHorizontal, CalendarIcon, ArrowLeftIcon, ArrowRightIcon, SparklesIcon, ArrowUpIcon, SearchIcon, NfcIcon, ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon, FileQuestionIcon, ShieldAlertIcon, ShieldXIcon, TriangleAlertIcon, CircleHelp, MinusIcon, GripVerticalIcon, PanelLeftIcon, Loader2Icon, TrendingDownIcon, TrendingUpIcon, CircleCheckIcon, LoaderCircleIcon, InfoIcon, CircleAlertIcon, PlayIcon, PauseIcon, VolumeXIcon, Volume2Icon, Minimize2Icon, Maximize2Icon, Search, LifeBuoy, Settings, LogOut, UserIcon, CloudUploadIcon, TrashIcon, Undo2, Redo2, Bold, Italic, Strikethrough, List, ListOrdered, AlignLeft, AlignCenter, AlignRight, AlignJustify } from 'lucide-react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { cva } from 'class-variance-authority';
 import { AlertDialog as AlertDialog$1 } from '@base-ui/react/alert-dialog';
-import * as React17 from 'react';
+import * as React20 from 'react';
 import { createContext, memo, forwardRef, useRef, useCallback, useMemo, useImperativeHandle, useEffect, useState, useContext, Fragment as Fragment$1, useSyncExternalStore, isValidElement, useLayoutEffect } from 'react';
 import { flushSync } from 'react-dom';
 import { mergeProps } from '@base-ui/react/merge-props';
@@ -20,6 +20,8 @@ import { format, intervalToDuration } from 'date-fns';
 import useEmblaCarousel from 'embla-carousel-react';
 import * as RechartsPrimitive from 'recharts';
 import { Collapsible as Collapsible$1 } from '@base-ui/react/collapsible';
+import { parseColor, ColorSwatchPicker, ColorSwatchPickerItem, ColorSwatch as ColorSwatch$1, ColorField, Input, ColorThumb as ColorThumb$1, ColorArea as ColorArea$1, ColorPicker as ColorPicker$1, ColorPickerStateContext, ColorSlider, SliderTrack } from 'react-aria-components';
+export { getColorChannels, parseColor } from 'react-aria-components';
 import { Combobox as Combobox$1 } from '@base-ui/react/combobox';
 import { Dialog as Dialog$1 } from '@base-ui/react/dialog';
 import confetti from 'canvas-confetti';
@@ -1057,7 +1059,7 @@ function useSmoothWheel(ref, {
   multiplier = 0.8,
   ease = 0.12
 } = {}) {
-  React17.useEffect(() => {
+  React20.useEffect(() => {
     if (!enabled) return;
     const el = ref.current;
     if (!el) return;
@@ -1151,7 +1153,7 @@ function SmoothScroll({
   ease,
   ...props
 }) {
-  const ref = React17.useRef(null);
+  const ref = React20.useRef(null);
   useSmoothWheel(ref, { ease, horizontal, multiplier });
   return /* @__PURE__ */ jsx(
     "div",
@@ -1177,7 +1179,7 @@ function ScrollArea({
   viewportClassName,
   ...props
 }) {
-  const viewportRef = React17.useRef(null);
+  const viewportRef = React20.useRef(null);
   useSmoothWheel(viewportRef, { enabled: wheelToHorizontal, horizontal: true });
   useSmoothWheel(viewportRef, {
     enabled: smooth && !wheelToHorizontal,
@@ -1264,7 +1266,7 @@ function AutocompleteInput({
           className
         ),
         "data-slot": "autocomplete-input",
-        render: /* @__PURE__ */ jsx(Input, { nativeInput: true, size: sizeValue }),
+        render: /* @__PURE__ */ jsx(Input$1, { nativeInput: true, size: sizeValue }),
         ...props
       }
     ),
@@ -2581,9 +2583,9 @@ function CardFooter({
     render
   });
 }
-var CarouselContext = React17.createContext(null);
+var CarouselContext = React20.createContext(null);
 function useCarousel() {
-  const context = React17.useContext(CarouselContext);
+  const context = React20.useContext(CarouselContext);
   if (!context) {
     throw new Error("useCarousel must be used within a <Carousel />");
   }
@@ -2606,20 +2608,20 @@ function Carousel({
     },
     plugins
   );
-  const [canScrollPrev, setCanScrollPrev] = React17.useState(false);
-  const [canScrollNext, setCanScrollNext] = React17.useState(false);
-  const onSelect = React17.useCallback((api2) => {
+  const [canScrollPrev, setCanScrollPrev] = React20.useState(false);
+  const [canScrollNext, setCanScrollNext] = React20.useState(false);
+  const onSelect = React20.useCallback((api2) => {
     if (!api2) return;
     setCanScrollPrev(api2.canScrollPrev());
     setCanScrollNext(api2.canScrollNext());
   }, []);
-  const scrollPrev = React17.useCallback(() => {
+  const scrollPrev = React20.useCallback(() => {
     api?.scrollPrev();
   }, [api]);
-  const scrollNext = React17.useCallback(() => {
+  const scrollNext = React20.useCallback(() => {
     api?.scrollNext();
   }, [api]);
-  const handleKeyDown = React17.useCallback(
+  const handleKeyDown = React20.useCallback(
     (event) => {
       if (event.key === "ArrowLeft") {
         event.preventDefault();
@@ -2631,11 +2633,11 @@ function Carousel({
     },
     [scrollPrev, scrollNext]
   );
-  React17.useEffect(() => {
+  React20.useEffect(() => {
     if (!api || !setApi) return;
     setApi(api);
   }, [api, setApi]);
-  React17.useEffect(() => {
+  React20.useEffect(() => {
     if (!api) return;
     onSelect(api);
     api.on("reInit", onSelect);
@@ -2777,9 +2779,9 @@ function CarouselNext({
   );
 }
 var THEMES = { light: "", dark: '[data-theme="dark"]' };
-var ChartContext = React17.createContext(null);
+var ChartContext = React20.createContext(null);
 function useChart() {
-  const context = React17.useContext(ChartContext);
+  const context = React20.useContext(ChartContext);
   if (!context) {
     throw new Error("useChart must be used within a <ChartContainer />");
   }
@@ -2792,7 +2794,7 @@ function ChartContainer({
   config,
   ...props
 }) {
-  const uniqueId = React17.useId();
+  const uniqueId = React20.useId();
   const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
   return /* @__PURE__ */ jsx(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs(
     "div",
@@ -2853,7 +2855,7 @@ function ChartTooltipContent({
   labelKey
 }) {
   const { config } = useChart();
-  const tooltipLabel = React17.useMemo(() => {
+  const tooltipLabel = React20.useMemo(() => {
     if (hideLabel || !payload?.length) {
       return null;
     }
@@ -3066,15 +3068,15 @@ function ChatMessages({
   children,
   ...props
 }) {
-  const viewportRef = React17.useRef(null);
-  const pinnedRef = React17.useRef(true);
-  const handleScroll = React17.useCallback(() => {
+  const viewportRef = React20.useRef(null);
+  const pinnedRef = React20.useRef(true);
+  const handleScroll = React20.useCallback(() => {
     const viewport = viewportRef.current;
     if (!viewport) return;
     const distanceFromBottom = viewport.scrollHeight - viewport.scrollTop - viewport.clientHeight;
     pinnedRef.current = distanceFromBottom < 48;
   }, []);
-  React17.useEffect(() => {
+  React20.useEffect(() => {
     const viewport = viewportRef.current;
     if (!viewport || !autoScroll || !pinnedRef.current) return;
     viewport.scrollTop = viewport.scrollHeight;
@@ -3322,13 +3324,13 @@ function ChatInput({
   value,
   ...props
 }) {
-  const textareaRef = React17.useRef(null);
-  const submit = React17.useCallback(() => {
+  const textareaRef = React20.useRef(null);
+  const submit = React20.useCallback(() => {
     const trimmed = value.trim();
     if (!trimmed || disabled) return;
     onSubmit(trimmed);
   }, [disabled, onSubmit, value]);
-  React17.useEffect(() => {
+  React20.useEffect(() => {
     const textarea = textareaRef.current;
     if (!textarea) return;
     textarea.style.height = "auto";
@@ -3387,6 +3389,45 @@ function ChatInput({
     }
   );
 }
+var LABEL_TONE = {
+  default: "text-muted-foreground",
+  summary: "text-muted-foreground",
+  unread: "text-primary"
+};
+var LINE_TONE = {
+  default: "bg-border",
+  summary: "bg-border",
+  unread: "bg-primary/40"
+};
+function ChatDivider({ label, icon, variant = "default", className, ...props }) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn("flex w-full items-center gap-3 py-1 select-none", className),
+      "data-slot": "chat-divider",
+      "data-variant": variant,
+      role: "separator",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: cn("h-px flex-1", LINE_TONE[variant]) }),
+        label != null ? /* @__PURE__ */ jsxs(
+          "span",
+          {
+            className: cn(
+              "inline-flex items-center gap-1.5 font-medium text-xs whitespace-nowrap",
+              LABEL_TONE[variant]
+            ),
+            children: [
+              icon ? /* @__PURE__ */ jsx("span", { className: "inline-flex shrink-0 items-center", children: icon }) : null,
+              label
+            ]
+          }
+        ) : null,
+        /* @__PURE__ */ jsx("span", { className: cn("h-px flex-1", LINE_TONE[variant]) })
+      ]
+    }
+  );
+}
 function Collapsible({ ...props }) {
   return /* @__PURE__ */ jsx(Collapsible$1.Root, { "data-slot": "collapsible", ...props });
 }
@@ -3419,12 +3460,253 @@ function CollapsiblePanel({
     }
   );
 }
-var ComboboxContext = React17.createContext({
+var CHECKERBOARD = "repeating-conic-gradient(rgba(0,0,0,.12) 0% 25%, transparent 0% 50%) 50% / 12px 12px";
+function useColorPicker() {
+  const state = React20.useContext(ColorPickerStateContext);
+  if (!state) {
+    throw new Error("useColorPicker must be used inside <ColorPicker.Provider>.");
+  }
+  return state;
+}
+function ColorPickerProvider(props) {
+  return /* @__PURE__ */ jsx(ColorPicker$1, { ...props });
+}
+function ColorArea({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    ColorArea$1,
+    {
+      className: cn(
+        "h-40 w-full shrink-0 rounded-lg border border-input outline-none",
+        "data-[disabled]:opacity-64",
+        className
+      ),
+      "data-slot": "color-picker-area",
+      ...props,
+      children: /* @__PURE__ */ jsx(ColorThumb, {})
+    }
+  );
+}
+function ColorThumb({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    ColorThumb$1,
+    {
+      className: cn(
+        // `box-shadow` rather than a border, so the ring sits *outside* the swatch and
+        // the pixel under the thumb is the colour actually selected.
+        "size-4 rounded-full border-2 border-white shadow-[0_0_0_1px_rgba(0,0,0,.35)] outline-none",
+        "transition-[scale,box-shadow] duration-150 ease-out",
+        "data-[focus-visible]:ring-[3px] data-[focus-visible]:ring-ring/32 data-[dragging]:scale-115",
+        className
+      ),
+      "data-slot": "color-picker-thumb",
+      ...props
+    }
+  );
+}
+function ColorSliderBase({
+  className,
+  channel,
+  chequered,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    ColorSlider,
+    {
+      channel,
+      className: cn("w-full data-[disabled]:opacity-64", className),
+      "data-slot": `color-picker-${channel}-slider`,
+      orientation: "horizontal",
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        SliderTrack,
+        {
+          className: "relative h-3 w-full rounded-full border border-input",
+          style: ({ defaultStyle }) => ({
+            background: chequered ? `${defaultStyle.background}, ${CHECKERBOARD}` : defaultStyle.background
+          }),
+          children: /* @__PURE__ */ jsx(ColorThumb, { className: "top-1/2" })
+        }
+      )
+    }
+  );
+}
+function ColorHueSlider(props) {
+  return /* @__PURE__ */ jsx(ColorSliderBase, { channel: "hue", ...props });
+}
+function ColorAlphaSlider(props) {
+  return /* @__PURE__ */ jsx(ColorSliderBase, { channel: "alpha", chequered: true, ...props });
+}
+function ColorSwatch({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    ColorSwatch$1,
+    {
+      className: cn("size-8 shrink-0 rounded-md border border-input", className),
+      "data-slot": "color-picker-swatch",
+      style: { background: CHECKERBOARD },
+      ...props
+    }
+  );
+}
+function ColorValueInput({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    ColorField,
+    {
+      className: cn("min-w-0 flex-1", className),
+      "data-slot": "color-picker-value",
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        Input,
+        {
+          className: cn(
+            "h-9 w-full min-w-0 rounded-md border border-input bg-transparent px-2.5 font-mono text-sm tabular-nums outline-none",
+            "placeholder:text-muted-foreground focus-visible:ring-[3px] focus-visible:ring-ring/24"
+          )
+        }
+      )
+    }
+  );
+}
+function ColorSavedColors({
+  className,
+  colors,
+  onSelect,
+  onAdd,
+  size = "md",
+  ...props
+}) {
+  const tile = size === "sm" ? "size-6" : "size-8";
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-wrap items-center gap-1.5", className), "data-slot": "color-picker-saved", children: [
+    /* @__PURE__ */ jsx(
+      ColorSwatchPicker,
+      {
+        className: "flex flex-wrap items-center gap-1.5",
+        onChange: (color) => onSelect?.(color.toString("hex")),
+        ...props,
+        children: colors.map((color) => /* @__PURE__ */ jsx(
+          ColorSwatchPickerItem,
+          {
+            className: cn(
+              tile,
+              "rounded-md border border-input outline-none",
+              "data-[focus-visible]:ring-[3px] data-[focus-visible]:ring-ring/24",
+              "data-[selected]:ring-2 data-[selected]:ring-ring data-[selected]:ring-offset-2 data-[selected]:ring-offset-background"
+            ),
+            color,
+            children: /* @__PURE__ */ jsx(ColorSwatch$1, { className: "size-full rounded-[5px]" })
+          },
+          color
+        ))
+      }
+    ),
+    onAdd ? /* @__PURE__ */ jsx(
+      "button",
+      {
+        "aria-label": "Save this colour",
+        className: cn(
+          tile,
+          "flex items-center justify-center rounded-md border border-input border-dashed text-muted-foreground outline-none",
+          "transition-colors hover:bg-accent hover:text-foreground focus-visible:ring-[3px] focus-visible:ring-ring/24"
+        ),
+        onClick: onAdd,
+        type: "button",
+        children: /* @__PURE__ */ jsx(PlusIcon, { className: size === "sm" ? "size-3" : "size-3.5", strokeWidth: 2 })
+      }
+    ) : null
+  ] });
+}
+function ColorEyeDropper({ className, ...props }) {
+  const state = useColorPicker();
+  const [supported, setSupported] = React20.useState(false);
+  React20.useEffect(() => {
+    setSupported(typeof window !== "undefined" && "EyeDropper" in window);
+  }, []);
+  if (!supported) return null;
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      "aria-label": "Pick a colour from the screen",
+      className: cn(
+        "flex size-9 shrink-0 items-center justify-center rounded-md border border-input text-muted-foreground outline-none",
+        "transition-colors hover:bg-accent hover:text-foreground focus-visible:ring-[3px] focus-visible:ring-ring/24",
+        className
+      ),
+      "data-slot": "color-picker-eyedropper",
+      onClick: async () => {
+        try {
+          const result = await new window.EyeDropper().open();
+          state.setColor(parseColor(result.sRGBHex));
+        } catch {
+        }
+      },
+      type: "button",
+      ...props,
+      children: /* @__PURE__ */ jsx(PipetteIcon, { className: "size-4", strokeWidth: 1.8 })
+    }
+  );
+}
+function ColorPreview({ className }) {
+  const state = useColorPicker();
+  return /* @__PURE__ */ jsx(
+    ColorSwatch$1,
+    {
+      className: cn("size-9 shrink-0 rounded-md border border-input", className),
+      color: state.color,
+      "data-slot": "color-picker-preview",
+      style: { background: CHECKERBOARD }
+    }
+  );
+}
+function ColorPickerPanel({
+  className,
+  withAlpha = false,
+  savedColors,
+  onSaveColor,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(ColorPickerProvider, { ...props, children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn("flex w-64 flex-col gap-3 rounded-xl border border-input bg-popover p-3", className),
+      "data-slot": "color-picker",
+      children: [
+        /* @__PURE__ */ jsx(ColorArea, { colorSpace: "hsb", xChannel: "saturation", yChannel: "brightness" }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(ColorPreview, {}),
+          /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-2", children: [
+            /* @__PURE__ */ jsx(ColorHueSlider, {}),
+            withAlpha ? /* @__PURE__ */ jsx(ColorAlphaSlider, {}) : null
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(ColorEyeDropper, {}),
+          /* @__PURE__ */ jsx(ColorValueInput, {})
+        ] }),
+        savedColors?.length || onSaveColor ? /* @__PURE__ */ jsx(ColorSavedColors, { colors: savedColors ?? [], onAdd: onSaveColor, size: "sm" }) : null
+      ]
+    }
+  ) });
+}
+var ColorPicker = Object.assign(ColorPickerPanel, {
+  Provider: ColorPickerProvider,
+  Area: ColorArea,
+  Thumb: ColorThumb,
+  HueSlider: ColorHueSlider,
+  AlphaSlider: ColorAlphaSlider,
+  Swatch: ColorSwatch,
+  Preview: ColorPreview,
+  ValueInput: ColorValueInput,
+  SavedColors: ColorSavedColors,
+  EyeDropper: ColorEyeDropper
+});
+var ComboboxContext = React20.createContext({
   chipsRef: null,
   multiple: false
 });
 function Combobox(props) {
-  const chipsRef = React17.useRef(null);
+  const chipsRef = React20.useRef(null);
   return /* @__PURE__ */ jsx(ComboboxContext.Provider, { value: { chipsRef, multiple: !!props.multiple }, children: /* @__PURE__ */ jsx(
     Combobox$1.Root,
     {
@@ -3440,7 +3722,7 @@ function ComboboxInput({
   size,
   ...props
 }) {
-  const { multiple } = React17.useContext(ComboboxContext);
+  const { multiple } = React20.useContext(ComboboxContext);
   const sizeValue = size ?? "default";
   if (multiple) {
     return /* @__PURE__ */ jsx(
@@ -3478,7 +3760,7 @@ function ComboboxInput({
         ),
         "data-slot": "combobox-input",
         render: /* @__PURE__ */ jsx(
-          Input,
+          Input$1,
           {
             className: "has-disabled:opacity-100",
             nativeInput: true,
@@ -3529,7 +3811,7 @@ function ComboboxPopup({
   sideOffset = 4,
   ...props
 }) {
-  const { chipsRef } = React17.useContext(ComboboxContext);
+  const { chipsRef } = React20.useContext(ComboboxContext);
   return /* @__PURE__ */ jsx(Combobox$1.Portal, { children: /* @__PURE__ */ jsx(
     Combobox$1.Positioner,
     {
@@ -3700,7 +3982,7 @@ function ComboboxChips({
   startAddon,
   ...props
 }) {
-  const { chipsRef } = React17.useContext(ComboboxContext);
+  const { chipsRef } = React20.useContext(ComboboxContext);
   return /* @__PURE__ */ jsxs(
     Combobox$1.Chips,
     {
@@ -4072,6 +4354,97 @@ function ConfettiButtonComponent({ options, children, onClick, ...props }) {
 }
 ConfettiButtonComponent.displayName = "ConfettiButton";
 var ConfettiButton = ConfettiButtonComponent;
+var STATE_COLOR = {
+  ok: "text-muted-foreground",
+  warn: "text-amber-500",
+  summarizing: "text-sky-500",
+  full: "text-destructive"
+};
+function deriveState(pct, warnAt, summarizeAt, lockAt) {
+  if (pct >= lockAt) return "full";
+  if (pct >= summarizeAt) return "summarizing";
+  if (pct >= warnAt) return "warn";
+  return "ok";
+}
+function ContextMeter({
+  used,
+  budget,
+  pct,
+  state,
+  warnAt = 0.75,
+  summarizeAt = 0.85,
+  lockAt = 0.98,
+  size = 24,
+  strokeWidth = 2.5,
+  showLabel = false,
+  className,
+  ...props
+}) {
+  const fraction = Math.max(
+    0,
+    Math.min(1, pct ?? (budget ? (used ?? 0) / budget : 0))
+  );
+  const resolvedState = state ?? deriveState(fraction, warnAt, summarizeAt, lockAt);
+  const percent = Math.round(fraction * 100);
+  const radius = (size - strokeWidth) / 2;
+  const circumference = 2 * Math.PI * radius;
+  const dash = circumference * fraction;
+  const center = size / 2;
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: cn("relative inline-flex items-center justify-center", STATE_COLOR[resolvedState]),
+      "data-slot": "context-meter",
+      "data-state": resolvedState,
+      style: { width: size, height: size },
+      children: [
+        /* @__PURE__ */ jsxs(
+          "svg",
+          {
+            width: size,
+            height: size,
+            viewBox: `0 0 ${size} ${size}`,
+            role: "meter",
+            "aria-valuemin": 0,
+            "aria-valuemax": 100,
+            "aria-valuenow": percent,
+            "aria-label": `Context ${percent}% used`,
+            className: cn("-rotate-90", className),
+            ...props,
+            children: [
+              /* @__PURE__ */ jsx(
+                "circle",
+                {
+                  cx: center,
+                  cy: center,
+                  r: radius,
+                  fill: "none",
+                  strokeWidth,
+                  className: "stroke-muted"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "circle",
+                {
+                  cx: center,
+                  cy: center,
+                  r: radius,
+                  fill: "none",
+                  strokeWidth,
+                  strokeLinecap: "round",
+                  stroke: "currentColor",
+                  strokeDasharray: `${dash} ${circumference}`,
+                  className: "transition-[stroke-dasharray] duration-500 ease-out"
+                }
+              )
+            ]
+          }
+        ),
+        showLabel ? /* @__PURE__ */ jsx("span", { className: "absolute font-medium text-[0.5rem] text-foreground tabular-nums", children: percent }) : null
+      ]
+    }
+  );
+}
 var BASE_WIDTH = 316;
 var BASE_HEIGHT = 190;
 var GLASS_FACE = "border border-white/30 bg-white/10 text-white backdrop-blur-md";
@@ -4514,7 +4887,7 @@ function TableCaption({
 function formatCell(value) {
   if (value === null || value === void 0 || value === "") return "\u2014";
   if (typeof value === "boolean") return value ? "Yes" : "No";
-  if (React17.isValidElement(value)) return value;
+  if (React20.isValidElement(value)) return value;
   if (typeof value === "object") return JSON.stringify(value);
   return String(value);
 }
@@ -4528,9 +4901,9 @@ function DataTablePaged({
   searchPlaceholder = "Filter results\u2026",
   totalCount
 }) {
-  const [page, setPage] = React17.useState(1);
-  const [query, setQuery] = React17.useState("");
-  const filteredRows = React17.useMemo(() => {
+  const [page, setPage] = React20.useState(1);
+  const [query, setQuery] = React20.useState("");
+  const filteredRows = React20.useMemo(() => {
     const trimmed = query.trim().toLowerCase();
     if (!trimmed) return rows;
     return rows.filter(
@@ -4546,7 +4919,7 @@ function DataTablePaged({
     searchable && rows.length > pageSize && /* @__PURE__ */ jsxs("div", { className: "relative", children: [
       /* @__PURE__ */ jsx(SearchIcon, { className: "-translate-y-1/2 absolute top-1/2 left-2.5 size-4 text-muted-foreground" }),
       /* @__PURE__ */ jsx(
-        Input,
+        Input$1,
         {
           className: "h-8 pl-8 text-sm",
           onChange: (event) => {
@@ -5907,7 +6280,7 @@ function InputOTPSlot({
   size,
   ...props
 }) {
-  const inputOTPContext = React17.useContext(OTPInputContext);
+  const inputOTPContext = React20.useContext(OTPInputContext);
   const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};
   return /* @__PURE__ */ jsxs(
     "div",
@@ -6611,10 +6984,10 @@ function MultiSelect({
   popupClassName,
   sideOffset = 4
 }) {
-  const [uncontrolledValue, setUncontrolledValue] = React17.useState(
+  const [uncontrolledValue, setUncontrolledValue] = React20.useState(
     defaultValue ?? []
   );
-  const [search, setSearch] = React17.useState("");
+  const [search, setSearch] = React20.useState("");
   const isControlled = valueProp !== void 0;
   const value = isControlled ? valueProp : uncontrolledValue;
   const setValue = (next) => {
@@ -6758,8 +7131,8 @@ function MultiSelectSearch({
   onChange,
   placeholder
 }) {
-  const inputRef = React17.useRef(null);
-  React17.useEffect(() => {
+  const inputRef = React20.useRef(null);
+  React20.useEffect(() => {
     const frame = requestAnimationFrame(() => inputRef.current?.focus());
     return () => cancelAnimationFrame(frame);
   }, []);
@@ -7250,8 +7623,8 @@ var qrCodeVariants = cva(
   }
 );
 function QRCode({ className, size, value, options, ...props }) {
-  const containerRef = React17.useRef(null);
-  React17.useEffect(() => {
+  const containerRef = React20.useRef(null);
+  React20.useEffect(() => {
     const container = containerRef.current;
     if (!container) return;
     let disposed = false;
@@ -7779,8 +8152,8 @@ function SocialButton({
     render
   });
 }
-var StepperContext = React17.createContext({ orientation: "horizontal", value: 1 });
-var StepperItemContext = React17.createContext({ state: "inactive", step: 1 });
+var StepperContext = React20.createContext({ orientation: "horizontal", value: 1 });
+var StepperItemContext = React20.createContext({ state: "inactive", step: 1 });
 function Stepper({
   value = 1,
   orientation = "horizontal",
@@ -7807,7 +8180,7 @@ function StepperItem({
   className,
   ...props
 }) {
-  const { value } = React17.useContext(StepperContext);
+  const { value } = React20.useContext(StepperContext);
   const state = completed || value > step ? "completed" : value === step ? "active" : "inactive";
   return /* @__PURE__ */ jsx(StepperItemContext.Provider, { value: { state, step }, children: /* @__PURE__ */ jsx(
     "div",
@@ -7846,7 +8219,7 @@ function StepperIndicator({
   children,
   ...props
 }) {
-  const { step } = React17.useContext(StepperItemContext);
+  const { step } = React20.useContext(StepperItemContext);
   return /* @__PURE__ */ jsxs(
     "span",
     {
@@ -7998,7 +8371,7 @@ function Toggle({
     }
   );
 }
-var ToggleGroupContext = React17.createContext({
+var ToggleGroupContext = React20.createContext({
   size: "default",
   variant: "default"
 });
@@ -8035,7 +8408,7 @@ function Toggle2({
   size,
   ...props
 }) {
-  const context = React17.useContext(ToggleGroupContext);
+  const context = React20.useContext(ToggleGroupContext);
   const resolvedVariant = context.variant || variant;
   const resolvedSize = context.size || size;
   return /* @__PURE__ */ jsx(
@@ -8295,7 +8668,7 @@ function Skeleton({ className, ...props }) {
     }
   );
 }
-var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React17.useLayoutEffect : React17.useEffect;
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React20.useLayoutEffect : React20.useEffect;
 var SIDEBAR_COOKIE_NAME = "sidebar_state";
 var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
 var SIDEBAR_WIDTH_LG = "18.5rem";
@@ -8303,9 +8676,9 @@ var SIDEBAR_WIDTH_MD = "14.5rem";
 var SIDEBAR_WIDTH_MOBILE = "18rem";
 var SIDEBAR_WIDTH_ICON = "3rem";
 var SIDEBAR_KEYBOARD_SHORTCUT = "b";
-var SidebarContext = React17.createContext(null);
+var SidebarContext = React20.createContext(null);
 function useSidebar() {
-  const context = React17.useContext(SidebarContext);
+  const context = React20.useContext(SidebarContext);
   if (!context) {
     throw new Error("useSidebar must be used within a SidebarProvider.");
   }
@@ -8321,7 +8694,7 @@ function SidebarProvider({
   children,
   ...props
 }) {
-  const [isMobile, setIsMobile] = React17.useState(false);
+  const [isMobile, setIsMobile] = React20.useState(false);
   useIsomorphicLayoutEffect(() => {
     const mql = window.matchMedia("(max-width: 47.999rem)");
     const onChange = () => setIsMobile(mql.matches);
@@ -8329,10 +8702,10 @@ function SidebarProvider({
     mql.addEventListener("change", onChange);
     return () => mql.removeEventListener("change", onChange);
   }, []);
-  const [openMobile, setOpenMobile] = React17.useState(false);
-  const [_open, _setOpen] = React17.useState(defaultOpen);
+  const [openMobile, setOpenMobile] = React20.useState(false);
+  const [_open, _setOpen] = React20.useState(defaultOpen);
   const open = openProp ?? _open;
-  const setOpen = React17.useCallback(
+  const setOpen = React20.useCallback(
     (value) => {
       const openState = typeof value === "function" ? value(open) : value;
       if (setOpenProp) {
@@ -8360,10 +8733,10 @@ function SidebarProvider({
     } catch {
     }
   }, [persistKey, openProp]);
-  const toggleSidebar = React17.useCallback(() => {
+  const toggleSidebar = React20.useCallback(() => {
     return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
   }, [isMobile, setOpen]);
-  React17.useEffect(() => {
+  React20.useEffect(() => {
     const handleKeyDown = (event) => {
       if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
         event.preventDefault();
@@ -8374,7 +8747,7 @@ function SidebarProvider({
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [toggleSidebar]);
   const state = open ? "expanded" : "collapsed";
-  const contextValue = React17.useMemo(
+  const contextValue = React20.useMemo(
     () => ({
       isMobile,
       open,
@@ -8570,7 +8943,7 @@ function SidebarInput({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    Input,
+    Input$1,
     {
       className: cn("h-8 w-full bg-background shadow-none", className),
       "data-sidebar": "input",
@@ -8840,7 +9213,7 @@ function SidebarMenuSkeleton({
   showIcon = false,
   ...props
 }) {
-  const width = React17.useMemo(() => {
+  const width = React20.useMemo(() => {
     return `${Math.floor(Math.random() * 40) + 50}%`;
   }, []);
   return /* @__PURE__ */ jsxs(
@@ -8939,7 +9312,7 @@ function Slider({
   formatLabel = (labelValue) => String(labelValue),
   ...props
 }) {
-  const _values = React17.useMemo(() => {
+  const _values = React20.useMemo(() => {
     if (value !== void 0) {
       return Array.isArray(value) ? value : [value];
     }
@@ -10331,30 +10704,30 @@ function VideoPlayer({
   loop = false,
   ...props
 }) {
-  const containerRef = React17.useRef(null);
-  const videoRef = React17.useRef(null);
-  const hideTimerRef = React17.useRef(null);
-  const [playing, setPlaying] = React17.useState(false);
-  const [currentTime, setCurrentTime] = React17.useState(0);
-  const [duration, setDuration] = React17.useState(0);
-  const [muted, setMuted] = React17.useState(false);
-  const [fullscreen, setFullscreen] = React17.useState(false);
-  const [controlsVisible, setControlsVisible] = React17.useState(true);
+  const containerRef = React20.useRef(null);
+  const videoRef = React20.useRef(null);
+  const hideTimerRef = React20.useRef(null);
+  const [playing, setPlaying] = React20.useState(false);
+  const [currentTime, setCurrentTime] = React20.useState(0);
+  const [duration, setDuration] = React20.useState(0);
+  const [muted, setMuted] = React20.useState(false);
+  const [fullscreen, setFullscreen] = React20.useState(false);
+  const [controlsVisible, setControlsVisible] = React20.useState(true);
   const clearHideTimer = () => {
     if (hideTimerRef.current) clearTimeout(hideTimerRef.current);
   };
-  const scheduleHide = React17.useCallback(() => {
+  const scheduleHide = React20.useCallback(() => {
     clearHideTimer();
     hideTimerRef.current = setTimeout(() => setControlsVisible(false), 2500);
   }, []);
-  React17.useEffect(() => () => clearHideTimer(), []);
-  React17.useEffect(() => {
+  React20.useEffect(() => () => clearHideTimer(), []);
+  React20.useEffect(() => {
     if (!playing) {
       clearHideTimer();
       setControlsVisible(true);
     }
   }, [playing]);
-  React17.useEffect(() => {
+  React20.useEffect(() => {
     const handler = () => setFullscreen(!!document.fullscreenElement);
     document.addEventListener("fullscreenchange", handler);
     return () => document.removeEventListener("fullscreenchange", handler);
@@ -11068,6 +11441,6 @@ function useIs2xl({
   return is2xl;
 }
 
-export { Accordion, AccordionPanel as AccordionContent, AccordionItem, AccordionPanel, AccordionTrigger, Alert, AlertAction, AlertDescription, AlertDialog, AlertDialogBackdrop, AlertDialogClose, AlertDialogPopup as AlertDialogContent, AlertDialogCreateHandle, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogBackdrop as AlertDialogOverlay, AlertDialogPopup, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertDialogViewport, AlertTitle, AnchoredToastProvider, AnimatedCounter, AnimatedThemeToggler, AppGalleryLogoIcon, AppStoreButton, AppleLogoIcon, AspectRatio, AuroraOrb, AuroraText, Autocomplete, AutocompleteClear, AutocompleteCollection, AutocompleteEmpty, AutocompleteGroup, AutocompleteGroupLabel, AutocompleteInput, AutocompleteItem, AutocompleteList, AutocompletePopup, AutocompleteRow, AutocompleteSeparator, AutocompleteStatus, AutocompleteTrigger, AutocompleteValue, Avatar, AvatarAddButton, AvatarCompanyIcon, AvatarFallback, AvatarGroup, AvatarImage, AvatarLabelGroup, AvatarProfilePhoto, AvatarUploadBase, Badge, BadgeAvatar, BadgeCloseButton, BadgeDot, BadgeFlag, BadgeGroup, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Group as ButtonGroup, GroupSeparator as ButtonGroupSeparator, GroupText as ButtonGroupText, CONFETTI_COLORS, Card, CardAction, CardPanel as CardContent, CardDescription, CardFooter, CardFrame, CardFrameDescription, CardFrameFooter, CardFrameHeader, CardFrameTitle, CardHeader, CardPanel, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Chat, ChatEmptyState, ChatEmptyStateDescription, ChatEmptyStateIcon, ChatEmptyStateTitle, ChatHeader, ChatHeaderActions, ChatHeaderAvatar, ChatHeaderTitle, ChatInput, ChatMessage, ChatMessageBubble, ChatMessages, ChatSuggestion, ChatSuggestions, ChatToolCard, ChatToolCardActions, ChatToolCardHeader, ChatToolChip, ChatTypingIndicator, Collapsible, CollapsiblePanel as CollapsibleContent, CollapsiblePanel, CollapsibleTrigger, Combobox, ComboboxChip, ComboboxChips, ComboboxClear, ComboboxCollection, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxList, ComboboxPopup, ComboboxRow, ComboboxSeparator, ComboboxStatus, ComboboxTrigger, ComboboxValue, Command, CommandCollection, CommandCreateHandle, CommandDialog, CommandDialogPopup, CommandDialogTrigger, CommandEmpty, CommandFooter, CommandGroup, CommandGroupLabel, CommandInput, CommandItem, CommandList, CommandPanel, CommandSeparator, CommandShortcut, Confetti, ConfettiButton, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CreditCard, DashboardHeader, DashboardPanel, DashboardTopbar, DataTablePaged, DatePicker, DateRangePicker, Dialog, DialogBackdrop, DialogClose, DialogPopup as DialogContent, DialogCreateHandle, DialogDescription, DialogFooter, DialogHeader, DialogBackdrop as DialogOverlay, DialogPanel, DialogPopup, DialogPortal, DialogTitle, DialogTrigger, DialogViewport, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DribbbleLogoIcon, Menu as DropdownMenu, MenuCheckboxItem as DropdownMenuCheckboxItem, MenuPopup as DropdownMenuContent, MenuCreateHandle as DropdownMenuCreateHandle, MenuGroup as DropdownMenuGroup, MenuItem as DropdownMenuItem, MenuGroupLabel as DropdownMenuLabel, MenuPortal as DropdownMenuPortal, MenuRadioGroup as DropdownMenuRadioGroup, MenuRadioItem as DropdownMenuRadioItem, MenuSeparator as DropdownMenuSeparator, MenuShortcut as DropdownMenuShortcut, MenuSub as DropdownMenuSub, MenuSubPopup as DropdownMenuSubContent, MenuSubTrigger as DropdownMenuSubTrigger, MenuTrigger as DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, ErrorOrEmptyState, Fab, FacebookLogoIcon, FeaturedIcon, Fieldset, FieldsetLegend, FigmaLogoIcon, ForbiddenErrorState, Form, Frame, FrameDescription, FrameFooter, FrameHeader, FramePanel, FrameTitle, GalaxyStoreLogoIcon, GeneralErrorState, GoogleLogoIcon, GooglePlayLogoIcon, Group, GroupSeparator, GroupText, HelpTip, HorizontalScrollFader, HorizontalScrollFaderContent, HorizontalScrollFaderLeftScroller, HorizontalScrollFaderRightScroller, PreviewCard as HoverCard, PreviewCardPopup as HoverCardContent, PreviewCardTrigger as HoverCardTrigger, ImageUploadBase, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, InternalServerErrorState, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Kbd, KbdGroup, LeftScroller, Markdown, Menu, MenuCheckboxItem, MenuCreateHandle, MenuGroup, MenuGroupLabel, MenuItem, MenuPopup, MenuPortal, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuShortcut, MenuSub, MenuSubPopup, MenuSubTrigger, MenuTrigger, Menubar, MenuCheckboxItem as MenubarCheckboxItem, MenubarContent, MenuGroup as MenubarGroup, MenuItem as MenubarItem, MenuGroupLabel as MenubarLabel, MenubarMenu, MenuPortal as MenubarPortal, MenuRadioGroup as MenubarRadioGroup, MenuRadioItem as MenubarRadioItem, MenuSeparator as MenubarSeparator, MenuShortcut as MenubarShortcut, MenuSub as MenubarSub, MenuSubPopup as MenubarSubContent, MenuSubTrigger as MenubarSubTrigger, MenubarTrigger, Meter, MeterIndicator, MeterLabel, MeterTrack, MeterValue, MultiSelect, NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NotFoundErrorState, OfflineErrorState, Pagination, PaginationContent, PaginationControls, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Pipeline, PipelineConversion, PreviewCard, PreviewCardPopup, PreviewCardTrigger, Progress, ProgressCircle, ProgressFloatingValue, ProgressHalfCircle, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue, QRCode, QRCodeGradientScan, Radio, RadioGroup, Radio as RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, RightScroller, ScrollArea, ScrollBar, SectionHeader, SegmentedControl, Separator, Sheet, SheetBackdrop, SheetClose, SheetPopup as SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetBackdrop as SheetOverlay, SheetPanel, SheetPopup, SheetPortal, SheetTitle, SheetTrigger, SheetViewport, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, SliderValue, SmoothScroll, SocialButton, Spinner, Stat, StatDescription, StatGroup, StatLabel, StatTrend, StatValue, Stepper, StepperDescription, StepperIndicator, StepperItem, StepperSeparator, StepperTitle, StepperTrigger, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsPanel as TabsContent, TabsList, TabsPanel, TabsTab, TabsTab as TabsTrigger, Tag, TagGroup, target_countdown_default as TargetCountdown, TextEditor, ThemeContextOverride, ThemeProvider, Timeline, TimelineContent, TimelineDescription, TimelineDot, TimelineItem, TimelineTime, TimelineTitle, ToastProvider, Toggle, ToggleGroup, Toggle2 as ToggleGroupItem, ToggleGroupSeparator, Toolbar, ToolbarButton, ToolbarGroup, ToolbarInput, ToolbarLink, ToolbarSeparator, Tooltip, TooltipPopup as TooltipContent, TooltipCreateHandle, TooltipDescription, TooltipPopup, TooltipProvider, TooltipTitle, TooltipTrigger, UnauthorizedErrorState, VerticalScrollFader, VerticalScrollFaderBottomScroller, VerticalScrollFaderContent, VerticalScrollFaderTopScroller, VideoPlayer, XLogoIcon, anchoredToastManager, appStoreButtonVariants, avatarGroupVariants, avatarVariants, badgeGroupVariants, badgeVariants, chatMessageBubbleVariants, chatMessageVariants, fabVariants, featuredIconVariants, groupVariants, itemVariants, navigationMenuTriggerStyle, qrCodeVariants, script, sectionHeaderDescriptionVariants, sectionHeaderTitleVariants, sheetPopupVariants, sheetViewportVariants, sideCannons, socialButtonVariants, statTrendVariants, statVariants, toastManager, toggleVariants, useAutocompleteFilter, use_callback_ref_default as useCallbackRef, useCarousel, useComboboxFilter, useConfetti, useFirstRender, useHover, useIs2xl, useIsLg, useIsMd, useIsSm, use_is_tab_active_default as useIsTabActive, useIsXl, useMediaQuery, useSidebar, useSmoothWheel, useSubscribeBreakpoints, useTheme, videoPlayerVariants };
+export { Accordion, AccordionPanel as AccordionContent, AccordionItem, AccordionPanel, AccordionTrigger, Alert, AlertAction, AlertDescription, AlertDialog, AlertDialogBackdrop, AlertDialogClose, AlertDialogPopup as AlertDialogContent, AlertDialogCreateHandle, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogBackdrop as AlertDialogOverlay, AlertDialogPopup, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertDialogViewport, AlertTitle, AnchoredToastProvider, AnimatedCounter, AnimatedThemeToggler, AppGalleryLogoIcon, AppStoreButton, AppleLogoIcon, AspectRatio, AuroraOrb, AuroraText, Autocomplete, AutocompleteClear, AutocompleteCollection, AutocompleteEmpty, AutocompleteGroup, AutocompleteGroupLabel, AutocompleteInput, AutocompleteItem, AutocompleteList, AutocompletePopup, AutocompleteRow, AutocompleteSeparator, AutocompleteStatus, AutocompleteTrigger, AutocompleteValue, Avatar, AvatarAddButton, AvatarCompanyIcon, AvatarFallback, AvatarGroup, AvatarImage, AvatarLabelGroup, AvatarProfilePhoto, AvatarUploadBase, Badge, BadgeAvatar, BadgeCloseButton, BadgeDot, BadgeFlag, BadgeGroup, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Group as ButtonGroup, GroupSeparator as ButtonGroupSeparator, GroupText as ButtonGroupText, CONFETTI_COLORS, Card, CardAction, CardPanel as CardContent, CardDescription, CardFooter, CardFrame, CardFrameDescription, CardFrameFooter, CardFrameHeader, CardFrameTitle, CardHeader, CardPanel, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Chat, ChatDivider, ChatEmptyState, ChatEmptyStateDescription, ChatEmptyStateIcon, ChatEmptyStateTitle, ChatHeader, ChatHeaderActions, ChatHeaderAvatar, ChatHeaderTitle, ChatInput, ChatMessage, ChatMessageBubble, ChatMessages, ChatSuggestion, ChatSuggestions, ChatToolCard, ChatToolCardActions, ChatToolCardHeader, ChatToolChip, ChatTypingIndicator, Collapsible, CollapsiblePanel as CollapsibleContent, CollapsiblePanel, CollapsibleTrigger, ColorAlphaSlider, ColorArea, ColorEyeDropper, ColorHueSlider, ColorPicker, ColorPickerPanel, ColorPickerProvider, ColorPreview, ColorSavedColors, ColorSwatch, ColorThumb, ColorValueInput, Combobox, ComboboxChip, ComboboxChips, ComboboxClear, ComboboxCollection, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxList, ComboboxPopup, ComboboxRow, ComboboxSeparator, ComboboxStatus, ComboboxTrigger, ComboboxValue, Command, CommandCollection, CommandCreateHandle, CommandDialog, CommandDialogPopup, CommandDialogTrigger, CommandEmpty, CommandFooter, CommandGroup, CommandGroupLabel, CommandInput, CommandItem, CommandList, CommandPanel, CommandSeparator, CommandShortcut, Confetti, ConfettiButton, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, ContextMeter, CreditCard, DashboardHeader, DashboardPanel, DashboardTopbar, DataTablePaged, DatePicker, DateRangePicker, Dialog, DialogBackdrop, DialogClose, DialogPopup as DialogContent, DialogCreateHandle, DialogDescription, DialogFooter, DialogHeader, DialogBackdrop as DialogOverlay, DialogPanel, DialogPopup, DialogPortal, DialogTitle, DialogTrigger, DialogViewport, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DribbbleLogoIcon, Menu as DropdownMenu, MenuCheckboxItem as DropdownMenuCheckboxItem, MenuPopup as DropdownMenuContent, MenuCreateHandle as DropdownMenuCreateHandle, MenuGroup as DropdownMenuGroup, MenuItem as DropdownMenuItem, MenuGroupLabel as DropdownMenuLabel, MenuPortal as DropdownMenuPortal, MenuRadioGroup as DropdownMenuRadioGroup, MenuRadioItem as DropdownMenuRadioItem, MenuSeparator as DropdownMenuSeparator, MenuShortcut as DropdownMenuShortcut, MenuSub as DropdownMenuSub, MenuSubPopup as DropdownMenuSubContent, MenuSubTrigger as DropdownMenuSubTrigger, MenuTrigger as DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, ErrorOrEmptyState, Fab, FacebookLogoIcon, FeaturedIcon, Fieldset, FieldsetLegend, FigmaLogoIcon, ForbiddenErrorState, Form, Frame, FrameDescription, FrameFooter, FrameHeader, FramePanel, FrameTitle, GalaxyStoreLogoIcon, GeneralErrorState, GoogleLogoIcon, GooglePlayLogoIcon, Group, GroupSeparator, GroupText, HelpTip, HorizontalScrollFader, HorizontalScrollFaderContent, HorizontalScrollFaderLeftScroller, HorizontalScrollFaderRightScroller, PreviewCard as HoverCard, PreviewCardPopup as HoverCardContent, PreviewCardTrigger as HoverCardTrigger, ImageUploadBase, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, InternalServerErrorState, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Kbd, KbdGroup, LeftScroller, Markdown, Menu, MenuCheckboxItem, MenuCreateHandle, MenuGroup, MenuGroupLabel, MenuItem, MenuPopup, MenuPortal, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuShortcut, MenuSub, MenuSubPopup, MenuSubTrigger, MenuTrigger, Menubar, MenuCheckboxItem as MenubarCheckboxItem, MenubarContent, MenuGroup as MenubarGroup, MenuItem as MenubarItem, MenuGroupLabel as MenubarLabel, MenubarMenu, MenuPortal as MenubarPortal, MenuRadioGroup as MenubarRadioGroup, MenuRadioItem as MenubarRadioItem, MenuSeparator as MenubarSeparator, MenuShortcut as MenubarShortcut, MenuSub as MenubarSub, MenuSubPopup as MenubarSubContent, MenuSubTrigger as MenubarSubTrigger, MenubarTrigger, Meter, MeterIndicator, MeterLabel, MeterTrack, MeterValue, MultiSelect, NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NotFoundErrorState, OfflineErrorState, Pagination, PaginationContent, PaginationControls, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Pipeline, PipelineConversion, PreviewCard, PreviewCardPopup, PreviewCardTrigger, Progress, ProgressCircle, ProgressFloatingValue, ProgressHalfCircle, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue, QRCode, QRCodeGradientScan, Radio, RadioGroup, Radio as RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, RightScroller, ScrollArea, ScrollBar, SectionHeader, SegmentedControl, Separator, Sheet, SheetBackdrop, SheetClose, SheetPopup as SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetBackdrop as SheetOverlay, SheetPanel, SheetPopup, SheetPortal, SheetTitle, SheetTrigger, SheetViewport, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, SliderValue, SmoothScroll, SocialButton, Spinner, Stat, StatDescription, StatGroup, StatLabel, StatTrend, StatValue, Stepper, StepperDescription, StepperIndicator, StepperItem, StepperSeparator, StepperTitle, StepperTrigger, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsPanel as TabsContent, TabsList, TabsPanel, TabsTab, TabsTab as TabsTrigger, Tag, TagGroup, target_countdown_default as TargetCountdown, TextEditor, ThemeContextOverride, ThemeProvider, Timeline, TimelineContent, TimelineDescription, TimelineDot, TimelineItem, TimelineTime, TimelineTitle, ToastProvider, Toggle, ToggleGroup, Toggle2 as ToggleGroupItem, ToggleGroupSeparator, Toolbar, ToolbarButton, ToolbarGroup, ToolbarInput, ToolbarLink, ToolbarSeparator, Tooltip, TooltipPopup as TooltipContent, TooltipCreateHandle, TooltipDescription, TooltipPopup, TooltipProvider, TooltipTitle, TooltipTrigger, UnauthorizedErrorState, VerticalScrollFader, VerticalScrollFaderBottomScroller, VerticalScrollFaderContent, VerticalScrollFaderTopScroller, VideoPlayer, XLogoIcon, anchoredToastManager, appStoreButtonVariants, avatarGroupVariants, avatarVariants, badgeGroupVariants, badgeVariants, chatMessageBubbleVariants, chatMessageVariants, fabVariants, featuredIconVariants, groupVariants, itemVariants, navigationMenuTriggerStyle, qrCodeVariants, script, sectionHeaderDescriptionVariants, sectionHeaderTitleVariants, sheetPopupVariants, sheetViewportVariants, sideCannons, socialButtonVariants, statTrendVariants, statVariants, toastManager, toggleVariants, useAutocompleteFilter, use_callback_ref_default as useCallbackRef, useCarousel, useColorPicker, useComboboxFilter, useConfetti, useFirstRender, useHover, useIs2xl, useIsLg, useIsMd, useIsSm, use_is_tab_active_default as useIsTabActive, useIsXl, useMediaQuery, useSidebar, useSmoothWheel, useSubscribeBreakpoints, useTheme, videoPlayerVariants };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map