sodtrack-web-ui 0.82.1 → 0.83.0

package/dist/components/status-badge.d.ts

@@ -0,0 +1,513 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+import { LucideIcon } from 'lucide-react';
+import { FC, HTMLAttributes } from 'react';
+
+type StatusBadgeVariant = "sky-50" | "sky-200" | "success-50" | "success-100" | "lime-100" | "mantis-100" | "mantis-200" | "warning-50" | "warning-100" | "warning-200" | "orange-50" | "secondary-50" | "secondary-100" | "secondary-200" | "danger-50" | "danger-100" | "new-50" | "new-100" | "purple-100" | "neutral-200" | "neutral-300" | "neutral-400";
+type StatusBadgeSize = "sm" | "md" | "lg" | "xl";
+type StatusBadgeLeading = "dot" | LucideIcon | undefined;
+declare const statusBadge: tailwind_variants.TVReturnType<{
+    size: {
+        sm: {
+            text: string;
+            icon: string;
+        };
+        md: {
+            text: string;
+            icon: string;
+        };
+        lg: {
+            text: string;
+            icon: string;
+        };
+        xl: {
+            container: string;
+            text: string;
+            icon: string;
+        };
+    };
+    isIconOnly: {
+        true: {
+            container: string;
+        };
+        false: {};
+    };
+    variant: {
+        "sky-50": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "sky-200": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "success-50": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "success-100": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "lime-100": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "mantis-100": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "mantis-200": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "warning-50": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "warning-100": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "warning-200": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "orange-50": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "secondary-50": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "secondary-100": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "secondary-200": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "danger-50": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "danger-100": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "new-50": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "new-100": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "purple-100": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "neutral-200": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "neutral-300": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "neutral-400": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+    };
+}, {
+    container: string;
+    icon: string;
+    text: string;
+    dot: string;
+}, undefined, {
+    size: {
+        sm: {
+            text: string;
+            icon: string;
+        };
+        md: {
+            text: string;
+            icon: string;
+        };
+        lg: {
+            text: string;
+            icon: string;
+        };
+        xl: {
+            container: string;
+            text: string;
+            icon: string;
+        };
+    };
+    isIconOnly: {
+        true: {
+            container: string;
+        };
+        false: {};
+    };
+    variant: {
+        "sky-50": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "sky-200": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "success-50": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "success-100": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "lime-100": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "mantis-100": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "mantis-200": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "warning-50": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "warning-100": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "warning-200": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "orange-50": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "secondary-50": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "secondary-100": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "secondary-200": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "danger-50": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "danger-100": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "new-50": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "new-100": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "purple-100": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "neutral-200": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "neutral-300": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "neutral-400": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+    };
+}, {
+    container: string;
+    icon: string;
+    text: string;
+    dot: string;
+}, tailwind_variants.TVReturnType<{
+    size: {
+        sm: {
+            text: string;
+            icon: string;
+        };
+        md: {
+            text: string;
+            icon: string;
+        };
+        lg: {
+            text: string;
+            icon: string;
+        };
+        xl: {
+            container: string;
+            text: string;
+            icon: string;
+        };
+    };
+    isIconOnly: {
+        true: {
+            container: string;
+        };
+        false: {};
+    };
+    variant: {
+        "sky-50": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "sky-200": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "success-50": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "success-100": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "lime-100": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "mantis-100": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "mantis-200": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "warning-50": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "warning-100": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "warning-200": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "orange-50": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "secondary-50": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "secondary-100": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "secondary-200": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "danger-50": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "danger-100": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "new-50": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "new-100": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "purple-100": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "neutral-200": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "neutral-300": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "neutral-400": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+    };
+}, {
+    container: string;
+    icon: string;
+    text: string;
+    dot: string;
+}, undefined, unknown, unknown, undefined>>;
+type StatusBadgeProps = {
+    text?: string;
+    className?: HTMLAttributes<HTMLDivElement>["className"];
+    leading?: "dot" | LucideIcon;
+    size: StatusBadgeSize;
+} & VariantProps<typeof statusBadge>;
+declare const StatusBadge: FC<StatusBadgeProps>;
+
+export { StatusBadge, type StatusBadgeLeading, type StatusBadgeProps, type StatusBadgeSize, type StatusBadgeVariant };

