@giddaa-housing/ui 1.0.0 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (326) hide show
  1. package/css/generated/shared.css +1 -1
  2. package/dist/accordion.d.ts +9 -10
  3. package/dist/accordion.js +41 -87
  4. package/dist/activity-timeline.d.ts +12 -16
  5. package/dist/activity-timeline.js +83 -198
  6. package/dist/alert.d.ts +8 -9
  7. package/dist/alert.js +53 -111
  8. package/dist/auth-layout.d.ts +4 -4
  9. package/dist/auth-layout.js +143 -294
  10. package/dist/avatar.d.ts +6 -6
  11. package/dist/avatar.js +49 -19
  12. package/dist/badge.d.ts +12 -14
  13. package/dist/badge.js +71 -11
  14. package/dist/bar-chart.d.ts +65 -67
  15. package/dist/bar-chart.js +232 -207
  16. package/dist/breadcrumb.d.ts +5 -5
  17. package/dist/breadcrumb.js +56 -118
  18. package/dist/bullet-chart.d.ts +33 -33
  19. package/dist/bullet-chart.js +121 -148
  20. package/dist/button-BZIeyUw6.d.ts +17 -0
  21. package/dist/button-group.d.ts +13 -16
  22. package/dist/button-group.js +39 -88
  23. package/dist/button.d.ts +2 -19
  24. package/dist/button.js +94 -13
  25. package/dist/calendar.d.ts +6 -6
  26. package/dist/calendar.js +138 -17
  27. package/dist/card.d.ts +14 -16
  28. package/dist/card.js +59 -145
  29. package/dist/carousel.d.ts +34 -35
  30. package/dist/carousel.js +335 -20
  31. package/dist/chart.d.ts +58 -59
  32. package/dist/chart.js +376 -28
  33. package/dist/checkbox.d.ts +10 -12
  34. package/dist/checkbox.js +82 -47
  35. package/dist/cn-BI_4DMBf.js +23 -0
  36. package/dist/collapsible.d.ts +7 -8
  37. package/dist/collapsible.js +22 -47
  38. package/dist/combobox.d.ts +10 -10
  39. package/dist/combobox.js +236 -44
  40. package/dist/cta.d.ts +12 -14
  41. package/dist/cta.js +175 -341
  42. package/dist/currency-selector.d.ts +31 -32
  43. package/dist/currency-selector.js +106 -184
  44. package/dist/data-table.d.ts +164 -0
  45. package/dist/data-table.js +673 -0
  46. package/dist/date-picker.d.ts +22 -23
  47. package/dist/date-picker.js +119 -192
  48. package/dist/details-card.d.ts +7 -7
  49. package/dist/details-card.js +104 -253
  50. package/dist/dialog.d.ts +13 -14
  51. package/dist/dialog.js +116 -209
  52. package/dist/dropdown-menu.d.ts +13 -13
  53. package/dist/dropdown-menu.js +180 -37
  54. package/dist/dropzone.d.ts +55 -55
  55. package/dist/dropzone.js +327 -439
  56. package/dist/editorial-card.d.ts +23 -25
  57. package/dist/editorial-card.js +129 -296
  58. package/dist/empty-state.d.ts +8 -9
  59. package/dist/empty-state.js +48 -105
  60. package/dist/field.d.ts +23 -25
  61. package/dist/field.js +110 -221
  62. package/dist/filter.d.ts +118 -0
  63. package/dist/filter.js +775 -0
  64. package/dist/footer.d.ts +8 -15
  65. package/dist/footer.js +197 -400
  66. package/dist/funnel-chart.d.ts +38 -41
  67. package/dist/funnel-chart.js +167 -189
  68. package/dist/gallery-indicator.d.ts +11 -12
  69. package/dist/gallery-indicator.js +75 -12
  70. package/dist/heatmap-chart.d.ts +47 -50
  71. package/dist/heatmap-chart.js +186 -237
  72. package/dist/infotip.d.ts +8 -9
  73. package/dist/infotip.js +33 -59
  74. package/dist/input-CfoEJ8A6.d.ts +12 -0
  75. package/dist/input-group.d.ts +16 -20
  76. package/dist/input-group.js +99 -23
  77. package/dist/input-size-context-C-SFx9sx.d.ts +10 -0
  78. package/dist/input-size-context.d.ts +2 -11
  79. package/dist/input-size-context.js +17 -9
  80. package/dist/input.d.ts +2 -13
  81. package/dist/input.js +27 -11
  82. package/dist/item.d.ts +7 -8
  83. package/dist/item.js +22 -59
  84. package/dist/kpi-card.d.ts +18 -20
  85. package/dist/kpi-card.js +84 -192
  86. package/dist/label.d.ts +6 -6
  87. package/dist/label.js +40 -8
  88. package/dist/line-chart.d.ts +88 -89
  89. package/dist/line-chart.js +142 -104
  90. package/dist/logo.d.ts +4 -4
  91. package/dist/logo.js +92 -9
  92. package/dist/map-indicator.d.ts +7 -7
  93. package/dist/map-indicator.js +80 -106
  94. package/dist/match.d.ts +10 -11
  95. package/dist/match.js +62 -107
  96. package/dist/media-gallery-hero.d.ts +40 -42
  97. package/dist/media-gallery-hero.js +182 -343
  98. package/dist/media-player.d.ts +17 -17
  99. package/dist/media-player.js +873 -1348
  100. package/dist/multi-step-form.d.ts +56 -0
  101. package/dist/multi-step-form.js +342 -0
  102. package/dist/number-input.d.ts +34 -34
  103. package/dist/number-input.js +61 -117
  104. package/dist/page-header.d.ts +10 -11
  105. package/dist/page-header.js +34 -79
  106. package/dist/pagination.d.ts +17 -21
  107. package/dist/pagination.js +132 -207
  108. package/dist/password-input.d.ts +5 -13
  109. package/dist/password-input.js +31 -55
  110. package/dist/phone-input.d.ts +19 -20
  111. package/dist/phone-input.js +226 -344
  112. package/dist/photo-gallery.d.ts +19 -19
  113. package/dist/photo-gallery.js +313 -449
  114. package/dist/picker-lzgmsNfG.js +32 -0
  115. package/dist/pie-chart.d.ts +60 -60
  116. package/dist/pie-chart.js +140 -148
  117. package/dist/popover.d.ts +9 -9
  118. package/dist/popover.js +72 -23
  119. package/dist/price-tag.d.ts +26 -27
  120. package/dist/price-tag.js +113 -173
  121. package/dist/progress.d.ts +16 -17
  122. package/dist/progress.js +169 -24
  123. package/dist/property-listing-card.d.ts +14 -17
  124. package/dist/property-listing-card.js +102 -220
  125. package/dist/radar-chart.d.ts +29 -31
  126. package/dist/radar-chart.js +162 -137
  127. package/dist/radio-group.d.ts +11 -13
  128. package/dist/radio-group.js +46 -60
  129. package/dist/review-block.d.ts +14 -16
  130. package/dist/review-block.js +154 -10
  131. package/dist/rich-text-editor.d.ts +30 -14
  132. package/dist/rich-text-editor.js +592 -716
  133. package/dist/scatter-chart.d.ts +45 -47
  134. package/dist/scatter-chart.js +236 -240
  135. package/dist/search-input.d.ts +8 -16
  136. package/dist/search-input.js +57 -109
  137. package/dist/select.d.ts +8 -8
  138. package/dist/select.js +144 -27
  139. package/dist/separator.d.ts +8 -9
  140. package/dist/separator.js +32 -8
  141. package/dist/sheet.d.ts +11 -11
  142. package/dist/sheet.js +103 -24
  143. package/dist/sidebar.d.ts +32 -37
  144. package/dist/sidebar.js +364 -634
  145. package/dist/size-context-D4mYvcg8.d.ts +10 -0
  146. package/dist/size-context.d.ts +2 -11
  147. package/dist/size-context.js +17 -9
  148. package/dist/skeleton.d.ts +4 -5
  149. package/dist/skeleton.js +12 -8
  150. package/dist/slider.d.ts +8 -9
  151. package/dist/slider.js +64 -135
  152. package/dist/sparkline.d.ts +43 -46
  153. package/dist/sparkline.js +221 -251
  154. package/dist/stepper.d.ts +23 -24
  155. package/dist/stepper.js +149 -246
  156. package/dist/styles.css +510 -108
  157. package/dist/switch.d.ts +10 -12
  158. package/dist/switch.js +48 -70
  159. package/dist/table-card.d.ts +35 -0
  160. package/dist/table-card.js +125 -0
  161. package/dist/table.d.ts +18 -14
  162. package/dist/table.js +113 -154
  163. package/dist/tabs.d.ts +23 -15
  164. package/dist/tabs.js +71 -18
  165. package/dist/tag.d.ts +21 -23
  166. package/dist/tag.js +103 -159
  167. package/dist/testimonial-block.d.ts +18 -19
  168. package/dist/testimonial-block.js +189 -358
  169. package/dist/textarea-IS_D8pXf.d.ts +11 -0
  170. package/dist/textarea.d.ts +2 -12
  171. package/dist/textarea.js +24 -11
  172. package/dist/time-picker.d.ts +11 -11
  173. package/dist/time-picker.js +245 -302
  174. package/dist/toast.d.ts +16 -18
  175. package/dist/toast.js +154 -205
  176. package/dist/tooltip.d.ts +8 -9
  177. package/dist/tooltip.js +37 -12
  178. package/dist/tree-map.d.ts +54 -57
  179. package/dist/tree-map.js +227 -269
  180. package/dist/use-uncontrolled-CLfM1XbB.js +21 -0
  181. package/dist/waterfall-chart.d.ts +94 -97
  182. package/dist/waterfall-chart.js +455 -552
  183. package/package.json +28 -9
  184. package/dist/accordion.js.map +0 -1
  185. package/dist/activity-timeline.js.map +0 -1
  186. package/dist/alert.js.map +0 -1
  187. package/dist/auth-layout.js.map +0 -1
  188. package/dist/avatar.js.map +0 -1
  189. package/dist/badge.js.map +0 -1
  190. package/dist/bar-chart.js.map +0 -1
  191. package/dist/breadcrumb.js.map +0 -1
  192. package/dist/bullet-chart.js.map +0 -1
  193. package/dist/button-group.js.map +0 -1
  194. package/dist/button.js.map +0 -1
  195. package/dist/calendar.js.map +0 -1
  196. package/dist/card.js.map +0 -1
  197. package/dist/carousel.js.map +0 -1
  198. package/dist/chart.js.map +0 -1
  199. package/dist/checkbox.js.map +0 -1
  200. package/dist/chunk-322YCNVL.js +0 -278
  201. package/dist/chunk-322YCNVL.js.map +0 -1
  202. package/dist/chunk-3ACQVT7A.js +0 -25
  203. package/dist/chunk-3ACQVT7A.js.map +0 -1
  204. package/dist/chunk-3T65TLJX.js +0 -334
  205. package/dist/chunk-3T65TLJX.js.map +0 -1
  206. package/dist/chunk-6ZSGQHH2.js +0 -192
  207. package/dist/chunk-6ZSGQHH2.js.map +0 -1
  208. package/dist/chunk-7TBMLFGW.js +0 -41
  209. package/dist/chunk-7TBMLFGW.js.map +0 -1
  210. package/dist/chunk-B4H6RNDH.js +0 -135
  211. package/dist/chunk-B4H6RNDH.js.map +0 -1
  212. package/dist/chunk-BUXCGZ6X.js +0 -219
  213. package/dist/chunk-BUXCGZ6X.js.map +0 -1
  214. package/dist/chunk-CHII2QHH.js +0 -58
  215. package/dist/chunk-CHII2QHH.js.map +0 -1
  216. package/dist/chunk-DMNOXRRW.js +0 -147
  217. package/dist/chunk-DMNOXRRW.js.map +0 -1
  218. package/dist/chunk-EFSOSSIC.js +0 -130
  219. package/dist/chunk-EFSOSSIC.js.map +0 -1
  220. package/dist/chunk-FZDSVMKY.js +0 -363
  221. package/dist/chunk-FZDSVMKY.js.map +0 -1
  222. package/dist/chunk-GJOFIJS3.js +0 -246
  223. package/dist/chunk-GJOFIJS3.js.map +0 -1
  224. package/dist/chunk-HL3ZSYES.js +0 -23
  225. package/dist/chunk-HL3ZSYES.js.map +0 -1
  226. package/dist/chunk-JVLUBAPB.js +0 -129
  227. package/dist/chunk-JVLUBAPB.js.map +0 -1
  228. package/dist/chunk-KDPYSOYZ.js +0 -64
  229. package/dist/chunk-KDPYSOYZ.js.map +0 -1
  230. package/dist/chunk-KSMDANKI.js +0 -43
  231. package/dist/chunk-KSMDANKI.js.map +0 -1
  232. package/dist/chunk-MEKCCOP5.js +0 -46
  233. package/dist/chunk-MEKCCOP5.js.map +0 -1
  234. package/dist/chunk-NOFXVRWL.js +0 -451
  235. package/dist/chunk-NOFXVRWL.js.map +0 -1
  236. package/dist/chunk-PC5MHNVA.js +0 -171
  237. package/dist/chunk-PC5MHNVA.js.map +0 -1
  238. package/dist/chunk-QKAQZ2GU.js +0 -122
  239. package/dist/chunk-QKAQZ2GU.js.map +0 -1
  240. package/dist/chunk-QZHSHSVV.js +0 -26
  241. package/dist/chunk-QZHSHSVV.js.map +0 -1
  242. package/dist/chunk-RBMK26XD.js +0 -19
  243. package/dist/chunk-RBMK26XD.js.map +0 -1
  244. package/dist/chunk-SFNJGF6M.js +0 -262
  245. package/dist/chunk-SFNJGF6M.js.map +0 -1
  246. package/dist/chunk-UJJNLGTM.js +0 -112
  247. package/dist/chunk-UJJNLGTM.js.map +0 -1
  248. package/dist/chunk-VGR4ZWJ3.js +0 -418
  249. package/dist/chunk-VGR4ZWJ3.js.map +0 -1
  250. package/dist/chunk-XG47P6D4.js +0 -99
  251. package/dist/chunk-XG47P6D4.js.map +0 -1
  252. package/dist/chunk-XZZAHNVM.js +0 -21
  253. package/dist/chunk-XZZAHNVM.js.map +0 -1
  254. package/dist/chunk-Y4TTYVNE.js +0 -36
  255. package/dist/chunk-Y4TTYVNE.js.map +0 -1
  256. package/dist/chunk-YDWIHW6Q.js +0 -69
  257. package/dist/chunk-YDWIHW6Q.js.map +0 -1
  258. package/dist/collapsible.js.map +0 -1
  259. package/dist/combobox.js.map +0 -1
  260. package/dist/cta.js.map +0 -1
  261. package/dist/currency-selector.js.map +0 -1
  262. package/dist/date-picker.js.map +0 -1
  263. package/dist/details-card.js.map +0 -1
  264. package/dist/dialog.js.map +0 -1
  265. package/dist/dropdown-menu.js.map +0 -1
  266. package/dist/dropzone.js.map +0 -1
  267. package/dist/editorial-card.js.map +0 -1
  268. package/dist/empty-state.js.map +0 -1
  269. package/dist/field.js.map +0 -1
  270. package/dist/footer.js.map +0 -1
  271. package/dist/funnel-chart.js.map +0 -1
  272. package/dist/gallery-indicator.js.map +0 -1
  273. package/dist/heatmap-chart.js.map +0 -1
  274. package/dist/infotip.js.map +0 -1
  275. package/dist/input-group.js.map +0 -1
  276. package/dist/input-size-context.js.map +0 -1
  277. package/dist/input.js.map +0 -1
  278. package/dist/item.js.map +0 -1
  279. package/dist/kpi-card.js.map +0 -1
  280. package/dist/label.js.map +0 -1
  281. package/dist/line-chart.js.map +0 -1
  282. package/dist/logo.js.map +0 -1
  283. package/dist/map-indicator.js.map +0 -1
  284. package/dist/match.js.map +0 -1
  285. package/dist/media-gallery-hero.js.map +0 -1
  286. package/dist/media-player.js.map +0 -1
  287. package/dist/number-input.js.map +0 -1
  288. package/dist/page-header.js.map +0 -1
  289. package/dist/pagination.js.map +0 -1
  290. package/dist/password-input.js.map +0 -1
  291. package/dist/phone-input.js.map +0 -1
  292. package/dist/photo-gallery.js.map +0 -1
  293. package/dist/pie-chart.js.map +0 -1
  294. package/dist/popover.js.map +0 -1
  295. package/dist/price-tag.js.map +0 -1
  296. package/dist/progress.js.map +0 -1
  297. package/dist/property-listing-card.js.map +0 -1
  298. package/dist/radar-chart.js.map +0 -1
  299. package/dist/radio-group.js.map +0 -1
  300. package/dist/review-block.js.map +0 -1
  301. package/dist/rich-text-editor.js.map +0 -1
  302. package/dist/scatter-chart.js.map +0 -1
  303. package/dist/search-input.js.map +0 -1
  304. package/dist/select.js.map +0 -1
  305. package/dist/separator.js.map +0 -1
  306. package/dist/sheet.js.map +0 -1
  307. package/dist/sidebar.js.map +0 -1
  308. package/dist/size-context.js.map +0 -1
  309. package/dist/skeleton.js.map +0 -1
  310. package/dist/slider.js.map +0 -1
  311. package/dist/sparkline.js.map +0 -1
  312. package/dist/stepper.js.map +0 -1
  313. package/dist/switch.js.map +0 -1
  314. package/dist/tab-list.d.ts +0 -38
  315. package/dist/tab-list.js +0 -123
  316. package/dist/tab-list.js.map +0 -1
  317. package/dist/table.js.map +0 -1
  318. package/dist/tabs.js.map +0 -1
  319. package/dist/tag.js.map +0 -1
  320. package/dist/testimonial-block.js.map +0 -1
  321. package/dist/textarea.js.map +0 -1
  322. package/dist/time-picker.js.map +0 -1
  323. package/dist/toast.js.map +0 -1
  324. package/dist/tooltip.js.map +0 -1
  325. package/dist/tree-map.js.map +0 -1
  326. package/dist/waterfall-chart.js.map +0 -1
