twenty-ui 1.0.0-alpha.1 → 2.41.0

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

@@ -0,0 +1,11 @@
+import { Select as SelectPrimitive } from '@base-ui/react/select';
+export declare const Select: {
+    Root: typeof SelectPrimitive.Root;
+    Trigger: ({ size, className, children, ...props }: import('..').SelectTriggerProps) => import("react").JSX.Element;
+    Value: ({ className, ...props }: import('..').SelectValueProps) => import("react").JSX.Element;
+    Popup: ({ side, align, sideOffset, alignOffset, alignItemWithTrigger, anchor, container, className, ...props }: import('..').SelectPopupProps) => import("react").JSX.Element;
+    Item: ({ className, children, startIcon, endIcon, description, descriptionPlacement, ...props }: import('..').SelectItemProps) => import("react").JSX.Element;
+    Group: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').SelectGroupProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    GroupLabel: ({ className, ...props }: import('..').SelectGroupLabelProps) => import("react").JSX.Element;
+    Separator: ({ className, ...props }: import('..').SelectSeparatorProps) => import("react").JSX.Element;
+};

package/dist/primitives/input/Select/__stories__/SelectExample.d.ts

@@ -0,0 +1,9 @@
+import { SelectPopupProps } from '../types/SelectPopupProps';
+import { SelectRootProps } from '../types/SelectRootProps';
+import { SelectTriggerProps } from '../types/SelectTriggerProps';
+export declare const SELECT_ITEMS: {
+    label: string;
+    value: string;
+}[];
+export type SelectExampleProps = SelectRootProps<string, boolean> & Pick<SelectTriggerProps, 'size'> & Pick<SelectPopupProps, 'container' | 'side' | 'align' | 'alignItemWithTrigger'>;
+export declare const SelectExample: ({ size, container, side, align, alignItemWithTrigger, ...props }: SelectExampleProps) => import("react").JSX.Element;

package/dist/primitives/input/Select/__stories__/waitForSelectPopup.d.ts

@@ -0,0 +1 @@
+export declare const waitForSelectPopup: (canvasElement: HTMLElement) => Promise<HTMLElement>;

package/dist/primitives/input/Select/internal/SelectGroupLabel.d.ts

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

package/dist/primitives/input/Select/internal/SelectItem.d.ts

@@ -0,0 +1,2 @@
+import { SelectItemProps } from '../types/SelectItemProps';
+export declare const SelectItem: ({ className, children, startIcon, endIcon, description, descriptionPlacement, ...props }: SelectItemProps) => import("react").JSX.Element;

package/dist/primitives/input/Select/internal/SelectPopup.d.ts

@@ -0,0 +1,2 @@
+import { SelectPopupProps } from '../types/SelectPopupProps';
+export declare const SelectPopup: ({ side, align, sideOffset, alignOffset, alignItemWithTrigger, anchor, container, className, ...props }: SelectPopupProps) => import("react").JSX.Element;

package/dist/primitives/input/Select/internal/SelectSeparator.d.ts

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

package/dist/primitives/input/Select/internal/SelectTrigger.d.ts

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

package/dist/primitives/input/Select/internal/SelectValue.d.ts

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

package/dist/primitives/input/Select/types/SelectGroupLabelProps.d.ts

@@ -0,0 +1,2 @@
+import { Select as SelectPrimitive } from '@base-ui/react/select';
+export type SelectGroupLabelProps = SelectPrimitive.GroupLabel.Props;

package/dist/primitives/input/Select/types/SelectGroupProps.d.ts

@@ -0,0 +1,2 @@
+import { Select as SelectPrimitive } from '@base-ui/react/select';
+export type SelectGroupProps = SelectPrimitive.Group.Props;

package/dist/primitives/input/Select/types/SelectItemProps.d.ts

@@ -0,0 +1,3 @@
+import { Select as SelectPrimitive } from '@base-ui/react/select';
+import { ListItemProps } from '../../../navigation/ListItem/types/ListItemProps';
+export type SelectItemProps = SelectPrimitive.Item.Props & Pick<ListItemProps, 'startIcon' | 'endIcon' | 'description' | 'descriptionPlacement'>;

package/dist/primitives/input/Select/types/SelectPopupProps.d.ts

@@ -0,0 +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/primitives/input/Select/types/SelectRootProps.d.ts

@@ -0,0 +1,2 @@
+import { Select as SelectPrimitive } from '@base-ui/react/select';
+export type SelectRootProps<TValue, TMultiple extends boolean | undefined = false> = SelectPrimitive.Root.Props<TValue, TMultiple>;

