@byyuurin/ui 0.0.10 → 0.1.0

package/dist/runtime/theme/drawer.js

@@ -1,113 +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 ring ring-ui-base/5 flex focus:outline-none",
-      container: "w-full flex flex-col overflow-hidden overflow-y-auto",
-      header: "flex flex-wrap items-center gap-1 px-4 py-5 pb-0 sm:px-6",
-      body: "flex-1 overflow-y-auto p-4 sm:p-6",
-      footer: "flex items-center gap-1.5 p-4 pt-0 sm:px-6",
-      title: "flex-grow color-ui-base text-xl font-semibold",
-      description: "w-full color-ui-base/80",
-      close: "ms-auto"
-    },
-    variants: {
-      direction: {
-        top: {
-          content: "top-0 mb-24 flex-col-reverse rounded-b-ui-box"
-        },
-        bottom: {
-          content: "bottom-0 mt-24 flex-col rounded-t-ui-box"
-        },
-        left: {
-          content: "left-0 flex-row-reverse rounded-r-ui-box"
-        },
-        right: {
-          content: "right-0 flex-row rounded-l-ui-box"
-        }
-      },
-      transition: {
-        true: {
-          overlay: "data-[state=open]:animate-[fade-in_200ms_ease-out] data-[state=closed]:animate-[fade-out_200ms_ease-in]"
-        }
-      },
-      inset: {
-        true: {
-          content: "rounded-ui-box after:hidden"
-        }
-      }
-    },
-    compoundVariants: [
-      {
-        direction: ["top", "bottom"],
-        class: {
-          content: "inset-x-0 h-auto max-h-[96%]"
-        }
-      },
-      {
-        direction: ["left", "right"],
-        class: {
-          content: "inset-y-0 w-auto max-w-[calc(100%-2rem)]"
-        }
-      },
-      {
-        direction: ["top"],
-        inset: true,
-        class: {
-          content: "inset-x-4 top-4"
-        }
-      },
-      {
-        direction: ["top"],
-        transition: true,
-        class: {
-          content: "data-[state=open]:animate-[slide-in-from-top_500ms_cubic-bezier(0.32,0.72,0,1)] data-[state=closed]:animate-[slide-out-to-top_500ms_cubic-bezier(0.32,0.72,0,1)]"
-        }
-      },
-      {
-        direction: ["bottom"],
-        inset: true,
-        class: {
-          content: "inset-x-4 bottom-4"
-        }
-      },
-      {
-        direction: ["bottom"],
-        transition: true,
-        class: {
-          content: "data-[state=open]:animate-[slide-in-from-bottom_500ms_cubic-bezier(0.32,0.72,0,1)] data-[state=closed]:animate-[slide-out-to-bottom_500ms_cubic-bezier(0.32,0.72,0,1)]"
-        }
-      },
-      {
-        direction: ["left"],
-        inset: true,
-        class: {
-          content: "inset-y-4 left-4"
-        }
-      },
-      {
-        direction: ["left"],
-        transition: true,
-        class: {
-          content: "data-[state=open]:animate-[slide-in-from-left_500ms_cubic-bezier(0.32,0.72,0,1)] data-[state=closed]:animate-[slide-out-to-left_500ms_cubic-bezier(0.32,0.72,0,1)]"
-        }
-      },
-      {
-        direction: ["right"],
-        inset: true,
-        class: {
-          content: "inset-y-4 right-4"
-        }
-      },
-      {
-        direction: ["right"],
-        transition: true,
-        class: {
-          content: "data-[state=open]:animate-[slide-in-from-right_500ms_cubic-bezier(0.32,0.72,0,1)] data-[state=closed]:animate-[slide-out-to-right_500ms_cubic-bezier(0.32,0.72,0,1)]"
-        }
-      }
-    ]
-  }
-);

package/dist/runtime/theme/dropdown-menu.d.ts

@@ -1,71 +0,0 @@
-declare const _default: {
-    base: undefined;
-    slots: {
-        content: string[];
-        arrow: string;
-        group: string;
-        label: string;
-        separator: string;
-        item: string[];
-        itemLeadingIcon: string;
-        itemLeadingAvatar: string;
-        itemTrailing: string;
-        itemTrailingIcon: string;
-        itemTrailingKbds: string;
-        itemLabel: string;
-        itemLabelExternalIcon: string;
-    };
-    variants: {
-        size: {
-            xs: {
-                content: string;
-            };
-            sm: {
-                content: string;
-            };
-            md: {
-                content: string;
-            };
-            lg: {
-                content: string;
-            };
-            xl: {
-                content: string;
-            };
-        };
-        active: {
-            true: {
-                item: string;
-                itemLeadingIcon: string;
-            };
-            false: {
-                item: string;
-                itemLeadingIcon: string;
-            };
-        };
-        loading: {
-            true: {
-                itemLeadingIcon: string;
-            };
-        };
-    };
-    compoundVariants: ({
-        size: ("xs" | "sm" | "md")[];
-        class: {
-            label: string;
-            item: string;
-            itemTrailingKbds: string;
-        };
-    } | {
-        size: ("lg" | "xl")[];
-        class: {
-            label: string;
-            item: string;
-            itemTrailingKbds: string;
-        };
-    })[];
-    defaultVariants: {
-        size: "md";
-    };
-};
-export default _default;

