thread-ui 0.13.0 → 0.14.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 (166) hide show
  1. package/README.md +13 -7
  2. package/dist/components/content-display/carousel/carousel-context.d.ts +117 -9
  3. package/dist/components/content-display/carousel/carousel.d.ts +1 -1
  4. package/dist/components/content-display/carousel/carousel.js +19 -4
  5. package/dist/components/content-display/carousel/carousel.js.map +1 -1
  6. package/dist/components/content-display/carousel/carousel.types.d.ts +10 -9
  7. package/dist/components/content-display/carousel/components/carousel-controls.js +1 -1
  8. package/dist/components/content-display/carousel/components/carousel-controls.js.map +1 -1
  9. package/dist/components/content-display/carousel/components/carousel-header.d.ts +1 -1
  10. package/dist/components/content-display/carousel/components/carousel-header.js +6 -13
  11. package/dist/components/content-display/carousel/components/carousel-header.js.map +1 -1
  12. package/dist/components/content-display/carousel/components/carousel-item.js +1 -5
  13. package/dist/components/content-display/carousel/components/carousel-item.js.map +1 -1
  14. package/dist/components/content-display/gallery/components/gallery-content.js +3 -4
  15. package/dist/components/content-display/gallery/components/gallery-content.js.map +1 -1
  16. package/dist/components/content-display/gallery/gallery-context.d.ts +117 -9
  17. package/dist/components/content-display/gallery/gallery.d.ts +1 -1
  18. package/dist/components/content-display/gallery/gallery.js +2 -1
  19. package/dist/components/content-display/gallery/gallery.js.map +1 -1
  20. package/dist/components/content-display/gallery/gallery.types.d.ts +4 -5
  21. package/dist/components/content-display/lightbox/components/lightbox-title.js +5 -8
  22. package/dist/components/content-display/lightbox/components/lightbox-title.js.map +1 -1
  23. package/dist/components/content-display/lightbox/lightbox-context.d.ts +44 -2
  24. package/dist/components/content-display/lightbox/lightbox.types.d.ts +1 -1
  25. package/dist/components/layouts/column-layout/column-layout.d.ts +2 -2
  26. package/dist/components/layouts/column-layout/column-layout.js +6 -6
  27. package/dist/components/layouts/column-layout/column-layout.js.map +1 -1
  28. package/dist/components/layouts/column-layout/column-layout.types.d.ts +4 -7
  29. package/dist/components/layouts/footer/footer.d.ts +3 -3
  30. package/dist/components/layouts/footer/footer.js +4 -4
  31. package/dist/components/layouts/footer/footer.js.map +1 -1
  32. package/dist/components/layouts/footer/footer.types.d.ts +1 -1
  33. package/dist/components/layouts/layout-component.types.d.ts +2 -1
  34. package/dist/components/layouts/masonry-layout/masonry-layout.d.ts +1 -1
  35. package/dist/components/layouts/masonry-layout/masonry-layout.js +3 -3
  36. package/dist/components/layouts/masonry-layout/masonry-layout.js.map +1 -1
  37. package/dist/components/layouts/masonry-layout/masonry-layout.types.d.ts +4 -6
  38. package/dist/components/media-display/info-card/info-card.js +2 -2
  39. package/dist/components/media-display/info-card/info-card.js.map +1 -1
  40. package/dist/components/media-display/info-card/info-card.types.d.ts +1 -1
  41. package/dist/components/typography/heading/heading.js +1 -1
  42. package/dist/components/typography/heading/heading.js.map +1 -1
  43. package/dist/components/typography/page-header/page-header.d.ts +3 -3
  44. package/dist/components/typography/page-header/page-header.js +5 -5
  45. package/dist/components/typography/page-header/page-header.js.map +1 -1
  46. package/dist/components/typography/page-header/page-header.types.d.ts +3 -3
  47. package/dist/components/ui/button/button-recipe.js +11 -10
  48. package/dist/components/ui/button/button-recipe.js.map +1 -1
  49. package/dist/components/ui/card/card.d.ts +1 -1
  50. package/dist/components/ui/card/card.js +14 -9
  51. package/dist/components/ui/card/card.js.map +1 -1
  52. package/dist/components/ui/card/card.types.d.ts +2 -0
  53. package/dist/components/ui/loaders/skeleton-layout/skeleton-layout.types.d.ts +1 -1
  54. package/dist/components/ui/modal/modal-context.d.ts +2 -2
  55. package/dist/internal-components/content-header/content-header.d.ts +12 -0
  56. package/dist/internal-components/content-header/content-header.js +36 -0
  57. package/dist/internal-components/content-header/content-header.js.map +1 -0
  58. package/dist/internal-components/content-header/content-header.types.d.ts +32 -0
  59. package/dist/internal-components/content-header/content-header.types.js +2 -0
  60. package/dist/internal-components/content-header/content-header.types.js.map +1 -0
  61. package/dist/internal-components/content-header/index.d.ts +2 -0
  62. package/dist/internal-components/content-header/index.js +2 -0
  63. package/dist/internal-components/content-header/index.js.map +1 -0
  64. package/dist/internal-components/index.d.ts +2 -0
  65. package/dist/internal-components/index.js +2 -0
  66. package/dist/internal-components/index.js.map +1 -1
  67. package/dist/internal-components/modal-primitive/modal-primitive.d.ts +1 -1
  68. package/dist/internal-components/modal-primitive/modal-primitive.js +3 -2
  69. package/dist/internal-components/modal-primitive/modal-primitive.js.map +1 -1
  70. package/dist/internal-components/modal-primitive/modal-primitive.types.d.ts +2 -0
  71. package/dist/internal-components/surface/index.d.ts +2 -0
  72. package/dist/internal-components/surface/index.js +2 -0
  73. package/dist/internal-components/surface/index.js.map +1 -0
  74. package/dist/internal-components/surface/surface.d.ts +3 -0
  75. package/dist/internal-components/surface/surface.js +11 -0
  76. package/dist/internal-components/surface/surface.js.map +1 -0
  77. package/dist/internal-components/surface/surface.types.d.ts +15 -0
  78. package/dist/internal-components/surface/surface.types.js +2 -0
  79. package/dist/internal-components/surface/surface.types.js.map +1 -0
  80. package/dist/styled-system/recipes/button.js +6 -6
  81. package/dist/styled-system/tokens/index.js +8 -0
  82. package/dist/styled-system/tokens/tokens.d.ts +1 -1
  83. package/dist/styles/panda.css +1 -1
  84. package/dist/styles/theme.css +6 -0
  85. package/dist/theme/css-name-configurations/theme-css-names.d.ts +1 -0
  86. package/dist/theme/css-name-configurations/theme-css-names.js +3 -0
  87. package/dist/theme/css-name-configurations/theme-css-names.js.map +1 -1
  88. package/dist/theme/default-theme.js +2 -0
  89. package/dist/theme/default-theme.js.map +1 -1
  90. package/dist/theme/theme-surface-system.d.ts +2 -1
  91. package/dist/theme/theme-surface-system.js.map +1 -1
  92. package/dist/types/colors/utility-color-options.types.d.ts +1 -1
  93. package/dist/types/theme/theme.types.d.ts +1 -0
  94. package/dist/utils/theme-utilities/get-colored-text-color/get-colored-text-color.js +2 -0
  95. package/dist/utils/theme-utilities/get-colored-text-color/get-colored-text-color.js.map +1 -1
  96. package/dist/utils/theme-utilities/get-surface-styles/get-surface-styles.d.ts +2 -3
  97. package/dist/utils/theme-utilities/get-surface-styles/get-surface-styles.js.map +1 -1
  98. package/dist/utils/theme-utilities/get-text-color-styles/get-text-color-styles.js +1 -0
  99. package/dist/utils/theme-utilities/get-text-color-styles/get-text-color-styles.js.map +1 -1
  100. package/dist/utils/theme-utilities/get-utility-size-value/get-utility-size-value.d.ts +1 -1
  101. package/package.json +1 -1
  102. package/dist/styled-system/css/conditions..js +0 -36
  103. package/dist/styled-system/css/conditions.mjs +0 -36
  104. package/dist/styled-system/css/css..js +0 -45
  105. package/dist/styled-system/css/css.mjs +0 -45
  106. package/dist/styled-system/css/cva..js +0 -87
  107. package/dist/styled-system/css/cva.mjs +0 -87
  108. package/dist/styled-system/css/cx..js +0 -15
  109. package/dist/styled-system/css/cx.mjs +0 -15
  110. package/dist/styled-system/css/index..js +0 -4
  111. package/dist/styled-system/css/index.mjs +0 -4
  112. package/dist/styled-system/css/sva..js +0 -46
  113. package/dist/styled-system/css/sva.mjs +0 -46
  114. package/dist/styled-system/helpers..js +0 -316
  115. package/dist/styled-system/helpers.mjs +0 -316
  116. package/dist/styled-system/patterns/aspect-ratio..js +0 -38
  117. package/dist/styled-system/patterns/aspect-ratio.mjs +0 -38
  118. package/dist/styled-system/patterns/bleed..js +0 -24
  119. package/dist/styled-system/patterns/bleed.mjs +0 -24
  120. package/dist/styled-system/patterns/box..js +0 -15
  121. package/dist/styled-system/patterns/box.mjs +0 -15
  122. package/dist/styled-system/patterns/center..js +0 -21
  123. package/dist/styled-system/patterns/center.mjs +0 -21
  124. package/dist/styled-system/patterns/circle..js +0 -25
  125. package/dist/styled-system/patterns/circle.mjs +0 -25
  126. package/dist/styled-system/patterns/container..js +0 -22
  127. package/dist/styled-system/patterns/container.mjs +0 -22
  128. package/dist/styled-system/patterns/cq..js +0 -21
  129. package/dist/styled-system/patterns/cq.mjs +0 -21
  130. package/dist/styled-system/patterns/divider..js +0 -25
  131. package/dist/styled-system/patterns/divider.mjs +0 -25
  132. package/dist/styled-system/patterns/flex..js +0 -26
  133. package/dist/styled-system/patterns/flex.mjs +0 -26
  134. package/dist/styled-system/patterns/float..js +0 -52
  135. package/dist/styled-system/patterns/float.mjs +0 -52
  136. package/dist/styled-system/patterns/grid-item..js +0 -25
  137. package/dist/styled-system/patterns/grid-item.mjs +0 -25
  138. package/dist/styled-system/patterns/grid..js +0 -27
  139. package/dist/styled-system/patterns/grid.mjs +0 -27
  140. package/dist/styled-system/patterns/hstack..js +0 -24
  141. package/dist/styled-system/patterns/hstack.mjs +0 -24
  142. package/dist/styled-system/patterns/index..js +0 -20
  143. package/dist/styled-system/patterns/index.mjs +0 -20
  144. package/dist/styled-system/patterns/link-overlay..js +0 -24
  145. package/dist/styled-system/patterns/link-overlay.mjs +0 -24
  146. package/dist/styled-system/patterns/spacer..js +0 -21
  147. package/dist/styled-system/patterns/spacer.mjs +0 -21
  148. package/dist/styled-system/patterns/square..js +0 -24
  149. package/dist/styled-system/patterns/square.mjs +0 -24
  150. package/dist/styled-system/patterns/stack..js +0 -24
  151. package/dist/styled-system/patterns/stack.mjs +0 -24
  152. package/dist/styled-system/patterns/visually-hidden..js +0 -18
  153. package/dist/styled-system/patterns/visually-hidden.mjs +0 -18
  154. package/dist/styled-system/patterns/vstack..js +0 -24
  155. package/dist/styled-system/patterns/vstack.mjs +0 -24
  156. package/dist/styled-system/patterns/wrap..js +0 -25
  157. package/dist/styled-system/patterns/wrap.mjs +0 -25
  158. package/dist/styled-system/recipes/button..js +0 -445
  159. package/dist/styled-system/recipes/button.mjs +0 -445
  160. package/dist/styled-system/recipes/create-recipe..js +0 -82
  161. package/dist/styled-system/recipes/create-recipe.mjs +0 -82
  162. package/dist/styled-system/recipes/index..js +0 -1
  163. package/dist/styled-system/recipes/index.mjs +0 -1
  164. package/dist/styled-system/styles.css +0 -1
  165. package/dist/styled-system/tokens/index..js +0 -2104
  166. package/dist/styled-system/tokens/index.mjs +0 -2164
