kku-ui 0.9.953 → 0.9.982

package/lib/es/components/ui/actions/button/KButton.d.ts

@@ -1,14 +1,15 @@
 import { ButtonHTMLAttributes } from 'react';
 import { VariantProps } from 'class-variance-authority';
 declare const buttonVariants: (props?: ({
-    variant?: "default" | "outline" | "primary" | "danger" | "secondary" | "ghost" | "link" | null | undefined;
+    variant?: "default" | "outline" | "primary" | "danger" | "ghost" | "link" | null | undefined;
     size?: "sm" | "md" | "lg" | "icon" | null | undefined;
     width?: "default" | "full" | null | undefined;
 } & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
 type ButtonVariantsProps = VariantProps<typeof buttonVariants>;
+export type KButtonWidthType = ButtonVariantsProps['width'] | number;
 export interface KButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'width'>, Omit<ButtonVariantsProps, 'width'> {
     asChild?: boolean;
-    width?: ButtonVariantsProps['width'] | number;
+    width?: KButtonWidthType;
 }
 declare const KButton: import('react').ForwardRefExoticComponent<KButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
 export { KButton, buttonVariants };

package/lib/es/components/ui/actions/button-group/KButtonGroup.d.ts

@@ -1,9 +1,10 @@
 import { ReactNode } from 'react';
-import { KButtonProps } from '../../..';
+import { KButtonProps, KButtonWidthType } from '../../..';
 export interface KButtonGroupProps extends Pick<KButtonProps, 'variant' | 'size' | 'disabled'> {
     children: ReactNode;
     className?: string;
     vertical?: boolean;
+    width?: KButtonWidthType;
 }
 declare const KButtonGroup: {
     (props: KButtonGroupProps): import("react/jsx-runtime").JSX.Element;

package/lib/es/components/ui/input/index.d.ts

@@ -3,3 +3,4 @@ export * from './textfield/KTextField';
 export * from './select/KSelect';
 export * from './textarea/KTextarea';
 export * from './input-group/KInputGroup';
+export * from './number-stepper/KNumberStepper';

package/lib/es/components/ui/input/input/KInput.d.ts

@@ -1,2 +1,10 @@
-declare const KInput: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
-export { KInput };
+import { ComponentProps } from 'react';
+import { VariantProps } from 'class-variance-authority';
+export type KInputSizeType = 'sm' | 'md' | 'lg';
+declare const inputVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
+export interface KInputProps extends Omit<ComponentProps<"input">, 'size'>, VariantProps<typeof inputVariants> {
+}
+declare const KInput: import('react').ForwardRefExoticComponent<Omit<KInputProps, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
+export { KInput, inputVariants };

package/lib/es/components/ui/input/input-group/KInputGroup.d.ts

@@ -1,16 +1,17 @@
 import { ComponentProps } from 'react';
 import { VariantProps } from 'class-variance-authority';
-import { KButton } from '../../..';
-declare function KInputGroup({ className, ...props }: ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+import { KButton, KInputProps } from '../../..';
+declare const inputGroupVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
+declare const KInputGroup: ({ className, size, ...props }: ComponentProps<'div'> & VariantProps<typeof inputGroupVariants>) => import("react/jsx-runtime").JSX.Element;
 declare const inputGroupAddonVariants: (props?: ({
     align?: "inline-end" | "inline-start" | "block-end" | "block-start" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
 } & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
-declare function InputGroupAddon({ className, align, ...props }: ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): import("react/jsx-runtime").JSX.Element;
-declare const inputGroupButtonVariants: (props?: ({
-    size?: "sm" | "xs" | "icon-xs" | "icon-sm" | null | undefined;
-} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
-declare function InputGroupButton({ className, type, variant, size, ...props }: Omit<ComponentProps<typeof KButton>, "size"> & VariantProps<typeof inputGroupButtonVariants>): import("react/jsx-runtime").JSX.Element;
-declare function InputGroupText({ className, ...props }: ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
-declare function InputGroupInput({ className, ...props }: ComponentProps<'input'>): import("react/jsx-runtime").JSX.Element;
-declare function InputGroupTextarea({ className, ...props }: ComponentProps<"textarea">): import("react/jsx-runtime").JSX.Element;
-export { KInputGroup, InputGroupAddon, InputGroupButton, InputGroupText, InputGroupInput, InputGroupTextarea, };
+declare function InputGroupAddon({ className, align, ...props }: ComponentProps<'div'> & VariantProps<typeof inputGroupAddonVariants>): import("react/jsx-runtime").JSX.Element;
+declare function InputGroupButton({ className, size, variant, ...props }: ComponentProps<typeof KButton>): import("react/jsx-runtime").JSX.Element;
+declare function InputGroupText({ className, ...props }: ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
+declare function InputGroupInput({ className, ...props }: KInputProps): import("react/jsx-runtime").JSX.Element;
+declare function InputGroupTextarea({ className, ...props }: ComponentProps<'textarea'>): import("react/jsx-runtime").JSX.Element;
+export { KInputGroup, InputGroupAddon, InputGroupText, InputGroupButton, InputGroupInput, InputGroupTextarea, };

package/lib/es/components/ui/input/number-stepper/KNumberStepper.d.ts

@@ -0,0 +1,14 @@
+import { CSSProperties } from 'react';
+export interface KNumberStepperProps {
+    value?: number;
+    defaultValue?: number;
+    min?: number;
+    max?: number;
+    step?: number;
+    onChange?: (value: number) => void;
+    className?: string;
+    size?: 'sm' | 'md' | 'lg';
+    style?: CSSProperties;
+}
+declare const KNumberStepper: ({ value: controlledValue, defaultValue, min, max, step, onChange, className, size, style }: KNumberStepperProps) => import("react/jsx-runtime").JSX.Element;
+export { KNumberStepper };

package/lib/es/components/ui/input/textfield/KTextField.d.ts

@@ -1,16 +1,16 @@
 import { ComponentProps } from 'react';
 import { VariantProps } from 'class-variance-authority';
-declare const inputVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | null | undefined;
+import { KInputSizeType } from '../../..';
+declare const textFieldVariants: (props?: ({
     width?: "sm" | "md" | "lg" | "full" | "auto" | "xs" | null | undefined;
 } & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
 export type KValidationRule = (value: string) => boolean | string | Promise<boolean | string>;
-type InputVariantsProps = VariantProps<typeof inputVariants>;
-export interface KTextFieldProps extends Omit<ComponentProps<'input'>, 'size' | 'width'>, Omit<InputVariantsProps, 'width'> {
+export interface KTextFieldProps extends Omit<ComponentProps<'input'>, 'size' | 'width'> {
     label?: string;
     helperText?: string;
     rules?: KValidationRule[];
-    width?: InputVariantsProps['width'] | number;
+    width?: VariantProps<typeof textFieldVariants>['width'] | number;
+    size?: KInputSizeType;
 }
 export interface KTextFieldRefs {
     validate: () => Promise<boolean>;

package/lib/es/components/ui/layout/card/KCard.d.ts

@@ -0,0 +1,8 @@
+import { HTMLAttributes } from 'react';
+declare const KCard: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+declare const KCardHeader: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+declare const KCardTitle: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLHeadingElement> & import('react').RefAttributes<HTMLParagraphElement>>;
+declare const KCardDescription: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLParagraphElement> & import('react').RefAttributes<HTMLParagraphElement>>;
+declare const KCardContent: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+declare const KCardFooter: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+export { KCard, KCardHeader, KCardFooter, KCardTitle, KCardDescription, KCardContent };

package/lib/es/components/ui/layout/index.d.ts

@@ -1,2 +1,3 @@
 export * from './aspect-ratio/KAspectRatio';
 export * from './list-row/KListRow';
+export * from './card/KCard';

package/lib/es/components/ui/layout/list-row/KListRow.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-export type ListGroupWidth = "sm" | "md" | "lg" | "auto" | "full";
+export type ListGroupWidth = 'sm' | 'md' | 'lg' | 'auto' | 'full';
 export interface KListGroupProps {
     children: ReactNode;
     header?: string;
@@ -14,12 +14,23 @@ export interface KListRowProps {
     onClick?: () => void;
     className?: string;
 }
+export interface KListRowAccordionProps {
+    icon?: ReactNode;
+    label: string;
+    children: ReactNode;
+    className?: string;
+    value: string;
+}
+declare const KListGroup: {
+    ({ children, header, footer, width, className }: KListGroupProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 declare const KListRow: {
     ({ icon, label, rightElement, onClick, className, }: KListRowProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-declare const KListGroup: {
-    ({ children, header, footer, width, className }: KListGroupProps): import("react/jsx-runtime").JSX.Element;
+declare const KListRowAccordion: {
+    ({ icon, label, children, className, value }: KListRowAccordionProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-export { KListRow, KListGroup };
+export { KListRow, KListGroup, KListRowAccordion };