@surgeui/ds-vue 3.0.0 → 3.0.2

package/README.md

@@ -1,373 +1,268 @@
-# SurgeUI Vue Design System
-
-A modern **Vue.js 3** component library with Composition API, designed to create beautiful and consistent user interfaces.
-
-[![npm](https://img.shields.io/npm/v/@surgeui/ds-vue)](https://www.npmjs.com/package/@surgeui/ds-vue)
-[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
-[![Vue 3](https://img.shields.io/badge/Vue-3.x-4FC08D.svg)](https://vuejs.org/)
-[![TypeScript](https://img.shields.io/badge/TypeScript-Ready-3178C6.svg)](https://www.typescriptlang.org/)
-
-
-## ✨ Features
-
-- 🎨 **Modern Design** - Polished and professional components
-- 🎯 **Composition API** - Built with Vue 3 Composition API
-- 🔧 **TypeScript** - Full TypeScript support for better developer experience
-- 🎨 **Customizable** - Global configuration and theming support
-- 📱 **Responsive** - Components adapted to all screen sizes
-- ♿ **Accessible** - WCAG 2.1 AA compliant with complete accessibility support
-- 🌙 **Dark Mode** - Native dark mode support
-- ⚡ **Performance** - Optimized for best performance
-
-
-## Quick Start
-
-### Installation
-
-```bash
-npm install @surgeui/ds-vue
-```
-
-### Basic Usage
-
-```vue
-<script setup lang="ts" >
-import '@surgeui/ds-vue/style.css'
-import { SuButton } from '@surgeui/ds-vue'
-import type { ButtonProps } from '@surgeui/ds-vue/types'
-</script>
-
-<template>
-  <SuButton variant="primary">
-    My first button
-  </SuButton>
-</template>
-```
-
-### Global Installation
-
-```ts
-// main.js
-import { createApp } from 'vue'
-import SurgeUpDS from '@surgeui/ds-vue'
-import '@surgeui/ds-vue/style.css'
-import App from './App.vue'
-
-const app = createApp(App)
-app.use(SurgeUpDS)
-app.mount('#app')
-```
-
-## 🎨 Customization & Theming
-
-SurgeUI provides a **declarative, CSS-based theming system** that allows you to customize colors and styles by defining custom CSS variables.
-
-### How It Works
-
-The customization system automatically converts theme properties into CSS variables with the `--su-custom-` prefix. These variables can override the default theme tokens when defined.
-
-### Global Configuration
-
-Configure the design system when installing:
-
-```ts
-import { createApp } from 'vue'
-import SurgeUpDS from '@surgeui/ds-vue'
-import '@surgeui/ds-vue/style.css'
-import App from './App.vue'
-
-const app = createApp(App)
-
-const themeConfig = {
-  // Component prefix (default: 'Su')
-  prefix: 'My', // Components become MyButton, MyInput, etc.
-
-  // Theme customization via CSS variables
-  theme: {
-    // Text colors
-    textPrimary: '#1f2937',
-    textSecondary: '#6b7280',
-    textTertiary: '#9ca3af',
-    textDisabled: '#d1d5db',
-    
-    // Background colors
-    bgCanvas: '#ffffff',
-    bgSurface: '#f9fafb',
-    bgOverlay: 'rgba(0, 0, 0, 0.5)',
-    
-    // Border colors
-    borderDefault: '#e5e7eb',
-    borderFocus: '#3b82f6',
-    
-    // Action colors
-    primaryDefault: '#3b82f6',
-    primaryHover: '#2563eb',
-    primaryText: '#ffffff',
-    
-    // State colors
-    stateSuccess: '#10b981',
-    stateWarning: '#f59e0b',
-    stateError: '#ef4444',
-  }
-}
-
-app.use(SurgeUpDS, themeConfig)
-app.mount('#app')
-```
-
-### CSS Variable Generation
-
-All theme properties are automatically converted to CSS custom properties with the `--su-custom-` prefix:
-
-```ts
-theme: {
-  textPrimary: '#1f2937'        // → --su-custom-text-primary
-  bgSurface: '#f9fafb'          // → --su-custom-bg-surface
-  primaryDefault: '#3b82f6'     // → --su-custom-primary-default
-  stateSuccessBg: '#d1fae5'     // → --su-custom-state-success-bg
-}
-```
-
-### Using Custom Variables in CSS
-
-Define custom variables in your CSS and they will automatically take precedence over default theme tokens:
-
-```css
-/* In your global CSS file */
-:root {
-  /* Text customization */
-  --su-custom-text-primary: #1f2937;
-  --su-custom-text-secondary: #6b7280;
-  
-  /* Background customization */
-  --su-custom-bg-canvas: #ffffff;
-  --su-custom-bg-surface: #f9fafb;
-  
-  /* Button customization */
-  --su-custom-primary-default: #3b82f6;
-  --su-custom-primary-hover: #2563eb;
-  --su-custom-primary-text: #ffffff;
-  
-  /* State customization */
-  --su-custom-state-success: #10b981;
-  --su-custom-state-error: #ef4444;
-}
-
-/* Dark mode example */
-@media (prefers-color-scheme: dark) {
-  :root {
-    --su-custom-text-primary: #f3f4f6;
-    --su-custom-bg-canvas: #111827;
-    --su-custom-bg-surface: #1f2937;
-  }
-}
-```
-
-### Available Theme Tokens
-
-#### Text Tokens
-- `textPrimary` - Primary text color
-- `textSecondary` - Secondary text color
-- `textTertiary` - Tertiary text color
-- `textDisabled` - Disabled text color
-- `textInverse` - Inverse text color (for contrast backgrounds)
-
-#### Background Tokens
-- `bgCanvas` - Canvas/page background
-- `bgSurface` - Card and modal backgrounds
-- `bgSurfaceElevated` - Elevated surface backgrounds
-- `bgHover` - Hover state background
-- `bgActive` - Active state background
-- `bgSelected` - Selected state background
-- `bgOverlay` - Overlay/backdrop background
-
-#### Border Tokens
-- `borderDefault` - Default border color
-- `borderSubtle` - Subtle border color
-- `borderStrong` - Strong border color
-- `borderFocus` - Focus state border
-- `borderDisabled` - Disabled border
-
-#### Action Tokens
-- `primaryDefault` - Primary action default
-- `primaryHover` - Primary action hover
-- `primaryActive` - Primary action active
-- `primaryDisabled` - Primary action disabled
-- `primaryText` - Primary action text
-- `secondaryDefault` - Secondary action default
-- `secondaryHover` - Secondary action hover
-- `secondaryText` - Secondary action text
-
-#### State Tokens
-- `stateSuccess` - Success state color
-- `stateSuccessBg` - Success background
-- `stateWarning` - Warning state color
-- `stateWarningBg` - Warning background
-- `stateError` - Error state color
-- `stateErrorBg` - Error background
-- `stateInfo` - Info state color
-- `stateInfoBg` - Info background
-
-#### Link Tokens (legacy configuration)
-- `linkVariant` - Default link variant
-- `linkSize` - Default link size
-- `linkUnderline` - Default underline style
-- `dialogDisplay` - Default dialog display mode
-
-### Variable Priority & Fallback
-
-Variables follow this priority order:
-
-1. **Custom CSS variables** (`--su-custom-*`) - Highest priority
-2. **Theme configuration** - Applied during plugin initialization
-3. **Default theme tokens** - Fallbacks from theme definitions
-
-This means:
-- CSS variables defined in `:root` or element styles always take precedence
-- Variables not defined in the theme config fall back to default tokens
-- You can override specific tokens without defining the entire theme
-
-### Scoped Customization
-
-Apply different themes to different parts of your application:
-
-```vue
-<template>
-  <!-- Light theme section -->
-  <section class="light-section">
-    <SuButton>Light Button</SuButton>
-  </section>
-
-  <!-- Dark theme section -->
-  <section class="dark-section">
-    <SuButton>Dark Button</SuButton>
-  </section>
-</template>
-
-<style scoped>
-.light-section {
-  --su-custom-text-primary: #1f2937;
-  --su-custom-bg-surface: #ffffff;
-}
-
-.dark-section {
-  --su-custom-text-primary: #f3f4f6;
-  --su-custom-bg-surface: #1f2937;
-}
-</style>
-```
-
-### With Icons
-
-SurgeUI use **Heroicons** for add and display icons
-
-```vue
-<script setup>
-import { informationCircleIcon, HeartIcon } from '@heroicons/vue/24/outline'
-</script>
-
-<template>
-  <SuHeading>
-    <informationCircleIcon /> User informations
-  </SuHeading>
-  <SuButton variant="primary" :icon="HeartIcon" iconDisplay="left">
-    I like it
-  </SuButton>
-</template>
-```
-
-## ♿ Accessibility
-
-All components follow WCAG 2.1 AA standards:
-
-- **Focus Management** - Clear focus indicators and logical tab order
-- **Keyboard Navigation** - Full keyboard support
-- **Screen Readers** - Proper ARIA attributes and announcements
-- **Color Contrast** - WCAG AA compliant contrast ratios (4.5:1 minimum)
-- **Touch Targets** - Minimum 44px touch targets
-- **Reduced Motion** - Respects `prefers-reduced-motion`
-- **High Contrast** - Supports `prefers-contrast: high`
-- **RTL Support** - Right-to-left language support
-
-## 🌙 Dark Mode
-
-Dark mode is automatically supported through CSS media queries:
-
-```css
-@media (prefers-color-scheme: dark) {
-  /* Dark mode styles are automatically applied */
-}
-
-.dark, [theme="dark"] * {
-  /* Dark mode styles are automatically applied */
-}
-```
-
-## 📱 Responsive Design
-
-All components are responsive by default:
-
-- **Mobile-first** approach
-- **Flexible layouts** that adapt to screen size
-- **Touch-friendly** interactions
-- **Automatic responsive behavior** (e.g., FormFields switches to vertical on mobile)
-
-## 🎭 Storybook
-
-Explore all components interactively in Storybook:
-
-```bash
-npm run storybook
-```
-
-## 🛠️ Development
-
-### Prerequisites
-
-- Node.js 16+
-- Vue.js 3.3+
-
-### Build the library
-
-```bash
-npm run build
-```
-
-### Development mode
-
-```bash
-npm run dev
-```
-
-### Run Storybook
-
-```bash
-npm run storybook
-```
-
-## 📖 Documentation
-
-Visit our [complete documentation](https://surgeui.com/) for:
-
-- **Component API** - Detailed props, events, and slots
-- **Usage examples** - Real-world implementation examples
-- **Accessibility guide** - Best practices for inclusive design
-- **Customization** - Theming and configuration options
-
-## 🤝 Contributing
-
-We welcome contributions! Please see our [Contributing Guide](https://github.com/mahmoud-nb/surge.ui/blob/main/package/CONTRIBUTING.md) for details.
-
-## 📄 License
-
-MIT License - see the [LICENSE](https://github.com/mahmoud-nb/surge.ui/blob/main/package/LICENSE.md) file for details.
-
-## 🔗 Links
-
-- [Documentation](https://surgeui.com/)
-- [Storybook](https://surgeui.com/storybook/)
-- [GitHub Repository](https://github.com/mahmoud-nb/surge.ui)
-
----
-
-Made with ❤️ by the SurgeUp team
+# SurgeUI Vue Design System
+
+An accessible **Vue 3** component library: components, layouts and composables built with the Composition API and TypeScript, themable through CSS custom properties.
+
+[![npm](https://img.shields.io/npm/v/@surgeui/ds-vue)](https://www.npmjs.com/package/@surgeui/ds-vue)
+[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
+[![Vue 3](https://img.shields.io/badge/Vue-3.5+-4FC08D.svg)](https://vuejs.org/)
+[![TypeScript](https://img.shields.io/badge/TypeScript-Ready-3178C6.svg)](https://www.typescriptlang.org/)
+
+## ✨ Features
+
+- 🧩 **50+ components** - Display, actions, forms and 9 mobile-first layouts
+- ♿ **Accessible** - WAI-ARIA patterns (combobox, menu button, tabs, accordion, dialog), full keyboard support, screen reader announcements
+- 🎨 **Themable** - 4 built-in themes × light / dark mode, CSS custom properties (`--su-*`)
+- 🌍 **Translatable** - Default texts in French and English, customizable messages
+- 🔧 **TypeScript** - Typed props, emits and composables
+- 📱 **Responsive** - Mobile first; layouts adapt to their **container** width (container queries)
+- 🔄 **RTL & LTR** - Right-to-left support, including keyboard navigation
+
+## Quick Start
+
+### Requirements
+
+- Vue **3.5+**
+
+### Installation
+
+```bash
+npm install @surgeui/ds-vue
+```
+
+### Global installation (recommended)
+
+Registers every component with the `Su` prefix (`SuButton`, `SuInputField`, …):
+
+```ts
+// main.ts
+import { createApp } from 'vue'
+import SurgeUI from '@surgeui/ds-vue'
+import '@surgeui/ds-vue/style.css'
+import App from './App.vue'
+
+createApp(App)
+  .use(SurgeUI)
+  .mount('#app')
+```
+
+```vue
+<template>
+  <SuButton variant="primary">My first button</SuButton>
+</template>
+```
+
+### Selective import
+
+Components are exported **without** the prefix:
+
+```vue
+<script setup lang="ts">
+import '@surgeui/ds-vue/style.css'
+import { Button as SuButton, InputField as SuInputField } from '@surgeui/ds-vue'
+import type { ButtonProps } from '@surgeui/ds-vue'
+</script>
+
+<template>
+  <SuInputField label="Email" type="email" />
+  <SuButton variant="primary">Subscribe</SuButton>
+</template>
+```
+
+### Plugin options
+
+```ts
+import SurgeUI, { locales } from '@surgeui/ds-vue'
+
+app.use(SurgeUI, {
+  prefix: 'Su',           // Component prefix: SuButton, SuDialog…
+  locale: locales.en,     // Default texts language (French by default)
+  theme: {                // Theme overrides (see Customization)
+    primaryDefault: '#2563eb'
+  }
+})
+```
+
+## 🧩 What's inside
+
+| Category | Components |
+|----------|------------|
+| Display | Heading, Panel, Icon, Image, Avatar, AvatarGroup, Badge, Card, Alert, Tabs, Accordion, Dialog, Popover, Progress, Spinner, Price |
+| Actions | Button, ButtonGroup, Link, LinkGroup, Toggle, ToggleGroup, Dropdown, FloatButton |
+| Forms | Input, Textarea, Password, SelectBox, RadioGroup, CheckboxGroup, Switch, Slider, FileUpload, OtpInput, FormField, FormFieldGroup, and a `*Field` version of each control (label + message) |
+| Layouts | SingleColumnLayout, SidebarLayout, SplitLayout, HolyGrailLayout, MagazineLayout, GridLayout, MasonryLayout, HeroLayout, FullScreenLayout |
+
+### Composables
+
+| Composable | Purpose |
+|------------|---------|
+| `useTheme` | Theme and light / dark mode, system preference, persistence |
+| `useCustomTheme` | Runtime CSS variable overrides |
+| `useBreakpoint` | Reactive breakpoints |
+| `usePrice` | Localized price formatting |
+| `useLocale` | Default component texts (`provideLocale`, `defineLocale`) |
+| `useFormField` | Links a custom control to `SuFormField` (id, label, message, states) |
+| `useAnnouncer` | Screen reader announcements through persistent live regions |
+| `useFocusTrap` | Stacked focus traps for panels and modal popovers |
+| `useDismiss` | Layered dismissal: Escape, pointer down outside, focus loss |
+| `useListNavigation` / `useTypeahead` | Arrow keys, Home / End and typeahead for lists, menus and tabs |
+| `useFloatingPosition` | Positions a floating element against its trigger (flip, shift, arrow) |
+
+## 📝 Forms
+
+A control placed in `SuFormField` links itself to the field: label, help message, `aria-describedby`, error state, `required` and `disabled`. No slot props needed:
+
+```vue
+<SuFormField label="Country" message="Country of residence" state="error" required>
+  <SuSelectBox :options="countries" v-model="country" />
+</SuFormField>
+```
+
+The `*Field` components (`SuInputField`, `SuSelectBoxField`…) bundle the field and the control in one component.
+
+## 🎨 Themes and dark mode
+
+Four themes (`default`, `ocean`, `forest`, `sunset`), each in light and dark mode. They are applied through the `data-theme` and `data-theme-mode` attributes on the root element; `useTheme` sets them for you, follows the system preference and remembers the user's choice:
+
+```vue
+<script setup>
+import { useTheme } from '@surgeui/ds-vue'
+
+const { setTheme, setThemeMode, toggleMode, isDarkMode } = useTheme()
+</script>
+
+<template>
+  <SuButton @click="toggleMode">{{ isDarkMode ? 'Light' : 'Dark' }} mode</SuButton>
+  <SuButton @click="setTheme('ocean')">Ocean theme</SuButton>
+</template>
+```
+
+`setThemeMode` accepts `'light'`, `'dark'` or `'system'`. Without `useTheme`, set the attributes yourself:
+
+```html
+<html data-theme="default" data-theme-mode="dark">
+```
+
+## 🎨 Customization
+
+### Theme configuration
+
+Theme properties passed to the plugin become CSS variables with the `--su-custom-` prefix, which override the default tokens:
+
+```ts
+app.use(SurgeUI, {
+  theme: {
+    textPrimary: '#1f2937',      // → --su-custom-text-primary
+    bgSurface: '#f9fafb',        // → --su-custom-bg-surface
+    primaryDefault: '#3b82f6',   // → --su-custom-primary-default
+    primaryHover: '#2563eb',
+    stateError: '#ef4444'
+  }
+})
+```
+
+### CSS variables
+
+You can also define the variables directly, globally or on a section of the page:
+
+```css
+:root {
+  --su-custom-primary-default: #3b82f6;
+  --su-custom-primary-hover: #2563eb;
+  --su-custom-primary-text: #ffffff;
+}
+
+/* Values for the dark mode */
+[data-theme-mode='dark'] {
+  --su-custom-bg-canvas: #111827;
+  --su-custom-bg-surface: #1f2937;
+}
+
+/* A section with its own colors */
+.promo {
+  --su-custom-primary-default: #db2777;
+}
+```
+
+Priority: `--su-custom-*` variables (CSS or plugin `theme` option) → theme tokens.
+
+### Available theme keys
+
+- **Text** - `textPrimary`, `textSecondary`, `textTertiary`, `textDisabled`, `textInverse`
+- **Links** - `linkDefault`, `linkHover`, `linkVisited`, `linkMuted`
+- **Backgrounds** - `bgCanvas`, `bgSurface`, `bgSurfaceElevated`, `bgOverlay`, `bgDisabled`, `bgHover`, `bgActive`, `bgSelected`
+- **Borders** - `borderDefault`, `borderSubtle`, `borderStrong`, `borderFocus`, `borderDisabled`
+- **Primary actions** - `primaryDefault`, `primaryHover`, `primaryActive`, `primaryDisabled`, `primaryText`
+- **Secondary actions** - `secondaryDefault`, `secondaryHover`, `secondaryActive`, `secondaryDisabled`, `secondaryText`
+- **States** - `stateSuccess`, `stateWarning`, `stateError`, `stateInfo` and their `…Bg` variants
+- **Shadow** - `shadowColor`
+
+## 🌍 Languages
+
+Default component texts (accessible labels, placeholders, error messages, announcements) are in French; English is provided. An explicit prop always wins.
+
+```ts
+import SurgeUI, { defineLocale, locales } from '@surgeui/ds-vue'
+
+app.use(SurgeUI, {
+  locale: defineLocale(locales.en, {
+    messages: { selectBox: { placeholder: 'Pick one…' } }
+  })
+})
+```
+
+The `locale` option also accepts a ref, and `provideLocale()` switches the language of a subtree at runtime.
+
+## 🖼️ Icons
+
+Components accept any Vue component as an icon; the examples use [Heroicons](https://heroicons.com/):
+
+```vue
+<script setup>
+import { HeartIcon } from '@heroicons/vue/24/outline'
+</script>
+
+<template>
+  <SuButton variant="primary" :icon="HeartIcon" icon-display="left">I like it</SuButton>
+</template>
+```
+
+## ♿ Accessibility
+
+Components are built to meet **WCAG 2.1 AA**:
+
+- **WAI-ARIA patterns** - combobox + listbox (SelectBox), menu button (Dropdown), tabs, accordion, modal dialog (native `<dialog>`)
+- **Keyboard** - arrow keys, Home / End, typeahead, Escape; RTL-aware arrows
+- **Focus** - visible focus rings, focus returned to the trigger, focus trap for modal popovers
+- **Forms** - labels, messages and states linked automatically to the control
+- **Screen readers** - persistent live regions for announcements, named landmarks (HolyGrailLayout, with skip link)
+- **Preferences** - `prefers-reduced-motion`, `prefers-contrast: more`, minimum touch targets
+
+## ⬆️ Upgrading to 3.0
+
+Version 3.0 contains breaking changes:
+
+- `SuButton` has `type="button"` by default: pass `type="submit"` to submit a form.
+- `SuSwitch` renders a `<button>` instead of a `<div>`.
+- `SuDialog` uses the native `<dialog>` element: the `zIndex` prop has no effect and the backdrop is `::backdrop`.
+- Vue **3.5+** is required.
+- `accessibility.announceToScreenReader()` and `accessibility.trapFocus()` are deprecated in favor of `announce()` / `useAnnouncer()` and `useFocusTrap()`.
+
+See the [CHANGELOG](https://github.com/mahmoud-nb/surge.ui/blob/main/CHANGELOG.md) for the full list.
+
+## 📖 Documentation
+
+- [Documentation](https://surgeui.com/) - Guides, component API, live examples (French and English)
+- [Storybook](https://surgeui.com/storybook/) - Interactive examples and accessibility checks
+- [GitHub Repository](https://github.com/mahmoud-nb/surge.ui)
+
+## 🤝 Contributing
+
+Contributions are welcome! See the [Contributing Guide](https://github.com/mahmoud-nb/surge.ui/blob/main/package/CONTRIBUTING.md).
+
+## 📄 License
+
+MIT - see the [LICENSE](https://github.com/mahmoud-nb/surge.ui/blob/main/package/LICENSE.md) file.
+
+---
+
+Made with ❤️ by the SurgeUI team

package/dist/components/atoms/Price.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Price.vue.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/Price.vue"],"names":[],"mappings":"AA+WA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AA+HzC,iBAAS,cAAc;WAqFT,OAAO,IAA6B;;QAnMhD,uDAAuD;mBAC5C,GAAG;QACd,gDAAgD;yBAC/B;YAAE,SAAS,EAAE,MAAM,CAAC;YAAC,MAAM,EAAE,MAAM,CAAA;SAAE,GAAG,GAAG;QAC5D,wDAAwD;mBAC7C,GAAG;;QALd,uDAAuD;mBAC5C,GAAG;QACd,gDAAgD;yBAC/B;YAAE,SAAS,EAAE,MAAM,CAAC;YAAC,MAAM,EAAE,MAAM,CAAA;SAAE,GAAG,GAAG;QAC5D,wDAAwD;mBAC7C,GAAG;;;;EAmMf;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;yFAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"Price.vue.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/Price.vue"],"names":[],"mappings":"AAyUA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AA+HzC,iBAAS,cAAc;WA8ET,OAAO,IAA6B;;QA5LhD,uDAAuD;mBAC5C,GAAG;QACd,gDAAgD;yBAC/B;YAAE,SAAS,EAAE,MAAM,CAAC;YAAC,MAAM,EAAE,MAAM,CAAA;SAAE,GAAG,GAAG;QAC5D,wDAAwD;mBAC7C,GAAG;;QALd,uDAAuD;mBAC5C,GAAG;QACd,gDAAgD;yBAC/B;YAAE,SAAS,EAAE,MAAM,CAAC;YAAC,MAAM,EAAE,MAAM,CAAA;SAAE,GAAG,GAAG;QAC5D,wDAAwD;mBAC7C,GAAG;;;;EA4Lf;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;yFAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/atoms/SelectBox.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectBox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/SelectBox.vue"],"names":[],"mappings":"AA8uCA,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAS3D,KAAK,WAAW,GAAG,cAAc,CAAC;AA2hBlC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,GAAG,SAAS,CAAC;CAC9D,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkahB,wBAUG"}
+{"version":3,"file":"SelectBox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/SelectBox.vue"],"names":[],"mappings":"AA2uCA,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAS3D,KAAK,WAAW,GAAG,cAAc,CAAC;AA2hBlC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,GAAG,SAAS,CAAC;CAC9D,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkahB,wBAUG"}