@byyuurin/ui 0.0.4 → 0.0.6

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

@@ -0,0 +1,125 @@
+declare const _default: {
+    base: undefined;
+    slots: {
+        root: string;
+        wrapper: string;
+        title: string;
+        description: string;
+        icon: string;
+        actions: string;
+        close: string;
+    };
+    variants: {
+        variant: {
+            solid: {
+                root: string;
+                close: string;
+            };
+            outline: {
+                root: string;
+            };
+            soft: {
+                root: string;
+            };
+            'soft-outline': {
+                root: string;
+            };
+        };
+        orientation: {
+            horizontal: {
+                root: string;
+                actions: string;
+            };
+            vertical: {
+                root: string;
+                actions: string;
+            };
+        };
+        title: {
+            true: {
+                description: string;
+            };
+        };
+    };
+    compoundVariants: import("@byyuurin/ui-kit/index").CVCompoundVariants<{
+        variant: {
+            solid: {
+                root: string;
+                close: string;
+            };
+            outline: {
+                root: string;
+            };
+            soft: {
+                root: string;
+            };
+            'soft-outline': {
+                root: string;
+            };
+        };
+        orientation: {
+            horizontal: {
+                root: string;
+                actions: string;
+            };
+            vertical: {
+                root: string;
+                actions: string;
+            };
+        };
+        title: {
+            true: {
+                description: string;
+            };
+        };
+    }, {
+        root: string;
+        wrapper: string;
+        title: string;
+        description: string;
+        icon: string;
+        actions: string;
+        close: string;
+    }, undefined>;
+    defaultVariants: import("@byyuurin/ui-kit/index").CVDefaultVariants<{
+        variant: {
+            solid: {
+                root: string;
+                close: string;
+            };
+            outline: {
+                root: string;
+            };
+            soft: {
+                root: string;
+            };
+            'soft-outline': {
+                root: string;
+            };
+        };
+        orientation: {
+            horizontal: {
+                root: string;
+                actions: string;
+            };
+            vertical: {
+                root: string;
+                actions: string;
+            };
+        };
+        title: {
+            true: {
+                description: string;
+            };
+        };
+    }, {
+        root: string;
+        wrapper: string;
+        title: string;
+        description: string;
+        icon: string;
+        actions: string;
+        close: string;
+    }>;
+};
+export default _default;

package/dist/runtime/theme/alert.mjs

@@ -0,0 +1,47 @@
+import { ct } from "@byyuurin/ui-kit";
+export default ct(
+  /* @unocss-include */
+  {
+    slots: {
+      root: "relative overflow-hidden w-full rounded-ui-box p-4 flex gap-2.5",
+      wrapper: "min-w-0 flex-1 flex flex-col",
+      title: "text-xl font-medium",
+      description: "opacity-80",
+      icon: "shrink-0 size-1.5em",
+      actions: "flex flex-wrap gap-1.5 shrink-0",
+      close: "p-0"
+    },
+    variants: {
+      variant: {
+        "solid": {
+          root: "color-ui-c1 bg-solid-ui-fill",
+          close: "ui-base-inverted"
+        },
+        "outline": {
+          root: "color-ui-content bg-solid-ui-c1 ring ring-inset ring-ui-fill"
+        },
+        "soft": {
+          root: "color-ui-content bg-solid-ui-fill/10"
+        },
+        "soft-outline": {
+          root: "color-ui-content bg-solid-ui-fill/10 ring ring-inset ring-ui-fill/40"
+        }
+      },
+      orientation: {
+        horizontal: {
+          root: "items-center",
+          actions: "items-center"
+        },
+        vertical: {
+          root: "items-start",
+          actions: "items-start mt-2.5"
+        }
+      },
+      title: {
+        true: {
+          description: "mt-1"
+        }
+      }
+    }
+  }
+);

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

@@ -5,6 +5,11 @@ declare const _default: {
         check: string;
         indeterminate: string;
         down: string;
+        arrowLeft: string;
+        arrowRight: string;
+        doubleLeft: string;
+        doubleRight: string;
+        ellipsis: string;
     };
 };
 export default _default;

package/dist/runtime/theme/app.mjs

