@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.cjs CHANGED
@@ -59,7 +59,8 @@ var tailwindVariants = require('tailwind-variants');
59
59
  var ResizablePrimitive = require('react-resizable-panels');
60
60
  var SliderPrimitive = require('@radix-ui/react-slider');
61
61
  var reactSyntaxHighlighter = require('react-syntax-highlighter');
62
- var prism = require('react-syntax-highlighter/dist/esm/styles/prism');
62
+ var oneDark = require('react-syntax-highlighter/dist/esm/styles/prism/one-dark');
63
+ var oneLight = require('react-syntax-highlighter/dist/esm/styles/prism/one-light');
63
64
  var tokenlens = require('tokenlens');
64
65
  var useStickToBottom = require('use-stick-to-bottom');
65
66
  var crypto = require('crypto');
@@ -122,6 +123,8 @@ var NavigationMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(Navigati
122
123
  var ProgressPrimitive__namespace = /*#__PURE__*/_interopNamespace(ProgressPrimitive);
123
124
  var ResizablePrimitive__namespace = /*#__PURE__*/_interopNamespace(ResizablePrimitive);
124
125
  var SliderPrimitive__namespace = /*#__PURE__*/_interopNamespace(SliderPrimitive);
126
+ var oneDark__default = /*#__PURE__*/_interopDefault(oneDark);
127
+ var oneLight__default = /*#__PURE__*/_interopDefault(oneLight);
125
128
  var crypto__default = /*#__PURE__*/_interopDefault(crypto);
126
129
 
127
130
  var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
@@ -18238,25 +18241,101 @@ function DynamicFavicon({ lightModeFavicon, darkModeFavicon }) {
18238
18241
  }, [lightModeFavicon, darkModeFavicon]);
18239
18242
  return null;
18240
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
+ });
18241
18313
  var ExpandableSearchContext = React5__namespace.createContext(null);
