dawn-ui-react 1.0.0-alpha.41 → 1.0.0-alpha.43

package/dist/components/avatar/avatar-image.d.ts

@@ -1,2 +1,3 @@
+import { default as React } from 'react';
 import { AvatarImageProps } from './avatar.types';
-export declare const AvatarImage: ({ className, ref, ...props }: AvatarImageProps) => import("react").JSX.Element;
+export declare const AvatarImage: ({ className, ref, ...props }: AvatarImageProps) => React.JSX.Element;

package/dist/components/index.d.ts

@@ -46,6 +46,7 @@ export * from './separator';
 export * from './sidebar';
 export * from './skeleton';
 export * from './slider';
+export * from './slider-group';
 export * from './switch';
 export * from './table';
 export * from './tabs';

package/dist/components/popover/popover-panel.d.ts

@@ -1,2 +1,2 @@
 import { PopoverPanelProps } from './popover.types';
-export declare const PopoverPanel: ({ className, ref, children, ...props }: PopoverPanelProps) => import("react").JSX.Element;
+export declare const PopoverPanel: ({ elevation, className, ref, children, ...props }: PopoverPanelProps) => import("react").JSX.Element;

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

@@ -1,8 +1,12 @@
 import { Popover as BasePopover } from '@base-ui/react/popover';
+import { VariantProps } from 'class-variance-authority';
 import { Button } from '..';
