kenikool-ui 1.0.0

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 (196) hide show
  1. package/README.md +144 -0
  2. package/dist/cdn-auto-register.js +188 -0
  3. package/dist/tsconfig.build.tsbuildinfo +1 -0
  4. package/dist/types/components/advanced/datepicker.d.ts +86 -0
  5. package/dist/types/components/advanced/datepicker.d.ts.map +1 -0
  6. package/dist/types/components/advanced/datepicker.stories.d.ts +48 -0
  7. package/dist/types/components/advanced/datepicker.stories.d.ts.map +1 -0
  8. package/dist/types/components/advanced/fileupload.d.ts +75 -0
  9. package/dist/types/components/advanced/fileupload.d.ts.map +1 -0
  10. package/dist/types/components/advanced/fileupload.stories.d.ts +46 -0
  11. package/dist/types/components/advanced/fileupload.stories.d.ts.map +1 -0
  12. package/dist/types/components/advanced/index.d.ts +4 -0
  13. package/dist/types/components/advanced/index.d.ts.map +1 -0
  14. package/dist/types/components/data/avatar.d.ts +94 -0
  15. package/dist/types/components/data/avatar.d.ts.map +1 -0
  16. package/dist/types/components/data/avatar.stories.d.ts +51 -0
  17. package/dist/types/components/data/avatar.stories.d.ts.map +1 -0
  18. package/dist/types/components/data/badge.d.ts +69 -0
  19. package/dist/types/components/data/badge.d.ts.map +1 -0
  20. package/dist/types/components/data/badge.stories.d.ts +48 -0
  21. package/dist/types/components/data/badge.stories.d.ts.map +1 -0
  22. package/dist/types/components/data/index.d.ts +5 -0
  23. package/dist/types/components/data/index.d.ts.map +1 -0
  24. package/dist/types/components/data/list.d.ts +66 -0
  25. package/dist/types/components/data/list.d.ts.map +1 -0
  26. package/dist/types/components/data/list.stories.d.ts +38 -0
  27. package/dist/types/components/data/list.stories.d.ts.map +1 -0
  28. package/dist/types/components/data/table.d.ts +70 -0
  29. package/dist/types/components/data/table.d.ts.map +1 -0
  30. package/dist/types/components/data/table.stories.d.ts +42 -0
  31. package/dist/types/components/data/table.stories.d.ts.map +1 -0
  32. package/dist/types/components/feedback/alert.d.ts +78 -0
  33. package/dist/types/components/feedback/alert.d.ts.map +1 -0
  34. package/dist/types/components/feedback/alert.stories.d.ts +35 -0
  35. package/dist/types/components/feedback/alert.stories.d.ts.map +1 -0
  36. package/dist/types/components/feedback/index.d.ts +5 -0
  37. package/dist/types/components/feedback/index.d.ts.map +1 -0
  38. package/dist/types/components/feedback/loading.d.ts +87 -0
  39. package/dist/types/components/feedback/loading.d.ts.map +1 -0
  40. package/dist/types/components/feedback/loading.stories.d.ts +48 -0
  41. package/dist/types/components/feedback/loading.stories.d.ts.map +1 -0
  42. package/dist/types/components/feedback/modal.d.ts +93 -0
  43. package/dist/types/components/feedback/modal.d.ts.map +1 -0
  44. package/dist/types/components/feedback/modal.stories.d.ts +37 -0
  45. package/dist/types/components/feedback/modal.stories.d.ts.map +1 -0
  46. package/dist/types/components/feedback/toast.d.ts +102 -0
  47. package/dist/types/components/feedback/toast.d.ts.map +1 -0
  48. package/dist/types/components/feedback/toast.stories.d.ts +51 -0
  49. package/dist/types/components/feedback/toast.stories.d.ts.map +1 -0
  50. package/dist/types/components/forms/button.d.ts +64 -0
  51. package/dist/types/components/forms/button.d.ts.map +1 -0
  52. package/dist/types/components/forms/button.stories.d.ts +52 -0
  53. package/dist/types/components/forms/button.stories.d.ts.map +1 -0
  54. package/dist/types/components/forms/checkbox.d.ts +51 -0
  55. package/dist/types/components/forms/checkbox.d.ts.map +1 -0
  56. package/dist/types/components/forms/checkbox.stories.d.ts +31 -0
  57. package/dist/types/components/forms/checkbox.stories.d.ts.map +1 -0
  58. package/dist/types/components/forms/index.d.ts +6 -0
  59. package/dist/types/components/forms/index.d.ts.map +1 -0
  60. package/dist/types/components/forms/input.d.ts +66 -0
  61. package/dist/types/components/forms/input.d.ts.map +1 -0
  62. package/dist/types/components/forms/input.stories.d.ts +49 -0
  63. package/dist/types/components/forms/input.stories.d.ts.map +1 -0
  64. package/dist/types/components/forms/radio.d.ts +51 -0
  65. package/dist/types/components/forms/radio.d.ts.map +1 -0
  66. package/dist/types/components/forms/radio.stories.d.ts +41 -0
  67. package/dist/types/components/forms/radio.stories.d.ts.map +1 -0
  68. package/dist/types/components/forms/select.d.ts +67 -0
  69. package/dist/types/components/forms/select.d.ts.map +1 -0
  70. package/dist/types/components/forms/select.stories.d.ts +42 -0
  71. package/dist/types/components/forms/select.stories.d.ts.map +1 -0
  72. package/dist/types/components/layout/card.d.ts +66 -0
  73. package/dist/types/components/layout/card.d.ts.map +1 -0
  74. package/dist/types/components/layout/card.example.d.ts +5 -0
  75. package/dist/types/components/layout/card.example.d.ts.map +1 -0
  76. package/dist/types/components/layout/card.stories.d.ts +40 -0
  77. package/dist/types/components/layout/card.stories.d.ts.map +1 -0
  78. package/dist/types/components/layout/container.d.ts +84 -0
  79. package/dist/types/components/layout/container.d.ts.map +1 -0
  80. package/dist/types/components/layout/container.stories.d.ts +40 -0
  81. package/dist/types/components/layout/container.stories.d.ts.map +1 -0
  82. package/dist/types/components/layout/grid.d.ts +76 -0
  83. package/dist/types/components/layout/grid.d.ts.map +1 -0
  84. package/dist/types/components/layout/grid.example.d.ts +11 -0
  85. package/dist/types/components/layout/grid.example.d.ts.map +1 -0
  86. package/dist/types/components/layout/grid.stories.d.ts +38 -0
  87. package/dist/types/components/layout/grid.stories.d.ts.map +1 -0
  88. package/dist/types/components/layout/index.d.ts +5 -0
  89. package/dist/types/components/layout/index.d.ts.map +1 -0
  90. package/dist/types/components/layout/stack.d.ts +82 -0
  91. package/dist/types/components/layout/stack.d.ts.map +1 -0
  92. package/dist/types/components/layout/stack.stories.d.ts +44 -0
  93. package/dist/types/components/layout/stack.stories.d.ts.map +1 -0
  94. package/dist/types/components/navigation/breadcrumbs.d.ts +62 -0
  95. package/dist/types/components/navigation/breadcrumbs.d.ts.map +1 -0
  96. package/dist/types/components/navigation/breadcrumbs.stories.d.ts +32 -0
  97. package/dist/types/components/navigation/breadcrumbs.stories.d.ts.map +1 -0
  98. package/dist/types/components/navigation/index.d.ts +4 -0
  99. package/dist/types/components/navigation/index.d.ts.map +1 -0
  100. package/dist/types/components/navigation/navbar.d.ts +66 -0
  101. package/dist/types/components/navigation/navbar.d.ts.map +1 -0
  102. package/dist/types/components/navigation/navbar.stories.d.ts +37 -0
  103. package/dist/types/components/navigation/navbar.stories.d.ts.map +1 -0
  104. package/dist/types/components/navigation/sidebar.d.ts +72 -0
  105. package/dist/types/components/navigation/sidebar.d.ts.map +1 -0
  106. package/dist/types/components/navigation/sidebar.stories.d.ts +43 -0
  107. package/dist/types/components/navigation/sidebar.stories.d.ts.map +1 -0
  108. package/dist/types/components/typography/index.d.ts +3 -0
  109. package/dist/types/components/typography/index.d.ts.map +1 -0
  110. package/dist/types/components/typography/text.d.ts +111 -0
  111. package/dist/types/components/typography/text.d.ts.map +1 -0
  112. package/dist/types/components/typography/text.stories.d.ts +48 -0
  113. package/dist/types/components/typography/text.stories.d.ts.map +1 -0
  114. package/dist/types/core/base-component.d.ts +178 -0
  115. package/dist/types/core/base-component.d.ts.map +1 -0
  116. package/dist/types/core/base-component.example.d.ts +24 -0
  117. package/dist/types/core/base-component.example.d.ts.map +1 -0
  118. package/dist/types/core/registry.d.ts +88 -0
  119. package/dist/types/core/registry.d.ts.map +1 -0
  120. package/dist/types/core/registry.example.d.ts +42 -0
  121. package/dist/types/core/registry.example.d.ts.map +1 -0
  122. package/dist/types/core/smart-defaults.d.ts +45 -0
  123. package/dist/types/core/smart-defaults.d.ts.map +1 -0
  124. package/dist/types/core/smart-defaults.example.d.ts +20 -0
  125. package/dist/types/core/smart-defaults.example.d.ts.map +1 -0
  126. package/dist/types/core/styles-parser.d.ts +107 -0
  127. package/dist/types/core/styles-parser.d.ts.map +1 -0
  128. package/dist/types/core/styles-parser.example.d.ts +10 -0
  129. package/dist/types/core/styles-parser.example.d.ts.map +1 -0
  130. package/dist/types/core/theme-system.d.ts +91 -0
  131. package/dist/types/core/theme-system.d.ts.map +1 -0
  132. package/dist/types/index.d.ts +24 -0
  133. package/dist/types/index.d.ts.map +1 -0
  134. package/dist/types/themes/built-in-themes.d.ts +32 -0
  135. package/dist/types/themes/built-in-themes.d.ts.map +1 -0
  136. package/dist/types/themes/index.d.ts +5 -0
  137. package/dist/types/themes/index.d.ts.map +1 -0
  138. package/dist/types/types/components.d.ts +549 -0
  139. package/dist/types/types/components.d.ts.map +1 -0
  140. package/dist/types/types/index.d.ts +379 -0
  141. package/dist/types/types/index.d.ts.map +1 -0
  142. package/dist/types/types/theme-config.d.ts +674 -0
  143. package/dist/types/types/theme-config.d.ts.map +1 -0
  144. package/dist/types/types/themes.d.ts +325 -0
  145. package/dist/types/types/themes.d.ts.map +1 -0
  146. package/dist/types/types/utils.d.ts +293 -0
  147. package/dist/types/types/utils.d.ts.map +1 -0
  148. package/dist/types/types/wrappers.d.ts +335 -0
  149. package/dist/types/types/wrappers.d.ts.map +1 -0
  150. package/dist/types/utils/accessibility.d.ts +345 -0
  151. package/dist/types/utils/accessibility.d.ts.map +1 -0
  152. package/dist/types/utils/accessibility.example.d.ts +50 -0
  153. package/dist/types/utils/accessibility.example.d.ts.map +1 -0
  154. package/dist/types/utils/css-variables.d.ts +278 -0
  155. package/dist/types/utils/css-variables.d.ts.map +1 -0
  156. package/dist/types/utils/icon-system.d.ts +79 -0
  157. package/dist/types/utils/icon-system.d.ts.map +1 -0
  158. package/dist/types/utils/index.d.ts +9 -0
  159. package/dist/types/utils/index.d.ts.map +1 -0
  160. package/dist/types/utils/performance.d.ts +141 -0
  161. package/dist/types/utils/performance.d.ts.map +1 -0
  162. package/dist/types/utils/security.d.ts +109 -0
  163. package/dist/types/utils/security.d.ts.map +1 -0
  164. package/dist/types/utils/validation.d.ts +84 -0
  165. package/dist/types/utils/validation.d.ts.map +1 -0
  166. package/dist/types/wrappers/angular/components.d.ts +2 -0
  167. package/dist/types/wrappers/angular/components.d.ts.map +1 -0
  168. package/dist/types/wrappers/angular/index.d.ts +6 -0
  169. package/dist/types/wrappers/angular/index.d.ts.map +1 -0
  170. package/dist/types/wrappers/angular/module.d.ts +2 -0
  171. package/dist/types/wrappers/angular/module.d.ts.map +1 -0
  172. package/dist/types/wrappers/angular/services.d.ts +2 -0
  173. package/dist/types/wrappers/angular/services.d.ts.map +1 -0
  174. package/dist/types/wrappers/angular/types.d.ts +44 -0
  175. package/dist/types/wrappers/angular/types.d.ts.map +1 -0
  176. package/dist/types/wrappers/react/components.d.ts +2 -0
  177. package/dist/types/wrappers/react/components.d.ts.map +1 -0
  178. package/dist/types/wrappers/react/hooks.d.ts +2 -0
  179. package/dist/types/wrappers/react/hooks.d.ts.map +1 -0
  180. package/dist/types/wrappers/react/index.d.ts +6 -0
  181. package/dist/types/wrappers/react/index.d.ts.map +1 -0
  182. package/dist/types/wrappers/react/provider.d.ts +2 -0
  183. package/dist/types/wrappers/react/provider.d.ts.map +1 -0
  184. package/dist/types/wrappers/react/types.d.ts +31 -0
  185. package/dist/types/wrappers/react/types.d.ts.map +1 -0
  186. package/dist/types/wrappers/vue/components.d.ts +2 -0
  187. package/dist/types/wrappers/vue/components.d.ts.map +1 -0
  188. package/dist/types/wrappers/vue/composables.d.ts +2 -0
  189. package/dist/types/wrappers/vue/composables.d.ts.map +1 -0
  190. package/dist/types/wrappers/vue/index.d.ts +6 -0
  191. package/dist/types/wrappers/vue/index.d.ts.map +1 -0
  192. package/dist/types/wrappers/vue/plugin.d.ts +2 -0
  193. package/dist/types/wrappers/vue/plugin.d.ts.map +1 -0
  194. package/dist/types/wrappers/vue/types.d.ts +38 -0
  195. package/dist/types/wrappers/vue/types.d.ts.map +1 -0
  196. package/package.json +138 -0