package/dist/runtime/theme/dropdown-menu.js

@@ -1,83 +0,0 @@
-import { ct } from "@byyuurin/ui-kit";
-export default ct(
-  /* @unocss-include */
-  {
-    slots: {
-      content: [
-        "bg-ui-base shadow-lg rounded-ui-base ring ring-ui-base/10 divide-y divide-ui-base/10 overflow-y-auto scroll-py-1",
-        "data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in]"
-      ],
-      arrow: "-mt-px fill-ui-cx stroke-ui-base/10",
-      group: "p-1 isolate",
-      label: "w-full flex items-center font-semibold color-ui-base",
-      separator: "-mx-1 my-1 h-px bg-ui-cb/10",
-      item: [
-        "group relative w-full flex items-center select-none outline-none",
-        "before:content-empty before:absolute before:z-[-1] before:inset-px before:rounded-ui-base",
-        "data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50"
-      ],
-      itemLeadingIcon: "shrink-0",
-      itemLeadingAvatar: "shrink-0",
-      itemTrailing: "ms-auto inline-flex gap-1.5 items-center",
-      itemTrailingIcon: "shrink-0",
-      itemTrailingKbds: "hidden lg:inline-flex items-center shrink-0",
-      itemLabel: "truncate",
-      itemLabelExternalIcon: "inline-block size-3 align-top color-ui-base/50"
-    },
-    variants: {
-      size: {
-        xs: {
-          content: "text-xs"
-        },
-        sm: {
-          content: "text-sm"
-        },
-        md: {
-          content: "text-base"
-        },
-        lg: {
-          content: "text-lg"
-        },
-        xl: {
-          content: "text-xl"
-        }
-      },
-      active: {
-        true: {
-          item: "color-ui-base before:bg-ui-cb/10",
-          itemLeadingIcon: "color-ui-base/80"
-        },
-        false: {
-          item: "color-ui-base/80 data-[highlighted]:color-ui-base data-[state=open]:color-ui-base data-[highlighted]:before:bg-ui-cb/5 data-[state=open]:before:bg-ui-cb/5 transition-colors before:transition-colors",
-          itemLeadingIcon: "color-ui-base/50 group-data-[highlighted]:color-ui-base/80 group-data-[state=open]:color-ui-base/80 transition-colors"
-        }
-      },
-      loading: {
-        true: {
-          itemLeadingIcon: "animate-spin"
-        }
-      }
-    },
-    compoundVariants: [
-      {
-        size: ["xs", "sm", "md"],
-        class: {
-          label: "p-0.25em gap-0.25em",
-          item: "p-0.25em gap-0.25em",
-          itemTrailingKbds: "gap-0.125em"
-        }
-      },
-      {
-        size: ["lg", "xl"],
-        class: {
-          label: "p-0.5em gap-0.5em",
-          item: "p-0.5em gap-0.5em",
-          itemTrailingKbds: "gap-0.25em"
-        }
-      }
-    ],
-    defaultVariants: {
-      size: "md"
-    }
-  }
-);

package/dist/runtime/theme/form-item.d.ts

@@ -1,76 +0,0 @@
-declare const _default: {
-    base: undefined;
-    slots: {
-        root: string;
-        wrapper: string;
-        labelWrapper: string;
-        label: string;
-        container: string;
-        description: string;
-        error: string;
-        hint: string;
-        help: string;
-    };
-    variants: {
-        size: {
-            xs: {
-                root: string;
-            };
-            sm: {
-                root: string;
-            };
-            md: {
-                root: string;
-            };
-            lg: {
-                root: string;
-            };
-            xl: {
-                root: string;
-            };
-        };
-        required: {
-            true: {
-                label: string;
-            };
-        };
-    };
-    compoundVariants: import("@byyuurin/ui-kit").CVCompoundVariants<{
-        size: {
-            xs: {
-                root: string;
-            };
-            sm: {
-                root: string;
-            };
-            md: {
-                root: string;
-            };
-            lg: {
-                root: string;
-            };
-            xl: {
-                root: string;
-            };
-        };
-        required: {
-            true: {
-                label: string;
-            };
-        };
-    }, {
-        root: string;
-        wrapper: string;
-        labelWrapper: string;
-        label: string;
-        container: string;
-        description: string;
-        error: string;
-        hint: string;
-        help: string;
-    }, undefined>;
-    defaultVariants: {
-        size: "md";
-    };
-};
-export default _default;

