@byyuurin/ui 0.0.7 → 0.0.9

package/dist/runtime/theme/index.js

@@ -1,9 +1,13 @@
 export { default as accordion } from "./accordion.js";
 export { default as alert } from "./alert.js";
 export { default as app } from "./app.js";
+export { default as avatar } from "./avatar.js";
+export { default as avatarGroup } from "./avatar-group.js";
 export { default as badge } from "./badge.js";
+export { default as breadcrumb } from "./breadcrumb.js";
 export { default as button } from "./button.js";
 export { default as buttonGroup } from "./button-group.js";
+export { default as calendar } from "./calendar.js";
 export { default as card } from "./card.js";
 export { default as carousel } from "./carousel.js";
 export { default as checkbox } from "./checkbox.js";
@@ -12,20 +16,23 @@ export { default as collapsible } from "./collapsible.js";
 export { default as drawer } from "./drawer.js";
 export { default as input } from "./input.js";
 export { default as inputNumber } from "./input-number.js";
+export { default as kbd } from "./kbd.js";
 export { default as link } from "./link.js";
 export { default as modal } from "./modal.js";
 export { default as pagination } from "./pagination.js";
 export { default as pinInput } from "./pinInput.js";
 export { default as popover } from "./popover.js";
+export { default as progress } from "./progress.js";
 export { default as radioGroup } from "./radio-group.js";
 export { default as scrollArea } from "./scroll-area.js";
 export { default as select } from "./select.js";
 export { default as separator } from "./separator.js";
+export { default as skeleton } from "./skeleton.js";
 export { default as slider } from "./slider.js";
 export { default as switch } from "./switch.js";
 export { default as table } from "./table.js";
 export { default as tabs } from "./tabs.js";
 export { default as textarea } from "./textarea.js";
 export { default as toast } from "./toast.js";
-export { default as toaster } from "./toaster.js";
+export { default as toastProvider } from "./toast-provider.js";
 export { default as tooltip } from "./tooltip.js";

package/dist/runtime/theme/input-number.d.ts

@@ -58,6 +58,9 @@ declare const _default: {
                 decrement: string;
             };
         };
