@byyuurin/ui 0.0.11 → 0.1.0

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

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

@@ -1,184 +0,0 @@
-declare const _default: import("@byyuurin/ui-kit").CVScopeMeta<{
-    variant: {
-        solid: {
-            base: string[];
-        };
-        outline: {
-            base: string[];
-        };
-        soft: {
-            base: string[];
-        };
-        'soft-outline': {
-            base: string[];
-        };
-        ghost: {
-            base: string[];
-        };
-        link: {
-            base: string[];
-        };
-    };
-    size: {
-        xs: {
-            base: string;
-        };
-        sm: {
-            base: string;
-        };
-        md: {
-            base: string;
-        };
-        lg: {
-            base: string;
-        };
-        xl: {
-            base: string;
-        };
-    };
-    active: {
-        true: "";
-    };
-    leading: {
-        true: "";
-    };
-    trailing: {
-        true: "";
-    };
-    loading: {
-        true: "";
-    };
-    groupOrientation: {
-        horizontal: {
-            base: string;
-        };
-        vertical: {
-            base: string;
-        };
-    };
-}, ({
-    size: ("xs" | "sm" | "md")[];
-    class: {
-        base: string;
-        label: string;
-        leadingIcon?: undefined;
-        trailingIcon?: undefined;
-    };
-    active?: undefined;
-    variant?: undefined;
-    loading?: undefined;
-    leading?: undefined;
-    trailing?: undefined;
-} | {
-    size: ("lg" | "xl")[];
-    class: {
-        base: string;
-        label: string;
-        leadingIcon?: undefined;
-        trailingIcon?: undefined;
-    };
-    active?: undefined;
-    variant?: undefined;
-    loading?: undefined;
-    leading?: undefined;
-    trailing?: undefined;
-} | {
-    active: true;
-    variant: "solid";
-    class: {
-        base: string;
-        label?: undefined;
-        leadingIcon?: undefined;
-        trailingIcon?: undefined;
-    };
-    size?: undefined;
-    loading?: undefined;
-    leading?: undefined;
-    trailing?: undefined;
-} | {
-    active: true;
-    variant: "outline";
-    class: {
-        base: string;
-        label?: undefined;
-        leadingIcon?: undefined;
-        trailingIcon?: undefined;
-    };
-    size?: undefined;
-    loading?: undefined;
-    leading?: undefined;
-    trailing?: undefined;
-} | {
-    active: true;
-    variant: ("soft" | "soft-outline")[];
-    class: {
-        base: string;
-        label?: undefined;
-        leadingIcon?: undefined;
-        trailingIcon?: undefined;
-    };
-    size?: undefined;
-    loading?: undefined;
-    leading?: undefined;
-    trailing?: undefined;
-} | {
-    active: true;
-    variant: "ghost";
-    class: {
-        base: string;
-        label?: undefined;
-        leadingIcon?: undefined;
-        trailingIcon?: undefined;
-    };
-    size?: undefined;
-    loading?: undefined;
-    leading?: undefined;
-    trailing?: undefined;
-} | {
-    active: true;
-    variant: "link";
-    class: {
-        base: string;
-        label?: undefined;
-        leadingIcon?: undefined;
-        trailingIcon?: undefined;
-    };
-    size?: undefined;
-    loading?: undefined;
-    leading?: undefined;
-    trailing?: undefined;
-} | {
-    loading: true;
-    leading: true;
-    class: {
-        leadingIcon: string;
-        base?: undefined;
-        label?: undefined;
-        trailingIcon?: undefined;
-    };
-    size?: undefined;
-    active?: undefined;
-    variant?: undefined;
-    trailing?: undefined;
-} | {
-    loading: true;
-    leading: false;
-    trailing: true;
-    class: {
-        trailingIcon: string;
-        base?: undefined;
-        label?: undefined;
-        leadingIcon?: undefined;
-    };
-    size?: undefined;
-    active?: undefined;
-    variant?: undefined;
-})[], {
-    size: "md";
-}, undefined, {
-    base: string[];
-    label: string;
-    leadingIcon: string;
-    trailingIcon: string;
-}>;
-export default _default;

package/dist/runtime/theme/button.js

