@byyuurin/ui 0.0.10 → 0.1.0

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

@@ -1,178 +0,0 @@
-declare const _default: {
-    base: undefined;
-    slots: {
-        base: string;
-        input: string[];
-        leading: string;
-        leadingIcon: string;
-        trailing: string;
-        trailingIcon: 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;
-            };
-        };
-        leading: {
-            true: "";
-        };
-        trailing: {
-            true: "";
-        };
-        loading: {
-            true: "";
-        };
-        underline: {
-            true: "";
-        };
-        highlight: {
-            true: "";
-        };
-        type: {
-            file: {
-                input: string;
-            };
-        };
-        groupOrientation: {
-            horizontal: {
-                base: string;
-            };
-            vertical: {
-                base: string;
-            };
-        };
-    };
-    compoundVariants: ({
-        variant: ("soft" | "ghost" | "none")[];
-        highlight: false;
-        underline: true;
-        class: {
-            base: string[];
-            input?: undefined;
-            leadingIcon?: undefined;
-            trailingIcon?: undefined;
-        };
-        size?: undefined;
-        loading?: undefined;
-        leading?: undefined;
-        trailing?: undefined;
-    } | {
-        size: ("xs" | "sm" | "md")[];
-        class: {
-            base: string;
-            input: string;
-            leadingIcon?: undefined;
-            trailingIcon?: undefined;
-        };
-        variant?: undefined;
-        highlight?: undefined;
-        underline?: undefined;
-        loading?: undefined;
-        leading?: undefined;
-        trailing?: undefined;
-    } | {
-        size: ("lg" | "xl")[];
-        class: {
-            base: string;
-            input: 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;
-            input?: undefined;
-            leadingIcon?: undefined;
-            trailingIcon?: undefined;
-        };
-        underline?: undefined;
-        size?: undefined;
-        loading?: undefined;
-        leading?: undefined;
-        trailing?: undefined;
-    } | {
-        variant: "outline"[];
-        highlight: true;
-        class: {
-            base: string;
-            input?: undefined;
-            leadingIcon?: undefined;
-            trailingIcon?: undefined;
-        };
-        underline?: undefined;
-        size?: undefined;
-        loading?: undefined;
-        leading?: undefined;
-        trailing?: undefined;
-    } | {
-        loading: true;
-        leading: true;
-        class: {
-            leadingIcon: string;
-            base?: undefined;
-            input?: undefined;
-            trailingIcon?: undefined;
-        };
-        variant?: undefined;
-        highlight?: undefined;
-        underline?: undefined;
-        size?: undefined;
-        trailing?: undefined;
-    } | {
-        loading: true;
-        leading: false;
-        trailing: true;
-        class: {
-            trailingIcon: string;
-            base?: undefined;
-            input?: undefined;
-            leadingIcon?: undefined;
-        };
-        variant?: undefined;
-        highlight?: undefined;
-        underline?: undefined;
-        size?: undefined;
-    })[];
-    defaultVariants: {
-        size: "md";
-    };
-};
-export default _default;

package/dist/runtime/theme/input.js

@@ -1,151 +0,0 @@
-import { ct } from "@byyuurin/ui-kit";
-import { buttonGroupVariant } from "./button-group.js";
-export default ct(
-  /* @unocss-include */
-  {
-    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-base/50",
-        "focus:outline-none",
-        "disabled:cursor-not-allowed"
-      ],
-      leading: "flex items-center",
-      leadingIcon: "shrink-0 size-1.25em",
-      trailing: "flex items-center",
-      trailingIcon: "shrink-0 size-1.25em"
-    },
-    variants: {
-      ...buttonGroupVariant,
-      size: {
-        xs: {
-          base: "text-xs"
-        },
-        sm: {
-          base: "text-sm"
-        },
-        md: {
-          base: "text-base"
-        },
-        lg: {
-          base: "text-lg"
-        },
-        xl: {
-          base: "text-xl"
-        }
-      },
-      variant: {
-        "outline": {
-          base: [
-            "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-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-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-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-base bg-transparent"
-        }
-      },
-      leading: {
-        true: ""
-      },
-      trailing: {
-        true: ""
-      },
-      loading: {
-        true: ""
-      },
-      underline: {
-        true: ""
-      },
-      highlight: {
-        true: ""
-      },
-      type: {
-        file: {
-          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"
-        }
-      }
-    },
-    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 focus-within:ring-ui-fill/80 hover:focus-within:ring-ui-fill/80"
-        }
-      },
-      {
-        variant: ["outline"],
-        highlight: true,
-        class: {
-          base: "ring-2 ring-ui-fill/80 focus-within:ring-ui-fill/80 hover:focus-within:ring-ui-fill/80"
-        }
-      },
-      {
-        loading: true,
-        leading: true,
-        class: {
-          leadingIcon: "animate-spin"
-        }
-      },
-      {
-        loading: true,
-        leading: false,
-        trailing: true,
-        class: {
-          trailingIcon: "animate-spin"
-        }
-      }
-    ],
-    defaultVariants: {
-      size: "md"
-    }
-  }
-);

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

@@ -1,39 +0,0 @@
-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

@@ -1,26 +0,0 @@
-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

