@moduix/react 2.3.0 → 2.5.0

package/dist/components/toc/Toc.js

@@ -0,0 +1,144 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Toc, useToc, useTocContext } from "@ark-ui/react/toc";
+import { clsx } from "clsx";
+import { forwardRef } from "react";
+import { normalizeClassName } from "../../internal/normalizeClassName.js";
+import Toc_module from "./Toc.module.js";
+const railBaseOffset = 0;
+const railStep = 12;
+const railBridge = 6;
+const maxRailLevel = 2;
+const getRailOffset = (depth)=>railBaseOffset + Math.min(Math.max(depth - 2, 0), maxRailLevel) * railStep;
+const Toc_useToc = ({ autoScroll = false, ...props })=>useToc({
+        autoScroll,
+        ...props
+    });
+const Toc_useTocContext = useTocContext;
+const Toc_TocRoot = /*#__PURE__*/ forwardRef(function({ autoScroll = false, className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Toc.Root, {
+        ref: ref,
+        autoScroll: autoScroll,
+        "data-slot": "toc-root",
+        className: clsx(Toc_module.root, normalizeClassName(className)),
+        ...props
+    });
+});
+const Toc_TocRootProvider = /*#__PURE__*/ forwardRef(function({ className, style, value, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Toc.RootProvider, {
+        ref: ref,
+        value: value,
+        "data-slot": "toc-root-provider",
+        className: clsx(Toc_module.root, normalizeClassName(className)),
+        style: {
+            ...value.getRootProps().style,
+            ...style
+        },
+        ...props
+    });
+});
+const Toc_TocContent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Toc.Content, {
+        ref: ref,
+        "data-slot": "toc-content",
+        className: clsx(Toc_module.content, normalizeClassName(className)),
+        ...props
+    });
+});
+const Toc_TocNav = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Toc.Nav, {
+        ref: ref,
+        "data-slot": "toc-nav",
+        className: clsx(Toc_module.nav, normalizeClassName(className)),
+        ...props
+    });
+});
+const Toc_TocTitle = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Toc.Title, {
+        ref: ref,
+        "data-slot": "toc-title",
+        className: clsx(Toc_module.title, normalizeClassName(className)),
+        ...props
+    });
+});
+const Toc_TocList = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Toc.List, {
+        ref: ref,
+        "data-slot": "toc-list",
+        className: clsx(Toc_module.list, normalizeClassName(className)),
+        ...props
+    });
+});
+const Toc_TocItem = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Toc.Item, {
+        ref: ref,
+        "data-slot": "toc-item",
+        className: clsx(Toc_module.item, normalizeClassName(className)),
+        ...props
+    });
+});
+const Toc_TocLink = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Toc.Link, {
+        ref: ref,
+        "data-slot": "toc-link",
+        className: clsx(Toc_module.link, normalizeClassName(className)),
+        ...props
+    });
+});
+const Toc_TocIndicator = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Toc.Indicator, {
+        ref: ref,
+        "data-slot": "toc-indicator",
+        className: clsx(Toc_module.indicator, normalizeClassName(className)),
+        ...props
+    });
+});
+const Toc_TocRail = /*#__PURE__*/ forwardRef(function({ className, depth, nextDepth = depth, previousDepth = depth, style, ...props }, ref) {
+    const lineOffset = getRailOffset(depth);
+    const previousLineOffset = getRailOffset(previousDepth);
+    const nextLineOffset = getRailOffset(nextDepth);
+    const hasTurn = previousLineOffset !== lineOffset;
+    const width = Math.max(previousLineOffset, lineOffset, nextLineOffset) + 2;
+    return /*#__PURE__*/ jsxs("svg", {
+        ref: ref,
+        "aria-hidden": "true",
+        "data-slot": "toc-rail",
+        className: clsx(Toc_module.rail, normalizeClassName(className)),
+        style: {
+            width,
+            height: lineOffset === nextLineOffset ? `calc(100% + ${railBridge}px + var(--moduix-table-of-contents-list-gap, var(--moduix-spacing-0-5)))` : '100%',
+            ...style
+        },
+        ...props,
+        children: [
+            hasTurn && /*#__PURE__*/ jsx("path", {
+                d: `M ${previousLineOffset + 0.5} 0 C ${previousLineOffset + 0.5} 8 ${lineOffset + 0.5} 4 ${lineOffset + 0.5} ${2 * railBridge}`,
+                fill: "none",
+                vectorEffect: "non-scaling-stroke",
+                stroke: "currentColor"
+            }),
+            /*#__PURE__*/ jsx("line", {
+                x1: lineOffset + 0.5,
+                y1: hasTurn ? 2 * railBridge : railBridge,
+                x2: lineOffset + 0.5,
+                y2: "100%",
+                vectorEffect: "non-scaling-stroke",
+                stroke: "currentColor"
+            })
+        ]
+    });
+});
+const Toc_Toc = Object.assign(Toc_TocRoot, {
+    Root: Toc_TocRoot,
+    RootProvider: Toc_TocRootProvider,
+    Context: Toc.Context,
+    Content: Toc_TocContent,
+    Nav: Toc_TocNav,
+    Title: Toc_TocTitle,
+    List: Toc_TocList,
+    Item: Toc_TocItem,
+    Link: Toc_TocLink,
+    Indicator: Toc_TocIndicator,
+    Rail: Toc_TocRail
+});
+export { Toc_Toc as Toc, Toc_useToc as useToc, Toc_useTocContext as useTocContext };

