@nuxt/ui 2.9.0 → 2.11.0

package/dist/runtime/ui.config/forms/selectMenu.d.ts

@@ -0,0 +1,63 @@
+declare const _default: {
+    container: string;
+    width: string;
+    height: string;
+    base: string;
+    background: string;
+    shadow: string;
+    rounded: string;
+    padding: string;
+    ring: string;
+    input: string;
+    option: {
+        base: string;
+        rounded: string;
+        padding: string;
+        size: string;
+        color: string;
+        container: string;
+        active: string;
+        inactive: string;
+        selected: string;
+        disabled: string;
+        empty: string;
+        icon: {
+            base: string;
+            active: string;
+            inactive: string;
+        };
+        selectedIcon: {
+            wrapper: string;
+            padding: string;
+            base: string;
+        };
+        avatar: {
+            base: string;
+            size: string;
+        };
+        chip: {
+            base: string;
+        };
+    };
+    transition: {
+        leaveActiveClass: string;
+        leaveFromClass: string;
+        leaveToClass: string;
+    };
+    popper: {
+        placement: string;
+    };
+    default: {
+        selectedIcon: string;
+        clearOnClose: boolean;
+    };
+    arrow: {
+        ring: string;
+        background: string;
+        base: string;
+        rounded: string;
+        shadow: string;
+        placement: string;
+    };
+};
+export default _default;

package/dist/runtime/ui.config/forms/selectMenu.mjs

