@byyuurin/ui 0.0.6 → 0.0.8

package/dist/runtime/theme/index.js

@@ -0,0 +1,37 @@
+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 card } from "./card.js";
+export { default as carousel } from "./carousel.js";
+export { default as checkbox } from "./checkbox.js";
+export { default as chip } from "./chip.js";
+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 tooltip } from "./tooltip.js";

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

@@ -0,0 +1,141 @@
+declare const _default: {
+    base: undefined;
+    slots: {
+        base: string;
+        input: string[];
+        increment: string;
+        decrement: string;
+    };
+    variants: {
+        size: {
+            xs: {
+                base: string;
+            };
+            sm: {
+                base: string;
+            };
+            md: {
+                base: string;
+            };
+            lg: {
+                base: string;
+            };
+            xl: {
+                base: string;
+            };
+        };
+        variant: {
+            outline: {
+                base: string[];
+            };
+            soft: {
+                base: string[];
+            };
+            'soft-outline': {
+                base: string[];
+            };
+            ghost: {
+                base: string[];
+            };
+            none: {
+                base: string;
+            };
+        };
+        disabled: {
+            true: {
+                increment: string;
+                decrement: string;
+            };
+        };
+        orientation: {
+            horizontal: {
+                input: string;
+                increment: string;
+                decrement: string;
+            };
+            vertical: {
+                increment: string;
+                decrement: string;
+            };
+        };
+        underline: {
+            true: "";
+        };
+        highlight: {
+            true: {
+                base: string;
+            };
+        };
+    };
+    compoundVariants: import("@byyuurin/ui-kit").CVCompoundVariants<{
+        size: {
+            xs: {
+                base: string;
+            };
+            sm: {
+                base: string;
+            };
+            md: {
+                base: string;
+            };
+            lg: {
+                base: string;
+            };
+            xl: {
+                base: string;
+            };
+        };
+        variant: {
+            outline: {
+                base: string[];
+            };
+            soft: {
+                base: string[];
+            };
+            'soft-outline': {
+                base: string[];
+            };
+            ghost: {
+                base: string[];
+            };
+            none: {
+                base: string;
+            };
+        };
+        disabled: {
+            true: {
+                increment: string;
+                decrement: string;
+            };
+        };
+        orientation: {
+            horizontal: {
+                input: string;
+                increment: string;
+                decrement: string;
+            };
+            vertical: {
+                increment: string;
+                decrement: string;
+            };
+        };
+        underline: {
+            true: "";
+        };
+        highlight: {
+            true: {
+                base: string;
+            };
+        };
+    }, {
+        base: string;
+        input: string[];
+        increment: string;
+        decrement: string;
+    }, undefined>;
+    defaultVariants: {
+        size: "md";
+        variant: "outline";
+    };
+};
+export default _default;

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