package/dist/components/toc/Toc.module.js

@@ -0,0 +1,13 @@
+import "./Toc_module.css";
+const Toc_module = {
+    root: "root-VBggED",
+    content: "content-AHeziM",
+    nav: "nav-q0EDqs",
+    title: "title-RjjR4J",
+    list: "list-KZD4Qg",
+    indicator: "indicator-Zeit8l",
+    item: "item-xFlCTb",
+    link: "link-L4LQA0",
+    rail: "rail-BwE9eo"
+};
+export default Toc_module;

package/dist/components/toc/Toc_module.css

@@ -0,0 +1,184 @@
+@layer moduix.components {
+  .root-VBggED {
+    box-sizing: border-box;
+    grid-template-columns: minmax(0, 1fr) minmax(var(--moduix-table-of-contents-nav-min-width, 12rem),
+        var(--moduix-table-of-contents-nav-width, 16rem));
+    gap: var(--moduix-table-of-contents-gap, var(--moduix-spacing-6));
+    width: 100%;
+    min-width: 0;
+    color: var(--moduix-table-of-contents-color, var(--moduix-color-foreground));
+    --_moduix-toc-indicator-top: var(--top);
+    --_moduix-toc-indicator-height: var(--height);
+    display: grid;
+  }
+
+  @media (max-width: 48rem) {
+    .root-VBggED {
+      grid-template-columns: minmax(0, 1fr);
+    }
+  }
+
+  .content-AHeziM {
+    scroll-behavior: smooth;
+    min-width: 0;
+  }
+
+  .content-AHeziM:has( ~ .nav-q0EDqs[data-placement="left"]) {
+    grid-area: 1 / 2;
+  }
+
+  .nav-q0EDqs {
+    top: var(--moduix-table-of-contents-nav-top, var(--moduix-spacing-4));
+    max-height: var(--moduix-table-of-contents-nav-max-height, calc(100dvh - 2rem));
+    padding: var(--moduix-table-of-contents-nav-padding, var(--moduix-spacing-4));
+    border: var(--moduix-table-of-contents-nav-border-width, var(--moduix-border-width-sm)) solid
+      var(--moduix-table-of-contents-nav-border-color, var(--moduix-color-border));
+    border-radius: var(--moduix-table-of-contents-nav-radius, var(--moduix-radius-lg));
+    background-color: var(--moduix-table-of-contents-nav-bg, var(--moduix-color-card));
+    align-self: start;
+    position: sticky;
+    overflow: auto;
+  }
+
+  .nav-q0EDqs[data-placement="left"] {
+    grid-area: 1 / 1;
+  }
+
+  .root-VBggED:has(.nav-q0EDqs[data-placement="left"]) {
+    grid-template-columns: minmax(var(--moduix-table-of-contents-nav-min-width, 12rem),
+        var(--moduix-table-of-contents-nav-width, 16rem)) minmax(0, 1fr);
+  }
+
+  @media (max-width: 48rem) {
+    .root-VBggED:has(.nav-q0EDqs[data-placement="left"]) .nav-q0EDqs[data-placement="left"] {
+      grid-area: auto;
+    }
+
+    .root-VBggED:has(.nav-q0EDqs[data-placement="left"]) .content-AHeziM:has( ~ .nav-q0EDqs[data-placement="left"]) {
+      grid-area: auto;
+    }
+  }
+
+  .title-RjjR4J {
+    margin: 0 0 var(--moduix-table-of-contents-title-margin-bottom, var(--moduix-spacing-2));
+    color: var(--moduix-table-of-contents-title-color, var(--moduix-color-foreground));
+    font-size: var(--moduix-table-of-contents-title-font-size, var(--moduix-text-sm));
+    font-weight: var(--moduix-table-of-contents-title-font-weight, var(--moduix-weight-semibold));
+    line-height: var(--moduix-table-of-contents-title-line-height, var(--moduix-line-height-text-sm));
+  }
+
+  .list-KZD4Qg {
+    gap: var(--moduix-table-of-contents-list-gap, var(--moduix-spacing-0-5));
+    margin: 0;
+    padding-block: 0;
+    padding-inline-start: var(--moduix-table-of-contents-list-padding-start, var(--moduix-spacing-1));
+    list-style: none;
+    display: grid;
+    position: relative;
+  }
+
+  .list-KZD4Qg:has(.indicator-Zeit8l):before {
+    top: var(--moduix-spacing-0-5);
+    bottom: var(--moduix-spacing-0-5);
+    width: var(--moduix-table-of-contents-indicator-width, var(--moduix-border-width-md));
+    border-radius: var(--moduix-radius-full);
+    background-color: var(--moduix-table-of-contents-indicator-track-bg, var(--moduix-color-border));
+    content: "";
+    pointer-events: none;
+    position: absolute;
+    inset-inline-start: 0;
+  }
+
+  .item-xFlCTb {
+    min-width: 0;
+  }
+
+  .link-L4LQA0 {
+    min-width: 0;
+    padding-block: var(--moduix-table-of-contents-link-padding-y, var(--moduix-spacing-1));
+    border-radius: var(--moduix-table-of-contents-link-radius, var(--moduix-radius-sm));
+    color: var(--moduix-table-of-contents-link-color, var(--moduix-color-muted-foreground));
+    font-size: var(--moduix-table-of-contents-link-font-size, var(--moduix-text-sm));
+    line-height: var(--moduix-table-of-contents-link-line-height, var(--moduix-line-height-text-sm));
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    transition: color var(--moduix-transition-default);
+    outline: none;
+    padding-inline-start: calc(var(--moduix-table-of-contents-link-padding-x, var(--moduix-spacing-1)) +
+        var(--moduix-table-of-contents-indicator-width, var(--moduix-border-width-md)) +
+        var(--moduix-spacing-2) +
+        max(0px,
+          calc((var(--depth) - 2) *
+              var(--moduix-table-of-contents-link-indent, var(--moduix-spacing-2)))));
+    padding-inline-end: var(--moduix-table-of-contents-link-padding-x, var(--moduix-spacing-1));
+    text-decoration: none;
+    display: block;
+    position: relative;
+    overflow: hidden;
+  }
+
+  @media (hover: hover) {
+    .link-L4LQA0:hover {
+      color: var(--moduix-table-of-contents-link-color-hover, var(--moduix-color-foreground));
+    }
+  }
+
+  .link-L4LQA0:focus-visible {
+    box-shadow: 0 0 0
+        var(--moduix-table-of-contents-focus-ring-width, var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm)))
+        var(--moduix-table-of-contents-focus-ring-color, var(--moduix-color-ring));
+  }
+
+  .link-L4LQA0[data-active] {
+    color: var(--moduix-table-of-contents-link-color-active, var(--moduix-color-foreground));
+    font-weight: var(--moduix-table-of-contents-link-font-weight-active, var(--moduix-weight-medium));
+  }
+
+  .link-L4LQA0[data-active] .rail-BwE9eo {
+    color: var(--moduix-table-of-contents-indicator-bg, var(--moduix-color-muted-foreground));
+    opacity: .7;
+    translate: 0 var(--moduix-spacing-0-5);
+  }
+
+  .link-L4LQA0:has(.rail-BwE9eo) {
+    overflow: visible;
+  }
+
+  .indicator-Zeit8l {
+    z-index: 1;
+    top: calc(var(--_moduix-toc-indicator-top) + var(--moduix-spacing-0-5));
+    width: var(--moduix-table-of-contents-indicator-width, var(--moduix-border-width-md));
+    height: calc(var(--_moduix-toc-indicator-height) - var(--moduix-spacing-1));
+    border-radius: var(--moduix-table-of-contents-indicator-radius, var(--moduix-radius-full));
+    background-color: var(--moduix-table-of-contents-indicator-bg, var(--moduix-color-muted-foreground));
+    opacity: .7;
+    pointer-events: none;
+    transition: top var(--moduix-transition-default),
+      height var(--moduix-transition-default);
+    inset-inline-start: 0;
+  }
+
+  .rail-BwE9eo {
+    top: calc(-1 * var(--moduix-spacing-1-5));
+    color: var(--moduix-table-of-contents-rail-color, var(--moduix-color-border));
+    pointer-events: none;
+    position: absolute;
+    inset-inline-start: 0;
+    overflow: visible;
+  }
+
+  .rail-BwE9eo :is(line, path) {
+    stroke-width: var(--moduix-border-width-sm);
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .content-AHeziM {
+      scroll-behavior: auto;
+    }
+
+    .indicator-Zeit8l {
+      transition: none;
+    }
+  }
+}
+