@@ -0,0 +1,75 @@
1
+ import { BaseComponent } from '../../core/base-component.js';
2
+ import { AccessibilityConfig } from '../../types/accessibility.js';
3
+ export interface KFileUploadProps {
4
+ accept?: string;
5
+ multiple?: boolean;
6
+ maxSize?: number;
7
+ maxFiles?: number;
8
+ disabled?: boolean;
9
+ required?: boolean;
10
+ placeholder?: string;
11
+ showProgress?: boolean;
12
+ showFileList?: boolean;
13
+ dragAndDrop?: boolean;
14
+ styles?: string;
15
+ }
16
+ export declare class KFileUpload extends BaseComponent {
17
+ static get observedAttributes(): string[];
18
+ private _files;
19
+ private _isDragging;
20
+ private _inputElement;
21
+ private _dropZoneElement;
22
+ private _fileListElement;
23
+ private _progressElement;
24
+ get accept(): string;
25
+ set accept(val: string);
26
+ get multiple(): boolean;
27
+ set multiple(val: boolean);
28
+ get maxSize(): number;
29
+ set maxSize(val: number);
30
+ get maxFiles(): number;
31
+ set maxFiles(val: number);
32
+ get disabled(): boolean;
33
+ set disabled(val: boolean);
34
+ get required(): boolean;
35
+ set required(val: boolean);
36
+ get placeholder(): string;
37
+ set placeholder(val: string);
38
+ get showProgress(): boolean;
39
+ get showFileList(): boolean;
40
+ get dragAndDrop(): boolean;
41
+ get files(): File[];
42
+ constructor();
43
+ render(): void;
44
+ private _attachEventListeners;
45
+ private _onDragOver;
46
+ private _onDragLeave;
47
+ private _onDrop;
48
+ private _onFileInputChange;
49
+ private _onRemoveFile;
50
+ private _processFiles;
51
+ private _validateFileType;
52
+ private _validateFileSize;
53
+ private _removeFile;
54
+ private _generateFileId;
55
+ private _getAcceptHint;
56
+ private _getSizeHint;
57
+ private _formatFileSize;
58
+ private _renderFileList;
59
+ private _renderFileItem;
60
+ private _getFileIcon;
61
+ private _renderProgress;
62
+ private _showError;
63
+ private _dispatchChangeEvent;
64
+ clear(): void;
65
+ upload(): Promise<void[]>;
66
+ private _uploadFile;
67
+ getAccessibilityConfig(): AccessibilityConfig;
68
+ private _getKeyboardConfig;
69
+ private _triggerFileInput;
70
+ private _handleTabNavigation;
71
+ attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
72
+ getDefaultStyles(): CSSStyleSheet;
73
+ }
74
+ export default KFileUpload;
75
+ //# sourceMappingURL=fileupload.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"fileupload.d.ts","sourceRoot":"","sources":["../../../../src/components/advanced/fileupload.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,46 @@
1
+ import type { StoryObj } from '@storybook/web-components';
2
+ import './fileupload';
3
+ declare const meta: {
4
+ title: string;
5
+ component: string;
6
+ parameters: {
7
+ docs: {
8
+ description: {
9
+ component: string;
10
+ };
11
+ };
12
+ };
13
+ argTypes: {
14
+ accept: {
15
+ control: string;
16
+ description: string;
17
+ };
18
+ multiple: {
19
+ control: string;
20
+ description: string;
21
+ };
22
+ disabled: {
23
+ control: string;
24
+ description: string;
25
+ };
26
+ maxSize: {
27
+ control: string;
28
+ description: string;
29
+ };
30
+ };
31
+ };
32
+ export default meta;
33
+ type Story = StoryObj<typeof meta>;
34
+ export declare const Default: Story;
35
+ export declare const SingleFile: Story;
36
+ export declare const MultipleFiles: Story;
37
+ export declare const ImageOnly: Story;
38
+ export declare const DocumentOnly: Story;
39
+ export declare const Disabled: Story;
40
+ export declare const WithLabel: Story;
41
+ export declare const WithHelp: Story;
42
+ export declare const InForm: Story;
43
+ export declare const WithProgress: Story;
44
+ export declare const DragDropZone: Story;
45
+ export declare const FileList: Story;
46
+ //# sourceMappingURL=fileupload.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"fileupload.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/advanced/fileupload.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,cAAc,CAAC;AAEtB,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAExB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAG3B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAG1B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAUtB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAoBpB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAU1B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAW1B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAuBtB,CAAC"}
@@ -0,0 +1,4 @@
1
+ export * from "./datepicker";
2
+ export * from "./fileupload";
3
+ export * from "./datatable";
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/advanced/index.ts"],"names":[],"mappings":"AAGA,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC"}
@@ -0,0 +1,94 @@
1
+ import { BaseComponent } from '../../core/base-component.js';
2
+ import { AccessibilityConfig } from '../../types/index.js';
3
+ import { KAvatarProps } from '../../types/components.js';
4
+ /**
5
+ * KAvatar - A user avatar component supporting images, initials, and status indicators
6
+ *
7
+ * @example
8
+ * ```html
9
+ * <!-- Image avatar -->
10
+ * <k-avatar src="user.jpg" alt="John Doe"></k-avatar>
11
+ *
12
+ * <!-- Initials avatar -->
13
+ * <k-avatar fallback="JD" alt="John Doe"></k-avatar>
14
+ *
15
+ * <!-- Avatar with status -->
16
+ * <k-avatar src="user.jpg" status="online"></k-avatar>
17
+ *
18
+ * <!-- Group of avatars -->
19
+ * <k-avatar-group max="3">
20
+ * <k-avatar src="user1.jpg"></k-avatar>
21
+ * <k-avatar src="user2.jpg"></k-avatar>
22
+ * <k-avatar src="user3.jpg"></k-avatar>
23
+ * <k-avatar src="user4.jpg"></k-avatar>
24
+ * </k-avatar-group>
25
+ * ```
26
+ */
27
+ export declare class KAvatar extends BaseComponent {
28
+ private avatarElement;
29
+ private imageElement;
30
+ private fallbackElement;
31
+ private statusElement;
32
+ static get observedAttributes(): string[];
33
+ get src(): string;
34
+ set src(value: string);
35
+ get alt(): string;
36
+ set alt(value: string);
37
+ get size(): KAvatarProps['size'];
38
+ set size(value: KAvatarProps['size']);
39
+ get shape(): KAvatarProps['shape'];
40
+ set shape(value: KAvatarProps['shape']);
41
+ get fallback(): string;
42
+ set fallback(value: string);
43
+ get status(): 'online' | 'offline' | 'away' | 'busy' | 'none';
44
+ set status(value: 'online' | 'offline' | 'away' | 'busy' | 'none');
45
+ get statusPosition(): 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
46
+ set statusPosition(value: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left');
47
+ get statusSize(): 'xs' | 'sm' | 'md' | 'lg';
48
+ set statusSize(value: 'xs' | 'sm' | 'md' | 'lg');
49
+ get border(): boolean;
50
+ set border(value: boolean);
51
+ get borderColor(): string;
52
+ set borderColor(value: string);
53
+ get elevation(): 'none' | 'sm' | 'md' | 'lg';
54
+ set elevation(value: 'none' | 'sm' | 'md' | 'lg');
55
+ render(): void;
56
+ private generateFallback;
57
+ getAccessibilityConfig(): AccessibilityConfig;
58
+ getDefaultStyles(): CSSStyleSheet;
59
+ protected onAttributeChange(name: string, oldValue: string | null, newValue: string | null): void;
60
+ setImage(src: string, alt?: string): void;
61
+ setFallback(text: string): void;
62
+ setStatus(status: 'online' | 'offline' | 'away' | 'busy' | 'none', position?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left', size?: 'xs' | 'sm' | 'md' | 'lg'): void;
63
+ clearStatus(): void;
64
+ setBorder(enabled: boolean, color?: string): void;
65
+ setElevation(level: 'none' | 'sm' | 'md' | 'lg'): void;
66
+ getInitials(): string;
67
+ hasImage(): boolean;
68
+ getImageUrl(): string;
69
+ static createImageAvatar(src: string, alt: string, size?: KAvatarProps['size'], shape?: KAvatarProps['shape']): KAvatar;
70
+ static createInitialsAvatar(name: string, size?: KAvatarProps['size'], shape?: KAvatarProps['shape']): KAvatar;
71
+ static createWithStatus(src: string, alt: string, status: 'online' | 'offline' | 'away' | 'busy', size?: KAvatarProps['size']): KAvatar;
72
+ }
73
+ export declare class KAvatarGroup extends BaseComponent {
74
+ private avatars;
75
+ static get observedAttributes(): string[];
76
+ get max(): number;
77
+ set max(value: number);
78
+ get spacing(): string;
79
+ set spacing(value: string);
80
+ get direction(): 'row' | 'column';
81
+ set direction(value: 'row' | 'column');
82
+ get size(): KAvatarProps['size'];
83
+ set size(value: KAvatarProps['size']);
84
+ get shape(): KAvatarProps['shape'];
85
+ set shape(value: KAvatarProps['shape']);
86
+ render(): void;
87
+ getAccessibilityConfig(): AccessibilityConfig;
88
+ getDefaultStyles(): CSSStyleSheet;
89
+ addAvatar(avatar: KAvatar): void;
90
+ removeAvatar(index: number): boolean;
91
+ getAvatarCount(): number;
92
+ getVisibleCount(): number;
93
+ }
94
+ //# sourceMappingURL=avatar.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/data/avatar.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,51 @@
1
+ import type { StoryObj } from '@storybook/web-components';
2
+ import './avatar';
3
+ declare const meta: {
4
+ title: string;
5
+ component: string;
6
+ parameters: {
7
+ docs: {
8
+ description: {
9
+ component: string;
10
+ };
11
+ };
12
+ };
13
+ argTypes: {
14
+ src: {
15
+ control: string;
16
+ description: string;
17
+ };
18
+ initials: {
19
+ control: string;
20
+ description: string;
21
+ };
22
+ size: {
23
+ control: string;
24
+ options: string[];
25
+ description: string;
26
+ };
27
+ variant: {
28
+ control: string;
29
+ options: string[];
30
+ description: string;
31
+ };
32
+ };
33
+ };
34
+ export default meta;
35
+ type Story = StoryObj<typeof meta>;
36
+ export declare const WithImage: Story;
37
+ export declare const WithInitials: Story;
38
+ export declare const Circle: Story;
39
+ export declare const Square: Story;
40
+ export declare const Rounded: Story;
41
+ export declare const ExtraSmall: Story;
42
+ export declare const Small: Story;
43
+ export declare const Medium: Story;
44
+ export declare const Large: Story;
45
+ export declare const ExtraLarge: Story;
46
+ export declare const AllSizes: Story;
47
+ export declare const AllVariants: Story;
48
+ export declare const Group: Story;
49
+ export declare const WithName: Story;
50
+ export declare const UserList: Story;
51
+ //# sourceMappingURL=avatar.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"avatar.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/data/avatar.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,UAAU,CAAC;AAElB,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+BM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAE1B,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAEpB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAEpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAExB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAEnB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAEpB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAEnB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAExB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAUtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAQzB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAgBnB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAUtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAiBtB,CAAC"}
@@ -0,0 +1,69 @@
1
+ import { BaseComponent } from '../../core/base-component.js';
2
+ import { AccessibilityConfig } from '../../types/index.js';
3
+ import { KBadgeProps } from '../../types/components.js';
4
+ /**
5
+ * KBadge - A small status indicator component for notifications, counts, and labels
6
+ *
7
+ * @example
8
+ * ```html
9
+ * <!-- Basic badge -->
10
+ * <k-badge>New</k-badge>
11
+ *
12
+ * <!-- With count -->
13
+ * <k-badge count="5" max="99">Notifications</k-badge>
14
+ *
15
+ * <!-- Dot badge -->
16
+ * <k-badge dot variant="error"></k-badge>
17
+ *
18
+ * <!-- Positioned badge -->
19
+ * <div style="position: relative; display: inline-block;">
20
+ * <button>Inbox</button>
21
+ * <k-badge count="3" position="top-right"></k-badge>
22
+ * </div>
23
+ * ```
24
+ */
25
+ export declare class KBadge extends BaseComponent {
26
+ private badgeElement;
27
+ private contentElement;
28
+ static get observedAttributes(): string[];
29
+ get variant(): KBadgeProps['variant'];
30
+ set variant(value: KBadgeProps['variant']);
31
+ get size(): KBadgeProps['size'];
32
+ set size(value: KBadgeProps['size']);
33
+ get dot(): boolean;
34
+ set dot(value: boolean);
35
+ get count(): number;
36
+ set count(value: number);
37
+ get max(): number;
38
+ set max(value: number);
39
+ get position(): 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'none';
40
+ set position(value: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'none');
41
+ get offsetX(): string;
42
+ set offsetX(value: string);
43
+ get offsetY(): string;
44
+ set offsetY(value: string);
45
+ get showZero(): boolean;
46
+ set showZero(value: boolean);
47
+ get pulse(): boolean;
48
+ set pulse(value: boolean);
49
+ render(): void;
50
+ private getAriaLabel;
51
+ getAccessibilityConfig(): AccessibilityConfig;
52
+ getDefaultStyles(): CSSStyleSheet;
53
+ protected onAttributeChange(name: string, oldValue: string | null, newValue: string | null): void;
54
+ increment(amount?: number): void;
55
+ decrement(amount?: number): void;
56
+ reset(): void;
57
+ show(): void;
58
+ hide(): void;
59
+ toggle(): void;
60
+ setPosition(position: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'none', offsetX?: string, offsetY?: string): void;
61
+ startPulse(): void;
62
+ stopPulse(): void;
63
+ getDisplayCount(): string;
64
+ isVisible(): boolean;
65
+ static createCountBadge(count: number, variant?: KBadgeProps['variant'], size?: KBadgeProps['size'], max?: number): KBadge;
66
+ static createDotBadge(variant?: KBadgeProps['variant'], size?: KBadgeProps['size'], pulse?: boolean): KBadge;
67
+ static createLabelBadge(text: string, variant?: KBadgeProps['variant'], size?: KBadgeProps['size']): KBadge;
68
+ }
69
+ //# sourceMappingURL=badge.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../../src/components/data/badge.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,48 @@
1
+ import type { StoryObj } from '@storybook/web-components';
2
+ import './badge';
3
+ declare const meta: {
4
+ title: string;
5
+ component: string;
6
+ parameters: {
7
+ docs: {
8
+ description: {
9
+ component: string;
10
+ };
11
+ };
12
+ };
13
+ argTypes: {
14
+ variant: {
15
+ control: string;
16
+ options: string[];
17
+ description: string;
18
+ };
19
+ size: {
20
+ control: string;
21
+ options: string[];
22
+ description: string;
23
+ };
24
+ rounded: {
25
+ control: string;
26
+ description: string;
27
+ };
28
+ };
29
+ };
30
+ export default meta;
31
+ type Story = StoryObj<typeof meta>;
32
+ export declare const Primary: Story;
33
+ export declare const Secondary: Story;
34
+ export declare const Success: Story;
35
+ export declare const Warning: Story;
36
+ export declare const Error: Story;
37
+ export declare const Info: Story;
38
+ export declare const Small: Story;
39
+ export declare const Medium: Story;
40
+ export declare const Large: Story;
41
+ export declare const Rounded: Story;
42
+ export declare const AllVariants: Story;
43
+ export declare const AllSizes: Story;
44
+ export declare const WithText: Story;
45
+ export declare const Counter: Story;
46
+ export declare const InList: Story;
47
+ export declare const RoundedVariants: Story;
48
+ //# sourceMappingURL=badge.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"badge.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/data/badge.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,SAAS,CAAC;AAEjB,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAEnB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAElB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAEnB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAEpB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAEnB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAWzB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAuBpB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAW7B,CAAC"}
@@ -0,0 +1,5 @@
1
+ export * from './table';
2
+ export * from './list';
3
+ export * from './badge';
4
+ export * from './avatar';
5
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data/index.ts"],"names":[],"mappings":"AACA,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC"}
@@ -0,0 +1,66 @@
1
+ import { BaseComponent } from '../../core/base-component.js';
2
+ /**
3
+ * KList - A flexible list component supporting ordered, unordered, and description lists
4
+ *
5
+ * @example
6
+ * ```html
7
+ * <!-- Unordered list -->
8
+ * <k-list type="unordered">
9
+ * <k-list-item>Item 1</k-list-item>
10
+ * <k-list-item>Item 2</k-list-item>
11
+ * </k-list>
12
+ *
13
+ * <!-- Ordered list -->
14
+ * <k-list type="ordered" start="5" reversed>
15
+ * <k-list-item>First item</k-list-item>
16
+ * <k-list-item>Second item</k-list-item>
17
+ * </k-list>
18
+ *
19
+ * <!-- Description list -->
20
+ * <k-list type="description">
21
+ * <k-list-term>Term 1</k-list-term>
22
+ * <k-list-details>Description 1</k-list-details>
23
+ * </k-list>
24
+ * ```
25
+ */
26
+ export declare class KList extends BaseComponent {
27
+ private listElement;
28
+ private items;
29
+ static get observedAttributes(): string[];
30
+ get type(): 'ordered' | 'unordered' | 'description';
31
+ set type(value: 'ordered' | 'unordered' | 'description');
32
+ get start(): number;
33
+ set start(value: number);
34
+ get reversed(): boolean;
35
+ set reversed(value: boolean);
36
+ get compact(): boolean;
37
+ set compact(value: boolean);
38
+ get bordered(): boolean;
39
+ set bordered(value: boolean);
40
+ get marker(): string;
41
+ set marker(value: string);
42
+ get dense(): boolean;
43
+ set dense(value: boolean);
44
+ render(): void;
45
+ private getListRole;
46
+ private getAriaLabel;
47
+ private getDefaultMarker;
48
+ private getCounterStyle;
49
+ private setupEventListeners;
50
+ private updateListItems;
51
+ getDefaultStyles(): CSSStyleSheet;
52
+ protected attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
53
+ addItem(content: string | HTMLElement, position?: number): void;
54
+ removeItem(index: number): boolean;
55
+ clear(): void;
56
+ getItemCount(): number;
57
+ getItems(): HTMLElement[];
58
+ static createOrderedList(items: string[], start?: number, reversed?: boolean): KList;
59
+ static createUnorderedList(items: string[], marker?: string): KList;
60
+ static createDescriptionList(items: Array<{
61
+ term: string;
62
+ details: string;
63
+ }>): KList;
64
+ }
65
+ export { KList };
66
+ //# sourceMappingURL=list.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../../src/components/data/list.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAG7D;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,qBAAa,KAAM,SAAQ,aAAa;IACtC,OAAO,CAAC,WAAW,CAA4B;IAC/C,OAAO,CAAC,KAAK,CAAqB;IAElC,WAAoB,kBAAkB,IAAI,MAAM,EAAE,CAWjD;IAGD,IAAI,IAAI,IAAI,SAAS,GAAG,WAAW,GAAG,aAAa,CAElD;IAED,IAAI,IAAI,CAAC,KAAK,EAAE,SAAS,GAAG,WAAW,GAAG,aAAa,EAEtD;IAED,IAAI,KAAK,IAAI,MAAM,CAGlB;IAED,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,EAEtB;IAED,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED,IAAI,QAAQ,CAAC,KAAK,EAAE,OAAO,EAM1B;IAED,IAAI,OAAO,IAAI,OAAO,CAErB;IAED,IAAI,OAAO,CAAC,KAAK,EAAE,OAAO,EAMzB;IAED,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED,IAAI,QAAQ,CAAC,KAAK,EAAE,OAAO,EAM1B;IAED,IAAI,MAAM,IAAI,MAAM,CAEnB;IAED,IAAI,MAAM,CAAC,KAAK,EAAE,MAAM,EAEvB;IAED,IAAI,KAAK,IAAI,OAAO,CAEnB;IAED,IAAI,KAAK,CAAC,KAAK,EAAE,OAAO,EAMvB;IAEe,MAAM,IAAI,IAAI;IA2M9B,OAAO,CAAC,WAAW;IAyBnB,OAAO,CAAC,YAAY;IAapB,OAAO,CAAC,gBAAgB;IAaxB,OAAO,CAAC,eAAe;IAoBvB,OAAO,CAAC,mBAAmB;IAU3B,OAAO,CAAC,eAAe;IAuBhB,gBAAgB,IAAI,aAAa;cAcrB,wBAAwB,CACzC,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,MAAM,GAAG,IAAI,EACvB,QAAQ,EAAE,MAAM,GAAG,IAAI,GACtB,IAAI;IASA,OAAO,CAAC,OAAO,EAAE,MAAM,GAAG,WAAW,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI;IAqB/D,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO;IAWlC,KAAK,IAAI,IAAI;IAOb,YAAY,IAAI,MAAM;IAKtB,QAAQ,IAAI,WAAW,EAAE;WAOlB,iBAAiB,CAC7B,KAAK,EAAE,MAAM,EAAE,EACf,KAAK,GAAE,MAAU,EACjB,QAAQ,GAAE,OAAe,GACxB,KAAK;WAeM,mBAAmB,CAC/B,KAAK,EAAE,MAAM,EAAE,EACf,MAAM,GAAE,MAAe,GACtB,KAAK;WAcM,qBAAqB,CACjC,KAAK,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC,GAC9C,KAAK;CAiBT;AAmED,OAAO,EAAE,KAAK,EAAE,CAAC"}
@@ -0,0 +1,38 @@
1
+ import type { StoryObj } from '@storybook/web-components';
2
+ import './list';
3
+ declare const meta: {
4
+ title: string;
5
+ component: string;
6
+ parameters: {
7
+ docs: {
8
+ description: {
9
+ component: string;
10
+ };
11
+ };
12
+ };
13
+ argTypes: {
14
+ type: {
15
+ control: string;
16
+ options: string[];
17
+ description: string;
18
+ };
19
+ size: {
20
+ control: string;
21
+ options: string[];
22
+ description: string;
23
+ };
24
+ };
25
+ };
26
+ export default meta;
27
+ type Story = StoryObj<typeof meta>;
28
+ export declare const Unordered: Story;
29
+ export declare const Ordered: Story;
30
+ export declare const Description: Story;
31
+ export declare const Small: Story;
32
+ export declare const Medium: Story;
33
+ export declare const Large: Story;
34
+ export declare const Nested: Story;
35
+ export declare const WithLinks: Story;
36
+ export declare const MixedContent: Story;
37
+ export declare const LongList: Story;
38
+ //# sourceMappingURL=list.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"list.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/data/list.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,QAAQ,CAAC;AAEhB,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;CAsBM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,SAAS,EAAE,KASvB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAWzB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAQpB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAmBpB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KASvB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAS1B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAetB,CAAC"}
@@ -0,0 +1,70 @@
1
+ import { BaseComponent } from '../../core/base-component.js';
2
+ import { AccessibilityConfig } from '../../types/index.js';
3
+ import { TableColumn } from '../../types/components.js';
4
+ /**
5
+ * KTable - A responsive, sortable table component for displaying tabular data
6
+ *
7
+ * @example
8
+ * ```html
9
+ * <k-table>
10
+ * <k-table-column key="name" label="Name" sortable></k-table-column>
11
+ * <k-table-column key="age" label="Age" align="right"></k-table-column>
12
+ * <k-table-row>
13
+ * <k-table-cell>John Doe</k-table-cell>
14
+ * <k-table-cell>30</k-table-cell>
15
+ * </k-table-row>
16
+ * </k-table>
17
+ * ```
18
+ */
19
+ export declare class KTable extends BaseComponent {
20
+ private table;
21
+ private thead;
22
+ private tbody;
23
+ private sortColumn;
24
+ private sortDirection;
25
+ private selectedRows;
26
+ private currentPage;
27
+ private filteredData;
28
+ static get observedAttributes(): string[];
29
+ get data(): any[];
30
+ set data(value: any[]);
31
+ get columns(): TableColumn[];
32
+ set columns(value: TableColumn[]);
33
+ get sortable(): boolean;
34
+ set sortable(value: boolean);
35
+ get filterable(): boolean;
36
+ set filterable(value: boolean);
37
+ get selectable(): boolean;
38
+ set selectable(value: boolean);
39
+ get pagination(): boolean;
40
+ set pagination(value: boolean);
41
+ get pageSize(): number;
42
+ set pageSize(value: number);
43
+ get striped(): boolean;
44
+ set striped(value: boolean);
45
+ get bordered(): boolean;
46
+ set bordered(value: boolean);
47
+ get hover(): boolean;
48
+ set hover(value: boolean);
49
+ get compact(): boolean;
50
+ set compact(value: boolean);
51
+ render(): void;
52
+ private setupEventListeners;
53
+ private handleSort;
54
+ private updateSortIndicator;
55
+ private updateRowSelection;
56
+ private getTotalPages;
57
+ sort(column: string, direction?: 'asc' | 'desc'): void;
58
+ filter(column: string, value: any): void;
59
+ selectRow(index: number): void;
60
+ selectAll(): void;
61
+ clearSelection(): void;
62
+ refresh(): void;
63
+ getSelectedRows(): any[];
64
+ getCurrentPage(): number;
65
+ setCurrentPage(page: number): void;
66
+ getAccessibilityConfig(): AccessibilityConfig;
67
+ getDefaultStyles(): CSSStyleSheet;
68
+ protected onAttributeChange(name: string, oldValue: string | null, newValue: string | null): void;
69
+ }
70
+ //# sourceMappingURL=table.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../../src/components/data/table.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EAAe,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAErE;;;;;;;;;;;;;;GAcG;AACH,qBAAa,MAAO,SAAQ,aAAa;IACvC,OAAO,CAAC,KAAK,CAAiC;IAC9C,OAAO,CAAC,KAAK,CAAwC;IACrD,OAAO,CAAC,KAAK,CAAwC;IACrD,OAAO,CAAC,UAAU,CAAuB;IACzC,OAAO,CAAC,aAAa,CAAyB;IAC9C,OAAO,CAAC,YAAY,CAA0B;IAC9C,OAAO,CAAC,WAAW,CAAa;IAChC,OAAO,CAAC,YAAY,CAAa;IAEjC,WAAoB,kBAAkB,IAAI,MAAM,EAAE,CAejD;IAGD,IAAI,IAAI,IAAI,GAAG,EAAE,CAOhB;IAED,IAAI,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,EAEpB;IAED,IAAI,OAAO,IAAI,WAAW,EAAE,CAO3B;IAED,IAAI,OAAO,CAAC,KAAK,EAAE,WAAW,EAAE,EAE/B;IAED,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED,IAAI,QAAQ,CAAC,KAAK,EAAE,OAAO,EAM1B;IAED,IAAI,UAAU,IAAI,OAAO,CAExB;IAED,IAAI,UAAU,CAAC,KAAK,EAAE,OAAO,EAM5B;IAED,IAAI,UAAU,IAAI,OAAO,CAExB;IAED,IAAI,UAAU,CAAC,KAAK,EAAE,OAAO,EAM5B;IAED,IAAI,UAAU,IAAI,OAAO,CAExB;IAED,IAAI,UAAU,CAAC,KAAK,EAAE,OAAO,EAM5B;IAED,IAAI,QAAQ,IAAI,MAAM,CAGrB;IAED,IAAI,QAAQ,CAAC,KAAK,EAAE,MAAM,EAEzB;IAED,IAAI,OAAO,IAAI,OAAO,CAErB;IAED,IAAI,OAAO,CAAC,KAAK,EAAE,OAAO,EAMzB;IAED,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED,IAAI,QAAQ,CAAC,KAAK,EAAE,OAAO,EAM1B;IAED,IAAI,KAAK,IAAI,OAAO,CAEnB;IAED,IAAI,KAAK,CAAC,KAAK,EAAE,OAAO,EAMvB;IAED,IAAI,OAAO,IAAI,OAAO,CAErB;IAED,IAAI,OAAO,CAAC,KAAK,EAAE,OAAO,EAMzB;IAEe,MAAM,IAAI,IAAI;IA4Y9B,OAAO,CAAC,mBAAmB;IA8J3B,OAAO,CAAC,UAAU;IA+BlB,OAAO,CAAC,mBAAmB;IAc3B,OAAO,CAAC,kBAAkB;IAyB1B,OAAO,CAAC,aAAa;IAKd,IAAI,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,GAAE,KAAK,GAAG,MAAc,GAAG,IAAI;IAM7D,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,GAAG,IAAI;IAmBxC,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAe9B,SAAS,IAAI,IAAI;IASjB,cAAc,IAAI,IAAI;IAMtB,OAAO,IAAI,IAAI;IASf,eAAe,IAAI,GAAG,EAAE;IAIxB,cAAc,IAAI,MAAM;IAIxB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAMlC,sBAAsB,IAAI,mBAAmB;IAS7C,gBAAgB,IAAI,aAAa;cAKrB,iBAAiB,CAClC,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,MAAM,GAAG,IAAI,EACvB,QAAQ,EAAE,MAAM,GAAG,IAAI,GACtB,IAAI;CAmBR"}