kku-ui 0.9.94 → 0.9.96

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,6 +1,6 @@
 import { ComponentProps } from 'react';
 import { VariantProps } from 'class-variance-authority';
-import { KButton } from '../../..';
+import { KButton, KInputProps } from '../../..';
 declare function KInputGroup({ className, ...props }: ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 declare const inputGroupAddonVariants: (props?: ({
     align?: "inline-end" | "inline-start" | "block-end" | "block-start" | null | undefined;
@@ -11,6 +11,6 @@ declare const inputGroupButtonVariants: (props?: ({
 } & 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 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, InputGroupButton, InputGroupText, 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/select/KSelect.d.ts

@@ -2,7 +2,7 @@ import { ComponentPropsWithoutRef } from 'react';
 import { VariantProps } from 'class-variance-authority';
 import * as SelectPrimitive from '@radix-ui/react-select';
 declare const selectVariants: (props?: ({
-    size?: "default" | "sm" | "lg" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
     width?: "sm" | "md" | "lg" | "full" | "auto" | "xs" | null | undefined;
 } & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
 export type KSelectValue = string;
@@ -11,28 +11,18 @@ export type KSelectOption = {
     value: KSelectValue;
     disabled?: boolean;
 };
-export type KSelectRule<T = KSelectValue> = (value: T) => boolean | string | Promise<boolean | string>;
-export interface KSelectProps extends Omit<ComponentPropsWithoutRef<typeof SelectPrimitive.Root>, 'onValueChange'>, VariantProps<typeof selectVariants> {
-    label?: string;
+export interface KSelectProps extends Omit<ComponentPropsWithoutRef<typeof SelectPrimitive.Root>, 'onValueChange'>, Omit<VariantProps<typeof selectVariants>, 'width'> {
     options: KSelectOption[];
-    helperText?: string;
-    rules?: KSelectRule<KSelectValue>[];
+    selectLabel?: string;
     placeholder?: string;
     className?: string;
     id?: string;
-    required?: boolean;
     onChange?: (value: KSelectValue) => void;
+    error?: boolean;
+    width?: VariantProps<typeof selectVariants>['width'] | number;
 }
 export interface KSelectRefs {
-    validate: () => Promise<boolean>;
-    reset: () => void;
     value: KSelectValue | undefined;
 }
-export interface KSelectTriggerProps extends ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger> {
-}
-export interface KSelectContentProps extends ComponentPropsWithoutRef<typeof SelectPrimitive.Content> {
-}
-export interface KSelectItemProps extends ComponentPropsWithoutRef<typeof SelectPrimitive.Item> {
-}
 declare const KSelect: import('react').ForwardRefExoticComponent<KSelectProps & import('react').RefAttributes<KSelectRefs>>;
 export { KSelect };

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

@@ -1,14 +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>;
-export interface KTextFieldProps extends Omit<ComponentProps<'input'>, 'size' | 'width'>, VariantProps<typeof inputVariants> {
+export interface KTextFieldProps extends Omit<ComponentProps<'input'>, 'size' | 'width'> {
     label?: string;
     helperText?: string;
     rules?: KValidationRule[];
+    width?: VariantProps<typeof textFieldVariants>['width'] | number;
+    size?: KInputSizeType;
 }
 export interface KTextFieldRefs {
     validate: () => Promise<boolean>;

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

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

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

@@ -0,0 +1,36 @@
+import { ReactNode } from 'react';
+export type ListGroupWidth = 'sm' | 'md' | 'lg' | 'auto' | 'full';
+export interface KListGroupProps {
+    children: ReactNode;
+    header?: string;
+    footer?: string;
+    width?: ListGroupWidth;
+    className?: string;
+}
+export interface KListRowProps {
+    icon?: ReactNode;
+    label: string;
+    rightElement?: ReactNode;
+    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 KListRowAccordion: {
+    ({ icon, label, children, className, value }: KListRowAccordionProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { KListRow, KListGroup, KListRowAccordion };