package/dist/footer.d.ts CHANGED
@@ -1,16 +1,9 @@
1
- import { useRender } from '@base-ui/react/use-render';
2
- import * as React from 'react';
3
- import { InputGroup } from './input-group.js';
4
- import 'class-variance-authority/types';
5
- import 'class-variance-authority';
6
- import './button.js';
7
- import '@base-ui/react/button';
8
- import './input.js';
9
- import './input-size-context.js';
10
- import './textarea.js';
11
-
1
+ import { InputGroup } from "./input-group.js";
2
+ import { useRender } from "@base-ui/react/use-render";
3
+ import * as React from "react";
4
+ //#region src/footer.d.ts
12
5
  type FooterRootProps = React.ComponentProps<"footer"> & {
13
- containerClassName?: string;
6
+ containerClassName?: string;
14
7
  };
15
8
  declare function FooterRoot({ className, containerClassName, children, ...props }: FooterRootProps): React.JSX.Element;
16
9
  declare function FooterCta({ className, ...props }: React.ComponentProps<"section">): React.JSX.Element;
@@ -28,7 +21,7 @@ declare function FooterSectionTitle({ className, ...props }: React.ComponentProp
28
21
  declare function FooterLinkList({ className, ...props }: React.ComponentProps<"ul">): React.JSX.Element;
29
22
  declare function FooterLinkItem({ className, ...props }: React.ComponentProps<"li">): React.JSX.Element;
30
23
  type FooterLinkProps = useRender.ComponentProps<"a"> & {
31
- showArrow?: boolean;
24
+ showArrow?: boolean;
32
25
  };
33
26
  declare function FooterLink({ className, children, render, showArrow, ...props }: FooterLinkProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
34
27
  declare function FooterContactGrid({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
@@ -43,5 +36,5 @@ declare function FooterNewsletterDescription({ className, ...props }: React.Comp
43
36
  declare function FooterNewsletterControl({ className, children, ...props }: React.ComponentProps<typeof InputGroup>): React.JSX.Element;
44
37
  declare function FooterBottom({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
45
38
  declare function FooterLegalLinks({ className, ...props }: React.ComponentProps<"nav">): React.JSX.Element;
46
-
47
- export { FooterBody, FooterBottom, FooterContact, FooterContactGrid, FooterContactTitle, FooterCta, FooterCtaActions, FooterCtaContent, FooterCtaDescription, FooterCtaTitle, FooterDescription, FooterHeader, FooterLegalLinks, FooterLink, FooterLinkItem, FooterLinkList, type FooterLinkProps, FooterNav, FooterNewsletter, FooterNewsletterControl, FooterNewsletterDescription, FooterNewsletterTitle, FooterRoot, type FooterRootProps, FooterSection, FooterSectionTitle, FooterSocialItem, FooterSocialLink, FooterSocialList, FooterTitle };
39
+ //#endregion
40
+ export { FooterBody, FooterBottom, FooterContact, FooterContactGrid, FooterContactTitle, FooterCta, FooterCtaActions, FooterCtaContent, FooterCtaDescription, FooterCtaTitle, FooterDescription, FooterHeader, FooterLegalLinks, FooterLink, FooterLinkItem, FooterLinkList, type FooterLinkProps, FooterNav, FooterNewsletter, FooterNewsletterControl, FooterNewsletterDescription, FooterNewsletterTitle, FooterRoot, type FooterRootProps, FooterSection, FooterSectionTitle, FooterSocialItem, FooterSocialLink, FooterSocialList, FooterTitle };
package/dist/footer.js CHANGED
@@ -1,430 +1,227 @@
1
- import {
2
- InputGroup,
3
- InputGroupButton,
4
- InputGroupInput
5
- } from "./chunk-6ZSGQHH2.js";
6
- import "./chunk-KSMDANKI.js";
7
- import "./chunk-MEKCCOP5.js";
8
- import "./chunk-3ACQVT7A.js";
9
- import "./chunk-B4H6RNDH.js";
10
- import "./chunk-HL3ZSYES.js";
11
- import {
12
- cn
13
- } from "./chunk-Y4TTYVNE.js";
14
-
15
- // src/footer.tsx
1
+ import { t as cn } from "./cn-BI_4DMBf.js";
2
+ import { InputGroup, InputGroupButton, InputGroupInput } from "./input-group.js";
3
+ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
16
4
  import { mergeProps } from "@base-ui/react/merge-props";
17
5
  import { useRender } from "@base-ui/react/use-render";
18
- import { Fragment, jsx, jsxs } from "react/jsx-runtime";
19
- function FooterRoot({
20
- className,
21
- containerClassName,
22
- children,
23
- ...props
24
- }) {
25
- return /* @__PURE__ */ jsx(
26
- "footer",
27
- {
28
- "data-slot": "footer-root",
29
- className: cn("bg-surface text-fg-primary", className),
30
- ...props,
31
- children: /* @__PURE__ */ jsx(
32
- "div",
33
- {
34
- "data-slot": "footer-container",
35
- className: cn(
36
- "mx-auto flex w-full max-w-7xl flex-col",
37
- containerClassName
38
- ),
39
- children
40
- }
41
- )
42
- }
43
- );
6
+ //#region src/footer.tsx
7
+ function FooterRoot({ className, containerClassName, children, ...props }) {
8
+ return /* @__PURE__ */ jsx("footer", {
9
+ "data-slot": "footer-root",
10
+ className: cn("bg-surface text-fg-primary", className),
11
+ ...props,
12
+ children: /* @__PURE__ */ jsx("div", {
13
+ "data-slot": "footer-container",
14
+ className: cn("mx-auto flex w-full max-w-7xl flex-col", containerClassName),
15
+ children
16
+ })
17
+ });
44
18
  }
45
19
  function FooterCta({ className, ...props }) {
46
- return /* @__PURE__ */ jsx(
47
- "section",
48
- {
49
- "data-slot": "footer-cta",
50
- className: cn(
51
- "grid gap-gdt-xl bg-surface-brand px-gdt-xl py-gdt-4xl text-fg-on-brand md:grid-cols-[minmax(0,1fr)_auto] md:items-center md:px-gdt-5xl",
52
- className
53
- ),
54
- ...props
55
- }
56
- );
57
- }
58
- function FooterCtaContent({
59
- className,
60
- ...props
61
- }) {
62
- return /* @__PURE__ */ jsx(
63
- "div",
64
- {
65
- "data-slot": "footer-cta-content",
66
- className: cn("flex max-w-145 flex-col gap-2 md:gap-3", className),
67
- ...props
68
- }
69
- );
20
+ return /* @__PURE__ */ jsx("section", {
21
+ "data-slot": "footer-cta",
22
+ className: cn("grid gap-gdt-xl bg-surface-brand px-gdt-xl py-gdt-4xl text-fg-on-brand md:grid-cols-[minmax(0,1fr)_auto] md:items-center md:px-gdt-5xl", className),
23
+ ...props
24
+ });
25
+ }
26
+ function FooterCtaContent({ className, ...props }) {
27
+ return /* @__PURE__ */ jsx("div", {
28
+ "data-slot": "footer-cta-content",
29
+ className: cn("flex max-w-145 flex-col gap-2 md:gap-3", className),
30
+ ...props
31
+ });
70
32
  }
71
33
  function FooterCtaTitle({ className, ...props }) {
72
- return /* @__PURE__ */ jsx(
73
- "h2",
74
- {
75
- "data-slot": "footer-cta-title",
76
- className: cn("text-gdt-h5 text-current md:text-gdt-h4", className),
77
- ...props
78
- }
79
- );
80
- }
81
- function FooterCtaDescription({
82
- className,
83
- ...props
84
- }) {
85
- return /* @__PURE__ */ jsx(
86
- "p",
87
- {
88
- "data-slot": "footer-cta-description",
89
- className: cn("text-gdt-sm text-current", className),
90
- ...props
91
- }
92
- );
93
- }
94
- function FooterCtaActions({
95
- className,
96
- ...props
97
- }) {
98
- return /* @__PURE__ */ jsx(
99
- "div",
100
- {
101
- "data-slot": "footer-cta-actions",
102
- className: cn("flex flex-wrap items-center gap-3 md:gap-4", className),
103
- ...props
104
- }
105
- );
34
+ return /* @__PURE__ */ jsx("h2", {
35
+ "data-slot": "footer-cta-title",
36
+ className: cn("text-gdt-h5 text-current md:text-gdt-h4", className),
37
+ ...props
38
+ });
39
+ }
40
+ function FooterCtaDescription({ className, ...props }) {
41
+ return /* @__PURE__ */ jsx("p", {
42
+ "data-slot": "footer-cta-description",
43
+ className: cn("text-gdt-sm text-current", className),
44
+ ...props
45
+ });
46
+ }
47
+ function FooterCtaActions({ className, ...props }) {
48
+ return /* @__PURE__ */ jsx("div", {
49
+ "data-slot": "footer-cta-actions",
50
+ className: cn("flex flex-wrap items-center gap-3 md:gap-4", className),
51
+ ...props
52
+ });
106
53
  }
107
54
  function FooterBody({ className, ...props }) {
108
- return /* @__PURE__ */ jsx(
109
- "div",
110
- {
111
- "data-slot": "footer-body",
112
- className: cn(
113
- "flex flex-col gap-gdt-6xl px-gdt-xl py-gdt-5xl md:px-gdt-5xl",
114
- className
115
- ),
116
- ...props
117
- }
118
- );
55
+ return /* @__PURE__ */ jsx("div", {
56
+ "data-slot": "footer-body",
57
+ className: cn("flex flex-col gap-gdt-6xl px-gdt-xl py-gdt-5xl md:px-gdt-5xl", className),
58
+ ...props
59
+ });
119
60
  }
120
61
  function FooterHeader({ className, ...props }) {
121
- return /* @__PURE__ */ jsx(
122
- "div",
123
- {
124
- "data-slot": "footer-header",
125
- className: cn("flex max-w-xl flex-col gap-gdt-sm", className),
126
- ...props
127
- }
128
- );
62
+ return /* @__PURE__ */ jsx("div", {
63
+ "data-slot": "footer-header",
64
+ className: cn("flex max-w-xl flex-col gap-gdt-sm", className),
65
+ ...props
66
+ });
129
67
  }
130
68
  function FooterTitle({ className, ...props }) {
131
- return /* @__PURE__ */ jsx(
132
- "h2",
133
- {
134
- "data-slot": "footer-title",
135
- className: cn("text-gdt-h5 text-fg-primary", className),
136
- ...props
137
- }
138
- );
69
+ return /* @__PURE__ */ jsx("h2", {
70
+ "data-slot": "footer-title",
71
+ className: cn("text-gdt-h5 text-fg-primary", className),
72
+ ...props
73
+ });
139
74
  }
140
75
  function FooterDescription({ className, ...props }) {
141
- return /* @__PURE__ */ jsx(
142
- "p",
143
- {
144
- "data-slot": "footer-description",
145
- className: cn("text-gdt-xs text-fg-secondary", className),
146
- ...props
147
- }
148
- );
76
+ return /* @__PURE__ */ jsx("p", {
77
+ "data-slot": "footer-description",
78
+ className: cn("text-gdt-xs text-fg-secondary", className),
79
+ ...props
80
+ });
149
81
  }
150
82
  function FooterNav({ className, ...props }) {
151
- return /* @__PURE__ */ jsx(
152
- "nav",
153
- {
154
- "data-slot": "footer-nav",
155
- className: cn(
156
- "grid gap-x-gdt-4xl gap-y-gdt-xl sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-6",
157
- className
158
- ),
159
- ...props
160
- }
161
- );
83
+ return /* @__PURE__ */ jsx("nav", {
84
+ "data-slot": "footer-nav",
85
+ className: cn("grid gap-x-gdt-4xl gap-y-gdt-xl sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-6", className),
86
+ ...props
87
+ });
162
88
  }
163
89
  function FooterSection({ className, ...props }) {
164
- return /* @__PURE__ */ jsx(
165
- "div",
166
- {
167
- "data-slot": "footer-section",
168
- className: cn("flex min-w-0 flex-col gap-gdt-md", className),
169
- ...props
170
- }
171
- );
172
- }
173
- function FooterSectionTitle({
174
- className,
175
- ...props
176
- }) {
177
- return /* @__PURE__ */ jsx(
178
- "h3",
179
- {
180
- "data-slot": "footer-section-title",
181
- className: cn("text-gdt-xs font-bold text-fg-primary", className),
182
- ...props
183
- }
184
- );
90
+ return /* @__PURE__ */ jsx("div", {
91
+ "data-slot": "footer-section",
92
+ className: cn("flex min-w-0 flex-col gap-gdt-md", className),
93
+ ...props
94
+ });
95
+ }
96
+ function FooterSectionTitle({ className, ...props }) {
97
+ return /* @__PURE__ */ jsx("h3", {
98
+ "data-slot": "footer-section-title",
99
+ className: cn("text-gdt-xs font-bold text-fg-primary", className),
100
+ ...props
101
+ });
185
102
  }
186
103
  function FooterLinkList({ className, ...props }) {
187
- return /* @__PURE__ */ jsx(
188
- "ul",
189
- {
190
- "data-slot": "footer-link-list",
191
- className: cn("flex flex-col gap-gdt-sm", className),
192
- ...props
193
- }
194
- );
104
+ return /* @__PURE__ */ jsx("ul", {
105
+ "data-slot": "footer-link-list",
106
+ className: cn("flex flex-col gap-gdt-sm", className),
107
+ ...props
108
+ });
195
109
  }
196
110
  function FooterLinkItem({ className, ...props }) {
197
- return /* @__PURE__ */ jsx(
198
- "li",
199
- {
200
- "data-slot": "footer-link-item",
201
- className: cn("text-gdt-xs", className),
202
- ...props
203
- }
204
- );
205
- }
206
- function FooterLink({
207
- className,
208
- children,
209
- render,
210
- showArrow = false,
211
- ...props
212
- }) {
213
- return useRender({
214
- defaultTagName: "a",
215
- props: mergeProps(
216
- {
217
- className: cn(
218
- "inline-flex items-center gap-gdt-sm text-fg-secondary transition-colors hover:text-fg-brand focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-line-focus focus-visible:ring-offset-2",
219
- className
220
- ),
221
- children: /* @__PURE__ */ jsxs(Fragment, { children: [
222
- /* @__PURE__ */ jsx("span", { children }),
223
- showArrow && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\u203A" })
224
- ] })
225
- },
226
- props
227
- ),
228
- render,
229
- state: {
230
- slot: "footer-link"
231
- }
232
- });
233
- }
234
- function FooterContactGrid({
235
- className,
236
- ...props
237
- }) {
238
- return /* @__PURE__ */ jsx(
239
- "div",
240
- {
241
- "data-slot": "footer-contact-grid",
242
- className: cn(
243
- "grid gap-gdt-3xl border-t border-line-subtle pt-gdt-xl md:grid-cols-[minmax(0,1fr)_minmax(18rem,25rem)]",
244
- className
245
- ),
246
- ...props
247
- }
248
- );
249
- }
250
- function FooterContact({
251
- className,
252
- ...props
253
- }) {
254
- return /* @__PURE__ */ jsx(
255
- "address",
256
- {
257
- "data-slot": "footer-contact",
258
- className: cn("not-italic text-gdt-xs text-fg-secondary", className),
259
- ...props
260
- }
261
- );
262
- }
263
- function FooterContactTitle({
264
- className,
265
- ...props
266
- }) {
267
- return /* @__PURE__ */ jsx(
268
- "h3",
269
- {
270
- "data-slot": "footer-contact-title",
271
- className: cn(
272
- "mb-gdt-sm text-gdt-xs font-bold text-fg-primary",
273
- className
274
- ),
275
- ...props
276
- }
277
- );
111
+ return /* @__PURE__ */ jsx("li", {
112
+ "data-slot": "footer-link-item",
113
+ className: cn("text-gdt-xs", className),
114
+ ...props
115
+ });
116
+ }
117
+ function FooterLink({ className, children, render, showArrow = false, ...props }) {
118
+ return useRender({
119
+ defaultTagName: "a",
120
+ props: mergeProps({
121
+ className: cn("inline-flex items-center gap-gdt-sm text-fg-secondary transition-colors hover:text-fg-brand focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-line-focus focus-visible:ring-offset-2", className),
122
+ children: /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", { children }), showArrow && /* @__PURE__ */ jsx("span", {
123
+ "aria-hidden": "true",
124
+ children: "›"
125
+ })] })
126
+ }, props),
127
+ render,
128
+ state: { slot: "footer-link" }
129
+ });
130
+ }
131
+ function FooterContactGrid({ className, ...props }) {
132
+ return /* @__PURE__ */ jsx("div", {
133
+ "data-slot": "footer-contact-grid",
134
+ className: cn("grid gap-gdt-3xl border-t border-line-subtle pt-gdt-xl md:grid-cols-[minmax(0,1fr)_minmax(18rem,25rem)]", className),
135
+ ...props
136
+ });
137
+ }
138
+ function FooterContact({ className, ...props }) {
139
+ return /* @__PURE__ */ jsx("address", {
140
+ "data-slot": "footer-contact",
141
+ className: cn("not-italic text-gdt-xs text-fg-secondary", className),
142
+ ...props
143
+ });
144
+ }
145
+ function FooterContactTitle({ className, ...props }) {
146
+ return /* @__PURE__ */ jsx("h3", {
147
+ "data-slot": "footer-contact-title",
148
+ className: cn("mb-gdt-sm text-gdt-xs font-bold text-fg-primary", className),
149
+ ...props
150
+ });
278
151
  }
279
152
  function FooterSocialList({ className, ...props }) {
280
- return /* @__PURE__ */ jsx(
281
- "ul",
282
- {
283
- "data-slot": "footer-social-list",
284
- className: cn(
285
- "mt-gdt-lg flex flex-wrap items-center gap-gdt-md",
286
- className
287
- ),
288
- ...props
289
- }
290
- );
153
+ return /* @__PURE__ */ jsx("ul", {
154
+ "data-slot": "footer-social-list",
155
+ className: cn("mt-gdt-lg flex flex-wrap items-center gap-gdt-md", className),
156
+ ...props
157
+ });
291
158
  }
292
159
  function FooterSocialItem({ className, ...props }) {
293
- return /* @__PURE__ */ jsx("li", { "data-slot": "footer-social-item", className, ...props });
160
+ return /* @__PURE__ */ jsx("li", {
161
+ "data-slot": "footer-social-item",
162
+ className,
163
+ ...props
164
+ });
294
165
  }
295
166
  function FooterSocialLink({ className, ...props }) {
296
- return /* @__PURE__ */ jsx(
297
- "a",
298
- {
299
- "data-slot": "footer-social-link",
300
- className: cn(
301
- "inline-flex size-7 items-center justify-center rounded-full bg-canvas text-fg-secondary transition-colors hover:bg-surface-brand hover:text-fg-on-brand focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-line-focus focus-visible:ring-offset-2 [&>svg:not([class*='size-'])]:size-3.5",
302
- className
303
- ),
304
- ...props
305
- }
306
- );
307
- }
308
- function FooterNewsletter({
309
- className,
310
- ...props
311
- }) {
312
- return /* @__PURE__ */ jsx(
313
- "form",
314
- {
315
- "data-slot": "footer-newsletter",
316
- className: cn("flex flex-col gap-gdt-md", className),
317
- ...props
318
- }
319
- );
320
- }
321
- function FooterNewsletterTitle({
322
- className,
323
- ...props
324
- }) {
325
- return /* @__PURE__ */ jsx(
326
- "h3",
327
- {
328
- "data-slot": "footer-newsletter-title",
329
- className: cn("text-gdt-xs font-bold text-fg-primary", className),
330
- ...props
331
- }
332
- );
333
- }
334
- function FooterNewsletterDescription({
335
- className,
336
- ...props
337
- }) {
338
- return /* @__PURE__ */ jsx(
339
- "p",
340
- {
341
- "data-slot": "footer-newsletter-description",
342
- className: cn("text-gdt-xs text-fg-secondary", className),
343
- ...props
344
- }
345
- );
346
- }
347
- function FooterNewsletterControl({
348
- className,
349
- children,
350
- ...props
351
- }) {
352
- return /* @__PURE__ */ jsx(
353
- InputGroup,
354
- {
355
- "data-slot": "footer-newsletter-control",
356
- size: "md",
357
- className: cn("max-w-md bg-canvas", className),
358
- ...props,
359
- children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
360
- /* @__PURE__ */ jsx(
361
- InputGroupInput,
362
- {
363
- type: "email",
364
- name: "email",
365
- placeholder: "Email address",
366
- "aria-label": "Email address"
367
- }
368
- ),
369
- /* @__PURE__ */ jsx(InputGroupButton, { type: "submit", variant: "primary", children: "Subscribe" })
370
- ] })
371
- }
372
- );
167
+ return /* @__PURE__ */ jsx("a", {
168
+ "data-slot": "footer-social-link",
169
+ className: cn("inline-flex size-7 items-center justify-center rounded-full bg-canvas text-fg-secondary transition-colors hover:bg-surface-brand hover:text-fg-on-brand focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-line-focus focus-visible:ring-offset-2 [&>svg:not([class*='size-'])]:size-3.5", className),
170
+ ...props
171
+ });
172
+ }
173
+ function FooterNewsletter({ className, ...props }) {
174
+ return /* @__PURE__ */ jsx("form", {
175
+ "data-slot": "footer-newsletter",
176
+ className: cn("flex flex-col gap-gdt-md", className),
177
+ ...props
178
+ });
179
+ }
180
+ function FooterNewsletterTitle({ className, ...props }) {
181
+ return /* @__PURE__ */ jsx("h3", {
182
+ "data-slot": "footer-newsletter-title",
183
+ className: cn("text-gdt-xs font-bold text-fg-primary", className),
184
+ ...props
185
+ });
186
+ }
187
+ function FooterNewsletterDescription({ className, ...props }) {
188
+ return /* @__PURE__ */ jsx("p", {
189
+ "data-slot": "footer-newsletter-description",
190
+ className: cn("text-gdt-xs text-fg-secondary", className),
191
+ ...props
192
+ });
193
+ }
194
+ function FooterNewsletterControl({ className, children, ...props }) {
195
+ return /* @__PURE__ */ jsx(InputGroup, {
196
+ "data-slot": "footer-newsletter-control",
197
+ size: "md",
198
+ className: cn("max-w-md bg-canvas", className),
199
+ ...props,
200
+ children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(InputGroupInput, {
201
+ type: "email",
202
+ name: "email",
203
+ placeholder: "Email address",
204
+ "aria-label": "Email address"
205
+ }), /* @__PURE__ */ jsx(InputGroupButton, {
206
+ type: "submit",
207
+ variant: "primary",
208
+ children: "Subscribe"
209
+ })] })
210
+ });
373
211
  }
