@nuxt/ui 2.18.3 → 3.0.0-alpha.0

package/dist/runtime/ui.config/elements/buttonGroup.js

@@ -1,19 +0,0 @@
-export default {
-  wrapper: {
-    horizontal: "inline-flex -space-x-px",
-    vertical: "inline-flex flex-col -space-y-px"
-  },
-  rounded: "rounded-md",
-  shadow: "shadow-sm",
-  orientation: {
-    "rounded-none": { horizontal: { start: "rounded-s-none", end: "rounded-e-none" }, vertical: { start: "rounded-t-none", end: "rounded-b-none" } },
-    "rounded-sm": { horizontal: { start: "rounded-s-sm", end: "rounded-e-sm" }, vertical: { start: "rounded-t-sm", end: "rounded-b-sm" } },
-    rounded: { horizontal: { start: "rounded-s", end: "rounded-e" }, vertical: { start: "rounded-t", end: "rounded-b" } },
-    "rounded-md": { horizontal: { start: "rounded-s-md", end: "rounded-e-md" }, vertical: { start: "rounded-t-md", end: "rounded-b-md" } },
-    "rounded-lg": { horizontal: { start: "rounded-s-lg", end: "rounded-e-lg" }, vertical: { start: "rounded-t-lg", end: "rounded-b-lg" } },
-    "rounded-xl": { horizontal: { start: "rounded-s-xl", end: "rounded-e-xl" }, vertical: { start: "rounded-t-xl", end: "rounded-b-xl" } },
-    "rounded-2xl": { horizontal: { start: "rounded-s-2xl", end: "rounded-e-2xl" }, vertical: { start: "rounded-t-2xl", end: "rounded-b-2xl" } },
-    "rounded-3xl": { horizontal: { start: "rounded-s-3xl", end: "rounded-e-3xl" }, vertical: { start: "rounded-t-3xl", end: "rounded-b-3xl" } },
-    "rounded-full": { horizontal: { start: "rounded-s-full", end: "rounded-e-full" }, vertical: { start: "rounded-t-full", end: "rounded-b-full" } }
-  }
-};

package/dist/runtime/ui.config/elements/carousel.d.ts

@@ -1,27 +0,0 @@
-declare const _default: {
-    wrapper: string;
-    container: string;
-    item: string;
-    arrows: {
-        wrapper: string;
-    };
-    indicators: {
-        wrapper: string;
-        base: string;
-        active: string;
-        inactive: string;
-    };
-    default: {
-        prevButton: {
-            color: "black";
-            class: string;
-            icon: string;
-        };
-        nextButton: {
-            color: "black";
-            class: string;
-            icon: string;
-        };
-    };
-};
-export default _default;

package/dist/runtime/ui.config/elements/carousel.js

@@ -1,26 +0,0 @@
-export default {
-  wrapper: "relative",
-  container: "relative w-full flex overflow-x-auto snap-x snap-mandatory scroll-smooth",
-  item: "flex flex-none snap-center",
-  arrows: {
-    wrapper: "flex items-center justify-between"
-  },
-  indicators: {
-    wrapper: "absolute flex items-center justify-center gap-3 bottom-4 inset-x-0",
-    base: "rounded-full h-3 w-3",
-    active: "bg-primary-500 dark:bg-primary-400",
-    inactive: "bg-gray-100 dark:bg-gray-800"
-  },
-  default: {
-    prevButton: {
-      color: "black",
-      class: "rtl:[&_span:first-child]:rotate-180 absolute left-4 top-1/2 transform -translate-y-1/2 rounded-full",
-      icon: "i-heroicons-chevron-left-20-solid"
-    },
-    nextButton: {
-      color: "black",
-      class: "rtl:[&_span:last-child]:rotate-180 absolute right-4 top-1/2 transform -translate-y-1/2 rounded-full",
-      icon: "i-heroicons-chevron-right-20-solid "
-    }
-  }
-};

