@aircall/blocks 0.2.2 → 0.4.0

package/dist/index.d.ts

@@ -1,10 +1,10 @@
 import * as React from "react";
+import * as _aircall_ds0 from "@aircall/ds";
 import { Badge, Button, CounterBadge, SidebarProvider, TabsList, useSidebar } from "@aircall/ds";
-import * as react_jsx_runtime27 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 import { useRender } from "@base-ui/react/use-render";
 import * as class_variance_authority_types0 from "class-variance-authority/types";
-import * as _base_ui_react0 from "@base-ui/react";
 
 //#region src/components/copy-button.d.ts
 type CopyButtonProps = Omit<React.ComponentProps<typeof Button>, 'onClick' | 'variant'> & {
@@ -20,13 +20,13 @@ declare function CopyButton({
   variant,
   children,
   ...buttonProps
-}: CopyButtonProps): react_jsx_runtime27.JSX.Element;
+}: CopyButtonProps): react_jsx_runtime0.JSX.Element;
 interface CopyButtonIconProps {
   className?: string;
 }
 declare function CopyButtonIcon({
   className
-}: CopyButtonIconProps): react_jsx_runtime27.JSX.Element;
+}: CopyButtonIconProps): react_jsx_runtime0.JSX.Element;
 interface CopyButtonLabelProps {
   label?: string;
   copiedLabel?: string;
@@ -36,56 +36,84 @@ declare function CopyButtonLabel({
   label,
   copiedLabel,
   className
-}: CopyButtonLabelProps): react_jsx_runtime27.JSX.Element;
+}: CopyButtonLabelProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/dashboard-standalone-page.d.ts
+declare const DashboardStandalonePage: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare namespace DashboardStandalonePage {
+  type Props = React.ComponentProps<'div'>;
+}
+declare const DashboardStandalonePageHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+declare namespace DashboardStandalonePageHeader {
+  type Props = React.ComponentProps<'header'>;
+}
+declare const DashboardStandalonePageTitle: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare namespace DashboardStandalonePageTitle {
+  type Props = React.ComponentProps<'h1'>;
+}
+declare const DashboardStandalonePageActions: React.ForwardRefExoticComponent<Omit<DashboardStandalonePageActions.Props, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare namespace DashboardStandalonePageActions {
+  type Props = React.ComponentProps<'div'> & {
+    side?: 'start' | 'end';
+  };
+}
+declare const DashboardStandalonePageAction: React.ForwardRefExoticComponent<Omit<Omit<_aircall_ds0.ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare namespace DashboardStandalonePageAction {
+  type Props = React.ComponentProps<typeof Button>;
+}
+declare const DashboardStandalonePageContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+declare namespace DashboardStandalonePageContent {
+  type Props = React.ComponentProps<'main'>;
+}
 //#endregion
 //#region src/components/dashboard-page.d.ts
 declare function DashboardPage({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime27.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime0.JSX.Element;
 declare function DashboardPageBanner({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime27.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime0.JSX.Element;
 declare function DashboardPageContent({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime27.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime0.JSX.Element;
 declare function DashboardPageMain({
   className,
   ...props
-}: React.ComponentProps<'main'>): react_jsx_runtime27.JSX.Element;
+}: React.ComponentProps<'main'>): react_jsx_runtime0.JSX.Element;
 declare function DashboardPageTabs({
   className,
   ...props
-}: React.ComponentProps<typeof TabsList>): react_jsx_runtime27.JSX.Element;
+}: React.ComponentProps<typeof TabsList>): react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/dashboard-page-header.d.ts
 declare function DashboardPageHeader({
   className,
   children,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime27.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime0.JSX.Element;
 declare function DashboardPageHeaderNav({
   className,
   children,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime27.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime0.JSX.Element;
 type DashboardPageHeaderNavBackProps = Omit<React.ComponentProps<typeof Button>, 'variant' | 'size'>;
 declare function DashboardPageHeaderNavBack({
   children,
   ...props
-}: DashboardPageHeaderNavBackProps): react_jsx_runtime27.JSX.Element;
+}: DashboardPageHeaderNavBackProps): react_jsx_runtime0.JSX.Element;
 declare function DashboardPageHeaderPrefix({
   className,
   children,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime27.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime0.JSX.Element;
 declare function DashboardPageHeaderTitleGroup({
   className,
   children,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime27.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime0.JSX.Element;
 type DashboardPageHeaderTitleProps = React.ComponentProps<'h1'> & {
   size?: 'lg' | 'sm';
 };
@@ -94,35 +122,35 @@ declare function DashboardPageHeaderTitle({
   className,
   children,
   ...props
-}: DashboardPageHeaderTitleProps): react_jsx_runtime27.JSX.Element;
+}: DashboardPageHeaderTitleProps): react_jsx_runtime0.JSX.Element;
 declare function DashboardPageHeaderSubtitle({
   className,
   children,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime27.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime0.JSX.Element;
 declare function DashboardPageHeaderDescription({
   className,
   children,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime27.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime0.JSX.Element;
 declare function DashboardPageHeaderActions({
   className,
   children,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime27.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime0.JSX.Element;
 type DashboardPageHeaderActionProps = Omit<React.ComponentProps<typeof Button>, 'size'> & {
   size?: 'lg' | 'icon-lg';
 };
 declare const DashboardPageHeaderAction: React.ForwardRefExoticComponent<Omit<DashboardPageHeaderActionProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 //#endregion
 //#region src/components/product-badges.d.ts
-type BadgeBaseProps = Omit<React.ComponentProps<typeof Badge>, 'variant' | 'children'>;
+type BadgeBaseProps = Omit<React.ComponentProps<typeof Badge>, 'variant' | 'children' | 'size'>;
 /** Blue pill — feature in beta, not yet GA */
 declare const BetaBadge: {
   ({
     className,
     ...props
-  }: BadgeBaseProps): react_jsx_runtime27.JSX.Element;
+  }: BadgeBaseProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 /** Green pill — recently launched feature */
@@ -130,7 +158,7 @@ declare const NewBadge: {
   ({
     className,
     ...props
-  }: BadgeBaseProps): react_jsx_runtime27.JSX.Element;
+  }: BadgeBaseProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 /** Amber pill — feature being phased out */
@@ -138,7 +166,7 @@ declare const DeprecatedBadge: {
   ({
     className,
     ...props
-  }: BadgeBaseProps): react_jsx_runtime27.JSX.Element;
+  }: BadgeBaseProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 /** Blue pill — user is in a trial period (same blue family as Beta) */
@@ -146,15 +174,18 @@ declare const TrialBadge: {
   ({
     className,
     ...props
-  }: BadgeBaseProps): react_jsx_runtime27.JSX.Element;
+  }: BadgeBaseProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
-/** Green pill — Professional tier (no gradient; uses default Badge variant) */
+/** Charcoal pill — Professional tier (no gradient; solid secondary Badge) */
 declare function ProfessionalBadge({
   className,
   ...props
-}: BadgeBaseProps): react_jsx_runtime27.JSX.Element;
-type RoleBadgeRole = 'agent' | 'supervisor' | 'admin' | 'owner';
+}: BadgeBaseProps): react_jsx_runtime0.JSX.Element;
+declare const roleBadgeVariants: (props?: ({
+  role?: "agent" | "supervisor" | "admin" | "owner" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
+type RoleBadgeRole = NonNullable<VariantProps<typeof roleBadgeVariants>['role']>;
 type RoleBadgeProps = BadgeBaseProps & {
   /** The user's role within Aircall. */role: RoleBadgeRole;
 };
@@ -162,44 +193,7 @@ declare function RoleBadge({
   role,
   className,
   ...props
-}: RoleBadgeProps): react_jsx_runtime27.JSX.Element;
-//#endregion
-//#region src/components/colorful-badge.d.ts
-declare const colorfulBadgeVariants: (props?: ({
-  color?: "charcoal" | "red" | "green" | "blue" | "purple" | "yellow" | "pink" | null | undefined;
-  tone?: "dark" | "medium-dark" | "medium-light" | "light" | null | undefined;
-  glow?: boolean | null | undefined;
-} & class_variance_authority_types0.ClassProp) | undefined) => string;
-type ColorfulBadgeVariants = VariantProps<typeof colorfulBadgeVariants>;
-type ColorfulBadgeColor = NonNullable<ColorfulBadgeVariants['color']>;
-type ColorfulBadgeTone = NonNullable<ColorfulBadgeVariants['tone']>;
-type ColorfulBadgeProps = Omit<React.ComponentProps<typeof Badge>, 'variant' | 'size' | 'color'> & ColorfulBadgeVariants & {
-  /**
-   * A legacy hard-coded tag hex (e.g. `#0761B5`) from the old palette. When
-   * provided it is resolved to the matching `color` + `tone` and overrides
-   * them — render existing tags without migrating their stored colors.
-   * Unknown values fall back to `charcoal` / `dark`.
-   */
-  legacyColor?: string;
-};
-/**
- * A color-customizable badge. Pick a `color` and `tone`; optionally enable the
- * AI `glow`. To render an existing tag, pass its stored hex via `legacyColor`.
- * Icons (e.g. a leading `<Sparkles />` or a trailing close `<X />`) are composed
- * as children, exactly like `Badge`.
- */
-declare const ColorfulBadge: React.ForwardRefExoticComponent<Omit<ColorfulBadgeProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-/**
- * Trailing remove affordance for a removable `ColorfulBadge`. Inspired by the
- * ds `ComboboxChip` remove button: a ghost icon button that inherits the
- * badge's text color and brightens on hover. Pass an `aria-label` and an
- * `onClick`. Compose it as the last child of a `ColorfulBadge`.
- */
-declare const ColorfulBadgeRemove: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react0.ButtonProps & VariantProps<(props?: ({
-  variant?: "link" | "default" | "secondary" | "outline" | "destructive" | "ghost" | null | undefined;
-  size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
-  block?: boolean | null | undefined;
-} & class_variance_authority_types0.ClassProp) | undefined) => string>, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+}: RoleBadgeProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/hooks/use-copy-to-clipboard.d.ts
 interface UseCopyToClipboardOptions {
@@ -296,7 +290,7 @@ type DashboardSidebarNavProps = {
 declare function DashboardSidebarNav({
   groups,
   renderLink
-}: DashboardSidebarNavProps): react_jsx_runtime27.JSX.Element;
+}: DashboardSidebarNavProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/dashboard-sidebar.d.ts
 type DashboardSidebarProviderProps = React.ComponentProps<typeof SidebarProvider>;
@@ -304,34 +298,34 @@ declare function DashboardSidebarProvider({
   className,
   style,
   ...props
-}: DashboardSidebarProviderProps): react_jsx_runtime27.JSX.Element;
+}: DashboardSidebarProviderProps): react_jsx_runtime0.JSX.Element;
 declare function DashboardSidebar({
   className,
   children,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime27.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime0.JSX.Element;
 declare function DashboardSidebarHeader({
   className,
   children,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime27.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime0.JSX.Element;
 declare function DashboardSidebarTrigger({
   className,
   onClick,
   ...props
-}: React.ComponentProps<typeof Button>): react_jsx_runtime27.JSX.Element;
+}: React.ComponentProps<typeof Button>): react_jsx_runtime0.JSX.Element;
 declare function DashboardSidebarContent({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime27.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime0.JSX.Element;
 declare function DashboardSidebarFooter({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime27.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime0.JSX.Element;
 declare function DashboardSidebarGroup({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime27.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime0.JSX.Element;
 declare function DashboardSidebarGroupLabel({
   className,
   render,
@@ -340,11 +334,11 @@ declare function DashboardSidebarGroupLabel({
 declare function DashboardSidebarMenu({
   className,
   ...props
-}: React.ComponentProps<'ul'>): react_jsx_runtime27.JSX.Element;
+}: React.ComponentProps<'ul'>): react_jsx_runtime0.JSX.Element;
 declare function DashboardSidebarMenuItem({
   className,
   ...props
-}: React.ComponentProps<'li'>): react_jsx_runtime27.JSX.Element;
+}: React.ComponentProps<'li'>): react_jsx_runtime0.JSX.Element;
 type DashboardSidebarMenuButtonProps = useRender.ComponentProps<'button'> & React.ComponentProps<'button'> & {
   isActive?: boolean;
   /** Visual-only disabled state. The button remains clickable (e.g. to show an
@@ -367,11 +361,11 @@ declare const DashboardSidebarMenuButton: React.ForwardRefExoticComponent<Omit<D
 declare function DashboardSidebarMenuBadge({
   className,
   ...props
-}: React.ComponentProps<typeof CounterBadge>): react_jsx_runtime27.JSX.Element;
+}: React.ComponentProps<typeof CounterBadge>): react_jsx_runtime0.JSX.Element;
 declare function DashboardSidebarSubmenu({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime27.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime0.JSX.Element;
 type DashboardSidebarSubmenuItemProps = useRender.ComponentProps<'div'> & React.ComponentProps<'div'> & {
   isActive?: boolean;
 };
@@ -385,6 +379,6 @@ declare function DashboardSidebarSubmenuSeparator({
   className
 }: {
   className?: string;
-}): react_jsx_runtime27.JSX.Element;
+}): react_jsx_runtime0.JSX.Element;
 //#endregion
-export { BetaBadge, ColorfulBadge, type ColorfulBadgeColor, ColorfulBadgeRemove, type ColorfulBadgeTone, CopyButton, CopyButtonIcon, CopyButtonLabel, DashboardPage, DashboardPageBanner, DashboardPageContent, DashboardPageHeader, DashboardPageHeaderAction, DashboardPageHeaderActions, DashboardPageHeaderDescription, DashboardPageHeaderNav, DashboardPageHeaderNavBack, DashboardPageHeaderPrefix, DashboardPageHeaderSubtitle, DashboardPageHeaderTitle, DashboardPageHeaderTitleGroup, DashboardPageMain, DashboardPageTabs, DashboardSidebar, DashboardSidebarContent, DashboardSidebarFooter, DashboardSidebarGroup, DashboardSidebarGroupLabel, DashboardSidebarHeader, DashboardSidebarMenu, DashboardSidebarMenuBadge, DashboardSidebarMenuButton, DashboardSidebarMenuItem, DashboardSidebarNav, type DashboardSidebarNavGroup, type DashboardSidebarNavItem, type DashboardSidebarNavItemAction, type DashboardSidebarNavItemLink, type DashboardSidebarNavItemSubmenu, type DashboardSidebarNavProps, type DashboardSidebarNavSubmenuItem, DashboardSidebarProvider, DashboardSidebarSubmenu, DashboardSidebarSubmenuItem, DashboardSidebarSubmenuSeparator, DashboardSidebarTrigger, DeprecatedBadge, NewBadge, ProfessionalBadge, RoleBadge, type RoleBadgeRole, TrialBadge, colorfulBadgeVariants, useCopyToClipboard, useSidebar as useDashboardSidebar };
+export { BetaBadge, CopyButton, CopyButtonIcon, CopyButtonLabel, DashboardPage, DashboardPageBanner, DashboardPageContent, DashboardPageHeader, DashboardPageHeaderAction, DashboardPageHeaderActions, DashboardPageHeaderDescription, DashboardPageHeaderNav, DashboardPageHeaderNavBack, DashboardPageHeaderPrefix, DashboardPageHeaderSubtitle, DashboardPageHeaderTitle, DashboardPageHeaderTitleGroup, DashboardPageMain, DashboardPageTabs, DashboardSidebar, DashboardSidebarContent, DashboardSidebarFooter, DashboardSidebarGroup, DashboardSidebarGroupLabel, DashboardSidebarHeader, DashboardSidebarMenu, DashboardSidebarMenuBadge, DashboardSidebarMenuButton, DashboardSidebarMenuItem, DashboardSidebarNav, type DashboardSidebarNavGroup, type DashboardSidebarNavItem, type DashboardSidebarNavItemAction, type DashboardSidebarNavItemLink, type DashboardSidebarNavItemSubmenu, type DashboardSidebarNavProps, type DashboardSidebarNavSubmenuItem, DashboardSidebarProvider, DashboardSidebarSubmenu, DashboardSidebarSubmenuItem, DashboardSidebarSubmenuSeparator, DashboardSidebarTrigger, DashboardStandalonePage, DashboardStandalonePageAction, DashboardStandalonePageActions, DashboardStandalonePageContent, DashboardStandalonePageHeader, DashboardStandalonePageTitle, DeprecatedBadge, NewBadge, ProfessionalBadge, RoleBadge, type RoleBadgeRole, TrialBadge, useCopyToClipboard, useSidebar as useDashboardSidebar };