@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,202 @@
1
+ import * as tree from '@zag-js/tree-view';
2
+ import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
3
+ import type { VariantProps } from 'tailwind-variants';
4
+ import { type IconType } from '../atoms/icon';
5
+ export interface TreeNode {
6
+ id: string;
7
+ name: string;
8
+ children?: TreeNode[];
9
+ icons?: {
10
+ branch?: IconType;
11
+ leaf?: IconType;
12
+ };
13
+ disabled?: boolean;
14
+ selected?: boolean;
15
+ selectable?: boolean;
16
+ [key: string]: unknown;
17
+ }
18
+ declare const treeViewVariants: import("tailwind-variants").TVReturnType<{
19
+ size: {
20
+ sm: {
21
+ nodeIcon: string;
22
+ branchText: string;
23
+ itemText: string;
24
+ branchIndicator: string;
25
+ label: string;
26
+ };
27
+ md: {
28
+ nodeIcon: string;
29
+ branchText: string;
30
+ itemText: string;
31
+ branchIndicator: string;
32
+ label: string;
33
+ };
34
+ lg: {
35
+ nodeIcon: string;
36
+ branchText: string;
37
+ itemText: string;
38
+ branchIndicator: string;
39
+ label: string;
40
+ };
41
+ };
42
+ }, {
43
+ root: string;
44
+ label: string[];
45
+ tree: string[];
46
+ branch: string[];
47
+ branchTrigger: string[];
48
+ branchControl: string[];
49
+ branchText: string[];
50
+ branchIndicator: string[];
51
+ branchContent: string[];
52
+ indentGuide: string[];
53
+ item: string[];
54
+ itemText: string[];
55
+ nodeIcon: string[];
56
+ }, undefined, {
57
+ size: {
58
+ sm: {
59
+ nodeIcon: string;
60
+ branchText: string;
61
+ itemText: string;
62
+ branchIndicator: string;
63
+ label: string;
64
+ };
65
+ md: {
66
+ nodeIcon: string;
67
+ branchText: string;
68
+ itemText: string;
69
+ branchIndicator: string;
70
+ label: string;
71
+ };
72
+ lg: {
73
+ nodeIcon: string;
74
+ branchText: string;
75
+ itemText: string;
76
+ branchIndicator: string;
77
+ label: string;
78
+ };
79
+ };
80
+ }, {
81
+ root: string;
82
+ label: string[];
83
+ tree: string[];
84
+ branch: string[];
85
+ branchTrigger: string[];
86
+ branchControl: string[];
87
+ branchText: string[];
88
+ branchIndicator: string[];
89
+ branchContent: string[];
90
+ indentGuide: string[];
91
+ item: string[];
92
+ itemText: string[];
93
+ nodeIcon: string[];
94
+ }, import("tailwind-variants").TVReturnType<{
95
+ size: {
96
+ sm: {
97
+ nodeIcon: string;
98
+ branchText: string;
99
+ itemText: string;
100
+ branchIndicator: string;
101
+ label: string;
102
+ };
103
+ md: {
104
+ nodeIcon: string;
105
+ branchText: string;
106
+ itemText: string;
107
+ branchIndicator: string;
108
+ label: string;
109
+ };
110
+ lg: {
111
+ nodeIcon: string;
112
+ branchText: string;
113
+ itemText: string;
114
+ branchIndicator: string;
115
+ label: string;
116
+ };
117
+ };
118
+ }, {
119
+ root: string;
120
+ label: string[];
121
+ tree: string[];
122
+ branch: string[];
123
+ branchTrigger: string[];
124
+ branchControl: string[];
125
+ branchText: string[];
126
+ branchIndicator: string[];
127
+ branchContent: string[];
128
+ indentGuide: string[];
129
+ item: string[];
130
+ itemText: string[];
131
+ nodeIcon: string[];
132
+ }, undefined, unknown, unknown, undefined>>;
133
+ interface TreeViewRootProps extends VariantProps<typeof treeViewVariants>, Omit<tree.Props, 'id' | 'size'>, Omit<ComponentPropsWithoutRef<'div'>, 'onChange' | 'dir'> {
134
+ id?: string;
135
+ data: TreeNode[];
136
+ selectionBehavior?: 'all' | 'leaf-only' | 'custom';
137
+ }
138
+ export declare function TreeView({ id, data, size, selectionBehavior, dir, selectionMode, expandedValue, selectedValue, focusedValue, defaultExpandedValue, defaultSelectedValue, expandOnClick, typeahead, onExpandedChange, onSelectionChange, onFocusChange, children, className, ...props }: TreeViewRootProps): import("react/jsx-runtime").JSX.Element;
139
+ export declare namespace TreeView {
140
+ var Label: ({ children, className, ...props }: TreeViewLabelProps) => import("react/jsx-runtime").JSX.Element;
141
+ var Tree: ({ children, className, ...props }: TreeViewTreeProps) => import("react/jsx-runtime").JSX.Element;
142
+ var NodeProvider: ({ node, indexPath, children, }: TreeViewNodeProviderProps) => import("react/jsx-runtime").JSX.Element;
143
+ var Branch: ({ children, className, ...props }: TreeViewBranchProps) => import("react/jsx-runtime").JSX.Element;
144
+ var BranchTrigger: ({ children, className, ...props }: TreeViewBranchTriggerProps) => import("react/jsx-runtime").JSX.Element;
145
+ var BranchControl: ({ children, className, ...props }: TreeViewBranchControlProps) => import("react/jsx-runtime").JSX.Element;
146
+ var BranchText: ({ children, className, }: TreeViewBranchTextProps) => import("react/jsx-runtime").JSX.Element;
147
+ var BranchIndicator: ({ icon, className, }: TreeViewBranchIndicatorProps) => import("react/jsx-runtime").JSX.Element;
148
+ var BranchContent: ({ children, className, ...props }: TreeViewBranchContentProps) => import("react/jsx-runtime").JSX.Element;
149
+ var IndentGuide: ({ className, }: TreeViewIndentGuideProps) => import("react/jsx-runtime").JSX.Element;
150
+ var Item: ({ children, className, ...props }: TreeViewItemProps) => import("react/jsx-runtime").JSX.Element;
151
+ var ItemText: ({ children, className, }: TreeViewItemTextProps) => import("react/jsx-runtime").JSX.Element;
152
+ var NodeIcon: ({ icon, className, ...props }: TreeViewNodeIconProps) => import("react/jsx-runtime").JSX.Element;
153
+ var Node: ({ node, indexPath, showIndentGuides, showNodeIcons, onNodeHover, onNodeLeave, }: TreeViewNodeProps) => import("react/jsx-runtime").JSX.Element;
154
+ var displayName: string;
155
+ }
156
+ interface TreeViewLabelProps extends ComponentPropsWithoutRef<'h3'> {
157
+ }
158
+ interface TreeViewTreeProps extends ComponentPropsWithoutRef<'div'> {
159
+ }
160
+ interface TreeViewNodeProviderProps {
161
+ node: TreeNode;
162
+ indexPath: number[];
163
+ children: ReactNode;
164
+ }
165
+ interface TreeViewBranchProps extends ComponentPropsWithoutRef<'div'> {
166
+ }
167
+ interface TreeViewBranchTriggerProps extends ComponentPropsWithoutRef<'div'> {
168
+ }
169
+ interface TreeViewBranchControlProps extends ComponentPropsWithoutRef<'div'> {
170
+ }
171
+ interface TreeViewBranchTextProps {
172
+ children?: ReactNode;
173
+ className?: string;
174
+ }
175
+ interface TreeViewBranchIndicatorProps {
176
+ icon?: IconType;
177
+ className?: string;
178
+ }
179
+ interface TreeViewBranchContentProps extends ComponentPropsWithoutRef<'div'> {
180
+ }
181
+ interface TreeViewIndentGuideProps {
182
+ className?: string;
183
+ }
184
+ interface TreeViewItemProps extends ComponentPropsWithoutRef<'div'> {
185
+ }
186
+ interface TreeViewItemTextProps {
187
+ children?: ReactNode;
188
+ className?: string;
189
+ }
190
+ interface TreeViewNodeIconProps extends ComponentPropsWithoutRef<'span'> {
191
+ icon?: IconType;
192
+ }
193
+ interface TreeViewNodeProps {
194
+ node: TreeNode;
195
+ indexPath: number[];
196
+ showIndentGuides?: boolean;
197
+ showNodeIcons?: boolean;
198
+ onNodeHover?: (node: TreeNode, indexPath: number[]) => void;
199
+ onNodeLeave?: (node: TreeNode, indexPath: number[]) => void;
200
+ }
201
+ export {};
202
+ //# sourceMappingURL=tree-view.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tree-view.d.ts","sourceRoot":"","sources":["../../../src/molecules/tree-view.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,254 @@
1
+ import { type HTMLAttributes, type ReactNode } from 'react';
2
+ import type { VariantProps } from 'tailwind-variants';
3
+ declare const footerVariants: import("tailwind-variants").TVReturnType<{
4
+ direction: {
5
+ vertical: {
6
+ root: string;
7
+ };
8
+ horizontal: {
9
+ root: string;
10
+ };
11
+ };
12
+ layout: {
13
+ col: {
14
+ container: string;
15
+ };
16
+ row: {
17
+ container: string;
18
+ };
19
+ };
20
+ sectionFlow: {
21
+ col: {
22
+ section: string;
23
+ };
24
+ row: {
25
+ section: string;
26
+ };
27
+ };
28
+ size: {
29
+ sm: {
30
+ root: string;
31
+ container: string;
32
+ section: string;
33
+ list: string;
34
+ title: string;
35
+ link: string;
36
+ text: string;
37
+ bottom: string;
38
+ divider: string;
39
+ };
40
+ md: {
41
+ root: string;
42
+ container: string;
43
+ section: string;
44
+ list: string;
45
+ title: string;
46
+ link: string;
47
+ text: string;
48
+ bottom: string;
49
+ divider: string;
50
+ };
51
+ lg: {
52
+ root: string;
53
+ container: string;
54
+ section: string;
55
+ list: string;
56
+ title: string;
57
+ link: string;
58
+ text: string;
59
+ bottom: string;
60
+ divider: string;
61
+ };
62
+ };
63
+ }, {
64
+ root: string;
65
+ container: string;
66
+ section: string;
67
+ list: string;
68
+ bottom: string;
69
+ title: string;
70
+ link: string;
71
+ text: string;
72
+ divider: string;
73
+ }, undefined, {
74
+ direction: {
75
+ vertical: {
76
+ root: string;
77
+ };
78
+ horizontal: {
79
+ root: string;
80
+ };
81
+ };
82
+ layout: {
83
+ col: {
84
+ container: string;
85
+ };
86
+ row: {
87
+ container: string;
88
+ };
89
+ };
90
+ sectionFlow: {
91
+ col: {
92
+ section: string;
93
+ };
94
+ row: {
95
+ section: string;
96
+ };
97
+ };
98
+ size: {
99
+ sm: {
100
+ root: string;
101
+ container: string;
102
+ section: string;
103
+ list: string;
104
+ title: string;
105
+ link: string;
106
+ text: string;
107
+ bottom: string;
108
+ divider: string;
109
+ };
110
+ md: {
111
+ root: string;
112
+ container: string;
113
+ section: string;
114
+ list: string;
115
+ title: string;
116
+ link: string;
117
+ text: string;
118
+ bottom: string;
119
+ divider: string;
120
+ };
121
+ lg: {
122
+ root: string;
123
+ container: string;
124
+ section: string;
125
+ list: string;
126
+ title: string;
127
+ link: string;
128
+ text: string;
129
+ bottom: string;
130
+ divider: string;
131
+ };
132
+ };
133
+ }, {
134
+ root: string;
135
+ container: string;
136
+ section: string;
137
+ list: string;
138
+ bottom: string;
139
+ title: string;
140
+ link: string;
141
+ text: string;
142
+ divider: string;
143
+ }, import("tailwind-variants").TVReturnType<{
144
+ direction: {
145
+ vertical: {
146
+ root: string;
147
+ };
148
+ horizontal: {
149
+ root: string;
150
+ };
151
+ };
152
+ layout: {
153
+ col: {
154
+ container: string;
155
+ };
156
+ row: {
157
+ container: string;
158
+ };
159
+ };
160
+ sectionFlow: {
161
+ col: {
162
+ section: string;
163
+ };
164
+ row: {
165
+ section: string;
166
+ };
167
+ };
168
+ size: {
169
+ sm: {
170
+ root: string;
171
+ container: string;
172
+ section: string;
173
+ list: string;
174
+ title: string;
175
+ link: string;
176
+ text: string;
177
+ bottom: string;
178
+ divider: string;
179
+ };
180
+ md: {
181
+ root: string;
182
+ container: string;
183
+ section: string;
184
+ list: string;
185
+ title: string;
186
+ link: string;
187
+ text: string;
188
+ bottom: string;
189
+ divider: string;
190
+ };
191
+ lg: {
192
+ root: string;
193
+ container: string;
194
+ section: string;
195
+ list: string;
196
+ title: string;
197
+ link: string;
198
+ text: string;
199
+ bottom: string;
200
+ divider: string;
201
+ };
202
+ };
203
+ }, {
204
+ root: string;
205
+ container: string;
206
+ section: string;
207
+ list: string;
208
+ bottom: string;
209
+ title: string;
210
+ link: string;
211
+ text: string;
212
+ divider: string;
213
+ }, undefined, unknown, unknown, undefined>>;
214
+ interface FooterProps extends HTMLAttributes<HTMLElement>, VariantProps<typeof footerVariants> {
215
+ children: ReactNode;
216
+ }
217
+ interface FooterContainerProps extends HTMLAttributes<HTMLElement> {
218
+ children: ReactNode;
219
+ }
220
+ interface FooterSectionProps extends HTMLAttributes<HTMLElement> {
221
+ children: ReactNode;
222
+ }
223
+ interface FooterTitleProps extends HTMLAttributes<HTMLElement> {
224
+ children: ReactNode;
225
+ }
226
+ interface FooterLinkProps extends HTMLAttributes<HTMLAnchorElement> {
227
+ children: ReactNode;
228
+ href: string;
229
+ external?: boolean;
230
+ }
231
+ interface FooterTextProps extends HTMLAttributes<HTMLElement> {
232
+ children: ReactNode;
233
+ }
234
+ interface FooterListProps extends HTMLAttributes<HTMLUListElement> {
235
+ children: ReactNode;
236
+ }
237
+ interface FooterDividerProps extends HTMLAttributes<HTMLHRElement> {
238
+ }
239
+ interface FooterBottomProps extends HTMLAttributes<HTMLDivElement> {
240
+ children: ReactNode;
241
+ }
242
+ export declare function Footer({ children, size, sectionFlow, direction, layout, className, }: FooterProps): import("react/jsx-runtime").JSX.Element;
243
+ export declare namespace Footer {
244
+ var Container: ({ children, className, }: FooterContainerProps) => import("react/jsx-runtime").JSX.Element;
245
+ var Section: ({ children, className, }: FooterSectionProps) => import("react/jsx-runtime").JSX.Element;
246
+ var Title: ({ children, className }: FooterTitleProps) => import("react/jsx-runtime").JSX.Element;
247
+ var Link: ({ children, className, href, external, ...props }: FooterLinkProps) => import("react/jsx-runtime").JSX.Element;
248
+ var Text: ({ children, className }: FooterTextProps) => import("react/jsx-runtime").JSX.Element;
249
+ var List: ({ children, className, ...props }: FooterListProps) => import("react/jsx-runtime").JSX.Element;
250
+ var Divider: ({ className, ...props }: FooterDividerProps) => import("react/jsx-runtime").JSX.Element;
251
+ var Bottom: ({ children, className, ...props }: FooterBottomProps) => import("react/jsx-runtime").JSX.Element;
252
+ }
253
+ export {};
254
+ //# sourceMappingURL=footer.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../../src/organisms/footer.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,SAAS,EAGf,MAAM,OAAO,CAAA;AACd,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAIrD,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAiFlB,CAAA;AAUF,UAAU,WACR,SAAQ,cAAc,CAAC,WAAW,CAAC,EACjC,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,UAAU,oBAAqB,SAAQ,cAAc,CAAC,WAAW,CAAC;IAChE,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,UAAU,kBAAmB,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC9D,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,UAAU,gBAAiB,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC5D,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,UAAU,eAAgB,SAAQ,cAAc,CAAC,iBAAiB,CAAC;IACjE,QAAQ,EAAE,SAAS,CAAA;IACnB,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,UAAU,eAAgB,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC3D,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,UAAU,eAAgB,SAAQ,cAAc,CAAC,gBAAgB,CAAC;IAChE,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,UAAU,kBAAmB,SAAQ,cAAc,CAAC,aAAa,CAAC;CAAG;AAErE,UAAU,iBAAkB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAChE,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,IAAI,EACJ,WAAW,EACX,SAAS,EACT,MAAM,EACN,SAAS,GACV,EAAE,WAAW,2CAQb;yBAfe,MAAM;8CAoBnB,oBAAoB;4CASpB,kBAAkB;yCASwC,gBAAgB;kEAY1E,eAAe;wCAgByC,eAAe;kDAUvE,eAAe;2CAaf,kBAAkB;oDAUlB,iBAAiB"}
@@ -0,0 +1,186 @@
1
+ import type { HTMLAttributes, ReactNode, Ref } from 'react';
2
+ import type { VariantProps } from 'tailwind-variants';
3
+ declare const headerVariants: import("tailwind-variants").TVReturnType<{
4
+ direction: {
5
+ vertical: {
6
+ root: string[];
7
+ };
8
+ horizontal: {
9
+ root: string[];
10
+ };
11
+ };
12
+ size: {
13
+ sm: {
14
+ nav: string;
15
+ navItem: string;
16
+ actions: string;
17
+ actionItem: string;
18
+ hamburger: string;
19
+ };
20
+ md: {
21
+ nav: string;
22
+ navItem: string;
23
+ actions: string;
24
+ actionItem: string;
25
+ hamburger: string;
26
+ };
27
+ lg: {
28
+ nav: string;
29
+ navItem: string;
30
+ actions: string;
31
+ actionItem: string;
32
+ hamburger: string;
33
+ };
34
+ };
35
+ }, {
36
+ root: string[];
37
+ desktop: string;
38
+ mobile: string[];
39
+ container: string[];
40
+ nav: string[];
41
+ navItem: string[];
42
+ actions: string[];
43
+ actionItem: string[];
44
+ hamburger: string[];
45
+ }, undefined, {
46
+ direction: {
47
+ vertical: {
48
+ root: string[];
49
+ };
50
+ horizontal: {
51
+ root: string[];
52
+ };
53
+ };
54
+ size: {
55
+ sm: {
56
+ nav: string;
57
+ navItem: string;
58
+ actions: string;
59
+ actionItem: string;
60
+ hamburger: string;
61
+ };
62
+ md: {
63
+ nav: string;
64
+ navItem: string;
65
+ actions: string;
66
+ actionItem: string;
67
+ hamburger: string;
68
+ };
69
+ lg: {
70
+ nav: string;
71
+ navItem: string;
72
+ actions: string;
73
+ actionItem: string;
74
+ hamburger: string;
75
+ };
76
+ };
77
+ }, {
78
+ root: string[];
79
+ desktop: string;
80
+ mobile: string[];
81
+ container: string[];
82
+ nav: string[];
83
+ navItem: string[];
84
+ actions: string[];
85
+ actionItem: string[];
86
+ hamburger: string[];
87
+ }, import("tailwind-variants").TVReturnType<{
88
+ direction: {
89
+ vertical: {
90
+ root: string[];
91
+ };
92
+ horizontal: {
93
+ root: string[];
94
+ };
95
+ };
96
+ size: {
97
+ sm: {
98
+ nav: string;
99
+ navItem: string;
100
+ actions: string;
101
+ actionItem: string;
102
+ hamburger: string;
103
+ };
104
+ md: {
105
+ nav: string;
106
+ navItem: string;
107
+ actions: string;
108
+ actionItem: string;
109
+ hamburger: string;
110
+ };
111
+ lg: {
112
+ nav: string;
113
+ navItem: string;
114
+ actions: string;
115
+ actionItem: string;
116
+ hamburger: string;
117
+ };
118
+ };
119
+ }, {
120
+ root: string[];
121
+ desktop: string;
122
+ mobile: string[];
123
+ container: string[];
124
+ nav: string[];
125
+ navItem: string[];
126
+ actions: string[];
127
+ actionItem: string[];
128
+ hamburger: string[];
129
+ }, undefined, unknown, unknown, undefined>>;
130
+ interface HeaderContextValue {
131
+ size?: 'sm' | 'md' | 'lg';
132
+ isMobileMenuOpen: boolean;
133
+ setIsMobileMenuOpen: (open: boolean) => void;
134
+ toggleMobileMenu: () => void;
135
+ }
136
+ export declare const HeaderContext: import("react").Context<HeaderContextValue>;
137
+ export interface HeaderProps extends HTMLAttributes<HTMLElement>, VariantProps<typeof headerVariants> {
138
+ children: ReactNode;
139
+ ref?: Ref<HTMLElement>;
140
+ }
141
+ interface HeaderContainerProps extends HTMLAttributes<HTMLElement> {
142
+ children: ReactNode;
143
+ ref?: Ref<HTMLElement>;
144
+ position?: 'start' | 'center' | 'end';
145
+ }
146
+ interface HeaderNavProps extends HTMLAttributes<HTMLElement> {
147
+ children: ReactNode;
148
+ ref?: Ref<HTMLElement>;
149
+ size?: 'sm' | 'md' | 'lg';
150
+ }
151
+ interface HeaderNavItemProps extends HTMLAttributes<HTMLDivElement> {
152
+ active?: boolean;
153
+ children: ReactNode;
154
+ ref?: Ref<HTMLDivElement>;
155
+ size?: 'sm' | 'md' | 'lg';
156
+ }
157
+ interface HeaderActionsProps extends HTMLAttributes<HTMLDivElement> {
158
+ children: ReactNode;
159
+ ref?: Ref<HTMLDivElement>;
160
+ size?: 'sm' | 'md' | 'lg';
161
+ }
162
+ interface HeaderActionItemProps extends HTMLAttributes<HTMLDivElement> {
163
+ children: ReactNode;
164
+ ref?: Ref<HTMLDivElement>;
165
+ size?: 'sm' | 'md' | 'lg';
166
+ }
167
+ interface HeaderMobileProps extends HTMLAttributes<HTMLDivElement> {
168
+ children: ReactNode;
169
+ ref?: Ref<HTMLDivElement>;
170
+ position?: 'left' | 'right';
171
+ }
172
+ export declare function Header({ size, direction, className, children, ref, ...props }: HeaderProps): import("react/jsx-runtime").JSX.Element;
173
+ export declare namespace Header {
174
+ var Desktop: ({ className, children, ref, ...props }: HeaderContainerProps) => import("react/jsx-runtime").JSX.Element;
175
+ var Mobile: ({ className, children, ref, position, ...props }: HeaderMobileProps) => import("react/jsx-runtime").JSX.Element;
176
+ var Container: ({ className, children, ref, position, ...props }: HeaderContainerProps) => import("react/jsx-runtime").JSX.Element;
177
+ var Nav: ({ className, children, ref, size: overrideSize, ...props }: HeaderNavProps) => import("react/jsx-runtime").JSX.Element;
178
+ var NavItem: ({ active, className, children, ref, size: overrideSize, ...props }: HeaderNavItemProps) => import("react/jsx-runtime").JSX.Element;
179
+ var Actions: ({ className, children, ref, size: overrideSize, ...props }: HeaderActionsProps) => import("react/jsx-runtime").JSX.Element;
180
+ var ActionItem: ({ className, children, ref, size: overrideSize, ...props }: HeaderActionItemProps) => import("react/jsx-runtime").JSX.Element;
181
+ var Hamburger: ({ className, }: {
182
+ className?: string;
183
+ }) => import("react/jsx-runtime").JSX.Element;
184
+ }
185
+ export {};
186
+ //# sourceMappingURL=header.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../src/organisms/header.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC3D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAIrD,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAoFlB,CAAA;AAGF,UAAU,kBAAkB;IAC1B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,gBAAgB,EAAE,OAAO,CAAA;IACzB,mBAAmB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IAC5C,gBAAgB,EAAE,MAAM,IAAI,CAAA;CAC7B;AAED,eAAO,MAAM,aAAa,6CAIxB,CAAA;AAGF,MAAM,WAAW,WACf,SAAQ,cAAc,CAAC,WAAW,CAAC,EACjC,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,QAAQ,EAAE,SAAS,CAAA;IACnB,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAA;CACvB;AAED,UAAU,oBAAqB,SAAQ,cAAc,CAAC,WAAW,CAAC;IAChE,QAAQ,EAAE,SAAS,CAAA;IACnB,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;CACtC;AAED,UAAU,cAAe,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC1D,QAAQ,EAAE,SAAS,CAAA;IACnB,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAA;IACtB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAC1B;AAED,UAAU,kBAAmB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACjE,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,SAAS,CAAA;IACnB,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;IACzB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAC1B;AAED,UAAU,kBAAmB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACjE,QAAQ,EAAE,SAAS,CAAA;IACnB,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;IACzB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAC1B;AAED,UAAU,qBAAsB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACpE,QAAQ,EAAE,SAAS,CAAA;IACnB,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;IACzB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAC1B;AAED,UAAU,iBAAkB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAChE,QAAQ,EAAE,SAAS,CAAA;IACnB,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;IACzB,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;CAC5B;AAED,wBAAgB,MAAM,CAAC,EACrB,IAAW,EACX,SAAwB,EACxB,SAAS,EACT,QAAQ,EACR,GAAG,EACH,GAAG,KAAK,EACT,EAAE,WAAW,2CA4Bb;yBAnCe,MAAM;0DA0CnB,oBAAoB;mEAepB,iBAAiB;sEAsBjB,oBAAoB;0EAoBpB,cAAc;sFAmBd,kBAAkB;8EAuBlB,kBAAkB;iFAkBlB,qBAAqB;oCAcrB;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE"}