@refraction-ui/react 0.14.0 → 0.15.0

package/dist/index.d.cts

@@ -104,3 +104,12 @@ export * from './internal/react-flow-editor/index.cjs';
 export * from './internal/react-graph-view/index.cjs';
 export * from './internal/react-live-cursors/index.cjs';
 export * from './internal/react-mini-map/index.cjs';
+export * from './internal/react-section-head/index.cjs';
+export * from './internal/react-stat-grid/index.cjs';
+export * from './internal/react-numbered-steps/index.cjs';
+export * from './internal/react-pricing-card/index.cjs';
+export * from './internal/react-brand-network-cell/index.cjs';
+export * from './internal/react-marquee-strip/index.cjs';
+export * from './internal/react-browser-chrome-mock/index.cjs';
+export * from './internal/react-mastery-bar/index.cjs';
+export * from './internal/react-audience-feature-card/index.cjs';

package/dist/index.d.ts

@@ -104,3 +104,12 @@ export * from './internal/react-flow-editor/index.js';
 export * from './internal/react-graph-view/index.js';
 export * from './internal/react-live-cursors/index.js';
 export * from './internal/react-mini-map/index.js';
+export * from './internal/react-section-head/index.js';
+export * from './internal/react-stat-grid/index.js';
+export * from './internal/react-numbered-steps/index.js';
+export * from './internal/react-pricing-card/index.js';
+export * from './internal/react-brand-network-cell/index.js';
+export * from './internal/react-marquee-strip/index.js';
+export * from './internal/react-browser-chrome-mock/index.js';
+export * from './internal/react-mastery-bar/index.js';
+export * from './internal/react-audience-feature-card/index.js';

package/dist/index.js

