@byyuurin/ui 0.0.11 → 0.1.0

package/dist/runtime/theme/slider.js

@@ -1,52 +0,0 @@
-import { ct } from "@byyuurin/ui-kit";
-export default ct(
-  /* @unocss-include */
-  {
-    parts: {
-      root: "relative flex items-center select-none touch-none aria-disabled:opacity-50",
-      track: [
-        "relative bg-soft-ui-cb/10 overflow-hidden rounded-full flex-grow cursor-pointer",
-        "data-[disabled]:cursor-not-allowed",
-        "data-[orientation=horizontal]:h-0.6em data-[orientation=vertical]:w-0.6em"
-      ],
-      range: "absolute rounded-full bg-soft-ui-fill",
-      thumb: [
-        "size-1em rounded-full bg-ui-base ring-0.2em cursor-pointer focus-visible:outline-0.2em focus-visible:outline-offset-0.2em",
-        "data-[disabled]:cursor-not-allowed",
-        "ring-ui-fill outline-none focus-visible:outline-ui-fill/50"
-      ]
-    },
-    variants: {
-      size: {
-        xs: {
-          root: "text-xs"
-        },
-        sm: {
-          root: "text-sm"
-        },
-        md: {
-          root: "text-base"
-        },
-        lg: {
-          root: "text-lg"
-        },
-        xl: {
-          root: "text-xl"
-        }
-      },
-      orientation: {
-        horizontal: {
-          root: "w-full",
-          range: "h-full"
-        },
-        vertical: {
-          root: "flex-col h-full",
-          range: "w-full"
-        }
-      }
-    },
-    defaultVariants: {
-      size: "md"
-    }
-  }
-);

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

@@ -1,116 +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;
-        };
-    };
-    checked: {
-        true: {
-            icon: string;
-        };
-    };
-    unchecked: {
-        true: {
-            icon: string;
-        };
-    };
-    loading: {
-        true: {
-            root: string;
-            icon: string;
-        };
-    };
-    required: {
-        true: {
-            label: string;
-        };
-    };
-    disabled: {
-        true: {
-            root: string;
-        };
-        false: {
-            label: string;
-        };
-    };
-}, import("@byyuurin/ui-kit").CVCompoundVariants<{
-    size: {
-        xs: {
-            root: string;
-        };
-        sm: {
-            root: string;
-        };
-        md: {
-            root: string;
-        };
-        lg: {
-            root: string;
-        };
-        xl: {
-            root: string;
-        };
-    };
-    checked: {
-        true: {
-            icon: string;
-        };
-    };
-    unchecked: {
-        true: {
-            icon: string;
-        };
-    };
-    loading: {
-        true: {
-            root: string;
-            icon: string;
-        };
-    };
-    required: {
-        true: {
-            label: string;
-        };
-    };
-    disabled: {
-        true: {
-            root: string;
-        };
-        false: {
-            label: string;
-        };
-    };
-}, {
-    root: string;
-    base: string[];
-    container: string;
-    thumb: string[];
-    icon: string[];
-    wrapper: string;
-    label: string;
-    description: string;
-}, undefined>, {
-    size: "md";
-}, undefined, {
-    root: string;
-    base: string[];
-    container: string;
-    thumb: string[];
-    icon: string[];
-    wrapper: string;
-    label: string;
-    description: string;
-}>;
-export default _default;

package/dist/runtime/theme/switch.js

