@nswds/app 1.116.0 → 1.118.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 (10) hide show
  1. package/dist/globals.css +618 -706
  2. package/dist/index.cjs +396 -308
  3. package/dist/index.cjs.map +1 -1
  4. package/dist/index.d.cts +7 -8
  5. package/dist/index.d.ts +7 -8
  6. package/dist/index.js +392 -306
  7. package/dist/index.js.map +1 -1
  8. package/dist/styles.css +618 -706
  9. package/dist/styles.css.map +1 -1
  10. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -61,7 +61,8 @@ import { tv } from 'tailwind-variants';
61
61
  import * as ResizablePrimitive from 'react-resizable-panels';
62
62
  import * as SliderPrimitive from '@radix-ui/react-slider';
63
63
  import { Prism as Prism$1 } from 'react-syntax-highlighter';
64
- import { oneLight, oneDark } from 'react-syntax-highlighter/dist/esm/styles/prism';
64
+ import oneDark from 'react-syntax-highlighter/dist/esm/styles/prism/one-dark';
65
+ import oneLight from 'react-syntax-highlighter/dist/esm/styles/prism/one-light';
65
66
  import { estimateCost } from 'tokenlens';
66
67
  import { StickToBottom, useStickToBottomContext } from 'use-stick-to-bottom';
67
68
  import crypto from 'crypto';
@@ -18184,25 +18185,101 @@ function DynamicFavicon({ lightModeFavicon, darkModeFavicon }) {
18184
18185
  }, [lightModeFavicon, darkModeFavicon]);
18185
18186
  return null;
18186
18187
  }
18188
+ var expandableSearchSurfaceVariants = cva("", {
18189
+ variants: {
18190
+ variant: {
18191
+ default: "bg-grey-100 text-grey-800",
18192
+ "primary-800": "bg-primary-800 text-white",
18193
+ "primary-600": "bg-primary-600 text-white",
18194
+ "primary-400": "bg-primary-400 text-primary-800",
18195
+ "primary-200": "bg-primary-200 text-primary-800",
18196
+ "grey-800": "bg-grey-800 text-white",
18197
+ "grey-600": "bg-grey-600 text-white",
18198
+ "grey-400": "bg-grey-400 text-grey-800",
18199
+ "grey-200": "bg-grey-200 text-grey-800",
18200
+ "accent-800": "bg-accent-800 text-white",
18201
+ "accent-600": "bg-accent-600 text-white",
18202
+ "accent-400": "bg-accent-400 text-accent-800",
18203
+ "accent-200": "bg-accent-200 text-accent-800",
18204
+ white: "bg-white text-grey-800"
18205
+ }
18206
+ },
18207
+ defaultVariants: {
18208
+ variant: "default"
18209
+ }
18210
+ });
18211
+ var expandableSearchCollapsedVariants = cva("", {
18212
+ variants: {
18213
+ variant: {
18214
+ default: "bg-grey-100 hover:bg-primary-800/10",
18215
+ "primary-800": "bg-primary-800",
18216
+ "primary-600": "bg-primary-600",
18217
+ "primary-400": "bg-primary-400",
18218
+ "primary-200": "bg-primary-200",
18219
+ "grey-800": "bg-grey-800",
18220
+ "grey-600": "bg-grey-600",
18221
+ "grey-400": "bg-grey-400",
18222
+ "grey-200": "bg-grey-200",
18223
+ "accent-800": "bg-accent-800",
18224
+ "accent-600": "bg-accent-600",
18225
+ "accent-400": "bg-accent-400",
18226
+ "accent-200": "bg-accent-200",
18227
+ white: "bg-white"
18228
+ }
18229
+ },
18230
+ defaultVariants: {
18231
+ variant: "default"
18232
+ }
18233
+ });
18234
+ var expandableSearchButtonVariants = cva("", {
18235
+ variants: {
18236
+ variant: {
18237
+ default: "text-primary group-focus-within:bg-primary-800/10 hover:bg-primary-800/10",
18238
+ "primary-800": "text-white group-focus-within:bg-white/10 hover:bg-white/10",
18239
+ "primary-600": "text-white group-focus-within:bg-white/10 hover:bg-white/10",
18240
+ "primary-400": "text-primary-800 group-focus-within:bg-black/5 hover:bg-black/5",
18241
+ "primary-200": "text-primary-800 group-focus-within:bg-black/5 hover:bg-black/5",
18242
+ "grey-800": "text-white group-focus-within:bg-white/10 hover:bg-white/10",
18243
+ "grey-600": "text-white group-focus-within:bg-white/10 hover:bg-white/10",
18244
+ "grey-400": "text-grey-800 group-focus-within:bg-black/5 hover:bg-black/5",
18245
+ "grey-200": "text-grey-800 group-focus-within:bg-black/5 hover:bg-black/5",
18246
+ "accent-800": "text-white group-focus-within:bg-white/10 hover:bg-white/10",
18247
+ "accent-600": "text-white group-focus-within:bg-white/10 hover:bg-white/10",
18248
+ "accent-400": "text-accent-800 group-focus-within:bg-black/5 hover:bg-black/5",
18249
+ "accent-200": "text-accent-800 group-focus-within:bg-black/5 hover:bg-black/5",
18250
+ white: "text-grey-800 group-focus-within:bg-grey-100 hover:bg-grey-100"
18251
+ }
18252
+ },
18253
+ defaultVariants: {
18254
+ variant: "default"
18255
+ }
18256
+ });
18187
18257
  var ExpandableSearchContext = React5.createContext(null);