package/dist/runtime/ui.config/elements/chip.d.ts

@@ -1,35 +0,0 @@
-declare const _default: {
-    wrapper: string;
-    base: string;
-    background: string;
-    position: {
-        'top-right': string;
-        'bottom-right': string;
-        'top-left': string;
-        'bottom-left': string;
-    };
-    translate: {
-        'top-right': string;
-        'bottom-right': string;
-        'top-left': string;
-        'bottom-left': string;
-    };
-    size: {
-        '3xs': string;
-        '2xs': string;
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-        '2xl': string;
-        '3xl': string;
-    };
-    default: {
-        size: string;
-        color: string;
-        position: string;
-        inset: boolean;
-    };
-};
-export default _default;

package/dist/runtime/ui.config/elements/chip.js

@@ -1,34 +0,0 @@
-export default {
-  wrapper: "relative inline-flex items-center justify-center flex-shrink-0",
-  base: "absolute rounded-full ring-1 ring-white dark:ring-gray-900 flex items-center justify-center text-white dark:text-gray-900 font-medium whitespace-nowrap",
-  background: "bg-{color}-500 dark:bg-{color}-400",
-  position: {
-    "top-right": "top-0 right-0",
-    "bottom-right": "bottom-0 right-0",
-    "top-left": "top-0 left-0",
-    "bottom-left": "bottom-0 left-0"
-  },
-  translate: {
-    "top-right": "-translate-y-1/2 translate-x-1/2 transform",
-    "bottom-right": "translate-y-1/2 translate-x-1/2 transform",
-    "top-left": "-translate-y-1/2 -translate-x-1/2 transform",
-    "bottom-left": "translate-y-1/2 -translate-x-1/2 transform"
-  },
-  size: {
-    "3xs": "h-[4px] min-w-[4px] text-[4px] p-px",
-    "2xs": "h-[5px] min-w-[5px] text-[5px] p-px",
-    xs: "h-1.5 min-w-[0.375rem] text-[6px] p-px",
-    sm: "h-2 min-w-[0.5rem] text-[7px] p-0.5",
-    md: "h-2.5 min-w-[0.625rem] text-[8px] p-0.5",
-    lg: "h-3 min-w-[0.75rem] text-[10px] p-0.5",
-    xl: "h-3.5 min-w-[0.875rem] text-[11px] p-1",
-    "2xl": "h-4 min-w-[1rem] text-[12px] p-1",
-    "3xl": "h-5 min-w-[1.25rem] text-[14px] p-1"
-  },
-  default: {
-    size: "sm",
-    color: "primary",
-    position: "top-right",
-    inset: false
-  }
-};

package/dist/runtime/ui.config/elements/dropdown.d.ts

@@ -1,59 +0,0 @@
-declare const _default: {
-    wrapper: string;
-    container: string;
-    trigger: string;
-    width: string;
-    height: string;
-    background: string;
-    shadow: string;
-    rounded: string;
-    ring: string;
-    base: string;
-    divide: string;
-    padding: string;
-    item: {
-        base: string;
-        rounded: string;
-        padding: string;
-        size: string;
-        active: string;
-        inactive: string;
-        disabled: string;
-        icon: {
-            base: string;
-            active: string;
-            inactive: string;
-        };
-        avatar: {
-            base: string;
-            size: "2xs";
-        };
-        label: string;
-        shortcuts: string;
-    };
-    transition: {
-        enterActiveClass: string;
-        enterFromClass: string;
-        enterToClass: string;
-        leaveActiveClass: string;
-        leaveFromClass: string;
-        leaveToClass: string;
-    };
-    popper: {
-        placement: string;
-        strategy: string;
-    };
-    default: {
-        openDelay: number;
-        closeDelay: number;
-    };
-    arrow: {
-        ring: string;
-        background: string;
-        base: string;
-        rounded: string;
-        shadow: string;
-        placement: string;
-    };
-};
-export default _default;

