@sanity/sanity-id 0.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (77) hide show
  1. package/.turbo/turbo-build.log +32 -0
  2. package/README.md +272 -0
  3. package/css/all.css +3 -0
  4. package/css/colors.css +498 -0
  5. package/css/tailwind.css +3 -0
  6. package/css/variables.css +326 -0
  7. package/dist/Breadcrumbs.js +53 -0
  8. package/dist/Button.js +50 -0
  9. package/dist/Card.js +16 -0
  10. package/dist/Checkbox.js +31 -0
  11. package/dist/Eyebrow.js +30 -0
  12. package/dist/IconButton.js +38 -0
  13. package/dist/Input.js +16 -0
  14. package/dist/Input.module-P--gA8sq.js +6 -0
  15. package/dist/Label.js +22 -0
  16. package/dist/Link-BWIwmuYV.js +4068 -0
  17. package/dist/LinkCTA.js +53 -0
  18. package/dist/Radio.js +29 -0
  19. package/dist/RadioSwitch.js +87 -0
  20. package/dist/SanityIcon-Bl5or1b8.js +13 -0
  21. package/dist/Select.js +22 -0
  22. package/dist/Switch.js +29 -0
  23. package/dist/TextArea.js +21 -0
  24. package/dist/_commonjsHelpers-C6fGbg64.js +6 -0
  25. package/dist/clsx-OuTLNxxd.js +16 -0
  26. package/dist/colors.js +935 -0
  27. package/dist/styles.css +1 -0
  28. package/dist/tailwind.js +577 -0
  29. package/dist/useLinkWithRef-D9NOX6Bd.js +21 -0
  30. package/dist/utils.js +23 -0
  31. package/package.json +56 -0
  32. package/postcss.config.js +6 -0
  33. package/src/colors.ts +3 -0
  34. package/src/components/Breadcrumbs.module.css +21 -0
  35. package/src/components/Breadcrumbs.tsx +38 -0
  36. package/src/components/Button.module.css +407 -0
  37. package/src/components/Button.tsx +110 -0
  38. package/src/components/Card.module.css +19 -0
  39. package/src/components/Card.tsx +18 -0
  40. package/src/components/Checkbox.module.css +82 -0
  41. package/src/components/Checkbox.tsx +38 -0
  42. package/src/components/Eyebrow.module.css +28 -0
  43. package/src/components/Eyebrow.tsx +37 -0
  44. package/src/components/IconButton.module.css +196 -0
  45. package/src/components/IconButton.tsx +62 -0
  46. package/src/components/Input.module.css +55 -0
  47. package/src/components/Input.tsx +23 -0
  48. package/src/components/Label.module.css +53 -0
  49. package/src/components/Label.tsx +33 -0
  50. package/src/components/LinkCTA.module.css +122 -0
  51. package/src/components/LinkCTA.tsx +77 -0
  52. package/src/components/Radio.module.css +91 -0
  53. package/src/components/Radio.tsx +33 -0
  54. package/src/components/RadioSwitch.module.css +125 -0
  55. package/src/components/RadioSwitch.tsx +122 -0
  56. package/src/components/Select.module.css +35 -0
  57. package/src/components/Select.tsx +28 -0
  58. package/src/components/Switch.module.css +112 -0
  59. package/src/components/Switch.tsx +33 -0
  60. package/src/components/TextArea.module.css +17 -0
  61. package/src/components/TextArea.tsx +30 -0
  62. package/src/components/helpers/AddRefParam.tsx +29 -0
  63. package/src/components/helpers/Link.tsx +56 -0
  64. package/src/components/helpers/NavLink.tsx +20 -0
  65. package/src/components/helpers/SanityIcon.tsx +25 -0
  66. package/src/components/helpers/useIsCurrentPage.ts +39 -0
  67. package/src/components/helpers/useLinkWithRef.ts +27 -0
  68. package/src/components/helpers/useSafePathname.ts +17 -0
  69. package/src/css.d.ts +4 -0
  70. package/src/tailwind.ts +408 -0
  71. package/src/tokens/dynamic-colors.ts +154 -0
  72. package/src/tokens/primitive-colors.ts +237 -0
  73. package/src/tokens/semantic-colors.ts +574 -0
  74. package/src/utils.ts +58 -0
  75. package/tailwind.config.ts +7 -0
  76. package/tsconfig.json +17 -0
  77. package/vite.config.ts +29 -0