@@ -1,78 +0,0 @@
-import { ct } from "@byyuurin/ui-kit";
-export default ct(
-  /* @unocss-include */
-  {
-    parts: {
-      root: "relative inline-flex items-start",
-      base: [
-        "inline-flex items-center shrink-0 rounded-ui-switch border-2 border-transparent transition-colors duration-200",
-        "outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ui-base/80",
-        "data-[state=unchecked]:bg-soft-ui-cb/10 data-[state=checked]:bg-soft-ui-fill/80",
-        "w-2.7em"
-      ],
-      container: "flex items-center h-1.5em",
-      thumb: [
-        "group pointer-events-none rounded-ui-switch size-1.25em bg-ui-base shadow-lg ring-0 transition-transform duration-200 flex items-center justify-center",
-        "data-[state=unchecked]:translate-x-0 data-[state=unchecked]:rtl:translate-x-0 data-[state=checked]:translate-x-1.25em data-[state=checked]:rtl:-translate-x-1.25em"
-      ],
-      icon: [
-        "absolute shrink-0 opacity-0 size-10/12 transition-[color,opacity] duration-200",
-        "group-data-[state=unchecked]:color-ui-base/50 group-data-[state=checked]:color-ui-base"
-      ],
-      wrapper: "ms-2",
-      label: "flex color-ui-base/80",
-      description: "color-ui-base/60"
-    },
-    variants: {
-      size: {
-        xs: {
-          root: "text-xs"
-        },
-        sm: {
-          root: "text-sm"
-        },
-        md: {
-          root: "text-base"
-        },
-        lg: {
-          root: "text-lg"
-        },
-        xl: {
-          root: "text-xl"
-        }
-      },
-      checked: {
-        true: {
-          icon: "group-data-[state=checked]:opacity-100"
-        }
-      },
-      unchecked: {
-        true: {
-          icon: "group-data-[state=unchecked]:opacity-100"
-        }
-      },
-      loading: {
-        true: {
-          root: "opacity-50 after:content-empty after:absolute after:inset-0 after:cursor-not-allowed",
-          icon: "animate-spin"
-        }
-      },
-      required: {
-        true: {
-          label: `after:content-['*'] after:ms-0.5`
-        }
-      },
-      disabled: {
-        true: {
-          root: "opacity-50 after:content-empty after:absolute after:inset-0 after:cursor-not-allowed"
-        },
-        false: {
-          label: "cursor-pointer"
-        }
-      }
-    },
-    defaultVariants: {
-      size: "md"
-    }
-  }
-);

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

@@ -1,86 +0,0 @@
-declare const _default: import("@byyuurin/ui-kit").CVScopeMeta<{
-    sticky: {
-        true: {
-            thead: string;
-        };
-    };
-    pinned: {
-        true: {
-            th: string;
-            td: string;
-        };
-    };
-    expanded: {
-        true: {
-            tr: string;
-        };
-    };
-}, import("@byyuurin/ui-kit").CVCompoundVariants<{
-    sticky: {
-        true: {
-            thead: string;
-        };
-    };
-    pinned: {
-        true: {
-            th: string;
-            td: string;
-        };
-    };
-    expanded: {
-        true: {
-            tr: string;
-        };
-    };
-}, {
-    root: string;
-    base: string;
-    caption: string;
-    thead: string;
-    tbody: string;
-    tr: string;
-    th: string;
-    td: string;
-    empty: string;
-    loading: string;
-}, undefined>, import("@byyuurin/ui-kit").CVDefaultVariants<{
-    sticky: {
-        true: {
-            thead: string;
-        };
-    };
-    pinned: {
-        true: {
-            th: string;
-            td: string;
-        };
-    };
-    expanded: {
-        true: {
-            tr: string;
-        };
-    };
-}, {
-    root: string;
-    base: string;
-    caption: string;
-    thead: string;
-    tbody: string;
-    tr: string;
-    th: string;
-    td: string;
-    empty: string;
-    loading: string;
-}>, undefined, {
-    root: string;
-    base: string;
-    caption: string;
-    thead: string;
-    tbody: string;
-    tr: string;
-    th: string;
-    td: string;
-    empty: string;
-    loading: string;
-}>;
-export default _default;

package/dist/runtime/theme/table.js