package/dist/runtime/ui.config/elements/dropdown.js

@@ -1,57 +0,0 @@
-import { arrow } from "../popper.js";
-export default {
-  wrapper: "relative inline-flex text-left rtl:text-right",
-  container: "z-20 group",
-  trigger: "inline-flex w-full",
-  width: "w-48",
-  height: "",
-  background: "bg-white dark:bg-gray-800",
-  shadow: "shadow-lg",
-  rounded: "rounded-md",
-  ring: "ring-1 ring-gray-200 dark:ring-gray-700",
-  base: "relative focus:outline-none overflow-y-auto scroll-py-1",
-  divide: "divide-y divide-gray-200 dark:divide-gray-700",
-  padding: "p-1",
-  item: {
-    base: "group flex items-center gap-1.5 w-full",
-    rounded: "rounded-md",
-    padding: "px-1.5 py-1.5",
-    size: "text-sm",
-    active: "bg-gray-100 dark:bg-gray-900 text-gray-900 dark:text-white",
-    inactive: "text-gray-700 dark:text-gray-200",
-    disabled: "cursor-not-allowed opacity-50",
-    icon: {
-      base: "flex-shrink-0 w-5 h-5",
-      active: "text-gray-500 dark:text-gray-400",
-      inactive: "text-gray-400 dark:text-gray-500"
-    },
-    avatar: {
-      base: "flex-shrink-0",
-      size: "2xs"
-    },
-    label: "truncate",
-    shortcuts: "hidden md:inline-flex flex-shrink-0 gap-0.5 ms-auto"
-  },
-  // Syntax for `<Transition>` component https://vuejs.org/guide/built-ins/transition.html#css-based-transitions
-  transition: {
-    enterActiveClass: "transition duration-100 ease-out",
-    enterFromClass: "transform scale-95 opacity-0",
-    enterToClass: "transform scale-100 opacity-100",
-    leaveActiveClass: "transition duration-75 ease-in",
-    leaveFromClass: "transform scale-100 opacity-100",
-    leaveToClass: "transform scale-95 opacity-0"
-  },
-  popper: {
-    placement: "bottom-end",
-    strategy: "fixed"
-  },
-  default: {
-    openDelay: 0,
-    closeDelay: 0
-  },
-  arrow: {
-    ...arrow,
-    ring: "before:ring-1 before:ring-gray-200 dark:before:ring-gray-700",
-    background: "before:bg-white dark:before:bg-gray-700"
-  }
-};

package/dist/runtime/ui.config/elements/kbd.d.ts

@@ -1,17 +0,0 @@
-declare const _default: {
-    base: string;
-    padding: string;
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-    };
-    rounded: string;
-    font: string;
-    background: string;
-    ring: string;
-    default: {
-        size: string;
-    };
-};
-export default _default;

package/dist/runtime/ui.config/elements/kbd.js

@@ -1,16 +0,0 @@
-export default {
-  base: "inline-flex items-center justify-center text-gray-900 dark:text-white",
-  padding: "px-1",
-  size: {
-    xs: "h-4 min-w-[16px] text-[10px]",
-    sm: "h-5 min-w-[20px] text-[11px]",
-    md: "h-6 min-w-[24px] text-[12px]"
-  },
-  rounded: "rounded",
-  font: "font-medium font-sans",
-  background: "bg-gray-100 dark:bg-gray-800",
-  ring: "ring-1 ring-gray-300 dark:ring-gray-700 ring-inset",
-  default: {
-    size: "sm"
-  }
-};

package/dist/runtime/ui.config/elements/meter.d.ts

