@nuxt/ui 2.18.3 → 3.0.0-alpha.0

package/dist/runtime/ui.config/data/table.js

@@ -1,80 +0,0 @@
-export default {
-  wrapper: "relative overflow-x-auto",
-  base: "min-w-full table-fixed",
-  divide: "divide-y divide-gray-300 dark:divide-gray-700",
-  thead: "relative",
-  tbody: "divide-y divide-gray-200 dark:divide-gray-800",
-  caption: "sr-only",
-  tr: {
-    base: "",
-    selected: "bg-gray-50 dark:bg-gray-800/50",
-    active: "hover:bg-gray-50 dark:hover:bg-gray-800/50 cursor-pointer"
-  },
-  th: {
-    base: "text-left rtl:text-right",
-    padding: "px-4 py-3.5",
-    color: "text-gray-900 dark:text-white",
-    font: "font-semibold",
-    size: "text-sm"
-  },
-  td: {
-    base: "whitespace-nowrap",
-    padding: "px-4 py-4",
-    color: "text-gray-500 dark:text-gray-400",
-    font: "",
-    size: "text-sm"
-  },
-  checkbox: {
-    padding: "ps-4"
-  },
-  loadingState: {
-    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",
-    icon: "w-6 h-6 mx-auto text-gray-400 dark:text-gray-500 mb-4 animate-spin"
-  },
-  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",
-    icon: "w-6 h-6 mx-auto text-gray-400 dark:text-gray-500 mb-4"
-  },
-  expand: {
-    icon: "transform transition-transform duration-200"
-  },
-  progress: {
-    wrapper: "absolute inset-x-0 -bottom-[0.5px] p-0"
-  },
-  default: {
-    sortAscIcon: "i-heroicons-bars-arrow-up-20-solid",
-    sortDescIcon: "i-heroicons-bars-arrow-down-20-solid",
-    sortButton: {
-      icon: "i-heroicons-arrows-up-down-20-solid",
-      trailing: true,
-      square: true,
-      color: "gray",
-      variant: "ghost",
-      class: "-m-1.5"
-    },
-    expandButton: {
-      icon: "i-heroicons-chevron-down",
-      color: "gray",
-      variant: "ghost",
-      size: "xs",
-      class: "-my-1.5 align-middle"
-    },
-    checkbox: {
-      color: "primary"
-    },
-    progress: {
-      color: "primary",
-      animation: "carousel"
-    },
-    loadingState: {
-      icon: "i-heroicons-arrow-path-20-solid",
-      label: "Loading..."
-    },
-    emptyState: {
-      icon: "i-heroicons-circle-stack-20-solid",
-      label: "No items."
-    }
-  }
-};

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

@@ -1,23 +0,0 @@
-declare const _default: {
-    wrapper: string;
-    container: string;
-    item: {
-        base: string;
-        size: string;
-        color: string;
-        padding: string;
-        icon: string;
-    };
-    transition: {
-        enterActiveClass: string;
-        leaveActiveClass: string;
-    };
-    default: {
-        openIcon: string;
-        closeIcon: string;
-        class: string;
-        variant: "soft";
-        truncate: boolean;
-    };
-};
-export default _default;

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

@@ -1,22 +0,0 @@
-export default {
-  wrapper: "w-full flex flex-col",
-  container: "w-full flex flex-col",
-  item: {
-    base: "",
-    size: "text-sm",
-    color: "text-gray-500 dark:text-gray-400",
-    padding: "pt-1.5 pb-3",
-    icon: "ms-auto transform transition-transform duration-200 flex-shrink-0"
-  },
-  transition: {
-    enterActiveClass: "overflow-hidden transition-[height] duration-200 ease-out",
-    leaveActiveClass: "overflow-hidden transition-[height] duration-200 ease-out"
-  },
-  default: {
-    openIcon: "i-heroicons-chevron-down-20-solid",
-    closeIcon: "",
-    class: "mb-1.5 w-full",
-    variant: "soft",
-    truncate: true
-  }
-};

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

