@nuxt/ui 2.18.4 → 3.0.0-alpha.1

package/dist/runtime/ui.config/layout/divider.js

@@ -1,51 +0,0 @@
-export default {
-  wrapper: {
-    base: "flex items-center align-center text-center",
-    horizontal: "w-full flex-row",
-    vertical: "flex-col"
-  },
-  container: {
-    base: "font-medium text-gray-700 dark:text-gray-200 flex",
-    horizontal: "mx-3 whitespace-nowrap",
-    vertical: "my-2"
-  },
-  border: {
-    base: "flex border-gray-200 dark:border-gray-800",
-    horizontal: "w-full",
-    vertical: "h-full",
-    size: {
-      horizontal: {
-        "2xs": "border-t",
-        xs: "border-t-[2px]",
-        sm: "border-t-[3px]",
-        md: "border-t-[4px]",
-        lg: "border-t-[5px]",
-        xl: "border-t-[6px]"
-      },
-      vertical: {
-        "2xs": "border-s",
-        xs: "border-s-[2px]",
-        sm: "border-s-[3px]",
-        md: "border-s-[4px]",
-        lg: "border-s-[5px]",
-        xl: "border-s-[6px]"
-      }
-    },
-    type: {
-      solid: "border-solid",
-      dotted: "border-dotted",
-      dashed: "border-dashed"
-    }
-  },
-  icon: {
-    base: "flex-shrink-0 w-5 h-5"
-  },
-  avatar: {
-    base: "flex-shrink-0",
-    size: "2xs"
-  },
-  label: "text-sm",
-  default: {
-    size: "2xs"
-  }
-};

package/dist/runtime/ui.config/layout/skeleton.d.ts

@@ -1,6 +0,0 @@
-declare const _default: {
-    base: string;
-    background: string;
-    rounded: string;
-};
-export default _default;

package/dist/runtime/ui.config/layout/skeleton.js

@@ -1,5 +0,0 @@
-export default {
-  base: "animate-pulse",
-  background: "bg-gray-100 dark:bg-gray-800",
-  rounded: "rounded-md"
-};

package/dist/runtime/ui.config/navigation/breadcrumb.d.ts

@@ -1,21 +0,0 @@
-declare const _default: {
-    wrapper: string;
-    ol: string;
-    li: string;
-    base: string;
-    label: string;
-    icon: {
-        base: string;
-        active: string;
-        inactive: string;
-    };
-    divider: {
-        base: string;
-    };
-    active: string;
-    inactive: string;
-    default: {
-        divider: string;
-    };
-};
-export default _default;

package/dist/runtime/ui.config/navigation/breadcrumb.js

@@ -1,20 +0,0 @@
-export default {
-  wrapper: "relative min-w-0",
-  ol: "flex items-center gap-x-1.5",
-  li: "flex items-center gap-x-1.5 text-gray-500 dark:text-gray-400 text-sm leading-6 min-w-0",
-  base: "flex items-center gap-x-1.5 group font-semibold min-w-0",
-  label: "block truncate",
-  icon: {
-    base: "flex-shrink-0 w-5 h-5",
-    active: "",
-    inactive: ""
-  },
-  divider: {
-    base: "flex-shrink-0 w-5 h-5 rtl:rotate-180"
-  },
-  active: "text-primary-500 dark:text-primary-400",
-  inactive: " hover:text-gray-700 dark:hover:text-gray-200",
-  default: {
-    divider: "i-heroicons-chevron-right-20-solid"
-  }
-};

package/dist/runtime/ui.config/navigation/commandPalette.d.ts

@@ -1,72 +0,0 @@
-declare const _default: {
-    wrapper: string;
-    container: string;
-    input: {
-        wrapper: string;
-        base: string;
-        padding: string;
-        height: string;
-        size: string;
-        icon: {
-            base: string;
-            loading: string;
-            size: string;
-            padding: string;
-        };
-        closeButton: {
-            base: string;
-            padding: string;
-        };
-    };
-    emptyState: {
-        wrapper: string;
-        label: string;
-        queryLabel: string;
-        icon: string;
-    };
-    group: {
-        wrapper: string;
-        label: string;
-        container: string;
-        command: {
-            base: string;
-            active: string;
-            inactive: string;
-            label: string;
-            prefix: string;
-            suffix: string;
-            container: string;
-            icon: {
-                base: string;
-                active: string;
-                inactive: string;
-            };
-            selectedIcon: {
-                base: string;
-            };
-            avatar: {
-                base: string;
-                size: "2xs";
-            };
-            chip: {
-                base: string;
-            };
-            disabled: string;
-            shortcuts: string;
-        };
-        active: string;
-        inactive: string;
-    };
-    default: {
-        icon: string;
-        loadingIcon: string;
-        emptyState: {
-            icon: string;
-            label: string;
-            queryLabel: string;
-        };
-        closeButton: any;
-        selectedIcon: string;
-    };
-};
-export default _default;

