@eslamdevui/ui 3.2.0-beta.2 → 3.2.0

package/.nuxt/ui/alert.ts

@@ -15,11 +15,6 @@ const variant = [
   "subtle"
 ] as const
 
-const orientation = [
-  "horizontal",
-  "vertical"
-] as const
-
 export default {
   "slots": {
     "root": "relative overflow-hidden w-full rounded-lg p-4 flex gap-2.5",

package/.nuxt/ui/badge.ts

@@ -1,8 +1,3 @@
-const buttonGroup = [
-  "horizontal",
-  "vertical"
-] as const
-
 const color = [
   "primary",
   "secondary",

package/.nuxt/ui/button-group.ts

@@ -1,16 +1,3 @@
-const size = [
-  "xs",
-  "sm",
-  "md",
-  "lg",
-  "xl"
-] as const
-
-const orientation = [
-  "horizontal",
-  "vertical"
-] as const
-
 export default {
   "base": "relative",
   "variants": {

package/.nuxt/ui/button.ts

@@ -1,8 +1,3 @@
-const buttonGroup = [
-  "horizontal",
-  "vertical"
-] as const
-
 const color = [
   "primary",
   "secondary",

package/.nuxt/ui/carousel.ts

@@ -1,8 +1,3 @@
-const orientation = [
-  "vertical",
-  "horizontal"
-] as const
-
 export default {
   "slots": {
     "root": "relative focus:outline-none",

package/.nuxt/ui/content-surround.ts

@@ -1,8 +1,3 @@
-const direction = [
-  "left",
-  "right"
-] as const
-
 export default {
   "slots": {
     "root": "grid grid-cols-1 sm:grid-cols-2 gap-8",

package/.nuxt/ui/dashboard-navbar.ts

@@ -1,8 +1,3 @@
-const toggleSide = [
-  "left",
-  "right"
-] as const
-
 export default {
   "slots": {
     "root": "h-(--ui-header-height) shrink-0 flex items-center justify-between border-b border-default px-4 sm:px-6 gap-1.5",

package/.nuxt/ui/dashboard-sidebar-collapse.ts

@@ -1,8 +1,3 @@
-const side = [
-  "left",
-  "right"
-] as const
-
 export default {
   "base": "hidden lg:flex",
   "variants": {

package/.nuxt/ui/dashboard-sidebar-toggle.ts

@@ -1,8 +1,3 @@
-const side = [
-  "left",
-  "right"
-] as const
-
 export default {
   "base": "lg:hidden",
   "variants": {

package/.nuxt/ui/dashboard-sidebar.ts

@@ -1,13 +1,3 @@
-const side = [
-  "left",
-  "right"
-] as const
-
-const toggleSide = [
-  "left",
-  "right"
-] as const
-
 export default {
   "slots": {
     "root": "relative hidden lg:flex flex-col min-h-svh min-w-16 w-(--width) shrink-0",

package/.nuxt/ui/index.ts

@@ -37,7 +37,6 @@ export { default as dashboardSidebarCollapse } from './dashboard-sidebar-collaps
 export { default as dashboardSidebarToggle } from './dashboard-sidebar-toggle'
 export { default as drawer } from './drawer'
 export { default as dropdownMenu } from './dropdown-menu'
-export { default as error } from './error'
 export { default as form } from './form'
 export { default as formField } from './form-field'
 export { default as input } from './input'
@@ -69,50 +68,4 @@ export { default as timeline } from './timeline'
 export { default as toast } from './toast'
 export { default as toaster } from './toaster'
 export { default as tooltip } from './tooltip'
-export { default as tree } from './tree'
-export { default as contentNavigation } from './content/content-navigation'
-export { default as contentSearch } from './content/content-search'
-export { default as contentSearchButton } from './content/content-search-button'
-export { default as contentSurround } from './content/content-surround'
-export { default as contentToc } from './content/content-toc'
-export { default as a } from './prose/a'
-export { default as accordion } from './prose/accordion'
-export { default as accordionItem } from './prose/accordion-item'
-export { default as badge } from './prose/badge'
-export { default as blockquote } from './prose/blockquote'
-export { default as callout } from './prose/callout'
-export { default as card } from './prose/card'
-export { default as cardGroup } from './prose/card-group'
-export { default as code } from './prose/code'
-export { default as codeCollapse } from './prose/code-collapse'
-export { default as codeGroup } from './prose/code-group'
-export { default as codeIcon } from './prose/code-icon'
-export { default as codePreview } from './prose/code-preview'
-export { default as codeTree } from './prose/code-tree'
-export { default as collapsible } from './prose/collapsible'
-export { default as em } from './prose/em'
-export { default as field } from './prose/field'
-export { default as fieldGroup } from './prose/field-group'
-export { default as h1 } from './prose/h1'
-export { default as h2 } from './prose/h2'
-export { default as h3 } from './prose/h3'
-export { default as h4 } from './prose/h4'
-export { default as hr } from './prose/hr'
-export { default as icon } from './prose/icon'
-export { default as img } from './prose/img'
-export { default as kbd } from './prose/kbd'
-export { default as li } from './prose/li'
-export { default as ol } from './prose/ol'
-export { default as p } from './prose/p'
-export { default as pre } from './prose/pre'
-export { default as steps } from './prose/steps'
-export { default as strong } from './prose/strong'
-export { default as table } from './prose/table'
-export { default as tabs } from './prose/tabs'
-export { default as tabsItem } from './prose/tabs-item'
-export { default as tbody } from './prose/tbody'
-export { default as td } from './prose/td'
-export { default as th } from './prose/th'
-export { default as thead } from './prose/thead'
-export { default as tr } from './prose/tr'
-export { default as ul } from './prose/ul'
+export { default as tree } from './tree'

package/.nuxt/ui/input-menu.ts

@@ -1,8 +1,3 @@
-const buttonGroup = [
-  "horizontal",
-  "vertical"
-] as const
-
 const size = [
   "xs",
   "sm",
@@ -29,10 +24,6 @@ const color = [
   "neutral"
 ] as const
 
-const type = [
-  "file"
-] as const
-
 export default {
   "slots": {
     "root": "relative inline-flex items-center",

package/.nuxt/ui/input-number.ts

@@ -1,8 +1,3 @@
-const buttonGroup = [
-  "horizontal",
-  "vertical"
-] as const
-
 const color = [
   "primary",
   "secondary",

package/.nuxt/ui/input-tags.ts

@@ -1,8 +1,3 @@
-const buttonGroup = [
-  "horizontal",
-  "vertical"
-] as const
-
 const size = [
   "xs",
   "sm",
@@ -29,10 +24,6 @@ const color = [
   "neutral"
 ] as const
 
-const type = [
-  "file"
-] as const
-
 export default {
   "slots": {
     "root": [

package/.nuxt/ui/input.ts

@@ -1,8 +1,3 @@
-const buttonGroup = [
-  "horizontal",
-  "vertical"
-] as const
-
 const size = [
   "xs",
   "sm",
@@ -29,10 +24,6 @@ const color = [
   "neutral"
 ] as const
 
-const type = [
-  "file"
-] as const
-
 export default {
   "slots": {
     "root": "relative inline-flex items-center",

package/.nuxt/ui/select-menu.ts

@@ -1,8 +1,3 @@
-const buttonGroup = [
-  "horizontal",
-  "vertical"
-] as const
-
 const size = [
   "xs",
   "sm",
@@ -29,10 +24,6 @@ const color = [
   "neutral"
 ] as const
 
-const type = [
-  "file"
-] as const
-
 export default {
   "slots": {
     "base": [

package/.nuxt/ui/select.ts

@@ -1,8 +1,3 @@
-const buttonGroup = [
-  "horizontal",
-  "vertical"
-] as const
-
 const size = [
   "xs",
   "sm",
@@ -29,10 +24,6 @@ const color = [
   "neutral"
 ] as const
 
-const type = [
-  "file"
-] as const
-
 export default {
   "slots": {
     "base": [

package/.nuxt/ui/textarea.ts

@@ -1,8 +1,3 @@
-const buttonGroup = [
-  "horizontal",
-  "vertical"
-] as const
-
 const size = [
   "xs",
   "sm",
@@ -29,10 +24,6 @@ const color = [
   "neutral"
 ] as const
 
-const type = [
-  "file"
-] as const
-
 export default {
   "slots": {
     "root": "relative inline-flex items-center",

package/.nuxt/ui/toast.ts

@@ -8,11 +8,6 @@ const color = [
   "neutral"
 ] as const
 
-const orientation = [
-  "horizontal",
-  "vertical"
-] as const
-
 export default {
   "slots": {
     "root": "relative group overflow-hidden bg-default shadow-lg rounded-lg ring ring-default p-4 flex gap-2.5 focus:outline-none",

package/LICENSE.md

@@ -1,9 +1,9 @@
-MIT License
-
-Copyright (c) 2023 NuxtLabs
-
-Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+MIT License
+
+Copyright (c) 2023 NuxtLabs
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/README.md

@@ -1,147 +1,147 @@
-<picture>
-  <source media="(prefers-color-scheme: dark)" srcset="https://github.com/user-attachments/assets/91ceab67-89ce-4ef4-8678-4402a92baca5">
-  <source media="(prefers-color-scheme: light)" srcset="https://github.com/user-attachments/assets/51526d6d-e5ec-41b4-aa37-242dec1cdb27">
-  <img alt="Nuxt UI" src="https://github.com/user-attachments/assets/51526d6d-e5ec-41b4-aa37-242dec1cdb27">
-</picture>
-
-# Nuxt UI
-
-[![npm version][npm-version-src]][npm-version-href]
-[![npm downloads][npm-downloads-src]][npm-downloads-href]
-[![License][license-src]][license-href]
-[![Nuxt][nuxt-src]][nuxt-href]
-
-Nuxt UI harnesses the combined strengths of [Reka UI](https://reka-ui.com/), [Tailwind CSS](https://tailwindcss.com/), and [Tailwind Variants](https://www.tailwind-variants.org/) to offer developers an unparalleled set of tools for creating sophisticated, accessible, and highly performant user interfaces.
-
-> [!NOTE]
-> You are on the `v3` development branch, check out the [v2 branch](https://github.com/nuxt/ui/tree/v2) for Nuxt UI v2.
-
-> [!TIP]
-> **Looking for more components ?**
-> Check out [Nuxt UI Pro](https://ui.nuxt.com/pro), a collection of premium Vue components, composables, and utilities built on top of Nuxt UI for faster and more powerful app development.
-
-## Documentation
-
-Visit https://ui.nuxt.com to explore the documentation.
-
-## Installation
-
-```bash [pnpm]
-pnpm add @eslamdevui/ui
-```
-
-```bash [yarn]
-yarn add @eslamdevui/ui
-```
-
-```bash [npm]
-npm install @eslamdevui/ui
-```
-
-```bash [bun]
-bun add @eslamdevui/ui
-```
-
-### Nuxt
-
-1. Add the Nuxt UI module in your `nuxt.config.ts`:
-
-```ts [nuxt.config.ts]
-export default defineNuxtConfig({
-  modules: ['@eslamdevui/ui']
-})
-```
-
-2. Import Tailwind CSS and Nuxt UI in your CSS:
-
-```css [assets/css/main.css]
-@import "tailwindcss";
-@import "@eslamdevui/ui";
-```
-
-Learn more in the [installation guide](https://ui.nuxt.com/getting-started/installation/nuxt).
-
-### Vue
-
-1. Add the Nuxt UI Vite plugin in your `vite.config.ts`:
-
-```ts [vite.config.ts]
-import { defineConfig } from 'vite'
-import vue from '@vitejs/plugin-vue'
-import ui from '@eslamdevui/ui/vite'
-
-export default defineConfig({
-  plugins: [
-    vue(),
-    ui()
-  ]
-})
-```
-
-2. Use the Nuxt UI Vue plugin in your `main.ts`:
-
-```ts [main.ts]
-import { createApp } from 'vue'
-import { createRouter, createWebHistory } from 'vue-router'
-import ui from '@eslamdevui/ui/vue-plugin'
-import App from './App.vue'
-
-const app = createApp(App)
-
-const router = createRouter({
-  routes: [],
-  history: createWebHistory()
-})
-
-app.use(router)
-app.use(ui)
-
-app.mount('#app')
-```
-
-3. Import Tailwind CSS and Nuxt UI in your CSS:
-
-```css [assets/main.css]
-@import "tailwindcss";
-@import "@eslamdevui/ui";
-```
-
-Learn more in the [installation guide](https://ui.nuxt.com/getting-started/installation/vue).
-
-## Contribution
-
-Thank you for considering contributing to Nuxt UI. Here are a few ways you can get involved:
-
-- Reporting Bugs: If you come across any bugs or issues, please check out the reporting bugs guide to learn how to submit a bug report.
-- Suggestions: Have any thoughts to enhance Nuxt UI? We'd love to hear them! Check out the [contribution guide](https://ui.nuxt.com/getting-started/contribution) to share your suggestions.
-
-## Local Development
-
-Follow the docs to [set up your local development environment](https://ui.nuxt.com/getting-started/contribution#local-development) and contribute.
-
-## Credits
-
-- [nuxt/nuxt](https://github.com/nuxt/nuxt)
-- [nuxt/icon](https://github.com/nuxt/icon)
-- [nuxt/fonts](https://github.com/nuxt/fonts)
-- [nuxt-modules/color-mode](https://github.com/nuxt-modules/color-mode)
-- [unovue/reka-ui](https://github.com/unovue/reka-ui)
-- [tailwindlabs/tailwindcss](https://github.com/tailwindlabs/tailwindcss)
-- [vueuse/vueuse](https://github.com/vueuse/vueuse)
-
-## License
-
-Licensed under the [MIT license](https://github.com/nuxt/ui/blob/v3/LICENSE.md).
-
-<!-- Badges -->
-[npm-version-src]: https://img.shields.io/npm/v/@eslamdevui/ui/latest.svg?style=flat&colorA=18181B&colorB=28CF8D
-[npm-version-href]: https://npmjs.com/package/@eslamdevui/ui
-
-[npm-downloads-src]: https://img.shields.io/npm/dm/@eslamdevui/ui.svg?style=flat&colorA=18181B&colorB=28CF8D
-[npm-downloads-href]: https://npm.chart.dev/@eslamdevui/ui
-
-[license-src]: https://img.shields.io/github/license/nuxt/ui.svg?style=flat&colorA=18181B&colorB=28CF8D
-[license-href]: https://github.com/nuxt/ui/blob/v3/LICENSE.md
-
-[nuxt-src]: https://img.shields.io/badge/Nuxt-18181B?logo=nuxt.js
-[nuxt-href]: https://nuxt.com
+<picture>
+  <source media="(prefers-color-scheme: dark)" srcset="https://github.com/user-attachments/assets/91ceab67-89ce-4ef4-8678-4402a92baca5">
+  <source media="(prefers-color-scheme: light)" srcset="https://github.com/user-attachments/assets/51526d6d-e5ec-41b4-aa37-242dec1cdb27">
+  <img alt="Nuxt UI" src="https://github.com/user-attachments/assets/51526d6d-e5ec-41b4-aa37-242dec1cdb27">
+</picture>
+
+# Nuxt UI
+
+[![npm version][npm-version-src]][npm-version-href]
+[![npm downloads][npm-downloads-src]][npm-downloads-href]
+[![License][license-src]][license-href]
+[![Nuxt][nuxt-src]][nuxt-href]
+
+Nuxt UI harnesses the combined strengths of [Reka UI](https://reka-ui.com/), [Tailwind CSS](https://tailwindcss.com/), and [Tailwind Variants](https://www.tailwind-variants.org/) to offer developers an unparalleled set of tools for creating sophisticated, accessible, and highly performant user interfaces.
+
+> [!NOTE]
+> You are on the `v3` development branch, check out the [v2 branch](https://github.com/nuxt/ui/tree/v2) for Nuxt UI v2.
+
+> [!TIP]
+> **Looking for more components ?**
+> Check out [Nuxt UI Pro](https://ui.nuxt.com/pro), a collection of premium Vue components, composables, and utilities built on top of Nuxt UI for faster and more powerful app development.
+
+## Documentation
+
+Visit https://ui.nuxt.com to explore the documentation.
+
+## Installation
+
+```bash [pnpm]
+pnpm add @eslamdevui/ui
+```
+
+```bash [yarn]
+yarn add @eslamdevui/ui
+```
+
+```bash [npm]
+npm install @eslamdevui/ui
+```
+
+```bash [bun]
+bun add @eslamdevui/ui
+```
+
+### Nuxt
+
+1. Add the Nuxt UI module in your `nuxt.config.ts`:
+
+```ts [nuxt.config.ts]
+export default defineNuxtConfig({
+  modules: ['@eslamdevui/ui']
+})
+```
+
+2. Import Tailwind CSS and Nuxt UI in your CSS:
+
+```css [assets/css/main.css]
+@import "tailwindcss";
+@import "@eslamdevui/ui";
+```
+
+Learn more in the [installation guide](https://ui.nuxt.com/getting-started/installation/nuxt).
+
+### Vue
+
+1. Add the Nuxt UI Vite plugin in your `vite.config.ts`:
+
+```ts [vite.config.ts]
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import ui from '@eslamdevui/ui/vite'
+
+export default defineConfig({
+  plugins: [
+    vue(),
+    ui()
+  ]
+})
+```
+
+2. Use the Nuxt UI Vue plugin in your `main.ts`:
+
+```ts [main.ts]
+import { createApp } from 'vue'
+import { createRouter, createWebHistory } from 'vue-router'
+import ui from '@eslamdevui/ui/vue-plugin'
+import App from './App.vue'
+
+const app = createApp(App)
+
+const router = createRouter({
+  routes: [],
+  history: createWebHistory()
+})
+
+app.use(router)
+app.use(ui)
+
+app.mount('#app')
+```
+
+3. Import Tailwind CSS and Nuxt UI in your CSS:
+
+```css [assets/main.css]
+@import "tailwindcss";
+@import "@eslamdevui/ui";
+```
+
+Learn more in the [installation guide](https://ui.nuxt.com/getting-started/installation/vue).
+
+## Contribution
+
+Thank you for considering contributing to Nuxt UI. Here are a few ways you can get involved:
+
+- Reporting Bugs: If you come across any bugs or issues, please check out the reporting bugs guide to learn how to submit a bug report.
+- Suggestions: Have any thoughts to enhance Nuxt UI? We'd love to hear them! Check out the [contribution guide](https://ui.nuxt.com/getting-started/contribution) to share your suggestions.
+
+## Local Development
+
+Follow the docs to [set up your local development environment](https://ui.nuxt.com/getting-started/contribution#local-development) and contribute.
+
+## Credits
+
+- [nuxt/nuxt](https://github.com/nuxt/nuxt)
+- [nuxt/icon](https://github.com/nuxt/icon)
+- [nuxt/fonts](https://github.com/nuxt/fonts)
+- [nuxt-modules/color-mode](https://github.com/nuxt-modules/color-mode)
+- [unovue/reka-ui](https://github.com/unovue/reka-ui)
+- [tailwindlabs/tailwindcss](https://github.com/tailwindlabs/tailwindcss)
+- [vueuse/vueuse](https://github.com/vueuse/vueuse)
+
+## License
+
+Licensed under the [MIT license](https://github.com/nuxt/ui/blob/v3/LICENSE.md).
+
+<!-- Badges -->
+[npm-version-src]: https://img.shields.io/npm/v/@eslamdevui/ui/latest.svg?style=flat&colorA=18181B&colorB=28CF8D
+[npm-version-href]: https://npmjs.com/package/@eslamdevui/ui
+
+[npm-downloads-src]: https://img.shields.io/npm/dm/@eslamdevui/ui.svg?style=flat&colorA=18181B&colorB=28CF8D
+[npm-downloads-href]: https://npm.chart.dev/@eslamdevui/ui
+
+[license-src]: https://img.shields.io/github/license/nuxt/ui.svg?style=flat&colorA=18181B&colorB=28CF8D
+[license-href]: https://github.com/nuxt/ui/blob/v3/LICENSE.md
+
+[nuxt-src]: https://img.shields.io/badge/Nuxt-18181B?logo=nuxt.js
+[nuxt-href]: https://nuxt.com