@equal-experts/kuat-vue 0.3.2 → 0.4.1

package/README.md

@@ -1,18 +1,30 @@
 # @equal-experts/kuat-vue
 
-A guide for integrating the Kuat Design System Vue component library into your application.
+Custom Vue components and blocks for the Kuat Design System.
 
 ---
 
-## Installation
+## Architecture
+
+This package provides **custom components** and **blocks** that are unique to Kuat. For standard UI components (Button, Dialog, etc.), install them directly via shadcn-vue CLI with kuat-core theming.
 
-### Prerequisites
+```
+┌─────────────────────────────────────────────────────┐
+│  Your Application                                   │
+├─────────────────────────────────────────────────────┤
+│  Kuat Blocks (from this package)                    │
+├─────────────────────────────────────────────────────┤
+│  Kuat Components (from this package)                │
+├─────────────────────────────────────────────────────┤
+│  shadcn-vue Components (installed directly)         │
+├─────────────────────────────────────────────────────┤
+│  @equal-experts/kuat-core (design tokens)           │
+└─────────────────────────────────────────────────────┘
+```
 
-- Vue 3.4.0 or higher
-- Node.js 18 or higher
-- A package manager (npm, pnpm, or yarn)
+---
 
-### Install the Package
+## Installation
 
 ```bash
 # Using pnpm (recommended)
@@ -25,566 +37,264 @@ npm install @equal-experts/kuat-vue
 yarn add @equal-experts/kuat-vue
 ```
 
-### Install Peer Dependencies
-
-The library requires Vue, Radix Vue, and Reka UI as peer dependencies:
+### Peer Dependencies
 
 ```bash
-# Required peer dependencies
 pnpm add vue radix-vue reka-ui
-
-# Optional: Install lucide-vue-next for icons (or use your preferred icon library)
-pnpm add lucide-vue-next
 ```
 
