@komarcalabs/design-system 0.1.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 (131) hide show
  1. package/README.md +409 -0
  2. package/dist/carousel-D_f-K2v2.js +83 -0
  3. package/dist/index.d.ts +4 -0
  4. package/dist/index.d.ts.map +1 -0
  5. package/dist/index.js +51 -0
  6. package/dist/plugin-DfFKi2ZR.js +941 -0
  7. package/dist/react/components/KmAlert.d.ts +8 -0
  8. package/dist/react/components/KmAlert.d.ts.map +1 -0
  9. package/dist/react/components/KmBadge.d.ts +7 -0
  10. package/dist/react/components/KmBadge.d.ts.map +1 -0
  11. package/dist/react/components/KmButton.d.ts +18 -0
  12. package/dist/react/components/KmButton.d.ts.map +1 -0
  13. package/dist/react/components/KmCard.d.ts +7 -0
  14. package/dist/react/components/KmCard.d.ts.map +1 -0
  15. package/dist/react/components/KmInput.d.ts +14 -0
  16. package/dist/react/components/KmInput.d.ts.map +1 -0
  17. package/dist/react/components/KmSelect.d.ts +23 -0
  18. package/dist/react/components/KmSelect.d.ts.map +1 -0
  19. package/dist/react/components/KmStack.d.ts +13 -0
  20. package/dist/react/components/KmStack.d.ts.map +1 -0
  21. package/dist/react/components/KmStepper.d.ts +17 -0
  22. package/dist/react/components/KmStepper.d.ts.map +1 -0
  23. package/dist/react/components/KmTextarea.d.ts +14 -0
  24. package/dist/react/components/KmTextarea.d.ts.map +1 -0
  25. package/dist/react/components/KmToggleSwitch.d.ts +11 -0
  26. package/dist/react/components/KmToggleSwitch.d.ts.map +1 -0
  27. package/dist/react/components/index.d.ts +11 -0
  28. package/dist/react/components/index.d.ts.map +1 -0
  29. package/dist/react/index.d.ts +2 -0
  30. package/dist/react/index.d.ts.map +1 -0
  31. package/dist/react.d.ts +2 -0
  32. package/dist/react.d.ts.map +1 -0
  33. package/dist/react.js +363 -0
  34. package/dist/styles.css +1 -0
  35. package/dist/theme-CI9qhP-e.js +337 -0
  36. package/dist/toggleSwitch-CpBXc_jq.js +369 -0
  37. package/dist/tokens/colors.d.ts +284 -0
  38. package/dist/tokens/colors.d.ts.map +1 -0
  39. package/dist/tokens/index.d.ts +5 -0
  40. package/dist/tokens/index.d.ts.map +1 -0
  41. package/dist/tokens/spacing.d.ts +31 -0
  42. package/dist/tokens/spacing.d.ts.map +1 -0
  43. package/dist/tokens/theme.d.ts +96 -0
  44. package/dist/tokens/theme.d.ts.map +1 -0
  45. package/dist/tokens/typography.d.ts +22 -0
  46. package/dist/tokens/typography.d.ts.map +1 -0
  47. package/dist/tokens.d.ts +3 -0
  48. package/dist/tokens.d.ts.map +1 -0
  49. package/dist/tokens.js +31 -0
  50. package/dist/utils/classNames.d.ts +3 -0
  51. package/dist/utils/classNames.d.ts.map +1 -0
  52. package/dist/utils/index.d.ts +3 -0
  53. package/dist/utils/index.d.ts.map +1 -0
  54. package/dist/utils/useId.d.ts +9 -0
  55. package/dist/utils/useId.d.ts.map +1 -0
  56. package/dist/variants/alert.d.ts +85 -0
  57. package/dist/variants/alert.d.ts.map +1 -0
  58. package/dist/variants/avatar.d.ts +37 -0
  59. package/dist/variants/avatar.d.ts.map +1 -0
  60. package/dist/variants/badge.d.ts +46 -0
  61. package/dist/variants/badge.d.ts.map +1 -0
  62. package/dist/variants/button.d.ts +108 -0
  63. package/dist/variants/button.d.ts.map +1 -0
  64. package/dist/variants/card.d.ts +46 -0
  65. package/dist/variants/card.d.ts.map +1 -0
  66. package/dist/variants/carousel.d.ts +40 -0
  67. package/dist/variants/carousel.d.ts.map +1 -0
  68. package/dist/variants/field.d.ts +46 -0
  69. package/dist/variants/field.d.ts.map +1 -0
  70. package/dist/variants/index.d.ts +15 -0
  71. package/dist/variants/index.d.ts.map +1 -0
  72. package/dist/variants/input.d.ts +4 -0
  73. package/dist/variants/input.d.ts.map +1 -0
  74. package/dist/variants/select.d.ts +4 -0
  75. package/dist/variants/select.d.ts.map +1 -0
  76. package/dist/variants/spinner.d.ts +40 -0
  77. package/dist/variants/spinner.d.ts.map +1 -0
  78. package/dist/variants/stack.d.ts +91 -0
  79. package/dist/variants/stack.d.ts.map +1 -0
  80. package/dist/variants/stepper.d.ts +160 -0
  81. package/dist/variants/stepper.d.ts.map +1 -0
  82. package/dist/variants/textarea.d.ts +4 -0
  83. package/dist/variants/textarea.d.ts.map +1 -0
  84. package/dist/variants/toggleSwitch.d.ts +115 -0
  85. package/dist/variants/toggleSwitch.d.ts.map +1 -0
  86. package/dist/vue/components/KmAlert.vue.d.ts +26 -0
  87. package/dist/vue/components/KmAlert.vue.d.ts.map +1 -0
  88. package/dist/vue/components/KmAvatar.vue.d.ts +12 -0
  89. package/dist/vue/components/KmAvatar.vue.d.ts.map +1 -0
  90. package/dist/vue/components/KmBadge.vue.d.ts +24 -0
  91. package/dist/vue/components/KmBadge.vue.d.ts.map +1 -0
  92. package/dist/vue/components/KmButton.vue.d.ts +35 -0
  93. package/dist/vue/components/KmButton.vue.d.ts.map +1 -0
  94. package/dist/vue/components/KmCard.vue.d.ts +20 -0
  95. package/dist/vue/components/KmCard.vue.d.ts.map +1 -0
  96. package/dist/vue/components/KmCarousel.vue.d.ts +29 -0
  97. package/dist/vue/components/KmCarousel.vue.d.ts.map +1 -0
  98. package/dist/vue/components/KmDialog/KmDialog.vue.d.ts +30 -0
  99. package/dist/vue/components/KmDialog/KmDialog.vue.d.ts.map +1 -0
  100. package/dist/vue/components/KmDialog/KmDialogBody.vue.d.ts +18 -0
  101. package/dist/vue/components/KmDialog/KmDialogBody.vue.d.ts.map +1 -0
  102. package/dist/vue/components/KmDialog/KmDialogFooter.vue.d.ts +22 -0
  103. package/dist/vue/components/KmDialog/KmDialogFooter.vue.d.ts.map +1 -0
  104. package/dist/vue/components/KmDialog/KmDialogHeader.vue.d.ts +12 -0
  105. package/dist/vue/components/KmDialog/KmDialogHeader.vue.d.ts.map +1 -0
  106. package/dist/vue/components/KmDialog/index.d.ts +7 -0
  107. package/dist/vue/components/KmDialog/index.d.ts.map +1 -0
  108. package/dist/vue/components/KmInput.vue.d.ts +20 -0
  109. package/dist/vue/components/KmInput.vue.d.ts.map +1 -0
  110. package/dist/vue/components/KmSelect.vue.d.ts +29 -0
  111. package/dist/vue/components/KmSelect.vue.d.ts.map +1 -0
  112. package/dist/vue/components/KmSpinner.vue.d.ts +11 -0
  113. package/dist/vue/components/KmSpinner.vue.d.ts.map +1 -0
  114. package/dist/vue/components/KmStack.vue.d.ts +34 -0
  115. package/dist/vue/components/KmStack.vue.d.ts.map +1 -0
  116. package/dist/vue/components/KmStepper.vue.d.ts +22 -0
  117. package/dist/vue/components/KmStepper.vue.d.ts.map +1 -0
  118. package/dist/vue/components/KmTextarea.vue.d.ts +20 -0
  119. package/dist/vue/components/KmTextarea.vue.d.ts.map +1 -0
  120. package/dist/vue/components/KmToggleSwitch.vue.d.ts +20 -0
  121. package/dist/vue/components/KmToggleSwitch.vue.d.ts.map +1 -0
  122. package/dist/vue/components/index.d.ts +15 -0
  123. package/dist/vue/components/index.d.ts.map +1 -0
  124. package/dist/vue/index.d.ts +3 -0
  125. package/dist/vue/index.d.ts.map +1 -0
  126. package/dist/vue/plugin.d.ts +3 -0
  127. package/dist/vue/plugin.d.ts.map +1 -0
  128. package/dist/vue.d.ts +2 -0
  129. package/dist/vue.d.ts.map +1 -0
  130. package/dist/vue.js +22 -0
  131. package/package.json +86 -0
