@refraction-ui/react 0.12.2 → 0.13.0

package/dist/index.js

@@ -662,6 +662,13 @@ var Breadcrumbs = React11.forwardRef(
 Breadcrumbs.displayName = "Breadcrumbs";
 
 // ../button/dist/index.js
+var BUTTON_VARIANT_ALIASES = {
+  primary: "default"
+};
+function resolveButtonVariant(variant) {
+  if (!variant) return variant;
+  return BUTTON_VARIANT_ALIASES[variant] ?? variant;
+}
 function createButton(props = {}) {
   const { disabled = false, loading = false } = props;
   const isInteractive = !disabled && !loading;
@@ -710,6 +717,10 @@ var buttonVariants = cva({
   variants: {
     variant: {
       default: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
+      // Alias for `default` — see resolveButtonVariant + issue #201. Same classes
+      // so styling stays identical even if a consumer reaches into `buttonVariants`
+      // directly without going through resolveButtonVariant.
+      primary: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
       destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
       outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
       secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
@@ -1019,8 +1030,9 @@ function ShortcutBadge({ keys, platform = true, className }) {
 ShortcutBadge.displayName = "ShortcutBadge";
 var Button = React11.forwardRef(
   ({ variant, size, loading, asChild, className, disabled, children, shortcut, action, ...props }, ref) => {
+    const resolvedVariant = resolveButtonVariant(variant);
     const api = createButton({ disabled, loading, type: props.type });
-    const classes = cn(buttonVariants({ variant, size }), className);
+    const classes = cn(buttonVariants({ variant: resolvedVariant, size }), className);
     const internalRef = React11.useRef(null);
     const mergedRef = React11.useCallback(
       (node) => {
@@ -6034,19 +6046,33 @@ function InlineEditor({
 InlineEditor.displayName = "InlineEditor";
 
 // ../input/dist/index.js
+function resolveAriaInvalid(ariaInvalid, validationState) {
+  if (ariaInvalid !== void 0) {
+    return ariaInvalid;
+  }
+  if (validationState === "invalid") {
+    return true;
+  }
+  if (validationState === "valid") {
+    return false;
+  }
+  return void 0;
+}
 function createInput(props = {}) {
   const {
     disabled = false,
     readOnly = false,
     required = false,
-    "aria-invalid": ariaInvalid
+    "aria-invalid": ariaInvalid,
+    validationState
   } = props;
+  const resolvedInvalid = resolveAriaInvalid(ariaInvalid, validationState);
   const ariaProps = {};
   if (disabled) {
     ariaProps["aria-disabled"] = true;
   }
-  if (ariaInvalid) {
-    ariaProps["aria-invalid"] = true;
+  if (resolvedInvalid !== void 0) {
+    ariaProps["aria-invalid"] = resolvedInvalid;
   }
   if (required) {
     ariaProps["aria-required"] = true;
@@ -6058,7 +6084,7 @@ function createInput(props = {}) {
   if (readOnly) {
     dataAttributes["data-readonly"] = "";
   }
-  if (ariaInvalid) {
+  if (resolvedInvalid === true) {
     dataAttributes["data-invalid"] = "";
   }
   return {
@@ -6073,22 +6099,58 @@ var inputVariants = cva({
       sm: "h-8 text-xs",
       default: "h-9",
       lg: "h-10 text-base"
+    },
+    validationState: {
+      valid: "border-green-500 focus-visible:ring-green-500",
+      invalid: "border-destructive focus-visible:ring-destructive"
     }
   },
   defaultVariants: {
     size: "default"
   }
 });
+var CheckIcon = /* @__PURE__ */ jsx(
+  "svg",
+  {
+    "aria-hidden": "true",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className: "pointer-events-none absolute right-3 top-1/2 size-4 -translate-y-1/2 text-green-500",
+    children: /* @__PURE__ */ jsx("polyline", { points: "20 6 9 17 4 12" })
+  }
+);
 var Input = React11.forwardRef(
-  ({ type = "text", size, className, disabled, readOnly, required, "aria-invalid": ariaInvalid, ...props }, ref) => {
+  ({
+    type = "text",
+    size,
+    className,
+    disabled,
+    readOnly,
+    required,
+    validationState,
+    leadingIcon,
+    "aria-invalid": ariaInvalid,
+    ...props
+  }, ref) => {
     const api = createInput({
       disabled,
       readOnly,
       required,
-      "aria-invalid": ariaInvalid === true ? true : void 0
+      "aria-invalid": ariaInvalid === void 0 ? void 0 : ariaInvalid === true || ariaInvalid === "true",
+      validationState
     });
-    const classes = cn(inputVariants({ size }), className);
-    return /* @__PURE__ */ jsx(
+    const hasWrapper = leadingIcon != null || validationState != null;
+    const classes = cn(
+      inputVariants({ size, validationState }),
+      leadingIcon != null && "pl-9",
+      validationState === "valid" && "pr-9",
+      className
+    );
+    const inputEl = /* @__PURE__ */ jsx(
       "input",
       {
         ref,
@@ -6102,6 +6164,21 @@ var Input = React11.forwardRef(
         ...props
       }
     );
+    if (!hasWrapper) {
+      return inputEl;
+    }
+    return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+      leadingIcon != null && /* @__PURE__ */ jsx(
+        "span",
+        {
+          "aria-hidden": "true",
+          className: "pointer-events-none absolute left-3 top-1/2 flex size-4 -translate-y-1/2 items-center justify-center text-muted-foreground",
+          children: leadingIcon
+        }
+      ),
+      inputEl,
+      validationState === "valid" && CheckIcon
+    ] });
   }
 );
 Input.displayName = "Input";
@@ -14014,22 +14091,36 @@ var statusPulseVariants = cva({
   }
 });
 var statusLabelStyles = "text-sm text-muted-foreground";
-
-// ../react-status-indicator/dist/index.js
+function deriveAriaLabel(label, children, fallback) {
+  if (label) return label;
+  if (typeof children === "string" || typeof children === "number") {
+    return String(children);
+  }
+  return fallback;
+}
 function StatusIndicator({
   type,
   label,
+  children,
   pulse,
   showLabel = true,
   className
 }) {
   const api = createStatusIndicator({ type, label, pulse });
+  const ariaLabel = deriveAriaLabel(label, children, api.label);
+  const visibleLabel = label ?? children ?? api.label;
   const dotClassName = api.pulse ? statusPulseVariants({ type }) : statusDotVariants({ type });
-  return React11.createElement(
+  return /* @__PURE__ */ jsxs(
     "span",
-    { ...api.ariaProps, className: cn(statusContainerStyles, className) },
-    React11.createElement("span", { className: dotClassName }),
-    showLabel && React11.createElement("span", { className: statusLabelStyles }, api.label)
+    {
+      ...api.ariaProps,
+      "aria-label": ariaLabel,
+      className: cn(statusContainerStyles, className),
+      children: [
+        /* @__PURE__ */ jsx("span", { className: dotClassName }),
+        showLabel && /* @__PURE__ */ jsx("span", { className: statusLabelStyles, children: visibleLabel })
+      ]
+    }
   );
 }
 StatusIndicator.displayName = "StatusIndicator";
@@ -16462,7 +16553,7 @@ function createClientSdkSink(opts) {
       }
       const mod = await import(
         /* @vite-ignore */
-        './applicationinsights-web-62HUCH3W.js'
+        './applicationinsights-web-H7OBLIVJ.js'
       );
       const ai = new mod.ApplicationInsights({
         config: {
@@ -16999,6 +17090,590 @@ function useTrackEvent(options) {
   );
 }
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AltHintState, AnalyticsProvider, AnimatedText, AppShell, AuthGuard, AuthProvider, Avatar2 as Avatar, AvatarFallback, AvatarGroup, AvatarImage, Badge, BadgeDisplay, BottomNav, Breadcrumbs, Button, CATEGORY_LABELS, Calendar, CalendarHeader, Callout, CalloutContent, CalloutDescription, CalloutIcon, CalloutTitle, Card, CardContent, CardDescription, CardFooter, CardGrid, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselTrigger, Chat, Checkbox, CodeBlock, CodeBlockContent, CodeBlockHeader, CodeEditor, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, ComboboxContent, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxList, ComboboxTrigger, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, Composer, ContentProtection, CookieConsent, 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, EmojiPicker, FeedbackButton, FeedbackDialog, FileTree, FileUpload, Footer, IconSystem, InlineEditor, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupText, InstallPrompt, KeyboardShortcut, LanguageSelector, LinkCard, MarkdownRenderer, MobileNav, MobileNavContent, MobileNavLink, MobileNavTrigger, Navbar, OtpInput, STATUS_COLORS as PRESENCE_STATUS_COLORS, STATUS_LABELS as PRESENCE_STATUS_LABELS, Pagination, Payment, Popover, PopoverClose, PopoverContent, PopoverTrigger, PresenceIndicator, ProgressBar, RadioGroup, RadioItem, ReactionBar, ResizableDivider, ResizableLayout, ResizablePane, SANE_DEFAULTS, STATUS_INDICATOR_COLORS as STATUS_COLORS, STATUS_INDICATOR_LABELS as STATUS_LABELS, SearchBar, SearchResultItem, SearchResults, Select, SelectContent, SelectItem, SelectTrigger, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetTitle, SheetTrigger, ShortcutBadge, ShortcutContext, ShortcutHint, ShortcutProvider, ShortcutRegistry, Sidebar, Skeleton, SkeletonText, SkipToContent, SlideViewer, StatsGrid, StatusIndicator, Step, StepContent, StepDescription, StepIndicator, StepTitle, Steps, Switch, TableOfContents, Tabs, TabsContent, TabsList, TabsTrigger, TelemetryErrorBoundary, TelemetryProvider, Textarea, ThreadView, Toast, ToastProvider, Toaster, Tooltip, TooltipContent, TooltipTrigger, TypewriterText, VersionSelector, VideoPlayer, VoicePill, Waveform, altHintState, animatedTextVariants, 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, 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, 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, mobileNavContentVariants, mobileNavLinkVariants, mobileNavTokens, mobileNavTriggerVariants, mobileNavVariants, navLinkVariants, navbarVariants, 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, 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, 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, useLogger, useShortcut, useSpan, useTelemetry, useToast, useTrackEvent, versionSelectorOptionVariants, versionSelectorVariants, voicePillAvatarStyles, voicePillAvatarWrapStyles, voicePillLabelStyles, voicePillMuteButtonStyles, voicePillPositionVariants, voicePillPulseRingStyles, voicePillRootStyles, voicePillSpeakerStyles, voicePillSubStyles, voicePillTextStyles, voicePillTokens, watermarkVariants, waveformCanvasVariants, waveformVariants };
+// ../segmented-control/dist/index.js
+function createSegmentedControl(props = {}) {
+  const { value, size = "md" } = props;
+  const ariaProps = {
+    role: "radiogroup"
+  };
+  const dataAttributes = {
+    "data-size": size
+  };
+  if (value !== void 0) {
+    dataAttributes["data-value"] = value;
+  }
+  return { ariaProps, dataAttributes };
+}
+function getNextSegmentIndex(current, key, count) {
+  if (count <= 0) return current;
+  switch (key) {
+    case "ArrowRight":
+    case "ArrowDown":
+      return (current + 1) % count;
+    case "ArrowLeft":
+    case "ArrowUp":
+      return (current - 1 + count) % count;
+    case "Home":
+      return 0;
+    case "End":
+      return count - 1;
+    default:
+      return current;
+  }
+}
+var segmentedControlVariants = cva({
+  base: "inline-flex items-center gap-1 rounded-lg bg-muted p-1",
+  variants: {
+    size: {
+      sm: "",
+      md: ""
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+var segmentedControlItemVariants = cva({
+  base: [
+    "inline-flex items-center justify-center gap-1.5 rounded-md font-medium",
+    "whitespace-nowrap transition-colors",
+    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+    "focus-visible:ring-offset-2 focus-visible:ring-offset-muted"
+  ].join(" "),
+  variants: {
+    size: {
+      sm: "px-2.5 py-1 text-xs",
+      md: "px-3 py-1.5 text-sm"
+    },
+    state: {
+      checked: "bg-background text-foreground shadow-sm",
+      unchecked: "text-muted-foreground hover:text-foreground"
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    state: "unchecked"
+  }
+});
+var SegmentedControlContext = React11.createContext(null);
+function useSegmentedControlContext(component) {
+  const ctx = React11.useContext(SegmentedControlContext);
+  if (!ctx) {
+    throw new Error(`<${component}> must be used within <SegmentedControl>`);
+  }
+  return ctx;
+}
+var SegmentedControl = React11.forwardRef(
+  ({
+    value: valueProp,
+    defaultValue,
+    onValueChange,
+    size = "md",
+    className,
+    children,
+    ...props
+  }, ref) => {
+    const isControlled = valueProp !== void 0;
+    const [internalValue, setInternalValue] = React11.useState(defaultValue);
+    const value = isControlled ? valueProp : internalValue;
+    const itemsRef = React11.useRef([]);
+    const select = React11.useCallback(
+      (next) => {
+        if (!isControlled) setInternalValue(next);
+        onValueChange?.(next);
+      },
+      [isControlled, onValueChange]
+    );
+    const register = React11.useCallback((itemValue, focus) => {
+      const entry = { value: itemValue, focus };
+      itemsRef.current.push(entry);
+      return () => {
+        itemsRef.current = itemsRef.current.filter((e) => e !== entry);
+      };
+    }, []);
+    const move = React11.useCallback(
+      (from, key) => {
+        const items = itemsRef.current;
+        const currentIndex = items.findIndex((e) => e.value === from);
+        if (currentIndex === -1) return;
+        const targetIndex = getNextSegmentIndex(currentIndex, key, items.length);
+        if (targetIndex === currentIndex) return;
+        const target = items[targetIndex];
+        select(target.value);
+        target.focus();
+      },
+      [select]
+    );
+    const ctx = React11.useMemo(
+      () => ({ value, size, select, register, move }),
+      [value, size, select, register, move]
+    );
+    const api = createSegmentedControl({ value, size });
+    return /* @__PURE__ */ jsx(SegmentedControlContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn(segmentedControlVariants({ size }), className),
+        ...api.ariaProps,
+        ...api.dataAttributes,
+        ...props,
+        children
+      }
+    ) });
+  }
+);
+SegmentedControl.displayName = "SegmentedControl";
+var SegmentedControlItem = React11.forwardRef(({ value, className, children, onKeyDown, onClick, ...props }, ref) => {
+  const ctx = useSegmentedControlContext("SegmentedControlItem");
+  const selected = ctx.value === value;
+  const internalRef = React11.useRef(null);
+  const mergedRef = React11.useCallback(
+    (node) => {
+      internalRef.current = node;
+      if (typeof ref === "function") ref(node);
+      else if (ref) ref.current = node;
+    },
+    [ref]
+  );
+  React11.useEffect(() => {
+    return ctx.register(value, () => internalRef.current?.focus());
+  }, [ctx, value]);
+  const handleKeyDown = (event) => {
+    onKeyDown?.(event);
+    if (event.defaultPrevented) return;
+    switch (event.key) {
+      case "ArrowRight":
+      case "ArrowDown":
+      case "ArrowLeft":
+      case "ArrowUp":
+      case "Home":
+      case "End":
+        event.preventDefault();
+        ctx.move(value, event.key);
+        break;
+      case " ":
+      case "Enter":
+        event.preventDefault();
+        ctx.select(value);
+        break;
+    }
+  };
+  const handleClick = (event) => {
+    onClick?.(event);
+    if (event.defaultPrevented) return;
+    ctx.select(value);
+  };
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      ref: mergedRef,
+      type: "button",
+      role: "radio",
+      "aria-checked": selected,
+      tabIndex: selected ? 0 : -1,
+      "data-state": selected ? "checked" : "unchecked",
+      className: cn(
+        segmentedControlItemVariants({
+          size: ctx.size,
+          state: selected ? "checked" : "unchecked"
+        }),
+        className
+      ),
+      onKeyDown: handleKeyDown,
+      onClick: handleClick,
+      ...props,
+      children
+    }
+  );
+});
+SegmentedControlItem.displayName = "SegmentedControlItem";
+
+// ../password-input/dist/index.js
+var DEFAULT_REVEAL_LABEL = "Show password";
+var DEFAULT_HIDE_LABEL = "Hide password";
+function createPasswordInput(props = {}) {
+  const {
+    revealed = false,
+    revealLabel = DEFAULT_REVEAL_LABEL,
+    hideLabel = DEFAULT_HIDE_LABEL
+  } = props;
+  return {
+    inputType: revealed ? "text" : "password",
+    toggleLabel: revealed ? hideLabel : revealLabel,
+    togglePressed: revealed
+  };
+}
+var passwordToggleVariants = cva({
+  base: "absolute right-2 top-1/2 flex size-7 -translate-y-1/2 items-center justify-center rounded-md text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+});
+var EyeIcon = /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    "aria-hidden": "true",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className: "size-4",
+    children: [
+      /* @__PURE__ */ jsx("path", { d: "M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" }),
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "3" })
+    ]
+  }
+);
+var EyeOffIcon = /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    "aria-hidden": "true",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className: "size-4",
+    children: [
+      /* @__PURE__ */ jsx("path", { d: "M9.88 9.88a3 3 0 1 0 4.24 4.24" }),
+      /* @__PURE__ */ jsx("path", { d: "M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68" }),
+      /* @__PURE__ */ jsx("path", { d: "M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61" }),
+      /* @__PURE__ */ jsx("line", { x1: "2", x2: "22", y1: "2", y2: "22" })
+    ]
+  }
+);
+var PasswordInput = React11.forwardRef(
+  ({ revealLabel = "Show password", hideLabel = "Hide password", className, ...props }, ref) => {
+    const [revealed, setRevealed] = React11.useState(false);
+    const { inputType, toggleLabel, togglePressed } = createPasswordInput({
+      revealed,
+      revealLabel,
+      hideLabel
+    });
+    return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          ref,
+          type: inputType,
+          className: cn("pr-10", className),
+          ...props
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          "aria-label": toggleLabel,
+          "aria-pressed": togglePressed,
+          onClick: () => setRevealed((v) => !v),
+          className: passwordToggleVariants(),
+          children: revealed ? EyeOffIcon : EyeIcon
+        }
+      )
+    ] });
+  }
+);
+PasswordInput.displayName = "PasswordInput";
+
+// ../social-auth-button/dist/index.js
+var PROVIDER_LABELS = {
+  google: "Continue with Google",
+  github: "Continue with GitHub",
+  microsoft: "Continue with Microsoft",
+  apple: "Continue with Apple"
+};
+var PROVIDER_MONO = {
+  google: false,
+  github: true,
+  microsoft: false,
+  apple: true
+};
+function createSocialAuthButton(props) {
+  const { provider } = props;
+  return {
+    dataAttributes: { "data-provider": provider },
+    label: PROVIDER_LABELS[provider],
+    mono: PROVIDER_MONO[provider]
+  };
+}
+var socialAuthButtonVariants = cva({
+  base: "relative"
+});
+var socialAuthRowVariants = cva({
+  base: "grid grid-cols-1 sm:grid-cols-2 gap-3"
+});
+var lastUsedBadgeVariants = cva({
+  base: "absolute -top-2 -right-2 rounded-full bg-primary text-primary-foreground text-[10px] px-1.5"
+});
+var baseProps = {
+  width: 18,
+  height: 18,
+  viewBox: "0 0 24 24",
+  xmlns: "http://www.w3.org/2000/svg",
+  "aria-hidden": true
+};
+function GoogleIcon({ mono, ...props }) {
+  if (mono) {
+    return /* @__PURE__ */ jsx("svg", { ...baseProps, ...props, children: /* @__PURE__ */ jsx(
+      "path",
+      {
+        fill: "currentColor",
+        d: "M21.35 11.1H12v2.92h5.35c-.23 1.4-1.65 4.1-5.35 4.1a5.99 5.99 0 0 1 0-11.98c1.71 0 2.86.73 3.52 1.36l2.4-2.31C16.46 3.7 14.43 2.8 12 2.8a9.2 9.2 0 1 0 0 18.4c5.31 0 8.82-3.73 8.82-8.99 0-.6-.07-1.06-.17-1.51Z"
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsxs("svg", { ...baseProps, ...props, children: [
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        fill: "#4285F4",
+        d: "M21.35 11.1H12v2.92h5.35c-.23 1.4-1.65 4.1-5.35 4.1a5.99 5.99 0 0 1 0-11.98c1.71 0 2.86.73 3.52 1.36l2.4-2.31C16.46 3.7 14.43 2.8 12 2.8a9.2 9.2 0 0 0 0 18.4c5.31 0 8.82-3.73 8.82-8.99 0-.6-.07-1.06-.17-1.51Z"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        fill: "#34A853",
+        d: "M3.88 7.55l2.41 1.77C6.93 7.76 8.32 6.74 10 6.4l-.34-2.85C7.06 4.02 4.93 5.5 3.88 7.55Z",
+        opacity: 0
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        fill: "#FBBC05",
+        d: "M12 21.2c2.43 0 4.46-.8 5.95-2.18l-2.74-2.13c-.74.5-1.74.86-3.21.86-2.66 0-4.92-1.79-5.73-4.2l-2.84 2.18A9.2 9.2 0 0 0 12 21.2Z",
+        opacity: 0
+      }
+    )
+  ] });
+}
+function GitHubIcon({ mono: _mono, ...props }) {
+  return /* @__PURE__ */ jsx("svg", { ...baseProps, ...props, children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      fill: "currentColor",
+      d: "M12 2a10 10 0 0 0-3.16 19.49c.5.09.68-.22.68-.48l-.01-1.7c-2.78.6-3.37-1.34-3.37-1.34-.45-1.16-1.11-1.46-1.11-1.46-.91-.62.07-.61.07-.61 1 .07 1.53 1.03 1.53 1.03.9 1.53 2.36 1.09 2.94.83.09-.65.35-1.09.63-1.34-2.22-.25-4.55-1.11-4.55-4.94 0-1.09.39-1.98 1.03-2.68-.1-.25-.45-1.27.1-2.65 0 0 .84-.27 2.75 1.02a9.6 9.6 0 0 1 5 0c1.91-1.29 2.75-1.02 2.75-1.02.55 1.38.2 2.4.1 2.65.64.7 1.03 1.59 1.03 2.68 0 3.84-2.34 4.69-4.57 4.94.36.31.68.92.68 1.85l-.01 2.74c0 .27.18.58.69.48A10 10 0 0 0 12 2Z"
+    }
+  ) });
+}
+function MicrosoftIcon({ mono, ...props }) {
+  if (mono) {
+    return /* @__PURE__ */ jsxs("svg", { ...baseProps, ...props, children: [
+      /* @__PURE__ */ jsx("path", { fill: "currentColor", d: "M3 3h8v8H3z" }),
+      /* @__PURE__ */ jsx("path", { fill: "currentColor", d: "M13 3h8v8h-8z", opacity: 0.7 }),
+      /* @__PURE__ */ jsx("path", { fill: "currentColor", d: "M3 13h8v8H3z", opacity: 0.7 }),
+      /* @__PURE__ */ jsx("path", { fill: "currentColor", d: "M13 13h8v8h-8z", opacity: 0.4 })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("svg", { ...baseProps, ...props, children: [
+    /* @__PURE__ */ jsx("path", { fill: "#F25022", d: "M3 3h8v8H3z" }),
+    /* @__PURE__ */ jsx("path", { fill: "#7FBA00", d: "M13 3h8v8h-8z" }),
+    /* @__PURE__ */ jsx("path", { fill: "#00A4EF", d: "M3 13h8v8H3z" }),
+    /* @__PURE__ */ jsx("path", { fill: "#FFB900", d: "M13 13h8v8h-8z" })
+  ] });
+}
+function AppleIcon({ mono: _mono, ...props }) {
+  return /* @__PURE__ */ jsx("svg", { ...baseProps, ...props, children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      fill: "currentColor",
+      d: "M16.37 12.78c-.03-2.62 2.14-3.88 2.24-3.94-1.22-1.79-3.12-2.03-3.79-2.06-1.61-.16-3.15.95-3.97.95-.82 0-2.08-.93-3.42-.9-1.76.03-3.39 1.02-4.29 2.6-1.83 3.18-.47 7.88 1.31 10.46.87 1.26 1.91 2.67 3.27 2.62 1.31-.05 1.81-.85 3.4-.85 1.58 0 2.03.85 3.42.82 1.41-.02 2.31-1.28 3.17-2.55.99-1.46 1.4-2.88 1.42-2.95-.03-.01-2.73-1.05-2.76-4.15M13.9 5.1c.72-.88 1.21-2.09 1.08-3.3-1.04.04-2.3.69-3.04 1.56-.66.77-1.24 2.01-1.09 3.19 1.16.09 2.34-.59 3.05-1.45"
+    }
+  ) });
+}
+var PROVIDER_ICONS = {
+  google: GoogleIcon,
+  github: GitHubIcon,
+  microsoft: MicrosoftIcon,
+  apple: AppleIcon
+};
+var SocialAuthButton = React11.forwardRef(({ provider, lastUsed, loading, disabled, className, ...props }, ref) => {
+  const { label, mono, dataAttributes } = createSocialAuthButton({ provider });
+  const Icon = PROVIDER_ICONS[provider];
+  return /* @__PURE__ */ jsxs("div", { className: socialAuthButtonVariants(), children: [
+    /* @__PURE__ */ jsxs(
+      Button,
+      {
+        ref,
+        variant: "outline",
+        loading,
+        disabled,
+        className: cn("w-full justify-center gap-2", className),
+        ...dataAttributes,
+        ...props,
+        children: [
+          !loading && /* @__PURE__ */ jsx(Icon, { mono, className: "shrink-0" }),
+          label
+        ]
+      }
+    ),
+    lastUsed && /* @__PURE__ */ jsx("span", { className: lastUsedBadgeVariants(), children: "Last used" })
+  ] });
+});
+SocialAuthButton.displayName = "SocialAuthButton";
+var SocialAuthRow = React11.forwardRef(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn(socialAuthRowVariants(), className),
+      ...props,
+      children
+    }
+  )
+);
+SocialAuthRow.displayName = "SocialAuthRow";
+
+// ../separator/dist/index.js
+function createSeparator(props = {}) {
+  const { orientation = "horizontal", decorative = true } = props;
+  const ariaProps = decorative ? { role: "none" } : { role: "separator", "aria-orientation": orientation };
+  const dataAttributes = {
+    "data-orientation": orientation
+  };
+  return {
+    ariaProps,
+    dataAttributes
+  };
+}
+var separatorVariants = cva({
+  base: "",
+  variants: {
+    orientation: {
+      horizontal: "h-px w-full bg-border",
+      vertical: "w-px h-full bg-border"
+    },
+    labeled: {
+      true: "flex items-center",
+      false: ""
+    }
+  },
+  defaultVariants: {
+    orientation: "horizontal",
+    labeled: "false"
+  }
+});
+var separatorLineClass = "h-px flex-1 bg-border";
+var separatorLabelClass = "px-3 text-xs uppercase tracking-wide text-muted-foreground";
+var Separator = React11.forwardRef(
+  ({
+    orientation = "horizontal",
+    label,
+    decorative = true,
+    className,
+    ...props
+  }, ref) => {
+    if (orientation === "horizontal" && label != null) {
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          ref,
+          role: "none",
+          className: cn(separatorVariants({ labeled: "true" }), className),
+          ...props,
+          children: [
+            /* @__PURE__ */ jsx("span", { className: separatorLineClass }),
+            /* @__PURE__ */ jsx("span", { className: separatorLabelClass, children: label }),
+            /* @__PURE__ */ jsx("span", { className: separatorLineClass })
+          ]
+        }
+      );
+    }
+    const { ariaProps, dataAttributes } = createSeparator({
+      orientation,
+      decorative
+    });
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn(separatorVariants({ orientation }), className),
+        ...ariaProps,
+        ...dataAttributes,
+        ...props
+      }
+    );
+  }
+);
+Separator.displayName = "Separator";
+
+// ../empty-state/dist/index.js
+function createEmptyState(options = {}) {
+  const { tone = "neutral" } = options;
+  const dataAttributes = {
+    "data-tone": tone
+  };
+  return {
+    dataAttributes
+  };
+}
+var emptyStateVariants = cva({
+  base: "flex flex-col items-center text-center gap-3 p-8",
+  variants: {
+    bordered: {
+      true: "rounded-xl border border-border bg-card",
+      false: ""
+    }
+  },
+  defaultVariants: {
+    bordered: "false"
+  }
+});
+var emptyStateIconChipVariants = cva({
+  base: "flex size-12 items-center justify-center rounded-full",
+  variants: {
+    tone: {
+      neutral: "bg-muted text-muted-foreground",
+      success: "bg-green-500/10 text-green-600",
+      warning: "bg-yellow-500/10 text-yellow-600",
+      danger: "bg-destructive/10 text-destructive"
+    }
+  },
+  defaultVariants: {
+    tone: "neutral"
+  }
+});
+var emptyStateTitleClass = "text-lg font-semibold text-foreground";
+var emptyStateDescriptionClass = "text-sm text-muted-foreground";
+var emptyStateActionsClass = "flex items-center justify-center gap-2";
+var EmptyState = React11.forwardRef(
+  ({
+    icon,
+    tone = "neutral",
+    title,
+    description,
+    actions,
+    bordered = false,
+    className,
+    ...props
+  }, ref) => {
+    const api = createEmptyState({ tone });
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cn(
+          emptyStateVariants({ bordered: bordered ? "true" : "false" }),
+          className
+        ),
+        ...api.dataAttributes,
+        ...props,
+        children: [
+          icon != null && /* @__PURE__ */ jsx("div", { "aria-hidden": "true", className: emptyStateIconChipVariants({ tone }), children: icon }),
+          /* @__PURE__ */ jsx("h3", { className: emptyStateTitleClass, children: title }),
+          description != null && /* @__PURE__ */ jsx("p", { className: emptyStateDescriptionClass, children: description }),
+          actions != null && /* @__PURE__ */ jsx("div", { className: emptyStateActionsClass, children: actions })
+        ]
+      }
+    );
+  }
+);
+EmptyState.displayName = "EmptyState";
+var ConfirmationCard = React11.forwardRef(({ bordered = true, ...props }, ref) => /* @__PURE__ */ jsx(EmptyState, { ref, bordered, ...props }));
+ConfirmationCard.displayName = "ConfirmationCard";
+
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AltHintState, AnalyticsProvider, AnimatedText, AppShell, AuthGuard, AuthProvider, Avatar2 as Avatar, AvatarFallback, AvatarGroup, AvatarImage, Badge, BadgeDisplay, BottomNav, Breadcrumbs, Button, CATEGORY_LABELS, Calendar, CalendarHeader, Callout, CalloutContent, CalloutDescription, CalloutIcon, CalloutTitle, Card, CardContent, CardDescription, CardFooter, CardGrid, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselTrigger, Chat, Checkbox, 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, 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, EmojiPicker, EmptyState, FeedbackButton, FeedbackDialog, FileTree, FileUpload, Footer, IconSystem, InlineEditor, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupText, InstallPrompt, KeyboardShortcut, LanguageSelector, LinkCard, MarkdownRenderer, MobileNav, MobileNavContent, MobileNavLink, MobileNavTrigger, Navbar, OtpInput, STATUS_COLORS as PRESENCE_STATUS_COLORS, STATUS_LABELS as PRESENCE_STATUS_LABELS, Pagination, PasswordInput, Payment, Popover, PopoverClose, PopoverContent, PopoverTrigger, PresenceIndicator, ProgressBar, RadioGroup, RadioItem, ReactionBar, ResizableDivider, ResizableLayout, ResizablePane, SANE_DEFAULTS, STATUS_INDICATOR_COLORS as STATUS_COLORS, STATUS_INDICATOR_LABELS as STATUS_LABELS, SearchBar, SearchResultItem, SearchResults, 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, SocialAuthButton, SocialAuthRow, StatsGrid, StatusIndicator, Step, StepContent, StepDescription, StepIndicator, StepTitle, Steps, Switch, TableOfContents, Tabs, TabsContent, TabsList, TabsTrigger, TelemetryErrorBoundary, TelemetryProvider, Textarea, ThreadView, Toast, ToastProvider, Toaster, Tooltip, TooltipContent, TooltipTrigger, TypewriterText, VersionSelector, VideoPlayer, VoicePill, Waveform, altHintState, animatedTextVariants, 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, 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, mobileNavContentVariants, mobileNavLinkVariants, mobileNavTokens, mobileNavTriggerVariants, mobileNavVariants, navLinkVariants, navbarVariants, 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, 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, useLogger, useShortcut, useSpan, useTelemetry, useToast, useTrackEvent, versionSelectorOptionVariants, versionSelectorVariants, voicePillAvatarStyles, voicePillAvatarWrapStyles, voicePillLabelStyles, voicePillMuteButtonStyles, voicePillPositionVariants, voicePillPulseRingStyles, voicePillRootStyles, voicePillSpeakerStyles, voicePillSubStyles, voicePillTextStyles, voicePillTokens, watermarkVariants, waveformCanvasVariants, waveformVariants };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map