package/dist/primitives/input/Select/types/SelectSeparatorProps.d.ts

@@ -0,0 +1,2 @@
+import { Select as SelectPrimitive } from '@base-ui/react/select';
+export type SelectSeparatorProps = SelectPrimitive.Separator.Props;

package/dist/primitives/input/Select/types/SelectTriggerProps.d.ts

@@ -0,0 +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/primitives/input/Select/types/SelectValueProps.d.ts

@@ -0,0 +1,2 @@
+import { Select as SelectPrimitive } from '@base-ui/react/select';
+export type SelectValueProps = SelectPrimitive.Value.Props;

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

@@ -0,0 +1,9 @@
+export declare const Slider: {
+    Root: <TValue extends number | readonly number[]>({ className, color, thumbAlignment, ...props }: import('..').SliderRootProps<TValue>) => import("react").JSX.Element;
+    Control: ({ className, ...props }: import('..').SliderControlProps) => import("react").JSX.Element;
+    Track: ({ className, ...props }: import('..').SliderTrackProps) => import("react").JSX.Element;
+    Indicator: ({ className, ...props }: import('..').SliderIndicatorProps) => import("react").JSX.Element;
+    Thumb: ({ className, ...props }: import('..').SliderThumbProps) => import("react").JSX.Element;
+    Label: ({ className, ...props }: import('..').SliderLabelProps) => import("react").JSX.Element;
+    Value: ({ className, ...props }: import('..').SliderValueProps) => import("react").JSX.Element;
+};

package/dist/primitives/input/Slider/internal/SliderControl.d.ts

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

package/dist/primitives/input/Slider/internal/SliderIndicator.d.ts

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

package/dist/primitives/input/Slider/internal/SliderLabel.d.ts

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

package/dist/primitives/input/Slider/internal/SliderRoot.d.ts

@@ -0,0 +1,2 @@
+import { SliderRootProps } from '../types/SliderRootProps';
+export declare const SliderRoot: <TValue extends number | readonly number[]>({ className, color, thumbAlignment, ...props }: SliderRootProps<TValue>) => import("react").JSX.Element;

package/dist/primitives/input/Slider/internal/SliderThumb.d.ts

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

package/dist/primitives/input/Slider/internal/SliderTrack.d.ts

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

package/dist/primitives/input/Slider/internal/SliderValue.d.ts

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

package/dist/primitives/input/Slider/types/SliderControlProps.d.ts

@@ -0,0 +1,2 @@
+import { Slider as SliderPrimitive } from '@base-ui/react/slider';
+export type SliderControlProps = SliderPrimitive.Control.Props;

package/dist/primitives/input/Slider/types/SliderIndicatorProps.d.ts

@@ -0,0 +1,2 @@
+import { Slider as SliderPrimitive } from '@base-ui/react/slider';
+export type SliderIndicatorProps = SliderPrimitive.Indicator.Props;

package/dist/primitives/input/Slider/types/SliderLabelProps.d.ts

@@ -0,0 +1,2 @@
+import { Slider as SliderPrimitive } from '@base-ui/react/slider';
+export type SliderLabelProps = SliderPrimitive.Label.Props;

package/dist/primitives/input/Slider/types/SliderRootProps.d.ts

@@ -0,0 +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/primitives/input/Slider/types/SliderThumbProps.d.ts

@@ -0,0 +1,2 @@
+import { Slider as SliderPrimitive } from '@base-ui/react/slider';
+export type SliderThumbProps = SliderPrimitive.Thumb.Props;

package/dist/primitives/input/Slider/types/SliderTrackProps.d.ts

@@ -0,0 +1,2 @@
+import { Slider as SliderPrimitive } from '@base-ui/react/slider';
+export type SliderTrackProps = SliderPrimitive.Track.Props;

package/dist/primitives/input/Slider/types/SliderValueProps.d.ts

@@ -0,0 +1,2 @@
+import { Slider as SliderPrimitive } from '@base-ui/react/slider';
+export type SliderValueProps = SliderPrimitive.Value.Props;

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

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

package/dist/primitives/input/Switch/types/SwitchProps.d.ts

@@ -0,0 +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/primitives/input/Switch/types/SwitchSize.d.ts

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

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

@@ -1,14 +1,17 @@
-import { IconComponent } from '../../icon';
+import { IconComponent } from '../../../icon';
 import { StyledTabContainer } from './parts/StyledTabBase';
 import { TabContent, TabContentProps } from './parts/TabContent';
 import { ReactElement } from 'react';
