@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,120 @@
1
+ import type { VariantProps } from 'tailwind-variants';
2
+ declare const sliderVariants: import("tailwind-variants").TVReturnType<{
3
+ size: {
4
+ sm: {
5
+ track: string[];
6
+ thumb: string[];
7
+ };
8
+ md: {
9
+ track: string[];
10
+ thumb: string[];
11
+ };
12
+ lg: {
13
+ track: string[];
14
+ thumb: string[];
15
+ };
16
+ };
17
+ }, {
18
+ root: string[];
19
+ header: string[];
20
+ value: string[];
21
+ label: string[];
22
+ control: string[];
23
+ track: string[];
24
+ range: string[];
25
+ thumb: string[];
26
+ markerGroup: string[];
27
+ marker: string[];
28
+ markerLine: string[];
29
+ markerText: string[];
30
+ footer: string[];
31
+ }, undefined, {
32
+ size: {
33
+ sm: {
34
+ track: string[];
35
+ thumb: string[];
36
+ };
37
+ md: {
38
+ track: string[];
39
+ thumb: string[];
40
+ };
41
+ lg: {
42
+ track: string[];
43
+ thumb: string[];
44
+ };
45
+ };
46
+ }, {
47
+ root: string[];
48
+ header: string[];
49
+ value: string[];
50
+ label: string[];
51
+ control: string[];
52
+ track: string[];
53
+ range: string[];
54
+ thumb: string[];
55
+ markerGroup: string[];
56
+ marker: string[];
57
+ markerLine: string[];
58
+ markerText: string[];
59
+ footer: string[];
60
+ }, import("tailwind-variants").TVReturnType<{
61
+ size: {
62
+ sm: {
63
+ track: string[];
64
+ thumb: string[];
65
+ };
66
+ md: {
67
+ track: string[];
68
+ thumb: string[];
69
+ };
70
+ lg: {
71
+ track: string[];
72
+ thumb: string[];
73
+ };
74
+ };
75
+ }, {
76
+ root: string[];
77
+ header: string[];
78
+ value: string[];
79
+ label: string[];
80
+ control: string[];
81
+ track: string[];
82
+ range: string[];
83
+ thumb: string[];
84
+ markerGroup: string[];
85
+ marker: string[];
86
+ markerLine: string[];
87
+ markerText: string[];
88
+ footer: string[];
89
+ }, undefined, unknown, unknown, undefined>>;
90
+ export interface SliderProps extends VariantProps<typeof sliderVariants> {
91
+ id?: string;
92
+ name?: string;
93
+ label?: string;
94
+ helperText?: string;
95
+ error?: boolean;
96
+ errorText?: string;
97
+ value?: number[];
98
+ defaultValue?: number[];
99
+ min?: number;
100
+ max?: number;
101
+ step?: number;
102
+ minStepsBetweenThumbs?: number;
103
+ disabled?: boolean;
104
+ readOnly?: boolean;
105
+ dir?: 'ltr' | 'rtl';
106
+ orientation?: 'horizontal' | 'vertical';
107
+ origin?: 'start' | 'center' | 'end';
108
+ thumbAlignment?: 'center' | 'contain';
109
+ showMarkers?: boolean;
110
+ markerCount?: number;
111
+ showValueText?: boolean;
112
+ formatRangeText?: (values: number[]) => string;
113
+ formatValue?: (value: number) => string;
114
+ className?: string;
115
+ onChange?: (values: number[]) => void;
116
+ onChangeEnd?: (values: number[]) => void;
117
+ }
118
+ export declare function Slider({ id, name, label, helperText, error, errorText, value, origin, thumbAlignment, defaultValue, min, max, step, minStepsBetweenThumbs, disabled, readOnly, dir, orientation, size, showMarkers, markerCount, showValueText, formatRangeText, formatValue, className, onChange, onChangeEnd, }: SliderProps): import("react/jsx-runtime").JSX.Element;
119
+ export {};
120
+ //# sourceMappingURL=slider.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../src/molecules/slider.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAMrD,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CA0FlB,CAAA;AAEF,MAAM,WAAW,WAAY,SAAQ,YAAY,CAAC,OAAO,cAAc,CAAC;IACtE,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAA;IACnB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IACnC,cAAc,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAA;IACrC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,MAAM,CAAA;IAC9C,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;IACvC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACrC,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;CACzC;AAED,wBAAgB,MAAM,CAAC,EACrB,EAAE,EACF,IAAI,EACJ,KAAK,EACL,UAAU,EACV,KAAK,EACL,SAAS,EACT,KAAK,EACL,MAAM,EACN,cAAyB,EACzB,YAAuB,EACvB,GAAO,EACP,GAAS,EACT,IAAQ,EACR,qBAAyB,EACzB,QAAgB,EAChB,QAAgB,EAChB,GAAW,EACX,WAA0B,EAC1B,IAAW,EACX,WAAmB,EACnB,WAAe,EACf,aAAqB,EACrB,eAAe,EACf,WAA6C,EAC7C,SAAS,EACT,QAAQ,EACR,WAAW,GACZ,EAAE,WAAW,2CAyIb"}
@@ -0,0 +1,96 @@
1
+ import { type ReactNode } from 'react';
2
+ import type { VariantProps } from 'tailwind-variants';
3
+ declare const stepsVariants: import("tailwind-variants").TVReturnType<{
4
+ [key: string]: {
5
+ [key: string]: import("tailwind-variants").ClassValue | {
6
+ content?: import("tailwind-variants").ClassValue;
7
+ separator?: import("tailwind-variants").ClassValue;
8
+ list?: import("tailwind-variants").ClassValue;
9
+ root?: import("tailwind-variants").ClassValue;
10
+ trigger?: import("tailwind-variants").ClassValue;
11
+ item?: import("tailwind-variants").ClassValue;
12
+ indicator?: import("tailwind-variants").ClassValue;
13
+ containerButtons?: import("tailwind-variants").ClassValue;
14
+ stepButton?: import("tailwind-variants").ClassValue;
15
+ };
16
+ };
17
+ } | {
18
+ [x: string]: {
19
+ [x: string]: import("tailwind-variants").ClassValue | {
20
+ content?: import("tailwind-variants").ClassValue;
21
+ separator?: import("tailwind-variants").ClassValue;
22
+ list?: import("tailwind-variants").ClassValue;
23
+ root?: import("tailwind-variants").ClassValue;
24
+ trigger?: import("tailwind-variants").ClassValue;
25
+ item?: import("tailwind-variants").ClassValue;
26
+ indicator?: import("tailwind-variants").ClassValue;
27
+ containerButtons?: import("tailwind-variants").ClassValue;
28
+ stepButton?: import("tailwind-variants").ClassValue;
29
+ };
30
+ };
31
+ } | {}, {
32
+ root: string[];
33
+ list: string[];
34
+ item: string[];
35
+ trigger: string[];
36
+ content: string[];
37
+ indicator: string[];
38
+ separator: string[];
39
+ containerButtons: string[];
40
+ stepButton: string[];
41
+ }, undefined, {
42
+ [key: string]: {
43
+ [key: string]: import("tailwind-variants").ClassValue | {
44
+ content?: import("tailwind-variants").ClassValue;
45
+ separator?: import("tailwind-variants").ClassValue;
46
+ list?: import("tailwind-variants").ClassValue;
47
+ root?: import("tailwind-variants").ClassValue;
48
+ trigger?: import("tailwind-variants").ClassValue;
49
+ item?: import("tailwind-variants").ClassValue;
50
+ indicator?: import("tailwind-variants").ClassValue;
51
+ containerButtons?: import("tailwind-variants").ClassValue;
52
+ stepButton?: import("tailwind-variants").ClassValue;
53
+ };
54
+ };
55
+ } | {}, {
56
+ root: string[];
57
+ list: string[];
58
+ item: string[];
59
+ trigger: string[];
60
+ content: string[];
61
+ indicator: string[];
62
+ separator: string[];
63
+ containerButtons: string[];
64
+ stepButton: string[];
65
+ }, import("tailwind-variants").TVReturnType<unknown, {
66
+ root: string[];
67
+ list: string[];
68
+ item: string[];
69
+ trigger: string[];
70
+ content: string[];
71
+ indicator: string[];
72
+ separator: string[];
73
+ containerButtons: string[];
74
+ stepButton: string[];
75
+ }, undefined, unknown, unknown, undefined>>;
76
+ export type StepItem = {
77
+ value: number;
78
+ title: string;
79
+ content?: ReactNode;
80
+ icon?: ReactNode;
81
+ };
82
+ export interface StepsProps extends VariantProps<typeof stepsVariants> {
83
+ id?: string;
84
+ items: StepItem[];
85
+ currentStep?: number;
86
+ orientation?: 'horizontal' | 'vertical';
87
+ linear?: boolean;
88
+ completeText?: ReactNode;
89
+ onStepChange?: (step: number) => void;
90
+ onStepComplete?: () => void;
91
+ className?: string;
92
+ showControls?: boolean;
93
+ }
94
+ export declare function Steps({ id, items, currentStep, orientation, linear, showControls, completeText, onStepChange, onStepComplete, }: StepsProps): import("react/jsx-runtime").JSX.Element;
95
+ export {};
96
+ //# sourceMappingURL=steps.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"steps.d.ts","sourceRoot":"","sources":["../../../src/molecules/steps.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAS,MAAM,OAAO,CAAA;AAC7C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAIrD,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAmEjB,CAAA;AAEF,MAAM,MAAM,QAAQ,GAAG;IACrB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB,CAAA;AAED,MAAM,WAAW,UAAW,SAAQ,YAAY,CAAC,OAAO,aAAa,CAAC;IACpE,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,QAAQ,EAAE,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB;AAED,wBAAgB,KAAK,CAAC,EACpB,EAAE,EACF,KAAK,EACL,WAAe,EACf,WAA0B,EAC1B,MAAc,EACd,YAAmB,EACnB,YAAY,EACZ,YAAY,EACZ,cAAc,GACf,EAAE,UAAU,2CAoGZ"}
@@ -0,0 +1,71 @@
1
+ import { type ReactNode } from 'react';
2
+ import type { VariantProps } from 'tailwind-variants';
3
+ declare const switchVariants: import("tailwind-variants").TVReturnType<{
4
+ [key: string]: {
5
+ [key: string]: import("tailwind-variants").ClassValue | {
6
+ label?: import("tailwind-variants").ClassValue;
7
+ root?: import("tailwind-variants").ClassValue;
8
+ control?: import("tailwind-variants").ClassValue;
9
+ hiddenInput?: import("tailwind-variants").ClassValue;
10
+ thumb?: import("tailwind-variants").ClassValue;
11
+ };
12
+ };
13
+ } | {
14
+ [x: string]: {
15
+ [x: string]: import("tailwind-variants").ClassValue | {
16
+ label?: import("tailwind-variants").ClassValue;
17
+ root?: import("tailwind-variants").ClassValue;
18
+ control?: import("tailwind-variants").ClassValue;
19
+ hiddenInput?: import("tailwind-variants").ClassValue;
20
+ thumb?: import("tailwind-variants").ClassValue;
21
+ };
22
+ };
23
+ } | {}, {
24
+ root: string[];
25
+ control: string[];
26
+ thumb: string[];
27
+ label: string[];
28
+ hiddenInput: string;
29
+ }, undefined, {
30
+ [key: string]: {
31
+ [key: string]: import("tailwind-variants").ClassValue | {
32
+ label?: import("tailwind-variants").ClassValue;
33
+ root?: import("tailwind-variants").ClassValue;
34
+ control?: import("tailwind-variants").ClassValue;
35
+ hiddenInput?: import("tailwind-variants").ClassValue;
36
+ thumb?: import("tailwind-variants").ClassValue;
37
+ };
38
+ };
39
+ } | {}, {
40
+ root: string[];
41
+ control: string[];
42
+ thumb: string[];
43
+ label: string[];
44
+ hiddenInput: string;
45
+ }, import("tailwind-variants").TVReturnType<unknown, {
46
+ root: string[];
47
+ control: string[];
48
+ thumb: string[];
49
+ label: string[];
50
+ hiddenInput: string;
51
+ }, undefined, unknown, unknown, undefined>>;
52
+ export interface SwitchProps extends VariantProps<typeof switchVariants> {
53
+ id?: string;
54
+ name?: string;
55
+ value?: string | number;
56
+ checked?: boolean;
57
+ defaultChecked?: boolean;
58
+ disabled?: boolean;
59
+ invalid?: boolean;
60
+ readOnly?: boolean;
61
+ required?: boolean;
62
+ children?: ReactNode;
63
+ onCheckedChange?: (checked: boolean) => void;
64
+ className?: string;
65
+ dir?: 'ltr' | 'rtl';
66
+ helperText?: string;
67
+ errorText?: string;
68
+ }
69
+ export declare function Switch({ id, name, value, checked, defaultChecked, disabled, invalid, readOnly, required, dir, children, className, onCheckedChange, helperText, errorText, }: SwitchProps): import("react/jsx-runtime").JSX.Element;
70
+ export {};
71
+ //# sourceMappingURL=switch.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../src/molecules/switch.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAS,MAAM,OAAO,CAAA;AAC7C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAMrD,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAkClB,CAAA;AAEF,MAAM,WAAW,WAAY,SAAQ,YAAY,CAAC,OAAO,cAAc,CAAC;IACtE,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,MAAM,CAAC,EACrB,EAAE,EACF,IAAI,EACJ,KAAK,EACL,OAAO,EACP,cAAc,EACd,QAAgB,EAChB,OAAe,EACf,QAAgB,EAChB,QAAgB,EAChB,GAAW,EACX,QAAQ,EACR,SAAS,EACT,eAAe,EACf,UAAU,EACV,SAAS,GACV,EAAE,WAAW,2CA+Cb"}
@@ -0,0 +1,207 @@
1
+ import { type ComponentPropsWithoutRef, type Ref } from 'react';
2
+ import type { VariantProps } from 'tailwind-variants';
3
+ declare const tabsVariants: import("tailwind-variants").TVReturnType<{
4
+ variant: {
5
+ default: {
6
+ list: string;
7
+ indicator: string;
8
+ };
9
+ line: {
10
+ list: string;
11
+ indicator: string;
12
+ };
13
+ solid: {
14
+ trigger: string;
15
+ indicator: string;
16
+ };
17
+ outline: {
18
+ trigger: string[];
19
+ indicator: string;
20
+ };
21
+ };
22
+ size: {
23
+ sm: {
24
+ trigger: string;
25
+ content: string;
26
+ };
27
+ md: {
28
+ trigger: string;
29
+ content: string;
30
+ };
31
+ lg: {
32
+ trigger: string;
33
+ content: string;
34
+ };
35
+ };
36
+ fitted: {
37
+ true: {
38
+ list: string;
39
+ trigger: string;
40
+ };
41
+ };
42
+ justify: {
43
+ start: {
44
+ list: string;
45
+ };
46
+ center: {
47
+ list: string;
48
+ };
49
+ end: {
50
+ list: string;
51
+ };
52
+ };
53
+ }, {
54
+ root: string[];
55
+ list: string[];
56
+ trigger: string[];
57
+ indicator: string[];
58
+ content: string[];
59
+ }, undefined, {
60
+ variant: {
61
+ default: {
62
+ list: string;
63
+ indicator: string;
64
+ };
65
+ line: {
66
+ list: string;
67
+ indicator: string;
68
+ };
69
+ solid: {
70
+ trigger: string;
71
+ indicator: string;
72
+ };
73
+ outline: {
74
+ trigger: string[];
75
+ indicator: string;
76
+ };
77
+ };
78
+ size: {
79
+ sm: {
80
+ trigger: string;
81
+ content: string;
82
+ };
83
+ md: {
84
+ trigger: string;
85
+ content: string;
86
+ };
87
+ lg: {
88
+ trigger: string;
89
+ content: string;
90
+ };
91
+ };
92
+ fitted: {
93
+ true: {
94
+ list: string;
95
+ trigger: string;
96
+ };
97
+ };
98
+ justify: {
99
+ start: {
100
+ list: string;
101
+ };
102
+ center: {
103
+ list: string;
104
+ };
105
+ end: {
106
+ list: string;
107
+ };
108
+ };
109
+ }, {
110
+ root: string[];
111
+ list: string[];
112
+ trigger: string[];
113
+ indicator: string[];
114
+ content: string[];
115
+ }, import("tailwind-variants").TVReturnType<{
116
+ variant: {
117
+ default: {
118
+ list: string;
119
+ indicator: string;
120
+ };
121
+ line: {
122
+ list: string;
123
+ indicator: string;
124
+ };
125
+ solid: {
126
+ trigger: string;
127
+ indicator: string;
128
+ };
129
+ outline: {
130
+ trigger: string[];
131
+ indicator: string;
132
+ };
133
+ };
134
+ size: {
135
+ sm: {
136
+ trigger: string;
137
+ content: string;
138
+ };
139
+ md: {
140
+ trigger: string;
141
+ content: string;
142
+ };
143
+ lg: {
144
+ trigger: string;
145
+ content: string;
146
+ };
147
+ };
148
+ fitted: {
149
+ true: {
150
+ list: string;
151
+ trigger: string;
152
+ };
153
+ };
154
+ justify: {
155
+ start: {
156
+ list: string;
157
+ };
158
+ center: {
159
+ list: string;
160
+ };
161
+ end: {
162
+ list: string;
163
+ };
164
+ };
165
+ }, {
166
+ root: string[];
167
+ list: string[];
168
+ trigger: string[];
169
+ indicator: string[];
170
+ content: string[];
171
+ }, undefined, unknown, unknown, undefined>>;
172
+ export interface TabsProps extends VariantProps<typeof tabsVariants>, Omit<ComponentPropsWithoutRef<'div'>, 'onChange'> {
173
+ id?: string;
174
+ defaultValue?: string;
175
+ value?: string;
176
+ orientation?: 'horizontal' | 'vertical';
177
+ dir?: 'ltr' | 'rtl';
178
+ activationMode?: 'automatic' | 'manual';
179
+ loopFocus?: boolean;
180
+ onValueChange?: (value: string) => void;
181
+ ref?: Ref<HTMLDivElement>;
182
+ }
183
+ export declare function Tabs({ id, defaultValue, value, orientation, dir, activationMode, loopFocus, onValueChange, variant, size, fitted, justify, children, ref, className, ...props }: TabsProps): import("react/jsx-runtime").JSX.Element;
184
+ export declare namespace Tabs {
185
+ var List: ({ children, ref, className, ...props }: TabsListProps) => import("react/jsx-runtime").JSX.Element;
186
+ var Trigger: ({ value, disabled, children, ref, className, ...props }: TabsTriggerProps) => import("react/jsx-runtime").JSX.Element;
187
+ var Content: ({ value, children, ref, className, ...props }: TabsContentProps) => import("react/jsx-runtime").JSX.Element;
188
+ var Indicator: ({ ref, className, ...props }: TabsIndicatorProps) => import("react/jsx-runtime").JSX.Element;
189
+ var displayName: string;
190
+ }
191
+ interface TabsListProps extends ComponentPropsWithoutRef<'div'> {
192
+ ref?: Ref<HTMLDivElement>;
193
+ }
194
+ interface TabsTriggerProps extends ComponentPropsWithoutRef<'button'> {
195
+ value: string;
196
+ disabled?: boolean;
197
+ ref?: Ref<HTMLButtonElement>;
198
+ }
199
+ interface TabsContentProps extends ComponentPropsWithoutRef<'div'> {
200
+ value: string;
201
+ ref?: Ref<HTMLDivElement>;
202
+ }
203
+ interface TabsIndicatorProps extends ComponentPropsWithoutRef<'div'> {
204
+ ref?: Ref<HTMLDivElement>;
205
+ }
206
+ export {};
207
+ //# sourceMappingURL=tabs.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/molecules/tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,wBAAwB,EAC7B,KAAK,GAAG,EAIT,MAAM,OAAO,CAAA;AACd,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAIrD,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAsGhB,CAAA;AAuBF,MAAM,WAAW,SACf,SAAQ,YAAY,CAAC,OAAO,YAAY,CAAC,EACvC,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IACnD,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAA;IACnB,cAAc,CAAC,EAAE,WAAW,GAAG,QAAQ,CAAA;IACvC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAC1B;AAED,wBAAgB,IAAI,CAAC,EACnB,EAAE,EACF,YAAY,EACZ,KAAK,EACL,WAA0B,EAC1B,GAAW,EACX,cAA4B,EAC5B,SAAgB,EAChB,aAAa,EACb,OAAO,EACP,IAAI,EACJ,MAAM,EACN,OAAO,EACP,QAAQ,EACR,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,SAAS,2CAkCX;yBAnDe,IAAI;uDA+DjB,aAAa;2EA6Bb,gBAAgB;iEA6BhB,gBAAgB;kDAwBhB,kBAAkB;;;AA3FrB,UAAU,aAAc,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IAC7D,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAC1B;AAuBD,UAAU,gBAAiB,SAAQ,wBAAwB,CAAC,QAAQ,CAAC;IACnE,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAA;CAC7B;AA2BD,UAAU,gBAAiB,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IAChE,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAC1B;AAwBD,UAAU,kBAAmB,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IAClE,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAC1B"}
@@ -0,0 +1,83 @@
1
+ import * as toast from '@zag-js/toast';
2
+ import { type ReactNode } from 'react';
3
+ import type { VariantProps } from 'tailwind-variants';
4
+ declare const toastVariants: import("tailwind-variants").TVReturnType<{
5
+ [key: string]: {
6
+ [key: string]: import("tailwind-variants").ClassValue | {
7
+ title?: import("tailwind-variants").ClassValue;
8
+ icon?: import("tailwind-variants").ClassValue;
9
+ group?: import("tailwind-variants").ClassValue;
10
+ header?: import("tailwind-variants").ClassValue;
11
+ root?: import("tailwind-variants").ClassValue;
12
+ description?: import("tailwind-variants").ClassValue;
13
+ closeButton?: import("tailwind-variants").ClassValue;
14
+ };
15
+ };
16
+ } | {
17
+ [x: string]: {
18
+ [x: string]: import("tailwind-variants").ClassValue | {
19
+ title?: import("tailwind-variants").ClassValue;
20
+ icon?: import("tailwind-variants").ClassValue;
21
+ group?: import("tailwind-variants").ClassValue;
22
+ header?: import("tailwind-variants").ClassValue;
23
+ root?: import("tailwind-variants").ClassValue;
24
+ description?: import("tailwind-variants").ClassValue;
25
+ closeButton?: import("tailwind-variants").ClassValue;
26
+ };
27
+ };
28
+ } | {}, {
29
+ root: string[];
30
+ group: string;
31
+ header: string;
32
+ icon: string[];
33
+ title: string[];
34
+ description: string[];
35
+ closeButton: string[];
36
+ }, undefined, {
37
+ [key: string]: {
38
+ [key: string]: import("tailwind-variants").ClassValue | {
39
+ title?: import("tailwind-variants").ClassValue;
40
+ icon?: import("tailwind-variants").ClassValue;
41
+ group?: import("tailwind-variants").ClassValue;
42
+ header?: import("tailwind-variants").ClassValue;
43
+ root?: import("tailwind-variants").ClassValue;
44
+ description?: import("tailwind-variants").ClassValue;
45
+ closeButton?: import("tailwind-variants").ClassValue;
46
+ };
47
+ };
48
+ } | {}, {
49
+ root: string[];
50
+ group: string;
51
+ header: string;
52
+ icon: string[];
53
+ title: string[];
54
+ description: string[];
55
+ closeButton: string[];
56
+ }, import("tailwind-variants").TVReturnType<unknown, {
57
+ root: string[];
58
+ group: string;
59
+ header: string;
60
+ icon: string[];
61
+ title: string[];
62
+ description: string[];
63
+ closeButton: string[];
64
+ }, undefined, unknown, unknown, undefined>>;
65
+ interface ToastProps {
66
+ actor: toast.Options<ReactNode>;
67
+ index: number;
68
+ parent: toast.GroupService;
69
+ placement?: toast.Placement;
70
+ }
71
+ export declare function Toast({ actor, index, parent, placement }: ToastProps): import("react/jsx-runtime").JSX.Element;
72
+ export interface ToastContainerProps extends VariantProps<typeof toastVariants> {
73
+ placement?: toast.Placement;
74
+ gap?: number;
75
+ offsets?: string;
76
+ overlap?: boolean;
77
+ max?: number;
78
+ }
79
+ export declare const toaster: toast.Store<any>;
80
+ export declare function Toaster(): import("react/jsx-runtime").JSX.Element;
81
+ export declare function useToast(): toast.Store<any>;
82
+ export {};
83
+ //# sourceMappingURL=toast.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../src/molecules/toast.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,eAAe,CAAA;AACtC,OAAO,EAAE,KAAK,SAAS,EAAS,MAAM,OAAO,CAAA;AAC7C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAKrD,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CA2CjB,CAAA;AAGF,UAAU,UAAU;IAClB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,CAAA;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,KAAK,CAAC,YAAY,CAAA;IAC1B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC5B;AAED,wBAAgB,KAAK,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,UAAU,2CAsCpE;AAGD,MAAM,WAAW,mBACf,SAAQ,YAAY,CAAC,OAAO,aAAa,CAAC;IAC1C,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,GAAG,CAAC,EAAE,MAAM,CAAA;CACb;AAGD,eAAO,MAAM,OAAO,kBAIlB,CAAA;AAEF,wBAAgB,OAAO,4CAgBtB;AAGD,wBAAgB,QAAQ,qBAEvB"}