package/dist/components/status-badge.js

@@ -0,0 +1 @@
+'use strict';var tailwindVariants=require('tailwind-variants'),jsxRuntime=require('react/jsx-runtime');var u=tailwindVariants.tv({slots:{container:"flex w-fit items-center justify-center gap-1 rounded-sm ring ring-inset",icon:"shrink-0",text:"line-clamp-1",dot:"size-1.5 shrink-0 rounded-full"},variants:{size:{sm:{text:"text-2xs leading-[130%]",icon:"size-3"},md:{text:"text-xs leading-[133%]",icon:"size-3"},lg:{text:"text-sm leading-[143%]",icon:"size-3.5"},xl:{container:"shrink-0",text:"line-clamp-3 text-center text-xs leading-[144%]",icon:"size-3.5"}},isIconOnly:{true:{container:"aspect-square"},false:{}},variant:{"sky-50":{container:"bg-info-50 ring-info-300",icon:"text-info-700",text:"text-info-700",dot:"bg-info-600"},"sky-200":{container:"bg-sky-200 ring-sky-400",icon:"text-sky-800",text:"text-sky-800",dot:"bg-sky-700"},"success-50":{container:"bg-success-50 ring-success-400",icon:"text-success-700",text:"text-success-700",dot:"bg-success-500"},"success-100":{container:"bg-success-100 ring-success-400",icon:"text-success-700",text:"text-success-700",dot:"bg-success-500"},"lime-100":{container:"bg-lime-100 ring-lime-400",icon:"text-lime-700",text:"text-lime-700",dot:"bg-lime-500"},"mantis-100":{container:"bg-mantis-100 ring-mantis-300",icon:"text-mantis-700",text:"text-mantis-700",dot:"bg-mantis-500"},"mantis-200":{container:"bg-mantis-200 ring-mantis-400",icon:"text-lime-700",text:"text-lime-700",dot:"bg-mantis-600"},"warning-50":{container:"bg-warning-50 ring-warning-300",icon:"text-warning-900",text:"text-warning-900",dot:"bg-warning-600"},"warning-100":{container:"bg-warning-100 ring-warning-300",icon:"text-warning-900",text:"text-warning-900",dot:"bg-warning-600"},"warning-200":{container:"bg-warning-200 ring-warning-400",icon:"text-warning-900",text:"text-warning-900",dot:"bg-warning-600"},"orange-50":{container:"bg-orange-50 ring-orange-300",icon:"text-orange-700",text:"text-orange-700",dot:"bg-orange-400"},"secondary-50":{container:"bg-secondary-50 ring-secondary-400",icon:"text-secondary-900",text:"text-secondary-900",dot:"bg-secondary-500"},"secondary-100":{container:"bg-secondary-100 ring-secondary-500",icon:"text-secondary-900",text:"text-secondary-900",dot:"bg-secondary-600"},"secondary-200":{container:"bg-secondary-200 ring-secondary-600",icon:"text-secondary-900",text:"text-secondary-900",dot:"bg-secondary-700"},"danger-50":{container:"bg-danger-50 ring-danger-300",icon:"text-danger-700",text:"text-danger-700",dot:"bg-danger-400"},"danger-100":{container:"bg-danger-100 ring-danger-300",icon:"text-danger-700",text:"text-danger-700",dot:"bg-danger-400"},"new-50":{container:"bg-new-50 ring-new-300",icon:"text-new-700",text:"text-new-700",dot:"bg-new-400"},"new-100":{container:"bg-new-100 ring-new-300",icon:"text-new-700",text:"text-new-700",dot:"bg-new-400"},"purple-100":{container:"bg-purple-100 ring-purple-300",icon:"text-purple-600",text:"text-purple-600",dot:"bg-purple-400"},"neutral-200":{container:"bg-neutral-200 ring-neutral-600",icon:"text-neutral-800",text:"text-neutral-800",dot:"bg-neutral-700"},"neutral-300":{container:"bg-neutral-300 ring-neutral-600",icon:"text-neutral-800",text:"text-neutral-800",dot:"bg-neutral-700"},"neutral-400":{container:"bg-neutral-400 ring-neutral-700",icon:"text-neutral-800",text:"text-neutral-800",dot:"bg-neutral-700"}}},compoundVariants:[{size:"sm",isIconOnly:false,class:{container:"py-0.625 px-1.5"}},{size:"sm",isIconOnly:true,class:{container:"p-0.75"}},{size:"md",isIconOnly:false,class:{container:"px-1.5 py-0.5"}},{size:"md",isIconOnly:true,class:{container:"p-1"}},{size:"lg",isIconOnly:false,class:{container:"px-1.5 py-0.5"}},{size:"lg",isIconOnly:true,class:{container:"p-1.125"}},{size:"xl",isIconOnly:false,class:{container:"w-30 px-1.5 py-1"}},{size:"xl",isIconOnly:true,class:{container:"p-1.75",icon:"size-4.5"}}]}),b=({text:n,className:i,variant:a="neutral-400",leading:t,size:r,...s})=>{let o=!n&&!!t&&t!=="dot",{container:c,text:g,dot:l,icon:d}=u({variant:a,size:r,isIconOnly:o});return jsxRuntime.jsxs("div",{className:c({className:i}),...s,children:[t==="dot"&&jsxRuntime.jsx("div",{className:l()}),t!=="dot"&&t&&jsxRuntime.jsx(t,{className:d()}),n&&jsxRuntime.jsx("p",{className:g(),children:n})]})};exports.StatusBadge=b;

