figma-kit 1.0.0-beta.22 → 1.0.0-beta.24

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 Tigran Petrossian
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -2,13 +2,11 @@
 > Figma Kit is currently in beta. There may be breaking changes before the final release.
 
 <div align="center">
-  <a href="https://storybook.figma-kit.dev" target="_blank">
   <picture>
     <source media="(prefers-color-scheme: dark)" srcset="media/github-banner-dark.png">
     <source media="(prefers-color-scheme: light)" srcset="media/github-banner-light.png">
     <img src="media/github-banner-light.png" width="400" height="243" alt="Figma kit logo" />
   </picture>
-  </a>
   <h3>A set of React components for building Figma plugins.</h3>
 </div>
 
@@ -20,8 +18,8 @@ Figma Kit is an extensive collection of React components that attempts to replic
 
 * UI3 Ready
 * Automatic dark mode
-* First-class Tailwind support with a preset
+* First-class Tailwind support
 
 ### Documentation
 
-The documentation for the library is on its way. Meanwhile, feel free to check out the [Storybook](https://storybook.figma-kit.dev) for basic guides, information about available components and functionality.
+The documentation for the library is on its way.

package/dist/components/alert-dialog/alert-dialog.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+import { AlertDialog as BaseAlertDialog } from '@base-ui/react/alert-dialog';
+import { type VariantProps } from 'class-variance-authority';
+type RootProps = BaseAlertDialog.Root.Props;
+declare const Root: typeof BaseAlertDialog.Root;
+type PortalProps = BaseAlertDialog.Portal.Props;
+declare const Portal: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").AlertDialogPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type TriggerProps = BaseAlertDialog.Trigger.Props;
+declare const Trigger: BaseAlertDialog.Trigger;
+type CloseProps = BaseAlertDialog.Close.Props;
+declare const Close: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").AlertDialogCloseProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const content: (props?: ({
+    size?: "1" | "2" | "3" | null | undefined;
+    placement?: "center" | "top" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type PopupProps = BaseAlertDialog.Popup.Props & VariantProps<typeof content>;
+declare const Popup: React.ForwardRefExoticComponent<Omit<PopupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type BackdropProps = BaseAlertDialog.Backdrop.Props;
+declare const Backdrop: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").AlertDialogBackdropProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type TitleProps = BaseAlertDialog.Title.Props;
+declare const Title: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").AlertDialogTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+type DescriptionProps = BaseAlertDialog.Description.Props;
+declare const Description: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").AlertDialogDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+type ActionsProps = React.ComponentPropsWithoutRef<'div'> & {
+    children: React.ReactNode;
+};
+declare const Actions: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    children: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement>>;
+export type { RootProps, TriggerProps, PopupProps, BackdropProps, PortalProps, TitleProps, DescriptionProps, ActionsProps, CloseProps, };
+export { Root, Trigger, Popup, Backdrop, Portal, Title, Description, Actions, Close };

package/dist/components/alert-dialog/index.d.ts

@@ -0,0 +1 @@
+export * from './alert-dialog';