@@ -2,15 +2,51 @@ import { GalleryEmblaContext } from './gallery.types';
2
2
  export declare const GalleryProvider: {
3
3
  ({ initialValue, children, }: {
4
4
  initialValue: {
5
- title?: import("react").ReactNode;
6
- appearance: import("./gallery.types").GalleryAppearanceOptions;
5
+ title?: (string | import("react").ReactElement<{
6
+ align?: "left" | "center" | undefined;
7
+ inline?: boolean | undefined;
8
+ truncate?: boolean | undefined;
9
+ children: import("react").ReactNode;
10
+ color?: import("../../..").ColoredTextOptions | undefined;
11
+ subtitle?: import("react").ReactNode;
12
+ }, ((props: {
13
+ align?: "left" | "center" | undefined;
14
+ inline?: boolean | undefined;
15
+ truncate?: boolean | undefined;
16
+ children: import("react").ReactNode;
17
+ color?: import("../../..").ColoredTextOptions | undefined;
18
+ subtitle?: import("react").ReactNode;
19
+ }) => import("react/jsx-runtime").JSX.Element) | ((props: {
20
+ align?: "left" | "center" | undefined;
21
+ inline?: boolean | undefined;
22
+ truncate?: boolean | undefined;
23
+ children: import("react").ReactNode;
24
+ color?: import("../../..").ColoredTextOptions | undefined;
25
+ subtitle?: import("react").ReactNode;
26
+ }) => import("react/jsx-runtime").JSX.Element) | ((props: {
27
+ align?: "left" | "center" | undefined;
28
+ inline?: boolean | undefined;
29
+ truncate?: boolean | undefined;
30
+ children: import("react").ReactNode;
31
+ color?: import("../../..").ColoredTextOptions | undefined;
32
+ subtitle?: import("react").ReactNode;
33
+ }) => import("react/jsx-runtime").JSX.Element) | ((props: {
34
+ align?: "left" | "center" | undefined;
35
+ inline?: boolean | undefined;
36
+ truncate?: boolean | undefined;
37
+ children: import("react").ReactNode;
38
+ color?: import("../../..").ColoredTextOptions | undefined;
39
+ subtitle?: import("react").ReactNode;
40
+ }) => import("react/jsx-runtime").JSX.Element)>) | undefined;
41
+ subtitle?: string | undefined;
7
42
  size: import("../../..").UtilitySizeOptions | "fill";
43
+ appearance: import("./gallery.types").GalleryAppearanceOptions;
8
44
  variableWidths: boolean;
9
45
  items: Record<import("./gallery.types").GalleryItemId, {
10
46
  id: import("./gallery.types").GalleryItemId;
11
47
  content: import("./gallery.types").GalleryItem;
12
48
  }>;
13
- ItemWrapper: import("./gallery.types").GalleryProps["itemWrapper"];
49
+ ItemWrapper: import("react").ComponentType<any> | undefined;
14
50
  itemOrder: import("./gallery.types").GalleryItemId[];
15
51
  };
16
52
  children: import("react").ReactNode;
@@ -18,27 +54,99 @@ export declare const GalleryProvider: {
18
54
  displayName: string;
19
55
  }, useGalleryContext: () => {
20
56
  value: {
21
- title?: import("react").ReactNode;
22
- appearance: import("./gallery.types").GalleryAppearanceOptions;
57
+ title?: (string | import("react").ReactElement<{
58
+ align?: "left" | "center" | undefined;
59
+ inline?: boolean | undefined;
60
+ truncate?: boolean | undefined;
61
+ children: import("react").ReactNode;
62
+ color?: import("../../..").ColoredTextOptions | undefined;
63
+ subtitle?: import("react").ReactNode;
64
+ }, ((props: {
65
+ align?: "left" | "center" | undefined;
66
+ inline?: boolean | undefined;
67
+ truncate?: boolean | undefined;
68
+ children: import("react").ReactNode;
69
+ color?: import("../../..").ColoredTextOptions | undefined;
70
+ subtitle?: import("react").ReactNode;
71
+ }) => import("react/jsx-runtime").JSX.Element) | ((props: {
72
+ align?: "left" | "center" | undefined;
73
+ inline?: boolean | undefined;
74
+ truncate?: boolean | undefined;
75
+ children: import("react").ReactNode;
76
+ color?: import("../../..").ColoredTextOptions | undefined;
77
+ subtitle?: import("react").ReactNode;
78
+ }) => import("react/jsx-runtime").JSX.Element) | ((props: {
79
+ align?: "left" | "center" | undefined;
80
+ inline?: boolean | undefined;
81
+ truncate?: boolean | undefined;
82
+ children: import("react").ReactNode;
83
+ color?: import("../../..").ColoredTextOptions | undefined;
84
+ subtitle?: import("react").ReactNode;
85
+ }) => import("react/jsx-runtime").JSX.Element) | ((props: {
86
+ align?: "left" | "center" | undefined;
87
+ inline?: boolean | undefined;
88
+ truncate?: boolean | undefined;
89
+ children: import("react").ReactNode;
90
+ color?: import("../../..").ColoredTextOptions | undefined;
91
+ subtitle?: import("react").ReactNode;
92
+ }) => import("react/jsx-runtime").JSX.Element)>) | undefined;
93
+ subtitle?: string | undefined;
23
94
  size: import("../../..").UtilitySizeOptions | "fill";
95
+ appearance: import("./gallery.types").GalleryAppearanceOptions;
24
96
  variableWidths: boolean;
25
97
  items: Record<import("./gallery.types").GalleryItemId, {
26
98
  id: import("./gallery.types").GalleryItemId;
27
99
  content: import("./gallery.types").GalleryItem;
28
100
  }>;
29
- ItemWrapper: import("./gallery.types").GalleryProps["itemWrapper"];
101
+ ItemWrapper: import("react").ComponentType<any> | undefined;
30
102
  itemOrder: import("./gallery.types").GalleryItemId[];
31
103
  };
32
104
  setValue: import("react").Dispatch<import("react").SetStateAction<{
33
- title?: import("react").ReactNode;
34
- appearance: import("./gallery.types").GalleryAppearanceOptions;
105
+ title?: (string | import("react").ReactElement<{
106
+ align?: "left" | "center" | undefined;
107
+ inline?: boolean | undefined;
108
+ truncate?: boolean | undefined;
109
+ children: import("react").ReactNode;
110
+ color?: import("../../..").ColoredTextOptions | undefined;
111
+ subtitle?: import("react").ReactNode;
112
+ }, ((props: {
113
+ align?: "left" | "center" | undefined;
114
+ inline?: boolean | undefined;
115
+ truncate?: boolean | undefined;
116
+ children: import("react").ReactNode;
117
+ color?: import("../../..").ColoredTextOptions | undefined;
118
+ subtitle?: import("react").ReactNode;
119
+ }) => import("react/jsx-runtime").JSX.Element) | ((props: {
120
+ align?: "left" | "center" | undefined;
121
+ inline?: boolean | undefined;
122
+ truncate?: boolean | undefined;
123
+ children: import("react").ReactNode;
124
+ color?: import("../../..").ColoredTextOptions | undefined;
125
+ subtitle?: import("react").ReactNode;
126
+ }) => import("react/jsx-runtime").JSX.Element) | ((props: {
127
+ align?: "left" | "center" | undefined;
128
+ inline?: boolean | undefined;
129
+ truncate?: boolean | undefined;
130
+ children: import("react").ReactNode;
131
+ color?: import("../../..").ColoredTextOptions | undefined;
132
+ subtitle?: import("react").ReactNode;
133
+ }) => import("react/jsx-runtime").JSX.Element) | ((props: {
134
+ align?: "left" | "center" | undefined;
135
+ inline?: boolean | undefined;
136
+ truncate?: boolean | undefined;
137
+ children: import("react").ReactNode;
138
+ color?: import("../../..").ColoredTextOptions | undefined;
139
+ subtitle?: import("react").ReactNode;
140
+ }) => import("react/jsx-runtime").JSX.Element)>) | undefined;
141
+ subtitle?: string | undefined;
35
142
  size: import("../../..").UtilitySizeOptions | "fill";
143
+ appearance: import("./gallery.types").GalleryAppearanceOptions;
36
144
  variableWidths: boolean;
37
145
  items: Record<import("./gallery.types").GalleryItemId, {
38
146
  id: import("./gallery.types").GalleryItemId;
39
147
  content: import("./gallery.types").GalleryItem;
40
148
  }>;
41
- ItemWrapper: import("./gallery.types").GalleryProps["itemWrapper"];
149
+ ItemWrapper: import("react").ComponentType<any> | undefined;
42
150
  itemOrder: import("./gallery.types").GalleryItemId[];
43
151
  }>>;
44
152
  };
@@ -15,4 +15,4 @@ import { GalleryProps } from './gallery.types';
15
15
  * />
16
16
  * ```
17
17
  */
18
- export declare const Gallery: ({ title, items: itemList, itemWrapper, size, appearance, startIndex, variableWidths, }: GalleryProps) => import("react/jsx-runtime").JSX.Element;
18
+ export declare const Gallery: ({ title, subtitle, items: itemList, itemWrapper, size, appearance, startIndex, variableWidths, }: GalleryProps) => import("react/jsx-runtime").JSX.Element;
@@ -21,7 +21,7 @@ import { WheelGesturesPlugin } from 'embla-carousel-wheel-gestures';
21
21
  * />
22
22
  * ```
23
23
  */
24
- export const Gallery = ({ title, items: itemList, itemWrapper, size = 'lg', appearance = 'framed', startIndex = 0, variableWidths = false, }) => {
24
+ export const Gallery = ({ title, subtitle, items: itemList, itemWrapper, size = 'lg', appearance = 'framed', startIndex = 0, variableWidths = false, }) => {
25
25
  const [emblaDisplayRef, emblaDisplayApi] = useEmblaCarousel({ startIndex });
26
26
  const [emblaItemTrackRef, emblaItemTrackApi] = useEmblaCarousel({
27
27
  startIndex,
@@ -55,6 +55,7 @@ export const Gallery = ({ title, items: itemList, itemWrapper, size = 'lg', appe
55
55
  const itemOrder = normalizedItems.map((item) => item.id);
56
56
  return {
57
57
  title,
58
+ subtitle,
58
59
  items,
59
60
  itemOrder,
60
61
  ItemWrapper: itemWrapper,
@@ -1 +1 @@
1
- {"version":3,"file":"gallery.js","sourceRoot":"","sources":["../../../../src/components/content-display/gallery/gallery.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"gallery.js","sourceRoot":"","sources":["../../../../src/components/content-display/gallery/gallery.tsx"],"names":[],"mappings":"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"}
@@ -2,6 +2,7 @@ import { ReactNode, ComponentType } from 'react';
2
2
  import { Prettify, UtilitySizeOptions } from '../../../types';
3
3
  import { EmblaViewportRefType } from 'embla-carousel-react';
4
4
  import { EmblaCarouselType } from 'embla-carousel';
5
+ import { ContentTitle } from '../../../internal-components';
5
6
  export type GalleryItemId = number;
6
7
  /** Content renderable as a gallery slide — any valid React node. */
7
8
  export type GalleryItem = ReactNode;
@@ -11,11 +12,9 @@ export type GalleryItem = ReactNode;
11
12
  * - `'bare'` — Renders items without any decorative container styles.
12
13
  */
13
14
  export type GalleryAppearanceOptions = 'framed' | 'bare';
14
- export type GalleryProps = {
15
+ export type GalleryProps = Prettify<ContentTitle & {
15
16
  /** Visual treatment for item containers @default `'framed'` */
16
17
  appearance?: GalleryAppearanceOptions;
17
- /** Optional title rendered above the gallery */
18
- title?: string | ReactNode;
19
18
  /** Array of React nodes to render as slides, in display order */
20
19
  items: GalleryItem[];
21
20
  /** Optional component used to wrap each item, replacing the default container */
@@ -26,12 +25,12 @@ export type GalleryProps = {
26
25
  startIndex?: number;
27
26
  /** Display thumbnail items with varying widths @default `false` */
28
27
  variableWidths?: boolean;
29
- };
28
+ }>;
30
29
  type InternalGalleryItem = {
31
30
  id: GalleryItemId;
32
31
  content: GalleryItem;
33
32
  };
34
- export type GalleryState = Prettify<Pick<GalleryProps, 'title'> & Required<Pick<GalleryProps, 'size' | 'appearance' | 'variableWidths'>> & {
33
+ export type GalleryState = Prettify<Pick<GalleryProps, 'title' | 'subtitle'> & Required<Pick<GalleryProps, 'size' | 'appearance' | 'variableWidths'>> & {
35
34
  items: Record<GalleryItemId, InternalGalleryItem>;
36
35
  ItemWrapper: GalleryProps['itemWrapper'];
37
36
  itemOrder: GalleryItemId[];
@@ -1,22 +1,19 @@
1
1
  'use client';
2
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { jsx as _jsx } from "react/jsx-runtime";
3
3
  import { useLightboxContext } from '../lightbox-context';
4
4
  import { H2 } from '../../../../components/typography';
5
5
  import { css } from '../../../../styled-system/css';
6
6
  import { IconButton } from '../../../../components/ui';
7
+ import { ContentHeader } from '../../../../internal-components';
7
8
  const styles = {
8
- container: css({
9
+ titleBlock: css({
9
10
  width: '100%',
10
- display: 'flex',
11
- flexDirection: 'row-reverse',
12
- alignItems: 'center',
13
- justifyContent: 'space-between',
14
11
  marginBottom: '4',
15
12
  }),
16
13
  };
17
14
  export const LightboxTitle = () => {
18
15
  const { title, onClose } = useLightboxContext();
19
- const titleDisplay = typeof title === 'string' ? _jsx(H2, { inline: true, children: title }) : title;
20
- return (_jsxs("div", { className: styles.container, children: [_jsx(IconButton, { ariaLabel: "Close modal", onClick: onClose, color: "text", size: 'sm', name: "X" }), titleDisplay] }));
16
+ const titleDisplay = typeof title === 'string' ? (_jsx(H2, { color: "inverted", inline: true, children: title })) : (title);
17
+ return (_jsx(ContentHeader, { className: styles.titleBlock, title: titleDisplay, secondaryContent: _jsx(IconButton, { ariaLabel: "Close modal", onClick: onClose, color: "neutral", size: 'sm', name: "X" }) }));
21
18
  };
22
19
  //# sourceMappingURL=lightbox-title.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"lightbox-title.js","sourceRoot":"","sources":["../../../../../src/components/content-display/lightbox/components/lightbox-title.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAC7C,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,MAAM,MAAM,GAAG;IACd,SAAS,EAAE,GAAG,CAAC;QACd,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,aAAa;QAC5B,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,eAAe;QAC/B,YAAY,EAAE,GAAG;KACjB,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE;IACjC,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAEhD,MAAM,YAAY,GAAc,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAC,EAAE,IAAC,MAAM,kBAAE,KAAK,GAAM,CAAC,CAAC,CAAC,KAAK,CAAC;IAE5F,OAAO,CACN,eAAK,SAAS,EAAE,MAAM,CAAC,SAAS,aAC/B,KAAC,UAAU,IACV,SAAS,EAAC,aAAa,EACvB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,MAAM,EACZ,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,GAAG,GACP,EACD,YAAY,IACR,CACN,CAAC;AACH,CAAC,CAAC"}
1
+ {"version":3,"file":"lightbox-title.js","sourceRoot":"","sources":["../../../../../src/components/content-display/lightbox/components/lightbox-title.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,EAAE,EAAQ,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEtD,MAAM,MAAM,GAAG;IACd,UAAU,EAAE,GAAG,CAAC;QACf,KAAK,EAAE,MAAM;QACb,YAAY,EAAE,GAAG;KACjB,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE;IACjC,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAEhD,MAAM,YAAY,GACjB,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC3B,KAAC,EAAE,IAAC,KAAK,EAAC,UAAU,EAAC,MAAM,kBACzB,KAAK,GACF,CACL,CAAC,CAAC,CAAC,CACH,KAAK,CACL,CAAC;IAEH,OAAO,CACN,KAAC,aAAa,IACb,SAAS,EAAE,MAAM,CAAC,UAAU,EAC5B,KAAK,EAAE,YAAY,EACnB,gBAAgB,EACf,KAAC,UAAU,IACV,SAAS,EAAC,aAAa,EACvB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,SAAS,EACf,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,GAAG,GACP,GAEF,CACF,CAAC;AACH,CAAC,CAAC"}
@@ -1,5 +1,12 @@
1
1
  export declare const LightboxProvider: import("react").Provider<{
2
- title?: import("react").ReactNode;
2
+ title?: (string | import("react").ReactElement<{
3
+ align?: "left" | "center" | undefined;
4
+ inline?: boolean | undefined;
5
+ truncate?: boolean | undefined;
6
+ children: import("react").ReactNode;
7
+ color?: import("../../..").ColoredTextOptions | undefined;
8
+ subtitle?: import("react").ReactNode;
9
+ }, ((props: import("../..").TypographyHeadingProps) => import("react/jsx-runtime").JSX.Element) | ((props: import("../..").TypographyHeadingProps) => import("react/jsx-runtime").JSX.Element) | ((props: import("../..").TypographyHeadingProps) => import("react/jsx-runtime").JSX.Element) | ((props: import("../..").TypographyHeadingProps) => import("react/jsx-runtime").JSX.Element)>) | undefined;
3
10
  items: import("../gallery/gallery.types").GalleryItem[];
4
11
  itemWrapper?: import("react").ComponentType<any> | undefined;
5
12
  startIndex?: number | undefined;
@@ -8,7 +15,42 @@ export declare const LightboxProvider: import("react").Provider<{
8
15
  appearance?: import("../gallery/gallery.types").GalleryAppearanceOptions | undefined;
9
16
  variableWidths?: boolean | undefined;
10
17
  } | undefined>, useLightboxContext: () => {
11
- title?: import("react").ReactNode;
18
+ title?: (string | import("react").ReactElement<{
19
+ align?: "left" | "center" | undefined;
20
+ inline?: boolean | undefined;
21
+ truncate?: boolean | undefined;
22
+ children: import("react").ReactNode;
23
+ color?: import("../../..").ColoredTextOptions | undefined;
24
+ subtitle?: import("react").ReactNode;
25
+ }, ((props: {
26
+ align?: "left" | "center" | undefined;
27
+ inline?: boolean | undefined;
28
+ truncate?: boolean | undefined;
29
+ children: import("react").ReactNode;
30
+ color?: import("../../..").ColoredTextOptions | undefined;
31
+ subtitle?: import("react").ReactNode;
32
+ }) => import("react/jsx-runtime").JSX.Element) | ((props: {
33
+ align?: "left" | "center" | undefined;
34
+ inline?: boolean | undefined;
35
+ truncate?: boolean | undefined;
36
+ children: import("react").ReactNode;
37
+ color?: import("../../..").ColoredTextOptions | undefined;
38
+ subtitle?: import("react").ReactNode;
39
+ }) => import("react/jsx-runtime").JSX.Element) | ((props: {
40
+ align?: "left" | "center" | undefined;
41
+ inline?: boolean | undefined;
42
+ truncate?: boolean | undefined;
43
+ children: import("react").ReactNode;
44
+ color?: import("../../..").ColoredTextOptions | undefined;
45
+ subtitle?: import("react").ReactNode;
46
+ }) => import("react/jsx-runtime").JSX.Element) | ((props: {
47
+ align?: "left" | "center" | undefined;
48
+ inline?: boolean | undefined;
49
+ truncate?: boolean | undefined;
50
+ children: import("react").ReactNode;
51
+ color?: import("../../..").ColoredTextOptions | undefined;
52
+ subtitle?: import("react").ReactNode;
53
+ }) => import("react/jsx-runtime").JSX.Element)>) | undefined;
12
54
  items: import("../gallery/gallery.types").GalleryItem[];
13
55
  itemWrapper?: import("react").ComponentType<any> | undefined;
14
56
  startIndex?: number | undefined;
@@ -2,7 +2,7 @@ import { Prettify } from '../../../types';
2
2
  import { GalleryProps } from '../gallery';
3
3
  import { ModalProps } from '../../../components/ui';
4
4
  import { GalleryAppearanceOptions } from '../gallery/gallery.types';
5
- export type LightboxProps = Prettify<Omit<GalleryProps, 'size' | 'appearance' | 'variableWidths'> & Pick<ModalProps, 'isOpen' | 'onClose'> & {
5
+ export type LightboxProps = Prettify<Omit<GalleryProps, 'size' | 'subtitle' | 'appearance' | 'variableWidths'> & Pick<ModalProps, 'isOpen' | 'onClose'> & {
6
6
  /** Gallery Content Appearance @default `bare` */
7
7
  appearance?: GalleryAppearanceOptions;
8
8
  /** Control Auto-Width within track thumbnails @default `true` */
@@ -1,6 +1,6 @@
1
1
  import { ColumnLayoutProps } from './column-layout.types';
2
2
  /**
3
- * Responsive image grid with an optional title and caption.
3
+ * Responsive image grid with an optional title and description.
4
4
  * Column count is controlled separately for medium and large viewports.
5
5
  *
6
6
  * @example
@@ -11,4 +11,4 @@ import { ColumnLayoutProps } from './column-layout.types';
11
11
  * items={[{ content: { src: '/img.jpg', alt: 'Example' }, title: 'Item' }]}
12
12
  * />
13
13
  */
14
- export declare const ColumnLayout: ({ title, caption, mdcol, lgcol, items, container, }: ColumnLayoutProps) => import("react/jsx-runtime").JSX.Element;
14
+ export declare const ColumnLayout: ({ title, subtitle, description, mdcol, lgcol, items, container, }: ColumnLayoutProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,7 +1,7 @@
1
- import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
2
- import { renderImage } from '../../../internal-components';
1
+ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { ContentHeader, renderImage } from '../../../internal-components';
3
3
  import { ColumnSkeleton } from './column-skeleton';
4
- import { H2, H3, Text } from '../../../components';
4
+ import { H3, Text } from '../../../components';
5
5
  import { css } from '../../../styled-system/css';
6
6
  import { LayoutWrapper } from '../layout-wrapper';
7
7
  const styles = {
@@ -36,7 +36,7 @@ const styles = {
36
36
  }),
37
37
  };
38
38
  /**
39
- * Responsive image grid with an optional title and caption.
39
+ * Responsive image grid with an optional title and description.
40
40
  * Column count is controlled separately for medium and large viewports.
41
41
  *
42
42
  * @example
@@ -47,9 +47,9 @@ const styles = {
47
47
  * items={[{ content: { src: '/img.jpg', alt: 'Example' }, title: 'Item' }]}
48
48
  * />
49
49
  */
50
- export const ColumnLayout = ({ title, caption, mdcol, lgcol = mdcol, items, container = true, }) => {
50
+ export const ColumnLayout = ({ title, subtitle, description, mdcol, lgcol = mdcol, items, container = true, }) => {
51
51
  return (_jsx(LayoutWrapper, { container: container, children: _jsxs("section", { className: styles.section, style: {
52
52
  '--max-width': mdcol < 2 ? '800px' : 'none',
53
- }, children: [(title || caption) && (_jsx("div", { children: title && (_jsx(_Fragment, { children: _jsxs(H2, { children: [title, caption && _jsx(Text, { children: caption })] }) })) })), _jsx(ColumnSkeleton, { mdcol: mdcol, lgcol: lgcol, children: items.map((item, index) => (_jsxs("div", { children: [_jsx("div", { className: styles.gridItem, children: renderImage(item.content, undefined, styles.gridItemContent) }), (item.title || item.description) && (_jsxs(_Fragment, { children: [item.title && _jsx(H3, { children: item.title }), item.description && _jsx(Text, { children: item.description })] }))] }, item.key ?? index))) })] }) }));
53
+ }, children: [(title || description) && (_jsx(ContentHeader, { title: title, subtitle: subtitle, description: description })), _jsx(ColumnSkeleton, { mdcol: mdcol, lgcol: lgcol, children: items.map((item, index) => (_jsxs("div", { children: [_jsx("div", { className: styles.gridItem, children: renderImage(item.content, undefined, styles.gridItemContent) }), (item.title || item.description) && (_jsxs(_Fragment, { children: [item.title && _jsx(H3, { children: item.title }), item.description && _jsx(Text, { children: item.description })] }))] }, item.key ?? index))) })] }) }));
54
54
  };
55
55
  //# sourceMappingURL=column-layout.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"column-layout.js","sourceRoot":"","sources":["../../../../src/components/layouts/column-layout/column-layout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,MAAM,MAAM,GAAG;IACd,OAAO,EAAE,GAAG,CAAC;QACZ,KAAK,EAAE,MAAM;QACb,WAAW,EAAE,MAAM;QACnB,UAAU,EAAE,MAAM;QAClB,QAAQ,EAAE;YACT,IAAI,EAAE,MAAM;YACZ,EAAE,EAAE,wBAAwB;YAC5B,EAAE,EAAE,MAAM;SACV;QACD,UAAU,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE;QAC5C,aAAa,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE;QAC/C,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,cAAc,EAAE,QAAQ;QACxB,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE;KACpC,CAAC;IACF,QAAQ,EAAE,GAAG,CAAC;QACb,YAAY,EAAE,IAAI;QAClB,YAAY,EAAE,GAAG;QACjB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,QAAQ;QAClB,QAAQ,EAAE,GAAG;KACb,CAAC;IACF,eAAe,EAAE,GAAG,CAAC;QACpB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,IAAI;KAClB,CAAC;CACF,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC5B,KAAK,EACL,OAAO,EACP,KAAK,EACL,KAAK,GAAG,KAAK,EACb,KAAK,EACL,SAAS,GAAG,IAAI,GACG,EAAE,EAAE;IACvB,OAAO,CACN,KAAC,aAAa,IAAC,SAAS,EAAE,SAAS,YAClC,mBACC,SAAS,EAAE,MAAM,CAAC,OAAO,EACzB,KAAK,EACJ;gBACC,aAAa,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;aACpB,aAGxB,CAAC,KAAK,IAAI,OAAO,CAAC,IAAI,CACtB,wBACE,KAAK,IAAI,CACT,4BACC,MAAC,EAAE,eACD,KAAK,EACL,OAAO,IAAI,KAAC,IAAI,cAAE,OAAO,GAAQ,IAC9B,GACH,CACH,GACI,CACN,EACD,KAAC,cAAc,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,YACxC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC3B,0BACC,cAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,YAC7B,WAAW,CAAC,IAAI,CAAC,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC,eAAe,CAAC,GACxD,EACL,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,CACpC,8BACE,IAAI,CAAC,KAAK,IAAI,KAAC,EAAE,cAAE,IAAI,CAAC,KAAK,GAAM,EACnC,IAAI,CAAC,WAAW,IAAI,KAAC,IAAI,cAAE,IAAI,CAAC,WAAW,GAAQ,IAClD,CACH,KATQ,IAAI,CAAC,GAAG,IAAI,KAAK,CAUrB,CACN,CAAC,GACc,IACR,GACK,CAChB,CAAC;AACH,CAAC,CAAC"}
1
+ {"version":3,"file":"column-layout.js","sourceRoot":"","sources":["../../../../src/components/layouts/column-layout/column-layout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,OAAO,EAAM,EAAE,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,MAAM,MAAM,GAAG;IACd,OAAO,EAAE,GAAG,CAAC;QACZ,KAAK,EAAE,MAAM;QACb,WAAW,EAAE,MAAM;QACnB,UAAU,EAAE,MAAM;QAClB,QAAQ,EAAE;YACT,IAAI,EAAE,MAAM;YACZ,EAAE,EAAE,wBAAwB;YAC5B,EAAE,EAAE,MAAM;SACV;QACD,UAAU,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE;QAC5C,aAAa,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE;QAC/C,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,cAAc,EAAE,QAAQ;QACxB,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE;KACpC,CAAC;IACF,QAAQ,EAAE,GAAG,CAAC;QACb,YAAY,EAAE,IAAI;QAClB,YAAY,EAAE,GAAG;QACjB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,QAAQ;QAClB,QAAQ,EAAE,GAAG;KACb,CAAC;IACF,eAAe,EAAE,GAAG,CAAC;QACpB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,IAAI;KAClB,CAAC;CACF,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,WAAW,EACX,KAAK,EACL,KAAK,GAAG,KAAK,EACb,KAAK,EACL,SAAS,GAAG,IAAI,GACG,EAAE,EAAE;IACvB,OAAO,CACN,KAAC,aAAa,IAAC,SAAS,EAAE,SAAS,YAClC,mBACC,SAAS,EAAE,MAAM,CAAC,OAAO,EACzB,KAAK,EACJ;gBACC,aAAa,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;aACpB,aAGxB,CAAC,KAAK,IAAI,WAAW,CAAC,IAAI,CAC1B,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,GAAI,CAC7E,EACD,KAAC,cAAc,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,YACxC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC3B,0BACC,cAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,YAC7B,WAAW,CAAC,IAAI,CAAC,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC,eAAe,CAAC,GACxD,EACL,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,CACpC,8BACE,IAAI,CAAC,KAAK,IAAI,KAAC,EAAE,cAAE,IAAI,CAAC,KAAK,GAAM,EACnC,IAAI,CAAC,WAAW,IAAI,KAAC,IAAI,cAAE,IAAI,CAAC,WAAW,GAAQ,IAClD,CACH,KATQ,IAAI,CAAC,GAAG,IAAI,KAAK,CAUrB,CACN,CAAC,GACc,IACR,GACK,CAChB,CAAC;AACH,CAAC,CAAC"}
@@ -1,19 +1,16 @@
1
- import { ImageProps } from '../../../types';
1
+ import { ContentHeading } from '../../../internal-components';
2
+ import { ImageProps, Prettify } from '../../../types';
2
3
  import { LayoutComponentProps } from '../layout-component.types';
3
4
  export type MediumColumnOptions = 1 | 2 | 3;
4
5
  export type LargeColumnOptions = 1 | 2 | 3 | 4 | 5;
5
- export type ColumnLayoutProps = LayoutComponentProps & {
6
- /** Optional title displayed at the top of the layout */
7
- title?: string;
8
- /** Optional caption rendered alongside the title */
9
- caption?: string;
6
+ export type ColumnLayoutProps = Prettify<LayoutComponentProps & ContentHeading & {
10
7
  /** Number of columns at medium viewport sizes @default `2` */
11
8
  mdcol: MediumColumnOptions;
12
9
  /** Number of columns at large viewport sizes @default `4` */
13
10
  lgcol?: LargeColumnOptions;
14
11
  /** Items to display in the grid */
15
12
  items: ColumnItem[];
16
- };
13
+ }>;
17
14
  export type ColumnItem = {
18
15
  /** Optional title rendered below the image */
19
16
  title?: string;
@@ -1,14 +1,14 @@
1
1
  import { FooterProps } from './footer.types';
2
2
  /**
3
- * Site footer with optional logo, caption, and social media icon links.
3
+ * Site footer with optional logo, description, and social media icon links.
4
4
  * Only social icons with a provided URL are rendered.
5
5
  *
6
6
  * @example
7
7
  * <Footer
8
8
  * logo={<Logo />}
9
- * caption="© 2025 Acme Co."
9
+ * description="© 1776 USA."
10
10
  * githubLink="https://github.com/acme"
11
11
  * linkedInLink="https://linkedin.com/company/acme"
12
12
  * />
13
13
  */
14
- export declare const Footer: ({ logo, caption, bg, facebookLink, instagramLink, twitterLink, githubLink, linkedInLink, }: FooterProps) => import("react/jsx-runtime").JSX.Element;
14
+ export declare const Footer: ({ logo, description, bg, facebookLink, instagramLink, twitterLink, githubLink, linkedInLink, }: FooterProps) => import("react/jsx-runtime").JSX.Element;
@@ -28,20 +28,20 @@ const styles = {
28
28
  }),
29
29
  };
30
30
  /**
31
- * Site footer with optional logo, caption, and social media icon links.
31
+ * Site footer with optional logo, description, and social media icon links.
32
32
  * Only social icons with a provided URL are rendered.
33
33
  *
34
34
  * @example
35
35
  * <Footer
36
36
  * logo={<Logo />}
37
- * caption="© 2025 Acme Co."
37
+ * description="© 1776 USA."
38
38
  * githubLink="https://github.com/acme"
39
39
  * linkedInLink="https://linkedin.com/company/acme"
40
40
  * />
41
41
  */
42
- export const Footer = ({ logo, caption, bg = 'canvas', facebookLink, instagramLink, twitterLink, githubLink, linkedInLink, }) => {
42
+ export const Footer = ({ logo, description, bg = 'canvas', facebookLink, instagramLink, twitterLink, githubLink, linkedInLink, }) => {
43
43
  const weight = 'bold';
44
44
  const size = 24;
45
- return (_jsxs(Container, { as: "footer", bg: bg, children: [_jsx(Divider, {}), _jsxs("div", { className: styles.footerContents, children: [logo && logo, caption && _jsx(Subtitle, { children: caption }), _jsxs("div", { className: styles.logoBlock, children: [facebookLink && (_jsx("a", { className: styles.links, href: facebookLink, children: _jsx(FacebookLogoIcon, { size: size, weight: weight }) })), instagramLink && (_jsx("a", { className: styles.links, href: instagramLink, children: _jsx(InstagramLogoIcon, { size: size, weight: weight }) })), twitterLink && (_jsx("a", { className: styles.links, href: twitterLink, children: _jsx(TwitterLogoIcon, { size: size, weight: weight }) })), githubLink && (_jsx("a", { className: styles.links, href: githubLink, children: _jsx(GithubLogoIcon, { size: size, weight: weight }) })), linkedInLink && (_jsx("a", { className: styles.links, href: linkedInLink, children: _jsx(LinkedinLogoIcon, { size: size, weight: weight }) }))] })] })] }));
45
+ return (_jsxs(Container, { as: "footer", bg: bg, children: [_jsx(Divider, {}), _jsxs("div", { className: styles.footerContents, children: [logo && logo, description && _jsx(Subtitle, { children: description }), _jsxs("div", { className: styles.logoBlock, children: [facebookLink && (_jsx("a", { className: styles.links, href: facebookLink, children: _jsx(FacebookLogoIcon, { size: size, weight: weight }) })), instagramLink && (_jsx("a", { className: styles.links, href: instagramLink, children: _jsx(InstagramLogoIcon, { size: size, weight: weight }) })), twitterLink && (_jsx("a", { className: styles.links, href: twitterLink, children: _jsx(TwitterLogoIcon, { size: size, weight: weight }) })), githubLink && (_jsx("a", { className: styles.links, href: githubLink, children: _jsx(GithubLogoIcon, { size: size, weight: weight }) })), linkedInLink && (_jsx("a", { className: styles.links, href: linkedInLink, children: _jsx(LinkedinLogoIcon, { size: size, weight: weight }) }))] })] })] }));
46
46
  };
47
47
  //# sourceMappingURL=footer.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"footer.js","sourceRoot":"","sources":["../../../../src/components/layouts/footer/footer.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAC5D,OAAO,EACN,gBAAgB,EAChB,cAAc,EACd,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,GACf,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAE1C,MAAM,MAAM,GAAG;IACd,cAAc,EAAE,GAAG,CAAC;QACnB,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE,IAAI;QACd,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,QAAQ;QAClB,QAAQ,EAAE,QAAQ;KAClB,CAAC;IACF,SAAS,EAAE,GAAG,CAAC;QACd,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,KAAK;QACpB,GAAG,EAAE,GAAG;QACR,KAAK,EAAE,MAAM;QACb,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE,GAAG;KACb,CAAC;IACF,KAAK,EAAE,GAAG,CAAC;QACV,KAAK,EAAE,eAAe;KACtB,CAAC;CACF,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EACtB,IAAI,EACJ,OAAO,EACP,EAAE,GAAG,QAAQ,EACb,YAAY,EACZ,aAAa,EACb,WAAW,EACX,UAAU,EACV,YAAY,GACC,EAAE,EAAE;IACjB,MAAM,MAAM,GAAG,MAAM,CAAC;IACtB,MAAM,IAAI,GAAG,EAAE,CAAC;IAEhB,OAAO,CACN,MAAC,SAAS,IAAC,EAAE,EAAC,QAAQ,EAAC,EAAE,EAAE,EAAE,aAC5B,KAAC,OAAO,KAAG,EACX,eAAK,SAAS,EAAE,MAAM,CAAC,cAAc,aACnC,IAAI,IAAI,IAAI,EACZ,OAAO,IAAI,KAAC,QAAQ,cAAE,OAAO,GAAY,EAC1C,eAAK,SAAS,EAAE,MAAM,CAAC,SAAS,aAC9B,YAAY,IAAI,CAChB,YAAG,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,YAAY,YAC7C,KAAC,gBAAgB,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAI,GAC7C,CACJ,EACA,aAAa,IAAI,CACjB,YAAG,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,aAAa,YAC9C,KAAC,iBAAiB,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAI,GAC9C,CACJ,EACA,WAAW,IAAI,CACf,YAAG,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,WAAW,YAC5C,KAAC,eAAe,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAI,GAC5C,CACJ,EACA,UAAU,IAAI,CACd,YAAG,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,UAAU,YAC3C,KAAC,cAAc,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAI,GAC3C,CACJ,EACA,YAAY,IAAI,CAChB,YAAG,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,YAAY,YAC7C,KAAC,gBAAgB,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAI,GAC7C,CACJ,IACI,IACD,IACK,CACZ,CAAC;AACH,CAAC,CAAC"}
1
+ {"version":3,"file":"footer.js","sourceRoot":"","sources":["../../../../src/components/layouts/footer/footer.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAC5D,OAAO,EACN,gBAAgB,EAChB,cAAc,EACd,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,GACf,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAE1C,MAAM,MAAM,GAAG;IACd,cAAc,EAAE,GAAG,CAAC;QACnB,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE,IAAI;QACd,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,QAAQ;QAClB,QAAQ,EAAE,QAAQ;KAClB,CAAC;IACF,SAAS,EAAE,GAAG,CAAC;QACd,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,KAAK;QACpB,GAAG,EAAE,GAAG;QACR,KAAK,EAAE,MAAM;QACb,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE,GAAG;KACb,CAAC;IACF,KAAK,EAAE,GAAG,CAAC;QACV,KAAK,EAAE,eAAe;KACtB,CAAC;CACF,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EACtB,IAAI,EACJ,WAAW,EACX,EAAE,GAAG,QAAQ,EACb,YAAY,EACZ,aAAa,EACb,WAAW,EACX,UAAU,EACV,YAAY,GACC,EAAE,EAAE;IACjB,MAAM,MAAM,GAAG,MAAM,CAAC;IACtB,MAAM,IAAI,GAAG,EAAE,CAAC;IAEhB,OAAO,CACN,MAAC,SAAS,IAAC,EAAE,EAAC,QAAQ,EAAC,EAAE,EAAE,EAAE,aAC5B,KAAC,OAAO,KAAG,EACX,eAAK,SAAS,EAAE,MAAM,CAAC,cAAc,aACnC,IAAI,IAAI,IAAI,EACZ,WAAW,IAAI,KAAC,QAAQ,cAAE,WAAW,GAAY,EAClD,eAAK,SAAS,EAAE,MAAM,CAAC,SAAS,aAC9B,YAAY,IAAI,CAChB,YAAG,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,YAAY,YAC7C,KAAC,gBAAgB,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAI,GAC7C,CACJ,EACA,aAAa,IAAI,CACjB,YAAG,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,aAAa,YAC9C,KAAC,iBAAiB,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAI,GAC9C,CACJ,EACA,WAAW,IAAI,CACf,YAAG,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,WAAW,YAC5C,KAAC,eAAe,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAI,GAC5C,CACJ,EACA,UAAU,IAAI,CACd,YAAG,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,UAAU,YAC3C,KAAC,cAAc,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAI,GAC3C,CACJ,EACA,YAAY,IAAI,CAChB,YAAG,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,YAAY,YAC7C,KAAC,gBAAgB,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAI,GAC7C,CACJ,IACI,IACD,IACK,CACZ,CAAC;AACH,CAAC,CAAC"}
@@ -4,7 +4,7 @@ export type FooterProps = {
4
4
  /** Logo or branding element rendered at the top of the footer */
5
5
  logo?: ReactNode;
6
6
  /** Tagline or description rendered below the logo */
7
- caption?: string | ReactNode;
7
+ description?: string | ReactNode;
8
8
  /** Background color token @default `'none'` */
9
9
  bg?: BgColorOptions;
10
10
  /** URL for the Facebook social link */
@@ -2,8 +2,9 @@ import type { BreakpointToken as PandaBreakpointToken } from '../../styled-syste
2
2
  import { ContainerProps } from './container';
3
3
  type BreakpointToken = PandaBreakpointToken | 'base';
4
4
  export type ResponsiveValue<T> = T | Partial<Record<BreakpointToken, T>>;
5
+ type ContainerConfig = Omit<ContainerProps, 'children'>;
5
6
  export type LayoutComponentProps = {
6
7
  /** Wraps the layout in a container */
7
- container?: boolean | Omit<ContainerProps, 'children'>;
8
+ container?: boolean | ContainerConfig;
8
9
  };
9
10
  export {};
@@ -8,4 +8,4 @@ import { MasonryLayoutProps } from './masonry-layout.types';
8
8
  * components={images.map((img) => <img src={img.src} alt={img.alt} />)}
9
9
  * />
10
10
  */
11
- export declare const MasonryLayout: ({ title, caption, items, container }: MasonryLayoutProps) => import("react/jsx-runtime").JSX.Element;
11
+ export declare const MasonryLayout: ({ title, subtitle, description, items, container, }: MasonryLayoutProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,7 +1,7 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { H3, Subtitle } from '../../../components';
3
2
  import { css } from '../../../styled-system/css';
4
3
  import { LayoutWrapper } from '../layout-wrapper';
4
+ import { ContentHeader } from '../../../internal-components';
5
5
  const styles = {
6
6
  container: css({ width: 'full' }),
7
7
  list: css({
@@ -25,7 +25,7 @@ const styles = {
25
25
  * components={images.map((img) => <img src={img.src} alt={img.alt} />)}
26
26
  * />
27
27
  */
28
- export const MasonryLayout = ({ title, caption, items, container }) => {
29
- return (_jsx(LayoutWrapper, { container: container, children: _jsxs("div", { className: styles.container, children: [title && (_jsxs(H3, { children: [title, caption && _jsx(Subtitle, { children: caption })] })), _jsx("ol", { className: styles.list, children: items.map((component, index) => (_jsx("li", { className: styles.item, children: component }, index))) })] }) }));
28
+ export const MasonryLayout = ({ title, subtitle, description, items, container, }) => {
29
+ return (_jsx(LayoutWrapper, { container: container, children: _jsxs("div", { className: styles.container, children: [_jsx(ContentHeader, { title: title, subtitle: subtitle, description: description }), _jsx("ol", { className: styles.list, children: items.map((component, index) => (_jsx("li", { className: styles.item, children: component }, index))) })] }) }));
30
30
  };
31
31
  //# sourceMappingURL=masonry-layout.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"masonry-layout.js","sourceRoot":"","sources":["../../../../src/components/layouts/masonry-layout/masonry-layout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAE5C,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,MAAM,MAAM,GAAG;IACd,SAAS,EAAE,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;IACjC,IAAI,EAAE,GAAG,CAAC;QACT,SAAS,EAAE,GAAG;QACd,WAAW,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE;QACtC,SAAS,EAAE,GAAG;KACd,CAAC;IACF,IAAI,EAAE,GAAG,CAAC;QACT,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,cAAc;QACvB,YAAY,EAAE,IAAI;QAClB,QAAQ,EAAE,QAAQ;KAClB,CAAC;CACF,CAAC;AAEF;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAsB,EAAE,EAAE;IACzF,OAAO,CACN,KAAC,aAAa,IAAC,SAAS,EAAE,SAAS,YAClC,eAAK,SAAS,EAAE,MAAM,CAAC,SAAS,aAC9B,KAAK,IAAI,CACT,MAAC,EAAE,eACD,KAAK,EACL,OAAO,IAAI,KAAC,QAAQ,cAAE,OAAO,GAAY,IACtC,CACL,EACD,aAAI,SAAS,EAAE,MAAM,CAAC,IAAI,YACxB,KAAK,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,CAAC,CAChC,aAAgB,SAAS,EAAE,MAAM,CAAC,IAAI,YACpC,SAAS,IADF,KAAK,CAET,CACL,CAAC,GACE,IACA,GACS,CAChB,CAAC;AACH,CAAC,CAAC"}
1
+ {"version":3,"file":"masonry-layout.js","sourceRoot":"","sources":["../../../../src/components/layouts/masonry-layout/masonry-layout.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEtD,MAAM,MAAM,GAAG;IACd,SAAS,EAAE,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;IACjC,IAAI,EAAE,GAAG,CAAC;QACT,SAAS,EAAE,GAAG;QACd,WAAW,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE;QACtC,SAAS,EAAE,GAAG;KACd,CAAC;IACF,IAAI,EAAE,GAAG,CAAC;QACT,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,cAAc;QACvB,YAAY,EAAE,IAAI;QAClB,QAAQ,EAAE,QAAQ;KAClB,CAAC;CACF,CAAC;AAEF;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,WAAW,EACX,KAAK,EACL,SAAS,GACW,EAAE,EAAE;IACxB,OAAO,CACN,KAAC,aAAa,IAAC,SAAS,EAAE,SAAS,YAClC,eAAK,SAAS,EAAE,MAAM,CAAC,SAAS,aAC/B,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,GAAI,EAC7E,aAAI,SAAS,EAAE,MAAM,CAAC,IAAI,YACxB,KAAK,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,CAAC,CAChC,aAAgB,SAAS,EAAE,MAAM,CAAC,IAAI,YACpC,SAAS,IADF,KAAK,CAET,CACL,CAAC,GACE,IACA,GACS,CAChB,CAAC;AACH,CAAC,CAAC"}
@@ -1,10 +1,8 @@
1
1
  import { ReactNode } from 'react';
2
2
  import { LayoutComponentProps } from '../layout-component.types';
3
- export type MasonryLayoutProps = LayoutComponentProps & {
4
- /** Optional title displayed above the grid */
5
- title?: string;
6
- /** Optional caption rendered alongside the title */
7
- caption?: string;
3
+ import { Prettify } from '../../../types';
4
+ import { ContentHeading } from '../../../internal-components';
5
+ export type MasonryLayoutProps = Prettify<LayoutComponentProps & ContentHeading & {
8
6
  /** Items to render in the masonry grid */
9
7
  items: ReactNode[];
10
- };
8
+ }>;
@@ -79,7 +79,7 @@ const styles = {
79
79
  width: '100%',
80
80
  objectFit: 'cover',
81
81
  }),
82
- caption: css({
82
+ information: css({
83
83
  padding: '2.5',
84
84
  height: '10',
85
85
  display: 'flex',
@@ -102,6 +102,6 @@ export const InfoCard = ({ title, url, icon, image, layer = 'surface' }) => {
102
102
  bg: config.bg,
103
103
  shadow: config.shadow,
104
104
  structure: config.structure,
105
- }), children: [_jsx("div", { className: `${styles.imageWrapper} info-card-image-wrapper`, children: renderImage(image, undefined, styles.image) }), _jsxs("div", { className: styles.caption, children: [_jsx(DynamicIcon, { icon: icon, size: 24 }), _jsx(Text, { size: "sm", truncate: true, inline: true, children: title })] })] }));
105
+ }), children: [_jsx("div", { className: `${styles.imageWrapper} info-card-image-wrapper`, children: renderImage(image, undefined, styles.image) }), _jsxs("div", { className: styles.information, children: [_jsx(DynamicIcon, { icon: icon, size: 24 }), _jsx(Text, { size: "sm", truncate: true, inline: true, children: title })] })] }));
106
106
  };
107
107
  //# sourceMappingURL=info-card.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"info-card.js","sourceRoot":"","sources":["../../../../src/components/media-display/info-card/info-card.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"info-card.js","sourceRoot":"","sources":["../../../../src/components/media-display/info-card/info-card.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,MAAM,GAAG;IACd,IAAI,EAAE,GAAG,CAAC;QACT,IAAI,EAAE;YACL,MAAM,EAAE,MAAM;YACd,WAAW,EAAE,OAAO;YACpB,YAAY,EAAE,IAAI;YAClB,SAAS,EAAE,IAAI;YACf,QAAQ,EAAE,QAAQ;YAClB,QAAQ,EAAE,OAAO;YACjB,WAAW,EAAE,OAAO;YACpB,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,SAAS;YACjB,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,UAAU,EAAE,oDAAoD;YAChE,MAAM,EAAE;gBACP,eAAe,EAAE,OAAO;gBACxB,mCAAmC,EAAE;oBACpC,OAAO,EAAE,GAAG;iBACZ;aACD;YACD,OAAO,EAAE;gBACR,eAAe,EAAE,QAAQ;aACzB;SACD;QACD,QAAQ,EAAE;YACT,EAAE,EAAE;gBACH,IAAI,EAAE,EAAE;gBACR,MAAM,EAAE,EAAE,eAAe,EAAE,QAAQ,EAAE;gBACrC,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,EAAE;gBACnC,OAAO,EAAE,EAAE,eAAe,EAAE,SAAS,EAAE;gBACvC,QAAQ,EAAE,EAAE,eAAe,EAAE,UAAU,EAAE;gBACzC,OAAO,EAAE,EAAE,eAAe,EAAE,SAAS,EAAE;aACvC;YACD,MAAM,EAAE;gBACP,IAAI,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE;gBAC3B,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE;gBACvB,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE;gBACvB,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE;aACvB;YACD,SAAS,EAAE;gBACV,IAAI,EAAE,EAAE,WAAW,EAAE,GAAG,EAAE;gBAC1B,MAAM,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,WAAW,EAAE,kBAAkB,EAAE;gBAC9D,OAAO,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,WAAW,EAAE,mBAAmB,EAAE;gBAChE,MAAM,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,WAAW,EAAE,kBAAkB,EAAE;aAC9D;SACD;QACD,eAAe,EAAE;YAChB,EAAE,EAAE,SAAS;YACb,MAAM,EAAE,IAAI;YACZ,SAAS,EAAE,QAAQ;SACnB;KACD,CAAC;IACF,YAAY,EAAE,GAAG,CAAC;QACjB,QAAQ,EAAE,QAAQ;QAClB,KAAK,EAAE,MAAM;QACb,IAAI,EAAE,GAAG;QACT,SAAS,EAAE,GAAG;QACd,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE;YACP,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,GAAG;YACV,eAAe,EAAE,eAAe;YAChC,OAAO,EAAE,CAAC;YACV,UAAU,EAAE,oBAAoB;YAChC,aAAa,EAAE,MAAM;SACrB;KACD,CAAC;IACF,KAAK,EAAE,GAAG,CAAC;QACV,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,OAAO;KAClB,CAAC;IACF,WAAW,EAAE,GAAG,CAAC;QAChB,OAAO,EAAE,KAAK;QACd,MAAM,EAAE,IAAI;QACZ,OAAO,EAAE,MAAM;QACf,GAAG,EAAE,GAAG;QACR,cAAc,EAAE,YAAY;QAC5B,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,UAAU,EAAE,CAAC;KACb,CAAC;CACF,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,GAAG,SAAS,EAAiB,EAAE,EAAE;IACzF,MAAM,MAAM,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;IAEtC,OAAO,CACN,aACC,IAAI,EAAE,GAAG,EACT,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC;YACtB,EAAE,EAAE,MAAM,CAAC,EAAE;YACb,MAAM,EAAE,MAAM,CAAC,MAAM;YACrB,SAAS,EAAE,MAAM,CAAC,SAAS;SAC3B,CAAC,aAEF,cAAK,SAAS,EAAE,GAAG,MAAM,CAAC,YAAY,0BAA0B,YAC9D,WAAW,CAAC,KAAK,EAAE,SAAS,EAAE,MAAM,CAAC,KAAK,CAAC,GACvC,EACN,eAAK,SAAS,EAAE,MAAM,CAAC,WAAW,aACjC,KAAC,WAAW,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,GAAI,EACrC,KAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,QAAQ,QAAC,MAAM,kBAC7B,KAAK,GACA,IACF,IACH,CACJ,CAAC;AACH,CAAC,CAAC"}