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

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/slider/index.d.ts

@@ -1,10 +1,3 @@
 export { Slider } from './slider';
-export type { SliderProps, SliderThumbProps, SliderDescriptionProps, SliderIconProps, SliderInputProps, SliderLabelProps, SliderValueProps, SliderGroupProps, } from './slider.types';
 export { SliderThumb } from './slider-thumb';
-export { SliderDescription } from './slider-description';
-export { SliderIcon } from './slider-icon';
-export { SliderInput } from './slider-input';
-export { SliderLabel } from './slider-label';
-export { SliderValue } from './slider-value';
-export { SliderGroup } from './slider-group';
-export { useSliderGroupContext } from './slider-group-context';
+export type { SliderProps, SliderThumbProps } from './slider.types';

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

@@ -1,3 +1,5 @@
-import { SliderGroupContextValue } from './slider.types';
+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

@@ -1,3 +1,3 @@
 import { default as React } from 'react';
-import { SliderGroupProps } from './slider.types';
+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.d.ts

@@ -1,3 +1,2 @@
-import { default as React } from 'react';
 import { SliderProps } from './slider.types';
-export declare const Slider: ({ size, tone, defaultValue, min, max, step, showIndicator, showTooltip, showThumbOnHover, value, onValueChange, className, ref, ...props }: SliderProps) => 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,5 +1,4 @@
 import { VariantProps } from 'class-variance-authority';
-import { Input } from '../input';
 import { Slider as BaseSlider } from '@base-ui/react';
 import { ComponentProps } from 'react';
 export declare const sliderVariants: (props?: ({
@@ -14,27 +13,3 @@ export type SliderProps = ComponentProps<typeof BaseSlider.Root> & VariantProps<
 export type SliderThumbProps = ComponentProps<typeof BaseSlider.Thumb> & {
     hide?: boolean;
 };
-export type SliderDescriptionProps = React.ComponentProps<'p'>;
-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 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/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 → slider-group}/slider-description.d.ts

@@ -1,2 +1,2 @@
-import { SliderDescriptionProps } from './slider.types';
+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 → slider-group}/slider-icon.d.ts

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

package/dist/components/{slider → slider-group}/slider-input.d.ts

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

package/dist/components/{slider → slider-group}/slider-label.d.ts

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

package/dist/components/{slider → slider-group}/slider-value.d.ts

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