@@ -1,41 +0,0 @@
-declare const _default: {
-    wrapper: string;
-    inner: string;
-    title: string;
-    description: string;
-    actions: string;
-    shadow: string;
-    rounded: string;
-    padding: string;
-    gap: string;
-    icon: {
-        base: string;
-    };
-    avatar: {
-        base: string;
-        size: "md";
-    };
-    color: {
-        white: {
-            solid: string;
-        };
-    };
-    variant: {
-        solid: string;
-        outline: string;
-        soft: string;
-        subtle: string;
-    };
-    default: {
-        color: string;
-        variant: string;
-        icon: any;
-        closeButton: any;
-        actionButton: {
-            size: "xs";
-            color: "primary";
-            variant: "link";
-        };
-    };
-};
-export default _default;

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

@@ -1,40 +0,0 @@
-export default {
-  wrapper: "w-full relative overflow-hidden",
-  inner: "w-0 flex-1",
-  title: "text-sm font-medium",
-  description: "mt-1 text-sm leading-4 opacity-90",
-  actions: "flex items-center gap-2 mt-3 flex-shrink-0",
-  shadow: "",
-  rounded: "rounded-lg",
-  padding: "p-4",
-  gap: "gap-3",
-  icon: {
-    base: "flex-shrink-0 w-5 h-5"
-  },
-  avatar: {
-    base: "flex-shrink-0 self-center",
-    size: "md"
-  },
-  color: {
-    white: {
-      solid: "text-gray-900 dark:text-white bg-white dark:bg-gray-900 ring-1 ring-gray-200 dark:ring-gray-800"
-    }
-  },
-  variant: {
-    solid: "bg-{color}-500 dark:bg-{color}-400 text-white dark:text-gray-900",
-    outline: "text-{color}-500 dark:text-{color}-400 ring-1 ring-inset ring-{color}-500 dark:ring-{color}-400",
-    soft: "bg-{color}-50 dark:bg-{color}-400 dark:bg-opacity-10 text-{color}-500 dark:text-{color}-400",
-    subtle: "bg-{color}-50 dark:bg-{color}-400 dark:bg-opacity-10 text-{color}-500 dark:text-{color}-400 ring-1 ring-inset ring-{color}-500 dark:ring-{color}-400 ring-opacity-25 dark:ring-opacity-25"
-  },
-  default: {
-    color: "white",
-    variant: "solid",
-    icon: null,
-    closeButton: null,
-    actionButton: {
-      size: "xs",
-      color: "primary",
-      variant: "link"
-    }
-  }
-};

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

@@ -1,60 +0,0 @@
-declare const _default: {
-    wrapper: string;
-    background: string;
-    rounded: string;
-    text: string;
-    placeholder: string;
-    size: {
-        '3xs': string;
-        '2xs': string;
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-        '2xl': string;
-        '3xl': string;
-    };
-    chip: {
-        base: string;
-        background: string;
-        position: {
-            '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;
-        };
-    };
-    icon: {
-        base: string;
-        size: {
-            '3xs': string;
-            '2xs': string;
-            xs: string;
-            sm: string;
-            md: string;
-            lg: string;
-            xl: string;
-            '2xl': string;
-            '3xl': string;
-        };
-    };
-    default: {
-        size: string;
-        icon: any;
-        chipColor: any;
-        chipPosition: string;
-    };
-};
-export default _default;

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