18242
- var ExpandableSearch = React5__namespace.forwardRef(({ className, onAction, defaultValue = "", ...props }, ref) => {
18314
+ var ExpandableSearch = React5__namespace.forwardRef(({ className, onAction, defaultValue = "", variant = "default", ...props }, ref) => {
18243
18315
  const [value, setValue] = React5__namespace.useState(defaultValue);
18244
18316
  const formRef = React5__namespace.useRef(null);
18317
+ const resolvedVariant = variant ?? "default";
18245
18318
  const handleAction = (e) => {
18246
18319
  e.preventDefault();
18247
18320
  if (onAction) {
18248
18321
  onAction(value);
18249
18322
  }
18250
18323
  };
18251
- return /* @__PURE__ */ jsxRuntime.jsx(ExpandableSearchContext.Provider, { value: { value, setValue, formRef }, children: /* @__PURE__ */ jsxRuntime.jsx(
18252
- "form",
18324
+ return /* @__PURE__ */ jsxRuntime.jsx(
18325
+ ExpandableSearchContext.Provider,
18253
18326
  {
18254
- ref,
18255
- className: cn("relative inline-block select-none", className),
18256
- onSubmit: handleAction,
18257
- ...props
18327
+ value: { value, setValue, formRef, variant: resolvedVariant },
18328
+ children: /* @__PURE__ */ jsxRuntime.jsx(
18329
+ "form",
18330
+ {
18331
+ ref,
18332
+ className: cn("relative inline-block select-none", className),
18333
+ onSubmit: handleAction,
18334
+ ...props
18335
+ }
18336
+ )
18258
18337
  }
18259
- ) });
18338
+ );
18260
18339
  });
18261
18340
  ExpandableSearch.displayName = "ExpandableSearch";
18262
18341
  var ExpandableSearchField = React5__namespace.forwardRef(({ className, ...props }, ref) => {
@@ -18264,6 +18343,7 @@ var ExpandableSearchField = React5__namespace.forwardRef(({ className, ...props
18264
18343
  if (!context) throw new Error("ExpandableSearchField must be used within ExpandableSearch");
18265
18344
  const [isFocused, setIsFocused] = React5__namespace.useState(false);
18266
18345
  const isActive = context.value.length > 0 || isFocused;
18346
+ const variant = context.variant;
18267
18347
  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex-1", children: [
18268
18348
  /* @__PURE__ */ jsxRuntime.jsx("label", { className: "sr-only", htmlFor: "expandable-search", children: "Search" }),
18269
18349
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -18275,17 +18355,19 @@ var ExpandableSearchField = React5__namespace.forwardRef(({ className, ...props
18275
18355
  onFocus: () => setIsFocused(true),
18276
18356
  onBlur: () => setIsFocused(false),
18277
18357
  className: cn(
18278
- "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",
18358
+ "peer align-center flex h-12 w-12 cursor-pointer overflow-hidden rounded-sm border-0 text-transparent",
18279
18359
  "ring-offset-white focus-visible:ring-2 focus-visible:ring-primary-650/70 focus-visible:ring-offset-2 focus-visible:outline-none",
18280
18360
  "transition-[width,box-shadow,background-color] duration-300 ease-in-out",
18281
18361
  "placeholder:text-transparent placeholder:opacity-0",
18282
18362
  "expandable-search__input",
18363
+ expandableSearchCollapsedVariants({ variant }),
18283
18364
  // Conditionally apply classes based on active state
18284
18365
  {
18285
18366
  "p-0": !isActive,
18286
- "w-96 cursor-auto bg-grey-100 pt-0 pr-12 pb-0 pl-4 text-grey-800 outline-none select-auto": isActive,
18287
- "placeholder:text-grey-700 placeholder:opacity-100": isActive
18367
+ "w-96 cursor-auto pt-0 pr-12 pb-0 pl-4 outline-none select-auto": isActive
18288
18368
  },
18369
+ isActive && expandableSearchSurfaceVariants({ variant }),
18370
+ isActive && (variant === "default" ? "placeholder:text-grey-700 placeholder:opacity-100" : "placeholder:text-current placeholder:opacity-70"),
18289
18371
  className
18290
18372
  ),
18291
18373
  ...props
@@ -18295,8 +18377,11 @@ var ExpandableSearchField = React5__namespace.forwardRef(({ className, ...props
18295
18377
  "button",
18296
18378
  {
18297
18379
  type: "button",
18298
- 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",
18299
- children: /* @__PURE__ */ jsxRuntime.jsx(Icons.search, { className: "m-auto block h-8 w-8 shrink-0 fill-primary leading-none" })
18380
+ className: cn(
18381
+ "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",
18382
+ expandableSearchButtonVariants({ variant })
18383
+ ),
18384
+ children: /* @__PURE__ */ jsxRuntime.jsx(Icons.search, { className: "m-auto block h-8 w-8 shrink-0 fill-current leading-none" })
18300
18385
  }
18301
18386
  )
18302
18387
  ] });
@@ -18401,101 +18486,106 @@ function ErrorMessage({
18401
18486
  }
18402
18487
  );
18403
18488
  }
18404
- var footerVariants = classVarianceAuthority.cva(
18405
- "bg-(--footer-bg) text-(--footer-text) [--footer-social-hover:var(--footer-social)]",
18406
- {
18407
- variants: {
18408
- color: {
18409
- "primary/grey": [
18410
- "[--footer-bg:var(--color-primary-800)] [--footer-text:var(--color-white)] [--footer-muted:var(--color-primary-100)]",
18411
- "dark:[--footer-bg:var(--color-grey-800)] dark:[--footer-text:var(--color-white)] dark:[--footer-muted:var(--color-grey-100)]",
18412
- "[--footer-border:var(--color-white)]/15",
18413
- "[--footer-link:var(--color-white)] [--footer-link-hover-bg:var(--color-white)]/10 [--footer-link-hover-text:var(--color-white)]",
18414
- "[--footer-social:var(--color-white)] [--footer-social-hover-bg:var(--color-white)]/10"
18415
- ],
18416
- light: [
18417
- "[--footer-bg:var(--color-grey-200)] [--footer-text:var(--color-grey-800)] [--footer-muted:var(--color-grey-700)]",
18418
- "dark:[--footer-bg:var(--color-grey-800)] dark:[--footer-text:var(--color-white)] dark:[--footer-muted:var(--color-grey-100)]",
18419
- "[--footer-border:var(--color-grey-300)] dark:[--footer-border:var(--color-white)]/15",
18420
- "[--footer-link:var(--color-grey-700)] [--footer-link-hover-bg:var(--color-grey-800)]/10 [--footer-link-hover-text:var(--color-grey-900)]",
18421
- "dark:[--footer-link:var(--color-white)] dark:[--footer-link-hover-bg:var(--color-white)]/10 dark:[--footer-link-hover-text:var(--color-white)]",
18422
- "[--footer-social:var(--color-grey-800)] [--footer-social-hover:var(--color-grey-900)] [--footer-social-hover-bg:var(--color-grey-800)]/10",
18423
- "dark:[--footer-social:var(--color-white)] dark:[--footer-social-hover:var(--color-white)] dark:[--footer-social-hover-bg:var(--color-white)]/10"
18424
- ],
18425
- "primary/white": [
18426
- "[--footer-bg:var(--color-primary-800)] [--footer-text:var(--color-white)] [--footer-muted:var(--color-primary-100)]",
18427
- "dark:[--footer-bg:var(--color-primary-800)] dark:[--footer-text:var(--color-white)] dark:[--footer-muted:var(--color-primary-100)]",
18428
- "[--footer-border:var(--color-white)]/15",
18429
- "[--footer-link:var(--color-white)] [--footer-link-hover-bg:var(--color-white)]/10 [--footer-link-hover-text:var(--color-white)]",
18430
- "[--footer-social:var(--color-white)] [--footer-social-hover-bg:var(--color-white)]/10"
18431
- ],
18432
- white: [
18433
- "[--footer-bg:var(--color-white)] [--footer-text:var(--color-grey-800)] [--footer-muted:var(--color-grey-600)]",
18434
- "dark:[--footer-bg:var(--color-grey-800)] dark:[--footer-text:var(--color-white)] dark:[--footer-muted:var(--color-grey-100)]",
18435
- "[--footer-border:var(--color-grey-200)] dark:[--footer-border:var(--color-white)]/15",
18436
- "[--footer-link:var(--color-grey-600)] [--footer-link-hover-bg:var(--color-primary-800)]/10 [--footer-link-hover-text:var(--color-grey-800)]",
18437
- "dark:[--footer-link:var(--color-white)] dark:[--footer-link-hover-bg:var(--color-white)]/10 dark:[--footer-link-hover-text:var(--color-white)]",
18438
- "[--footer-social:var(--color-grey-700)] [--footer-social-hover:var(--color-grey-900)] [--footer-social-hover-bg:var(--color-primary-800)]/10",
18439
- "dark:[--footer-social:var(--color-white)] dark:[--footer-social-hover:var(--color-white)] dark:[--footer-social-hover-bg:var(--color-white)]/10"
18440
- ],
18441
- "grey-600": [
18442
- "[--footer-bg:var(--color-grey-600)] [--footer-text:var(--color-white)] [--footer-muted:var(--color-grey-100)]",
18443
- "[--footer-border:var(--color-white)]/15",
18444
- "[--footer-link:var(--color-white)] [--footer-link-hover-bg:var(--color-white)]/10 [--footer-link-hover-text:var(--color-white)]",
18445
- "[--footer-social:var(--color-white)] [--footer-social-hover-bg:var(--color-white)]/10"
18446
- ],
18447
- "grey-800": [
18448
- "[--footer-bg:var(--color-grey-800)] [--footer-text:var(--color-white)] [--footer-muted:var(--color-grey-100)]",
18449
- "[--footer-border:var(--color-white)]/15",
18450
- "[--footer-link:var(--color-white)] [--footer-link-hover-bg:var(--color-white)]/10 [--footer-link-hover-text:var(--color-white)]",
18451
- "[--footer-social:var(--color-white)] [--footer-social-hover-bg:var(--color-white)]/10"
18452
- ],
18453
- "accent-200": [
18454
- "[--footer-bg:var(--color-accent-200)] [--footer-text:var(--color-accent-800)] [--footer-muted:var(--color-accent-700)]",
18455
- "dark:[--footer-bg:var(--color-accent-800)] dark:[--footer-text:var(--color-white)] dark:[--footer-muted:var(--color-accent-100)]",
18456
- "[--footer-border:var(--color-accent-800)]/15 dark:[--footer-border:var(--color-white)]/15",
18457
- "[--footer-link:var(--color-accent-800)] [--footer-link-hover-bg:var(--color-accent-800)]/10 [--footer-link-hover-text:var(--color-accent-800)]",
18458
- "dark:[--footer-link:var(--color-white)] dark:[--footer-link-hover-bg:var(--color-white)]/10 dark:[--footer-link-hover-text:var(--color-white)]",
18459
- "[--footer-social:var(--color-accent-800)] [--footer-social-hover-bg:var(--color-accent-800)]/10",
18460
- "dark:[--footer-social:var(--color-white)] dark:[--footer-social-hover-bg:var(--color-white)]/10"
18461
- ],
18462
- primary: [
18463
- "[--footer-bg:var(--color-primary-800)] [--footer-text:var(--color-white)] [--footer-muted:var(--color-primary-100)]",
18464
- "dark:[--footer-bg:var(--color-primary-800)] dark:[--footer-text:var(--color-white)] dark:[--footer-muted:var(--color-primary-100)]",
18465
- "[--footer-border:var(--color-white)]/15",
18466
- "[--footer-link:var(--color-white)] [--footer-link-hover-bg:var(--color-white)]/10 [--footer-link-hover-text:var(--color-white)]",
18467
- "[--footer-social:var(--color-white)] [--footer-social-hover-bg:var(--color-white)]/10"
18468
- ],
18469
- secondary: [
18470
- "[--footer-bg:var(--color-primary-200)] [--footer-text:var(--color-primary-800)] [--footer-muted:var(--color-primary-700)]",
18471
- "dark:[--footer-bg:var(--color-primary-900)] dark:[--footer-text:var(--color-white)] dark:[--footer-muted:var(--color-primary-100)]",
18472
- "[--footer-border:var(--color-primary-800)]/15 dark:[--footer-border:var(--color-white)]/15",
18473
- "[--footer-link:var(--color-primary-800)] [--footer-link-hover-bg:var(--color-primary-800)]/10 [--footer-link-hover-text:var(--color-primary-800)]",
18474
- "dark:[--footer-link:var(--color-white)] dark:[--footer-link-hover-bg:var(--color-white)]/10 dark:[--footer-link-hover-text:var(--color-white)]",
18475
- "[--footer-social:var(--color-primary-800)] [--footer-social-hover-bg:var(--color-primary-800)]/10",
18476
- "dark:[--footer-social:var(--color-white)] dark:[--footer-social-hover-bg:var(--color-white)]/10"
18477
- ],
18478
- accent: [
18479
- "[--footer-bg:var(--color-accent-800)] [--footer-text:var(--color-white)] [--footer-muted:var(--color-accent-100)]",
18480
- "dark:[--footer-bg:var(--color-accent-800)] dark:[--footer-text:var(--color-white)] dark:[--footer-muted:var(--color-accent-100)]",
18481
- "[--footer-border:var(--color-white)]/15",
18482
- "[--footer-link:var(--color-white)] [--footer-link-hover-bg:var(--color-white)]/10 [--footer-link-hover-text:var(--color-white)]",
18483
- "[--footer-social:var(--color-white)] [--footer-social-hover-bg:var(--color-white)]/10"
18484
- ],
18485
- danger: [
18486
- "[--footer-bg:var(--color-danger-600)] [--footer-text:var(--color-white)] [--footer-muted:var(--color-danger-100)]",
18487
- "dark:[--footer-bg:var(--color-danger-600)] dark:[--footer-text:var(--color-white)] dark:[--footer-muted:var(--color-danger-100)]",
18488
- "[--footer-border:var(--color-white)]/15",
18489
- "[--footer-link:var(--color-white)] [--footer-link-hover-bg:var(--color-white)]/10 [--footer-link-hover-text:var(--color-white)]",
18490
- "[--footer-social:var(--color-white)] [--footer-social-hover-bg:var(--color-white)]/10"
18491
- ]
18492
- }
18493
- },
18494
- defaultVariants: {
18495
- color: "white"
18489
+ var footerVariants = classVarianceAuthority.cva("[--footer-social-hover:var(--footer-social)]", {
18490
+ variants: {
18491
+ color: {
18492
+ "primary-800": [
18493
+ "bg-primary-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
+ "primary-600": [
18500
+ "bg-primary-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
+ "primary-400": [
18507
+ "bg-primary-400 text-primary-800",
18508
+ "[--footer-text:var(--color-primary-800)]",
18509
+ "[--footer-border:var(--color-primary-800)]/15",
18510
+ "[--footer-link:var(--color-primary-800)] [--footer-link-hover-bg:var(--color-primary-800)]/10 [--footer-link-hover-text:var(--color-primary-800)]",
18511
+ "[--footer-social:var(--color-primary-800)] [--footer-social-hover-bg:var(--color-primary-800)]/10"
18512
+ ],
18513
+ "primary-200": [
18514
+ "bg-primary-200 text-primary-800",
18515
+ "[--footer-text:var(--color-primary-800)]",
18516
+ "[--footer-border:var(--color-primary-800)]/15",
18517
+ "[--footer-link:var(--color-primary-800)] [--footer-link-hover-bg:var(--color-primary-800)]/10 [--footer-link-hover-text:var(--color-primary-800)]",
18518
+ "[--footer-social:var(--color-primary-800)] [--footer-social-hover-bg:var(--color-primary-800)]/10"
18519
+ ],
18520
+ "grey-800": [
18521
+ "bg-grey-800 text-white",
18522
+ "[--footer-text:var(--color-white)]",
18523
+ "[--footer-border:var(--color-white)]/15",
18524
+ "[--footer-link:var(--color-white)] [--footer-link-hover-bg:var(--color-white)]/10 [--footer-link-hover-text:var(--color-white)]",
18525
+ "[--footer-social:var(--color-white)] [--footer-social-hover-bg:var(--color-white)]/10"
18526
+ ],
18527
+ "grey-600": [
18528
+ "bg-grey-600 text-white",
18529
+ "[--footer-text:var(--color-white)]",
18530
+ "[--footer-border:var(--color-white)]/15",
18531
+ "[--footer-link:var(--color-white)] [--footer-link-hover-bg:var(--color-white)]/10 [--footer-link-hover-text:var(--color-white)]",
18532
+ "[--footer-social:var(--color-white)] [--footer-social-hover-bg:var(--color-white)]/10"
18533
+ ],
18534
+ "grey-400": [
18535
+ "bg-grey-400 text-grey-800",
18536
+ "[--footer-text:var(--color-grey-800)]",
18537
+ "[--footer-border:var(--color-grey-800)]/15",
18538
+ "[--footer-link:var(--color-grey-800)] [--footer-link-hover-bg:var(--color-grey-800)]/10 [--footer-link-hover-text:var(--color-grey-800)]",
18539
+ "[--footer-social:var(--color-grey-800)] [--footer-social-hover-bg:var(--color-grey-800)]/10"
18540
+ ],
18541
+ "grey-200": [
18542
+ "bg-grey-200 text-grey-800",
18543
+ "[--footer-text:var(--color-grey-800)]",
18544
+ "[--footer-border:var(--color-grey-800)]/15",
18545
+ "[--footer-link:var(--color-grey-800)] [--footer-link-hover-bg:var(--color-grey-800)]/10 [--footer-link-hover-text:var(--color-grey-800)]",
18546
+ "[--footer-social:var(--color-grey-800)] [--footer-social-hover-bg:var(--color-grey-800)]/10"
18547
+ ],
18548
+ "accent-800": [
18549
+ "bg-accent-800 text-white",
18550
+ "[--footer-text:var(--color-white)]",
18551
+ "[--footer-border:var(--color-white)]/15",
18552
+ "[--footer-link:var(--color-white)] [--footer-link-hover-bg:var(--color-white)]/10 [--footer-link-hover-text:var(--color-white)]",
18553
+ "[--footer-social:var(--color-white)] [--footer-social-hover-bg:var(--color-white)]/10"
18554
+ ],
18555
+ "accent-600": [
18556
+ "bg-accent-600 text-white",
18557
+ "[--footer-text:var(--color-white)]",
18558
+ "[--footer-border:var(--color-white)]/15",
18559
+ "[--footer-link:var(--color-white)] [--footer-link-hover-bg:var(--color-white)]/10 [--footer-link-hover-text:var(--color-white)]",
18560
+ "[--footer-social:var(--color-white)] [--footer-social-hover-bg:var(--color-white)]/10"
18561
+ ],
18562
+ "accent-400": [
18563
+ "bg-accent-400 text-accent-800",
18564
+ "[--footer-text:var(--color-accent-800)]",
18565
+ "[--footer-border:var(--color-accent-800)]/15",
18566
+ "[--footer-link:var(--color-accent-800)] [--footer-link-hover-bg:var(--color-accent-800)]/10 [--footer-link-hover-text:var(--color-accent-800)]",
18567
+ "[--footer-social:var(--color-accent-800)] [--footer-social-hover-bg:var(--color-accent-800)]/10"
18568
+ ],
18569
+ "accent-200": [
18570
+ "bg-accent-200 text-accent-800",
18571
+ "[--footer-text:var(--color-accent-800)]",
18572
+ "[--footer-border:var(--color-accent-800)]/15",
18573
+ "[--footer-link:var(--color-accent-800)] [--footer-link-hover-bg:var(--color-accent-800)]/10 [--footer-link-hover-text:var(--color-accent-800)]",
18574
+ "[--footer-social:var(--color-accent-800)] [--footer-social-hover-bg:var(--color-accent-800)]/10"
18575
+ ],
18576
+ white: [
18577
+ "bg-white text-grey-800",
18578
+ "[--footer-text:var(--color-grey-800)]",
18579
+ "[--footer-border:var(--color-grey-200)]",
18580
+ "[--footer-link:var(--color-grey-800)] [--footer-link-hover-bg:var(--color-grey-800)]/10 [--footer-link-hover-text:var(--color-grey-800)]",
18581
+ "[--footer-social:var(--color-grey-800)] [--footer-social-hover-bg:var(--color-grey-800)]/10"
18582
+ ]
18496
18583
  }
18584
+ },
18585
+ defaultVariants: {
18586
+ color: "white"
18497
18587
  }
18498
- );
18588
+ });
18499
18589
  var footerSocialLinkClassName = [
18500
18590
  "group",
18501
18591
  "[--btn-bg:var(--footer-social)]",
@@ -18824,7 +18914,7 @@ function FormatToggle({ format, setFormat }) {
18824
18914
 
18825
18915
  // package.json
18826
18916
  var package_default = {
18827
- version: "1.115.0"};
18917
+ version: "1.117.0"};
18828
18918
  var SluggerContext = React5__namespace.default.createContext(null);
18829
18919
  function flattenText(nodes) {
18830
18920
  if (nodes == null || typeof nodes === "boolean") return "";
@@ -19210,7 +19300,6 @@ var heroBannerVariants2 = classVarianceAuthority.cva("relative", {
19210
19300
  "grey-600": "bg-grey-600 text-white",
19211
19301
  "grey-400": "bg-grey-400 text-grey-800",
19212
19302
  "grey-200": "bg-grey-200 text-grey-800",
19213
- "grey-150": "bg-grey-200 text-grey-800",
19214
19303
  "accent-800": "bg-accent-800 text-white",
19215
19304
  "accent-600": "bg-accent-600 text-white",
19216
19305
  "accent-400": "bg-accent-400 text-accent-800",
@@ -29779,141 +29868,146 @@ function NavigationMenuIndicator({
29779
29868
  }
29780
29869
  );
29781
29870
  }
29782
- var navigationMenuMainNavigationSurfaceStyles = classVarianceAuthority.cva("", {
29783
- variants: {
29784
- variant: {
29785
- primary: "bg-primary-800 dark:bg-primary-900",
29786
- secondary: "bg-[#f5f2ff] dark:bg-[#261447]",
29787
- tertiary: "bg-primary-600 dark:bg-primary-700",
29788
- white: "bg-white dark:bg-grey-950",
29789
- grey: "bg-grey-100 dark:bg-grey-900"
29790
- }
29791
- },
29792
- defaultVariants: {
29793
- variant: "grey"
29794
- }
29795
- });
29796
- var navigationMenuMainNavigationBorderStyles = classVarianceAuthority.cva("", {
29797
- variants: {
29798
- variant: {
29799
- primary: "border-primary-700 dark:border-primary-600",
29800
- secondary: "border-[#d9ccff] dark:border-[#4e3a86]",
29801
- tertiary: "border-primary-500 dark:border-primary-600",
29802
- white: "border-grey-200 dark:border-grey-800",
29803
- grey: "border-grey-200 dark:border-grey-800"
29804
- }
29805
- },
29806
- defaultVariants: {
29807
- variant: "grey"
29808
- }
29809
- });
29810
- var navigationMenuMainNavigationTriggerToneStyles = classVarianceAuthority.cva("", {
29811
- variants: {
29812
- variant: {
29813
- primary: "text-white dark:text-primary-50",
29814
- secondary: "text-primary-800 dark:text-primary-100",
29815
- tertiary: "text-white dark:text-primary-50",
29816
- white: "text-grey-900 dark:text-white",
29817
- grey: "text-grey-800 dark:text-grey-100"
29818
- }
29819
- },
29820
- defaultVariants: {
29821
- variant: "grey"
29822
- }
29823
- });
29824
- var navigationMenuMainNavigationTriggerActiveStyles = classVarianceAuthority.cva("", {
29825
- variants: {
29826
- variant: {
29827
- 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",
29828
- 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",
29829
- 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",
29830
- 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",
29831
- 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"
29832
- }
29833
- },
29834
- defaultVariants: {
29835
- variant: "grey"
29836
- }
29837
- });
29838
- var navigationMenuMainNavigationTriggerEdgeStyles = classVarianceAuthority.cva("", {
29839
- variants: {
29840
- variant: {
29841
- 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",
29842
- 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]",
29843
- 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",
29844
- 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",
29845
- 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"
29846
- }
29847
- },
29848
- defaultVariants: {
29849
- variant: "grey"
29850
- }
29851
- });
29852
- var navigationMenuMainNavigationDropdownSurfaceStyles = classVarianceAuthority.cva(
29853
- "w-full shadow dark:shadow-black/40",
29854
- {
29855
- variants: {
29856
- variant: {
29857
- primary: "bg-white dark:bg-grey-950",
29858
- secondary: "bg-white dark:bg-grey-900",
29859
- tertiary: "bg-white dark:bg-grey-950",
29860
- white: "bg-white dark:bg-grey-950",
29861
- grey: "bg-white dark:bg-grey-950"
29862
- }
29863
- },
29864
- defaultVariants: {
29865
- variant: "grey"
29866
- }
29867
- }
29868
- );
29869
- var navigationMenuMainNavigationFeaturedLinkStyles = classVarianceAuthority.cva(
29870
- "group relative flex items-center px-8 py-8 text-xl font-bold whitespace-normal",
29871
- {
29872
- variants: {
29873
- variant: {
29874
- primary: "text-primary-800 hover:bg-primary-800/8 dark:text-primary-200 dark:hover:bg-primary-900/80",
29875
- secondary: "text-primary-800 hover:bg-[#f5f2ff] dark:text-primary-200 dark:hover:bg-[#32205a]/70",
29876
- tertiary: "text-primary-700 hover:bg-primary-100 dark:text-primary-200 dark:hover:bg-primary-900/70",
29877
- white: "text-primary-800 hover:bg-grey-100 dark:text-primary-200 dark:hover:bg-grey-800/80",
29878
- grey: "text-primary-800 hover:bg-grey-100 dark:text-primary-200 dark:hover:bg-grey-800/80"
29879
- }
29880
- },
29881
- defaultVariants: {
29882
- variant: "grey"
29883
- }
29884
- }
29885
- );
29886
- var navigationMenuMainNavigationSectionLinkStyles = classVarianceAuthority.cva(
29887
- "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",
29888
- {
29889
- variants: {
29890
- variant: {
29891
- 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",
29892
- 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",
29893
- 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",
29894
- 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",
29895
- 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"
29896
- }
29897
- },
29898
- defaultVariants: {
29899
- variant: "grey"
29900
- }
29901
- }
29902
- );
29903
- var navigationMenuMainNavigationSectionLinkTitleStyles = classVarianceAuthority.cva("text-base font-semibold", {
29904
- variants: {
29905
- variant: {
29906
- primary: "text-grey-900 dark:text-primary-50",
29907
- secondary: "text-grey-900 dark:text-grey-100",
29908
- tertiary: "text-grey-900 dark:text-primary-50",
29909
- white: "text-grey-900 dark:text-white",
29910
- grey: "text-grey-900 dark:text-grey-100"
29911
- }
29912
- },
29913
- defaultVariants: {
29914
- variant: "grey"
29915
- }
29916
- });
29871
+ function createVariantStyles({
29872
+ surface,
29873
+ border,
29874
+ triggerTone,
29875
+ triggerActive,
29876
+ triggerEdge,
29877
+ featuredLink,
29878
+ sectionLink
29879
+ }) {
29880
+ return {
29881
+ surface,
29882
+ border,
29883
+ triggerTone,
29884
+ triggerActive,
29885
+ triggerEdge,
29886
+ dropdownSurface: "bg-white",
29887
+ featuredLink,
29888
+ sectionLink,
29889
+ sectionLinkTitle: "text-grey-900"
29890
+ };
29891
+ }
29892
+ var navigationMenuMainNavigationVariantStyles = {
29893
+ "primary-800": createVariantStyles({
29894
+ surface: "bg-primary-800 text-white",
29895
+ border: "border-primary-700",
29896
+ triggerTone: "text-white",
29897
+ 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",
29898
+ 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",
29899
+ featuredLink: "text-primary-800 hover:bg-primary-800/5",
29900
+ sectionLink: "border-grey-200 bg-white hover:bg-primary-800/5 hover:font-bold hover:text-primary-800"
29901
+ }),
29902
+ "primary-600": createVariantStyles({
29903
+ surface: "bg-primary-600 text-white",
29904
+ border: "border-primary-600",
29905
+ triggerTone: "text-white",
29906
+ 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",
29907
+ 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",
29908
+ featuredLink: "text-primary-800 hover:bg-primary-800/5",
29909
+ sectionLink: "border-grey-200 bg-white hover:bg-primary-800/5 hover:font-bold hover:text-primary-800"
29910
+ }),
29911
+ "primary-400": createVariantStyles({
29912
+ surface: "bg-primary-400 text-primary-800",
29913
+ border: "border-primary-200",
29914
+ triggerTone: "text-primary-800",
29915
+ 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",
29916
+ 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",
29917
+ featuredLink: "text-primary-800 hover:bg-primary-800/5",
29918
+ sectionLink: "border-grey-200 bg-white hover:bg-primary-800/5 hover:font-bold hover:text-primary-800"
29919
+ }),
29920
+ "primary-200": createVariantStyles({
29921
+ surface: "bg-primary-200 text-primary-800",
29922
+ border: "border-primary-200",
29923
+ triggerTone: "text-primary-800",
29924
+ 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",
29925
+ 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",
29926
+ featuredLink: "text-primary-800 hover:bg-primary-800/5",
29927
+ sectionLink: "border-grey-200 bg-white hover:bg-primary-800/5 hover:font-bold hover:text-primary-800"
29928
+ }),
29929
+ "grey-800": createVariantStyles({
29930
+ surface: "bg-grey-800 text-white",
29931
+ border: "border-grey-700",
29932
+ triggerTone: "text-white",
29933
+ 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",
29934
+ 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",
29935
+ featuredLink: "text-grey-800 hover:bg-grey-800/5",
29936
+ sectionLink: "border-grey-200 bg-white hover:bg-grey-800/5 hover:font-bold hover:text-grey-800"
29937
+ }),
29938
+ "grey-600": createVariantStyles({
29939
+ surface: "bg-grey-600 text-white",
29940
+ border: "border-grey-600",
29941
+ triggerTone: "text-white",
29942
+ 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",
29943
+ 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",
29944
+ featuredLink: "text-grey-800 hover:bg-grey-800/5",
29945
+ sectionLink: "border-grey-200 bg-white hover:bg-grey-800/5 hover:font-bold hover:text-grey-800"
29946
+ }),
29947
+ "grey-400": createVariantStyles({
29948
+ surface: "bg-grey-400 text-grey-800",
29949
+ border: "border-grey-300",
29950
+ triggerTone: "text-grey-800",
29951
+ 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",
29952
+ 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",
29953
+ featuredLink: "text-grey-800 hover:bg-grey-800/5",
29954
+ sectionLink: "border-grey-200 bg-white hover:bg-grey-800/5 hover:font-bold hover:text-grey-800"
29955
+ }),
29956
+ "grey-200": createVariantStyles({
29957
+ surface: "bg-grey-200 text-grey-800",
29958
+ border: "border-grey-200",
29959
+ triggerTone: "text-grey-800",
29960
+ 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",
29961
+ 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",
29962
+ featuredLink: "text-grey-800 hover:bg-grey-800/5",
29963
+ sectionLink: "border-grey-200 bg-white hover:bg-grey-800/5 hover:font-bold hover:text-grey-800"
29964
+ }),
29965
+ "accent-800": createVariantStyles({
29966
+ surface: "bg-accent-800 text-white",
29967
+ border: "border-accent-600",
29968
+ triggerTone: "text-white",
29969
+ 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",
29970
+ 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",
29971
+ featuredLink: "text-accent-800 hover:bg-accent-800/5",
29972
+ sectionLink: "border-grey-200 bg-white hover:bg-accent-800/5 hover:font-bold hover:text-accent-800"
29973
+ }),
29974
+ "accent-600": createVariantStyles({
29975
+ surface: "bg-accent-600 text-white",
29976
+ border: "border-accent-600",
29977
+ triggerTone: "text-white",
29978
+ 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",
29979
+ 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",
29980
+ featuredLink: "text-accent-800 hover:bg-accent-800/5",
29981
+ sectionLink: "border-grey-200 bg-white hover:bg-accent-800/5 hover:font-bold hover:text-accent-800"
29982
+ }),
29983
+ "accent-400": createVariantStyles({
29984
+ surface: "bg-accent-400 text-accent-800",
29985
+ border: "border-accent-200",
29986
+ triggerTone: "text-accent-800",
29987
+ 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",
29988
+ 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",
29989
+ featuredLink: "text-accent-800 hover:bg-accent-800/5",
29990
+ sectionLink: "border-grey-200 bg-white hover:bg-accent-800/5 hover:font-bold hover:text-accent-800"
29991
+ }),
29992
+ "accent-200": createVariantStyles({
29993
+ surface: "bg-accent-200 text-accent-800",
29994
+ border: "border-accent-200",
29995
+ triggerTone: "text-accent-800",
29996
+ 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",
29997
+ 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",
29998
+ featuredLink: "text-accent-800 hover:bg-accent-800/5",
29999
+ sectionLink: "border-grey-200 bg-white hover:bg-accent-800/5 hover:font-bold hover:text-accent-800"
30000
+ }),
30001
+ white: createVariantStyles({
30002
+ surface: "bg-white text-grey-800",
30003
+ border: "border-grey-200",
30004
+ triggerTone: "text-grey-800",
30005
+ 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",
30006
+ 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",
30007
+ featuredLink: "text-grey-800 hover:bg-grey-100",
30008
+ sectionLink: "border-grey-200 bg-white hover:bg-grey-50 hover:font-bold hover:text-grey-800"
30009
+ })
30010
+ };
29917
30011
  var PANEL_CLOSE_DELAY_MS = 220;
29918
30012
  function TopLevelItem({
29919
30013
  href = "#",
@@ -29924,18 +30018,19 @@ function TopLevelItem({
29924
30018
  triggerActiveClassName,
29925
30019
  triggerActiveBorderClassName
29926
30020
  }) {
30021
+ const styles5 = navigationMenuMainNavigationVariantStyles[variant];
29927
30022
  return /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuItem, { className: "shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(
29928
30023
  NavigationMenuLink,
29929
30024
  {
29930
30025
  asChild: true,
29931
30026
  className: cn(
29932
30027
  "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",
29933
- navigationMenuMainNavigationTriggerToneStyles({ variant }),
29934
- navigationMenuMainNavigationTriggerActiveStyles({ variant }),
30028
+ styles5.triggerTone,
30029
+ styles5.triggerActive,
29935
30030
  triggerClassName,
29936
30031
  triggerActiveClassName,
29937
30032
  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",
29938
- syncBorderToSurface && navigationMenuMainNavigationTriggerEdgeStyles({ variant }),
30033
+ syncBorderToSurface && styles5.triggerEdge,
29939
30034
  syncBorderToSurface && triggerActiveBorderClassName
29940
30035
  ),
29941
30036
  children: /* @__PURE__ */ jsxRuntime.jsx(Link14__default.default, { href, children: title })
@@ -29948,11 +30043,16 @@ function FeaturedSectionLink({
29948
30043
  variant,
29949
30044
  className
29950
30045
  }) {
30046
+ const styles5 = navigationMenuMainNavigationVariantStyles[variant];
29951
30047
  return /* @__PURE__ */ jsxRuntime.jsxs(
29952
30048
  Link14__default.default,
29953
30049
  {
29954
30050
  href,
29955
- className: cn(navigationMenuMainNavigationFeaturedLinkStyles({ variant }), className),
30051
+ className: cn(
30052
+ "group relative flex items-center px-8 py-8 text-xl font-bold whitespace-normal",
30053
+ styles5.featuredLink,
30054
+ className
30055
+ ),
29956
30056
  children: [
29957
30057
  /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "absolute inset-0" }),
29958
30058
  title,
@@ -29967,23 +30067,19 @@ function SectionLink({
29967
30067
  className,
29968
30068
  titleClassName
29969
30069
  }) {
30070
+ const styles5 = navigationMenuMainNavigationVariantStyles[variant];
29970
30071
  return /* @__PURE__ */ jsxRuntime.jsx(
29971
30072
  NavigationMenuLink,
29972
30073
  {
29973
30074
  asChild: true,
29974
- className: cn(navigationMenuMainNavigationSectionLinkStyles({ variant }), className),
30075
+ className: cn(
30076
+ "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",
30077
+ styles5.sectionLink,
30078
+ className
30079
+ ),
29975
30080
  children: /* @__PURE__ */ jsxRuntime.jsxs(Link14__default.default, { href: link.href, className: "outline-none", children: [
29976
30081
  /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "absolute inset-0" }),
29977
- /* @__PURE__ */ jsxRuntime.jsx(
29978
- "span",
29979
- {
29980
- className: cn(
29981
- navigationMenuMainNavigationSectionLinkTitleStyles({ variant }),
29982
- titleClassName
29983
- ),
29984
- children: link.title
29985
- }
29986
- )
30082
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("text-base font-semibold", styles5.sectionLinkTitle, titleClassName), children: link.title })
29987
30083
  ] })
29988
30084
  }
29989
30085
  );
@@ -30003,6 +30099,7 @@ function MegaNavigationItem({
30003
30099
  sectionLinkClassName,
30004
30100
  sectionLinkTitleClassName
30005
30101
  }) {
30102
+ const styles5 = navigationMenuMainNavigationVariantStyles[variant];
30006
30103
  if (!section.links?.length) {
30007
30104
  return /* @__PURE__ */ jsxRuntime.jsx(
30008
30105
  TopLevelItem,
@@ -30023,13 +30120,13 @@ function MegaNavigationItem({
30023
30120
  {
30024
30121
  className: cn(
30025
30122
  "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",
30026
- navigationMenuMainNavigationTriggerToneStyles({ variant }),
30027
- navigationMenuMainNavigationTriggerActiveStyles({ variant }),
30123
+ styles5.triggerTone,
30124
+ styles5.triggerActive,
30028
30125
  triggerClassName,
30029
30126
  triggerActiveClassName,
30030
- "data-[state=open]:shadow-[inset_0_-2px_0_0_currentColor]",
30127
+ "data-[state=open]:shadow-[inset_0_-4px_0_0_currentColor]",
30031
30128
  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",
30032
- syncBorderToSurface && navigationMenuMainNavigationTriggerEdgeStyles({ variant }),
30129
+ syncBorderToSurface && styles5.triggerEdge,
30033
30130
  syncBorderToSurface && triggerActiveBorderClassName
30034
30131
  ),
30035
30132
  onPointerEnter: onOpenIntent,
@@ -30040,54 +30137,45 @@ function MegaNavigationItem({
30040
30137
  NavigationMenuContent,
30041
30138
  {
30042
30139
  className: cn(
30043
- "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"
30140
+ "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"
30044
30141
  ),
30045
30142
  style: fullBleed && panelMetrics ? {
30046
30143
  left: `${-panelMetrics.left}px`,
30047
30144
  width: `${panelMetrics.viewportWidth}px`
30048
30145
  } : void 0,
30049
30146
  onPointerEnter: onOpenIntent,
30050
- children: /* @__PURE__ */ jsxRuntime.jsx(
30147
+ children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("w-full shadow", styles5.dropdownSurface, dropdownBackgroundClassName), children: /* @__PURE__ */ jsxRuntime.jsxs(
30051
30148
  "div",
30052
30149
  {
30053
- className: cn(
30054
- navigationMenuMainNavigationDropdownSurfaceStyles({ variant }),
30055
- dropdownBackgroundClassName
30056
- ),
30057
- children: /* @__PURE__ */ jsxRuntime.jsxs(
30058
- "div",
30059
- {
30060
- className: "grid w-full",
30061
- style: fullBleed && panelMetrics ? {
30062
- width: `${panelMetrics.width}px`,
30063
- marginLeft: "auto",
30064
- marginRight: "auto"
30065
- } : void 0,
30066
- children: [
30067
- /* @__PURE__ */ jsxRuntime.jsx(
30068
- FeaturedSectionLink,
30069
- {
30070
- href: section.href,
30071
- title: section.title,
30072
- variant,
30073
- className: featuredLinkClassName
30074
- }
30075
- ),
30076
- /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
30077
- SectionLink,
30078
- {
30079
- link,
30080
- variant,
30081
- className: sectionLinkClassName,
30082
- titleClassName: sectionLinkTitleClassName
30083
- },
30084
- `${link.title}-${link.href}-${index}`
30085
- )) })
30086
- ]
30087
- }
30088
- )
30150
+ className: "grid w-full",
30151
+ style: fullBleed && panelMetrics ? {
30152
+ width: `${panelMetrics.width}px`,
30153
+ marginLeft: "auto",
30154
+ marginRight: "auto"
30155
+ } : void 0,
30156
+ children: [
30157
+ /* @__PURE__ */ jsxRuntime.jsx(
30158
+ FeaturedSectionLink,
30159
+ {
30160
+ href: section.href,
30161
+ title: section.title,
30162
+ variant,
30163
+ className: featuredLinkClassName
30164
+ }
30165
+ ),
30166
+ /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
30167
+ SectionLink,
30168
+ {
30169
+ link,
30170
+ variant,
30171
+ className: sectionLinkClassName,
30172
+ titleClassName: sectionLinkTitleClassName
30173
+ },
30174
+ `${link.title}-${link.href}-${index}`
30175
+ )) })
30176
+ ]
30089
30177
  }
30090
- )
30178
+ ) })
30091
30179
  }
30092
30180
  )
30093
30181
  ] });
@@ -30095,12 +30183,12 @@ function MegaNavigationItem({
30095
30183
  function NavigationMenuMainNavigation({
30096
30184
  navigation,
30097
30185
  id: id3 = "nsw-main-navigation",
30098
- variant = "grey",
30186
+ variant = "white",
30099
30187
  borderPosition = "none",
30100
30188
  className,
30101
30189
  responsive = true,
30102
30190
  sticky = true,
30103
- fullBleed = false,
30191
+ fullBleed = true,
30104
30192
  backgroundClassName,
30105
30193
  dropdownBackgroundClassName,
30106
30194
  borderClassName,
@@ -30190,9 +30278,9 @@ function NavigationMenuMainNavigation({
30190
30278
  id: id3,
30191
30279
  className: cn(
30192
30280
  "z-40 shadow-md shadow-grey-900/5 dark:shadow-none",
30193
- navigationMenuMainNavigationSurfaceStyles({ variant }),
30281
+ navigationMenuMainNavigationVariantStyles[variant].surface,
30194
30282
  backgroundClassName,
30195
- hasBorder && navigationMenuMainNavigationBorderStyles({ variant }),
30283
+ hasBorder && navigationMenuMainNavigationVariantStyles[variant].border,
30196
30284
  hasBorder && borderClassName,
30197
30285
  hasTopBorder && "border-t",
30198
30286
  hasBottomBorder && "border-b",
@@ -33902,7 +33990,7 @@ var CodeBlock = ({
33902
33990
  minWidth: "2.5rem"
33903
33991
  },
33904
33992
  showLineNumbers,
33905
- style: prism.oneLight,
33993
+ style: oneLight__default.default,
33906
33994
  children: code
33907
33995
  }
33908
33996
  ),
@@ -33927,7 +34015,7 @@ var CodeBlock = ({
33927
34015
  minWidth: "2.5rem"
33928
34016
  },
33929
34017
  showLineNumbers,
33930
- style: prism.oneDark,
34018
+ style: oneDark__default.default,
33931
34019
  children: code
33932
34020
  }
33933
34021
  ),