@byyuurin/ui 0.0.10 → 0.1.0

package/dist/runtime/theme/tabs.js

@@ -1,146 +0,0 @@
-import { ct } from "@byyuurin/ui-kit";
-export default ct(
-  /* @unocss-include */
-  {
-    slots: {
-      root: "flex items-center gap-2",
-      list: "relative flex p-1 group",
-      indicator: "absolute transition-all duration-200",
-      trigger: [
-        "group relative inline-flex items-center gap-0.25em shrink-0 min-w-0 font-medium rounded-ui-tabs transition-colors",
-        "outline-none",
-        "disabled:cursor-not-allowed disabled:opacity-50"
-      ],
-      content: "w-full focus:outline-none",
-      leadingIcon: "shrink-0 size-1.5em",
-      label: "truncate"
-    },
-    variants: {
-      variant: {
-        "solid": {
-          list: "bg-soft-ui-cb/5 rounded-ui-tabs",
-          trigger: [
-            "data-[state=active]:color-ui-cx focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ui-base/80",
-            "data-[state=inactive]:color-ui-base/80 hover:data-[state=inactive]:not-disabled:color-ui-base"
-          ],
-          indicator: "bg-soft-ui-fill/90 rounded-ui-tabs shadow-sm"
-        },
-        "outline": {
-          list: "bg-soft-ui-cb/5 rounded-ui-tabs",
-          trigger: [
-            "data-[state=active]:color-ui-fill focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ui-fill/80",
-            "data-[state=inactive]:color-ui-base/80 hover:data-[state=inactive]:not-disabled:color-ui-base"
-          ],
-          indicator: "rounded-ui-tabs ring ring-inset ring-ui-fill"
-        },
-        "soft": {
-          list: "bg-soft-ui-cb/5 rounded-ui-tabs",
-          trigger: [
-            "data-[state=active]:color-ui-fill focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ui-fill",
-            "data-[state=inactive]:color-ui-base/80 hover:data-[state=inactive]:not-disabled:color-ui-base"
-          ],
-          indicator: "bg-soft-ui-fill/10 rounded-ui-tabs shadow-sm"
-        },
-        "soft-outline": {
-          list: "bg-soft-ui-cb/5 rounded-ui-tabs",
-          trigger: [
-            "data-[state=active]:color-ui-fill focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ui-fill",
-            "data-[state=inactive]:color-ui-base/80 hover:data-[state=inactive]:not-disabled:color-ui-base"
-          ],
-          indicator: "bg-soft-ui-fill/10 rounded-ui-tabs shadow-sm ring ring-inset ring-ui-fill/30"
-        },
-        "link": {
-          list: "bg-soft-ui-cb/5 border-ui-base/10",
-          indicator: "bg-soft-ui-fill rounded-full",
-          trigger: [
-            "data-[state=active]:color-ui-base focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ui-base",
-            "data-[state=inactive]:color-ui-base/80 hover:data-[state=inactive]:not-disabled:color-ui-base"
-          ]
-        }
-      },
-      orientation: {
-        horizontal: {
-          root: "flex-col",
-          list: "w-full",
-          indicator: "left-0 w-[var(--reka-tabs-indicator-size)] translate-x-[var(--reka-tabs-indicator-position)]",
-          trigger: "justify-center"
-        },
-        vertical: {
-          list: "flex-col",
-          indicator: "top-0 h-[var(--reka-tabs-indicator-size)] translate-y-[var(--reka-tabs-indicator-position)]",
-          trigger: "flex-1 w-full"
-        }
-      },
-      size: {
-        xs: {
-          root: "text-sm"
-        },
-        sm: {
-          root: "tex-tsm"
-        },
-        md: {
-          root: "text-base"
-        },
-        lg: {
-          root: "text-lg"
-        },
-        xl: {
-          root: "text-xl"
-        }
-      },
-      evenly: {
-        true: {
-          trigger: "w-full flex-1"
-        }
-      }
-    },
-    compoundVariants: [
-      {
-        size: ["xs", "sm", "md"],
-        class: {
-          trigger: "p-1.5 px-2.5"
-        }
-      },
-      {
-        size: ["lg", "xl"],
-        class: {
-          trigger: "p-2.5 px-4.5"
-        }
-      },
-      {
-        orientation: "horizontal",
-        variant: ["solid", "soft", "outline", "soft-outline"],
-        class: {
-          indicator: "inset-y-1"
-        }
-      },
-      {
-        orientation: "horizontal",
-        variant: "link",
-        class: {
-          list: "border-b -mb-px",
-          indicator: "-bottom-px h-px"
-        }
-      },
-      {
-        orientation: "vertical",
-        variant: ["solid", "soft", "outline", "soft-outline"],
-        class: {
-          indicator: "inset-x-1",
-          list: "items-center rounded-[calc(var(--ui-radius-tabs)*0.66)]"
-        }
-      },
-      {
-        orientation: "vertical",
-        variant: "link",
-        class: {
-          list: "border-s -ms-px",
-          indicator: "-start-px w-px"
-        }
-      }
-    ],
-    defaultVariants: {
-      size: "md"
-    }
-  }
-);

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