@@ -1,44 +0,0 @@
-declare const _default: {
-    base: string;
-    slots: undefined;
-    variants: {
-        underline: {
-            true: "border-current";
-            false: "border-transparent";
-        };
-        active: {
-            true: string[];
-            false: string[];
-        };
-        disabled: {
-            true: "cursor-not-allowed opacity-50";
-        };
-    };
-    compoundVariants: import("@byyuurin/ui-kit").CVCompoundVariants<{
-        underline: {
-            true: "border-current";
-            false: "border-transparent";
-        };
-        active: {
-            true: string[];
-            false: string[];
-        };
-        disabled: {
-            true: "cursor-not-allowed opacity-50";
-        };
-    }, undefined, "border-y border-t-transparent outline-none focus-visible:outline-ui-base/80">;
-    defaultVariants: import("@byyuurin/ui-kit").CVDefaultVariants<{
-        underline: {
-            true: "border-current";
-            false: "border-transparent";
-        };
-        active: {
-            true: string[];
-            false: string[];
-        };
-        disabled: {
-            true: "cursor-not-allowed opacity-50";
-        };
-    }, undefined>;
-};
-export default _default;

package/dist/runtime/theme/link.js

@@ -1,26 +0,0 @@
-import { ct } from "@byyuurin/ui-kit";
-export default ct(
-  /* @unocss-include */
-  {
-    base: "border-y border-t-transparent outline-none focus-visible:outline-ui-base/80",
-    variants: {
-      underline: {
-        true: "border-current",
-        false: "border-transparent"
-      },
-      active: {
-        true: [
-          "color-ui-fill",
-          "disabled:color-ui-fill aria-disabled:color-ui-fill"
-        ],
-        false: [
-          "color-ui-base/80 hover:color-ui-base/60 transition-colors",
-          "disabled:hover:color-ui-base aria-disabled:hover:color-ui-base"
-        ]
-      },
-      disabled: {
-        true: "cursor-not-allowed opacity-50"
-      }
-    }
-  }
-);

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

@@ -1,48 +0,0 @@
-declare const _default: {
-    base: undefined;
-    slots: {
-        overlay: string;
-        content: string;
-        header: string;
-        body: string;
-        footer: string;
-        title: string;
-        description: string;
-        close: string;
-    };
-    variants: {
-        transition: {
-            true: {
-                overlay: string;
-                content: string;
-            };
-        };
-        size: {
-            fullscreen: {
-                content: string;
-            };
-            sm: {
-                content: string;
-            };
-            md: {
-                content: string;
-            };
-            lg: {
-                content: string;
-            };
-            xl: {
-                content: string;
-            };
-        };
-    };
-    compoundVariants: {
-        size: ("sm" | "md" | "lg" | "xl")[];
-        class: {
-            content: string[];
-        };
-    }[];
-    defaultVariants: {
-        size: "sm";
-    };
-};
-export default _default;

package/dist/runtime/theme/modal.js

@@ -1,55 +0,0 @@
-import { ct } from "@byyuurin/ui-kit";
-export default ct(
-  /* @unocss-include */
-  {
-    slots: {
-      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-base text-xl font-semibold",
-      description: "w-full color-ui-base/80",
-      close: "ms-auto"
-    },
-    variants: {
-      transition: {
-        true: {
-          overlay: "data-[state=open]:animate-[fade-in_200ms_ease-out] data-[state=closed]:animate-[fade-out_200ms_ease-in]",
-          content: "data-[state=open]:animate-[scale-in_200ms_ease-out] data-[state=closed]:animate-[scale-out_200ms_ease-in]"
-        }
-      },
-      size: {
-        fullscreen: {
-          content: "inset-0"
-        },
-        sm: {
-          content: "w-screen-sm"
-        },
-        md: {
-          content: "w-screen-md"
-        },
-        lg: {
-          content: "w-screen-lg"
-        },
-        xl: {
-          content: "w-screen-xl"
-        }
-      }
-    },
-    compoundVariants: [
-      {
-        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-base/10 ring ring-ui-base/10",
-            "sm:bottom-auto sm:top-[50%] sm:translate-y-[-50%]"
-          ]
-        }
-      }
-    ],
-    defaultVariants: {
-      size: "sm"
-    }
-  }
-);

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

@@ -1,80 +0,0 @@
-declare const _default: {
-    base: undefined;
-    slots: {
-        root: string;
-        list: string;
-        ellipsis: string;
-        label: string;
-        item: string;
-        first: string;
-        prev: string;
-        next: string;
-        last: string;
-    };
-    variants: {
-        [key: string]: {
-            [key: string]: "" | {
-                root?: import("@byyuurin/ui-kit").ClassValue;
-                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;
-        };
-    };
-    compoundVariants: import("@byyuurin/ui-kit").CVCompoundVariants<{
-        [key: string]: {
-            [key: string]: "" | {
-                root?: import("@byyuurin/ui-kit").ClassValue;
-                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;
-        ellipsis: string;
-        label: string;
-        item: string;
-        first: string;
-        prev: string;
-        next: string;
-        last: string;
-    }, undefined>;
-    defaultVariants: import("@byyuurin/ui-kit").CVDefaultVariants<{
-        [key: string]: {
-            [key: string]: "" | {
-                root?: import("@byyuurin/ui-kit").ClassValue;
-                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;
-        ellipsis: string;
-        label: string;
-        item: string;
-        first: string;
-        prev: string;
-        next: string;
-        last: string;
-    }>;
-};
-export default _default;

package/dist/runtime/theme/pagination.js

@@ -1,17 +0,0 @@
-import { ct } from "@byyuurin/ui-kit";
-export default ct(
-  /* @unocss-include */
-  {
-    slots: {
-      root: "",
-      list: "flex items-center gap-1",
-      ellipsis: "pointer-events-none",
-      label: "px-0 min-w-1.5em text-center",
-      item: "",
-      first: "",
-      prev: "",
-      next: "",
-      last: ""
-    }
-  }
-);