kku-ui 0.9.995 → 0.9.997

package/lib/es/chunks/useStableId-CvSXOC4i.js

@@ -0,0 +1,8 @@
+import { useId as o } from "react";
+function u(t) {
+  const e = o();
+  return t ? `${t}-${e}` : e;
+}
+export {
+  u
+};

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

@@ -1,3 +1,3 @@
-export { default as useCleanId } from './useCleanId';
 export { default as useClickOutside } from './useClickOutside';
 export { default as useDynamicRefs } from './useDynamicRefs';
+export { default as useStableId } from './useStableId';

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

@@ -0,0 +1 @@
+export default function useStableId(prefix?: string): string;

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

@@ -7,9 +7,10 @@ declare const buttonVariants: (props?: ({
 } & 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'> {
+export interface KButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'width' | 'ref'>, Omit<ButtonVariantsProps, 'width'> {
     asChild?: boolean;
     width?: KButtonWidthType;
+    ref?: React.Ref<HTMLButtonElement>;
 }
-declare const KButton: import('react').ForwardRefExoticComponent<KButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
+declare const KButton: (props: KButtonProps) => import("react/jsx-runtime").JSX.Element;
 export { KButton, buttonVariants };

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

@@ -1,6 +1,4 @@
-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 type KSwitchProps = React.ComponentPropsWithRef<typeof SwitchPrimitives.Root>;
+declare const KSwitch: (props: KSwitchProps) => import("react/jsx-runtime").JSX.Element;
 export { KSwitch };

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

@@ -1,17 +1,14 @@
-import { ComponentPropsWithoutRef } from 'react';
+import { ComponentPropsWithRef } from 'react';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 export interface KAccordionContextType {
     size?: 'sm' | 'md';
 }
-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 type KAccordionProps = ComponentPropsWithRef<typeof AccordionPrimitive.Root> & KAccordionContextType;
+export type KAccordionItemProps = ComponentPropsWithRef<typeof AccordionPrimitive.Item>;
+export type KAccordionTriggerProps = ComponentPropsWithRef<typeof AccordionPrimitive.Trigger>;
+export type KAccordionContentProps = ComponentPropsWithRef<typeof AccordionPrimitive.Content>;
+declare const KAccordion: (props: KAccordionProps) => import("react/jsx-runtime").JSX.Element;
+declare const KAccordionItem: (props: KAccordionItemProps) => import("react/jsx-runtime").JSX.Element;
+declare const KAccordionTrigger: (props: KAccordionTriggerProps) => import("react/jsx-runtime").JSX.Element;
+declare const KAccordionContent: (props: KAccordionContentProps) => import("react/jsx-runtime").JSX.Element;
 export { KAccordion, KAccordionItem, KAccordionTrigger, KAccordionContent };

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

@@ -1,39 +1,30 @@
-import { ComponentPropsWithoutRef, HTMLAttributes } from 'react';
+import { 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 type KBottomSheetProps = React.ComponentPropsWithRef<typeof DrawerPrimitive.Root> & KBottomSheetContextType;
+export type KBottomSheetTriggerProps = React.ComponentPropsWithRef<typeof DrawerPrimitive.Trigger>;
+export type KBottomSheetPortalProps = React.ComponentPropsWithRef<typeof DrawerPrimitive.Portal>;
+export type KBottomSheetCloseProps = React.ComponentPropsWithRef<typeof DrawerPrimitive.Close>;
+export type KBottomSheetOverlayProps = React.ComponentPropsWithRef<typeof DrawerPrimitive.Overlay>;
+export type KBottomSheetContentProps = React.ComponentPropsWithRef<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;
-};
+export type KBottomSheetTitleProps = React.ComponentPropsWithRef<typeof DrawerPrimitive.Title>;
+export type KBottomSheetDescriptionProps = React.ComponentPropsWithRef<typeof DrawerPrimitive.Description>;
+declare const KBottomSheet: ({ size, opacity, blur, shouldScaleBackground, ...props }: KBottomSheetProps) => import("react/jsx-runtime").JSX.Element;
 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>>;
+declare const KBottomSheetOverlay: ({ className, style, ref, ...props }: KBottomSheetOverlayProps) => import("react/jsx-runtime").JSX.Element;
+declare const KBottomSheetContent: ({ className, children, ref, ...props }: KBottomSheetContentProps) => import("react/jsx-runtime").JSX.Element;
+declare const KBottomSheetHeader: ({ className, ...props }: KBottomSheetHeaderProps) => import("react/jsx-runtime").JSX.Element;
+declare const KBottomSheetFooter: ({ className, ...props }: KBottomSheetFooterProps) => import("react/jsx-runtime").JSX.Element;
+declare const KBottomSheetTitle: ({ className, ref, ...props }: KBottomSheetTitleProps) => import("react/jsx-runtime").JSX.Element;
+declare const KBottomSheetDescription: ({ className, ref, ...props }: KBottomSheetDescriptionProps) => import("react/jsx-runtime").JSX.Element;
 export { KBottomSheet, KBottomSheetPortal, KBottomSheetOverlay, KBottomSheetTrigger, KBottomSheetClose, KBottomSheetContent, KBottomSheetHeader, KBottomSheetFooter, KBottomSheetTitle, KBottomSheetDescription, };

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

@@ -1,55 +1,43 @@
-import { ComponentPropsWithoutRef, HTMLAttributes } from 'react';
-import * as KDropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import { 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> & {
+export type KDropdownMenuProps = React.ComponentPropsWithRef<typeof KDropdownMenuPrimitive.Root> & KDropdownContextType;
+export type KDropdownMenuTriggerProps = React.ComponentPropsWithRef<typeof KDropdownMenuPrimitive.Trigger>;
+export type KDropdownMenuPortalProps = React.ComponentPropsWithRef<typeof KDropdownMenuPrimitive.Portal>;
+export type KDropdownMenuSubProps = React.ComponentPropsWithRef<typeof KDropdownMenuPrimitive.Sub>;
+export type KDropdownMenuSubTriggerProps = React.ComponentPropsWithRef<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> & {
+export type KDropdownMenuSubContentProps = React.ComponentPropsWithRef<typeof KDropdownMenuPrimitive.SubContent>;
+export type KDropdownMenuContentProps = React.ComponentPropsWithRef<typeof KDropdownMenuPrimitive.Content>;
+export type KDropdownMenuItemProps = React.ComponentPropsWithRef<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> & {
+export type KDropdownMenuCheckboxItemProps = React.ComponentPropsWithRef<typeof KDropdownMenuPrimitive.CheckboxItem>;
+export type KDropdownMenuRadioGroupProps = React.ComponentPropsWithRef<typeof KDropdownMenuPrimitive.RadioGroup>;
+export type KDropdownMenuRadioItemProps = React.ComponentPropsWithRef<typeof KDropdownMenuPrimitive.RadioItem>;
+export type KDropdownMenuLabelProps = React.ComponentPropsWithRef<typeof KDropdownMenuPrimitive.Label> & {
     inset?: boolean;
 };
-export type KDropdownMenuSeparatorProps = ComponentPropsWithoutRef<typeof KDropdownMenuPrimitive.Separator>;
+export type KDropdownMenuSeparatorProps = React.ComponentPropsWithRef<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<Omit<KDropdownMenuPrimitive.DropdownMenuTriggerProps & import('react').RefAttributes<HTMLButtonElement>, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
-declare const KDropdownMenuGroup: import('react').ForwardRefExoticComponent<Omit<KDropdownMenuPrimitive.DropdownMenuGroupProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const KDropdownMenuRadioGroup: import('react').ForwardRefExoticComponent<Omit<KDropdownMenuPrimitive.DropdownMenuRadioGroupProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export type KDropdownMenuGroupProps = React.ComponentPropsWithRef<typeof KDropdownMenuPrimitive.Group>;
+declare const KDropdownMenu: ({ size, ...props }: KDropdownMenuProps) => import("react/jsx-runtime").JSX.Element;
+declare const KDropdownMenuTrigger: ({ id, className, ref, ...props }: KDropdownMenuTriggerProps) => import("react/jsx-runtime").JSX.Element;
+declare const KDropdownMenuGroup: ({ className, ref, ...props }: KDropdownMenuGroupProps) => import("react/jsx-runtime").JSX.Element;
+declare const KDropdownMenuRadioGroup: ({ className, ref, ...props }: KDropdownMenuRadioGroupProps) => import("react/jsx-runtime").JSX.Element;
 declare const KDropdownMenuPortal: import('react').FC<KDropdownMenuPrimitive.DropdownMenuPortalProps>;
 declare const KDropdownMenuSub: import('react').FC<KDropdownMenuPrimitive.DropdownMenuSubProps>;
-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;
-};
+declare const KDropdownMenuSubTrigger: ({ className, inset, children, ref, ...props }: KDropdownMenuSubTriggerProps) => import("react/jsx-runtime").JSX.Element;
+declare const KDropdownMenuSubContent: ({ className, ref, ...props }: KDropdownMenuSubContentProps) => import("react/jsx-runtime").JSX.Element;
+declare const KDropdownMenuContent: ({ className, sideOffset, ref, ...props }: KDropdownMenuContentProps) => import("react/jsx-runtime").JSX.Element;
+declare const KDropdownMenuItem: ({ className, inset, ref, ...props }: KDropdownMenuItemProps) => import("react/jsx-runtime").JSX.Element;
+declare const KDropdownMenuCheckboxItem: ({ className, children, checked, ref, ...props }: KDropdownMenuCheckboxItemProps) => import("react/jsx-runtime").JSX.Element;
+declare const KDropdownMenuRadioItem: ({ className, children, ref, ...props }: KDropdownMenuRadioItemProps) => import("react/jsx-runtime").JSX.Element;
+declare const KDropdownMenuLabel: ({ className, inset, ref, ...props }: KDropdownMenuLabelProps) => import("react/jsx-runtime").JSX.Element;
+declare const KDropdownMenuSeparator: ({ className, ref, ...props }: KDropdownMenuSeparatorProps) => import("react/jsx-runtime").JSX.Element;
+declare const KDropdownMenuShortcut: ({ className, ...props }: KDropdownMenuShortcutProps) => import("react/jsx-runtime").JSX.Element;
 export { KDropdownMenu, KDropdownMenuTrigger, KDropdownMenuContent, KDropdownMenuItem, KDropdownMenuCheckboxItem, KDropdownMenuRadioItem, KDropdownMenuLabel, KDropdownMenuSeparator, KDropdownMenuShortcut, KDropdownMenuGroup, KDropdownMenuPortal, KDropdownMenuSub, KDropdownMenuSubContent, KDropdownMenuSubTrigger, KDropdownMenuRadioGroup, };

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

@@ -1,39 +1,30 @@
-import { ComponentPropsWithoutRef, HTMLAttributes } from 'react';
+import { 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 type KDialogProps = React.ComponentPropsWithRef<typeof DialogPrimitive.Root> & KDialogContextType;
+export type KDialogTriggerProps = React.ComponentPropsWithRef<typeof DialogPrimitive.Trigger>;
+export type KDialogPortalProps = React.ComponentPropsWithRef<typeof DialogPrimitive.Portal>;
+export type KDialogCloseProps = React.ComponentPropsWithRef<typeof DialogPrimitive.Close>;
+export type KDialogOverlayProps = React.ComponentPropsWithRef<typeof DialogPrimitive.Overlay>;
+export type KDialogContentProps = React.ComponentPropsWithRef<typeof DialogPrimitive.Content>;
+export type KDialogTitleProps = React.ComponentPropsWithRef<typeof DialogPrimitive.Title>;
+export type KDialogDescriptionProps = React.ComponentPropsWithRef<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 KDialog: ({ size, opacity, blur, ...props }: KDialogProps) => import("react/jsx-runtime").JSX.Element;
 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>>;
+declare const KDialogOverlay: ({ className, style, ref, ...props }: KDialogOverlayProps) => import("react/jsx-runtime").JSX.Element;
+declare const KDialogContent: ({ className, children, ref, ...props }: KDialogContentProps) => import("react/jsx-runtime").JSX.Element;
+declare const KDialogHeader: ({ className, ...props }: KDialogHeaderProps) => import("react/jsx-runtime").JSX.Element;
+declare const KDialogFooter: ({ className, ...props }: KDialogFooterProps) => import("react/jsx-runtime").JSX.Element;
+declare const KDialogTitle: ({ className, ref, ...props }: KDialogTitleProps) => import("react/jsx-runtime").JSX.Element;
+declare const KDialogDescription: ({ className, ref, ...props }: KDialogDescriptionProps) => import("react/jsx-runtime").JSX.Element;
 export { KDialog, KDialogPortal, KDialogOverlay, KDialogTrigger, KDialogClose, KDialogContent, KDialogHeader, KDialogFooter, KDialogTitle, KDialogDescription, };

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

@@ -1,15 +1,10 @@
-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> {
-}
+export type KPopoverProps = React.ComponentPropsWithRef<typeof PopoverPrimitive.Root>;
+export type KPopoverTriggerProps = React.ComponentPropsWithRef<typeof PopoverPrimitive.Trigger>;
+export type KPopoverAnchorProps = React.ComponentPropsWithRef<typeof PopoverPrimitive.Anchor>;
+export type KPopoverContentProps = React.ComponentPropsWithRef<typeof PopoverPrimitive.Content>;
 declare const KPopover: import('react').FC<PopoverPrimitive.PopoverProps>;
 declare const KPopoverAnchor: import('react').ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & import('react').RefAttributes<HTMLDivElement>>;
-declare const KPopoverTrigger: import('react').ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverTriggerProps & import('react').RefAttributes<HTMLButtonElement>, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
-declare const KPopoverContent: import('react').ForwardRefExoticComponent<KPopoverContentProps & import('react').RefAttributes<HTMLDivElement>>;
+declare const KPopoverTrigger: ({ className, ref, ...props }: KPopoverTriggerProps) => import("react/jsx-runtime").JSX.Element;
+declare const KPopoverContent: ({ className, align, side, sideOffset, ref, ...props }: KPopoverContentProps) => import("react/jsx-runtime").JSX.Element;
 export { KPopover, KPopoverTrigger, KPopoverContent, KPopoverAnchor };

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

@@ -1,6 +1,8 @@
 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 type KSpinnerSize = 'sm' | 'md' | 'lg' | 'xl';
+export type KSpinnerProps = LucideProps & {
+    size?: KSpinnerSize;
+    ref?: React.Ref<SVGSVGElement>;
+};
+declare const KSpinner: (props: KSpinnerProps) => import("react/jsx-runtime").JSX.Element;
 export { KSpinner };

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

@@ -1,19 +1,15 @@
-import { ComponentPropsWithoutRef } from 'react';
+import { ComponentPropsWithRef, Ref } from 'react';
 export declare const ICON_SIZES: readonly ["xs", "sm", "md", "lg", "xlg"];
 export type KIconSize = (typeof ICON_SIZES)[number];
 export interface KIconRefs {
     click: () => void;
 }
-export type KIconProps = ComponentPropsWithoutRef<'span'> & {
+export type KIconProps = ComponentPropsWithRef<'span'> & {
     icon: string;
     size?: KIconSize | number;
     disabled?: boolean;
     color?: string;
+    ref?: Ref<KIconRefs>;
 };
-declare const KIcon: import('react').NamedExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-    icon: string;
-    size?: number | "sm" | "md" | "lg" | "xs" | "xlg" | undefined;
-    disabled?: boolean | undefined;
-    color?: string | undefined;
-} & import('react').RefAttributes<KIconRefs>>;
-export { KIcon };
+declare const MemoizedKIcon: import('react').MemoExoticComponent<(props: KIconProps) => import("react/jsx-runtime").JSX.Element | null>;
+export { MemoizedKIcon as KIcon };

package/lib/es/components/ui/input/textarea/KTextarea.d.ts

@@ -1,2 +1,6 @@
-declare const KTextarea: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & import('react').RefAttributes<HTMLTextAreaElement>>;
+import { ComponentProps, Ref } from 'react';
+export interface KTextareaProps extends Omit<ComponentProps<"textarea">, "ref"> {
+    ref?: Ref<HTMLTextAreaElement>;
+}
+declare const KTextarea: (props: KTextareaProps) => import("react/jsx-runtime").JSX.Element;
 export { KTextarea };

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

@@ -1,21 +1,22 @@
-import { ComponentProps } from 'react';
+import { ComponentProps, Ref } from 'react';
 import { VariantProps } from 'class-variance-authority';
 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'> {
+export interface KTextFieldRefs {
+    validate: () => Promise<boolean>;
+    reset: () => void;
+    value: string;
+}
+export interface KTextFieldProps extends Omit<ComponentProps<'input'>, 'size' | 'width' | 'ref'> {
     label?: string;
     helperText?: string;
     rules?: KValidationRule[];
     width?: VariantProps<typeof textFieldVariants>['width'] | number;
     size?: KInputSizeType;
+    ref?: Ref<KTextFieldRefs>;
 }
-export interface KTextFieldRefs {
-    validate: () => Promise<boolean>;
-    reset: () => void;
-    value: string;
-}
-declare const KTextField: import('react').ForwardRefExoticComponent<Omit<KTextFieldProps, "ref"> & import('react').RefAttributes<KTextFieldRefs>>;
+declare const KTextField: (props: KTextFieldProps) => import("react/jsx-runtime").JSX.Element;
 export { KTextField };

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

@@ -1,6 +1,7 @@
-import { HTMLAttributes } from 'react';
-export interface KAspectRatioProps extends HTMLAttributes<HTMLDivElement> {
+import { HTMLAttributes, Ref } from 'react';
+export type KAspectRatioProps = HTMLAttributes<HTMLDivElement> & {
     ratio?: number;
-}
-declare const KAspectRatio: import('react').NamedExoticComponent<KAspectRatioProps & import('react').RefAttributes<HTMLDivElement>>;
+    ref?: Ref<HTMLDivElement>;
+};
+declare const KAspectRatio: import('react').MemoExoticComponent<(props: KAspectRatioProps) => import("react/jsx-runtime").JSX.Element>;
 export { KAspectRatio };

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

@@ -1,8 +1,26 @@
 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 type KCardProps = HTMLAttributes<HTMLDivElement> & {
+    ref?: React.Ref<HTMLDivElement>;
+};
+export type KCardHeaderProps = HTMLAttributes<HTMLDivElement> & {
+    ref?: React.Ref<HTMLDivElement>;
+};
+export type KCardTitleProps = HTMLAttributes<HTMLHeadingElement> & {
+    ref?: React.Ref<HTMLHeadingElement>;
+};
+export type KCardDescriptionProps = HTMLAttributes<HTMLParagraphElement> & {
+    ref?: React.Ref<HTMLParagraphElement>;
+};
+export type KCardContentProps = HTMLAttributes<HTMLDivElement> & {
+    ref?: React.Ref<HTMLDivElement>;
+};
+export type KCardFooterProps = HTMLAttributes<HTMLDivElement> & {
+    ref?: React.Ref<HTMLDivElement>;
+};
+declare const KCard: ({ className, ref, ...props }: KCardProps) => import("react/jsx-runtime").JSX.Element;
+declare const KCardHeader: ({ className, ref, ...props }: KCardHeaderProps) => import("react/jsx-runtime").JSX.Element;
+declare const KCardTitle: ({ className, ref, ...props }: KCardTitleProps) => import("react/jsx-runtime").JSX.Element;
+declare const KCardDescription: ({ className, ref, ...props }: KCardDescriptionProps) => import("react/jsx-runtime").JSX.Element;
+declare const KCardContent: ({ className, ref, ...props }: KCardContentProps) => import("react/jsx-runtime").JSX.Element;
+declare const KCardFooter: ({ className, ref, ...props }: KCardFooterProps) => import("react/jsx-runtime").JSX.Element;
 export { KCard, KCardHeader, KCardFooter, KCardTitle, KCardDescription, KCardContent };

package/lib/es/hooks.js

@@ -1,10 +1,7 @@
-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(() => {
+import { useEffect as i, useRef as c, useCallback as o } from "react";
+import { u as l } from "./chunks/useStableId-CvSXOC4i.js";
+function f(e, n, t) {
+  i(() => {
     const r = (u) => {
       if (e.current && !e.current.contains(u.target)) {
         if (!t) {
@@ -21,8 +18,8 @@ function w(e, n, t) {
     };
   }, [e]);
 }
-function l() {
-  const e = c([]), n = c([]), t = a((r) => (u) => {
+function a() {
+  const e = c([]), n = c([]), t = o((r) => (u) => {
     const s = n.current.indexOf(r);
     if (s !== -1) {
       e.current[s] = u;
@@ -33,7 +30,7 @@ function l() {
   return { refs: e.current, handleRef: t };
 }
 export {
-  m as useCleanId,
-  w as useClickOutside,
-  l as useDynamicRefs
+  f as useClickOutside,
+  a as useDynamicRefs,
+  l as useStableId
 };