@@ -1,77 +0,0 @@
-declare const _default: {
-    wrapper: string;
-    indicator: {
-        container: string;
-        text: string;
-        size: {
-            '2xs': string;
-            xs: string;
-            sm: string;
-            md: string;
-            lg: string;
-            xl: string;
-            '2xl': string;
-        };
-    };
-    meter: {
-        base: string;
-        background: string;
-        color: string;
-        ring: string;
-        rounded: string;
-        shadow: string;
-        size: {
-            '2xs': string;
-            xs: string;
-            sm: string;
-            md: string;
-            lg: string;
-            xl: string;
-            '2xl': string;
-        };
-        appearance: {
-            inner: string;
-            meter: string;
-            bar: string;
-            value: string;
-        };
-        bar: {
-            transition: string;
-            ring: string;
-            rounded: string;
-            size: {
-                '2xs': string;
-                xs: string;
-                sm: string;
-                md: string;
-                lg: string;
-                xl: string;
-                '2xl': string;
-            };
-        };
-    };
-    label: {
-        base: string;
-        text: string;
-        color: string;
-        size: {
-            '2xs': string;
-            xs: string;
-            sm: string;
-            md: string;
-            lg: string;
-            xl: string;
-            '2xl': string;
-        };
-    };
-    color: {
-        white: string;
-        black: string;
-        gray: string;
-    };
-    default: {
-        size: string;
-        color: string;
-    };
-};
-export default _default;

package/dist/runtime/ui.config/elements/meter.js

@@ -1,76 +0,0 @@
-export default {
-  wrapper: "w-full flex flex-col gap-2",
-  indicator: {
-    container: "min-w-fit transition-all",
-    text: "text-gray-400 dark:text-gray-500 text-end",
-    size: {
-      "2xs": "text-xs",
-      xs: "text-xs",
-      sm: "text-sm",
-      md: "text-sm",
-      lg: "text-sm",
-      xl: "text-base",
-      "2xl": "text-base"
-    }
-  },
-  meter: {
-    base: "appearance-none block w-full bg-none overflow-y-hidden",
-    background: "bg-gray-200 dark:bg-gray-700",
-    color: "text-{color}-500 dark:text-{color}-400",
-    ring: "",
-    rounded: "rounded-full",
-    shadow: "",
-    size: {
-      "2xs": "h-px",
-      xs: "h-0.5",
-      sm: "h-1",
-      md: "h-2",
-      lg: "h-3",
-      xl: "h-4",
-      "2xl": "h-5"
-    },
-    appearance: {
-      inner: "[&::-webkit-meter-inner-element]:block [&::-webkit-meter-inner-element]:relative [&::-webkit-meter-inner-element]:border-none [&::-webkit-meter-inner-element]:bg-none [&::-webkit-meter-inner-element]:bg-transparent",
-      meter: "[&::-webkit-meter-bar]:border-none [&::-webkit-meter-bar]:bg-none [&::-webkit-meter-bar]:bg-transparent",
-      bar: "[&::-webkit-meter-optimum-value]:border-none [&::-webkit-meter-optimum-value]:bg-none [&::-webkit-meter-optimum-value]:bg-current",
-      value: "[&::-moz-meter-bar]:border-none [&::-moz-meter-bar]:bg-none [&::-moz-meter-bar]:bg-current"
-    },
-    bar: {
-      transition: "[&::-webkit-meter-optimum-value]:transition-all [&::-moz-meter-bar]:transition-all",
-      ring: "",
-      rounded: "[&::-webkit-meter-optimum-value]:rounded-full [&::-moz-meter-bar]:rounded-full",
-      size: {
-        "2xs": "[&::-webkit-meter-optimum-value]:h-px [&::-moz-meter-bar]:h-px",
-        xs: "[&::-webkit-meter-optimum-value]:h-0.5 [&::-moz-meter-bar]:h-0.5",
-        sm: "[&::-webkit-meter-optimum-value]:h-1 [&::-moz-meter-bar]:h-1",
-        md: "[&::-webkit-meter-optimum-value]:h-2 [&::-moz-meter-bar]:h-2",
-        lg: "[&::-webkit-meter-optimum-value]:h-3 [&::-moz-meter-bar]:h-3",
-        xl: "[&::-webkit-meter-optimum-value]:h-4 [&::-moz-meter-bar]:h-4",
-        "2xl": "[&::-webkit-meter-optimum-value]:h-5 [&::-moz-meter-bar]:h-5"
-      }
-    }
-  },
-  label: {
-    base: "flex gap-2 items-center",
-    text: "truncate",
-    color: "text-{color}-500 dark:text-{color}-400",
-    size: {
-      "2xs": "text-xs",
-      xs: "text-xs",
-      sm: "text-sm",
-      md: "text-sm",
-      lg: "text-sm",
-      xl: "text-base",
-      "2xl": "text-base"
-    }
-  },
-  color: {
-    white: "text-white dark:text-black",
-    black: "text-black dark:text-white",
-    gray: "text-gray-500 dark:text-gray-400"
-  },
-  default: {
-    size: "md",
-    color: "primary"
-  }
-};