@@ -1,36 +0,0 @@
-import { ct } from "@byyuurin/ui-kit";
-export default ct(
-  /* @unocss-include */
-  {
-    parts: {
-      root: "relative overflow-auto",
-      base: "min-w-full overflow-clip",
-      caption: "sr-only",
-      thead: "relative [&>tr]:after:absolute [&>tr]:after:inset-x-0 [&>tr]:after:bottom-0 [&>tr]:after:h-px [&>tr]:after:bg-ui-cb/20",
-      tbody: "divide-y divide-ui-base/10",
-      tr: "data-[selected=true]:bg-soft-ui-cb/50",
-      th: "px-4 py-3.5 text-sm color-ui-base text-left rtl:text-right font-semibold [&:has([role=checkbox])]:pe-0",
-      td: "p-4 text-sm color-ui-base/80 whitespace-nowrap [&:has([role=checkbox])]:pe-0",
-      empty: "py-6 text-center text-sm color-ui-base/80",
-      loading: ""
-    },
-    variants: {
-      sticky: {
-        true: {
-          thead: "sticky z-1 top-0 inset-x-0 bg-ui-base/90 backdrop-blur"
-        }
-      },
-      pinned: {
-        true: {
-          th: "sticky bg-ui-base/90 data-[pinned=left]:left-0 data-[pinned=right]:right-0",
-          td: "sticky bg-ui-base/90 data-[pinned=left]:left-0 data-[pinned=right]:right-0"
-        }
-      },
-      expanded: {
-        true: {
-          tr: "animate-[fade-in_200ms_ease-out]"
-        }
-      }
-    }
-  }
-);

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

@@ -1,129 +0,0 @@
-declare const _default: import("@byyuurin/ui-kit").CVScopeMeta<{
-    variant: {
-        solid: {
-            list: string;
-            trigger: string[];
-            indicator: string;
-        };
-        outline: {
-            list: string;
-            trigger: string[];
-            indicator: string;
-        };
-        soft: {
-            list: string;
-            trigger: string[];
-            indicator: string;
-        };
-        'soft-outline': {
-            list: string;
-            trigger: string[];
-            indicator: string;
-        };
-        link: {
-            list: string;
-            indicator: string;
-            trigger: string[];
-        };
-    };
-    orientation: {
-        horizontal: {
-            root: string;
-            list: string;
-            indicator: string;
-            trigger: string;
-        };
-        vertical: {
-            list: string;
-            indicator: string;
-            trigger: string;
-        };
-    };
-    size: {
-        xs: {
-            root: string;
-        };
-        sm: {
-            root: string;
-        };
-        md: {
-            root: string;
-        };
-        lg: {
-            root: string;
-        };
-        xl: {
-            root: string;
-        };
-    };
-    evenly: {
-        true: {
-            trigger: string;
-        };
-    };
-}, ({
-    size: ("xs" | "sm" | "md")[];
-    class: {
-        trigger: string;
-        indicator?: undefined;
-        list?: undefined;
-    };
-    orientation?: undefined;
-    variant?: undefined;
-} | {
-    size: ("lg" | "xl")[];
-    class: {
-        trigger: string;
-        indicator?: undefined;
-        list?: undefined;
-    };
-    orientation?: undefined;
-    variant?: undefined;
-} | {
-    orientation: "horizontal";
-    variant: ("solid" | "outline" | "soft" | "soft-outline")[];
-    class: {
-        indicator: string;
-        trigger?: undefined;
-        list?: undefined;
-    };
-    size?: undefined;
-} | {
-    orientation: "horizontal";
-    variant: "link";
-    class: {
-        list: string;
-        indicator: string;
-        trigger?: undefined;
-    };
-    size?: undefined;
-} | {
-    orientation: "vertical";
-    variant: ("solid" | "outline" | "soft" | "soft-outline")[];
-    class: {
-        indicator: string;
-        list: string;
-        trigger?: undefined;
-    };
-    size?: undefined;
-} | {
-    orientation: "vertical";
-    variant: "link";
-    class: {
-        list: string;
-        indicator: string;
-        trigger?: undefined;
-    };
-    size?: undefined;
-})[], {
-    size: "md";
-}, undefined, {
-    root: string;
-    list: string;
-    indicator: string;
-    trigger: string[];
-    content: string;
-    leadingIcon: string;
-    label: string;
-}>;
-export default _default;

package/dist/runtime/theme/tabs.js

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