+export declare const popoverPanelVariants: (props?: ({
+    elevation?: "medium" | "low" | "high" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type PopoverProps = React.ComponentProps<typeof BasePopover.Root>;
 export type PopoverTriggerProps = React.ComponentProps<typeof BasePopover.Trigger>;
-export type PopoverPanelProps = React.ComponentProps<typeof BasePopover.Positioner>;
+export type PopoverPanelProps = React.ComponentProps<typeof BasePopover.Positioner> & VariantProps<typeof popoverPanelVariants>;
 export type PopoverTitleProps = React.ComponentProps<typeof BasePopover.Title>;
 export type PopoverDescriptionProps = React.ComponentProps<typeof BasePopover.Description>;
 export type PopoverHeaderProps = React.ComponentProps<'div'>;

package/dist/components/sidebar/sidebar-provider.d.ts

@@ -6,7 +6,6 @@ type SidebarContextProps = React.ComponentProps<'div'> & {
     open?: boolean;
     setOpen?: (open: boolean) => void;
     isMobile?: boolean;
-    setIsMobile?: (isMobile: boolean) => void;
     side?: 'left' | 'right';
     collapsible?: 'offcanvas' | 'icon' | 'none';
 };

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

@@ -1,3 +1,3 @@
 export { Slider } from './slider';
-export type { SliderProps, SliderThumbProps } from './slider.types';
 export { SliderThumb } from './slider-thumb';
+export type { SliderProps, SliderThumbProps } from './slider.types';

package/dist/components/slider/slider-group-context.d.ts

@@ -0,0 +1,5 @@
+import { SliderGroupContextValue } from '../slider-group/slider-group.types';
+export declare const SliderGroupContext: import('react').Context<SliderGroupContextValue | null>;
+export declare const useSliderGroupContext: () => SliderGroupContextValue | null;
+export declare const areNumberArraysEqual: (a?: number[], b?: number[]) => boolean;
+export declare const useStableNumberArray: (next: number[] | undefined) => number[] | undefined;

package/dist/components/slider/slider-group.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { SliderGroupProps } from '../slider-group';
+export declare const SliderGroup: ({ className, children, ref, defaultValue, value: valueProp, onValueChange, ...props }: SliderGroupProps) => React.JSX.Element;

package/dist/components/slider/slider-thumb.d.ts

@@ -1,3 +1,3 @@
 import { default as React } from 'react';
 import { SliderThumbProps } from './slider.types';
-export declare const SliderThumb: ({ className, children, ref, ...props }: SliderThumbProps) => React.JSX.Element;
+export declare const SliderThumb: ({ className, children, ref, hide, ...props }: SliderThumbProps) => React.JSX.Element;

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

@@ -1,2 +1,2 @@
 import { SliderProps } from './slider.types';
-export declare const Slider: ({ size, tone, defaultValue, description, label, leadingIcon: LeadingIcon, max, min, showMax, showMin, trailingIcon: TrailingIcon, showThumbOnHover, value, className, ref, ...props }: SliderProps) => import("react").JSX.Element;
+export declare const Slider: ({ size, tone, defaultValue, min, max, step, showIndicator, showTooltip, showThumbOnHover, value, onValueChange, className, ref, ...props }: SliderProps) => import("react").JSX.Element;

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

@@ -1,18 +1,15 @@
 import { VariantProps } from 'class-variance-authority';
 import { Slider as BaseSlider } from '@base-ui/react';
-import { Icon } from '@phosphor-icons/react';
 import { ComponentProps } from 'react';
 export declare const sliderVariants: (props?: ({
     size?: "small" | "large" | "medium" | 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> & {
-    label?: string;
-    description?: string;
-    leadingIcon?: Icon;
-    trailingIcon?: Icon;
-    showMin?: boolean;
-    showMax?: boolean;
+    showIndicator?: boolean;
     showThumbOnHover?: boolean;
+    showTooltip?: boolean;
+};
+export type SliderThumbProps = ComponentProps<typeof BaseSlider.Thumb> & {
+    hide?: boolean;
 };
-export type SliderThumbProps = ComponentProps<typeof BaseSlider.Thumb>;

package/dist/components/slider-group/index.d.ts

@@ -0,0 +1,9 @@
+export { SliderGroup } from './slider-group';
+export { SliderGroupSlider } from './slider-group-slider';
+export { SliderInput } from './slider-input';
+export { SliderValue } from './slider-value';
+export { SliderLabel } from './slider-label';
+export { SliderDescription } from './slider-description';
+export { SliderIcon } from './slider-icon';
+export { useSliderGroupContext } from './slider-group-context';
+export type { SliderGroupProps, SliderGroupSliderProps, SliderInputProps, SliderValueProps, SliderLabelProps, SliderDescriptionProps, SliderIconProps, } from './slider-group.types';

package/dist/components/slider-group/slider-description.d.ts

@@ -0,0 +1,2 @@
+import { SliderDescriptionProps } from './slider-group.types';
+export declare const SliderDescription: ({ className, children, ref, ...props }: SliderDescriptionProps) => import("react").JSX.Element;

package/dist/components/slider-group/slider-group-context.d.ts

@@ -0,0 +1,5 @@
+import { SliderGroupContextValue } from './slider-group.types';
+export declare const SliderGroupContext: import('react').Context<SliderGroupContextValue | null>;
+export declare const useSliderGroupContext: () => SliderGroupContextValue | null;
+export declare const areNumberArraysEqual: (a?: number[], b?: number[]) => boolean;
+export declare const useStableNumberArray: (next: number[] | undefined) => number[] | undefined;

package/dist/components/slider-group/slider-group-slider.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { SliderGroupSliderProps } from './slider-group.types';
+export declare const SliderGroupSlider: ({ min, max, step, defaultValue, value, onValueChange, ...props }: SliderGroupSliderProps) => React.JSX.Element;

package/dist/components/slider-group/slider-group.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { SliderGroupProps } from './slider-group.types';
+export declare const SliderGroup: ({ className, children, ref, defaultValue, value: valueProp, onValueChange, ...props }: SliderGroupProps) => React.JSX.Element;

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

@@ -0,0 +1,27 @@
+import { Input } from '../input';
+import { SliderProps } from '../slider';
+export type SliderGroupProps = Omit<React.ComponentProps<'div'>, 'defaultValue' | 'onChange'> & {
+    defaultValue?: number | number[];
+    value?: number | number[];
+    onValueChange?: (value: number[]) => void;
+};
+export type SliderGroupConfig = {
+    min: number;
+    max: number;
+    step: number;
+    defaultValue?: number | readonly number[];
+};
+export type SliderGroupContextValue = {
+    value: number[] | undefined;
+    setValue: (value: number[]) => void;
+    min: number;
+    max: number;
+    step: number;
+    registerConfig: (config: SliderGroupConfig) => void;
+};
+export type SliderGroupSliderProps = SliderProps;
+export type SliderDescriptionProps = React.ComponentProps<'p'>;
+export type SliderIconProps = React.ComponentProps<'div'>;
+export type SliderInputProps = Omit<React.ComponentProps<typeof Input>, 'value' | 'onChange' | 'type'>;
+export type SliderLabelProps = React.ComponentProps<'span'>;
+export type SliderValueProps = React.ComponentProps<'span'>;

package/dist/components/slider-group/slider-icon.d.ts

@@ -0,0 +1,2 @@
+import { SliderIconProps } from './slider-group.types';
+export declare const SliderIcon: ({ className, children, ref, ...props }: SliderIconProps) => import("react").JSX.Element;

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

@@ -0,0 +1,2 @@
+import { SliderInputProps } from './slider-group.types';
+export declare const SliderInput: ({ className, ref, ...props }: SliderInputProps) => import("react").JSX.Element | null;

package/dist/components/slider-group/slider-label.d.ts

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

package/dist/components/slider-group/slider-value.d.ts

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