@codefast/ui 0.3.9 → 0.3.10

package/dist/components/tooltip.cjs

@@ -1,2 +1,91 @@
+"use strict";
 "use client";
-"use strict";const __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,t)=>{for(var o in t)__webpack_require__.o(t,o)&&!__webpack_require__.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Tooltip:()=>Tooltip,TooltipProvider:()=>TooltipProvider,TooltipTrigger:()=>TooltipTrigger,TooltipContent:()=>TooltipContent,TooltipArrow:()=>TooltipArrow});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),tailwind_variants_namespaceObject=require("@codefast/tailwind-variants"),react_tooltip_namespaceObject=require("@radix-ui/react-tooltip");function TooltipProvider({...e}){return(0,jsx_runtime_namespaceObject.jsx)(react_tooltip_namespaceObject.Provider,{"data-slot":"tooltip-provider",...e})}function Tooltip({...e}){return(0,jsx_runtime_namespaceObject.jsx)(react_tooltip_namespaceObject.Root,{"data-slot":"tooltip",...e})}function TooltipTrigger({...e}){return(0,jsx_runtime_namespaceObject.jsx)(react_tooltip_namespaceObject.Trigger,{"data-slot":"tooltip-trigger",...e})}function TooltipContent({children:e,className:t,sideOffset:o=4,...a}){return(0,jsx_runtime_namespaceObject.jsx)(react_tooltip_namespaceObject.Portal,{children:(0,jsx_runtime_namespaceObject.jsxs)(react_tooltip_namespaceObject.Content,{className:(0,tailwind_variants_namespaceObject.cn)("bg-primary text-primary-foreground data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-[state=delayed-open]:data-[side=top]:slide-in-from-bottom-2 data-[state=delayed-open]:data-[side=right]:slide-in-from-left-2 data-[state=delayed-open]:data-[side=bottom]:slide-in-from-top-2 data-[state=delayed-open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 ease-ui z-50 rounded-md px-3 py-1.5 text-xs","max-w-(--radix-tooltip-content-available-width)",t),collisionPadding:8,"data-slot":"tooltip-content",sideOffset:o,...a,children:[e,(0,jsx_runtime_namespaceObject.jsx)(TooltipArrow,{})]})})}function TooltipArrow({className:e,...t}){return(0,jsx_runtime_namespaceObject.jsx)(react_tooltip_namespaceObject.Arrow,{className:(0,tailwind_variants_namespaceObject.cn)("fill-primary",e),"data-slot":"tooltip-arrow",...t})}for(var __webpack_i__ in exports.Tooltip=__webpack_exports__.Tooltip,exports.TooltipArrow=__webpack_exports__.TooltipArrow,exports.TooltipContent=__webpack_exports__.TooltipContent,exports.TooltipProvider=__webpack_exports__.TooltipProvider,exports.TooltipTrigger=__webpack_exports__.TooltipTrigger,__webpack_exports__)-1===["Tooltip","TooltipArrow","TooltipContent","TooltipProvider","TooltipTrigger"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    Tooltip: ()=>Tooltip,
+    TooltipProvider: ()=>TooltipProvider,
+    TooltipTrigger: ()=>TooltipTrigger,
+    TooltipContent: ()=>TooltipContent,
+    TooltipArrow: ()=>TooltipArrow
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const tailwind_variants_namespaceObject = require("@codefast/tailwind-variants");
+const react_tooltip_namespaceObject = require("@radix-ui/react-tooltip");
+function TooltipProvider({ ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_tooltip_namespaceObject.Provider, {
+        "data-slot": "tooltip-provider",
+        ...props
+    });
+}
+function Tooltip({ ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_tooltip_namespaceObject.Root, {
+        "data-slot": "tooltip",
+        ...props
+    });
+}
+function TooltipTrigger({ ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_tooltip_namespaceObject.Trigger, {
+        "data-slot": "tooltip-trigger",
+        ...props
+    });
+}
+function TooltipContent({ children, className, sideOffset = 4, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_tooltip_namespaceObject.Portal, {
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_tooltip_namespaceObject.Content, {
+            className: (0, tailwind_variants_namespaceObject.cn)('bg-primary text-primary-foreground data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-[state=delayed-open]:data-[side=top]:slide-in-from-bottom-2 data-[state=delayed-open]:data-[side=right]:slide-in-from-left-2 data-[state=delayed-open]:data-[side=bottom]:slide-in-from-top-2 data-[state=delayed-open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 ease-ui z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance', 'max-w-(--radix-tooltip-content-available-width)', className),
+            collisionPadding: 8,
+            "data-slot": "tooltip-content",
+            sideOffset: sideOffset,
+            ...props,
+            children: [
+                children,
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(TooltipArrow, {})
+            ]
+        })
+    });
+}
+function TooltipArrow({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_tooltip_namespaceObject.Arrow, {
+        className: (0, tailwind_variants_namespaceObject.cn)('fill-primary', className),
+        "data-slot": "tooltip-arrow",
+        ...props
+    });
+}
+exports.Tooltip = __webpack_exports__.Tooltip;
+exports.TooltipArrow = __webpack_exports__.TooltipArrow;
+exports.TooltipContent = __webpack_exports__.TooltipContent;
+exports.TooltipProvider = __webpack_exports__.TooltipProvider;
+exports.TooltipTrigger = __webpack_exports__.TooltipTrigger;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Tooltip",
+    "TooltipArrow",
+    "TooltipContent",
+    "TooltipProvider",
+    "TooltipTrigger"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/tooltip.d.ts