@@ -1,9 +1,15 @@
 export default {
+  /* @unocss-include */
   icons: {
     close: "i-mdi-close-thick",
     loading: "i-mdi-loading",
     check: "i-mdi-check-bold",
     indeterminate: "i-mdi-minus-thick",
-    down: "i-mdi-chevron-down"
+    down: "i-mdi-chevron-down",
+    arrowLeft: "i-mdi-chevron-left",
+    arrowRight: "i-mdi-chevron-right",
+    doubleLeft: "i-mdi-chevron-double-left",
+    doubleRight: "i-mdi-chevron-double-right",
+    ellipsis: "i-mdi-dots-horizontal"
   }
 };

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

@@ -0,0 +1,82 @@
+declare const _default: {
+    base: undefined;
+    slots: {
+        root: string;
+        base: string[];
+    };
+    variants: {
+        size: {
+            xs: {
+                root: string;
+            };
+            sm: {
+                root: string;
+            };
+            md: {
+                root: string;
+            };
+            lg: {
+                root: string;
+            };
+            xl: {
+                root: string;
+            };
+        };
+        position: {
+            'top-right': {
+                base: string;
+            };
+            'bottom-right': {
+                base: string;
+            };
+            'top-left': {
+                base: string;
+            };
+            'bottom-left': {
+                base: string;
+            };
+        };
+        show: {
+            true: {
+                base: string;
+            };
+        };
+        inset: {
+            true: "";
+        };
+        standalone: {
+            false: {
+                base: string;
+            };
+        };
+    };
+    compoundVariants: ({
+        position: "top-right";
+        inset: false;
+        class: {
+            base: string;
+        };
+    } | {
+        position: "bottom-right";
+        inset: false;
+        class: {
+            base: string;
+        };
+    } | {
+        position: "top-left";
+        inset: false;
+        class: {
+            base: string;
+        };
+    } | {
+        position: "bottom-left";
+        inset: false;
+        class: {
+            base: string;
+        };
+    })[];
+    defaultVariants: {
+        size: "md";
+    };
+};
+export default _default;

package/dist/runtime/theme/badge.mjs