package/dist/runtime/ui.config/navigation/commandPalette.js

@@ -1,71 +0,0 @@
-export default {
-  wrapper: "flex flex-col flex-1 min-h-0 divide-y divide-gray-100 dark:divide-gray-800",
-  container: "relative flex-1 overflow-y-auto divide-y divide-gray-100 dark:divide-gray-800 scroll-py-2",
-  input: {
-    wrapper: "relative flex items-center",
-    base: "w-full placeholder-gray-400 dark:placeholder-gray-500 bg-transparent border-0 text-gray-900 dark:text-white focus:ring-0 focus:outline-none",
-    padding: "px-4",
-    height: "h-12",
-    size: "sm:text-sm",
-    icon: {
-      base: "pointer-events-none absolute start-4 text-gray-400 dark:text-gray-500",
-      loading: "animate-spin",
-      size: "h-5 w-5",
-      padding: "ps-11"
-    },
-    closeButton: {
-      base: "absolute end-4",
-      padding: "pe-10"
-    }
-  },
-  emptyState: {
-    wrapper: "flex flex-col items-center justify-center flex-1 px-6 py-14 sm:px-14",
-    label: "text-sm text-center text-gray-900 dark:text-white",
-    queryLabel: "text-sm text-center text-gray-900 dark:text-white",
-    icon: "w-6 h-6 mx-auto text-gray-400 dark:text-gray-500 mb-4"
-  },
-  group: {
-    wrapper: "p-2",
-    label: "px-2.5 my-2 text-xs font-semibold text-gray-900 dark:text-white",
-    container: "text-sm text-gray-700 dark:text-gray-200",
-    command: {
-      base: "flex justify-between select-none items-center rounded-md px-2.5 py-1.5 gap-2 relative",
-      active: "bg-gray-100 dark:bg-gray-800 text-gray-900 dark:text-white",
-      inactive: "",
-      label: "flex items-center gap-1.5 min-w-0",
-      prefix: "text-gray-400 dark:text-gray-500",
-      suffix: "text-gray-400 dark:text-gray-500",
-      container: "flex items-center gap-1.5 min-w-0",
-      icon: {
-        base: "flex-shrink-0 w-5 h-5",
-        active: "text-gray-900 dark:text-white",
-        inactive: "text-gray-400 dark:text-gray-500"
-      },
-      selectedIcon: {
-        base: "h-5 w-5 text-gray-900 dark:text-white flex-shrink-0"
-      },
-      avatar: {
-        base: "flex-shrink-0",
-        size: "2xs"
-      },
-      chip: {
-        base: "flex-shrink-0 w-2 h-2 mx-1 rounded-full"
-      },
-      disabled: "opacity-50",
-      shortcuts: "hidden md:inline-flex flex-shrink-0 gap-0.5"
-    },
-    active: "flex-shrink-0 text-gray-500 dark:text-gray-400",
-    inactive: "flex-shrink-0 text-gray-500 dark:text-gray-400"
-  },
-  default: {
-    icon: "i-heroicons-magnifying-glass-20-solid",
-    loadingIcon: "i-heroicons-arrow-path-20-solid",
-    emptyState: {
-      icon: "i-heroicons-magnifying-glass-20-solid",
-      label: "We couldn't find any items.",
-      queryLabel: "We couldn't find any items with that term. Please try again."
-    },
-    closeButton: null,
-    selectedIcon: "i-heroicons-check-20-solid"
-  }
-};

package/dist/runtime/ui.config/navigation/horizontalNavigation.d.ts