package/dist/runtime/ui.config/elements/meterGroup.d.ts

@@ -1,52 +0,0 @@
-declare const _default: {
-    wrapper: string;
-    base: string;
-    background: string;
-    transition: string;
-    rounded: string;
-    shadow: string;
-    list: string;
-    orientation: {
-        'rounded-none': {
-            left: string;
-            right: string;
-        };
-        'rounded-sm': {
-            left: string;
-            right: string;
-        };
-        rounded: {
-            left: string;
-            right: string;
-        };
-        'rounded-md': {
-            left: string;
-            right: string;
-        };
-        'rounded-lg': {
-            left: string;
-            right: string;
-        };
-        'rounded-xl': {
-            left: string;
-            right: string;
-        };
-        'rounded-2xl': {
-            left: string;
-            right: string;
-        };
-        'rounded-3xl': {
-            left: string;
-            right: string;
-        };
-        'rounded-full': {
-            left: string;
-            right: string;
-        };
-    };
-    default: {
-        size: string;
-        icon: string;
-    };
-};
-export default _default;

package/dist/runtime/ui.config/elements/meterGroup.js

@@ -1,24 +0,0 @@
-export default {
-  wrapper: "flex flex-col gap-2 w-full",
-  base: "flex flex-row flex-nowrap flex-shrink overflow-hidden",
-  background: "bg-gray-200 dark:bg-gray-700",
-  transition: "transition-all",
-  rounded: "rounded-full",
-  shadow: "",
-  list: "list-disc list-inside",
-  orientation: {
-    "rounded-none": { left: "rounded-s-none", right: "rounded-e-none" },
-    "rounded-sm": { left: "rounded-s-sm", right: "rounded-e-sm" },
-    rounded: { left: "rounded-s", right: "rounded-e" },
-    "rounded-md": { left: "rounded-s-md", right: "rounded-e-md" },
-    "rounded-lg": { left: "rounded-s-lg", right: "rounded-e-lg" },
-    "rounded-xl": { left: "rounded-s-xl", right: "rounded-e-xl" },
-    "rounded-2xl": { left: "rounded-s-2xl", right: "rounded-e-2xl" },
-    "rounded-3xl": { left: "rounded-s-3xl", right: "rounded-e-3xl" },
-    "rounded-full": { left: "rounded-s-full", right: "rounded-e-full" }
-  },
-  default: {
-    size: "md",
-    icon: "i-heroicons-minus-20-solid"
-  }
-};

package/dist/runtime/ui.config/elements/progress.d.ts

