@robuust-digital/vue-components 1.3.2 → 2.0.0-rc.1

package/dist/tooltip/tooltip.css

@@ -0,0 +1,69 @@
+:root {
+  --rvc-tooltip-transition-duration: var(--rvc-base-transition-duration);
+  --rvc-tooltip-transition-timing-function: var(--rvc-base-transition-timing-function);
+  --rvc-tooltip-border-radius: var(--rvc-base-border-radius);
+  --rvc-tooltip-color: var(--color-white);
+  --rvc-tooltip-transition-property: opacity, visibility;
+  --rvc-tooltip-text-align: left;
+  --rvc-tooltip-padding-x: calc(var(--spacing) * 4);
+  --rvc-tooltip-padding-y: calc(var(--spacing) * 4);
+  --rvc-tooltip-width: max-content;
+  --rvc-tooltip-bg-color: --alpha(var(--color-slate-700) / 60%);
+  --rvc-tooltip-arrow-size: calc(var(--spacing) * 3);
+  --rvc-tooltip-blur-size: var(--blur-sm);
+
+  /* Small variant */
+  --rvc-tooltip-padding-x-sm: calc(var(--spacing) * 2);
+  --rvc-tooltip-padding-y-sm: 0;
+  --rvc-tooltip-arrow-size-sm: calc(var(--spacing) * 1.5);
+}
+
+@layer components {
+  .rvc-tooltip {
+    z-index: 10;
+    color: var(--rvc-tooltip-color);
+    transition-property: var(--rvc-tooltip-transition-property);
+    transition-duration: var(--rvc-tooltip-transition-duration);
+    transition-timing-function: var(--rvc-tooltip-transition-timing-function);
+    text-align: var(--rvc-tooltip-text-align);
+    padding-top: var(--rvc-tooltip-padding-y);
+    padding-right: var(--rvc-tooltip-padding-x);
+    padding-bottom: var(--rvc-tooltip-padding-y);
+    padding-left: var(--rvc-tooltip-padding-x);
+    width: var(--rvc-tooltip-width);
+    position: absolute;
+    top: 0;
+    left: 0;
+
+    &::before {
+      content: '';
+      position: absolute;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      left: 0;
+      border-radius: var(--rvc-tooltip-border-radius);
+      background-color: var(--rvc-tooltip-bg-color);
+      z-index: -1;
+    }
+
+    .rvc-tooltip-arrow {
+      background-color: var(--rvc-tooltip-bg-color);
+      width: var(--rvc-tooltip-arrow-size);
+      height: var(--rvc-tooltip-arrow-size);
+      clip-path: polygon(0 0, 50% 50%, 100% 0);
+      z-index: -1;
+    }
+
+    &.rvc-tooltip-blur::before,
+    &.rvc-tooltip-blur .rvc-tooltip-arrow {
+      backdrop-filter: blur(var(--rvc-tooltip-blur-size));
+    }
+
+    &.rvc-tooltip-sm {
+      --rvc-tooltip-padding-x: var(--rvc-tooltip-padding-x-sm);
+      --rvc-tooltip-padding-y: var(--rvc-tooltip-padding-y-sm);
+      --rvc-tooltip-arrow-size: var(--rvc-tooltip-arrow-size-sm);
+    }
+  }
+}

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@robuust-digital/vue-components",
+  "version": "2.0.0-rc.1",
   "type": "module",
