@refraction-ui/react 0.3.7 → 0.3.9

package/dist/index.js

@@ -11566,8 +11566,283 @@ var Pagination = React42.forwardRef(
   }
 );
 Pagination.displayName = "Pagination";
-var Callout = () => /* @__PURE__ */ jsx("div", {});
-var Steps = () => /* @__PURE__ */ jsx("div", {});
+
+// ../callout/dist/index.js
+function createCallout(props = {}) {
+  const ariaProps = {};
+  if (props.role) {
+    ariaProps.role = props.role;
+  } else {
+    ariaProps.role = "region";
+  }
+  return {
+    ariaProps,
+    dataAttributes: { "data-slot": "callout" }
+  };
+}
+function createCalloutIcon() {
+  return { dataAttributes: { "data-slot": "callout-icon" } };
+}
+function createCalloutContent() {
+  return { dataAttributes: { "data-slot": "callout-content" } };
+}
+function createCalloutTitle() {
+  return { dataAttributes: { "data-slot": "callout-title" } };
+}
+function createCalloutDescription() {
+  return { dataAttributes: { "data-slot": "callout-description" } };
+}
+var calloutVariants = cva({
+  base: "relative w-full rounded-lg border p-4 text-sm flex gap-3",
+  variants: {
+    variant: {
+      default: "bg-muted/50 border-border text-foreground",
+      destructive: "bg-destructive/10 border-destructive/20 text-destructive",
+      success: "bg-green-500/10 border-green-500/20 text-green-700 dark:text-green-400",
+      warning: "bg-yellow-500/10 border-yellow-500/20 text-yellow-700 dark:text-yellow-400",
+      info: "bg-blue-500/10 border-blue-500/20 text-blue-700 dark:text-blue-400"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+var calloutTitleVariants = cva({
+  base: "font-semibold leading-none tracking-tight mb-1"
+});
+var calloutDescriptionVariants = cva({
+  base: "text-sm opacity-90 leading-relaxed"
+});
+var Callout = React42.forwardRef(
+  ({ className, variant, ...props }, ref) => {
+    const api = createCallout({ role: variant === "destructive" ? "alert" : "region" });
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn(calloutVariants({ variant }), className),
+        ...api.ariaProps,
+        ...api.dataAttributes,
+        ...props
+      }
+    );
+  }
+);
+Callout.displayName = "Callout";
+var CalloutIcon = React42.forwardRef(
+  ({ className, ...props }, ref) => {
+    const api = createCalloutIcon();
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn("flex-shrink-0 mt-0.5", className),
+        ...api.dataAttributes,
+        ...props
+      }
+    );
+  }
+);
+CalloutIcon.displayName = "CalloutIcon";
+var CalloutContent = React42.forwardRef(
+  ({ className, ...props }, ref) => {
+    const api = createCalloutContent();
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn("flex-1", className),
+        ...api.dataAttributes,
+        ...props
+      }
+    );
+  }
+);
+CalloutContent.displayName = "CalloutContent";
+var CalloutTitle = React42.forwardRef(
+  ({ className, ...props }, ref) => {
+    const api = createCalloutTitle();
+    return /* @__PURE__ */ jsx(
+      "h5",
+      {
+        ref,
+        className: cn(calloutTitleVariants(), className),
+        ...api.dataAttributes,
+        ...props
+      }
+    );
+  }
+);
+CalloutTitle.displayName = "CalloutTitle";
+var CalloutDescription = React42.forwardRef(
+  ({ className, ...props }, ref) => {
+    const api = createCalloutDescription();
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn(calloutDescriptionVariants(), className),
+        ...api.dataAttributes,
+        ...props
+      }
+    );
+  }
+);
+CalloutDescription.displayName = "CalloutDescription";
+
+// ../steps/dist/index.js
+function createSteps() {
+  return { dataAttributes: { "data-slot": "steps" } };
+}
+function createStep() {
+  return { dataAttributes: { "data-slot": "step" } };
+}
+function createStepIndicator() {
+  return { dataAttributes: { "data-slot": "step-indicator" } };
+}
+function createStepContent() {
+  return { dataAttributes: { "data-slot": "step-content" } };
+}
+function createStepTitle() {
+  return { dataAttributes: { "data-slot": "step-title" } };
+}
+function createStepDescription() {
+  return { dataAttributes: { "data-slot": "step-description" } };
+}
+var stepsVariants = cva({
+  base: "flex flex-col gap-0",
+  variants: {
+    orientation: {
+      vertical: "flex-col",
+      horizontal: "flex-row"
+    }
+  },
+  defaultVariants: {
+    orientation: "vertical"
+  }
+});
+var stepVariants = cva({
+  base: "flex gap-3",
+  variants: {
+    status: {
+      completed: "text-foreground",
+      active: "text-foreground",
+      upcoming: "text-muted-foreground"
+    }
+  },
+  defaultVariants: {
+    status: "upcoming"
+  }
+});
+var stepIndicatorVariants = cva({
+  base: "flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-full border-2 text-sm font-semibold",
+  variants: {
+    status: {
+      completed: "border-primary bg-primary text-primary-foreground",
+      active: "border-primary bg-background text-primary",
+      upcoming: "border-muted bg-background text-muted-foreground"
+    }
+  },
+  defaultVariants: {
+    status: "upcoming"
+  }
+});
+var stepTitleVariants = cva({
+  base: "font-semibold leading-none tracking-tight"
+});
+var stepDescriptionVariants = cva({
+  base: "text-sm text-muted-foreground mt-1"
+});
+var Steps = React42.forwardRef(
+  ({ className, orientation, ...props }, ref) => {
+    const api = createSteps();
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn(stepsVariants({ orientation }), className),
+        ...api.dataAttributes,
+        ...props
+      }
+    );
+  }
+);
+Steps.displayName = "Steps";
+var Step = React42.forwardRef(
+  ({ className, status, ...props }, ref) => {
+    const api = createStep();
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn(stepVariants({ status }), className),
+        ...api.dataAttributes,
+        ...props
+      }
+    );
+  }
+);
+Step.displayName = "Step";
+var StepIndicator = React42.forwardRef(
+  ({ className, status, ...props }, ref) => {
+    const api = createStepIndicator();
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn(stepIndicatorVariants({ status }), className),
+        ...api.dataAttributes,
+        ...props
+      }
+    );
+  }
+);
+StepIndicator.displayName = "StepIndicator";
+var StepContent = React42.forwardRef(
+  ({ className, ...props }, ref) => {
+    const api = createStepContent();
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn("flex-1 pb-8", className),
+        ...api.dataAttributes,
+        ...props
+      }
+    );
+  }
+);
+StepContent.displayName = "StepContent";
+var StepTitle = React42.forwardRef(
+  ({ className, ...props }, ref) => {
+    const api = createStepTitle();
+    return /* @__PURE__ */ jsx(
+      "h4",
+      {
+        ref,
+        className: cn(stepTitleVariants(), className),
+        ...api.dataAttributes,
+        ...props
+      }
+    );
+  }
+);
+StepTitle.displayName = "StepTitle";
+var StepDescription = React42.forwardRef(
+  ({ className, ...props }, ref) => {
+    const api = createStepDescription();
+    return /* @__PURE__ */ jsx(
+      "p",
+      {
+        ref,
+        className: cn(stepDescriptionVariants(), className),
+        ...api.dataAttributes,
+        ...props
+      }
+    );
+  }
+);
+StepDescription.displayName = "StepDescription";
 var FileTree = () => {
   return /* @__PURE__ */ jsx("div", {});
 };
