@allsrvsonline/vue-component-library 0.6.0 → 0.6.1

package/README.md

@@ -15,7 +15,7 @@ A modern, type-safe Vue 3 component library built with TypeScript and Vite. This
 ## Installation
 
 ```bash
-npm install @your-org/vue-component-library
+npm install @allsrvsonline/vue-component-library
 ```
 
 ## Usage
@@ -36,8 +36,8 @@ import {
   Main,
   Footer,
   Copyright
-} from '@your-org/vue-component-library'
-import '@your-org/vue-component-library/style.css'
+} from '@allsrvsonline/vue-component-library'
+import '@allsrvsonline/vue-component-library/style.css'
 ```
 
 ### Component Examples
@@ -50,7 +50,7 @@ import '@your-org/vue-component-library/style.css'
 </template>
 
 <script setup lang="ts">
-import { BaseButton } from '@your-org/vue-component-library'
+import { BaseButton } from '@allsrvsonline/vue-component-library'
 
 const handleClick = () => {
   console.log('Button clicked!')
@@ -82,7 +82,7 @@ const handleClick = () => {
 
 <script setup lang="ts">
 import { ref } from 'vue'
-import { BaseInput } from '@your-org/vue-component-library'
+import { BaseInput } from '@allsrvsonline/vue-component-library'
 
 const email = ref('')
 const emailError = ref('')
@@ -123,7 +123,7 @@ const emailError = ref('')
 
 <script setup lang="ts">
 import { ref } from 'vue'
-import { BaseSelect } from '@your-org/vue-component-library'
+import { BaseSelect } from '@allsrvsonline/vue-component-library'
 
 const selectedFruit = ref('')
 const selectedCountry = ref('')
@@ -157,7 +157,7 @@ const countryError = ref('')
 </template>
 
 <script setup lang="ts">
-import { BaseCard, BaseButton } from '@your-org/vue-component-library'
+import { BaseCard, BaseButton } from '@allsrvsonline/vue-component-library'
 </script>
 ```
 
@@ -175,7 +175,7 @@ import { BaseCard, BaseButton } from '@your-org/vue-component-library'
 </template>
 
 <script setup lang="ts">
-import { CollapsibleCard, BaseButton } from '@your-org/vue-component-library'
+import { CollapsibleCard, BaseButton } from '@allsrvsonline/vue-component-library'
 </script>
 ```
 
@@ -196,7 +196,7 @@ import { CollapsibleCard, BaseButton } from '@your-org/vue-component-library'
 </template>
 
 <script setup lang="ts">
-import { BaseDeleteButton } from '@your-org/vue-component-library'
+import { BaseDeleteButton } from '@allsrvsonline/vue-component-library'
 
 const handleDelete = () => {
   // Handle delete action
@@ -235,7 +235,7 @@ const handleDelete = () => {
 </template>
 
 <script setup lang="ts">
-import { Header, Logo, Title, BaseButton } from '@your-org/vue-component-library'
+import { Header, Logo, Title, BaseButton } from '@allsrvsonline/vue-component-library'
 </script>
 ```
 
@@ -255,7 +255,7 @@ import { Header, Logo, Title, BaseButton } from '@your-org/vue-component-library
 </template>
 
 <script setup lang="ts">
-import { Title } from '@your-org/vue-component-library'
+import { Title } from '@allsrvsonline/vue-component-library'
 </script>
 ```
 
@@ -272,7 +272,7 @@ import { Title } from '@your-org/vue-component-library'
 </template>
 
 <script setup lang="ts">
-import { Logo } from '@your-org/vue-component-library'
+import { Logo } from '@allsrvsonline/vue-component-library'
 </script>
 ```
 
@@ -292,7 +292,7 @@ import { Logo } from '@your-org/vue-component-library'
 </template>
 
 <script setup lang="ts">
-import { Main } from '@your-org/vue-component-library'
+import { Main } from '@allsrvsonline/vue-component-library'
 </script>
 ```
 
@@ -313,7 +313,7 @@ import { Main } from '@your-org/vue-component-library'
 </template>
 
 <script setup lang="ts">
-import { Footer, Copyright } from '@your-org/vue-component-library'
+import { Footer, Copyright } from '@allsrvsonline/vue-component-library'
 </script>
 ```
 
@@ -332,7 +332,7 @@ import { Footer, Copyright } from '@your-org/vue-component-library'
 </template>
 
 <script setup lang="ts">
-import { Copyright } from '@your-org/vue-component-library'
+import { Copyright } from '@allsrvsonline/vue-component-library'
 </script>
 ```
 
@@ -344,7 +344,7 @@ import { Copyright } from '@your-org/vue-component-library'
 ### Using Composables
 
 ```typescript
