kku-ui 0.2.54 → 0.9.9

package/README.md

@@ -19,11 +19,11 @@ kku-ui는 React 기반의 컴포넌트 라이브러리로, 컴포넌트 간 유
 
 | 컴포넌트               | 기능 | 스토리북 | a11y |
 |:-------------------|:----:|:--------:|:----:|
-| `<KButton/>`       | ✅   | ✅       | ✅   |
+| `<KSwitch/>`       | ✅   | ✅       | ✅   |
 | `<KButtonGroup/>`  | ✅   | ✅       | ✅   |
 | `<KToggleButton/>` | ✅   | ✅       | ✅   |
 | `<KSwitch/>`       | ✅   | ✅       | ✅   |
-| `<KTextField/>`    | ✅   | ✅       | ✅   |
+| `<KSelect/>`    | ✅   | ✅       | ✅   |
 | `<KSelect/>`       | ✅   | ✅       | ✅   |
 | `<KAccordion/>`    | ✅   | ✅       | ✅   |
 | `<KMenu/>`         | ✅   | ✅       | ✅   |
@@ -40,14 +40,14 @@ kku-ui는 React 기반의 컴포넌트 라이브러리로, 컴포넌트 간 유
 
 | 컴포넌트                    | 기능 | 스토리북 | a11y |
 |:------------------------|:----:|:--------:|:----:|
-| `<Button/>`            | ✅   | ✅       | ✅   |
+| `<KSwitch/>`            | ✅   | ✅       | ✅   |
 | `<TextField/>`         | ✅  | ✅       | ✅   |
 | `<Switch/>`            | ✅   | ✅       | ✅   |
 | `<Menu/>`              | ✅   | ✅       | ✅   |
 | `<MenuItem/>`          | ✅   | ✅       | ✅   |
-| `<Accordion/>`         | ✅  | ✅       | ✅   |
-| `<Accordion.Summary/>` | ✅  | ✅       | ✅   |
-| `<Accordion.Content/>` | ✅  | ✅       | ✅   |
+| `<KAccordion/>`         | ✅  | ✅       | ✅   |
+| `<KAccordion.Summary/>` | ✅  | ✅       | ✅   |
+| `<KAccordion.Content/>` | ✅  | ✅       | ✅   |
 
 
 ## 📦 Install
@@ -71,11 +71,11 @@ import 'kku-ui/lib/index.css'
 ## 🧑🏻‍💻 Use Examples
 
 ```typescript
-import { KButton } from 'kku-ui'
+import { KSwitch } from 'kku-ui'
 
 export default function Component() {
   return (
-    <KButton label="Hello World!"/>
+    <KSwitch label="Hello World!"/>
   );
 } 
 ```

package/lib/es/common/hooks/index.d.ts

@@ -1,7 +1,3 @@
-export { default as useRipple } from './useRipple/useRipple';
 export { default as useCleanId } from './useCleanId';
 export { default as useClickOutside } from './useClickOutside';
 export { default as useDynamicRefs } from './useDynamicRefs';
-export { default as useDropdownPosition } from './useDropdownPosition';
-export { default as useSafePortalContainer } from './useSafePortalContainer';
-export { default as useEscapeKey } from './useEscapeKey';

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

@@ -1,5 +1,6 @@
-export * from './actions';
-export * from './data-display';
-export * from './feedback';
-export * from './foundations';
-export * from './input';
+export * from './ui/actions';
+export * from './ui/data-display';
+export * from './ui/feedback';
+export * from './ui/input';
+export * from './ui/layout';
+export * from './ui/foundation/icon';

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

