yems-ui 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +166 -0
- package/dist/index.css +320 -0
- package/dist/index.css.map +1 -0
- package/dist/index.d.mts +450 -0
- package/dist/index.d.ts +450 -0
- package/dist/index.js +2361 -0
- package/dist/index.js.map +1 -0
- package/dist/index.mjs +2210 -0
- package/dist/index.mjs.map +1 -0
- package/package.json +94 -0
package/LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2024-2026 Sodiq Ogundairo
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
package/README.md
ADDED
|
@@ -0,0 +1,166 @@
|
|
|
1
|
+
# @yems-ui/core
|
|
2
|
+
|
|
3
|
+
A beautiful React component library with **glassmorphism effects**, **premium animations**, and **modern design patterns**.
|
|
4
|
+
|
|
5
|
+
## ✨ Features
|
|
6
|
+
|
|
7
|
+
- 🎨 **Glassmorphism Design** - Beautiful frosted glass effects with liquid aesthetics
|
|
8
|
+
- ⚡ **Premium Animations** - Smooth micro-interactions using Motion.dev (Framer Motion)
|
|
9
|
+
- 🎯 **TypeScript First** - Full type safety with exported types
|
|
10
|
+
- 🎭 **Radix UI Primitives** - Fully accessible components
|
|
11
|
+
- 🎨 **Tailwind CSS v4** - Modern utility-first styling
|
|
12
|
+
- 🌓 **Dark/Light Mode** - Theme-aware with CSS variables
|
|
13
|
+
- 🚀 **Tree-shakeable** - Import only what you need
|
|
14
|
+
|
|
15
|
+
## 📦 Installation
|
|
16
|
+
|
|
17
|
+
### Via NPM (Recommended)
|
|
18
|
+
|
|
19
|
+
```bash
|
|
20
|
+
npm install @yems-ui/core
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
### Peer Dependencies
|
|
24
|
+
|
|
25
|
+
Make sure you have React 18+ installed:
|
|
26
|
+
|
|
27
|
+
```bash
|
|
28
|
+
npm install react react-dom
|
|
29
|
+
```
|
|
30
|
+
|
|
31
|
+
### Required: Tailwind CSS v4
|
|
32
|
+
|
|
33
|
+
This library requires Tailwind CSS v4:
|
|
34
|
+
|
|
35
|
+
```bash
|
|
36
|
+
npm install tailwindcss@next
|
|
37
|
+
```
|
|
38
|
+
|
|
39
|
+
---
|
|
40
|
+
|
|
41
|
+
## 🚨 IMPORTANT: Tailwind CSS v4 Setup
|
|
42
|
+
|
|
43
|
+
This library uses Tailwind CSS v4 and requires **two critical steps** in your project:
|
|
44
|
+
|
|
45
|
+
### Step 1: Add the `@source` directive
|
|
46
|
+
|
|
47
|
+
In your main CSS file (e.g., `src/styles.css` or `src/index.css`), add:
|
|
48
|
+
|
|
49
|
+
```css
|
|
50
|
+
@import "tailwindcss";
|
|
51
|
+
@source "../node_modules/@yems-ui/core/dist"; /* <-- REQUIRED! */
|
|
52
|
+
@import "@yems-ui/core/styles.css";
|
|
53
|
+
|
|
54
|
+
/* Your custom styles below... */
|
|
55
|
+
```
|
|
56
|
+
|
|
57
|
+
> ⚠️ **Without the `@source` directive, the library's utility classes (like `bg-true-azure`, `glass-card`, etc.) will NOT be generated!**
|
|
58
|
+
|
|
59
|
+
### Step 2: Ensure Vite + Tailwind v4 plugin
|
|
60
|
+
|
|
61
|
+
Make sure your `vite.config.ts` includes the Tailwind plugin:
|
|
62
|
+
|
|
63
|
+
```ts
|
|
64
|
+
import { defineConfig } from "vite";
|
|
65
|
+
import react from "@vitejs/plugin-react";
|
|
66
|
+
import tailwindcss from "@tailwindcss/vite";
|
|
67
|
+
|
|
68
|
+
export default defineConfig({
|
|
69
|
+
plugins: [react(), tailwindcss()],
|
|
70
|
+
});
|
|
71
|
+
```
|
|
72
|
+
|
|
73
|
+
---
|
|
74
|
+
|
|
75
|
+
## � Framework Integration
|
|
76
|
+
|
|
77
|
+
This library works with any React framework or setup:
|
|
78
|
+
|
|
79
|
+
- **Next.js** - Works with App Router and Pages Router
|
|
80
|
+
- **Vite** - Full support with HMR
|
|
81
|
+
- **Create React App** - Compatible
|
|
82
|
+
- **Remix** - Works as expected
|
|
83
|
+
- **Astro + React** - Fully compatible
|
|
84
|
+
- **Gatsby** - Supported
|
|
85
|
+
- **Any custom webpack/rollup setup** - Should work fine
|
|
86
|
+
|
|
87
|
+
> **Note**: Mobile support is built-in. Components are touch-friendly and work on React Native Web setups.
|
|
88
|
+
|
|
89
|
+
---
|
|
90
|
+
|
|
91
|
+
## �🚀 Usage
|
|
92
|
+
|
|
93
|
+
```tsx
|
|
94
|
+
import {
|
|
95
|
+
Button,
|
|
96
|
+
Card,
|
|
97
|
+
CardHeader,
|
|
98
|
+
CardTitle,
|
|
99
|
+
CardContent,
|
|
100
|
+
} from "@yems-ui/core";
|
|
101
|
+
|
|
102
|
+
function App() {
|
|
103
|
+
return (
|
|
104
|
+
<Card hover>
|
|
105
|
+
<CardHeader>
|
|
106
|
+
<CardTitle>Welcome</CardTitle>
|
|
107
|
+
</CardHeader>
|
|
108
|
+
<CardContent>
|
|
109
|
+
<Button variant="primary">Click me</Button>
|
|
110
|
+
</CardContent>
|
|
111
|
+
</Card>
|
|
112
|
+
);
|
|
113
|
+
}
|
|
114
|
+
```
|
|
115
|
+
|
|
116
|
+
---
|
|
117
|
+
|
|
118
|
+
## 🎨 Components
|
|
119
|
+
|
|
120
|
+
| Component | Description |
|
|
121
|
+
| ----------------- | --------------------------------------------------------------------------------- |
|
|
122
|
+
| **Button** | Multiple variants (primary, secondary, accent, ghost, outline) with glassmorphism |
|
|
123
|
+
| **Card** | Glass card with hover lift and StatCard variant |
|
|
124
|
+
| **Dialog** | Liquid glass modal with smooth animations |
|
|
125
|
+
| **Input** | Floating label inputs with variants |
|
|
126
|
+
| **Radio Group** | With explosion animation effect |
|
|
127
|
+
| **Switch** | Glassmorphism toggle |
|
|
128
|
+
| **Checkbox** | Animated checkbox |
|
|
129
|
+
| **Alert** | 5 variants (default, info, success, warning, error) |
|
|
130
|
+
| **Accordion** | Collapsible content sections |
|
|
131
|
+
| **Popover** | Contextual overlays |
|
|
132
|
+
| **Tabs** | Tabbed content with glass effect |
|
|
133
|
+
| **Select** | Dropdown select with glass styling |
|
|
134
|
+
| **Tooltip** | Hover tooltips |
|
|
135
|
+
| **Dropdown Menu** | Context menus |
|
|
136
|
+
| **Table** | Data tables with hover effects |
|
|
137
|
+
| **Badge** | Status badges and indicators |
|
|
138
|
+
| **Avatar** | User avatars with fallback |
|
|
139
|
+
| **Progress** | Progress bars |
|
|
140
|
+
| **Separator** | Dividers |
|
|
141
|
+
| **Pagination** | Smart page navigation |
|
|
142
|
+
| **Breadcrumbs** | Navigation hierarchy |
|
|
143
|
+
| **Skeleton** | Loading states (text, card, avatar, table) |
|
|
144
|
+
| **Empty State** | No data displays |
|
|
145
|
+
| **Toast** | Notification toasts |
|
|
146
|
+
|
|
147
|
+
---
|
|
148
|
+
|
|
149
|
+
## 🎨 Brand Colors
|
|
150
|
+
|
|
151
|
+
The library includes these brand colors as CSS variables:
|
|
152
|
+
|
|
153
|
+
| Variable | Color | Hex |
|
|
154
|
+
| ------------------------ | --------- | --------- |
|
|
155
|
+
| `--color-true-azure` | Primary | `#5000ab` |
|
|
156
|
+
| `--color-dark-amethyst` | Secondary | `#1c0636` |
|
|
157
|
+
| `--color-sunflower-gold` | Accent | `#e3b23c` |
|
|
158
|
+
| `--color-autumn-ember` | Ember | `#bb4d00` |
|
|
159
|
+
| `--color-fresh-sky` | Sky | `#4ea5d9` |
|
|
160
|
+
| `--color-seasalt` | Light | `#fafafa` |
|
|
161
|
+
|
|
162
|
+
---
|
|
163
|
+
|
|
164
|
+
## 📝 License
|
|
165
|
+
|
|
166
|
+
MIT © Sodiq Ogundairo
|
package/dist/index.css
ADDED
|
@@ -0,0 +1,320 @@
|
|
|
1
|
+
@import "tailwindcss";
|
|
2
|
+
|
|
3
|
+
/* src/styles.css */
|
|
4
|
+
@source ".";
|
|
5
|
+
@theme { --color-dark-amethyst: #1c0636; --color-true-azure: #5000ab; --color-sunflower-gold: #e3b23c; --color-autumn-ember: #bb4d00; --color-fresh-sky: #4ea5d9; --color-seasalt: #fafafa; --color-black: #121212; --color-gray: #a1a1a1; --color-gray-md: #6f6d66; --color-gray-hi: #282826; --color-success: #026008; --color-warning: #ff8b00; --color-error: #ff0900; --glass-bg: rgba(255, 255, 255, 0.65); --glass-bg-strong: rgba(255, 255, 255, 0.85); --glass-border: rgba(255, 255, 255, 0.3); --glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.12); --glass-blur: 16px; --glass-card-bg: rgba(255, 255, 255, 0.75); --glass-card-border: rgba(255, 255, 255, 0.35); --glass-card-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.15); --glass-input-bg: rgba(255, 255, 255, 0.55); --glass-input-border: rgba(161, 161, 161, 0.25); --glass-input-focus-bg: rgba(255, 255, 255, 0.75); --color-background: linear-gradient(135deg, #f5f7fa 0%, #e8ecf1 100%); --color-foreground: var(--color-black); --color-card: var(--glass-card-bg); --color-card-foreground: var(--color-black); --color-popover: var(--glass-bg-strong); --color-popover-foreground: var(--color-black); --color-primary: var(--color-true-azure); --color-primary-foreground: var(--color-seasalt); --color-secondary: var(--color-dark-amethyst); --color-secondary-foreground: var(--color-seasalt); --color-muted: var(--glass-input-bg); --color-muted-foreground: var(--color-gray-md); --color-accent: var(--color-sunflower-gold); --color-accent-foreground: var(--color-black); --color-destructive: var(--color-error); --color-destructive-foreground: var(--color-seasalt); --color-border: var(--glass-border); --color-input: var(--glass-input-bg); --color-ring: var(--color-true-azure); --radius: 12px; --font-sans: "Poppins", ui-sans-serif, system-ui, sans-serif; --font-display: "Otama EP", ui-serif, Georgia, serif; --shadow-sm: 0 2px 8px 0 rgba(31, 38, 135, 0.08); --shadow-md: 0 4px 16px 0 rgba(31, 38, 135, 0.12); --shadow-lg: 0 8px 32px 0 rgba(31, 38, 135, 0.16); --shadow-xl: 0 12px 48px 0 rgba(31, 38, 135, 0.2); --shadow-glass: var(--glass-shadow); --shadow-primary: 0 4px 16px 0 rgba(80, 0, 171, 0.2), 0 0 20px rgba(80, 0, 171, 0.1); --shadow-primary-glow: 0 0 30px rgba(80, 0, 171, 0.25), 0 4px 20px rgba(80, 0, 171, 0.2); --shadow-accent: 0 4px 16px 0 rgba(227, 178, 60, 0.2), 0 0 20px rgba(227, 178, 60, 0.1); --shadow-accent-glow: 0 0 30px rgba(227, 178, 60, 0.25), 0 4px 20px rgba(227, 178, 60, 0.2); --transition-fast: 150ms; --transition-normal: 250ms; --transition-slow: 350ms; --ease-smooth: cubic-bezier(0.4, 0, 0.2, 1); --ease-bounce: cubic-bezier(0.68, -0.55, 0.265, 1.55); --ease-spring: cubic-bezier(0.175, 0.885, 0.32, 1.275); --animate-shimmer: shimmer 2s linear infinite; --animate-accordion-down: accordion-down 0.2s ease-out; --animate-accordion-up: accordion-up 0.2s ease-out; }
|
|
6
|
+
@keyframes shimmer {
|
|
7
|
+
0% {
|
|
8
|
+
background-position: -200% 0;
|
|
9
|
+
}
|
|
10
|
+
100% {
|
|
11
|
+
background-position: 200% 0;
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
@keyframes accordion-down {
|
|
15
|
+
from {
|
|
16
|
+
height: 0;
|
|
17
|
+
}
|
|
18
|
+
to {
|
|
19
|
+
height: var(--radix-accordion-content-height);
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
@keyframes accordion-up {
|
|
23
|
+
from {
|
|
24
|
+
height: var(--radix-accordion-content-height);
|
|
25
|
+
}
|
|
26
|
+
to {
|
|
27
|
+
height: 0;
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
@theme dark { --glass-bg: rgba(18, 18, 18, 0.65); --glass-bg-strong: rgba(18, 18, 18, 0.85); --glass-border: rgba(255, 255, 255, 0.1); --glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.4); --glass-card-bg: rgba(40, 40, 38, 0.75); --glass-card-border: rgba(255, 255, 255, 0.12); --glass-card-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.5); --glass-input-bg: rgba(40, 40, 38, 0.55); --glass-input-border: rgba(255, 255, 255, 0.15); --glass-input-focus-bg: rgba(40, 40, 38, 0.75); --color-background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%); --color-foreground: var(--color-seasalt); --color-card: var(--glass-card-bg); --color-card-foreground: var(--color-seasalt); --color-popover: var(--glass-bg-strong); --color-popover-foreground: var(--color-seasalt); --color-muted: var(--glass-input-bg); --color-muted-foreground: var(--color-gray); --color-border: var(--glass-border); --color-input: var(--glass-input-bg); --shadow-sm: 0 2px 8px 0 rgba(0, 0, 0, 0.3); --shadow-md: 0 4px 16px 0 rgba(0, 0, 0, 0.4); --shadow-lg: 0 8px 32px 0 rgba(0, 0, 0, 0.5); --shadow-xl: 0 12px 48px 0 rgba(0, 0, 0, 0.6); }
|
|
31
|
+
@layer base {
|
|
32
|
+
*,
|
|
33
|
+
*::before,
|
|
34
|
+
*::after {
|
|
35
|
+
@apply border-border;
|
|
36
|
+
}
|
|
37
|
+
html {
|
|
38
|
+
-webkit-font-smoothing: antialiased;
|
|
39
|
+
-moz-osx-font-smoothing: grayscale;
|
|
40
|
+
text-rendering: optimizeLegibility;
|
|
41
|
+
}
|
|
42
|
+
body {
|
|
43
|
+
@apply font-sans text-foreground;
|
|
44
|
+
background: var(--color-background);
|
|
45
|
+
font-feature-settings: "rlig" 1, "calt" 1;
|
|
46
|
+
}
|
|
47
|
+
h1,
|
|
48
|
+
h2,
|
|
49
|
+
h3,
|
|
50
|
+
h4,
|
|
51
|
+
h5,
|
|
52
|
+
h6 {
|
|
53
|
+
@apply font-semibold tracking-tight;
|
|
54
|
+
transition: color var(--transition-normal) var(--ease-smooth);
|
|
55
|
+
}
|
|
56
|
+
h1 {
|
|
57
|
+
@apply text-4xl lg:text-5xl;
|
|
58
|
+
}
|
|
59
|
+
h2 {
|
|
60
|
+
@apply text-3xl lg:text-4xl;
|
|
61
|
+
}
|
|
62
|
+
h3 {
|
|
63
|
+
@apply text-2xl lg:text-3xl;
|
|
64
|
+
}
|
|
65
|
+
h4 {
|
|
66
|
+
@apply text-xl lg:text-2xl;
|
|
67
|
+
}
|
|
68
|
+
h5 {
|
|
69
|
+
@apply text-lg lg:text-xl;
|
|
70
|
+
}
|
|
71
|
+
h6 {
|
|
72
|
+
@apply text-base lg:text-lg font-medium;
|
|
73
|
+
}
|
|
74
|
+
:focus-visible {
|
|
75
|
+
@apply outline-none ring-2 ring-ring ring-offset-2 ring-offset-background;
|
|
76
|
+
transition: all var(--transition-fast) var(--ease-smooth);
|
|
77
|
+
}
|
|
78
|
+
::selection {
|
|
79
|
+
@apply bg-primary/20 text-primary;
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
@layer utilities {
|
|
83
|
+
.glass {
|
|
84
|
+
background: var(--glass-bg);
|
|
85
|
+
backdrop-filter: blur(var(--glass-blur));
|
|
86
|
+
-webkit-backdrop-filter: blur(var(--glass-blur));
|
|
87
|
+
border: 1px solid var(--glass-border);
|
|
88
|
+
box-shadow: var(--glass-shadow);
|
|
89
|
+
}
|
|
90
|
+
.glass-card {
|
|
91
|
+
background: var(--glass-card-bg);
|
|
92
|
+
backdrop-filter: blur(var(--glass-blur));
|
|
93
|
+
-webkit-backdrop-filter: blur(var(--glass-blur));
|
|
94
|
+
border: 1px solid var(--glass-card-border);
|
|
95
|
+
box-shadow: var(--glass-card-shadow);
|
|
96
|
+
}
|
|
97
|
+
.glass-strong {
|
|
98
|
+
background: var(--glass-bg-strong);
|
|
99
|
+
backdrop-filter: blur(20px);
|
|
100
|
+
-webkit-backdrop-filter: blur(20px);
|
|
101
|
+
border: 1px solid var(--glass-border);
|
|
102
|
+
}
|
|
103
|
+
.glass-hover {
|
|
104
|
+
transition: all var(--transition-normal) var(--ease-smooth);
|
|
105
|
+
}
|
|
106
|
+
.glass-hover:hover {
|
|
107
|
+
background: var(--glass-bg-strong);
|
|
108
|
+
transform: translateY(-2px);
|
|
109
|
+
box-shadow: 0 12px 40px 0 rgba(31, 38, 135, 0.2);
|
|
110
|
+
}
|
|
111
|
+
.text-brand-primary {
|
|
112
|
+
color: var(--color-true-azure);
|
|
113
|
+
}
|
|
114
|
+
.text-brand-secondary {
|
|
115
|
+
color: var(--color-dark-amethyst);
|
|
116
|
+
}
|
|
117
|
+
.text-brand-accent {
|
|
118
|
+
color: var(--color-sunflower-gold);
|
|
119
|
+
}
|
|
120
|
+
.text-brand-ember {
|
|
121
|
+
color: var(--color-autumn-ember);
|
|
122
|
+
}
|
|
123
|
+
.text-brand-sky {
|
|
124
|
+
color: var(--color-fresh-sky);
|
|
125
|
+
}
|
|
126
|
+
.bg-brand-primary {
|
|
127
|
+
background-color: var(--color-true-azure);
|
|
128
|
+
}
|
|
129
|
+
.bg-brand-secondary {
|
|
130
|
+
background-color: var(--color-dark-amethyst);
|
|
131
|
+
}
|
|
132
|
+
.bg-brand-accent {
|
|
133
|
+
background-color: var(--color-sunflower-gold);
|
|
134
|
+
}
|
|
135
|
+
.bg-brand-ember {
|
|
136
|
+
background-color: var(--color-autumn-ember);
|
|
137
|
+
}
|
|
138
|
+
.bg-brand-sky {
|
|
139
|
+
background-color: var(--color-fresh-sky);
|
|
140
|
+
}
|
|
141
|
+
.bg-gradient-primary {
|
|
142
|
+
background:
|
|
143
|
+
linear-gradient(
|
|
144
|
+
135deg,
|
|
145
|
+
rgba(80, 0, 171, 0.9) 0%,
|
|
146
|
+
rgba(28, 6, 54, 0.9) 100%);
|
|
147
|
+
backdrop-filter: blur(var(--glass-blur));
|
|
148
|
+
-webkit-backdrop-filter: blur(var(--glass-blur));
|
|
149
|
+
}
|
|
150
|
+
.bg-gradient-accent {
|
|
151
|
+
background:
|
|
152
|
+
linear-gradient(
|
|
153
|
+
135deg,
|
|
154
|
+
rgba(227, 178, 60, 0.9) 0%,
|
|
155
|
+
rgba(187, 77, 0, 0.9) 100%);
|
|
156
|
+
backdrop-filter: blur(var(--glass-blur));
|
|
157
|
+
-webkit-backdrop-filter: blur(var(--glass-blur));
|
|
158
|
+
}
|
|
159
|
+
.hover-lift {
|
|
160
|
+
transition: transform var(--transition-normal) var(--ease-smooth), box-shadow var(--transition-normal) var(--ease-smooth);
|
|
161
|
+
}
|
|
162
|
+
.hover-lift:hover {
|
|
163
|
+
transform: translateY(-4px);
|
|
164
|
+
box-shadow: var(--shadow-lg);
|
|
165
|
+
}
|
|
166
|
+
.hover-glow {
|
|
167
|
+
transition: box-shadow var(--transition-normal) var(--ease-smooth);
|
|
168
|
+
}
|
|
169
|
+
.hover-glow:hover {
|
|
170
|
+
box-shadow: 0 0 20px rgba(80, 0, 171, 0.4);
|
|
171
|
+
}
|
|
172
|
+
.hover-scale {
|
|
173
|
+
transition: transform var(--transition-normal) var(--ease-spring);
|
|
174
|
+
}
|
|
175
|
+
.hover-scale:hover {
|
|
176
|
+
transform: scale(1.05);
|
|
177
|
+
}
|
|
178
|
+
.ripple-container {
|
|
179
|
+
position: relative;
|
|
180
|
+
overflow: hidden;
|
|
181
|
+
}
|
|
182
|
+
.shimmer {
|
|
183
|
+
position: relative;
|
|
184
|
+
overflow: hidden;
|
|
185
|
+
}
|
|
186
|
+
.shimmer::before {
|
|
187
|
+
content: "";
|
|
188
|
+
position: absolute;
|
|
189
|
+
top: 0;
|
|
190
|
+
left: -100%;
|
|
191
|
+
width: 100%;
|
|
192
|
+
height: 100%;
|
|
193
|
+
background:
|
|
194
|
+
linear-gradient(
|
|
195
|
+
90deg,
|
|
196
|
+
transparent,
|
|
197
|
+
rgba(255, 255, 255, 0.2),
|
|
198
|
+
transparent);
|
|
199
|
+
animation: shimmer 2s infinite;
|
|
200
|
+
}
|
|
201
|
+
.pulse-glow {
|
|
202
|
+
animation: pulseGlow 2s ease-in-out infinite;
|
|
203
|
+
}
|
|
204
|
+
.gradient-overlay {
|
|
205
|
+
position: relative;
|
|
206
|
+
}
|
|
207
|
+
.gradient-overlay::before {
|
|
208
|
+
content: "";
|
|
209
|
+
position: absolute;
|
|
210
|
+
inset: 0;
|
|
211
|
+
background: var(--gradient-light-overlay);
|
|
212
|
+
pointer-events: none;
|
|
213
|
+
border-radius: inherit;
|
|
214
|
+
}
|
|
215
|
+
.gradient-glow-primary {
|
|
216
|
+
position: relative;
|
|
217
|
+
box-shadow: var(--shadow-primary-glow);
|
|
218
|
+
}
|
|
219
|
+
.gradient-glow-accent {
|
|
220
|
+
position: relative;
|
|
221
|
+
box-shadow: var(--shadow-accent-glow);
|
|
222
|
+
}
|
|
223
|
+
.bg-gradient-soft-primary {
|
|
224
|
+
background: var(--gradient-primary-soft);
|
|
225
|
+
}
|
|
226
|
+
.bg-gradient-soft-accent {
|
|
227
|
+
background: var(--gradient-accent-soft);
|
|
228
|
+
}
|
|
229
|
+
}
|
|
230
|
+
@keyframes shimmer {
|
|
231
|
+
0% {
|
|
232
|
+
left: -100%;
|
|
233
|
+
}
|
|
234
|
+
100% {
|
|
235
|
+
left: 100%;
|
|
236
|
+
}
|
|
237
|
+
}
|
|
238
|
+
@keyframes pulseGlow {
|
|
239
|
+
0%, 100% {
|
|
240
|
+
box-shadow: 0 0 20px rgba(80, 0, 171, 0.3);
|
|
241
|
+
}
|
|
242
|
+
50% {
|
|
243
|
+
box-shadow: 0 0 40px rgba(80, 0, 171, 0.6);
|
|
244
|
+
}
|
|
245
|
+
}
|
|
246
|
+
@keyframes fadeIn {
|
|
247
|
+
from {
|
|
248
|
+
opacity: 0;
|
|
249
|
+
}
|
|
250
|
+
to {
|
|
251
|
+
opacity: 1;
|
|
252
|
+
}
|
|
253
|
+
}
|
|
254
|
+
@keyframes slideUp {
|
|
255
|
+
from {
|
|
256
|
+
opacity: 0;
|
|
257
|
+
transform: translateY(20px);
|
|
258
|
+
}
|
|
259
|
+
to {
|
|
260
|
+
opacity: 1;
|
|
261
|
+
transform: translateY(0);
|
|
262
|
+
}
|
|
263
|
+
}
|
|
264
|
+
@keyframes slideDown {
|
|
265
|
+
from {
|
|
266
|
+
opacity: 0;
|
|
267
|
+
transform: translateY(-20px);
|
|
268
|
+
}
|
|
269
|
+
to {
|
|
270
|
+
opacity: 1;
|
|
271
|
+
transform: translateY(0);
|
|
272
|
+
}
|
|
273
|
+
}
|
|
274
|
+
@keyframes scaleIn {
|
|
275
|
+
from {
|
|
276
|
+
opacity: 0;
|
|
277
|
+
transform: scale(0.9);
|
|
278
|
+
}
|
|
279
|
+
to {
|
|
280
|
+
opacity: 1;
|
|
281
|
+
transform: scale(1);
|
|
282
|
+
}
|
|
283
|
+
}
|
|
284
|
+
@keyframes spin {
|
|
285
|
+
from {
|
|
286
|
+
transform: rotate(0deg);
|
|
287
|
+
}
|
|
288
|
+
to {
|
|
289
|
+
transform: rotate(360deg);
|
|
290
|
+
}
|
|
291
|
+
}
|
|
292
|
+
@keyframes bounce {
|
|
293
|
+
0%, 100% {
|
|
294
|
+
transform: translateY(0);
|
|
295
|
+
}
|
|
296
|
+
50% {
|
|
297
|
+
transform: translateY(-10px);
|
|
298
|
+
}
|
|
299
|
+
}
|
|
300
|
+
@layer base {
|
|
301
|
+
::-webkit-scrollbar {
|
|
302
|
+
width: 10px;
|
|
303
|
+
height: 10px;
|
|
304
|
+
}
|
|
305
|
+
::-webkit-scrollbar-track {
|
|
306
|
+
background: var(--glass-input-bg);
|
|
307
|
+
backdrop-filter: blur(8px);
|
|
308
|
+
border-radius: 10px;
|
|
309
|
+
}
|
|
310
|
+
::-webkit-scrollbar-thumb {
|
|
311
|
+
background: var(--glass-card-bg);
|
|
312
|
+
border-radius: 10px;
|
|
313
|
+
border: 2px solid var(--glass-border);
|
|
314
|
+
transition: background var(--transition-normal);
|
|
315
|
+
}
|
|
316
|
+
::-webkit-scrollbar-thumb:hover {
|
|
317
|
+
background: var(--glass-bg-strong);
|
|
318
|
+
}
|
|
319
|
+
}
|
|
320
|
+
/*# sourceMappingURL=index.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/styles.css"],"sourcesContent":["@import \"tailwindcss\";\r\n@source \".\";\r\n\r\n/* ===\r\n==========================================================================\r\n FLOCK DESIGN SYSTEM - LIQUID GLASS EDITION\r\n Church Management System with Glassmorphism & Micro-interactions\r\n ============================================================================= */\r\n\r\n@theme {\r\n /* =========================================================================\r\n BRAND COLORS\r\n ========================================================================= */\r\n --color-dark-amethyst: #1c0636;\r\n --color-true-azure: #5000ab;\r\n --color-sunflower-gold: #e3b23c;\r\n --color-autumn-ember: #bb4d00;\r\n --color-fresh-sky: #4ea5d9;\r\n --color-seasalt: #fafafa;\r\n --color-black: #121212;\r\n --color-gray: #a1a1a1;\r\n --color-gray-md: #6f6d66;\r\n --color-gray-hi: #282826;\r\n --color-success: #026008;\r\n --color-warning: #ff8b00;\r\n --color-error: #ff0900;\r\n\r\n /* =========================================================================\r\n GLASSMORPHISM VARIABLES - LIGHT MODE\r\n ========================================================================= */\r\n --glass-bg: rgba(255, 255, 255, 0.65);\r\n --glass-bg-strong: rgba(255, 255, 255, 0.85);\r\n --glass-border: rgba(255, 255, 255, 0.3);\r\n --glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.12);\r\n --glass-blur: 16px;\r\n\r\n /* Card glass */\r\n --glass-card-bg: rgba(255, 255, 255, 0.75);\r\n --glass-card-border: rgba(255, 255, 255, 0.35);\r\n --glass-card-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.15);\r\n\r\n /* Input glass */\r\n --glass-input-bg: rgba(255, 255, 255, 0.55);\r\n --glass-input-border: rgba(161, 161, 161, 0.25);\r\n --glass-input-focus-bg: rgba(255, 255, 255, 0.75);\r\n\r\n /* =========================================================================\r\n COMPONENT COLORS (with glass)\r\n ========================================================================= */\r\n --color-background: linear-gradient(135deg, #f5f7fa 0%, #e8ecf1 100%);\r\n --color-foreground: var(--color-black);\r\n --color-card: var(--glass-card-bg);\r\n --color-card-foreground: var(--color-black);\r\n --color-popover: var(--glass-bg-strong);\r\n --color-popover-foreground: var(--color-black);\r\n --color-primary: var(--color-true-azure);\r\n --color-primary-foreground: var(--color-seasalt);\r\n --color-secondary: var(--color-dark-amethyst);\r\n --color-secondary-foreground: var(--color-seasalt);\r\n --color-muted: var(--glass-input-bg);\r\n --color-muted-foreground: var(--color-gray-md);\r\n --color-accent: var(--color-sunflower-gold);\r\n --color-accent-foreground: var(--color-black);\r\n --color-destructive: var(--color-error);\r\n --color-destructive-foreground: var(--color-seasalt);\r\n --color-border: var(--glass-border);\r\n --color-input: var(--glass-input-bg);\r\n --color-ring: var(--color-true-azure);\r\n\r\n /* =========================================================================\r\n SPACING, RADIUS, TYPOGRAPHY\r\n ========================================================================= */\r\n --radius: 12px;\r\n --font-sans: \"Poppins\", ui-sans-serif, system-ui, sans-serif;\r\n --font-display: \"Otama EP\", ui-serif, Georgia, serif;\r\n\r\n /* =========================================================================\r\n SHADOWS (enhanced for glass)\r\n ========================================================================= */\r\n --shadow-sm: 0 2px 8px 0 rgba(31, 38, 135, 0.08);\r\n --shadow-md: 0 4px 16px 0 rgba(31, 38, 135, 0.12);\r\n --shadow-lg: 0 8px 32px 0 rgba(31, 38, 135, 0.16);\r\n --shadow-xl: 0 12px 48px 0 rgba(31, 38, 135, 0.2);\r\n --shadow-glass: var(--glass-shadow);\r\n\r\n /* Subtle GLOW effects - toned down */\r\n --shadow-primary:\r\n 0 4px 16px 0 rgba(80, 0, 171, 0.2), 0 0 20px rgba(80, 0, 171, 0.1);\r\n --shadow-primary-glow:\r\n 0 0 30px rgba(80, 0, 171, 0.25), 0 4px 20px rgba(80, 0, 171, 0.2);\r\n --shadow-accent:\r\n 0 4px 16px 0 rgba(227, 178, 60, 0.2), 0 0 20px rgba(227, 178, 60, 0.1);\r\n --shadow-accent-glow:\r\n 0 0 30px rgba(227, 178, 60, 0.25), 0 4px 20px rgba(227, 178, 60, 0.2);\r\n\r\n /* =========================================================================\r\n TRANSITIONS (for micro-interactions)\r\n ========================================================================= */\r\n --transition-fast: 150ms;\r\n --transition-normal: 250ms;\r\n --transition-slow: 350ms;\r\n --ease-smooth: cubic-bezier(0.4, 0, 0.2, 1);\r\n --ease-bounce: cubic-bezier(0.68, -0.55, 0.265, 1.55);\r\n --ease-spring: cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n\r\n /* Animation keyframes */\r\n --animate-shimmer: shimmer 2s linear infinite;\r\n --animate-accordion-down: accordion-down 0.2s ease-out;\r\n --animate-accordion-up: accordion-up 0.2s ease-out;\r\n}\r\n\r\n@keyframes shimmer {\r\n 0% {\r\n background-position: -200% 0;\r\n }\r\n 100% {\r\n background-position: 200% 0;\r\n }\r\n}\r\n\r\n@keyframes accordion-down {\r\n from {\r\n height: 0;\r\n }\r\n to {\r\n height: var(--radix-accordion-content-height);\r\n }\r\n}\r\n\r\n@keyframes accordion-up {\r\n from {\r\n height: var(--radix-accordion-content-height);\r\n }\r\n to {\r\n height: 0;\r\n }\r\n}\r\n\r\n/* =============================================================================\r\n DARK MODE - LIQUID GLASS\r\n ============================================================================= */\r\n@theme dark {\r\n /* Dark glass variables */\r\n --glass-bg: rgba(18, 18, 18, 0.65);\r\n --glass-bg-strong: rgba(18, 18, 18, 0.85);\r\n --glass-border: rgba(255, 255, 255, 0.1);\r\n --glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.4);\r\n\r\n --glass-card-bg: rgba(40, 40, 38, 0.75);\r\n --glass-card-border: rgba(255, 255, 255, 0.12);\r\n --glass-card-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.5);\r\n\r\n --glass-input-bg: rgba(40, 40, 38, 0.55);\r\n --glass-input-border: rgba(255, 255, 255, 0.15);\r\n --glass-input-focus-bg: rgba(40, 40, 38, 0.75);\r\n\r\n /* Component colors */\r\n --color-background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);\r\n --color-foreground: var(--color-seasalt);\r\n --color-card: var(--glass-card-bg);\r\n --color-card-foreground: var(--color-seasalt);\r\n --color-popover: var(--glass-bg-strong);\r\n --color-popover-foreground: var(--color-seasalt);\r\n --color-muted: var(--glass-input-bg);\r\n --color-muted-foreground: var(--color-gray);\r\n --color-border: var(--glass-border);\r\n --color-input: var(--glass-input-bg);\r\n\r\n /* Shadows */\r\n --shadow-sm: 0 2px 8px 0 rgba(0, 0, 0, 0.3);\r\n --shadow-md: 0 4px 16px 0 rgba(0, 0, 0, 0.4);\r\n --shadow-lg: 0 8px 32px 0 rgba(0, 0, 0, 0.5);\r\n --shadow-xl: 0 12px 48px 0 rgba(0, 0, 0, 0.6);\r\n}\r\n\r\n/* =============================================================================\r\n BASE STYLES\r\n ============================================================================= */\r\n@layer base {\r\n *,\r\n *::before,\r\n *::after {\r\n @apply border-border;\r\n }\r\n\r\n html {\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n text-rendering: optimizeLegibility;\r\n }\r\n\r\n body {\r\n @apply font-sans text-foreground;\r\n background: var(--color-background);\r\n font-feature-settings:\r\n \"rlig\" 1,\r\n \"calt\" 1;\r\n }\r\n\r\n /* Typography with micro-interactions */\r\n h1,\r\n h2,\r\n h3,\r\n h4,\r\n h5,\r\n h6 {\r\n @apply font-semibold tracking-tight;\r\n transition: color var(--transition-normal) var(--ease-smooth);\r\n }\r\n\r\n h1 {\r\n @apply text-4xl lg:text-5xl;\r\n }\r\n h2 {\r\n @apply text-3xl lg:text-4xl;\r\n }\r\n h3 {\r\n @apply text-2xl lg:text-3xl;\r\n }\r\n h4 {\r\n @apply text-xl lg:text-2xl;\r\n }\r\n h5 {\r\n @apply text-lg lg:text-xl;\r\n }\r\n h6 {\r\n @apply text-base lg:text-lg font-medium;\r\n }\r\n\r\n /* Enhanced focus */\r\n :focus-visible {\r\n @apply outline-none ring-2 ring-ring ring-offset-2 ring-offset-background;\r\n transition: all var(--transition-fast) var(--ease-smooth);\r\n }\r\n\r\n /* Selection */\r\n ::selection {\r\n @apply bg-primary/20 text-primary;\r\n }\r\n}\r\n\r\n/* =============================================================================\r\n GLASSMORPHISM UTILITIES\r\n ============================================================================= */\r\n@layer utilities {\r\n /* Glass effects */\r\n .glass {\r\n background: var(--glass-bg);\r\n backdrop-filter: blur(var(--glass-blur));\r\n -webkit-backdrop-filter: blur(var(--glass-blur));\r\n border: 1px solid var(--glass-border);\r\n box-shadow: var(--glass-shadow);\r\n }\r\n\r\n .glass-card {\r\n background: var(--glass-card-bg);\r\n backdrop-filter: blur(var(--glass-blur));\r\n -webkit-backdrop-filter: blur(var(--glass-blur));\r\n border: 1px solid var(--glass-card-border);\r\n box-shadow: var(--glass-card-shadow);\r\n }\r\n\r\n .glass-strong {\r\n background: var(--glass-bg-strong);\r\n backdrop-filter: blur(20px);\r\n -webkit-backdrop-filter: blur(20px);\r\n border: 1px solid var(--glass-border);\r\n }\r\n\r\n /* Hover glass effect */\r\n .glass-hover {\r\n transition: all var(--transition-normal) var(--ease-smooth);\r\n }\r\n\r\n .glass-hover:hover {\r\n background: var(--glass-bg-strong);\r\n transform: translateY(-2px);\r\n box-shadow: 0 12px 40px 0 rgba(31, 38, 135, 0.2);\r\n }\r\n\r\n /* Brand colors */\r\n .text-brand-primary {\r\n color: var(--color-true-azure);\r\n }\r\n .text-brand-secondary {\r\n color: var(--color-dark-amethyst);\r\n }\r\n .text-brand-accent {\r\n color: var(--color-sunflower-gold);\r\n }\r\n .text-brand-ember {\r\n color: var(--color-autumn-ember);\r\n }\r\n .text-brand-sky {\r\n color: var(--color-fresh-sky);\r\n }\r\n\r\n .bg-brand-primary {\r\n background-color: var(--color-true-azure);\r\n }\r\n .bg-brand-secondary {\r\n background-color: var(--color-dark-amethyst);\r\n }\r\n .bg-brand-accent {\r\n background-color: var(--color-sunflower-gold);\r\n }\r\n .bg-brand-ember {\r\n background-color: var(--color-autumn-ember);\r\n }\r\n .bg-brand-sky {\r\n background-color: var(--color-fresh-sky);\r\n }\r\n\r\n /* Glass gradients */\r\n .bg-gradient-primary {\r\n background: linear-gradient(\r\n 135deg,\r\n rgba(80, 0, 171, 0.9) 0%,\r\n rgba(28, 6, 54, 0.9) 100%\r\n );\r\n backdrop-filter: blur(var(--glass-blur));\r\n -webkit-backdrop-filter: blur(var(--glass-blur));\r\n }\r\n\r\n .bg-gradient-accent {\r\n background: linear-gradient(\r\n 135deg,\r\n rgba(227, 178, 60, 0.9) 0%,\r\n rgba(187, 77, 0, 0.9) 100%\r\n );\r\n backdrop-filter: blur(var(--glass-blur));\r\n -webkit-backdrop-filter: blur(var(--glass-blur));\r\n }\r\n\r\n /* Micro-interaction utilities */\r\n .hover-lift {\r\n transition:\r\n transform var(--transition-normal) var(--ease-smooth),\r\n box-shadow var(--transition-normal) var(--ease-smooth);\r\n }\r\n\r\n .hover-lift:hover {\r\n transform: translateY(-4px);\r\n box-shadow: var(--shadow-lg);\r\n }\r\n\r\n .hover-glow {\r\n transition: box-shadow var(--transition-normal) var(--ease-smooth);\r\n }\r\n\r\n .hover-glow:hover {\r\n box-shadow: 0 0 20px rgba(80, 0, 171, 0.4);\r\n }\r\n\r\n .hover-scale {\r\n transition: transform var(--transition-normal) var(--ease-spring);\r\n }\r\n\r\n .hover-scale:hover {\r\n transform: scale(1.05);\r\n }\r\n\r\n /* Ripple effect container */\r\n .ripple-container {\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n /* Shimmer effect */\r\n .shimmer {\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .shimmer::before {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n left: -100%;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(\r\n 90deg,\r\n transparent,\r\n rgba(255, 255, 255, 0.2),\r\n transparent\r\n );\r\n animation: shimmer 2s infinite;\r\n }\r\n\r\n /* Pulse glow */\r\n .pulse-glow {\r\n animation: pulseGlow 2s ease-in-out infinite;\r\n }\r\n\r\n /* Gradient overlays */\r\n .gradient-overlay {\r\n position: relative;\r\n }\r\n\r\n .gradient-overlay::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background: var(--gradient-light-overlay);\r\n pointer-events: none;\r\n border-radius: inherit;\r\n }\r\n\r\n .gradient-glow-primary {\r\n position: relative;\r\n box-shadow: var(--shadow-primary-glow);\r\n }\r\n\r\n .gradient-glow-accent {\r\n position: relative;\r\n box-shadow: var(--shadow-accent-glow);\r\n }\r\n\r\n /* Soft gradient backgrounds */\r\n .bg-gradient-soft-primary {\r\n background: var(--gradient-primary-soft);\r\n }\r\n\r\n .bg-gradient-soft-accent {\r\n background: var(--gradient-accent-soft);\r\n }\r\n}\r\n\r\n/* =============================================================================\r\n ANIMATIONS\r\n ============================================================================= */\r\n@keyframes shimmer {\r\n 0% {\r\n left: -100%;\r\n }\r\n 100% {\r\n left: 100%;\r\n }\r\n}\r\n\r\n@keyframes pulseGlow {\r\n 0%,\r\n 100% {\r\n box-shadow: 0 0 20px rgba(80, 0, 171, 0.3);\r\n }\r\n 50% {\r\n box-shadow: 0 0 40px rgba(80, 0, 171, 0.6);\r\n }\r\n}\r\n\r\n@keyframes fadeIn {\r\n from {\r\n opacity: 0;\r\n }\r\n to {\r\n opacity: 1;\r\n }\r\n}\r\n\r\n@keyframes slideUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(20px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n}\r\n\r\n@keyframes slideDown {\r\n from {\r\n opacity: 0;\r\n transform: translateY(-20px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n}\r\n\r\n@keyframes scaleIn {\r\n from {\r\n opacity: 0;\r\n transform: scale(0.9);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: scale(1);\r\n }\r\n}\r\n\r\n@keyframes spin {\r\n from {\r\n transform: rotate(0deg);\r\n }\r\n to {\r\n transform: rotate(360deg);\r\n }\r\n}\r\n\r\n@keyframes bounce {\r\n 0%,\r\n 100% {\r\n transform: translateY(0);\r\n }\r\n 50% {\r\n transform: translateY(-10px);\r\n }\r\n}\r\n\r\n/* =============================================================================\r\n SCROLLBAR (glass style)\r\n ============================================================================= */\r\n@layer base {\r\n ::-webkit-scrollbar {\r\n width: 10px;\r\n height: 10px;\r\n }\r\n\r\n ::-webkit-scrollbar-track {\r\n background: var(--glass-input-bg);\r\n backdrop-filter: blur(8px);\r\n border-radius: 10px;\r\n }\r\n\r\n ::-webkit-scrollbar-thumb {\r\n background: var(--glass-card-bg);\r\n border-radius: 10px;\r\n border: 2px solid var(--glass-border);\r\n transition: background var(--transition-normal);\r\n }\r\n\r\n ::-webkit-scrollbar-thumb:hover {\r\n background: var(--glass-bg-strong);\r\n }\r\n}\r\n"],"mappings":";;;AACA,QAAQ;AAQR,OAAO,EAIL,qBAAqB,EAAE,OAAO,EAC9B,kBAAkB,EAAE,OAAO,EAC3B,sBAAsB,EAAE,OAAO,EAC/B,oBAAoB,EAAE,OAAO,EAC7B,iBAAiB,EAAE,OAAO,EAC1B,eAAe,EAAE,OAAO,EACxB,aAAa,EAAE,OAAO,EACtB,YAAY,EAAE,OAAO,EACrB,eAAe,EAAE,OAAO,EACxB,eAAe,EAAE,OAAO,EACxB,eAAe,EAAE,OAAO,EACxB,eAAe,EAAE,OAAO,EACxB,aAAa,EAAE,OAAO,EAKtB,UAAU,EAAE,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EACrC,iBAAiB,EAAE,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAC5C,cAAc,EAAE,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EACxC,cAAc,EAAE,EAAE,IAAI,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,KAAK,EACpD,YAAY,EAAE,IAAI,EAGlB,eAAe,EAAE,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAC1C,mBAAmB,EAAE,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAC9C,mBAAmB,EAAE,EAAE,IAAI,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,KAAK,EAGzD,gBAAgB,EAAE,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAC3C,oBAAoB,EAAE,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAC/C,sBAAsB,EAAE,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAKjD,kBAAkB,EAAE,gBAAgB,MAAM,EAAE,QAAQ,EAAE,EAAE,QAAQ,KAAK,EACrE,kBAAkB,EAAE,IAAI,cAAc,EACtC,YAAY,EAAE,IAAI,gBAAgB,EAClC,uBAAuB,EAAE,IAAI,cAAc,EAC3C,eAAe,EAAE,IAAI,kBAAkB,EACvC,0BAA0B,EAAE,IAAI,cAAc,EAC9C,eAAe,EAAE,IAAI,mBAAmB,EACxC,0BAA0B,EAAE,IAAI,gBAAgB,EAChD,iBAAiB,EAAE,IAAI,sBAAsB,EAC7C,4BAA4B,EAAE,IAAI,gBAAgB,EAClD,aAAa,EAAE,IAAI,iBAAiB,EACpC,wBAAwB,EAAE,IAAI,gBAAgB,EAC9C,cAAc,EAAE,IAAI,uBAAuB,EAC3C,yBAAyB,EAAE,IAAI,cAAc,EAC7C,mBAAmB,EAAE,IAAI,cAAc,EACvC,8BAA8B,EAAE,IAAI,gBAAgB,EACpD,cAAc,EAAE,IAAI,eAAe,EACnC,aAAa,EAAE,IAAI,iBAAiB,EACpC,YAAY,EAAE,IAAI,mBAAmB,EAKrC,QAAQ,EAAE,IAAI,EACd,WAAW,EAAE,SAAS,EAAE,aAAa,EAAE,SAAS,EAAE,UAAU,EAC5D,cAAc,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAKpD,WAAW,EAAE,EAAE,IAAI,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,KAAK,EAChD,WAAW,EAAE,EAAE,IAAI,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,KAAK,EACjD,WAAW,EAAE,EAAE,IAAI,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,KAAK,EACjD,WAAW,EAAE,EAAE,KAAK,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,EACjD,cAAc,EAAE,IAAI,eAAe,EAGnC,gBAAgB,EACd,EAAE,IAAI,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,KAAK,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EACpE,qBAAqB,EACnB,EAAE,EAAE,KAAK,KAAK,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,IAAI,KAAK,KAAK,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EACnE,eAAe,EACb,EAAE,IAAI,KAAK,EAAE,KAAK,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,KAAK,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EACxE,oBAAoB,EAClB,EAAE,EAAE,KAAK,KAAK,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,IAAI,KAAK,KAAK,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAKvE,iBAAiB,EAAE,KAAK,EACxB,mBAAmB,EAAE,KAAK,EAC1B,iBAAiB,EAAE,KAAK,EACxB,aAAa,EAAE,aAAa,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAC3C,aAAa,EAAE,aAAa,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EACrD,aAAa,EAAE,aAAa,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAGtD,iBAAiB,EAAE,QAAQ,GAAG,OAAO,QAAQ,EAC7C,wBAAwB,EAAE,eAAe,KAAK,QAAQ,EACtD,sBAAsB,EAAE,aAAa,KAAK,QAAQ;AAGpD,WAAW;AACT;AACE,yBAAqB,MAAM;AAC7B;AACA;AACE,yBAAqB,KAAK;AAC5B;AACF;AAEA,WAAW;AACT;AACE,YAAQ;AACV;AACA;AACE,YAAQ,IAAI;AACd;AACF;AAEA,WAAW;AACT;AACE,YAAQ,IAAI;AACd;AACA;AACE,YAAQ;AACV;AACF;AAKA,OAAO,KAAK,EAEV,UAAU,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAClC,iBAAiB,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EACzC,cAAc,EAAE,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EACxC,cAAc,EAAE,EAAE,IAAI,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAE/C,eAAe,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EACvC,mBAAmB,EAAE,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAC9C,mBAAmB,EAAE,EAAE,IAAI,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAEpD,gBAAgB,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EACxC,oBAAoB,EAAE,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAC/C,sBAAsB,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAG9C,kBAAkB,EAAE,gBAAgB,MAAM,EAAE,QAAQ,EAAE,EAAE,QAAQ,KAAK,EACrE,kBAAkB,EAAE,IAAI,gBAAgB,EACxC,YAAY,EAAE,IAAI,gBAAgB,EAClC,uBAAuB,EAAE,IAAI,gBAAgB,EAC7C,eAAe,EAAE,IAAI,kBAAkB,EACvC,0BAA0B,EAAE,IAAI,gBAAgB,EAChD,aAAa,EAAE,IAAI,iBAAiB,EACpC,wBAAwB,EAAE,IAAI,aAAa,EAC3C,cAAc,EAAE,IAAI,eAAe,EACnC,aAAa,EAAE,IAAI,iBAAiB,EAGpC,WAAW,EAAE,EAAE,IAAI,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAC3C,WAAW,EAAE,EAAE,IAAI,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAC5C,WAAW,EAAE,EAAE,IAAI,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAC5C,WAAW,EAAE,EAAE,KAAK,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI;AAM/C;AACE;AAAA,EACA,CAAC;AAAA,EACD,CAAC;AACC,WAAO;AACT;AAEA;AACE,4BAAwB;AACxB,6BAAyB;AACzB,oBAAgB;AAClB;AAEA;AACE,WAAO,UAAU;AACjB,gBAAY,IAAI;AAChB,2BACE,OAAO,CAAC,EACR,OAAO;AACX;AAGA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACE,WAAO,cAAc;AACrB,gBAAY,MAAM,IAAI,qBAAqB,IAAI;AACjD;AAEA;AACE,WAAO,SAAS,EAAE,CAAC;AACrB;AACA;AACE,WAAO,SAAS,EAAE,CAAC;AACrB;AACA;AACE,WAAO,SAAS,EAAE,CAAC;AACrB;AACA;AACE,WAAO,QAAQ,EAAE,CAAC;AACpB;AACA;AACE,WAAO,QAAQ,EAAE,CAAC;AACpB;AACA;AACE,WAAO,UAAU,EAAE,CAAC,QAAQ;AAC9B;AAGA;AACE,WAAO,aAAa,OAAO,UAAU,cAAc;AACnD,gBAAY,IAAI,IAAI,mBAAmB,IAAI;AAC7C;AAGA;AACE,WAAO,UAAU,CAAC,GAAG;AACvB;AACF;AAKA;AAEE,GAAC;AACC,gBAAY,IAAI;AAChB,qBAAiB,KAAK,IAAI;AAC1B,6BAAyB,KAAK,IAAI;AAClC,YAAQ,IAAI,MAAM,IAAI;AACtB,gBAAY,IAAI;AAClB;AAEA,GAAC;AACC,gBAAY,IAAI;AAChB,qBAAiB,KAAK,IAAI;AAC1B,6BAAyB,KAAK,IAAI;AAClC,YAAQ,IAAI,MAAM,IAAI;AACtB,gBAAY,IAAI;AAClB;AAEA,GAAC;AACC,gBAAY,IAAI;AAChB,qBAAiB,KAAK;AACtB,6BAAyB,KAAK;AAC9B,YAAQ,IAAI,MAAM,IAAI;AACxB;AAGA,GAAC;AACC,gBAAY,IAAI,IAAI,qBAAqB,IAAI;AAC/C;AAEA,GAJC,WAIW;AACV,gBAAY,IAAI;AAChB,eAAW,WAAW;AACtB,gBAAY,EAAE,KAAK,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE;AAC9C;AAGA,GAAC;AACC,WAAO,IAAI;AACb;AACA,GAAC;AACC,WAAO,IAAI;AACb;AACA,GAAC;AACC,WAAO,IAAI;AACb;AACA,GAAC;AACC,WAAO,IAAI;AACb;AACA,GAAC;AACC,WAAO,IAAI;AACb;AAEA,GAAC;AACC,sBAAkB,IAAI;AACxB;AACA,GAAC;AACC,sBAAkB,IAAI;AACxB;AACA,GAAC;AACC,sBAAkB,IAAI;AACxB;AACA,GAAC;AACC,sBAAkB,IAAI;AACxB;AACA,GAAC;AACC,sBAAkB,IAAI;AACxB;AAGA,GAAC;AACC;AAAA,MAAY;AAAA,QACV,MADU;AAAA,QAEV,KAAK,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,KAAK,EAFZ;AAAA,QAGV,KAAK,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,KAAK;AAEvB,qBAAiB,KAAK,IAAI;AAC1B,6BAAyB,KAAK,IAAI;AACpC;AAEA,GAAC;AACC;AAAA,MAAY;AAAA,QACV,MADU;AAAA,QAEV,KAAK,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,KAAK,EAFd;AAAA,QAGV,KAAK,GAAG,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK;AAExB,qBAAiB,KAAK,IAAI;AAC1B,6BAAyB,KAAK,IAAI;AACpC;AAGA,GAAC;AACC,gBACE,UAAU,IAAI,qBAAqB,IAAI,cAAc,EACrD,WAAW,IAAI,qBAAqB,IAAI;AAC5C;AAEA,GANC,UAMU;AACT,eAAW,WAAW;AACtB,gBAAY,IAAI;AAClB;AAEA,GAAC;AACC,gBAAY,WAAW,IAAI,qBAAqB,IAAI;AACtD;AAEA,GAJC,UAIU;AACT,gBAAY,EAAE,EAAE,KAAK,KAAK,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE;AACxC;AAEA,GAAC;AACC,gBAAY,UAAU,IAAI,qBAAqB,IAAI;AACrD;AAEA,GAJC,WAIW;AACV,eAAW,MAAM;AACnB;AAGA,GAAC;AACC,cAAU;AACV,cAAU;AACZ;AAGA,GAlQS;AAmQP,cAAU;AACV,cAAU;AACZ;AAEA,GAvQS,OAuQD;AACN,aAAS;AACT,cAAU;AACV,SAAK;AACL,UAAM;AACN,WAAO;AACP,YAAQ;AACR;AAAA,MAAY;AAAA,QACV,KAAK;AAAA,QACL,WAAW;AAAA,QACX,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI;AAAA,QACxB;AAEF,eAAW,QAAQ,GAAG;AACxB;AAGA,GAAC;AACC,eAAW,UAAU,GAAG,YAAY;AACtC;AAGA,GAAC;AACC,cAAU;AACZ;AAEA,GAJC,gBAIgB;AACf,aAAS;AACT,cAAU;AACV,WAAO;AACP,gBAAY,IAAI;AAChB,oBAAgB;AAChB,mBAAe;AACjB;AAEA,GAAC;AACC,cAAU;AACV,gBAAY,IAAI;AAClB;AAEA,GAAC;AACC,cAAU;AACV,gBAAY,IAAI;AAClB;AAGA,GAAC;AACC,gBAAY,IAAI;AAClB;AAEA,GAAC;AACC,gBAAY,IAAI;AAClB;AACF;AAKA,WAjUW;AAkUT;AACE,UAAM;AACR;AACA;AACE,UAAM;AACR;AACF;AAEA,WAjDe;AAkDb;AAEE,gBAAY,EAAE,EAAE,KAAK,KAAK,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE;AACxC;AACA;AACE,gBAAY,EAAE,EAAE,KAAK,KAAK,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE;AACxC;AACF;AAEA,WAAW;AACT;AACE,aAAS;AACX;AACA;AACE,aAAS;AACX;AACF;AAEA,WAAW;AACT;AACE,aAAS;AACT,eAAW,WAAW;AACxB;AACA;AACE,aAAS;AACT,eAAW,WAAW;AACxB;AACF;AAEA,WAAW;AACT;AACE,aAAS;AACT,eAAW,WAAW;AACxB;AACA;AACE,aAAS;AACT,eAAW,WAAW;AACxB;AACF;AAEA,WAAW;AACT;AACE,aAAS;AACT,eAAW,MAAM;AACnB;AACA;AACE,aAAS;AACT,eAAW,MAAM;AACnB;AACF;AAEA,WAAW;AACT;AACE,eAAW,OAAO;AACpB;AACA;AACE,eAAW,OAAO;AACpB;AACF;AAEA,WAAW;AACT;AAEE,eAAW,WAAW;AACxB;AACA;AACE,eAAW,WAAW;AACxB;AACF;AAKA;AACE;AACE,WAAO;AACP,YAAQ;AACV;AAEA;AACE,gBAAY,IAAI;AAChB,qBAAiB,KAAK;AACtB,mBAAe;AACjB;AAEA;AACE,gBAAY,IAAI;AAChB,mBAAe;AACf,YAAQ,IAAI,MAAM,IAAI;AACtB,gBAAY,WAAW,IAAI;AAC7B;AAEA,2BAAyB;AACvB,gBAAY,IAAI;AAClB;AACF;","names":[]}
|