@still-forest/canopy 0.39.3 → 0.40.0

package/dist/forms.d.ts

@@ -1,15 +1,18 @@
+import { ClassProp } from 'class-variance-authority/types';
 import { ComponentProps } from 'react';
 import { default as default_2 } from 'react';
 import { JSX } from 'react/jsx-runtime';
 import * as React_2 from 'react';
+import { ReactNode } from 'react';
 import * as SliderPrimitive from '@radix-ui/react-slider';
 import * as SwitchPrimitive from '@radix-ui/react-switch';
+import { VariantProps } from 'class-variance-authority';
 
 export declare type BaseButtonSize = "xs" | "sm" | "md" | "lg" | "xl" | "icon" | "unstyled";
 
 export declare type BaseButtonVariant = "default" | "secondary" | "destructive" | "outline" | "ghost" | "link" | "unstyled";
 
-export declare const Button: ({ label, children, onClick, variant, size, icon, disabled, className, type, asChild, full, fit, ...rest }: ButtonProps) => JSX.Element;
+export declare const Button: ({ label, children, onClick, variant, size, icon, asIcon, disabled, className, type, asChild, full, fit, rounded, ...rest }: ButtonProps) => JSX.Element;
 
 export declare const ButtonGroup: {
     ({ children, className }: ButtonGroupProps): JSX.Element;
@@ -28,12 +31,14 @@ export declare interface ButtonProps extends default_2.ComponentProps<"button">
     variant?: "default" | "primary" | "secondary" | "destructive" | "outline" | "ghost" | "link" | "unstyled" | "subtle";
     size?: "default" | "xs" | "sm" | "md" | "lg" | "xl";
     icon?: default_2.ReactElement;
+    asIcon?: boolean;
     disabled?: boolean;
     className?: string;
     type?: "button" | "submit" | "reset";
     fit?: boolean;
     full?: boolean;
     asChild?: boolean;
+    rounded?: boolean;
 }
 
 export declare const Checkbox: ({ label, name, value, checked, onCheckedChange }: CheckboxProps) => JSX.Element;