374
212
  function FooterBottom({ className, ...props }) {
375
- return /* @__PURE__ */ jsx(
376
- "div",
377
- {
378
- "data-slot": "footer-bottom",
379
- className: cn(
380
- "flex flex-col gap-gdt-md border-t border-line-subtle px-gdt-xl py-gdt-lg text-gdt-subtext text-fg-secondary md:flex-row md:items-center md:justify-between md:px-gdt-5xl",
381
- className
382
- ),
383
- ...props
384
- }
385
- );
386
- }
387
- function FooterLegalLinks({
388
- className,
389
- ...props
390
- }) {
391
- return /* @__PURE__ */ jsx(
392
- "nav",
393
- {
394
- "data-slot": "footer-legal-links",
395
- className: cn("flex flex-wrap items-center gap-gdt-xl", className),
396
- ...props
397
- }
398
- );
399
- }
400
- export {
401
- FooterBody,
402
- FooterBottom,
403
- FooterContact,
404
- FooterContactGrid,
405
- FooterContactTitle,
406
- FooterCta,
407
- FooterCtaActions,
408
- FooterCtaContent,
409
- FooterCtaDescription,
410
- FooterCtaTitle,
411
- FooterDescription,
412
- FooterHeader,
413
- FooterLegalLinks,
414
- FooterLink,
415
- FooterLinkItem,
416
- FooterLinkList,
417
- FooterNav,
418
- FooterNewsletter,
419
- FooterNewsletterControl,
420
- FooterNewsletterDescription,
421
- FooterNewsletterTitle,
422
- FooterRoot,
423
- FooterSection,
424
- FooterSectionTitle,
425
- FooterSocialItem,
426
- FooterSocialLink,
427
- FooterSocialList,
428
- FooterTitle
429
- };
430
- //# sourceMappingURL=footer.js.map
213
+ return /* @__PURE__ */ jsx("div", {
214
+ "data-slot": "footer-bottom",
215
+ className: cn("flex flex-col gap-gdt-md border-t border-line-subtle px-gdt-xl py-gdt-lg text-gdt-subtext text-fg-secondary md:flex-row md:items-center md:justify-between md:px-gdt-5xl", className),
216
+ ...props
217
+ });
218
+ }
219
+ function FooterLegalLinks({ className, ...props }) {
220
+ return /* @__PURE__ */ jsx("nav", {
221
+ "data-slot": "footer-legal-links",
222
+ className: cn("flex flex-wrap items-center gap-gdt-xl", className),
223
+ ...props
224
+ });
225
+ }
226
+ //#endregion
227
+ export { FooterBody, FooterBottom, FooterContact, FooterContactGrid, FooterContactTitle, FooterCta, FooterCtaActions, FooterCtaContent, FooterCtaDescription, FooterCtaTitle, FooterDescription, FooterHeader, FooterLegalLinks, FooterLink, FooterLinkItem, FooterLinkList, FooterNav, FooterNewsletter, FooterNewsletterControl, FooterNewsletterDescription, FooterNewsletterTitle, FooterRoot, FooterSection, FooterSectionTitle, FooterSocialItem, FooterSocialLink, FooterSocialList, FooterTitle };