-  "version": "1.3.2",
-  "description": "A modern and customizable component library built with **Vue 3** and **Tailwind CSS**.",
-  "directories": {
-    "test": "tests"
+  "publishConfig": {
+    "access": "public"
   },
+  "description": "A modern and customizable component library built with Vue 3 and Tailwind CSS",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/robuust/vue-components.git"
@@ -15,67 +15,72 @@
   "bugs": {
     "url": "https://github.com/robuust/vue-components/issues"
   },
-  "homepage": "https://github.com/robuust/vue-components#readme",
-  "main": "./dist/vue-components.es.js",
-  "module": "./dist/vue-components.es.js",
+  "homepage": "https://github.com/robuust/vue-components/#readme",
   "files": [
-    "./dist",
-    "./README.md",
-    "./LICENSE"
+    "dist",
+    "LICENSE",
+    "README.md"
   ],
+  "main": "dist/core/index.js",
+  "module": "dist/core/index.js",
   "exports": {
-    ".": {
-      "import": "./dist/vue-components.es.js"
-    },
-    "./tailwind": "./dist/tailwind/index.js",
-    "./nuxt": "./dist/nuxt-module.js",
-    "./css": "./dist/style.css"
+    "./core": "./dist/core/index.js",
+    "./core/css": "./dist/core/styles.css",
+    "./core/theme": "./dist/core/theme.css",
+    "./combobox": "./dist/combobox/index.js",
+    "./combobox/css": "./dist/combobox/styles.css",
+    "./dialogs": "./dist/dialogs/index.js",
+    "./dialogs/css": "./dist/dialogs/styles.css",
+    "./dropdown": "./dist/dropdown/index.js",
+    "./dropdown/css": "./dist/dropdown/styles.css",
+    "./lightswitch": "./dist/lightswitch/index.js",
+    "./lightswitch/css": "./dist/lightswitch/styles.css",
+    "./rich-text-editor": "./dist/rich-text-editor/index.js",
+    "./rich-text-editor/css": "./dist/rich-text-editor/styles.css",
+    "./toast": "./dist/toast/index.js",
+    "./toast/css": "./dist/toast/styles.css",
+    "./tooltip": "./dist/tooltip/index.js",
+    "./tooltip/css": "./dist/tooltip/styles.css"
   },
   "scripts": {
+    "dev": "vite --host",
     "build": "vite build",
-    "test:unit": "vitest run"
+    "docs:dev": "vitepress dev docs --host",
+    "docs:build": "vitepress build docs",
+    "docs:preview": "vitepress preview docs",
+    "test:unit": "vitest run",
+    "lint": "eslint ."
   },
   "dependencies": {
-    "@heroicons/vue": "^2.2.0",
-    "@vueuse/core": "^12.4.0",
-    "tailwindcss": "^3.4.14"
-  },
-  "peerDependencies": {
-    "@floating-ui/vue": "^1.1.5",
+    "@floating-ui/vue": "^1.1.6",
     "@headlessui/vue": "^1.7.23",
-    "@tiptap/extension-link": "^2.11.2",
-    "@tiptap/starter-kit": "^2.11.2",
-    "@tiptap/vue-3": "^2.11.2",
-    "vue": "^3.5.12"
-  },
-  "peerDependenciesMeta": {
-    "@floating-ui/vue": {
-      "optional": true
-    },
-    "@headlessui/vue": {
-      "optional": true
-    },
-    "@tiptap/extension-link": {
-      "optional": true
-    },
-    "@tiptap/starter-kit": {
-      "optional": true
-    },
-    "@tiptap/vue-3": {
-      "optional": true
-    }
+    "@heroicons/vue": "^2.2.0",
+    "@tiptap/extension-link": "^2.11.5",
+    "@tiptap/starter-kit": "^2.11.5",
+    "@tiptap/vue-3": "^2.11.5",
+    "@vueuse/core": "^12.6.1",
+    "vue": "^3.5.13"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "~4.5.0",
-    "@vitest/coverage-v8": "^3.0.2",
+    "@rushstack/eslint-patch": "^1.10.5",
+    "@tailwindcss/postcss": "^4.0.6",
+    "@tailwindcss/vite": "^4.0.6",
+    "@vitejs/plugin-vue": "^5.2.1",
+    "@vitest/coverage-v8": "^3.0.5",
+    "@vue/eslint-config-airbnb": "^8.0.0",
     "@vue/test-utils": "^2.4.6",
-    "string-width": "^4.2.0",
-    "vite": "^5.4.10",
+    "eslint": "^8.57.1",
+    "eslint-plugin-vue": "^9.32.0",
+    "jsdom": "^26.0.0",
+    "postcss": "^8.5.2",
+    "tailwindcss": "^4.0.6",
+    "vite": "^6.1.0",
     "vite-plugin-eslint": "^1.8.1",
-    "vite-plugin-static-copy": "^2.0.0",
-    "vite-plugin-vue-devtools": "^7.5.3",
+    "vite-plugin-static-copy": "^2.2.0",
+    "vite-plugin-vue-devtools": "^7.7.2",
     "vite-svg-loader": "^5.1.0",
-    "vitest": "^3.0.2",
-    "wrap-ansi": "^7.0.0"
-  }
+    "vitepress": "^2.0.0-alpha.2",
+    "vitest": "^3.0.5"
+  },
+  "packageManager": "yarn@4.6.0"
 }

