twenty-ui 1.0.0-alpha.2 → 2.41.0

package/dist/{input → primitives/input}/AnimatedButton/AnimatedButton.d.ts

@@ -1,8 +1,3 @@
 import { default as React } from 'react';
-import { ButtonProps } from '../Button/Button';
-export type AnimatedButtonProps = ButtonProps & {
-    animatedSvg: React.ReactNode;
-    soonLabel?: string;
-    square?: boolean;
-};
+import { AnimatedButtonProps } from './types/AnimatedButtonProps';
 export declare const AnimatedButton: ({ className, Icon, animatedSvg, title, fullWidth, variant, inverted, size, accent, square, position, soon, disabled, justify, focus, onClick, to, target, dataTestId, hotkeys, ariaLabel, dataClickOutsideId, dataGloballyPreventClickOutside, soonLabel, }: AnimatedButtonProps) => React.JSX.Element;

package/dist/primitives/input/AnimatedButton/internal/AnimatedButtonAccent.d.ts

@@ -0,0 +1 @@
+export type AnimatedButtonAccent = 'default' | 'blue' | 'danger' | 'green';

package/dist/primitives/input/AnimatedButton/internal/AnimatedButtonBaseProps.d.ts

@@ -0,0 +1,30 @@
+import { ComponentProps, MouseEvent } from 'react';
+import { IconComponent } from '../../../../icon';
+import { ClickOutsideAttributes } from '../../../../utilities/types/ClickOutsideAttributes';
+import { AnimatedButtonAccent } from './AnimatedButtonAccent';
+import { AnimatedButtonVariant } from './AnimatedButtonVariant';
+import { AnimatedButtonPosition } from './AnimatedButtonPosition';
+export type AnimatedButtonBaseProps = ClickOutsideAttributes & {
+    id?: string;
+    className?: string;
+    Icon?: IconComponent;
+    title?: string;
+    fullWidth?: boolean;
+    variant?: AnimatedButtonVariant;
+    inverted?: boolean;
+    size?: 'small' | 'medium';
+    position?: AnimatedButtonPosition;
+    accent?: AnimatedButtonAccent;
+    soon?: boolean;
+    justify?: 'center' | 'flex-start' | 'flex-end';
+    disabled?: boolean;
+    focus?: boolean;
+    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
+    to?: string;
+    target?: string;
+    dataTestId?: string;
+    hotkeys?: string[];
+    ariaLabel?: string;
+    isLoading?: boolean;
+    type?: ComponentProps<'button'>['type'];
+};

package/dist/primitives/input/AnimatedButton/internal/AnimatedButtonPosition.d.ts

@@ -0,0 +1 @@
+export type AnimatedButtonPosition = 'standalone' | 'left' | 'middle' | 'right';

package/dist/primitives/input/AnimatedButton/internal/AnimatedButtonVariant.d.ts

@@ -0,0 +1 @@
+export type AnimatedButtonVariant = 'primary' | 'secondary' | 'tertiary';

package/dist/primitives/input/AnimatedButton/types/AnimatedButtonProps.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+import { AnimatedButtonBaseProps } from '../internal/AnimatedButtonBaseProps';
+export type AnimatedButtonProps = AnimatedButtonBaseProps & {
+    animatedSvg: ReactNode;
+    soonLabel?: string;
+    square?: boolean;
+};