@@ -21252,6 +21252,624 @@ var MiniMap = React11.forwardRef(
 );
 MiniMap.displayName = "MiniMap";
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AltHintState, AnalyticsProvider, AnimatedText, AppShell, AudioRoom, AuthGuard, AuthProvider, Avatar2 as Avatar, AvatarFallback, AvatarGroup, AvatarImage, Badge, BadgeDisplay, BottomNav, Breadcrumbs, Button, CATEGORY_LABELS, CURSOR_COLORS, Calendar, CalendarHeader, CallControlButton, CallControls, Callout, CalloutContent, CalloutDescription, CalloutIcon, CalloutTitle, Card, CardContent, CardDescription, CardFooter, CardGrid, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselTrigger, Chat, Checkbox, Checklist, CodeBlock, CodeBlockContent, CodeBlockHeader, CodeEditor, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, ComboboxContent, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxList, ComboboxTrigger, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, Composer, ConfirmationCard, ContentProtection, CookieConsent, Cursor, DEFAULT_CATEGORIES, DEFAULT_VOICE_PILL_POSITION, DEFAULT_VOICE_PILL_SPEAKER, DEFAULT_WAVEFORM_BAR_COUNT, DEFAULT_WAVEFORM_COLOR, DEFAULT_WAVEFORM_HEIGHT, DEFAULT_WAVEFORM_INTENSITY, DEFAULT_WAVEFORM_SMOOTHING, DataTable, DatePicker, DeviceFrame, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, EMOJI_CATEGORIES, EMOJI_DATA, EditorStatusBar, EditorTabs, EmojiPicker, EmptyState, FeedbackButton, FeedbackDialog, FileTree, FileUpload, FloatingReactions, FlowEditor, Footer, GraphView, IconSystem, InfiniteCanvas, InlineEditor, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupText, InstallPrompt, KeyboardShortcut, LanguageSelector, LinkCard, LiveCaptions, LiveCursors, LiveTranscript, MarkdownRenderer, MiniMap, 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, PreCallLobby, PresenceIndicator, ProgressBar, RadialGauge, RadioGroup, RadioItem, RatingScale, ReactionBar, ReactionBurst, ResizableDivider, ResizableLayout, ResizablePane, SANE_DEFAULTS, STATUS_INDICATOR_COLORS as STATUS_COLORS, STATUS_INDICATOR_LABELS as STATUS_LABELS, STICKY_NOTE_COLORS, SearchBar, SearchResultItem, SearchResults, 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, SpeakingOrb, StatsGrid, StatusIndicator, Step, StepContent, StepDescription, StepIndicator, StepTitle, Steps, StickyNote, Switch, TableOfContents, Tabs, TabsContent, TabsList, TabsTrigger, TelemetryErrorBoundary, TelemetryProvider, Terminal, TestResults, Textarea, ThreadView, Timeline, TimelineItem, Toast, ToastProvider, Toaster, Tooltip, TooltipContent, TooltipTrigger, TypewriterText, VersionSelector, VideoGrid, VideoPlayer, VideoTile, VoicePill, Waveform, Wizard, altHintState, animatedTextVariants, assignCursorColor, avatarFallbackVariants, avatarImageVariants, avatarTokens, avatarVariants, badgeGridVariants, badgeItemVariants, badgeVariants, bottomNavTabVariants, bottomNavVariants, breadcrumbItemVariants, breadcrumbSeparatorStyles, breadcrumbsVariants, buttonTokens, buttonVariants, calendarVariants, canAccessAdmin, canAccessReviewer, cardContentVariants, cardDescriptionVariants, cardFooterVariants, cardHeaderVariants, cardTitleVariants, cardTokens, cardVariants, cellVariants, checkIconPath, checkboxTokens, checkboxVariants, clampVoicePillIntensity, codeEditorTokens, codeEditorVariants, collapsibleContentVariants, comboboxContentVariants, comboboxEmptyVariants, comboboxInputVariants, comboboxItemVariants, comboboxListVariants, comboboxTriggerVariants, commandGroupVariants, commandInputVariants, commandItemVariants, commandVariants, contentProtectionVariants, controlsVariants, createAnalytics, createAppInsightsSink, createConsoleSink, createConversation, createCookieConsent, createGA4ClientSdkSink, createGA4HttpSink, createGA4Sink, createIntensitySamples, createPostHogClientSdkSink, createPostHogHttpSink, createPostHogSink, createPreCallLobby, createSegmentedControl, createSilentSamples, createTelemetry, createVoicePill, createWaveform, dayVariants, deviceFrameVariants, dialogContentVariants, drawWaveform, editorVariants, emojiPickerContainerStyles, emojiPickerEmojiButtonStyles, emojiPickerGridStyles, feedbackDialogVariants, fileUploadDropZoneVariants, fileUploadFileItemStyles, fileUploadFileListStyles, findMessage, footerVariants, formatFileSize, formatRelativeTime, formatShortcut, formatTimestamp, getAssignableRoles, getDefaultPortal, getInitials, getNextSegmentIndex, getReplyCount, getVoicePillAriaLabel, getVoicePillInitials, getVoicePillPosition, getVoicePillPulseStyle, getVoicePillSpeakerKey, getVoicePillSpeakerLabel, getWaveformPeak, globalShortcutRegistry, hasAllRoles, hasAnyRole, hasRole, headerVariants, indeterminateIconPath, inputGroupAddonVariants, inputGroupButtonVariants, inputGroupTokens, inputGroupVariants, inputVariants, installPromptVariants, isWaveformSampleInput, latestBadgeVariants, markdownRendererTokens, menuContentVariants, menuItemVariants, micLevelToBars, mobileNavContentVariants, mobileNavLinkVariants, mobileNavTokens, mobileNavTriggerVariants, mobileNavVariants, navLinkVariants, navbarVariants, nextStickyColor, normalizeBarCount, normalizeIntensity, normalizeSmoothing, normalizeWaveformConfig, normalizeWaveformSamples, optionVariants, otpInputContainerVariants, otpInputSlotVariants, otpInputTokens, overlayStyles, overlayVariants, playerVariants, popoverContentVariants, prepareWaveformCanvas, previewVariants, progressBarVariants, proseVariants, radioCircleVariants, radioGroupVariants, radioItemVariants, reactionAddButtonStyles, reactionBarStyles, reactionCountStyles, reactionEmojiStyles, reactionPillVariants, resampleWaveformSamples, resizableDividerVariants, resizableLayoutTokens, resizableLayoutVariants, resizablePaneVariants, rootIdOf, rowVariants, scaleWaveformSamples, searchBarVariants, searchResultVariants, segmentedControlItemVariants, segmentedControlVariants, selectContentVariants, selectItemVariants, selectMainTimeline, selectReplies, selectRoots, selectThreadMessages, selectTimelineFromState, selectTokens, selectTriggerVariants, selectorVariants, sheetContentVariants, sheetOverlayStyles, shortcutBadgeStyles, shortcutKeyStyles, shortcutSeparatorStyles, sidebarItemVariants, sidebarVariants, skeletonVariants, slideTypeBadgeVariants, slideViewerProgressBarVariants, slideViewerTokens, slideViewerVariants, smoothWaveformSamples, startSessionReplay, statCardVariants, statsGridVariants, statusContainerStyles, statusDotVariants, statusLabelStyles, statusPulseVariants, switchThumbVariants, switchTokens, switchVariants, tableVariants, tabsListVariants, tabsTriggerVariants, textareaVariants, threadAuthorStyles, threadAvatarStyles, threadBodyStyles, threadContainerStyles, threadContentStyles, threadMessageStyles, threadReactionsStyles, threadTimestampStyles, toCssDimension, toastVariants, toolbarVariants, tooltipContentVariants, typewriterVariants, useAnalytics, useAuth, useConversation, useCookieConsent, useFloatingReactions, useLogger, useShortcut, useSpan, useTelemetry, useToast, useTrackEvent, useWizard, versionSelectorOptionVariants, versionSelectorVariants, voicePillAvatarStyles, voicePillAvatarWrapStyles, voicePillLabelStyles, voicePillMuteButtonStyles, voicePillPositionVariants, voicePillPulseRingStyles, voicePillRootStyles, voicePillSpeakerStyles, voicePillSubStyles, voicePillTextStyles, voicePillTokens, watermarkVariants, waveformCanvasVariants, waveformVariants };
+// ../section-head/dist/index.js
+function createSectionHead(props = {}) {
+  const { align = "center" } = props;
+  const dataAttributes = {
+    "data-align": align
+  };
+  return { dataAttributes };
+}
+var sectionHeadVariants = cva({
+  base: "flex flex-col",
+  variants: {
+    align: {
+      center: "mx-auto text-center max-w-2xl",
+      left: "text-left"
+    }
+  },
+  defaultVariants: {
+    align: "center"
+  }
+});
+var sectionHeadKickerClass = "text-[11px] uppercase tracking-widest text-primary font-semibold";
+var sectionHeadTitleClass = "text-3xl sm:text-4xl font-bold tracking-tight text-foreground";
+var sectionHeadLedeClass = "mt-3 text-muted-foreground leading-relaxed";
+var SectionHead = React11.forwardRef(
+  ({
+    kicker,
+    title,
+    lede,
+    align = "center",
+    as: Tag = "h2",
+    className,
+    ...props
+  }, ref) => {
+    const { dataAttributes } = createSectionHead({ align });
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cn(sectionHeadVariants({ align }), className),
+        ...dataAttributes,
+        ...props,
+        children: [
+          kicker != null && /* @__PURE__ */ jsx("p", { className: sectionHeadKickerClass, children: kicker }),
+          /* @__PURE__ */ jsx(Tag, { className: sectionHeadTitleClass, children: title }),
+          lede != null && /* @__PURE__ */ jsx("p", { className: sectionHeadLedeClass, children: lede })
+        ]
+      }
+    );
+  }
+);
+SectionHead.displayName = "SectionHead";
+
+// ../stat-grid/dist/index.js
+function statColumns(count, max = 3) {
+  if (count <= 0) return 1;
+  if (count === 1) return 1;
+  if (count === 2) return 2;
+  return Math.min(count, max);
+}
+function createStatGrid() {
+  return {
+    ariaProps: { role: "list" },
+    dataAttributes: {}
+  };
+}
+var statGridVariants = cva({
+  base: "grid gap-8",
+  variants: {
+    columns: {
+      "1": "grid-cols-1",
+      "2": "grid-cols-2",
+      "3": "grid-cols-3"
+    }
+  },
+  defaultVariants: {
+    columns: "3"
+  }
+});
+var statItemClass = "flex flex-col";
+var statValueClass = "text-xl sm:text-2xl font-bold text-primary";
+var statLabelClass = "mt-1 text-sm text-muted-foreground leading-snug";
+var StatGrid = React11.forwardRef(
+  ({ items, columns, className, ...props }, ref) => {
+    const cols = columns ?? statColumns(items.length);
+    const { ariaProps, dataAttributes } = createStatGrid();
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn(
+          statGridVariants({ columns: String(cols) }),
+          className
+        ),
+        style: { gridTemplateColumns: `repeat(${cols}, 1fr)` },
+        ...ariaProps,
+        ...dataAttributes,
+        ...props,
+        children: items.map((item, index) => /* @__PURE__ */ jsxs("div", { role: "listitem", className: statItemClass, children: [
+          /* @__PURE__ */ jsx("span", { className: statValueClass, children: item.value }),
+          /* @__PURE__ */ jsx("span", { className: statLabelClass, children: item.label })
+        ] }, index))
+      }
+    );
+  }
+);
+StatGrid.displayName = "StatGrid";
+
+// ../numbered-steps/dist/index.js
+function padOrdinal(n) {
+  return String(n).padStart(2, "0");
+}
+function stepColumns(count) {
+  return Math.min(5, Math.max(2, count));
+}
+function createNumberedSteps() {
+  const ariaProps = { role: "list" };
+  const dataAttributes = {
+    "data-component": "numbered-steps"
+  };
+  return { ariaProps, dataAttributes };
+}
+var numberedStepsVariants = cva({
+  base: "grid gap-6",
+  variants: {
+    columns: {
+      "2": "grid-cols-2",
+      "3": "grid-cols-3",
+      "4": "grid-cols-4",
+      "5": "grid-cols-5"
+    }
+  },
+  defaultVariants: {
+    columns: "3"
+  }
+});
+var numberedStepsItemClass = "rounded-xl border border-border bg-card p-5";
+var numberedStepsOrdinalClass = "font-mono text-sm text-primary";
+var numberedStepsTitleClass = "mt-2 text-sm font-bold text-foreground";
+var numberedStepsBodyClass = "mt-1 text-xs text-muted-foreground leading-relaxed";
+var NumberedSteps = React11.forwardRef(({ items, columns, className, ...props }, ref) => {
+  const cols = columns ?? stepColumns(items.length);
+  const { ariaProps, dataAttributes } = createNumberedSteps();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn(numberedStepsVariants(), className),
+      style: { gridTemplateColumns: `repeat(${cols}, minmax(0, 1fr))` },
+      ...ariaProps,
+      ...dataAttributes,
+      ...props,
+      children: items.map((item, index) => /* @__PURE__ */ jsxs("div", { role: "listitem", className: numberedStepsItemClass, children: [
+        /* @__PURE__ */ jsx("span", { className: numberedStepsOrdinalClass, children: padOrdinal(index + 1) }),
+        /* @__PURE__ */ jsx("p", { className: numberedStepsTitleClass, children: item.title }),
+        /* @__PURE__ */ jsx("p", { className: numberedStepsBodyClass, children: item.body })
+      ] }, index))
+    }
+  );
+});
+NumberedSteps.displayName = "NumberedSteps";
+
+// ../pricing-card/dist/index.js
+function createPricingCard(options = {}) {
+  const { featured = false } = options;
+  const ariaProps = {
+    role: "group"
+  };
+  const dataAttributes = {
+    "data-featured": String(featured)
+  };
+  return { ariaProps, dataAttributes };
+}
+var pricingCardVariants = cva({
+  base: [
+    "relative flex flex-col rounded-2xl border border-border bg-card p-6",
+    "transition-shadow"
+  ].join(" "),
+  variants: {
+    featured: {
+      true: "ring-1 ring-primary",
+      false: ""
+    }
+  },
+  defaultVariants: {
+    featured: "false"
+  }
+});
+var pricingCardBadgeClass = "mb-3 inline-flex items-center rounded-full bg-primary/10 px-2.5 py-0.5 text-xs font-medium text-primary";
+var pricingCardNameClass = "text-lg font-bold text-foreground";
+var pricingCardPriceClass = "text-3xl font-bold text-foreground";
+var pricingCardPeriodClass = "text-sm text-muted-foreground";
+var pricingCardDescriptionClass = "text-sm text-muted-foreground";
+var pricingCardFeatureListClass = "flex flex-col gap-2";
+var pricingCardFeatureRowClass = "flex items-start gap-2 text-sm text-foreground";
+var pricingCardFeatureTickClass = "mt-0.5 size-4 shrink-0 text-primary";
+var pricingCtaVariants = cva({
+  base: [
+    "mt-auto inline-flex w-full items-center justify-center rounded-lg px-4 py-2",
+    "text-sm font-medium transition-colors",
+    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+    "disabled:pointer-events-none disabled:opacity-50"
+  ].join(" "),
+  variants: {
+    variant: {
+      default: "bg-primary text-primary-foreground hover:bg-primary/90",
+      outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+var PricingCard = React11.forwardRef(
+  ({
+    badge,
+    name,
+    price,
+    period,
+    description,
+    features,
+    cta,
+    ctaVariant = "default",
+    ctaHref,
+    onCtaClick,
+    featured = false,
+    className,
+    ...props
+  }, ref) => {
+    const { ariaProps, dataAttributes } = createPricingCard({ featured });
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cn(pricingCardVariants({ featured: featured ? "true" : "false" }), className),
+        ...ariaProps,
+        ...dataAttributes,
+        ...props,
+        children: [
+          badge != null && /* @__PURE__ */ jsx("span", { className: pricingCardBadgeClass, children: badge }),
+          /* @__PURE__ */ jsx("p", { className: pricingCardNameClass, children: name }),
+          /* @__PURE__ */ jsxs("div", { className: "mt-4 flex items-baseline gap-1", children: [
+            /* @__PURE__ */ jsx("span", { className: pricingCardPriceClass, children: price }),
+            period != null && /* @__PURE__ */ jsx("span", { className: pricingCardPeriodClass, children: period })
+          ] }),
+          description != null && /* @__PURE__ */ jsx("p", { className: `mt-2 ${pricingCardDescriptionClass}`, children: description }),
+          /* @__PURE__ */ jsx("ul", { className: `mt-6 ${pricingCardFeatureListClass}`, children: features.map((feature) => /* @__PURE__ */ jsxs("li", { className: pricingCardFeatureRowClass, children: [
+            /* @__PURE__ */ jsx(
+              "svg",
+              {
+                className: pricingCardFeatureTickClass,
+                viewBox: "0 0 16 16",
+                fill: "none",
+                "aria-hidden": "true",
+                children: /* @__PURE__ */ jsx(
+                  "path",
+                  {
+                    d: "M3 8l3.5 3.5L13 4.5",
+                    stroke: "currentColor",
+                    strokeWidth: "1.75",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round"
+                  }
+                )
+              }
+            ),
+            feature
+          ] }, feature)) }),
+          /* @__PURE__ */ jsx("div", { className: "mt-6", children: ctaHref != null ? /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: ctaHref,
+              className: pricingCtaVariants({ variant: ctaVariant }),
+              children: cta
+            }
+          ) : /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: pricingCtaVariants({ variant: ctaVariant }),
+              onClick: onCtaClick,
+              children: cta
+            }
+          ) })
+        ]
+      }
+    );
+  }
+);
+PricingCard.displayName = "PricingCard";
+
+// ../brand-network-cell/dist/index.js
+function createBrandNetworkCell(props = {}) {
+  const { current = false } = props;
+  const ariaProps = {
+    role: "group"
+  };
+  const dataAttributes = {
+    "data-current": String(current)
+  };
+  return { ariaProps, dataAttributes };
+}
+var brandNetworkCellVariants = cva({
+  base: [
+    "relative rounded-xl border border-border bg-card p-4",
+    "flex flex-col gap-3 transition-shadow"
+  ].join(" "),
+  variants: {
+    current: {
+      true: "ring-1 ring-primary",
+      false: ""
+    }
+  },
+  defaultVariants: {
+    current: "false"
+  }
+});
+var brandNetworkCellGlyphClass = "flex size-10 items-center justify-center rounded-lg text-sm font-bold";
+var brandNetworkCellDomainClass = "font-semibold text-foreground";
+var brandNetworkCellCurrentBadgeClass = "inline-flex items-center rounded-md bg-primary/10 px-2 py-0.5 text-xs font-medium text-primary";
+var brandNetworkCellBodyClass = "text-sm text-muted-foreground";
+var brandNetworkCellLinkClass = "text-sm text-primary";
+var BrandNetworkCell = React11.forwardRef(
+  ({
+    glyph,
+    glyphBg,
+    glyphColor,
+    domain,
+    body,
+    href,
+    linkLabel,
+    current = false,
+    className,
+    ...props
+  }, ref) => {
+    const api = createBrandNetworkCell({ current });
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cn(
+          brandNetworkCellVariants({ current: current ? "true" : "false" }),
+          className
+        ),
+        ...api.ariaProps,
+        ...api.dataAttributes,
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: brandNetworkCellGlyphClass,
+              style: { background: glyphBg, color: glyphColor },
+              "aria-hidden": "true",
+              children: glyph
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx("span", { className: brandNetworkCellDomainClass, children: domain }),
+            current && /* @__PURE__ */ jsx("span", { className: brandNetworkCellCurrentBadgeClass, children: "You are here" })
+          ] }),
+          /* @__PURE__ */ jsx("p", { className: brandNetworkCellBodyClass, children: body }),
+          href != null && /* @__PURE__ */ jsx("a", { href, className: brandNetworkCellLinkClass, children: linkLabel ?? "Visit \u2192" })
+        ]
+      }
+    );
+  }
+);
+BrandNetworkCell.displayName = "BrandNetworkCell";
+
+// ../marquee-strip/dist/index.js
+function createMarqueeStrip(props = {}) {
+  const { scroll = false } = props;
+  const ariaProps = {
+    role: "group"
+  };
+  const dataAttributes = {
+    "data-scroll": String(scroll)
+  };
+  return { ariaProps, dataAttributes };
+}
+var marqueeStripVariants = cva({
+  base: "w-full bg-muted/30 border-y border-border py-3",
+  variants: {
+    scroll: {
+      true: "",
+      false: ""
+    }
+  },
+  defaultVariants: {
+    scroll: "false"
+  }
+});
+var marqueeStripInnerClass = "flex flex-wrap items-center gap-3 px-4";
+var marqueeStripScrollOuterClass = "overflow-hidden px-4";
+var marqueeStripScrollTrackClass = "flex items-center gap-3 w-max animate-[marquee_30s_linear_infinite]";
+var marqueeStripLabelClass = "text-xs font-semibold uppercase tracking-widest text-muted-foreground shrink-0";
+var marqueeStripItemClass = "text-sm text-foreground";
+var MarqueeStrip = React11.forwardRef(
+  ({ label, items, scroll = false, className, ...props }, ref) => {
+    const api = createMarqueeStrip({ scroll });
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn(marqueeStripVariants({ scroll: scroll ? "true" : "false" }), className),
+        ...api.ariaProps,
+        ...api.dataAttributes,
+        ...props,
+        children: scroll ? /* @__PURE__ */ jsx("div", { className: marqueeStripScrollOuterClass, children: /* @__PURE__ */ jsx("div", { className: marqueeStripScrollTrackClass, children: [...items, ...items].map((item, index) => /* @__PURE__ */ jsx("span", { className: marqueeStripItemClass, children: item }, index)) }) }) : /* @__PURE__ */ jsxs("div", { className: marqueeStripInnerClass, children: [
+          label != null && /* @__PURE__ */ jsx("span", { className: marqueeStripLabelClass, children: label }),
+          items.map((item, index) => /* @__PURE__ */ jsx("span", { className: marqueeStripItemClass, children: item }, index))
+        ] })
+      }
+    );
+  }
+);
+MarqueeStrip.displayName = "MarqueeStrip";
+
+// ../browser-chrome-mock/dist/index.js
+function splitUrl(url) {
+  const slashIndex = url.indexOf("/");
+  if (slashIndex === -1) {
+    return { domain: url, path: "" };
+  }
+  return {
+    domain: url.slice(0, slashIndex),
+    path: url.slice(slashIndex)
+  };
+}
+function createBrowserChromeMock(props = {}) {
+  const { status } = props;
+  const ariaProps = {
+    role: "group",
+    "aria-label": "Browser preview"
+  };
+  const dataAttributes = {};
+  if (status !== void 0) {
+    dataAttributes["data-status"] = status;
+  }
+  return { ariaProps, dataAttributes };
+}
+var browserChromeMockVariants = cva({
+  base: "rounded-xl border border-border overflow-hidden bg-card",
+  variants: {},
+  defaultVariants: {}
+});
+var chromeBarClass = "flex items-center gap-2 bg-muted/40 border-b border-border px-3 py-2";
+var trafficDotClass = "size-2.5 rounded-full border border-border";
+var urlBarClass = "flex-1 text-center font-mono text-[11px] text-muted-foreground";
+var urlDomainClass = "font-semibold text-foreground";
+var statusBadgeVariants = cva({
+  base: "inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[10px] font-semibold uppercase tracking-wide",
+  variants: {
+    status: {
+      live: "text-emerald-500 bg-emerald-500/10",
+      rec: "text-destructive bg-destructive/10"
+    }
+  },
+  defaultVariants: {
+    status: "live"
+  }
+});
+var contentAreaClass = "p-0";
+var TRAFFIC_DOTS = ["bg-red-400", "bg-yellow-400", "bg-green-400"];
+var BrowserChromeMock = React11.forwardRef(({ url, status, className, children, ...props }, ref) => {
+  const { ariaProps, dataAttributes } = createBrowserChromeMock({ status });
+  const { domain, path } = splitUrl(url);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: cn(browserChromeMockVariants(), className),
+      ...ariaProps,
+      ...dataAttributes,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: chromeBarClass, children: [
+          /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1.5 shrink-0", children: TRAFFIC_DOTS.map((color) => /* @__PURE__ */ jsx("span", { className: cn(trafficDotClass, color) }, color)) }),
+          /* @__PURE__ */ jsxs("div", { className: urlBarClass, children: [
+            /* @__PURE__ */ jsx("span", { className: urlDomainClass, children: domain }),
+            path && /* @__PURE__ */ jsx("span", { children: path })
+          ] }),
+          status && /* @__PURE__ */ jsxs("div", { className: statusBadgeVariants({ status }), children: [
+            status === "rec" && /* @__PURE__ */ jsx("span", { className: "size-1.5 rounded-full bg-destructive animate-pulse" }),
+            status
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: contentAreaClass, children })
+      ]
+    }
+  );
+});
+BrowserChromeMock.displayName = "BrowserChromeMock";
+
+// ../mastery-bar/dist/index.js
+function clampPercent(value) {
+  if (Number.isNaN(value)) return 0;
+  return Math.min(100, Math.max(0, value));
+}
+function createMasteryBar({ value }) {
+  const clamped = clampPercent(value);
+  const ariaProps = {
+    role: "progressbar",
+    "aria-valuenow": clamped,
+    "aria-valuemin": 0,
+    "aria-valuemax": 100
+  };
+  const dataAttributes = {
+    "data-value": String(clamped)
+  };
+  return { ariaProps, dataAttributes };
+}
+var masteryBarVariants = cva({
+  base: "w-full overflow-hidden rounded-full bg-muted",
+  variants: {
+    size: {
+      sm: "h-1.5",
+      md: "h-2",
+      lg: "h-3"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+var masteryBarFillVariants = cva({
+  base: "h-full rounded-full bg-primary",
+  variants: {
+    muted: {
+      true: "bg-primary/70",
+      false: "bg-primary"
+    }
+  },
+  defaultVariants: {
+    muted: "false"
+  }
+});
+var masteryBarLabelClass = "text-xs text-muted-foreground";
+var masteryBarLeadingLabelClass = "text-xs text-muted-foreground";
+var masteryBarHeaderClass = "flex justify-between items-baseline mb-1";
+var MasteryBar = React11.forwardRef(
+  ({
+    value,
+    label,
+    leadingLabel,
+    size = "md",
+    muted = false,
+    className,
+    ...props
+  }, ref) => {
+    const clamped = clampPercent(value);
+    const { ariaProps, dataAttributes } = createMasteryBar({ value });
+    const hasHeader = leadingLabel != null || label != null;
+    return /* @__PURE__ */ jsxs("div", { ref, className: cn("w-full", className), ...props, children: [
+      hasHeader && /* @__PURE__ */ jsxs("div", { className: masteryBarHeaderClass, children: [
+        leadingLabel != null && /* @__PURE__ */ jsx("span", { className: masteryBarLeadingLabelClass, children: leadingLabel }),
+        label != null && /* @__PURE__ */ jsx("span", { className: masteryBarLabelClass, children: label })
+      ] }),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: masteryBarVariants({ size }),
+          ...ariaProps,
+          ...dataAttributes,
+          children: /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: masteryBarFillVariants({ muted: muted ? "true" : "false" }),
+              style: { width: `${clamped}%` }
+            }
+          )
+        }
+      )
+    ] });
+  }
+);
+MasteryBar.displayName = "MasteryBar";
+
+// ../audience-feature-card/dist/index.js
+function createAudienceFeatureCard(_props = {}) {
+  const ariaProps = {
+    role: "group"
+  };
+  const dataAttributes = {
+    "data-component": "audience-feature-card"
+  };
+  return { ariaProps, dataAttributes };
+}
+var audienceFeatureCardVariants = cva({
+  base: "flex h-full flex-col rounded-xl border border-border bg-card p-5",
+  variants: {},
+  defaultVariants: {}
+});
+var audienceFeatureCardKickerClass = "text-[10px] uppercase tracking-widest text-primary font-semibold";
+var audienceFeatureCardTitleClass = "mt-2 text-lg font-bold text-foreground";
+var audienceFeatureCardBodyClass = "mt-1 text-sm text-muted-foreground leading-relaxed";
+var audienceFeatureCardFooterClass = "mt-auto pt-4 text-xs";
+var AudienceFeatureCard = React11.forwardRef(({ kicker, title, body, footer, className, ...props }, ref) => {
+  const { ariaProps, dataAttributes } = createAudienceFeatureCard();
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: cn(audienceFeatureCardVariants(), className),
+      ...ariaProps,
+      ...dataAttributes,
+      ...props,
+      children: [
+        kicker != null && /* @__PURE__ */ jsx("p", { className: audienceFeatureCardKickerClass, children: kicker }),
+        /* @__PURE__ */ jsx("p", { className: audienceFeatureCardTitleClass, children: title }),
+        /* @__PURE__ */ jsx("p", { className: audienceFeatureCardBodyClass, children: body }),
+        footer != null && /* @__PURE__ */ jsx("div", { className: audienceFeatureCardFooterClass, children: footer })
+      ]
+    }
+  );
+});
+AudienceFeatureCard.displayName = "AudienceFeatureCard";
+
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AltHintState, AnalyticsProvider, AnimatedText, AppShell, AudienceFeatureCard, AudioRoom, AuthGuard, AuthProvider, Avatar2 as Avatar, AvatarFallback, AvatarGroup, AvatarImage, Badge, BadgeDisplay, BottomNav, BrandNetworkCell, Breadcrumbs, BrowserChromeMock, Button, CATEGORY_LABELS, CURSOR_COLORS, Calendar, CalendarHeader, CallControlButton, CallControls, Callout, CalloutContent, CalloutDescription, CalloutIcon, CalloutTitle, Card, CardContent, CardDescription, CardFooter, CardGrid, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselTrigger, Chat, Checkbox, Checklist, CodeBlock, CodeBlockContent, CodeBlockHeader, CodeEditor, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, ComboboxContent, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxList, ComboboxTrigger, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, Composer, ConfirmationCard, ContentProtection, CookieConsent, Cursor, DEFAULT_CATEGORIES, DEFAULT_VOICE_PILL_POSITION, DEFAULT_VOICE_PILL_SPEAKER, DEFAULT_WAVEFORM_BAR_COUNT, DEFAULT_WAVEFORM_COLOR, DEFAULT_WAVEFORM_HEIGHT, DEFAULT_WAVEFORM_INTENSITY, DEFAULT_WAVEFORM_SMOOTHING, DataTable, DatePicker, DeviceFrame, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, EMOJI_CATEGORIES, EMOJI_DATA, EditorStatusBar, EditorTabs, EmojiPicker, EmptyState, FeedbackButton, FeedbackDialog, FileTree, FileUpload, FloatingReactions, FlowEditor, Footer, GraphView, IconSystem, InfiniteCanvas, InlineEditor, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupText, InstallPrompt, KeyboardShortcut, LanguageSelector, LinkCard, LiveCaptions, LiveCursors, LiveTranscript, MarkdownRenderer, MarqueeStrip, MasteryBar, MiniMap, MobileNav, MobileNavContent, MobileNavLink, MobileNavTrigger, Navbar, NumberedSteps, OtpInput, STATUS_COLORS as PRESENCE_STATUS_COLORS, STATUS_LABELS as PRESENCE_STATUS_LABELS, Pagination, PasswordInput, Payment, Popover, PopoverClose, PopoverContent, PopoverTrigger, PreCallLobby, PresenceIndicator, PricingCard, ProgressBar, RadialGauge, RadioGroup, RadioItem, RatingScale, ReactionBar, ReactionBurst, ResizableDivider, ResizableLayout, ResizablePane, SANE_DEFAULTS, STATUS_INDICATOR_COLORS as STATUS_COLORS, STATUS_INDICATOR_LABELS as STATUS_LABELS, STICKY_NOTE_COLORS, SearchBar, SearchResultItem, SearchResults, SectionHead, SegmentedControl, SegmentedControlItem, Select, SelectContent, SelectItem, SelectTrigger, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetTitle, SheetTrigger, ShortcutBadge, ShortcutContext, ShortcutHint, ShortcutProvider, ShortcutRegistry, Sidebar, Skeleton, SkeletonText, SkipToContent, SlideViewer, SocialAuthButton, SocialAuthRow, SpeakingOrb, StatGrid, StatsGrid, StatusIndicator, Step, StepContent, StepDescription, StepIndicator, StepTitle, Steps, StickyNote, Switch, TableOfContents, Tabs, TabsContent, TabsList, TabsTrigger, TelemetryErrorBoundary, TelemetryProvider, Terminal, TestResults, Textarea, ThreadView, Timeline, TimelineItem, Toast, ToastProvider, Toaster, Tooltip, TooltipContent, TooltipTrigger, TypewriterText, VersionSelector, VideoGrid, VideoPlayer, VideoTile, VoicePill, Waveform, Wizard, altHintState, animatedTextVariants, assignCursorColor, avatarFallbackVariants, avatarImageVariants, avatarTokens, avatarVariants, badgeGridVariants, badgeItemVariants, badgeVariants, bottomNavTabVariants, bottomNavVariants, breadcrumbItemVariants, breadcrumbSeparatorStyles, breadcrumbsVariants, buttonTokens, buttonVariants, calendarVariants, canAccessAdmin, canAccessReviewer, cardContentVariants, cardDescriptionVariants, cardFooterVariants, cardHeaderVariants, cardTitleVariants, cardTokens, cardVariants, cellVariants, checkIconPath, checkboxTokens, checkboxVariants, clampVoicePillIntensity, codeEditorTokens, codeEditorVariants, collapsibleContentVariants, comboboxContentVariants, comboboxEmptyVariants, comboboxInputVariants, comboboxItemVariants, comboboxListVariants, comboboxTriggerVariants, commandGroupVariants, commandInputVariants, commandItemVariants, commandVariants, contentProtectionVariants, controlsVariants, createAnalytics, createAppInsightsSink, createConsoleSink, createConversation, createCookieConsent, createGA4ClientSdkSink, createGA4HttpSink, createGA4Sink, createIntensitySamples, createPostHogClientSdkSink, createPostHogHttpSink, createPostHogSink, createPreCallLobby, createSegmentedControl, createSilentSamples, createTelemetry, createVoicePill, createWaveform, dayVariants, deviceFrameVariants, dialogContentVariants, drawWaveform, editorVariants, emojiPickerContainerStyles, emojiPickerEmojiButtonStyles, emojiPickerGridStyles, feedbackDialogVariants, fileUploadDropZoneVariants, fileUploadFileItemStyles, fileUploadFileListStyles, findMessage, footerVariants, formatFileSize, formatRelativeTime, formatShortcut, formatTimestamp, getAssignableRoles, getDefaultPortal, getInitials, getNextSegmentIndex, getReplyCount, getVoicePillAriaLabel, getVoicePillInitials, getVoicePillPosition, getVoicePillPulseStyle, getVoicePillSpeakerKey, getVoicePillSpeakerLabel, getWaveformPeak, globalShortcutRegistry, hasAllRoles, hasAnyRole, hasRole, headerVariants, indeterminateIconPath, inputGroupAddonVariants, inputGroupButtonVariants, inputGroupTokens, inputGroupVariants, inputVariants, installPromptVariants, isWaveformSampleInput, latestBadgeVariants, markdownRendererTokens, menuContentVariants, menuItemVariants, micLevelToBars, mobileNavContentVariants, mobileNavLinkVariants, mobileNavTokens, mobileNavTriggerVariants, mobileNavVariants, navLinkVariants, navbarVariants, nextStickyColor, normalizeBarCount, normalizeIntensity, normalizeSmoothing, normalizeWaveformConfig, normalizeWaveformSamples, optionVariants, otpInputContainerVariants, otpInputSlotVariants, otpInputTokens, overlayStyles, overlayVariants, playerVariants, popoverContentVariants, prepareWaveformCanvas, previewVariants, progressBarVariants, proseVariants, radioCircleVariants, radioGroupVariants, radioItemVariants, reactionAddButtonStyles, reactionBarStyles, reactionCountStyles, reactionEmojiStyles, reactionPillVariants, resampleWaveformSamples, resizableDividerVariants, resizableLayoutTokens, resizableLayoutVariants, resizablePaneVariants, rootIdOf, rowVariants, scaleWaveformSamples, searchBarVariants, searchResultVariants, segmentedControlItemVariants, segmentedControlVariants, selectContentVariants, selectItemVariants, selectMainTimeline, selectReplies, selectRoots, selectThreadMessages, selectTimelineFromState, selectTokens, selectTriggerVariants, selectorVariants, sheetContentVariants, sheetOverlayStyles, shortcutBadgeStyles, shortcutKeyStyles, shortcutSeparatorStyles, sidebarItemVariants, sidebarVariants, skeletonVariants, slideTypeBadgeVariants, slideViewerProgressBarVariants, slideViewerTokens, slideViewerVariants, smoothWaveformSamples, startSessionReplay, statCardVariants, statColumns, statsGridVariants, statusContainerStyles, statusDotVariants, statusLabelStyles, statusPulseVariants, switchThumbVariants, switchTokens, switchVariants, tableVariants, tabsListVariants, tabsTriggerVariants, textareaVariants, threadAuthorStyles, threadAvatarStyles, threadBodyStyles, threadContainerStyles, threadContentStyles, threadMessageStyles, threadReactionsStyles, threadTimestampStyles, toCssDimension, toastVariants, toolbarVariants, tooltipContentVariants, typewriterVariants, useAnalytics, useAuth, useConversation, useCookieConsent, useFloatingReactions, useLogger, useShortcut, useSpan, useTelemetry, useToast, useTrackEvent, useWizard, versionSelectorOptionVariants, versionSelectorVariants, voicePillAvatarStyles, voicePillAvatarWrapStyles, voicePillLabelStyles, voicePillMuteButtonStyles, voicePillPositionVariants, voicePillPulseRingStyles, voicePillRootStyles, voicePillSpeakerStyles, voicePillSubStyles, voicePillTextStyles, voicePillTokens, watermarkVariants, waveformCanvasVariants, waveformVariants };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map