18188
- var ExpandableSearch = React5.forwardRef(({ className, onAction, defaultValue = "", ...props }, ref) => {
18258
+ var ExpandableSearch = React5.forwardRef(({ className, onAction, defaultValue = "", variant = "default", ...props }, ref) => {
18189
18259
  const [value, setValue] = React5.useState(defaultValue);
18190
18260
  const formRef = React5.useRef(null);
18261
+ const resolvedVariant = variant ?? "default";
18191
18262
  const handleAction = (e) => {
18192
18263
  e.preventDefault();
18193
18264
  if (onAction) {
18194
18265
  onAction(value);
18195
18266
  }
18196
18267
  };
18197
- return /* @__PURE__ */ jsx(ExpandableSearchContext.Provider, { value: { value, setValue, formRef }, children: /* @__PURE__ */ jsx(
18198
- "form",
18268
+ return /* @__PURE__ */ jsx(
18269
+ ExpandableSearchContext.Provider,
18199
18270
  {
18200
- ref,
18201
- className: cn("relative inline-block select-none", className),
18202
- onSubmit: handleAction,
18203
- ...props
18271
+ value: { value, setValue, formRef, variant: resolvedVariant },
18272
+ children: /* @__PURE__ */ jsx(
18273
+ "form",
18274
+ {
18275
+ ref,
18276
+ className: cn("relative inline-block select-none", className),
18277
+ onSubmit: handleAction,
18278
+ ...props
18279
+ }
18280
+ )
18204
18281
  }
18205
- ) });
18282
+ );
18206
18283
  });
18207
18284
  ExpandableSearch.displayName = "ExpandableSearch";
18208
18285
  var ExpandableSearchField = React5.forwardRef(({ className, ...props }, ref) => {
@@ -18210,6 +18287,7 @@ var ExpandableSearchField = React5.forwardRef(({ className, ...props }, ref) =>
18210
18287
  if (!context) throw new Error("ExpandableSearchField must be used within ExpandableSearch");
18211
18288
  const [isFocused, setIsFocused] = React5.useState(false);
18212
18289
  const isActive = context.value.length > 0 || isFocused;
18290
+ const variant = context.variant;
18213
18291
  return /* @__PURE__ */ jsxs("div", { className: "relative flex-1", children: [
18214
18292
  /* @__PURE__ */ jsx("label", { className: "sr-only", htmlFor: "expandable-search", children: "Search" }),
18215
18293
  /* @__PURE__ */ jsx(
@@ -18221,17 +18299,19 @@ var ExpandableSearchField = React5.forwardRef(({ className, ...props }, ref) =>
18221
18299
  onFocus: () => setIsFocused(true),
18222
18300
  onBlur: () => setIsFocused(false),
18223
18301
  className: cn(
18224
- "peer align-center flex h-12 w-12 cursor-pointer overflow-hidden rounded-sm border-0 bg-grey-100 text-transparent placeholder:text-grey-500 hover:bg-primary-800/10",
18302
+ "peer align-center flex h-12 w-12 cursor-pointer overflow-hidden rounded-sm border-0 text-transparent",
18225
18303
  "ring-offset-white focus-visible:ring-2 focus-visible:ring-primary-650/70 focus-visible:ring-offset-2 focus-visible:outline-none",
18226
18304
  "transition-[width,box-shadow,background-color] duration-300 ease-in-out",
18227
18305
  "placeholder:text-transparent placeholder:opacity-0",
18228
18306
  "expandable-search__input",
18307
+ expandableSearchCollapsedVariants({ variant }),
18229
18308
  // Conditionally apply classes based on active state
18230
18309
  {
18231
18310
  "p-0": !isActive,
18232
- "w-96 cursor-auto bg-grey-100 pt-0 pr-12 pb-0 pl-4 text-grey-800 outline-none select-auto": isActive,
18233
- "placeholder:text-grey-700 placeholder:opacity-100": isActive
18311
+ "w-96 cursor-auto pt-0 pr-12 pb-0 pl-4 outline-none select-auto": isActive
18234
18312
  },
18313
+ isActive && expandableSearchSurfaceVariants({ variant }),
18314
+ isActive && (variant === "default" ? "placeholder:text-grey-700 placeholder:opacity-100" : "placeholder:text-current placeholder:opacity-70"),
18235
18315
  className
18236
18316
  ),
18237
18317
  ...props
@@ -18241,8 +18321,11 @@ var ExpandableSearchField = React5.forwardRef(({ className, ...props }, ref) =>
18241
18321
  "button",
18242
18322
  {
18243
18323
  type: "button",
18244
- className: "pointer-events-none absolute top-0 right-0 z-10 flex h-12 w-12 rounded-sm transition-colors duration-200 group-focus-within:bg-primary-800/10 peer-focus:pointer-events-auto hover:bg-primary-800/10",
18245
- children: /* @__PURE__ */ jsx(Icons.search, { className: "m-auto block h-8 w-8 shrink-0 fill-primary leading-none" })
18324
+ className: cn(
18325
+ "pointer-events-none absolute top-0 right-0 z-10 flex h-12 w-12 rounded-sm transition-colors duration-200 peer-focus:pointer-events-auto",
18326
+ expandableSearchButtonVariants({ variant })
18327
+ ),
18328
+ children: /* @__PURE__ */ jsx(Icons.search, { className: "m-auto block h-8 w-8 shrink-0 fill-current leading-none" })
18246
18329
  }
18247
18330
  )
18248
18331
  ] });
@@ -18347,101 +18430,106 @@ function ErrorMessage({
18347
18430
  }
18348
18431
  );
18349
18432
  }
18350
- var footerVariants = cva(
18351
- "bg-(--footer-bg) text-(--footer-text) [--footer-social-hover:var(--footer-social)]",
18352
- {
18353
- variants: {
18354
- color: {
18355
- "primary/grey": [
18356
- "[--footer-bg:var(--color-primary-800)] [--footer-text:var(--color-white)] [--footer-muted:var(--color-primary-100)]",
18357
- "dark:[--footer-bg:var(--color-grey-800)] dark:[--footer-text:var(--color-white)] dark:[--footer-muted:var(--color-grey-100)]",
18358
- "[--footer-border:var(--color-white)]/15",
18359
- "[--footer-link:var(--color-white)] [--footer-link-hover-bg:var(--color-white)]/10 [--footer-link-hover-text:var(--color-white)]",
18360
- "[--footer-social:var(--color-white)] [--footer-social-hover-bg:var(--color-white)]/10"
18361
- ],
18362
- light: [
18363
- "[--footer-bg:var(--color-grey-200)] [--footer-text:var(--color-grey-800)] [--footer-muted:var(--color-grey-700)]",
18364
- "dark:[--footer-bg:var(--color-grey-800)] dark:[--footer-text:var(--color-white)] dark:[--footer-muted:var(--color-grey-100)]",
18365
- "[--footer-border:var(--color-grey-300)] dark:[--footer-border:var(--color-white)]/15",
18366
- "[--footer-link:var(--color-grey-700)] [--footer-link-hover-bg:var(--color-grey-800)]/10 [--footer-link-hover-text:var(--color-grey-900)]",
18367
- "dark:[--footer-link:var(--color-white)] dark:[--footer-link-hover-bg:var(--color-white)]/10 dark:[--footer-link-hover-text:var(--color-white)]",
18368
- "[--footer-social:var(--color-grey-800)] [--footer-social-hover:var(--color-grey-900)] [--footer-social-hover-bg:var(--color-grey-800)]/10",
18369
- "dark:[--footer-social:var(--color-white)] dark:[--footer-social-hover:var(--color-white)] dark:[--footer-social-hover-bg:var(--color-white)]/10"
18370
- ],
18371
- "primary/white": [
18372
- "[--footer-bg:var(--color-primary-800)] [--footer-text:var(--color-white)] [--footer-muted:var(--color-primary-100)]",
18373
- "dark:[--footer-bg:var(--color-primary-800)] dark:[--footer-text:var(--color-white)] dark:[--footer-muted:var(--color-primary-100)]",
18374
- "[--footer-border:var(--color-white)]/15",
18375
- "[--footer-link:var(--color-white)] [--footer-link-hover-bg:var(--color-white)]/10 [--footer-link-hover-text:var(--color-white)]",
18376
- "[--footer-social:var(--color-white)] [--footer-social-hover-bg:var(--color-white)]/10"
18377
- ],
18378
- white: [
18379
- "[--footer-bg:var(--color-white)] [--footer-text:var(--color-grey-800)] [--footer-muted:var(--color-grey-600)]",
18380
- "dark:[--footer-bg:var(--color-grey-800)] dark:[--footer-text:var(--color-white)] dark:[--footer-muted:var(--color-grey-100)]",
18381
- "[--footer-border:var(--color-grey-200)] dark:[--footer-border:var(--color-white)]/15",
18382
- "[--footer-link:var(--color-grey-600)] [--footer-link-hover-bg:var(--color-primary-800)]/10 [--footer-link-hover-text:var(--color-grey-800)]",
18383
- "dark:[--footer-link:var(--color-white)] dark:[--footer-link-hover-bg:var(--color-white)]/10 dark:[--footer-link-hover-text:var(--color-white)]",
18384
- "[--footer-social:var(--color-grey-700)] [--footer-social-hover:var(--color-grey-900)] [--footer-social-hover-bg:var(--color-primary-800)]/10",
18385
- "dark:[--footer-social:var(--color-white)] dark:[--footer-social-hover:var(--color-white)] dark:[--footer-social-hover-bg:var(--color-white)]/10"
18386
- ],
18387
- "grey-600": [
18388
- "[--footer-bg:var(--color-grey-600)] [--footer-text:var(--color-white)] [--footer-muted:var(--color-grey-100)]",
18389
- "[--footer-border:var(--color-white)]/15",
18390
- "[--footer-link:var(--color-white)] [--footer-link-hover-bg:var(--color-white)]/10 [--footer-link-hover-text:var(--color-white)]",
18391
- "[--footer-social:var(--color-white)] [--footer-social-hover-bg:var(--color-white)]/10"
18392
- ],
18393
- "grey-800": [
18394
- "[--footer-bg:var(--color-grey-800)] [--footer-text:var(--color-white)] [--footer-muted:var(--color-grey-100)]",
18395
- "[--footer-border:var(--color-white)]/15",
18396
- "[--footer-link:var(--color-white)] [--footer-link-hover-bg:var(--color-white)]/10 [--footer-link-hover-text:var(--color-white)]",
18397
- "[--footer-social:var(--color-white)] [--footer-social-hover-bg:var(--color-white)]/10"
18398
- ],
18399
- "accent-200": [
18400
- "[--footer-bg:var(--color-accent-200)] [--footer-text:var(--color-accent-800)] [--footer-muted:var(--color-accent-700)]",
18401
- "dark:[--footer-bg:var(--color-accent-800)] dark:[--footer-text:var(--color-white)] dark:[--footer-muted:var(--color-accent-100)]",
18402
- "[--footer-border:var(--color-accent-800)]/15 dark:[--footer-border:var(--color-white)]/15",
18403
- "[--footer-link:var(--color-accent-800)] [--footer-link-hover-bg:var(--color-accent-800)]/10 [--footer-link-hover-text:var(--color-accent-800)]",
18404
- "dark:[--footer-link:var(--color-white)] dark:[--footer-link-hover-bg:var(--color-white)]/10 dark:[--footer-link-hover-text:var(--color-white)]",
18405
- "[--footer-social:var(--color-accent-800)] [--footer-social-hover-bg:var(--color-accent-800)]/10",
18406
- "dark:[--footer-social:var(--color-white)] dark:[--footer-social-hover-bg:var(--color-white)]/10"
18407
- ],
18408
- primary: [
18409
- "[--footer-bg:var(--color-primary-800)] [--footer-text:var(--color-white)] [--footer-muted:var(--color-primary-100)]",
18410
- "dark:[--footer-bg:var(--color-primary-800)] dark:[--footer-text:var(--color-white)] dark:[--footer-muted:var(--color-primary-100)]",
18411
- "[--footer-border:var(--color-white)]/15",
18412
- "[--footer-link:var(--color-white)] [--footer-link-hover-bg:var(--color-white)]/10 [--footer-link-hover-text:var(--color-white)]",
18413
- "[--footer-social:var(--color-white)] [--footer-social-hover-bg:var(--color-white)]/10"
18414
- ],
18415
- secondary: [
18416
- "[--footer-bg:var(--color-primary-200)] [--footer-text:var(--color-primary-800)] [--footer-muted:var(--color-primary-700)]",
18417
- "dark:[--footer-bg:var(--color-primary-900)] dark:[--footer-text:var(--color-white)] dark:[--footer-muted:var(--color-primary-100)]",
18418
- "[--footer-border:var(--color-primary-800)]/15 dark:[--footer-border:var(--color-white)]/15",
18419
- "[--footer-link:var(--color-primary-800)] [--footer-link-hover-bg:var(--color-primary-800)]/10 [--footer-link-hover-text:var(--color-primary-800)]",
18420
- "dark:[--footer-link:var(--color-white)] dark:[--footer-link-hover-bg:var(--color-white)]/10 dark:[--footer-link-hover-text:var(--color-white)]",
18421
- "[--footer-social:var(--color-primary-800)] [--footer-social-hover-bg:var(--color-primary-800)]/10",
18422
- "dark:[--footer-social:var(--color-white)] dark:[--footer-social-hover-bg:var(--color-white)]/10"
18423
- ],
18424
- accent: [
18425
- "[--footer-bg:var(--color-accent-800)] [--footer-text:var(--color-white)] [--footer-muted:var(--color-accent-100)]",
18426
- "dark:[--footer-bg:var(--color-accent-800)] dark:[--footer-text:var(--color-white)] dark:[--footer-muted:var(--color-accent-100)]",
18427
- "[--footer-border:var(--color-white)]/15",
18428
- "[--footer-link:var(--color-white)] [--footer-link-hover-bg:var(--color-white)]/10 [--footer-link-hover-text:var(--color-white)]",
18429
- "[--footer-social:var(--color-white)] [--footer-social-hover-bg:var(--color-white)]/10"
18430
- ],
18431
- danger: [
18432
- "[--footer-bg:var(--color-danger-600)] [--footer-text:var(--color-white)] [--footer-muted:var(--color-danger-100)]",
18433
- "dark:[--footer-bg:var(--color-danger-600)] dark:[--footer-text:var(--color-white)] dark:[--footer-muted:var(--color-danger-100)]",
18434
- "[--footer-border:var(--color-white)]/15",
18435
- "[--footer-link:var(--color-white)] [--footer-link-hover-bg:var(--color-white)]/10 [--footer-link-hover-text:var(--color-white)]",
18436
- "[--footer-social:var(--color-white)] [--footer-social-hover-bg:var(--color-white)]/10"
18437
- ]
18438
- }
18439
- },
18440
- defaultVariants: {
18441
- color: "white"
18433
+ var footerVariants = cva("[--footer-social-hover:var(--footer-social)]", {
18434
+ variants: {
18435
+ color: {
18436
+ "primary-800": [
18437
+ "bg-primary-800 text-white",
18438
+ "[--footer-text:var(--color-white)]",
18439
+ "[--footer-border:var(--color-white)]/15",
18440
+ "[--footer-link:var(--color-white)] [--footer-link-hover-bg:var(--color-white)]/10 [--footer-link-hover-text:var(--color-white)]",
18441
+ "[--footer-social:var(--color-white)] [--footer-social-hover-bg:var(--color-white)]/10"
18442
+ ],
18443
+ "primary-600": [
18444
+ "bg-primary-600 text-white",
18445
+ "[--footer-text:var(--color-white)]",
18446
+ "[--footer-border:var(--color-white)]/15",
18447
+ "[--footer-link:var(--color-white)] [--footer-link-hover-bg:var(--color-white)]/10 [--footer-link-hover-text:var(--color-white)]",
18448
+ "[--footer-social:var(--color-white)] [--footer-social-hover-bg:var(--color-white)]/10"
18449
+ ],
18450
+ "primary-400": [
18451
+ "bg-primary-400 text-primary-800",
18452
+ "[--footer-text:var(--color-primary-800)]",
18453
+ "[--footer-border:var(--color-primary-800)]/15",
18454
+ "[--footer-link:var(--color-primary-800)] [--footer-link-hover-bg:var(--color-primary-800)]/10 [--footer-link-hover-text:var(--color-primary-800)]",
18455
+ "[--footer-social:var(--color-primary-800)] [--footer-social-hover-bg:var(--color-primary-800)]/10"
18456
+ ],
18457
+ "primary-200": [
18458
+ "bg-primary-200 text-primary-800",
18459
+ "[--footer-text:var(--color-primary-800)]",
18460
+ "[--footer-border:var(--color-primary-800)]/15",
18461
+ "[--footer-link:var(--color-primary-800)] [--footer-link-hover-bg:var(--color-primary-800)]/10 [--footer-link-hover-text:var(--color-primary-800)]",
18462
+ "[--footer-social:var(--color-primary-800)] [--footer-social-hover-bg:var(--color-primary-800)]/10"
18463
+ ],
18464
+ "grey-800": [
18465
+ "bg-grey-800 text-white",
18466
+ "[--footer-text:var(--color-white)]",
18467
+ "[--footer-border:var(--color-white)]/15",
18468
+ "[--footer-link:var(--color-white)] [--footer-link-hover-bg:var(--color-white)]/10 [--footer-link-hover-text:var(--color-white)]",
18469
+ "[--footer-social:var(--color-white)] [--footer-social-hover-bg:var(--color-white)]/10"
18470
+ ],
18471
+ "grey-600": [
18472
+ "bg-grey-600 text-white",
18473
+ "[--footer-text:var(--color-white)]",
18474
+ "[--footer-border:var(--color-white)]/15",
18475
+ "[--footer-link:var(--color-white)] [--footer-link-hover-bg:var(--color-white)]/10 [--footer-link-hover-text:var(--color-white)]",
18476
+ "[--footer-social:var(--color-white)] [--footer-social-hover-bg:var(--color-white)]/10"
18477
+ ],
18478
+ "grey-400": [
18479
+ "bg-grey-400 text-grey-800",
18480
+ "[--footer-text:var(--color-grey-800)]",
18481
+ "[--footer-border:var(--color-grey-800)]/15",
18482
+ "[--footer-link:var(--color-grey-800)] [--footer-link-hover-bg:var(--color-grey-800)]/10 [--footer-link-hover-text:var(--color-grey-800)]",
18483
+ "[--footer-social:var(--color-grey-800)] [--footer-social-hover-bg:var(--color-grey-800)]/10"
18484
+ ],
18485
+ "grey-200": [
18486
+ "bg-grey-200 text-grey-800",
18487
+ "[--footer-text:var(--color-grey-800)]",
18488
+ "[--footer-border:var(--color-grey-800)]/15",
18489
+ "[--footer-link:var(--color-grey-800)] [--footer-link-hover-bg:var(--color-grey-800)]/10 [--footer-link-hover-text:var(--color-grey-800)]",
18490
+ "[--footer-social:var(--color-grey-800)] [--footer-social-hover-bg:var(--color-grey-800)]/10"
18491
+ ],
18492
+ "accent-800": [
18493
+ "bg-accent-800 text-white",
18494
+ "[--footer-text:var(--color-white)]",
18495
+ "[--footer-border:var(--color-white)]/15",
18496
+ "[--footer-link:var(--color-white)] [--footer-link-hover-bg:var(--color-white)]/10 [--footer-link-hover-text:var(--color-white)]",
18497
+ "[--footer-social:var(--color-white)] [--footer-social-hover-bg:var(--color-white)]/10"
18498
+ ],
18499
+ "accent-600": [
18500
+ "bg-accent-600 text-white",
18501
+ "[--footer-text:var(--color-white)]",
18502
+ "[--footer-border:var(--color-white)]/15",
18503
+ "[--footer-link:var(--color-white)] [--footer-link-hover-bg:var(--color-white)]/10 [--footer-link-hover-text:var(--color-white)]",
18504
+ "[--footer-social:var(--color-white)] [--footer-social-hover-bg:var(--color-white)]/10"
18505
+ ],
18506
+ "accent-400": [
18507
+ "bg-accent-400 text-accent-800",
18508
+ "[--footer-text:var(--color-accent-800)]",
18509
+ "[--footer-border:var(--color-accent-800)]/15",
18510
+ "[--footer-link:var(--color-accent-800)] [--footer-link-hover-bg:var(--color-accent-800)]/10 [--footer-link-hover-text:var(--color-accent-800)]",
18511
+ "[--footer-social:var(--color-accent-800)] [--footer-social-hover-bg:var(--color-accent-800)]/10"
18512
+ ],
18513
+ "accent-200": [
18514
+ "bg-accent-200 text-accent-800",
18515
+ "[--footer-text:var(--color-accent-800)]",
18516
+ "[--footer-border:var(--color-accent-800)]/15",
18517
+ "[--footer-link:var(--color-accent-800)] [--footer-link-hover-bg:var(--color-accent-800)]/10 [--footer-link-hover-text:var(--color-accent-800)]",
18518
+ "[--footer-social:var(--color-accent-800)] [--footer-social-hover-bg:var(--color-accent-800)]/10"
18519
+ ],
18520
+ white: [
18521
+ "bg-white text-grey-800",
18522
+ "[--footer-text:var(--color-grey-800)]",
18523
+ "[--footer-border:var(--color-grey-200)]",
18524
+ "[--footer-link:var(--color-grey-800)] [--footer-link-hover-bg:var(--color-grey-800)]/10 [--footer-link-hover-text:var(--color-grey-800)]",
18525
+ "[--footer-social:var(--color-grey-800)] [--footer-social-hover-bg:var(--color-grey-800)]/10"
18526
+ ]
18442
18527
  }
18528
+ },
18529
+ defaultVariants: {
18530
+ color: "white"
18443
18531
  }
18444
- );
18532
+ });
18445
18533
  var footerSocialLinkClassName = [
18446
18534
  "group",
18447
18535
  "[--btn-bg:var(--footer-social)]",
@@ -18770,7 +18858,7 @@ function FormatToggle({ format, setFormat }) {
18770
18858
 
18771
18859
  // package.json
18772
18860
  var package_default = {
18773
- version: "1.115.0"};
18861
+ version: "1.117.0"};
18774
18862
  var SluggerContext = React5__default.createContext(null);
18775
18863
  function flattenText(nodes) {
18776
18864
  if (nodes == null || typeof nodes === "boolean") return "";
@@ -19156,7 +19244,6 @@ var heroBannerVariants2 = cva("relative", {
19156
19244
  "grey-600": "bg-grey-600 text-white",
19157
19245
  "grey-400": "bg-grey-400 text-grey-800",
19158
19246
  "grey-200": "bg-grey-200 text-grey-800",
19159
- "grey-150": "bg-grey-200 text-grey-800",
19160
19247
  "accent-800": "bg-accent-800 text-white",
19161
19248
  "accent-600": "bg-accent-600 text-white",
19162
19249
  "accent-400": "bg-accent-400 text-accent-800",
@@ -29725,141 +29812,146 @@ function NavigationMenuIndicator({
29725
29812
  }
29726
29813
  );
29727
29814
  }
29728
- var navigationMenuMainNavigationSurfaceStyles = cva("", {
29729
- variants: {
29730
- variant: {
29731
- primary: "bg-primary-800 dark:bg-primary-900",
29732
- secondary: "bg-[#f5f2ff] dark:bg-[#261447]",
29733
- tertiary: "bg-primary-600 dark:bg-primary-700",
29734
- white: "bg-white dark:bg-grey-950",
29735
- grey: "bg-grey-100 dark:bg-grey-900"
29736
- }
29737
- },
29738
- defaultVariants: {
29739
- variant: "grey"
29740
- }
29741
- });
29742
- var navigationMenuMainNavigationBorderStyles = cva("", {
29743
- variants: {
29744
- variant: {
29745
- primary: "border-primary-700 dark:border-primary-600",
29746
- secondary: "border-[#d9ccff] dark:border-[#4e3a86]",
29747
- tertiary: "border-primary-500 dark:border-primary-600",
29748
- white: "border-grey-200 dark:border-grey-800",
29749
- grey: "border-grey-200 dark:border-grey-800"
29750
- }
29751
- },
29752
- defaultVariants: {
29753
- variant: "grey"
29754
- }
29755
- });
29756
- var navigationMenuMainNavigationTriggerToneStyles = cva("", {
29757
- variants: {
29758
- variant: {
29759
- primary: "text-white dark:text-primary-50",
29760
- secondary: "text-primary-800 dark:text-primary-100",
29761
- tertiary: "text-white dark:text-primary-50",
29762
- white: "text-grey-900 dark:text-white",
29763
- grey: "text-grey-800 dark:text-grey-100"
29764
- }
29765
- },
29766
- defaultVariants: {
29767
- variant: "grey"
29768
- }
29769
- });
29770
- var navigationMenuMainNavigationTriggerActiveStyles = cva("", {
29771
- variants: {
29772
- variant: {
29773
- primary: "hover:bg-primary-700 hover:text-white focus:bg-primary-700 focus:text-white data-[state=open]:bg-primary-700 data-[state=open]:text-white dark:hover:bg-primary-800 dark:hover:text-white dark:focus:bg-primary-800 dark:focus:text-white dark:data-[state=open]:bg-primary-800 dark:data-[state=open]:text-white",
29774
- secondary: "hover:bg-[#e8e2ff] hover:text-primary-800 focus:bg-[#e8e2ff] focus:text-primary-800 data-[state=open]:bg-[#e8e2ff] data-[state=open]:text-primary-800 dark:hover:bg-[#32205a] dark:hover:text-primary-200 dark:focus:bg-[#32205a] dark:focus:text-primary-200 dark:data-[state=open]:bg-[#32205a] dark:data-[state=open]:text-primary-200",
29775
- tertiary: "hover:bg-primary-500 hover:text-white focus:bg-primary-500 focus:text-white data-[state=open]:bg-primary-500 data-[state=open]:text-white dark:hover:bg-primary-600 dark:hover:text-white dark:focus:bg-primary-600 dark:focus:text-white dark:data-[state=open]:bg-primary-600 dark:data-[state=open]:text-white",
29776
- white: "hover:bg-grey-100 hover:text-primary-800 focus:bg-grey-100 focus:text-primary-800 data-[state=open]:bg-grey-100 data-[state=open]:text-primary-800 dark:hover:bg-grey-800 dark:hover:text-primary-200 dark:focus:bg-grey-800 dark:focus:text-primary-200 dark:data-[state=open]:bg-grey-800 dark:data-[state=open]:text-primary-200",
29777
- grey: "hover:bg-grey-200 hover:text-primary-800 focus:bg-grey-200 focus:text-primary-800 data-[state=open]:bg-grey-200 data-[state=open]:text-primary-800 dark:hover:bg-grey-800 dark:hover:text-primary-200 dark:focus:bg-grey-800 dark:focus:text-primary-200 dark:data-[state=open]:bg-grey-800 dark:data-[state=open]:text-primary-200"
29778
- }
29779
- },
29780
- defaultVariants: {
29781
- variant: "grey"
29782
- }
29783
- });
29784
- var navigationMenuMainNavigationTriggerEdgeStyles = cva("", {
29785
- variants: {
29786
- variant: {
29787
- primary: "hover:before:bg-primary-700 hover:after:bg-primary-700 focus:before:bg-primary-700 focus:after:bg-primary-700 data-[state=open]:before:bg-primary-700 data-[state=open]:after:bg-primary-700 dark:hover:before:bg-primary-800 dark:hover:after:bg-primary-800 dark:focus:before:bg-primary-800 dark:focus:after:bg-primary-800 dark:data-[state=open]:before:bg-primary-800 dark:data-[state=open]:after:bg-primary-800",
29788
- secondary: "hover:before:bg-[#e8e2ff] hover:after:bg-[#e8e2ff] focus:before:bg-[#e8e2ff] focus:after:bg-[#e8e2ff] data-[state=open]:before:bg-[#e8e2ff] data-[state=open]:after:bg-[#e8e2ff] dark:hover:before:bg-[#32205a] dark:hover:after:bg-[#32205a] dark:focus:before:bg-[#32205a] dark:focus:after:bg-[#32205a] dark:data-[state=open]:before:bg-[#32205a] dark:data-[state=open]:after:bg-[#32205a]",
29789
- tertiary: "hover:before:bg-primary-500 hover:after:bg-primary-500 focus:before:bg-primary-500 focus:after:bg-primary-500 data-[state=open]:before:bg-primary-500 data-[state=open]:after:bg-primary-500 dark:hover:before:bg-primary-600 dark:hover:after:bg-primary-600 dark:focus:before:bg-primary-600 dark:focus:after:bg-primary-600 dark:data-[state=open]:before:bg-primary-600 dark:data-[state=open]:after:bg-primary-600",
29790
- white: "hover:before:bg-grey-100 hover:after:bg-grey-100 focus:before:bg-grey-100 focus:after:bg-grey-100 data-[state=open]:before:bg-grey-100 data-[state=open]:after:bg-grey-100 dark:hover:before:bg-grey-800 dark:hover:after:bg-grey-800 dark:focus:before:bg-grey-800 dark:focus:after:bg-grey-800 dark:data-[state=open]:before:bg-grey-800 dark:data-[state=open]:after:bg-grey-800",
29791
- grey: "hover:before:bg-grey-200 hover:after:bg-grey-200 focus:before:bg-grey-200 focus:after:bg-grey-200 data-[state=open]:before:bg-grey-200 data-[state=open]:after:bg-grey-200 dark:hover:before:bg-grey-800 dark:hover:after:bg-grey-800 dark:focus:before:bg-grey-800 dark:focus:after:bg-grey-800 dark:data-[state=open]:before:bg-grey-800 dark:data-[state=open]:after:bg-grey-800"
29792
- }
29793
- },
29794
- defaultVariants: {
29795
- variant: "grey"
29796
- }
29797
- });
29798
- var navigationMenuMainNavigationDropdownSurfaceStyles = cva(
29799
- "w-full shadow dark:shadow-black/40",
29800
- {
29801
- variants: {
29802
- variant: {
29803
- primary: "bg-white dark:bg-grey-950",
29804
- secondary: "bg-white dark:bg-grey-900",
29805
- tertiary: "bg-white dark:bg-grey-950",
29806
- white: "bg-white dark:bg-grey-950",
29807
- grey: "bg-white dark:bg-grey-950"
29808
- }
29809
- },
29810
- defaultVariants: {
29811
- variant: "grey"
29812
- }
29813
- }
29814
- );
29815
- var navigationMenuMainNavigationFeaturedLinkStyles = cva(
29816
- "group relative flex items-center px-8 py-8 text-xl font-bold whitespace-normal",
29817
- {
29818
- variants: {
29819
- variant: {
29820
- primary: "text-primary-800 hover:bg-primary-800/8 dark:text-primary-200 dark:hover:bg-primary-900/80",
29821
- secondary: "text-primary-800 hover:bg-[#f5f2ff] dark:text-primary-200 dark:hover:bg-[#32205a]/70",
29822
- tertiary: "text-primary-700 hover:bg-primary-100 dark:text-primary-200 dark:hover:bg-primary-900/70",
29823
- white: "text-primary-800 hover:bg-grey-100 dark:text-primary-200 dark:hover:bg-grey-800/80",
29824
- grey: "text-primary-800 hover:bg-grey-100 dark:text-primary-200 dark:hover:bg-grey-800/80"
29825
- }
29826
- },
29827
- defaultVariants: {
29828
- variant: "grey"
29829
- }
29830
- }
29831
- );
29832
- var navigationMenuMainNavigationSectionLinkStyles = cva(
29833
- "relative mx-2 rounded-none border-t p-4 whitespace-normal focus-within:rounded-sm focus-within:outline focus-within:outline-inherit [&:nth-last-child(-n+3)]:border-b",
29834
- {
29835
- variants: {
29836
- variant: {
29837
- primary: "border-primary-100 bg-white hover:bg-primary-50 hover:font-bold hover:text-primary-800 dark:border-primary-900 dark:bg-grey-950 dark:hover:bg-primary-900/60 dark:hover:text-primary-200",
29838
- secondary: "border-[#ece3ff] bg-white hover:bg-[#f8f4ff] hover:font-bold hover:text-primary-800 dark:border-[#45356e] dark:bg-grey-900 dark:hover:bg-[#32205a]/60 dark:hover:text-primary-200",
29839
- tertiary: "border-primary-100 bg-white hover:bg-primary-50 hover:font-bold hover:text-primary-700 dark:border-primary-900 dark:bg-grey-950 dark:hover:bg-primary-900/60 dark:hover:text-primary-200",
29840
- white: "border-grey-200 bg-white hover:bg-grey-50 hover:font-bold hover:text-primary-800 dark:border-grey-800 dark:bg-grey-950 dark:hover:bg-grey-800/80 dark:hover:text-primary-200",
29841
- grey: "border-grey-200 bg-white hover:bg-grey-50 hover:font-bold hover:text-primary-800 dark:border-grey-800 dark:bg-grey-950 dark:hover:bg-grey-800/80 dark:hover:text-primary-200"
29842
- }
29843
- },
29844
- defaultVariants: {
29845
- variant: "grey"
29846
- }
29847
- }
29848
- );
29849
- var navigationMenuMainNavigationSectionLinkTitleStyles = cva("text-base font-semibold", {
29850
- variants: {
29851
- variant: {
29852
- primary: "text-grey-900 dark:text-primary-50",
29853
- secondary: "text-grey-900 dark:text-grey-100",
29854
- tertiary: "text-grey-900 dark:text-primary-50",
29855
- white: "text-grey-900 dark:text-white",
29856
- grey: "text-grey-900 dark:text-grey-100"
29857
- }
29858
- },
29859
- defaultVariants: {
29860
- variant: "grey"
29861
- }
29862
- });
29815
+ function createVariantStyles({
29816
+ surface,
29817
+ border,
29818
+ triggerTone,
29819
+ triggerActive,
29820
+ triggerEdge,
29821
+ featuredLink,
29822
+ sectionLink
29823
+ }) {
29824
+ return {
29825
+ surface,
29826
+ border,
29827
+ triggerTone,
29828
+ triggerActive,
29829
+ triggerEdge,
29830
+ dropdownSurface: "bg-white",
29831
+ featuredLink,
29832
+ sectionLink,
29833
+ sectionLinkTitle: "text-grey-900"
29834
+ };
29835
+ }
29836
+ var navigationMenuMainNavigationVariantStyles = {
29837
+ "primary-800": createVariantStyles({
29838
+ surface: "bg-primary-800 text-white",
29839
+ border: "border-primary-700",
29840
+ triggerTone: "text-white",
29841
+ triggerActive: "hover:bg-primary-700 hover:text-white focus:bg-primary-700 focus:text-white data-[state=open]:bg-primary-700 data-[state=open]:text-white",
29842
+ triggerEdge: "hover:before:bg-primary-700 hover:after:bg-primary-700 focus:before:bg-primary-700 focus:after:bg-primary-700 data-[state=open]:before:bg-primary-700 data-[state=open]:after:bg-primary-700",
29843
+ featuredLink: "text-primary-800 hover:bg-primary-800/5",
29844
+ sectionLink: "border-grey-200 bg-white hover:bg-primary-800/5 hover:font-bold hover:text-primary-800"
29845
+ }),
29846
+ "primary-600": createVariantStyles({
29847
+ surface: "bg-primary-600 text-white",
29848
+ border: "border-primary-600",
29849
+ triggerTone: "text-white",
29850
+ triggerActive: "hover:bg-primary-700 hover:text-white focus:bg-primary-700 focus:text-white data-[state=open]:bg-primary-700 data-[state=open]:text-white",
29851
+ triggerEdge: "hover:before:bg-primary-700 hover:after:bg-primary-700 focus:before:bg-primary-700 focus:after:bg-primary-700 data-[state=open]:before:bg-primary-700 data-[state=open]:after:bg-primary-700",
29852
+ featuredLink: "text-primary-800 hover:bg-primary-800/5",
29853
+ sectionLink: "border-grey-200 bg-white hover:bg-primary-800/5 hover:font-bold hover:text-primary-800"
29854
+ }),
29855
+ "primary-400": createVariantStyles({
29856
+ surface: "bg-primary-400 text-primary-800",
29857
+ border: "border-primary-200",
29858
+ triggerTone: "text-primary-800",
29859
+ triggerActive: "hover:bg-primary-200 hover:text-primary-800 focus:bg-primary-200 focus:text-primary-800 data-[state=open]:bg-primary-200 data-[state=open]:text-primary-800",
29860
+ triggerEdge: "hover:before:bg-primary-200 hover:after:bg-primary-200 focus:before:bg-primary-200 focus:after:bg-primary-200 data-[state=open]:before:bg-primary-200 data-[state=open]:after:bg-primary-200",
29861
+ featuredLink: "text-primary-800 hover:bg-primary-800/5",
29862
+ sectionLink: "border-grey-200 bg-white hover:bg-primary-800/5 hover:font-bold hover:text-primary-800"
29863
+ }),
29864
+ "primary-200": createVariantStyles({
29865
+ surface: "bg-primary-200 text-primary-800",
29866
+ border: "border-primary-200",
29867
+ triggerTone: "text-primary-800",
29868
+ triggerActive: "hover:bg-primary-100 hover:text-primary-800 focus:bg-primary-100 focus:text-primary-800 data-[state=open]:bg-primary-100 data-[state=open]:text-primary-800",
29869
+ triggerEdge: "hover:before:bg-primary-100 hover:after:bg-primary-100 focus:before:bg-primary-100 focus:after:bg-primary-100 data-[state=open]:before:bg-primary-100 data-[state=open]:after:bg-primary-100",
29870
+ featuredLink: "text-primary-800 hover:bg-primary-800/5",
29871
+ sectionLink: "border-grey-200 bg-white hover:bg-primary-800/5 hover:font-bold hover:text-primary-800"
29872
+ }),
29873
+ "grey-800": createVariantStyles({
29874
+ surface: "bg-grey-800 text-white",
29875
+ border: "border-grey-700",
29876
+ triggerTone: "text-white",
29877
+ triggerActive: "hover:bg-grey-700 hover:text-white focus:bg-grey-700 focus:text-white data-[state=open]:bg-grey-700 data-[state=open]:text-white",
29878
+ triggerEdge: "hover:before:bg-grey-700 hover:after:bg-grey-700 focus:before:bg-grey-700 focus:after:bg-grey-700 data-[state=open]:before:bg-grey-700 data-[state=open]:after:bg-grey-700",
29879
+ featuredLink: "text-grey-800 hover:bg-grey-800/5",
29880
+ sectionLink: "border-grey-200 bg-white hover:bg-grey-800/5 hover:font-bold hover:text-grey-800"
29881
+ }),
29882
+ "grey-600": createVariantStyles({
29883
+ surface: "bg-grey-600 text-white",
29884
+ border: "border-grey-600",
29885
+ triggerTone: "text-white",
29886
+ triggerActive: "hover:bg-grey-700 hover:text-white focus:bg-grey-700 focus:text-white data-[state=open]:bg-grey-700 data-[state=open]:text-white",
29887
+ triggerEdge: "hover:before:bg-grey-700 hover:after:bg-grey-700 focus:before:bg-grey-700 focus:after:bg-grey-700 data-[state=open]:before:bg-grey-700 data-[state=open]:after:bg-grey-700",
29888
+ featuredLink: "text-grey-800 hover:bg-grey-800/5",
29889
+ sectionLink: "border-grey-200 bg-white hover:bg-grey-800/5 hover:font-bold hover:text-grey-800"
29890
+ }),
29891
+ "grey-400": createVariantStyles({
29892
+ surface: "bg-grey-400 text-grey-800",
29893
+ border: "border-grey-300",
29894
+ triggerTone: "text-grey-800",
29895
+ triggerActive: "hover:bg-grey-200 hover:text-grey-800 focus:bg-grey-200 focus:text-grey-800 data-[state=open]:bg-grey-200 data-[state=open]:text-grey-800",
29896
+ triggerEdge: "hover:before:bg-grey-200 hover:after:bg-grey-200 focus:before:bg-grey-200 focus:after:bg-grey-200 data-[state=open]:before:bg-grey-200 data-[state=open]:after:bg-grey-200",
29897
+ featuredLink: "text-grey-800 hover:bg-grey-800/5",
29898
+ sectionLink: "border-grey-200 bg-white hover:bg-grey-800/5 hover:font-bold hover:text-grey-800"
29899
+ }),
29900
+ "grey-200": createVariantStyles({
29901
+ surface: "bg-grey-200 text-grey-800",
29902
+ border: "border-grey-200",
29903
+ triggerTone: "text-grey-800",
29904
+ triggerActive: "hover:bg-grey-100 hover:text-grey-800 focus:bg-grey-100 focus:text-grey-800 data-[state=open]:bg-grey-100 data-[state=open]:text-grey-800",
29905
+ triggerEdge: "hover:before:bg-grey-100 hover:after:bg-grey-100 focus:before:bg-grey-100 focus:after:bg-grey-100 data-[state=open]:before:bg-grey-100 data-[state=open]:after:bg-grey-100",
29906
+ featuredLink: "text-grey-800 hover:bg-grey-800/5",
29907
+ sectionLink: "border-grey-200 bg-white hover:bg-grey-800/5 hover:font-bold hover:text-grey-800"
29908
+ }),
29909
+ "accent-800": createVariantStyles({
29910
+ surface: "bg-accent-800 text-white",
29911
+ border: "border-accent-600",
29912
+ triggerTone: "text-white",
29913
+ triggerActive: "hover:bg-accent-600 hover:text-white focus:bg-accent-600 focus:text-white data-[state=open]:bg-accent-600 data-[state=open]:text-white",
29914
+ triggerEdge: "hover:before:bg-accent-600 hover:after:bg-accent-600 focus:before:bg-accent-600 focus:after:bg-accent-600 data-[state=open]:before:bg-accent-600 data-[state=open]:after:bg-accent-600",
29915
+ featuredLink: "text-accent-800 hover:bg-accent-800/5",
29916
+ sectionLink: "border-grey-200 bg-white hover:bg-accent-800/5 hover:font-bold hover:text-accent-800"
29917
+ }),
29918
+ "accent-600": createVariantStyles({
29919
+ surface: "bg-accent-600 text-white",
29920
+ border: "border-accent-600",
29921
+ triggerTone: "text-white",
29922
+ triggerActive: "hover:bg-accent-800 hover:text-white focus:bg-accent-800 focus:text-white data-[state=open]:bg-accent-800 data-[state=open]:text-white",
29923
+ triggerEdge: "hover:before:bg-accent-800 hover:after:bg-accent-800 focus:before:bg-accent-800 focus:after:bg-accent-800 data-[state=open]:before:bg-accent-800 data-[state=open]:after:bg-accent-800",
29924
+ featuredLink: "text-accent-800 hover:bg-accent-800/5",
29925
+ sectionLink: "border-grey-200 bg-white hover:bg-accent-800/5 hover:font-bold hover:text-accent-800"
29926
+ }),
29927
+ "accent-400": createVariantStyles({
29928
+ surface: "bg-accent-400 text-accent-800",
29929
+ border: "border-accent-200",
29930
+ triggerTone: "text-accent-800",
29931
+ triggerActive: "hover:bg-accent-200 hover:text-accent-800 focus:bg-accent-200 focus:text-accent-800 data-[state=open]:bg-accent-200 data-[state=open]:text-accent-800",
29932
+ triggerEdge: "hover:before:bg-accent-200 hover:after:bg-accent-200 focus:before:bg-accent-200 focus:after:bg-accent-200 data-[state=open]:before:bg-accent-200 data-[state=open]:after:bg-accent-200",
29933
+ featuredLink: "text-accent-800 hover:bg-accent-800/5",
29934
+ sectionLink: "border-grey-200 bg-white hover:bg-accent-800/5 hover:font-bold hover:text-accent-800"
29935
+ }),
29936
+ "accent-200": createVariantStyles({
29937
+ surface: "bg-accent-200 text-accent-800",
29938
+ border: "border-accent-200",
29939
+ triggerTone: "text-accent-800",
29940
+ triggerActive: "hover:bg-accent-50 hover:text-accent-800 focus:bg-accent-50 focus:text-accent-800 data-[state=open]:bg-accent-50 data-[state=open]:text-accent-800",
29941
+ triggerEdge: "hover:before:bg-accent-50 hover:after:bg-accent-50 focus:before:bg-accent-50 focus:after:bg-accent-50 data-[state=open]:before:bg-accent-50 data-[state=open]:after:bg-accent-50",
29942
+ featuredLink: "text-accent-800 hover:bg-accent-800/5",
29943
+ sectionLink: "border-grey-200 bg-white hover:bg-accent-800/5 hover:font-bold hover:text-accent-800"
29944
+ }),
29945
+ white: createVariantStyles({
29946
+ surface: "bg-white text-grey-800",
29947
+ border: "border-grey-200",
29948
+ triggerTone: "text-grey-800",
29949
+ triggerActive: "hover:bg-grey-100 hover:text-grey-800 focus:bg-grey-100 focus:text-grey-800 data-[state=open]:bg-grey-100 data-[state=open]:text-grey-800",
29950
+ triggerEdge: "hover:before:bg-grey-100 hover:after:bg-grey-100 focus:before:bg-grey-100 focus:after:bg-grey-100 data-[state=open]:before:bg-grey-100 data-[state=open]:after:bg-grey-100",
29951
+ featuredLink: "text-grey-800 hover:bg-grey-100",
29952
+ sectionLink: "border-grey-200 bg-white hover:bg-grey-50 hover:font-bold hover:text-grey-800"
29953
+ })
29954
+ };
29863
29955
  var PANEL_CLOSE_DELAY_MS = 220;
29864
29956
  function TopLevelItem({
29865
29957
  href = "#",
@@ -29870,18 +29962,19 @@ function TopLevelItem({
29870
29962
  triggerActiveClassName,
29871
29963
  triggerActiveBorderClassName
29872
29964
  }) {
29965
+ const styles5 = navigationMenuMainNavigationVariantStyles[variant];
29873
29966
  return /* @__PURE__ */ jsx(NavigationMenuItem, { className: "shrink-0", children: /* @__PURE__ */ jsx(
29874
29967
  NavigationMenuLink,
29875
29968
  {
29876
29969
  asChild: true,
29877
29970
  className: cn(
29878
29971
  "relative inline-flex h-auto min-h-14 w-auto flex-row items-center justify-start gap-x-1 rounded-none bg-transparent p-4 text-base leading-6 font-bold transition lg:px-8",
29879
- navigationMenuMainNavigationTriggerToneStyles({ variant }),
29880
- navigationMenuMainNavigationTriggerActiveStyles({ variant }),
29972
+ styles5.triggerTone,
29973
+ styles5.triggerActive,
29881
29974
  triggerClassName,
29882
29975
  triggerActiveClassName,
29883
29976
  syncBorderToSurface && "before:absolute before:inset-x-0 before:top-0 before:h-px before:bg-transparent after:absolute after:inset-x-0 after:bottom-0 after:h-px after:bg-transparent",
29884
- syncBorderToSurface && navigationMenuMainNavigationTriggerEdgeStyles({ variant }),
29977
+ syncBorderToSurface && styles5.triggerEdge,
29885
29978
  syncBorderToSurface && triggerActiveBorderClassName
29886
29979
  ),
29887
29980
  children: /* @__PURE__ */ jsx(Link14, { href, children: title })
@@ -29894,11 +29987,16 @@ function FeaturedSectionLink({
29894
29987
  variant,
29895
29988
  className
29896
29989
  }) {
29990
+ const styles5 = navigationMenuMainNavigationVariantStyles[variant];
29897
29991
  return /* @__PURE__ */ jsxs(
29898
29992
  Link14,
29899
29993
  {
29900
29994
  href,
29901
- className: cn(navigationMenuMainNavigationFeaturedLinkStyles({ variant }), className),
29995
+ className: cn(
29996
+ "group relative flex items-center px-8 py-8 text-xl font-bold whitespace-normal",
29997
+ styles5.featuredLink,
29998
+ className
29999
+ ),
29902
30000
  children: [
29903
30001
  /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "absolute inset-0" }),
29904
30002
  title,
@@ -29913,23 +30011,19 @@ function SectionLink({
29913
30011
  className,
29914
30012
  titleClassName
29915
30013
  }) {
30014
+ const styles5 = navigationMenuMainNavigationVariantStyles[variant];
29916
30015
  return /* @__PURE__ */ jsx(
29917
30016
  NavigationMenuLink,
29918
30017
  {
29919
30018
  asChild: true,
29920
- className: cn(navigationMenuMainNavigationSectionLinkStyles({ variant }), className),
30019
+ className: cn(
30020
+ "relative mx-2 rounded-none border-t p-4 whitespace-normal focus-within:rounded-sm focus-within:outline focus-within:outline-inherit [&:nth-last-child(-n+3)]:border-b",
30021
+ styles5.sectionLink,
30022
+ className
30023
+ ),
29921
30024
  children: /* @__PURE__ */ jsxs(Link14, { href: link.href, className: "outline-none", children: [
29922
30025
  /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "absolute inset-0" }),
29923
- /* @__PURE__ */ jsx(
29924
- "span",
29925
- {
29926
- className: cn(
29927
- navigationMenuMainNavigationSectionLinkTitleStyles({ variant }),
29928
- titleClassName
29929
- ),
29930
- children: link.title
29931
- }
29932
- )
30026
+ /* @__PURE__ */ jsx("span", { className: cn("text-base font-semibold", styles5.sectionLinkTitle, titleClassName), children: link.title })
29933
30027
  ] })
29934
30028
  }
29935
30029
  );
@@ -29949,6 +30043,7 @@ function MegaNavigationItem({
29949
30043
  sectionLinkClassName,
29950
30044
  sectionLinkTitleClassName
29951
30045
  }) {
30046
+ const styles5 = navigationMenuMainNavigationVariantStyles[variant];
29952
30047
  if (!section.links?.length) {
29953
30048
  return /* @__PURE__ */ jsx(
29954
30049
  TopLevelItem,
@@ -29969,13 +30064,13 @@ function MegaNavigationItem({
29969
30064
  {
29970
30065
  className: cn(
29971
30066
  "relative mb-0 h-auto min-h-14 w-auto justify-start rounded-none bg-transparent p-4 text-base leading-6 font-bold lg:px-8 [&_svg]:h-6 [&_svg]:w-6",
29972
- navigationMenuMainNavigationTriggerToneStyles({ variant }),
29973
- navigationMenuMainNavigationTriggerActiveStyles({ variant }),
30067
+ styles5.triggerTone,
30068
+ styles5.triggerActive,
29974
30069
  triggerClassName,
29975
30070
  triggerActiveClassName,
29976
- "data-[state=open]:shadow-[inset_0_-2px_0_0_currentColor]",
30071
+ "data-[state=open]:shadow-[inset_0_-4px_0_0_currentColor]",
29977
30072
  syncBorderToSurface && "before:absolute before:inset-x-0 before:top-0 before:h-px before:bg-transparent after:absolute after:inset-x-0 after:bottom-0 after:h-px after:bg-transparent",
29978
- syncBorderToSurface && navigationMenuMainNavigationTriggerEdgeStyles({ variant }),
30073
+ syncBorderToSurface && styles5.triggerEdge,
29979
30074
  syncBorderToSurface && triggerActiveBorderClassName
29980
30075
  ),
29981
30076
  onPointerEnter: onOpenIntent,
@@ -29986,54 +30081,45 @@ function MegaNavigationItem({
29986
30081
  NavigationMenuContent,
29987
30082
  {
29988
30083
  className: cn(
29989
- "left-0 w-full p-0 pr-0 whitespace-normal group-data-[viewport=false]/navigation-menu:mt-0 group-data-[viewport=false]/navigation-menu:rounded-none group-data-[viewport=false]/navigation-menu:border-0 group-data-[viewport=false]/navigation-menu:bg-transparent group-data-[viewport=false]/navigation-menu:shadow-none md:w-full"
30084
+ "left-0 w-full p-0 pr-0 whitespace-normal group-data-[viewport=false]/navigation-menu:mt-0 group-data-[viewport=false]/navigation-menu:rounded-none group-data-[viewport=false]/navigation-menu:border-0 group-data-[viewport=false]/navigation-menu:bg-transparent group-data-[viewport=false]/navigation-menu:shadow-none data-[motion=from-end]:[--tw-enter-translate-x:0] data-[motion=from-start]:[--tw-enter-translate-x:0] data-[motion=to-end]:[--tw-exit-translate-x:0] data-[motion=to-start]:[--tw-exit-translate-x:0] data-[motion^=from-]:!animate-none data-[motion^=from-]:[--tw-enter-opacity:1] data-[motion^=from-]:[--tw-enter-rotate:0] data-[motion^=from-]:[--tw-enter-scale:1] data-[motion^=from-]:[--tw-enter-translate-y:0] data-[motion^=to-]:!animate-none data-[motion^=to-]:[--tw-exit-opacity:1] data-[motion^=to-]:[--tw-exit-rotate:0] data-[motion^=to-]:[--tw-exit-scale:1] data-[motion^=to-]:[--tw-exit-translate-y:0] group-data-[viewport=false]/navigation-menu:data-[state=closed]:!animate-none group-data-[viewport=false]/navigation-menu:data-[state=closed]:[--tw-exit-opacity:1] group-data-[viewport=false]/navigation-menu:data-[state=closed]:[--tw-exit-scale:1] group-data-[viewport=false]/navigation-menu:data-[state=open]:!animate-none group-data-[viewport=false]/navigation-menu:data-[state=open]:[--tw-enter-opacity:1] group-data-[viewport=false]/navigation-menu:data-[state=open]:[--tw-enter-scale:1] md:w-full"
29990
30085
  ),
29991
30086
  style: fullBleed && panelMetrics ? {
29992
30087
  left: `${-panelMetrics.left}px`,
29993
30088
  width: `${panelMetrics.viewportWidth}px`
29994
30089
  } : void 0,
29995
30090
  onPointerEnter: onOpenIntent,
29996
- children: /* @__PURE__ */ jsx(
30091
+ children: /* @__PURE__ */ jsx("div", { className: cn("w-full shadow", styles5.dropdownSurface, dropdownBackgroundClassName), children: /* @__PURE__ */ jsxs(
29997
30092
  "div",
29998
30093
  {
29999
- className: cn(
30000
- navigationMenuMainNavigationDropdownSurfaceStyles({ variant }),
30001
- dropdownBackgroundClassName
30002
- ),
30003
- children: /* @__PURE__ */ jsxs(
30004
- "div",
30005
- {
30006
- className: "grid w-full",
30007
- style: fullBleed && panelMetrics ? {
30008
- width: `${panelMetrics.width}px`,
30009
- marginLeft: "auto",
30010
- marginRight: "auto"
30011
- } : void 0,
30012
- children: [
30013
- /* @__PURE__ */ jsx(
30014
- FeaturedSectionLink,
30015
- {
30016
- href: section.href,
30017
- title: section.title,
30018
- variant,
30019
- className: featuredLinkClassName
30020
- }
30021
- ),
30022
- /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 overflow-hidden px-4 pb-12 sm:grid-cols-2 lg:grid-cols-3", children: section.links.map((link, index) => /* @__PURE__ */ jsx(
30023
- SectionLink,
30024
- {
30025
- link,
30026
- variant,
30027
- className: sectionLinkClassName,
30028
- titleClassName: sectionLinkTitleClassName
30029
- },
30030
- `${link.title}-${link.href}-${index}`
30031
- )) })
30032
- ]
30033
- }
30034
- )
30094
+ className: "grid w-full",
30095
+ style: fullBleed && panelMetrics ? {
30096
+ width: `${panelMetrics.width}px`,
30097
+ marginLeft: "auto",
30098
+ marginRight: "auto"
30099
+ } : void 0,
30100
+ children: [
30101
+ /* @__PURE__ */ jsx(
30102
+ FeaturedSectionLink,
30103
+ {
30104
+ href: section.href,
30105
+ title: section.title,
30106
+ variant,
30107
+ className: featuredLinkClassName
30108
+ }
30109
+ ),
30110
+ /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 overflow-hidden px-4 pb-12 sm:grid-cols-2 lg:grid-cols-3", children: section.links.map((link, index) => /* @__PURE__ */ jsx(
30111
+ SectionLink,
30112
+ {
30113
+ link,
30114
+ variant,
30115
+ className: sectionLinkClassName,
30116
+ titleClassName: sectionLinkTitleClassName
30117
+ },
30118
+ `${link.title}-${link.href}-${index}`
30119
+ )) })
30120
+ ]
30035
30121
  }
30036
- )
30122
+ ) })
30037
30123
  }
30038
30124
  )
30039
30125
  ] });
@@ -30041,12 +30127,12 @@ function MegaNavigationItem({
30041
30127
  function NavigationMenuMainNavigation({
30042
30128
  navigation,
30043
30129
  id: id3 = "nsw-main-navigation",
30044
- variant = "grey",
30130
+ variant = "white",
30045
30131
  borderPosition = "none",
30046
30132
  className,
30047
30133
  responsive = true,
30048
30134
  sticky = true,
30049
- fullBleed = false,
30135
+ fullBleed = true,
30050
30136
  backgroundClassName,
30051
30137
  dropdownBackgroundClassName,
30052
30138
  borderClassName,
@@ -30136,9 +30222,9 @@ function NavigationMenuMainNavigation({
30136
30222
  id: id3,
30137
30223
  className: cn(
30138
30224
  "z-40 shadow-md shadow-grey-900/5 dark:shadow-none",
30139
- navigationMenuMainNavigationSurfaceStyles({ variant }),
30225
+ navigationMenuMainNavigationVariantStyles[variant].surface,
30140
30226
  backgroundClassName,
30141
- hasBorder && navigationMenuMainNavigationBorderStyles({ variant }),
30227
+ hasBorder && navigationMenuMainNavigationVariantStyles[variant].border,
30142
30228
  hasBorder && borderClassName,
30143
30229
  hasTopBorder && "border-t",
30144
30230
  hasBottomBorder && "border-b",