package/dist/{input → primitives/input}/AnimatedLightIconButton/AnimatedLightIconButton.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps, MouseEvent } from 'react';
-import { IconComponent } from '../../icon';
+import { IconComponent } from '../../../icon';
 import { LightIconButtonAccent, LightIconButtonSize } from '../LightIconButton/LightIconButton';
 export type AnimatedLightIconButtonProps = {
     className?: string;

package/dist/primitives/input/Button/Button.d.ts

@@ -0,0 +1,2 @@
+import { ButtonProps } from './types/ButtonProps';
+export declare const Button: ({ variant, color, size, fullWidth, loading, elevated, startIcon, endIcon, hotkeys, soon, soonLabel, disabled, href, render, nativeButton, className, children, ...props }: ButtonProps) => import("react").JSX.Element;

package/dist/primitives/input/Button/internal/ButtonHotKeys.d.ts

@@ -0,0 +1,5 @@
+type ButtonHotkeysProps = {
+    hotkeys: string[];
+};
+export declare const ButtonHotkeys: ({ hotkeys }: ButtonHotkeysProps) => import("react").JSX.Element;
+export {};

package/dist/primitives/input/Button/types/ButtonColor.d.ts

@@ -0,0 +1 @@
+export type ButtonColor = 'neutral' | 'accent' | 'danger' | 'success';

package/dist/primitives/input/Button/types/ButtonProps.d.ts

@@ -0,0 +1,18 @@
+import { Button as ButtonPrimitive } from '@base-ui/react/button';
+import { ComponentPropsWithRef, ReactNode } from 'react';
+import { ButtonColor } from './ButtonColor';
+import { ButtonSize } from './ButtonSize';
+import { ButtonVariant } from './ButtonVariant';
+export type ButtonProps = Omit<ButtonPrimitive.Props, 'color'> & Pick<ComponentPropsWithRef<'a'>, 'href' | 'target' | 'rel' | 'download'> & {
+    variant?: ButtonVariant;
+    color?: ButtonColor;
+    size?: ButtonSize;
+    fullWidth?: boolean;
+    loading?: boolean;
+    elevated?: boolean;
+    startIcon?: ReactNode;
+    endIcon?: ReactNode;
+    hotkeys?: string[];
+    soon?: boolean;
+    soonLabel?: string;
+};

package/dist/primitives/input/Button/types/ButtonSize.d.ts

@@ -0,0 +1 @@
+export type ButtonSize = 'sm' | 'md';

package/dist/primitives/input/Button/types/ButtonVariant.d.ts

@@ -0,0 +1 @@
+export type ButtonVariant = 'solid' | 'outline' | 'ghost' | 'soft';

package/dist/primitives/input/ButtonGroup/ButtonGroup.d.ts

@@ -0,0 +1,2 @@
+import { ButtonGroupProps } from './types/ButtonGroupProps';
+export declare const ButtonGroup: ({ className, children, variant, size, color, render, ref, ...props }: ButtonGroupProps) => import("react").JSX.Element;

package/dist/primitives/input/ButtonGroup/internal/ButtonGroupContext.d.ts

@@ -0,0 +1,2 @@
+import { ButtonProps } from '../../Button/types/ButtonProps';
+export declare const ButtonGroupContext: import('react').Context<Pick<ButtonProps, "color" | "size" | "variant"> | null>;

package/dist/primitives/input/ButtonGroup/types/ButtonGroupProps.d.ts

@@ -0,0 +1,3 @@
+import { useRender } from '@base-ui/react/use-render';
+import { ButtonProps } from '../../Button/types/ButtonProps';
+export type ButtonGroupProps = useRender.ComponentProps<'div'> & Pick<ButtonProps, 'variant' | 'size' | 'color'>;

package/dist/primitives/input/CardPicker/CardPicker.d.ts

@@ -0,0 +1,2 @@
+import { CardPickerProps } from './types/CardPickerProps';
+export declare const CardPicker: <TValue>({ children, className, ...props }: CardPickerProps<TValue>) => import("react").JSX.Element;

package/dist/primitives/input/CardPicker/types/CardPickerProps.d.ts

@@ -0,0 +1,2 @@
+import { RadioProps } from '../../Radio/types/RadioProps';
+export type CardPickerProps<TValue = string> = RadioProps<TValue>;

package/dist/{input → primitives/input}/Checkbox/types/CheckboxProps.d.ts

@@ -4,9 +4,17 @@ import { CheckboxShape } from './CheckboxShape';
 import { CheckboxSize } from './CheckboxSize';
 import { CheckboxVariant } from './CheckboxVariant';
 export type CheckboxProps = Omit<CheckboxPrimitive.Root.Props, 'color'> & {
+    /** Visual size of the checkbox. */
     size?: CheckboxSize;
+    /** Visual style of the box: filled, outlined, or tinted. */
     variant?: CheckboxVariant;
+    /** Corner shape of the box. */
     shape?: CheckboxShape;
+    /** Color used while the checkbox is checked or indeterminate. */
     color?: CheckboxColor;
+    /**
+     * Adds padding around the box and a hover background. Disable it for a
+     * compact checkbox inside another interactive element.
+     */
     hoverable?: boolean;
 };

package/dist/{input → primitives/input}/CodeEditor/utils/getBaseCodeEditorTheme.d.ts

@@ -1,3 +1,3 @@
-import { ThemeType } from '../../../theme-constants';
+import { ThemeType } from '../../../../theme-constants';
 import { editor } from 'monaco-editor';
 export declare const getBaseCodeEditorTheme: (theme: ThemeType, colorScheme: "light" | "dark") => editor.IStandaloneThemeData;

package/dist/{input → primitives/input}/FloatingButton/FloatingButton.d.ts

@@ -1,4 +1,4 @@
-import { IconComponent } from '../../icon';
+import { IconComponent } from '../../../icon';
 export type FloatingButtonSize = 'small' | 'medium';
 export type FloatingButtonPosition = 'standalone' | 'left' | 'middle' | 'right';
 export type FloatingButtonProps = {

package/dist/{input → primitives/input}/FloatingIconButton/FloatingIconButton.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { IconComponent } from '../../icon';
+import { IconComponent } from '../../../icon';
 export type FloatingIconButtonSize = 'small' | 'medium';
 export type FloatingIconButtonPosition = 'standalone' | 'left' | 'middle' | 'right';
 export type FloatingIconButtonProps = {

package/dist/{input → primitives/input}/FloatingIconButtonGroup/FloatingIconButtonGroup.d.ts

@@ -1,5 +1,5 @@
 import { MouseEvent } from 'react';
-import { IconComponent } from '../../icon';
+import { IconComponent } from '../../../icon';
 import { FloatingIconButtonProps } from '../FloatingIconButton/FloatingIconButton';
 export type FloatingIconButtonGroupProps = Pick<FloatingIconButtonProps, 'className' | 'size'> & {
     iconButtons: {

package/dist/primitives/input/IconButton/IconButton.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+export declare const IconButton: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    className?: string;
+    Icon?: import('../../..').IconComponent;
+    variant?: import('..').IconButtonVariant;
+    size?: import('..').IconButtonSize;
+    position?: import('..').IconButtonPosition;
+    accent?: import('..').IconButtonAccent;
+    disabled?: boolean;
+    focus?: boolean;
+    dataTestId?: string;
+    ariaLabel?: string;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    to?: string;
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLButtonElement>>;

package/dist/primitives/input/IconButton/types/IconButtonAccent.d.ts

@@ -0,0 +1 @@
+export type IconButtonAccent = 'default' | 'blue' | 'danger';

package/dist/primitives/input/IconButton/types/IconButtonPosition.d.ts

@@ -0,0 +1 @@
+export type IconButtonPosition = 'standalone' | 'left' | 'middle' | 'right';

package/dist/primitives/input/IconButton/types/IconButtonProps.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+import { IconComponent } from '../../../../icon';
+import { IconButtonSize } from './IconButtonSize';
+import { IconButtonPosition } from './IconButtonPosition';
+import { IconButtonVariant } from './IconButtonVariant';
+import { IconButtonAccent } from './IconButtonAccent';
+export type IconButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    className?: string;
+    Icon?: IconComponent;
+    variant?: IconButtonVariant;
+    size?: IconButtonSize;
+    position?: IconButtonPosition;
+    accent?: IconButtonAccent;
+    disabled?: boolean;
+    focus?: boolean;
+    dataTestId?: string;
+    ariaLabel?: string;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    to?: string;
+    children?: React.ReactNode;
+};

package/dist/primitives/input/IconButton/types/IconButtonSize.d.ts

@@ -0,0 +1 @@
+export type IconButtonSize = 'medium' | 'small';

package/dist/primitives/input/IconButton/types/IconButtonVariant.d.ts

@@ -0,0 +1 @@
+export type IconButtonVariant = 'primary' | 'secondary' | 'tertiary';

package/dist/{input → primitives/input}/IconButtonGroup/IconButtonGroup.d.ts

@@ -1,5 +1,5 @@
 import { MouseEvent } from 'react';
-import { IconComponent } from '../../icon';
+import { IconComponent } from '../../../icon';
 export type IconButtonGroupProps = {
     disabled?: boolean;
     iconButtons: {

package/dist/{input → primitives/input}/IconButtonWithTooltip/IconButtonWithTooltip.d.ts

@@ -1,9 +1,9 @@
-import { IconButtonProps } from '../IconButton/IconButton';
+import { IconButtonProps } from '../IconButton/types/IconButtonProps';
 import { TooltipDelay, TooltipPosition } from '../../surfaces';
-export type IconButtonWithTooltipProps = Pick<IconButtonProps, 'Icon' | 'ariaLabel' | 'onClick' | 'size' | 'variant'> & {
+export type IconButtonWithTooltipProps = Pick<IconButtonProps, 'Icon' | 'ariaLabel' | 'onClick' | 'size' | 'variant' | 'disabled'> & {
     tooltipContent: string;
     tooltipPlace?: TooltipPosition;
     tooltipDelay?: TooltipDelay;
     tooltipOffset?: number;
 };
-export declare const IconButtonWithTooltip: ({ tooltipContent, tooltipPlace, tooltipDelay, tooltipOffset, Icon, ariaLabel, onClick, size, variant, }: IconButtonWithTooltipProps) => import("react").JSX.Element;
+export declare const IconButtonWithTooltip: ({ tooltipContent, tooltipPlace, tooltipDelay, tooltipOffset, Icon, ariaLabel, onClick, size, variant, disabled, }: IconButtonWithTooltipProps) => import("react").JSX.Element;

package/dist/{input → primitives/input}/IconListViewGrip/IconListViewGrip.d.ts

@@ -1,4 +1,4 @@
-import { IconComponentProps } from '../../icon/types/IconComponent';
+import { IconComponentProps } from '../../../icon/types/IconComponent';
 type IconListViewGripProps = Pick<IconComponentProps, 'size' | 'stroke'>;
 export declare const IconListViewGrip: (props: IconListViewGripProps) => import("react").JSX.Element;
 export {};

package/dist/{input → primitives/input}/Input/types/InputProps.d.ts

@@ -1,5 +1,6 @@
 import { Input as InputPrimitive } from '@base-ui/react/input';
 import { InputSize } from '../../types/InputSize';
 export type InputProps = Omit<InputPrimitive.Props, 'size'> & {
+    /** Visual size of the input. Inside an `InputGroup`, the group's size applies. */
     size?: InputSize;
 };

package/dist/{input → primitives/input}/InputGroup/types/InputGroupProps.d.ts

@@ -2,7 +2,10 @@ import { useRender } from '@base-ui/react/use-render';
 import { ReactNode } from 'react';
 import { InputSize } from '../../types/InputSize';
 export type InputGroupProps = useRender.ComponentProps<'div'> & {
+    /** Visual size of the group and its input. */
     size?: InputSize;
+    /** Content rendered before the input, such as a prefix or an icon. */
     startElement?: ReactNode;
+    /** Content rendered after the input, such as a suffix or a button. */
     endElement?: ReactNode;
 };

package/dist/{input → primitives/input}/InputHint/InputHint.d.ts

@@ -4,7 +4,7 @@ type InputHintProps = {
     danger?: boolean;
 };
 /**
- * @deprecated Inside `Field.Root` (from `twenty-ui/input`), use `Field.Description` for hints or `Field.Error` for errors (replaces `danger`).
+ * @deprecated Inside `Field.Root` (from `twenty-ui/primitives/input`), use `Field.Description` for hints or `Field.Error` for errors (replaces `danger`).
  */
 export declare const InputHint: ({ children, className, danger }: InputHintProps) => import("react").JSX.Element;
 export {};

package/dist/{input → primitives/input}/InputLabel/InputLabel.d.ts

@@ -4,7 +4,7 @@ type InputLabelProps = {
     htmlFor?: string;
 };
 /**
- * @deprecated Compose `Field.Label` inside `Field.Root` (from `twenty-ui/input`) instead.
+ * @deprecated Compose `Field.Label` inside `Field.Root` (from `twenty-ui/primitives/input`) instead.
  */
 export declare const InputLabel: ({ children, className, htmlFor, }: InputLabelProps) => import("react").JSX.Element;
 export {};

package/dist/{input → primitives/input}/InsideButton/InsideButton.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { IconComponent } from '../../icon';
+import { IconComponent } from '../../../icon';
 export type InsideButtonProps = {
     className?: string;
     Icon?: IconComponent;

package/dist/{input → primitives/input}/LightIconButton/LightIconButton.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps, MouseEvent } from 'react';
-import { IconComponent } from '../../icon';
+import { IconComponent } from '../../../icon';
 export type LightIconButtonAccent = 'secondary' | 'tertiary';
 export type LightIconButtonSize = 'small' | 'medium';
 export type LightIconButtonProps = {

package/dist/{input → primitives/input}/LightIconButtonGroup/LightIconButtonGroup.d.ts

@@ -1,5 +1,5 @@
 import { FunctionComponent, MouseEvent, ReactElement } from 'react';
-import { IconComponent } from '../../icon';
+import { IconComponent } from '../../../icon';
 import { LightIconButtonProps } from '../LightIconButton/LightIconButton';
 export type LightIconButtonGroupProps = Pick<LightIconButtonProps, 'className' | 'size'> & {
     iconButtons: {

package/dist/primitives/input/Radio/Radio.d.ts

@@ -0,0 +1,2 @@
+import { RadioProps } from './types/RadioProps';
+export declare const Radio: <TValue>({ children, className, size, ...props }: RadioProps<TValue>) => import("react").JSX.Element;

package/dist/primitives/input/Radio/types/RadioProps.d.ts

@@ -0,0 +1,5 @@
+import { Radio as RadioPrimitive } from '@base-ui/react/radio';
+export type RadioProps<TValue = string> = RadioPrimitive.Root.Props<TValue> & {
+    /** Visual size of the radio. */
+    size?: 'sm' | 'md';
+};

package/dist/primitives/input/RadioGroup/RadioGroup.d.ts

@@ -0,0 +1,2 @@
+import { RadioGroupProps } from './types/RadioGroupProps';
+export declare const RadioGroup: <TValue>({ className, ...props }: RadioGroupProps<TValue>) => import("react").JSX.Element;

package/dist/primitives/input/RadioGroup/types/RadioGroupProps.d.ts

@@ -0,0 +1,2 @@
+import { RadioGroup as RadioGroupPrimitive } from '@base-ui/react/radio-group';
+export type RadioGroupProps<TValue = string> = RadioGroupPrimitive.Props<TValue>;

package/dist/{input → primitives/input}/RoundedIconButton/RoundedIconButton.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { IconComponent } from '../../icon';
+import { IconComponent } from '../../../icon';
 export type RoundedIconButtonSize = 'small' | 'medium';
 type RoundedIconButtonProps = {
     Icon: IconComponent;

package/dist/{input → primitives/input}/SegmentedControl/SegmentedControl.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { IconComponent } from '../../icon';
+import { IconComponent } from '../../../icon';
 type SegmentedControlOptionBase<Value extends string> = {
     disabled?: boolean;
     value: Value;

package/dist/{input → primitives/input}/Select/types/SelectPopupProps.d.ts

@@ -1,4 +1,8 @@
 import { Select as SelectPrimitive } from '@base-ui/react/select';
 export type SelectPopupProps = SelectPrimitive.Popup.Props & Pick<SelectPrimitive.Positioner.Props, 'side' | 'align' | 'sideOffset' | 'alignOffset' | 'alignItemWithTrigger' | 'anchor'> & {
+    /**
+     * Element the popup is portaled into. Defaults to the theme's portal
+     * container.
+     */
     container?: SelectPrimitive.Portal.Props['container'];
 };

package/dist/{input → primitives/input}/Select/types/SelectTriggerProps.d.ts

@@ -1,5 +1,6 @@
 import { Select as SelectPrimitive } from '@base-ui/react/select';
 import { InputSize } from '../../types/InputSize';
 export type SelectTriggerProps = SelectPrimitive.Trigger.Props & {
+    /** Visual size of the trigger. */
     size?: InputSize;
 };

package/dist/{input → primitives/input}/Slider/types/SliderRootProps.d.ts

@@ -1,4 +1,5 @@
 import { Slider as SliderPrimitive } from '@base-ui/react/slider';
 export type SliderRootProps<TValue extends number | readonly number[] = number> = SliderPrimitive.Root.Props<TValue> & {
+    /** Color of the indicator and thumbs. */
     color?: 'accent' | 'success';
 };

package/dist/{input → primitives/input}/Switch/types/SwitchProps.d.ts

@@ -1,5 +1,6 @@
 import { Switch as SwitchPrimitive } from '@base-ui/react/switch';
 import { SwitchSize } from './SwitchSize';
 export type SwitchProps = SwitchPrimitive.Root.Props & {
+    /** Visual size of the switch. */
     size?: SwitchSize;
 };

package/dist/{input → primitives/input}/TabButton/TabButton.d.ts

@@ -1,4 +1,4 @@
-import { IconComponent } from '../../icon';
+import { IconComponent } from '../../../icon';
 import { StyledTabContainer } from './parts/StyledTabBase';
 import { TabContent, TabContentProps } from './parts/TabContent';
 import { ReactElement } from 'react';

package/dist/{input → primitives/input}/TabButton/parts/TabContent.d.ts

@@ -1,4 +1,4 @@
-import { IconComponent } from '../../../icon';
+import { IconComponent } from '../../../../icon';
 import { ReactElement } from 'react';
 export type TabContentProps = {
     id: string;

package/dist/{input → primitives/input}/Textarea/types/TextareaProps.d.ts

@@ -2,9 +2,20 @@ import { Input as InputPrimitive } from '@base-ui/react/input';
 import { useRender } from '@base-ui/react/use-render';
 import { InputSize } from '../../types/InputSize';
 export type TextareaProps = Omit<useRender.ComponentProps<'textarea'>, 'className'> & {
+    /**
+     * CSS class applied to the textarea, or a function that returns a class
+     * based on the input state.
+     */
     className?: string | ((state: InputPrimitive.State) => string | undefined);
+    /** Called with the new value when the textarea value changes. */
     onValueChange?: (value: string, eventDetails: InputPrimitive.ChangeEventDetails) => void;
+    /** Visual size of the textarea. */
     size?: InputSize;
+    /** Grows the textarea with its content instead of showing a scrollbar. */
     autoResize?: boolean;
+    /**
+     * Maximum number of rows the textarea grows to when `autoResize` is set.
+     * Longer content scrolls.
+     */
     maxRows?: number;
 };

package/dist/{input → primitives/input}/index.d.ts

@@ -1,13 +1,16 @@
-export type { AnimatedButtonProps } from './AnimatedButton/AnimatedButton';
 export { AnimatedButton } from './AnimatedButton/AnimatedButton';
+export type { AnimatedButtonProps } from './AnimatedButton/types/AnimatedButtonProps';
 export type { AnimatedLightIconButtonProps } from './AnimatedLightIconButton/AnimatedLightIconButton';
 export { AnimatedLightIconButton } from './AnimatedLightIconButton/AnimatedLightIconButton';
-export type { ButtonSize, ButtonPosition, ButtonVariant, ButtonAccent, ButtonProps, } from './Button/Button';
 export { Button } from './Button/Button';
-export { baseTransitionTiming } from './Button/constant';
-export type { ButtonGroupProps } from './ButtonGroup/ButtonGroup';
+export type { ButtonColor } from './Button/types/ButtonColor';
+export type { ButtonProps } from './Button/types/ButtonProps';
+export type { ButtonSize } from './Button/types/ButtonSize';
+export type { ButtonVariant } from './Button/types/ButtonVariant';
 export { ButtonGroup } from './ButtonGroup/ButtonGroup';
+export type { ButtonGroupProps } from './ButtonGroup/types/ButtonGroupProps';
 export { CardPicker } from './CardPicker/CardPicker';
+export type { CardPickerProps } from './CardPicker/types/CardPickerProps';
 export { Checkbox } from './Checkbox/Checkbox';
 export type { CheckboxColor } from './Checkbox/types/CheckboxColor';
 export type { CheckboxProps } from './Checkbox/types/CheckboxProps';
@@ -33,8 +36,12 @@ export type { FloatingIconButtonSize, FloatingIconButtonPosition, FloatingIconBu
 export { FloatingIconButton } from './FloatingIconButton/FloatingIconButton';
 export type { FloatingIconButtonGroupProps } from './FloatingIconButtonGroup/FloatingIconButtonGroup';
 export { FloatingIconButtonGroup } from './FloatingIconButtonGroup/FloatingIconButtonGroup';
-export type { IconButtonSize, IconButtonPosition, IconButtonVariant, IconButtonAccent, IconButtonProps, } from './IconButton/IconButton';
 export { IconButton } from './IconButton/IconButton';
+export type { IconButtonAccent } from './IconButton/types/IconButtonAccent';
+export type { IconButtonPosition } from './IconButton/types/IconButtonPosition';
+export type { IconButtonProps } from './IconButton/types/IconButtonProps';
+export type { IconButtonSize } from './IconButton/types/IconButtonSize';
+export type { IconButtonVariant } from './IconButton/types/IconButtonVariant';
 export type { IconButtonGroupProps } from './IconButtonGroup/IconButtonGroup';
 export { IconButtonGroup } from './IconButtonGroup/IconButtonGroup';
 export type { IconButtonWithTooltipProps } from './IconButtonWithTooltip/IconButtonWithTooltip';
@@ -48,17 +55,14 @@ export { InputHint } from './InputHint/InputHint';
 export { InputLabel } from './InputLabel/InputLabel';
 export type { InsideButtonProps } from './InsideButton/InsideButton';
 export { InsideButton } from './InsideButton/InsideButton';
-export type { LightButtonAccent, LightButtonProps, } from './LightButton/LightButton';
-export { LightButton } from './LightButton/LightButton';
 export type { LightIconButtonAccent, LightIconButtonSize, LightIconButtonProps, } from './LightIconButton/LightIconButton';
 export { LightIconButton } from './LightIconButton/LightIconButton';
 export type { LightIconButtonGroupProps } from './LightIconButtonGroup/LightIconButtonGroup';
 export { LightIconButtonGroup } from './LightIconButtonGroup/LightIconButtonGroup';
-export type { MainButtonVariant } from './MainButton/MainButton';
-export { MainButton } from './MainButton/MainButton';
-export type { RadioProps } from './Radio/Radio';
-export { RadioSize, LabelPosition, Radio } from './Radio/Radio';
+export { Radio } from './Radio/Radio';
+export type { RadioProps } from './Radio/types/RadioProps';
 export { RadioGroup } from './RadioGroup/RadioGroup';
+export type { RadioGroupProps } from './RadioGroup/types/RadioGroupProps';
 export type { RoundedIconButtonSize } from './RoundedIconButton/RoundedIconButton';
 export { RoundedIconButton } from './RoundedIconButton/RoundedIconButton';
 export type { SearchInputProps } from './SearchInput/SearchInput';

package/dist/{input → primitives/input}/types/SelectOption.d.ts

@@ -1,7 +1,9 @@
-import { IconComponent } from '../../icon';
-import { ThemeColor } from '../../theme';
+import { IconComponent } from '../../../icon';
+import { ThemeColor } from '../../../theme';
+import { ReactNode } from 'react';
 export type SelectOption<Value extends string | number | boolean | null = string> = {
     Icon?: IconComponent | null;
+    LeftComponent?: ReactNode;
     iconThemeColor?: ThemeColor | null;
     label: string;
     fullLabel?: string;

package/dist/primitives/input.cjs

@@ -0,0 +1 @@
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("../Button-DDrUyVB1.cjs"),t=require("../input-B1qr987z.cjs");exports.AnimatedButton=t.AnimatedButton;exports.AnimatedLightIconButton=t.AnimatedLightIconButton;exports.BASE_CODE_EDITOR_THEME_ID=t.BASE_CODE_EDITOR_THEME_ID;exports.Button=o.Button;exports.ButtonGroup=t.ButtonGroup;exports.CardPicker=t.CardPicker;exports.Checkbox=t.Checkbox;exports.CodeEditor=t.CodeEditor;exports.ColorPickerButton=t.ColorPickerButton;exports.ColorSchemeCard=t.ColorSchemeCard;exports.ColorSchemePicker=t.ColorSchemePicker;exports.CoreEditorHeader=t.CoreEditorHeader;exports.Field=t.Field;exports.FloatingButton=t.FloatingButton;exports.FloatingButtonGroup=t.FloatingButtonGroup;exports.FloatingIconButton=t.FloatingIconButton;exports.FloatingIconButtonGroup=t.FloatingIconButtonGroup;exports.IconButton=t.IconButton;exports.IconButtonGroup=t.IconButtonGroup;exports.IconButtonWithTooltip=t.IconButtonWithTooltip;exports.IconListViewGrip=t.IconListViewGrip;exports.Input=t.Input;exports.InputGroup=t.InputGroup;exports.InputHint=t.InputHint;exports.InputLabel=t.InputLabel;exports.InsideButton=t.InsideButton;exports.LightIconButton=t.LightIconButton;exports.LightIconButtonGroup=t.LightIconButtonGroup;exports.Radio=t.Radio;exports.RadioGroup=t.RadioGroup;exports.RoundedIconButton=t.RoundedIconButton;exports.SearchInput=t.SearchInput;exports.SegmentedControl=t.SegmentedControl;exports.Select=t.Select;exports.Slider=t.Slider;exports.StyledTabContainer=t.StyledTabContainer;exports.Switch=t.Switch;exports.TabButton=t.TabButton;exports.TabContent=t.TabContent;exports.Textarea=t.Textarea;exports.getBaseCodeEditorTheme=t.getBaseCodeEditorTheme;

package/dist/primitives/input.mjs

@@ -0,0 +1,45 @@
+import { t as o } from "../Button-u4e3zI-a.js";
+import { A as n, B as s, C as e, D as r, E as i, F as u, I as c, L as d, M as B, N as I, O as p, P as l, R as C, S as h, T as m, _ as g, a as S, b as E, c as T, d as G, f as b, g as F, h as L, i as k, j as R, k as _, l as x, m as A, n as D, o as P, p as f, r as w, s as H, t as O, u as y, v as M, w as j, x as v, y as z, z as N } from "../input-DOIOurw8.js";
+export {
+  s as AnimatedButton,
+  N as AnimatedLightIconButton,
+  l as BASE_CODE_EDITOR_THEME_ID,
+  o as Button,
+  C as ButtonGroup,
+  c as CardPicker,
+  u as Checkbox,
+  B as CodeEditor,
+  _ as ColorPickerButton,
+  p as ColorSchemeCard,
+  r as ColorSchemePicker,
+  R as CoreEditorHeader,
+  i as Field,
+  m as FloatingButton,
+  j as FloatingButtonGroup,
+  e as FloatingIconButton,
+  h as FloatingIconButtonGroup,
+  v as IconButton,
+  z as IconButtonGroup,
+  M as IconButtonWithTooltip,
+  g as IconListViewGrip,
+  F as Input,
+  L as InputGroup,
+  A as InputHint,
+  f as InputLabel,
+  E as InsideButton,
+  n as LightIconButton,
+  b as LightIconButtonGroup,
+  d as Radio,
+  G as RadioGroup,
+  y as RoundedIconButton,
+  x as SearchInput,
+  T as SegmentedControl,
+  H as Select,
+  P as Slider,
+  k as StyledTabContainer,
+  S as Switch,
+  D as TabButton,
+  w as TabContent,
+  O as Textarea,
+  I as getBaseCodeEditorTheme
+};

package/dist/{json-visualizer → primitives/json-visualizer}/components/JsonNestedNode.d.ts

@@ -1,5 +1,5 @@
 import { JsonValue } from 'type-fest';
-import { IconComponent } from '../../icon';
+import { IconComponent } from '../../../icon';
 import { JsonNodeHighlighting } from '../types/JsonNodeHighlighting';
 export declare const JsonNestedNode: ({ label, Icon, elements, renderElementsCount, emptyElementsText, depth, keyPath, highlighting, }: {
     label?: string;

package/dist/{json-visualizer → primitives/json-visualizer}/components/JsonValueNode.d.ts

@@ -1,4 +1,4 @@
-import { IconComponent } from '../../icon';
+import { IconComponent } from '../../../icon';
 import { JsonNodeHighlighting } from '../types/JsonNodeHighlighting';
 type JsonValueNodeProps = {
     valueAsString: string;

package/dist/{json-visualizer → primitives/json-visualizer}/components/internal/JsonNodeLabel.d.ts

@@ -1,4 +1,4 @@
-import { IconComponent } from '../../../icon';
+import { IconComponent } from '../../../../icon';
 import { JsonNodeHighlighting } from '../../types/JsonNodeHighlighting';
 export declare const JsonNodeLabel: ({ label, Icon, highlighting, }: {
     label: string;

package/dist/{json-visualizer → primitives/json-visualizer}/types/JsonNodeHighlighting.d.ts

@@ -1,2 +1,2 @@
-import { ThemeColor } from '../../theme';
+import { ThemeColor } from '../../../theme';
 export type JsonNodeHighlighting = Extract<ThemeColor, 'blue' | 'red'> | 'partial-blue';

package/dist/primitives/json-visualizer.cjs

@@ -0,0 +1 @@
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../json-visualizer-CN76kFy-.cjs");exports.JsonArrayNode=e.JsonArrayNode;exports.JsonNestedNode=e.JsonNestedNode;exports.JsonNode=e.JsonNode;exports.JsonObjectNode=e.JsonObjectNode;exports.JsonTree=e.JsonTree;exports.JsonTreeContext=e.JsonTreeContext;exports.JsonTreeContextProvider=e.JsonTreeContextProvider;exports.JsonValueNode=e.JsonValueNode;exports.isArray=e.isArray;exports.isTwoFirstDepths=e.isTwoFirstDepths;exports.useJsonTreeContextOrThrow=e.useJsonTreeContextOrThrow;

package/dist/{json-visualizer.mjs → primitives/json-visualizer.mjs}

@@ -1,4 +1,4 @@
-import { a as e, c as o, d as r, i as a, l as n, n as t, o as J, r as d, s as i, t as N, u as T } from "./json-visualizer-BR2xCR53.js";
+import { a as e, c as o, d as r, i as a, l as n, n as t, o as J, r as d, s as i, t as N, u as T } from "../json-visualizer-Q7wzKVum.js";
 export {
   a as JsonArrayNode,
   e as JsonNestedNode,

package/dist/{layout → primitives/layout}/AnimatedEaseIn/AnimatedEaseIn.d.ts

@@ -1,4 +1,4 @@
-import { AnimationDuration } from '../../theme';
+import { AnimationDuration } from '../../../theme';
 type AnimatedEaseInProps = {
     children?: React.ReactNode;
     duration?: AnimationDuration;