package/dist/runtime/theme/form-item.js

@@ -1,34 +0,0 @@
-import { ct } from "@byyuurin/ui-kit";
-export default ct(
-  /* @unocss-include */
-  {
-    slots: {
-      root: "",
-      wrapper: "",
-      labelWrapper: "flex content-center items-center justify-between",
-      label: "block font-medium color-ui-base/80",
-      container: "mt-0.25em relative",
-      description: "color-ui-base/60",
-      error: "mt-0.25em color-ui-fill",
-      hint: "color-ui-base/60",
-      help: "mt-0.25em 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" }
-      },
-      required: {
-        true: {
-          label: `after:content-['*'] after:ms-0.5 after:color-ui-fill`
-        }
-      }
-    },
-    defaultVariants: {
-      size: "md"
-    }
-  }
-);

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

@@ -1,8 +0,0 @@
-declare const _default: {
-    base: string;
-    slots: undefined;
-    variants: {};
-    compoundVariants: import("@byyuurin/ui-kit").CVCompoundVariants<{}, undefined, "">;
-    defaultVariants: import("@byyuurin/ui-kit").CVDefaultVariants<{}, undefined>;
-};
-export default _default;

package/dist/runtime/theme/form.js

@@ -1,7 +0,0 @@
-import { ct } from "@byyuurin/ui-kit";
-export default ct(
-  /* @unocss-include */
-  {
-    base: ""
-  }
-);

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

@@ -1,41 +0,0 @@
-export { default as accordion } from './accordion.js';
-export { default as alert } from './alert.js';
-export { default as app } from './app.js';
-export { default as avatar } from './avatar.js';
-export { default as avatarGroup } from './avatar-group.js';
-export { default as badge } from './badge.js';
-export { default as breadcrumb } from './breadcrumb.js';
-export { default as button } from './button.js';
-export { default as buttonGroup } from './button-group.js';
-export { default as calendar } from './calendar.js';
-export { default as card } from './card.js';
-export { default as carousel } from './carousel.js';
-export { default as checkbox } from './checkbox.js';
-export { default as chip } from './chip.js';
-export { default as collapsible } from './collapsible.js';
-export { default as drawer } from './drawer.js';
-export { default as dropdownMenu } from './dropdown-menu.js';
-export { default as form } from './form.js';
-export { default as formItem } from './form-item.js';
-export { default as input } from './input.js';
-export { default as inputNumber } from './input-number.js';
-export { default as kbd } from './kbd.js';
-export { default as link } from './link.js';
-export { default as modal } from './modal.js';
-export { default as pagination } from './pagination.js';
-export { default as pinInput } from './pinInput.js';
-export { default as popover } from './popover.js';
-export { default as progress } from './progress.js';
-export { default as radioGroup } from './radio-group.js';
-export { default as scrollArea } from './scroll-area.js';
-export { default as select } from './select.js';
-export { default as separator } from './separator.js';
-export { default as skeleton } from './skeleton.js';
-export { default as slider } from './slider.js';
-export { default as switch } from './switch.js';
-export { default as table } from './table.js';
-export { default as tabs } from './tabs.js';
-export { default as textarea } from './textarea.js';
-export { default as toast } from './toast.js';
-export { default as toastProvider } from './toast-provider.js';
-export { default as tooltip } from './tooltip.js';

package/dist/runtime/theme/index.js

