dawn-ui-react 1.0.0-alpha.44 → 1.0.0-alpha.45

package/dist/components/accordion/accordion-item.d.ts

@@ -1,2 +1,2 @@
 import { AccordionItemProps } from './accordion.types';
-export declare const AccordionItem: ({ tone, className, children, ref, ...props }: AccordionItemProps) => import('react').JSX.Element;
+export declare const AccordionItem: ({ size, tone, className, children, ref, ...props }: AccordionItemProps) => import('react').JSX.Element;

package/dist/components/accordion/accordion.types.d.ts

@@ -9,6 +9,7 @@ export declare const accordionVariants: (props?: ({
     variant?: "ghost" | "surface" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const accordionItemVariants: (props?: ({
+    size?: "small" | "medium" | "large" | null | undefined;
     tone?: "brand" | "accent" | "neutral" | "error" | "info" | "success" | "warning" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type AccordionItemProps = React.ComponentProps<typeof BaseAccordion.Item> & VariantProps<typeof accordionItemVariants>;

package/dist/components/avatar/avatar.types.d.ts

@@ -2,7 +2,7 @@ import { Avatar as BaseAvatar } from '@base-ui/react/avatar';
 import { VariantProps } from 'class-variance-authority';
 import { ComponentProps } from 'react';
 export declare const avatarVariants: (props?: ({
-    size?: "small" | "large" | "medium" | null | undefined;
+    size?: "small" | "medium" | "large" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const avatarBadgeVariants: (props?: ({
     tone?: "brand" | "accent" | "neutral" | "error" | "info" | "success" | "warning" | null | undefined;

package/dist/components/badge/badge.types.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import { ComponentProps } from 'react';
 export declare const badgeVariants: (props?: ({
-    size?: "small" | "large" | "medium" | "iconLarge" | "iconMedium" | "iconSmall" | null | undefined;
+    size?: "small" | "medium" | "large" | "iconLarge" | "iconMedium" | "iconSmall" | null | undefined;
     tone?: "brand" | "accent" | "neutral" | "error" | "info" | "success" | "warning" | null | undefined;
     variant?: "fill" | "outline" | "soft" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/bento-box/bento-box.types.d.ts

@@ -1,6 +1,6 @@
 import { VariantProps } from 'class-variance-authority';
 export declare const bentoBoxVariants: (props?: ({
-    size?: "small" | "large" | "medium" | null | undefined;
+    size?: "small" | "medium" | "large" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type BentoBoxProps = React.ComponentProps<'div'> & VariantProps<typeof bentoBoxVariants>;
 export type BentoBoxHeaderProps = React.ComponentProps<'div'>;

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

@@ -3,6 +3,6 @@ import { Button as BaseButton } from '@base-ui/react';
 export declare const buttonVariants: (props?: ({
     tone?: "brand" | "accent" | "neutral" | "error" | "info" | "success" | "warning" | null | undefined;
     variant?: "link" | "ghost" | "fill" | "outline" | "soft" | "elevated" | null | undefined;
-    size?: "small" | "large" | "medium" | "extraSmall" | "iconLarge" | "iconMedium" | "iconSmall" | "iconExtraSmall" | null | undefined;
+    size?: "small" | "medium" | "large" | "extraSmall" | "iconLarge" | "iconMedium" | "iconSmall" | "iconExtraSmall" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type ButtonProps = React.ComponentProps<typeof BaseButton> & VariantProps<typeof buttonVariants>;

package/dist/components/button-group/button-group.types.d.ts

@@ -1,6 +1,6 @@
 import { VariantProps } from 'class-variance-authority';
 export declare const buttonGroupVariants: (props?: ({
-    size?: "small" | "large" | "medium" | "extraSmall" | "iconLarge" | "iconMedium" | "iconSmall" | "iconExtraSmall" | null | undefined;
+    size?: "small" | "medium" | "large" | "extraSmall" | "iconLarge" | "iconMedium" | "iconSmall" | "iconExtraSmall" | null | undefined;
     variant?: "ghost" | "fill" | "outline" | "soft" | "elevated" | null | undefined;
     tone?: "brand" | "accent" | "neutral" | "error" | "info" | "success" | "warning" | null | undefined;
     orientation?: "horizontal" | "vertical" | null | undefined;

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

@@ -1,2 +1,2 @@
 import { CheckboxRootProps } from './checkbox.types';
-export declare const Checkbox: ({ variant, className, ref, ...props }: CheckboxRootProps) => import('react').JSX.Element;
+export declare const Checkbox: ({ variant, className, ref, label, ...props }: CheckboxRootProps) => import('react').JSX.Element;

package/dist/components/color-channel-slider/color-channel-slider.types.d.ts

@@ -4,5 +4,5 @@ export type ColorChannelSliderProps = React.ComponentProps<typeof BaseSlider.Roo
     trackStyle: string[];
 };
 export declare const colorChannelSliderVariants: (props?: ({
-    size?: "small" | "large" | "medium" | null | undefined;
+    size?: "small" | "medium" | "large" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

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

@@ -77,7 +77,7 @@ export declare const colorPickerVariants: (props?: ({
     variant?: "ghost" | "outline" | "elevated" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const colorPickerSwatchVariants: (props?: ({
-    size?: "small" | "large" | "medium" | null | undefined;
+    size?: "small" | "medium" | "large" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const VALUE_TYPES: ValueType[];
 export type ValueType = {

package/dist/components/field/field.types.d.ts

@@ -28,6 +28,6 @@ export type FieldProps = React.ComponentProps<'div'>;
 export type FieldSetProps = React.ComponentProps<'div'>;
 export type FieldRowProps = React.ComponentProps<'div'>;
 export declare const fieldLabelVariants: (props?: ({
-    size?: "small" | "large" | "medium" | null | undefined;
+    size?: "small" | "medium" | "large" | null | undefined;
     variant?: "primary" | "secondary" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/form/form.types.d.ts

@@ -13,5 +13,5 @@ export type FormFooterProps = React.ComponentProps<'div'> & {
     orientation?: 'horizontal' | 'vertical';
 };
 export declare const formSetHeadingVariants: (props?: ({
-    size?: "small" | "large" | "medium" | null | undefined;
+    size?: "small" | "medium" | "large" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/input/input.types.d.ts

@@ -4,7 +4,7 @@ import { ComponentProps } from 'react';
 export declare const formatFileSize: (bytes: number) => string;
 export declare const inputVariants: (props?: ({
     variant?: "primary" | "secondary" | null | undefined;
-    size?: "small" | "large" | "medium" | null | undefined;
+    size?: "small" | "medium" | "large" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type InputProps = VariantProps<typeof inputVariants> & Omit<ComponentProps<typeof BaseInput>, 'size'> & {
     fileUploadButtonLabel?: string;

package/dist/components/input-group/input-group.types.d.ts

@@ -3,7 +3,7 @@ import { inputVariants } from '../input/input.types';
 import { Separator } from '../separator';
 import { Input as BaseInput } from '@base-ui/react/input';
 export declare const inputGroupAddonVariants: (props?: ({
-    size?: "small" | "large" | "medium" | null | undefined;
+    size?: "small" | "medium" | "large" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type InputGroupAddonProps = React.ComponentProps<'div'> & VariantProps<typeof inputGroupAddonVariants>;
 export type InputGroupInputProps = Omit<React.ComponentProps<typeof BaseInput>, 'size'> & VariantProps<typeof inputVariants>;

package/dist/components/input-otp/input-otp.d.ts

@@ -1,2 +1,3 @@
+import { default as React } from 'react';
 import { InputOTPProps } from './input-otp.types';
-export declare const InputOTP: ({ children, className, ref, ...props }: InputOTPProps) => import('react').JSX.Element;
+export declare const InputOTP: ({ children, className, ref, id, "aria-label": ariaLabel, ...props }: InputOTPProps) => React.JSX.Element;

package/dist/components/label/label.types.d.ts

@@ -1,5 +1,5 @@
 import { VariantProps } from 'class-variance-authority';
 export type LabelProps = React.ComponentProps<'label'> & VariantProps<typeof labelVariants>;
 export declare const labelVariants: (props?: ({
-    size?: "small" | "large" | "medium" | null | undefined;
+    size?: "small" | "medium" | "large" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/layer-tree/layer-tree.types.d.ts

@@ -57,7 +57,7 @@ export type LayerTreeNodeIconProps = React.ComponentProps<'div'> & {
 };
 export type LayerTreeTextCellProps = React.ComponentProps<'span'> & VariantProps<typeof layerTreeTextCellVariants>;
 export declare const layerTreeTextCellVariants: (props?: ({
-    size?: "small" | "large" | "medium" | null | undefined;
+    size?: "small" | "medium" | "large" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface LayerTreeColumnMeta {
     fill?: boolean;

package/dist/components/meter/meter.types.d.ts

@@ -10,6 +10,6 @@ export type MeterFooterProps = React.ComponentProps<'div'>;
 export type MeterSubtitleProps = React.ComponentProps<'span'>;
 export declare const meterVariants: (props?: ({
     orientation?: "horizontal" | "vertical" | null | undefined;
-    size?: "small" | "large" | "medium" | null | undefined;
+    size?: "small" | "medium" | "large" | null | undefined;
     tone?: "brand" | "accent" | "neutral" | "error" | "info" | "success" | "warning" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/nav-bar/nav-bar.types.d.ts

@@ -6,7 +6,7 @@ export type NavBarItemProps = React.ComponentProps<'button'> & VariantProps<type
 export type NavBarItemIconProps = React.ComponentProps<'div'>;
 export type NavBarItemLabelProps = React.ComponentProps<'span'>;
 export declare const navBarVariants: (props?: ({
-    size?: "small" | "large" | "medium" | null | undefined;
+    size?: "small" | "medium" | "large" | null | undefined;
     itemOrientation?: "horizontal" | "vertical" | null | undefined;
     variant?: "outline" | "floating" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/navigation-menu/navigation-menu-trigger.d.ts

@@ -1,6 +1,6 @@
 import { NavigationMenuTriggerProps } from './navigation-menu.types';
 export declare const navigationMenuTriggerVariants: (props?: ({
-    size?: "small" | "large" | "medium" | null | undefined;
+    size?: "small" | "medium" | "large" | null | undefined;
     tone?: "brand" | "accent" | "neutral" | "error" | "info" | "success" | "warning" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const NavigationMenuTrigger: ({ size, tone, className, children, ref, ...props }: NavigationMenuTriggerProps) => import('react').JSX.Element;

package/dist/components/number-field/number-field.types.d.ts

@@ -1,7 +1,7 @@
 import { NumberField as BaseNumberField } from '@base-ui/react/number-field';
 import { VariantProps } from 'class-variance-authority';
 export declare const numberFieldVariants: (props?: ({
-    size?: "small" | "large" | "medium" | null | undefined;
+    size?: "small" | "medium" | "large" | null | undefined;
     variant?: "ghost" | "primary" | "secondary" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type NumberFieldTypesProps = React.ComponentProps<typeof BaseNumberField.Root> & VariantProps<typeof numberFieldVariants> & {

package/dist/components/radar-ping/radar-ping.types.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 export declare const radarPingVariants: (props?: ({
     tone?: "brand" | "accent" | "neutral" | "error" | "info" | "success" | "warning" | null | undefined;
-    size?: "small" | "large" | "medium" | null | undefined;
+    size?: "small" | "medium" | "large" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type RadarPingProps = React.ComponentProps<'div'> & VariantProps<typeof radarPingVariants> & {
     hidePing?: boolean;

package/dist/components/select/select.types.d.ts

@@ -2,7 +2,7 @@ import { VariantProps } from 'class-variance-authority';
 import { Select as BaseSelect } from '@base-ui/react/select';
 export declare const selectVariants: (props?: ({
     variant?: "ghost" | "primary" | "secondary" | null | undefined;
-    size?: "small" | "large" | "medium" | null | undefined;
+    size?: "small" | "medium" | "large" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type SelectProps = React.ComponentProps<typeof BaseSelect.Root>;
 export type SelectTriggerProps = React.ComponentProps<typeof BaseSelect.Trigger> & VariantProps<typeof selectVariants>;

package/dist/components/separator/separator.types.d.ts

@@ -4,7 +4,7 @@ export declare const separatorVariants: (props?: ({
     orientation?: "horizontal" | "vertical" | null | undefined;
     style?: "square" | "rounded" | null | undefined;
     variant?: "strong" | "default" | null | undefined;
-    weight?: "thin" | "medium" | "thick" | "thinnest" | null | undefined;
+    weight?: "medium" | "thin" | "thick" | "thinnest" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type SeparatorProps = Omit<React.ComponentProps<typeof BaseSeparator>, 'style'> & VariantProps<typeof separatorVariants> & {
     labelClassName?: string;

package/dist/components/slider/slider.types.d.ts

@@ -2,7 +2,7 @@ import { VariantProps } from 'class-variance-authority';
 import { Slider as BaseSlider } from '@base-ui/react';
 import { ComponentProps } from 'react';
 export declare const sliderVariants: (props?: ({
-    size?: "small" | "large" | "medium" | null | undefined;
+    size?: "small" | "medium" | "large" | null | undefined;
     tone?: "brand" | "accent" | "neutral" | "error" | "info" | "success" | "warning" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type SliderProps = ComponentProps<typeof BaseSlider.Root> & VariantProps<typeof sliderVariants> & {

package/dist/components/tabs/tabs.types.d.ts

@@ -7,7 +7,7 @@ export type TabsIndicatorProps = ComponentProps<typeof BaseTabs.Indicator>;
 export type TabsListProps = ComponentProps<typeof BaseTabs.List>;
 export declare const tabsVariants: (props?: ({
     variant?: "ghost" | "default" | "underline" | null | undefined;
-    size?: "small" | "large" | "medium" | null | undefined;
+    size?: "small" | "medium" | "large" | null | undefined;
     tone?: "brand" | "accent" | "neutral" | "error" | "info" | "success" | "warning" | null | undefined;
     fill?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/toggle/toggle.types.d.ts

@@ -1,7 +1,7 @@
 import { Toggle, ToggleState } from '@base-ui/react';
 import { VariantProps } from 'class-variance-authority';
 export declare const toggleVariants: (props?: ({
-    size?: "small" | "large" | "medium" | "iconLarge" | "iconMedium" | "iconSmall" | null | undefined;
+    size?: "small" | "medium" | "large" | "iconLarge" | "iconMedium" | "iconSmall" | null | undefined;
     tone?: "brand" | "accent" | "neutral" | "error" | "info" | "success" | "warning" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type ToggleProps = Omit<React.ComponentProps<typeof Toggle>, 'children'> & VariantProps<typeof toggleVariants> & {

package/dist/components/toggle-group/toggle-group.types.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import { ToggleGroup } from '@base-ui/react/toggle-group';
 export declare const toggleGroupVariants: (props?: ({
-    size?: "small" | "large" | "medium" | null | undefined;
+    size?: "small" | "medium" | "large" | null | undefined;
     variant?: "ghost" | "default" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type ToggleGroupProps = React.ComponentProps<typeof ToggleGroup> & VariantProps<typeof toggleGroupVariants>;