@@ -1,5 +1,5 @@
-import type { ComponentProps, JSX } from "react";
-import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import type { ComponentProps, JSX } from 'react';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 type TooltipProviderProps = ComponentProps<typeof TooltipPrimitive.Provider>;
 declare function TooltipProvider({ ...props }: TooltipProviderProps): JSX.Element;
 type TooltipProps = ComponentProps<typeof TooltipPrimitive.Root>;
@@ -11,4 +11,4 @@ declare function TooltipContent({ children, className, sideOffset, ...props }: T
 type TooltipArrowProps = ComponentProps<typeof TooltipPrimitive.Arrow>;
 declare function TooltipArrow({ className, ...props }: TooltipArrowProps): JSX.Element;
 export { Tooltip, TooltipArrow, TooltipContent, TooltipProvider, TooltipTrigger };
-export type { TooltipArrowProps, TooltipContentProps, TooltipProps, TooltipProviderProps, TooltipTriggerProps, };
+export type { TooltipArrowProps, TooltipContentProps, TooltipProps, TooltipProviderProps, TooltipTriggerProps };

package/dist/components/tooltip.js

@@ -1,2 +1,45 @@
 "use client";
-import{jsx as t,jsxs as a}from"react/jsx-runtime";import{cn as o}from"@codefast/tailwind-variants";import{Arrow as e,Content as d,Portal as i,Provider as l,Root as r,Trigger as s}from"@radix-ui/react-tooltip";function n({...a}){return t(l,{"data-slot":"tooltip-provider",...a})}function p({...a}){return t(r,{"data-slot":"tooltip",...a})}function m({...a}){return t(s,{"data-slot":"tooltip-trigger",...a})}function f({children:e,className:l,sideOffset:r=4,...s}){return t(i,{children:a(d,{className:o("bg-primary text-primary-foreground data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-[state=delayed-open]:data-[side=top]:slide-in-from-bottom-2 data-[state=delayed-open]:data-[side=right]:slide-in-from-left-2 data-[state=delayed-open]:data-[side=bottom]:slide-in-from-top-2 data-[state=delayed-open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 ease-ui z-50 rounded-md px-3 py-1.5 text-xs","max-w-(--radix-tooltip-content-available-width)",l),collisionPadding:8,"data-slot":"tooltip-content",sideOffset:r,...s,children:[e,t(c,{})]})})}function c({className:a,...d}){return t(e,{className:o("fill-primary",a),"data-slot":"tooltip-arrow",...d})}export{p as Tooltip,c as TooltipArrow,f as TooltipContent,n as TooltipProvider,m as TooltipTrigger};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@codefast/tailwind-variants";
+import { Arrow, Content, Portal, Provider, Root, Trigger } from "@radix-ui/react-tooltip";
+function TooltipProvider({ ...props }) {
+    return /*#__PURE__*/ jsx(Provider, {
+        "data-slot": "tooltip-provider",
+        ...props
+    });
+}
+function Tooltip({ ...props }) {
+    return /*#__PURE__*/ jsx(Root, {
+        "data-slot": "tooltip",
+        ...props
+    });
+}
+function TooltipTrigger({ ...props }) {
+    return /*#__PURE__*/ jsx(Trigger, {
+        "data-slot": "tooltip-trigger",
+        ...props
+    });
+}
+function TooltipContent({ children, className, sideOffset = 4, ...props }) {
+    return /*#__PURE__*/ jsx(Portal, {
+        children: /*#__PURE__*/ jsxs(Content, {
+            className: cn('bg-primary text-primary-foreground data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-[state=delayed-open]:data-[side=top]:slide-in-from-bottom-2 data-[state=delayed-open]:data-[side=right]:slide-in-from-left-2 data-[state=delayed-open]:data-[side=bottom]:slide-in-from-top-2 data-[state=delayed-open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 ease-ui z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance', 'max-w-(--radix-tooltip-content-available-width)', className),
+            collisionPadding: 8,
+            "data-slot": "tooltip-content",
+            sideOffset: sideOffset,
+            ...props,
+            children: [
+                children,
+                /*#__PURE__*/ jsx(TooltipArrow, {})
+            ]
+        })
+    });
+}
+function TooltipArrow({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Arrow, {
+        className: cn('fill-primary', className),
+        "data-slot": "tooltip-arrow",
+        ...props
+    });
+}
+export { Tooltip, TooltipArrow, TooltipContent, TooltipProvider, TooltipTrigger };

package/dist/css/amber.css

@@ -1 +1,95 @@
-:root{--input:oklch(92% .004 286.32);--border:oklch(92% .004 286.32);--ring:oklch(84% .16 84);--background:oklch(100% 0 0);--foreground:oklch(14.1% .005 285.823);--primary:oklch(67% .16 58);--primary-foreground:oklch(99% .02 95);--secondary:oklch(96.7% .001 286.375);--secondary-foreground:oklch(21% .006 285.885);--destructive:oklch(57.7% .245 27.325);--accent:oklch(96.7% .001 286.375);--accent-foreground:oklch(21% .006 285.885);--muted:oklch(96.7% .001 286.375);--muted-foreground:oklch(55.2% .016 285.938);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.1% .005 285.823);--card:oklch(100% 0 0);--card-foreground:oklch(14.1% .005 285.823);--sidebar:oklch(98.5% 0 0);--sidebar-foreground:oklch(14.1% .005 285.823);--sidebar-primary:oklch(67% .16 58);--sidebar-primary-foreground:oklch(99% .02 95);--sidebar-accent:oklch(96.7% .001 286.375);--sidebar-accent-foreground:oklch(21% .006 285.885);--sidebar-border:oklch(92% .004 286.32);--sidebar-ring:oklch(84% .16 84);--chart-1:oklch(88% .15 92);--chart-2:oklch(77% .16 70);--chart-3:oklch(67% .16 58);--chart-4:oklch(56% .15 49);--chart-5:oklch(47% .12 46)}.dark{--input:oklch(100% 0 0/.15);--border:oklch(100% 0 0/.1);--ring:oklch(41% .11 46);--background:oklch(14.1% .005 285.823);--foreground:oklch(98.5% 0 0);--primary:oklch(77% .16 70);--primary-foreground:oklch(99% .02 95);--secondary:oklch(27.4% .006 286.033);--secondary-foreground:oklch(98.5% 0 0);--destructive:oklch(70.4% .191 22.216);--accent:oklch(27.4% .006 286.033);--accent-foreground:oklch(98.5% 0 0);--muted:oklch(27.4% .006 286.033);--muted-foreground:oklch(70.5% .015 286.067);--popover:oklch(21% .006 285.885);--popover-foreground:oklch(98.5% 0 0);--card:oklch(21% .006 285.885);--card-foreground:oklch(98.5% 0 0);--sidebar:oklch(21% .006 285.885);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-primary:oklch(77% .16 70);--sidebar-primary-foreground:oklch(99% .02 95);--sidebar-accent:oklch(27.4% .006 286.033);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(41% .11 46);--chart-1:oklch(88% .15 92);--chart-2:oklch(77% .16 70);--chart-3:oklch(67% .16 58);--chart-4:oklch(56% .15 49);--chart-5:oklch(47% .12 46)}
+:root {
+  --input: oklch(0.92 0.004 286.32); /* --color-zinc-200 */
+  --border: oklch(0.92 0.004 286.32); /* --color-zinc-200 */
+
+  --ring: oklch(0.84 0.16 84); /* --color-amber-400 */
+
+  --background: oklch(1 0 0); /* --color-zinc-50 */
+  --foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+
+  --primary: oklch(0.67 0.16 58); /* --color-amber-600 */
+  --primary-foreground: oklch(0.99 0.02 95); /* --color-amber-50 */
+
+  --secondary: oklch(0.967 0.001 286.375); /* --color-zinc-100 */
+  --secondary-foreground: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
+
+  --destructive: oklch(0.577 0.245 27.325); /* --color-red-600 */
+
+  --accent: oklch(0.967 0.001 286.375); /* --color-zinc-100 */
+  --accent-foreground: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
+
+  --muted: oklch(0.967 0.001 286.375); /* --color-zinc-100 */
+  --muted-foreground: oklch(0.552 0.016 285.938); /* --color-zinc-500 */
+
+  --popover: oklch(1 0 0); /* --color-zinc-50 */
+  --popover-foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+
+  --card: oklch(1 0 0); /* --color-zinc-50 */
+  --card-foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+
+  --sidebar: oklch(0.985 0 0); /* --color-zinc-50 */
+  --sidebar-foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+
+  --sidebar-primary: oklch(0.67 0.16 58); /* --color-amber-600 */
+  --sidebar-primary-foreground: oklch(0.99 0.02 95); /* --color-amber-50 */
+
+  --sidebar-accent: oklch(0.967 0.001 286.375); /* --color-zinc-100 */
+  --sidebar-accent-foreground: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
+
+  --sidebar-border: oklch(0.92 0.004 286.32); /* --color-zinc-200 */
+  --sidebar-ring: oklch(0.84 0.16 84); /* --color-amber-400 */
+
+  --chart-1: oklch(0.88 0.15 92); /* --color-amber-300 */
+  --chart-2: oklch(0.77 0.16 70); /* --color-amber-500 */
+  --chart-3: oklch(0.67 0.16 58); /* --color-amber-600 */
+  --chart-4: oklch(0.56 0.15 49); /* --color-amber-700 */
+  --chart-5: oklch(0.47 0.12 46); /* --color-amber-800 */
+}
+
+.dark {
+  --input: oklch(1 0 0 / 15%); /* --color-white */
+  --border: oklch(1 0 0 / 10%); /* --color-white */
+
+  --ring: oklch(0.41 0.11 46); /* --color-amber-900 */
+
+  --background: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+  --foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --primary: oklch(0.77 0.16 70); /* --color-amber-500 */
+  --primary-foreground: oklch(0.99 0.02 95); /* --color-amber-50 */
+
+  --secondary: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
+  --secondary-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --destructive: oklch(0.704 0.191 22.216); /* --color-red-400 */
+
+  --accent: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
+  --accent-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --muted: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
+  --muted-foreground: oklch(0.705 0.015 286.067); /* --color-zinc-400 */
+
+  --popover: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
+  --popover-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --card: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
+  --card-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --sidebar: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
+  --sidebar-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --sidebar-primary: oklch(0.77 0.16 70); /* --color-amber-500 */
+  --sidebar-primary-foreground: oklch(0.99 0.02 95); /* --color-amber-50 */
+
+  --sidebar-accent: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
+  --sidebar-accent-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --sidebar-border: oklch(1 0 0 / 10%); /* --color-white */
+  --sidebar-ring: oklch(0.41 0.11 46); /* --color-amber-900 */
+
+  --chart-1: oklch(0.88 0.15 92); /* --color-amber-300 */
+  --chart-2: oklch(0.77 0.16 70); /* --color-amber-500 */
+  --chart-3: oklch(0.67 0.16 58); /* --color-amber-600 */
+  --chart-4: oklch(0.56 0.15 49); /* --color-amber-700 */
+  --chart-5: oklch(0.47 0.12 46); /* --color-amber-800 */
+}