@@ -1,75 +0,0 @@
-declare const _default: {
-    wrapper: string;
-    indicator: {
-        container: {
-            base: string;
-            width: string;
-            transition: string;
-        };
-        align: string;
-        width: string;
-        color: string;
-        size: {
-            '2xs': string;
-            xs: string;
-            sm: string;
-            md: string;
-            lg: string;
-            xl: string;
-            '2xl': string;
-        };
-    };
-    progress: {
-        base: string;
-        width: string;
-        size: {
-            '2xs': string;
-            xs: string;
-            sm: string;
-            md: string;
-            lg: string;
-            xl: string;
-            '2xl': string;
-        };
-        rounded: string;
-        track: string;
-        bar: string;
-        color: string;
-        background: string;
-        indeterminate: {
-            base: string;
-            rounded: string;
-        };
-    };
-    steps: {
-        base: string;
-        color: string;
-        size: {
-            '2xs': string;
-            xs: string;
-            sm: string;
-            md: string;
-            lg: string;
-            xl: string;
-            '2xl': string;
-        };
-    };
-    step: {
-        base: string;
-        align: string;
-        active: string;
-        first: string;
-    };
-    animation: {
-        carousel: string;
-        'carousel-inverse': string;
-        swing: string;
-        elastic: string;
-    };
-    default: {
-        color: string;
-        size: string;
-        animation: string;
-    };
-};
-export default _default;

package/dist/runtime/ui.config/elements/progress.js

@@ -1,74 +0,0 @@
-export default {
-  wrapper: "w-full flex flex-col gap-2",
-  indicator: {
-    container: {
-      base: "flex flex-row justify-end",
-      width: "min-w-fit",
-      transition: "transition-all"
-    },
-    align: "text-end",
-    width: "w-fit",
-    color: "text-gray-400 dark:text-gray-500",
-    size: {
-      "2xs": "text-xs",
-      xs: "text-xs",
-      sm: "text-sm",
-      md: "text-sm",
-      lg: "text-sm",
-      xl: "text-base",
-      "2xl": "text-base"
-    }
-  },
-  progress: {
-    base: "block appearance-none border-none overflow-hidden",
-    width: "w-full [&::-webkit-progress-bar]:w-full",
-    size: {
-      "2xs": "h-px",
-      xs: "h-0.5",
-      sm: "h-1",
-      md: "h-2",
-      lg: "h-3",
-      xl: "h-4",
-      "2xl": "h-5"
-    },
-    rounded: "rounded-full [&::-webkit-progress-bar]:rounded-full",
-    track: "[&::-webkit-progress-bar]:bg-gray-200 [&::-webkit-progress-bar]:dark:bg-gray-700 [@supports(selector(&::-moz-progress-bar))]:bg-gray-200 [@supports(selector(&::-moz-progress-bar))]:dark:bg-gray-700",
-    bar: "[&::-webkit-progress-value]:rounded-full [&::-webkit-progress-value]:transition-all [&::-webkit-progress-value]:ease-in-out [&::-moz-progress-bar]:rounded-full",
-    color: "text-{color}-500 dark:text-{color}-400",
-    background: "[&::-webkit-progress-value]:bg-current [&::-moz-progress-bar]:bg-current",
-    indeterminate: {
-      base: "indeterminate:relative",
-      rounded: "indeterminate:after:rounded-full [&:indeterminate::-webkit-progress-value]:rounded-full [&:indeterminate::-moz-progress-bar]:rounded-full"
-    }
-  },
-  steps: {
-    base: "grid grid-cols-1",
-    color: "text-{color}-500 dark:text-{color}-400",
-    size: {
-      "2xs": "text-xs",
-      xs: "text-xs",
-      sm: "text-sm",
-      md: "text-sm",
-      lg: "text-sm",
-      xl: "text-base",
-      "2xl": "text-base"
-    }
-  },
-  step: {
-    base: "transition-all opacity-0 truncate row-start-1 col-start-1",
-    align: "text-end",
-    active: "opacity-100",
-    first: "text-gray-500 dark:text-gray-400"
-  },
-  animation: {
-    carousel: "bar-animation-carousel",
-    "carousel-inverse": "bar-animation-carousel-inverse",
-    swing: "bar-animation-swing",
-    elastic: "bar-animation-elastic"
-  },
-  default: {
-    color: "primary",
-    size: "md",
-    animation: "carousel"
-  }
-};