@@ -1,59 +0,0 @@
-export default {
-  wrapper: "relative inline-flex items-center justify-center flex-shrink-0",
-  background: "bg-gray-100 dark:bg-gray-800",
-  rounded: "rounded-full",
-  text: "font-medium leading-none text-gray-900 dark:text-white truncate",
-  placeholder: "font-medium leading-none text-gray-500 dark:text-gray-400 truncate",
-  size: {
-    "3xs": "h-4 w-4 text-[8px]",
-    "2xs": "h-5 w-5 text-[10px]",
-    xs: "h-6 w-6 text-xs",
-    sm: "h-8 w-8 text-sm",
-    md: "h-10 w-10 text-base",
-    lg: "h-12 w-12 text-lg",
-    xl: "h-14 w-14 text-xl",
-    "2xl": "h-16 w-16 text-2xl",
-    "3xl": "h-20 w-20 text-3xl"
-  },
-  chip: {
-    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",
-    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"
-    },
-    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"
-    }
-  },
-  icon: {
-    base: "text-gray-500 dark:text-gray-400 flex-shrink-0",
-    size: {
-      "3xs": "h-2 w-2",
-      "2xs": "h-2.5 w-2.5",
-      xs: "h-3 w-3",
-      sm: "h-4 w-4",
-      md: "h-5 w-5",
-      lg: "h-6 w-6",
-      xl: "h-7 w-7",
-      "2xl": "h-8 w-8",
-      "3xl": "h-10 w-10"
-    }
-  },
-  default: {
-    size: "sm",
-    icon: null,
-    chipColor: null,
-    chipPosition: "top-right"
-  }
-};

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

@@ -1,6 +0,0 @@
-declare const _default: {
-    wrapper: string;
-    ring: string;
-    margin: string;
-};
-export default _default;

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

@@ -1,5 +0,0 @@
-export default {
-  wrapper: "inline-flex flex-row-reverse justify-end",
-  ring: "ring-2 ring-white dark:ring-gray-900",
-  margin: "-me-1.5 first:me-0"
-};

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

@@ -1,34 +0,0 @@
-declare const _default: {
-    base: string;
-    rounded: string;
-    font: string;
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-    };
-    color: {
-        white: {
-            solid: string;
-        };
-        gray: {
-            solid: string;
-        };
-        black: {
-            solid: string;
-        };
-    };
-    variant: {
-        solid: string;
-        outline: string;
-        soft: string;
-        subtle: string;
-    };
-    default: {
-        size: string;
-        variant: string;
-        color: string;
-    };
-};
-export default _default;

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

@@ -1,33 +0,0 @@
-export default {
-  base: "inline-flex items-center",
-  rounded: "rounded-md",
-  font: "font-medium",
-  size: {
-    xs: "text-xs px-1.5 py-0.5",
-    sm: "text-xs px-2 py-1",
-    md: "text-sm px-2 py-1",
-    lg: "text-sm px-2.5 py-1.5"
-  },
-  color: {
-    white: {
-      solid: "ring-1 ring-inset ring-gray-300 dark:ring-gray-700 text-gray-900 dark:text-white bg-white dark:bg-gray-900"
-    },
-    gray: {
-      solid: "ring-1 ring-inset ring-gray-300 dark:ring-gray-700 text-gray-700 dark:text-gray-200 bg-gray-50 dark:bg-gray-800"
-    },
-    black: {
-      solid: "text-white dark:text-gray-900 bg-gray-900 dark:bg-white"
-    }
-  },
-  variant: {
-    solid: "bg-{color}-500 dark:bg-{color}-400 text-white dark:text-gray-900",
-    outline: "text-{color}-500 dark:text-{color}-400 ring-1 ring-inset ring-{color}-500 dark:ring-{color}-400",
-    soft: "bg-{color}-50 dark:bg-{color}-400 dark:bg-opacity-10 text-{color}-500 dark:text-{color}-400",
-    subtle: "bg-{color}-50 dark:bg-{color}-400 dark:bg-opacity-10 text-{color}-500 dark:text-{color}-400 ring-1 ring-inset ring-{color}-500 dark:ring-{color}-400 ring-opacity-25 dark:ring-opacity-25"
-  },
-  default: {
-    size: "sm",
-    variant: "solid",
-    color: "primary"
-  }
-};

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