package/dist/components/status-badge.mjs

@@ -0,0 +1 @@
+export{a as StatusBadge}from'../chunk-AU74IT3Q.mjs';

package/dist/components/tab.d.mts

@@ -12,8 +12,8 @@ type TabsVariantsType = (typeof TabsVariants)[number];
 declare const TabsSizes: readonly ["sm", "md"];
 type TabsSizesType = "sm" | "md";
 declare const tabTrigger: (props?: ({
-    variant?: "ghost" | "fill" | "fillWithCloseButton" | undefined;
-    size?: "md" | "sm" | undefined;
+    variant?: "fill" | "ghost" | "fillWithCloseButton" | undefined;
+    size?: "sm" | "md" | undefined;
 } & ({
     class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
         [x: string]: any;

package/dist/components/tab.d.ts

@@ -12,8 +12,8 @@ type TabsVariantsType = (typeof TabsVariants)[number];
 declare const TabsSizes: readonly ["sm", "md"];
 type TabsSizesType = "sm" | "md";
 declare const tabTrigger: (props?: ({
-    variant?: "ghost" | "fill" | "fillWithCloseButton" | undefined;
-    size?: "md" | "sm" | undefined;
+    variant?: "fill" | "ghost" | "fillWithCloseButton" | undefined;
+    size?: "sm" | "md" | undefined;
 } & ({
     class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
         [x: string]: any;

package/dist/components/tab.mjs

@@ -1 +1 @@
-export{c as Tabs,f as TabsContent,d as TabsList,b as TabsSizes,e as TabsTrigger,a as TabsVariants}from'../chunk-XKENLG5T.mjs';import'../chunk-JTO6FE4R.mjs';import'../chunk-5VHBHGBZ.mjs';import'../chunk-XJD5SYZJ.mjs';
+export{c as Tabs,f as TabsContent,d as TabsList,b as TabsSizes,e as TabsTrigger,a as TabsVariants}from'../chunk-FYXOLYGP.mjs';import'../chunk-5VHBHGBZ.mjs';import'../chunk-JTO6FE4R.mjs';import'../chunk-XJD5SYZJ.mjs';

package/dist/styles/colors.css

@@ -1 +1 @@
-@theme{ --color-primary-50: rgb(243, 255, 253); --color-primary-100: rgb(232, 252, 249); --color-primary-200: rgb(214, 248, 243); --color-primary-300: rgb(182, 243, 233); --color-primary-400: rgb(141, 232, 219); --color-primary-500: rgb(1, 167, 151); --color-primary-600: rgb(1, 134, 121); --color-primary-700: rgb(1, 105, 94); --color-primary-800: rgb(0, 84, 75); --color-primary-900: rgb(37, 60, 57); --color-neutral-50: rgb(255, 255, 255); --color-neutral-70: rgb(250, 254, 253); --color-neutral-80: rgb(252, 252, 252); --color-neutral-100: rgb(243, 246, 245); --color-neutral-200: rgb(225, 231, 230); --color-neutral-300: rgb(207, 217, 215); --color-neutral-400: rgb(189, 203, 201); --color-neutral-500: rgb(165, 179, 174); --color-neutral-600: rgb(126, 138, 134); --color-neutral-700: rgb(86, 96, 93); --color-neutral-800: rgb(58, 66, 64); --color-neutral-900: rgb(40, 51, 49); --color-error-100: rgb(254, 226, 226); --color-error-300: rgb(252, 165, 165); --color-error-500: rgb(239, 68, 68); --color-error-700: rgb(185, 28, 28); --color-error-900: rgb(127, 29, 29); --color-warning-100: rgb(255, 249, 214); --color-warning-300: rgb(255, 232, 133); --color-warning-500: rgb(255, 207, 53); --color-warning-700: rgb(214, 154, 0); --color-warning-900: rgb(92, 75, 34); --color-success-100: rgb(227, 250, 215); --color-success-300: rgb(103, 196, 94); --color-success-500: rgb(49, 158, 49); --color-success-700: rgb(24, 113, 40); --color-success-900: rgb(9, 75, 32); --color-info-100: rgb(207, 235, 254); --color-info-300: rgb(113, 182, 250); --color-info-500: rgb(21, 112, 239); --color-info-700: rgb(10, 64, 172); --color-info-900: rgb(39, 55, 103); --color-zoro-300: rgb(233, 240, 196); --color-zoro-500: rgb(219, 227, 171); --color-ussop-300: rgb(213, 233, 206); --color-ussop-500: rgb(191, 228, 178); --color-crocodile-300: rgb(205, 224, 185); --color-crocodile-500: rgb(190, 213, 164); --color-silvers-300: rgb(223, 247, 222); --color-silvers-500: rgb(207, 244, 206); --color-buggy-300: rgb(229, 245, 179); --color-buggy-500: rgb(218, 239, 157); --color-nami-300: rgb(255, 219, 187); --color-nami-500: rgb(255, 206, 162); --color-shanks-300: rgb(246, 207, 188); --color-shanks-500: rgb(251, 197, 169); --color-piiman-300: rgb(255, 227, 180); --color-piiman-500: rgb(255, 218, 155); --color-sanji-300: rgb(255, 236, 202); --color-sanji-500: rgb(255, 224, 169); --color-ace-300: rgb(255, 218, 211); --color-ace-500: rgb(255, 193, 181); --color-hancock-300: rgb(246, 207, 230); --color-hancock-500: rgb(243, 185, 220); --color-chopper-300: rgb(255, 226, 248); --color-chopper-500: rgb(255, 205, 243); --color-bentham-300: rgb(237, 216, 240); --color-bentham-500: rgb(236, 204, 241); --color-ivankov-300: rgb(240, 228, 255); --color-ivankov-500: rgb(230, 209, 255); --color-brook-300: rgb(226, 227, 255); --color-brook-500: rgb(206, 208, 255); --color-luffy-300: rgb(216, 227, 255); --color-luffy-500: rgb(199, 215, 255); --color-frankie-300: rgb(205, 241, 248); --color-frankie-500: rgb(184, 238, 249); --color-jinbe-300: rgb(205, 240, 255); --color-jinbe-500: rgb(179, 232, 255); --color-robin-300: rgb(186, 210, 245); --color-robin-500: rgb(173, 205, 251); --color-law-300: rgb(203, 216, 243); --color-law-500: rgb(176, 195, 234); --color-sunny-800: rgb(75, 126, 18); --color-polartang-600: rgb(198, 129, 48); --color-polartang-800: rgb(167, 90, 0); --color-merry-600: rgb(143, 63, 162); --color-merry-800: rgb(88, 23, 105); --color-jackson-800: rgb(78, 102, 151); --color-transparent-primary-10: rgb(141, 232, 219, .1); --color-transparent-primary-20: rgb(141, 232, 219, .2); --color-transparent-primary-30: rgb(141, 232, 219, .3); --color-transparent-primary-40: rgb(141, 232, 219, .4); --color-transparent-neutral-10: rgb(255, 255, 255, .1); --color-transparent-neutral-20: rgb(243, 246, 245, .2); --color-transparent-neutral-30: rgb(225, 231, 230, .3); --color-transparent-neutral-40: rgb(207, 217, 215, .4); --color-transparent-neutral-50: rgb(189, 203, 201, .5); --color-transparent-error-10: rgb(252, 165, 165, .1); }
+@theme{ --color-primary-50: oklch(99.05% .012859 185.108368); --color-primary-100: oklch(97.56% .021272 186.035142); --color-primary-200: oklch(95.04% .03166 186.913845); --color-primary-300: oklch(92.29% .045319 184.388145); --color-primary-400: oklch(82.29% .077992 184.439774); --color-primary-500: oklch(65.4% .116355 182.990151); --color-primary-600: oklch(50.53% .089491 183.544723); --color-primary-700: oklch(45.2% .08019 183.058747); --color-primary-800: oklch(38.43% .061039 182.18136); --color-primary-900: oklch(33.61% .029379 185.616258); --color-secondary-50: oklch(98.12% .028219 93.74441); --color-secondary-100: oklch(95.13% .074779 94.272193); --color-secondary-200: oklch(92.59% .116476 94.784571); --color-secondary-300: oklch(90.07% .14979 93.931278); --color-secondary-400: oklch(88.19% .170606 92.914802); --color-secondary-500: oklch(86.33% .176413 89.912689); --color-secondary-600: oklch(76.16% .155478 89.149173); --color-secondary-700: oklch(66.46% .135854 90.766427); --color-secondary-800: oklch(55.34% .112901 86.851484); --color-secondary-900: oklch(33.24% .067205 86.574464); --color-neutral-50: oklch(100% 0 0); --color-neutral-70: rgb(250, 254, 253); --color-neutral-80: rgb(252, 252, 252); --color-neutral-100: oklch(99.11% 0 0); --color-neutral-200: oklch(97.06% .003444 174.483896); --color-neutral-300: oklch(92.31% .006573 185.262917); --color-neutral-400: oklch(87.71% .011148 182.835057); --color-neutral-500: oklch(83.08% .015517 186.616571); --color-neutral-600: oklch(75.43% .017121 172.470014); --color-neutral-700: oklch(62.24% .01521 173.85771); --color-neutral-800: oklch(47.94% .013301 175.828415); --color-neutral-900: oklch(31.02% .01531 183.037849); --color-error-50: oklch(96.45% .017421 21.806344); --color-error-100: oklch(93.11% .034846 26.530667); --color-error-200: oklch(86.51% .072407 26.005506); --color-error-300: oklch(80.17% .111383 27.208636); --color-error-400: oklch(74.54% .152207 27.973968); --color-error-500: oklch(69.73% .191299 29.432339); --color-error-600: oklch(52.4% .19699 26.833108); --color-error-700: oklch(42.71% .157449 26.516899); --color-error-800: oklch(32.19% .11453 25.519586); --color-danger-50: oklch(96.45% .017421 21.806344); --color-danger-100: oklch(93.11% .034846 26.530667); --color-danger-200: oklch(86.51% .072407 26.005506); --color-danger-300: oklch(80.17% .111383 27.208636); --color-danger-400: oklch(74.54% .152207 27.973968); --color-danger-500: oklch(69.73% .191299 29.432339); --color-danger-600: oklch(52.4% .19699 26.833108); --color-danger-700: oklch(42.71% .157449 26.516899); --color-danger-800: oklch(32.19% .11453 25.519586); --color-warning-50: oklch(98.44% .018877 93.658964); --color-warning-100: oklch(97.23% .052441 97.897086); --color-warning-200: oklch(94.72% .101079 98.264996); --color-warning-300: oklch(92.46% .141832 98.154545); --color-warning-400: oklch(90.46% .169527 97.252101); --color-warning-500: oklch(88.7% .180416 95.158165); --color-warning-600: oklch(85.14% .174685 94.518463); --color-warning-700: oklch(70.63% .144985 94.863401); --color-warning-800: oklch(47.15% .096885 95.466678); --color-warning-900: rgb(147, 99, 19); --color-success-50: oklch(97.59% .015174 145.45798); --color-success-100: oklch(93.15% .04366 160.991135); --color-success-200: oklch(86.62% .086577 159.446071); --color-success-300: oklch(79.7% .1244 158.026162); --color-success-400: oklch(74.27% .156145 155.588187); --color-success-500: oklch(63.8% .142357 154.488739); --color-success-600: oklch(59.01% .134313 155.288583); --color-success-700: oklch(49.4% .108077 154.725028); --color-success-800: oklch(39.1% .082926 155.05963); --color-info-50: oklch(97.02% .013063 251.557823); --color-info-100: oklch(93.27% .043071 212.859224); --color-info-200: oklch(87.05% .08199 213.490061); --color-info-300: oklch(82.53% .118242 215.403447); --color-info-400: oklch(78.5% .136243 218.338934); --color-info-500: oklch(66.24% .117499 219.576642); --color-info-600: oklch(61.36% .108156 218.873603); --color-info-700: oklch(51.11% .089382 219.006793); --color-info-800: oklch(40.58% .069532 217.685267); --color-new-50: oklch(95.42% .017142 308.260988); --color-new-100: oklch(91.06% .0322 309.926102); --color-new-200: oklch(82.06% .067184 308.974569); --color-new-300: oklch(72.71% .103589 308.175001); --color-new-400: oklch(63.68% .139087 307.48013); --color-new-500: oklch(54.91% .172676 306.235802); --color-new-600: oklch(50.39% .177164 305.291739); --color-new-700: oklch(42.38% .144396 305.972623); --color-new-800: oklch(33.85% .109237 306.306292); --color-lime-50: oklch(97.88% .019949 115.952144); --color-lime-100: oklch(95.75% .041148 116.076982); --color-lime-200: oklch(91.53% .081759 117.666626); --color-lime-300: oklch(87.29% .117213 118.04589); --color-lime-400: oklch(83.38% .149929 119.100785); --color-lime-500: oklch(79.55% .173569 120.741571); --color-lime-600: oklch(73.68% .160112 120.712759); --color-lime-700: oklch(61.23% .13144 120.711586); --color-lime-800: oklch(41.38% .085965 120.602977); --color-mantis-50: oklch(96.59% .016901 145.443033); --color-mantis-100: oklch(93.19% .034039 145.295477); --color-mantis-200: oklch(86.44% .068862 144.949971); --color-mantis-300: oklch(79.8% .103861 144.525394); --color-mantis-400: oklch(73.29% .139197 143.992652); --color-mantis-500: oklch(67% .164626 143.464327); --color-mantis-600: oklch(61.9% .149675 143.502428); --color-mantis-700: oklch(51.81% .124335 143.520295); --color-mantis-800: oklch(35.11% .078608 143.674619); --color-sky-50: oklch(97.55% .011332 217.541974); --color-sky-100: oklch(95.29% .02274 210.395719); --color-sky-200: oklch(90.51% .044659 214.178993); --color-sky-300: oklch(85.98% .066459 212.993751); --color-sky-400: oklch(81.45% .085046 214.015469); --color-sky-500: oklch(77.63% .101758 214.177219); --color-sky-600: oklch(74.29% .112059 216.302817); --color-sky-700: oklch(64.51% .106381 217.325564); --color-sky-800: oklch(43.37% .068885 216.146187); --color-sea-50: oklch(97.02% .015868 239.100671); --color-sea-100: oklch(94.08% .031833 239.359817); --color-sea-200: oklch(88.18% .063469 242.103772); --color-sea-300: oklch(82.62% .095133 242.260986); --color-sea-400: oklch(77.38% .125327 243.245811); --color-sea-500: oklch(44% .261541 265.865639); --color-sea-600: oklch(68.54% .174161 248.188301); --color-sea-700: oklch(59.21% .174937 251.563196); --color-sea-800: oklch(39.92% .112854 249.955885); --color-indigo-50: oklch(96.18% .013758 272.691678); --color-indigo-100: oklch(92.53% .026877 269.663495); --color-indigo-200: oklch(84.81% .056341 270.671963); --color-indigo-300: oklch(77.26% .086304 269.605104); --color-indigo-400: oklch(69.59% .120221 269.273654); --color-indigo-500: oklch(62.26% .152177 268.167421); --color-indigo-600: oklch(56.03% .180837 266.706531); --color-indigo-700: oklch(45.89% .187386 265.2158); --color-indigo-800: oklch(36.47% .142807 265.429703); --color-purple-50: oklch(95.49% .016274 297.521978); --color-purple-100: oklch(91.1% .032698 293.389993); --color-purple-200: oklch(81.94% .067515 294.413364); --color-purple-300: oklch(72.85% .103755 292.552357); --color-purple-400: oklch(63.62% .141174 291.44099); --color-purple-500: oklch(54.75% .177499 288.305746); --color-purple-600: oklch(48.85% .199485 285.440541); --color-purple-700: oklch(40.59% .175891 284.470584); --color-purple-800: oklch(32.34% .133147 285.141206); --color-fuchsia-50: oklch(96.2% .016302 322.694661); --color-fuchsia-100: oklch(92.31% .032314 321.140503); --color-fuchsia-200: oklch(84.71% .066477 322.087942); --color-fuchsia-300: oklch(77.26% .099225 321.841053); --color-fuchsia-400: oklch(69.75% .134041 321.820191); --color-fuchsia-500: oklch(62.66% .168107 322.217778); --color-fuchsia-600: oklch(58.18% .187695 322.10796); --color-fuchsia-700: oklch(48.62% .160089 321.777621); --color-fuchsia-800: oklch(38.57% .121762 322.579953); --color-pink-50: oklch(96.65% .015789 341.390455); --color-pink-100: oklch(93.05% .032752 339.84174); --color-pink-200: oklch(86.22% .067765 339.738491); --color-pink-300: oklch(79.65% .104021 341.491672); --color-pink-400: oklch(73.29% .139581 342.729538); --color-pink-500: oklch(67.43% .174045 343.752122); --color-pink-600: oklch(62.97% .198148 345.456763); --color-pink-700: oklch(53.77% .198042 346.869112); --color-pink-800: oklch(42.41% .15202 346.943916); --color-wine-50: oklch(96.02% .015098 345.550165); --color-wine-100: oklch(92.02% .030005 348.223859); --color-wine-200: oklch(84.13% .062486 348.122987); --color-wine-300: oklch(76.35% .095986 349.761916); --color-wine-400: oklch(69% .131211 351.867373); --color-wine-500: oklch(62.09% .163589 354.065365); --color-wine-600: oklch(57.99% .180783 355.838564); --color-wine-700: oklch(48.61% .154697 356.056961); --color-wine-800: oklch(38.49% .118259 355.694535); --color-orange-50: oklch(97.08% .015119 54.934046); --color-orange-100: oklch(94.25% .032257 55.356256); --color-orange-200: oklch(88.89% .064772 55.409895); --color-orange-300: oklch(83.45% .097913 54.828475); --color-orange-400: oklch(78.46% .130863 52.947472); --color-orange-500: oklch(74.06% .161328 51.157846); --color-orange-600: oklch(70.82% .181867 47.904886); --color-orange-700: oklch(61% .172404 44.864647); --color-orange-800: oklch(47.93% .132408 45.831074); --color-zoro-300: rgb(233, 240, 196); --color-zoro-500: rgb(219, 227, 171); --color-ussop-300: rgb(213, 233, 206); --color-ussop-500: rgb(191, 228, 178); --color-crocodile-300: rgb(205, 224, 185); --color-crocodile-500: rgb(190, 213, 164); --color-silvers-300: rgb(223, 247, 222); --color-silvers-500: rgb(207, 244, 206); --color-buggy-300: rgb(229, 245, 179); --color-buggy-500: rgb(218, 239, 157); --color-nami-300: rgb(255, 219, 187); --color-nami-500: rgb(255, 206, 162); --color-shanks-300: rgb(246, 207, 188); --color-shanks-500: rgb(251, 197, 169); --color-piiman-300: rgb(255, 227, 180); --color-piiman-500: rgb(255, 218, 155); --color-sanji-300: rgb(255, 236, 202); --color-sanji-500: rgb(255, 224, 169); --color-ace-300: rgb(255, 218, 211); --color-ace-500: rgb(255, 193, 181); --color-hancock-300: rgb(246, 207, 230); --color-hancock-500: rgb(243, 185, 220); --color-chopper-300: rgb(255, 226, 248); --color-chopper-500: rgb(255, 205, 243); --color-bentham-300: rgb(237, 216, 240); --color-bentham-500: rgb(236, 204, 241); --color-ivankov-300: rgb(240, 228, 255); --color-ivankov-500: rgb(230, 209, 255); --color-brook-300: rgb(226, 227, 255); --color-brook-500: rgb(206, 208, 255); --color-luffy-300: rgb(216, 227, 255); --color-luffy-500: rgb(199, 215, 255); --color-frankie-300: rgb(205, 241, 248); --color-frankie-500: rgb(184, 238, 249); --color-jinbe-300: rgb(205, 240, 255); --color-jinbe-500: rgb(179, 232, 255); --color-robin-300: rgb(186, 210, 245); --color-robin-500: rgb(173, 205, 251); --color-law-300: rgb(203, 216, 243); --color-law-500: rgb(176, 195, 234); --color-sunny-800: rgb(75, 126, 18); --color-polartang-600: rgb(198, 129, 48); --color-polartang-800: rgb(167, 90, 0); --color-merry-600: rgb(143, 63, 162); --color-merry-800: rgb(88, 23, 105); --color-jackson-800: rgb(78, 102, 151); --color-transparent-primary-10: oklch(82.29% .077992 184.439774 / .1); --color-transparent-primary-20: oklch(82.29% .077992 184.439774 / .2); --color-transparent-primary-30: oklch(82.29% .077992 184.439774 / .3); --color-transparent-primary-40: oklch(82.29% .077992 184.439774 / .4); --color-transparent-primary-90: oklch(82.29% .077992 184.439774 / .9); --color-transparent-neutral-10: oklch(100% 0 0 / .1); --color-transparent-neutral-20: oklch(99.11% 0 0 / .2); --color-transparent-neutral-30: oklch(97.06% .003444 174.483896 / .3); --color-transparent-neutral-40: oklch(92.31% .006573 185.262917 / .4); --color-transparent-neutral-50: oklch(87.71% .011148 182.835057 / .5); --color-transparent-error-10: rgb(252, 165, 165, .1); }