kku-ui 0.2.55 → 0.9.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (131) hide show
  1. package/README.md +8 -8
  2. package/lib/es/common/hooks/index.d.ts +0 -4
  3. package/lib/es/components/index.d.ts +6 -5
  4. package/lib/es/components/ui/actions/button/KButton.d.ts +12 -0
  5. package/lib/es/components/ui/actions/button-group/KButtonGroup.d.ts +12 -0
  6. package/lib/es/components/ui/actions/index.d.ts +3 -0
  7. package/lib/es/components/ui/actions/switch/KSwitch.d.ts +6 -0
  8. package/lib/es/components/ui/data-display/accordion/KAccordion.d.ts +17 -0
  9. package/lib/es/components/ui/data-display/bottom-sheet/KBottomSheet.d.ts +39 -0
  10. package/lib/es/components/ui/data-display/dropdown-menu/KDropdownMenu.d.ts +55 -0
  11. package/lib/es/components/ui/data-display/index.d.ts +3 -0
  12. package/lib/es/components/ui/feedback/dialog/KDialog.d.ts +39 -0
  13. package/lib/es/components/ui/feedback/index.d.ts +5 -0
  14. package/lib/es/components/ui/feedback/popover/KPopover.d.ts +15 -0
  15. package/lib/es/components/ui/feedback/skeleton/KSkeleton.d.ts +9 -0
  16. package/lib/es/components/ui/feedback/spinner/KSpinner.d.ts +6 -0
  17. package/lib/es/components/ui/feedback/toast/KToast.d.ts +10 -0
  18. package/lib/es/components/ui/foundation/icon/KIcon.d.ts +19 -0
  19. package/lib/es/components/ui/foundation/icon/index.d.ts +1 -0
  20. package/lib/es/components/ui/input/index.d.ts +2 -0
  21. package/lib/es/components/ui/input/select/KSelect.d.ts +38 -0
  22. package/lib/es/components/ui/input/textfield/KTextField.d.ts +19 -0
  23. package/lib/es/components/ui/layout/aspect-ratio/KAspectRatio.d.ts +6 -0
  24. package/lib/es/components/ui/layout/index.d.ts +1 -0
  25. package/lib/es/index.d.ts +0 -1
  26. package/lib/es/lib/utils.d.ts +2 -0
  27. package/lib/hooks.js +39 -0
  28. package/lib/index.css +1 -1
  29. package/lib/index.js +11843 -0
  30. package/lib/index.js.br +0 -0
  31. package/lib/index.js.gz +0 -0
  32. package/package.json +24 -8
  33. package/lib/es/common/hooks/useDropdownPosition.d.ts +0 -16
  34. package/lib/es/common/hooks/useEscapeKey.d.ts +0 -2
  35. package/lib/es/common/hooks/useRipple/useRipple.d.ts +0 -5
  36. package/lib/es/common/hooks/useSafePortalContainer.d.ts +0 -1
  37. package/lib/es/common/util/keyboard.d.ts +0 -2
  38. package/lib/es/common/util/lodashUtil.d.ts +0 -4
  39. package/lib/es/common/util/style.d.ts +0 -5
  40. package/lib/es/components/actions/button/KButton.d.ts +0 -3
  41. package/lib/es/components/actions/button/KButton.interface.d.ts +0 -18
  42. package/lib/es/components/actions/button/index.d.ts +0 -2
  43. package/lib/es/components/actions/button-group/KButtonGroup.d.ts +0 -6
  44. package/lib/es/components/actions/button-group/KButtonGroup.interface.d.ts +0 -8
  45. package/lib/es/components/actions/button-group/index.d.ts +0 -2
  46. package/lib/es/components/actions/index.d.ts +0 -5
  47. package/lib/es/components/actions/switch/KSwitch.d.ts +0 -3
  48. package/lib/es/components/actions/switch/KSwitch.interface.d.ts +0 -8
  49. package/lib/es/components/actions/switch/index.d.ts +0 -2
  50. package/lib/es/components/actions/toggle-button/KToggleButton.d.ts +0 -4
  51. package/lib/es/components/actions/toggle-button/KToggleButton.interface.d.ts +0 -4
  52. package/lib/es/components/actions/toggle-button/index.d.ts +0 -2
  53. package/lib/es/components/actions/toggle-button-group/KToggleButtonGroup.d.ts +0 -6
  54. package/lib/es/components/actions/toggle-button-group/KToggleButtonGroup.interface.d.ts +0 -9
  55. package/lib/es/components/actions/toggle-button-group/index.d.ts +0 -2
  56. package/lib/es/components/data-display/accordion/KAccordion.d.ts +0 -6
  57. package/lib/es/components/data-display/accordion/KAccordion.interface.d.ts +0 -9
  58. package/lib/es/components/data-display/accordion/index.d.ts +0 -2
  59. package/lib/es/components/data-display/dropdown/KDropdown.context.d.ts +0 -3
  60. package/lib/es/components/data-display/dropdown/KDropdown.d.ts +0 -10
  61. package/lib/es/components/data-display/dropdown/KDropdown.interface.d.ts +0 -45
  62. package/lib/es/components/data-display/dropdown/KDropdownContent.d.ts +0 -3
  63. package/lib/es/components/data-display/dropdown/KDropdownTrigger.d.ts +0 -3
  64. package/lib/es/components/data-display/dropdown/index.d.ts +0 -2
  65. package/lib/es/components/data-display/index.d.ts +0 -4
  66. package/lib/es/components/data-display/menu/KMenu.d.ts +0 -12
  67. package/lib/es/components/data-display/menu/KMenu.interface.d.ts +0 -19
  68. package/lib/es/components/data-display/menu/KMenuItem.d.ts +0 -3
  69. package/lib/es/components/data-display/menu/KMenuItemDivider.d.ts +0 -3
  70. package/lib/es/components/data-display/menu/KMenuItemSelectable.d.ts +0 -3
  71. package/lib/es/components/data-display/menu/index.d.ts +0 -2
  72. package/lib/es/components/data-display/skeleton/KSkeleton.d.ts +0 -6
  73. package/lib/es/components/data-display/skeleton/KSkeleton.interface.d.ts +0 -8
  74. package/lib/es/components/data-display/skeleton/index.d.ts +0 -2
  75. package/lib/es/components/feedback/backdrop/KBackdrop.d.ts +0 -6
  76. package/lib/es/components/feedback/backdrop/KBackdrop.motion.d.ts +0 -3
  77. package/lib/es/components/feedback/backdrop/index.d.ts +0 -2
  78. package/lib/es/components/feedback/index.d.ts +0 -3
  79. package/lib/es/components/feedback/modal/KModal.context.d.ts +0 -3
  80. package/lib/es/components/feedback/modal/KModal.d.ts +0 -12
  81. package/lib/es/components/feedback/modal/KModal.interface.d.ts +0 -35
  82. package/lib/es/components/feedback/modal/KModal.motion.d.ts +0 -2
  83. package/lib/es/components/feedback/modal/KModalContent.d.ts +0 -3
  84. package/lib/es/components/feedback/modal/KModalFooter.d.ts +0 -3
  85. package/lib/es/components/feedback/modal/KModalHeader.d.ts +0 -3
  86. package/lib/es/components/feedback/modal/index.d.ts +0 -2
  87. package/lib/es/components/feedback/spinner/KSpinner.d.ts +0 -3
  88. package/lib/es/components/feedback/spinner/index.d.ts +0 -2
  89. package/lib/es/components/foundations/icon/KIcon.d.ts +0 -3
  90. package/lib/es/components/foundations/icon/KIcon.interface.d.ts +0 -14
  91. package/lib/es/components/foundations/icon/index.d.ts +0 -2
  92. package/lib/es/components/foundations/index.d.ts +0 -1
  93. package/lib/es/components/input/index.d.ts +0 -2
  94. package/lib/es/components/input/select/KSelect.d.ts +0 -3
  95. package/lib/es/components/input/select/KSelect.interface.d.ts +0 -37
  96. package/lib/es/components/input/select/index.d.ts +0 -2
  97. package/lib/es/components/input/textfield/KTextField.d.ts +0 -3
  98. package/lib/es/components/input/textfield/KTextField.interface.d.ts +0 -26
  99. package/lib/es/components/input/textfield/index.d.ts +0 -2
  100. package/lib/es/core/accordion/Accordion.context.d.ts +0 -3
  101. package/lib/es/core/accordion/Accordion.d.ts +0 -10
  102. package/lib/es/core/accordion/Accordion.interface.d.ts +0 -21
  103. package/lib/es/core/accordion/AccordionContent.d.ts +0 -6
  104. package/lib/es/core/accordion/AccordionSummary.d.ts +0 -6
  105. package/lib/es/core/accordion/index.d.ts +0 -2
  106. package/lib/es/core/button/Button.d.ts +0 -3
  107. package/lib/es/core/button/Button.interface.d.ts +0 -4
  108. package/lib/es/core/button/index.d.ts +0 -2
  109. package/lib/es/core/index.d.ts +0 -7
  110. package/lib/es/core/menu/Menu.d.ts +0 -3
  111. package/lib/es/core/menu/Menu.interface.d.ts +0 -11
  112. package/lib/es/core/menu/index.d.ts +0 -2
  113. package/lib/es/core/menu-item/MenuItem.d.ts +0 -3
  114. package/lib/es/core/menu-item/MenuItem.interface.d.ts +0 -12
  115. package/lib/es/core/menu-item/index.d.ts +0 -2
  116. package/lib/es/core/switch/Switch.d.ts +0 -3
  117. package/lib/es/core/switch/Switch.interface.d.ts +0 -6
  118. package/lib/es/core/switch/index.d.ts +0 -2
  119. package/lib/es/core/text-field/TextField.d.ts +0 -3
  120. package/lib/es/core/text-field/TextField.interface.d.ts +0 -4
  121. package/lib/es/core/text-field/index.d.ts +0 -2
  122. package/lib/es/core/transition/Transition.d.ts +0 -6
  123. package/lib/es/core/transition/Transition.interface.d.ts +0 -9
  124. package/lib/es/core/transition/index.d.ts +0 -2
  125. package/lib/es/hooks.js +0 -22
  126. package/lib/es/index.js +0 -7313
  127. package/lib/es/index.js.br +0 -0
  128. package/lib/es/index.js.gz +0 -0
  129. package/lib/useEscapeKey-BH1YNl0p.js +0 -158
  130. package/lib/useEscapeKey-BH1YNl0p.js.br +0 -0
  131. package/lib/useEscapeKey-BH1YNl0p.js.gz +0 -0