package/dist/nuxt-module.js

@@ -1,27 +0,0 @@
-/* eslint-disable import/no-extraneous-dependencies */
-import { defineNuxtModule, addComponent } from '@nuxt/kit';
-import * as components from '@robuust-digital/vue-components';
-import pkg from '../package.json';
-
-/**
- * Nuxt module to register Vue components globally.
- *
- * @type {import('@nuxt/kit').NuxtModule}
- */
-export default defineNuxtModule({
-  meta: {
-    name: pkg.name,
-    configKey: 'vueComponents',
-    version: pkg.version,
-  },
-  setup() {
-    Object.keys(components).forEach((name) => {
-      addComponent({
-        name,
-        filePath: '@robuust-digital/vue-components',
-        export: name,
-        global: true,
-      });
-    });
-  },
-});

package/dist/style.css

@@ -1 +0,0 @@
-.rvc-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.rvc-pointer-events-none{pointer-events:none}.rvc-pointer-events-auto{pointer-events:auto}.rvc-invisible{visibility:hidden}.rvc-fixed{position:fixed}.rvc-absolute{position:absolute}.rvc-relative{position:relative}.rvc-sticky{position:sticky}.rvc-inset-0{top:0;right:0;bottom:0;left:0}.rvc-inset-y-0{top:0;bottom:0}.rvc-left-0{left:0}.rvc-right-0{right:0}.rvc-top-0{top:0}.rvc-z-10{z-index:10}.rvc-ml-3{margin-left:.75rem}.rvc-block{display:block}.rvc-inline-block{display:inline-block}.rvc-flex{display:flex}.rvc-table{display:table}.rvc-grid{display:grid}.rvc-hidden{display:none}.rvc-size-4{width:1rem;height:1rem}.rvc-size-5{width:1.25rem;height:1.25rem}.rvc-size-full{width:100%;height:100%}.rvc-h-7{height:1.75rem}.rvc-h-full{height:100%}.rvc-min-h-0{min-height:0px}.rvc-min-h-full{min-height:100%}.rvc-w-fit{width:-moz-fit-content;width:fit-content}.rvc-w-full{width:100%}.rvc-w-screen{width:100vw}.rvc-max-w-full{max-width:100%}.rvc-max-w-xl{max-width:36rem}.rvc-flex-1{flex:1 1 0%}.rvc-shrink-0{flex-shrink:0}.rvc-translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rvc-translate-x-6{--tw-translate-x: 1.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rvc-translate-x-full{--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rvc-translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rvc-translate-y-4{--tw-translate-y: 1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rvc-rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rvc-scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rvc-scale-95{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rvc-transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rvc-cursor-default{cursor:default}.rvc-cursor-pointer{cursor:pointer}.rvc-select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.rvc-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.rvc-flex-row-reverse{flex-direction:row-reverse}.rvc-flex-col{flex-direction:column}.rvc-flex-col-reverse{flex-direction:column-reverse}.rvc-items-center{align-items:center}.rvc-justify-start{justify-content:flex-start}.rvc-justify-end{justify-content:flex-end}.rvc-justify-center{justify-content:center}.rvc-justify-between{justify-content:space-between}.rvc-gap-x-1{-moz-column-gap:.25rem;column-gap:.25rem}.rvc-gap-x-1\.5{-moz-column-gap:.375rem;column-gap:.375rem}.rvc-gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.rvc-overflow-hidden{overflow:hidden}.rvc-overflow-x-auto{overflow-x:auto}.rvc-overflow-y-auto{overflow-y:auto}.rvc-overflow-y-scroll{overflow-y:scroll}.rvc-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rvc-p-4{padding:1rem}.rvc-py-2{padding-top:.5rem;padding-bottom:.5rem}.rvc-pb-4{padding-bottom:1rem}.rvc-pl-10{padding-left:2.5rem}.rvc-pl-3{padding-left:.75rem}.rvc-pr-9{padding-right:2.25rem}.rvc-text-left{text-align:left}.rvc-text-center{text-align:center}.rvc-text-right{text-align:right}.rvc-text-sm{font-size:.8125rem;line-height:1.25rem}.rvc-font-medium{font-weight:500}.rvc-text-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.rvc-opacity-0{opacity:0}.rvc-opacity-100{opacity:1}.rvc-opacity-50{opacity:.5}.rvc-shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.rvc-transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.rvc-transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.rvc-transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.rvc-transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.rvc-duration-100{transition-duration:.1s}.rvc-duration-200{transition-duration:.2s}.rvc-duration-300{transition-duration:.3s}.rvc-duration-500{transition-duration:.5s}.rvc-duration-75{transition-duration:75ms}.rvc-ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.rvc-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.rvc-ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.rvc-peer\/checkbox:focus~.peer-focus\/checkbox\:rvc-focus{outline-style:var(--rvc-base-focus-outline-style);outline-width:var(--rvc-base-focus-outline-offset);outline-offset:var(--rvc-base-focus-outline-width);outline-color:var(--rvc-base-focus-outline-color)}.first\:rvc-block:first-child{display:block}.last\:rvc-block:last-child{display:block}.hover\:rvc-underline:hover{text-decoration-line:underline}.rvc-group\/accordion[open] .group-open\/accordion\:rvc-rotate-45{--tw-rotate: 45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rvc-group\/tooltip:hover .group-hover\/tooltip\:rvc-visible{visibility:visible}.rvc-group\/table:hover .group-hover\/table\:rvc-opacity-30{opacity:.3}.rvc-group\/tooltip:hover .group-hover\/tooltip\:rvc-opacity-100{opacity:1}@media (min-width: 640px){.sm\:rvc-max-w-lg{max-width:32rem}.sm\:rvc-translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:rvc-scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:rvc-scale-95{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:rvc-p-0{padding:0}.sm\:rvc-duration-700{transition-duration:.7s}}@media (min-width: 768px){.md\:rvc-block{display:block}.md\:rvc-flex{display:flex}.md\:rvc-hidden{display:none}.md\:rvc-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1280px){.xl\:rvc-gap-1{gap:.25rem}}

package/dist/tailwind/base/index.js

@@ -1,72 +0,0 @@
-import { withAlphaValue } from 'tailwindcss/lib/util/withAlphaVariable';
-
-/**
- * Base styles
- *
- * @param {Object} theme - The global theme object
- */
-export default (theme) => ({
-  ':root': {
-    // Focus styling
-    '--rvc-base-focus-outline-style': 'dashed',
-    '--rvc-base-focus-outline-offset': '0.0625rem', // 1px
-    '--rvc-base-focus-outline-width': '0.0625rem', // 1px
-    '--rvc-base-focus-outline-color': theme('colors.indigo.600'),
-
-    // Base styling
-    '--rvc-base-border-radius': theme('borderRadius.md'),
-    '--rvc-base-transition-duration': theme('transitionDuration.DEFAULT'),
-    '--rvc-base-transition-timing-function': theme('transitionTimingFunction.DEFAULT'),
-    '--rvc-base-loading-animation': theme('animation.spin'),
-    '--rvc-base-border-width': theme('borderWidth.DEFAULT'),
-    '--rvc-base-border-style': 'solid',
-    '--rvc-base-border-color': theme('colors.slate.200'),
-    '--rvc-base-border-dark-color': theme('colors.slate.300'),
-    '--rvc-base-box-shadow': 'none',
-    '--rvc-base-font-size': '0.9375rem',
-    '--rvc-base-line-height': '1.5rem',
-
-    // Base Dialog styling
-    '--rvc-dialog-backdrop-bg-color': withAlphaValue(theme('colors.slate.900'), 0.5),
-    '--rvc-dialog-padding-x': theme('padding.4'),
-    '--rvc-dialog-padding-y': theme('padding.4'),
-    '--rvc-dialog-header-bg-color': theme('colors.white'),
-    '--rvc-dialog-close-size': theme('width.6'),
-    '--rvc-dialog-close-color': theme('colors.slate.700'),
-    '--rvc-dialog-close-color-hover': theme('colors.slate.900'),
-    '--rvc-dialog-title-color': theme('colors.slate.900'),
-    '--rvc-dialog-title-font-size': theme('fontSize.xl'),
-    '--rvc-dialog-title-font-weight': theme('fontWeight.bold'),
-    '--rvc-dialog-title-font-family': theme('fontFamily.sans'),
-    '--rvc-dialog-content-bg-color': theme('colors.white'),
-    '--rvc-dialog-footer-bg-color': theme('colors.slate.50'),
-    '--rvc-dialog-footer-gap': theme('gap.2'),
-
-    // Base Input styling
-    '--rvc-base-input-color': theme('colors.slate.600'),
-    '--rvc-base-input-bg-color': theme('colors.white'),
-    '--rvc-base-input-icon-color': theme('colors.slate.400'),
-    '--rvc-base-input-icon-size': theme('width.5'),
-    '--rvc-base-input-padding-x': theme('padding.3'),
-    '--rvc-base-input-font-size': 'var(--rvc-base-font-size)',
-    '--rvc-base-input-font-weight': theme('fontWeight.normal'),
-    '--rvc-base-input-height': theme('height.9'),
-    '--rvc-base-input-placeholder-color': theme('colors.slate.400'),
-
-    ...theme('components.base'),
-
-    [`@media (min-width: ${theme('screens.sm')})`]: {
-      '--rvc-dialog-padding-x': theme('padding.6'),
-      '--rvc-dialog-padding-y': theme('padding.4'),
-      '--rvc-dialog-footer-gap': theme('gap.3'),
-      ...theme('components.base[screen-sm]'),
-    },
-  },
-
-  '[class^="rvc-"] *:focus, [class^="rvc-"]:focus, .rvc-focus': {
-    outlineStyle: 'var(--rvc-base-focus-outline-style)',
-    outlineWidth: 'var(--rvc-base-focus-outline-offset)',
-    outlineOffset: 'var(--rvc-base-focus-outline-width)',
-    outlineColor: 'var(--rvc-base-focus-outline-color)',
-  },
-});

package/dist/tailwind/components/accordion.js

@@ -1,59 +0,0 @@
-/**
- * Accordion component
- *
- * @param {Object} theme - The global theme object
- */
-export default (theme) => ({
-  ':root': {
-    '--rvc-accordion-border-width': 'var(--rvc-base-border-width)',
-    '--rvc-accordion-border-style': 'var(--rvc-base-border-style)',
-    '--rvc-accordion-border-color': 'var(--rvc-base-border-color)',
-    '--rvc-accordion-padding-y': theme('padding.6'),
-    '--rvc-accordion-font-weight': theme('fontWeight.normal'),
-    '--rvc-accordion-font-size': theme('fontSize.base.0'),
-    '--rvc-accordion-color': theme('colors.slate.600'),
-    '--rvc-accordion-summary-font-weight': theme('fontWeight.medium'),
-    '--rvc-accordion-summary-font-size': theme('fontSize.lg.0'),
-    '--rvc-accordion-summary-color': theme('colors.black'),
-    '--rvc-accordion-summary-hover-decoration': 'underline',
-  },
-
-  '.rvc-accordion': {
-    ...theme('components.accordion'),
-
-    details: {
-      borderTopWidth: 'var(--rvc-accordion-border-width)',
-      borderTopColor: 'var(--rvc-accordion-border-color)',
-      ...theme('components.accordion.details'),
-    },
-
-    summary: {
-      paddingTop: 'var(--rvc-accordion-padding-y)',
-      paddingBottom: 'var(--rvc-accordion-padding-y)',
-      fontWeight: 'var(--rvc-accordion-summary-font-weight)',
-      fontSize: 'var(--rvc-accordion-summary-font-size)',
-      color: 'var(--rvc-accordion-summary-color)',
-      width: theme('width.full'),
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'space-between',
-      cursor: 'pointer',
-      userSelect: 'none',
-
-      '&:hover': {
-        textDecoration: 'var(--rvc-accordion-summary-hover-decoration)',
-        ...theme('components.accordion.summary[&:hover]'),
-      },
-
-      ...theme('components.accordion.summary'),
-    },
-
-    '.rvc-accordion-content': {
-      paddingBottom: 'var(--rvc-accordion-padding-y)',
-      fontWeight: 'var(--rvc-accordion-font-weight)',
-      fontSize: 'var(--rvc-accordion-font-size)',
-      color: 'var(--rvc-accordion-color)',
-      ...theme('components.accordion[.rvc-accordion-content]'),
-    },
-  },
-});

package/dist/tailwind/components/alert.js

@@ -1,166 +0,0 @@
-/**
- * Alert component
- *
- * @param {Object} theme - The global theme object
- */
-export default (theme) => ({
-  ':root': {
-    // Custom properties
-    '--rvc-alert-border-radius': 'var(--rvc-base-border-radius)',
-    '--rvc-alert-transition-duration': 'var(--rvc-base-transition-duration)',
-    '--rvc-alert-transition-timing-function': 'var(--rvc-base-transition-timing-function)',
-    '--rvc-alert-padding-x': theme('padding.6'),
-    '--rvc-alert-padding-y': theme('padding.6'),
-    '--rvc-alert-font-size': theme('fontSize.base.0'),
-    '--rvc-alert-gap': theme('gap[1.5]'),
-    '--rvc-alert-anchor-decoration': 'underline',
-    '--rvc-alert-icon-size': theme('width.6'),
-    '--rvc-alert-title-font-weight': theme('fontWeight.medium'),
-    '--rvc-alert-transition-property': theme('transitionProperty.colors'),
-
-    // Default color variables
-    '--rvc-alert-bg-color': theme('colors.blue.50'),
-    '--rvc-alert-color': theme('colors.blue.700'),
-    '--rvc-alert-icon-color': theme('colors.blue.400'),
-    '--rvc-alert-icon-hover-color': theme('colors.blue.800'),
-    '--rvc-alert-title-color': theme('colors.blue.800'),
-    '--rvc-alert-close-bg-color': theme('colors.blue.100'),
-    '--rvc-alert-close-hover-bg-color': theme('colors.blue.200'),
-    '--rvc-alert-anchor-color': 'inherit',
-    '--rvc-alert-anchor-hover-color': theme('colors.blue.600'),
-  },
-
-  '.rvc-alert': {
-    gap: 'var(--rvc-alert-gap)',
-    paddingTop: 'var(--rvc-alert-padding-y)',
-    paddingBottom: 'var(--rvc-alert-padding-y)',
-    paddingLeft: 'var(--rvc-alert-padding-x)',
-    paddingRight: 'var(--rvc-alert-padding-x)',
-    borderRadius: 'var(--rvc-alert-border-radius)',
-    fontSize: 'var(--rvc-alert-font-size)',
-    backgroundColor: 'var(--rvc-alert-bg-color)',
-    color: 'var(--rvc-alert-color)',
-    display: 'flex',
-    position: 'relative',
-    overflow: 'hidden',
-    ...theme('components.alert'),
-
-    // Elements
-    a: {
-      textDecoration: 'var(--rvc-alert-anchor-decoration)',
-      transitionProperty: 'var(--rvc-alert-transition-property)',
-      transitionDuration: 'var(--rvc-alert-transition-duration)',
-      transitionTimingFunction: 'var(--rvc-alert-transition-timing-function)',
-      color: 'var(--rvc-alert-anchor-color)',
-      ...theme('components.alert.a'),
-
-      '&:hover': {
-        color: 'var(--rvc-alert-anchor-hover-color)',
-        ...theme('components.alert.a[&:hover]'),
-      },
-    },
-
-    'ul,ol': {
-      listStylePosition: 'inside',
-      margin: 0,
-      paddingLeft: theme('padding.2'),
-      ...theme('components.alert[ul,ol]'),
-    },
-
-    ul: {
-      listStyleType: 'disc',
-      ...theme('components.alert.ul'),
-    },
-
-    ol: {
-      listStyleType: 'decimal',
-      ...theme('components.alert.ol'),
-    },
-
-    '.rvc-alert-close': {
-      backgroundColor: 'var(--rvc-alert-close-bg-color)',
-      color: 'var(--rvc-alert-icon-color)',
-      borderBottomLeftRadius: 'var(--rvc-alert-border-radius)',
-      transitionProperty: 'var(--rvc-alert-transition-property)',
-      transitionDuration: 'var(--rvc-alert-transition-duration)',
-      transitionTimingFunction: 'var(--rvc-alert-transition-timing-function)',
-      display: 'inline-flex',
-      justifyContent: 'center',
-      alignItems: 'center',
-      position: 'absolute',
-      top: '0',
-      right: '0',
-      padding: theme('padding[1.5]'),
-      ...theme('components.alert[.rvc-alert-close]'),
-
-      '&:hover': {
-        backgroundColor: 'var(--rvc-alert-close-hover-bg-color)',
-        color: 'var(--rvc-alert-icon-hover-color)',
-        ...theme('components.alert[.rvc-alert-close][&:hover]'),
-      },
-    },
-
-    '.rvc-alert-icon': {
-      width: 'var(--rvc-alert-icon-size)',
-      height: 'var(--rvc-alert-icon-size)',
-      color: 'var(--rvc-alert-icon-color)',
-      display: 'block',
-      flexShrink: '0',
-      ...theme('components.alert[.rvc-alert-icon]'),
-    },
-
-    '.rvc-alert-title': {
-      color: 'var(--rvc-alert-title-color)',
-      fontWeight: 'var(--rvc-alert-title-font-weight)',
-      display: 'block',
-      marginBottom: theme('margin.2'),
-      ...theme('components.alert[.rvc-alert-title]'),
-
-      '&:last-child': {
-        marginBottom: '0',
-        ...theme('components.alert[.rvc-alert-title][&:last-child]'),
-      },
-    },
-
-    // Color variants
-    '&.rvc-alert-info': {
-      ...theme('components.alert.info'),
-    },
-
-    '&.rvc-alert-warning': {
-      '--rvc-alert-bg-color': theme('colors.yellow.50'),
-      '--rvc-alert-color': theme('colors.yellow.700'),
-      '--rvc-alert-icon-color': theme('colors.yellow.400'),
-      '--rvc-alert-icon-hover-color': theme('colors.yellow.800'),
-      '--rvc-alert-title-color': theme('colors.yellow.800'),
-      '--rvc-alert-close-bg-color': theme('colors.yellow.100'),
-      '--rvc-alert-close-hover-bg-color': theme('colors.yellow.200'),
-      '--rvc-alert-anchor-hover-color': theme('colors.yellow.600'),
-      ...theme('components.alert.warning'),
-    },
-
-    '&.rvc-alert-success': {
-      '--rvc-alert-bg-color': theme('colors.green.50'),
-      '--rvc-alert-color': theme('colors.green.700'),
-      '--rvc-alert-icon-color': theme('colors.green.400'),
-      '--rvc-alert-icon-hover-color': theme('colors.green.800'),
-      '--rvc-alert-title-color': theme('colors.green.800'),
-      '--rvc-alert-close-bg-color': theme('colors.green.100'),
-      '--rvc-alert-close-hover-bg-color': theme('colors.green.200'),
-      '--rvc-alert-anchor-hover-color': theme('colors.green.600'),
-      ...theme('components.alert.success'),
-    },
-
-    '&.rvc-alert-danger': {
-      '--rvc-alert-bg-color': theme('colors.red.50'),
-      '--rvc-alert-color': theme('colors.red.700'),
-      '--rvc-alert-icon-color': theme('colors.red.400'),
-      '--rvc-alert-icon-hover-color': theme('colors.red.800'),
-      '--rvc-alert-title-color': theme('colors.red.800'),
-      '--rvc-alert-close-bg-color': theme('colors.red.100'),
-      '--rvc-alert-close-hover-bg-color': theme('colors.red.200'),
-      '--rvc-alert-anchor-hover-color': theme('colors.red.600'),
-      ...theme('components.alert.danger'),
-    },
-  },
-});