@@ -1,41 +0,0 @@
-export { default as accordion } from "./accordion.js";
-export { default as alert } from "./alert.js";
-export { default as app } from "./app.js";
-export { default as avatar } from "./avatar.js";
-export { default as avatarGroup } from "./avatar-group.js";
-export { default as badge } from "./badge.js";
-export { default as breadcrumb } from "./breadcrumb.js";
-export { default as button } from "./button.js";
-export { default as buttonGroup } from "./button-group.js";
-export { default as calendar } from "./calendar.js";
-export { default as card } from "./card.js";
-export { default as carousel } from "./carousel.js";
-export { default as checkbox } from "./checkbox.js";
-export { default as chip } from "./chip.js";
-export { default as collapsible } from "./collapsible.js";
-export { default as drawer } from "./drawer.js";
-export { default as dropdownMenu } from "./dropdown-menu.js";
-export { default as form } from "./form.js";
-export { default as formItem } from "./form-item.js";
-export { default as input } from "./input.js";
-export { default as inputNumber } from "./input-number.js";
-export { default as kbd } from "./kbd.js";
-export { default as link } from "./link.js";
-export { default as modal } from "./modal.js";
-export { default as pagination } from "./pagination.js";
-export { default as pinInput } from "./pinInput.js";
-export { default as popover } from "./popover.js";
-export { default as progress } from "./progress.js";
-export { default as radioGroup } from "./radio-group.js";
-export { default as scrollArea } from "./scroll-area.js";
-export { default as select } from "./select.js";
-export { default as separator } from "./separator.js";
-export { default as skeleton } from "./skeleton.js";
-export { default as slider } from "./slider.js";
-export { default as switch } from "./switch.js";
-export { default as table } from "./table.js";
-export { default as tabs } from "./tabs.js";
-export { default as textarea } from "./textarea.js";
-export { default as toast } from "./toast.js";
-export { default as toastProvider } from "./toast-provider.js";
-export { default as tooltip } from "./tooltip.js";

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

@@ -1,121 +0,0 @@
-declare const _default: {
-    base: undefined;
-    slots: {
-        base: string;
-        input: string[];
-        increment: string;
-        decrement: 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;
-            };
-        };
-        disabled: {
-            true: {
-                increment: string;
-                decrement: string;
-            };
-        };
-        orientation: {
-            horizontal: {
-                input: string;
-                increment: string;
-                decrement: string;
-            };
-            vertical: {
-                increment: string;
-                decrement: string;
-            };
-        };
-        underline: {
-            true: "";
-        };
-        highlight: {
-            true: {
-                base: string;
-            };
-        };
-    };
-    compoundVariants: ({
-        variant: ("soft" | "ghost" | "none")[];
-        highlight: false;
-        underline: true;
-        class: {
-            base: string[];
-            input?: undefined;
-        };
-        size?: undefined;
-    } | {
-        size: ("xs" | "sm" | "md")[];
-        class: {
-            base: string;
-            input: string;
-        };
-        variant?: undefined;
-        highlight?: undefined;
-        underline?: undefined;
-    } | {
-        size: ("lg" | "xl")[];
-        class: {
-            base: string;
-            input: string;
-        };
-        variant?: undefined;
-        highlight?: undefined;
-        underline?: undefined;
-    } | {
-        variant: ("soft" | "soft-outline" | "ghost" | "none")[];
-        highlight: true;
-        class: {
-            base: string;
-            input?: undefined;
-        };
-        underline?: undefined;
-        size?: undefined;
-    } | {
-        variant: "outline"[];
-        highlight: true;
-        class: {
-            base: string;
-            input?: undefined;
-        };
-        underline?: undefined;
-        size?: undefined;
-    })[];
-    defaultVariants: {
-        size: "md";
-        variant: "outline";
-    };
-};
-export default _default;

package/dist/runtime/theme/input-number.js

@@ -1,95 +0,0 @@
-import { ct } from "@byyuurin/ui-kit";
-import inputTheme from "./input.js";
-export default ct(
-  /* @unocss-include */
-  {
-    slots: {
-      base: "relative 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"
-      ],
-      increment: "absolute flex items-center ui-base",
-      decrement: "absolute flex items-center ui-base"
-    },
-    variants: {
-      size: {
-        ...inputTheme.variants.size
-      },
-      variant: {
-        ...inputTheme.variants.variant
-      },
-      disabled: {
-        true: {
-          increment: "opacity-50 cursor-not-allowed",
-          decrement: "opacity-50 cursor-not-allowed"
-        }
-      },
-      orientation: {
-        horizontal: {
-          input: "text-center",
-          increment: "inset-y-0 end-0 pe-0.5",
-          decrement: "inset-y-0 start-0 ps-0.5"
-        },
-        vertical: {
-          increment: "top-0 end-0 pe-0.5 [&>button]:py-0 scale-80",
-          decrement: "bottom-0 end-0 pe-0.5 [&>button]:py-0 scale-80"
-        }
-      },
-      underline: {
-        true: ""
-      },
-      highlight: {
-        true: {
-          base: "ring ring-inset ring-ui-fill"
-        }
-      }
-    },
-    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"
-        }
-      },
-      {
-        variant: ["outline"],
-        highlight: true,
-        class: {
-          base: "ring-2 ring-ui-fill/80 focus-within:ring-ui-fill/80"
-        }
-      }
-    ],
-    defaultVariants: {
-      size: "md",
-      variant: "outline"
-    }
-  }
-);