@@ -1,27 +0,0 @@
-declare const _default: {
-    wrapper: string;
-    container: string;
-    inner: string;
-    base: string;
-    before: string;
-    after: string;
-    active: string;
-    inactive: string;
-    label: string;
-    icon: {
-        base: string;
-        active: string;
-        inactive: string;
-    };
-    avatar: {
-        base: string;
-        size: "2xs";
-    };
-    badge: {
-        base: string;
-        color: "gray";
-        variant: "solid";
-        size: "xs";
-    };
-};
-export default _default;

package/dist/runtime/ui.config/navigation/horizontalNavigation.js

@@ -1,26 +0,0 @@
-export default {
-  wrapper: "relative w-full flex items-center justify-between",
-  container: "flex items-center min-w-0",
-  inner: "min-w-0",
-  base: "group relative w-full flex items-center gap-1.5 px-2.5 py-3.5 rounded-md font-medium text-sm focus:outline-none focus-visible:outline-none dark:focus-visible:outline-none focus-visible:ring-inset focus-visible:ring-2 focus-visible:ring-primary-500 dark:focus-visible:ring-primary-400 disabled:cursor-not-allowed disabled:opacity-75",
-  before: "before:absolute before:inset-x-0 before:inset-y-2 before:inset-px before:rounded-md hover:before:bg-gray-50 dark:hover:before:bg-gray-800/50",
-  after: "after:absolute after:bottom-0 after:inset-x-2.5 after:block after:h-[2px] after:mt-2",
-  active: "text-gray-900 dark:text-white after:bg-primary-500 dark:after:bg-primary-400 after:rounded-full",
-  inactive: "text-gray-500 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white",
-  label: "truncate relative",
-  icon: {
-    base: "flex-shrink-0 w-5 h-5 relative",
-    active: "text-gray-700 dark:text-gray-200",
-    inactive: "text-gray-400 dark:text-gray-500 group-hover:text-gray-700 dark:group-hover:text-gray-200"
-  },
-  avatar: {
-    base: "flex-shrink-0",
-    size: "2xs"
-  },
-  badge: {
-    base: "flex-shrink-0 ml-auto relative rounded",
-    color: "gray",
-    variant: "solid",
-    size: "xs"
-  }
-};

package/dist/runtime/ui.config/navigation/pagination.d.ts

@@ -1,35 +0,0 @@
-declare const _default: {
-    wrapper: string;
-    base: string;
-    rounded: string;
-    default: {
-        size: string;
-        activeButton: {
-            color: "primary";
-        };
-        inactiveButton: {
-            color: "white";
-        };
-        firstButton: {
-            color: "white";
-            class: string;
-            icon: string;
-        };
-        lastButton: {
-            color: "white";
-            class: string;
-            icon: string;
-        };
-        prevButton: {
-            color: "white";
-            class: string;
-            icon: string;
-        };
-        nextButton: {
-            color: "white";
-            class: string;
-            icon: string;
-        };
-    };
-};
-export default _default;

package/dist/runtime/ui.config/navigation/pagination.js

@@ -1,34 +0,0 @@
-export default {
-  wrapper: "flex items-center -space-x-px",
-  base: "",
-  rounded: "first:rounded-s-md last:rounded-e-md",
-  default: {
-    size: "sm",
-    activeButton: {
-      color: "primary"
-    },
-    inactiveButton: {
-      color: "white"
-    },
-    firstButton: {
-      color: "white",
-      class: "rtl:[&_span:first-child]:rotate-180",
-      icon: "i-heroicons-chevron-double-left-20-solid"
-    },
-    lastButton: {
-      color: "white",
-      class: "rtl:[&_span:last-child]:rotate-180",
-      icon: "i-heroicons-chevron-double-right-20-solid"
-    },
-    prevButton: {
-      color: "white",
-      class: "rtl:[&_span:first-child]:rotate-180",
-      icon: "i-heroicons-chevron-left-20-solid"
-    },
-    nextButton: {
-      color: "white",
-      class: "rtl:[&_span:last-child]:rotate-180",
-      icon: "i-heroicons-chevron-right-20-solid"
-    }
-  }
-};

package/dist/runtime/ui.config/navigation/tabs.d.ts

@@ -1,35 +0,0 @@
-declare const _default: {
-    wrapper: string;
-    container: string;
-    base: string;
-    list: {
-        base: string;
-        background: string;
-        rounded: string;
-        shadow: string;
-        padding: string;
-        height: string;
-        width: string;
-        marker: {
-            wrapper: string;
-            base: string;
-            background: string;
-            rounded: string;
-            shadow: string;
-        };
-        tab: {
-            base: string;
-            background: string;
-            active: string;
-            inactive: string;
-            height: string;
-            padding: string;
-            size: string;
-            font: string;
-            rounded: string;
-            shadow: string;
-            icon: string;
-        };
-    };
-};
-export default _default;

