@byyuurin/ui 0.0.10 → 0.1.0

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

@@ -1,66 +0,0 @@
-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").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").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.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,190 +0,0 @@
-declare const _default: {
-    base: undefined;
-    slots: {
-        base: string[];
-        label: string;
-        leadingIcon: string;
-        trailingIcon: string;
-    };
-    variants: {
-        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;
-            };
-        };
-    };
-    compoundVariants: ({
-        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;
-    })[];
-    defaultVariants: {
-        size: "md";
-    };
-};
-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 */
-  {
-    slots: {
-      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,56 +0,0 @@
-declare const _default: {
-    base: undefined;
-    slots: {
-        root: string;
-        header: string;
-        body: string;
-        heading: string;
-        grid: string;
-        gridRow: string;
-        gridWeekDaysRow: string;
-        gridBody: string;
-        headCell: string;
-        cell: string;
-        cellTrigger: string[];
-    };
-    variants: {
-        size: {
-            xs: {
-                root: string;
-            };
-            sm: {
-                root: string;
-            };
-            md: {
-                root: string;
-            };
-            lg: {
-                root: string;
-            };
-            xl: {
-                root: string;
-            };
-        };
-        readonly: {
-            true: {
-                cellTrigger: string;
-            };
-        };
-        disabled: {
-            true: {
-                cellTrigger: string;
-            };
-        };
-    };
-    compoundVariants: {
-        readonly: false;
-        disabled: false;
-        class: {
-            cellTrigger: string;
-        };
-    }[];
-    defaultVariants: {
-        size: "md";
-    };
-};
-export default _default;

package/dist/runtime/theme/calendar.js

@@ -1,69 +0,0 @@
-import { ct } from "@byyuurin/ui-kit";
-export default ct(
-  /* @unocss-include */
-  {
-    slots: {
-      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"
-        }
-      },
-      readonly: {
-        true: {
-          cellTrigger: "cursor-default data-[today]:not-[[data-selected]]:color-ui-fill/60"
-        }
-      },
-      disabled: {
-        true: {
-          cellTrigger: "data-[today]:not-[[data-selected]]:color-ui-fill/60 data-[selected]:bg-soft-ui-fill/50"
-        }
-      }
-    },
-    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,62 +0,0 @@
-declare const _default: {
-    base: undefined;
-    slots: {
-        root: string;
-        header: string;
-        body: string;
-        footer: string;
-        title: string;
-        description: string;
-    };
-    variants: {
-        variant: {
-            solid: {
-                root: string;
-                description: string;
-            };
-            outline: {
-                root: string;
-                description: string;
-            };
-            soft: {
-                root: string;
-                description: string;
-            };
-            'soft-outline': {
-                root: string;
-                description: string;
-            };
-        };
-    };
-    compoundVariants: 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>;
-    defaultVariants: {
-        variant: "outline";
-    };
-};
-export default _default;

package/dist/runtime/theme/card.js

@@ -1,37 +0,0 @@
-import { ct } from "@byyuurin/ui-kit";
-export default ct(
-  /* @unocss-include */
-  {
-    slots: {
-      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"
-    }
-  }
-);