@@ -11575,15 +11850,95 @@ var IconSystem = () => {
   return /* @__PURE__ */ jsx("div", {});
 };
 
-// ../react-skip-to-content/dist/index.js
-var SkipToContent = () => {
-  return null;
-};
+// ../skip-to-content/dist/index.js
+function createSkipToContent() {
+  return { dataAttributes: { "data-slot": "skip-to-content" } };
+}
+var skipToContentVariants = cva({
+  base: "fixed left-4 top-4 z-[100] -translate-y-16 rounded-md border bg-background px-4 py-2 text-sm font-medium shadow-md transition-transform focus:translate-y-0 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2"
+});
+var SkipToContent = React42.forwardRef(
+  ({ className, targetId = "main-content", children = "Skip to content", ...props }, ref) => {
+    const api = createSkipToContent();
+    return /* @__PURE__ */ jsx(
+      "a",
+      {
+        ref,
+        href: `#${targetId}`,
+        className: cn(skipToContentVariants(), className),
+        ...api.dataAttributes,
+        ...props,
+        children
+      }
+    );
+  }
+);
+SkipToContent.displayName = "SkipToContent";
 
-// ../react-code-block/dist/index.js
-var CodeBlock = () => {
-  return null;
-};
+// ../code-block/dist/index.js
+function createCodeBlock() {
+  return { dataAttributes: { "data-slot": "code-block" } };
+}
+function createCodeBlockHeader() {
+  return { dataAttributes: { "data-slot": "code-block-header" } };
+}
+function createCodeBlockContent() {
+  return { dataAttributes: { "data-slot": "code-block-content" } };
+}
+var codeBlockVariants = cva({
+  base: "relative overflow-hidden rounded-lg border bg-zinc-950 text-zinc-50 dark:bg-zinc-900"
+});
+var codeBlockHeaderVariants = cva({
+  base: "flex items-center justify-between border-b border-zinc-800 bg-zinc-900/50 px-4 py-2 text-xs text-zinc-400"
+});
+var codeBlockContentVariants = cva({
+  base: "overflow-x-auto p-4 text-sm font-mono leading-relaxed"
+});
+var CodeBlock = React42.forwardRef(
+  ({ className, ...props }, ref) => {
+    const api = createCodeBlock();
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn(codeBlockVariants(), className),
+        ...api.dataAttributes,
+        ...props
+      }
+    );
+  }
+);
+CodeBlock.displayName = "CodeBlock";
+var CodeBlockHeader = React42.forwardRef(
+  ({ className, ...props }, ref) => {
+    const api = createCodeBlockHeader();
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn(codeBlockHeaderVariants(), className),
+        ...api.dataAttributes,
+        ...props
+      }
+    );
+  }
+);
+CodeBlockHeader.displayName = "CodeBlockHeader";
+var CodeBlockContent = React42.forwardRef(
+  ({ className, ...props }, ref) => {
+    const api = createCodeBlockContent();
+    return /* @__PURE__ */ jsx(
+      "pre",
+      {
+        ref,
+        className: cn(codeBlockContentVariants(), className),
+        ...api.dataAttributes,
+        ...props
+      }
+    );
+  }
+);
+CodeBlockContent.displayName = "CodeBlockContent";
 
 // ../link-card/dist/index.js
 function createLinkCard(_props = {}) {
@@ -11692,6 +12047,6 @@ var PaymentButton = React42.forwardRef(
 );
 PaymentButton.displayName = "PaymentButton";
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AltHintState, AnimatedText, AppShell, AuthGuard, AuthProvider, Avatar, AvatarFallback, AvatarGroup, AvatarImage, Badge, BadgeDisplay, BottomNav, Breadcrumbs, Button, CATEGORY_LABELS, Calendar, CalendarHeader, Callout, Card2 as Card, CardContent, CardDescription, CardFooter, CardGrid, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselTrigger, Checkbox, CodeBlock, CodeEditor, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, ContentProtection, 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_COLORS2 as STATUS_COLORS, STATUS_LABELS2 as STATUS_LABELS, SearchBar, SearchResultItem, SearchResults, Select, SelectContent, SelectItem, SelectTrigger, ShortcutBadge, ShortcutContext, ShortcutHint, ShortcutProvider, ShortcutRegistry, Sidebar, Skeleton, SkeletonText, SkipToContent, SlideViewer, StatsGrid, StatusIndicator, Steps, Switch, TableOfContents, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ThemeProvider, ThemeScript, ThemeToggle, ThreadView, Toast, ToastProvider, Toaster, Tooltip, TooltipContent, TooltipTrigger, TypewriterText, VersionSelector, VideoPlayer, 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, codeEditorTokens, codeEditorVariants, collapsibleContentVariants, commandGroupVariants, commandInputVariants, commandItemVariants, commandVariants, contentProtectionVariants, controlsVariants, dayVariants, deviceFrameVariants, dialogContentVariants, editorVariants, emojiPickerContainerStyles, emojiPickerEmojiButtonStyles, emojiPickerGridStyles, feedbackDialogVariants, fileUploadDropZoneVariants, fileUploadFileItemStyles, fileUploadFileListStyles, footerVariants, formatFileSize, formatRelativeTime, formatShortcut, formatTimestamp, getAssignableRoles, getDefaultPortal, getInitials, globalShortcutRegistry, hasAllRoles, hasAnyRole, hasRole, headerVariants, indeterminateIconPath, inputGroupAddonVariants, inputGroupButtonVariants, inputGroupTokens, inputGroupVariants, inputVariants, installPromptVariants, latestBadgeVariants, markdownRendererTokens, menuContentVariants, menuItemVariants, mobileNavContentVariants, mobileNavLinkVariants, mobileNavTokens, mobileNavTriggerVariants, mobileNavVariants, navLinkVariants, navbarVariants, optionVariants, otpInputContainerVariants, otpInputSlotVariants, otpInputTokens, overlayStyles, overlayVariants, playerVariants, popoverContentVariants, previewVariants, progressBarVariants, proseVariants, radioCircleVariants, radioGroupVariants, radioItemVariants, reactionAddButtonStyles, reactionBarStyles, reactionCountStyles, reactionEmojiStyles, reactionPillVariants, resizableDividerVariants, resizableLayoutTokens, resizableLayoutVariants, resizablePaneVariants, rowVariants, searchBarVariants, searchResultVariants, selectContentVariants, selectItemVariants, selectTokens, selectTriggerVariants, selectorVariants, shortcutBadgeStyles, shortcutKeyStyles, shortcutSeparatorStyles, sidebarItemVariants, sidebarVariants, skeletonVariants, slideTypeBadgeVariants, progressBarVariants2 as slideViewerProgressBarVariants, slideViewerTokens, slideViewerVariants, statCardVariants, statsGridVariants, statusContainerStyles, statusDotVariants, statusLabelStyles, statusPulseVariants, switchThumbVariants, switchTokens, switchVariants, tableVariants, tabsListVariants, tabsTriggerVariants, textareaVariants, threadAuthorStyles, threadAvatarStyles, threadBodyStyles, threadContainerStyles, threadContentStyles, threadMessageStyles, threadReactionsStyles, threadTimestampStyles, toastVariants, toolbarVariants, tooltipContentVariants, typewriterVariants, useAuth, useShortcut, useTheme, useToast, optionVariants2 as versionSelectorOptionVariants, versionSelectorVariants, watermarkVariants };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AltHintState, AnimatedText, AppShell, AuthGuard, AuthProvider, Avatar, AvatarFallback, AvatarGroup, AvatarImage, Badge, BadgeDisplay, BottomNav, Breadcrumbs, Button, CATEGORY_LABELS, Calendar, CalendarHeader, Callout, CalloutContent, CalloutDescription, CalloutIcon, CalloutTitle, Card2 as Card, CardContent, CardDescription, CardFooter, CardGrid, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselTrigger, Checkbox, CodeBlock, CodeBlockContent, CodeBlockHeader, CodeEditor, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, ContentProtection, 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_COLORS2 as STATUS_COLORS, STATUS_LABELS2 as STATUS_LABELS, SearchBar, SearchResultItem, SearchResults, Select, SelectContent, SelectItem, SelectTrigger, ShortcutBadge, ShortcutContext, ShortcutHint, ShortcutProvider, ShortcutRegistry, Sidebar, Skeleton, SkeletonText, SkipToContent, SlideViewer, StatsGrid, StatusIndicator, Step, StepContent, StepDescription, StepIndicator, StepTitle, Steps, Switch, TableOfContents, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ThemeProvider, ThemeScript, ThemeToggle, ThreadView, Toast, ToastProvider, Toaster, Tooltip, TooltipContent, TooltipTrigger, TypewriterText, VersionSelector, VideoPlayer, 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, codeEditorTokens, codeEditorVariants, collapsibleContentVariants, commandGroupVariants, commandInputVariants, commandItemVariants, commandVariants, contentProtectionVariants, controlsVariants, dayVariants, deviceFrameVariants, dialogContentVariants, editorVariants, emojiPickerContainerStyles, emojiPickerEmojiButtonStyles, emojiPickerGridStyles, feedbackDialogVariants, fileUploadDropZoneVariants, fileUploadFileItemStyles, fileUploadFileListStyles, footerVariants, formatFileSize, formatRelativeTime, formatShortcut, formatTimestamp, getAssignableRoles, getDefaultPortal, getInitials, globalShortcutRegistry, hasAllRoles, hasAnyRole, hasRole, headerVariants, indeterminateIconPath, inputGroupAddonVariants, inputGroupButtonVariants, inputGroupTokens, inputGroupVariants, inputVariants, installPromptVariants, latestBadgeVariants, markdownRendererTokens, menuContentVariants, menuItemVariants, mobileNavContentVariants, mobileNavLinkVariants, mobileNavTokens, mobileNavTriggerVariants, mobileNavVariants, navLinkVariants, navbarVariants, optionVariants, otpInputContainerVariants, otpInputSlotVariants, otpInputTokens, overlayStyles, overlayVariants, playerVariants, popoverContentVariants, previewVariants, progressBarVariants, proseVariants, radioCircleVariants, radioGroupVariants, radioItemVariants, reactionAddButtonStyles, reactionBarStyles, reactionCountStyles, reactionEmojiStyles, reactionPillVariants, resizableDividerVariants, resizableLayoutTokens, resizableLayoutVariants, resizablePaneVariants, rowVariants, searchBarVariants, searchResultVariants, selectContentVariants, selectItemVariants, selectTokens, selectTriggerVariants, selectorVariants, shortcutBadgeStyles, shortcutKeyStyles, shortcutSeparatorStyles, sidebarItemVariants, sidebarVariants, skeletonVariants, slideTypeBadgeVariants, progressBarVariants2 as slideViewerProgressBarVariants, slideViewerTokens, slideViewerVariants, statCardVariants, statsGridVariants, statusContainerStyles, statusDotVariants, statusLabelStyles, statusPulseVariants, switchThumbVariants, switchTokens, switchVariants, tableVariants, tabsListVariants, tabsTriggerVariants, textareaVariants, threadAuthorStyles, threadAvatarStyles, threadBodyStyles, threadContainerStyles, threadContentStyles, threadMessageStyles, threadReactionsStyles, threadTimestampStyles, toastVariants, toolbarVariants, tooltipContentVariants, typewriterVariants, useAuth, useShortcut, useTheme, useToast, optionVariants2 as versionSelectorOptionVariants, versionSelectorVariants, watermarkVariants };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map