sodtrack-web-ui 0.82.1 → 0.83.1

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

@@ -0,0 +1,549 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+import { LucideIcon } from 'lucide-react';
+import { FC, HTMLAttributes } from 'react';
+
+type StatusBadgeVariant = "aqua-100" | "sky-50" | "info-100" | "success-50" | "mint-50" | "success-200" | "jungle-200" | "green-200" | "banana-50" | "banana-100" | "secondary-100" | "warning-50" | "warning-200" | "orange-50" | "orange-100" | "coral-50" | "danger-50" | "danger-100" | "new-50" | "lavender-100" | "orchid-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: {
+        "aqua-100": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "sky-50": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "info-100": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "success-50": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "mint-50": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "success-200": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "jungle-200": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "green-200": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "banana-50": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "banana-100": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "secondary-100": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "warning-50": {
+            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;
+        };
+        "orange-100": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "coral-50": {
+            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;
+        };
+        "lavender-100": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "orchid-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: {
+        "aqua-100": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "sky-50": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "info-100": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "success-50": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "mint-50": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "success-200": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "jungle-200": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "green-200": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "banana-50": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "banana-100": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "secondary-100": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "warning-50": {
+            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;
+        };
+        "orange-100": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "coral-50": {
+            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;
+        };
+        "lavender-100": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "orchid-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: {
+        "aqua-100": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "sky-50": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "info-100": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "success-50": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "mint-50": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "success-200": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "jungle-200": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "green-200": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "banana-50": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "banana-100": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "secondary-100": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "warning-50": {
+            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;
+        };
+        "orange-100": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "coral-50": {
+            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;
+        };
+        "lavender-100": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "orchid-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:{"aqua-100":{container:"bg-aqua-100 ring-aqua-500",icon:"text-aqua-800",text:"text-aqua-800",dot:"bg-aqua-700"},"sky-50":{container:"bg-sky-50 ring-sky-300",icon:"text-sky-800",text:"text-sky-800",dot:"bg-sky-700"},"info-100":{container:"bg-info-100 ring-info-500",icon:"text-info-800",text:"text-info-800",dot:"bg-info-600"},"success-50":{container:"bg-success-50 ring-success-300",icon:"text-success-800",text:"text-success-800",dot:"bg-success-700"},"mint-50":{container:"bg-mint-50 ring-mint-300",icon:"text-mint-800",text:"text-mint-800",dot:"bg-mint-500"},"success-200":{container:"bg-success-200 ring-success-300",icon:"text-success-800",text:"text-success-800",dot:"bg-success-700"},"jungle-200":{container:"bg-jungle-200 ring-mint-500",icon:"text-jungle-800",text:"text-jungle-800",dot:"bg-jungle-700"},"green-200":{container:"bg-green-200 ring-green-600",icon:"text-green-800",text:"text-green-800",dot:"bg-green-700"},"banana-50":{container:"bg-banana-50 ring-banana-500",icon:"text-banana-800",text:"text-banana-800",dot:"bg-banana-700"},"banana-100":{container:"bg-banana-100 ring-banana-500",icon:"text-banana-800",text:"text-banana-800",dot:"bg-banana-700"},"secondary-100":{container:"bg-secondary-100 ring-secondary-400",icon:"text-secondary-900",text:"text-secondary-900",dot:"bg-secondary-700"},"warning-50":{container:"bg-warning-50 ring-warning-300",icon:"text-warning-800",text:"text-warning-800",dot:"bg-warning-600"},"warning-200":{container:"bg-warning-200 ring-warning-500",icon:"text-warning-800",text:"text-warning-800",dot:"bg-warning-700"},"orange-50":{container:"bg-orange-50 ring-orange-200",icon:"text-warning-800",text:"text-warning-800",dot:"bg-orange-500"},"orange-100":{container:"bg-orange-100 ring-orange-300",icon:"text-orange-800",text:"text-orange-800",dot:"bg-orange-600"},"coral-50":{container:"bg-coral-50 ring-coral-300",icon:"text-coral-800",text:"text-coral-800",dot:"bg-coral-600"},"danger-50":{container:"bg-danger-50 ring-danger-300",icon:"text-danger-800",text:"text-danger-800",dot:"bg-danger-600"},"danger-100":{container:"bg-danger-100 ring-danger-300",icon:"text-danger-800",text:"text-danger-800",dot:"bg-danger-600"},"new-50":{container:"bg-new-50 ring-new-300",icon:"text-new-800",text:"text-new-800",dot:"bg-new-500"},"lavender-100":{container:"bg-lavender-100 ring-lavender-300",icon:"text-lavender-800",text:"text-lavender-800",dot:"bg-lavender-700"},"orchid-100":{container:"bg-orchid-100 ring-orchid-300",icon:"text-orchid-800",text:"text-orchid-800",dot:"bg-orchid-700"},"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"}}]}),m=({text:t,className:a,variant:r="neutral-400",leading:n,size:i,...o})=>{let s=!t&&!!n&&n!=="dot",{container:c,text:g,dot:x,icon:l}=u({variant:r,size:i,isIconOnly:s});return jsxRuntime.jsxs("div",{className:c({className:a}),...o,children:[n==="dot"&&jsxRuntime.jsx("div",{className:x()}),n!=="dot"&&n&&jsxRuntime.jsx(n,{className:l()}),t&&jsxRuntime.jsx("p",{className:g(),children:t})]})};exports.StatusBadge=m;