@@ -0,0 +1,61 @@
+import _popperArrow from "../_popperArrow.mjs";
+export default {
+  container: "z-20 group",
+  width: "w-full",
+  height: "max-h-60",
+  base: "relative focus:outline-none overflow-y-auto scroll-py-1",
+  background: "bg-white dark:bg-gray-800",
+  shadow: "shadow-lg",
+  rounded: "rounded-md",
+  padding: "p-1",
+  ring: "ring-1 ring-gray-200 dark:ring-gray-700",
+  input: "block w-[calc(100%+0.5rem)] focus:ring-transparent text-sm px-3 py-1.5 text-gray-700 dark:text-gray-200 bg-white dark:bg-gray-800 border-0 border-b border-gray-200 dark:border-gray-700 focus:border-inherit sticky -top-1 -mt-1 mb-1 -mx-1 z-10 placeholder-gray-400 dark:placeholder-gray-500 focus:outline-none",
+  option: {
+    base: "cursor-default select-none relative flex items-center justify-between gap-1",
+    rounded: "rounded-md",
+    padding: "px-2 py-1.5",
+    size: "text-sm",
+    color: "text-gray-900 dark:text-white",
+    container: "flex items-center gap-2 min-w-0",
+    active: "bg-gray-100 dark:bg-gray-900",
+    inactive: "",
+    selected: "pe-7",
+    disabled: "cursor-not-allowed opacity-50",
+    empty: "text-sm text-gray-400 dark:text-gray-500 px-2 py-1.5",
+    icon: {
+      base: "flex-shrink-0 h-4 w-4",
+      active: "text-gray-900 dark:text-white",
+      inactive: "text-gray-400 dark:text-gray-500"
+    },
+    selectedIcon: {
+      wrapper: "absolute inset-y-0 end-0 flex items-center",
+      padding: "pe-2",
+      base: "h-4 w-4 text-gray-900 dark:text-white flex-shrink-0"
+    },
+    avatar: {
+      base: "flex-shrink-0",
+      size: "3xs"
+    },
+    chip: {
+      base: "flex-shrink-0 w-2 h-2 mx-1 rounded-full"
+    }
+  },
+  // Syntax for `<Transition>` component https://vuejs.org/guide/built-ins/transition.html#css-based-transitions
+  transition: {
+    leaveActiveClass: "transition ease-in duration-100",
+    leaveFromClass: "opacity-100",
+    leaveToClass: "opacity-0"
+  },
+  popper: {
+    placement: "bottom-end"
+  },
+  default: {
+    selectedIcon: "i-heroicons-check-20-solid",
+    clearOnClose: false
+  },
+  arrow: {
+    ..._popperArrow,
+    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/forms/textarea.d.ts

@@ -0,0 +1,104 @@
+declare const _default: {
+    default: {
+        size: string;
+        color: string;
+        variant: string;
+    };
+    wrapper: string;
+    base: string;
+    rounded: string;
+    placeholder: 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;
+    };
+    leading: {
+        padding: {
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+        };
+    };
+    trailing: {
+        padding: {
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+        };
+    };
+    color: {
+        white: {
+            outline: string;
+        };
+        gray: {
+            outline: string;
+        };
+    };
+    variant: {
+        outline: string;
+        none: string;
+    };
+    icon: {
+        base: string;
+        color: string;
+        size: {
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+        };
+        leading: {
+            wrapper: string;
+            pointer: string;
+            padding: {
+                '2xs': string;
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+                xl: string;
+            };
+        };
+        trailing: {
+            wrapper: string;
+            pointer: string;
+            padding: {
+                '2xs': string;
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+                xl: string;
+            };
+        };
+    };
+};
+export default _default;

package/dist/runtime/ui.config/forms/textarea.mjs

@@ -0,0 +1,9 @@
+import input from "./input.mjs";
+export default {
+  ...input,
+  default: {
+    size: "sm",
+    color: "white",
+    variant: "outline"
+  }
+};

package/dist/runtime/ui.config/forms/toggle.d.ts

@@ -0,0 +1,61 @@
+declare const _default: {
+    base: string;
+    rounded: string;
+    ring: string;
+    active: string;
+    inactive: string;
+    size: {
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+    };
+    container: {
+        base: string;
+        active: {
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            '2xl': string;
+        };
+        inactive: string;
+        size: {
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            '2xl': string;
+        };
+    };
+    icon: {
+        base: string;
+        active: string;
+        inactive: string;
+        size: {
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            '2xl': string;
+        };
+        on: string;
+        off: string;
+    };
+    default: {
+        onIcon: null;
+        offIcon: null;
+        color: string;
+        size: string;
+    };
+};
+export default _default;

package/dist/runtime/ui.config/forms/toggle.mjs

@@ -0,0 +1,60 @@
+export default {
+  base: "relative inline-flex flex-shrink-0 border-2 border-transparent disabled:cursor-not-allowed disabled:opacity-50 focus:outline-none",
+  rounded: "rounded-full",
+  ring: "focus-visible:ring-2 focus-visible:ring-{color}-500 dark:focus-visible:ring-{color}-400 focus-visible:ring-offset-2 focus-visible:ring-offset-white dark:focus-visible:ring-offset-gray-900",
+  active: "bg-{color}-500 dark:bg-{color}-400",
+  inactive: "bg-gray-200 dark:bg-gray-700",
+  size: {
+    "2xs": "h-3 w-5",
+    xs: "h-3.5 w-6",
+    sm: "h-4 w-7",
+    md: "h-5 w-9",
+    lg: "h-6 w-11",
+    xl: "h-7 w-[3.25rem]",
+    "2xl": "h-8 w-[3.75rem]"
+  },
+  container: {
+    base: "pointer-events-none relative inline-block rounded-full bg-white dark:bg-gray-900 shadow transform ring-0 transition ease-in-out duration-200",
+    active: {
+      "2xs": "translate-x-2 rtl:-translate-x-2",
+      xs: "translate-x-2.5 rtl:-translate-x-2.5",
+      sm: "translate-x-3 rtl:-translate-x-3",
+      md: "translate-x-4 rtl:-translate-x-4",
+      lg: "translate-x-5 rtl:-translate-x-5",
+      xl: "translate-x-6 rtl:-translate-x-6",
+      "2xl": "translate-x-7 rtl:-translate-x-7"
+    },
+    inactive: "translate-x-0 rtl:-translate-x-0",
+    size: {
+      "2xs": "h-2 w-2",
+      xs: "h-2.5 w-2.5",
+      sm: "h-3 w-3",
+      md: "h-4 w-4",
+      lg: "h-5 w-5",
+      xl: "h-6 w-6",
+      "2xl": "h-7 w-7"
+    }
+  },
+  icon: {
+    base: "absolute inset-0 h-full w-full flex items-center justify-center transition-opacity",
+    active: "opacity-100 ease-in duration-200",
+    inactive: "opacity-0 ease-out duration-100",
+    size: {
+      "2xs": "h-2 w-2",
+      xs: "h-2 w-2",
+      sm: "h-2 w-2",
+      md: "h-3 w-3",
+      lg: "h-4 w-4",
+      xl: "h-5 w-5",
+      "2xl": "h-6 w-6"
+    },
+    on: "text-{color}-500 dark:text-{color}-400",
+    off: "text-gray-400 dark:text-gray-500"
+  },
+  default: {
+    onIcon: null,
+    offIcon: null,
+    color: "primary",
+    size: "md"
+  }
+};

package/dist/runtime/ui.config/index.d.ts

@@ -0,0 +1,40 @@
+export { default as table } from './data/table';
+export { default as avatar } from './elements/avatar';
+export { default as avatarGroup } from './elements/avatarGroup';
+export { default as badge } from './elements/badge';
+export { default as button } from './elements/button';
+export { default as buttonGroup } from './elements/buttonGroup';
+export { default as chip } from './elements/chip';
+export { default as dropdown } from './elements/dropdown';
+export { default as accordion } from './elements/accordion';
+export { default as alert } from './elements/alert';
+export { default as kbd } from './elements/kbd';
+export { default as progress } from './elements/progress';
+export { default as meter } from './elements/meter';
+export { default as meterGroup } from './elements/meterGroup';
+export { default as input } from './forms/input';
+export { default as formGroup } from './forms/formGroup';
+export { default as textarea } from './forms/textarea';
+export { default as select } from './forms/select';
+export { default as selectMenu } from './forms/selectMenu';
+export { default as radioGroup } from './forms/radioGroup';
+export { default as radio } from './forms/radio';
+export { default as checkbox } from './forms/checkbox';
+export { default as toggle } from './forms/toggle';
+export { default as range } from './forms/range';
+export { default as card } from './layout/card';
+export { default as container } from './layout/container';
+export { default as skeleton } from './layout/skeleton';
+export { default as divider } from './layout/divider';
+export { default as verticalNavigation } from './navigation/verticalNavigation';
+export { default as commandPalette } from './navigation/commandPalette';
+export { default as pagination } from './navigation/pagination';
+export { default as tabs } from './navigation/tabs';
+export { default as breadcrumb } from './navigation/breadcrumb';
+export { default as modal } from './overlays/modal';
+export { default as slideover } from './overlays/slideover';
+export { default as tooltip } from './overlays/tooltip';
+export { default as popover } from './overlays/popover';
+export { default as contextMenu } from './overlays/contextMenu';
+export { default as notification } from './overlays/notification';
+export { default as notifications } from './overlays/notifications';

package/dist/runtime/ui.config/index.mjs

@@ -0,0 +1,40 @@
+export { default as table } from "./data/table.mjs";
+export { default as avatar } from "./elements/avatar.mjs";
+export { default as avatarGroup } from "./elements/avatarGroup.mjs";
+export { default as badge } from "./elements/badge.mjs";
+export { default as button } from "./elements/button.mjs";
+export { default as buttonGroup } from "./elements/buttonGroup.mjs";
+export { default as chip } from "./elements/chip.mjs";
+export { default as dropdown } from "./elements/dropdown.mjs";
+export { default as accordion } from "./elements/accordion.mjs";
+export { default as alert } from "./elements/alert.mjs";
+export { default as kbd } from "./elements/kbd.mjs";
+export { default as progress } from "./elements/progress.mjs";
+export { default as meter } from "./elements/meter.mjs";
+export { default as meterGroup } from "./elements/meterGroup.mjs";
+export { default as input } from "./forms/input.mjs";
+export { default as formGroup } from "./forms/formGroup.mjs";
+export { default as textarea } from "./forms/textarea.mjs";
+export { default as select } from "./forms/select.mjs";
+export { default as selectMenu } from "./forms/selectMenu.mjs";
+export { default as radioGroup } from "./forms/radioGroup.mjs";
+export { default as radio } from "./forms/radio.mjs";
+export { default as checkbox } from "./forms/checkbox.mjs";
+export { default as toggle } from "./forms/toggle.mjs";
+export { default as range } from "./forms/range.mjs";
+export { default as card } from "./layout/card.mjs";
+export { default as container } from "./layout/container.mjs";
+export { default as skeleton } from "./layout/skeleton.mjs";
+export { default as divider } from "./layout/divider.mjs";
+export { default as verticalNavigation } from "./navigation/verticalNavigation.mjs";
+export { default as commandPalette } from "./navigation/commandPalette.mjs";
+export { default as pagination } from "./navigation/pagination.mjs";
+export { default as tabs } from "./navigation/tabs.mjs";
+export { default as breadcrumb } from "./navigation/breadcrumb.mjs";
+export { default as modal } from "./overlays/modal.mjs";
+export { default as slideover } from "./overlays/slideover.mjs";
+export { default as tooltip } from "./overlays/tooltip.mjs";
+export { default as popover } from "./overlays/popover.mjs";
+export { default as contextMenu } from "./overlays/contextMenu.mjs";
+export { default as notification } from "./overlays/notification.mjs";
+export { default as notifications } from "./overlays/notifications.mjs";

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

@@ -0,0 +1,24 @@
+declare const _default: {
+    base: string;
+    background: string;
+    divide: string;
+    ring: string;
+    rounded: string;
+    shadow: string;
+    body: {
+        base: string;
+        background: string;
+        padding: string;
+    };
+    header: {
+        base: string;
+        background: string;
+        padding: string;
+    };
+    footer: {
+        base: string;
+        background: string;
+        padding: string;
+    };
+};
+export default _default;

package/dist/runtime/ui.config/layout/card.mjs

@@ -0,0 +1,23 @@
+export default {
+  base: "overflow-hidden",
+  background: "bg-white dark:bg-gray-900",
+  divide: "divide-y divide-gray-200 dark:divide-gray-800",
+  ring: "ring-1 ring-gray-200 dark:ring-gray-800",
+  rounded: "rounded-lg",
+  shadow: "shadow",
+  body: {
+    base: "",
+    background: "",
+    padding: "px-4 py-5 sm:p-6"
+  },
+  header: {
+    base: "",
+    background: "",
+    padding: "px-4 py-5 sm:px-6"
+  },
+  footer: {
+    base: "",
+    background: "",
+    padding: "px-4 py-4 sm:px-6"
+  }
+};

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

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

package/dist/runtime/ui.config/layout/container.mjs

@@ -0,0 +1,5 @@
+export default {
+  base: "mx-auto",
+  padding: "px-4 sm:px-6 lg:px-8",
+  constrained: "max-w-7xl"
+};

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

@@ -0,0 +1,30 @@
+declare const _default: {
+    wrapper: {
+        base: string;
+        horizontal: string;
+        vertical: string;
+    };
+    container: {
+        base: string;
+        horizontal: string;
+        vertical: string;
+    };
+    border: {
+        base: string;
+        horizontal: string;
+        vertical: string;
+        size: {
+            horizontal: string;
+            vertical: string;
+        };
+    };
+    icon: {
+        base: string;
+    };
+    avatar: {
+        base: string;
+        size: string;
+    };
+    label: string;
+};
+export default _default;

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

@@ -0,0 +1,29 @@
+export default {
+  wrapper: {
+    base: "flex items-center align-center text-center w-full",
+    horizontal: "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: "border-t",
+      vertical: "border-s"
+    }
+  },
+  icon: {
+    base: "flex-shrink-0 w-5 h-5"
+  },
+  avatar: {
+    base: "flex-shrink-0",
+    size: "2xs"
+  },
+  label: "text-sm"
+};

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

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

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

@@ -0,0 +1,5 @@
+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

@@ -0,0 +1,20 @@
+declare const _default: {
+    wrapper: string;
+    ol: string;
+    li: string;
+    base: 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.mjs

@@ -0,0 +1,19 @@
+export default {
+  wrapper: "relative",
+  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",
+  base: "flex items-center gap-x-1.5 group font-semibold",
+  icon: {
+    base: "flex-shrink-0 w-4 h-4",
+    active: "",
+    inactive: ""
+  },
+  divider: {
+    base: "flex-shrink-0 w-5 h-5"
+  },
+  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"
+  }
+};