package/dist/css/blue.css

@@ -1 +1,95 @@
-:root{--input:oklch(92% .004 286.32);--border:oklch(92% .004 286.32);--ring:oklch(70.8% 0 0);--background:oklch(100% 0 0);--foreground:oklch(14.1% .005 285.823);--primary:oklch(48.8% .243 264.376);--primary-foreground:oklch(97% .014 254.604);--secondary:oklch(96.7% .001 286.375);--secondary-foreground:oklch(21% .006 285.885);--destructive:oklch(57.7% .245 27.325);--accent:oklch(96.7% .001 286.375);--accent-foreground:oklch(21% .006 285.885);--muted:oklch(96.7% .001 286.375);--muted-foreground:oklch(55.2% .016 285.938);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.1% .005 285.823);--card:oklch(100% 0 0);--card-foreground:oklch(14.1% .005 285.823);--sidebar:oklch(98.5% 0 0);--sidebar-foreground:oklch(14.1% .005 285.823);--sidebar-primary:oklch(54.6% .245 262.881);--sidebar-primary-foreground:oklch(97% .014 254.604);--sidebar-accent:oklch(96.7% .001 286.375);--sidebar-accent-foreground:oklch(21% .006 285.885);--sidebar-border:oklch(92% .004 286.32);--sidebar-ring:oklch(70.8% 0 0);--chart-1:oklch(80.9% .105 251.813);--chart-2:oklch(62.3% .214 259.815);--chart-3:oklch(54.6% .245 262.881);--chart-4:oklch(48.8% .243 264.376);--chart-5:oklch(42.4% .199 265.638)}.dark{--input:oklch(100% 0 0/.15);--border:oklch(100% 0 0/.1);--ring:oklch(55.6% 0 0);--background:oklch(14.1% .005 285.823);--foreground:oklch(98.5% 0 0);--primary:oklch(48.8% .243 264.376);--primary-foreground:oklch(97% .014 254.604);--secondary:oklch(27.4% .006 286.033);--secondary-foreground:oklch(98.5% 0 0);--destructive:oklch(70.4% .191 22.216);--accent:oklch(27.4% .006 286.033);--accent-foreground:oklch(98.5% 0 0);--muted:oklch(27.4% .006 286.033);--muted-foreground:oklch(70.5% .015 286.067);--popover:oklch(21% .006 285.885);--popover-foreground:oklch(98.5% 0 0);--card:oklch(21% .006 285.885);--card-foreground:oklch(98.5% 0 0);--sidebar:oklch(21% .006 285.885);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-primary:oklch(62.3% .214 259.815);--sidebar-primary-foreground:oklch(97% .014 254.604);--sidebar-accent:oklch(27.4% .006 286.033);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(43.9% 0 0);--chart-1:oklch(80.9% .105 251.813);--chart-2:oklch(62.3% .214 259.815);--chart-3:oklch(54.6% .245 262.881);--chart-4:oklch(48.8% .243 264.376);--chart-5:oklch(42.4% .199 265.638)}
+:root {
+  --input: oklch(0.92 0.004 286.32); /* --color-zinc-200 */
+  --border: oklch(0.92 0.004 286.32); /* --color-zinc-200 */
+
+  --ring: oklch(0.708 0 0); /* default ring */
+
+  --background: oklch(1 0 0); /* --color-zinc-50 */
+  --foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+
+  --primary: oklch(0.488 0.243 264.376); /* --color-blue-700 */
+  --primary-foreground: oklch(0.97 0.014 254.604); /* --color-blue-50 */
+
+  --secondary: oklch(0.967 0.001 286.375); /* --color-zinc-100 */
+  --secondary-foreground: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
+
+  --destructive: oklch(0.577 0.245 27.325); /* --color-red-600 */
+
+  --accent: oklch(0.967 0.001 286.375); /* --color-zinc-100 */
+  --accent-foreground: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
+
+  --muted: oklch(0.967 0.001 286.375); /* --color-zinc-100 */
+  --muted-foreground: oklch(0.552 0.016 285.938); /* --color-zinc-500 */
+
+  --popover: oklch(1 0 0); /* --color-zinc-50 */
+  --popover-foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+
+  --card: oklch(1 0 0); /* --color-zinc-50 */
+  --card-foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+
+  --sidebar: oklch(0.985 0 0); /* --color-zinc-50 */
+  --sidebar-foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+
+  --sidebar-primary: oklch(0.546 0.245 262.881); /* --color-blue-600 */
+  --sidebar-primary-foreground: oklch(0.97 0.014 254.604); /* --color-blue-50 */
+
+  --sidebar-accent: oklch(0.967 0.001 286.375); /* --color-zinc-100 */
+  --sidebar-accent-foreground: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
+
+  --sidebar-border: oklch(0.92 0.004 286.32); /* --color-zinc-200 */
+  --sidebar-ring: oklch(0.708 0 0); /* default sidebar ring */
+
+  --chart-1: oklch(0.809 0.105 251.813); /* --color-blue-300 */
+  --chart-2: oklch(0.623 0.214 259.815); /* --color-blue-500 */
+  --chart-3: oklch(0.546 0.245 262.881); /* --color-blue-600 */
+  --chart-4: oklch(0.488 0.243 264.376); /* --color-blue-700 */
+  --chart-5: oklch(0.424 0.199 265.638); /* --color-blue-800 */
+}
+
+.dark {
+  --input: oklch(1 0 0 / 15%); /* --color-white */
+  --border: oklch(1 0 0 / 10%); /* --color-white */
+
+  --ring: oklch(0.556 0 0); /* default ring (dark) */
+
+  --background: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+  --foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --primary: oklch(0.488 0.243 264.376); /* --color-blue-700 */
+  --primary-foreground: oklch(0.97 0.014 254.604); /* --color-blue-50 */
+
+  --secondary: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
+  --secondary-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --destructive: oklch(0.704 0.191 22.216); /* --color-red-400 */
+
+  --accent: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
+  --accent-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --muted: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
+  --muted-foreground: oklch(0.705 0.015 286.067); /* --color-zinc-400 */
+
+  --popover: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
+  --popover-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --card: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
+  --card-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --sidebar: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
+  --sidebar-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --sidebar-primary: oklch(0.623 0.214 259.815); /* --color-blue-500 */
+  --sidebar-primary-foreground: oklch(0.97 0.014 254.604); /* --color-blue-50 */
+
+  --sidebar-accent: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
+  --sidebar-accent-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --sidebar-border: oklch(1 0 0 / 10%); /* --color-white */
+  --sidebar-ring: oklch(0.439 0 0); /* default sidebar ring (dark) */
+
+  --chart-1: oklch(0.809 0.105 251.813); /* --color-blue-300 */
+  --chart-2: oklch(0.623 0.214 259.815); /* --color-blue-500 */
+  --chart-3: oklch(0.546 0.245 262.881); /* --color-blue-600 */
+  --chart-4: oklch(0.488 0.243 264.376); /* --color-blue-700 */
+  --chart-5: oklch(0.424 0.199 265.638); /* --color-blue-800 */
+}

