@byyuurin/ui 0.0.9 → 0.0.10

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

@@ -47,52 +47,52 @@ declare const _default: {
             true: "";
         };
     };
-    compoundVariants: import("@byyuurin/ui-kit").CVCompoundVariants<{
-        size: {
-            xs: {
-                container: string;
-            };
-            sm: {
-                container: string;
-            };
-            md: {
-                container: string;
-            };
-            lg: {
-                container: string;
-            };
-            xl: {
-                container: string;
-            };
+    compoundVariants: ({
+        variant: ("soft" | "ghost" | "none")[];
+        highlight: false;
+        underline: true;
+        class: {
+            container: string[];
+            base?: undefined;
         };
-        variant: {
-            outline: {
-                container: string[];
-            };
-            soft: {
-                container: string[];
-            };
-            'soft-outline': {
-                container: string[];
-            };
-            ghost: {
-                container: string[];
-            };
-            none: {
-                container: string;
-            };
+        size?: undefined;
+    } | {
+        size: ("xs" | "sm" | "md")[];
+        class: {
+            base: string;
+            container?: undefined;
         };
-        underline: {
-            true: "";
+        variant?: undefined;
+        highlight?: undefined;
+        underline?: undefined;
+    } | {
+        size: ("lg" | "xl")[];
+        class: {
+            base: string;
+            container?: undefined;
         };
-        highlight: {
-            true: "";
+        variant?: undefined;
+        highlight?: undefined;
+        underline?: undefined;
+    } | {
+        variant: ("soft" | "soft-outline" | "ghost" | "none")[];
+        highlight: true;
+        class: {
+            container: string;
+            base?: undefined;
         };
-    }, {
-        root: string;
-        container: string;
-        base: string;
-    }, undefined>;
+        underline?: undefined;
+        size?: undefined;
+    } | {
+        variant: "outline"[];
+        highlight: true;
+        class: {
+            container: string;
+            base?: undefined;
+        };
+        underline?: undefined;
+        size?: undefined;
+    })[];
     defaultVariants: {
         size: "md";
     };

package/dist/runtime/theme/pinInput.js

@@ -30,7 +30,7 @@ export default ct(
           container: [
             "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"
+            "aria-disabled:ring-ui-base/15 hover:aria-disabled:ring-ui-base/15"
           ]
         },
         "soft": {

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

@@ -58,63 +58,127 @@ declare const _default: {
             };
         };
     };
-    compoundVariants: import("@byyuurin/ui-kit").CVCompoundVariants<{
-        size: {
-            xs: {
-                wrapper: string;
-            };
-            sm: {
-                wrapper: string;
-            };
-            md: {
-                wrapper: string;
-            };
-            lg: {
-                wrapper: string;
-            };
-            xl: {
-                wrapper: string;
-            };
+    compoundVariants: ({
+        orientation: "horizontal";
+        inverted: true;
+        class: {
+            step: string;
+            status: string;
+            steps?: undefined;
+            root?: undefined;
         };
-        step: {
-            active: {
-                step: string;
-            };
-            first: {
-                step: string;
-            };
-            other: {
-                step: string;
-            };
-            last: {
-                step: string;
-            };
+        size?: undefined;
+    } | {
+        orientation: "vertical";
+        inverted: true;
+        class: {
+            steps: string;
+            status: string;
+            step?: undefined;
+            root?: undefined;
         };
-        orientation: {
-            horizontal: {
-                wrapper: string;
-                root: string;
-                status: string;
-            };
-            vertical: {
-                wrapper: string;
-                root: string;
-                status: string;
-            };
+        size?: undefined;
+    } | {
+        size: "xs";
+        orientation: "horizontal";
+        class: {
+            root: string;
+            step?: undefined;
+            status?: undefined;
+            steps?: undefined;
         };
-        inverted: {
-            true: {
-                status: string;
-            };
+        inverted?: undefined;
+    } | {
+        size: "sm";
+        orientation: "horizontal";
+        class: {
+            root: string;
+            step?: undefined;
+            status?: undefined;
+            steps?: undefined;
         };
-    }, {
-        wrapper: string;
-        root: string;
-        indicator: string;
-        status: string;
-        steps: string;
-        step: string;
-    }, undefined>;
+        inverted?: undefined;
+    } | {
+        size: "md";
+        orientation: "horizontal";
+        class: {
+            root: string;
+            step?: undefined;
+            status?: undefined;
+            steps?: undefined;
+        };
+        inverted?: undefined;
+    } | {
+        size: "lg";
+        orientation: "horizontal";
+        class: {
+            root: string;
+            step?: undefined;
+            status?: undefined;
+            steps?: undefined;
+        };
+        inverted?: undefined;
+    } | {
+        size: "xl";
+        orientation: "horizontal";
+        class: {
+            root: string;
+            step?: undefined;
+            status?: undefined;
+            steps?: undefined;
+        };
+        inverted?: undefined;
+    } | {
+        size: "xs";
+        orientation: "vertical";
+        class: {
+            root: string;
+            step?: undefined;
+            status?: undefined;
+            steps?: undefined;
+        };
+        inverted?: undefined;
+    } | {
+        size: "sm";
+        orientation: "vertical";
+        class: {
+            root: string;
+            step?: undefined;
+            status?: undefined;
+            steps?: undefined;
+        };
+        inverted?: undefined;
+    } | {
+        size: "md";
+        orientation: "vertical";
+        class: {
+            root: string;
+            step?: undefined;
+            status?: undefined;
+            steps?: undefined;
+        };
+        inverted?: undefined;
+    } | {
+        size: "lg";
+        orientation: "vertical";
+        class: {
+            root: string;
+            step?: undefined;
+            status?: undefined;
+            steps?: undefined;
+        };
+        inverted?: undefined;
+    } | {
+        size: "xl";
+        orientation: "vertical";
+        class: {
+            root: string;
+            step?: undefined;
+            status?: undefined;
+            steps?: undefined;
+        };
+        inverted?: undefined;
+    })[];
     defaultVariants: {
         size: "md";
     };

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

@@ -85,91 +85,107 @@ declare const _default: {
             };
         };
     };
-    compoundVariants: import("@byyuurin/ui-kit").CVCompoundVariants<{
-        variant: {
-            outline: {
-                base: string[];
-            };
-            soft: {
-                base: string[];
-            };
-            'soft-outline': {
-                base: string[];
-            };
-            ghost: {
-                base: string[];
-            };
-            none: {
-                base: string;
-            };
-        };
-        size: {
-            xs: {
-                base: string;
-                item: string;
-            };
-            sm: {
-                base: string;
-                item: string;
-            };
-            md: {
-                base: string;
-                item: string;
-            };
-            lg: {
-                base: string;
-                item: string;
-            };
-            xl: {
-                base: string;
-                item: string;
-            };
-        };
-        leading: {
-            true: "";
-        };
-        trailing: {
-            true: "";
-        };
-        loading: {
-            true: "";
-        };
-        underline: {
-            true: "";
-        };
-        highlight: {
-            true: "";
-        };
-        groupOrientation: {
-            horizontal: {
-                base: string;
-            };
-            vertical: {
-                base: string;
-            };
-        };
-    }, {
-        base: string[];
-        value: string;
-        placeholder: string;
-        arrow: string;
-        content: string[];
-        viewport: string;
-        group: string;
-        empty: string;
-        label: string;
-        separator: string;
-        item: string[];
-        itemLeadingIcon: string;
-        itemTrailing: string;
-        itemTrailingIcon: string;
-        itemLabel: string;
-        leading: string;
-        leadingIcon: string;
-        trailing: string;
-        trailingIcon: string;
-    }, undefined>;
+    compoundVariants: ({
+        variant: ("soft" | "ghost" | "none")[];
+        highlight: false;
+        underline: true;
+        class: {
+            base: string[];
+            item?: undefined;
+            leadingIcon?: undefined;
+            trailingIcon?: undefined;
+        };
+        size?: undefined;
+        loading?: undefined;
+        leading?: undefined;
+        trailing?: undefined;
+    } | {
+        size: ("xs" | "sm" | "md")[];
+        class: {
+            base: string;
+            item: string;
+            leadingIcon?: undefined;
+            trailingIcon?: undefined;
+        };
+        variant?: undefined;
+        highlight?: undefined;
+        underline?: undefined;
+        loading?: undefined;
+        leading?: undefined;
+        trailing?: undefined;
+    } | {
+        size: ("lg" | "xl")[];
+        class: {
+            base: string;
+            item: string;
+            leadingIcon?: undefined;
+            trailingIcon?: undefined;
+        };
+        variant?: undefined;
+        highlight?: undefined;
+        underline?: undefined;
+        loading?: undefined;
+        leading?: undefined;
+        trailing?: undefined;
+    } | {
+        variant: ("soft" | "soft-outline" | "ghost" | "none")[];
+        highlight: true;
+        class: {
+            base: string;
+            item?: undefined;
+            leadingIcon?: undefined;
+            trailingIcon?: undefined;
+        };
+        underline?: undefined;
+        size?: undefined;
+        loading?: undefined;
+        leading?: undefined;
+        trailing?: undefined;
+    } | {
+        variant: "outline"[];
+        highlight: true;
+        class: {
+            base: string;
+            item?: undefined;
+            leadingIcon?: undefined;
+            trailingIcon?: undefined;
+        };
+        underline?: undefined;
+        size?: undefined;
+        loading?: undefined;
+        leading?: undefined;
+        trailing?: undefined;
+    } | {
+        loading: true;
+        leading: true;
+        class: {
+            leadingIcon: string;
+            base?: undefined;
+            item?: undefined;
+            trailingIcon?: undefined;
+        };
+        variant?: undefined;
+        highlight?: undefined;
+        underline?: undefined;
+        size?: undefined;
+        trailing?: undefined;
+    } | {
+        loading: true;
+        leading: false;
+        trailing: true;
+        class: {
+            trailingIcon: string;
+            base?: undefined;
+            item?: undefined;
+            leadingIcon?: undefined;
+        };
+        variant?: undefined;
+        highlight?: undefined;
+        underline?: undefined;
+        size?: undefined;
+    })[];
     defaultVariants: {
+        variant: "outline";
         size: "md";
     };
 };

package/dist/runtime/theme/select.js

@@ -43,7 +43,7 @@ export default ct(
           base: [
             "color-ui-base/80 bg-ui-base ring ring-inset ring-ui-base/30 data-[state=open]:ring-2 data-[state=open]:ring-ui-base/50",
             "focus-within:ring-2 focus-within:ring-ui-base/50",
-            "disabled:ring-ui-base/80 hover:disabled:ring-ui-base/80"
+            "disabled:ring-ui-base/15 hover:disabled:ring-ui-base/15"
           ]
         },
         "soft": {
@@ -166,6 +166,7 @@ export default ct(
       }
     ],
     defaultVariants: {
+      variant: "outline",
       size: "md"
     }
   }

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

@@ -31,36 +31,21 @@ declare const _default: {
             };
         };
     };
-    compoundVariants: import("@byyuurin/ui-kit").CVCompoundVariants<{
-        orientation: {
-            horizontal: {
-                root: string;
-                line: string;
-                container: string;
-            };
-            vertical: {
-                root: string;
-                line: string;
-                container: string;
-            };
-        };
-        start: {
-            true: {
-                line: string;
-            };
+    compoundVariants: ({
+        orientation: "vertical";
+        start: true;
+        class: {
+            line: string;
         };
-        end: {
-            true: {
-                line: string;
-            };
+        end?: undefined;
+    } | {
+        orientation: "vertical";
+        end: true;
+        class: {
+            line: string;
         };
-    }, {
-        root: string;
-        line: string;
-        container: string;
-        icon: string;
-        label: string;
-    }, undefined>;
+        start?: undefined;
+    })[];
     defaultVariants: import("@byyuurin/ui-kit").CVDefaultVariants<{
         orientation: {
             horizontal: {

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

@@ -10,6 +10,7 @@ declare const _default: {
         th: string;
         td: string;
         empty: string;
+        loading: string;
     };
     variants: {
         sticky: {
@@ -56,6 +57,7 @@ declare const _default: {
         th: string;
         td: string;
         empty: string;
+        loading: string;
     }, undefined>;
     defaultVariants: import("@byyuurin/ui-kit").CVDefaultVariants<{
         sticky: {
@@ -84,6 +86,7 @@ declare const _default: {
         th: string;
         td: string;
         empty: string;
+        loading: string;
     }>;
 };
 export default _default;

package/dist/runtime/theme/table.js

@@ -11,7 +11,8 @@ export default ct(
       tr: "data-[selected=true]:bg-soft-ui-cb/50",
       th: "px-4 py-3.5 text-sm color-ui-base text-left rtl:text-right font-semibold [&:has([role=checkbox])]:pe-0",
       td: "p-4 text-sm color-ui-base/80 whitespace-nowrap [&:has([role=checkbox])]:pe-0",
-      empty: "py-6 text-center text-sm color-ui-base/80"
+      empty: "py-6 text-center text-sm color-ui-base/80",
+      loading: ""
     },
     variants: {
       sticky: {