@@ -1,164 +0,0 @@
-import { ct } from "@byyuurin/ui-kit";
-import { buttonGroupVariant } from "./button-group.js";
-export default ct(
-  /* @unocss-include */
-  {
-    parts: {
-      base: [
-        "relative inline-flex items-center rounded-ui-button leading-normal transition-colors",
-        "outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ui-base/80",
-        "disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-50 aria-disabled:opacity-50"
-      ],
-      label: "color-inherit",
-      leadingIcon: "shrink-0 size-1.5em not-only-child:ml-0.5",
-      trailingIcon: "shrink-0 size-1.5em not-only-child:mr-0.5"
-    },
-    variants: {
-      ...buttonGroupVariant,
-      variant: {
-        "solid": {
-          base: [
-            "color-ui-cx bg-soft-ui-fill/85",
-            "hover:bg-soft-ui-fill/75 active:bg-soft-ui-fill/95",
-            "disabled:bg-soft-ui-fill/85 aria-disabled:bg-soft-ui-fill/85",
-            "hover:disabled:bg-soft-ui-fill/85 hover:aria-disabled:bg-soft-ui-fill/85"
-          ]
-        },
-        "outline": {
-          base: [
-            "color-ui-fill/80 bg-ui-base ring ring-inset ring-ui-fill/30",
-            "hover:bg-soft-ui-fill/5 active:bg-soft-ui-fill/10",
-            "disabled:bg-ui-base aria-disabled:bg-ui-base",
-            "hover:disabled:bg-ui-base hover:aria-disabled:bg-ui-base"
-          ]
-        },
-        "soft": {
-          base: [
-            "color-ui-fill/80 bg-soft-ui-fill/15",
-            "hover:bg-soft-ui-fill/10 hover:color-ui-fill/80 active:bg-soft-ui-fill/25 active:color-ui-fill/90",
-            "disabled:bg-soft-ui-fill/15 aria-disabled:bg-soft-ui-fill/15 disabled:color-ui-fill/80 aria-disabled:color-ui-fill/80",
-            "hover:disabled:bg-soft-ui-fill/15 hover:aria-disabled:bg-soft-ui-fill/15 hover:disabled:color-ui-fill/80 hover:aria-disabled:color-ui-fill/80"
-          ]
-        },
-        "soft-outline": {
-          base: [
-            "color-ui-fill/80 bg-soft-ui-fill/15 ring ring-inset ring-ui-fill/30",
-            "hover:bg-soft-ui-fill/10 hover:color-ui-fill/80 active:bg-soft-ui-fill/25 active:color-ui-fill/90",
-            "disabled:bg-soft-ui-fill/15 aria-disabled:bg-soft-ui-fill/15 disabled:color-ui-fill/80 aria-disabled:color-ui-fill/80",
-            "hover:disabled:bg-soft-ui-fill/15 hover:aria-disabled:bg-soft-ui-fill/15 hover:disabled:color-ui-fill/80 hover:aria-disabled:color-ui-fill/80"
-          ]
-        },
-        "ghost": {
-          base: [
-            "color-ui-fill/80 bg-transparent",
-            "hover:bg-soft-ui-fill/5 hover:color-ui-fill/80 active:bg-soft-ui-fill/10 active:color-ui-fill/90",
-            "disabled:bg-transparent aria-disabled:bg-transparent disabled:hover:bg-transparent aria-disabled:hover:bg-transparent disabled:color-ui-fill/80 aria-disabled:color-ui-fill/80",
-            "hover:disabled:bg-transparent hover:aria-disabled:bg-transparent hover:disabled:hover:bg-transparent hover:aria-disabled:hover:bg-transparent hover:disabled:color-ui-fill/80 hover:aria-disabled:color-ui-fill/80"
-          ]
-        },
-        "link": {
-          base: [
-            "color-ui-fill/80 bg-transparent",
-            "hover:color-ui-fill/60 active:color-ui-fill",
-            "disabled:color-ui-fill aria-disabled:color-ui-fill",
-            "hover:disabled:color-ui-fill hover:aria-disabled:color-ui-fill"
-          ]
-        }
-      },
-      size: {
-        xs: {
-          base: "text-xs"
-        },
-        sm: {
-          base: "text-sm"
-        },
-        md: {
-          base: "text-base"
-        },
-        lg: {
-          base: "text-lg"
-        },
-        xl: {
-          base: "text-xl"
-        }
-      },
-      active: {
-        true: ""
-      },
-      leading: {
-        true: ""
-      },
-      trailing: {
-        true: ""
-      },
-      loading: {
-        true: ""
-      }
-    },
-    compoundVariants: [
-      {
-        size: ["xs", "sm", "md"],
-        class: {
-          base: "p-1.5",
-          label: "px-1"
-        }
-      },
-      {
-        size: ["lg", "xl"],
-        class: {
-          base: "p-2.5",
-          label: "px-2"
-        }
-      },
-      {
-        active: true,
-        variant: "solid",
-        class: {
-          base: "bg-soft-ui-fill/95 hover:bg-soft-ui-fill/95"
-        }
-      },
-      {
-        active: true,
-        variant: "outline",
-        class: {
-          base: "bg-soft-ui-fill/10 hover:bg-soft-ui-fill/30"
-        }
-      },
-      {
-        active: true,
-        variant: ["soft", "soft-outline"],
-        class: {
-          base: "color-ui-fill/90 bg-soft-ui-fill/25 hover:color-ui-fill/90 hover:bg-soft-ui-fill/25"
-        }
-      },
-      {
-        active: true,
-        variant: "ghost",
-        class: {
-          base: "color-ui-fill/90 bg-soft-ui-fill/10 hover:color-ui-fill/90 hover:bg-soft-ui-fill/10"
-        }
-      },
-      {
-        active: true,
-        variant: "link",
-        class: {
-          base: "color-ui-fill hover:color-ui-fill"
-        }
-      },
-      {
-        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/calendar.d.ts

@@ -1,58 +0,0 @@
-declare const _default: import("@byyuurin/ui-kit").CVScopeMeta<{
-    size: {
-        xs: {
-            root: string;
-        };
-        sm: {
-            root: string;
-        };
-        md: {
-            root: string;
-        };
-        lg: {
-            root: string;
-        };
-        xl: {
-            root: string;
-        };
-    };
-    multipleMonths: {
-        true: {
-            cellTrigger: string[];
-        };
-        false: {
-            cellTrigger: string;
-        };
-    };
-    readonly: {
-        true: {
-            cellTrigger: string[];
-        };
-    };
-    disabled: {
-        true: {
-            cellTrigger: string[];
-        };
-    };
-}, {
-    readonly: false;
-    disabled: false;
-    class: {
-        cellTrigger: string;
-    };
-}[], {
-    size: "md";
-}, undefined, {
-    root: string;
-    header: string;
-    body: string;
-    heading: string;
-    grid: string;
-    gridRow: string;
-    gridWeekDaysRow: string;
-    gridBody: string;
-    headCell: string;
-    cell: string;
-    cellTrigger: string[];
-}>;
-export default _default;

package/dist/runtime/theme/calendar.js

@@ -1,86 +0,0 @@
-import { ct } from "@byyuurin/ui-kit";
-export default ct(
-  /* @unocss-include */
-  {
-    parts: {
-      root: "",
-      header: "flex items-center justify-between",
-      body: "flex flex-col space-y-4 pt-4 sm:flex-row sm:space-x-4 sm:space-y-0",
-      heading: "text-center font-medium truncate mx-auto",
-      grid: "w-full border-collapse select-none space-y-1 focus:outline-none",
-      gridRow: "grid gap-1 grid-cols-7",
-      gridWeekDaysRow: "mb-1 grid gap-1 w-full grid-cols-7",
-      gridBody: "grid",
-      headCell: "rounded-ui-base color-ui-fill",
-      cell: "relative text-center color-ui-base/80",
-      cellTrigger: [
-        "relative size-2.25em flex items-center justify-center rounded-ui-button whitespace-nowrap transition",
-        "focus-visible:ring-2 focus-visible:ring-ui-base/90 focus:outline-none",
-        "data-[disabled]:color-ui-base/50 data-[disabled]:cursor-not-allowed",
-        "data-[unavailable]:line-through data-[unavailable]:color-ui-base/50 data-[unavailable]:cursor-not-allowed",
-        "data-[selected]:color-ui-cx data-[selected]:bg-soft-ui-fill/95",
-        "data-[today]:font-semibold data-[today]:not-[[data-selected]]:color-ui-fill/95",
-        "data-[highlighted]:bg-soft-ui-fill/20",
-        "data-[outside-view]:color-ui-base/20"
-      ]
-    },
-    variants: {
-      size: {
-        xs: {
-          root: "text-xs"
-        },
-        sm: {
-          root: "text-sm"
-        },
-        md: {
-          root: "text-base"
-        },
-        lg: {
-          root: "text-lg"
-        },
-        xl: {
-          root: "text-xl"
-        }
-      },
-      multipleMonths: {
-        true: {
-          cellTrigger: [
-            "data-[outside-view]:data-[selected]:not-hover:bg-inherit data-[outside-view]:data-[selected]:not-hover:color-ui-base/20",
-            "data-[outside-view]:data-[selected]:hover:bg-soft-ui-fill/10 data-[outside-view]:data-[selected]:hover:color-ui-base/20"
-          ]
-        },
-        false: {
-          cellTrigger: "data-[outside-view]:data-[selected]:color-ui-cx"
-        }
-      },
-      readonly: {
-        true: {
-          cellTrigger: [
-            "cursor-default data-[today]:not-[[data-selected]]:color-ui-fill/60",
-            "data-[outside-view]:data-[selected]:hover:bg-inherit"
-          ]
-        }
-      },
-      disabled: {
-        true: {
-          cellTrigger: [
-            "data-[today]:not-[[data-selected]]:color-ui-fill/60 data-[selected]:bg-soft-ui-fill/50",
-            "data-[outside-view]:data-[selected]:hover:bg-inherit"
-          ]
-        }
-      }
-    },
-    compoundVariants: [
-      {
-        readonly: false,
-        disabled: false,
-        class: {
-          cellTrigger: "hover:not-[[data-selected],[data-disabled],[data-unavailable]]:bg-soft-ui-fill/10"
-        }
-      }
-    ],
-    defaultVariants: {
-      size: "md"
-    }
-  }
-);

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

@@ -1,56 +0,0 @@
-declare const _default: import("@byyuurin/ui-kit").CVScopeMeta<{
-    variant: {
-        solid: {
-            root: string;
-            description: string;
-        };
-        outline: {
-            root: string;
-            description: string;
-        };
-        soft: {
-            root: string;
-            description: string;
-        };
-        'soft-outline': {
-            root: string;
-            description: string;
-        };
-    };
-}, import("@byyuurin/ui-kit").CVCompoundVariants<{
-    variant: {
-        solid: {
-            root: string;
-            description: string;
-        };
-        outline: {
-            root: string;
-            description: string;
-        };
-        soft: {
-            root: string;
-            description: string;
-        };
-        'soft-outline': {
-            root: string;
-            description: string;
-        };
-    };
-}, {
-    root: string;
-    header: string;
-    body: string;
-    footer: string;
-    title: string;
-    description: string;
-}, undefined>, {
-    variant: "outline";
-}, undefined, {
-    root: string;
-    header: string;
-    body: string;
-    footer: string;
-    title: string;
-    description: string;
-}>;
-export default _default;

package/dist/runtime/theme/card.js

@@ -1,37 +0,0 @@
-import { ct } from "@byyuurin/ui-kit";
-export default ct(
-  /* @unocss-include */
-  {
-    parts: {
-      root: "rounded-ui-box divide-y",
-      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 text-xl font-semibold",
-      description: "w-full"
-    },
-    variants: {
-      variant: {
-        "solid": {
-          root: "color-ui-cx bg-ui-fill divide-ui-cx/20",
-          description: "color-ui-cx/80"
-        },
-        "outline": {
-          root: "color-ui-fill bg-ui-base divide-ui-fill/20 ring ring-inset ring-ui-fill/20",
-          description: "color-ui-fill/80"
-        },
-        "soft": {
-          root: "color-ui-fill bg-soft-ui-fill/10 divide-ui-fill/20",
-          description: "color-ui-fill/80"
-        },
-        "soft-outline": {
-          root: "color-ui-fill bg-soft-ui-fill/10 divide-ui-fill/20 ring ring-inset ring-ui-fill/20",
-          description: "color-ui-fill/80"
-        }
-      }
-    },
-    defaultVariants: {
-      variant: "outline"
-    }
-  }
-);