package/dist/css/cyan.css

@@ -1 +1,95 @@
-:root{--input:oklch(92% .004 286.32);--border:oklch(92% .004 286.32);--ring:oklch(80% .13 212);--background:oklch(100% 0 0);--foreground:oklch(14.1% .005 285.823);--primary:oklch(61% .11 222);--primary-foreground:oklch(98% .02 201);--secondary:oklch(96.7% .001 286.375);--secondary-foreground:oklch(21% .006 285.885);--destructive:oklch(57.7% .245 27.325);--accent:oklch(96.7% .001 286.375);--accent-foreground:oklch(21% .006 285.885);--muted:oklch(96.7% .001 286.375);--muted-foreground:oklch(55.2% .016 285.938);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.1% .005 285.823);--card:oklch(100% 0 0);--card-foreground:oklch(14.1% .005 285.823);--sidebar:oklch(98.5% 0 0);--sidebar-foreground:oklch(14.1% .005 285.823);--sidebar-primary:oklch(61% .11 222);--sidebar-primary-foreground:oklch(98% .02 201);--sidebar-accent:oklch(96.7% .001 286.375);--sidebar-accent-foreground:oklch(21% .006 285.885);--sidebar-border:oklch(92% .004 286.32);--sidebar-ring:oklch(80% .13 212);--chart-1:oklch(87% .12 207);--chart-2:oklch(80% .13 212);--chart-3:oklch(71% .13 215);--chart-4:oklch(61% .11 222);--chart-5:oklch(52% .09 223)}.dark{--input:oklch(100% 0 0/.15);--border:oklch(100% 0 0/.1);--ring:oklch(40% .07 227);--background:oklch(14.1% .005 285.823);--foreground:oklch(98.5% 0 0);--primary:oklch(71% .13 215);--primary-foreground:oklch(98% .02 201);--secondary:oklch(27.4% .006 286.033);--secondary-foreground:oklch(98.5% 0 0);--destructive:oklch(70.4% .191 22.216);--accent:oklch(27.4% .006 286.033);--accent-foreground:oklch(98.5% 0 0);--muted:oklch(27.4% .006 286.033);--muted-foreground:oklch(70.5% .015 286.067);--popover:oklch(21% .006 285.885);--popover-foreground:oklch(98.5% 0 0);--card:oklch(21% .006 285.885);--card-foreground:oklch(98.5% 0 0);--sidebar:oklch(21% .006 285.885);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-primary:oklch(71% .13 215);--sidebar-primary-foreground:oklch(98% .02 201);--sidebar-accent:oklch(27.4% .006 286.033);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(40% .07 227);--chart-1:oklch(87% .12 207);--chart-2:oklch(80% .13 212);--chart-3:oklch(71% .13 215);--chart-4:oklch(61% .11 222);--chart-5:oklch(52% .09 223)}
+:root {
+  --input: oklch(0.92 0.004 286.32); /* --color-zinc-200 */
+  --border: oklch(0.92 0.004 286.32); /* --color-zinc-200 */
+
+  --ring: oklch(0.8 0.13 212); /* --color-cyan-400 */
+
+  --background: oklch(1 0 0); /* --color-zinc-50 */
+  --foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+
+  --primary: oklch(0.61 0.11 222); /* --color-cyan-600 */
+  --primary-foreground: oklch(0.98 0.02 201); /* --color-cyan-50 */
+
+  --secondary: oklch(0.967 0.001 286.375); /* --color-zinc-100 */
+  --secondary-foreground: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
+
+  --destructive: oklch(0.577 0.245 27.325); /* --color-red-600 */
+
+  --accent: oklch(0.967 0.001 286.375); /* --color-zinc-100 */
+  --accent-foreground: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
+
+  --muted: oklch(0.967 0.001 286.375); /* --color-zinc-100 */
+  --muted-foreground: oklch(0.552 0.016 285.938); /* --color-zinc-500 */
+
+  --popover: oklch(1 0 0); /* --color-zinc-50 */
+  --popover-foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+
+  --card: oklch(1 0 0); /* --color-zinc-50 */
+  --card-foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+
+  --sidebar: oklch(0.985 0 0); /* --color-zinc-50 */
+  --sidebar-foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+
+  --sidebar-primary: oklch(0.61 0.11 222); /* --color-cyan-600 */
+  --sidebar-primary-foreground: oklch(0.98 0.02 201); /* --color-cyan-50 */
+
+  --sidebar-accent: oklch(0.967 0.001 286.375); /* --color-zinc-100 */
+  --sidebar-accent-foreground: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
+
+  --sidebar-border: oklch(0.92 0.004 286.32); /* --color-zinc-200 */
+  --sidebar-ring: oklch(0.8 0.13 212); /* --color-cyan-400 */
+
+  --chart-1: oklch(0.87 0.12 207); /* --color-cyan-300 */
+  --chart-2: oklch(0.8 0.13 212); /* --color-cyan-400 */
+  --chart-3: oklch(0.71 0.13 215); /* --color-cyan-500 */
+  --chart-4: oklch(0.61 0.11 222); /* --color-cyan-600 */
+  --chart-5: oklch(0.52 0.09 223); /* --color-cyan-700 */
+}
+
+.dark {
+  --input: oklch(1 0 0 / 15%); /* --color-white */
+  --border: oklch(1 0 0 / 10%); /* --color-white */
+
+  --ring: oklch(0.4 0.07 227); /* --color-cyan-900 */
+
+  --background: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+  --foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --primary: oklch(0.71 0.13 215); /* --color-cyan-500 */
+  --primary-foreground: oklch(0.98 0.02 201); /* --color-cyan-50 */
+
+  --secondary: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
+  --secondary-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --destructive: oklch(0.704 0.191 22.216); /* --color-red-400 */
+
+  --accent: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
+  --accent-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --muted: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
+  --muted-foreground: oklch(0.705 0.015 286.067); /* --color-zinc-400 */
+
+  --popover: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
+  --popover-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --card: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
+  --card-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --sidebar: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
+  --sidebar-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --sidebar-primary: oklch(0.71 0.13 215); /* --color-cyan-500 */
+  --sidebar-primary-foreground: oklch(0.98 0.02 201); /* --color-cyan-50 */
+
+  --sidebar-accent: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
+  --sidebar-accent-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --sidebar-border: oklch(1 0 0 / 10%); /* --color-white */
+  --sidebar-ring: oklch(0.4 0.07 227); /* --color-cyan-900 */
+
+  --chart-1: oklch(0.87 0.12 207); /* --color-cyan-300 */
+  --chart-2: oklch(0.8 0.13 212); /* --color-cyan-400 */
+  --chart-3: oklch(0.71 0.13 215); /* --color-cyan-500 */
+  --chart-4: oklch(0.61 0.11 222); /* --color-cyan-600 */
+  --chart-5: oklch(0.52 0.09 223); /* --color-cyan-700 */
+}

