@techsio/ui-kit 0.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 (183) hide show
  1. package/README.md +165 -0
  2. package/dist/atoms/badge.js +66 -0
  3. package/dist/atoms/button.js +275 -0
  4. package/dist/atoms/error-text.js +38 -0
  5. package/dist/atoms/extra-text.js +27 -0
  6. package/dist/atoms/icon.js +42 -0
  7. package/dist/atoms/image.js +11 -0
  8. package/dist/atoms/input.js +83 -0
  9. package/dist/atoms/label.js +43 -0
  10. package/dist/atoms/link-button.js +51 -0
  11. package/dist/atoms/link.js +23 -0
  12. package/dist/atoms/numeric-input.js +221 -0
  13. package/dist/atoms/rating.js +117 -0
  14. package/dist/atoms/textarea.js +81 -0
  15. package/dist/atoms/tooltip.js +119 -0
  16. package/dist/molecules/accordion.js +245 -0
  17. package/dist/molecules/breadcrumb.js +168 -0
  18. package/dist/molecules/carousel.js +333 -0
  19. package/dist/molecules/checkbox.js +92 -0
  20. package/dist/molecules/color-select.js +159 -0
  21. package/dist/molecules/combobox.js +253 -0
  22. package/dist/molecules/dialog.js +313 -0
  23. package/dist/molecules/form-checkbox.js +59 -0
  24. package/dist/molecules/form-input.js +55 -0
  25. package/dist/molecules/form-numeric-input.js +47 -0
  26. package/dist/molecules/form-textarea.js +54 -0
  27. package/dist/molecules/menu.js +302 -0
  28. package/dist/molecules/pagination.js +184 -0
  29. package/dist/molecules/popover.js +152 -0
  30. package/dist/molecules/product-card.js +194 -0
  31. package/dist/molecules/search-form.js +106 -0
  32. package/dist/molecules/select.js +217 -0
  33. package/dist/molecules/slider.js +249 -0
  34. package/dist/molecules/steps.js +178 -0
  35. package/dist/molecules/switch.js +109 -0
  36. package/dist/molecules/tabs.js +211 -0
  37. package/dist/molecules/toast.js +126 -0
  38. package/dist/molecules/tree-view.js +451 -0
  39. package/dist/organisms/footer.js +209 -0
  40. package/dist/organisms/header.js +245 -0
  41. package/dist/organisms/table.js +233 -0
  42. package/dist/src/atoms/badge.d.ts +59 -0
  43. package/dist/src/atoms/badge.d.ts.map +1 -0
  44. package/dist/src/atoms/button.d.ts +97 -0
  45. package/dist/src/atoms/button.d.ts.map +1 -0
  46. package/dist/src/atoms/error-text.d.ts +29 -0
  47. package/dist/src/atoms/error-text.d.ts.map +1 -0
  48. package/dist/src/atoms/extra-text.d.ts +27 -0
  49. package/dist/src/atoms/extra-text.d.ts.map +1 -0
  50. package/dist/src/atoms/icon.d.ts +65 -0
  51. package/dist/src/atoms/icon.d.ts.map +1 -0
  52. package/dist/src/atoms/image.d.ts +17 -0
  53. package/dist/src/atoms/image.d.ts.map +1 -0
  54. package/dist/src/atoms/input.d.ts +78 -0
  55. package/dist/src/atoms/input.d.ts.map +1 -0
  56. package/dist/src/atoms/label.d.ts +41 -0
  57. package/dist/src/atoms/label.d.ts.map +1 -0
  58. package/dist/src/atoms/link-button.d.ts +129 -0
  59. package/dist/src/atoms/link-button.d.ts.map +1 -0
  60. package/dist/src/atoms/link.d.ts +17 -0
  61. package/dist/src/atoms/link.d.ts.map +1 -0
  62. package/dist/src/atoms/numeric-input.d.ts +64 -0
  63. package/dist/src/atoms/numeric-input.d.ts.map +1 -0
  64. package/dist/src/atoms/rating.d.ts +108 -0
  65. package/dist/src/atoms/rating.d.ts.map +1 -0
  66. package/dist/src/atoms/textarea.d.ts +81 -0
  67. package/dist/src/atoms/textarea.d.ts.map +1 -0
  68. package/dist/src/atoms/tooltip.d.ts +88 -0
  69. package/dist/src/atoms/tooltip.d.ts.map +1 -0
  70. package/dist/src/molecules/accordion.d.ts +182 -0
  71. package/dist/src/molecules/accordion.d.ts.map +1 -0
  72. package/dist/src/molecules/breadcrumb.d.ts +117 -0
  73. package/dist/src/molecules/breadcrumb.d.ts.map +1 -0
  74. package/dist/src/molecules/carousel.d.ts +261 -0
  75. package/dist/src/molecules/carousel.d.ts.map +1 -0
  76. package/dist/src/molecules/checkbox.d.ts +19 -0
  77. package/dist/src/molecules/checkbox.d.ts.map +1 -0
  78. package/dist/src/molecules/color-select.d.ts +20 -0
  79. package/dist/src/molecules/color-select.d.ts.map +1 -0
  80. package/dist/src/molecules/combobox.d.ts +141 -0
  81. package/dist/src/molecules/combobox.d.ts.map +1 -0
  82. package/dist/src/molecules/dialog.d.ts +234 -0
  83. package/dist/src/molecules/dialog.d.ts.map +1 -0
  84. package/dist/src/molecules/form-checkbox.d.ts +15 -0
  85. package/dist/src/molecules/form-checkbox.d.ts.map +1 -0
  86. package/dist/src/molecules/form-input.d.ts +14 -0
  87. package/dist/src/molecules/form-input.d.ts.map +1 -0
  88. package/dist/src/molecules/form-numeric-input.d.ts +14 -0
  89. package/dist/src/molecules/form-numeric-input.d.ts.map +1 -0
  90. package/dist/src/molecules/form-textarea.d.ts +14 -0
  91. package/dist/src/molecules/form-textarea.d.ts.map +1 -0
  92. package/dist/src/molecules/menu.d.ts +153 -0
  93. package/dist/src/molecules/menu.d.ts.map +1 -0
  94. package/dist/src/molecules/pagination.d.ts +123 -0
  95. package/dist/src/molecules/pagination.d.ts.map +1 -0
  96. package/dist/src/molecules/popover.d.ts +124 -0
  97. package/dist/src/molecules/popover.d.ts.map +1 -0
  98. package/dist/src/molecules/product-card.d.ts +160 -0
  99. package/dist/src/molecules/product-card.d.ts.map +1 -0
  100. package/dist/src/molecules/search-form.d.ts +39 -0
  101. package/dist/src/molecules/search-form.d.ts.map +1 -0
  102. package/dist/src/molecules/select.d.ts +126 -0
  103. package/dist/src/molecules/select.d.ts.map +1 -0
  104. package/dist/src/molecules/slider.d.ts +120 -0
  105. package/dist/src/molecules/slider.d.ts.map +1 -0
  106. package/dist/src/molecules/steps.d.ts +96 -0
  107. package/dist/src/molecules/steps.d.ts.map +1 -0
  108. package/dist/src/molecules/switch.d.ts +71 -0
  109. package/dist/src/molecules/switch.d.ts.map +1 -0
  110. package/dist/src/molecules/tabs.d.ts +207 -0
  111. package/dist/src/molecules/tabs.d.ts.map +1 -0
  112. package/dist/src/molecules/toast.d.ts +83 -0
  113. package/dist/src/molecules/toast.d.ts.map +1 -0
  114. package/dist/src/molecules/tree-view.d.ts +202 -0
  115. package/dist/src/molecules/tree-view.d.ts.map +1 -0
  116. package/dist/src/organisms/footer.d.ts +254 -0
  117. package/dist/src/organisms/footer.d.ts.map +1 -0
  118. package/dist/src/organisms/header.d.ts +186 -0
  119. package/dist/src/organisms/header.d.ts.map +1 -0
  120. package/dist/src/organisms/table.d.ts +250 -0
  121. package/dist/src/organisms/table.d.ts.map +1 -0
  122. package/dist/src/templates/accordion.d.ts +15 -0
  123. package/dist/src/templates/accordion.d.ts.map +1 -0
  124. package/dist/src/templates/carousel.d.ts +13 -0
  125. package/dist/src/templates/carousel.d.ts.map +1 -0
  126. package/dist/src/templates/numeric-input.d.ts +14 -0
  127. package/dist/src/templates/numeric-input.d.ts.map +1 -0
  128. package/dist/src/templates/product-card.d.ts +33 -0
  129. package/dist/src/templates/product-card.d.ts.map +1 -0
  130. package/dist/src/templates/tabs.d.ts +16 -0
  131. package/dist/src/templates/tabs.d.ts.map +1 -0
  132. package/dist/src/types/zag.d.ts +19 -0
  133. package/dist/src/types/zag.d.ts.map +1 -0
  134. package/dist/src/utils.d.ts +4 -0
  135. package/dist/src/utils.d.ts.map +1 -0
  136. package/dist/templates/accordion.js +37 -0
  137. package/dist/templates/carousel.js +55 -0
  138. package/dist/templates/numeric-input.js +49 -0
  139. package/dist/templates/product-card.js +92 -0
  140. package/dist/templates/tabs.js +34 -0
  141. package/dist/types/zag.js +0 -0
  142. package/dist/utils.js +20 -0
  143. package/package.json +126 -0
  144. package/src/tokens/_base.css +25 -0
  145. package/src/tokens/_colors.css +5 -0
  146. package/src/tokens/_layout.css +34 -0
  147. package/src/tokens/_semantic.css +360 -0
  148. package/src/tokens/_spacing.css +22 -0
  149. package/src/tokens/_typography.css +17 -0
  150. package/src/tokens/components/atoms/_badge.css +61 -0
  151. package/src/tokens/components/atoms/_button.css +215 -0
  152. package/src/tokens/components/atoms/_icon.css +122 -0
  153. package/src/tokens/components/atoms/_input.css +125 -0
  154. package/src/tokens/components/atoms/_numeric-input.css +57 -0
  155. package/src/tokens/components/atoms/_rating.css +33 -0
  156. package/src/tokens/components/atoms/_textarea.css +93 -0
  157. package/src/tokens/components/atoms/_tooltip.css +21 -0
  158. package/src/tokens/components/components.css +32 -0
  159. package/src/tokens/components/molecules/_accordion.css +85 -0
  160. package/src/tokens/components/molecules/_breadcrumb.css +44 -0
  161. package/src/tokens/components/molecules/_carousel.css +72 -0
  162. package/src/tokens/components/molecules/_checkbox.css +29 -0
  163. package/src/tokens/components/molecules/_color-select.css +61 -0
  164. package/src/tokens/components/molecules/_combobox.css +116 -0
  165. package/src/tokens/components/molecules/_dialog.css +75 -0
  166. package/src/tokens/components/molecules/_menu.css +48 -0
  167. package/src/tokens/components/molecules/_pagination.css +75 -0
  168. package/src/tokens/components/molecules/_popover.css +39 -0
  169. package/src/tokens/components/molecules/_product-card.css +85 -0
  170. package/src/tokens/components/molecules/_search-form.css +10 -0
  171. package/src/tokens/components/molecules/_select.css +88 -0
  172. package/src/tokens/components/molecules/_slider.css +75 -0
  173. package/src/tokens/components/molecules/_steps.css +54 -0
  174. package/src/tokens/components/molecules/_switch.css +62 -0
  175. package/src/tokens/components/molecules/_tabs.css +69 -0
  176. package/src/tokens/components/molecules/_toast.css +77 -0
  177. package/src/tokens/components/molecules/_tree-view.css +80 -0
  178. package/src/tokens/components/molecules/index.css +2 -0
  179. package/src/tokens/components/organisms/_footer.css +90 -0
  180. package/src/tokens/components/organisms/_header.css +86 -0
  181. package/src/tokens/components/organisms/_table.css +63 -0
  182. package/src/tokens/index.css +67 -0
  183. package/src/tokens/tokens-only.css +66 -0