@@ -1,96 +0,0 @@
-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;
-            };
-        };
-        variant: {
-            outline: {
-                root: string[];
-            };
-            soft: {
-                root: string[];
-            };
-            'soft-outline': {
-                root: string[];
-            };
-            ghost: {
-                root: string[];
-            };
-            none: {
-                root: string;
-            };
-        };
-        underline: {
-            true: "";
-        };
-        highlight: {
-            true: {
-                base: string;
-            };
-        };
-    };
-    compoundVariants: ({
-        variant: ("soft" | "ghost" | "none")[];
-        highlight: false;
-        underline: true;
-        class: {
-            root: string[];
-        };
-        size?: undefined;
-    } | {
-        size: ("xs" | "sm" | "md")[];
-        class: {
-            root: string;
-        };
-        variant?: undefined;
-        highlight?: undefined;
-        underline?: undefined;
-    } | {
-        size: ("lg" | "xl")[];
-        class: {
-            root: string;
-        };
-        variant?: undefined;
-        highlight?: undefined;
-        underline?: undefined;
-    } | {
-        variant: ("soft" | "soft-outline" | "ghost" | "none")[];
-        highlight: true;
-        class: {
-            root: string;
-        };
-        underline?: undefined;
-        size?: undefined;
-    } | {
-        variant: "outline"[];
-        highlight: true;
-        class: {
-            root: string;
-        };
-        underline?: undefined;
-        size?: undefined;
-    })[];
-    defaultVariants: {
-        size: "md";
-    };
-};
-export default _default;

package/dist/runtime/theme/textarea.js