+        underline: {
+            true: "";
+        };
         highlight: {
             true: {
                 base: string;
@@ -116,6 +119,9 @@ declare const _default: {
                 decrement: string;
             };
         };
+        underline: {
+            true: "";
+        };
         highlight: {
             true: {
                 base: string;

package/dist/runtime/theme/input-number.js

@@ -6,12 +6,12 @@ export default ct(
     slots: {
       base: "relative inline-flex items-center rounded-ui-base transition-colors aria-disabled:opacity-50",
       input: [
-        "w-full color-inherit bg-transparent border-0 placeholder:color-ui-cb/50",
+        "w-full color-inherit bg-transparent border-0 placeholder:color-ui-base/50",
         "focus:outline-none",
         "disabled:cursor-not-allowed"
       ],
-      increment: "absolute flex items-center",
-      decrement: "absolute flex items-center"
+      increment: "absolute flex items-center ui-base",
+      decrement: "absolute flex items-center ui-base"
     },
     variants: {
       size: {
@@ -37,6 +37,9 @@ export default ct(
           decrement: "bottom-0 end-0 pe-0.5 [&>button]:py-0 scale-80"
         }
       },
+      underline: {
+        true: ""
+      },
       highlight: {
         true: {
           base: "ring ring-inset ring-ui-fill"

package/dist/runtime/theme/input.d.ts

@@ -3,10 +3,10 @@ declare const _default: {
     slots: {
         base: string;
         input: string[];
-        prefix: string;
-        prefixIcon: string;
-        suffix: string;
-        suffixIcon: string;
+        leading: string;
+        leadingIcon: string;
+        trailing: string;
+        trailingIcon: string;
     };
     variants: {
         size: {
@@ -43,10 +43,10 @@ declare const _default: {
                 base: string;
             };
         };
-        prefix: {
+        leading: {
             true: "";
         };
-        suffix: {
+        trailing: {
             true: "";
         };
         loading: {
@@ -107,10 +107,10 @@ declare const _default: {
                 base: string;
             };
         };
-        prefix: {
+        leading: {
             true: "";
         };
-        suffix: {
+        trailing: {
             true: "";
         };
         loading: {
@@ -138,10 +138,10 @@ declare const _default: {
     }, {
         base: string;
         input: string[];
-        prefix: string;
-        prefixIcon: string;
-        suffix: string;
-        suffixIcon: string;
+        leading: string;
+        leadingIcon: string;
+        trailing: string;
+        trailingIcon: string;
     }, undefined>;
     defaultVariants: {
         size: "md";

package/dist/runtime/theme/input.js

@@ -6,14 +6,14 @@ export default ct(
     slots: {
       base: "inline-flex items-center rounded-ui-base transition-colors aria-disabled:opacity-50",
       input: [
-        "w-full color-inherit bg-transparent border-0 placeholder:color-ui-cb/50",
+        "w-full color-inherit bg-transparent border-0 placeholder:color-ui-base/50",
         "focus:outline-none",
         "disabled:cursor-not-allowed"
       ],
-      prefix: "flex items-center",
-      prefixIcon: "shrink-0 size-1.25em",
-      suffix: "flex items-center",
-      suffixIcon: "shrink-0 size-1.25em"
+      leading: "flex items-center",
+      leadingIcon: "shrink-0 size-1.25em",
+      trailing: "flex items-center",
+      trailingIcon: "shrink-0 size-1.25em"
     },
     variants: {
       ...buttonGroupVariant,
@@ -37,40 +37,40 @@ export default ct(
       variant: {
         "outline": {
           base: [
-            "color-ui-cb/80 bg-ui-cx ring ring-inset ring-ui-cb/30",
-            "focus-within:ring-2 focus-within:ring-ui-cb/50 hover:focus-within:ring-ui-cb/50",
-            "aria-disabled:ring-ui-cb/20 hover:aria-disabled:ring-ui-cb/20"
+            "color-ui-base/80 bg-ui-base ring ring-inset ring-ui-base/30",
+            "focus-within:ring-2 focus-within:ring-ui-base/50 hover:focus-within:ring-ui-base/50",
+            "aria-disabled:ring-ui-base/20 hover:aria-disabled:ring-ui-base/20"
           ]
         },
         "soft": {
           base: [
-            "color-ui-cb/80 bg-soft-ui-cb/4",
-            "hover:bg-soft-ui-cb/6 hover:color-ui-cb/80 focus-within:bg-soft-ui-cb/8 hover:focus-within:bg-soft-ui-cb/8 focus-within:color-ui-cb/85 hover:focus-within:color-ui-cb/85",
-            "aria-disabled:color-ui-cb/80 aria-disabled:bg-soft-ui-cb/5 hover:aria-disabled:color-ui-cb/80 hover:aria-disabled:bg-soft-ui-cb/5"
+            "color-ui-base/80 bg-soft-ui-cb/4",
+            "hover:bg-soft-ui-cb/6 hover:color-ui-base/80 focus-within:bg-soft-ui-cb/8 hover:focus-within:bg-soft-ui-cb/8 focus-within:color-ui-base/85 hover:focus-within:color-ui-base/85",
+            "aria-disabled:color-ui-base/80 aria-disabled:bg-soft-ui-cb/5 hover:aria-disabled:color-ui-base/80 hover:aria-disabled:bg-soft-ui-cb/5"
           ]
         },
         "soft-outline": {
           base: [
-            "color-ui-cb/80 bg-soft-ui-cb/4 ring ring-inset ring-ui-cb/30",
-            "hover:bg-soft-ui-cb/6 hover:color-ui-cb/80 focus-within:bg-soft-ui-cb/8 hover:focus-within:bg-soft-ui-cb/8 focus-within:color-ui-cb/85 hover:focus-within:color-ui-cb/85",
-            "aria-disabled:color-ui-cb/80 aria-disabled:bg-soft-ui-cb/5 hover:aria-disabled:color-ui-cb/80 hover:aria-disabled:bg-soft-ui-cb/5"
+            "color-ui-base/80 bg-soft-ui-cb/4 ring ring-inset ring-ui-base/30",
+            "hover:bg-soft-ui-cb/6 hover:color-ui-base/80 focus-within:bg-soft-ui-cb/8 hover:focus-within:bg-soft-ui-cb/8 focus-within:color-ui-base/85 hover:focus-within:color-ui-base/85",
+            "aria-disabled:color-ui-base/80 aria-disabled:bg-soft-ui-cb/5 hover:aria-disabled:color-ui-base/80 hover:aria-disabled:bg-soft-ui-cb/5"
           ]
         },
         "ghost": {
           base: [
-            "color-ui-cb/80 bg-transparent",
-            "hover:bg-soft-ui-cb/6 hover:color-ui-cb/80 focus-within:bg-soft-ui-cb/8 hover:focus-within:bg-soft-ui-cb/8 focus-within:color-ui-cb/85 hover:focus-within:color-ui-cb/85",
+            "color-ui-base/80 bg-transparent",
+            "hover:bg-soft-ui-cb/6 hover:color-ui-base/80 focus-within:bg-soft-ui-cb/8 hover:focus-within:bg-soft-ui-cb/8 focus-within:color-ui-base/85 hover:focus-within:color-ui-base/85",
             "aria-disabled:color-ui-fill/80 aria-disabled:bg-transparent hover:aria-disabled:color-ui-fill/80 hover:aria-disabled:bg-transparent"
           ]
         },
         "none": {
-          base: "color-ui-cb bg-transparent"
+          base: "color-ui-base bg-transparent"
         }
       },
-      prefix: {
+      leading: {
         true: ""
       },
-      suffix: {
+      trailing: {
         true: ""
       },
       loading: {
@@ -84,7 +84,7 @@ export default ct(
       },
       type: {
         file: {
-          input: "prefix-normal not-disabled:cursor-pointer file:pointer-events-none file:py-0 file:font-size-0.875em file:rounded-ui-button file:border-none file:color-ui-cx file:bg-soft-ui-cb/80"
+          input: "leading-normal not-disabled:cursor-pointer file:pointer-events-none file:py-0 file:font-size-0.875em file:rounded-ui-button file:border-none file:color-ui-cx file:bg-soft-ui-cb/80"
         }
       }
     },
@@ -118,7 +118,7 @@ export default ct(
         variant: ["soft", "soft-outline", "ghost", "none"],
         highlight: true,
         class: {
-          base: "ring ring-inset ring-ui-fill/80"
+          base: "ring ring-inset ring-ui-fill/80 focus-within:ring-ui-fill/80"
         }
       },
       {
@@ -130,17 +130,17 @@ export default ct(
       },
       {
         loading: true,
-        prefix: true,
+        leading: true,
         class: {
-          prefixIcon: "animate-spin"
+          leadingIcon: "animate-spin"
         }
       },
       {
         loading: true,
-        prefix: false,
-        suffix: true,
+        leading: false,
+        trailing: true,
         class: {
-          suffixIcon: "animate-spin"
+          trailingIcon: "animate-spin"
         }
       }
     ],

package/dist/runtime/theme/kbd.d.ts

@@ -0,0 +1,39 @@
+declare const _default: {
+    base: string;
+    slots: undefined;
+    variants: {
+        variant: {
+            solid: "color-ui-cx bg-soft-ui-fill/90";
+            outline: "color-ui-fill ring bg-ui-base/90 ring-inset ring-ui-fill/30";
+            soft: "color-ui-fill/80 bg-soft-ui-fill/20";
+            'soft-outline': "color-ui-fill/80 bg-soft-ui-fill/20 ring ring-inset ring-ui-fill/30";
+        };
+        size: {
+            xs: "text-xs";
+            sm: "text-sm";
+            md: "text-base";
+            lg: "text-lg";
+            xl: "text-xl";
+        };
+    };
+    compoundVariants: import("@byyuurin/ui-kit").CVCompoundVariants<{
+        variant: {
+            solid: "color-ui-cx bg-soft-ui-fill/90";
+            outline: "color-ui-fill ring bg-ui-base/90 ring-inset ring-ui-fill/30";
+            soft: "color-ui-fill/80 bg-soft-ui-fill/20";
+            'soft-outline': "color-ui-fill/80 bg-soft-ui-fill/20 ring ring-inset ring-ui-fill/30";
+        };
+        size: {
+            xs: "text-xs";
+            sm: "text-sm";
+            md: "text-base";
+            lg: "text-lg";
+            xl: "text-xl";
+        };
+    }, undefined, "inline-flex items-center justify-center px-0.25em rounded-ui-base leading-normal min-w-1.5em font-medium font-sans select-none">;
+    defaultVariants: {
+        variant: "outline";
+        size: "md";
+    };
+};
+export default _default;

package/dist/runtime/theme/kbd.js

@@ -0,0 +1,26 @@
+import { ct } from "@byyuurin/ui-kit";
+export default ct(
+  /* @unocss-include */
+  {
+    base: "inline-flex items-center justify-center px-0.25em rounded-ui-base leading-normal min-w-1.5em font-medium font-sans select-none",
+    variants: {
+      variant: {
+        "solid": "color-ui-cx bg-soft-ui-fill/90",
+        "outline": "color-ui-fill ring bg-ui-base/90 ring-inset ring-ui-fill/30",
+        "soft": "color-ui-fill/80 bg-soft-ui-fill/20",
+        "soft-outline": "color-ui-fill/80 bg-soft-ui-fill/20 ring ring-inset ring-ui-fill/30"
+      },
+      size: {
+        xs: "text-xs",
+        sm: "text-sm",
+        md: "text-base",
+        lg: "text-lg",
+        xl: "text-xl"
+      }
+    },
+    defaultVariants: {
+      variant: "outline",
+      size: "md"
+    }
+  }
+);

package/dist/runtime/theme/link.d.ts

@@ -26,7 +26,7 @@ declare const _default: {
         disabled: {
             true: "cursor-not-allowed opacity-50";
         };
-    }, undefined, "border-y border-t-transparent outline-none focus-visible:outline-ui-cb/80">;
+    }, undefined, "border-y border-t-transparent outline-none focus-visible:outline-ui-base/80">;
     defaultVariants: import("@byyuurin/ui-kit").CVDefaultVariants<{
         underline: {
             true: "border-current";

package/dist/runtime/theme/link.js

@@ -2,7 +2,7 @@ import { ct } from "@byyuurin/ui-kit";
 export default ct(
   /* @unocss-include */
   {
-    base: "border-y border-t-transparent outline-none focus-visible:outline-ui-cb/80",
+    base: "border-y border-t-transparent outline-none focus-visible:outline-ui-base/80",
     variants: {
       underline: {
         true: "border-current",
@@ -14,8 +14,8 @@ export default ct(
           "disabled:color-ui-fill aria-disabled:color-ui-fill"
         ],
         false: [
-          "color-ui-cb/80 hover:color-ui-cb/60 transition-colors",
-          "disabled:hover:color-ui-cb aria-disabled:hover:color-ui-cb"
+          "color-ui-base/80 hover:color-ui-base/60 transition-colors",
+          "disabled:hover:color-ui-base aria-disabled:hover:color-ui-base"
         ]
       },
       disabled: {

package/dist/runtime/theme/modal.js

@@ -3,13 +3,13 @@ export default ct(
   /* @unocss-include */
   {
     slots: {
-      overlay: "fixed inset-0 bg-black/40",
-      content: "fixed bg-ui-cx divide-y divide-ui-cb/10 flex flex-col focus:outline-none",
+      overlay: "fixed z-1 inset-0 bg-black/40",
+      content: "fixed z-1 bg-ui-base divide-y divide-ui-base/10 flex flex-col focus:outline-none",
       header: "flex flex-wrap items-center gap-1 px-4 py-5 sm:px-6",
       body: "flex-1 overflow-y-auto p-4 sm:p-6 empty:hidden",
       footer: "flex items-center gap-1.5 p-4 sm:px-6",
-      title: "flex-grow color-ui-cb text-xl font-semibold",
-      description: "w-full color-ui-cb/80",
+      title: "flex-grow color-ui-base text-xl font-semibold",
+      description: "w-full color-ui-base/80",
       close: "ms-auto"
     },
     variants: {
@@ -42,7 +42,7 @@ export default ct(
         size: ["sm", "md", "lg", "xl"],
         class: {
           content: [
-            "bottom-4 left-[50%] translate-x-[-50%] h-auto max-w-[calc(100%-2rem)] max-h-[calc(100%-2rem)] rounded-ui-box shadow-sm shadow-ui-cb/10 ring ring-ui-cb/10",
+            "bottom-4 left-[50%] translate-x-[-50%] h-auto max-w-[calc(100%-2rem)] max-h-[calc(100%-2rem)] rounded-ui-box shadow-sm shadow-ui-base/10 ring ring-ui-base/10",
             "sm:bottom-auto sm:top-[50%] sm:translate-y-[-50%]"
           ]
         }

package/dist/runtime/theme/pagination.d.ts

@@ -3,9 +3,13 @@ declare const _default: {
     slots: {
         root: string;
         list: string;
-        item: string;
         ellipsis: string;
         label: string;
+        item: string;
+        first: string;
+        prev: string;
+        next: string;
+        last: string;
     };
     variants: {
         [key: string]: {
@@ -14,7 +18,11 @@ declare const _default: {
                 item?: import("@byyuurin/ui-kit").ClassValue;
                 label?: import("@byyuurin/ui-kit").ClassValue;
                 list?: import("@byyuurin/ui-kit").ClassValue;
+                prev?: import("@byyuurin/ui-kit").ClassValue;
+                next?: import("@byyuurin/ui-kit").ClassValue;
                 ellipsis?: import("@byyuurin/ui-kit").ClassValue;
+                first?: import("@byyuurin/ui-kit").ClassValue;
+                last?: import("@byyuurin/ui-kit").ClassValue;
             } | null;
         };
     };
@@ -25,15 +33,23 @@ declare const _default: {
                 item?: import("@byyuurin/ui-kit").ClassValue;
                 label?: import("@byyuurin/ui-kit").ClassValue;
                 list?: import("@byyuurin/ui-kit").ClassValue;
+                prev?: import("@byyuurin/ui-kit").ClassValue;
+                next?: import("@byyuurin/ui-kit").ClassValue;
                 ellipsis?: import("@byyuurin/ui-kit").ClassValue;
+                first?: import("@byyuurin/ui-kit").ClassValue;
+                last?: import("@byyuurin/ui-kit").ClassValue;
             } | null;
         };
     }, {
         root: string;
         list: string;
-        item: string;
         ellipsis: string;
         label: string;
+        item: string;
+        first: string;
+        prev: string;
+        next: string;
+        last: string;
     }, undefined>;
     defaultVariants: import("@byyuurin/ui-kit").CVDefaultVariants<{
         [key: string]: {
@@ -42,15 +58,23 @@ declare const _default: {
                 item?: import("@byyuurin/ui-kit").ClassValue;
                 label?: import("@byyuurin/ui-kit").ClassValue;
                 list?: import("@byyuurin/ui-kit").ClassValue;
+                prev?: import("@byyuurin/ui-kit").ClassValue;
+                next?: import("@byyuurin/ui-kit").ClassValue;
                 ellipsis?: import("@byyuurin/ui-kit").ClassValue;
+                first?: import("@byyuurin/ui-kit").ClassValue;
+                last?: import("@byyuurin/ui-kit").ClassValue;
             } | null;
         };
     }, {
         root: string;
         list: string;
-        item: string;
         ellipsis: string;
         label: string;
+        item: string;
+        first: string;
+        prev: string;
+        next: string;
+        last: string;
     }>;
 };
 export default _default;

package/dist/runtime/theme/pagination.js

@@ -5,9 +5,13 @@ export default ct(
     slots: {
       root: "",
       list: "flex items-center gap-1",
-      item: "",
       ellipsis: "pointer-events-none",
-      label: "px-0 min-w-1.5em"
+      label: "px-0 min-w-1.5em text-center",
+      item: "",
+      first: "",
+      prev: "",
+      next: "",
+      last: ""
     }
   }
 );

package/dist/runtime/theme/pinInput.js

@@ -5,7 +5,7 @@ export default ct(
     slots: {
       root: "inline-flex items-center gap-x-2",
       container: "rounded-ui-base border-0 transition-colors aria-disabled:opacity-50",
-      base: "w-full color-inherit bg-transparent text-center placeholder:color-ui-cb/50 focus:outline-none disabled:cursor-not-allowed"
+      base: "w-full color-inherit bg-transparent text-center placeholder:color-ui-base/50 focus:outline-none disabled:cursor-not-allowed"
     },
     variants: {
       size: {
@@ -28,34 +28,34 @@ export default ct(
       variant: {
         "outline": {
           container: [
-            "color-ui-cb/80 bg-ui-cx ring ring-inset ring-ui-cb/30",
-            "focus-within:ring-2 focus-within:ring-ui-cb/50",
-            "aria-disabled:ring-ui-cb/80 hover:aria-disabled:ring-ui-cb/80"
+            "color-ui-base/80 bg-ui-base ring ring-inset ring-ui-base/30",
+            "focus-within:ring-2 focus-within:ring-ui-base/50",
+            "aria-disabled:ring-ui-base/80 hover:aria-disabled:ring-ui-base/80"
           ]
         },
         "soft": {
           container: [
-            "color-ui-cb/80 bg-soft-ui-cb/4",
-            "hover:bg-soft-ui-cb/6 hover:color-ui-cb/80 focus-within:bg-soft-ui-cb/8 focus-within:color-ui-cb/85",
-            "aria-disabled:color-ui-content/80 aria-disabled:bg-soft-ui-fill/5 hover:aria-disabled:color-ui-content/80 hover:aria-disabled:bg-soft-ui-fill/5"
+            "color-ui-base/80 bg-soft-ui-cb/4",
+            "hover:bg-soft-ui-cb/6 hover:color-ui-base/80 focus-within:bg-soft-ui-cb/8 focus-within:color-ui-base/85",
+            "aria-disabled:color-ui-fill/80 aria-disabled:bg-soft-ui-fill/5 hover:aria-disabled:color-ui-fill/80 hover:aria-disabled:bg-soft-ui-fill/5"
           ]
         },
         "soft-outline": {
           container: [
-            "color-ui-cb/80 bg-soft-ui-cb/4 ring ring-inset ring-ui-cb/30",
-            "hover:bg-soft-ui-cb/6 hover:color-ui-cb/80 focus-within:bg-soft-ui-cb/8 focus-within:color-ui-cb/85",
-            "aria-disabled:color-ui-content/80 aria-disabled:bg-soft-ui-fill/5 hover:aria-disabled:color-ui-content/80 hover:aria-disabled:bg-soft-ui-fill/5"
+            "color-ui-base/80 bg-soft-ui-cb/4 ring ring-inset ring-ui-base/30",
+            "hover:bg-soft-ui-cb/6 hover:color-ui-base/80 focus-within:bg-soft-ui-cb/8 focus-within:color-ui-base/85",
+            "aria-disabled:color-ui-fill/80 aria-disabled:bg-soft-ui-fill/5 hover:aria-disabled:color-ui-fill/80 hover:aria-disabled:bg-soft-ui-fill/5"
           ]
         },
         "ghost": {
           container: [
-            "color-ui-cb/80 bg-transparent",
-            "hover:bg-soft-ui-cb/6 hover:color-ui-cb/80 focus-within:bg-soft-ui-cb/8 focus-within:color-ui-cb/85",
+            "color-ui-base/80 bg-transparent",
+            "hover:bg-soft-ui-cb/6 hover:color-ui-base/80 focus-within:bg-soft-ui-cb/8 focus-within:color-ui-base/85",
             "aria-disabled:color-ui-fill/80 aria-disabled:bg-transparent hover:aria-disabled:color-ui-fill/80 hover:aria-disabled:bg-transparent"
           ]
         },
         "none": {
-          container: "color-ui-cb bg-transparent"
+          container: "color-ui-base bg-transparent"
         }
       },
       underline: {

package/dist/runtime/theme/popover.js

@@ -4,7 +4,7 @@ export default ct(
   {
     slots: {
       content: [
-        "color-ui-base bg-ui-base shadow-lg rounded-ui-box ring ring-ui-base/10",
+        "z-1 color-ui-base bg-ui-base shadow-lg rounded-ui-box ring ring-ui-base/10",
         "data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in] focus:outline-none pointer-events-auto"
       ],
       arrow: "fill-ui-base stroke-ui-cb/10"

package/dist/runtime/theme/progress.d.ts

@@ -0,0 +1,122 @@
+declare const _default: {
+    base: undefined;
+    slots: {
+        wrapper: string;
+        root: string;
+        indicator: string;
+        status: string;
+        steps: string;
+        step: string;
+    };
+    variants: {
+        size: {
+            xs: {
+                wrapper: string;
+            };
+            sm: {
+                wrapper: string;
+            };
+            md: {
+                wrapper: string;
+            };
+            lg: {
+                wrapper: string;
+            };
+            xl: {
+                wrapper: string;
+            };
+        };
+        step: {
+            active: {
+                step: string;
+            };
+            first: {
+                step: string;
+            };
+            other: {
+                step: string;
+            };
+            last: {
+                step: string;
+            };
+        };
+        orientation: {
+            horizontal: {
+                wrapper: string;
+                root: string;
+                status: string;
+            };
+            vertical: {
+                wrapper: string;
+                root: string;
+                status: string;
+            };
+        };
+        inverted: {
+            true: {
+                status: string;
+            };
+        };
+    };
+    compoundVariants: import("@byyuurin/ui-kit").CVCompoundVariants<{
+        size: {
+            xs: {
+                wrapper: string;
+            };
+            sm: {
+                wrapper: string;
+            };
+            md: {
+                wrapper: string;
+            };
+            lg: {
+                wrapper: string;
+            };
+            xl: {
+                wrapper: string;
+            };
+        };
+        step: {
+            active: {
+                step: string;
+            };
+            first: {
+                step: string;
+            };
+            other: {
+                step: string;
+            };
+            last: {
+                step: string;
+            };
+        };
+        orientation: {
+            horizontal: {
+                wrapper: string;
+                root: string;
+                status: string;
+            };
+            vertical: {
+                wrapper: string;
+                root: string;
+                status: string;
+            };
+        };
+        inverted: {
+            true: {
+                status: string;
+            };
+        };
+    }, {
+        wrapper: string;
+        root: string;
+        indicator: string;
+        status: string;
+        steps: string;
+        step: string;
+    }, undefined>;
+    defaultVariants: {
+        size: "md";
+    };
+};
+export default _default;