@@ -0,0 +1,123 @@
1
+ import { type ElementType, type HTMLAttributes, type ReactElement } from 'react';
2
+ import type { VariantProps } from 'tailwind-variants';
3
+ declare const paginationVariants: import("tailwind-variants").TVReturnType<{
4
+ variant: {
5
+ filled: {
6
+ item: string;
7
+ link: string[];
8
+ };
9
+ outlined: {
10
+ item: string;
11
+ link: string[];
12
+ };
13
+ minimal: {
14
+ link: string[];
15
+ };
16
+ };
17
+ size: {
18
+ sm: {
19
+ link: string;
20
+ compactText: string;
21
+ };
22
+ md: {
23
+ link: string;
24
+ compactText: string;
25
+ };
26
+ lg: {
27
+ link: string;
28
+ compactText: string;
29
+ };
30
+ };
31
+ }, {
32
+ base: string;
33
+ list: string[];
34
+ item: string[];
35
+ link: string[];
36
+ ellipsis: string;
37
+ compactText: string;
38
+ }, undefined, {
39
+ variant: {
40
+ filled: {
41
+ item: string;
42
+ link: string[];
43
+ };
44
+ outlined: {
45
+ item: string;
46
+ link: string[];
47
+ };
48
+ minimal: {
49
+ link: string[];
50
+ };
51
+ };
52
+ size: {
53
+ sm: {
54
+ link: string;
55
+ compactText: string;
56
+ };
57
+ md: {
58
+ link: string;
59
+ compactText: string;
60
+ };
61
+ lg: {
62
+ link: string;
63
+ compactText: string;
64
+ };
65
+ };
66
+ }, {
67
+ base: string;
68
+ list: string[];
69
+ item: string[];
70
+ link: string[];
71
+ ellipsis: string;
72
+ compactText: string;
73
+ }, import("tailwind-variants").TVReturnType<{
74
+ variant: {
75
+ filled: {
76
+ item: string;
77
+ link: string[];
78
+ };
79
+ outlined: {
80
+ item: string;
81
+ link: string[];
82
+ };
83
+ minimal: {
84
+ link: string[];
85
+ };
86
+ };
87
+ size: {
88
+ sm: {
89
+ link: string;
90
+ compactText: string;
91
+ };
92
+ md: {
93
+ link: string;
94
+ compactText: string;
95
+ };
96
+ lg: {
97
+ link: string;
98
+ compactText: string;
99
+ };
100
+ };
101
+ }, {
102
+ base: string;
103
+ list: string[];
104
+ item: string[];
105
+ link: string[];
106
+ ellipsis: string;
107
+ compactText: string;
108
+ }, undefined, unknown, unknown, undefined>>;
109
+ export interface PaginationProps extends HTMLAttributes<HTMLElement>, VariantProps<typeof paginationVariants> {
110
+ page?: number;
111
+ defaultPage?: number;
112
+ count: number;
113
+ pageSize?: number;
114
+ siblingCount?: number;
115
+ showPrevNext?: boolean;
116
+ onPageChange?: (page: number) => void;
117
+ dir?: 'ltr' | 'rtl';
118
+ linkAs?: ElementType | ReactElement<HTMLAnchorElement>;
119
+ compact?: boolean;
120
+ }
121
+ export declare function Pagination({ page, defaultPage, count, pageSize, siblingCount, showPrevNext, onPageChange, variant, className, dir, linkAs, size, compact, ...props }: PaginationProps): import("react/jsx-runtime").JSX.Element;
122
+ export {};
123
+ //# sourceMappingURL=pagination.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../src/molecules/pagination.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,WAAW,EAChB,KAAK,cAAc,EACnB,KAAK,YAAY,EAElB,MAAM,OAAO,CAAA;AACd,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAKrD,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CA6EtB,CAAA;AAEF,MAAM,WAAW,eACf,SAAQ,cAAc,CAAC,WAAW,CAAC,EACjC,YAAY,CAAC,OAAO,kBAAkB,CAAC;IACzC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAA;IACnB,MAAM,CAAC,EAAE,WAAW,GAAG,YAAY,CAAC,iBAAiB,CAAC,CAAA;IACtD,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,WAAe,EACf,KAAK,EACL,QAAa,EACb,YAAgB,EAChB,YAAmB,EACnB,YAAY,EACZ,OAAO,EACP,SAAS,EACT,GAAW,EACX,MAAM,EACN,IAAI,EACJ,OAAe,EACf,GAAG,KAAK,EACT,EAAE,eAAe,2CA0FjB"}
@@ -0,0 +1,124 @@
1
+ import * as popover from '@zag-js/popover';
2
+ import { type ReactNode, type Ref } from 'react';
3
+ import type { VariantProps } from 'tailwind-variants';
4
+ declare const popoverVariants: import("tailwind-variants").TVReturnType<{
5
+ shadow: {
6
+ true: {
7
+ content: string;
8
+ };
9
+ };
10
+ border: {
11
+ true: {
12
+ content: string;
13
+ arrow: string;
14
+ };
15
+ };
16
+ size: {
17
+ sm: {
18
+ content: string;
19
+ title: string;
20
+ };
21
+ md: {
22
+ content: string;
23
+ title: string;
24
+ };
25
+ lg: {
26
+ content: string;
27
+ title: string;
28
+ };
29
+ };
30
+ }, {
31
+ trigger: string[];
32
+ positioner: string[];
33
+ content: string[];
34
+ arrow: string;
35
+ title: string[];
36
+ description: string[];
37
+ }, undefined, {
38
+ shadow: {
39
+ true: {
40
+ content: string;
41
+ };
42
+ };
43
+ border: {
44
+ true: {
45
+ content: string;
46
+ arrow: string;
47
+ };
48
+ };
49
+ size: {
50
+ sm: {
51
+ content: string;
52
+ title: string;
53
+ };
54
+ md: {
55
+ content: string;
56
+ title: string;
57
+ };
58
+ lg: {
59
+ content: string;
60
+ title: string;
61
+ };
62
+ };
63
+ }, {
64
+ trigger: string[];
65
+ positioner: string[];
66
+ content: string[];
67
+ arrow: string;
68
+ title: string[];
69
+ description: string[];
70
+ }, import("tailwind-variants").TVReturnType<{
71
+ shadow: {
72
+ true: {
73
+ content: string;
74
+ };
75
+ };
76
+ border: {
77
+ true: {
78
+ content: string;
79
+ arrow: string;
80
+ };
81
+ };
82
+ size: {
83
+ sm: {
84
+ content: string;
85
+ title: string;
86
+ };
87
+ md: {
88
+ content: string;
89
+ title: string;
90
+ };
91
+ lg: {
92
+ content: string;
93
+ title: string;
94
+ };
95
+ };
96
+ }, {
97
+ trigger: string[];
98
+ positioner: string[];
99
+ content: string[];
100
+ arrow: string;
101
+ title: string[];
102
+ description: string[];
103
+ }, undefined, unknown, unknown, undefined>>;
104
+ export interface PopoverProps extends VariantProps<typeof popoverVariants>, popover.Props {
105
+ trigger: ReactNode;
106
+ children: ReactNode;
107
+ placement?: popover.Placement;
108
+ offset?: popover.PositioningOptions['offset'];
109
+ gutter?: popover.PositioningOptions['gutter'];
110
+ flip?: popover.PositioningOptions['flip'];
111
+ slide?: popover.PositioningOptions['slide'];
112
+ sameWidth?: popover.PositioningOptions['sameWidth'];
113
+ overflowPadding?: popover.PositioningOptions['overflowPadding'];
114
+ showArrow?: boolean;
115
+ title?: ReactNode;
116
+ description?: ReactNode;
117
+ triggerRef?: Ref<HTMLButtonElement>;
118
+ contentRef?: Ref<HTMLDivElement>;
119
+ triggerClassName?: string;
120
+ contentClassName?: string;
121
+ }
122
+ export declare function Popover({ trigger, children, open, defaultOpen, onOpenChange, placement, offset, gutter, sameWidth, slide, flip, overflowPadding, modal, closeOnInteractOutside, closeOnEscape, showArrow, autoFocus, portalled, title, description, id, triggerRef, contentRef, triggerClassName, contentClassName, size, shadow, border, onPointerDownOutside, }: PopoverProps): import("react/jsx-runtime").JSX.Element;
123
+ export {};
124
+ //# sourceMappingURL=popover.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/molecules/popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,iBAAiB,CAAA;AAE1C,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,GAAG,EAAS,MAAM,OAAO,CAAA;AACvD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAIrD,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAqDnB,CAAA;AAEF,MAAM,WAAW,YACf,SAAQ,YAAY,CAAC,OAAO,eAAe,CAAC,EAC1C,OAAO,CAAC,KAAK;IACf,OAAO,EAAE,SAAS,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC,SAAS,CAAA;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAA;IAC7C,MAAM,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAA;IAC7C,IAAI,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAA;IACzC,KAAK,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAA;IAC3C,SAAS,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,WAAW,CAAC,CAAA;IACnD,eAAe,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,iBAAiB,CAAC,CAAA;IAC/D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,UAAU,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAA;IACnC,UAAU,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;IAChC,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED,wBAAgB,OAAO,CAAC,EACtB,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,SAAoB,EACpB,MAAsC,EACtC,MAAU,EACV,SAAiB,EACjB,KAAY,EACZ,IAAW,EACX,eAAmB,EACnB,KAAa,EACb,sBAA6B,EAC7B,aAAoB,EACpB,SAAgB,EAChB,SAAgB,EAChB,SAAgB,EAChB,KAAK,EACL,WAAW,EACX,EAAE,EACF,UAAU,EACV,UAAU,EACV,gBAAgB,EAChB,gBAAgB,EAChB,IAAW,EACX,MAAa,EACb,MAAa,EACb,oBAAoB,GACrB,EAAE,YAAY,2CAyFd"}
@@ -0,0 +1,160 @@
1
+ import { type ComponentPropsWithRef, type ComponentPropsWithoutRef, type ElementType, type HTMLAttributes, type ReactNode, type Ref } from 'react';
2
+ import type { VariantProps } from 'tailwind-variants';
3
+ import type { IconType } from '../atoms/icon';
4
+ import { Image } from '../atoms/image';
5
+ import { type RatingProps } from '../atoms/rating';
6
+ declare const productCardVariants: import("tailwind-variants").TVReturnType<{
7
+ buttonVariant: {
8
+ cart: {
9
+ button: string;
10
+ };
11
+ detail: {
12
+ button: string;
13
+ };
14
+ wishlist: {
15
+ button: string;
16
+ };
17
+ custom: {};
18
+ };
19
+ layout: {
20
+ column: {
21
+ root: string[];
22
+ imageSlot: string;
23
+ };
24
+ row: {
25
+ root: string;
26
+ imageSlot: string;
27
+ };
28
+ };
29
+ }, {
30
+ root: string[];
31
+ imageSlot: string;
32
+ nameSlot: string;
33
+ priceSlot: string;
34
+ stockStatusSlot: string[];
35
+ badgesSlot: string;
36
+ ratingSlot: string;
37
+ actionsSlot: string;
38
+ button: string;
39
+ }, undefined, {
40
+ buttonVariant: {
41
+ cart: {
42
+ button: string;
43
+ };
44
+ detail: {
45
+ button: string;
46
+ };
47
+ wishlist: {
48
+ button: string;
49
+ };
50
+ custom: {};
51
+ };
52
+ layout: {
53
+ column: {
54
+ root: string[];
55
+ imageSlot: string;
56
+ };
57
+ row: {
58
+ root: string;
59
+ imageSlot: string;
60
+ };
61
+ };
62
+ }, {
63
+ root: string[];
64
+ imageSlot: string;
65
+ nameSlot: string;
66
+ priceSlot: string;
67
+ stockStatusSlot: string[];
68
+ badgesSlot: string;
69
+ ratingSlot: string;
70
+ actionsSlot: string;
71
+ button: string;
72
+ }, import("tailwind-variants").TVReturnType<{
73
+ buttonVariant: {
74
+ cart: {
75
+ button: string;
76
+ };
77
+ detail: {
78
+ button: string;
79
+ };
80
+ wishlist: {
81
+ button: string;
82
+ };
83
+ custom: {};
84
+ };
85
+ layout: {
86
+ column: {
87
+ root: string[];
88
+ imageSlot: string;
89
+ };
90
+ row: {
91
+ root: string;
92
+ imageSlot: string;
93
+ };
94
+ };
95
+ }, {
96
+ root: string[];
97
+ imageSlot: string;
98
+ nameSlot: string;
99
+ priceSlot: string;
100
+ stockStatusSlot: string[];
101
+ badgesSlot: string;
102
+ ratingSlot: string;
103
+ actionsSlot: string;
104
+ button: string;
105
+ }, undefined, unknown, unknown, undefined>>;
106
+ export interface ProductCardProps extends HTMLAttributes<HTMLDivElement>, Omit<VariantProps<typeof productCardVariants>, 'buttonVariant'> {
107
+ children: ReactNode;
108
+ ref?: Ref<HTMLDivElement>;
109
+ }
110
+ type ProductCardImageProps<T extends ElementType = typeof Image> = {
111
+ as?: T;
112
+ ref?: ComponentPropsWithRef<T>['ref'];
113
+ className?: string;
114
+ } & Partial<ComponentPropsWithoutRef<T>>;
115
+ interface ProductCardNameProps extends HTMLAttributes<HTMLHeadingElement> {
116
+ children: ReactNode;
117
+ ref?: Ref<HTMLHeadingElement>;
118
+ }
119
+ interface ProductCardPriceProps extends HTMLAttributes<HTMLParagraphElement> {
120
+ children: ReactNode;
121
+ ref?: Ref<HTMLParagraphElement>;
122
+ }
123
+ interface ProductCardStockProps extends HTMLAttributes<HTMLParagraphElement> {
124
+ children: ReactNode;
125
+ status?: 'in-stock' | 'limited-stock' | 'out-of-stock';
126
+ ref?: Ref<HTMLParagraphElement>;
127
+ }
128
+ interface ProductCardBadgesProps extends HTMLAttributes<HTMLDivElement> {
129
+ children: ReactNode;
130
+ ref?: Ref<HTMLDivElement>;
131
+ }
132
+ interface ProductCardRatingProps extends HTMLAttributes<HTMLDivElement> {
133
+ children?: ReactNode;
134
+ ref?: Ref<HTMLDivElement>;
135
+ rating?: RatingProps;
136
+ }
137
+ interface ProductCardActionsProps extends HTMLAttributes<HTMLDivElement> {
138
+ children: ReactNode;
139
+ ref?: Ref<HTMLDivElement>;
140
+ }
141
+ interface ProductCardButtonProps extends HTMLAttributes<HTMLButtonElement> {
142
+ children?: ReactNode;
143
+ onClick?: () => void;
144
+ buttonVariant?: 'cart' | 'detail' | 'wishlist' | 'custom';
145
+ icon?: IconType;
146
+ ref?: Ref<HTMLButtonElement>;
147
+ }
148
+ export declare function ProductCard({ children, layout, className, ref, ...props }: ProductCardProps): import("react/jsx-runtime").JSX.Element;
149
+ export declare namespace ProductCard {
150
+ var Image: <T extends ElementType = typeof import("../atoms/image").Image>({ as, className, ref, ...props }: ProductCardImageProps<T>) => import("react/jsx-runtime").JSX.Element;
151
+ var Name: ({ children, className, ref, ...props }: ProductCardNameProps) => import("react/jsx-runtime").JSX.Element;
152
+ var Price: ({ children, className, ref, ...props }: ProductCardPriceProps) => import("react/jsx-runtime").JSX.Element;
153
+ var Stock: ({ children, className, ref, status, ...props }: ProductCardStockProps) => import("react/jsx-runtime").JSX.Element;
154
+ var Badges: ({ children, className, ref, ...props }: ProductCardBadgesProps) => import("react/jsx-runtime").JSX.Element;
155
+ var Rating: ({ children, className, rating, ref, ...props }: ProductCardRatingProps) => import("react/jsx-runtime").JSX.Element;
156
+ var Actions: ({ children, className, ref, ...props }: ProductCardActionsProps) => import("react/jsx-runtime").JSX.Element;
157
+ var Button: ({ children, onClick, icon, className, buttonVariant, ref, ...props }: ProductCardButtonProps) => import("react/jsx-runtime").JSX.Element;
158
+ }
159
+ export {};
160
+ //# sourceMappingURL=product-card.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"product-card.d.ts","sourceRoot":"","sources":["../../../src/molecules/product-card.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,39 @@
1
+ import { type FormHTMLAttributes, type ReactNode, type Ref } from 'react';
2
+ import type { VariantProps } from 'tailwind-variants';
3
+ import { type ButtonProps } from '../atoms/button';
4
+ import { type InputProps } from '../atoms/input';
5
+ declare const formVariants: import("tailwind-variants").TVReturnType<{
6
+ size: {
7
+ sm: string;
8
+ md: string;
9
+ lg: string;
10
+ };
11
+ }, undefined, string[], {
12
+ size: {
13
+ sm: string;
14
+ md: string;
15
+ lg: string;
16
+ };
17
+ }, undefined, import("tailwind-variants").TVReturnType<{
18
+ size: {
19
+ sm: string;
20
+ md: string;
21
+ lg: string;
22
+ };
23
+ }, undefined, string[], unknown, unknown, undefined>>;
24
+ export interface SearchFormProps extends VariantProps<typeof formVariants>, Omit<FormHTMLAttributes<HTMLFormElement>, 'size'> {
25
+ inputProps?: Omit<InputProps, 'size'>;
26
+ buttonProps?: Omit<ButtonProps, 'size'>;
27
+ label?: ReactNode;
28
+ buttonText?: ReactNode;
29
+ buttonIcon?: boolean;
30
+ placeholder?: string;
31
+ ref?: Ref<HTMLFormElement>;
32
+ searchId?: string;
33
+ }
34
+ export declare function SearchForm({ inputProps, buttonProps, size, buttonText, buttonIcon, placeholder, label, className, ref, searchId, ...props }: SearchFormProps): import("react/jsx-runtime").JSX.Element;
35
+ export declare namespace SearchForm {
36
+ var displayName: string;
37
+ }
38
+ export {};
39
+ //# sourceMappingURL=search-form.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"search-form.d.ts","sourceRoot":"","sources":["../../../src/molecules/search-form.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,kBAAkB,EAAE,KAAK,SAAS,EAAE,KAAK,GAAG,EAAS,MAAM,OAAO,CAAA;AAChF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AACrD,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAE1D,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAWvD,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;qDAYhB,CAAA;AAsBF,MAAM,WAAW,eACf,SAAQ,YAAY,CAAC,OAAO,YAAY,CAAC,EACvC,IAAI,CAAC,kBAAkB,CAAC,eAAe,CAAC,EAAE,MAAM,CAAC;IACnD,UAAU,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC,CAAA;IACrC,WAAW,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,CAAA;IACvC,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,GAAG,CAAC,EAAE,GAAG,CAAC,eAAe,CAAC,CAAA;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,wBAAgB,UAAU,CAAC,EACzB,UAAU,EACV,WAAW,EACX,IAAW,EACX,UAAU,EACV,UAAkB,EAClB,WAAyB,EACzB,KAAK,EACL,SAAS,EACT,GAAG,EACH,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,eAAe,2CAqDjB;yBAjEe,UAAU"}
@@ -0,0 +1,126 @@
1
+ import * as select from '@zag-js/select';
2
+ import { type ReactNode } from 'react';
3
+ import { type VariantProps } from 'tailwind-variants';
4
+ export interface SelectOption {
5
+ label: ReactNode;
6
+ value: string;
7
+ disabled?: boolean;
8
+ displayValue?: string;
9
+ [key: string]: unknown;
10
+ }
11
+ declare const selectVariants: import("tailwind-variants").TVReturnType<{
12
+ size: {
13
+ xs: {
14
+ trigger: string;
15
+ item: string;
16
+ value: string;
17
+ };
18
+ sm: {
19
+ trigger: string;
20
+ item: string;
21
+ value: string;
22
+ };
23
+ md: {
24
+ trigger: string;
25
+ item: string;
26
+ value: string;
27
+ };
28
+ lg: {
29
+ trigger: string;
30
+ item: string;
31
+ value: string;
32
+ };
33
+ };
34
+ }, {
35
+ root: string[];
36
+ control: string[];
37
+ positioner: string[];
38
+ trigger: string[];
39
+ clearTrigger: string[];
40
+ content: string[];
41
+ item: string[];
42
+ itemIndicator: string[];
43
+ value: string[];
44
+ }, undefined, {
45
+ size: {
46
+ xs: {
47
+ trigger: string;
48
+ item: string;
49
+ value: string;
50
+ };
51
+ sm: {
52
+ trigger: string;
53
+ item: string;
54
+ value: string;
55
+ };
56
+ md: {
57
+ trigger: string;
58
+ item: string;
59
+ value: string;
60
+ };
61
+ lg: {
62
+ trigger: string;
63
+ item: string;
64
+ value: string;
65
+ };
66
+ };
67
+ }, {
68
+ root: string[];
69
+ control: string[];
70
+ positioner: string[];
71
+ trigger: string[];
72
+ clearTrigger: string[];
73
+ content: string[];
74
+ item: string[];
75
+ itemIndicator: string[];
76
+ value: string[];
77
+ }, import("tailwind-variants").TVReturnType<{
78
+ size: {
79
+ xs: {
80
+ trigger: string;
81
+ item: string;
82
+ value: string;
83
+ };
84
+ sm: {
85
+ trigger: string;
86
+ item: string;
87
+ value: string;
88
+ };
89
+ md: {
90
+ trigger: string;
91
+ item: string;
92
+ value: string;
93
+ };
94
+ lg: {
95
+ trigger: string;
96
+ item: string;
97
+ value: string;
98
+ };
99
+ };
100
+ }, {
101
+ root: string[];
102
+ control: string[];
103
+ positioner: string[];
104
+ trigger: string[];
105
+ clearTrigger: string[];
106
+ content: string[];
107
+ item: string[];
108
+ itemIndicator: string[];
109
+ value: string[];
110
+ }, undefined, unknown, unknown, undefined>>;
111
+ export interface SelectProps extends VariantProps<typeof selectVariants>, Omit<select.Props, 'collection' | 'id'> {
112
+ options: SelectOption[];
113
+ label?: ReactNode;
114
+ placeholder?: string;
115
+ helperText?: string;
116
+ errorText?: string;
117
+ className?: string;
118
+ id?: string;
119
+ clearIcon?: boolean;
120
+ }
121
+ export declare function Select({ options, label, placeholder, size, value, defaultValue, multiple, clearIcon, disabled, invalid, required, readOnly, errorText, helperText, closeOnSelect, loopFocus, name, form, onValueChange, onOpenChange, onHighlightChange, onSelect, className, id: providedId, }: SelectProps): import("react/jsx-runtime").JSX.Element;
122
+ export declare namespace Select {
123
+ var displayName: string;
124
+ }
125
+ export {};
126
+ //# sourceMappingURL=select.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/molecules/select.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,MAAM,gBAAgB,CAAA;AACxC,OAAO,EAAE,KAAK,SAAS,EAAS,MAAM,OAAO,CAAA;AAC7C,OAAO,EAAE,KAAK,YAAY,EAAM,MAAM,mBAAmB,CAAA;AAQzD,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,SAAS,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CACvB;AAGD,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAqElB,CAAA;AAGF,MAAM,WAAW,WACf,SAAQ,YAAY,CAAC,OAAO,cAAc,CAAC,EACzC,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC;IACzC,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,wBAAgB,MAAM,CAAC,EACrB,OAAO,EACP,KAAK,EACL,WAAgC,EAChC,IAAW,EACX,KAAK,EACL,YAAY,EACZ,QAAgB,EAChB,SAAgB,EAChB,QAAgB,EAChB,OAAe,EACf,QAAgB,EAChB,QAAgB,EAChB,SAAS,EACT,UAAU,EACV,aAAoB,EACpB,SAAgB,EAChB,IAAI,EACJ,IAAI,EACJ,aAAa,EACb,YAAY,EACZ,iBAAiB,EACjB,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,UAAU,GACf,EAAE,WAAW,2CA4Hb;yBArJe,MAAM"}