@@ -1,81 +0,0 @@
-declare const _default: {
-    base: string;
-    font: string;
-    rounded: string;
-    truncate: string;
-    block: string;
-    inline: string;
-    size: {
-        '2xs': string;
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-    };
-    gap: {
-        '2xs': string;
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-    };
-    padding: {
-        '2xs': string;
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-    };
-    square: {
-        '2xs': string;
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-    };
-    color: {
-        white: {
-            solid: string;
-            ghost: string;
-        };
-        gray: {
-            solid: string;
-            ghost: string;
-            link: string;
-        };
-        black: {
-            solid: string;
-            link: string;
-        };
-    };
-    variant: {
-        solid: string;
-        outline: string;
-        soft: string;
-        ghost: string;
-        link: string;
-    };
-    icon: {
-        base: string;
-        loading: string;
-        size: {
-            '2xs': string;
-            xs: string;
-            sm: string;
-            md: string;
-            lg: string;
-            xl: string;
-        };
-    };
-    default: {
-        size: string;
-        variant: string;
-        color: string;
-        loadingIcon: string;
-    };
-};
-export default _default;

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

@@ -1,80 +0,0 @@
-export default {
-  base: "focus:outline-none focus-visible:outline-0 disabled:cursor-not-allowed disabled:opacity-75 flex-shrink-0",
-  font: "font-medium",
-  rounded: "rounded-md",
-  truncate: "text-left break-all line-clamp-1",
-  block: "w-full flex justify-center items-center",
-  inline: "inline-flex items-center",
-  size: {
-    "2xs": "text-xs",
-    xs: "text-xs",
-    sm: "text-sm",
-    md: "text-sm",
-    lg: "text-sm",
-    xl: "text-base"
-  },
-  gap: {
-    "2xs": "gap-x-1",
-    xs: "gap-x-1.5",
-    sm: "gap-x-1.5",
-    md: "gap-x-2",
-    lg: "gap-x-2.5",
-    xl: "gap-x-2.5"
-  },
-  padding: {
-    "2xs": "px-2 py-1",
-    xs: "px-2.5 py-1.5",
-    sm: "px-2.5 py-1.5",
-    md: "px-3 py-2",
-    lg: "px-3.5 py-2.5",
-    xl: "px-3.5 py-2.5"
-  },
-  square: {
-    "2xs": "p-1",
-    xs: "p-1.5",
-    sm: "p-1.5",
-    md: "p-2",
-    lg: "p-2.5",
-    xl: "p-2.5"
-  },
-  color: {
-    white: {
-      solid: "shadow-sm ring-1 ring-inset ring-gray-300 dark:ring-gray-700 text-gray-900 dark:text-white bg-white hover:bg-gray-50 disabled:bg-white dark:bg-gray-900 dark:hover:bg-gray-800/50 dark:disabled:bg-gray-900 focus-visible:ring-2 focus-visible:ring-primary-500 dark:focus-visible:ring-primary-400",
-      ghost: "text-gray-900 dark:text-white hover:bg-white dark:hover:bg-gray-900 focus-visible:ring-inset focus-visible:ring-2 focus-visible:ring-primary-500 dark:focus-visible:ring-primary-400"
-    },
-    gray: {
-      solid: "shadow-sm ring-1 ring-inset ring-gray-300 dark:ring-gray-700 text-gray-700 dark:text-gray-200 bg-gray-50 hover:bg-gray-100 disabled:bg-gray-50 dark:bg-gray-800 dark:hover:bg-gray-700/50 dark:disabled:bg-gray-800 focus-visible:ring-2 focus-visible:ring-primary-500 dark:focus-visible:ring-primary-400",
-      ghost: "text-gray-700 dark:text-gray-200 hover:text-gray-900 dark:hover:text-white hover:bg-gray-50 dark:hover:bg-gray-800 focus-visible:ring-inset focus-visible:ring-2 focus-visible:ring-primary-500 dark:focus-visible:ring-primary-400",
-      link: "text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-200 underline-offset-4 hover:underline focus-visible:ring-inset focus-visible:ring-2 focus-visible:ring-primary-500 dark:focus-visible:ring-primary-400"
-    },
-    black: {
-      solid: "shadow-sm text-white dark:text-gray-900 bg-gray-900 hover:bg-gray-800 disabled:bg-gray-900 dark:bg-white dark:hover:bg-gray-100 dark:disabled:bg-white focus-visible:ring-inset focus-visible:ring-2 focus-visible:ring-primary-500 dark:focus-visible:ring-primary-400",
-      link: "text-gray-900 dark:text-white underline-offset-4 hover:underline focus-visible:ring-inset focus-visible:ring-2 focus-visible:ring-primary-500 dark:focus-visible:ring-primary-400"
-    }
-  },
-  variant: {
-    solid: "shadow-sm text-white dark:text-gray-900 bg-{color}-500 hover:bg-{color}-600 disabled:bg-{color}-500 dark:bg-{color}-400 dark:hover:bg-{color}-500 dark:disabled:bg-{color}-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-{color}-500 dark:focus-visible:outline-{color}-400",
-    outline: "ring-1 ring-inset ring-current text-{color}-500 dark:text-{color}-400 hover:bg-{color}-50 disabled:bg-transparent dark:hover:bg-{color}-950 dark:disabled:bg-transparent focus-visible:ring-2 focus-visible:ring-{color}-500 dark:focus-visible:ring-{color}-400",
-    soft: "text-{color}-500 dark:text-{color}-400 bg-{color}-50 hover:bg-{color}-100 disabled:bg-{color}-50 dark:bg-{color}-950 dark:hover:bg-{color}-900 dark:disabled:bg-{color}-950 focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-{color}-500 dark:focus-visible:ring-{color}-400",
-    ghost: "text-{color}-500 dark:text-{color}-400 hover:bg-{color}-50 disabled:bg-transparent dark:hover:bg-{color}-950 dark:disabled:bg-transparent focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-{color}-500 dark:focus-visible:ring-{color}-400",
-    link: "text-{color}-500 hover:text-{color}-600 disabled:text-{color}-500 dark:text-{color}-400 dark:hover:text-{color}-500 dark:disabled:text-{color}-400 underline-offset-4 hover:underline focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-{color}-500 dark:focus-visible:ring-{color}-400"
-  },
-  icon: {
-    base: "flex-shrink-0",
-    loading: "animate-spin",
-    size: {
-      "2xs": "h-4 w-4",
-      xs: "h-4 w-4",
-      sm: "h-5 w-5",
-      md: "h-5 w-5",
-      lg: "h-5 w-5",
-      xl: "h-6 w-6"
-    }
-  },
-  default: {
-    size: "sm",
-    variant: "solid",
-    color: "primary",
-    loadingIcon: "i-heroicons-arrow-path-20-solid"
-  }
-};

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

