@still-forest/canopy 0.49.0 → 0.50.0

package/dist/index.d.ts

@@ -7,6 +7,7 @@ import { default as default_2 } from 'react';
 import { JSX } from 'react/jsx-runtime';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import * as React_2 from 'react';
+import { ReactElement } from 'react';
 import { ReactNode } from 'react';
 import * as SliderPrimitive from '@radix-ui/react-slider';
 import * as SwitchPrimitive from '@radix-ui/react-switch';
@@ -52,12 +53,13 @@ export declare interface AlertProps {
 
 declare type AlertVariant = "info" | "success" | "warning" | "error";
 
-export declare const Badge: ({ label, onClick, className, variant, color }: BadgeProps) => JSX.Element;
+export declare const Badge: ({ label, onClick, className, variant, color, children }: BadgeProps) => JSX.Element;
 
 export declare interface BadgeProps {
     variant?: BadgeVariant;
     color?: TailwindColor;
-    label: string;
+    label?: string;
+    children?: React.ReactNode;
     onClick?: () => void;
     className?: string;
 }
@@ -280,7 +282,7 @@ declare interface DatePickerProps {
     error?: string;
 }
 
-export declare const DeleteButton: ({ disabled, handleDelete, ...rest }: Props_4) => JSX.Element;
+export declare const DeleteButton: ({ icon, disabled, handleDelete, ...rest }: Props_4) => JSX.Element;
 
 export declare type Display = (typeof DISPLAYS)[number];
 
@@ -491,7 +493,7 @@ declare interface InputGroupAddonProps extends React.ComponentProps<typeof Input
 }
 
 declare const inputGroupAddonVariants: (props?: ({
-    align?: "block-end" | "block-start" | "inline-end" | "inline-start" | null | undefined;
+    align?: "inline-end" | "inline-start" | "block-end" | "block-start" | null | undefined;
 } & ClassProp) | undefined) => string;
 
 declare type InputGroupComponent = React.FC<InputGroupProps> & {
@@ -639,7 +641,7 @@ export declare const Loader: ({ variant, icon, size, className, ...props }: Load
 
 export declare interface LoaderProps extends React.ComponentProps<"svg"> {
     variant?: "default" | "wheel";
-    icon?: React.ComponentType<React.SVGProps<SVGSVGElement>>;
+    icon?: ReactElement;
     size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl";
 }
 
@@ -743,6 +745,7 @@ declare interface Props_3 {
 }
 
 declare interface Props_4 extends ButtonProps {
+    icon?: ReactElement;
     disabled?: boolean;
     handleDelete: () => void;
 }
@@ -881,14 +884,21 @@ export declare const SIZES: readonly [...string[], "auto", "full", "min", "max",
 
 export declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): JSX.Element;
 
-export declare const Slider: ({ size, thumbClassName, trackClassName, value, defaultValue, ...props }: SliderProps) => JSX.Element;
+export declare const Slider: ({ name, size, label, labelClassName, labelOrientation, hint, note, error, thumbClassName, trackClassName, value: valueProp, defaultValue: defaultValueProp, ...props }: SliderProps) => JSX.Element;
 
 declare function Slider_2({ className, trackClassName, thumbClassName, defaultValue, value, min, max, ...props }: SliderProps_2): JSX.Element;
 
 declare interface SliderProps extends Omit<React.ComponentProps<typeof Slider_2>, "value" | "defaultValue"> {
+    name: string;
     size?: "xs" | "sm" | "md" | "lg" | "xl";
     thumbClassName?: string;
     trackClassName?: string;
+    label?: string;
+    labelClassName?: string;
+    labelOrientation?: "top" | "left";
+    hint?: string;
+    note?: string;
+    error?: string;
     value?: number | number[];
     defaultValue?: number | number[];
 }
@@ -906,8 +916,8 @@ export declare interface SubmitButtonProps extends Omit<ButtonProps, "icon"> {
     submittingLabel?: string;
     submitting?: boolean;
     disabled?: boolean;
-    icon?: React.ComponentType<React.SVGProps<SVGSVGElement>>;
-    submittingIcon?: React.ComponentType<React.SVGProps<SVGSVGElement>>;
+    icon?: ReactElement;
+    submittingIcon?: ReactElement;
     noIcon?: boolean;
 }