package/dist/runtime/ui.config/navigation/tabs.js

@@ -1,34 +0,0 @@
-export default {
-  wrapper: "relative space-y-2",
-  container: "relative w-full",
-  base: "focus:outline-none",
-  list: {
-    base: "relative",
-    background: "bg-gray-100 dark:bg-gray-800",
-    rounded: "rounded-lg",
-    shadow: "",
-    padding: "p-1",
-    height: "h-10",
-    width: "w-full",
-    marker: {
-      wrapper: "absolute top-[4px] left-[4px] duration-200 ease-out focus:outline-none",
-      base: "w-full h-full",
-      background: "bg-white dark:bg-gray-900",
-      rounded: "rounded-md",
-      shadow: "shadow-sm"
-    },
-    tab: {
-      base: "relative inline-flex items-center justify-center flex-shrink-0 w-full ui-focus-visible:outline-0 ui-focus-visible:ring-2 ui-focus-visible:ring-primary-500 dark:ui-focus-visible:ring-primary-400 ui-not-focus-visible:outline-none focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 transition-colors duration-200 ease-out",
-      background: "",
-      active: "text-gray-900 dark:text-white",
-      inactive: "text-gray-500 dark:text-gray-400",
-      height: "h-8",
-      padding: "px-3",
-      size: "text-sm",
-      font: "font-medium",
-      rounded: "rounded-md",
-      shadow: "",
-      icon: "w-4 h-4 flex-shrink-0 mr-2"
-    }
-  }
-};

package/dist/runtime/ui.config/navigation/verticalNavigation.d.ts

@@ -1,34 +0,0 @@
-declare const _default: {
-    wrapper: string;
-    base: string;
-    ring: string;
-    padding: string;
-    width: string;
-    rounded: string;
-    font: string;
-    size: string;
-    active: string;
-    inactive: string;
-    label: string;
-    icon: {
-        base: string;
-        active: string;
-        inactive: string;
-    };
-    avatar: {
-        base: string;
-        size: "2xs";
-    };
-    badge: {
-        base: string;
-        color: "gray";
-        variant: "solid";
-        size: "xs";
-    };
-    divider: {
-        wrapper: {
-            base: string;
-        };
-    };
-};
-export default _default;

package/dist/runtime/ui.config/navigation/verticalNavigation.js

@@ -1,33 +0,0 @@
-export default {
-  wrapper: "relative",
-  base: "group relative flex items-center gap-1.5 focus:outline-none focus-visible:outline-none dark:focus-visible:outline-none focus-visible:before:ring-inset focus-visible:before:ring-1 focus-visible:before:ring-primary-500 dark:focus-visible:before:ring-primary-400 before:absolute before:inset-px before:rounded-md disabled:cursor-not-allowed disabled:opacity-75",
-  ring: "focus-visible:ring-inset focus-visible:ring-2 focus-visible:ring-primary-500 dark:focus-visible:ring-primary-400",
-  padding: "px-2.5 py-1.5",
-  width: "w-full",
-  rounded: "rounded-md",
-  font: "font-medium",
-  size: "text-sm",
-  active: "text-gray-900 dark:text-white before:bg-gray-100 dark:before:bg-gray-800",
-  inactive: "text-gray-500 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white hover:before:bg-gray-50 dark:hover:before:bg-gray-800/50",
-  label: "truncate relative",
-  icon: {
-    base: "flex-shrink-0 w-5 h-5 relative",
-    active: "text-gray-700 dark:text-gray-200",
-    inactive: "text-gray-400 dark:text-gray-500 group-hover:text-gray-700 dark:group-hover:text-gray-200"
-  },
-  avatar: {
-    base: "flex-shrink-0",
-    size: "2xs"
-  },
-  badge: {
-    base: "flex-shrink-0 ml-auto relative rounded",
-    color: "gray",
-    variant: "solid",
-    size: "xs"
-  },
-  divider: {
-    wrapper: {
-      base: "p-2"
-    }
-  }
-};