Binary file
Binary file
package/package.json CHANGED
@@ -1,6 +1,7 @@
1
1
  {
2
2
  "name": "kku-ui",
3
- "version": "0.2.55",
3
+ "version": "0.9.9",
4
+ "packageManager": "pnpm@10.5.2",
4
5
  "type": "module",
5
6
  "exports": {
6
7
  ".": {
@@ -36,10 +37,22 @@
36
37
  }
37
38
  },
38
39
  "dependencies": {
39
- "lodash-es": "^4.17.21",
40
- "motion": "^12.9.2",
41
- "react": "^19.1.0",
42
- "react-dom": "^19.1.0"
40
+ "@radix-ui/react-accordion": "^1.2.12",
41
+ "@radix-ui/react-dialog": "^1.1.15",
42
+ "@radix-ui/react-dropdown-menu": "^2.1.16",
43
+ "@radix-ui/react-popover": "^1.1.15",
44
+ "@radix-ui/react-select": "^2.2.6",
45
+ "@radix-ui/react-slot": "^1.2.4",
46
+ "@radix-ui/react-switch": "^1.2.6",
47
+ "class-variance-authority": "^0.7.1",
48
+ "clsx": "^2.1.1",
49
+ "lucide-react": "^0.562.0",
50
+ "react": "^19.2.3",
51
+ "react-dom": "^19.2.3",
52
+ "sonner": "^2.0.7",
53
+ "tailwind-merge": "^3.4.0",
54
+ "tailwindcss-animate": "^1.0.7",
55
+ "vaul": "^1.1.2"
43
56
  },
44
57
  "devDependencies": {
45
58
  "@chromatic-com/storybook": "^4.0.1",
@@ -56,14 +69,14 @@
56
69
  "@testing-library/jest-dom": "^6.6.3",
57
70
  "@testing-library/react": "^16.3.0",
58
71
  "@testing-library/user-event": "^14.6.1",
59
- "@types/lodash-es": "^4.17.12",
60
- "@types/react": "^19.1.8",
61
- "@types/react-dom": "^19.1.6",
72
+ "@types/react": "^19.2.7",
73
+ "@types/react-dom": "^19.2.3",
62
74
  "@typescript-eslint/eslint-plugin": "^7.0.0",
63
75
  "@typescript-eslint/parser": "^7.0.0",
64
76
  "@vitejs/plugin-react-swc": "^3.9.0",
65
77
  "@vitest/ui": "^3.1.2",
66
78
  "add": "^2.0.6",
79
+ "autoprefixer": "^10.4.23",
67
80
  "chromatic": "^10.7.1",
68
81
  "eslint": "^8.56.0",
69
82
  "eslint-config-airbnb": "^19.0.4",
@@ -75,16 +88,19 @@
75
88
  "eslint-plugin-react-refresh": "^0.4.19",
76
89
  "eslint-plugin-storybook": "^9.0.15",
77
90
  "jsdom": "^26.1.0",
91
+ "postcss": "^8.5.6",
78
92
  "react-docgen-typescript": "^2.4.0",
79
93
  "sass": "^1.86.3",
80
94
  "storybook": "^9.0.15",
81
95
  "storybook-dark-mode": "^4.0.2",
96
+ "tailwindcss": "^3.4.1",
82
97
  "ts-node": "^10.9.1",
83
98
  "typescript": "5.3.3",
84
99
  "vite": "^6.3.5",
85
100
  "vite-plugin-compression2": "^2.2.0",
86
101
  "vite-plugin-dts": "^4.5.4",
87
102
  "vite-plugin-eslint": "^1.8.1",
103
+ "vite-tsconfig-paths": "^6.0.3",
88
104
  "vitest": "^3.2.4"
89
105
  },
90
106
  "license": "MIT"
@@ -1,16 +0,0 @@
1
- import { RefObject } from 'react';
2
- import { KDropdownOffsetType, KDropdownPositionType } from '../../components/data-display/dropdown/KDropdown.interface';
3
- interface Position {
4
- top: number;
5
- left: number;
6
- }
7
- interface UseDropdownPositionParams {
8
- triggerRef: RefObject<HTMLElement | null>;
9
- contentRef: RefObject<HTMLElement | null>;
10
- position: KDropdownPositionType;
11
- open: boolean;
12
- offset?: KDropdownOffsetType;
13
- gap?: number;
14
- }
15
- export default function useDropdownPosition({ triggerRef, contentRef, position, open, offset, gap, }: UseDropdownPositionParams): Position;
16
- export {};
@@ -1,2 +0,0 @@
1
- declare const useEscapeKey: (callback: () => void) => void;
2
- export default useEscapeKey;
@@ -1,5 +0,0 @@
1
- import { KeyboardEvent, MouseEvent, RefObject } from 'react';
2
- export default function useRipple(elementRef: RefObject<HTMLElement | null>): {
3
- register: (event: MouseEvent | KeyboardEvent<HTMLElement>) => void;
4
- remove: () => void;
5
- };
@@ -1 +0,0 @@
1
- export default function useSafePortalContainer(Element?: HTMLElement): HTMLElement | null;
@@ -1,2 +0,0 @@
1
- import { KeyboardEvent } from 'react';
2
- export declare const handleEnterOrSpacePress: (e: KeyboardEvent<HTMLElement> | KeyboardEvent, callback: () => void) => void;
@@ -1,4 +0,0 @@
1
- declare const _default: {
2
- uniqueId: (prefix?: string | undefined) => string;
3
- };
4
- export default _default;
@@ -1,5 +0,0 @@
1
- import { CSSProperties } from 'react';
2
- declare const _default: {
3
- setStyleElement: (element: HTMLElement, style: CSSProperties) => void;
4
- };
5
- export default _default;
@@ -1,3 +0,0 @@
1
- import { KButtonProps, KButtonRefs } from '../..';
2
- declare const KButton: import('react').NamedExoticComponent<KButtonProps & import('react').RefAttributes<KButtonRefs>>;
3
- export default KButton;
@@ -1,18 +0,0 @@
1
- import { ReactNode } from 'react';
2
- import { SizeType } from '../../../common/base/base.interface';
3
- import { ButtonProps } from '../../../core';
4
- export declare const BUTTON_VARIANTS: readonly ["outlined", "solid", "primary", "subtle", "plain"];
5
- export type KButtonVariantType = (typeof BUTTON_VARIANTS)[number];
6
- export interface KButtonProps extends ButtonProps {
7
- children?: ReactNode;
8
- size?: SizeType;
9
- variant?: KButtonVariantType;
10
- isDanger?: boolean;
11
- width?: number | string;
12
- height?: number | string;
13
- }
14
- export interface KButtonRefs {
15
- focus: () => void;
16
- blur: () => void;
17
- click: () => void;
18
- }
@@ -1,2 +0,0 @@
1
- export { default as KButton } from './KButton';
2
- export * from './KButton.interface';
@@ -1,6 +0,0 @@
1
- import { KButtonGroupProps } from '../..';
2
- declare const KButtonGroup: import('react').MemoExoticComponent<{
3
- (props: KButtonGroupProps): import("react/jsx-runtime").JSX.Element;
4
- displayName: string;
5
- }>;
6
- export default KButtonGroup;
@@ -1,8 +0,0 @@
1
- import { HTMLAttributes, ReactNode } from 'react';
2
- import { KButtonVariantType } from '../..';
3
- import { SizeType } from '../../../common/base/base.interface';
4
- export interface KButtonGroupProps extends HTMLAttributes<HTMLDivElement> {
5
- variant?: KButtonVariantType;
6
- size?: SizeType;
7
- children: ReactNode;
8
- }
@@ -1,2 +0,0 @@
1
- export { default as KButtonGroup } from './KButtonGroup';
2
- export * from './KButtonGroup.interface';
@@ -1,5 +0,0 @@
1
- export * from './button';
2
- export * from './button-group';
3
- export * from './toggle-button';
4
- export * from './toggle-button-group';
5
- export * from './switch';
@@ -1,3 +0,0 @@
1
- import { KSwitchProps, KSwitchRefs } from './KSwitch.interface';
2
- declare const KSwitch: import('react').NamedExoticComponent<KSwitchProps & import('react').RefAttributes<KSwitchRefs>>;
3
- export default KSwitch;
@@ -1,8 +0,0 @@
1
- import { SwitchProps } from '../../../core/switch/Switch.interface';
2
- import { SizeType } from '../../../common/base/base.interface';
3
- export interface KSwitchProps extends SwitchProps {
4
- size?: SizeType;
5
- }
6
- export interface KSwitchRefs {
7
- toggle: () => void;
8
- }
@@ -1,2 +0,0 @@
1
- export { default as KSwitch } from './KSwitch';
2
- export * from './KSwitch.interface';
@@ -1,4 +0,0 @@
1
- import { KButtonRefs } from '../..';
2
- import { KToggleButtonProps } from './KToggleButton.interface';
3
- declare const KToggleButton: import('react').NamedExoticComponent<KToggleButtonProps & import('react').RefAttributes<KButtonRefs>>;
4
- export default KToggleButton;
@@ -1,4 +0,0 @@
1
- import { KButtonProps } from '../..';
2
- export interface KToggleButtonProps extends KButtonProps {
3
- value: string;
4
- }
@@ -1,2 +0,0 @@
1
- export { default as KToggleButton } from './KToggleButton';
2
- export * from './KToggleButton.interface';
@@ -1,6 +0,0 @@
1
- import { KToggleButtonGroupProps } from './KToggleButtonGroup.interface';
2
- declare const KToggleButtonGroup: import('react').MemoExoticComponent<{
3
- ({ multiple, className, variant, size, children, ...restProps }: KToggleButtonGroupProps): import("react/jsx-runtime").JSX.Element;
4
- displayName: string;
5
- }>;
6
- export default KToggleButtonGroup;
@@ -1,9 +0,0 @@
1
- import { HTMLAttributes, ReactNode } from 'react';
2
- import { KButtonVariantType } from '../..';
3
- import { SizeType } from '../../../common/base/base.interface';
4
- export interface KToggleButtonGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
5
- children: ReactNode;
6
- variant?: KButtonVariantType;
7
- size?: SizeType;
8
- multiple?: boolean;
9
- }
@@ -1,2 +0,0 @@
1
- export { default as KToggleButtonGroup } from './KToggleButtonGroup';
2
- export * from './KToggleButtonGroup.interface';
@@ -1,6 +0,0 @@
1
- import { KAccordionProps } from './KAccordion.interface';
2
- declare const KAccordion: import('react').MemoExoticComponent<{
3
- (props: KAccordionProps): import("react/jsx-runtime").JSX.Element;
4
- displayName: string;
5
- }>;
6
- export default KAccordion;
@@ -1,9 +0,0 @@
1
- import { ReactNode } from 'react';
2
- import { SizeType } from '../../../common/base/base.interface';
3
- import { AccordionProps } from '../../../core/accordion';
4
- export interface KAccordionProps extends AccordionProps {
5
- summary: string | ReactNode;
6
- children: ReactNode;
7
- size?: SizeType;
8
- width?: number;
9
- }
@@ -1,2 +0,0 @@
1
- export { default as KAccordion } from './KAccordion';
2
- export * from './KAccordion.interface';
@@ -1,3 +0,0 @@
1
- import { KDropdownContextProps } from './KDropdown.interface';
2
- export declare const KDropdownContext: import('react').Context<KDropdownContextProps | null>;
3
- export declare function useKDropdownContext(): KDropdownContextProps;
@@ -1,10 +0,0 @@
1
- import { ForwardRefExoticComponent, RefAttributes } from 'react';
2
- import { default as DropdownTrigger } from './KDropdownTrigger';
3
- import { default as DropdownContent } from './KDropdownContent';
4
- import { KDropdownProps, KDropdownRefs } from './KDropdown.interface';
5
- interface DropdownNamespace extends ForwardRefExoticComponent<KDropdownProps & RefAttributes<KDropdownRefs>> {
6
- Trigger: typeof DropdownTrigger;
7
- Content: typeof DropdownContent;
8
- }
9
- declare const KDropdown: DropdownNamespace;
10
- export default KDropdown;
@@ -1,45 +0,0 @@
1
- import { HTMLAttributes, KeyboardEvent, ReactNode, RefObject } from 'react';
2
- export declare const K_DROPDOWN_POSITIONS: readonly ["top-start", "top", "top-end", "right-start", "right", "right-end", "bottom-start", "bottom", "bottom-end", "left-start", "left", "left-end"];
3
- export type KDropdownPositionType = typeof K_DROPDOWN_POSITIONS[number];
4
- export type KDropdownTriggerType = 'hover' | 'click';
5
- export interface KDropdownOffsetType {
6
- x: number;
7
- y: number;
8
- }
9
- export interface KDropdownContextProps {
10
- open: boolean;
11
- onOpen: () => void;
12
- onClose: () => void;
13
- onFocusContent: () => void;
14
- onBlurContent: (e: KeyboardEvent<HTMLElement>) => void;
15
- id: string;
16
- triggerRef: RefObject<HTMLDivElement | null>;
17
- contentRef: RefObject<HTMLDivElement | null>;
18
- trigger: KDropdownTriggerType;
19
- position: KDropdownPositionType;
20
- }
21
- export interface KDropdownRefs {
22
- onOpen: () => void;
23
- onClose: () => void;
24
- }
25
- export type DropdownElementType = 'div' | 'ul' | 'li' | 'p' | 'span';
26
- export interface KDropdownProps extends HTMLAttributes<HTMLElement> {
27
- as?: DropdownElementType;
28
- children?: ReactNode;
29
- trigger?: KDropdownTriggerType;
30
- position?: KDropdownPositionType;
31
- onDropdownOpen?: () => void;
32
- onDropdownClose?: () => void;
33
- }
34
- export interface KDropdownTriggerProps extends HTMLAttributes<HTMLDivElement> {
35
- children: ReactNode;
36
- disabled?: boolean;
37
- }
38
- export interface KDropdownContentProps extends HTMLAttributes<HTMLDivElement> {
39
- children: ReactNode;
40
- autoClose?: boolean;
41
- gap?: number;
42
- offset?: KDropdownOffsetType;
43
- container?: HTMLElement;
44
- zIndex?: number;
45
- }
@@ -1,3 +0,0 @@
1
- import { KDropdownContentProps } from './KDropdown.interface';
2
- declare const KDropdownContent: import('react').NamedExoticComponent<KDropdownContentProps & import('react').RefAttributes<HTMLDivElement | null>>;
3
- export default KDropdownContent;
@@ -1,3 +0,0 @@
1
- import { KDropdownTriggerProps } from './KDropdown.interface';
2
- declare const KDropdownTrigger: import('react').NamedExoticComponent<KDropdownTriggerProps & import('react').RefAttributes<HTMLDivElement>>;
3
- export default KDropdownTrigger;
@@ -1,2 +0,0 @@
1
- export { default as KDropdown } from './KDropdown';
2
- export * from './KDropdown.interface';
@@ -1,4 +0,0 @@
1
- export * from './accordion';
2
- export * from './menu';
3
- export * from './dropdown';
4
- export * from './skeleton';
@@ -1,12 +0,0 @@
1
- import { ForwardRefExoticComponent, RefAttributes } from 'react';
2
- import { KMenuProps } from './KMenu.interface';
3
- import { default as KMenuItem } from './KMenuItem';
4
- import { default as KMenuItemSelectable } from './KMenuItemSelectable';
5
- import { default as KMenuItemDivider } from './KMenuItemDivider';
6
- interface KMenuNamespace extends ForwardRefExoticComponent<KMenuProps & RefAttributes<HTMLUListElement>> {
7
- Item: typeof KMenuItem;
8
- ItemSelectable: typeof KMenuItemSelectable;
9
- ItemDivider: typeof KMenuItemDivider;
10
- }
11
- declare const KMenu: KMenuNamespace;
12
- export default KMenu;
@@ -1,19 +0,0 @@
1
- import { HTMLAttributes, ReactNode } from 'react';
2
- import { MenuItemProps, MenuProps } from '../../../core';
3
- import { SizeType } from '../../../common/base/base.interface';
4
- export interface KMenuProps extends Omit<MenuProps, 'as'> {
5
- size?: SizeType;
6
- width?: number | string;
7
- }
8
- export interface KMenuItemProps extends Omit<MenuItemProps, 'as'> {
9
- leftContent?: ReactNode;
10
- rightContent?: ReactNode;
11
- shortcut?: string;
12
- label?: string;
13
- size?: SizeType;
14
- }
15
- export interface KMenuItemSelectableProps extends Omit<KMenuItemProps, 'leftContent'> {
16
- selected?: boolean;
17
- }
18
- export interface KMenuItemDividerProps extends HTMLAttributes<HTMLLIElement> {
19
- }
@@ -1,3 +0,0 @@
1
- import { KMenuItemProps } from './KMenu.interface';
2
- declare const KMenuItem: import('react').NamedExoticComponent<Omit<KMenuItemProps, "ref"> & import('react').RefAttributes<HTMLLIElement>>;
3
- export default KMenuItem;
@@ -1,3 +0,0 @@
1
- import { KMenuItemDividerProps } from './KMenu.interface';
2
- declare const KMenuItemDivider: import('react').NamedExoticComponent<KMenuItemDividerProps & import('react').RefAttributes<HTMLLIElement>>;
3
- export default KMenuItemDivider;
@@ -1,3 +0,0 @@
1
- import { KMenuItemSelectableProps } from './KMenu.interface';
2
- declare const KMenuItemSelectable: import('react').NamedExoticComponent<Omit<KMenuItemSelectableProps, "ref"> & import('react').RefAttributes<HTMLLIElement>>;
3
- export default KMenuItemSelectable;
@@ -1,2 +0,0 @@
1
- export { default as KMenu } from './KMenu';
2
- export * from './KMenu.interface';
@@ -1,6 +0,0 @@
1
- import { KSkeletonProps } from '../..';
2
- declare const KSkeleton: import('react').MemoExoticComponent<{
3
- ({ ...restProps }: KSkeletonProps): import("react/jsx-runtime").JSX.Element;
4
- displayName: string;
5
- }>;
6
- export default KSkeleton;
@@ -1,8 +0,0 @@
1
- import { KBaseProp } from '../../../common/base/base.interface';
2
- export interface KSkeletonProps extends KBaseProp {
3
- width?: string | number;
4
- height?: string | number;
5
- borderRadius: string | number;
6
- animation?: 'pulse' | 'wave';
7
- onClick?: () => void;
8
- }
@@ -1,2 +0,0 @@
1
- export { default as KSkeleton } from './KSkeleton';
2
- export * from './KSkeleton.interface';
@@ -1,6 +0,0 @@
1
- import { KBackdropProps } from './KBackdrop.interface';
2
- declare const KBackdrop: import('react').MemoExoticComponent<{
3
- (props: KBackdropProps): import('react').ReactPortal | null;
4
- displayName: string;
5
- }>;
6
- export default KBackdrop;
@@ -1,3 +0,0 @@
1
- import { MotionType } from '../../../common/base/base.interface';
2
- declare const KBackdropMotion: MotionType;
3
- export default KBackdropMotion;
@@ -1,2 +0,0 @@
1
- export { default as KBackdrop } from './KBackdrop';
2
- export type { KBackdropProps } from './KBackdrop.interface';
@@ -1,3 +0,0 @@
1
- export * from './modal';
2
- export * from './backdrop';
3
- export * from './spinner';
@@ -1,3 +0,0 @@
1
- import { KModalContextProps } from './KModal.interface';
2
- export declare const ModalContext: import('react').Context<KModalContextProps | null>;
3
- export declare const useModal: () => KModalContextProps;
@@ -1,12 +0,0 @@
1
- import { ForwardRefExoticComponent } from 'react';
2
- import { KModalProps } from './KModal.interface';
3
- import { default as KModalHeader } from './KModalHeader';
4
- import { default as KModalContent } from './KModalContent';
5
- import { default as KModalFooter } from './KModalFooter';
6
- interface KModalNamespace extends ForwardRefExoticComponent<KModalProps> {
7
- Header: typeof KModalHeader;
8
- Content: typeof KModalContent;
9
- Footer: typeof KModalFooter;
10
- }
11
- declare const KModal: KModalNamespace;
12
- export default KModal;
@@ -1,35 +0,0 @@
1
- import { Dispatch, HTMLAttributes, ReactNode, SetStateAction } from 'react';
2
- export declare const KMODAL_SIZES: readonly ["medium", "small", "large"];
3
- export type KModalSizeType = (typeof KMODAL_SIZES)[number];
4
- export interface KModalContextProps {
5
- isOpen: boolean;
6
- title: string | null;
7
- setTitle: Dispatch<SetStateAction<string | null>>;
8
- onCloseAction: () => void;
9
- }
10
- export interface KModalProps extends HTMLAttributes<HTMLElement> {
11
- isOpen: boolean;
12
- setIsOpen?: Dispatch<SetStateAction<boolean>>;
13
- onClose?: () => void;
14
- container?: HTMLElement;
15
- children: ReactNode;
16
- size?: KModalSizeType;
17
- animation?: 'slide' | 'fade' | 'scale';
18
- width?: number | string;
19
- height?: number | string;
20
- isOverlay?: boolean;
21
- overlayOpacity?: number;
22
- overlayClosable?: boolean;
23
- escClosable?: boolean;
24
- }
25
- export interface KModalHeaderProps extends HTMLAttributes<HTMLDivElement> {
26
- title?: string;
27
- children?: ReactNode;
28
- }
29
- export interface KModalContentProps extends HTMLAttributes<HTMLDivElement> {
30
- children?: ReactNode;
31
- }
32
- export interface KModalFooterProps extends HTMLAttributes<HTMLDivElement> {
33
- children?: ReactNode;
34
- align?: 'left' | 'center' | 'right';
35
- }
@@ -1,2 +0,0 @@
1
- import { MotionType } from '../../../common/base/base.interface';
2
- export declare const KModalMotion: Record<string, MotionType>;
@@ -1,3 +0,0 @@
1
- import { KModalContentProps } from './KModal.interface';
2
- declare const KModalContent: import('react').NamedExoticComponent<KModalContentProps & import('react').RefAttributes<HTMLDivElement>>;
3
- export default KModalContent;
@@ -1,3 +0,0 @@
1
- import { KModalFooterProps } from './KModal.interface';
2
- declare const KModalFooter: import('react').NamedExoticComponent<KModalFooterProps & import('react').RefAttributes<HTMLDivElement>>;
3
- export default KModalFooter;
@@ -1,3 +0,0 @@
1
- import { KModalHeaderProps } from './KModal.interface';
2
- declare const KModalHeader: import('react').NamedExoticComponent<KModalHeaderProps & import('react').RefAttributes<HTMLDivElement>>;
3
- export default KModalHeader;
@@ -1,2 +0,0 @@
1
- export { default as KModal } from './KModal';
2
- export * from './KModal.interface';
@@ -1,3 +0,0 @@
1
- import { KSpinnerProps } from '../..';
2
- declare const KSpinner: import('react').NamedExoticComponent<KSpinnerProps & import('react').RefAttributes<HTMLDivElement>>;
3
- export default KSpinner;
@@ -1,2 +0,0 @@
1
- export { default as KSpinner } from './KSpinner';
2
- export type { KSpinnerProps } from './KSpinner.interface';
@@ -1,3 +0,0 @@
1
- import { KIconProps, KIconRefs } from './KIcon.interface';
2
- declare const KIcon: import('react').NamedExoticComponent<KIconProps & import('react').RefAttributes<KIconRefs>>;
3
- export default KIcon;
@@ -1,14 +0,0 @@
1
- import { MouseEvent, KeyboardEvent, HTMLAttributes } from 'react';
2
- export declare const ICON_SIZES: readonly ["xsmall", "small", "medium", "large", "xlarge"];
3
- export type KIconSize = (typeof ICON_SIZES)[number];
4
- export declare const KIconSizeList: ("small" | "medium" | "large" | "xsmall" | "xlarge")[];
5
- export interface KIconProps extends HTMLAttributes<HTMLSpanElement> {
6
- icon: string;
7
- size?: KIconSize | number;
8
- disabled?: boolean;
9
- color?: string;
10
- onClick?: (e: MouseEvent<HTMLSpanElement> | KeyboardEvent<HTMLSpanElement>) => void;
11
- }
12
- export interface KIconRefs {
13
- click: () => void;
14
- }
@@ -1,2 +0,0 @@
1
- export { default as KIcon } from './KIcon';
2
- export * from './KIcon.interface';
@@ -1 +0,0 @@
1
- export * from './icon';
@@ -1,2 +0,0 @@
1
- export * from './select';
2
- export * from './textfield';
@@ -1,3 +0,0 @@
1
- import { KSelectProps, KSelectRefs } from './KSelect.interface';
2
- declare const KSelect: import('react').NamedExoticComponent<KSelectProps & import('react').RefAttributes<KSelectRefs>>;
3
- export default KSelect;
@@ -1,37 +0,0 @@
1
- import { CSSProperties, HTMLAttributes, KeyboardEvent } from 'react';
2
- import { SizeType } from '../../../common/base/base.interface';
3
- import { KInputValidateType } from '../..';
4
- export interface KSelectItemType {
5
- ['value']: string | number;
6
- ['label']: string;
7
- }
8
- export interface KSelectProps extends KInputValidateType, Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
9
- value?: string | number;
10
- items: KSelectItemType[];
11
- label?: string;
12
- placeholder?: string;
13
- noDataText?: string;
14
- disabled?: boolean;
15
- required?: boolean;
16
- onChange: (val: string | number) => void;
17
- onFocus?: () => void;
18
- onBlur?: () => void;
19
- size?: SizeType;
20
- width?: number;
21
- id?: string;
22
- className?: string;
23
- style?: CSSProperties;
24
- }
25
- export interface KSelectRefs {
26
- onOpen: () => void;
27
- onClose: () => void;
28
- onValidate: () => Promise<boolean> | boolean;
29
- }
30
- export interface KSelectListProps {
31
- value?: string;
32
- items: KSelectItemType[];
33
- noDataText?: string;
34
- onFocus: () => void;
35
- onClick: (item: KSelectItemType | null) => void;
36
- onKeyDown: (e: KeyboardEvent<HTMLLIElement>, item: KSelectItemType | null, idx: number) => void;
37
- }
@@ -1,2 +0,0 @@
1
- export { default as KSelect } from './KSelect';
2
- export * from './KSelect.interface';