package/dist/css/emerald.css

@@ -1 +1,95 @@
-:root{--input:oklch(92% .004 286.32);--border:oklch(92% .004 286.32);--ring:oklch(77% .15 163);--background:oklch(100% 0 0);--foreground:oklch(14.1% .005 285.823);--primary:oklch(60% .13 163);--primary-foreground:oklch(98% .02 166);--secondary:oklch(96.7% .001 286.375);--secondary-foreground:oklch(21% .006 285.885);--destructive:oklch(57.7% .245 27.325);--accent:oklch(96.7% .001 286.375);--accent-foreground:oklch(21% .006 285.885);--muted:oklch(96.7% .001 286.375);--muted-foreground:oklch(55.2% .016 285.938);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.1% .005 285.823);--card:oklch(100% 0 0);--card-foreground:oklch(14.1% .005 285.823);--sidebar:oklch(98.5% 0 0);--sidebar-foreground:oklch(14.1% .005 285.823);--sidebar-primary:oklch(60% .13 163);--sidebar-primary-foreground:oklch(98% .02 166);--sidebar-accent:oklch(96.7% .001 286.375);--sidebar-accent-foreground:oklch(21% .006 285.885);--sidebar-border:oklch(92% .004 286.32);--sidebar-ring:oklch(77% .15 163);--chart-1:oklch(85% .13 165);--chart-2:oklch(77% .15 163);--chart-3:oklch(70% .15 162);--chart-4:oklch(60% .13 163);--chart-5:oklch(51% .1 166)}.dark{--input:oklch(100% 0 0/.15);--border:oklch(100% 0 0/.1);--ring:oklch(38% .07 169);--background:oklch(14.1% .005 285.823);--foreground:oklch(98.5% 0 0);--primary:oklch(70% .15 162);--primary-foreground:oklch(98% .02 166);--secondary:oklch(27.4% .006 286.033);--secondary-foreground:oklch(98.5% 0 0);--destructive:oklch(70.4% .191 22.216);--accent:oklch(27.4% .006 286.033);--accent-foreground:oklch(98.5% 0 0);--muted:oklch(27.4% .006 286.033);--muted-foreground:oklch(70.5% .015 286.067);--popover:oklch(21% .006 285.885);--popover-foreground:oklch(98.5% 0 0);--card:oklch(21% .006 285.885);--card-foreground:oklch(98.5% 0 0);--sidebar:oklch(21% .006 285.885);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-primary:oklch(70% .15 162);--sidebar-primary-foreground:oklch(98% .02 166);--sidebar-accent:oklch(27.4% .006 286.033);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(38% .07 169);--chart-1:oklch(85% .13 165);--chart-2:oklch(77% .15 163);--chart-3:oklch(70% .15 162);--chart-4:oklch(60% .13 163);--chart-5:oklch(51% .1 166)}
+:root {
+  --input: oklch(0.92 0.004 286.32); /* --color-zinc-200 */
+  --border: oklch(0.92 0.004 286.32); /* --color-zinc-200 */
+
+  --ring: oklch(0.77 0.15 163); /* --color-emerald-400 */
+
+  --background: oklch(1 0 0); /* --color-zinc-50 */
+  --foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+
+  --primary: oklch(0.6 0.13 163); /* --color-emerald-600 */
+  --primary-foreground: oklch(0.98 0.02 166); /* --color-emerald-50 */
+
+  --secondary: oklch(0.967 0.001 286.375); /* --color-zinc-100 */
+  --secondary-foreground: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
+
+  --destructive: oklch(0.577 0.245 27.325); /* --color-red-600 */
+
+  --accent: oklch(0.967 0.001 286.375); /* --color-zinc-100 */
+  --accent-foreground: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
+
+  --muted: oklch(0.967 0.001 286.375); /* --color-zinc-100 */
+  --muted-foreground: oklch(0.552 0.016 285.938); /* --color-zinc-500 */
+
+  --popover: oklch(1 0 0); /* --color-zinc-50 */
+  --popover-foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+
+  --card: oklch(1 0 0); /* --color-zinc-50 */
+  --card-foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+
+  --sidebar: oklch(0.985 0 0); /* --color-zinc-50 */
+  --sidebar-foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+
+  --sidebar-primary: oklch(0.6 0.13 163); /* --color-emerald-600 */
+  --sidebar-primary-foreground: oklch(0.98 0.02 166); /* --color-emerald-50 */
+
+  --sidebar-accent: oklch(0.967 0.001 286.375); /* --color-zinc-100 */
+  --sidebar-accent-foreground: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
+
+  --sidebar-border: oklch(0.92 0.004 286.32); /* --color-zinc-200 */
+  --sidebar-ring: oklch(0.77 0.15 163); /* --color-emerald-400 */
+
+  --chart-1: oklch(0.85 0.13 165); /* --color-emerald-300 */
+  --chart-2: oklch(0.77 0.15 163); /* --color-emerald-400 */
+  --chart-3: oklch(0.7 0.15 162); /* --color-emerald-500 */
+  --chart-4: oklch(0.6 0.13 163); /* --color-emerald-600 */
+  --chart-5: oklch(0.51 0.1 166); /* --color-emerald-700 */
+}
+
+.dark {
+  --input: oklch(1 0 0 / 15%); /* --color-white */
+  --border: oklch(1 0 0 / 10%); /* --color-white */
+
+  --ring: oklch(0.38 0.07 169); /* --color-emerald-900 */
+
+  --background: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+  --foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --primary: oklch(0.7 0.15 162); /* --color-emerald-500 */
+  --primary-foreground: oklch(0.98 0.02 166); /* --color-emerald-50 */
+
+  --secondary: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
+  --secondary-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --destructive: oklch(0.704 0.191 22.216); /* --color-red-400 */
+
+  --accent: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
+  --accent-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --muted: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
+  --muted-foreground: oklch(0.705 0.015 286.067); /* --color-zinc-400 */
+
+  --popover: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
+  --popover-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --card: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
+  --card-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --sidebar: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
+  --sidebar-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --sidebar-primary: oklch(0.7 0.15 162); /* --color-emerald-500 */
+  --sidebar-primary-foreground: oklch(0.98 0.02 166); /* --color-emerald-50 */
+
+  --sidebar-accent: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
+  --sidebar-accent-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --sidebar-border: oklch(1 0 0 / 10%); /* --color-white */
+  --sidebar-ring: oklch(0.38 0.07 169); /* --color-emerald-900 */
+
+  --chart-1: oklch(0.85 0.13 165); /* --color-emerald-300 */
+  --chart-2: oklch(0.77 0.15 163); /* --color-emerald-400 */
+  --chart-3: oklch(0.7 0.15 162); /* --color-emerald-500 */
+  --chart-4: oklch(0.6 0.13 163); /* --color-emerald-600 */
+  --chart-5: oklch(0.51 0.1 166); /* --color-emerald-700 */
+}