package/dist/runtime/ui.config/overlays/contextMenu.d.ts

@@ -1,31 +0,0 @@
-declare const _default: {
-    wrapper: string;
-    container: string;
-    width: string;
-    background: string;
-    shadow: string;
-    rounded: string;
-    ring: string;
-    base: string;
-    transition: {
-        enterActiveClass: string;
-        enterFromClass: string;
-        enterToClass: string;
-        leaveActiveClass: string;
-        leaveFromClass: string;
-        leaveToClass: string;
-    };
-    popper: {
-        placement: string;
-        scroll: boolean;
-    };
-    arrow: {
-        base: string;
-        ring: string;
-        rounded: string;
-        background: string;
-        shadow: string;
-        placement: string;
-    };
-};
-export default _default;

package/dist/runtime/ui.config/overlays/contextMenu.js

@@ -1,25 +0,0 @@
-import { arrow } from "../popper.js";
-export default {
-  wrapper: "relative",
-  container: "z-20 group",
-  width: "",
-  background: "bg-white dark:bg-gray-900",
-  shadow: "shadow-lg",
-  rounded: "rounded-md",
-  ring: "ring-1 ring-gray-200 dark:ring-gray-800",
-  base: "overflow-hidden focus:outline-none relative",
-  // Syntax for `<Transition>` component https://vuejs.org/guide/built-ins/transition.html#css-based-transitions
-  transition: {
-    enterActiveClass: "transition ease-out duration-200",
-    enterFromClass: "opacity-0 translate-y-1",
-    enterToClass: "opacity-100 translate-y-0",
-    leaveActiveClass: "transition ease-in duration-150",
-    leaveFromClass: "opacity-100 translate-y-0",
-    leaveToClass: "opacity-0 translate-y-1"
-  },
-  popper: {
-    placement: "bottom-start",
-    scroll: false
-  },
-  arrow
-};

package/dist/runtime/ui.config/overlays/modal.d.ts

@@ -1,36 +0,0 @@
-declare const _default: {
-    wrapper: string;
-    inner: string;
-    container: string;
-    padding: string;
-    margin: string;
-    base: string;
-    overlay: {
-        base: string;
-        background: string;
-        transition: {
-            enter: string;
-            enterFrom: string;
-            enterTo: string;
-            leave: string;
-            leaveFrom: string;
-            leaveTo: string;
-        };
-    };
-    background: string;
-    ring: string;
-    rounded: string;
-    shadow: string;
-    width: string;
-    height: string;
-    fullscreen: string;
-    transition: {
-        enter: string;
-        enterFrom: string;
-        enterTo: string;
-        leave: string;
-        leaveFrom: string;
-        leaveTo: string;
-    };
-};
-export default _default;

package/dist/runtime/ui.config/overlays/modal.js

@@ -1,37 +0,0 @@
-export default {
-  wrapper: "relative z-50",
-  inner: "fixed inset-0 overflow-y-auto",
-  container: "flex min-h-full items-end sm:items-center justify-center text-center",
-  padding: "p-4 sm:p-0",
-  margin: "sm:my-8",
-  base: "relative text-left rtl:text-right flex flex-col",
-  overlay: {
-    base: "fixed inset-0 transition-opacity",
-    background: "bg-gray-200/75 dark:bg-gray-800/75",
-    // Syntax for `<TransitionRoot>` component https://headlessui.com/v1/vue/transition#basic-example
-    transition: {
-      enter: "ease-out duration-300",
-      enterFrom: "opacity-0",
-      enterTo: "opacity-100",
-      leave: "ease-in duration-200",
-      leaveFrom: "opacity-100",
-      leaveTo: "opacity-0"
-    }
-  },
-  background: "bg-white dark:bg-gray-900",
-  ring: "",
-  rounded: "rounded-lg",
-  shadow: "shadow-xl",
-  width: "w-full sm:max-w-lg",
-  height: "",
-  fullscreen: "w-screen h-screen",
-  // Syntax for `<TransitionRoot>` component https://headlessui.com/v1/vue/transition#basic-example
-  transition: {
-    enter: "ease-out duration-300",
-    enterFrom: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
-    enterTo: "opacity-100 translate-y-0 sm:scale-100",
-    leave: "ease-in duration-200",
-    leaveFrom: "opacity-100 translate-y-0 sm:scale-100",
-    leaveTo: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
-  }
-};