@@ -0,0 +1,95 @@
+import { ct } from "@byyuurin/ui-kit";
+import inputTheme from "./input.js";
+export default ct(
+  /* @unocss-include */
+  {
+    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",
+        "focus:outline-none",
+        "disabled:cursor-not-allowed"
+      ],
+      increment: "absolute flex items-center ui-base",
+      decrement: "absolute flex items-center ui-base"
+    },
+    variants: {
+      size: {
+        ...inputTheme.variants.size
+      },
+      variant: {
+        ...inputTheme.variants.variant
+      },
+      disabled: {
+        true: {
+          increment: "opacity-50 cursor-not-allowed",
+          decrement: "opacity-50 cursor-not-allowed"
+        }
+      },
+      orientation: {
+        horizontal: {
+          input: "text-center",
+          increment: "inset-y-0 end-0 pe-0.5",
+          decrement: "inset-y-0 start-0 ps-0.5"
+        },
+        vertical: {
+          increment: "top-0 end-0 pe-0.5 [&>button]:py-0 scale-80",
+          decrement: "bottom-0 end-0 pe-0.5 [&>button]:py-0 scale-80"
+        }
+      },
+      underline: {
+        true: ""
+      },
+      highlight: {
+        true: {
+          base: "ring ring-inset ring-ui-fill"
+        }
+      }
+    },
+    compoundVariants: [
+      {
+        variant: ["soft", "ghost", "none"],
+        highlight: false,
+        underline: true,
+        class: {
+          base: [
+            "relative after:content-empty after:absolute after:inset-x-0 after:bottom-0 after:h-1px after:bg-soft-ui-cb/40",
+            "focus-within:after:h-2px focus-within:after:bg-soft-ui-fill/60"
+          ]
+        }
+      },
+      {
+        size: ["xs", "sm", "md"],
+        class: {
+          base: "p-1.5",
+          input: "px-1"
+        }
+      },
+      {
+        size: ["lg", "xl"],
+        class: {
+          base: "p-2.5",
+          input: "px-1.5"
+        }
+      },
+      {
+        variant: ["soft", "soft-outline", "ghost", "none"],
+        highlight: true,
+        class: {
+          base: "ring ring-inset ring-ui-fill/80"
+        }
+      },
+      {
+        variant: ["outline"],
+        highlight: true,
+        class: {
+          base: "ring-2 ring-ui-fill/80 focus-within:ring-ui-fill/80"
+        }
+      }
+    ],
+    defaultVariants: {
+      size: "md",
+      variant: "outline"
+    }
+  }
+);

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: {
@@ -72,105 +72,77 @@ declare const _default: {
             };
         };
     };
-    compoundVariants: ({
-        variant: ("soft" | "ghost" | "none")[];
-        highlight: false;
-        underline: true;
-        class: {
-            base: string[];
-            input?: undefined;
-            prefixIcon?: undefined;
-            suffixIcon?: undefined;
-        };
-        size?: undefined;
-        loading?: undefined;
-        prefix?: undefined;
-        suffix?: undefined;
-    } | {
-        size: ("xs" | "sm" | "md")[];
-        class: {
-            base: string;
-            input: string;
-            prefixIcon?: undefined;
-            suffixIcon?: undefined;
-        };
-        variant?: undefined;
-        highlight?: undefined;
-        underline?: undefined;
-        loading?: undefined;
-        prefix?: undefined;
-        suffix?: undefined;
-    } | {
-        size: ("lg" | "xl")[];
-        class: {
-            base: string;
-            input: string;
-            prefixIcon?: undefined;
-            suffixIcon?: undefined;
-        };
-        variant?: undefined;
-        highlight?: undefined;
-        underline?: undefined;
-        loading?: undefined;
-        prefix?: undefined;
-        suffix?: undefined;
-    } | {
-        variant: ("soft" | "soft-outline" | "ghost" | "none")[];
-        highlight: true;
-        class: {
-            base: string;
-            input?: undefined;
-            prefixIcon?: undefined;
-            suffixIcon?: undefined;
-        };
-        underline?: undefined;
-        size?: undefined;
-        loading?: undefined;
-        prefix?: undefined;
-        suffix?: undefined;
-    } | {
-        variant: "outline"[];
-        highlight: true;
-        class: {
-            base: string;
-            input?: undefined;
-            prefixIcon?: undefined;
-            suffixIcon?: undefined;
-        };
-        underline?: undefined;
-        size?: undefined;
-        loading?: undefined;
-        prefix?: undefined;
-        suffix?: undefined;
-    } | {
-        loading: true;
-        prefix: true;
-        class: {
-            prefixIcon: string;
-            base?: undefined;
-            input?: undefined;
-            suffixIcon?: undefined;
-        };
-        variant?: undefined;
-        highlight?: undefined;
-        underline?: undefined;
-        size?: undefined;
-        suffix?: undefined;
-    } | {
-        loading: true;
-        prefix: false;
-        suffix: true;
-        class: {
-            suffixIcon: string;
-            base?: undefined;
-            input?: undefined;
-            prefixIcon?: undefined;
-        };
-        variant?: undefined;
-        highlight?: undefined;
-        underline?: undefined;
-        size?: undefined;
-    })[];
+    compoundVariants: import("@byyuurin/ui-kit").CVCompoundVariants<{
+        size: {
+            xs: {
+                base: string;
+            };
+            sm: {
+                base: string;
+            };
+            md: {
+                base: string;
+            };
+            lg: {
+                base: string;
+            };
+            xl: {
+                base: string;
+            };
+        };
+        variant: {
+            outline: {
+                base: string[];
+            };
+            soft: {
+                base: string[];
+            };
+            'soft-outline': {
+                base: string[];
+            };
+            ghost: {
+                base: string[];
+            };
+            none: {
+                base: string;
+            };
+        };
+        leading: {
+            true: "";
+        };
+        trailing: {
+            true: "";
+        };
+        loading: {
+            true: "";
+        };
+        underline: {
+            true: "";
+        };
+        highlight: {
+            true: "";
+        };
+        type: {
+            file: {
+                input: string;
+            };
+        };
+        groupOrientation: {
+            horizontal: {
+                base: string;
+            };
+            vertical: {
+                base: string;
+            };
+        };
+    }, {
+        base: string;
+        input: string[];
+        leading: string;
+        leadingIcon: string;
+        trailing: string;
+        trailingIcon: string;
+    }, undefined>;
     defaultVariants: {
         size: "md";
     };

