@nswds/app 1.117.0 → 1.119.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 +414 -949
  2. package/dist/index.cjs +391 -289
  3. package/dist/index.cjs.map +1 -1
  4. package/dist/index.d.cts +9 -10
  5. package/dist/index.d.ts +9 -10
  6. package/dist/index.js +391 -289
  7. package/dist/index.js.map +1 -1
  8. package/dist/styles.css +414 -949
  9. package/dist/styles.css.map +1 -1
  10. package/package.json +2 -2
package/dist/index.cjs CHANGED
@@ -18241,54 +18241,160 @@ function DynamicFavicon({ lightModeFavicon, darkModeFavicon }) {
18241
18241
  }, [lightModeFavicon, darkModeFavicon]);
18242
18242
  return null;
18243
18243
  }
18244
+ var expandableSearchSurfaceVariants = classVarianceAuthority.cva("", {
18245
+ variants: {
18246
+ variant: {
18247
+ default: "bg-grey-100 text-grey-800",
18248
+ "primary-800": "bg-primary-800 text-white",
18249
+ "primary-600": "bg-primary-600 text-white",
18250
+ "primary-400": "bg-primary-400 text-primary-800",
18251
+ "primary-200": "bg-primary-200 text-primary-800",
18252
+ "grey-800": "bg-grey-800 text-white",
18253
+ "grey-600": "bg-grey-600 text-white",
18254
+ "grey-400": "bg-grey-400 text-grey-800",
18255
+ "grey-200": "bg-grey-200 text-grey-800",
18256
+ "accent-800": "bg-accent-800 text-white",
18257
+ "accent-600": "bg-accent-600 text-white",
18258
+ "accent-400": "bg-accent-400 text-accent-800",
18259
+ "accent-200": "bg-accent-200 text-accent-800",
18260
+ white: "bg-white text-grey-800"
18261
+ }
18262
+ },
18263
+ defaultVariants: {
18264
+ variant: "default"
18265
+ }
18266
+ });
18267
+ var expandableSearchCollapsedVariants = classVarianceAuthority.cva("", {
18268
+ variants: {
18269
+ variant: {
18270
+ default: "bg-grey-100 hover:bg-primary-800/10",
18271
+ "primary-800": "bg-primary-800",
18272
+ "primary-600": "bg-primary-600",
18273
+ "primary-400": "bg-primary-400",
18274
+ "primary-200": "bg-primary-200",
18275
+ "grey-800": "bg-grey-800",
18276
+ "grey-600": "bg-grey-600",
18277
+ "grey-400": "bg-grey-400",
18278
+ "grey-200": "bg-grey-200",
18279
+ "accent-800": "bg-accent-800",
18280
+ "accent-600": "bg-accent-600",
18281
+ "accent-400": "bg-accent-400",
18282
+ "accent-200": "bg-accent-200",
18283
+ white: "bg-white"
18284
+ }
18285
+ },
18286
+ defaultVariants: {
18287
+ variant: "default"
18288
+ }
18289
+ });
18290
+ var expandableSearchButtonVariants = classVarianceAuthority.cva("", {
18291
+ variants: {
18292
+ variant: {
18293
+ default: "text-primary group-focus-within:bg-primary-800/10 hover:bg-primary-800/10",
18294
+ "primary-800": "text-white group-focus-within:bg-white/10 hover:bg-white/10",
18295
+ "primary-600": "text-white group-focus-within:bg-white/10 hover:bg-white/10",
18296
+ "primary-400": "text-primary-800 group-focus-within:bg-black/5 hover:bg-black/5",
18297
+ "primary-200": "text-primary-800 group-focus-within:bg-black/5 hover:bg-black/5",
18298
+ "grey-800": "text-white group-focus-within:bg-white/10 hover:bg-white/10",
18299
+ "grey-600": "text-white group-focus-within:bg-white/10 hover:bg-white/10",
18300
+ "grey-400": "text-grey-800 group-focus-within:bg-black/5 hover:bg-black/5",
18301
+ "grey-200": "text-grey-800 group-focus-within:bg-black/5 hover:bg-black/5",
18302
+ "accent-800": "text-white group-focus-within:bg-white/10 hover:bg-white/10",
18303
+ "accent-600": "text-white group-focus-within:bg-white/10 hover:bg-white/10",
18304
+ "accent-400": "text-accent-800 group-focus-within:bg-black/5 hover:bg-black/5",
18305
+ "accent-200": "text-accent-800 group-focus-within:bg-black/5 hover:bg-black/5",
18306
+ white: "text-grey-800 group-focus-within:bg-grey-100 hover:bg-grey-100"
18307
+ }
18308
+ },
18309
+ defaultVariants: {
18310
+ variant: "default"
18311
+ }
18312
+ });
18313
+ var expandableSearchFocusVariants = classVarianceAuthority.cva("", {
18314
+ variants: {
18315
+ variant: {
18316
+ default: "focus-visible:ring-grey-100",
18317
+ "primary-800": "focus-visible:ring-primary-800",
18318
+ "primary-600": "focus-visible:ring-primary-600",
18319
+ "primary-400": "focus-visible:ring-primary-400",
18320
+ "primary-200": "focus-visible:ring-primary-200",
18321
+ "grey-800": "focus-visible:ring-grey-800",
18322
+ "grey-600": "focus-visible:ring-grey-600",
18323
+ "grey-400": "focus-visible:ring-grey-400",
18324
+ "grey-200": "focus-visible:ring-grey-200",
18325
+ "accent-800": "focus-visible:ring-accent-800",
18326
+ "accent-600": "focus-visible:ring-accent-600",
18327
+ "accent-400": "focus-visible:ring-accent-400",
18328
+ "accent-200": "focus-visible:ring-accent-200",
18329
+ white: "focus-visible:ring-white"
18330
+ }
18331
+ },
18332
+ defaultVariants: {
18333
+ variant: "default"
18334
+ }
18335
+ });
18244
18336
  var ExpandableSearchContext = React5__namespace.createContext(null);