@@ -0,0 +1,29 @@
1
+ type __VLS_Props = {
2
+ watchItems?: any[];
3
+ };
4
+ declare function __VLS_template(): {
5
+ attrs: Partial<{}>;
6
+ slots: {
7
+ default?(_: {}): any;
8
+ };
9
+ refs: {
10
+ sliderRef: HTMLDivElement;
11
+ };
12
+ rootEl: HTMLDivElement;
13
+ };
14
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
15
+ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
16
+ recheck: () => void;
17
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
18
+ watchItems: any[];
19
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
20
+ sliderRef: HTMLDivElement;
21
+ }, HTMLDivElement>;
22
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
23
+ export default _default;
24
+ type __VLS_WithTemplateSlots<T, S> = T & {
25
+ new (): {
26
+ $slots: S;
27
+ };
28
+ };
29
+ //# sourceMappingURL=KmCarousel.vue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"KmCarousel.vue.d.ts","sourceRoot":"","sources":["../../../src/vue/components/KmCarousel.vue"],"names":[],"mappings":"AAoIA,KAAK,WAAW,GAAG;IACf,UAAU,CAAC,EAAE,GAAG,EAAE,CAAC;CACpB,CAAC;AA6EJ,iBAAS,cAAc;WA8ET,OAAO,IAA6B;;yBAXrB,GAAG;;;;;;EAgB/B;AAiBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;gBAnLJ,GAAG,EAAE;;;kBA6LpB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
@@ -0,0 +1,30 @@
1
+ import { DialogRootProps } from 'reka-ui';
2
+ type __VLS_Props = DialogRootProps & {
3
+ size?: 'sm' | 'md' | 'lg' | 'xl' | 'full';
4
+ preventScroll?: boolean;
5
+ };
6
+ declare function __VLS_template(): {
7
+ attrs: Partial<{}>;
8
+ slots: {
9
+ default?(_: {}): any;
10
+ };
11
+ refs: {};
12
+ rootEl: any;
13
+ };
14
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
15
+ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
16
+ "update:open": (value: boolean) => any;
17
+ }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
18
+ "onUpdate:open"?: ((value: boolean) => any) | undefined;
19
+ }>, {
20
+ size: "sm" | "md" | "lg" | "xl" | "full";
21
+ preventScroll: boolean;
22
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
23
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
24
+ export default _default;
25
+ type __VLS_WithTemplateSlots<T, S> = T & {
26
+ new (): {
27
+ $slots: S;
28
+ };
29
+ };
30
+ //# sourceMappingURL=KmDialog.vue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"KmDialog.vue.d.ts","sourceRoot":"","sources":["../../../../src/vue/components/KmDialog/KmDialog.vue"],"names":[],"mappings":"AA0DA,OAAO,EAML,KAAK,eAAe,EACrB,MAAM,SAAS,CAAC;AAGjB,KAAK,WAAW,GAAG,eAAe,GAAG;IACnC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IAC1C,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAkCF,iBAAS,cAAc;WA2ET,OAAO,IAA6B;;yBAVpB,GAAG;;;;EAehC;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;UArIZ,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM;mBACzB,OAAO;6EA6IvB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
@@ -0,0 +1,18 @@
1
+ declare function __VLS_template(): {
2
+ attrs: Partial<{}>;
3
+ slots: {
4
+ default?(_: {}): any;
5
+ };
6
+ refs: {};
7
+ rootEl: HTMLDivElement;
8
+ };
9
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
10
+ declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
11
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
12
+ export default _default;
13
+ type __VLS_WithTemplateSlots<T, S> = T & {
14
+ new (): {
15
+ $slots: S;
16
+ };
17
+ };
18
+ //# sourceMappingURL=KmDialogBody.vue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"KmDialogBody.vue.d.ts","sourceRoot":"","sources":["../../../../src/vue/components/KmDialog/KmDialogBody.vue"],"names":[],"mappings":"AAeA,iBAAS,cAAc;WAwBT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAOD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,0RAMnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAEpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
@@ -0,0 +1,22 @@
1
+ type __VLS_Props = {
2
+ align?: 'start' | 'center' | 'end';
3
+ gap?: 'sm' | 'md' | 'lg';
4
+ };
5
+ declare function __VLS_template(): {
6
+ attrs: Partial<{}>;
7
+ slots: {
8
+ default?(_: {}): any;
9
+ };
10
+ refs: {};
11
+ rootEl: HTMLDivElement;
12
+ };
13
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
14
+ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
15
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
16
+ export default _default;
17
+ type __VLS_WithTemplateSlots<T, S> = T & {
18
+ new (): {
19
+ $slots: S;
20
+ };
21
+ };
22
+ //# sourceMappingURL=KmDialogFooter.vue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"KmDialogFooter.vue.d.ts","sourceRoot":"","sources":["../../../../src/vue/components/KmDialog/KmDialogFooter.vue"],"names":[],"mappings":"AA4BA,KAAK,WAAW,GAAG;IACjB,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC1B,CAAC;AAKF,iBAAS,cAAc;WAgCT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAQD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,6SAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
@@ -0,0 +1,12 @@
1
+ type __VLS_Props = {
2
+ title?: string;
3
+ description?: string;
4
+ showClose?: boolean;
5
+ };
6
+ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
7
+ close: () => any;
8
+ }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
9
+ onClose?: (() => any) | undefined;
10
+ }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
11
+ export default _default;
12
+ //# sourceMappingURL=KmDialogHeader.vue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"KmDialogHeader.vue.d.ts","sourceRoot":"","sources":["../../../../src/vue/components/KmDialog/KmDialogHeader.vue"],"names":[],"mappings":"AA8CA,KAAK,WAAW,GAAG;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;;;;;;AA6FF,wBAQG"}
@@ -0,0 +1,7 @@
1
+ import { default as KmDialog } from './KmDialog.vue';
2
+ import { default as KmDialogHeader } from './KmDialogHeader.vue';
3
+ import { default as KmDialogBody } from './KmDialogBody.vue';
4
+ import { default as KmDialogFooter } from './KmDialogFooter.vue';
5
+ export { KmDialog, KmDialogHeader, KmDialogBody, KmDialogFooter };
6
+ export default KmDialog;
7
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/vue/components/KmDialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AACtC,OAAO,cAAc,MAAM,sBAAsB,CAAC;AAClD,OAAO,YAAY,MAAM,oBAAoB,CAAC;AAC9C,OAAO,cAAc,MAAM,sBAAsB,CAAC;AAElD,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,YAAY,EAAE,cAAc,EAAE,CAAC;AAClE,eAAe,QAAQ,CAAC"}
@@ -0,0 +1,20 @@
1
+ type __VLS_Props = {
2
+ id?: string;
3
+ modelValue?: string | number;
4
+ label?: string;
5
+ hint?: string;
6
+ error?: string;
7
+ placeholder?: string;
8
+ type?: string;
9
+ disabled?: boolean;
10
+ };
11
+ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
12
+ "update:modelValue": (value: string) => any;
13
+ }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
14
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
15
+ }>, {
16
+ disabled: boolean;
17
+ type: string;
18
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLLabelElement>;
19
+ export default _default;
20
+ //# sourceMappingURL=KmInput.vue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"KmInput.vue.d.ts","sourceRoot":"","sources":["../../../src/vue/components/KmInput.vue"],"names":[],"mappings":"AAyFA,KAAK,WAAW,GAAG;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;;;;;;cADW,OAAO;UADX,MAAM;;AAwKjB,wBASG"}
@@ -0,0 +1,29 @@
1
+ declare const _default: <T extends string | number = string>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
2
+ props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
3
+ readonly "onUpdate:modelValue"?: ((value: "" | T) => any) | undefined;
4
+ } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue"> & {
5
+ id?: string;
6
+ modelValue?: T | "";
7
+ options: Array<{
8
+ label: string;
9
+ value: T;
10
+ disabled?: boolean;
11
+ }>;
12
+ label?: string;
13
+ hint?: string;
14
+ error?: string;
15
+ placeholder?: string;
16
+ disabled?: boolean;
17
+ } & Partial<{}>> & import('vue').PublicProps;
18
+ expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
19
+ attrs: any;
20
+ slots: {};
21
+ emit: (evt: "update:modelValue", value: "" | T) => void;
22
+ }>) => import('vue').VNode & {
23
+ __ctx?: Awaited<typeof __VLS_setup>;
24
+ };
25
+ export default _default;
26
+ type __VLS_PrettifyLocal<T> = {
27
+ [K in keyof T]: T[K];
28
+ } & {};
29
+ //# sourceMappingURL=KmSelect.vue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"KmSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/vue/components/KmSelect.vue"],"names":[],"mappings":"yBAwEiB,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM,EAClD,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WAwIO,mBAAmB,CAAC;;;aAlInB,MAAM;qBACE,CAAC,GAAG,EAAE;iBACV,KAAK,CAAC;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,CAAC,CAAC;YAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;SAAE,CAAC;gBACvD,MAAM;eACP,MAAM;gBACL,MAAM;sBACA,MAAM;mBACT,OAAO;mBA2HwE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;EAIP,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAnJzE,wBAmJ4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
@@ -0,0 +1,11 @@
1
+ import { SpinnerVariants } from '../../variants';
2
+ type __VLS_Props = {
3
+ size?: SpinnerVariants["size"];
4
+ color?: SpinnerVariants["color"];
5
+ };
6
+ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
7
+ size: "sm" | "md" | "lg" | "xs";
8
+ color: "primary" | "muted" | "current";
9
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, SVGSVGElement>;
10
+ export default _default;
11
+ //# sourceMappingURL=KmSpinner.vue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"KmSpinner.vue.d.ts","sourceRoot":"","sources":["../../../src/vue/components/KmSpinner.vue"],"names":[],"mappings":"AAmCA,OAAO,EAAmB,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEvE,KAAK,WAAW,GAAG;IACf,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAC/B,KAAK,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;CAClC,CAAC;;;;;AA+DJ,wBAQG"}
@@ -0,0 +1,34 @@
1
+ import { StackVariants } from '../../variants';
2
+ type __VLS_Props = {
3
+ as?: string;
4
+ direction?: StackVariants["direction"];
5
+ gap?: StackVariants["gap"];
6
+ align?: StackVariants["align"];
7
+ justify?: StackVariants["justify"];
8
+ wrap?: StackVariants["wrap"];
9
+ };
10
+ declare function __VLS_template(): {
11
+ attrs: Partial<{}>;
12
+ slots: {
13
+ default?(_: {}): any;
14
+ };
15
+ refs: {};
16
+ rootEl: any;
17
+ };
18
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
19
+ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
20
+ direction: "row" | "column";
21
+ gap: "none" | "sm" | "md" | "lg" | "xl" | "xs";
22
+ align: "start" | "center" | "end" | "stretch";
23
+ justify: "start" | "center" | "end" | "between";
24
+ wrap: boolean;
25
+ as: string;
26
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
27
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
28
+ export default _default;
29
+ type __VLS_WithTemplateSlots<T, S> = T & {
30
+ new (): {
31
+ $slots: S;
32
+ };
33
+ };
34
+ //# sourceMappingURL=KmStack.vue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"KmStack.vue.d.ts","sourceRoot":"","sources":["../../../src/vue/components/KmStack.vue"],"names":[],"mappings":"AA0CA,OAAO,EAAiB,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAEnE,KAAK,WAAW,GAAG;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACvC,GAAG,CAAC,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC;IAC3B,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/B,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACnC,IAAI,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;CAC9B,CAAC;AAiCJ,iBAAS,cAAc;WA+BT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;QAtFZ,MAAM;6EA8Fb,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
@@ -0,0 +1,22 @@
1
+ interface Step {
2
+ title: string;
3
+ description?: string;
4
+ }
5
+ type __VLS_Props = {
6
+ steps: Step[];
7
+ currentStep: number;
8
+ orientation?: "vertical" | "horizontal";
9
+ mode?: "desktop" | "mobile" | "auto";
10
+ mobileLayout?: "circular" | "horizontal";
11
+ mobileLabel?: string;
12
+ };
13
+ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
14
+ mobileLabel: string;
15
+ orientation: "vertical" | "horizontal";
16
+ mode: "desktop" | "mobile" | "auto";
17
+ mobileLayout: "circular" | "horizontal";
18
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
19
+ containerRef: HTMLDivElement;
20
+ }, HTMLDivElement>;
21
+ export default _default;
22
+ //# sourceMappingURL=KmStepper.vue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"KmStepper.vue.d.ts","sourceRoot":"","sources":["../../../src/vue/components/KmStepper.vue"],"names":[],"mappings":"AAwQA,UAAU,IAAI;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,KAAK,WAAW,GAAG;IACf,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;IACrC,YAAY,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;;iBADc,MAAM;iBAHN,UAAU,GAAG,YAAY;UAChC,SAAS,GAAG,QAAQ,GAAG,MAAM;kBACrB,UAAU,GAAG,YAAY;;;;AAmV5C,wBASG"}
@@ -0,0 +1,20 @@
1
+ type __VLS_Props = {
2
+ id?: string;
3
+ modelValue?: string;
4
+ label?: string;
5
+ hint?: string;
6
+ error?: string;
7
+ placeholder?: string;
8
+ disabled?: boolean;
9
+ rows?: number;
10
+ };
11
+ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
12
+ "update:modelValue": (value: string) => any;
13
+ }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
14
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
15
+ }>, {
16
+ disabled: boolean;
17
+ rows: number;
18
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLLabelElement>;
19
+ export default _default;
20
+ //# sourceMappingURL=KmTextarea.vue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"KmTextarea.vue.d.ts","sourceRoot":"","sources":["../../../src/vue/components/KmTextarea.vue"],"names":[],"mappings":"AA4DA,KAAK,WAAW,GAAG;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;;;;;;cAFW,OAAO;UACX,MAAM;;AAyGjB,wBASG"}
@@ -0,0 +1,20 @@
1
+ type __VLS_Props = {
2
+ modelValue?: boolean;
3
+ label?: string;
4
+ size?: "small" | "medium" | "large";
5
+ disabled?: boolean;
6
+ };
7
+ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
8
+ change: (...args: any[]) => void;
9
+ "update:modelValue": (...args: any[]) => void;
10
+ }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
11
+ onChange?: ((...args: any[]) => any) | undefined;
12
+ "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
13
+ }>, {
14
+ size: "small" | "medium" | "large";
15
+ label: string;
16
+ disabled: boolean;
17
+ modelValue: boolean;
18
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
19
+ export default _default;
20
+ //# sourceMappingURL=KmToggleSwitch.vue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"KmToggleSwitch.vue.d.ts","sourceRoot":"","sources":["../../../src/vue/components/KmToggleSwitch.vue"],"names":[],"mappings":"AA2EA,KAAK,WAAW,GAAG;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;;;;;;;;UAFO,OAAO,GAAG,QAAQ,GAAG,OAAO;WAD3B,MAAM;cAEH,OAAO;gBAHL,OAAO;;AAyGxB,wBASG"}
@@ -0,0 +1,15 @@
1
+ export { default as KmAlert } from './KmAlert.vue';
2
+ export { default as KmAvatar } from './KmAvatar.vue';
3
+ export { default as KmBadge } from './KmBadge.vue';
4
+ export { default as KmButton } from './KmButton.vue';
5
+ export { default as KmCard } from './KmCard.vue';
6
+ export { default as KmCarousel } from './KmCarousel.vue';
7
+ export { default as KmDialog, KmDialogHeader, KmDialogBody, KmDialogFooter } from './KmDialog';
8
+ export { default as KmInput } from './KmInput.vue';
9
+ export { default as KmSelect } from './KmSelect.vue';
10
+ export { default as KmSpinner } from './KmSpinner.vue';
11
+ export { default as KmStack } from './KmStack.vue';
12
+ export { default as KmTextarea } from './KmTextarea.vue';
13
+ export { default as KmStepper } from './KmStepper.vue';
14
+ export { default as KmToggleSwitch } from './KmToggleSwitch.vue';
15
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/vue/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,cAAc,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC/F,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC"}
@@ -0,0 +1,3 @@
1
+ export * from './components';
2
+ export * from './plugin';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/vue/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC"}
@@ -0,0 +1,3 @@
1
+ import { Plugin } from 'vue';
2
+ export declare const KomarcaVueDesignSystem: Plugin;
3
+ //# sourceMappingURL=plugin.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../../src/vue/plugin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAO,MAAM,EAAE,MAAM,KAAK,CAAC;AA2BvC,eAAO,MAAM,sBAAsB,EAAE,MAMpC,CAAC"}
package/dist/vue.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export * from './vue/index';
2
+ //# sourceMappingURL=vue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"vue.d.ts","sourceRoot":"","sources":["../src/vue.ts"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAC;AAE5B,cAAc,aAAa,CAAC"}
package/dist/vue.js ADDED
@@ -0,0 +1,22 @@
1
+ /* empty css */
2
+ import { _ as e, a as K, b as o, c as t, d as r, K as g, e as i, f as l, g as p, h as n, i as S, j as c, k as d, l as D, m as u, n as B, o as f, p as h } from "./plugin-DfFKi2ZR.js";
3
+ export {
4
+ e as KmAlert,
5
+ K as KmAvatar,
6
+ o as KmBadge,
7
+ t as KmButton,
8
+ r as KmCard,
9
+ g as KmCarousel,
10
+ i as KmDialog,
11
+ l as KmDialogBody,
12
+ p as KmDialogFooter,
13
+ n as KmDialogHeader,
14
+ S as KmInput,
15
+ c as KmSelect,
16
+ d as KmSpinner,
17
+ D as KmStack,
18
+ u as KmStepper,
19
+ B as KmTextarea,
20
+ f as KmToggleSwitch,
21
+ h as KomarcaVueDesignSystem
22
+ };
package/package.json ADDED
@@ -0,0 +1,86 @@
1
+ {
2
+ "name": "@komarcalabs/design-system",
3
+ "version": "0.1.0",
4
+ "private": false,
5
+ "publishConfig": {
6
+ "access": "public"
7
+ },
8
+ "type": "module",
9
+ "sideEffects": [
10
+ "**/*.css"
11
+ ],
12
+ "files": [
13
+ "dist"
14
+ ],
15
+ "main": "./dist/index.js",
16
+ "module": "./dist/index.js",
17
+ "types": "./dist/index.d.ts",
18
+ "exports": {
19
+ ".": {
20
+ "types": "./dist/index.d.ts",
21
+ "import": "./dist/index.js"
22
+ },
23
+ "./vue": {
24
+ "types": "./dist/vue.d.ts",
25
+ "import": "./dist/vue.js"
26
+ },
27
+ "./react": {
28
+ "types": "./dist/react.d.ts",
29
+ "import": "./dist/react.js"
30
+ },
31
+ "./tokens": {
32
+ "types": "./dist/tokens.d.ts",
33
+ "import": "./dist/tokens.js"
34
+ },
35
+ "./styles.css": "./dist/styles.css"
36
+ },
37
+ "scripts": {
38
+ "prepare": "npm run build",
39
+ "build": "npx tsx scripts/generate-tokens.ts && node scripts/build.mjs",
40
+ "dev": "npx tsx scripts/generate-tokens.ts && vite build --watch",
41
+ "link:register": "bun run build && bun link",
42
+ "link:watch": "bun run dev",
43
+ "storybook": "bun run storybook:vue",
44
+ "storybook:vue": "node scripts/storybook.mjs serve .storybook/vue storybook-static/vue 6006",
45
+ "storybook:react": "node scripts/storybook.mjs serve .storybook/react storybook-static/react 6007",
46
+ "storybook:vue:dev": "bun scripts/generate-tokens.ts && node scripts/storybook.mjs dev .storybook/vue 6006",
47
+ "storybook:react:dev": "bun scripts/generate-tokens.ts && node scripts/storybook.mjs dev .storybook/react 6007",
48
+ "build-storybook": "bun run build-storybook:vue && bun run build-storybook:react",
49
+ "build-storybook:vue": "bun scripts/generate-tokens.ts && node scripts/storybook.mjs build .storybook/vue storybook-static/vue",
50
+ "build-storybook:react": "bun scripts/generate-tokens.ts && node scripts/storybook.mjs build .storybook/react storybook-static/react",
51
+ "typecheck": "vue-tsc --noEmit -p tsconfig.json"
52
+ },
53
+ "engines": {
54
+ "node": ">=20.10"
55
+ },
56
+ "peerDependencies": {
57
+ "react": ">=18",
58
+ "react-dom": ">=18",
59
+ "vue": ">=3.3",
60
+ "reka-ui": "^2.0.0"
61
+ },
62
+ "dependencies": {
63
+ "reka-ui": "^2.9.7",
64
+ "tailwind-merge": "^3.6.0",
65
+ "tailwind-variants": "^3.2.2"
66
+ },
67
+ "devDependencies": {
68
+ "@storybook/addon-a11y": "latest",
69
+ "@storybook/addon-docs": "latest",
70
+ "@storybook/react-vite": "latest",
71
+ "@storybook/vue3-vite": "latest",
72
+ "@tailwindcss/vite": "latest",
73
+ "@vitejs/plugin-react": "^4.3.4",
74
+ "@vitejs/plugin-vue": "^5.2.1",
75
+ "@vitejs/plugin-vue-jsx": "^5.1.5",
76
+ "react": "^18.3.1",
77
+ "react-dom": "^18.3.1",
78
+ "storybook": "latest",
79
+ "tailwindcss": "latest",
80
+ "typescript": "^5.5.3",
81
+ "vite": "^5.4.14",
82
+ "vite-plugin-dts": "^4.3.0",
83
+ "vue": "^3.5.13",
84
+ "vue-tsc": "^2.2.0"
85
+ }
86
+ }