@@ -0,0 +1,326 @@
1
+ :root,
2
+ ::backdrop {
3
+ /* Border radiuses */
4
+ --sanity-id-radii-none: 0;
5
+ --sanity-id-radii-sm: 0.25rem;
6
+ --sanity-id-radii-md: 0.5rem;
7
+ --sanity-id-radii-lg: 0.75rem;
8
+ --sanity-id-radii-full: 9999px;
9
+
10
+ /* Page heading (lg) */
11
+ --page-heading-lg-font-family: var(--font-sans);
12
+ --page-heading-lg-font-feature-settings:
13
+ "ss07" on, "ss08" on, "cv01" on, "cv11" on, "cv12" on, "cv13" on;
14
+ --page-heading-lg-font-size: calc(1rem * 50 / 16);
15
+ --page-heading-lg-font-weight: 425;
16
+ --page-heading-lg-line-height: 1.1;
17
+ --page-heading-lg-letter-spacing: -0.025em;
18
+
19
+ /* Page heading (md) */
20
+ --page-heading-md-font-family: var(--font-sans);
21
+ --page-heading-md-font-feature-settings:
22
+ "ss07" on, "ss08" on, "cv01" on, "cv11" on, "cv12" on, "cv13" on;
23
+ --page-heading-md-font-size: calc(1rem * 42 / 16);
24
+ --page-heading-md-font-weight: 450;
25
+ --page-heading-md-line-height: 1.1;
26
+ --page-heading-md-letter-spacing: -0.025em;
27
+
28
+ /* Page heading (sm) */
29
+ --page-heading-sm-font-family: var(--font-sans);
30
+ --page-heading-sm-font-feature-settings:
31
+ "ss07" on, "ss08" on, "cv01" on, "cv11" on, "cv12" on, "cv13" on;
32
+ --page-heading-sm-font-size: calc(1rem * 36 / 16);
33
+ --page-heading-sm-font-weight: 500;
34
+ --page-heading-sm-line-height: 1.1;
35
+ --page-heading-sm-letter-spacing: -0.025em;
36
+
37
+ /* Component heading (lg) */
38
+ --component-heading-lg-font-family: var(--font-sans);
39
+ --component-heading-lg-font-feature-settings:
40
+ "ss07" on, "cv01" on, "cv11" on, "cv12" on, "cv13" on;
41
+ --component-heading-lg-font-size: calc(1rem * 28 / 16);
42
+ --component-heading-lg-font-weight: 700;
43
+ --component-heading-lg-line-height: 1.1;
44
+ --component-heading-lg-letter-spacing: -0.01em;
45
+
46
+ /* Component heading (md) */
47
+ --component-heading-md-font-family: var(--font-sans);
48
+ --component-heading-md-font-feature-settings:
49
+ "ss07" on, "cv01" on, "cv11" on, "cv12" on, "cv13" on;
50
+ --component-heading-md-font-size: calc(1rem * 22.4 / 16);
51
+ --component-heading-md-font-weight: 700;
52
+ --component-heading-md-line-height: 1.1;
53
+ --component-heading-md-letter-spacing: -0.01em;
54
+
55
+ /* Component heading (sm) */
56
+ --component-heading-sm-font-family: var(--font-sans);
57
+ --component-heading-sm-font-feature-settings:
58
+ "ss07" on, "cv01" on, "cv11" on, "cv12" on, "cv13" on;
59
+ --component-heading-sm-font-size: calc(1rem * 18 / 16);
60
+ --component-heading-sm-font-weight: 600;
61
+ --component-heading-sm-line-height: 1.1;
62
+ --component-heading-sm-letter-spacing: -0.01em;
63
+
64
+ /* Text details (lg) */
65
+ --text-details-lg-font-family: var(--font-sans);
66
+ --text-details-lg-font-feature-settings: "cv01" on, "cv11" on;
67
+ --text-details-lg-font-size: calc(1rem * 15 / 16);
68
+ --text-details-lg-font-weight: 425;
69
+ --text-details-lg-line-height: calc(21 / 15);
70
+ --text-details-lg-letter-spacing: -0.01em;
71
+
72
+ /* Text details (md) */
73
+ --text-details-md-font-family: var(--font-sans);
74
+ --text-details-md-font-feature-settings: "cv01" on, "cv11" on;
75
+ --text-details-md-font-size: calc(1rem * 13 / 16);
76
+ --text-details-md-font-weight: 425;
77
+ --text-details-md-line-height: calc(19 / 13);
78
+ --text-details-md-letter-spacing: -0.01em;
79
+
80
+ /* Text details (sm) */
81
+ --text-details-sm-font-family: var(--font-sans);
82
+ --text-details-sm-font-feature-settings: "cv01" on, "cv11" on;
83
+ --text-details-sm-font-size: calc(1rem * 12 / 16);
84
+ --text-details-sm-font-weight: 425;
85
+ --text-details-sm-line-height: calc(17 / 12);
86
+ --text-details-sm-letter-spacing: -0.01em;
87
+
88
+ /* Text lede */
89
+ --text-lede-font-family: var(--font-sans);
90
+ --text-lede-font-feature-settings: "cv01" on, "cv11" on;
91
+ --text-lede-font-size: calc(1rem * 24 / 16);
92
+ --text-lede-font-weight: 425;
93
+ --text-lede-line-height: calc(32 / 24);
94
+ --text-lede-letter-spacing: -0.01em;
95
+
96
+ /* Text description */
97
+ --text-description-font-family: var(--font-sans);
98
+ --text-description-font-feature-settings: "cv01" on, "cv11" on;
99
+ --text-description-font-size: calc(1rem * 15 / 16);
100
+ --text-description-font-weight: 425;
101
+ --text-description-line-height: calc(23 / 15);
102
+ --text-description-letter-spacing: -0.01em;
103
+
104
+ /* Text prose */
105
+ --text-prose-font-family: var(--font-sans);
106
+ --text-prose-font-feature-settings: "cv01" on, "cv11" on;
107
+ --text-prose-font-size: calc(1rem * 18 / 16);
108
+ --text-prose-font-weight: 425;
109
+ --text-prose-line-height: calc(27 / 18);
110
+ --text-prose-letter-spacing: -0.01em;
111
+
112
+ /* Text interactive (lg) */
113
+ --text-interactive-lg-font-family: var(--font-sans);
114
+ --text-interactive-lg-font-feature-settings:
115
+ "cv01" on, "cv11" on, "cv12" on, "cv13" on;
116
+ --text-interactive-lg-font-size: calc(1rem * 15 / 16);
117
+ --text-interactive-lg-font-weight: 425;
118
+ --text-interactive-lg-line-height: calc(13 / 15);
119
+ --text-interactive-lg-letter-spacing: -0.01em;
120
+
121
+ /* Text interactive (md) */
122
+ --text-interactive-md-font-family: var(--font-sans);
123
+ --text-interactive-md-font-feature-settings:
124
+ "cv01" on, "cv11" on, "cv12" on, "cv13" on;
125
+ --text-interactive-md-font-size: calc(1rem * 13 / 16);
126
+ --text-interactive-md-font-weight: 425;
127
+ --text-interactive-md-line-height: calc(11 / 13);
128
+ --text-interactive-md-letter-spacing: -0.01em;
129
+
130
+ /* Text interactive (sm) */
131
+ --text-interactive-sm-font-family: var(--font-sans);
132
+ --text-interactive-sm-font-feature-settings:
133
+ "cv01" on, "cv11" on, "cv12" on, "cv13" on;
134
+ --text-interactive-sm-font-size: calc(1rem * 12 / 16);
135
+ --text-interactive-sm-font-weight: 425;
136
+ --text-interactive-sm-line-height: calc(9 / 12);
137
+ --text-interactive-sm-letter-spacing: -0.01em;
138
+
139
+ /* Text quote (xl) */
140
+ --text-quote-xl-font-family: var(--font-sans);
141
+ --text-quote-xl-font-style: italic;
142
+ --text-quote-xl-font-feature-settings:
143
+ "cv01" on, "cv11" on, "cv12" on, "cv13" on;
144
+ --text-quote-xl-font-size: calc(1rem * 48 / 16);
145
+ --text-quote-xl-font-weight: 425;
146
+ --text-quote-xl-line-height: calc(53 / 48);
147
+ --text-quote-xl-letter-spacing: -0.025em;
148
+
149
+ /* Text quote (lg) */
150
+ --text-quote-lg-font-family: var(--font-sans);
151
+ --text-quote-lg-font-style: italic;
152
+ --text-quote-lg-font-feature-settings:
153
+ "cv01" on, "cv11" on, "cv12" on, "cv13" on;
154
+ --text-quote-lg-font-size: calc(1rem * 36 / 16);
155
+ --text-quote-lg-font-weight: 425;
156
+ --text-quote-lg-line-height: calc(40 / 36);
157
+ --text-quote-lg-letter-spacing: -0.025em;
158
+
159
+ /* Text quote (md) */
160
+ --text-quote-md-font-family: var(--font-sans);
161
+ --text-quote-md-font-style: italic;
162
+ --text-quote-md-font-feature-settings:
163
+ "cv01" on, "cv11" on, "cv12" on, "cv13" on;
164
+ --text-quote-md-font-size: calc(1rem * 24 / 16);
165
+ --text-quote-md-font-weight: 425;
166
+ --text-quote-md-line-height: calc(32 / 24);
167
+ --text-quote-md-letter-spacing: -0.01em;
168
+
169
+ /* Text quote (sm) */
170
+ --text-quote-sm-font-family: var(--font-sans);
171
+ --text-quote-sm-font-style: italic;
172
+ --text-quote-sm-font-feature-settings:
173
+ "cv01" on, "cv11" on, "cv12" on, "cv13" on;
174
+ --text-quote-sm-font-size: calc(1rem * 18 / 16);
175
+ --text-quote-sm-font-weight: 425;
176
+ --text-quote-sm-line-height: calc(25 / 18);
177
+ --text-quote-sm-letter-spacing: -0.01em;
178
+
179
+ /* Code multiline (lg) */
180
+ --code-multiline-lg-font-family: var(--font-mono);
181
+ --code-multiline-lg-font-feature-settings: inherit;
182
+ --code-multiline-lg-font-size: calc(1rem * 15 / 16);
183
+ --code-multiline-lg-font-weight: 400;
184
+ --code-multiline-lg-line-height: calc(23 / 15);
185
+ --code-multiline-lg-letter-spacing: -0.01em;
186
+
187
+ /* Code multiline (md) */
188
+ --code-multiline-md-font-family: var(--font-mono);
189
+ --code-multiline-md-font-feature-settings: inherit;
190
+ --code-multiline-md-font-size: calc(1rem * 13 / 16);
191
+ --code-multiline-md-font-weight: 400;
192
+ --code-multiline-md-line-height: calc(21 / 13);
193
+ --code-multiline-md-letter-spacing: -0.01em;
194
+
195
+ /* Code multiline (sm) */
196
+ --code-multiline-sm-font-family: var(--font-mono);
197
+ --code-multiline-sm-font-feature-settings: inherit;
198
+ --code-multiline-sm-font-size: calc(1rem * 12 / 16);
199
+ --code-multiline-sm-font-weight: 400;
200
+ --code-multiline-sm-line-height: calc(16 / 12);
201
+ --code-multiline-sm-letter-spacing: -0.01em;
202
+
203
+ /* Code inline (lg) */
204
+ --code-inline-lg-font-family: var(--font-mono);
205
+ --code-inline-lg-font-feature-settings: inherit;
206
+ --code-inline-lg-font-size: calc(1rem * 15 / 16);
207
+ --code-inline-lg-font-weight: 400;
208
+ --code-inline-lg-line-height: calc(21 / 15);
209
+ --code-inline-lg-letter-spacing: -0.01em;
210
+
211
+ /* Code inline (md) */
212
+ --code-inline-md-font-family: var(--font-mono);
213
+ --code-inline-md-font-feature-settings: inherit;
214
+ --code-inline-md-font-size: calc(1rem * 13 / 16);
215
+ --code-inline-md-font-weight: 400;
216
+ --code-inline-md-line-height: calc(19 / 13);
217
+ --code-inline-md-letter-spacing: -0.01em;
218
+
219
+ /* Code inline (sm) */
220
+ --code-inline-sm-font-family: var(--font-mono);
221
+ --code-inline-sm-font-feature-settings: inherit;
222
+ --code-inline-sm-font-size: calc(1rem * 12 / 16);
223
+ --code-inline-sm-font-weight: 400;
224
+ --code-inline-sm-line-height: calc(16 / 12);
225
+ --code-inline-sm-letter-spacing: -0.01em;
226
+
227
+ /* Label (lg) */
228
+ --label-lg-font-family: var(--font-sans);
229
+ --label-lg-font-feature-settings: inherit;
230
+ --label-lg-font-size: calc(1rem * 14 / 16);
231
+ --label-lg-font-weight: 450;
232
+ --label-lg-line-height: calc(12 / 14);
233
+ --label-lg-letter-spacing: 0.05em;
234
+
235
+ /* Label (md) */
236
+ --label-md-font-family: var(--font-sans);
237
+ --label-md-font-feature-settings: inherit;
238
+ --label-md-font-size: calc(1rem * 12 / 16);
239
+ --label-md-font-weight: 450;
240
+ --label-md-line-height: calc(12 / 9);
241
+ --label-md-letter-spacing: 0.05em;
242
+
243
+ /* Label (sm) */
244
+ --label-sm-font-family: var(--font-sans);
245
+ --label-sm-font-feature-settings: inherit;
246
+ --label-sm-font-size: calc(1rem * 10 / 16);
247
+ --label-sm-font-weight: 450;
248
+ --label-sm-line-height: calc(8 / 10);
249
+ --label-sm-letter-spacing: 0.05em;
250
+
251
+ /* prettier-ignore */
252
+ --sanity-id-shadow-1:
253
+ 0 0 0 1px light-dark(color-mix(in hsl, transparent, var(--gray-500) 20%), color-mix(in hsl, transparent, var(--gray-500) 20%));
254
+
255
+ /* prettier-ignore */
256
+ --sanity-id-shadow-2:
257
+ 0 4px 6px -6px light-dark(color-mix(in hsl, transparent, var(--gray-500) 4%), color-mix(in hsl, transparent, var(--black) 20%)),
258
+ 0 6px 12px 1px light-dark(color-mix(in hsl, transparent, var(--gray-500) 2%), color-mix(in hsl, transparent, var(--black) 16%)),
259
+ 0 4px 24px 2px light-dark(color-mix(in hsl, transparent, var(--gray-500) 4%), color-mix(in hsl, transparent, var(--black) 20%));
260
+
261
+ /* prettier-ignore */
262
+ --sanity-id-shadow-3:
263
+ 0 8px 12px -8px light-dark(color-mix(in hsl, transparent, var(--gray-500) 6%), color-mix(in hsl, transparent, var(--black) 24%)),
264
+ 0 12px 24px 2px light-dark(color-mix(in hsl, transparent, var(--gray-500) 4%), color-mix(in hsl, transparent, var(--black) 20%)),
265
+ 0 6px 32px 4px light-dark(color-mix(in hsl, transparent, var(--gray-500) 6%), color-mix(in hsl, transparent, var(--black) 24%));
266
+
267
+ /* prettier-ignore */
268
+ --sanity-id-shadow-5:
269
+ 0 16px 24px -12px light-dark(color-mix(in hsl, transparent, var(--gray-500) 8%), color-mix(in hsl, transparent, var(--black) 32%)),
270
+ 0 24px 48px 4px light-dark(color-mix(in hsl, transparent, var(--gray-500) 6%), color-mix(in hsl, transparent, var(--black) 24%)),
271
+ 0 12px 64px 8px light-dark(color-mix(in hsl, transparent, var(--gray-500) 8%), color-mix(in hsl, transparent, var(--black) 32%));
272
+
273
+ /* prettier-ignore */
274
+ --sanity-id-shadow-accent-1:
275
+ 0 0 0 1px light-dark(color-mix(in hsl, transparent, var(--cyan-500) 20%), color-mix(in hsl, transparent, var(--cyan-500) 20%));
276
+
277
+ /* prettier-ignore */
278
+ --sanity-id-shadow-accent-2:
279
+ 0 4px 6px -6px light-dark(color-mix(in hsl, transparent, var(--cyan-500) 4%), color-mix(in hsl, transparent, var(--cyan-500) 20%)),
280
+ 0 6px 12px 1px light-dark(color-mix(in hsl, transparent, var(--cyan-500) 2%), color-mix(in hsl, transparent, var(--cyan-500) 16%)),
281
+ 0 4px 24px 2px light-dark(color-mix(in hsl, transparent, var(--cyan-500) 4%), color-mix(in hsl, transparent, var(--cyan-500) 20%));
282
+
283
+ /* prettier-ignore */
284
+ --sanity-id-shadow-accent-3:
285
+ 0 8px 12px -8px light-dark(color-mix(in hsl, transparent, var(--cyan-500) 6%), color-mix(in hsl, transparent, var(--cyan-500) 24%)),
286
+ 0 12px 24px 2px light-dark(color-mix(in hsl, transparent, var(--cyan-500) 4%), color-mix(in hsl, transparent, var(--cyan-500) 20%)),
287
+ 0 6px 32px 4px light-dark(color-mix(in hsl, transparent, var(--cyan-500) 6%), color-mix(in hsl, transparent, var(--cyan-500) 24%));
288
+
289
+ /* prettier-ignore */
290
+ --sanity-id-shadow-accent-5:
291
+ 0 16px 24px -12px light-dark(color-mix(in hsl, transparent, var(--cyan-500) 8%), color-mix(in hsl, transparent, var(--cyan-500) 32%)),
292
+ 0 24px 48px 4px light-dark(color-mix(in hsl, transparent, var(--cyan-500) 6%), color-mix(in hsl, transparent, var(--cyan-500) 24%)),
293
+ 0 12px 64px 8px light-dark(color-mix(in hsl, transparent, var(--cyan-500) 8%), color-mix(in hsl, transparent, var(--cyan-500) 32%));
294
+
295
+ /* prettier-ignore */
296
+ --sanity-id-shadow-brand-1:
297
+ 0 0 0 1px light-dark(color-mix(in hsl, transparent, var(--red-500) 20%), color-mix(in hsl, transparent, var(--red-500) 20%));
298
+
299
+ /* prettier-ignore */
300
+ --sanity-id-shadow-brand-2:
301
+ 0 4px 6px -6px light-dark(color-mix(in hsl, transparent, var(--red-500) 4%), color-mix(in hsl, transparent, var(--red-500) 20%)),
302
+ 0 6px 12px 1px light-dark(color-mix(in hsl, transparent, var(--red-500) 2%), color-mix(in hsl, transparent, var(--red-500) 16%)),
303
+ 0 4px 24px 2px light-dark(color-mix(in hsl, transparent, var(--red-500) 4%), color-mix(in hsl, transparent, var(--red-500) 20%));
304
+
305
+ /* prettier-ignore */
306
+ --sanity-id-shadow-brand-3:
307
+ 0 8px 12px -8px light-dark(color-mix(in hsl, transparent, var(--red-500) 6%), color-mix(in hsl, transparent, var(--red-500) 24%)),
308
+ 0 12px 24px 2px light-dark(color-mix(in hsl, transparent, var(--red-500) 4%), color-mix(in hsl, transparent, var(--red-500) 20%)),
309
+ 0 6px 32px 4px light-dark(color-mix(in hsl, transparent, var(--red-500) 6%), color-mix(in hsl, transparent, var(--red-500) 24%));
310
+
311
+ /* prettier-ignore */
312
+ --sanity-id-shadow-brand-5:
313
+ 0 16px 24px -12px light-dark(color-mix(in hsl, transparent, var(--red-500) 8%), color-mix(in hsl, transparent, var(--red-500) 32%)),
314
+ 0 24px 48px 4px light-dark(color-mix(in hsl, transparent, var(--red-500) 6%), color-mix(in hsl, transparent, var(--red-500) 24%)),
315
+ 0 12px 64px 8px light-dark(color-mix(in hsl, transparent, var(--red-500) 8%), color-mix(in hsl, transparent, var(--red-500) 32%));
316
+
317
+ @media (width >= 720px) {
318
+ --page-heading-lg-font-size: calc(1rem * 64 / 16) !important;
319
+ --page-heading-md-font-size: calc(1rem * 48 / 16) !important;
320
+ }
321
+
322
+ @media (width >= 960px) {
323
+ --page-heading-lg-font-size: calc(1rem * 72 / 16) !important;
324
+ --page-heading-lg-line-height: 1.05 !important;
325
+ }
326
+ }
@@ -0,0 +1,53 @@
1
+ "use client";
2
+ import { c as u } from "./clsx-OuTLNxxd.js";
3
+ import { useState as o, useEffect as m, Suspense as f } from "react";
4
+ import { n as l, L as _ } from "./Link-BWIwmuYV.js";
5
+ function h(t) {
6
+ const [e, a] = o(!1), r = l.usePathname(), s = l.useSearchParams();
7
+ return m(() => {
8
+ if (!t) {
9
+ a(!1);
10
+ return;
11
+ }
12
+ if (!URL.canParse?.(t, location.origin)) {
13
+ a(!1);
14
+ return;
15
+ }
16
+ const c = new URL(t, location.origin);
17
+ if (c.pathname !== r) {
18
+ a(!1);
19
+ return;
20
+ }
21
+ const i = s?.toString();
22
+ if (c.searchParams.toString() !== i) {
23
+ a(!1);
24
+ return;
25
+ }
26
+ a(!0);
27
+ }, [t, r, s]), e;
28
+ }
29
+ function g({ active: t, ...e }) {
30
+ let a = e["aria-current"];
31
+ const r = h(e.href);
32
+ return a ??= r || t ? "page" : "false", /* @__PURE__ */ React.createElement(_, { ...e, "aria-current": a });
33
+ }
34
+ const q = "_nav_pqq36_1", v = "_list_pqq36_5", E = "_listItem_pqq36_9", R = "_link_pqq36_15", n = {
35
+ nav: q,
36
+ list: v,
37
+ listItem: E,
38
+ link: R
39
+ };
40
+ function I(t) {
41
+ return /* @__PURE__ */ React.createElement("nav", { "aria-label": t.label, className: u(t.className, n.nav) }, /* @__PURE__ */ React.createElement("ol", { className: n.list }, t.links.map((e) => /* @__PURE__ */ React.createElement("li", { key: e.href + e.title, className: n.listItem }, /* @__PURE__ */ React.createElement(f, null, /* @__PURE__ */ React.createElement(
42
+ g,
43
+ {
44
+ href: e.href,
45
+ "aria-current": e.current ? "page" : void 0,
46
+ className: n.link
47
+ },
48
+ e.title
49
+ ))))));
50
+ }
51
+ export {
52
+ I as Breadcrumbs
53
+ };
package/dist/Button.js ADDED
@@ -0,0 +1,50 @@
1
+ "use client";
2
+ import { c } from "./clsx-OuTLNxxd.js";
3
+ import { L as d } from "./Link-BWIwmuYV.js";
4
+ import { S as _ } from "./SanityIcon-Bl5or1b8.js";
5
+ import { u as j } from "./useLinkWithRef-D9NOX6Bd.js";
6
+ const y = "_button_1x1xj_1", N = "_icon_1x1xj_7", R = "_iconLeft_1x1xj_200", k = "_iconRight_1x1xj_204", s = {
7
+ button: y,
8
+ icon: N,
9
+ iconLeft: R,
10
+ iconRight: k
11
+ };
12
+ function B({
13
+ as: i,
14
+ size: l,
15
+ fill: r,
16
+ color: f,
17
+ state: m,
18
+ iconLeft: e,
19
+ iconRight: t,
20
+ children: u,
21
+ rounded: x,
22
+ injectRef: b = !0,
23
+ disableLinkRef: E = !1,
24
+ ...n
25
+ }) {
26
+ let o = n.href;
27
+ const p = j(n.href);
28
+ b && !E && (o = p), l ??= "md", r ??= "solid", f ??= "primary", m === "loading" && (e && !t ? e = "spinner" : t && !e ? t = "spinner" : e = "spinner"), typeof e == "string" && (e = /* @__PURE__ */ React.createElement(_, { icon: e })), typeof t == "string" && (t = /* @__PURE__ */ React.createElement(_, { icon: t }));
29
+ let a = "div";
30
+ return i === "a" ? a = d : i === "external" ? a = "a" : i ? a = i : o ? a = d : n.onClick && (a = "button"), /* @__PURE__ */ React.createElement(
31
+ a,
32
+ {
33
+ ...n,
34
+ className: c(s.button, n.className),
35
+ "data-size": l,
36
+ "data-fill": r,
37
+ "data-color": f,
38
+ "data-state": m,
39
+ "data-rounded": x,
40
+ "data-no-label": u ? void 0 : !0,
41
+ href: o
42
+ },
43
+ e && /* @__PURE__ */ React.createElement("span", { className: c(s.icon, s.iconLeft) }, e),
44
+ u,
45
+ t && /* @__PURE__ */ React.createElement("span", { className: c(s.icon, s.iconRight) }, t)
46
+ );
47
+ }
48
+ export {
49
+ B as Button
50
+ };
package/dist/Card.js ADDED
@@ -0,0 +1,16 @@
1
+ import { c } from "./clsx-OuTLNxxd.js";
2
+ import { Children as a, cloneElement as e } from "react";
3
+ const o = "_card_7gri7_1", n = {
4
+ card: o
5
+ };
6
+ function l(r) {
7
+ const d = a.only(r.children);
8
+ return e(d, {
9
+ className: c(d.props.className, n.card),
10
+ "data-rounded": r.rounded ?? "md",
11
+ "data-border": r.border ?? !0
12
+ });
13
+ }
14
+ export {
15
+ l as Card
16
+ };
@@ -0,0 +1,31 @@
1
+ import { c as l } from "./clsx-OuTLNxxd.js";
2
+ import { S as r } from "./SanityIcon-Bl5or1b8.js";
3
+ const s = "_wrapper_14d0t_2", p = "_input_14d0t_19", m = "_box_14d0t_23", i = "_label_14d0t_59", _ = "_icon_14d0t_73", e = {
4
+ wrapper: s,
5
+ input: p,
6
+ box: m,
7
+ label: i,
8
+ icon: _
9
+ };
10
+ function u({
11
+ size: t,
12
+ state: a,
13
+ className: c,
14
+ children: n,
15
+ ...o
16
+ }) {
17
+ return t ??= "md", /* @__PURE__ */ React.createElement(
18
+ "label",
19
+ {
20
+ className: l(c, e.wrapper),
21
+ "data-state": a,
22
+ "data-size": t
23
+ },
24
+ /* @__PURE__ */ React.createElement("input", { ...o, className: e.input, type: "checkbox" }),
25
+ /* @__PURE__ */ React.createElement("div", { className: e.box, "data-checkbox": !0 }, /* @__PURE__ */ React.createElement(r, { icon: "checkmark", className: e.icon })),
26
+ /* @__PURE__ */ React.createElement("span", { className: e.label, "data-label": !0 }, n)
27
+ );
28
+ }
29
+ export {
30
+ u as Checkbox
31
+ };
@@ -0,0 +1,30 @@
1
+ import { c as s } from "./clsx-OuTLNxxd.js";
2
+ import { LinkCTA as l } from "./LinkCTA.js";
3
+ const i = "_eyebrow_13ek1_1", b = "_eyebrowInner_13ek1_5", m = "_linkCta_13ek1_8", e = {
4
+ eyebrow: i,
5
+ eyebrowInner: b,
6
+ linkCta: m
7
+ };
8
+ function _({
9
+ children: n,
10
+ className: a,
11
+ ctaText: r,
12
+ ctaHref: o,
13
+ ctaAccessibleLabel: t,
14
+ ...c
15
+ }) {
16
+ return /* @__PURE__ */ React.createElement("div", { ...c, className: s(a, e.eyebrow) }, /* @__PURE__ */ React.createElement("span", { className: e.eyebrowInner }, n), !!r && /* @__PURE__ */ React.createElement(
17
+ l,
18
+ {
19
+ className: e.linkCta,
20
+ href: o,
21
+ "aria-label": t,
22
+ arrowColor: "accent",
23
+ size: "lg"
24
+ },
25
+ r
26
+ ));
27
+ }
28
+ export {
29
+ _ as Eyebrow
30
+ };
@@ -0,0 +1,38 @@
1
+ import { c as r } from "./clsx-OuTLNxxd.js";
2
+ import { S as b } from "./SanityIcon-Bl5or1b8.js";
3
+ import { L as f } from "./Link-BWIwmuYV.js";
4
+ const _ = "_button_1vbof_1", d = "_icon_1vbof_7", I = "_customIcon_1vbof_188", a = {
5
+ button: _,
6
+ icon: d,
7
+ customIcon: I
8
+ };
9
+ function R({
10
+ as: l,
11
+ href: e,
12
+ type: o,
13
+ icon: n,
14
+ label: u,
15
+ size: s,
16
+ color: m,
17
+ fill: i,
18
+ ...c
19
+ }) {
20
+ let t = l;
21
+ return s ??= "md", i ??= "solid", m ??= "primary", e ? t ??= f : c.onClick ? t ??= "button" : t ??= "div", t === "button" ? o ??= "button" : o = void 0, /* @__PURE__ */ React.createElement(
22
+ t,
23
+ {
24
+ ...c,
25
+ "aria-label": u,
26
+ className: r(c.className, a.button),
27
+ href: e,
28
+ type: o,
29
+ "data-size": s,
30
+ "data-fill": i,
31
+ "data-color": m
32
+ },
33
+ typeof n == "string" ? /* @__PURE__ */ React.createElement(b, { icon: n, className: a.icon }) : /* @__PURE__ */ React.createElement("span", { className: a.customIcon }, n)
34
+ );
35
+ }
36
+ export {
37
+ R as IconButton
38
+ };
package/dist/Input.js ADDED
@@ -0,0 +1,16 @@
1
+ import { c as s } from "./clsx-OuTLNxxd.js";
2
+ import { i as m } from "./Input.module-P--gA8sq.js";
3
+ function i({ size: t, state: e, ...a }) {
4
+ return t ??= "md", /* @__PURE__ */ React.createElement(
5
+ "input",
6
+ {
7
+ ...a,
8
+ className: s(a.className, m.input),
9
+ "data-size": t,
10
+ "data-state": e
11
+ }
12
+ );
13
+ }
14
+ export {
15
+ i as Input
16
+ };
@@ -0,0 +1,6 @@
1
+ const t = "_input_ij2oq_2", i = {
2
+ input: t
3
+ };
4
+ export {
5
+ i
6
+ };
package/dist/Label.js ADDED
@@ -0,0 +1,22 @@
1
+ import { c } from "./clsx-OuTLNxxd.js";
2
+ import { L as n } from "./Link-BWIwmuYV.js";
3
+ const i = "_label_1nkqt_1", o = {
4
+ label: i
5
+ };
6
+ function r(e) {
7
+ const l = e.size ?? "md", t = e.color ?? "primary";
8
+ let a = "div";
9
+ return e.href && (a = n), e.as && (a = e.as), /* @__PURE__ */ React.createElement(
10
+ a,
11
+ {
12
+ className: c(o.label, e.className),
13
+ "data-size": l,
14
+ "data-color": t,
15
+ href: e.href
16
+ },
17
+ e.children
18
+ );
19
+ }
20
+ export {
21
+ r as Label
22
+ };