18245
- var ExpandableSearch = React5__namespace.forwardRef(({ className, onAction, defaultValue = "", ...props }, ref) => {
18337
+ var ExpandableSearch = React5__namespace.forwardRef(({ className, onAction, defaultValue = "", variant = "default", ...props }, ref) => {
18246
18338
  const [value, setValue] = React5__namespace.useState(defaultValue);
18247
18339
  const formRef = React5__namespace.useRef(null);
18340
+ const resolvedVariant = variant ?? "default";
18248
18341
  const handleAction = (e) => {
18249
18342
  e.preventDefault();
18250
18343
  if (onAction) {
18251
18344
  onAction(value);
18252
18345
  }
18253
18346
  };
18254
- return /* @__PURE__ */ jsxRuntime.jsx(ExpandableSearchContext.Provider, { value: { value, setValue, formRef }, children: /* @__PURE__ */ jsxRuntime.jsx(
18255
- "form",
18347
+ return /* @__PURE__ */ jsxRuntime.jsx(
18348
+ ExpandableSearchContext.Provider,
18256
18349
  {
18257
- ref,
18258
- className: cn("relative inline-block select-none", className),
18259
- onSubmit: handleAction,
18260
- ...props
18350
+ value: { value, setValue, formRef, variant: resolvedVariant },
18351
+ children: /* @__PURE__ */ jsxRuntime.jsx(
18352
+ "form",
18353
+ {
18354
+ ref,
18355
+ className: cn("relative inline-block select-none", className),
18356
+ onSubmit: handleAction,
18357
+ ...props
18358
+ }
18359
+ )
18261
18360
  }
18262
- ) });
18361
+ );
18263
18362
  });
18264
18363
  ExpandableSearch.displayName = "ExpandableSearch";
18265
- var ExpandableSearchField = React5__namespace.forwardRef(({ className, ...props }, ref) => {
18364
+ var ExpandableSearchField = React5__namespace.forwardRef(({ className, id: id3, ...props }, ref) => {
18266
18365
  const context = React5__namespace.useContext(ExpandableSearchContext);
18267
18366
  if (!context) throw new Error("ExpandableSearchField must be used within ExpandableSearch");
18268
18367
  const [isFocused, setIsFocused] = React5__namespace.useState(false);
18368
+ const generatedId = React5__namespace.useId();
18269
18369
  const isActive = context.value.length > 0 || isFocused;
18370
+ const variant = context.variant;
18371
+ const inputId = id3 ?? generatedId;
18270
18372
  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex-1", children: [
18271
- /* @__PURE__ */ jsxRuntime.jsx("label", { className: "sr-only", htmlFor: "expandable-search", children: "Search" }),
18373
+ /* @__PURE__ */ jsxRuntime.jsx("label", { className: "sr-only", htmlFor: inputId, children: "Search" }),
18272
18374
  /* @__PURE__ */ jsxRuntime.jsx(
18273
18375
  "input",
18274
18376
  {
18275
18377
  ref,
18378
+ id: inputId,
18276
18379
  value: context.value,
18277
18380
  onChange: (e) => context.setValue(e.target.value),
18278
18381
  onFocus: () => setIsFocused(true),
18279
18382
  onBlur: () => setIsFocused(false),
18280
18383
  className: cn(
18281
- "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",
18282
- "ring-offset-white focus-visible:ring-2 focus-visible:ring-primary-650/70 focus-visible:ring-offset-2 focus-visible:outline-none",
18384
+ "peer align-center flex h-12 w-12 cursor-pointer overflow-hidden rounded-sm border-0 text-transparent",
18385
+ "ring-offset-white focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none",
18283
18386
  "transition-[width,box-shadow,background-color] duration-300 ease-in-out",
18284
18387
  "placeholder:text-transparent placeholder:opacity-0",
18285
18388
  "expandable-search__input",
18389
+ expandableSearchFocusVariants({ variant }),
18390
+ expandableSearchCollapsedVariants({ variant }),
18286
18391
  // Conditionally apply classes based on active state
18287
18392
  {
18288
18393
  "p-0": !isActive,
18289
- "w-96 cursor-auto bg-grey-100 pt-0 pr-12 pb-0 pl-4 text-grey-800 outline-none select-auto": isActive,
18290
- "placeholder:text-grey-700 placeholder:opacity-100": isActive
18394
+ "w-96 cursor-auto pt-0 pr-12 pb-0 pl-4 outline-none select-auto": isActive
18291
18395
  },
18396
+ isActive && expandableSearchSurfaceVariants({ variant }),
18397
+ isActive && (variant === "default" ? "placeholder:text-grey-700 placeholder:opacity-100" : "placeholder:text-current placeholder:opacity-70"),
18292
18398
  className
18293
18399
  ),
18294
18400
  ...props
@@ -18298,8 +18404,11 @@ var ExpandableSearchField = React5__namespace.forwardRef(({ className, ...props
18298
18404
  "button",
18299
18405
  {
18300
18406
  type: "button",
18301
- 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",
18302
- children: /* @__PURE__ */ jsxRuntime.jsx(Icons.search, { className: "m-auto block h-8 w-8 shrink-0 fill-primary leading-none" })
18407
+ className: cn(
18408
+ "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",
18409
+ expandableSearchButtonVariants({ variant })
18410
+ ),
18411
+ children: /* @__PURE__ */ jsxRuntime.jsx(Icons.search, { className: "m-auto block h-8 w-8 shrink-0 fill-current leading-none" })
18303
18412
  }
18304
18413
  )
18305
18414
  ] });
@@ -18404,101 +18513,106 @@ function ErrorMessage({
18404
18513
  }
18405
18514
  );
18406
18515
  }
18407
- var footerVariants = classVarianceAuthority.cva(
18408
- "bg-(--footer-bg) text-(--footer-text) [--footer-social-hover:var(--footer-social)]",
18409
- {
18410
- variants: {
18411
- color: {
18412
- "primary/grey": [
18413
- "[--footer-bg:var(--color-primary-800)] [--footer-text:var(--color-white)] [--footer-muted:var(--color-primary-100)]",
18414
- "dark:[--footer-bg:var(--color-grey-800)] dark:[--footer-text:var(--color-white)] dark:[--footer-muted:var(--color-grey-100)]",
18415
- "[--footer-border:var(--color-white)]/15",
18416
- "[--footer-link:var(--color-white)] [--footer-link-hover-bg:var(--color-white)]/10 [--footer-link-hover-text:var(--color-white)]",
18417
- "[--footer-social:var(--color-white)] [--footer-social-hover-bg:var(--color-white)]/10"
18418
- ],
18419
- light: [
18420
- "[--footer-bg:var(--color-grey-200)] [--footer-text:var(--color-grey-800)] [--footer-muted:var(--color-grey-700)]",
18421
- "dark:[--footer-bg:var(--color-grey-800)] dark:[--footer-text:var(--color-white)] dark:[--footer-muted:var(--color-grey-100)]",
18422
- "[--footer-border:var(--color-grey-300)] dark:[--footer-border:var(--color-white)]/15",
18423
- "[--footer-link:var(--color-grey-700)] [--footer-link-hover-bg:var(--color-grey-800)]/10 [--footer-link-hover-text:var(--color-grey-900)]",
18424
- "dark:[--footer-link:var(--color-white)] dark:[--footer-link-hover-bg:var(--color-white)]/10 dark:[--footer-link-hover-text:var(--color-white)]",
18425
- "[--footer-social:var(--color-grey-800)] [--footer-social-hover:var(--color-grey-900)] [--footer-social-hover-bg:var(--color-grey-800)]/10",
18426
- "dark:[--footer-social:var(--color-white)] dark:[--footer-social-hover:var(--color-white)] dark:[--footer-social-hover-bg:var(--color-white)]/10"
18427
- ],
18428
- "primary/white": [
18429
- "[--footer-bg:var(--color-primary-800)] [--footer-text:var(--color-white)] [--footer-muted:var(--color-primary-100)]",
18430
- "dark:[--footer-bg:var(--color-primary-800)] dark:[--footer-text:var(--color-white)] dark:[--footer-muted:var(--color-primary-100)]",
18431
- "[--footer-border:var(--color-white)]/15",
18432
- "[--footer-link:var(--color-white)] [--footer-link-hover-bg:var(--color-white)]/10 [--footer-link-hover-text:var(--color-white)]",
18433
- "[--footer-social:var(--color-white)] [--footer-social-hover-bg:var(--color-white)]/10"
18434
- ],
18435
- white: [
18436
- "[--footer-bg:var(--color-white)] [--footer-text:var(--color-grey-800)] [--footer-muted:var(--color-grey-600)]",
18437
- "dark:[--footer-bg:var(--color-grey-800)] dark:[--footer-text:var(--color-white)] dark:[--footer-muted:var(--color-grey-100)]",
18438
- "[--footer-border:var(--color-grey-200)] dark:[--footer-border:var(--color-white)]/15",
18439
- "[--footer-link:var(--color-grey-600)] [--footer-link-hover-bg:var(--color-primary-800)]/10 [--footer-link-hover-text:var(--color-grey-800)]",
18440
- "dark:[--footer-link:var(--color-white)] dark:[--footer-link-hover-bg:var(--color-white)]/10 dark:[--footer-link-hover-text:var(--color-white)]",
18441
- "[--footer-social:var(--color-grey-700)] [--footer-social-hover:var(--color-grey-900)] [--footer-social-hover-bg:var(--color-primary-800)]/10",
18442
- "dark:[--footer-social:var(--color-white)] dark:[--footer-social-hover:var(--color-white)] dark:[--footer-social-hover-bg:var(--color-white)]/10"
18443
- ],
18444
- "grey-600": [
18445
- "[--footer-bg:var(--color-grey-600)] [--footer-text:var(--color-white)] [--footer-muted:var(--color-grey-100)]",
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
- "grey-800": [
18451
- "[--footer-bg:var(--color-grey-800)] [--footer-text:var(--color-white)] [--footer-muted:var(--color-grey-100)]",
18452
- "[--footer-border:var(--color-white)]/15",
18453
- "[--footer-link:var(--color-white)] [--footer-link-hover-bg:var(--color-white)]/10 [--footer-link-hover-text:var(--color-white)]",
18454
- "[--footer-social:var(--color-white)] [--footer-social-hover-bg:var(--color-white)]/10"
18455
- ],
18456
- "accent-200": [
18457
- "[--footer-bg:var(--color-accent-200)] [--footer-text:var(--color-accent-800)] [--footer-muted:var(--color-accent-700)]",
18458
- "dark:[--footer-bg:var(--color-accent-800)] dark:[--footer-text:var(--color-white)] dark:[--footer-muted:var(--color-accent-100)]",
18459
- "[--footer-border:var(--color-accent-800)]/15 dark:[--footer-border:var(--color-white)]/15",
18460
- "[--footer-link:var(--color-accent-800)] [--footer-link-hover-bg:var(--color-accent-800)]/10 [--footer-link-hover-text:var(--color-accent-800)]",
18461
- "dark:[--footer-link:var(--color-white)] dark:[--footer-link-hover-bg:var(--color-white)]/10 dark:[--footer-link-hover-text:var(--color-white)]",
18462
- "[--footer-social:var(--color-accent-800)] [--footer-social-hover-bg:var(--color-accent-800)]/10",
18463
- "dark:[--footer-social:var(--color-white)] dark:[--footer-social-hover-bg:var(--color-white)]/10"
18464
- ],
18465
- primary: [
18466
- "[--footer-bg:var(--color-primary-800)] [--footer-text:var(--color-white)] [--footer-muted:var(--color-primary-100)]",
18467
- "dark:[--footer-bg:var(--color-primary-800)] dark:[--footer-text:var(--color-white)] dark:[--footer-muted:var(--color-primary-100)]",
18468
- "[--footer-border:var(--color-white)]/15",
18469
- "[--footer-link:var(--color-white)] [--footer-link-hover-bg:var(--color-white)]/10 [--footer-link-hover-text:var(--color-white)]",
18470
- "[--footer-social:var(--color-white)] [--footer-social-hover-bg:var(--color-white)]/10"
18471
- ],
18472
- secondary: [
18473
- "[--footer-bg:var(--color-primary-200)] [--footer-text:var(--color-primary-800)] [--footer-muted:var(--color-primary-700)]",
18474
- "dark:[--footer-bg:var(--color-primary-900)] dark:[--footer-text:var(--color-white)] dark:[--footer-muted:var(--color-primary-100)]",
18475
- "[--footer-border:var(--color-primary-800)]/15 dark:[--footer-border:var(--color-white)]/15",
18476
- "[--footer-link:var(--color-primary-800)] [--footer-link-hover-bg:var(--color-primary-800)]/10 [--footer-link-hover-text:var(--color-primary-800)]",
18477
- "dark:[--footer-link:var(--color-white)] dark:[--footer-link-hover-bg:var(--color-white)]/10 dark:[--footer-link-hover-text:var(--color-white)]",
18478
- "[--footer-social:var(--color-primary-800)] [--footer-social-hover-bg:var(--color-primary-800)]/10",
18479
- "dark:[--footer-social:var(--color-white)] dark:[--footer-social-hover-bg:var(--color-white)]/10"
18480
- ],
18481
- accent: [
18482
- "[--footer-bg:var(--color-accent-800)] [--footer-text:var(--color-white)] [--footer-muted:var(--color-accent-100)]",
18483
- "dark:[--footer-bg:var(--color-accent-800)] dark:[--footer-text:var(--color-white)] dark:[--footer-muted:var(--color-accent-100)]",
18484
- "[--footer-border:var(--color-white)]/15",
18485
- "[--footer-link:var(--color-white)] [--footer-link-hover-bg:var(--color-white)]/10 [--footer-link-hover-text:var(--color-white)]",
18486
- "[--footer-social:var(--color-white)] [--footer-social-hover-bg:var(--color-white)]/10"
18487
- ],
18488
- danger: [
18489
- "[--footer-bg:var(--color-danger-600)] [--footer-text:var(--color-white)] [--footer-muted:var(--color-danger-100)]",
18490
- "dark:[--footer-bg:var(--color-danger-600)] dark:[--footer-text:var(--color-white)] dark:[--footer-muted:var(--color-danger-100)]",
18491
- "[--footer-border:var(--color-white)]/15",
18492
- "[--footer-link:var(--color-white)] [--footer-link-hover-bg:var(--color-white)]/10 [--footer-link-hover-text:var(--color-white)]",
18493
- "[--footer-social:var(--color-white)] [--footer-social-hover-bg:var(--color-white)]/10"
18494
- ]
18495
- }
18496
- },
18497
- defaultVariants: {
18498
- color: "white"
18516
+ var footerVariants = classVarianceAuthority.cva("[--footer-social-hover:var(--footer-social)]", {
18517
+ variants: {
18518
+ color: {
18519
+ "primary-800": [
18520
+ "bg-primary-800 text-white",
18521
+ "[--footer-text:var(--color-white)]",
18522
+ "[--footer-border:var(--color-white)]/15",
18523
+ "[--footer-link:var(--color-white)] [--footer-link-hover-bg:var(--color-white)]/10 [--footer-link-hover-text:var(--color-white)]",
18524
+ "[--footer-social:var(--color-white)] [--footer-social-hover-bg:var(--color-white)]/10"
18525
+ ],
18526
+ "primary-600": [
18527
+ "bg-primary-600 text-white",
18528
+ "[--footer-text:var(--color-white)]",
18529
+ "[--footer-border:var(--color-white)]/15",
18530
+ "[--footer-link:var(--color-white)] [--footer-link-hover-bg:var(--color-white)]/10 [--footer-link-hover-text:var(--color-white)]",
18531
+ "[--footer-social:var(--color-white)] [--footer-social-hover-bg:var(--color-white)]/10"
18532
+ ],
18533
+ "primary-400": [
18534
+ "bg-primary-400 text-primary-800",
18535
+ "[--footer-text:var(--color-primary-800)]",
18536
+ "[--footer-border:var(--color-primary-800)]/15",
18537
+ "[--footer-link:var(--color-primary-800)] [--footer-link-hover-bg:var(--color-primary-800)]/10 [--footer-link-hover-text:var(--color-primary-800)]",
18538
+ "[--footer-social:var(--color-primary-800)] [--footer-social-hover-bg:var(--color-primary-800)]/10"
18539
+ ],
18540
+ "primary-200": [
18541
+ "bg-primary-200 text-primary-800",
18542
+ "[--footer-text:var(--color-primary-800)]",
18543
+ "[--footer-border:var(--color-primary-800)]/15",
18544
+ "[--footer-link:var(--color-primary-800)] [--footer-link-hover-bg:var(--color-primary-800)]/10 [--footer-link-hover-text:var(--color-primary-800)]",
18545
+ "[--footer-social:var(--color-primary-800)] [--footer-social-hover-bg:var(--color-primary-800)]/10"
18546
+ ],
18547
+ "grey-800": [
18548
+ "bg-grey-800 text-white",
18549
+ "[--footer-text:var(--color-white)]",
18550
+ "[--footer-border:var(--color-white)]/15",
18551
+ "[--footer-link:var(--color-white)] [--footer-link-hover-bg:var(--color-white)]/10 [--footer-link-hover-text:var(--color-white)]",
18552
+ "[--footer-social:var(--color-white)] [--footer-social-hover-bg:var(--color-white)]/10"
18553
+ ],
18554
+ "grey-600": [
18555
+ "bg-grey-600 text-white",
18556
+ "[--footer-text:var(--color-white)]",
18557
+ "[--footer-border:var(--color-white)]/15",
18558
+ "[--footer-link:var(--color-white)] [--footer-link-hover-bg:var(--color-white)]/10 [--footer-link-hover-text:var(--color-white)]",
18559
+ "[--footer-social:var(--color-white)] [--footer-social-hover-bg:var(--color-white)]/10"
18560
+ ],
18561
+ "grey-400": [
18562
+ "bg-grey-400 text-grey-800",
18563
+ "[--footer-text:var(--color-grey-800)]",
18564
+ "[--footer-border:var(--color-grey-800)]/15",
18565
+ "[--footer-link:var(--color-grey-800)] [--footer-link-hover-bg:var(--color-grey-800)]/10 [--footer-link-hover-text:var(--color-grey-800)]",
18566
+ "[--footer-social:var(--color-grey-800)] [--footer-social-hover-bg:var(--color-grey-800)]/10"
18567
+ ],
18568
+ "grey-200": [
18569
+ "bg-grey-200 text-grey-800",
18570
+ "[--footer-text:var(--color-grey-800)]",
18571
+ "[--footer-border:var(--color-grey-800)]/15",
18572
+ "[--footer-link:var(--color-grey-800)] [--footer-link-hover-bg:var(--color-grey-800)]/10 [--footer-link-hover-text:var(--color-grey-800)]",
18573
+ "[--footer-social:var(--color-grey-800)] [--footer-social-hover-bg:var(--color-grey-800)]/10"
18574
+ ],
18575
+ "accent-800": [
18576
+ "bg-accent-800 text-white",
18577
+ "[--footer-text:var(--color-white)]",
18578
+ "[--footer-border:var(--color-white)]/15",
18579
+ "[--footer-link:var(--color-white)] [--footer-link-hover-bg:var(--color-white)]/10 [--footer-link-hover-text:var(--color-white)]",
18580
+ "[--footer-social:var(--color-white)] [--footer-social-hover-bg:var(--color-white)]/10"
18581
+ ],
18582
+ "accent-600": [
18583
+ "bg-accent-600 text-white",
18584
+ "[--footer-text:var(--color-white)]",
18585
+ "[--footer-border:var(--color-white)]/15",
18586
+ "[--footer-link:var(--color-white)] [--footer-link-hover-bg:var(--color-white)]/10 [--footer-link-hover-text:var(--color-white)]",
18587
+ "[--footer-social:var(--color-white)] [--footer-social-hover-bg:var(--color-white)]/10"
18588
+ ],
18589
+ "accent-400": [
18590
+ "bg-accent-400 text-accent-800",
18591
+ "[--footer-text:var(--color-accent-800)]",
18592
+ "[--footer-border:var(--color-accent-800)]/15",
18593
+ "[--footer-link:var(--color-accent-800)] [--footer-link-hover-bg:var(--color-accent-800)]/10 [--footer-link-hover-text:var(--color-accent-800)]",
18594
+ "[--footer-social:var(--color-accent-800)] [--footer-social-hover-bg:var(--color-accent-800)]/10"
18595
+ ],
18596
+ "accent-200": [
18597
+ "bg-accent-200 text-accent-800",
18598
+ "[--footer-text:var(--color-accent-800)]",
18599
+ "[--footer-border:var(--color-accent-800)]/15",
18600
+ "[--footer-link:var(--color-accent-800)] [--footer-link-hover-bg:var(--color-accent-800)]/10 [--footer-link-hover-text:var(--color-accent-800)]",
18601
+ "[--footer-social:var(--color-accent-800)] [--footer-social-hover-bg:var(--color-accent-800)]/10"
18602
+ ],
18603
+ white: [
18604
+ "bg-white text-grey-800",
18605
+ "[--footer-text:var(--color-grey-800)]",
18606
+ "[--footer-border:var(--color-grey-200)]",
18607
+ "[--footer-link:var(--color-grey-800)] [--footer-link-hover-bg:var(--color-grey-800)]/10 [--footer-link-hover-text:var(--color-grey-800)]",
18608
+ "[--footer-social:var(--color-grey-800)] [--footer-social-hover-bg:var(--color-grey-800)]/10"
18609
+ ]
18499
18610
  }
18611
+ },
18612
+ defaultVariants: {
18613
+ color: "white"
18500
18614
  }
18501
- );
18615
+ });
18502
18616
  var footerSocialLinkClassName = [
18503
18617
  "group",
18504
18618
  "[--btn-bg:var(--footer-social)]",
@@ -18827,7 +18941,7 @@ function FormatToggle({ format, setFormat }) {
18827
18941
 
18828
18942
  // package.json
18829
18943
  var package_default = {
18830
- version: "1.116.0"};
18944
+ version: "1.118.0"};
18831
18945
  var SluggerContext = React5__namespace.default.createContext(null);
18832
18946
  function flattenText(nodes) {
18833
18947
  if (nodes == null || typeof nodes === "boolean") return "";
@@ -19213,7 +19327,6 @@ var heroBannerVariants2 = classVarianceAuthority.cva("relative", {
19213
19327
  "grey-600": "bg-grey-600 text-white",
19214
19328
  "grey-400": "bg-grey-400 text-grey-800",
19215
19329
  "grey-200": "bg-grey-200 text-grey-800",
19216
- "grey-150": "bg-grey-200 text-grey-800",
19217
19330
  "accent-800": "bg-accent-800 text-white",
19218
19331
  "accent-600": "bg-accent-600 text-white",
19219
19332
  "accent-400": "bg-accent-400 text-accent-800",
@@ -29782,164 +29895,156 @@ function NavigationMenuIndicator({
29782
29895
  }
29783
29896
  );
29784
29897
  }
29785
- var navigationMenuMainNavigationSurfaceStyles = classVarianceAuthority.cva("", {
29786
- variants: {
29787
- variant: {
29788
- primary: "bg-primary-800 dark:bg-primary-900",
29789
- secondary: "bg-[#f5f2ff] dark:bg-[#261447]",
29790
- tertiary: "bg-primary-600 dark:bg-primary-700",
29791
- white: "bg-white dark:bg-grey-950",
29792
- grey: "bg-grey-100 dark:bg-grey-900"
29793
- }
29794
- },
29795
- defaultVariants: {
29796
- variant: "grey"
29797
- }
29798
- });
29799
- var navigationMenuMainNavigationBorderStyles = classVarianceAuthority.cva("", {
29800
- variants: {
29801
- variant: {
29802
- primary: "border-primary-700 dark:border-primary-600",
29803
- secondary: "border-[#d9ccff] dark:border-[#4e3a86]",
29804
- tertiary: "border-primary-500 dark:border-primary-600",
29805
- white: "border-grey-200 dark:border-grey-800",
29806
- grey: "border-grey-200 dark:border-grey-800"
29807
- }
29808
- },
29809
- defaultVariants: {
29810
- variant: "grey"
29811
- }
29812
- });
29813
- var navigationMenuMainNavigationTriggerToneStyles = classVarianceAuthority.cva("", {
29814
- variants: {
29815
- variant: {
29816
- primary: "text-white dark:text-primary-50",
29817
- secondary: "text-primary-800 dark:text-primary-100",
29818
- tertiary: "text-white dark:text-primary-50",
29819
- white: "text-grey-900 dark:text-white",
29820
- grey: "text-grey-800 dark:text-grey-100"
29821
- }
29822
- },
29823
- defaultVariants: {
29824
- variant: "grey"
29825
- }
29826
- });
29827
- var navigationMenuMainNavigationTriggerActiveStyles = classVarianceAuthority.cva("", {
29828
- variants: {
29829
- variant: {
29830
- 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",
29831
- 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",
29832
- 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",
29833
- 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",
29834
- 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"
29835
- }
29836
- },
29837
- defaultVariants: {
29838
- variant: "grey"
29839
- }
29840
- });
29841
- var navigationMenuMainNavigationTriggerEdgeStyles = classVarianceAuthority.cva("", {
29842
- variants: {
29843
- variant: {
29844
- 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",
29845
- 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]",
29846
- 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",
29847
- 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",
29848
- 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"
29849
- }
29850
- },
29851
- defaultVariants: {
29852
- variant: "grey"
29853
- }
29854
- });
29855
- var navigationMenuMainNavigationDropdownSurfaceStyles = classVarianceAuthority.cva(
29856
- "w-full shadow dark:shadow-black/40",
29857
- {
29858
- variants: {
29859
- variant: {
29860
- primary: "bg-white dark:bg-grey-950",
29861
- secondary: "bg-white dark:bg-grey-900",
29862
- tertiary: "bg-white dark:bg-grey-950",
29863
- white: "bg-white dark:bg-grey-950",
29864
- grey: "bg-white dark:bg-grey-950"
29865
- }
29866
- },
29867
- defaultVariants: {
29868
- variant: "grey"
29869
- }
29870
- }
29871
- );
29872
- var navigationMenuMainNavigationFeaturedLinkStyles = classVarianceAuthority.cva(
29873
- "group relative flex items-center px-8 py-8 text-xl font-bold whitespace-normal",
29874
- {
29875
- variants: {
29876
- variant: {
29877
- primary: "text-primary-800 hover:bg-primary-800/8 dark:text-primary-200 dark:hover:bg-primary-900/80",
29878
- secondary: "text-primary-800 hover:bg-[#f5f2ff] dark:text-primary-200 dark:hover:bg-[#32205a]/70",
29879
- tertiary: "text-primary-700 hover:bg-primary-100 dark:text-primary-200 dark:hover:bg-primary-900/70",
29880
- white: "text-primary-800 hover:bg-grey-100 dark:text-primary-200 dark:hover:bg-grey-800/80",
29881
- grey: "text-primary-800 hover:bg-grey-100 dark:text-primary-200 dark:hover:bg-grey-800/80"
29882
- }
29883
- },
29884
- defaultVariants: {
29885
- variant: "grey"
29886
- }
29887
- }
29888
- );
29889
- var navigationMenuMainNavigationSectionLinkStyles = classVarianceAuthority.cva(
29890
- "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",
29891
- {
29892
- variants: {
29893
- variant: {
29894
- 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",
29895
- 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",
29896
- 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",
29897
- 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",
29898
- 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"
29899
- }
29900
- },
29901
- defaultVariants: {
29902
- variant: "grey"
29903
- }
29904
- }
29905
- );
29906
- var navigationMenuMainNavigationSectionLinkTitleStyles = classVarianceAuthority.cva("text-base font-semibold", {
29907
- variants: {
29908
- variant: {
29909
- primary: "text-grey-900 dark:text-primary-50",
29910
- secondary: "text-grey-900 dark:text-grey-100",
29911
- tertiary: "text-grey-900 dark:text-primary-50",
29912
- white: "text-grey-900 dark:text-white",
29913
- grey: "text-grey-900 dark:text-grey-100"
29914
- }
29915
- },
29916
- defaultVariants: {
29917
- variant: "grey"
29918
- }
29919
- });
29898
+ function createVariantStyles({
29899
+ surface,
29900
+ border,
29901
+ triggerTone,
29902
+ triggerActive,
29903
+ featuredLink,
29904
+ sectionLink
29905
+ }) {
29906
+ return {
29907
+ surface: cn(surface, "dark:bg-grey-900 dark:text-white"),
29908
+ border: cn(border, "dark:border-grey-700"),
29909
+ triggerTone: cn(triggerTone, "dark:text-white"),
29910
+ triggerActive: cn(
29911
+ triggerActive,
29912
+ "dark:hover:bg-grey-800 dark:hover:text-white dark:focus:bg-grey-800 dark:focus:text-white dark:data-[state=open]:bg-grey-800 dark:data-[state=open]:text-white"
29913
+ ),
29914
+ dropdownSurface: "bg-white dark:bg-grey-900",
29915
+ featuredLink: cn(featuredLink, "dark:text-white dark:hover:bg-white/10"),
29916
+ sectionLink: cn(
29917
+ sectionLink,
29918
+ "dark:border-grey-700 dark:bg-grey-900 dark:hover:bg-white/10 dark:hover:text-white"
29919
+ ),
29920
+ sectionLinkTitle: "text-grey-900 dark:text-white"
29921
+ };
29922
+ }
29923
+ var navigationMenuMainNavigationVariantStyles = {
29924
+ "primary-800": createVariantStyles({
29925
+ surface: "bg-primary-800 text-white",
29926
+ border: "border-primary-700",
29927
+ triggerTone: "text-white",
29928
+ 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",
29929
+ featuredLink: "text-primary-800 hover:bg-primary-800/5",
29930
+ sectionLink: "border-grey-200 bg-white hover:bg-primary-800/5 hover:font-bold hover:text-primary-800"
29931
+ }),
29932
+ "primary-600": createVariantStyles({
29933
+ surface: "bg-primary-600 text-white",
29934
+ border: "border-primary-600",
29935
+ triggerTone: "text-white",
29936
+ 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",
29937
+ featuredLink: "text-primary-800 hover:bg-primary-800/5",
29938
+ sectionLink: "border-grey-200 bg-white hover:bg-primary-800/5 hover:font-bold hover:text-primary-800"
29939
+ }),
29940
+ "primary-400": createVariantStyles({
29941
+ surface: "bg-primary-400 text-primary-800",
29942
+ border: "border-primary-200",
29943
+ triggerTone: "text-primary-800",
29944
+ 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",
29945
+ featuredLink: "text-primary-800 hover:bg-primary-800/5",
29946
+ sectionLink: "border-grey-200 bg-white hover:bg-primary-800/5 hover:font-bold hover:text-primary-800"
29947
+ }),
29948
+ "primary-200": createVariantStyles({
29949
+ surface: "bg-primary-200 text-primary-800",
29950
+ border: "border-primary-200",
29951
+ triggerTone: "text-primary-800",
29952
+ 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",
29953
+ featuredLink: "text-primary-800 hover:bg-primary-800/5",
29954
+ sectionLink: "border-grey-200 bg-white hover:bg-primary-800/5 hover:font-bold hover:text-primary-800"
29955
+ }),
29956
+ "grey-800": createVariantStyles({
29957
+ surface: "bg-grey-800 text-white",
29958
+ border: "border-grey-700",
29959
+ triggerTone: "text-white",
29960
+ 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",
29961
+ featuredLink: "text-grey-800 hover:bg-grey-800/5",
29962
+ sectionLink: "border-grey-200 bg-white hover:bg-grey-800/5 hover:font-bold hover:text-grey-800"
29963
+ }),
29964
+ "grey-600": createVariantStyles({
29965
+ surface: "bg-grey-600 text-white",
29966
+ border: "border-grey-600",
29967
+ triggerTone: "text-white",
29968
+ 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",
29969
+ featuredLink: "text-grey-800 hover:bg-grey-800/5",
29970
+ sectionLink: "border-grey-200 bg-white hover:bg-grey-800/5 hover:font-bold hover:text-grey-800"
29971
+ }),
29972
+ "grey-400": createVariantStyles({
29973
+ surface: "bg-grey-400 text-grey-800",
29974
+ border: "border-grey-300",
29975
+ triggerTone: "text-grey-800",
29976
+ 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",
29977
+ featuredLink: "text-grey-800 hover:bg-grey-800/5",
29978
+ sectionLink: "border-grey-200 bg-white hover:bg-grey-800/5 hover:font-bold hover:text-grey-800"
29979
+ }),
29980
+ "grey-200": createVariantStyles({
29981
+ surface: "bg-grey-200 text-grey-800",
29982
+ border: "border-grey-200",
29983
+ triggerTone: "text-grey-800",
29984
+ 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",
29985
+ featuredLink: "text-grey-800 hover:bg-grey-800/5",
29986
+ sectionLink: "border-grey-200 bg-white hover:bg-grey-800/5 hover:font-bold hover:text-grey-800"
29987
+ }),
29988
+ "accent-800": createVariantStyles({
29989
+ surface: "bg-accent-800 text-white",
29990
+ border: "border-accent-600",
29991
+ triggerTone: "text-white",
29992
+ 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",
29993
+ featuredLink: "text-accent-800 hover:bg-accent-800/5",
29994
+ sectionLink: "border-grey-200 bg-white hover:bg-accent-800/5 hover:font-bold hover:text-accent-800"
29995
+ }),
29996
+ "accent-600": createVariantStyles({
29997
+ surface: "bg-accent-600 text-white",
29998
+ border: "border-accent-600",
29999
+ triggerTone: "text-white",
30000
+ 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",
30001
+ featuredLink: "text-accent-800 hover:bg-accent-800/5",
30002
+ sectionLink: "border-grey-200 bg-white hover:bg-accent-800/5 hover:font-bold hover:text-accent-800"
30003
+ }),
30004
+ "accent-400": createVariantStyles({
30005
+ surface: "bg-accent-400 text-accent-800",
30006
+ border: "border-accent-200",
30007
+ triggerTone: "text-accent-800",
30008
+ 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",
30009
+ featuredLink: "text-accent-800 hover:bg-accent-800/5",
30010
+ sectionLink: "border-grey-200 bg-white hover:bg-accent-800/5 hover:font-bold hover:text-accent-800"
30011
+ }),
30012
+ "accent-200": createVariantStyles({
30013
+ surface: "bg-accent-200 text-accent-800",
30014
+ border: "border-accent-200",
30015
+ triggerTone: "text-accent-800",
30016
+ 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",
30017
+ featuredLink: "text-accent-800 hover:bg-accent-800/5",
30018
+ sectionLink: "border-grey-200 bg-white hover:bg-accent-800/5 hover:font-bold hover:text-accent-800"
30019
+ }),
30020
+ white: createVariantStyles({
30021
+ surface: "bg-white text-grey-800",
30022
+ border: "border-grey-200",
30023
+ triggerTone: "text-grey-800",
30024
+ 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",
30025
+ featuredLink: "text-grey-800 hover:bg-grey-100",
30026
+ sectionLink: "border-grey-200 bg-white hover:bg-grey-50 hover:font-bold hover:text-grey-800"
30027
+ })
30028
+ };
29920
30029
  var PANEL_CLOSE_DELAY_MS = 220;
29921
30030
  function TopLevelItem({
29922
30031
  href = "#",
29923
30032
  title,
29924
30033
  variant,
29925
- syncBorderToSurface,
29926
30034
  triggerClassName,
29927
- triggerActiveClassName,
29928
- triggerActiveBorderClassName
30035
+ triggerActiveClassName
29929
30036
  }) {
30037
+ const styles5 = navigationMenuMainNavigationVariantStyles[variant];
29930
30038
  return /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuItem, { className: "shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(
29931
30039
  NavigationMenuLink,
29932
30040
  {
29933
30041
  asChild: true,
29934
30042
  className: cn(
29935
30043
  "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",
29936
- navigationMenuMainNavigationTriggerToneStyles({ variant }),
29937
- navigationMenuMainNavigationTriggerActiveStyles({ variant }),
30044
+ styles5.triggerTone,
30045
+ styles5.triggerActive,
29938
30046
  triggerClassName,
29939
- triggerActiveClassName,
29940
- 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",
29941
- syncBorderToSurface && navigationMenuMainNavigationTriggerEdgeStyles({ variant }),
29942
- syncBorderToSurface && triggerActiveBorderClassName
30047
+ triggerActiveClassName
29943
30048
  ),
29944
30049
  children: /* @__PURE__ */ jsxRuntime.jsx(Link14__default.default, { href, children: title })
29945
30050
  }
@@ -29951,11 +30056,16 @@ function FeaturedSectionLink({
29951
30056
  variant,
29952
30057
  className
29953
30058
  }) {
30059
+ const styles5 = navigationMenuMainNavigationVariantStyles[variant];
29954
30060
  return /* @__PURE__ */ jsxRuntime.jsxs(
29955
30061
  Link14__default.default,
29956
30062
  {
29957
30063
  href,
29958
- className: cn(navigationMenuMainNavigationFeaturedLinkStyles({ variant }), className),
30064
+ className: cn(
30065
+ "group relative flex items-center px-8 py-8 text-xl font-bold whitespace-normal",
30066
+ styles5.featuredLink,
30067
+ className
30068
+ ),
29959
30069
  children: [
29960
30070
  /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "absolute inset-0" }),
29961
30071
  title,
@@ -29970,23 +30080,19 @@ function SectionLink({
29970
30080
  className,
29971
30081
  titleClassName
29972
30082
  }) {
30083
+ const styles5 = navigationMenuMainNavigationVariantStyles[variant];
29973
30084
  return /* @__PURE__ */ jsxRuntime.jsx(
29974
30085
  NavigationMenuLink,
29975
30086
  {
29976
30087
  asChild: true,
29977
- className: cn(navigationMenuMainNavigationSectionLinkStyles({ variant }), className),
30088
+ className: cn(
30089
+ "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",
30090
+ styles5.sectionLink,
30091
+ className
30092
+ ),
29978
30093
  children: /* @__PURE__ */ jsxRuntime.jsxs(Link14__default.default, { href: link.href, className: "outline-none", children: [
29979
30094
  /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "absolute inset-0" }),
29980
- /* @__PURE__ */ jsxRuntime.jsx(
29981
- "span",
29982
- {
29983
- className: cn(
29984
- navigationMenuMainNavigationSectionLinkTitleStyles({ variant }),
29985
- titleClassName
29986
- ),
29987
- children: link.title
29988
- }
29989
- )
30095
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("text-base font-semibold", styles5.sectionLinkTitle, titleClassName), children: link.title })
29990
30096
  ] })
29991
30097
  }
29992
30098
  );
@@ -29994,18 +30100,18 @@ function SectionLink({
29994
30100
  function MegaNavigationItem({
29995
30101
  section,
29996
30102
  variant,
30103
+ shadow,
29997
30104
  fullBleed,
29998
30105
  panelMetrics,
29999
30106
  onOpenIntent,
30000
30107
  dropdownBackgroundClassName,
30001
- syncBorderToSurface,
30002
30108
  triggerClassName,
30003
30109
  triggerActiveClassName,
30004
- triggerActiveBorderClassName,
30005
30110
  featuredLinkClassName,
30006
30111
  sectionLinkClassName,
30007
30112
  sectionLinkTitleClassName
30008
30113
  }) {
30114
+ const styles5 = navigationMenuMainNavigationVariantStyles[variant];
30009
30115
  if (!section.links?.length) {
30010
30116
  return /* @__PURE__ */ jsxRuntime.jsx(
30011
30117
  TopLevelItem,
@@ -30013,10 +30119,8 @@ function MegaNavigationItem({
30013
30119
  href: section.href,
30014
30120
  title: section.title,
30015
30121
  variant,
30016
- syncBorderToSurface,
30017
30122
  triggerClassName,
30018
- triggerActiveClassName,
30019
- triggerActiveBorderClassName
30123
+ triggerActiveClassName
30020
30124
  }
30021
30125
  );
30022
30126
  }
@@ -30026,14 +30130,11 @@ function MegaNavigationItem({
30026
30130
  {
30027
30131
  className: cn(
30028
30132
  "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",
30029
- navigationMenuMainNavigationTriggerToneStyles({ variant }),
30030
- navigationMenuMainNavigationTriggerActiveStyles({ variant }),
30133
+ styles5.triggerTone,
30134
+ styles5.triggerActive,
30031
30135
  triggerClassName,
30032
30136
  triggerActiveClassName,
30033
- "data-[state=open]:shadow-[inset_0_-2px_0_0_currentColor]",
30034
- 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",
30035
- syncBorderToSurface && navigationMenuMainNavigationTriggerEdgeStyles({ variant }),
30036
- syncBorderToSurface && triggerActiveBorderClassName
30137
+ "data-[state=open]:shadow-[inset_0_-4px_0_0_currentColor]"
30037
30138
  ),
30038
30139
  onPointerEnter: onOpenIntent,
30039
30140
  children: section.title
@@ -30043,7 +30144,7 @@ function MegaNavigationItem({
30043
30144
  NavigationMenuContent,
30044
30145
  {
30045
30146
  className: cn(
30046
- "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"
30147
+ "left-0 w-full p-0 pr-0 whitespace-normal group-data-[viewport=false]/navigation-menu:mt-0 group-data-[viewport=false]/navigation-menu:!overflow-visible 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"
30047
30148
  ),
30048
30149
  style: fullBleed && panelMetrics ? {
30049
30150
  left: `${-panelMetrics.left}px`,
@@ -30054,7 +30155,9 @@ function MegaNavigationItem({
30054
30155
  "div",
30055
30156
  {
30056
30157
  className: cn(
30057
- navigationMenuMainNavigationDropdownSurfaceStyles({ variant }),
30158
+ "relative z-10 w-full",
30159
+ shadow && "shadow-md shadow-slate-900/5 dark:shadow-none",
30160
+ styles5.dropdownSurface,
30058
30161
  dropdownBackgroundClassName
30059
30162
  ),
30060
30163
  children: /* @__PURE__ */ jsxRuntime.jsxs(
@@ -30098,18 +30201,18 @@ function MegaNavigationItem({
30098
30201
  function NavigationMenuMainNavigation({
30099
30202
  navigation,
30100
30203
  id: id3 = "nsw-main-navigation",
30101
- variant = "grey",
30204
+ variant = "white",
30102
30205
  borderPosition = "none",
30206
+ shadow = true,
30103
30207
  className,
30104
30208
  responsive = true,
30105
30209
  sticky = true,
30106
- fullBleed = false,
30210
+ fullBleed = true,
30107
30211
  backgroundClassName,
30108
30212
  dropdownBackgroundClassName,
30109
30213
  borderClassName,
30110
30214
  triggerClassName,
30111
30215
  triggerActiveClassName,
30112
- triggerActiveBorderClassName,
30113
30216
  featuredLinkClassName,
30114
30217
  sectionLinkClassName,
30115
30218
  sectionLinkTitleClassName,
@@ -30125,7 +30228,6 @@ function NavigationMenuMainNavigation({
30125
30228
  const hasTopBorder = resolvedBorderPosition === "top" || resolvedBorderPosition === "both";
30126
30229
  const hasBottomBorder = resolvedBorderPosition === "bottom" || resolvedBorderPosition === "both";
30127
30230
  const hasBorder = hasTopBorder || hasBottomBorder;
30128
- const syncBorderToSurface = hasBorder;
30129
30231
  const [panelMetrics, setPanelMetrics] = React5__namespace.useState({
30130
30232
  left: 0,
30131
30233
  width: 0,
@@ -30192,10 +30294,11 @@ function NavigationMenuMainNavigation({
30192
30294
  role: "navigation",
30193
30295
  id: id3,
30194
30296
  className: cn(
30195
- "z-40 shadow-md shadow-grey-900/5 dark:shadow-none",
30196
- navigationMenuMainNavigationSurfaceStyles({ variant }),
30297
+ "z-40",
30298
+ shadow && "shadow-md shadow-slate-900/5 dark:shadow-none",
30299
+ navigationMenuMainNavigationVariantStyles[variant].surface,
30197
30300
  backgroundClassName,
30198
- hasBorder && navigationMenuMainNavigationBorderStyles({ variant }),
30301
+ hasBorder && navigationMenuMainNavigationVariantStyles[variant].border,
30199
30302
  hasBorder && borderClassName,
30200
30303
  hasTopBorder && "border-t",
30201
30304
  hasBottomBorder && "border-b",
@@ -30222,14 +30325,13 @@ function NavigationMenuMainNavigation({
30222
30325
  {
30223
30326
  section,
30224
30327
  variant,
30328
+ shadow,
30225
30329
  fullBleed,
30226
30330
  panelMetrics,
30227
30331
  onOpenIntent: cancelCloseTimer,
30228
30332
  dropdownBackgroundClassName,
30229
- syncBorderToSurface,
30230
30333
  triggerClassName,
30231
30334
  triggerActiveClassName,
30232
- triggerActiveBorderClassName,
30233
30335
  featuredLinkClassName,
30234
30336
  sectionLinkClassName,
30235
30337
  sectionLinkTitleClassName