@@ -69,18 +74,57 @@ declare interface DatePickerProps {
 
 export declare const DeleteButton: ({ disabled, handleDelete, ...rest }: Props) => JSX.Element;
 
+export declare const Input: ({ type, step, ...props }: InputProps) => JSX.Element;
+
 export declare const InputError: ({ message }: {
     message: string;
 }) => JSX.Element;
 
-export declare const InputGroup: ({ label, labelFor, className, labelClassName, children }: InputGroupProps) => JSX.Element;
+export declare const InputGroup: InputGroupComponent;
+
+declare function InputGroup_2({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+declare function InputGroupAddon({ className, align, ...props }: React_2.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): JSX.Element;
+
+declare interface InputGroupAddonProps extends React.ComponentProps<typeof InputGroupAddon> {
+    right?: boolean;
+}
+
+declare const inputGroupAddonVariants: (props?: ({
+    align?: "block-end" | "block-start" | "inline-end" | "inline-start" | null | undefined;
+} & ClassProp) | undefined) => string;
 
-declare interface InputGroupProps {
+declare type InputGroupComponent = React.FC<InputGroupProps> & {
+    Input: React.FC<InputProps>;
+    Addon: React.FC<InputGroupAddonProps>;
+    Button: React.FC<ButtonProps>;
+    Text: React.FC<InputGroupTextProps>;
+    Textarea: React.FC<InputGroupTextareaProps>;
+};
+
+export declare type InputGroupProps = React.ComponentProps<typeof InputGroup_2> & {
+    children: ReactNode;
+};
+
+declare interface InputGroupProps_2 {
     label?: string;
     labelFor?: string;
     className?: string;
     labelClassName?: string;
-    children: React.ReactNode;
+    children: ReactNode;
+}
+
+declare function InputGroupText({ className, ...props }: React_2.ComponentProps<"span">): JSX.Element;
+
+declare const InputGroupTextarea: ({ className, ...props }: TextareaProps) => JSX.Element;
+
+declare type InputGroupTextareaProps = React.ComponentProps<typeof InputGroupTextarea>;
+
+declare type InputGroupTextProps = React.ComponentProps<typeof InputGroupText>;
+
+export declare interface InputProps extends TextInputProps {
+    type?: "text" | "number" | "date" | "email" | "password";
+    step?: string;
 }
 
 export declare const Label: ({ htmlFor, value, children, size, className, ...props }: LabelProps) => JSX.Element;
@@ -93,6 +137,8 @@ export declare interface LabelProps extends ComponentProps<"label"> {
     className?: string;
 }
 
+export declare const LegacyInputGroup: ({ label, labelFor, className, labelClassName, children, }: InputGroupProps_2) => JSX.Element;
+
 /**
  + * A specialized input component for numeric values.
  + * Extends TextInput with number-specific functionality.
@@ -114,6 +160,11 @@ declare interface Option_3 {
     label: string;
 }
 
+export declare const PasswordInput: ({ name, size, label, labelOrientation, note, error, ...props }: PasswordInputProps) => JSX.Element;
+
+declare interface PasswordInputProps extends Omit<InputProps, "type"> {
+}
+
 declare interface Props extends ButtonProps {
     disabled?: boolean;
     handleDelete: () => void;
@@ -192,7 +243,7 @@ export declare interface SubmitButtonProps extends Omit<ButtonProps, "icon"> {
     noIcon?: boolean;
 }
 
-export declare const Switch: ({ id: idProp, label, leftLabel, rightLabel, className, thumbClassName, labelClassName, size, ...props }: SwitchProps) => JSX.Element;
+export declare const Switch: ({ id: idProp, label, className, thumbClassName, labelClassName, size, ...props }: SwitchProps) => JSX.Element;
 
 declare function Switch_2({ className, thumbClassName, ...props }: React_2.ComponentProps<typeof SwitchPrimitive.Root> & {
     thumbClassName?: string;
@@ -200,11 +251,9 @@ declare function Switch_2({ className, thumbClassName, ...props }: React_2.Compo
 
 declare interface SwitchProps extends React.ComponentProps<typeof Switch_2> {
     id?: string;
-    label: string;
-    leftLabel?: string;
-    rightLabel?: string;
+    label?: string | (string | null)[];
     size?: "xs" | "sm" | "md" | "lg" | "xl";
-    labelClassName?: string;
+    labelClassName?: string | string[];
 }
 
 export declare function Textarea({ label, name, note, placeholder, className, error, ...props }: TextareaProps): JSX.Element;

package/dist/forms.js

@@ -1,23 +1,26 @@
-import { B as e, a as s } from "./chunks/calendar-C-nHBQQ8.js";
-import { C as u, a as r, b as n, c as p, D as c, I as i, d as I, L as S, N as l, R as B, e as b, f as x, g as m, S as D, h as d, i as f, T as h } from "./chunks/Textarea-1yOGilko.js";
+import { B as e, a as s, D as u, I as o, b as r, c as p, L as n, N as c, d as I, T as S } from "./chunks/sidebar-BNz0YKgO.js";
+import { C as i, a as l, b as B, D as d, L as x, P as D, R as m, c as L, d as P, e as f, S as k, f as C } from "./chunks/Switch-C6ICR4ht.js";
 export {
   e as Button,
   s as ButtonGroup,
-  u as Checkbox,
-  r as CopyButton,
-  n as DateInput,
-  p as DatePicker,
-  c as DeleteButton,
-  i as InputError,
-  I as InputGroup,
-  S as Label,
-  l as NumberInput,
-  B as RadioSelect,
-  b as SelectInput,
-  x as SelectPicker,
-  m as Slider,
-  D as SubmitButton,
-  d as Switch,
-  f as TextInput,
-  h as Textarea
+  i as Checkbox,
+  l as CopyButton,
+  u as DateInput,
+  B as DatePicker,
+  d as DeleteButton,
+  o as Input,
+  r as InputError,
+  p as InputGroup,
+  n as Label,
+  x as LegacyInputGroup,
+  c as NumberInput,
+  D as PasswordInput,
+  m as RadioSelect,
+  L as SelectInput,
+  P as SelectPicker,
+  f as Slider,
+  k as SubmitButton,
+  C as Switch,
+  I as TextInput,
+  S as Textarea
 };

package/dist/index.d.ts

@@ -98,7 +98,7 @@ export declare interface BreadcrumbType {
     to?: string;
 }
 
-export declare const Button: ({ label, children, onClick, variant, size, icon, disabled, className, type, asChild, full, fit, ...rest }: ButtonProps) => JSX.Element;
+export declare const Button: ({ label, children, onClick, variant, size, icon, asIcon, disabled, className, type, asChild, full, fit, rounded, ...rest }: ButtonProps) => JSX.Element;
 
 declare function Button_2({ className, variant, size, asChild, ...props }: React_2.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
     asChild?: boolean;
@@ -121,12 +121,14 @@ export declare interface ButtonProps extends default_2.ComponentProps<"button">
     variant?: "default" | "primary" | "secondary" | "destructive" | "outline" | "ghost" | "link" | "unstyled" | "subtle";
     size?: "default" | "xs" | "sm" | "md" | "lg" | "xl";
     icon?: default_2.ReactElement;
+    asIcon?: boolean;
     disabled?: boolean;
     className?: string;
     type?: "button" | "submit" | "reset";
     fit?: boolean;
     full?: boolean;
     asChild?: boolean;
+    rounded?: boolean;
 }
 
 declare const buttonVariants: (props?: ({
@@ -284,18 +286,16 @@ export declare type EmptyProps = React.ComponentProps<typeof Empty_2> & {
 
 declare type EmptyTitleProps = React.ComponentProps<typeof Heading>;
 
-export declare const ErrorFallback: ({ error, onRetry }: ErrorFallbackProps) => JSX.Element;
+export declare const ErrorFallback: ({ error, onRetry, ...props }: ErrorFallbackProps) => JSX.Element;
 
-declare interface ErrorFallbackProps {
+declare interface ErrorFallbackProps extends ErrorOverlayProps {
     error: Error;
     onRetry?: () => void;
 }
 
-export declare const ErrorOverlay: ({ message, children }: ErrorOverlayProps) => JSX.Element;
+export declare const ErrorOverlay: ({ message, children, ...props }: ErrorOverlayProps) => JSX.Element;
 
-declare interface ErrorOverlayProps {
-    message?: string;
-    children?: React.ReactNode;
+export declare interface ErrorOverlayProps extends InterstitialProps {
 }
 
 export declare const Flex: typeof FlexComponent & {
@@ -426,21 +426,60 @@ declare type Height = (typeof HEIGHTS)[number];
 
 declare const HEIGHTS: readonly [...string[], "auto", "full", "min", "max", "fit", "px", "screen"];
 
+export declare const Input: ({ type, step, ...props }: InputProps) => JSX.Element;
+
 export declare const InputError: ({ message }: {
     message: string;
 }) => JSX.Element;
 
-export declare const InputGroup: ({ label, labelFor, className, labelClassName, children }: InputGroupProps) => JSX.Element;
+export declare const InputGroup: InputGroupComponent;
+
+declare function InputGroup_2({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+declare function InputGroupAddon({ className, align, ...props }: React_2.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): JSX.Element;
 
-declare interface InputGroupProps {
+declare interface InputGroupAddonProps extends React.ComponentProps<typeof InputGroupAddon> {
+    right?: boolean;
+}
+
+declare const inputGroupAddonVariants: (props?: ({
+    align?: "block-end" | "block-start" | "inline-end" | "inline-start" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+declare type InputGroupComponent = React.FC<InputGroupProps> & {
+    Input: React.FC<InputProps>;
+    Addon: React.FC<InputGroupAddonProps>;
+    Button: React.FC<ButtonProps>;
+    Text: React.FC<InputGroupTextProps>;
+    Textarea: React.FC<InputGroupTextareaProps>;
+};
+
+export declare type InputGroupProps = React.ComponentProps<typeof InputGroup_2> & {
+    children: ReactNode;
+};
+
+declare interface InputGroupProps_2 {
     label?: string;
     labelFor?: string;
     className?: string;
     labelClassName?: string;
-    children: React.ReactNode;
+    children: ReactNode;
 }
 
-export declare const Interstitial: ({ variant, iconComponent, message, children, iconSize, iconClassName, }: InterstitialProps) => JSX.Element;
+declare function InputGroupText({ className, ...props }: React_2.ComponentProps<"span">): JSX.Element;
+
+declare const InputGroupTextarea: ({ className, ...props }: TextareaProps) => JSX.Element;
+
+declare type InputGroupTextareaProps = React.ComponentProps<typeof InputGroupTextarea>;
+
+declare type InputGroupTextProps = React.ComponentProps<typeof InputGroupText>;
+
+export declare interface InputProps extends TextInputProps {
+    type?: "text" | "number" | "date" | "email" | "password";
+    step?: string;
+}
+
+export declare const Interstitial: ({ variant, iconComponent, message, children, iconSize, iconClassName, fullScreen, containerClassName, }: InterstitialProps) => JSX.Element;
 
 export declare interface InterstitialProps {
     variant?: "error" | "info" | "success" | "warning";
@@ -449,6 +488,8 @@ export declare interface InterstitialProps {
     iconSize?: LoaderProps["size"];
     iconClassName?: string;
     children?: default_2.ReactNode;
+    fullScreen?: boolean;
+    containerClassName?: string;
 }
 
 export declare const Item: ItemComponent;
@@ -536,6 +577,8 @@ declare interface LayoutProps extends FlexProps {
 
 declare type LayoutVariant = (typeof LAYOUT_VARIANTS)[number];
 
+export declare const LegacyInputGroup: ({ label, labelFor, className, labelClassName, children, }: InputGroupProps_2) => JSX.Element;
+
 export declare const Loader: ({ variant, icon, size, className, ...props }: LoaderProps) => JSX.Element;
 
 export declare interface LoaderProps extends React.ComponentProps<"svg"> {
@@ -575,21 +618,14 @@ declare type Overflow = (typeof OVERFLOWS)[number];
 
 declare const OVERFLOWS: readonly ["auto", "scroll", "hidden", "clip", "visible"];
 
-export declare const PageLoader: ({ iconComponent, message, containerClassName, iconSize, fullScreen, iconClassName, }: PageLoaderProps) => JSX.Element;
+export declare const PageLoader: ({ iconComponent, message, iconSize, iconClassName, ...props }: PageLoaderProps) => JSX.Element;
 
-declare interface PageLoaderProps {
-    iconComponent?: React.ElementType;
-    message?: string;
-    containerClassName?: string;
-    iconSize?: LoaderProps["size"];
-    fullScreen?: boolean;
-    iconClassName?: string;
+declare interface PageLoaderProps extends InterstitialProps {
 }
 
-export declare const PageNotFound: ({ onBack, message, backIcon, backLabel, }: PageNotFoundProps) => JSX.Element;
+export declare const PageNotFound: ({ onBack, message, backIcon, backLabel, ...props }: PageNotFoundProps) => JSX.Element;
 
-declare interface PageNotFoundProps {
-    message?: string;
+declare interface PageNotFoundProps extends InterstitialProps {
     backIcon?: React.ComponentType<React.SVGProps<SVGSVGElement>>;
     backLabel?: string;
     onBack?: () => void;
@@ -599,6 +635,11 @@ export declare const Pagination: ({ pageCount, currentPage, onChange }: Props_3)
 
 export declare const Paragraph: ({ children, className, as, ...props }: TextProps) => JSX.Element;
 
+export declare const PasswordInput: ({ name, size, label, labelOrientation, note, error, ...props }: PasswordInputProps) => JSX.Element;
+
+declare interface PasswordInputProps extends Omit<InputProps, "type"> {
+}
+
 export declare const Popover: PopoverComponent;
 
 declare function Popover_2({ ...props }: React_2.ComponentProps<typeof PopoverPrimitive.Root>): JSX.Element;
@@ -783,7 +824,7 @@ export declare interface SubmitButtonProps extends Omit<ButtonProps, "icon"> {
     noIcon?: boolean;
 }
 
-export declare const Switch: ({ id: idProp, label, leftLabel, rightLabel, className, thumbClassName, labelClassName, size, ...props }: SwitchProps) => JSX.Element;
+export declare const Switch: ({ id: idProp, label, className, thumbClassName, labelClassName, size, ...props }: SwitchProps) => JSX.Element;
 
 declare function Switch_2({ className, thumbClassName, ...props }: React_2.ComponentProps<typeof SwitchPrimitive.Root> & {
     thumbClassName?: string;
@@ -791,11 +832,9 @@ declare function Switch_2({ className, thumbClassName, ...props }: React_2.Compo
 
 declare interface SwitchProps extends React.ComponentProps<typeof Switch_2> {
     id?: string;
-    label: string;
-    leftLabel?: string;
-    rightLabel?: string;
+    label?: string | (string | null)[];
     size?: "xs" | "sm" | "md" | "lg" | "xl";
-    labelClassName?: string;
+    labelClassName?: string | string[];
 }
 
 export declare const Table: TableComponent;