@@ -0,0 +1,12 @@
+import { ButtonHTMLAttributes } from 'react';
+import { VariantProps } from 'class-variance-authority';
+declare const buttonVariants: (props?: ({
+    variant?: "default" | "outline" | "primary" | "danger" | "secondary" | "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;
+export interface KButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+}
+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

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

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

@@ -0,0 +1,3 @@
+export * from './button/KButton';
+export * from './button-group/KButtonGroup';
+export * from './switch/KSwitch';

package/lib/es/components/ui/actions/switch/KSwitch.d.ts

@@ -0,0 +1,6 @@
+import { ComponentPropsWithoutRef } from 'react';
+import * as SwitchPrimitives from '@radix-ui/react-switch';
+export interface KSwitchProps extends ComponentPropsWithoutRef<typeof SwitchPrimitives.Root> {
+}
+declare const KSwitch: import('react').ForwardRefExoticComponent<KSwitchProps & import('react').RefAttributes<HTMLButtonElement>>;
+export { KSwitch };

package/lib/es/components/ui/data-display/accordion/KAccordion.d.ts

@@ -0,0 +1,17 @@
+import { ComponentPropsWithoutRef } from 'react';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+export interface KAccordionContextType {
+    size?: 'small' | 'medium';
+}
+export type KAccordionProps = ComponentPropsWithoutRef<typeof AccordionPrimitive.Root> & KAccordionContextType;
+export interface KAccordionItemProps extends ComponentPropsWithoutRef<typeof AccordionPrimitive.Item> {
+}
+export interface KAccordionTriggerProps extends ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger> {
+}
+export interface KAccordionContentProps extends ComponentPropsWithoutRef<typeof AccordionPrimitive.Content> {
+}
+declare const KAccordion: import('react').ForwardRefExoticComponent<KAccordionProps & import('react').RefAttributes<HTMLDivElement>>;
+declare const KAccordionItem: import('react').ForwardRefExoticComponent<KAccordionItemProps & import('react').RefAttributes<HTMLDivElement>>;
+declare const KAccordionTrigger: import('react').ForwardRefExoticComponent<KAccordionTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
+declare const KAccordionContent: import('react').ForwardRefExoticComponent<KAccordionContentProps & import('react').RefAttributes<HTMLDivElement>>;
+export { KAccordion, KAccordionItem, KAccordionTrigger, KAccordionContent };

package/lib/es/components/ui/data-display/bottom-sheet/KBottomSheet.d.ts

@@ -0,0 +1,39 @@
+import { ComponentPropsWithoutRef, HTMLAttributes } from 'react';
+import { Drawer as DrawerPrimitive } from 'vaul';
+export interface KBottomSheetContextType {
+    size?: 'sm' | 'md';
+    opacity?: number;
+    blur?: number;
+}
+export type KBottomSheetProps = ComponentPropsWithoutRef<typeof DrawerPrimitive.Root> & KBottomSheetContextType;
+export type KBottomSheetTriggerProps = ComponentPropsWithoutRef<typeof DrawerPrimitive.Trigger>;
+export type KBottomSheetPortalProps = ComponentPropsWithoutRef<typeof DrawerPrimitive.Portal>;
+export type KBottomSheetCloseProps = ComponentPropsWithoutRef<typeof DrawerPrimitive.Close>;
+export type KBottomSheetOverlayProps = ComponentPropsWithoutRef<typeof DrawerPrimitive.Overlay>;
+export type KBottomSheetContentProps = ComponentPropsWithoutRef<typeof DrawerPrimitive.Content>;
+export interface KBottomSheetHeaderProps extends HTMLAttributes<HTMLDivElement> {
+}
+export interface KBottomSheetFooterProps extends HTMLAttributes<HTMLDivElement> {
+}
+export type KBottomSheetTitleProps = ComponentPropsWithoutRef<typeof DrawerPrimitive.Title>;
+export type KBottomSheetDescriptionProps = ComponentPropsWithoutRef<typeof DrawerPrimitive.Description>;
+declare const KBottomSheet: {
+    ({ size, opacity, blur, shouldScaleBackground, ...props }: KBottomSheetProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const KBottomSheetTrigger: import('react').ForwardRefExoticComponent<import('@radix-ui/react-dialog').DialogTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
+declare const KBottomSheetPortal: typeof import('vaul').Portal;
+declare const KBottomSheetClose: import('react').ForwardRefExoticComponent<import('@radix-ui/react-dialog').DialogCloseProps & import('react').RefAttributes<HTMLButtonElement>>;
+declare const KBottomSheetOverlay: import('react').ForwardRefExoticComponent<Omit<Omit<import('@radix-ui/react-dialog').DialogOverlayProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+declare const KBottomSheetContent: import('react').ForwardRefExoticComponent<Omit<Omit<import('@radix-ui/react-dialog').DialogContentProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+declare const KBottomSheetHeader: {
+    ({ className, ...props }: KBottomSheetHeaderProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const KBottomSheetFooter: {
+    ({ className, ...props }: KBottomSheetFooterProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const KBottomSheetTitle: import('react').ForwardRefExoticComponent<Omit<import('@radix-ui/react-dialog').DialogTitleProps & import('react').RefAttributes<HTMLHeadingElement>, "ref"> & import('react').RefAttributes<HTMLHeadingElement>>;
+declare const KBottomSheetDescription: import('react').ForwardRefExoticComponent<Omit<import('@radix-ui/react-dialog').DialogDescriptionProps & import('react').RefAttributes<HTMLParagraphElement>, "ref"> & import('react').RefAttributes<HTMLParagraphElement>>;
+export { KBottomSheet, KBottomSheetPortal, KBottomSheetOverlay, KBottomSheetTrigger, KBottomSheetClose, KBottomSheetContent, KBottomSheetHeader, KBottomSheetFooter, KBottomSheetTitle, KBottomSheetDescription, };

package/lib/es/components/ui/data-display/dropdown-menu/KDropdownMenu.d.ts

@@ -0,0 +1,55 @@
+import { ComponentPropsWithoutRef, HTMLAttributes } from 'react';
+import * as KDropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+export interface KDropdownContextType {
+    size?: 'sm' | 'md';
+}
+export type KDropdownMenuProps = ComponentPropsWithoutRef<typeof KDropdownMenuPrimitive.Root> & KDropdownContextType;
+export type KDropdownMenuTriggerProps = ComponentPropsWithoutRef<typeof KDropdownMenuPrimitive.Trigger>;
+export type KDropdownMenuPortalProps = ComponentPropsWithoutRef<typeof KDropdownMenuPrimitive.Portal>;
+export type KDropdownMenuSubProps = ComponentPropsWithoutRef<typeof KDropdownMenuPrimitive.Sub>;
+export type KDropdownMenuSubTriggerProps = ComponentPropsWithoutRef<typeof KDropdownMenuPrimitive.SubTrigger> & {
+    inset?: boolean;
+};
+export type KDropdownMenuSubContentProps = ComponentPropsWithoutRef<typeof KDropdownMenuPrimitive.SubContent>;
+export type KDropdownMenuContentProps = ComponentPropsWithoutRef<typeof KDropdownMenuPrimitive.Content>;
+export type KDropdownMenuItemProps = ComponentPropsWithoutRef<typeof KDropdownMenuPrimitive.Item> & {
+    inset?: boolean;
+};
+export type KDropdownMenuCheckboxItemProps = ComponentPropsWithoutRef<typeof KDropdownMenuPrimitive.CheckboxItem>;
+export type KDropdownMenuRadioGroupProps = ComponentPropsWithoutRef<typeof KDropdownMenuPrimitive.RadioGroup>;
+export type KDropdownMenuRadioItemProps = ComponentPropsWithoutRef<typeof KDropdownMenuPrimitive.RadioItem>;
+export type KDropdownMenuLabelProps = ComponentPropsWithoutRef<typeof KDropdownMenuPrimitive.Label> & {
+    inset?: boolean;
+};
+export type KDropdownMenuSeparatorProps = ComponentPropsWithoutRef<typeof KDropdownMenuPrimitive.Separator>;
+export interface KDropdownMenuShortcutProps extends HTMLAttributes<HTMLSpanElement> {
+}
+export type KDropdownMenuGroupProps = ComponentPropsWithoutRef<typeof KDropdownMenuPrimitive.Group>;
+declare const KDropdownMenu: {
+    ({ size, ...props }: KDropdownMenuProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const KDropdownMenuTrigger: import('react').ForwardRefExoticComponent<KDropdownMenuPrimitive.DropdownMenuTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
+declare const KDropdownMenuGroup: import('react').ForwardRefExoticComponent<KDropdownMenuPrimitive.DropdownMenuGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+declare const KDropdownMenuPortal: import('react').FC<KDropdownMenuPrimitive.DropdownMenuPortalProps>;
+declare const KDropdownMenuSub: import('react').FC<KDropdownMenuPrimitive.DropdownMenuSubProps>;
+declare const KDropdownMenuRadioGroup: import('react').ForwardRefExoticComponent<KDropdownMenuPrimitive.DropdownMenuRadioGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+declare const KDropdownMenuSubTrigger: import('react').ForwardRefExoticComponent<Omit<KDropdownMenuPrimitive.DropdownMenuSubTriggerProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean | undefined;
+} & import('react').RefAttributes<HTMLDivElement>>;
+declare const KDropdownMenuSubContent: import('react').ForwardRefExoticComponent<Omit<KDropdownMenuPrimitive.DropdownMenuSubContentProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+declare const KDropdownMenuContent: import('react').ForwardRefExoticComponent<Omit<KDropdownMenuPrimitive.DropdownMenuContentProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+declare const KDropdownMenuItem: import('react').ForwardRefExoticComponent<Omit<KDropdownMenuPrimitive.DropdownMenuItemProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean | undefined;
+} & import('react').RefAttributes<HTMLDivElement>>;
+declare const KDropdownMenuCheckboxItem: import('react').ForwardRefExoticComponent<Omit<KDropdownMenuPrimitive.DropdownMenuCheckboxItemProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+declare const KDropdownMenuRadioItem: import('react').ForwardRefExoticComponent<Omit<KDropdownMenuPrimitive.DropdownMenuRadioItemProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+declare const KDropdownMenuLabel: import('react').ForwardRefExoticComponent<Omit<KDropdownMenuPrimitive.DropdownMenuLabelProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean | undefined;
+} & import('react').RefAttributes<HTMLDivElement>>;
+declare const KDropdownMenuSeparator: import('react').ForwardRefExoticComponent<Omit<KDropdownMenuPrimitive.DropdownMenuSeparatorProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+declare const KDropdownMenuShortcut: {
+    ({ className, ...props }: KDropdownMenuShortcutProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { KDropdownMenu, KDropdownMenuTrigger, KDropdownMenuContent, KDropdownMenuItem, KDropdownMenuCheckboxItem, KDropdownMenuRadioItem, KDropdownMenuLabel, KDropdownMenuSeparator, KDropdownMenuShortcut, KDropdownMenuGroup, KDropdownMenuPortal, KDropdownMenuSub, KDropdownMenuSubContent, KDropdownMenuSubTrigger, KDropdownMenuRadioGroup, };

package/lib/es/components/ui/data-display/index.d.ts

@@ -0,0 +1,3 @@
+export * from './accordion/KAccordion';
+export * from './dropdown-menu/KDropdownMenu';
+export * from './bottom-sheet/KBottomSheet';

package/lib/es/components/ui/feedback/dialog/KDialog.d.ts

@@ -0,0 +1,39 @@
+import { ComponentPropsWithoutRef, HTMLAttributes } from 'react';
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+export interface KDialogContextType {
+    size?: 'sm' | 'md';
+    opacity?: number;
+    blur?: number;
+}
+export type KDialogProps = ComponentPropsWithoutRef<typeof DialogPrimitive.Root> & KDialogContextType;
+export type KDialogTriggerProps = ComponentPropsWithoutRef<typeof DialogPrimitive.Trigger>;
+export type KDialogPortalProps = ComponentPropsWithoutRef<typeof DialogPrimitive.Portal>;
+export type KDialogCloseProps = ComponentPropsWithoutRef<typeof DialogPrimitive.Close>;
+export type KDialogOverlayProps = ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>;
+export type KDialogContentProps = ComponentPropsWithoutRef<typeof DialogPrimitive.Content>;
+export type KDialogTitleProps = ComponentPropsWithoutRef<typeof DialogPrimitive.Title>;
+export type KDialogDescriptionProps = ComponentPropsWithoutRef<typeof DialogPrimitive.Description>;
+export interface KDialogHeaderProps extends HTMLAttributes<HTMLDivElement> {
+}
+export interface KDialogFooterProps extends HTMLAttributes<HTMLDivElement> {
+}
+declare const KDialog: {
+    ({ size, opacity, blur, ...props }: KDialogProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const KDialogTrigger: import('react').ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
+declare const KDialogPortal: import('react').FC<DialogPrimitive.DialogPortalProps>;
+declare const KDialogClose: import('react').ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & import('react').RefAttributes<HTMLButtonElement>>;
+declare const KDialogOverlay: import('react').ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+declare const KDialogContent: import('react').ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+declare const KDialogHeader: {
+    ({ className, ...props }: KDialogHeaderProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const KDialogFooter: {
+    ({ className, ...props }: KDialogFooterProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const KDialogTitle: import('react').ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & import('react').RefAttributes<HTMLHeadingElement>, "ref"> & import('react').RefAttributes<HTMLHeadingElement>>;
+declare const KDialogDescription: import('react').ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & import('react').RefAttributes<HTMLParagraphElement>, "ref"> & import('react').RefAttributes<HTMLParagraphElement>>;
+export { KDialog, KDialogPortal, KDialogOverlay, KDialogTrigger, KDialogClose, KDialogContent, KDialogHeader, KDialogFooter, KDialogTitle, KDialogDescription, };

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

@@ -0,0 +1,5 @@
+export * from './dialog/KDialog';
+export * from './skeleton/KSkeleton';
+export * from './popover/KPopover';
+export * from './toast/KToast';
+export * from './spinner/KSpinner';

package/lib/es/components/ui/feedback/popover/KPopover.d.ts

@@ -0,0 +1,15 @@
+import { ComponentPropsWithoutRef } from 'react';
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+export interface KPopoverProps extends ComponentPropsWithoutRef<typeof PopoverPrimitive.Root> {
+}
+export interface KPopoverTriggerProps extends ComponentPropsWithoutRef<typeof PopoverPrimitive.Trigger> {
+}
+export interface KPopoverAnchorProps extends ComponentPropsWithoutRef<typeof PopoverPrimitive.Anchor> {
+}
+export interface KPopoverContentProps extends ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> {
+}
+declare const KPopover: import('react').FC<PopoverPrimitive.PopoverProps>;
+declare const KPopoverTrigger: import('react').ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
+declare const KPopoverAnchor: import('react').ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & import('react').RefAttributes<HTMLDivElement>>;
+declare const KPopoverContent: import('react').ForwardRefExoticComponent<KPopoverContentProps & import('react').RefAttributes<HTMLDivElement>>;
+export { KPopover, KPopoverTrigger, KPopoverContent, KPopoverAnchor };

package/lib/es/components/ui/feedback/skeleton/KSkeleton.d.ts

@@ -0,0 +1,9 @@
+import { HTMLAttributes } from 'react';
+export interface KSkeletonProps extends HTMLAttributes<HTMLDivElement> {
+    circle?: boolean;
+}
+declare const KSkeleton: {
+    ({ className, circle, ...restProps }: KSkeletonProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { KSkeleton };

package/lib/es/components/ui/feedback/spinner/KSpinner.d.ts

@@ -0,0 +1,6 @@
+import { LucideProps } from 'lucide-react';
+export interface KSpinnerProps extends LucideProps {
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+}
+declare const KSpinner: import('react').ForwardRefExoticComponent<Omit<KSpinnerProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export { KSpinner };

package/lib/es/components/ui/feedback/toast/KToast.d.ts

@@ -0,0 +1,10 @@
+import { toast, Toaster as Sonner } from 'sonner';
+import { ComponentProps } from 'react';
+export interface KToasterProps extends ComponentProps<typeof Sonner> {
+    size?: 'sm' | 'md' | 'lg' | 'full';
+}
+declare const KToast: {
+    ({ size, position, ...props }: KToasterProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { KToast, toast as kToast };

package/lib/es/components/ui/foundation/icon/KIcon.d.ts

@@ -0,0 +1,19 @@
+import { ComponentPropsWithoutRef } from 'react';
+export declare const ICON_SIZES: readonly ["xsmall", "small", "medium", "large", "xlarge"];
+export type KIconSize = (typeof ICON_SIZES)[number];
+export interface KIconRefs {
+    click: () => void;
+}
+export type KIconProps = ComponentPropsWithoutRef<'span'> & {
+    icon: string;
+    size?: KIconSize | number;
+    disabled?: boolean;
+    color?: string;
+};
+declare const KIcon: import('react').NamedExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    icon: string;
+    size?: number | "small" | "medium" | "large" | "xsmall" | "xlarge" | undefined;
+    disabled?: boolean | undefined;
+    color?: string | undefined;
+} & import('react').RefAttributes<KIconRefs>>;
+export { KIcon };

package/lib/es/components/ui/foundation/icon/index.d.ts

@@ -0,0 +1 @@
+export * from './KIcon';

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

@@ -0,0 +1,2 @@
+export * from './textfield/KTextField';
+export * from './select/KSelect';

package/lib/es/components/ui/input/select/KSelect.d.ts

@@ -0,0 +1,38 @@
+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;
+    width?: "sm" | "md" | "lg" | "full" | "auto" | "xs" | null | undefined;
+} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
+export type KSelectValue = string;
+export type KSelectOption = {
+    label: string;
+    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;
+    options: KSelectOption[];
+    helperText?: string;
+    rules?: KSelectRule<KSelectValue>[];
+    placeholder?: string;
+    className?: string;
+    id?: string;
+    required?: boolean;
+    onChange?: (value: KSelectValue) => void;
+}
+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

@@ -0,0 +1,19 @@
+import { ComponentProps } from 'react';
+import { VariantProps } from 'class-variance-authority';
+declare const inputVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+    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> {
+    label?: string;
+    helperText?: string;
+    rules?: KValidationRule[];
+}
+export interface KTextFieldRefs {
+    validate: () => Promise<boolean>;
+    reset: () => void;
+    value: string;
+}
+declare const KTextField: import('react').ForwardRefExoticComponent<Omit<KTextFieldProps, "ref"> & import('react').RefAttributes<KTextFieldRefs>>;
+export { KTextField };

package/lib/es/components/ui/layout/aspect-ratio/KAspectRatio.d.ts

@@ -0,0 +1,6 @@
+import { HTMLAttributes } from 'react';
+export interface KAspectRatioProps extends HTMLAttributes<HTMLDivElement> {
+    ratio?: number;
+}
+declare const KAspectRatio: import('react').NamedExoticComponent<KAspectRatioProps & import('react').RefAttributes<HTMLDivElement>>;
+export { KAspectRatio };

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

@@ -0,0 +1 @@
+export * from './aspect-ratio/KAspectRatio';

package/lib/es/index.d.ts

@@ -1,2 +1 @@
 export * from './components';
-export * from './core';

package/lib/es/lib/utils.d.ts

@@ -0,0 +1,2 @@
+import { ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;

package/lib/hooks.js

@@ -0,0 +1,39 @@
+import { useId as i, useMemo as o, useEffect as d, useRef as c, useCallback as a } from "react";
+function m(e) {
+  const n = i().replace(/[^a-zA-Z0-9-_]/g, "");
+  return o(() => `${e}-${n}`, [n, e]);
+}
+function w(e, n, t) {
+  d(() => {
+    const r = (u) => {
+      if (e.current && !e.current.contains(u.target)) {
+        if (!t) {
+          n();
+          return;
+        }
+        t.current && !t.current.contains(u.target) && n();
+      }
+    };
+    return setTimeout(() => {
+      window.addEventListener("mousedown", r);
+    }, 0), () => {
+      window.removeEventListener("mousedown", r);
+    };
+  }, [e]);
+}
+function l() {
+  const e = c([]), n = c([]), t = a((r) => (u) => {
+    const s = n.current.indexOf(r);
+    if (s !== -1) {
+      e.current[s] = u;
+      return;
+    }
+    n.current.push(r), e.current.push(u);
+  }, []);
+  return { refs: e.current, handleRef: t };
+}
+export {
+  m as useCleanId,
+  w as useClickOutside,
+  l as useDynamicRefs
+};