@tapizlabs/ui 0.2.11 → 0.2.13

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import react__default, { ReactNode, MouseEvent, ComponentType, InputHTMLAttributes, SelectHTMLAttributes, TextareaHTMLAttributes, LabelHTMLAttributes, HTMLAttributes, Component, ErrorInfo, CSSProperties } from 'react';
+import react__default, { ReactNode, MouseEvent, ComponentType, InputHTMLAttributes, SelectHTMLAttributes, TextareaHTMLAttributes, LabelHTMLAttributes, HTMLAttributes, Component, ErrorInfo, CSSProperties, ButtonHTMLAttributes } from 'react';
 
 interface IconProps {
     size?: number;
@@ -51,6 +51,7 @@ declare const RotateCcw: ({ size, className, style }: IconProps) => react.JSX.El
 declare const Pdf: ({ size, className, style }: IconProps) => react.JSX.Element;
 declare const Printer: ({ size, className, style }: IconProps) => react.JSX.Element;
 declare const ExternalLink: ({ size, className, style }: IconProps) => react.JSX.Element;
+declare const GitHubIcon: ({ size, className, style }: IconProps) => react.JSX.Element;
 declare const Image: ({ size, className, style }: IconProps) => react.JSX.Element;
 declare const Star: ({ size, className, style }: IconProps) => react.JSX.Element;
 declare const AppleIcon: ({ size, className, style }: IconProps) => react.JSX.Element;
@@ -102,6 +103,14 @@ interface LogoMarkProps {
     bgClassName?: string;
     bgFill?: string;
     bgOpacity?: number;
+    /**
+     * Visual tone:
+     * - "solid" (default) = filled teal tile with white glyph in negative space.
+     * - "outline" = transparent tile with an accent stroke border and the glyph
+     *   drawn in the accent color (`currentColor`), so it reads cleanly inside an
+     *   outline button on any background.
+     */
+    tone?: "solid" | "outline";
     /**
      * Product glyph:
      * - "lms" = T monogram
@@ -113,7 +122,7 @@ interface LogoMarkProps {
      */
     variant?: "lms" | "boards" | "playground" | "whiteboard" | "cloud" | "specs";
 }
-declare const LogoMark: ({ size, className, bgClassName, bgFill, bgOpacity, variant, }: LogoMarkProps) => react.JSX.Element;
+declare const LogoMark: ({ size, className, bgClassName, bgFill, bgOpacity, tone, variant, }: LogoMarkProps) => react.JSX.Element;
 
 declare const FormIcon: ({ size, className, style }: IconProps) => react.JSX.Element;
 declare const CalendarWeek: ({ size, className, style }: IconProps) => react.JSX.Element;
@@ -412,6 +421,11 @@ interface InlineInfoBannerProps extends BaseProps {
 type InfoBannerProps = StructuredInfoBannerProps | InlineInfoBannerProps;
 declare function InfoBanner(props: InfoBannerProps): react.JSX.Element;
 
+interface ThemeIconButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children"> {
+    icon: ReactNode;
+}
+declare function ThemeIconButton({ icon, className, type, ...props }: ThemeIconButtonProps): react.JSX.Element;
+
 interface PageHeaderProps extends BaseProps {
     title: string;
     subtitle?: string;
@@ -623,22 +637,26 @@ interface DataTableProps<T> {
  */
 declare function DataTable<T>({ data, columns, rowKey, isLoading, emptyState, onRowClick, loadingRows, rowActions, serverSort, footer, mobileCard, density, variant, stickyHeader, striped, className, }: DataTableProps<T>): react.JSX.Element;
 
-interface MarketingShellProps extends BaseProps {
-    children: ReactNode;
-    grid?: boolean;
-    noise?: boolean;
-}
-declare function MarketingShell({ children, className, grid, noise }: MarketingShellProps): react.JSX.Element;
-
-interface HeroFrameProps extends BaseProps {
+interface CTASectionProps extends BaseProps {
     eyebrow?: ReactNode;
     title: ReactNode;
     description?: ReactNode;
     actions?: ReactNode;
-    visual?: ReactNode;
-    meta?: ReactNode;
 }
-declare function HeroFrame({ eyebrow, title, description, actions, visual, meta, className }: HeroFrameProps): react.JSX.Element;
+declare function CTASection({ eyebrow, title, description, actions, className }: CTASectionProps): react.JSX.Element;
+
+interface ComparisonTableRow {
+    feature: ReactNode;
+    included: ReactNode;
+    alternative?: ReactNode;
+}
+interface ComparisonTableProps extends BaseProps {
+    rows: ComparisonTableRow[];
+    featureHeader?: ReactNode;
+    includedHeader?: ReactNode;
+    alternativeHeader?: ReactNode;
+}
+declare function ComparisonTable({ rows, featureHeader, includedHeader, alternativeHeader, className }: ComparisonTableProps): react.JSX.Element;
 
 interface FeatureCardProps extends BaseProps {
     title: ReactNode;
@@ -655,13 +673,50 @@ interface FeatureGridProps extends BaseProps {
 }
 declare function FeatureGrid({ children, className }: FeatureGridProps): react.JSX.Element;
 
-interface CTASectionProps extends BaseProps {
+interface HeroFrameProps extends BaseProps {
     eyebrow?: ReactNode;
     title: ReactNode;
     description?: ReactNode;
     actions?: ReactNode;
+    visual?: ReactNode;
+    meta?: ReactNode;
 }
-declare function CTASection({ eyebrow, title, description, actions, className }: CTASectionProps): react.JSX.Element;
+declare function HeroFrame({ eyebrow, title, description, actions, visual, meta, className }: HeroFrameProps): react.JSX.Element;
+
+interface LandingNavbarItem {
+    href: string;
+    icon?: ReactNode;
+    label: string;
+}
+interface LandingNavbarThemeLabels {
+    dark: string;
+    light: string;
+}
+interface LandingNavbarShellProps extends BaseProps {
+    ariaNavLabel: string;
+    brand: ReactNode;
+    closeMenuLabel?: string;
+    desktopActions?: ReactNode;
+    desktopLanguageSwitcher?: ReactNode;
+    items: LandingNavbarItem[];
+    menuLabel: string;
+    mobileActions?: ReactNode;
+    mobileDialogLabel?: string;
+    mobileLanguageSwitcher?: ReactNode;
+    mobileNavLabel?: string;
+    onThemeToggle: () => void;
+    theme: string;
+    themeLabels: LandingNavbarThemeLabels;
+    containerClassName?: string;
+}
+declare function LandingNavbarShell({ ariaNavLabel, brand, className, closeMenuLabel, containerClassName, desktopActions, desktopLanguageSwitcher, items, menuLabel, mobileActions, mobileDialogLabel, mobileLanguageSwitcher, mobileNavLabel, onThemeToggle, theme, themeLabels, }: LandingNavbarShellProps): react.JSX.Element;
+
+interface MarketingShellProps extends BaseProps {
+    children: ReactNode;
+    grid?: boolean;
+    noise?: boolean;
+}
+declare function MarketingShell({ children, className, grid, noise }: MarketingShellProps): react.JSX.Element;
 
 interface MockupFrameProps extends BaseProps {
     children: ReactNode;
@@ -670,19 +725,6 @@ interface MockupFrameProps extends BaseProps {
 }
 declare function MockupFrame({ children, title, toolbar, className }: MockupFrameProps): react.JSX.Element;
 
-interface ComparisonTableRow {
-    feature: ReactNode;
-    included: ReactNode;
-    alternative?: ReactNode;
-}
-interface ComparisonTableProps extends BaseProps {
-    rows: ComparisonTableRow[];
-    featureHeader?: ReactNode;
-    includedHeader?: ReactNode;
-    alternativeHeader?: ReactNode;
-}
-declare function ComparisonTable({ rows, featureHeader, includedHeader, alternativeHeader, className }: ComparisonTableProps): react.JSX.Element;
-
 interface AppShellProps extends BaseProps {
     sidebar?: ReactNode;
     topbar?: ReactNode;
@@ -1436,4 +1478,4 @@ interface InlineStatusProps extends BaseProps {
 }
 declare function InlineStatus({ tone, children, pulse, className }: InlineStatusProps): react.JSX.Element;
 
-export { AccessMatrix, type AccessMatrixPermission, type AccessMatrixProps, type AccessMatrixRole, Accordion, type AccordionItem, type AccordionProps, ActionMenu, type ActionMenuItem, type ActionMenuProps, Activity, ActivityFeed, type ActivityFeedItem, type ActivityFeedProps, ActivityMenu, Alert, type AlertProps, type AlertTone, AnnouncementBar, type AnnouncementBarProps, AppShell, type AppShellProps, AppleIcon, type ApprovalItem, ApprovalQueue, type ApprovalQueueProps, ArrowLeft, ArrowRight, AuditLog, type AuditLogItem, type AuditLogProps, Avatar, type AvatarProps, Badge, Ban, BarChart, BarList, type BarListItem, type BarListProps, BaseModal, type BaseModalProps, type BaseProps, Bell, Book, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonProps, CTASection, type CTASectionProps, Calendar, CalendarGrid, type CalendarGridDay, type CalendarGridProps, CalendarMonth, CalendarWeek, Callout, type CalloutProps, type CalloutTone, Card, CardBody, CardHeader, type CardPadding, type CardProps, type CardSectionProps, type CardVariant, Check, CheckCircle, CheckSquare, Checkbox, type CheckboxProps, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Clipboard, Clock, Cluster, type ClusterProps, CodeBlock, type CodeBlockProps, type ColorSwatchOption, ColorSwatchPicker, type ColorSwatchPickerProps, type Column, type ColumnAlign, Combobox, type ComboboxOption, type ComboboxProps, type CommandGroup, type CommandItem, CommandMenu, type CommandMenuProps, Compare, ComparisonMeter, type ComparisonMeterProps, ComparisonTable, type ComparisonTableProps, type ComparisonTableRow, ConfirmDialog, type ConfirmDialogProps, Container, type ContainerProps, type ContainerSize, Copy, Cpu, CreditCard, DataTable, type DataTableDensity, type DataTableProps, type DataTableVariant, DataToolbar, type DataToolbarProps, Database, DateRangePicker, type DateRangePickerProps, DefaultErrorFallback, Divider, type DividerProps, DonutMetric, type DonutMetricProps, Download, Drawer, type DrawerProps, Edit, EmptyState, type EmptyStateProps, ErrorBoundary, ErrorState, ExternalLink, Eye, EyeOff, type FAQItem, FAQSection, type FAQSectionProps, Faculty, FeatureCard, type FeatureCardProps, type FeatureFlag, FeatureFlagTable, type FeatureFlagTableProps, FeatureGrid, type FeatureGridProps, FieldHint, type FieldHintProps, FieldLabel, type FieldLabelProps, FileDropzone, type FileDropzoneProps, FileText, FileUpload, FilterChip, type FilterChipProps, FingerprintIcon, FormError, type FormErrorProps, FormField, type FormFieldProps, FormIcon, FormulaIcon, FunnelChart, type FunnelChartProps, type FunnelStep, Gear, Globe, GooglePlayIcon, GraduationCap, Grid, GridBg, HardDrive, Hash, HealthIndicator, type HealthIndicatorProps, type HealthTone, type HeatmapCell, HeatmapGrid, type HeatmapGridProps, HelpCircle, HeroFrame, type HeroFrameProps, History, Home, Icons, Image, type InboxItem, InboxList, type InboxListProps, Info, InfoBanner, type InfoBannerProps, InlineStatus, type InlineStatusProps, type InlineStatusTone, Input, InputGroup, type InputGroupProps, type InputProps, IntegrationCard, type IntegrationCardProps, type IntegrationStatus, Intersect, KanbanBoard, type KanbanBoardProps, type KanbanCardItem, type KanbanColumn, Kbd, type KbdProps, type KeyValueItem, KeyValueList, type KeyValueListProps, Layers, LoadingOverlay, type LoadingOverlayProps, LockIcon, LogOut, LogoCloud, type LogoCloudItem, type LogoCloudProps, LogoMark, Mail, MarketingShell, type MarketingShellProps, MasonryGrid, type MasonryGridProps, Megaphone, Menu, MetricCard, type MetricCardProps, type MetricTrendTone, MockupFrame, type MockupFrameProps, Monitor, Moon, NavAnalytics, NavQrAttendance, NavScoresheet, NavSecurity, type NotificationItem, NotificationList, type NotificationListProps, NumberIcon, OfficeHours, PageHeader, type PageHeaderProps, PageRail, type PageRailItem, type PageRailProps, PageSpinner, Pagination, type PaginationLabels, type PaginationProps, PasswordInput, type PasswordInputProps, Pdf, PlanUsage, type PlanUsageItem, type PlanUsageProps, Plus, Popover, type PopoverProps, PricingCard, type PricingCardProps, Printer, Progress, type ProgressProps, QrCode, RadioButton, type RadioButtonProps, RatingInput, type RatingInputProps, Refresh, RefreshCw, Repeat, Report, ResourceCard, type ResourceCardProps, ResponsiveGrid, type ResponsiveGridProps, type RoadmapItem, RoadmapList, type RoadmapListProps, RotateCcw, SLAStatus, type SLAStatusProps, Scan, ScoreRing, type ScoreRingProps, Search, SearchInput, type SearchInputProps, SectionCard, type SectionCardProps, SectionIcons, SectionTitle, type SectionTitleProps, Select, type SelectProps, Server, type ServerSort, Shield, SidebarNav, type SidebarNavGroup, type SidebarNavItem, type SidebarNavProps, Skeleton, SkeletonBanner, SkeletonCard, SkeletonKpiCard, SkeletonPageHeader, type SkeletonProps, SkeletonTable, Slider, type SliderProps, Smartphone, type SortDirection, type SortState, Sparkline, type SparklineProps, Spinner, type SpinnerProps, SplitPane, type SplitPaneProps, Spotlight, Stack, type StackProps, Star, StatGrid, type StatGridProps, StatsBand, type StatsBandItem, type StatsBandProps, StatusBadge, type StatusBadgeProps, type StatusBadgeVariant, type StepItem, Stepper, type StepperProps, StickyBar, type StickyBarProps, Sun, Surface, type SurfacePadding, type SurfaceProps, type SurfaceVariant, Switch, type SwitchProps, type TabItem, Table, Tablet, Tabs, type TabsProps, type TapizFrameworkPreset, type TapizPresetDefinition, TestimonialCard, type TestimonialCardProps, TextIcon, Textarea, TextareaCounter, type TextareaCounterProps, type TextareaProps, Timeline, type TimelineItem, type TimelineProps, Toast, type ToastProps, ToastProvider, type ToastProviderProps, type ToastState, ToggleGroup, type ToggleGroupProps, type ToggleOption, Tooltip, type TooltipProps, TopNav, type TopNavLink, type TopNavProps, Trash, Trophy, TwoFAIcon, University, User, UserCheck, UserCog, UserMinus, UserPlus, Users, X, Zap, tapizFrameworkPresets, useToast };
+export { AccessMatrix, type AccessMatrixPermission, type AccessMatrixProps, type AccessMatrixRole, Accordion, type AccordionItem, type AccordionProps, ActionMenu, type ActionMenuItem, type ActionMenuProps, Activity, ActivityFeed, type ActivityFeedItem, type ActivityFeedProps, ActivityMenu, Alert, type AlertProps, type AlertTone, AnnouncementBar, type AnnouncementBarProps, AppShell, type AppShellProps, AppleIcon, type ApprovalItem, ApprovalQueue, type ApprovalQueueProps, ArrowLeft, ArrowRight, AuditLog, type AuditLogItem, type AuditLogProps, Avatar, type AvatarProps, Badge, Ban, BarChart, BarList, type BarListItem, type BarListProps, BaseModal, type BaseModalProps, type BaseProps, Bell, Book, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonProps, CTASection, type CTASectionProps, Calendar, CalendarGrid, type CalendarGridDay, type CalendarGridProps, CalendarMonth, CalendarWeek, Callout, type CalloutProps, type CalloutTone, Card, CardBody, CardHeader, type CardPadding, type CardProps, type CardSectionProps, type CardVariant, Check, CheckCircle, CheckSquare, Checkbox, type CheckboxProps, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Clipboard, Clock, Cluster, type ClusterProps, CodeBlock, type CodeBlockProps, type ColorSwatchOption, ColorSwatchPicker, type ColorSwatchPickerProps, type Column, type ColumnAlign, Combobox, type ComboboxOption, type ComboboxProps, type CommandGroup, type CommandItem, CommandMenu, type CommandMenuProps, Compare, ComparisonMeter, type ComparisonMeterProps, ComparisonTable, type ComparisonTableProps, type ComparisonTableRow, ConfirmDialog, type ConfirmDialogProps, Container, type ContainerProps, type ContainerSize, Copy, Cpu, CreditCard, DataTable, type DataTableDensity, type DataTableProps, type DataTableVariant, DataToolbar, type DataToolbarProps, Database, DateRangePicker, type DateRangePickerProps, DefaultErrorFallback, Divider, type DividerProps, DonutMetric, type DonutMetricProps, Download, Drawer, type DrawerProps, Edit, EmptyState, type EmptyStateProps, ErrorBoundary, ErrorState, ExternalLink, Eye, EyeOff, type FAQItem, FAQSection, type FAQSectionProps, Faculty, FeatureCard, type FeatureCardProps, type FeatureFlag, FeatureFlagTable, type FeatureFlagTableProps, FeatureGrid, type FeatureGridProps, FieldHint, type FieldHintProps, FieldLabel, type FieldLabelProps, FileDropzone, type FileDropzoneProps, FileText, FileUpload, FilterChip, type FilterChipProps, FingerprintIcon, FormError, type FormErrorProps, FormField, type FormFieldProps, FormIcon, FormulaIcon, FunnelChart, type FunnelChartProps, type FunnelStep, Gear, GitHubIcon, Globe, GooglePlayIcon, GraduationCap, Grid, GridBg, HardDrive, Hash, HealthIndicator, type HealthIndicatorProps, type HealthTone, type HeatmapCell, HeatmapGrid, type HeatmapGridProps, HelpCircle, HeroFrame, type HeroFrameProps, History, Home, Icons, Image, type InboxItem, InboxList, type InboxListProps, Info, InfoBanner, type InfoBannerProps, InlineStatus, type InlineStatusProps, type InlineStatusTone, Input, InputGroup, type InputGroupProps, type InputProps, IntegrationCard, type IntegrationCardProps, type IntegrationStatus, Intersect, KanbanBoard, type KanbanBoardProps, type KanbanCardItem, type KanbanColumn, Kbd, type KbdProps, type KeyValueItem, KeyValueList, type KeyValueListProps, type LandingNavbarItem, LandingNavbarShell, type LandingNavbarShellProps, type LandingNavbarThemeLabels, Layers, LoadingOverlay, type LoadingOverlayProps, LockIcon, LogOut, LogoCloud, type LogoCloudItem, type LogoCloudProps, LogoMark, Mail, MarketingShell, type MarketingShellProps, MasonryGrid, type MasonryGridProps, Megaphone, Menu, MetricCard, type MetricCardProps, type MetricTrendTone, MockupFrame, type MockupFrameProps, Monitor, Moon, NavAnalytics, NavQrAttendance, NavScoresheet, NavSecurity, type NotificationItem, NotificationList, type NotificationListProps, NumberIcon, OfficeHours, PageHeader, type PageHeaderProps, PageRail, type PageRailItem, type PageRailProps, PageSpinner, Pagination, type PaginationLabels, type PaginationProps, PasswordInput, type PasswordInputProps, Pdf, PlanUsage, type PlanUsageItem, type PlanUsageProps, Plus, Popover, type PopoverProps, PricingCard, type PricingCardProps, Printer, Progress, type ProgressProps, QrCode, RadioButton, type RadioButtonProps, RatingInput, type RatingInputProps, Refresh, RefreshCw, Repeat, Report, ResourceCard, type ResourceCardProps, ResponsiveGrid, type ResponsiveGridProps, type RoadmapItem, RoadmapList, type RoadmapListProps, RotateCcw, SLAStatus, type SLAStatusProps, Scan, ScoreRing, type ScoreRingProps, Search, SearchInput, type SearchInputProps, SectionCard, type SectionCardProps, SectionIcons, SectionTitle, type SectionTitleProps, Select, type SelectProps, Server, type ServerSort, Shield, SidebarNav, type SidebarNavGroup, type SidebarNavItem, type SidebarNavProps, Skeleton, SkeletonBanner, SkeletonCard, SkeletonKpiCard, SkeletonPageHeader, type SkeletonProps, SkeletonTable, Slider, type SliderProps, Smartphone, type SortDirection, type SortState, Sparkline, type SparklineProps, Spinner, type SpinnerProps, SplitPane, type SplitPaneProps, Spotlight, Stack, type StackProps, Star, StatGrid, type StatGridProps, StatsBand, type StatsBandItem, type StatsBandProps, StatusBadge, type StatusBadgeProps, type StatusBadgeVariant, type StepItem, Stepper, type StepperProps, StickyBar, type StickyBarProps, Sun, Surface, type SurfacePadding, type SurfaceProps, type SurfaceVariant, Switch, type SwitchProps, type TabItem, Table, Tablet, Tabs, type TabsProps, type TapizFrameworkPreset, type TapizPresetDefinition, TestimonialCard, type TestimonialCardProps, TextIcon, Textarea, TextareaCounter, type TextareaCounterProps, type TextareaProps, ThemeIconButton, type ThemeIconButtonProps, Timeline, type TimelineItem, type TimelineProps, Toast, type ToastProps, ToastProvider, type ToastProviderProps, type ToastState, ToggleGroup, type ToggleGroupProps, type ToggleOption, Tooltip, type TooltipProps, TopNav, type TopNavLink, type TopNavProps, Trash, Trophy, TwoFAIcon, University, User, UserCheck, UserCog, UserMinus, UserPlus, Users, X, Zap, tapizFrameworkPresets, useToast };