@turystack/ui 0.0.17 → 0.0.19

package/dist/index.d.ts

@@ -1,23 +1,152 @@
-import { default as default_2 } from 'react';
+import { Context } from 'react';
 import { JSX } from 'react/jsx-runtime';
 import { PropsWithChildren } from 'react';
+import { TVReturnType } from 'tailwind-variants';
 
-declare type ComponentClassNameSlots<T extends string> = Partial<Record<T, string>>;
+export declare const Accordion: typeof Root & {
+    Content: typeof Content;
+    Item: typeof Item;
+    Trigger: typeof Trigger;
+};
 
-export declare type ComponentConfig<T extends object, S extends string> = {
-    classNames?: ComponentClassNameSlots<S>;
-    defaultProps?: ComponentDefaultProps<T>;
+export declare type AccordionContent = {};
+
+export declare type AccordionContentSlots = 'root' | 'inner';
+
+export declare type AccordionItem = {
+    value: string;
+    disabled?: boolean;
 };
 
-declare type ComponentDefaultProps<T extends object> = Partial<T>;
+export declare type AccordionItemSlots = 'root';
+
+export declare type AccordionProps = (BaseAccordionProps & SingleAccordionProps) | (BaseAccordionProps & MultipleAccordionProps);
+
+export declare type AccordionSlots = 'root';
+
+export declare type AccordionTrigger = {};
+
+export declare type AccordionTriggerSlots = 'header' | 'root' | 'icon';
+
+export declare type AccordionType = 'single' | 'multiple';
+
+declare function Action({ children }: PropsWithChildren<AlertActionProps>): JSX.Element;
+
+export declare const Alert: typeof Root_2 & {
+    Action: typeof Action;
+    Description: typeof Description;
+    Icon: typeof Icon;
+    Title: typeof Title;
+};
+
+export declare type AlertActionProps = {};
+
+export declare type AlertActionSlots = 'root';
+
+export declare type AlertDescriptionProps = {};
+
+export declare type AlertDescriptionSlots = 'root';
+
+export declare type AlertIconProps = {};
+
+export declare type AlertIconSlots = 'root';
+
+export declare type AlertProps = {
+    variant?: AlertVariant;
+};
+
+export declare type AlertSlots = 'root';
+
+export declare type AlertTitleProps = {};
+
+export declare type AlertTitleSlots = 'root';
+
+export declare type AlertVariant = 'default' | 'destructive';
+
+export declare function Avatar({ src, alt, size, variant, children, }: PropsWithChildren<AvatarProps>): JSX.Element;
+
+export declare type AvatarProps = {
+    src?: string | null;
+    alt?: string;
+    size?: AvatarSize;
+    variant?: AvatarVariant;
+};
+
+export declare type AvatarSize = 'sm' | 'md' | 'lg';
+
+export declare type AvatarSlots = 'root' | 'image' | 'fallback';
+
+export declare type AvatarVariant = 'circle' | 'square';
+
+export declare function Badge({ variant, align, block, loading, asChild, onClick, children, }: PropsWithChildren<BadgeProps>): JSX.Element;
+
+export declare type BadgeAlign = 'start' | 'center' | 'end';
+
+export declare type BadgeProps = {
+    variant?: BadgeVariant;
+    align?: BadgeAlign;
+    block?: boolean;
+    loading?: boolean;
+    asChild?: boolean;
+    onClick?: React.MouseEventHandler<HTMLDivElement>;
+};
+
+export declare type BadgeSlots = 'root';
+
+export declare type BadgeVariant = 'default' | 'secondary' | 'destructive' | 'outline';
+
+declare type BaseAccordionProps = {
+    type: AccordionType;
+    bordered?: boolean;
+};
+
+export declare const Breadcrumb: typeof Root_3 & {
+    Ellipsis: typeof Ellipsis;
+    Item: typeof Item_2;
+    Link: typeof Link;
+    List: typeof List;
+    Page: typeof Page;
+    Separator: typeof Separator;
+};
+
+export declare type BreadcrumbEllipsisProps = {};
+
+export declare type BreadcrumbEllipsisSlots = 'root' | 'icon';
+
+export declare type BreadcrumbItemProps = {};
+
+export declare type BreadcrumbItemSlots = 'root';
+
+export declare type BreadcrumbLinkProps = {
+    asChild?: boolean;
+    href?: string;
+};
 
-export declare function TButton(props: PropsWithChildren<TButtonProps>): JSX.Element;
+export declare type BreadcrumbLinkSlots = 'root';
 
-export declare type TButtonProps = {
+export declare type BreadcrumbListProps = {};
+
+export declare type BreadcrumbListSlots = 'root';
+
+export declare type BreadcrumbPageProps = {};
+
+export declare type BreadcrumbPageSlots = 'root';
+
+export declare type BreadcrumbProps = {};
+
+export declare type BreadcrumbSeparatorProps = {};
+
+export declare type BreadcrumbSeparatorSlots = 'root';
+
+export declare type BreadcrumbSlots = 'root';
+
+export declare function Button(props: PropsWithChildren<ButtonProps>): JSX.Element;
+
+export declare type ButtonProps = {
     form?: string;
-    type?: TButtonType;
-    size?: TButtonSize;
-    variant?: TButtonVariant;
+    type?: ButtonType;
+    size?: ButtonSize;
+    variant?: ButtonVariant;
     leftSection?: React.ReactNode;
     rightSection?: React.ReactNode;
     block?: boolean;
@@ -27,33 +156,192 @@ export declare type TButtonProps = {
     onClick?: React.MouseEventHandler<HTMLButtonElement>;
 };
 
-export declare type TButtonSize = 'sm' | 'md' | 'lg' | 'icon-sm' | 'icon-md' | 'icon-lg';
+export declare type ButtonSize = 'sm' | 'md' | 'lg' | 'icon-sm' | 'icon-md' | 'icon-lg';
+
+export declare type ButtonSlots = 'root' | 'loading' | 'leftSection' | 'rightSection';
+
+export declare type ButtonType = 'button' | 'submit' | 'reset';
+
+export declare type ButtonVariant = 'default' | 'destructive' | 'outline' | 'dashed' | 'secondary' | 'ghost' | 'link';
+
+export declare type ColorScheme = 'light' | 'dark' | 'system';
+
+export declare const ColorSchemeContext: Context<ColorSchemeContextValue | null>;
 
-export declare type TButtonSlots = 'root' | 'loading' | 'leftSection' | 'rightSection';
+export declare type ColorSchemeContextValue = {
+    colorScheme: ColorScheme;
+    changeColorScheme: (colorScheme: ColorScheme) => void;
+};
 
-export declare type TButtonType = 'button' | 'submit' | 'reset';
+export declare function ColorSchemeProvider({ defaultColorScheme, children }: PropsWithChildren<ColorSchemeProviderProps>): JSX.Element;
 
-export declare type TButtonVariant = 'default' | 'destructive' | 'outline' | 'dashed' | 'secondary' | 'ghost' | 'link';
+declare type ColorSchemeProviderProps = {
+    defaultColorScheme?: ColorScheme;
+};
 
-export declare function TLoader({ size }: TLoaderProps): JSX.Element;
+declare type ComponentClassNameSlots<T extends string> = Partial<Record<T, string>>;
 
-export declare type TLoaderProps = {
-    size?: TLoaderSize;
+export declare type ComponentConfig<T extends object, S extends string> = {
+    classNames?: ComponentClassNameSlots<S>;
+    defaultProps?: ComponentDefaultProps<T>;
 };
 
-export declare type TLoaderSize = 'sm' | 'md' | 'lg';
+declare type ComponentDefaultProps<T extends object> = Partial<T>;
+
+declare function Content({ children }: PropsWithChildren<AccordionContent>): JSX.Element;
+
+declare function Description({ children }: PropsWithChildren<AlertDescriptionProps>): JSX.Element;
+
+declare function Ellipsis(_props: BreadcrumbEllipsisProps): JSX.Element;
+
+declare function Icon({ children }: PropsWithChildren<AlertIconProps>): JSX.Element;
+
+declare function Item({ value, disabled, children }: PropsWithChildren<AccordionItem>): JSX.Element;
+
+declare function Item_2({ children }: PropsWithChildren<BreadcrumbItemProps>): JSX.Element;
+
+declare function Link({ asChild, href, children, }: PropsWithChildren<BreadcrumbLinkProps>): JSX.Element;
 
-export declare type TLoaderSlots = 'root';
+declare function List({ children }: PropsWithChildren<BreadcrumbListProps>): JSX.Element;
 
-export declare function TuryStackProvider({ children, ...props }: TuryStackProviderProps & {
-    children: default_2.ReactNode;
-}): JSX.Element;
+export declare function Loader({ size }: LoaderProps): JSX.Element;
+
+export declare type LoaderProps = {
+    size?: LoaderSize;
+};
+
+export declare type LoaderSize = 'sm' | 'md' | 'lg';
+
+export declare type LoaderSlots = 'root';
+
+declare type MultipleAccordionProps = {
+    type: 'multiple';
+    value?: string[];
+    defaultValue?: string[];
+    onChange?: (value: string[]) => void;
+};
+
+declare function Page({ children }: PropsWithChildren<BreadcrumbPageProps>): JSX.Element;
+
+declare function Root({ children, onChange, ...props }: PropsWithChildren<AccordionProps>): JSX.Element;
+
+declare function Root_2({ variant, children }: PropsWithChildren<AlertProps>): JSX.Element;
+
+declare function Root_3({ children }: PropsWithChildren<BreadcrumbProps>): JSX.Element;
+
+declare function Separator({ children }: PropsWithChildren<BreadcrumbSeparatorProps>): JSX.Element;
+
+declare type SingleAccordionProps = {
+    type: 'single';
+    value?: string;
+    defaultValue?: string;
+    collapsible?: boolean;
+    onChange?: (value: string) => void;
+};
+
+export declare const styles: TVReturnType<    {
+block: {
+true: string;
+};
+size: {
+'icon-lg': string;
+'icon-md': string;
+'icon-sm': string;
+lg: string;
+md: string;
+sm: string;
+};
+variant: {
+dashed: string;
+default: string;
+destructive: string;
+ghost: string;
+link: string;
+outline: string;
+secondary: string;
+};
+}, undefined, "t:inline-flex t:items-center t:justify-center t:gap-2 t:whitespace-nowrap t:rounded-md t:font-medium t:text-sm t:ring-offset-background t:transition-colors t:focus-visible:outline-none t:focus-visible:ring-2 t:focus-visible:ring-ring t:focus-visible:ring-offset-2 t:disabled:pointer-events-none t:disabled:opacity-50 t:[&_svg]:pointer-events-none t:[&_svg]:size-4 t:[&_svg]:shrink-0", {
+block: {
+true: string;
+};
+size: {
+'icon-lg': string;
+'icon-md': string;
+'icon-sm': string;
+lg: string;
+md: string;
+sm: string;
+};
+variant: {
+dashed: string;
+default: string;
+destructive: string;
+ghost: string;
+link: string;
+outline: string;
+secondary: string;
+};
+}, undefined, TVReturnType<    {
+block: {
+true: string;
+};
+size: {
+'icon-lg': string;
+'icon-md': string;
+'icon-sm': string;
+lg: string;
+md: string;
+sm: string;
+};
+variant: {
+dashed: string;
+default: string;
+destructive: string;
+ghost: string;
+link: string;
+outline: string;
+secondary: string;
+};
+}, undefined, "t:inline-flex t:items-center t:justify-center t:gap-2 t:whitespace-nowrap t:rounded-md t:font-medium t:text-sm t:ring-offset-background t:transition-colors t:focus-visible:outline-none t:focus-visible:ring-2 t:focus-visible:ring-ring t:focus-visible:ring-offset-2 t:disabled:pointer-events-none t:disabled:opacity-50 t:[&_svg]:pointer-events-none t:[&_svg]:size-4 t:[&_svg]:shrink-0", unknown, unknown, undefined>>;
+
+declare function Title({ children }: PropsWithChildren<AlertTitleProps>): JSX.Element;
+
+declare function Trigger({ children }: PropsWithChildren<AccordionTrigger>): JSX.Element;
+
+export declare function TuryStackProvider({ children, defaultColorScheme, ...props }: PropsWithChildren<TuryStackProviderProps>): JSX.Element;
 
 export declare type TuryStackProviderProps = {
+    defaultColorScheme?: ColorScheme;
     components?: {
-        button?: ComponentConfig<TButtonProps, TButtonSlots>;
-        loader?: ComponentConfig<TLoaderProps, TLoaderSlots>;
+        accordion?: {
+            default?: ComponentConfig<AccordionProps, AccordionSlots>;
+            item?: ComponentConfig<AccordionItem, AccordionItemSlots>;
+            trigger?: ComponentConfig<AccordionTrigger, AccordionTriggerSlots>;
+            content?: ComponentConfig<AccordionContent, AccordionContentSlots>;
+        };
+        alert?: {
+            default?: ComponentConfig<AlertProps, AlertSlots>;
+            icon?: ComponentConfig<AlertIconProps, AlertIconSlots>;
+            title?: ComponentConfig<AlertTitleProps, AlertTitleSlots>;
+            description?: ComponentConfig<AlertDescriptionProps, AlertDescriptionSlots>;
+            action?: ComponentConfig<AlertActionProps, AlertActionSlots>;
+        };
+        avatar?: ComponentConfig<AvatarProps, AvatarSlots>;
+        badge?: ComponentConfig<BadgeProps, BadgeSlots>;
+        breadcrumb?: {
+            default?: ComponentConfig<BreadcrumbProps, BreadcrumbSlots>;
+            list?: ComponentConfig<BreadcrumbListProps, BreadcrumbListSlots>;
+            item?: ComponentConfig<BreadcrumbItemProps, BreadcrumbItemSlots>;
+            link?: ComponentConfig<BreadcrumbLinkProps, BreadcrumbLinkSlots>;
+            page?: ComponentConfig<BreadcrumbPageProps, BreadcrumbPageSlots>;
+            separator?: ComponentConfig<BreadcrumbSeparatorProps, BreadcrumbSeparatorSlots>;
+            ellipsis?: ComponentConfig<BreadcrumbEllipsisProps, BreadcrumbEllipsisSlots>;
+        };
+        button?: ComponentConfig<ButtonProps, ButtonSlots>;
+        loader?: ComponentConfig<LoaderProps, LoaderSlots>;
     };
 };
 
+export declare const useColorScheme: () => ColorSchemeContextValue;
+
 export { }