package/dist/components/toc/index.d.ts

@@ -0,0 +1 @@
+export { Toc, useToc, useTocContext } from './Toc.js';

package/dist/components/toc/index.js

@@ -0,0 +1 @@
+export { Toc, useToc, useTocContext } from "./Toc.js";

package/dist/presets/contrast.css

@@ -1,131 +1,65 @@
-[data-moduix-theme="contrast"] {
-  --moduix-background: #fdfdfe;
-  --moduix-foreground: #050b11;
-  --moduix-card: #fff;
-  --moduix-card-foreground: #050b11;
-  --moduix-popover: #fff;
-  --moduix-popover-foreground: #050b11;
-  --moduix-primary: #0054b6;
-  --moduix-primary-foreground: #fff;
-  --moduix-secondary: #e5ecf3;
-  --moduix-secondary-foreground: #09121c;
-  --moduix-muted: #e3e8ee;
-  --moduix-muted-foreground: #3b4653;
-  --moduix-accent: #c9e2f7;
-  --moduix-accent-foreground: #010e1e;
-  --moduix-border: #99a6b4;
-  --moduix-input: #77889b;
-  --moduix-ring: #0061bf;
-  --moduix-overlay: #01030661;
-  --moduix-overlay-foreground: #0103061f;
-  --moduix-sidebar: #f1f4f7;
-  --moduix-sidebar-foreground: #050b11;
-  --moduix-sidebar-primary: #0054b6;
-  --moduix-sidebar-primary-foreground: #fff;
-  --moduix-sidebar-accent: #c9e2f7;
-  --moduix-sidebar-accent-foreground: #010e1e;
-  --moduix-sidebar-border: #99a6b4;
-  --moduix-sidebar-ring: #0061bf;
-  --moduix-radius: .375rem;
-  --moduix-shadow-sm: 0 1px 2px #0f172a1a;
-  --moduix-shadow-md: 0 4px 10px #0f172a24;
-  --moduix-shadow-lg: 0 16px 30px #0f172a2e;
-}
+[data-moduix-theme='contrast'] {
+  --moduix-background: oklch(0.995 0.001 250);
+  --moduix-foreground: oklch(0.145 0.018 250);
+  --moduix-card: oklch(1 0 0);
+  --moduix-card-foreground: oklch(0.145 0.018 250);
+  --moduix-popover: oklch(1 0 0);
+  --moduix-popover-foreground: oklch(0.145 0.018 250);
+  --moduix-primary: oklch(0.46 0.2 255);
+  --moduix-primary-foreground: oklch(1 0 0);
+  --moduix-secondary: oklch(0.94 0.012 250);
+  --moduix-secondary-foreground: oklch(0.18 0.025 250);
+  --moduix-muted: oklch(0.93 0.01 250);
+  --moduix-muted-foreground: oklch(0.39 0.026 250);
+  --moduix-accent: oklch(0.9 0.04 245);
+  --moduix-accent-foreground: oklch(0.16 0.04 250);
+  --moduix-border: oklch(0.72 0.025 250);
+  --moduix-input: oklch(0.62 0.035 250);
+  --moduix-ring: oklch(0.5 0.19 255);
+  --moduix-overlay: oklch(0.09 0.018 250 / 0.38);
+  --moduix-overlay-foreground: oklch(0.09 0.018 250 / 0.12);
+  --moduix-sidebar: oklch(0.965 0.005 250);
+  --moduix-sidebar-foreground: oklch(0.145 0.018 250);
+  --moduix-sidebar-primary: oklch(0.46 0.2 255);
+  --moduix-sidebar-primary-foreground: oklch(1 0 0);
+  --moduix-sidebar-accent: oklch(0.9 0.04 245);
+  --moduix-sidebar-accent-foreground: oklch(0.16 0.04 250);
+  --moduix-sidebar-border: oklch(0.72 0.025 250);
+  --moduix-sidebar-ring: oklch(0.5 0.19 255);
+  --moduix-radius: 0.375rem;
+  --moduix-shadow-sm: 0 1px 2px rgb(15 23 42 / 0.1);
+  --moduix-shadow-md: 0 4px 10px rgb(15 23 42 / 0.14);
+  --moduix-shadow-lg: 0 16px 30px rgb(15 23 42 / 0.18);
 
-@supports (color: lab(0% 0 0)) {
-  [data-moduix-theme="contrast"] {
-    --moduix-background: lab(99.4193% -.111878 -.358546);
-    --moduix-foreground: lab(2.73044% -.638902 -3.71368);
-    --moduix-card: lab(100% 0 0);
-    --moduix-card-foreground: lab(2.73044% -.638902 -3.71368);
-    --moduix-popover: lab(100% 0 0);
-    --moduix-popover-foreground: lab(2.73044% -.638902 -3.71368);
-    --moduix-primary: lab(35.26% 14.138 -68.2948);
-    --moduix-primary-foreground: lab(100% 0 0);
-    --moduix-secondary: lab(93.0295% -1.30191 -4.27971);
-    --moduix-secondary-foreground: lab(5.21333% -1.27424 -7.86241);
-    --moduix-muted: lab(91.8716% -1.09071 -3.5696);
-    --moduix-muted-foreground: lab(29.1955% -2.40213 -9.08356);
-    --moduix-accent: lab(88.3951% -5.08818 -13.5993);
-    --moduix-accent-foreground: lab(3.58405% -.692964 -11.3385);
-    --moduix-border: lab(67.4898% -2.55167 -8.83513);
-    --moduix-input: lab(55.8658% -3.3434 -12.2703);
-    --moduix-ring: lab(40.2556% 9.34972 -64.9591);
-    --moduix-overlay: lab(.645069% -.158422 -1.56854 / .38);
-    --moduix-overlay-foreground: lab(.645069% -.158422 -1.56854 / .12);
-    --moduix-sidebar: lab(95.9362% -.55337 -1.78927);
-    --moduix-sidebar-foreground: lab(2.73044% -.638902 -3.71368);
-    --moduix-sidebar-primary: lab(35.26% 14.138 -68.2948);
-    --moduix-sidebar-primary-foreground: lab(100% 0 0);
-    --moduix-sidebar-accent: lab(88.3951% -5.08818 -13.5993);
-    --moduix-sidebar-accent-foreground: lab(3.58405% -.692964 -11.3385);
-    --moduix-sidebar-border: lab(67.4898% -2.55167 -8.83513);
-    --moduix-sidebar-ring: lab(40.2556% 9.34972 -64.9591);
+  &[data-moduix-color-scheme='dark'],
+  [data-moduix-color-scheme='dark'] {
+    color-scheme: dark;
+    --moduix-background: oklch(0.11 0.018 250);
+    --moduix-foreground: oklch(0.985 0.004 250);
+    --moduix-card: oklch(0.155 0.022 250);
+    --moduix-card-foreground: oklch(0.985 0.004 250);
+    --moduix-popover: oklch(0.155 0.022 250);
+    --moduix-popover-foreground: oklch(0.985 0.004 250);
+    --moduix-primary: oklch(0.76 0.13 255);
+    --moduix-primary-foreground: oklch(0.12 0.02 250);
+    --moduix-secondary: oklch(0.24 0.026 250);
+    --moduix-secondary-foreground: oklch(0.985 0.004 250);
+    --moduix-muted: oklch(0.225 0.024 250);
+    --moduix-muted-foreground: oklch(0.76 0.018 250);
+    --moduix-accent: oklch(0.3 0.06 250);
+    --moduix-accent-foreground: oklch(0.985 0.004 250);
+    --moduix-border: oklch(0.8 0.025 250 / 0.34);
+    --moduix-input: oklch(0.82 0.025 250 / 0.42);
+    --moduix-ring: oklch(0.74 0.13 255);
+    --moduix-overlay: oklch(0.04 0.014 250 / 0.84);
+    --moduix-overlay-foreground: oklch(0.985 0.004 250 / 0.12);
+    --moduix-sidebar: oklch(0.13 0.02 250);
+    --moduix-sidebar-foreground: oklch(0.985 0.004 250);
+    --moduix-sidebar-primary: oklch(0.76 0.13 255);
+    --moduix-sidebar-primary-foreground: oklch(0.12 0.02 250);
+    --moduix-sidebar-accent: oklch(0.3 0.06 250);
+    --moduix-sidebar-accent-foreground: oklch(0.985 0.004 250);
+    --moduix-sidebar-border: oklch(0.8 0.025 250 / 0.34);
+    --moduix-sidebar-ring: oklch(0.74 0.13 255);
   }
-}
-
-[data-moduix-theme="contrast"][data-moduix-color-scheme="dark"], [data-moduix-theme="contrast"] [data-moduix-color-scheme="dark"] {
-  --lightningcss-light: ;
-  --lightningcss-dark: initial;
-  color-scheme: dark;
-  --moduix-background: #02050a;
-  --moduix-foreground: #f8fafd;
-  --moduix-card: #060d15;
-  --moduix-card-foreground: #f8fafd;
-  --moduix-popover: #060d15;
-  --moduix-popover-foreground: #f8fafd;
-  --moduix-primary: #79b4ff;
-  --moduix-primary-foreground: #02060d;
-  --moduix-secondary: #16202b;
-  --moduix-secondary-foreground: #f8fafd;
-  --moduix-muted: #131d27;
-  --moduix-muted-foreground: #a9b2bc;
-  --moduix-accent: #142f4b;
-  --moduix-accent-foreground: #f8fafd;
-  --moduix-border: #b2bfce57;
-  --moduix-input: #b8c6d46b;
-  --moduix-ring: #70adfb;
-  --moduix-overlay: #000001d6;
-  --moduix-overlay-foreground: #f8fafd1f;
-  --moduix-sidebar: #03080f;
-  --moduix-sidebar-foreground: #f8fafd;
-  --moduix-sidebar-primary: #79b4ff;
-  --moduix-sidebar-primary-foreground: #02060d;
-  --moduix-sidebar-accent: #142f4b;
-  --moduix-sidebar-accent-foreground: #f8fafd;
-  --moduix-sidebar-border: #b2bfce57;
-  --moduix-sidebar-ring: #70adfb;
-}
-
-@supports (color: lab(0% 0 0)) {
-  [data-moduix-theme="contrast"][data-moduix-color-scheme="dark"], [data-moduix-theme="contrast"] [data-moduix-color-scheme="dark"] {
-    --moduix-background: lab(1.18544% -.300132 -2.243);
-    --moduix-foreground: lab(98.257% -.443965 -1.43218);
-    --moduix-card: lab(3.32744% -.818849 -5.30129);
-    --moduix-card-foreground: lab(98.257% -.443965 -1.43218);
-    --moduix-popover: lab(3.32744% -.818849 -5.30129);
-    --moduix-popover-foreground: lab(98.257% -.443965 -1.43218);
-    --moduix-primary: lab(71.5339% -3.73271 -45.4193);
-    --moduix-primary-foreground: lab(1.53827% -.389941 -2.97685);
-    --moduix-secondary: lab(11.7779% -2.05918 -8.97185);
-    --moduix-secondary-foreground: lab(98.257% -.443965 -1.43218);
-    --moduix-muted: lab(10.0434% -1.91372 -8.2854);
-    --moduix-muted-foreground: lab(72.1413% -1.89573 -6.38967);
-    --moduix-accent: lab(18.5617% -2.88492 -20.3069);
-    --moduix-accent-foreground: lab(98.257% -.443965 -1.43218);
-    --moduix-border: lab(76.7711% -2.57739 -8.84726 / .34);
-    --moduix-input: lab(79.0914% -2.583 -8.84994 / .42);
-    --moduix-ring: lab(69.2026% -3.5221 -45.3802);
-    --moduix-overlay: lab(.0542831% .00392646 -.286341 / .84);
-    --moduix-overlay-foreground: lab(98.257% -.443965 -1.43218 / .12);
-    --moduix-sidebar: lab(1.95972% -.491969 -3.43974);
-    --moduix-sidebar-foreground: lab(98.257% -.443965 -1.43218);
-    --moduix-sidebar-primary: lab(71.5339% -3.73271 -45.4193);
-    --moduix-sidebar-primary-foreground: lab(1.53827% -.389941 -2.97685);
-    --moduix-sidebar-accent: lab(18.5617% -2.88492 -20.3069);
-    --moduix-sidebar-accent-foreground: lab(98.257% -.443965 -1.43218);
-    --moduix-sidebar-border: lab(76.7711% -2.57739 -8.84726 / .34);
-    --moduix-sidebar-ring: lab(69.2026% -3.5221 -45.3802);
-  }
-}
-
+}