@zvoove/unity-ui 2.28.0 → 2.29.0

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

@@ -0,0 +1,22 @@
+import { CommonIconNames } from '../../index.ts';
+export type BreadcrumbsItem<T extends React.ElementType = 'a'> = {
+    label: string;
+} & Omit<React.ComponentPropsWithoutRef<T>, 'children'>;
+export type BreadcrumbsProps<T extends React.ElementType = 'a'> = {
+    /**
+     * The items of the component. <br />
+     * The items are displayed in the order they are passed. <br />
+     * `type BreadcrumbsItem = { label: string; href: string; onItemClick?: () => void; }`
+     */
+    items: BreadcrumbsItem<T>[];
+    /**
+     * The component to render for the link
+     * @default 'a'
+     */
+    linkComponent?: T | 'a';
+    /**
+     * The icon name for the home (first) breadcrumb item
+     * @default 'home'
+     */
+    homeIcon?: CommonIconNames;
+};

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

@@ -0,0 +1,2 @@
+export { default as Breadcrumbs } from './Breadcrumbs';
+export type { BreadcrumbsProps, BreadcrumbsItem } from './Breadcrumbs.types';

package/dist/components/Button/Button.d.ts

@@ -0,0 +1,9 @@
+import { ForwardedRef } from 'react';
+import { ButtonProps } from './Button.types';
+declare const Button: {
+    <T extends React.ElementType = "button">({ children, variant, hideLabel, as, icon, linkComponent, size, isLoading, ...props }: ButtonProps<T> & {
+        ref?: ForwardedRef<T>;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default Button;

package/dist/components/Button/Button.styled.d.ts

@@ -0,0 +1,98 @@
+export declare const buttonContentStyles: import('tailwind-variants').TVReturnType<{
+    isLoading: {
+        true: string[];
+    };
+}, undefined, string[], {
+    isLoading: {
+        true: string[];
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    isLoading: {
+        true: string[];
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+export declare const buttonStyles: import('tailwind-variants').TVReturnType<{
+    isLoading: {
+        true: string[];
+        false: string[];
+    };
+    size: {
+        sm: string[];
+        md: string[];
+        lg: string[];
+    };
+    hasIconOnly: {
+        false: never[];
+    };
+    hasIcon: {
+        true: never[];
+    };
+    variant: {
+        filled: string[];
+        outlined: string[];
+        text: string[];
+        textSecondary: string[];
+        elevated: string[];
+        tonal: string[];
+        linkPrimary: string[];
+        linkSecondary: string[];
+        positive: string[];
+        negative: string[];
+    };
+}, undefined, string[], {
+    isLoading: {
+        true: string[];
+        false: string[];
+    };
+    size: {
+        sm: string[];
+        md: string[];
+        lg: string[];
+    };
+    hasIconOnly: {
+        false: never[];
+    };
+    hasIcon: {
+        true: never[];
+    };
+    variant: {
+        filled: string[];
+        outlined: string[];
+        text: string[];
+        textSecondary: string[];
+        elevated: string[];
+        tonal: string[];
+        linkPrimary: string[];
+        linkSecondary: string[];
+        positive: string[];
+        negative: string[];
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    isLoading: {
+        true: string[];
+        false: string[];
+    };
+    size: {
+        sm: string[];
+        md: string[];
+        lg: string[];
+    };
+    hasIconOnly: {
+        false: never[];
+    };
+    hasIcon: {
+        true: never[];
+    };
+    variant: {
+        filled: string[];
+        outlined: string[];
+        text: string[];
+        textSecondary: string[];
+        elevated: string[];
+        tonal: string[];
+        linkPrimary: string[];
+        linkSecondary: string[];
+        positive: string[];
+        negative: string[];
+    };
+}, undefined, string[], unknown, unknown, undefined>>;

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

@@ -0,0 +1,55 @@
+import { ForwardedRef, MouseEvent, ReactNode } from 'react';
+import { CommonIconNames, IconProps, ResponsiveType } from '../../index.ts';
+type UnionAs = ({
+    /**
+     * The component to render the button as.
+     * @default button
+     */
+    as?: 'a';
+} & Omit<React.ComponentProps<'a'>, 'className'>) | ({
+    as?: 'button';
+} & Omit<React.ComponentProps<'button'>, 'className'>) | ({
+    as?: 'span';
+} & Omit<React.ComponentProps<'span'>, 'className'>);
+export type ButtonProps<T extends React.ElementType = 'button'> = UnionAs & {
+    /**
+     * The children of the button.
+     */
+    children?: ReactNode;
+    /**
+     * The size of the button.
+     */
+    size?: ResponsiveType<'sm' | 'md' | 'lg'>;
+    /**
+     * The icon of the button.
+     */
+    icon?: CommonIconNames | Omit<IconProps, 'size' | 'color'>;
+    /**
+     * Hide the label of the button. <br />
+     * Only works if `icon` is provided.
+     */
+    hideLabel?: ResponsiveType<boolean>;
+    /**
+     * Handle click events.
+     */
+    onClick?: (event: MouseEvent<HTMLElement>) => void;
+    /**
+     * The variant is used
+     * to change the visual communication.
+     */
+    variant?: ResponsiveType<'text' | 'textSecondary' | 'filled' | 'outlined' | 'elevated' | 'tonal' | 'linkPrimary' | 'linkSecondary' | 'positive' | 'negative'>;
+    /**
+     * The component to render the button as. <br />
+     * This is useful if you want to use a different component for the button like a `Link` component from **Next.js** or **React Router**.
+     */
+    linkComponent?: T;
+    /**
+     * The ref of the button.
+     */
+    ref?: ForwardedRef<T>;
+    /**
+     * Whether the button is loading.
+     */
+    isLoading?: boolean;
+} & Omit<React.ComponentPropsWithoutRef<T>, 'children'>;
+export {};

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

@@ -0,0 +1,2 @@
+export { default as Button } from './Button';
+export { type ButtonProps } from './Button.types';

package/dist/components/Card/Card.d.ts

@@ -0,0 +1,10 @@
+import { ComponentRef, ForwardedRef } from 'react';
+import { CardProps } from './Card.types';
+export declare const ERROR_MESSAGE = "@Card: className only accepts tailwindcss classes that defines height or width. \n\nExample: h-[200px], w-[200px], h-full, w-full, size-full, size-[500px]";
+declare const Card: {
+    <T extends React.ElementType = "div">({ children, header, headerBgColor, footer, footerBgColor, hideHeaderBorder, borderRadius, elevation, variant, padding, margin, className, overflow, bgColor, height, width, minHeight, maxHeight, minWidth, maxWidth, interactive, as, linkComponent, ...restProps }: CardProps<T> & {
+        ref?: ForwardedRef<ComponentRef<T>>;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default Card;