@@ -0,0 +1,92 @@
+import { ct } from "@byyuurin/ui-kit";
+export default ct(
+  /* @unocss-include */
+  {
+    slots: {
+      root: "relative inline-flex items-center justify-center shrink-0",
+      base: [
+        "inline-block rounded-full ring ring-ui-c1 flex items-center justify-center color-ui-c1 font-medium whitespace-nowrap",
+        "h-1.2em min-w-1.2em p-0.2em text-0.8em bg-solid-ui-fill"
+      ]
+    },
+    variants: {
+      size: {
+        xs: {
+          root: "text-xs"
+        },
+        sm: {
+          root: "text-sm"
+        },
+        md: {
+          root: "text-base"
+        },
+        lg: {
+          root: "text-lg"
+        },
+        xl: {
+          root: "text-xl"
+        }
+      },
+      position: {
+        "top-right": {
+          base: "top-0 right-0"
+        },
+        "bottom-right": {
+          base: "bottom-0 right-0"
+        },
+        "top-left": {
+          base: "top-0 left-0"
+        },
+        "bottom-left": {
+          base: "bottom-0 left-0"
+        }
+      },
+      show: {
+        true: {
+          base: "animate-[scale-in_200ms_ease-out]"
+        }
+      },
+      inset: {
+        true: ""
+      },
+      standalone: {
+        false: {
+          base: "absolute"
+        }
+      }
+    },
+    compoundVariants: [
+      {
+        position: "top-right",
+        inset: false,
+        class: {
+          base: "-translate-y-1/2 translate-x-1/2 transform"
+        }
+      },
+      {
+        position: "bottom-right",
+        inset: false,
+        class: {
+          base: "translate-y-1/2 translate-x-1/2 transform"
+        }
+      },
+      {
+        position: "top-left",
+        inset: false,
+        class: {
+          base: "-translate-y-1/2 -translate-x-1/2 transform"
+        }
+      },
+      {
+        position: "bottom-left",
+        inset: false,
+        class: {
+          base: "translate-y-1/2 -translate-x-1/2 transform"
+        }
+      }
+    ],
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);

package/dist/runtime/theme/button-group.d.ts

@@ -0,0 +1,66 @@
+declare const _default: {
+    base: string;
+    slots: undefined;
+    variants: {
+        size: {
+            xs: "";
+            sm: "";
+            md: "";
+            lg: "";
+            xl: "";
+        };
+        orientation: {
+            horizontal: "inline-flex -space-x-px";
+            vertical: "flex flex-col -space-y-px";
+        };
+    };
+    compoundVariants: import("@byyuurin/ui-kit/index").CVCompoundVariants<{
+        size: {
+            xs: "";
+            sm: "";
+            md: "";
+            lg: "";
+            xl: "";
+        };
+        orientation: {
+            horizontal: "inline-flex -space-x-px";
+            vertical: "flex flex-col -space-y-px";
+        };
+    }, undefined, "relative">;
+    defaultVariants: import("@byyuurin/ui-kit/index").CVDefaultVariants<{
+        size: {
+            xs: "";
+            sm: "";
+            md: "";
+            lg: "";
+            xl: "";
+        };
+        orientation: {
+            horizontal: "inline-flex -space-x-px";
+            vertical: "flex flex-col -space-y-px";
+        };
+    }, undefined>;
+};
+export default _default;
+export declare const buttonGroupVariant: {
+    groupOrientation: {
+        horizontal: {
+            base: string;
+        };
+        vertical: {
+            base: string;
+        };
+    };
+};
+export declare const buttonGroupVariantWithRoot: {
+    groupOrientation: {
+        horizontal: {
+            root: string;
+            base: string;
+        };
+        vertical: {
+            root: string;
+            base: string;
+        };
+    };
+};

package/dist/runtime/theme/button-group.mjs

@@ -0,0 +1,42 @@
+import { ct } from "@byyuurin/ui-kit";
+export default ct(
+  /* @unocss-include */
+  {
+    base: "relative",
+    variants: {
+      size: {
+        xs: "",
+        sm: "",
+        md: "",
+        lg: "",
+        xl: ""
+      },
+      orientation: {
+        horizontal: "inline-flex -space-x-px",
+        vertical: "flex flex-col -space-y-px"
+      }
+    }
+  }
+);
+export const buttonGroupVariant = {
+  groupOrientation: {
+    horizontal: {
+      base: "not-only-child:first:rounded-e-none not-only-child:last:rounded-s-none not-last:not-first:rounded-none"
+    },
+    vertical: {
+      base: "not-only-child:first:rounded-b-none not-only-child:last:rounded-t-none not-last:not-first:rounded-none"
+    }
+  }
+};
+export const buttonGroupVariantWithRoot = {
+  groupOrientation: {
+    horizontal: {
+      root: "group",
+      base: "group-not-only-child:group-first:rounded-e-none group-not-only-child:group-last:rounded-s-none group-not-last:group-not-first:rounded-none"
+    },
+    vertical: {
+      root: "group",
+      base: "group-not-only-child:group-first:rounded-b-none group-not-only-child:group-last:rounded-t-none group-not-last:group-not-first:rounded-none"
+    }
+  }
+};

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

@@ -17,6 +17,9 @@ declare const _default: {
             soft: {
                 base: string[];
             };
+            'soft-outline': {
+                base: string[];
+            };
             ghost: {
                 base: string[];
             };
@@ -53,6 +56,14 @@ declare const _default: {
         loading: {
             true: "";
         };
+        groupOrientation: {
+            horizontal: {
+                base: string;
+            };
+            vertical: {
+                base: string;
+            };
+        };
     };
     compoundVariants: ({
         size: ("xs" | "sm" | "md")[];
@@ -108,7 +119,7 @@ declare const _default: {
         suffix?: undefined;
     } | {
         active: true;
-        variant: "soft";
+        variant: ("soft" | "soft-outline")[];
         class: {
             base: string;
             label?: undefined;
@@ -172,5 +183,8 @@ declare const _default: {
         active?: undefined;
         variant?: undefined;
     })[];
+    defaultVariants: {
+        size: "md";
+    };
 };
 export default _default;