@@ -1,116 +0,0 @@
-import { ct } from "@byyuurin/ui-kit";
-export default ct(
-  /* @unocss-include */
-  {
-    slots: {
-      root: "rounded-ui-base transition-colors aria-disabled:opacity-50",
-      base: [
-        "w-full color-inherit bg-transparent border-0 resize-none placeholder:color-ui-base/50",
-        "focus:outline-none",
-        "disabled:cursor-not-allowed"
-      ]
-    },
-    variants: {
-      size: {
-        xs: {
-          root: "text-xs"
-        },
-        sm: {
-          root: "text-sm"
-        },
-        md: {
-          root: "text-base"
-        },
-        lg: {
-          root: "text-lg"
-        },
-        xl: {
-          root: "text-xl"
-        }
-      },
-      variant: {
-        "outline": {
-          root: [
-            "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/15 hover:aria-disabled:ring-ui-base/15"
-          ]
-        },
-        "soft": {
-          root: [
-            "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 focus-within:hover:bg-soft-ui-cb/8 focus-within:color-ui-base/85",
-            "aria-disabled:color-ui-fill/80 aria-disabled:bg-soft-ui-fill/5 hover:aria-disabled:color-ui-fill/80 hover:aria-disabled:bg-soft-ui-fill/5"
-          ]
-        },
-        "soft-outline": {
-          root: [
-            "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 focus-within:hover:bg-soft-ui-cb/8 focus-within:color-ui-base/85",
-            "aria-disabled:color-ui-fill/80 aria-disabled:bg-soft-ui-fill/5 hover:aria-disabled:color-ui-fill/80 hover:aria-disabled:bg-soft-ui-fill/5"
-          ]
-        },
-        "ghost": {
-          root: [
-            "color-ui-base/80 bg-transparent",
-            "hover:bg-soft-ui-cb/6 hover:color-ui-base/80 focus-within:bg-soft-ui-cb/8 focus-within:hover:bg-soft-ui-cb/8 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": {
-          root: "color-ui-base bg-transparent"
-        }
-      },
-      underline: {
-        true: ""
-      },
-      highlight: {
-        true: {
-          base: ""
-        }
-      }
-    },
-    compoundVariants: [
-      {
-        variant: ["soft", "ghost", "none"],
-        highlight: false,
-        underline: true,
-        class: {
-          root: [
-            "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: {
-          root: "p-1.5 px-2.5"
-        }
-      },
-      {
-        size: ["lg", "xl"],
-        class: {
-          root: "p-2.5 px-3.5"
-        }
-      },
-      {
-        variant: ["soft", "soft-outline", "ghost", "none"],
-        highlight: true,
-        class: {
-          root: "ring ring-inset ring-ui-fill/80"
-        }
-      },
-      {
-        variant: ["outline"],
-        highlight: true,
-        class: {
-          root: "ring-2 ring-ui-fill/80 focus-within:ring-ui-fill/80"
-        }
-      }
-    ],
-    defaultVariants: {
-      size: "md"
-    }
-  }
-);

package/dist/runtime/theme/toast-provider.d.ts

@@ -1,122 +0,0 @@
-declare const _default: {
-    base: undefined;
-    slots: {
-        viewport: string[];
-        base: string[];
-    };
-    variants: {
-        clickable: {
-            true: {
-                base: string;
-            };
-        };
-        position: {
-            'top-left': {
-                viewport: string;
-            };
-            'top-center': {
-                viewport: string;
-            };
-            'top-right': {
-                viewport: string;
-            };
-            'bottom-left': {
-                viewport: string;
-            };
-            'bottom-center': {
-                viewport: string;
-            };
-            'bottom-right': {
-                viewport: string;
-            };
-        };
-        swipeDirection: {
-            up: {
-                base: string;
-            };
-            right: {
-                base: string;
-            };
-            down: {
-                base: string;
-            };
-            left: {
-                base: string;
-            };
-        };
-    };
-    compoundVariants: ({
-        position: ("top-right" | "top-left" | "top-center")[];
-        class: {
-            viewport: string;
-            base: string;
-        };
-        swipeDirection?: undefined;
-    } | {
-        position: ("bottom-right" | "bottom-left" | "bottom-center")[];
-        class: {
-            viewport: string;
-            base: string;
-        };
-        swipeDirection?: undefined;
-    } | {
-        swipeDirection: ("left" | "right")[];
-        class: {
-            base: string[];
-            viewport?: undefined;
-        };
-        position?: undefined;
-    } | {
-        swipeDirection: ("up" | "down")[];
-        class: {
-            base: string[];
-            viewport?: undefined;
-        };
-        position?: undefined;
-    })[];
-    defaultVariants: import("@byyuurin/ui-kit").CVDefaultVariants<{
-        clickable: {
-            true: {
-                base: string;
-            };
-        };
-        position: {
-            'top-left': {
-                viewport: string;
-            };
-            'top-center': {
-                viewport: string;
-            };
-            'top-right': {
-                viewport: string;
-            };
-            'bottom-left': {
-                viewport: string;
-            };
-            'bottom-center': {
-                viewport: string;
-            };
-            'bottom-right': {
-                viewport: string;
-            };
-        };
-        swipeDirection: {
-            up: {
-                base: string;
-            };
-            right: {
-                base: string;
-            };
-            down: {
-                base: string;
-            };
-            left: {
-                base: string;
-            };
-        };
-    }, {
-        viewport: string[];
-        base: string[];
-    }>;
-};
-export default _default;

package/dist/runtime/theme/toast-provider.js

@@ -1,97 +0,0 @@
-import { ct } from "@byyuurin/ui-kit";
-export default ct(
-  /* @unocss-include */
-  {
-    slots: {
-      viewport: [
-        "fixed flex flex-col w-[calc(100%-2rem)] sm:w-96 z-[100] focus:outline-none",
-        "data-[expanded=true]:h-[var(--height)]"
-      ],
-      base: [
-        "pointer-events-auto absolute inset-x-0 z-[var(--index)] [transform:var(--transform)] transition-all duration-200 ease-out",
-        "[&[data-expanded=false][data-front=false]]:h-[var(--front-height)]",
-        "[&[data-expanded=false][data-front=false]>*]:invisible",
-        "data-[state=closed]:animate-[toast-closed_200ms_ease-in-out]",
-        "[&[data-state=closed][data-expanded=false][data-front=false]]:animate-[toast-collapsed-closed_200ms_ease-in-out]",
-        "data-[swipe=move]:transition-none"
-      ]
-    },
-    variants: {
-      clickable: {
-        true: {
-          base: "cursor-pointer"
-        }
-      },
-      position: {
-        "top-left": {
-          viewport: "left-4"
-        },
-        "top-center": {
-          viewport: "left-1/2 -translate-x-1/2"
-        },
-        "top-right": {
-          viewport: "right-4"
-        },
-        "bottom-left": {
-          viewport: "left-4"
-        },
-        "bottom-center": {
-          viewport: "left-1/2 -translate-x-1/2"
-        },
-        "bottom-right": {
-          viewport: "right-4"
-        }
-      },
-      swipeDirection: {
-        up: {
-          base: "data-[swipe=end]:animate-[toast-slide-up_200ms_ease-out]"
-        },
-        right: {
-          base: "data-[swipe=end]:animate-[toast-slide-right_200ms_ease-out]"
-        },
-        down: {
-          base: "data-[swipe=end]:animate-[toast-slide-down_200ms_ease-out]"
-        },
-        left: {
-          base: "data-[swipe=end]:animate-[toast-slide-left_200ms_ease-out]"
-        }
-      }
-    },
-    compoundVariants: [
-      {
-        position: ["top-left", "top-center", "top-right"],
-        class: {
-          viewport: "top-4",
-          base: "top-0 data-[state=open]:animate-[slide-in-from-top_200ms_ease-in-out]"
-        }
-      },
-      {
-        position: ["bottom-left", "bottom-center", "bottom-right"],
-        class: {
-          viewport: "bottom-4",
-          base: "bottom-0 data-[state=open]:animate-[slide-in-from-bottom_200ms_ease-in-out]"
-        }
-      },
-      {
-        swipeDirection: ["left", "right"],
-        class: {
-          base: [
-            "data-[swipe=move]:translate-x-[var(--reka-toast-swipe-move-x)]",
-            "data-[swipe=end]:translate-x-[var(--reka-toast-swipe-end-x)]",
-            "data-[swipe=cancel]:translate-x-0"
-          ]
-        }
-      },
-      {
-        swipeDirection: ["up", "down"],
-        class: {
-          base: [
-            "data-[swipe=move]:translate-y-[var(--reka-toast-swipe-move-y)]",
-            "data-[swipe=end]:translate-y-[var(--reka-toast-swipe-end-y)]",
-            "data-[swipe=cancel]:translate-y-0"
-          ]
-        }
-      }
-    ]
-  }
-);

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

@@ -1,89 +0,0 @@
-declare const _default: {
-    base: undefined;
-    slots: {
-        root: string;
-        wrapper: string;
-        title: string;
-        description: string;
-        icon: string;
-        avatar: string;
-        avatarSize: string;
-        actions: string;
-        progress: string;
-        close: string;
-    };
-    variants: {
-        orientation: {
-            horizontal: {
-                root: string;
-                actions: string;
-            };
-            vertical: {
-                root: string;
-                actions: string;
-            };
-        };
-        title: {
-            true: {
-                description: string;
-            };
-        };
-    };
-    compoundVariants: import("@byyuurin/ui-kit").CVCompoundVariants<{
-        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;
-        avatar: string;
-        avatarSize: string;
-        actions: string;
-        progress: string;
-        close: string;
-    }, undefined>;
-    defaultVariants: import("@byyuurin/ui-kit").CVDefaultVariants<{
-        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;
-        avatar: string;
-        avatarSize: string;
-        actions: string;
-        progress: string;
-        close: string;
-    }>;
-};
-export default _default;

package/dist/runtime/theme/toast.js

@@ -1,35 +0,0 @@
-import { ct } from "@byyuurin/ui-kit";
-export default ct(
-  /* @unocss-include */
-  {
-    slots: {
-      root: "group relative overflow-hidden bg-ui-base shadow-lg rounded-ui-box ring ring-ui-base/5 p-4 flex gap-2.5 focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ui-base/5",
-      wrapper: "w-0 flex-1 flex flex-col gap-1",
-      title: "text-base font-medium color-ui-base",
-      description: "text-sm color-ui-base/80",
-      icon: "shrink-0 size-1.25em color-ui-base",
-      avatar: "shrink-0",
-      avatarSize: "2xl",
-      actions: "flex flex-wrap gap-1.5 shrink-0",
-      progress: "absolute inset-x-[var(--ui-radius-box)] bottom-0 h-1 z-[-1] color-ui-fill/80 bg-current rounded-ui-base",
-      close: "p-0.5"
-    },
-    variants: {
-      orientation: {
-        horizontal: {
-          root: "items-center",
-          actions: "items-center"
-        },
-        vertical: {
-          root: "items-start",
-          actions: "items-start"
-        }
-      },
-      title: {
-        true: {
-          description: "mt-1"
-        }
-      }
-    }
-  }
-);