@kpf_/kiso 1.0.1 → 1.0.2

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

@@ -2,10 +2,12 @@ import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const buttonVariants: (props?: ({
     variant?: "primary" | "secondary" | "destructive" | "ghost" | "inverse" | null | undefined;
-    size?: "sm" | "md" | "lg" | null | undefined;
+    size?: "sm" | "md" | "lg" | "icon" | null | undefined;
+    rounded?: "sm" | "md" | "lg" | "none" | "xl" | "full" | null | undefined;
+    fullWidth?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+export interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "className">, VariantProps<typeof buttonVariants> {
     isLoading?: boolean;
 }
-declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+declare const Button: React.MemoExoticComponent<React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>>;
 export { Button, buttonVariants };

package/dist/components/atoms/Input.d.ts

@@ -1,8 +1,15 @@
+import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
-export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+declare const inputVariants: (props?: ({
+    status?: "default" | "error" | "success" | "warning" | null | undefined;
+    inputSize?: "sm" | "md" | "lg" | null | undefined;
+    fullWidth?: boolean | null | undefined;
+    rounded?: "sm" | "md" | "lg" | "none" | "xl" | "full" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "className" | "size">, VariantProps<typeof inputVariants> {
     leftIcon?: React.ReactNode;
     rightAction?: React.ReactNode;
     error?: boolean;
 }
-declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+declare const Input: React.MemoExoticComponent<React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>>;
 export { Input };

package/dist/components/atoms/Toggle.d.ts

@@ -3,7 +3,7 @@ export interface ToggleProps {
     checked: boolean;
     onChange: (checked: boolean) => void;
     disabled?: boolean;
-    className?: string;
+    size?: 'sm' | 'md' | 'lg';
 }
-declare const Toggle: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLButtonElement>>;
+declare const Toggle: React.MemoExoticComponent<React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLButtonElement>>>;
 export { Toggle };

package/dist/components/molecules/Modal.d.ts

@@ -1,23 +1,24 @@
 import * as React from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 type ModalVariant = "standard" | "sheet" | "bottom";
-interface ModalContentProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> {
+interface ModalContentProps extends Omit<React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, "className"> {
     variant?: ModalVariant;
+    rounded?: "none" | "sm" | "md" | "lg" | "xl" | "full";
 }
-export declare const KisoModal: {
+export declare const Modal: {
     Root: React.FC<DialogPrimitive.DialogProps>;
     Trigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
     Content: React.ForwardRefExoticComponent<ModalContentProps & React.RefAttributes<HTMLDivElement>>;
     Header: {
-        ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+        ({ ...props }: Omit<React.HTMLAttributes<HTMLDivElement>, "className">): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     Footer: {
-        ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+        ({ ...props }: Omit<React.HTMLAttributes<HTMLDivElement>, "className">): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
-    Title: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
-    Description: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+    Title: React.ForwardRefExoticComponent<Omit<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref">, "className"> & React.RefAttributes<HTMLHeadingElement>>;
+    Description: React.ForwardRefExoticComponent<Omit<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref">, "className"> & React.RefAttributes<HTMLParagraphElement>>;
     Close: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
 };
 export {};

package/dist/components/molecules/Stepper.d.ts

@@ -1,8 +1,7 @@
 import * as React from "react";
-interface KisoStepperProps {
+interface StepperProps {
     currentStep: number;
     steps: string[];
-    className?: string;
 }
-export declare const KisoStepper: React.ForwardRefExoticComponent<KisoStepperProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Stepper: React.MemoExoticComponent<React.ForwardRefExoticComponent<StepperProps & React.RefAttributes<HTMLDivElement>>>;
 export {};

package/dist/components/molecules/Timeline.d.ts

@@ -5,9 +5,8 @@ interface TimelineItem {
     description: string;
     status: 'active' | 'complete' | 'pending';
 }
-interface KisoTimelineProps {
+interface TimelineProps {
     items: TimelineItem[];
-    className?: string;
 }
-export declare const KisoTimeline: React.ForwardRefExoticComponent<KisoTimelineProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Timeline: React.MemoExoticComponent<React.ForwardRefExoticComponent<TimelineProps & React.RefAttributes<HTMLDivElement>>>;
 export {};

package/dist/components/molecules/Toast.d.ts

@@ -1,19 +1,28 @@
 import * as React from "react";
 import * as ToastPrimitives from "@radix-ui/react-toast";
-export type KisoToastVariant = "success" | "error" | "warning" | "info";
-declare const KisoToast: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React.RefAttributes<HTMLLIElement>, "ref"> & {
-    variant?: KisoToastVariant;
-} & React.RefAttributes<HTMLLIElement>>;
-type ToastProps = React.ComponentPropsWithoutRef<typeof KisoToast>;
+export type ToastVariant = "success" | "error" | "warning" | "info";
+declare const radiusClasses: {
+    none: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    full: string;
+};
+declare const Toast: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<Omit<ToastPrimitives.ToastProps & React.RefAttributes<HTMLLIElement>, "ref">, "className"> & {
+    variant?: ToastVariant;
+    rounded?: keyof typeof radiusClasses;
+} & React.RefAttributes<HTMLLIElement>>>;
+type ToastProps = React.ComponentPropsWithoutRef<typeof Toast>;
 interface ToastContextType {
     toast: (props: ToastProps & {
         title?: string;
         description?: string;
-        variant?: KisoToastVariant;
+        variant?: ToastVariant;
     }) => void;
 }
 declare const useToast: () => ToastContextType;
-declare const KisoToaster: ({ children }: {
+declare const Toaster: ({ children }: {
     children: React.ReactNode;
 }) => import("react/jsx-runtime").JSX.Element;
-export { KisoToast, KisoToaster, useToast };
+export { Toast, Toaster, useToast };

package/dist/components/motion/HotSlider.d.ts

@@ -1,10 +1,10 @@
+import * as React from "react";
 interface HotSliderProps {
     min?: number;
     max?: number;
     step?: number;
     value: number;
     onChange: (value: number) => void;
-    className?: string;
 }
-export declare function HotSlider({ min, max, step, value, onChange, className, }: HotSliderProps): import("react/jsx-runtime").JSX.Element;
+export declare const HotSlider: React.MemoExoticComponent<({ min, max, step, value, onChange, }: HotSliderProps) => import("react/jsx-runtime").JSX.Element>;
 export {};

package/dist/components/motion/StaggerText.d.ts

@@ -1,6 +1,13 @@
-interface StaggerTextProps {
+import { VariantProps } from 'class-variance-authority';
+import * as React from "react";
+declare const textVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | null | undefined;
+    weight?: "bold" | "medium" | "normal" | "semibold" | null | undefined;
+    tracking?: "normal" | "tight" | "wide" | null | undefined;
+    color?: "gray" | "green" | "white" | "forest" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+interface StaggerTextProps extends VariantProps<typeof textVariants> {
     text: string;
-    className?: string;
 }
-export declare function StaggerText({ text, className }: StaggerTextProps): import("react/jsx-runtime").JSX.Element;
+export declare const StaggerText: React.MemoExoticComponent<({ text, size, weight, tracking, color }: StaggerTextProps) => import("react/jsx-runtime").JSX.Element>;
 export {};

package/dist/components/motion/ViewTransition.d.ts

@@ -1,8 +1,7 @@
-interface KisoViewTransitionProps {
+interface ViewTransitionProps {
     children: React.ReactNode;
     direction?: "forward" | "backward";
-    className?: string;
     layoutId?: string;
 }
-export declare function KisoViewTransition({ children, direction, className, layoutId }: KisoViewTransitionProps): import("react/jsx-runtime").JSX.Element;
+export declare function ViewTransition({ children, direction, layoutId }: ViewTransitionProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/index.d.ts

@@ -1,11 +1,10 @@
-export { Button as KisoButton, buttonVariants } from './components/atoms/Button';
-export { Input as KisoInput } from './components/atoms/Input';
-export { Toggle as KisoToggle } from './components/atoms/Toggle';
-export { KisoModal } from './components/molecules/Modal';
-export { KisoToast, KisoToaster, KisoToaster as KisoToastProvider, useToast } from './components/molecules/Toast';
-export { KisoStepper } from './components/molecules/Stepper';
-export { KisoTimeline } from './components/molecules/Timeline';
-export { StaggerText as KisoStaggerText } from './components/motion/StaggerText';
-export { HotSlider as KisoHotSlider } from './components/motion/HotSlider';
-export { KisoViewTransition } from './components/motion/ViewTransition';
-export { cn } from './lib/utils';
+export { Button } from './components/atoms/Button';
+export { Input } from './components/atoms/Input';
+export { Toggle } from './components/atoms/Toggle';
+export { Modal } from './components/molecules/Modal';
+export { Toast, Toaster, Toaster as ToastProvider, useToast } from './components/molecules/Toast';
+export { Stepper } from './components/molecules/Stepper';
+export { Timeline } from './components/molecules/Timeline';
+export { StaggerText } from './components/motion/StaggerText';
+export { HotSlider } from './components/motion/HotSlider';
+export { ViewTransition } from './components/motion/ViewTransition';