@birdycom/omniaui-react 0.12.1 → 0.12.2

package/dist/index.d.ts

@@ -1003,6 +1003,20 @@ interface LinkArrowProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
 /** `<a class="oc-link-arrow">`: text link with an arrow that moves on hover and focus. */
 declare const LinkArrow: react.ForwardRefExoticComponent<LinkArrowProps & react.RefAttributes<HTMLAnchorElement>>;
 
+interface LinkRowLink {
+    href: string;
+    label: ReactNode;
+}
+interface LinkRowProps extends HTMLAttributes<HTMLUListElement> {
+    /** The links; external ones get an arrow and github.com links the GitHub mark (CSS, by the href). Or pass <li> children. */
+    links?: LinkRowLink[];
+    tone?: "default" | "accent" | "muted";
+    size?: "sm" | "default" | "lg";
+    children?: ReactNode;
+}
+/** `<ul class="oc-link-row">`: a row of links under a card, icons by the href. */
+declare const LinkRow: react.ForwardRefExoticComponent<LinkRowProps & react.RefAttributes<HTMLUListElement>>;
+
 interface ListToolbarView {
     /** "cards", "table" or "list" (matches `.oc-list-toolbar-panel[data-view]`). */
     value: string;
@@ -1026,6 +1040,23 @@ interface ListToolbarProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChang
 /** `.oc-list-toolbar`: search, count, view toggle and actions above a list. */
 declare const ListToolbar: react.ForwardRefExoticComponent<ListToolbarProps & react.RefAttributes<HTMLDivElement>>;
 
+interface LiveFrameProps extends HTMLAttributes<HTMLDivElement> {
+    /** Page to show in an iframe. Leave empty and pass children (an <img>, <video>, or .oc-live-frame__content). */
+    src?: string;
+    /** Accessible name of the iframe. */
+    title?: string;
+    /** Virtual size in px: the page is laid out at this size and scaled to the frame width. */
+    width?: number;
+    height?: number;
+    /** A picture of a page: clicks and scrolling pass through. */
+    static?: boolean;
+    /** Put the frame in the view slot of an OmniaUI browser frame (adds .oc-browser-frame__view). */
+    inBrowserFrame?: boolean;
+    children?: ReactNode;
+}
+/** `.oc-live-frame`: a live page at a virtual size, scaled down to the frame width in pure CSS. */
+declare const LiveFrame: react.ForwardRefExoticComponent<LiveFrameProps & react.RefAttributes<HTMLDivElement>>;
+
 interface MarqueeProps extends HTMLAttributes<HTMLDivElement> {
     /** Items of the strip. They are rendered twice; the copy is aria-hidden. */
     items: ReactNode[];
@@ -2083,6 +2114,24 @@ interface VersionBannerProps extends HTMLAttributes<HTMLDivElement> {
 /** `.oc-version-banner`: "new version available - reload" chip. */
 declare const VersionBanner: react.ForwardRefExoticComponent<VersionBannerProps & react.RefAttributes<HTMLDivElement>>;
 
+type WatermarkVariant = "diagonal" | "straight" | "tile" | "corner" | "corner-top";
+type WatermarkTone = "default" | "light" | "primary" | "destructive";
+interface WatermarkProps extends HTMLAttributes<HTMLSpanElement> {
+    /** The text ("Concept", "Draft"), or a logo (<img>) or icon (<svg>). */
+    text?: ReactNode;
+    variant?: WatermarkVariant;
+    tone?: WatermarkTone;
+    /** How often the text repeats with variant="tile". */
+    repeat?: number;
+    /** Turn an <img> logo into a flat gray stamp. */
+    mono?: boolean;
+}
+/**
+ * `<span class="oc-watermark">`: light text over its positioned parent (put it last inside an element with
+ * `className="relative"`). Click-through and aria-hidden: say "draft" in the content itself when it matters.
+ */
+declare const Watermark: react.ForwardRefExoticComponent<WatermarkProps & react.RefAttributes<HTMLSpanElement>>;
+
 interface BlockAboutTimelineProps extends Omit<HTMLAttributes<HTMLElement>, "title"> {
     eyebrow?: ReactNode;
     /** Heading; wrap a part in `<span className="oc-text-gradient">`. */
@@ -2643,4 +2692,4 @@ interface BlockWizardDialogProps extends Omit<DialogHTMLAttributes<HTMLDialogEle
 /** `dialog.oc-modal` wizard: stepper rail on the left, step content and Back / Next footer. */
 declare const BlockWizardDialog: react.ForwardRefExoticComponent<BlockWizardDialogProps & react.RefAttributes<HTMLDialogElement>>;
 
-export { Accordion, AccordionAccent, AccordionAccentMeta, type AccordionAccentPreset, type AccordionAccentProps, type AccordionAccentTone, AccordionItem, type AccordionItemProps, AffixInput, type AffixInputProps, type AffixInputVariant, Alert, AlertDialog, type AlertDialogProps, type AlertDialogType, type AlertProps, type AlertVariant, AlphaTabs, type AlphaTabsProps, type AppHeaderNavItem, Attachment, type AttachmentFile, AttachmentImage, type AttachmentImageProps, AttachmentList, type AttachmentListProps, type AttachmentProps, AttachmentThumb, type AttachmentThumbProps, type AttachmentType, Avatar, AvatarGroup, type AvatarProps, type AvatarSize, BackLink, Badge, type BadgeProps, type BadgeVariant, BarcodeInput, type BarcodeInputProps, BlockAboutTimeline, type BlockAboutTimelineProps, BlockAppHeader, type BlockAppHeaderProps, BlockAppShell, type BlockAppShellProps, BlockAuth, type BlockAuthProps, BlockAuthSplit, type BlockAuthSplitProps, BlockContactGrid, type BlockContactGridProps, BlockCta, type BlockCtaProps, BlockDataTable, type BlockDataTableProps, BlockDataTableSpacer, BlockFaq, type BlockFaqProps, BlockFeatures, type BlockFeaturesProps, BlockFooter, type BlockFooterProps, BlockFormPage, BlockFormPageGrid, type BlockFormPageProps, BlockHero, BlockHeroCode, type BlockHeroCodeProps, BlockHeroOrbit, type BlockHeroOrbitProps, type BlockHeroProps, BlockHeroSplit, type BlockHeroSplitProps, BlockModuleHeader, type BlockModuleHeaderProps, BlockPageHero, type BlockPageHeroProps, BlockPortfolioGrid, type BlockPortfolioGridProps, BlockPricing, type BlockPricingProps, BlockProcess, type BlockProcessProps, BlockProductGrid, type BlockProductGridProps, BlockProfileHeader, type BlockProfileHeaderProps, BlockShowcase, type BlockShowcaseProps, BlockSiteFooter, type BlockSiteFooterProps, BlockSiteHeader, type BlockSiteHeaderProps, BlockSpotlight, type BlockSpotlightProps, BlockStats, BlockStatsCounter, type BlockStatsCounterProps, type BlockStatsProps, BlockTeamList, type BlockTeamListProps, BlockTwoFactor, type BlockTwoFactorProps, BlockWizardDialog, type BlockWizardDialogProps, Breadcrumb, type BreadcrumbItemData, type BreadcrumbProps, BrowserFrame, type BrowserFrameProps, BusyOverlay, type BusyOverlayProps, Button, ButtonLink, type ButtonLinkProps, type ButtonProps, type ButtonSize, type ButtonVariant, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChartLine, type ChartLineProps, type ChartLineSeries, ChatComposer, type ChatComposerProps, Checkbox, type CheckboxProps, Checklist, ChecklistItem, type ChecklistItemProps, type ChecklistProps, ChipFilter, type ChipFilterOption, type ChipFilterProps, Collapsible, type CollapsibleProps, ColorField, type ColorFieldProps, ColorSelect, type ColorSelectOption, type ColorSelectProps, ColumnMenu, type ColumnMenuColumn, type ColumnMenuProps, Command, type CommandGroupData, type CommandItemData, type CommandProps, ConfirmDialog, type ConfirmDialogProps, type ConsentChoice, type ContactGridCard, type ContactGridLine, type CookieCategory, CookieConsent, type CookieConsentProps, CopyField, type CopyFieldProps, Counter, type CounterProps, type CounterStat, DataTable, type DataTableColumn, type DataTableProps, type DataTableRow, DecimalInput, type DecimalInputProps, type DefinitionItem, DefinitionList, type DefinitionListProps, DialogContext, type DialogState, DocViewer, type DocViewerItem, type DocViewerProps, Dropdown, DropdownItem, DropdownLabel, type DropdownProps, DropdownSeparator, Dropzone, type DropzoneProps, type EmojiGroup, EmojiPicker, type EmojiPickerProps, EmptyState, type EmptyStateProps, EntityCard, type EntityCardProps, FactList, type FactListProps, type FactListRow, type FaqItem, type Feature, FieldGroup, FilterCounts, type FilterCountsOption, type FilterCountsProps, FilterPill, FilterPills, FlipCard, type FlipCardProps, type FooterColumn, type FooterLink, FormField, type FormFieldProps, Greeting, type GreetingProps, type GreetingTimeOfDay, Heading, type HeadingProps, type HeroOrbitMark, type HeroTile, Icon, type IconProps, ImageZoom, type ImageZoomProps, Input, InputGroup, type InputGroupProps, type InputProps, LanguageSelect, type LanguageSelectOption, type LanguageSelectProps, LauncherCard, type LauncherCardProps, Lightbox, type LightboxImage, type LightboxProps, LinkArrow, type LinkArrowDirection, type LinkArrowProps, ListToolbar, type ListToolbarProps, type ListToolbarView, Marquee, type MarqueeProps, MediaCard, type MediaCardProps, MediaRow, MediaRowList, type MediaRowListProps, type MediaRowProps, MediaThumb, type MediaThumbProps, Message, type MessageAction, type MessageAttachment, MessageAttachments, type MessageData, MessageDivider, type MessageDividerProps, MessageList, type MessageListItem, type MessageListProps, type MessageProps, MessageThread, type MessageThreadProps, Modal, ModalClose, type ModalProps, type ModalSize, Navmenu, NavmenuDropdown, type NavmenuDropdownProps, NavmenuItem, NavmenuLink, type NavmenuLinkProps, type NavmenuProps, NextTeaser, type NextTeaserProps, NumberInput, type NumberInputProps, OtpInput, type OtpInputProps, PageHeader, type PageHeaderProps, Pagination, type PaginationProps, PasswordInput, type PasswordInputProps, PasswordRequirements, type PasswordRequirementsProps, type PasswordRule, type PhoneCountry, PhoneInput, type PhoneInputProps, Popover, type PopoverProps, type PortfolioGridProject, PriceCard, type PriceCardFeature, type PriceCardPrice, type PriceCardProps, type PricingPlan, type ProcessStep, type Product, ProductMark, type ProductMarkAccent, type ProductMarkProps, type ProductMarkSize, type ProfileHeaderTab, Progress, type ProgressProps, ProjectCard, type ProjectCardProps, Prose, ProseLead, type ProseProps, RecoveryCodes, type RecoveryCodesProps, Segmented, type SegmentedOption, type SegmentedProps, Select, type SelectOption, type SelectProps, SeverityCard, type SeverityCardProps, type SeverityLevel, Sheet, type SheetProps, type SheetSide, type ShowcaseProject, Sidebar, SidebarCollapsible, type SidebarCollapsibleProps, SidebarGroup, type SidebarGroupProps, SidebarMenu, SidebarMenuButton, type SidebarMenuButtonProps, SidebarMenuItem, type SidebarProps, SidebarSeparator, type SiteFooterColumn, type SiteHeaderLink, Skeleton, type SkeletonProps, SortableRow, type SortableRowProps, type SpotlightModule, StackCard, type StackCardProps, StackList, type StackListItem, type StackListProps, type Stat, StatCard, StatCardGrid, type StatCardProps, Stepper, type StepperProps, type StepperStep, Switch, type SwitchProps, type TabItem, Table, TableActionIcon, type TableActionTone, TableActions, TableActionsMenu, type TableActionsMenuProps, TableCompact, type TableCompactColumn, type TableCompactProps, TableEmpty, type TableProps, TableRowAction, TableSort, type TableSortProps, Tabs, type TabsProps, TagInput, type TagInputProps, type TeamMember, TerminalLog, type TerminalLogLevel, type TerminalLogLine, type TerminalLogProps, Textarea, type TextareaProps, type ThemeMode, ThemeSwitch, type ThemeSwitchProps, type ThreadMenuItem, type ThreadParticipant, TimeInput, type TimeInputProps, Timeline, type TimelineEntry, type TimelineProps, Toast, ToastContainer, type ToastOptions, type ToastProps, ToastProvider, type ToastProviderProps, type ToastVariant, ToggleField, type ToggleFieldProps, Tooltip, type TooltipProps, TopProgress, type TopProgressProps, type TopProgressTone, Tree, type TreeItem, type TreeProps, UpgradeBanner, type UpgradeBannerProps, type UpgradeBannerUsage, User, type UserProps, VersionBanner, type VersionBannerProps, type WizardStep, attachmentMeta, attrs, buttonClass, callAll, chartLinePath, closeMenuOf, cx, defaultPasswordRules, formatDecimal, formatPhoneNational, formatTime24h, greetingTimeOfDay, handleMenuKeyDown, menuItems, mod, niceMax, parseDecimal, useControllable, useDialog, useDialogContext, useMenuAutofocus, useMergedRef, useToast };
+export { Accordion, AccordionAccent, AccordionAccentMeta, type AccordionAccentPreset, type AccordionAccentProps, type AccordionAccentTone, AccordionItem, type AccordionItemProps, AffixInput, type AffixInputProps, type AffixInputVariant, Alert, AlertDialog, type AlertDialogProps, type AlertDialogType, type AlertProps, type AlertVariant, AlphaTabs, type AlphaTabsProps, type AppHeaderNavItem, Attachment, type AttachmentFile, AttachmentImage, type AttachmentImageProps, AttachmentList, type AttachmentListProps, type AttachmentProps, AttachmentThumb, type AttachmentThumbProps, type AttachmentType, Avatar, AvatarGroup, type AvatarProps, type AvatarSize, BackLink, Badge, type BadgeProps, type BadgeVariant, BarcodeInput, type BarcodeInputProps, BlockAboutTimeline, type BlockAboutTimelineProps, BlockAppHeader, type BlockAppHeaderProps, BlockAppShell, type BlockAppShellProps, BlockAuth, type BlockAuthProps, BlockAuthSplit, type BlockAuthSplitProps, BlockContactGrid, type BlockContactGridProps, BlockCta, type BlockCtaProps, BlockDataTable, type BlockDataTableProps, BlockDataTableSpacer, BlockFaq, type BlockFaqProps, BlockFeatures, type BlockFeaturesProps, BlockFooter, type BlockFooterProps, BlockFormPage, BlockFormPageGrid, type BlockFormPageProps, BlockHero, BlockHeroCode, type BlockHeroCodeProps, BlockHeroOrbit, type BlockHeroOrbitProps, type BlockHeroProps, BlockHeroSplit, type BlockHeroSplitProps, BlockModuleHeader, type BlockModuleHeaderProps, BlockPageHero, type BlockPageHeroProps, BlockPortfolioGrid, type BlockPortfolioGridProps, BlockPricing, type BlockPricingProps, BlockProcess, type BlockProcessProps, BlockProductGrid, type BlockProductGridProps, BlockProfileHeader, type BlockProfileHeaderProps, BlockShowcase, type BlockShowcaseProps, BlockSiteFooter, type BlockSiteFooterProps, BlockSiteHeader, type BlockSiteHeaderProps, BlockSpotlight, type BlockSpotlightProps, BlockStats, BlockStatsCounter, type BlockStatsCounterProps, type BlockStatsProps, BlockTeamList, type BlockTeamListProps, BlockTwoFactor, type BlockTwoFactorProps, BlockWizardDialog, type BlockWizardDialogProps, Breadcrumb, type BreadcrumbItemData, type BreadcrumbProps, BrowserFrame, type BrowserFrameProps, BusyOverlay, type BusyOverlayProps, Button, ButtonLink, type ButtonLinkProps, type ButtonProps, type ButtonSize, type ButtonVariant, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChartLine, type ChartLineProps, type ChartLineSeries, ChatComposer, type ChatComposerProps, Checkbox, type CheckboxProps, Checklist, ChecklistItem, type ChecklistItemProps, type ChecklistProps, ChipFilter, type ChipFilterOption, type ChipFilterProps, Collapsible, type CollapsibleProps, ColorField, type ColorFieldProps, ColorSelect, type ColorSelectOption, type ColorSelectProps, ColumnMenu, type ColumnMenuColumn, type ColumnMenuProps, Command, type CommandGroupData, type CommandItemData, type CommandProps, ConfirmDialog, type ConfirmDialogProps, type ConsentChoice, type ContactGridCard, type ContactGridLine, type CookieCategory, CookieConsent, type CookieConsentProps, CopyField, type CopyFieldProps, Counter, type CounterProps, type CounterStat, DataTable, type DataTableColumn, type DataTableProps, type DataTableRow, DecimalInput, type DecimalInputProps, type DefinitionItem, DefinitionList, type DefinitionListProps, DialogContext, type DialogState, DocViewer, type DocViewerItem, type DocViewerProps, Dropdown, DropdownItem, DropdownLabel, type DropdownProps, DropdownSeparator, Dropzone, type DropzoneProps, type EmojiGroup, EmojiPicker, type EmojiPickerProps, EmptyState, type EmptyStateProps, EntityCard, type EntityCardProps, FactList, type FactListProps, type FactListRow, type FaqItem, type Feature, FieldGroup, FilterCounts, type FilterCountsOption, type FilterCountsProps, FilterPill, FilterPills, FlipCard, type FlipCardProps, type FooterColumn, type FooterLink, FormField, type FormFieldProps, Greeting, type GreetingProps, type GreetingTimeOfDay, Heading, type HeadingProps, type HeroOrbitMark, type HeroTile, Icon, type IconProps, ImageZoom, type ImageZoomProps, Input, InputGroup, type InputGroupProps, type InputProps, LanguageSelect, type LanguageSelectOption, type LanguageSelectProps, LauncherCard, type LauncherCardProps, Lightbox, type LightboxImage, type LightboxProps, LinkArrow, type LinkArrowDirection, type LinkArrowProps, LinkRow, type LinkRowLink, type LinkRowProps, ListToolbar, type ListToolbarProps, type ListToolbarView, LiveFrame, type LiveFrameProps, Marquee, type MarqueeProps, MediaCard, type MediaCardProps, MediaRow, MediaRowList, type MediaRowListProps, type MediaRowProps, MediaThumb, type MediaThumbProps, Message, type MessageAction, type MessageAttachment, MessageAttachments, type MessageData, MessageDivider, type MessageDividerProps, MessageList, type MessageListItem, type MessageListProps, type MessageProps, MessageThread, type MessageThreadProps, Modal, ModalClose, type ModalProps, type ModalSize, Navmenu, NavmenuDropdown, type NavmenuDropdownProps, NavmenuItem, NavmenuLink, type NavmenuLinkProps, type NavmenuProps, NextTeaser, type NextTeaserProps, NumberInput, type NumberInputProps, OtpInput, type OtpInputProps, PageHeader, type PageHeaderProps, Pagination, type PaginationProps, PasswordInput, type PasswordInputProps, PasswordRequirements, type PasswordRequirementsProps, type PasswordRule, type PhoneCountry, PhoneInput, type PhoneInputProps, Popover, type PopoverProps, type PortfolioGridProject, PriceCard, type PriceCardFeature, type PriceCardPrice, type PriceCardProps, type PricingPlan, type ProcessStep, type Product, ProductMark, type ProductMarkAccent, type ProductMarkProps, type ProductMarkSize, type ProfileHeaderTab, Progress, type ProgressProps, ProjectCard, type ProjectCardProps, Prose, ProseLead, type ProseProps, RecoveryCodes, type RecoveryCodesProps, Segmented, type SegmentedOption, type SegmentedProps, Select, type SelectOption, type SelectProps, SeverityCard, type SeverityCardProps, type SeverityLevel, Sheet, type SheetProps, type SheetSide, type ShowcaseProject, Sidebar, SidebarCollapsible, type SidebarCollapsibleProps, SidebarGroup, type SidebarGroupProps, SidebarMenu, SidebarMenuButton, type SidebarMenuButtonProps, SidebarMenuItem, type SidebarProps, SidebarSeparator, type SiteFooterColumn, type SiteHeaderLink, Skeleton, type SkeletonProps, SortableRow, type SortableRowProps, type SpotlightModule, StackCard, type StackCardProps, StackList, type StackListItem, type StackListProps, type Stat, StatCard, StatCardGrid, type StatCardProps, Stepper, type StepperProps, type StepperStep, Switch, type SwitchProps, type TabItem, Table, TableActionIcon, type TableActionTone, TableActions, TableActionsMenu, type TableActionsMenuProps, TableCompact, type TableCompactColumn, type TableCompactProps, TableEmpty, type TableProps, TableRowAction, TableSort, type TableSortProps, Tabs, type TabsProps, TagInput, type TagInputProps, type TeamMember, TerminalLog, type TerminalLogLevel, type TerminalLogLine, type TerminalLogProps, Textarea, type TextareaProps, type ThemeMode, ThemeSwitch, type ThemeSwitchProps, type ThreadMenuItem, type ThreadParticipant, TimeInput, type TimeInputProps, Timeline, type TimelineEntry, type TimelineProps, Toast, ToastContainer, type ToastOptions, type ToastProps, ToastProvider, type ToastProviderProps, type ToastVariant, ToggleField, type ToggleFieldProps, Tooltip, type TooltipProps, TopProgress, type TopProgressProps, type TopProgressTone, Tree, type TreeItem, type TreeProps, UpgradeBanner, type UpgradeBannerProps, type UpgradeBannerUsage, User, type UserProps, VersionBanner, type VersionBannerProps, Watermark, type WatermarkProps, type WatermarkTone, type WatermarkVariant, type WizardStep, attachmentMeta, attrs, buttonClass, callAll, chartLinePath, closeMenuOf, cx, defaultPasswordRules, formatDecimal, formatPhoneNational, formatTime24h, greetingTimeOfDay, handleMenuKeyDown, menuItems, mod, niceMax, parseDecimal, useControllable, useDialog, useDialogContext, useMenuAutofocus, useMergedRef, useToast };