package/dist/components/button/button.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import type { VariantProps } from 'class-variance-authority';
+declare const button: (props?: ({
+    variant?: "text" | "primary" | "secondary" | "inverse" | "destructive" | "success" | null | undefined;
+    size?: "small" | "medium" | null | undefined;
+    fullWidth?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type ButtonProps = React.ComponentPropsWithoutRef<'button'> & VariantProps<typeof button>;
+declare const Button: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
+    variant?: "text" | "primary" | "secondary" | "inverse" | "destructive" | "success" | null | undefined;
+    size?: "small" | "medium" | null | undefined;
+    fullWidth?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
+export type { ButtonProps };
+export { Button };

package/dist/components/button/index.d.ts

@@ -0,0 +1 @@
+export * from './button';

package/dist/components/checkbox/checkbox.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+declare const Root: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type CheckboxProps = React.ComponentPropsWithoutRef<'input'> & {
+    indeterminate?: boolean;
+};
+declare const Input: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
+    indeterminate?: boolean;
+} & React.RefAttributes<HTMLInputElement>>;
+declare const Label: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>>;
+declare const Description: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>>;
+export type { CheckboxProps };
+export { Root, Input, Label, Description };

package/dist/components/checkbox/index.d.ts

@@ -0,0 +1 @@
+export * from './checkbox';

package/dist/components/collapsible/collapsible.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Collapsible as BaseCollapsible } from '@base-ui/react/collapsible';
+type RootProps = BaseCollapsible.Root.Props;
+declare const Root: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").CollapsibleRootProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type TriggerProps = BaseCollapsible.Trigger.Props;
+declare const Trigger: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").CollapsibleTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+type PanelProps = BaseCollapsible.Panel.Props;
+declare const Panel: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").CollapsiblePanelProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export type { RootProps, PanelProps, TriggerProps };
+export { Root, Panel, Trigger };

package/dist/components/collapsible/index.d.ts

@@ -0,0 +1 @@
+export * from './collapsible';

package/dist/components/color-picker/color-picker-alpha.d.ts

@@ -0,0 +1,4 @@
+type AlphaProps = React.ComponentPropsWithoutRef<'div'>;
+declare const Alpha: (props: AlphaProps) => import("react/jsx-runtime").JSX.Element;
+export type { AlphaProps };
+export { Alpha };

package/dist/components/color-picker/color-picker-area.d.ts

@@ -0,0 +1,5 @@
+type AreaProps = {
+    size?: number;
+};
+declare const Area: (props: AreaProps) => import("react/jsx-runtime").JSX.Element;
+export { Area };

package/dist/components/color-picker/color-picker-hue.d.ts

@@ -0,0 +1,4 @@
+type HueProps = React.ComponentPropsWithoutRef<'div'>;
+declare const Hue: (props: HueProps) => import("react/jsx-runtime").JSX.Element;
+export type { HueProps };
+export { Hue };

package/dist/components/color-picker/color-picker-input.d.ts

@@ -0,0 +1,7 @@
+import type { CSSProperties } from 'react';
+type InputProps = {
+    className?: string;
+    style?: CSSProperties;
+};
+declare const Input: (props: InputProps) => import("react/jsx-runtime").JSX.Element;
+export { Input };

package/dist/components/color-picker/color-picker.d.ts

@@ -0,0 +1,63 @@
+import type { HEX, HSLA, HSVA, RGBA } from '../../lib/color';
+type ColorModel = 'hex' | 'rgb' | 'hsl' | 'hsv';
+type ColorSpace = 'srgb' | 'display-p3';
+type ColorsByModel = {
+    hex: HEX;
+    rgb: RGBA;
+    hsl: HSLA;
+    hsv: HSVA;
+};
+declare const useColorPickerContext: (consumerName: string) => {
+    colorSpace: ColorSpace;
+    models: ColorModel[];
+    activeModel: ColorModel;
+    onActiveModelChange: (model: ColorModel) => void;
+    color: RGBA;
+    onColorChange: (params: ColorChangeParams) => void;
+    colorsByModel: ColorsByModel;
+    hue: number;
+};
+type RootProps = {
+    /**
+     * Color space of the picker. Should match the color profile of the current Figma document.
+     * see: https://www.figma.com/plugin-docs/api/DocumentNode/#documentcolorprofile
+     * */
+    colorSpace: ColorSpace;
+    /**
+     * Default color model for the picker (uncontrolled mode). Determines the area box type and the initially displayed color input.
+     * */
+    defaultActiveModel?: ColorModel;
+    /**
+     * Color model for the picker (controlled mode). Determines the area box type and the initially displayed color input.
+     * When specified, you also need to specify 'onActiveModelChange' callback to handle changing the models.
+     * @default 'hex' or first item in 'models' if specified.
+     * */
+    activeModel?: ColorModel;
+    /** Callback to call upon model change */
+    onActiveModelChange?: (model: ColorModel) => void;
+    /**
+     * Color models the picker needs to display.
+     * @default ['hex', 'rgb', 'hsl', 'hsv']
+     * */
+    models?: ColorModel[];
+    /** Default color in Figma's normalized RGBA format  (uncontrolled mode) */
+    defaultColor?: RGBA;
+    /** Color in Figma's normalized RGBA format  (controlled mode) */
+    color?: RGBA;
+    /** Callback to call upon color change */
+    onColorChange?: (color: RGBA) => void;
+    children: React.ReactNode;
+};
+type ColorChangeParams = {
+    mode: 'hsv';
+    value: HSVA;
+} | {
+    mode: 'hsl';
+    value: HSLA;
+} | {
+    mode: 'rgb';
+    value: RGBA;
+};
+declare const Root: (props: RootProps) => import("react/jsx-runtime").JSX.Element;
+export type { RootProps, ColorModel, ColorSpace, ColorsByModel };
+export { Root, useColorPickerContext };

package/dist/components/color-picker/index.d.ts

@@ -0,0 +1,5 @@
+export * from './color-picker';
+export * from './color-picker-hue';
+export * from './color-picker-alpha';
+export * from './color-picker-area';
+export * from './color-picker-input';

package/dist/components/combobox/combobox.d.ts

@@ -0,0 +1,51 @@
+import React from 'react';
+import { Combobox as BaseCombobox } from '@base-ui/react/combobox';
+import { Separator as BaseSeparator } from '@base-ui/react/separator';
+type RootProps<Value = unknown, Multiple extends boolean | undefined = false> = BaseCombobox.Root.Props<Value, Multiple>;
+declare const Root: typeof BaseCombobox.Root;
+type LabelProps = BaseCombobox.Label.Props;
+declare const Label: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ComboboxLabelProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type ValueProps = BaseCombobox.Value.Props;
+declare const Value: typeof BaseCombobox.Value;
+type PortalProps = BaseCombobox.Portal.Props;
+declare const Portal: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").AutocompletePortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type ArrowProps = BaseCombobox.Arrow.Props;
+declare const Arrow: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").AutocompleteArrowProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type BackdropProps = BaseCombobox.Backdrop.Props;
+declare const Backdrop: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").AutocompleteBackdropProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type TriggerProps = BaseCombobox.Trigger.Props;
+declare const Trigger: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ComboboxTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+type IconProps = BaseCombobox.Icon.Props;
+declare const Icon: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").AutocompleteIconProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+type PositionerProps = BaseCombobox.Positioner.Props;
+declare const Positioner: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").AutocompletePositionerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type PopupProps = BaseCombobox.Popup.Props;
+declare const Popup: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").AutocompletePopupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type InputGroupProps = BaseCombobox.InputGroup.Props;
+declare const InputGroup: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ComboboxInputGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type InputProps = BaseCombobox.Input.Props;
+declare const Input: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").AutocompleteInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+type SearchInputProps = InputProps;
+declare const SearchInput: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").AutocompleteInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+type ListProps = BaseCombobox.List.Props;
+declare const List: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").AutocompleteListProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type ItemProps = BaseCombobox.Item.Props;
+declare const Item: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ComboboxItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type ItemIndicatorProps = BaseCombobox.ItemIndicator.Props;
+declare const ItemIndicator: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ComboboxItemIndicatorProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+type EmptyProps = BaseCombobox.Empty.Props;
+declare const Empty: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").AutocompleteEmptyProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type StatusProps = BaseCombobox.Status.Props;
+declare const Status: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").AutocompleteStatusProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type GroupProps = BaseCombobox.Group.Props;
+declare const Group: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").AutocompleteGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type GroupLabelProps = BaseCombobox.GroupLabel.Props;
+declare const GroupLabel: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").AutocompleteGroupLabelProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type CollectionProps = BaseCombobox.Collection.Props;
+declare const Collection: typeof BaseCombobox.Collection;
+type SeparatorProps = BaseSeparator.Props;
+declare const Separator: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").SeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type ClearProps = BaseCombobox.Clear.Props;
+declare const Clear: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").AutocompleteClearProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export type { RootProps, LabelProps, ValueProps, TriggerProps, IconProps, PortalProps, PositionerProps, PopupProps, InputGroupProps, InputProps, SearchInputProps, ListProps, ItemProps, ItemIndicatorProps, EmptyProps, StatusProps, GroupProps, GroupLabelProps, CollectionProps, SeparatorProps, ClearProps, ArrowProps, BackdropProps, };
+export { Root, Label, Value, Trigger, Icon, Portal, Positioner, Popup, InputGroup, Input, SearchInput, List, Item, ItemIndicator, Empty, Status, Group, GroupLabel, Collection, Separator, Clear, Arrow, Backdrop, };

package/dist/components/combobox/index.d.ts

@@ -0,0 +1 @@
+export * from './combobox';

package/dist/components/context-menu/context-menu.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+import { ContextMenu as BaseContextMenu } from '@base-ui/react/context-menu';
+type RootProps = BaseContextMenu.Root.Props;
+declare const Root: typeof BaseContextMenu.Root;
+type TriggerProps = BaseContextMenu.Trigger.Props;
+declare const Trigger: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuTriggerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type PortalProps = BaseContextMenu.Portal.Props;
+declare const Portal: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type PositionerProps = BaseContextMenu.Positioner.Props;
+declare const Positioner: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuPositionerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type SubmenuRootProps = BaseContextMenu.SubmenuRoot.Props;
+declare const SubmenuRoot: typeof BaseContextMenu.SubmenuRoot;
+type RadioGroupProps = BaseContextMenu.RadioGroup.Props;
+declare const RadioGroup: React.NamedExoticComponent<Omit<import("@base-ui/react").ContextMenuRadioGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type PopupProps = BaseContextMenu.Popup.Props;
+declare const Popup: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type ItemProps = BaseContextMenu.Item.Props;
+declare const Item: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuItemProps, "ref"> & React.RefAttributes<HTMLElement>>;
+type SeparatorProps = BaseContextMenu.Separator.Props;
+declare const Separator: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").SeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type GroupLabelProps = BaseContextMenu.GroupLabel.Props;
+declare const GroupLabel: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuGroupLabelProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type GroupProps = BaseContextMenu.Group.Props;
+declare const Group: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type SubmenuTriggerProps = BaseContextMenu.SubmenuTrigger.Props;
+declare const SubmenuTrigger: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuSubmenuTriggerProps, "ref"> & React.RefAttributes<HTMLElement>>;
+type CheckboxItemProps = BaseContextMenu.CheckboxItem.Props;
+declare const CheckboxItem: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuCheckboxItemProps, "ref"> & React.RefAttributes<HTMLElement>>;
+type CheckboxItemIndicatorProps = BaseContextMenu.CheckboxItemIndicator.Props;
+declare const CheckboxItemIndicator: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuCheckboxItemIndicatorProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+type RadioItemProps = BaseContextMenu.RadioItem.Props;
+declare const RadioItem: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuRadioItemProps, "ref"> & React.RefAttributes<HTMLElement>>;
+type RadioItemIndicatorProps = BaseContextMenu.RadioItemIndicator.Props;
+declare const RadioItemIndicator: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuRadioItemIndicatorProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export type { RootProps, TriggerProps, PortalProps, PositionerProps, PopupProps, ItemProps, SeparatorProps, GroupProps, GroupLabelProps, SubmenuRootProps, SubmenuTriggerProps, CheckboxItemProps, CheckboxItemIndicatorProps, RadioGroupProps, RadioItemProps, RadioItemIndicatorProps, };
+export { Root, Trigger, Portal, Positioner, Popup, Item, Separator, Group, GroupLabel, SubmenuRoot, SubmenuTrigger, CheckboxItem, CheckboxItemIndicator, RadioGroup, RadioItem, RadioItemIndicator, };

package/dist/components/context-menu/index.d.ts

@@ -0,0 +1 @@
+export * from './context-menu';

package/dist/components/dialog/dialog.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import { Dialog as BaseDialog } from '@base-ui/react/dialog';
+import type { VariantProps } from 'class-variance-authority';
+type RootProps = BaseDialog.Root.Props;
+declare const Root: typeof BaseDialog.Root;
+type PortalProps = BaseDialog.Portal.Props;
+declare const Portal: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").AlertDialogPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const Trigger: BaseDialog.Trigger;
+type TriggerProps = BaseDialog.Trigger.Props;
+declare const content: (props?: ({
+    size?: "1" | "2" | "3" | "fullscreen" | null | undefined;
+    placement?: "center" | "top" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type PopupProps = BaseDialog.Popup.Props & VariantProps<typeof content>;
+declare const Popup: React.ForwardRefExoticComponent<Omit<PopupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type BackdropProps = BaseDialog.Backdrop.Props;
+declare const Backdrop: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").AlertDialogBackdropProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type TitleProps = BaseDialog.Title.Props;
+declare const Title: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").AlertDialogTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+type CloseProps = BaseDialog.Close.Props;
+declare const Close: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").AlertDialogCloseProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export type { RootProps, TriggerProps, PortalProps, PopupProps, BackdropProps, TitleProps, CloseProps };
+export { Root, Trigger, Portal, Popup, Backdrop, Title, Close };
+export type { HeaderProps, SectionProps, ControlsProps } from '../dialog.base';
+export { Header, Section, Controls } from '../dialog.base';

package/dist/components/dialog/index.d.ts

@@ -0,0 +1 @@
+export * from './dialog';

package/dist/components/dialog.base/dialog.base.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import type { VariantProps } from 'class-variance-authority';
+type HeaderProps = React.ComponentPropsWithoutRef<'header'>;
+declare const Header: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+type SectionProps = React.ComponentPropsWithoutRef<'div'> & VariantProps<typeof section>;
+declare const Section: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & VariantProps<(props?: ({
+    size?: "base" | "small" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
+type ControlsProps = React.ComponentPropsWithoutRef<'div'>;
+declare const Controls: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const section: (props?: ({
+    size?: "base" | "small" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export { Header, Section, Controls };
+export type { HeaderProps, SectionProps, ControlsProps };

package/dist/components/dialog.base/index.d.ts

@@ -0,0 +1 @@
+export * from './dialog.base';

package/dist/components/dropdown-menu/dropdown-menu.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+import { Menu as BaseMenu } from '@base-ui/react/menu';
+type RootProps = BaseMenu.Root.Props;
+declare const Root: <Payload>(props: BaseMenu.Root.Props<Payload>) => import("react/jsx-runtime").JSX.Element;
+type TriggerProps = BaseMenu.Trigger.Props;
+declare const Trigger: BaseMenu.Trigger;
+type PortalProps = BaseMenu.Portal.Props;
+declare const Portal: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type PositionerProps = BaseMenu.Positioner.Props;
+declare const Positioner: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuPositionerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type SubmenuRootProps = BaseMenu.SubmenuRoot.Props;
+declare const SubmenuRoot: typeof BaseMenu.SubmenuRoot;
+type RadioGroupProps = BaseMenu.RadioGroup.Props;
+declare const RadioGroup: React.NamedExoticComponent<Omit<import("@base-ui/react").ContextMenuRadioGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type PopupProps = BaseMenu.Popup.Props;
+declare const Popup: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type ItemProps = BaseMenu.Item.Props;
+declare const Item: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuItemProps, "ref"> & React.RefAttributes<HTMLElement>>;
+type SeparatorProps = BaseMenu.Separator.Props;
+declare const Separator: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").SeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type GroupLabelProps = BaseMenu.GroupLabel.Props;
+declare const GroupLabel: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuGroupLabelProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type GroupProps = BaseMenu.Group.Props;
+declare const Group: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type SubmenuTriggerProps = BaseMenu.SubmenuTrigger.Props;
+declare const SubmenuTrigger: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuSubmenuTriggerProps, "ref"> & React.RefAttributes<HTMLElement>>;
+type CheckboxItemProps = BaseMenu.CheckboxItem.Props;
+declare const CheckboxItem: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuCheckboxItemProps, "ref"> & React.RefAttributes<HTMLElement>>;
+type CheckboxItemIndicatorProps = BaseMenu.CheckboxItemIndicator.Props;
+declare const CheckboxItemIndicator: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuCheckboxItemIndicatorProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+type RadioItemProps = BaseMenu.RadioItem.Props;
+declare const RadioItem: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuRadioItemProps, "ref"> & React.RefAttributes<HTMLElement>>;
+type RadioItemIndicatorProps = BaseMenu.RadioItemIndicator.Props;
+declare const RadioItemIndicator: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuRadioItemIndicatorProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export type { RootProps, TriggerProps, PortalProps, PositionerProps, PopupProps, ItemProps, SeparatorProps, GroupProps, GroupLabelProps, SubmenuRootProps, SubmenuTriggerProps, CheckboxItemProps, CheckboxItemIndicatorProps, RadioGroupProps, RadioItemProps, RadioItemIndicatorProps, };
+export { Root, Trigger, Portal, Positioner, Popup, Item, Separator, Group, GroupLabel, SubmenuRoot, SubmenuTrigger, CheckboxItem, CheckboxItemIndicator, RadioGroup, RadioItem, RadioItemIndicator, };

package/dist/components/dropdown-menu/index.d.ts

@@ -0,0 +1 @@
+export * from './dropdown-menu';

package/dist/components/flex/flex.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import type { VariantProps } from 'class-variance-authority';
+declare const flex: (props?: ({
+    direction?: "row" | "column" | "rowReverse" | "columnReverse" | null | undefined;
+    align?: "center" | "end" | "start" | "baseline" | "stretch" | null | undefined;
+    justify?: "center" | "end" | "start" | "between" | null | undefined;
+    wrap?: "wrap" | "nowrap" | "wrapReverse" | null | undefined;
+    gap?: "px" | "0" | "1" | "2" | "3" | "6" | "4" | "5" | "7" | "8" | "9" | "10" | "14" | "0.5" | "1.5" | "2.5" | "3.5" | "11" | "12" | "13" | "15" | "16" | null | undefined;
+    columnGap?: "px" | "0" | "1" | "2" | "3" | "6" | "4" | "5" | "7" | "8" | "9" | "10" | "14" | "0.5" | "1.5" | "2.5" | "3.5" | "11" | "12" | "13" | "15" | "16" | null | undefined;
+    rowGap?: "px" | "0" | "1" | "2" | "3" | "6" | "4" | "5" | "7" | "8" | "9" | "10" | "14" | "0.5" | "1.5" | "2.5" | "3.5" | "11" | "12" | "13" | "15" | "16" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type FlexProps = React.ComponentPropsWithoutRef<'div'> & VariantProps<typeof flex>;
+declare const Flex: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & VariantProps<(props?: ({
+    direction?: "row" | "column" | "rowReverse" | "columnReverse" | null | undefined;
+    align?: "center" | "end" | "start" | "baseline" | "stretch" | null | undefined;
+    justify?: "center" | "end" | "start" | "between" | null | undefined;
+    wrap?: "wrap" | "nowrap" | "wrapReverse" | null | undefined;
+    gap?: "px" | "0" | "1" | "2" | "3" | "6" | "4" | "5" | "7" | "8" | "9" | "10" | "14" | "0.5" | "1.5" | "2.5" | "3.5" | "11" | "12" | "13" | "15" | "16" | null | undefined;
+    columnGap?: "px" | "0" | "1" | "2" | "3" | "6" | "4" | "5" | "7" | "8" | "9" | "10" | "14" | "0.5" | "1.5" | "2.5" | "3.5" | "11" | "12" | "13" | "15" | "16" | null | undefined;
+    rowGap?: "px" | "0" | "1" | "2" | "3" | "6" | "4" | "5" | "7" | "8" | "9" | "10" | "14" | "0.5" | "1.5" | "2.5" | "3.5" | "11" | "12" | "13" | "15" | "16" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
+export type { FlexProps };
+export { Flex };

package/dist/components/flex/index.d.ts

@@ -0,0 +1 @@
+export * from './flex';

package/dist/components/icon/icon.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { VariantProps } from 'class-variance-authority';
+type Options = {
+    path: React.ReactElement;
+    displayName?: string;
+    viewBox?: string;
+};
+declare const icon: (props?: ({
+    size?: "1" | "2" | "3" | "6" | "2_5" | "3_5" | "4" | "5" | "7" | "8" | "9" | "10" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type IconProps = React.ComponentPropsWithoutRef<'svg'> & VariantProps<typeof icon>;
+declare function createIcon(options: Options): React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & VariantProps<(props?: ({
+    size?: "1" | "2" | "3" | "6" | "2_5" | "3_5" | "4" | "5" | "7" | "8" | "9" | "10" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<SVGSVGElement>>;
+export type { IconProps };
+export { createIcon };

package/dist/components/icon/index.d.ts

@@ -0,0 +1 @@
+export * from './icon';

package/dist/components/icon-button/icon-button.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import type { VariantProps } from 'class-variance-authority';
+declare const iconButton: (props?: ({
+    size?: "small" | "medium" | null | undefined;
+    activeAppearance?: "subtle" | "solid" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type IconButtonProps = React.ComponentPropsWithoutRef<'button'> & VariantProps<typeof iconButton> & {
+    'aria-label': string;
+    tooltipContent?: React.ReactNode;
+    disableTooltip?: boolean;
+};
+declare const IconButton: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
+    size?: "small" | "medium" | null | undefined;
+    activeAppearance?: "subtle" | "solid" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
+    'aria-label': string;
+    tooltipContent?: React.ReactNode;
+    disableTooltip?: boolean;
+} & React.RefAttributes<HTMLButtonElement>>;
+export type { IconButtonProps };
+export { IconButton };

package/dist/components/icon-button/index.d.ts

@@ -0,0 +1 @@
+export * from './icon-button';

package/dist/components/icons/actions.d.ts

@@ -0,0 +1,3 @@
+export declare const ActionsIcon: import("react").ForwardRefExoticComponent<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & import("class-variance-authority").VariantProps<(props?: ({
+    size?: "1" | "2" | "3" | "6" | "2_5" | "3_5" | "4" | "5" | "7" | "8" | "9" | "10" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & import("react").RefAttributes<SVGSVGElement>>;

package/dist/components/icons/align-bottom.d.ts

@@ -0,0 +1,3 @@
+export declare const AlignBottomIcon: import("react").ForwardRefExoticComponent<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & import("class-variance-authority").VariantProps<(props?: ({
+    size?: "1" | "2" | "3" | "6" | "2_5" | "3_5" | "4" | "5" | "7" | "8" | "9" | "10" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & import("react").RefAttributes<SVGSVGElement>>;

package/dist/components/icons/align-horizontal-center.d.ts

@@ -0,0 +1,3 @@
+export declare const AlignHorizontalCenterIcon: import("react").ForwardRefExoticComponent<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & import("class-variance-authority").VariantProps<(props?: ({
+    size?: "1" | "2" | "3" | "6" | "2_5" | "3_5" | "4" | "5" | "7" | "8" | "9" | "10" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & import("react").RefAttributes<SVGSVGElement>>;

package/dist/components/icons/align-left.d.ts

@@ -0,0 +1,3 @@
+export declare const AlignLeftIcon: import("react").ForwardRefExoticComponent<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & import("class-variance-authority").VariantProps<(props?: ({
+    size?: "1" | "2" | "3" | "6" | "2_5" | "3_5" | "4" | "5" | "7" | "8" | "9" | "10" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & import("react").RefAttributes<SVGSVGElement>>;

package/dist/components/icons/align-right.d.ts

@@ -0,0 +1,3 @@
+export declare const AlignRightIcon: import("react").ForwardRefExoticComponent<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & import("class-variance-authority").VariantProps<(props?: ({
+    size?: "1" | "2" | "3" | "6" | "2_5" | "3_5" | "4" | "5" | "7" | "8" | "9" | "10" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & import("react").RefAttributes<SVGSVGElement>>;

package/dist/components/icons/align-top.d.ts

@@ -0,0 +1,3 @@
+export declare const AlignTopIcon: import("react").ForwardRefExoticComponent<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & import("class-variance-authority").VariantProps<(props?: ({
+    size?: "1" | "2" | "3" | "6" | "2_5" | "3_5" | "4" | "5" | "7" | "8" | "9" | "10" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & import("react").RefAttributes<SVGSVGElement>>;

package/dist/components/icons/align-vertical-center.d.ts

@@ -0,0 +1,3 @@
+export declare const AlignVerticalCenterIcon: import("react").ForwardRefExoticComponent<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & import("class-variance-authority").VariantProps<(props?: ({
+    size?: "1" | "2" | "3" | "6" | "2_5" | "3_5" | "4" | "5" | "7" | "8" | "9" | "10" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & import("react").RefAttributes<SVGSVGElement>>;

package/dist/components/icons/annotation.d.ts

@@ -0,0 +1,3 @@
+export declare const AnnotationIcon: import("react").ForwardRefExoticComponent<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & import("class-variance-authority").VariantProps<(props?: ({
+    size?: "1" | "2" | "3" | "6" | "2_5" | "3_5" | "4" | "5" | "7" | "8" | "9" | "10" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & import("react").RefAttributes<SVGSVGElement>>;

package/dist/components/icons/aspect-ratio.d.ts

@@ -0,0 +1,3 @@
+export declare const AspectRatioIcon: import("react").ForwardRefExoticComponent<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & import("class-variance-authority").VariantProps<(props?: ({
+    size?: "1" | "2" | "3" | "6" | "2_5" | "3_5" | "4" | "5" | "7" | "8" | "9" | "10" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & import("react").RefAttributes<SVGSVGElement>>;

package/dist/components/icons/auto-height.d.ts

@@ -0,0 +1,3 @@
+export declare const AutoHeightIcon: import("react").ForwardRefExoticComponent<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & import("class-variance-authority").VariantProps<(props?: ({
+    size?: "1" | "2" | "3" | "6" | "2_5" | "3_5" | "4" | "5" | "7" | "8" | "9" | "10" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & import("react").RefAttributes<SVGSVGElement>>;

package/dist/components/icons/auto-width.d.ts

@@ -0,0 +1,3 @@
+export declare const AutoWidthIcon: import("react").ForwardRefExoticComponent<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & import("class-variance-authority").VariantProps<(props?: ({
+    size?: "1" | "2" | "3" | "6" | "2_5" | "3_5" | "4" | "5" | "7" | "8" | "9" | "10" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & import("react").RefAttributes<SVGSVGElement>>;

package/dist/components/icons/blend-mode.d.ts

@@ -0,0 +1,3 @@
+export declare const BlendModeIcon: import("react").ForwardRefExoticComponent<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & import("class-variance-authority").VariantProps<(props?: ({
+    size?: "1" | "2" | "3" | "6" | "2_5" | "3_5" | "4" | "5" | "7" | "8" | "9" | "10" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & import("react").RefAttributes<SVGSVGElement>>;

package/dist/components/icons/boolean.d.ts

@@ -0,0 +1,3 @@
+export declare const BooleanIcon: import("react").ForwardRefExoticComponent<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & import("class-variance-authority").VariantProps<(props?: ({
+    size?: "1" | "2" | "3" | "6" | "2_5" | "3_5" | "4" | "5" | "7" | "8" | "9" | "10" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & import("react").RefAttributes<SVGSVGElement>>;

package/dist/components/icons/checkmark-indeterminate.d.ts

@@ -0,0 +1,3 @@
+export declare const CheckmarkIndeterminateIcon: import("react").ForwardRefExoticComponent<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & import("class-variance-authority").VariantProps<(props?: ({
+    size?: "1" | "2" | "3" | "6" | "2_5" | "3_5" | "4" | "5" | "7" | "8" | "9" | "10" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & import("react").RefAttributes<SVGSVGElement>>;

package/dist/components/icons/checkmark.d.ts

@@ -0,0 +1,3 @@
+export declare const CheckmarkIcon: import("react").ForwardRefExoticComponent<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & import("class-variance-authority").VariantProps<(props?: ({
+    size?: "1" | "2" | "3" | "6" | "2_5" | "3_5" | "4" | "5" | "7" | "8" | "9" | "10" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & import("react").RefAttributes<SVGSVGElement>>;