package/dist/runtime/theme/{input.mjs → input.js}

@@ -1,5 +1,5 @@
 import { ct } from "@byyuurin/ui-kit";
-import { buttonGroupVariant } from "./button-group.mjs";
+import { buttonGroupVariant } from "./button-group.js";
 export default ct(
   /* @unocss-include */
   {
@@ -10,10 +10,10 @@ export default ct(
         "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,29 +37,29 @@ export default ct(
       variant: {
         "outline": {
           base: [
-            "color-ui-cb/80 bg-solid-ui-c1 ring ring-inset ring-ui-cb/50",
-            "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-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"
           ]
         },
         "soft": {
           base: [
-            "color-ui-cb/80 bg-solid-ui-cb/4",
-            "hover:bg-solid-ui-cb/6 hover:color-ui-cb/80 focus-within:bg-solid-ui-cb/8 focus-within:color-ui-cb/85",
-            "aria-disabled:color-ui-cb/80 aria-disabled:bg-solid-ui-cb/5 hover:aria-disabled:color-ui-cb/80 hover:aria-disabled:bg-solid-ui-cb/5"
+            "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"
           ]
         },
         "soft-outline": {
           base: [
-            "color-ui-cb/80 bg-solid-ui-cb/4 ring ring-inset ring-ui-cb/10",
-            "hover:bg-solid-ui-cb/6 hover:color-ui-cb/80 focus-within:bg-solid-ui-cb/8 focus-within:color-ui-cb/85",
-            "aria-disabled:color-ui-cb/80 aria-disabled:bg-solid-ui-cb/5 hover:aria-disabled:color-ui-cb/80 hover:aria-disabled:bg-solid-ui-cb/5"
+            "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"
           ]
         },
         "ghost": {
           base: [
             "color-ui-cb/80 bg-transparent",
-            "hover:bg-solid-ui-cb/6 hover:color-ui-cb/80 focus-within:bg-solid-ui-cb/8 focus-within:color-ui-cb/85",
+            "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-fill/80 aria-disabled:bg-transparent hover:aria-disabled:color-ui-fill/80 hover:aria-disabled:bg-transparent"
           ]
         },
@@ -67,10 +67,10 @@ export default ct(
           base: "color-ui-cb 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-c1 file:bg-solid-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"
         }
       }
     },
@@ -95,8 +95,8 @@ export default ct(
         underline: true,
         class: {
           base: [
-            "relative after:content-empty after:absolute after:inset-x-0 after:bottom-0 after:h-1px after:bg-solid-ui-cb/40",
-            "focus-within:after:h-2px focus-within:after:bg-solid-ui-fill/60"
+            "relative after:content-empty after:absolute after:inset-x-0 after:bottom-0 after:h-1px after:bg-soft-ui-cb/40",
+            "focus-within:after:h-2px focus-within:after:bg-soft-ui-fill/60"
           ]
         }
       },
@@ -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-cx/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-cx/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-cx/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

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