package/dist/components/status-badge.mjs

@@ -0,0 +1 @@
+export{a as StatusBadge}from'../chunk-DFSOCE2F.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/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-success-50: oklch(92.97% .037196 161.510171); --color-success-100: oklch(89.76% .054549 160.03203); --color-success-200: oklch(86.83% .073385 158.577543); --color-success-300: oklch(83.7% .090251 158.646873); --color-success-500: oklch(77.99% .12407 156.208142); --color-success-600: oklch(71.52% .117837 156.18458); --color-success-700: oklch(64.67% .11034 155.655247); --color-success-800: oklch(43.46% .088893 154.254098); --color-info-50: oklch(91.55% .044429 238.914065); --color-info-100: oklch(87.65% .064612 239.419379); --color-info-200: oklch(83.84% .084578 240.019806); --color-info-300: oklch(80.4% .104585 240.444024); --color-info-500: oklch(73.48% .140543 242.906352); --color-info-600: oklch(67.24% .133623 242.843965); --color-info-700: oklch(60.74% .128045 244.113173); --color-info-800: oklch(40.58% .106199 247.515094); --color-warning-50: oklch(95.01% .050162 90.955788); --color-warning-100: oklch(92.74% .072392 90.963141); --color-warning-200: oklch(90.72% .094351 91.749041); --color-warning-300: oklch(88.55% .114819 91.497729); --color-warning-500: oklch(84.66% .146194 90.465587); --color-warning-600: oklch(76.3% .133941 90.827987); --color-warning-700: oklch(67.6% .120305 89.830952); --color-warning-800: oklch(39.72% .077346 88.408886); --color-warning-900: rgb(147, 99, 19); --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(88.4% .051063 18.161859); --color-danger-100: oklch(83.11% .077188 18.836203); --color-danger-200: oklch(78.2% .103209 19.654879); --color-danger-300: oklch(73.48% .132351 20.778252); --color-danger-500: oklch(65.2% .184634 23.758323); --color-danger-600: oklch(59.42% .176413 24.233406); --color-danger-700: oklch(53.66% .166726 24.732422); --color-danger-800: oklch(35.72% .134832 27.546841); --color-new-50: oklch(86.07% .073416 292.572264); --color-new-100: oklch(85.7% .066954 265.35827); --color-new-200: oklch(73.23% .143978 290.100145); --color-new-300: oklch(67.06% .180451 288.198937); --color-new-500: oklch(55.69% .243956 282.663665); --color-new-600: oklch(50.2% .232607 281.810107); --color-new-700: oklch(44.85% .220839 280.405857); --color-new-800: oklch(28.31% .178397 272.339907); --color-jungle-50: oklch(89.08% .092007 166.783507); --color-jungle-100: oklch(80.23% .140188 144.642553); --color-jungle-200: oklch(73.38% .099694 165.620935); --color-jungle-300: oklch(65.13% .100803 164.867037); --color-jungle-500: oklch(48.73% .102392 160.798344); --color-jungle-600: oklch(69.48% .161424 121.307403); --color-jungle-700: oklch(62.44% .144869 121.587879); --color-jungle-800: oklch(39.53% .087617 120.664546); --color-mint-50: oklch(90.57% .049809 165.486394); --color-mint-100: oklch(86.03% .068739 165.051765); --color-mint-200: oklch(81.54% .087901 163.551871); --color-mint-300: oklch(77.42% .10679 162.267494); --color-mint-500: oklch(69.13% .137071 158.918331); --color-mint-600: oklch(62.87% .123516 159.039627); --color-mint-700: oklch(56.44% .109566 159.194796); --color-mint-800: oklch(36.17% .065442 160.828853); --color-green-50: oklch(95.57% .037525 139.171874); --color-green-100: oklch(93.46% .055059 139.432624); --color-green-200: oklch(91.37% .072625 139.562297); --color-green-300: oklch(89.63% .090082 139.639452); --color-green-500: oklch(85.65% .12457 139.737582); --color-green-600: oklch(77.43% .124083 139.955557); --color-green-700: oklch(68.77% .122046 140.119183); --color-green-800: oklch(41.83% .115478 140.428351); --color-aqua-50: oklch(93.42% .041614 215.429251); --color-aqua-100: oklch(90.34% .064314 213.426946); --color-aqua-200: oklch(87.38% .082398 214.400316); --color-aqua-300: oklch(84.81% .097813 213.828532); --color-aqua-500: oklch(79.97% .123139 216.024258); --color-aqua-600: oklch(72.05% .11208 215.612204); --color-aqua-700: oklch(63.66% .10064 216.041807); --color-aqua-800: oklch(37.15% .063433 217.219); --color-sky-50: oklch(90.3% .05161 242.156089); --color-sky-100: oklch(86.02% .07594 241.664882); --color-sky-200: oklch(81.94% .099161 242.249855); --color-sky-300: oklch(77.76% .122692 243.584534); --color-sky-500: oklch(70.63% .163096 246.471715); --color-sky-600: oklch(64.41% .152419 246.942436); --color-sky-700: oklch(58.33% .141768 247.329199); --color-sky-800: oklch(38.63% .105661 251.782703); --color-indigo-50: oklch(86.27% .046363 275.931938); --color-indigo-100: oklch(79.81% .070409 275.699905); --color-indigo-200: oklch(73.27% .094106 275.007394); --color-indigo-300: oklch(67.04% .118596 274.077502); --color-indigo-500: oklch(62.26% .152177 268.167421); --color-indigo-600: oklch(49.29% .157215 270.946312); --color-indigo-700: oklch(44.28% .14491 270.742019); --color-indigo-800: oklch(28.39% .101382 269.629133); --color-violet-50: oklch(88% .064849 293.803779); --color-violet-100: oklch(82.38% .096618 292.791368); --color-violet-200: oklch(76.9% .128947 292.168907); --color-violet-300: oklch(71.26% .162662 290.966089); --color-violet-500: oklch(61.07% .223547 287.125452); --color-violet-600: oklch(54.78% .220177 285.820882); --color-violet-700: oklch(48.33% .217077 284.189687); --color-violet-800: oklch(30.29% .194211 272.543923); --color-lavender-50: oklch(88% .064849 293.803779); --color-lavender-100: oklch(82.38% .096618 292.791368); --color-lavender-200: oklch(76.9% .128947 292.168907); --color-lavender-300: oklch(71.26% .162662 290.966089); --color-lavender-500: oklch(60.76% .156078 305.323581); --color-lavender-600: oklch(55.31% .146767 305.192721); --color-lavender-700: oklch(49.55% .135756 304.758298); --color-lavender-800: oklch(31.37% .105856 303.490331); --color-orchid-50: oklch(88.56% .054396 322.165571); --color-orchid-100: oklch(83.28% .081676 322.230715); --color-orchid-200: oklch(78.16% .106943 321.675435); --color-orchid-300: oklch(73.01% .133534 322.286598); --color-orchid-500: oklch(62.37% .195916 322.406514); --color-orchid-600: oklch(57.79% .170909 322.283818); --color-orchid-700: oklch(51.92% .157162 322.142279); --color-orchid-800: oklch(33.68% .114016 322.118754); --color-pink-50: oklch(90.19% .055153 340.372962); --color-pink-100: oklch(85.8% .080865 341.241261); --color-pink-200: oklch(81.41% .109442 341.259215); --color-pink-300: oklch(77.33% .135549 342.289596); --color-pink-500: oklch(69.79% .187232 343.982563); --color-pink-600: oklch(63.7% .180992 344.439162); --color-pink-700: oklch(57.52% .174337 345.013932); --color-pink-800: oklch(38.35% .14748 347.827616); --color-bubblegum-50: oklch(89.78% .054387 3.94615); --color-bubblegum-100: oklch(85.22% .080424 5.288276); --color-bubblegum-200: oklch(80.96% .10844 6.744287); --color-bubblegum-300: oklch(76.68% .137057 7.700162); --color-bubblegum-500: oklch(69.2% .186522 11.023925); --color-bubblegum-600: oklch(63.54% .18676 12.053861); --color-bubblegum-700: oklch(57.5% .181966 13.674083); --color-bubblegum-800: oklch(39.55% .157021 20.875471); --color-coral-50: oklch(90.31% .0502 25.705622); --color-coral-100: oklch(86.07% .075099 26.819629); --color-coral-200: oklch(81.86% .101822 26.151271); --color-coral-300: oklch(77.91% .127165 27.349231); --color-coral-500: oklch(71.04% .180213 28.722046); --color-coral-600: oklch(63.69% .171471 28.699358); --color-coral-700: oklch(56.31% .161581 29.47964); --color-coral-800: oklch(33.19% .126665 31.293822); --color-orange-50: oklch(91.6% .047903 56.941099); --color-orange-100: oklch(87.69% .071025 55.558932); --color-orange-200: oklch(84.08% .094167 55.556691); --color-orange-300: oklch(80.55% .118358 53.941904); --color-orange-500: oklch(74.06% .161328 51.157846); --color-orange-600: oklch(67.77% .151447 51.088344); --color-orange-700: oklch(61.48% .141935 50.407935); --color-orange-800: oklch(41.14% .110858 47.038896); --color-banana-50: oklch(97.53% .055764 101.88023); --color-banana-100: oklch(95.3% .139122 105.226526); --color-banana-200: oklch(94.88% .116909 103.132557); --color-banana-300: oklch(93.67% .142562 102.739787); --color-banana-500: oklch(91.59% .177903 102.740888); --color-banana-600: oklch(81.24% .158377 102.923832); --color-banana-700: oklch(70.63% .138143 102.672569); --color-banana-800: oklch(35.25% .07235 101.854786); --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); --color-transparent-primary-400-10: oklch(82.29% .077992 184.439774 / .1); --color-transparent-primary-400-20: oklch(82.29% .077992 184.439774 / .2); --color-transparent-primary-400-30: oklch(82.29% .077992 184.439774 / .3); --color-transparent-primary-400-40: oklch(82.29% .077992 184.439774 / .4); --color-transparent-primary-400-50: oklch(82.29% .077992 184.439774 / .5); --color-transparent-primary-400-60: oklch(82.29% .077992 184.439774 / .6); --color-transparent-primary-400-70: oklch(82.29% .077992 184.439774 / .7); --color-transparent-primary-400-80: oklch(82.29% .077992 184.439774 / .8); --color-transparent-primary-400-90: oklch(82.29% .077992 184.439774 / .9); --color-transparent-primary-600-10: oklch(50.53% .089491 183.544723 / .1); --color-transparent-primary-600-20: oklch(50.53% .089491 183.544723 / .2); --color-transparent-primary-600-30: oklch(50.53% .089491 183.544723 / .3); --color-transparent-primary-600-40: oklch(50.53% .089491 183.544723 / .4); --color-transparent-primary-600-50: oklch(50.53% .089491 183.544723 / .5); --color-transparent-primary-600-60: oklch(50.53% .089491 183.544723 / .6); --color-transparent-primary-600-70: oklch(50.53% .089491 183.544723 / .7); --color-transparent-primary-600-80: oklch(50.53% .089491 183.544723 / .8); --color-transparent-primary-600-90: oklch(50.53% .089491 183.544723 / .9); --color-transparent-neutral-50-10: oklch(100% 0 0 / .1); --color-transparent-neutral-50-20: oklch(100% 0 0 / .2); --color-transparent-neutral-50-30: oklch(100% 0 0 / .3); --color-transparent-neutral-50-40: oklch(100% 0 0 / .4); --color-transparent-neutral-50-50: oklch(100% 0 0 / .5); --color-transparent-neutral-50-60: oklch(100% 0 0 / .6); --color-transparent-neutral-50-70: oklch(100% 0 0 / .7); --color-transparent-neutral-50-80: oklch(100% 0 0 / .8); --color-transparent-neutral-50-90: oklch(100% 0 0 / .9); --color-transparent-neutral-800-10: oklch(47.94% .013301 175.828415 / .1); --color-transparent-neutral-800-20: oklch(47.94% .013301 175.828415 / .2); --color-transparent-neutral-800-30: oklch(47.94% .013301 175.828415 / .3); --color-transparent-neutral-800-40: oklch(47.94% .013301 175.828415 / .4); --color-transparent-neutral-800-50: oklch(47.94% .013301 175.828415 / .5); --color-transparent-neutral-800-60: oklch(47.94% .013301 175.828415 / .6); --color-transparent-neutral-800-70: oklch(47.94% .013301 175.828415 / .7); --color-transparent-neutral-800-80: oklch(47.94% .013301 175.828415 / .8); --color-transparent-neutral-800-90: oklch(47.94% .013301 175.828415 / .9); }