-**Note:** `@equal-experts/kuat-core` is bundled with this package. You don't need to install it separately when using kuat-vue. However, if you want to use design tokens without Vue components, you can install [`@equal-experts/kuat-core`](https://www.npmjs.com/package/@equal-experts/kuat-core) standalone. See the [kuat-core documentation](https://github.com/equalexperts/kuat-mono/tree/master/packages/kuat-core) for framework-agnostic usage.
-
-### Using Design Tokens Without Components
-
-If you only need design tokens (CSS variables, Tailwind preset) without Vue components, install `@equal-experts/kuat-core` instead:
-
-```bash
-pnpm add @equal-experts/kuat-core
-```
-
-Then import the CSS variables and optionally use the Tailwind preset:
-
-```typescript
-// Import CSS variables
-import '@equal-experts/kuat-core/variables.css';
-
-// Or use as a Tailwind preset
-import kuatPreset from '@equal-experts/kuat-core';
-```
-
-See the [kuat-core documentation](https://github.com/equalexperts/kuat-mono/tree/master/packages/kuat-core) for detailed usage with Svelte, Angular, Astro, and other frameworks.
-
-### Recommended: Use Subpath Imports
-
-To avoid installing all peer dependencies when you only need specific components, use **subpath imports**. This allows you to import only the components you need and only install their required peer dependencies.
+---
 
-**Example: Only using Button**
+## What's Included
 
-```bash
-# Only install peer dependencies for Button
-pnpm add vue radix-vue reka-ui
-```
+### Custom Components
 
-```vue
-<script setup>
-// Import from subpath - only Button and its dependencies are required
-import { Button } from "@equal-experts/kuat-vue/button";
-</script>
-```
-
-**Component Peer Dependencies:**
+Components unique to Kuat, not available in shadcn-vue:
 
-- **Button**: `vue`, `radix-vue`, `reka-ui`
-- **Accordion**: `vue`, `radix-vue`, `reka-ui`, `lucide-vue-next`
-- **AlertDialog**: `vue`, `radix-vue`, `reka-ui`
-- **Badge**: `vue`, `radix-vue`, `reka-ui`
+| Component | Description |
+|-----------|-------------|
+| `ButtonGroup` | Groups buttons together with proper styling |
+| `ButtonGroupText` | Text element within a button group |
+| `ButtonGroupSeparator` | Separator between button group items |
 
-**Using Main Export (All Components):**
+### Blocks (Coming Soon)
 
-If you import from the main package, you'll need all peer dependencies:
+Pre-built compositions for common patterns:
 
-```vue
-<script setup>
-// This requires ALL peer dependencies to be installed
-import { Button, Accordion, AlertDialog } from "@equal-experts/kuat-vue";
-</script>
-```
+| Block | Description |
+|-------|-------------|
+| `KuatHeader` | Brand header with logo, navigation, actions |
+| `KuatFooter` | Brand footer with links and legal |
+| `KuatSearchPattern` | Search input with suggestions |
 
-**lucide-vue-next Version Support:**
+### Utilities
 
-The package supports `lucide-vue-next` versions `^0.344.0 || >=0.400.0`, including the latest versions.
+| Utility | Description |
+|---------|-------------|
+| `cn()` | Class name merger using clsx + tailwind-merge |
 
 ---
 
-## Setup
+## Recommended Setup
 
-### 1. Configure Tailwind CSS
+For the best experience, combine this package with kuat-core and shadcn-vue:
 
-The Kuat Design System uses Tailwind CSS v4. You'll need to configure Tailwind in your project.
-
-#### Install Tailwind CSS v4
+### Step 1: Install Dependencies
 
 ```bash
-pnpm add -D tailwindcss@next @tailwindcss/vite
+pnpm add @equal-experts/kuat-core @equal-experts/kuat-vue
 ```
 
-#### Create `tailwind.config.ts`
+### Step 2: Configure Tailwind
 
 ```typescript
-import type { Config } from "tailwindcss";
+// tailwind.config.ts
+import type { Config } from 'tailwindcss';
+import kuatPreset from '@equal-experts/kuat-core';
 
-const config: Config = {
+export default {
+  presets: [kuatPreset],
   content: [
-    "./src/**/*.{js,ts,jsx,tsx,vue}",
-    "./node_modules/@equal-experts/kuat-vue/**/*.{js,ts,vue}", // Include Kuat components
+    './src/**/*.{vue,js,ts}',
+    './node_modules/@equal-experts/kuat-vue/**/*.{vue,js,ts}',
   ],
-  theme: {
-    extend: {
-      colors: {
-        background: "var(--background)",
-        foreground: "var(--foreground)",
-        primary: {
-          DEFAULT: "var(--primary)",
-          foreground: "var(--primary-foreground)",
-        },
-        secondary: {
-          DEFAULT: "var(--secondary)",
-          foreground: "var(--secondary-foreground)",
-        },
-        // ... other color tokens from @equal-experts/kuat-core
-      },
-      borderRadius: {
-        lg: "var(--radius)",
-        md: "calc(var(--radius) - 2px)",
-        sm: "calc(var(--radius) - 4px)",
-      },
-      fontFamily: {
-        sans: ["var(--font-sans)"],
-        serif: ["var(--font-serif)"],
-        mono: ["var(--font-mono)"],
-      },
-    },
-  },
-  plugins: [],
-};
-
-export default config;
+} satisfies Config;
 ```
 
-#### Configure Vite (if using Vite)
-
-```typescript
-// vite.config.ts
-import { defineConfig } from "vite";
-import vue from "@vitejs/plugin-vue";
-import tailwindcss from "@tailwindcss/vite";
-
-export default defineConfig({
-  plugins: [vue(), tailwindcss()],
-});
-```
-
-### 2. Import Styles
-
-Import the Kuat Design System styles in your application's entry point:
+### Step 3: Import Styles
 
 ```typescript
 // main.ts
-import { createApp } from "vue";
-import App from "./App.vue";
-import "@equal-experts/kuat-vue/styles";
-
-createApp(App).mount("#app");
-```
-
-This imports the bundled CSS file which includes all design tokens from `@equal-experts/kuat-core` (no need to install `@equal-experts/kuat-core` separately).
-
-**Note:** The styles include:
-- Design tokens from `@equal-experts/kuat-core` (colors, spacing, typography)
-- Tailwind CSS base styles
-- Component-specific styles
-
-### 3. (Optional) Configure Fonts
-
-The Kuat Design System uses Lexend (sans-serif), Lora (serif), and JetBrains Mono (monospace) fonts. These are loaded via Google Fonts in the core package.
-
-If you want to use different fonts or load them differently, you can override the CSS variables:
+import { createApp } from 'vue';
+import '@equal-experts/kuat-core/variables.css';
+import App from './App.vue';
 
-```css
-:root {
-  --font-sans: 'Your Sans Font', sans-serif;
-  --font-serif: 'Your Serif Font', serif;
-  --font-mono: 'Your Mono Font', monospace;
-}
+createApp(App).mount('#app');
 ```
 
----
-
-## Basic Usage
+### Step 4: Install shadcn-vue Components
 
-### Import Components
-
-You can import components in two ways:
-
-**Option 1: Subpath Import (Recommended for single components)**
-
-```typescript
-// Import only Button - only requires Button's peer dependencies
-import { Button } from "@equal-experts/kuat-vue/button";
+```bash
+npx shadcn-vue@latest init
+npx shadcn-vue@latest add button dialog dropdown-menu
 ```
 
-**Option 2: Main Package Import**
+### Step 5: Use Components Together
 
-```typescript
-// Import from main package - requires all peer dependencies
-import { Button } from "@equal-experts/kuat-vue";
-```
+```vue
+<script setup lang="ts">
+// Kuat custom components from this package
+import { ButtonGroup, ButtonGroupText } from '@equal-experts/kuat-vue';
 
-### Use in Your App
+// shadcn-vue components from your local installation
+import { Button } from '@/components/ui/button';
+</script>
 
-```vue
 <template>
-  <div>
-    <Button>Click me</Button>
-    <Button variant="outline">Outline button</Button>
+  <ButtonGroup>
+    <Button variant="outline">Edit</Button>
+    <Button variant="outline">Save</Button>
     <Button variant="destructive">Delete</Button>
-  </div>
+  </ButtonGroup>
 </template>
-
-<script setup lang="ts">
-// Recommended: Subpath import
-import { Button } from "@equal-experts/kuat-vue/button";
-
-// Or: Main package import
-// import { Button } from "@equal-experts/kuat-vue";
-</script>
 ```
 
 ---
 
 ## Component Examples
 
-### Button
+### ButtonGroup
 
-The Button component supports multiple variants and sizes:
-
-```vue
-<template>
-  <div class="space-x-4">
-    <!-- Variants -->
-    <Button variant="default">Default</Button>
-    <Button variant="destructive">Destructive</Button>
-    <Button variant="outline">Outline</Button>
-    <Button variant="secondary">Secondary</Button>
-    <Button variant="ghost">Ghost</Button>
-    <Button variant="link">Link</Button>
-
-    <!-- Sizes -->
-    <Button size="sm">Small</Button>
-    <Button size="default">Default</Button>
-    <Button size="lg">Large</Button>
-    <Button size="icon">🚀</Button>
-    <Button size="icon-sm">📱</Button>
-    <Button size="icon-lg">💻</Button>
-
-    <!-- With click handler -->
-    <Button @click="handleClick">
-      Click me
-    </Button>
-
-    <!-- Disabled -->
-    <Button disabled>Disabled</Button>
-
-    <!-- As child (for composition) -->
-    <Button as-child>
-      <a href="/link">Link Button</a>
-    </Button>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { Button } from "@equal-experts/kuat-vue";
-
-function handleClick() {
-  alert("Clicked!");
-}
-</script>
-```
-
-### TypeScript Support
-
-All components are fully typed:
+Groups buttons together with seamless borders:
 
 ```vue
 <script setup lang="ts">
-import { Button, type ButtonVariants } from "@equal-experts/kuat-vue";
-
-const variant: ButtonVariants["variant"] = "outline";
-const size: ButtonVariants["size"] = "lg";
+import { ButtonGroup, ButtonGroupText } from '@equal-experts/kuat-vue';
+import { Button } from '@/components/ui/button';
 </script>
 
 <template>
-  <Button :variant="variant" :size="size">
-    Typed Button
-  </Button>
+  <!-- Horizontal (default) -->
+  <ButtonGroup>
+    <Button variant="outline">Left</Button>
+    <Button variant="outline">Center</Button>
+    <Button variant="outline">Right</Button>
+  </ButtonGroup>
+
+  <!-- Vertical -->
+  <ButtonGroup orientation="vertical">
+    <Button variant="outline">Top</Button>
+    <Button variant="outline">Middle</Button>
+    <Button variant="outline">Bottom</Button>
+  </ButtonGroup>
+
+  <!-- With text label -->
+  <ButtonGroup>
+    <ButtonGroupText>Filter:</ButtonGroupText>
+    <Button variant="outline">All</Button>
+    <Button variant="outline">Active</Button>
+    <Button variant="outline">Completed</Button>
+  </ButtonGroup>
 </template>
 ```
 
----
-
-## Styling and Theming
-
-### Using Design Tokens
+### cn() Utility
 
-The Kuat Design System provides CSS variables for all design tokens. Use them in your custom components:
+Merge class names with Tailwind conflict resolution:
 
 ```vue
-<template>
-  <div class="custom-component">
-    Custom styled component
-  </div>
-</template>
+<script setup lang="ts">
+import { cn } from '@equal-experts/kuat-vue';
 
-<style scoped>
-.custom-component {
-  background-color: var(--background);
-  color: var(--foreground);
-  padding: var(--spacing);
-  border-color: var(--border);
-  border-radius: var(--radius);
-}
-</style>
-```
+const props = defineProps<{
+  class?: string;
+}>();
 
-Or with Tailwind classes:
+const containerClass = cn(
+  'bg-background text-foreground p-4',
+  props.class
+);
+</script>
 
-```vue
 <template>
-  <div class="bg-background text-foreground p-4 rounded-lg border border-border">
-    Custom styled component
+  <div :class="containerClass">
+    <slot />
   </div>
 </template>
 ```
 
-### Dark Mode
+---
 
-Dark mode is supported via the `.dark` class. Apply it to your root element:
+## Migration Guide
 
-```vue
-<!-- In your root component -->
-<template>
-  <div :class="{ dark: isDark }">
-    <App />
-  </div>
-</template>
+If you were importing standard components from this package, migrate to direct shadcn-vue installation:
 
-<script setup lang="ts">
-import { ref } from "vue";
+### Before (Deprecated)
 
-const isDark = ref(false);
+```vue
+<script setup lang="ts">
+import { Button, Dialog, Badge } from '@equal-experts/kuat-vue';
 </script>
 ```
 
-Or toggle dynamically:
+### After (Recommended)
 
 ```vue
-<template>
-  <div :class="{ dark: isDark }">
-    <button @click="isDark = !isDark">
-      Toggle theme
-    </button>
-    <!-- Your app -->
-  </div>
-</template>
-
 <script setup lang="ts">
-import { ref } from "vue";
+// Standard components from your local shadcn-vue installation
+import { Button } from '@/components/ui/button';
+import { Dialog } from '@/components/ui/dialog';
+import { Badge } from '@/components/ui/badge';
 
-const isDark = ref(false);
+// Kuat-specific components from this package
+import { ButtonGroup } from '@equal-experts/kuat-vue';
 </script>
 ```
 
-### Customizing Colors
-
-Override CSS variables to customize the theme:
+### Migration Steps
 
-```css
-/* In your global CSS file */
-:root {
-  --primary: oklch(0.645 0.163 237.5); /* Your primary color */
-  --primary-foreground: oklch(1.0 0.0 0.0); /* White */
-}
-
-.dark {
-  --primary: oklch(0.585 0.145 237.5); /* Darker primary for dark mode */
-  --primary-foreground: oklch(1.0 0.0 0.0); /* White */
-}
-```
+1. Ensure `@equal-experts/kuat-core` is installed
+2. Initialize shadcn-vue: `npx shadcn-vue@latest init`
+3. Install needed components: `npx shadcn-vue@latest add button dialog badge`
+4. Update imports to use local components
+5. Keep imports for Kuat-specific components (ButtonGroup, etc.)
 
 ---
 
-## Advanced Usage
+## Deprecated Exports
 
-### Composing Components
+The following exports are deprecated and will be removed in the next major version. Install them directly via shadcn-vue CLI instead:
 
-Use the `as-child` prop to compose components:
+| Component | Replacement |
+|-----------|-------------|
+| `Button` | `npx shadcn-vue@latest add button` |
+| `Accordion` | `npx shadcn-vue@latest add accordion` |
+| `AlertDialog` | `npx shadcn-vue@latest add alert-dialog` |
+| `Badge` | `npx shadcn-vue@latest add badge` |
 
-```vue
-<template>
-  <Button as-child variant="ghost">
-    <router-link to="/dashboard">Dashboard</router-link>
-  </Button>
-</template>
+These components are still exported for backward compatibility but will be themed correctly only when using kuat-core.
 
-<script setup lang="ts">
-import { Button } from "@equal-experts/kuat-vue";
-</script>
-```
+---
 
-### Using Variants Programmatically
+## TypeScript Support
 
-Import and use variant functions:
+All components are fully typed:
 
 ```vue
-<template>
-  <button :class="buttonClass">
-    Custom Button
-  </button>
-</template>
-
 <script setup lang="ts">
-import { buttonVariants } from "@equal-experts/kuat-vue";
-import { cn } from "@equal-experts/kuat-vue";
+import { ButtonGroup } from '@equal-experts/kuat-vue';
+import type { ButtonGroupVariants } from '@equal-experts/kuat-vue';
 
-const buttonClass = cn(
-  buttonVariants({ variant: "outline", size: "lg" }),
-  "custom-class"
-);
+const orientation: ButtonGroupVariants['orientation'] = 'horizontal';
 </script>
 ```
 
-### Global Component Registration
-
-Register components globally if preferred:
-
-```typescript
-// main.ts
-import { createApp } from "vue";
-import App from "./App.vue";
-import * as KuatComponents from "@equal-experts/kuat-vue";
-
-const app = createApp(App);
-
-// Register all components globally
-Object.entries(KuatComponents).forEach(([name, component]) => {
-  if (name !== "default" && typeof component === "object") {
-    app.component(name, component);
-  }
-});
+---
 
-app.mount("#app");
-```
+## Dark Mode
 
-Then use without importing:
+Dark mode is supported via the `.dark` class on your root element:
 
 ```vue
 <template>
-  <Button>No import needed</Button>
+  <div :class="{ dark: isDark }">
+    <App />
+  </div>
 </template>
-```
-
----
-
-## Troubleshooting
-
-### Styles Not Loading
-
-1. **Check import order**: Ensure you import `@equal-experts/kuat-vue/styles` before your own styles
-2. **Verify Tailwind config**: Make sure `@equal-experts/kuat-vue` is included in your `content` paths
-3. **Check build output**: Ensure the CSS file is being included in your build
-4. **Vue SFC**: If using Single File Components, ensure styles are processed correctly
-
-### TypeScript Errors
-
-1. **Install types**: Ensure Vue TypeScript support is configured
-2. **Check TypeScript version**: Requires TypeScript 5.3 or higher
-3. **Verify imports**: Use named imports, not default imports
-4. **Vue TSConfig**: Ensure your `tsconfig.json` includes Vue file types
-
-### Components Not Rendering
-
-1. **Check Vue version**: Requires Vue 3.4.0 or higher
-2. **Verify peer dependencies**: Ensure `vue` is installed
-3. **Check console**: Look for runtime errors in the browser console
-4. **Build mode**: Ensure you're using the correct build mode (ES modules)
-
----
-
-## Package Structure
-
-```
-@equal-experts/kuat-vue
-├── dist/
-│   ├── index.js          # Compiled JavaScript
-│   ├── index.d.ts        # TypeScript definitions
-│   └── index.css         # Compiled styles
-└── src/
-    ├── components/       # Component source files
-    ├── lib/             # Utilities
-    └── styles.css        # Style source
-```
-
----
-
-## Additional Resources
-
-- **shadcn-vue Documentation**: [https://www.shadcn-vue.com](https://www.shadcn-vue.com)
-- **Tailwind CSS v4**: [https://tailwindcss.com](https://tailwindcss.com)
-- **Vue 3 Documentation**: [https://vuejs.org](https://vuejs.org)
-- **Radix Vue Documentation**: [https://www.radix-vue.com](https://www.radix-vue.com)
-
----
-
-## Documentation for AI Agents
-
-The Kuat Design System includes LLM-optimized documentation for AI assistants.
-
-### Quick Setup
-
-Add this snippet to your existing `.cursorrules`, `CLAUDE.md`, or agent config:
-
-```markdown
-## Kuat Design System
-
-This project uses the Kuat Design System for all UI work.
-
-**What it provides:**
-Design tokens, component patterns, layout guidance, and content guidelines for building consistent, accessible interfaces.
-
-**When to use it:**
-You MUST reference the Kuat documentation when:
-- Creating or modifying UI components
-- Making color, typography, spacing, or layout decisions
-- Writing user-facing content
-
-**How to use it:**
-1. Check the documentation before making design decisions
-2. Follow existing patterns; do not invent new ones
-3. If the documentation doesn't cover your case, ask before proceeding
-
-**Quick reference (when docs unavailable):**
-Semantic tokens only (`bg-primary` not `bg-blue-500`), 8-point spacing grid, 6px radius for interactive elements, WCAG AA contrast.
 
-**Documentation:** https://github.com/equalexperts/kuat-mono/tree/master/kuat-docs
-```
-
-### Need Full Documentation Locally?
-
-For component patterns, layouts, or content guidelines, clone the docs:
-
-```bash
-git clone --filter=blob:none --sparse https://github.com/equalexperts/kuat-mono.git
-cd kuat-mono && git sparse-checkout set kuat-docs
-cp -r kuat-docs /path/to/your-project/
+<script setup lang="ts">
+import { ref } from 'vue';
+const isDark = ref(false);
+</script>
 ```
 
-Then update your snippet: `Check the documentation in kuat-docs/rules/ before making design decisions`
-
-### Verification
-
-Test your setup with these prompts:
-- "Create a card component" → Agent should reference Kuat docs
-- "What color for the primary button?" → Agent should check docs or use semantic tokens
-- "Add spacing between form fields" → Agent should reference spacing rules
+Components automatically adapt when using kuat-core design tokens.
 
 ---
 
-## Support
-
-For issues, questions, or contributions, please refer to the main repository documentation or open an issue in the project repository.
+## Related Documentation
 
+- [Consumer Setup Guide](https://github.com/equalexperts/kuat-mono/blob/master/kuat-docs/setup/consumer-setup.md)
+- [kuat-core Integration](https://github.com/equalexperts/kuat-mono/blob/master/kuat-docs/setup/kuat-core-integration.md)
+- [Component Patterns](https://github.com/equalexperts/kuat-mono/blob/master/kuat-docs/rules/components/patterns.md)
+- [shadcn-vue Documentation](https://www.shadcn-vue.com)

package/dist/{AccordionTrigger.vue_vue_type_script_setup_true_lang-vy6KzwI7.js → AccordionTrigger.vue_vue_type_script_setup_true_lang-CG4FNPK2.js}

@@ -1,6 +1,6 @@
 import { defineComponent as l, createBlock as d, openBlock as i, unref as e, normalizeProps as h, guardReactiveProps as y, withCtx as n, renderSlot as c, mergeProps as p, createElementVNode as B, normalizeClass as g, createVNode as _ } from "vue";
 import { useForwardPropsEmits as w, AccordionRoot as C, AccordionContent as A, useForwardProps as P, AccordionItem as b, AccordionHeader as v, AccordionTrigger as $ } from "reka-ui";
-import { c as m } from "./styles-qaFjX9_3.js";
+import { c as m } from "./utils-qaFjX9_3.js";
 import { r as u } from "./index-A7umpmtg.js";
 import { ChevronDown as x } from "lucide-vue-next";
 const F = /* @__PURE__ */ l({

package/dist/{AlertDialogTrigger.vue_vue_type_script_setup_true_lang-DNFUKWlR.js → AlertDialogTrigger.vue_vue_type_script_setup_true_lang-chev-oxU.js}

@@ -1,7 +1,7 @@
 import { defineComponent as l, createBlock as p, openBlock as r, unref as e, normalizeProps as A, guardReactiveProps as D, withCtx as c, renderSlot as n, mergeProps as u, createVNode as g, createElementBlock as h, normalizeClass as x } from "vue";
 import { useForwardPropsEmits as $, AlertDialogRoot as B, AlertDialogAction as C, AlertDialogCancel as P, AlertDialogPortal as b, AlertDialogOverlay as w, AlertDialogContent as v, AlertDialogDescription as O, AlertDialogTitle as z, AlertDialogTrigger as k } from "reka-ui";
-import { c as d } from "./styles-qaFjX9_3.js";
-import { b as y } from "./index-DCxse3sU.js";
+import { c as d } from "./utils-qaFjX9_3.js";
+import { b as y } from "./index-D3egriua.js";
 import { r as m } from "./index-A7umpmtg.js";
 const H = /* @__PURE__ */ l({
   __name: "AlertDialog",

package/dist/{Button.vue_vue_type_script_setup_true_lang-Xhp6qpI9.js → Button.vue_vue_type_script_setup_true_lang-CtAz6Sf_.js}

@@ -1,7 +1,7 @@
 import { defineComponent as i, createBlock as n, openBlock as o, unref as t, normalizeClass as r, withCtx as l, renderSlot as c } from "vue";
 import { Primitive as m } from "reka-ui";
-import { c as f } from "./styles-qaFjX9_3.js";
-import { b as u } from "./index-DCxse3sU.js";
+import { c as f } from "./utils-qaFjX9_3.js";
+import { b as u } from "./index-D3egriua.js";
 const z = /* @__PURE__ */ i({
   __name: "Button",
   props: {

package/dist/accordion.js

@@ -1,5 +1,5 @@
-import { c as r } from "./styles-qaFjX9_3.js";
-import { _ as a, c as e, a as i, b as s } from "./AccordionTrigger.vue_vue_type_script_setup_true_lang-vy6KzwI7.js";
+import { c as r } from "./utils-qaFjX9_3.js";
+import { _ as a, c as e, a as i, b as s } from "./AccordionTrigger.vue_vue_type_script_setup_true_lang-CG4FNPK2.js";
 export {
   a as Accordion,
   e as AccordionContent,

package/dist/alert-dialog.js

@@ -1,5 +1,5 @@
-import { c as l } from "./styles-qaFjX9_3.js";
-import { _ as r, a as t, b as i, c as g, d as s, e as A, f as D, g as c, h as n } from "./AlertDialogTrigger.vue_vue_type_script_setup_true_lang-DNFUKWlR.js";
+import { c as l } from "./utils-qaFjX9_3.js";
+import { _ as r, a as t, b as i, c as g, d as s, e as A, f as D, g as c, h as n } from "./AlertDialogTrigger.vue_vue_type_script_setup_true_lang-chev-oxU.js";
 export {
   r as AlertDialog,
   t as AlertDialogAction,

package/dist/badge.js

@@ -1,5 +1,5 @@
-import { c as e } from "./styles-qaFjX9_3.js";
-import { _ as s, b as t } from "./index-BS0sZM3b.js";
+import { c as e } from "./utils-qaFjX9_3.js";
+import { _ as s, b as t } from "./index-CMJyKNIG.js";
 export {
   s as Badge,
   t as badgeVariants,

package/dist/button-group.js

@@ -1,5 +1,5 @@
-import { c as r } from "./styles-qaFjX9_3.js";
-import { _ as u, a as p, b as n, c as s } from "./index-Cctx-joO.js";
+import { c as r } from "./utils-qaFjX9_3.js";
+import { _ as u, a as p, b as n, c as s } from "./index-B9dF2hh8.js";
 export {
   u as ButtonGroup,
   p as ButtonGroupSeparator,

package/dist/button.js

@@ -1,6 +1,6 @@
-import { c as r } from "./styles-qaFjX9_3.js";
-import { b as n } from "./index-DCxse3sU.js";
-import { _ as e } from "./Button.vue_vue_type_script_setup_true_lang-Xhp6qpI9.js";
+import { c as r } from "./utils-qaFjX9_3.js";
+import { b as n } from "./index-D3egriua.js";
+import { _ as e } from "./Button.vue_vue_type_script_setup_true_lang-CtAz6Sf_.js";
 export {
   e as Button,
   n as buttonVariants,

package/dist/{index-Cctx-joO.js → index-B9dF2hh8.js}

@@ -1,6 +1,6 @@
 import { defineComponent as r, createElementBlock as h, openBlock as n, normalizeClass as c, unref as o, renderSlot as d, createBlock as l, mergeProps as u, withCtx as m } from "vue";
-import { c as s } from "./styles-qaFjX9_3.js";
-import { c as _ } from "./index-D5fkjZ2l.js";
+import { c as s } from "./utils-qaFjX9_3.js";
+import { c as _ } from "./index-DACAHwoB.js";
 import { Separator as g, Primitive as v } from "reka-ui";
 import { r as p } from "./index-A7umpmtg.js";
 const b = ["data-orientation"], k = /* @__PURE__ */ r({

package/dist/{index-BS0sZM3b.js → index-CMJyKNIG.js}

@@ -1,7 +1,7 @@
 import { defineComponent as n, createBlock as o, openBlock as s, unref as e, normalizeClass as i, withCtx as d, renderSlot as c } from "vue";
 import { Primitive as l } from "reka-ui";
-import { c as f } from "./styles-qaFjX9_3.js";
-import { c as u } from "./index-D5fkjZ2l.js";
+import { c as f } from "./utils-qaFjX9_3.js";
+import { c as u } from "./index-DACAHwoB.js";
 const y = /* @__PURE__ */ n({
   __name: "Badge",
   props: {

package/dist/{index-DCxse3sU.js → index-D3egriua.js}

@@ -1,4 +1,4 @@
-import { c as e } from "./index-D5fkjZ2l.js";
+import { c as e } from "./index-DACAHwoB.js";
 import "vue";
 import "reka-ui";
 const o = e(

package/dist/{index-D5fkjZ2l.js → index-DACAHwoB.js}

@@ -1,4 +1,4 @@
-import { a as O } from "./styles-qaFjX9_3.js";
+import { a as O } from "./utils-qaFjX9_3.js";
 const m = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, y = O, j = (e, l) => (n) => {
   var u;
   if ((l == null ? void 0 : l.variants) == null) return y(e, n == null ? void 0 : n.class, n == null ? void 0 : n.className);

package/dist/index.d.ts

@@ -1,9 +1,28 @@
+
 export { cn } from './lib/utils';
+export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants, } from './components/ui/button-group';
+export type { ButtonGroupVariants } from './components/ui/button-group';
+/**
+ * @deprecated Install directly via `npx shadcn-vue@latest add button`.
+ * The component will be themed automatically when using kuat-core.
+ */
 export { Button, buttonVariants } from './components/ui/button';
+/** @deprecated */
 export type { ButtonVariants } from './components/ui/button';
+/**
+ * @deprecated Install directly via `npx shadcn-vue@latest add accordion`.
+ * The component will be themed automatically when using kuat-core.
+ */
 export { Accordion, AccordionItem, AccordionTrigger, AccordionContent, } from './components/ui/accordion';
+/**
+ * @deprecated Install directly via `npx shadcn-vue@latest add alert-dialog`.
+ * The component will be themed automatically when using kuat-core.
+ */
 export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, } from './components/ui/alert-dialog';
+/**
+ * @deprecated Install directly via `npx shadcn-vue@latest add badge`.
+ * The component will be themed automatically when using kuat-core.
+ */
 export { Badge, badgeVariants } from './components/ui/badge';
+/** @deprecated */
 export type { BadgeVariants } from './components/ui/badge';
-export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants, } from './components/ui/button-group';
-export type { ButtonGroupVariants } from './components/ui/button-group';

package/dist/index.js

@@ -1,31 +1,31 @@
-import { c as r } from "./styles-qaFjX9_3.js";
-import { b as e } from "./index-DCxse3sU.js";
-import { _ as i, c as n, a as l, b as c } from "./AccordionTrigger.vue_vue_type_script_setup_true_lang-vy6KzwI7.js";
-import { _ as A, a as p, b as u, c as D, d as b, e as d, f, g as m, h as x } from "./AlertDialogTrigger.vue_vue_type_script_setup_true_lang-DNFUKWlR.js";
-import { _, b as G } from "./index-BS0sZM3b.js";
-import { _ as C, a as V, b as h, c as F } from "./index-Cctx-joO.js";
-import { _ as I } from "./Button.vue_vue_type_script_setup_true_lang-Xhp6qpI9.js";
+import { c as r } from "./utils-qaFjX9_3.js";
+import { _ as e, a as s, b as i, c as n } from "./index-B9dF2hh8.js";
+import { b as c } from "./index-D3egriua.js";
+import { _ as A, c as p, a as u, b as D } from "./AccordionTrigger.vue_vue_type_script_setup_true_lang-CG4FNPK2.js";
+import { _ as d, a as f, b as m, c as x, d as B, e as _, f as G, g as T, h as C } from "./AlertDialogTrigger.vue_vue_type_script_setup_true_lang-chev-oxU.js";
+import { _ as h, b as F } from "./index-CMJyKNIG.js";
+import { _ as I } from "./Button.vue_vue_type_script_setup_true_lang-CtAz6Sf_.js";
 export {
-  i as Accordion,
-  n as AccordionContent,
-  l as AccordionItem,
-  c as AccordionTrigger,
-  A as AlertDialog,
-  p as AlertDialogAction,
-  u as AlertDialogCancel,
-  D as AlertDialogContent,
-  b as AlertDialogDescription,
-  d as AlertDialogFooter,
-  f as AlertDialogHeader,
-  m as AlertDialogTitle,
-  x as AlertDialogTrigger,
-  _ as Badge,
+  A as Accordion,
+  p as AccordionContent,
+  u as AccordionItem,
+  D as AccordionTrigger,
+  d as AlertDialog,
+  f as AlertDialogAction,
+  m as AlertDialogCancel,
+  x as AlertDialogContent,
+  B as AlertDialogDescription,
+  _ as AlertDialogFooter,
+  G as AlertDialogHeader,
+  T as AlertDialogTitle,
+  C as AlertDialogTrigger,
+  h as Badge,
   I as Button,
-  C as ButtonGroup,
-  V as ButtonGroupSeparator,
-  h as ButtonGroupText,
-  G as badgeVariants,
-  F as buttonGroupVariants,
-  e as buttonVariants,
+  e as ButtonGroup,
+  s as ButtonGroupSeparator,
+  i as ButtonGroupText,
+  F as badgeVariants,
+  n as buttonGroupVariants,
+  c as buttonVariants,
   r as cn
 };

package/dist/style.css

@@ -1 +1 @@
-@import"https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap";/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-duration:initial;--tw-ease:initial}}}:root{--font-sans:Lexend,ui-sans-serif,sans-serif,system-ui;--font-serif:Lora,serif;--font-mono:"JetBrains Mono",ui-monospace,monospace}@layer base{:root{--radius:.3rem;--tracking-normal:.01em;--spacing:.25rem;--slate-50:oklch(97.8% .005 240);--slate-100:oklch(93.6% .01 240);--slate-200:oklch(92.9% .013 255.5);--slate-300:oklch(87% .022 255.5);--slate-500:oklch(55.4% .046 257.4);--slate-600:oklch(47.5% .04 257.4);--slate-700:oklch(39.5% .035 257.4);--slate-800:oklch(29.5% .03 257.4);--slate-900:oklch(17.6% .033 244.5);--slate-950:oklch(12.9% .042 264.7);--red-300:oklch(85% .08 25);--red-600:oklch(57.7% .245 27.3);--black:oklch(0% 0 0);--white:oklch(100% 0 0);--ee-blue-50:oklch(94.5% .028 237.5);--ee-blue-100:oklch(88.5% .055 237.5);--ee-blue-200:oklch(82.5% .082 237.5);--ee-blue-300:oklch(76.5% .109 237.5);--ee-blue-400:oklch(70.5% .136 237.5);--ee-blue-500:oklch(64.5% .163 237.5);--ee-blue-600:oklch(58.5% .145 237.5);--ee-blue-700:oklch(52.5% .127 237.5);--ee-blue-800:oklch(36.5% .109 237.5);--ee-blue-900:oklch(24.5% .082 237.5);--ee-blue-950:oklch(14.5% .055 237.5);--tech-blue-50:oklch(93.5% .015 240);--tech-blue-100:oklch(83.5% .03 240);--tech-blue-200:oklch(73.5% .045 240);--tech-blue-300:oklch(63.5% .06 240);--tech-blue-400:oklch(53.5% .075 240);--tech-blue-500:oklch(43.5% .09 240);--tech-blue-600:oklch(36.5% .08 240);--tech-blue-700:oklch(29.5% .07 240);--tech-blue-800:oklch(20.5% .06 240);--tech-blue-900:oklch(12.5% .04 240);--tech-blue-950:oklch(7.5% .025 240);--transform-teal-50:oklch(94.5% .02 185);--transform-teal-100:oklch(88.5% .04 185);--transform-teal-200:oklch(82.5% .06 185);--transform-teal-300:oklch(76.5% .08 185);--transform-teal-400:oklch(70.5% .1 185);--transform-teal-500:oklch(64.5% .12 185);--transform-teal-600:oklch(54.5% .105 185);--transform-teal-700:oklch(44.5% .09 185);--transform-teal-800:oklch(30.5% .075 185);--transform-teal-900:oklch(18.5% .055 185);--transform-teal-950:oklch(10.5% .035 185);--equal-ember-50:oklch(97.5% .035 65);--equal-ember-100:oklch(92.5% .07 65);--equal-ember-200:oklch(87.5% .105 65);--equal-ember-300:oklch(82.5% .14 65);--equal-ember-400:oklch(77.5% .175 65);--equal-ember-500:oklch(62.5% .2 65);--equal-ember-600:oklch(52.5% .18 65);--equal-ember-700:oklch(42.5% .16 65);--equal-ember-800:oklch(32.5% .14 65);--equal-ember-900:oklch(22.5% .12 65);--equal-ember-950:oklch(12.5% .1 65);--brand-ee-blue:var(--ee-blue-500);--brand-tech-blue:var(--tech-blue-500);--brand-transform-teal:var(--transform-teal-500);--brand-equal-ember:var(--equal-ember-500);--brand-dark-data:oklch(20.8% .01 240);--brand-the-cloud:var(--slate-100);--brand-byte-white:var(--white);--brand-ee-blue-accent:var(--ee-blue-50);--background:var(--brand-byte-white);--foreground:var(--slate-950);--primary:var(--brand-ee-blue);--primary-foreground:var(--brand-byte-white);--secondary:var(--brand-transform-teal);--secondary-foreground:var(--brand-byte-white);--muted:var(--slate-100);--muted-foreground:var(--slate-500);--accent:var(--brand-ee-blue-accent);--accent-foreground:var(--slate-950);--destructive:var(--red-600);--destructive-foreground:var(--brand-byte-white);--border:var(--slate-200);--input:var(--brand-byte-white);--ring:var(--slate-300);--card:var(--brand-byte-white);--card-foreground:var(--slate-950);--popover:var(--black);--popover-foreground:var(--brand-byte-white);--chart-1:#1f77b4;--chart-2:#ff7f0e;--chart-3:#2ca02c;--chart-4:#d62728;--chart-5:#9467bd;--sidebar:var(--brand-tech-blue);--sidebar-foreground:var(--brand-byte-white);--sidebar-primary:var(--brand-ee-blue);--sidebar-primary-foreground:var(--brand-ee-blue-accent);--sidebar-accent:var(--slate-200);--sidebar-accent-foreground:var(--brand-tech-blue);--sidebar-border:var(--slate-200);--sidebar-ring:var(--slate-100);--shadow-x:0px;--shadow-y:4px;--shadow-blur:8px;--shadow-spread:-1px;--shadow-opacity:.1;--shadow-color:oklch(20.8% .042 265.755);--shadow-2xs:0px 4px 8px -1px #0f172b0d;--shadow-xs:0px 4px 8px -1px #0f172b0d;--shadow-sm:0px 4px 8px -1px #0f172b1a,0px 1px 2px -2px #0f172b1a;--shadow:0px 4px 8px -1px #0f172b1a,0px 1px 2px -2px #0f172b1a;--shadow-md:0px 4px 8px -1px #0f172b1a,0px 2px 4px -2px #0f172b1a;--shadow-lg:0px 4px 8px -1px #0f172b1a,0px 4px 6px -2px #0f172b1a;--shadow-xl:0px 4px 8px -1px #0f172b1a,0px 8px 10px -2px #0f172b1a;--shadow-2xl:0px 4px 8px -1px #0f172b40}.dark{--background:var(--slate-900);--foreground:var(--brand-byte-white);--primary:var(--brand-ee-blue);--primary-foreground:var(--brand-byte-white);--secondary:var(--brand-transform-teal);--secondary-foreground:var(--brand-byte-white);--muted:var(--slate-100);--muted-foreground:var(--slate-300);--accent:var(--ee-blue-800);--accent-foreground:var(--slate-950);--destructive:var(--red-600);--destructive-foreground:var(--brand-byte-white);--border:var(--slate-700);--input:var(--slate-600);--ring:var(--slate-300);--card:var(--tech-blue-800);--card-foreground:var(--slate-950);--popover:var(--black);--popover-foreground:var(--brand-byte-white);--chart-1:#1f77b4;--chart-2:#ff7f0e;--chart-3:#2ca02c;--chart-4:#d62728;--chart-5:#9467bd;--sidebar:var(--tech-blue-700);--sidebar-foreground:var(--brand-byte-white);--sidebar-primary:var(--brand-ee-blue);--sidebar-primary-foreground:var(--brand-ee-blue-accent);--sidebar-accent:var(--ee-blue-700);--sidebar-accent-foreground:var(--brand-tech-blue);--sidebar-border:var(--slate-200);--sidebar-ring:var(--slate-100);--font-sans:Lexend,ui-sans-serif,sans-serif,system-ui;--font-serif:Lora,serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--radius:.3rem;--tracking-normal:.01em;--spacing:.25rem;--shadow-x:0px;--shadow-y:4px;--shadow-blur:8px;--shadow-spread:-1px;--shadow-opacity:.1;--shadow-color:#000;--shadow-2xs:0px 4px 8px -1px #0000000d;--shadow-xs:0px 4px 8px -1px #0000000d;--shadow-sm:0px 4px 8px -1px #0000001a,0px 1px 2px -2px #0000001a;--shadow:0px 4px 8px -1px #0000001a,0px 1px 2px -2px #0000001a;--shadow-md:0px 4px 8px -1px #0000001a,0px 2px 4px -2px #0000001a;--shadow-lg:0px 4px 8px -1px #0000001a,0px 4px 6px -2px #0000001a;--shadow-xl:0px 4px 8px -1px #0000001a,0px 8px 10px -2px #0000001a;--shadow-2xl:0px 4px 8px -1px #00000040}:root,:host{--shadow-2xs:var(--shadow-2xs);--shadow-xs:var(--shadow-xs);--shadow-sm:var(--shadow-sm);--shadow:var(--shadow);--shadow-md:var(--shadow-md);--shadow-lg:var(--shadow-lg);--shadow-xl:var(--shadow-xl);--shadow-2xl:var(--shadow-2xl);--tracking-normal:var(--tracking-normal);--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-serif:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--container-lg:32rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--font-weight-medium:500;--font-weight-semibold:600;--ease-out:cubic-bezier(0,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}body{letter-spacing:var(--tracking-normal)}*{border-color:var(--border)}body{background-color:var(--background);color:var(--foreground)}*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer theme,components;@layer utilities{.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.top-1\/2{top:50%}.left-1\/2{left:50%}.z-50{z-index:50}.\!m-0{margin:calc(var(--spacing)*0)!important}.mt-2{margin-top:calc(var(--spacing)*2)}.flex{display:flex}.grid{display:grid}.inline-flex{display:inline-flex}.size-9{width:calc(var(--spacing)*9);height:calc(var(--spacing)*9)}.size-11{width:calc(var(--spacing)*11);height:calc(var(--spacing)*11)}.h-4{height:calc(var(--spacing)*4)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-11{height:calc(var(--spacing)*11)}.w-4{width:calc(var(--spacing)*4)}.w-10{width:calc(var(--spacing)*10)}.w-fit{width:fit-content}.w-full{width:100%}.max-w-lg{max-width:var(--container-lg)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-4{gap:calc(var(--spacing)*4)}:where(.space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*4)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-x-reverse)))}.gap-y-2{row-gap:calc(var(--spacing)*2)}.self-stretch{align-self:stretch}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.border{border-style:var(--tw-border-style);border-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-border{border-color:var(--border)}.border-input{border-color:var(--input)}.border-transparent{border-color:#0000}.bg-background{background-color:var(--background)}.bg-black\/80{background-color:var(--black)}@supports (color:color-mix(in lab,red,red)){.bg-black\/80{background-color:color-mix(in oklab,var(--black)80%,transparent)}}.bg-border{background-color:var(--border)}.bg-destructive{background-color:var(--destructive)}.bg-input{background-color:var(--input)}.bg-muted{background-color:var(--muted)}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-8{padding-inline:calc(var(--spacing)*8)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-4{padding-block:calc(var(--spacing)*4)}.pt-0{padding-top:calc(var(--spacing)*0)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.text-center{text-align:center}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-nowrap{white-space:nowrap}.text-destructive-foreground{color:var(--destructive-foreground)}.text-foreground{color:var(--foreground)}.text-muted-foreground{color:var(--muted-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-secondary-foreground{color:var(--secondary-foreground)}.underline-offset-4{text-underline-offset:4px}.shadow-lg{--tw-shadow:var(--shadow-lg);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:var(--shadow-xs);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-offset-background{--tw-ring-offset-color:var(--background)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media (hover:hover){.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--destructive)90%,transparent)}}.hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--primary)90%,transparent)}}.hover\:bg-secondary\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab,var(--secondary)80%,transparent)}}.hover\:text-accent-foreground:hover{color:var(--accent-foreground)}.hover\:underline:hover{text-decoration-line:underline}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-ring:focus{--tw-ring-color:var(--ring)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:var(--ring)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}.has-\[\>\[data-slot\=button-group\]\]\:gap-2:has(>[data-slot=button-group]){gap:calc(var(--spacing)*2)}.data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal]{height:1px}.data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.data-\[orientation\=vertical\]\:h-auto[data-orientation=vertical]{height:auto}.data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}.data-\[orientation\=vertical\]\:w-px[data-orientation=vertical]{width:1px}@media (min-width:40rem){.sm\:mt-0{margin-top:calc(var(--spacing)*0)}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:gap-x-2{column-gap:calc(var(--spacing)*2)}.sm\:rounded-lg{border-radius:var(--radius)}.sm\:text-left{text-align:left}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\\\'size-\\\'\]\)\]\:size-4 svg:not([class*="'size-'"]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&\>\*\:focus-visible\]\:relative>:focus-visible{position:relative}.\[\&\>\*\:focus-visible\]\:z-10>:focus-visible{z-index:10}.\[\&\>\*\:not\(\:first-child\)\]\:rounded-t-none>:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-none>:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.\[\&\>\*\:not\(\:first-child\)\]\:border-t-0>:not(:first-child){border-top-style:var(--tw-border-style);border-top-width:0}.\[\&\>\*\:not\(\:first-child\)\]\:border-l-0>:not(:first-child){border-left-style:var(--tw-border-style);border-left-width:0}.\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-none>:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.\[\&\>\*\:not\(\:last-child\)\]\:rounded-b-none>:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0}.has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-md:has(:is(select[aria-hidden=true]:last-child))>[data-slot=select-trigger]:last-of-type{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.\[\&\>\[data-slot\=select-trigger\]\:not\(\[class\*\=\'w-\'\]\)\]\:w-fit>[data-slot=select-trigger]:not([class*=w-]){width:fit-content}.\[\&\>input\]\:flex-1>input{flex:1}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{rotate:180deg}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}
+@import"https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap";/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-duration:initial;--tw-ease:initial}}}:root{--font-sans:Lexend,ui-sans-serif,sans-serif,system-ui;--font-serif:Lora,serif;--font-mono:"JetBrains Mono",ui-monospace,monospace}@layer base{:root{--radius:.3rem;--tracking-normal:.01em;--spacing:.25rem;--slate-50:oklch(97.8% .005 240);--slate-100:oklch(93.6% .01 240);--slate-200:oklch(92.9% .013 255.5);--slate-300:oklch(87% .022 255.5);--slate-500:oklch(55.4% .046 257.4);--slate-600:oklch(47.5% .04 257.4);--slate-700:oklch(39.5% .035 257.4);--slate-800:oklch(29.5% .03 257.4);--slate-900:oklch(17.6% .033 244.5);--slate-950:oklch(12.9% .042 264.7);--red-300:oklch(85% .08 25);--red-600:oklch(57.7% .245 27.3);--black:oklch(0% 0 0);--white:oklch(100% 0 0);--ee-blue-50:oklch(94.5% .028 237.5);--ee-blue-100:oklch(88.5% .055 237.5);--ee-blue-200:oklch(82.5% .082 237.5);--ee-blue-300:oklch(76.5% .109 237.5);--ee-blue-400:oklch(70.5% .136 237.5);--ee-blue-500:oklch(64.5% .163 237.5);--ee-blue-600:oklch(58.5% .145 237.5);--ee-blue-700:oklch(52.5% .127 237.5);--ee-blue-800:oklch(36.5% .109 237.5);--ee-blue-900:oklch(24.5% .082 237.5);--ee-blue-950:oklch(14.5% .055 237.5);--tech-blue-50:oklch(93.5% .015 240);--tech-blue-100:oklch(83.5% .03 240);--tech-blue-200:oklch(73.5% .045 240);--tech-blue-300:oklch(63.5% .06 240);--tech-blue-400:oklch(53.5% .075 240);--tech-blue-500:oklch(43.5% .09 240);--tech-blue-600:oklch(36.5% .08 240);--tech-blue-700:oklch(29.5% .07 240);--tech-blue-800:oklch(20.5% .06 240);--tech-blue-900:oklch(12.5% .04 240);--tech-blue-950:oklch(7.5% .025 240);--transform-teal-50:oklch(94.5% .02 185);--transform-teal-100:oklch(88.5% .04 185);--transform-teal-200:oklch(82.5% .06 185);--transform-teal-300:oklch(76.5% .08 185);--transform-teal-400:oklch(70.5% .1 185);--transform-teal-500:oklch(64.5% .12 185);--transform-teal-600:oklch(54.5% .105 185);--transform-teal-700:oklch(44.5% .09 185);--transform-teal-800:oklch(30.5% .075 185);--transform-teal-900:oklch(18.5% .055 185);--transform-teal-950:oklch(10.5% .035 185);--equal-ember-50:oklch(97.5% .035 65);--equal-ember-100:oklch(92.5% .07 65);--equal-ember-200:oklch(87.5% .105 65);--equal-ember-300:oklch(82.5% .14 65);--equal-ember-400:oklch(77.5% .175 65);--equal-ember-500:oklch(62.5% .2 65);--equal-ember-600:oklch(52.5% .18 65);--equal-ember-700:oklch(42.5% .16 65);--equal-ember-800:oklch(32.5% .14 65);--equal-ember-900:oklch(22.5% .12 65);--equal-ember-950:oklch(12.5% .1 65);--brand-ee-blue:var(--ee-blue-500);--brand-tech-blue:var(--tech-blue-500);--brand-transform-teal:var(--transform-teal-500);--brand-equal-ember:var(--equal-ember-500);--brand-dark-data:oklch(20.8% .01 240);--brand-the-cloud:var(--slate-100);--brand-byte-white:var(--white);--brand-ee-blue-accent:var(--ee-blue-50);--background:var(--brand-byte-white);--foreground:var(--slate-950);--primary:var(--brand-ee-blue);--primary-foreground:var(--brand-byte-white);--secondary:var(--brand-transform-teal);--secondary-foreground:var(--brand-byte-white);--muted:var(--slate-100);--muted-foreground:var(--slate-500);--accent:var(--brand-ee-blue-accent);--accent-foreground:var(--slate-950);--destructive:var(--red-600);--destructive-foreground:var(--brand-byte-white);--border:var(--slate-200);--input:var(--brand-byte-white);--ring:var(--slate-300);--card:var(--brand-byte-white);--card-foreground:var(--slate-950);--popover:var(--black);--popover-foreground:var(--brand-byte-white);--chart-1:#1f77b4;--chart-2:#ff7f0e;--chart-3:#2ca02c;--chart-4:#d62728;--chart-5:#9467bd;--sidebar:var(--brand-tech-blue);--sidebar-foreground:var(--brand-byte-white);--sidebar-primary:var(--brand-ee-blue);--sidebar-primary-foreground:var(--brand-ee-blue-accent);--sidebar-accent:var(--slate-200);--sidebar-accent-foreground:var(--brand-tech-blue);--sidebar-border:var(--slate-200);--sidebar-ring:var(--slate-100);--shadow-x:0px;--shadow-y:4px;--shadow-blur:8px;--shadow-spread:-1px;--shadow-opacity:.1;--shadow-color:oklch(20.8% .042 265.755);--shadow-2xs:0px 4px 8px -1px #0f172b0d;--shadow-xs:0px 4px 8px -1px #0f172b0d;--shadow-sm:0px 4px 8px -1px #0f172b1a,0px 1px 2px -2px #0f172b1a;--shadow:0px 4px 8px -1px #0f172b1a,0px 1px 2px -2px #0f172b1a;--shadow-md:0px 4px 8px -1px #0f172b1a,0px 2px 4px -2px #0f172b1a;--shadow-lg:0px 4px 8px -1px #0f172b1a,0px 4px 6px -2px #0f172b1a;--shadow-xl:0px 4px 8px -1px #0f172b1a,0px 8px 10px -2px #0f172b1a;--shadow-2xl:0px 4px 8px -1px #0f172b40}.dark{--background:var(--slate-900);--foreground:var(--brand-byte-white);--primary:var(--brand-ee-blue);--primary-foreground:var(--brand-byte-white);--secondary:var(--brand-transform-teal);--secondary-foreground:var(--brand-byte-white);--muted:var(--slate-100);--muted-foreground:var(--slate-300);--accent:var(--ee-blue-800);--accent-foreground:var(--slate-950);--destructive:var(--red-600);--destructive-foreground:var(--brand-byte-white);--border:var(--slate-700);--input:var(--slate-600);--ring:var(--slate-300);--card:var(--tech-blue-800);--card-foreground:var(--slate-950);--popover:var(--black);--popover-foreground:var(--brand-byte-white);--chart-1:#1f77b4;--chart-2:#ff7f0e;--chart-3:#2ca02c;--chart-4:#d62728;--chart-5:#9467bd;--sidebar:var(--tech-blue-700);--sidebar-foreground:var(--brand-byte-white);--sidebar-primary:var(--brand-ee-blue);--sidebar-primary-foreground:var(--brand-ee-blue-accent);--sidebar-accent:var(--ee-blue-700);--sidebar-accent-foreground:var(--brand-tech-blue);--sidebar-border:var(--slate-200);--sidebar-ring:var(--slate-100);--font-sans:Lexend,ui-sans-serif,sans-serif,system-ui;--font-serif:Lora,serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--radius:.3rem;--tracking-normal:.01em;--spacing:.25rem;--shadow-x:0px;--shadow-y:4px;--shadow-blur:8px;--shadow-spread:-1px;--shadow-opacity:.1;--shadow-color:#000;--shadow-2xs:0px 4px 8px -1px #0000000d;--shadow-xs:0px 4px 8px -1px #0000000d;--shadow-sm:0px 4px 8px -1px #0000001a,0px 1px 2px -2px #0000001a;--shadow:0px 4px 8px -1px #0000001a,0px 1px 2px -2px #0000001a;--shadow-md:0px 4px 8px -1px #0000001a,0px 2px 4px -2px #0000001a;--shadow-lg:0px 4px 8px -1px #0000001a,0px 4px 6px -2px #0000001a;--shadow-xl:0px 4px 8px -1px #0000001a,0px 8px 10px -2px #0000001a;--shadow-2xl:0px 4px 8px -1px #00000040}:root,:host{--shadow-2xs:var(--shadow-2xs);--shadow-xs:var(--shadow-xs);--shadow-sm:var(--shadow-sm);--shadow:var(--shadow);--shadow-md:var(--shadow-md);--shadow-lg:var(--shadow-lg);--shadow-xl:var(--shadow-xl);--shadow-2xl:var(--shadow-2xl);--tracking-normal:var(--tracking-normal);--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--container-lg:32rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--font-weight-medium:500;--font-weight-semibold:600;--ease-out:cubic-bezier(0,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}body{letter-spacing:var(--tracking-normal)}*{border-color:var(--border)}body{background-color:var(--background);color:var(--foreground)}*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer theme,components;@layer utilities{.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing)*0)}.top-1\/2{top:50%}.left-1\/2{left:50%}.z-50{z-index:50}.\!m-0{margin:calc(var(--spacing)*0)!important}.mt-2{margin-top:calc(var(--spacing)*2)}.flex{display:flex}.grid{display:grid}.inline-flex{display:inline-flex}.size-9{width:calc(var(--spacing)*9);height:calc(var(--spacing)*9)}.size-11{width:calc(var(--spacing)*11);height:calc(var(--spacing)*11)}.h-4{height:calc(var(--spacing)*4)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-11{height:calc(var(--spacing)*11)}.w-4{width:calc(var(--spacing)*4)}.w-10{width:calc(var(--spacing)*10)}.w-fit{width:fit-content}.w-full{width:100%}.max-w-lg{max-width:var(--container-lg)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-4{gap:calc(var(--spacing)*4)}.gap-y-2{row-gap:calc(var(--spacing)*2)}.self-stretch{align-self:stretch}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e38px}.rounded-md{border-radius:calc(var(--radius) - 2px)}.border{border-style:var(--tw-border-style);border-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-input{border-color:var(--input)}.border-transparent{border-color:#0000}.bg-background{background-color:var(--background)}.bg-black\/80{background-color:var(--black)}@supports (color:color-mix(in lab,red,red)){.bg-black\/80{background-color:color-mix(in oklab,var(--black)80%,transparent)}}.bg-border{background-color:var(--border)}.bg-destructive{background-color:var(--destructive)}.bg-input{background-color:var(--input)}.bg-muted{background-color:var(--muted)}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-8{padding-inline:calc(var(--spacing)*8)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-4{padding-block:calc(var(--spacing)*4)}.pt-0{padding-top:calc(var(--spacing)*0)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.text-center{text-align:center}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-nowrap{white-space:nowrap}.text-destructive-foreground{color:var(--destructive-foreground)}.text-foreground{color:var(--foreground)}.text-muted-foreground{color:var(--muted-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-secondary-foreground{color:var(--secondary-foreground)}.underline-offset-4{text-underline-offset:4px}.shadow-lg{--tw-shadow:var(--shadow-lg);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:var(--shadow-xs);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-offset-background{--tw-ring-offset-color:var(--background)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media (hover:hover){.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--destructive)90%,transparent)}}.hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--primary)90%,transparent)}}.hover\:bg-secondary\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab,var(--secondary)80%,transparent)}}.hover\:text-accent-foreground:hover{color:var(--accent-foreground)}.hover\:underline:hover{text-decoration-line:underline}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-ring:focus{--tw-ring-color:var(--ring)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:var(--ring)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}.has-\[\>\[data-slot\=button-group\]\]\:gap-2:has(>[data-slot=button-group]){gap:calc(var(--spacing)*2)}.data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal]{height:1px}.data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.data-\[orientation\=vertical\]\:h-auto[data-orientation=vertical]{height:auto}.data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}.data-\[orientation\=vertical\]\:w-px[data-orientation=vertical]{width:1px}@media (min-width:40rem){.sm\:mt-0{margin-top:calc(var(--spacing)*0)}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:gap-x-2{column-gap:calc(var(--spacing)*2)}.sm\:rounded-lg{border-radius:var(--radius)}.sm\:text-left{text-align:left}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\\\'size-\\\'\]\)\]\:size-4 svg:not([class*="'size-'"]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&\>\*\:focus-visible\]\:relative>:focus-visible{position:relative}.\[\&\>\*\:focus-visible\]\:z-10>:focus-visible{z-index:10}.\[\&\>\*\:not\(\:first-child\)\]\:rounded-t-none>:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-none>:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.\[\&\>\*\:not\(\:first-child\)\]\:border-t-0>:not(:first-child){border-top-style:var(--tw-border-style);border-top-width:0}.\[\&\>\*\:not\(\:first-child\)\]\:border-l-0>:not(:first-child){border-left-style:var(--tw-border-style);border-left-width:0}.\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-none>:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.\[\&\>\*\:not\(\:last-child\)\]\:rounded-b-none>:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0}.has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-md:has(:is(select[aria-hidden=true]:last-child))>[data-slot=select-trigger]:last-of-type{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.\[\&\>\[data-slot\=select-trigger\]\:not\(\[class\*\=\'w-\'\]\)\]\:w-fit>[data-slot=select-trigger]:not([class*=w-]){width:fit-content}.\[\&\>input\]\:flex-1>input{flex:1}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{rotate:180deg}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equal-experts/kuat-vue",
-  "version": "0.3.2",
+  "version": "0.4.1",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",