@snowball-tech/fractal/dist/Dropdown.types-vBCbOXFQ.d.ts

Fractal's (Snowball's design system) React component library based on RadixUI and TailwindCSS

import { n as InputRadioProps, t as InputRadioGroupProps } from "./InputRadio.types-Cu1nDXee.js";
import { t as PaperProps } from "./Paper.types-2WLE27Qd.js";
import { DropdownMenuContentProps, DropdownMenuItem, DropdownMenuSubContentProps, Root, Sub, SubTrigger } from "@radix-ui/react-dropdown-menu";
import { AllHTMLAttributes, CSSProperties, ComponentProps, MouseEvent, ReactNode } from "react";

//#region src/components/Dropdown/Dropdown.types.d.ts
type CombinedRefs = {
  container: HTMLDivElement | null;
  dropdown: HTMLDivElement | null;
  trigger: HTMLButtonElement | null;
};
type SubDropdownCombinedRefs = {
  content: HTMLDivElement | null;
  trigger: HTMLDivElement | null;
};
interface DropdownProps extends Omit<AllHTMLAttributes<HTMLDivElement>, 'onClick'> {
  children: ReactNode;
  align?: DropdownMenuContentProps['align'];
  asSelect?: boolean;
  condensed?: boolean;
  defaultOpen?: boolean;
  disabled?: boolean;
  dropdown?: Partial<{
    className?: string;
    style?: CSSProperties;
  } & Omit<DropdownMenuContentProps, 'align' | 'asChild' | 'onInteractOutside' | 'side'>>;
  elevation?: PaperProps['elevation'];
  fullWidth?: boolean;
  open?: boolean;
  portalled?: boolean;
  rainbow?: boolean;
  side?: DropdownMenuContentProps['side'];
  toggleOnTriggerClick?: boolean;
  trigger?: ReactNode;
  triggerAsButton?: boolean;
  width?: number | string | 'auto' | 'fit' | 'full' | 'trigger';
  withIndicator?: boolean;
  withScroll?: boolean;
  onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
  onClose?: () => void;
  onInteractOutside?: DropdownMenuContentProps['onInteractOutside'];
  onMenuOpenChange?: ComponentProps<typeof Root>['onOpenChange'];
  onOpen?: () => void;
}
interface DropdownItemProps extends Omit<AllHTMLAttributes<HTMLAnchorElement> & ComponentProps<typeof DropdownMenuItem>, 'asChild' | 'label' | 'onClick' | 'onSelect'> {
  active?: boolean;
  children?: ReactNode;
  condensed?: boolean;
  disabled?: boolean;
  href?: string;
  icon?: ReactNode;
  label?: ReactNode;
  rainbow?: boolean;
  target?: HTMLAnchorElement['target'];
  value?: string;
  onClick?: ComponentProps<typeof DropdownMenuItem>['onSelect'];
  onSelect?: ComponentProps<typeof DropdownMenuItem>['onSelect'];
}
interface DropdownItemGroupProps extends Omit<AllHTMLAttributes<HTMLDivElement>, 'label'> {
  children: ReactNode;
  label: ReactNode;
  condensed?: boolean;
  disabled?: boolean;
  labelElement?: keyof HTMLElementTagNameMap;
  rainbow?: boolean;
}
interface SubDropdownProps extends Omit<AllHTMLAttributes<HTMLDivElement> & ComponentProps<typeof Sub>, 'asChild' | 'content' | 'onClick'> {
  children: ReactNode;
  condensed?: boolean;
  condensedItems?: boolean;
  content?: Partial<{
    className?: string;
    style?: CSSProperties;
  } & Omit<DropdownMenuSubContentProps, 'asChild' | 'onInteractOutside'>>;
  defaultOpen?: boolean;
  disabled?: boolean;
  icon?: ReactNode;
  open?: boolean;
  rainbow?: boolean;
  withIndicator?: boolean;
  withScroll?: boolean;
  onClick?: ComponentProps<typeof SubTrigger>['onSelect'];
  onClose?: () => void;
  onInteractOutside?: DropdownMenuSubContentProps['onInteractOutside'];
  onOpen?: () => void;
  onSubMenuOpenChange?: ComponentProps<typeof Sub>['onOpenChange'];
}
type DropdownRadioGroupProps = {
  condensed?: boolean;
  rainbow?: boolean;
} & Omit<InputRadioGroupProps, 'fullWidth' | 'orientation' | 'variant'>;
type DropdownRadioItemProps = {
  condensed?: boolean;
  rainbow?: boolean;
} & Omit<InputRadioProps, 'fullWidth'>;
type DropdownItemSeparatorProps = AllHTMLAttributes<HTMLDivElement>;
//#endregion
export { DropdownProps as a, SubDropdownCombinedRefs as c, DropdownItemSeparatorProps as i, SubDropdownProps as l, DropdownItemGroupProps as n, DropdownRadioGroupProps as o, DropdownItemProps as r, DropdownRadioItemProps as s, CombinedRefs as t };
//# sourceMappingURL=Dropdown.types-vBCbOXFQ.d.ts.map