@@ -1,101 +0,0 @@
-declare const _default: {
-    wrapper: {
-        horizontal: string;
-        vertical: string;
-    };
-    rounded: string;
-    shadow: string;
-    orientation: {
-        'rounded-none': {
-            horizontal: {
-                start: string;
-                end: string;
-            };
-            vertical: {
-                start: string;
-                end: string;
-            };
-        };
-        'rounded-sm': {
-            horizontal: {
-                start: string;
-                end: string;
-            };
-            vertical: {
-                start: string;
-                end: string;
-            };
-        };
-        rounded: {
-            horizontal: {
-                start: string;
-                end: string;
-            };
-            vertical: {
-                start: string;
-                end: string;
-            };
-        };
-        'rounded-md': {
-            horizontal: {
-                start: string;
-                end: string;
-            };
-            vertical: {
-                start: string;
-                end: string;
-            };
-        };
-        'rounded-lg': {
-            horizontal: {
-                start: string;
-                end: string;
-            };
-            vertical: {
-                start: string;
-                end: string;
-            };
-        };
-        'rounded-xl': {
-            horizontal: {
-                start: string;
-                end: string;
-            };
-            vertical: {
-                start: string;
-                end: string;
-            };
-        };
-        'rounded-2xl': {
-            horizontal: {
-                start: string;
-                end: string;
-            };
-            vertical: {
-                start: string;
-                end: string;
-            };
-        };
-        'rounded-3xl': {
-            horizontal: {
-                start: string;
-                end: string;
-            };
-            vertical: {
-                start: string;
-                end: string;
-            };
-        };
-        'rounded-full': {
-            horizontal: {
-                start: string;
-                end: string;
-            };
-            vertical: {
-                start: string;
-                end: string;
-            };
-        };
-    };
-};
-export default _default;