+import { To } from 'react-router-dom';
 export { StyledTabContainer, TabContent };
 export type { TabContentProps };
 type TabButtonProps = {
     id: string;
     active?: boolean;
     disabled?: boolean;
-    to?: string;
+    to?: To;
+    state?: unknown;
+    replace?: boolean;
     LeftIcon?: IconComponent;
     className?: string;
     title?: string;
@@ -19,5 +22,7 @@ type TabButtonProps = {
     contentSize?: 'sm' | 'md';
     disableTestId?: boolean;
     tooltipContent?: string;
+    onMouseEnter?: () => void;
+    onMouseLeave?: () => void;
 };
-export declare const TabButton: ({ id, active, disabled, to, LeftIcon, className, title, onClick, logo, RightIcon, pill, contentSize, disableTestId, tooltipContent, }: TabButtonProps) => import("react").JSX.Element;
+export declare const TabButton: ({ id, active, disabled, to, state, replace, LeftIcon, className, title, onClick, logo, RightIcon, pill, contentSize, disableTestId, tooltipContent, onMouseEnter, onMouseLeave, }: TabButtonProps) => import("react").JSX.Element;

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

@@ -1,7 +1,10 @@
+import { To } from 'react-router-dom';
 export declare const StyledTabButton: import('react').ForwardRefExoticComponent<{
     active?: boolean;
     disabled?: boolean;
-    to?: string;
+    to?: To;
+    state?: unknown;
+    replace?: boolean;
 } & Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & import('react').RefAttributes<HTMLElement>>;
 export declare const StyledTabContainer: import('react').ForwardRefExoticComponent<{
     active?: boolean;

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/primitives/input/Textarea/Textarea.d.ts

@@ -0,0 +1,2 @@
+import { TextareaProps } from './types/TextareaProps';
+export declare const Textarea: ({ size, autoResize, maxRows, className, style, ref, render, onChange, value, rows, ...props }: TextareaProps) => import("react").JSX.Element;

package/dist/primitives/input/Textarea/internal/formatInlineBlockSize.d.ts

@@ -0,0 +1,2 @@
+import { CSSProperties } from 'react';
+export declare const formatInlineBlockSize: (blockSize: CSSProperties["blockSize"]) => string;

package/dist/primitives/input/Textarea/internal/mergeRefs.d.ts

@@ -0,0 +1,2 @@
+import { Ref, RefCallback } from 'react';
+export declare const mergeRefs: <TElement>(...refs: (Ref<TElement> | undefined)[]) => RefCallback<TElement>;

package/dist/primitives/input/Textarea/internal/resizeTextareaToContent.d.ts

@@ -0,0 +1 @@
+export declare const resizeTextareaToContent: (textarea: HTMLTextAreaElement) => void;

package/dist/primitives/input/Textarea/types/TextareaProps.d.ts

@@ -0,0 +1,21 @@
+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/primitives/input/index.d.ts

@@ -0,0 +1,98 @@
+export { AnimatedButton } from './AnimatedButton/AnimatedButton';
+export type { AnimatedButtonProps } from './AnimatedButton/types/AnimatedButtonProps';
+export type { AnimatedLightIconButtonProps } from './AnimatedLightIconButton/AnimatedLightIconButton';
+export { AnimatedLightIconButton } from './AnimatedLightIconButton/AnimatedLightIconButton';
+export { Button } from './Button/Button';
+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';
+export type { CheckboxShape } from './Checkbox/types/CheckboxShape';
+export type { CheckboxSize } from './Checkbox/types/CheckboxSize';
+export type { CheckboxVariant } from './Checkbox/types/CheckboxVariant';
+export { CodeEditor } from './CodeEditor/CodeEditor';
+export { BASE_CODE_EDITOR_THEME_ID } from './CodeEditor/constants/BaseCodeEditorThemeId';
+export { getBaseCodeEditorTheme } from './CodeEditor/utils/getBaseCodeEditorTheme';
+export type { CoreEditorHeaderProps } from './CodeEditorHeader/CodeEditorHeader';
+export { CoreEditorHeader } from './CodeEditorHeader/CodeEditorHeader';
+export { ColorPickerButton } from './ColorPickerButton/ColorPickerButton';
+export type { ColorSchemeSegmentProps, ColorSchemeCardProps, } from './ColorSchemeCard/ColorSchemeCard';
+export { ColorSchemeCard } from './ColorSchemeCard/ColorSchemeCard';
+export type { ColorSchemePickerProps } from './ColorSchemePicker/ColorSchemePicker';
+export { ColorSchemePicker } from './ColorSchemePicker/ColorSchemePicker';
+export { Field } from './Field/Field';
+export type { FloatingButtonSize, FloatingButtonPosition, FloatingButtonProps, } from './FloatingButton/FloatingButton';
+export { FloatingButton } from './FloatingButton/FloatingButton';
+export type { FloatingButtonGroupProps } from './FloatingButtonGroup/FloatingButtonGroup';
+export { FloatingButtonGroup } from './FloatingButtonGroup/FloatingButtonGroup';
+export type { FloatingIconButtonSize, FloatingIconButtonPosition, FloatingIconButtonProps, } from './FloatingIconButton/FloatingIconButton';
+export { FloatingIconButton } from './FloatingIconButton/FloatingIconButton';
+export type { FloatingIconButtonGroupProps } from './FloatingIconButtonGroup/FloatingIconButtonGroup';
+export { FloatingIconButtonGroup } from './FloatingIconButtonGroup/FloatingIconButtonGroup';
+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';
+export { IconButtonWithTooltip } from './IconButtonWithTooltip/IconButtonWithTooltip';
+export { IconListViewGrip } from './IconListViewGrip/IconListViewGrip';
+export { Input } from './Input/Input';
+export type { InputProps } from './Input/types/InputProps';
+export { InputGroup } from './InputGroup/InputGroup';
+export type { InputGroupProps } from './InputGroup/types/InputGroupProps';
+export { InputHint } from './InputHint/InputHint';
+export { InputLabel } from './InputLabel/InputLabel';
+export type { InsideButtonProps } from './InsideButton/InsideButton';
+export { InsideButton } from './InsideButton/InsideButton';
+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 { 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';
+export { SearchInput } from './SearchInput/SearchInput';
+export type { SegmentedControlOption, SegmentedControlProps, } from './SegmentedControl/SegmentedControl';
+export { SegmentedControl } from './SegmentedControl/SegmentedControl';
+export { Select } from './Select/Select';
+export type { SelectGroupLabelProps } from './Select/types/SelectGroupLabelProps';
+export type { SelectGroupProps } from './Select/types/SelectGroupProps';
+export type { SelectItemProps } from './Select/types/SelectItemProps';
+export type { SelectPopupProps } from './Select/types/SelectPopupProps';
+export type { SelectRootProps } from './Select/types/SelectRootProps';
+export type { SelectSeparatorProps } from './Select/types/SelectSeparatorProps';
+export type { SelectTriggerProps } from './Select/types/SelectTriggerProps';
+export type { SelectValueProps } from './Select/types/SelectValueProps';
+export { Slider } from './Slider/Slider';
+export type { SliderControlProps } from './Slider/types/SliderControlProps';
+export type { SliderIndicatorProps } from './Slider/types/SliderIndicatorProps';
+export type { SliderLabelProps } from './Slider/types/SliderLabelProps';
+export type { SliderRootProps } from './Slider/types/SliderRootProps';
+export type { SliderThumbProps } from './Slider/types/SliderThumbProps';
+export type { SliderTrackProps } from './Slider/types/SliderTrackProps';
+export type { SliderValueProps } from './Slider/types/SliderValueProps';
+export { Switch } from './Switch/Switch';
+export type { SwitchProps } from './Switch/types/SwitchProps';
+export type { SwitchSize } from './Switch/types/SwitchSize';
+export type { TabContentProps } from './TabButton/TabButton';
+export { StyledTabContainer, TabContent, TabButton, } from './TabButton/TabButton';
+export { Textarea } from './Textarea/Textarea';
+export type { TextareaProps } from './Textarea/types/TextareaProps';
+export type { ColorScheme } from './types/ColorScheme';
+export type { InputSize } from './types/InputSize';
+export type { SelectOption } from './types/SelectOption';

package/dist/primitives/input/types/InputSize.d.ts

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

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-DJMJ-Zkp.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;

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

@@ -1,4 +1,4 @@
-import { AnimationDuration } from '../../theme';
+import { AnimationDuration } from '../../../theme';
 type AnimatedEaseInOutProps = {
     isOpen: boolean;
     children: React.ReactNode;

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

@@ -1,4 +1,4 @@
-import { IconComponent } from '../../icon/types/IconComponent';
+import { IconComponent } from '../../../icon/types/IconComponent';
 type AnimatedIconCrossfadeProps = {
     isActive: boolean;
     ActiveIcon: IconComponent;

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

@@ -1,5 +1,5 @@
 import { JSX } from 'react';
-import { AnimationDuration } from '../../theme';
+import { AnimationDuration } from '../../../theme';
 type AnimatedRotateProps = {
     children?: React.ReactNode;
     duration?: AnimationDuration;

package/dist/primitives/layout/TextDirectionProvider/TextDirectionProvider.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+type TextDirectionProviderProps = {
+    direction: 'ltr' | 'rtl';
+    children: ReactNode;
+};
+export declare const TextDirectionProvider: ({ direction, children, }: TextDirectionProviderProps) => import("react").JSX.Element;
+export {};

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

@@ -15,3 +15,4 @@ export { HorizontalSeparator } from './HorizontalSeparator/HorizontalSeparator';
 export { useResizeHandle } from './ResizeHandle/hooks/useResizeHandle';
 export { ResizeHandle } from './ResizeHandle/ResizeHandle';
 export { SectionAlignment, SectionFontColor, Section } from './Section/Section';
+export { TextDirectionProvider } from './TextDirectionProvider/TextDirectionProvider';

package/dist/primitives/layout.cjs

@@ -0,0 +1 @@
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("../useResizeHandle-BsV5UEJk.cjs"),t=require("../HorizontalSeparator-BWu4LVEU.cjs"),e=require("../layout-BN3KI-Wu.cjs");exports.AnimatedCircleLoading=e.AnimatedCircleLoading;exports.AnimatedContainer=e.AnimatedContainer;exports.AnimatedEaseIn=e.AnimatedEaseIn;exports.AnimatedEaseInOut=e.AnimatedEaseInOut;exports.AnimatedExpandableContainer=e.AnimatedExpandableContainer;exports.AnimatedIconCrossfade=e.AnimatedIconCrossfade;exports.AnimatedRotate=e.AnimatedRotate;exports.AutogrowWrapper=e.AutogrowWrapper;exports.HorizontalSeparator=t.HorizontalSeparator;exports.ResizeHandle=n.ResizeHandle;exports.Section=e.Section;exports.SectionAlignment=e.SectionAlignment;exports.SectionFontColor=e.SectionFontColor;exports.TextDirectionProvider=e.TextDirectionProvider;exports.useResizeHandle=n.useResizeHandle;

package/dist/primitives/layout.mjs

@@ -0,0 +1,20 @@
+import { n as e, t } from "../useResizeHandle-CCRiw9Fi.js";
+import { t as o } from "../HorizontalSeparator-p1xF1-ka.js";
+import { a as s, c as r, d, f as m, i as A, l, n as p, o as c, r as f, s as C, t as u, u as S } from "../layout-LzKpLxiO.js";
+export {
+  m as AnimatedCircleLoading,
+  d as AnimatedContainer,
+  S as AnimatedEaseIn,
+  l as AnimatedEaseInOut,
+  r as AnimatedExpandableContainer,
+  C as AnimatedIconCrossfade,
+  c as AnimatedRotate,
+  s as AutogrowWrapper,
+  o as HorizontalSeparator,
+  e as ResizeHandle,
+  p as Section,
+  f as SectionAlignment,
+  A as SectionFontColor,
+  u as TextDirectionProvider,
+  t as useResizeHandle
+};

package/dist/primitives/navigation/ListItem/ListItem.d.ts

@@ -0,0 +1,2 @@
+import { ListItemProps } from './types/ListItemProps';
+export declare const ListItem: ({ color, selected, focused, disabled, indicator, startIcon, endIcon, description, descriptionPlacement, actions, hotkeys, hasSubmenu, className, children, render, ref, onClick, ...props }: ListItemProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

package/dist/primitives/navigation/ListItem/internal/ListItemCheckboxIndicator.d.ts

@@ -0,0 +1,6 @@
+type ListItemCheckboxIndicatorProps = {
+    checked: boolean;
+    disabled: boolean;
+};
+export declare const ListItemCheckboxIndicator: ({ checked, disabled, }: ListItemCheckboxIndicatorProps) => import("react").JSX.Element;
+export {};

package/dist/primitives/navigation/ListItem/internal/isRenderableSlot.d.ts

@@ -0,0 +1,2 @@
+import { ReactNode } from 'react';
+export declare const isRenderableSlot: (slot: ReactNode) => boolean;

package/dist/primitives/navigation/ListItem/types/ListItemColor.d.ts

@@ -0,0 +1 @@
+export type ListItemColor = 'neutral' | 'danger';

package/dist/primitives/navigation/ListItem/types/ListItemDescriptionPlacement.d.ts

@@ -0,0 +1 @@
+export type ListItemDescriptionPlacement = 'inline' | 'end';

package/dist/primitives/navigation/ListItem/types/ListItemIndicator.d.ts

@@ -0,0 +1 @@
+export type ListItemIndicator = 'none' | 'check' | 'checkbox';