-import { useValidation, useClickOutside } from '@your-org/vue-component-library'
+import { useValidation, useClickOutside } from '@allsrvsonline/vue-component-library'
 
 // Form validation
 const { value, error, validate } = useValidation('', (val) =>
@@ -361,7 +361,7 @@ useClickOutside(dropdownRef, () => {
 ### Using Utilities
 
 ```typescript
-import { cn, debounce, generateId } from '@your-org/vue-component-library'
+import { cn, debounce, generateId } from '@allsrvsonline/vue-component-library'
 
 // Combine class names
 const classes = cn('btn', isActive && 'btn--active')
@@ -490,69 +490,3 @@ When contributing components:
 ## License
 
 MIT
-
-## Publishing
-
-This project uses automated releases with conventional commits and GitHub Actions.
-
-### Prerequisites
-
-Before publishing, ensure these GitHub repository variables are configured:
-
-1. **NPM_TOKEN** - npm authentication token
-   - Go to npmjs.com → Account Settings → Access Tokens → Generate New Token (Automation)
-   - Add as repository variable: `NPM_TOKEN` (in Settings → Variables)
-
-2. **GITHUB_TOKEN** - Automatically provided by GitHub Actions (no setup needed)
-
-3. **GITHUB_TOKEN** - Automatically provided by GitHub Actions (no setup needed)
-
-### Release Process
-
-Create releases using these npm scripts:
-
-```bash
-# Patch release (0.3.1 → 0.3.2)
-npm run release:patch
-
-# Minor release (0.3.1 → 0.4.0)
-npm run release:minor
-
-# Major release (0.3.1 → 1.0.0)
-npm run release:major
-
-# Preview what would happen
-npm run release:dry-run
-```
-
-The release process automatically:
-
-- ✅ Analyzes conventional commits
-- ✅ Bumps version in package.json
-- ✅ Updates CHANGELOG.md
-- ✅ Creates git commit and tag
-- ✅ Pushes to GitHub (triggers publish workflow)
-- ✅ Publishes to npm
-- ✅ Creates GitHub Release
-
-### Conventional Commits
-
-Use these commit message formats:
-
-```bash
-feat: add new component          # → Minor version bump
-fix: resolve button bug          # → Patch version bump
-docs: update README              # → No version bump
-BREAKING CHANGE: api change      # → Major version bump
-```
-
-### Manual Publishing
-
-If needed, you can still publish manually:
-
-```bash
-npm run build:lib
-npm publish --access public
-```
-
-Make sure to update `@your-org/vue-component-library` in package.json with your actual organization/package name.

package/dist/vue-component-library.css

@@ -1 +1 @@
-:root{--base-button-primary-bg: var(--color-primary);--base-button-primary-bg-hover: var(--color-primary-hover);--base-button-primary-text: var(--color-primary-text);--base-button-secondary-bg: var(--color-secondary);--base-button-secondary-bg-hover: var(--color-secondary-hover);--base-button-secondary-text: var(--color-secondary-text);--base-button-success-bg: var(--color-success);--base-button-success-bg-hover: var(--color-success-hover);--base-button-success-text: var(--color-success-text);--base-button-danger-bg: var(--color-danger);--base-button-danger-bg-hover: var(--color-danger-hover);--base-button-danger-text: var(--color-danger-text);--base-button-warning-bg: var(--color-warning);--base-button-warning-bg-hover: var(--color-warning-hover);--base-button-warning-text: var(--color-warning-text);--base-button-disabled-opacity: var(--opacity-disabled);--base-button-loading-opacity: var(--opacity-loading)}.base-button[data-v-a4a5350a]{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;border-radius:.375rem;font-weight:500;cursor:pointer;transition:all .2s ease-in-out;font-family:inherit;position:relative}.base-button[data-v-a4a5350a]:focus-visible{outline:2px solid currentColor;outline-offset:2px}.base-button--small[data-v-a4a5350a]{padding:.375rem .75rem;font-size:.875rem}.base-button--medium[data-v-a4a5350a]{padding:.5rem 1rem;font-size:1rem}.base-button--large[data-v-a4a5350a]{padding:.75rem 1.5rem;font-size:1.125rem}.base-button--primary[data-v-a4a5350a]{background-color:var(--base-button-primary-bg);color:var(--base-button-primary-text)}.base-button--primary[data-v-a4a5350a]:hover:not(:disabled){background-color:var(--base-button-primary-bg-hover)}.base-button--secondary[data-v-a4a5350a]{background-color:var(--base-button-secondary-bg);color:var(--base-button-secondary-text)}.base-button--secondary[data-v-a4a5350a]:hover:not(:disabled){background-color:var(--base-button-secondary-bg-hover)}.base-button--success[data-v-a4a5350a]{background-color:var(--base-button-success-bg);color:var(--base-button-success-text)}.base-button--success[data-v-a4a5350a]:hover:not(:disabled){background-color:var(--base-button-success-bg-hover)}.base-button--danger[data-v-a4a5350a]{background-color:var(--base-button-danger-bg);color:var(--base-button-danger-text)}.base-button--danger[data-v-a4a5350a]:hover:not(:disabled){background-color:var(--base-button-danger-bg-hover)}.base-button--warning[data-v-a4a5350a]{background-color:var(--base-button-warning-bg);color:var(--base-button-warning-text)}.base-button--warning[data-v-a4a5350a]:hover:not(:disabled){background-color:var(--base-button-warning-bg-hover)}.base-button--full-width[data-v-a4a5350a]{width:100%}.base-button--disabled[data-v-a4a5350a],.base-button[data-v-a4a5350a]:disabled{opacity:var(--base-button-disabled-opacity);cursor:not-allowed}.base-button--loading[data-v-a4a5350a]{cursor:wait}.base-button__spinner[data-v-a4a5350a]{width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin-a4a5350a .6s linear infinite}.base-button__content--loading[data-v-a4a5350a]{opacity:var(--base-button-loading-opacity)}@keyframes spin-a4a5350a{to{transform:rotate(360deg)}}:root{--base-input-label-color: var(--input-label-color);--base-input-required-color: var(--input-required-color);--base-input-border: var(--input-border);--base-input-border-focus: var(--input-border-focus);--base-input-border-error: var(--input-border-error);--base-input-bg: var(--input-bg);--base-input-bg-disabled: var(--input-bg-disabled);--base-input-placeholder-color: var(--input-placeholder-color);--base-input-focus-shadow: var(--input-focus-shadow);--base-input-error-focus-shadow: var(--input-error-focus-shadow);--base-input-error-color: var(--input-error-color);--base-input-disabled-opacity: var(--input-disabled-opacity)}.base-input[data-v-eff0ecb9]{display:flex;flex-direction:column;gap:.375rem}.base-input__label[data-v-eff0ecb9]{font-size:.875rem;font-weight:500;color:var(--base-input-label-color)}.base-input__required[data-v-eff0ecb9]{color:var(--base-input-required-color)}.base-input__field[data-v-eff0ecb9]{padding:.5rem .75rem;font-size:1rem;border:1px solid var(--base-input-border);border-radius:.375rem;background-color:var(--base-input-bg);transition:all .2s ease-in-out;font-family:inherit}.base-input__field[data-v-eff0ecb9]:focus{outline:none;border-color:var(--base-input-border-focus);box-shadow:var(--base-input-focus-shadow)}.base-input__field[data-v-eff0ecb9]::placeholder{color:var(--base-input-placeholder-color)}.base-input__field--error[data-v-eff0ecb9]{border-color:var(--base-input-border-error)}.base-input__field--error[data-v-eff0ecb9]:focus{border-color:var(--base-input-border-error);box-shadow:var(--base-input-error-focus-shadow)}.base-input__field--disabled[data-v-eff0ecb9],.base-input__field[data-v-eff0ecb9]:disabled{background-color:var(--base-input-bg-disabled);cursor:not-allowed;opacity:var(--base-input-disabled-opacity)}.base-input__error[data-v-eff0ecb9]{font-size:.875rem;color:var(--base-input-error-color)}:root{--input-label-color: var(--color-text-primary);--input-required-color: var(--color-danger);--input-border: var(--color-border);--input-border-focus: var(--color-border-focus);--input-border-error: var(--color-border-error);--input-bg: var(--color-background);--input-bg-disabled: var(--color-background-disabled);--input-placeholder-color: var(--color-text-muted);--input-focus-shadow: var(--color-focus-shadow);--input-error-focus-shadow: var(--color-error-focus-shadow);--input-error-color: var(--color-danger);--input-disabled-opacity: var(--opacity-disabled)}:root{--base-select-label-color: var(--input-label-color);--base-select-required-color: var(--input-required-color);--base-select-border: var(--input-border);--base-select-border-focus: var(--input-border-focus);--base-select-border-error: var(--input-border-error);--base-select-bg: var(--input-bg);--base-select-bg-disabled: var(--input-bg-disabled);--base-select-focus-shadow: var(--input-focus-shadow);--base-select-error-focus-shadow: var(--input-error-focus-shadow);--base-select-error-color: var(--input-error-color);--base-select-disabled-opacity: var(--input-disabled-opacity)}.base-select[data-v-8a0c8926]{display:flex;flex-direction:column;gap:.375rem}.base-select__label[data-v-8a0c8926]{font-size:.875rem;font-weight:500;color:var(--base-select-label-color)}.base-select__required[data-v-8a0c8926]{color:var(--base-select-required-color)}.base-select__field[data-v-8a0c8926]{padding:.5rem 2rem .5rem .75rem;font-size:1rem;border:1px solid var(--base-select-border);border-radius:.375rem;transition:all .2s ease-in-out;font-family:inherit;background-color:var(--base-select-bg);appearance:none;cursor:pointer;position:relative}.base-select__field[data-v-8a0c8926]:after{content:"";position:absolute;top:50%;right:.75rem;transform:translateY(-50%);width:0;height:0;border-left:.25rem solid transparent;border-right:.25rem solid transparent;border-top:.375rem solid var(--color-arrow);pointer-events:none}.base-select__field[data-v-8a0c8926]:focus{outline:none;border-color:var(--base-select-border-focus);box-shadow:var(--base-select-focus-shadow)}.base-select__field--error[data-v-8a0c8926]{border-color:var(--base-select-border-error)}.base-select__field--error[data-v-8a0c8926]:focus{border-color:var(--base-select-border-error);box-shadow:var(--base-select-error-focus-shadow)}.base-select__field--disabled[data-v-8a0c8926],.base-select__field[data-v-8a0c8926]:disabled{background-color:var(--base-select-bg-disabled);cursor:not-allowed;opacity:var(--base-select-disabled-opacity)}.base-select__error[data-v-8a0c8926]{font-size:.875rem;color:var(--base-select-error-color)}:root{--base-card-bg: var(--color-background);--base-card-footer-bg: var(--color-background-secondary);--base-card-border: var(--color-border);--base-card-title-color: var(--color-text-primary);--base-card-shadow: var(--shadow-md)}.base-card[data-v-80b8fdda]{background-color:var(--base-card-bg);border-radius:.5rem;border:1px solid var(--base-card-border);overflow:hidden}.base-card--elevated[data-v-80b8fdda]{box-shadow:var(--base-card-shadow);border:none}.base-card__header[data-v-80b8fdda]{padding:1rem 1.5rem;border-bottom:1px solid var(--base-card-border)}.base-card__title[data-v-80b8fdda]{margin:0;font-size:1.125rem;font-weight:600;color:var(--base-card-title-color)}.base-card__body[data-v-80b8fdda]{padding:1.5rem}.base-card--no-padding .base-card__body[data-v-80b8fdda]{padding:0}.base-card__footer[data-v-80b8fdda]{padding:1rem 1.5rem;border-top:1px solid var(--base-card-border);background-color:var(--base-card-footer-bg)}:root{--collapsible-card-bg: var(--color-background);--collapsible-card-footer-bg: var(--color-background-secondary);--collapsible-card-header-hover-bg: var(--color-background-secondary);--collapsible-card-toggle-hover-bg: var(--color-gray-200);--collapsible-card-border: var(--color-border);--collapsible-card-title-color: var(--color-text-primary);--collapsible-card-icon-color: var(--color-text-secondary);--collapsible-card-focus-ring: var(--color-focus-ring);--collapsible-card-shadow: var(--shadow-md)}.collapsible-card[data-v-14982384]{background-color:var(--collapsible-card-bg);border-radius:.5rem;border:1px solid var(--collapsible-card-border);overflow:hidden}.collapsible-card--elevated[data-v-14982384]{box-shadow:var(--collapsible-card-shadow);border:none}.collapsible-card__header[data-v-14982384]{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--collapsible-card-border);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease}.collapsible-card__header[data-v-14982384]:hover{background-color:var(--collapsible-card-header-hover-bg)}.collapsible-card__header-content[data-v-14982384]{flex:1}.collapsible-card__title[data-v-14982384]{margin:0;font-size:1.125rem;font-weight:600;color:var(--collapsible-card-title-color)}.collapsible-card__toggle[data-v-14982384]{background:none;border:none;padding:.25rem;cursor:pointer;color:var(--collapsible-card-icon-color);display:flex;align-items:center;justify-content:center;border-radius:.25rem;transition:background-color .2s ease}.collapsible-card__toggle[data-v-14982384]:hover{background-color:var(--collapsible-card-toggle-hover-bg)}.collapsible-card__toggle[data-v-14982384]:focus{outline:2px solid var(--collapsible-card-focus-ring);outline-offset:2px}.collapsible-card__icon[data-v-14982384]{transition:transform .2s ease}.collapsible-card__icon--collapsed[data-v-14982384]{transform:rotate(-90deg)}.collapsible-card__body[data-v-14982384]{padding:1.5rem}.collapsible-card--no-padding .collapsible-card__body[data-v-14982384]{padding:0}.collapsible-card__footer[data-v-14982384]{padding:1rem 1.5rem;border-top:1px solid var(--collapsible-card-border);background-color:var(--collapsible-card-footer-bg)}.base-delete-button[data-v-413ae3e1]{padding:.5rem;min-width:auto;aspect-ratio:1;display:inline-flex;align-items:center;justify-content:center}.base-delete-button__icon[data-v-413ae3e1]{flex-shrink:0}header[data-v-61913712]{margin:0;position:fixed;top:0;left:0;width:100%;height:var(--base-header-height);padding:var(--base-header-padding);background:var(--base-header-background);color:var(--base-header-color);box-shadow:0 2px 5px #0003;z-index:1000}.header-content[data-v-61913712]{display:flex;align-items:center;box-sizing:border-box;margin-right:calc(var(--base-header-padding) * 2)}.icons-slot[data-v-61913712]{margin-left:auto;display:flex}.titleblock[data-v-71d47028]{height:var(--base-header-height);display:flex;flex-direction:column;text-align:left;margin:0;padding:0}p.title[data-v-71d47028]{margin:0;padding:0;font-size:calc(var(--base-header-height) * .55);line-height:calc(var(--base-header-height) * .55);font-weight:700;display:flex;align-items:center;transform:translateY(-.05em)}p.subtitle[data-v-71d47028]{margin:0;padding:0;font-size:calc(var(--base-header-height) * .375);line-height:calc(var(--base-header-height) * .375);font-weight:400;display:flex;align-items:center;transform:translateY(-.05em)}.logo[data-v-f440fa71]{margin:0;padding:0;height:calc(var(--base-header-height));margin-right:.5rem}main[data-v-db8e7081]{position:fixed;top:calc(var(--base-header-height) + (var(--base-header-padding) * 2));bottom:calc(var(--base-footer-height) + (var(--base-footer-padding) * 2));left:0;right:0;overflow-y:auto;padding:1rem;z-index:1;line-height:1.2}footer[data-v-d3ef973b]{position:fixed;bottom:0;left:0;width:100%;height:var(--base-footer-height);padding:var(--base-footer-padding);background:var(--base-footer-background);color:var(--base-footer-color);box-shadow:0 -2px 5px #0003;z-index:1000}.footer-content[data-v-d3ef973b]{display:flex;align-items:center;justify-content:center;height:100%}.icons-slot[data-v-d3ef973b]{margin-left:auto;display:flex}p[data-v-6954ee3f]{margin:0;padding:0;padding-left:calc(var(--base-header-padding) - var(--base-footer-padding));font-size:inherit;color:inherit}
+html,body{height:100vh;margin:0;padding:0;overflow:hidden}:root{color-scheme:light dark;--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-primary-text: white;--color-secondary: #6b7280;--color-secondary-hover: #4b5563;--color-secondary-text: white;--color-success: #10b981;--color-success-hover: #059669;--color-success-text: white;--color-danger: #ef4444;--color-danger-hover: #dc2626;--color-danger-text: white;--color-warning: #f59e0b;--color-warning-hover: #d97706;--color-warning-text: white;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-text-primary: var(--color-gray-900);--color-text-secondary: var(--color-gray-600);--color-text-muted: var(--color-gray-400);--color-border: var(--color-gray-300);--color-border-focus: var(--color-primary);--color-border-error: var(--color-danger);--color-background: white;--color-background-secondary: var(--color-gray-50);--color-background-disabled: var(--color-gray-100);--color-focus-ring: var(--color-primary);--color-focus-shadow: 0 0 0 3px rgba(59, 130, 246, .1);--color-error-focus-shadow: 0 0 0 3px rgba(239, 68, 68, .1);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--opacity-disabled: .6;--opacity-loading: .7;--base-header-height: 4rem;--base-header-padding: 1rem;--base-header-background: var(--color-primary);--base-header-color: var(--color-primary-text);--base-footer-height: 2rem;--base-footer-padding: .5rem;--base-footer-background: var(--color-primary);--base-footer-color: var(--color-primary-text);--color-arrow: var(--color-gray-500)}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--color-primary: #60a5fa;--color-primary-hover: #3b82f6;--color-primary-text: white;--color-secondary: #9ca3af;--color-secondary-hover: #6b7280;--color-secondary-text: white;--color-success: #34d399;--color-success-hover: #10b981;--color-success-text: white;--color-danger: #f87171;--color-danger-hover: #ef4444;--color-danger-text: white;--color-warning: #fbbf24;--color-warning-hover: #f59e0b;--color-warning-text: #1f2937;--color-gray-50: #1f2937;--color-gray-100: #374151;--color-gray-200: #4b5563;--color-gray-300: #6b7280;--color-gray-400: #9ca3af;--color-gray-500: #d1d5db;--color-gray-600: #e5e7eb;--color-gray-700: #f3f4f6;--color-gray-800: #f9fafb;--color-gray-900: #ffffff;--color-text-primary: var(--color-gray-900);--color-text-secondary: var(--color-gray-600);--color-text-muted: var(--color-gray-400);--color-border: var(--color-gray-200);--color-border-focus: var(--color-primary);--color-border-error: var(--color-danger);--color-background: var(--color-gray-50);--color-background-secondary: var(--color-gray-100);--color-background-disabled: var(--color-gray-200);--color-focus-ring: var(--color-primary);--color-focus-shadow: 0 0 0 3px rgba(96, 165, 250, .2);--color-error-focus-shadow: 0 0 0 3px rgba(248, 113, 113, .2);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .4), 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .3);--base-header-background: var(--color-gray-100);--base-header-color: var(--color-gray-900);--base-footer-background: var(--color-gray-100);--base-footer-color: var(--color-gray-900);--color-arrow: var(--color-gray-400)}}.theme-dark{color-scheme:dark!important;--color-primary: #60a5fa !important;--color-primary-hover: #3b82f6 !important;--color-primary-text: white !important;--color-secondary: #9ca3af !important;--color-secondary-hover: #6b7280 !important;--color-secondary-text: white !important;--color-success: #34d399 !important;--color-success-hover: #10b981 !important;--color-success-text: white !important;--color-danger: #f87171 !important;--color-danger-hover: #ef4444 !important;--color-danger-text: white !important;--color-warning: #fbbf24 !important;--color-warning-hover: #f59e0b !important;--color-warning-text: #1f2937 !important;--color-gray-50: #1f2937 !important;--color-gray-100: #374151 !important;--color-gray-200: #4b5563 !important;--color-gray-300: #6b7280 !important;--color-gray-400: #9ca3af !important;--color-gray-500: #d1d5db !important;--color-gray-600: #e5e7eb !important;--color-gray-700: #f3f4f6 !important;--color-gray-800: #f9fafb !important;--color-gray-900: #ffffff !important;--color-text-primary: var(--color-gray-900) !important;--color-text-secondary: var(--color-gray-600) !important;--color-text-muted: var(--color-gray-400) !important;--color-border: var(--color-gray-200) !important;--color-border-focus: var(--color-primary) !important;--color-border-error: var(--color-danger) !important;--color-background: var(--color-gray-50) !important;--color-background-secondary: var(--color-gray-100) !important;--color-background-disabled: var(--color-gray-200) !important;--color-focus-ring: var(--color-primary) !important;--color-focus-shadow: 0 0 0 3px rgba(96, 165, 250, .2) !important;--color-error-focus-shadow: 0 0 0 3px rgba(248, 113, 113, .2) !important;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3) !important;--shadow: 0 1px 3px 0 rgba(0, 0, 0, .4), 0 1px 2px 0 rgba(0, 0, 0, .3) !important;--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3) !important;--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .3) !important;--color-arrow: var(--color-gray-400) !important;--base-header-background: var(--color-gray-100) !important;--base-header-color: var(--color-gray-900) !important;--base-footer-background: var(--color-gray-100) !important;--base-footer-color: var(--color-gray-900) !important}.theme-light{color-scheme:light!important;--color-primary: #3b82f6 !important;--color-primary-hover: #2563eb !important;--color-primary-text: white !important;--color-secondary: #6b7280 !important;--color-secondary-hover: #4b5563 !important;--color-secondary-text: white !important;--color-success: #10b981 !important;--color-success-hover: #059669 !important;--color-success-text: white !important;--color-danger: #ef4444 !important;--color-danger-hover: #dc2626 !important;--color-danger-text: white !important;--color-warning: #f59e0b !important;--color-warning-hover: #d97706 !important;--color-warning-text: white !important;--color-gray-50: #f9fafb !important;--color-gray-100: #f3f4f6 !important;--color-gray-200: #e5e7eb !important;--color-gray-300: #d1d5db !important;--color-gray-400: #9ca3af !important;--color-gray-500: #6b7280 !important;--color-gray-600: #4b5563 !important;--color-gray-700: #374151 !important;--color-gray-800: #1f2937 !important;--color-gray-900: #111827 !important;--color-text-primary: var(--color-gray-900) !important;--color-text-secondary: var(--color-gray-600) !important;--color-text-muted: var(--color-gray-400) !important;--color-border: var(--color-gray-300) !important;--color-border-focus: var(--color-primary) !important;--color-border-error: var(--color-danger) !important;--color-background: white !important;--color-background-secondary: var(--color-gray-50) !important;--color-background-disabled: var(--color-gray-100) !important;--color-focus-ring: var(--color-primary) !important;--color-focus-shadow: 0 0 0 3px rgba(59, 130, 246, .1) !important;--color-error-focus-shadow: 0 0 0 3px rgba(239, 68, 68, .1) !important;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05) !important;--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06) !important;--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06) !important;--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05) !important;--color-arrow: var(--color-gray-500) !important;--base-header-background: var(--color-primary) !important;--base-header-color: var(--color-primary-text) !important;--base-footer-background: var(--color-primary) !important;--base-footer-color: var(--color-primary-text) !important}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-text-primary);background-color:var(--color-background)}a{font-weight:500;color:var(--color-primary);text-decoration:inherit}a:hover{color:var(--color-primary-hover)}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:var(--color-background);color:var(--color-text-primary)}h1{font-size:3.2em;line-height:1.1;color:var(--color-text-primary)}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--color-gray-800);color:var(--color-gray-100);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--color-primary)}button:focus,button:focus-visible{outline:4px auto var(--color-focus-ring)}.card{padding:2em;background-color:var(--color-background);color:var(--color-text-primary)}#app{max-width:1280px;margin:0 auto;padding:2rem}:root{--base-button-primary-bg: var(--color-primary);--base-button-primary-bg-hover: var(--color-primary-hover);--base-button-primary-text: var(--color-primary-text);--base-button-secondary-bg: var(--color-secondary);--base-button-secondary-bg-hover: var(--color-secondary-hover);--base-button-secondary-text: var(--color-secondary-text);--base-button-success-bg: var(--color-success);--base-button-success-bg-hover: var(--color-success-hover);--base-button-success-text: var(--color-success-text);--base-button-danger-bg: var(--color-danger);--base-button-danger-bg-hover: var(--color-danger-hover);--base-button-danger-text: var(--color-danger-text);--base-button-warning-bg: var(--color-warning);--base-button-warning-bg-hover: var(--color-warning-hover);--base-button-warning-text: var(--color-warning-text);--base-button-disabled-opacity: var(--opacity-disabled);--base-button-loading-opacity: var(--opacity-loading)}.base-button[data-v-a4a5350a]{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;border-radius:.375rem;font-weight:500;cursor:pointer;transition:all .2s ease-in-out;font-family:inherit;position:relative}.base-button[data-v-a4a5350a]:focus-visible{outline:2px solid currentColor;outline-offset:2px}.base-button--small[data-v-a4a5350a]{padding:.375rem .75rem;font-size:.875rem}.base-button--medium[data-v-a4a5350a]{padding:.5rem 1rem;font-size:1rem}.base-button--large[data-v-a4a5350a]{padding:.75rem 1.5rem;font-size:1.125rem}.base-button--primary[data-v-a4a5350a]{background-color:var(--base-button-primary-bg);color:var(--base-button-primary-text)}.base-button--primary[data-v-a4a5350a]:hover:not(:disabled){background-color:var(--base-button-primary-bg-hover)}.base-button--secondary[data-v-a4a5350a]{background-color:var(--base-button-secondary-bg);color:var(--base-button-secondary-text)}.base-button--secondary[data-v-a4a5350a]:hover:not(:disabled){background-color:var(--base-button-secondary-bg-hover)}.base-button--success[data-v-a4a5350a]{background-color:var(--base-button-success-bg);color:var(--base-button-success-text)}.base-button--success[data-v-a4a5350a]:hover:not(:disabled){background-color:var(--base-button-success-bg-hover)}.base-button--danger[data-v-a4a5350a]{background-color:var(--base-button-danger-bg);color:var(--base-button-danger-text)}.base-button--danger[data-v-a4a5350a]:hover:not(:disabled){background-color:var(--base-button-danger-bg-hover)}.base-button--warning[data-v-a4a5350a]{background-color:var(--base-button-warning-bg);color:var(--base-button-warning-text)}.base-button--warning[data-v-a4a5350a]:hover:not(:disabled){background-color:var(--base-button-warning-bg-hover)}.base-button--full-width[data-v-a4a5350a]{width:100%}.base-button--disabled[data-v-a4a5350a],.base-button[data-v-a4a5350a]:disabled{opacity:var(--base-button-disabled-opacity);cursor:not-allowed}.base-button--loading[data-v-a4a5350a]{cursor:wait}.base-button__spinner[data-v-a4a5350a]{width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin-a4a5350a .6s linear infinite}.base-button__content--loading[data-v-a4a5350a]{opacity:var(--base-button-loading-opacity)}@keyframes spin-a4a5350a{to{transform:rotate(360deg)}}:root{--base-input-label-color: var(--input-label-color);--base-input-required-color: var(--input-required-color);--base-input-border: var(--input-border);--base-input-border-focus: var(--input-border-focus);--base-input-border-error: var(--input-border-error);--base-input-bg: var(--input-bg);--base-input-bg-disabled: var(--input-bg-disabled);--base-input-placeholder-color: var(--input-placeholder-color);--base-input-focus-shadow: var(--input-focus-shadow);--base-input-error-focus-shadow: var(--input-error-focus-shadow);--base-input-error-color: var(--input-error-color);--base-input-disabled-opacity: var(--input-disabled-opacity)}.base-input[data-v-eff0ecb9]{display:flex;flex-direction:column;gap:.375rem}.base-input__label[data-v-eff0ecb9]{font-size:.875rem;font-weight:500;color:var(--base-input-label-color)}.base-input__required[data-v-eff0ecb9]{color:var(--base-input-required-color)}.base-input__field[data-v-eff0ecb9]{padding:.5rem .75rem;font-size:1rem;border:1px solid var(--base-input-border);border-radius:.375rem;background-color:var(--base-input-bg);transition:all .2s ease-in-out;font-family:inherit}.base-input__field[data-v-eff0ecb9]:focus{outline:none;border-color:var(--base-input-border-focus);box-shadow:var(--base-input-focus-shadow)}.base-input__field[data-v-eff0ecb9]::placeholder{color:var(--base-input-placeholder-color)}.base-input__field--error[data-v-eff0ecb9]{border-color:var(--base-input-border-error)}.base-input__field--error[data-v-eff0ecb9]:focus{border-color:var(--base-input-border-error);box-shadow:var(--base-input-error-focus-shadow)}.base-input__field--disabled[data-v-eff0ecb9],.base-input__field[data-v-eff0ecb9]:disabled{background-color:var(--base-input-bg-disabled);cursor:not-allowed;opacity:var(--base-input-disabled-opacity)}.base-input__error[data-v-eff0ecb9]{font-size:.875rem;color:var(--base-input-error-color)}:root{--input-label-color: var(--color-text-primary);--input-required-color: var(--color-danger);--input-border: var(--color-border);--input-border-focus: var(--color-border-focus);--input-border-error: var(--color-border-error);--input-bg: var(--color-background);--input-bg-disabled: var(--color-background-disabled);--input-placeholder-color: var(--color-text-muted);--input-focus-shadow: var(--color-focus-shadow);--input-error-focus-shadow: var(--color-error-focus-shadow);--input-error-color: var(--color-danger);--input-disabled-opacity: var(--opacity-disabled)}:root{--base-select-label-color: var(--input-label-color);--base-select-required-color: var(--input-required-color);--base-select-border: var(--input-border);--base-select-border-focus: var(--input-border-focus);--base-select-border-error: var(--input-border-error);--base-select-bg: var(--input-bg);--base-select-bg-disabled: var(--input-bg-disabled);--base-select-focus-shadow: var(--input-focus-shadow);--base-select-error-focus-shadow: var(--input-error-focus-shadow);--base-select-error-color: var(--input-error-color);--base-select-disabled-opacity: var(--input-disabled-opacity)}.base-select[data-v-8a0c8926]{display:flex;flex-direction:column;gap:.375rem}.base-select__label[data-v-8a0c8926]{font-size:.875rem;font-weight:500;color:var(--base-select-label-color)}.base-select__required[data-v-8a0c8926]{color:var(--base-select-required-color)}.base-select__field[data-v-8a0c8926]{padding:.5rem 2rem .5rem .75rem;font-size:1rem;border:1px solid var(--base-select-border);border-radius:.375rem;transition:all .2s ease-in-out;font-family:inherit;background-color:var(--base-select-bg);appearance:none;cursor:pointer;position:relative}.base-select__field[data-v-8a0c8926]:after{content:"";position:absolute;top:50%;right:.75rem;transform:translateY(-50%);width:0;height:0;border-left:.25rem solid transparent;border-right:.25rem solid transparent;border-top:.375rem solid var(--color-arrow);pointer-events:none}.base-select__field[data-v-8a0c8926]:focus{outline:none;border-color:var(--base-select-border-focus);box-shadow:var(--base-select-focus-shadow)}.base-select__field--error[data-v-8a0c8926]{border-color:var(--base-select-border-error)}.base-select__field--error[data-v-8a0c8926]:focus{border-color:var(--base-select-border-error);box-shadow:var(--base-select-error-focus-shadow)}.base-select__field--disabled[data-v-8a0c8926],.base-select__field[data-v-8a0c8926]:disabled{background-color:var(--base-select-bg-disabled);cursor:not-allowed;opacity:var(--base-select-disabled-opacity)}.base-select__error[data-v-8a0c8926]{font-size:.875rem;color:var(--base-select-error-color)}:root{--base-card-bg: var(--color-background);--base-card-footer-bg: var(--color-background-secondary);--base-card-border: var(--color-border);--base-card-title-color: var(--color-text-primary);--base-card-shadow: var(--shadow-md)}.base-card[data-v-80b8fdda]{background-color:var(--base-card-bg);border-radius:.5rem;border:1px solid var(--base-card-border);overflow:hidden}.base-card--elevated[data-v-80b8fdda]{box-shadow:var(--base-card-shadow);border:none}.base-card__header[data-v-80b8fdda]{padding:1rem 1.5rem;border-bottom:1px solid var(--base-card-border)}.base-card__title[data-v-80b8fdda]{margin:0;font-size:1.125rem;font-weight:600;color:var(--base-card-title-color)}.base-card__body[data-v-80b8fdda]{padding:1.5rem}.base-card--no-padding .base-card__body[data-v-80b8fdda]{padding:0}.base-card__footer[data-v-80b8fdda]{padding:1rem 1.5rem;border-top:1px solid var(--base-card-border);background-color:var(--base-card-footer-bg)}:root{--collapsible-card-bg: var(--color-background);--collapsible-card-footer-bg: var(--color-background-secondary);--collapsible-card-header-hover-bg: var(--color-background-secondary);--collapsible-card-toggle-hover-bg: var(--color-gray-200);--collapsible-card-border: var(--color-border);--collapsible-card-title-color: var(--color-text-primary);--collapsible-card-icon-color: var(--color-text-secondary);--collapsible-card-focus-ring: var(--color-focus-ring);--collapsible-card-shadow: var(--shadow-md)}.collapsible-card[data-v-14982384]{background-color:var(--collapsible-card-bg);border-radius:.5rem;border:1px solid var(--collapsible-card-border);overflow:hidden}.collapsible-card--elevated[data-v-14982384]{box-shadow:var(--collapsible-card-shadow);border:none}.collapsible-card__header[data-v-14982384]{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--collapsible-card-border);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease}.collapsible-card__header[data-v-14982384]:hover{background-color:var(--collapsible-card-header-hover-bg)}.collapsible-card__header-content[data-v-14982384]{flex:1}.collapsible-card__title[data-v-14982384]{margin:0;font-size:1.125rem;font-weight:600;color:var(--collapsible-card-title-color)}.collapsible-card__toggle[data-v-14982384]{background:none;border:none;padding:.25rem;cursor:pointer;color:var(--collapsible-card-icon-color);display:flex;align-items:center;justify-content:center;border-radius:.25rem;transition:background-color .2s ease}.collapsible-card__toggle[data-v-14982384]:hover{background-color:var(--collapsible-card-toggle-hover-bg)}.collapsible-card__toggle[data-v-14982384]:focus{outline:2px solid var(--collapsible-card-focus-ring);outline-offset:2px}.collapsible-card__icon[data-v-14982384]{transition:transform .2s ease}.collapsible-card__icon--collapsed[data-v-14982384]{transform:rotate(-90deg)}.collapsible-card__body[data-v-14982384]{padding:1.5rem}.collapsible-card--no-padding .collapsible-card__body[data-v-14982384]{padding:0}.collapsible-card__footer[data-v-14982384]{padding:1rem 1.5rem;border-top:1px solid var(--collapsible-card-border);background-color:var(--collapsible-card-footer-bg)}.base-delete-button[data-v-413ae3e1]{padding:.5rem;min-width:auto;aspect-ratio:1;display:inline-flex;align-items:center;justify-content:center}.base-delete-button__icon[data-v-413ae3e1]{flex-shrink:0}header[data-v-61913712]{margin:0;position:fixed;top:0;left:0;width:100%;height:var(--base-header-height);padding:var(--base-header-padding);background:var(--base-header-background);color:var(--base-header-color);box-shadow:0 2px 5px #0003;z-index:1000}.header-content[data-v-61913712]{display:flex;align-items:center;box-sizing:border-box;margin-right:calc(var(--base-header-padding) * 2)}.icons-slot[data-v-61913712]{margin-left:auto;display:flex}.titleblock[data-v-71d47028]{height:var(--base-header-height);display:flex;flex-direction:column;text-align:left;margin:0;padding:0}p.title[data-v-71d47028]{margin:0;padding:0;font-size:calc(var(--base-header-height) * .55);line-height:calc(var(--base-header-height) * .55);font-weight:700;display:flex;align-items:center;transform:translateY(-.05em)}p.subtitle[data-v-71d47028]{margin:0;padding:0;font-size:calc(var(--base-header-height) * .375);line-height:calc(var(--base-header-height) * .375);font-weight:400;display:flex;align-items:center;transform:translateY(-.05em)}.logo[data-v-f440fa71]{margin:0;padding:0;height:calc(var(--base-header-height));margin-right:.5rem}main[data-v-db8e7081]{position:fixed;top:calc(var(--base-header-height) + (var(--base-header-padding) * 2));bottom:calc(var(--base-footer-height) + (var(--base-footer-padding) * 2));left:0;right:0;overflow-y:auto;padding:1rem;z-index:1;line-height:1.2}footer[data-v-d3ef973b]{position:fixed;bottom:0;left:0;width:100%;height:var(--base-footer-height);padding:var(--base-footer-padding);background:var(--base-footer-background);color:var(--base-footer-color);box-shadow:0 -2px 5px #0003;z-index:1000}.footer-content[data-v-d3ef973b]{display:flex;align-items:center;justify-content:center;height:100%}.icons-slot[data-v-d3ef973b]{margin-left:auto;display:flex}p[data-v-6954ee3f]{margin:0;padding:0;padding-left:calc(var(--base-header-padding) - var(--base-footer-padding));font-size:inherit;color:inherit}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@allsrvsonline/vue-component-library",
-  "version": "0.6.0",
+  "version": "0.6.1",
   "type": "module",
   "main": "./dist/vue-component-library.umd.js",
   "module": "./dist/vue-component-library.es.js",