@iyulab/components 0.3.0 → 1.0.0

package/CHANGELOG.md

@@ -1,5 +1,72 @@
 # Changelog
 
+## 1.0.0 (2026-04-01)
+
+### Breaking Changes
+
+- **Event type renames**: Removed `U`-prefixed event types (`UChangeEvent`, `UInputEvent`, `UShowEvent`, `UHideEvent`, `USelectEvent`, `UResizeEvent`) in favour of action-based names
+  - `ShowEvent` / `HideEvent` / `PickEvent` / `CheckEvent` / `ExpandEvent` / `CollapseEvent` / `NavigateEvent` / `RemoveEvent` / `ShiftEvent`
+- **Utility API overhaul**: `Notifier` replaced by `Toast`; `IconRegistry` rewritten as `icons.ts` — existing API is not compatible, migration required
+- **`UModalElement` removed**: Merged into `UOverlayElement`. Components that extended `UModalElement` must now extend `UOverlayElement`
+
+### New Components
+
+- `u-avatar` — user avatar with image or initials fallback
+- `u-badge` — numeric or status badge
+- `u-breadcrumb` / `u-breadcrumb-item` — navigation breadcrumb trail
+- `u-chip` — selectable chip with `pick` and `remove` events
+- `u-field` — form field layout wrapper (label, description, validation message)
+- `u-icon-button` — icon-only button
+- `u-option` — option item for `u-select` and combobox inputs
+- `u-panel` — general-purpose container panel
+- `u-radio` — single-choice radio button
+- `u-rating` — star/score input
+- `u-select` — dropdown select control
+- `u-slider` — range slider
+- `u-switch` — toggle switch
+- `u-tab` / `u-tab-panel` — tab navigation
+
+### Improvements
+
+- **Component file split**: Heavy components extract render logic into a separate `U<Name>.component.ts`, keeping the class declaration lean
+- **`Toast` utility**: Replaces `Notifier.toast()` with a semantic API — `Toast.show()`, `Toast.success()`, `Toast.error()`, etc.
+- **`Dialog` utility**: Imperative dialog API added — `Dialog.confirm()`, `Dialog.prompt()`, etc.
+- **`OverlayManager`**: Built-in overlay stack management and ESC key handling
+- **`icons.ts`**: Full rewrite of `IconRegistry` with bundled SVG support via Vite `import.meta.glob` and built-in CDN resolvers for Tabler, Heroicons, Lucide, and Bootstrap Icons
+- **`converters.ts`**: Extended type conversion utilities
+- **Vite plugins**: Added `vite-plugin-glob-resolve` and `vite-plugin-react-wrapper` for automatic React wrapper generation
+
+### Documentation
+
+- `skills/iyulab-components/` — full agent skill added with 39 component references, 9 utility references, and 5 extension references
+- `docs/` — developer documentation added (architecture, guidelines, events, theming, form-controls, icons)
+- `README.md` overhauled with Agent Skills installation guide
+
+---
+
+## 0.4.0 (2026-03-02)
+
+### Breaking Changes
+- **BaseElement / FloatingElement / ModalElement**: Renamed to `UElement`, `UFloatingElement`, `UModalElement` to align with the `U` prefix naming convention
+  - All components updated to use the renamed base classes
+
+### Features
+- **UJsonElement**: Added new base class that reads JSON from a `<script type="application/json">` tag in light DOM and maps properties to the component automatically
+  - Includes built-in error UI rendering via `error()` method
+  - Provides static `buildHTML()` helper to generate safe component HTML from JSON data
+- **Icons**: Added new icon assets
+  - `arrow-down-up`, `code-slash`, `download`, `sort-alpha-down`, `sort-alpha-up`
+
+### New Utilities
+- **sanitizers.ts**: Added HTML/XSS protection utilities
+  - `stripZeroWidth()`: Removes zero-width characters (ZWSP, BOM, etc.)
+  - `escapeHtmlText()`: Escapes special characters for HTML text context
+  - `escapeHtmlAttr()`: Escapes special characters for HTML attribute context
+  - `escapeHtmlHref()`: Sanitizes and validates `href`/`src` values (blocks `javascript:`, `data:`, `vbscript:` protocols)
+
+### Bug Fixes
+- **UCarousel**: Fixed tap vs drag detection — pointer target is now tracked to dispatch a `click` event on tap when drag distance is below threshold
+
 ## 0.3.0 (2026-02-26)
 
 ### Features

package/README.md

@@ -1,8 +1,8 @@
 # @iyulab/components
 
-Modern web components library built with Lit-Element for building reactive user interfaces.
+Lit 기반 웹 컴포넌트 라이브러리.
 
-Visit our [Demo Site](https://components.iyulab.com) to explore all components and their features.
+[데모 사이트](https://components.iyulab.com)에서 모든 컴포넌트를 직접 확인할 수 있습니다.
 
 ## Installation
 
@@ -12,271 +12,77 @@ npm install @iyulab/components
 
 ## Usage
 
-```js
-import "@iyulab/components";
-```
-
-## Components
-
-| Component | Tag | Description |
-|-----------|-----|-------------|
-| UAlert | `u-alert` | Alert messages with variants |
-| UButton | `u-button` | Button with variants, loading state |
-| UDialog | `u-dialog` | Modal dialog |
-| UDrawer | `u-drawer` | Slide-in drawer panel |
-| UDivider | `u-divider` | Visual divider |
-| UForm | `u-form` | Form container with validation |
-| UIcon | `u-icon` | Icon display |
-| UInput | `u-input` | Text input with validation |
-| UMenu | `u-menu` | Dropdown/context menu |
-| UMenuItem | `u-menu-item` | Menu item |
-| UProgressBar | `u-progress-bar` | Progress bar |
-| UProgressRing | `u-progress-ring` | Circular progress indicator |
-| USkeleton | `u-skeleton` | Loading placeholder |
-| USpinner | `u-spinner` | Loading spinner |
-| USplitPanel | `u-split-panel` | Resizable split panel |
-| UTag | `u-tag` | Label/status tag |
-| UTooltip | `u-tooltip` | Tooltip |
-| UTree | `u-tree` | Tree view |
-| UTreeItem | `u-tree-item` | Tree view item |
-
-## Events
-
-All custom events use the `u-<action>` naming convention. Events bubble across Shadow DOM boundaries (`bubbles: true`, `composed: true`).
-
-### Event Reference
-
-| Event | Emitted By | Detail | Description |
-|-------|-----------|--------|-------------|
-| `u-input` | `u-input` | `{ value: string }` | Fires on every keystroke (real-time input) |
-| `u-change` | `u-input` | `{ value: string }` | Fires when value is committed (blur/enter) |
-| `u-select` | `u-tree-item` | `{ value: string, item: UTreeItem }` | Fires when a leaf item is selected |
-| `u-show` | `u-dialog`, `u-drawer`, `u-tooltip` | — | Fires when the element becomes visible |
-| `u-hide` | `u-dialog`, `u-drawer`, `u-tooltip` | — | Fires when the element is hidden |
-| `u-toggle` | `u-tree-item` | `{ expanded: boolean, item: UTreeItem }` | Fires when a branch item expands/collapses |
-| `u-resize` | `u-split-panel` | — | Fires when the panel is resized |
-
-### TypeScript Support
+```ts
+// 전체 import
+import '@iyulab/components';
 
-All events are typed and registered on `GlobalEventHandlersEventMap`:
-
-```typescript
-import type { UInputEvent, UChangeEvent, USelectEvent, UShowEvent, UHideEvent, UResizeEvent } from '@iyulab/components';
-
-element.addEventListener('u-input', (e: UInputEvent) => {
-  console.log(e.detail.value);
-});
-```
-
-### Listening to Events
-
-```html
-<!-- Lit template -->
-<u-input @u-input=${this.handleInput} @u-change=${this.handleChange}></u-input>
+// 개별 import
+import '@iyulab/components/u-button';
+import '@iyulab/components/u-input';
 ```
 
-```javascript
-// Vanilla JS
-document.querySelector('u-input').addEventListener('u-input', (e) => {
-  console.log('Real-time value:', e.detail.value);
-});
-
-document.querySelector('u-input').addEventListener('u-change', (e) => {
-  console.log('Committed value:', e.detail.value);
-});
-```
-
-## CSS Custom Properties
-
-All CSS custom properties use the `--u-` prefix and are defined on `:root`. They respond to light/dark theme changes automatically.
-
-### Semantic Colors
-
-These variables reference the color palette and should be used in most cases:
-
-#### Text
-
-| Variable | Light | Dark |
-|----------|-------|------|
-| `--u-txt-color` | neutral-900 | neutral-900 |
-| `--u-txt-color-inverse` | neutral-0 | neutral-100 |
-| `--u-txt-color-hover` | blue-600 | blue-600 |
-| `--u-txt-color-active` | blue-600 | blue-600 |
-| `--u-txt-color-disabled` | neutral-400 | neutral-500 |
-| `--u-txt-color-weak` | neutral-700 | neutral-700 |
-| `--u-txt-color-strong` | neutral-1000 | neutral-1000 |
-| `--u-link-txt-color` | blue-700 | blue-700 |
-| `--u-tooltip-txt-color` | neutral-0 | neutral-100 |
-
-#### Icon
-
-| Variable | Light | Dark |
-|----------|-------|------|
-| `--u-icon-color` | neutral-700 | neutral-800 |
-| `--u-icon-color-inverse` | neutral-0 | neutral-100 |
-| `--u-icon-color-hover` | blue-600 | blue-600 |
-| `--u-icon-color-active` | blue-600 | blue-600 |
-| `--u-icon-color-disabled` | neutral-400 | neutral-500 |
-
-#### Border
-
-| Variable | Light | Dark |
-|----------|-------|------|
-| `--u-border-color` | neutral-300 | neutral-400 |
-| `--u-border-color-weak` | neutral-200 | neutral-300 |
-| `--u-border-color-strong` | neutral-400 | neutral-500 |
-| `--u-input-border-color` | neutral-300 | neutral-400 |
-| `--u-input-border-color-hover` | neutral-400 | neutral-500 |
-| `--u-input-border-color-focus` | blue-600 | blue-600 |
-| `--u-input-border-color-invalid` | red-600 | red-600 |
-
-#### Background
-
-| Variable | Light | Dark |
-|----------|-------|------|
-| `--u-bg-color` | neutral-0 | neutral-100 |
-| `--u-bg-color-inverse` | neutral-900 | neutral-0 |
-| `--u-bg-color-hover` | neutral-100 | neutral-300 |
-| `--u-bg-color-active` | neutral-200 | neutral-400 |
-| `--u-bg-color-disabled` | neutral-50 | neutral-100 |
-| `--u-input-bg-color` | neutral-0 | neutral-200 |
-| `--u-panel-bg-color` | neutral-0 | neutral-200 |
-| `--u-overlay-bg-color` | `rgba(0,0,0,0.5)` | `rgba(0,0,0,0.7)` |
-| `--u-tooltip-bg-color` | `rgba(0,0,0,0.75)` | `rgba(255,255,255,0.85)` |
-
-#### Shadow
-
-| Variable | Light | Dark |
-|----------|-------|------|
-| `--u-shadow-color-weaker` | `rgba(0,0,0,0.04)` | `rgba(0,0,0,0.15)` |
-| `--u-shadow-color-weak` | `rgba(0,0,0,0.08)` | `rgba(0,0,0,0.25)` |
-| `--u-shadow-color-normal` | `rgba(0,0,0,0.12)` | `rgba(0,0,0,0.35)` |
-| `--u-shadow-color-strong` | `rgba(0,0,0,0.16)` | `rgba(0,0,0,0.45)` |
-| `--u-shadow-color-stronger` | `rgba(0,0,0,0.24)` | `rgba(0,0,0,0.60)` |
+## Skills Usage
 
-#### Scrollbar
+LLM 코딩 에이전트(Claude Code, GitHub Copilot, Cursor 등)를 위한 스킬을 제공합니다.
 
-| Variable | Light | Dark |
-|----------|-------|------|
-| `--u-scrollbar-color` | neutral-400 | neutral-500 |
-| `--u-scrollbar-color-hover` | neutral-500 | neutral-600 |
-| `--u-scrollbar-track-color` | `transparent` | `transparent` |
-
-### Typography
-
-| Variable | Value |
-|----------|-------|
-| `--u-font-base` | -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif |
-| `--u-font-mono` | ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Monaco, monospace |
-| `--u-font-serif` | 'Georgia', 'Times New Roman', Times, serif |
-| `--u-font-display` | 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif |
-| `--u-font-modern` | 'Inter', 'SF Pro Display', -apple-system, BlinkMacSystemFont, sans-serif |
-| `--u-font-rounded` | 'Nunito', 'Quicksand', -apple-system, BlinkMacSystemFont, sans-serif |
-
-### Color Palette
-
-The base color palettes (`neutral`, `blue`, `green`, `yellow`, `red`) range from `0` (lightest) to `1000` (darkest) in light mode, and are inverted for dark mode.
+```bash
+# GitHub에서 설치
+npx skills add iyulab/node-components
 
-```css
---u-neutral-{0|50|100|200|300|400|500|600|700|800|900|1000}
---u-blue-{0|100|200|300|400|500|600|700|800|900|1000}
---u-green-{0|100|200|300|400|500|600|700|800|900|1000}
---u-yellow-{0|100|200|300|400|500|600|700|800|900|1000}
---u-red-{0|100|200|300|400|500|600|700|800|900|1000}
+# 패키지 설치 후 로컬에서 참조
+npx skills add ./node_modules/@iyulab/components
 ```
 
-### Customizing Styles
-
-Override any `--u-*` variable on `:root` or on specific elements:
+## Components
 
-```css
-/* Global override */
-:root {
-  --u-blue-600: #3B82F6;
-  --u-font-base: 'Pretendard', sans-serif;
-}
+**Feedback** — `u-alert`, `u-badge`, `u-spinner`, `u-skeleton`, `u-progress-bar`, `u-progress-ring`
 
-/* Scoped override */
-u-button {
-  --u-bg-color: var(--my-brand-primary);
-  --u-txt-color: var(--my-brand-on-primary);
-}
-```
+**Buttons & Actions** — `u-button`, `u-button-group`, `u-icon-button`, `u-chip`
 
-### Integrating with External Design Systems
+**Form Controls** — `u-input`, `u-textarea`, `u-select`, `u-checkbox`, `u-radio`, `u-switch`, `u-slider`, `u-rating`, `u-field`, `u-form`, `u-option`
 
-Bridge `--u-*` variables with your design tokens:
+**Overlay & Floating** — `u-dialog`, `u-drawer`, `u-popover`, `u-tooltip`
 
-```css
-/* Tailwind CSS bridge */
-:root {
-  --u-blue-500: var(--color-blue-500);
-  --u-blue-600: var(--color-blue-600);
-  --u-neutral-0: var(--color-white);
-  --u-neutral-900: var(--color-gray-900);
-  --u-font-base: var(--font-sans);
-}
+**Navigation** — `u-menu`, `u-menu-item`, `u-tab-panel`, `u-breadcrumb`, `u-breadcrumb-item`, `u-tree`, `u-tree-item`
 
-/* Material Design bridge */
-:root {
-  --u-blue-600: var(--md-sys-color-primary);
-  --u-bg-color: var(--md-sys-color-surface);
-  --u-txt-color: var(--md-sys-color-on-surface);
-}
-```
+**Layout & Display** — `u-avatar`, `u-card`, `u-carousel`, `u-divider`, `u-icon`, `u-panel`, `u-split-panel`, `u-tag`
 
 ## Theming
 
-### Setup
-
-```typescript
+```ts
 import { Theme } from '@iyulab/components';
 
 await Theme.init({
-  default: 'system',      // 'light' | 'dark' | 'system'
-  useBuiltIn: true,        // use built-in light/dark CSS (default: true)
-  store: {                 // persist theme preference
-    type: 'localStorage',
-    prefix: 'my-app',
-  },
+  default: 'system',       // 'light' | 'dark' | 'system'
+  useBuiltIn: true,        // 내장 light/dark CSS 사용
+  store: { type: 'localStorage', prefix: 'my-app' },
 });
-```
-
-### Switching Themes
 
-```typescript
-Theme.set('dark');         // apply dark theme
-Theme.set('light');        // apply light theme
-Theme.set('system');       // follow OS preference
-const current = Theme.get(); // get current theme
+Theme.set('dark');
+Theme.set('system');
 ```
 
-### External Theme Toggle Integration
-
-When using an external dark mode toggle (e.g., Tailwind's `dark:` class), disable built-in styles and bridge the variables:
-
-```typescript
-// Disable built-in theme styles
-await Theme.init({ useBuiltIn: false });
-```
+모든 CSS 변수는 `--u-` 접두사를 사용하며 `:root`에서 재정의할 수 있습니다.
 
 ```css
-/* Provide your own light/dark values */
 :root {
-  --u-bg-color: #ffffff;
-  --u-txt-color: #212121;
-}
-
-[data-theme="dark"] {
-  --u-bg-color: #121212;
-  --u-txt-color: #d4d4d4;
+  --u-blue-600: #3B82F6;
+  --u-font-base: 'Pretendard', sans-serif;
 }
 ```
 
-## Core Dependencies
+자세한 내용은 [docs/theming.md](./docs/theming.md)를 참고하세요.
+
+## Documentation
 
-- [lit](https://www.npmjs.com/package/lit) - Fast web components framework
-- [@floating-ui/dom](https://www.npmjs.com/package/@floating-ui/dom) - Positioning library for tooltips and popovers
+| 문서 | 내용 |
+|------|------|
+| [docs/architecture.md](./docs/architecture.md) | 패키지 구조 및 클래스 계층 |
+| [docs/guidelines.md](./docs/guidelines.md) | 컴포넌트 개발 가이드라인 |
+| [docs/events.md](./docs/events.md) | 이벤트 시스템 카탈로그 |
+| [docs/theming.md](./docs/theming.md) | 테마 및 CSS 변수 |
+| [docs/form-controls.md](./docs/form-controls.md) | 폼 연동 및 검증 API |
+| [docs/icons.md](./docs/icons.md) | 아이콘 등록 및 사용 |
 
 ## License
 

package/dist/_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js

@@ -0,0 +1,9 @@
+//#region \0@oxc-project+runtime@0.122.0/helpers/decorate.js
+function __decorate(decorators, target, key, desc) {
+	var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+	if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+	else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+	return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+//#endregion
+export { __decorate };

package/dist/_virtual/_@oxc-project_runtime@0.122.0/helpers/decorateMetadata.js

@@ -0,0 +1,6 @@
+//#region \0@oxc-project+runtime@0.122.0/helpers/decorateMetadata.js
+function __decorateMetadata(k, v) {
+	if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+}
+//#endregion
+export { __decorateMetadata };

package/dist/_virtual/_glob-assets_raw/bell-fill.svg.d37c41d9.js

@@ -0,0 +1,4 @@
+//#region \0glob-assets_raw/bell-fill.svg.d37c41d9
+var bell_fill_svg_default = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n  <path d=\"M8 16a2 2 0 0 0 2-2H6a2 2 0 0 0 2 2m.995-14.901a1 1 0 1 0-1.99 0A5 5 0 0 0 3 6c0 1.098-.5 6-2 7h14c-1.5-1-2-5.902-2-7 0-2.42-1.72-4.44-4.005-4.901\"/>\n</svg>";
+//#endregion
+export { bell_fill_svg_default as default };

package/dist/_virtual/_glob-assets_raw/check-circle-fill.svg.51c33a2a.js

@@ -0,0 +1,4 @@
+//#region \0glob-assets_raw/check-circle-fill.svg.51c33a2a
+var check_circle_fill_svg_default = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n    <path d=\"M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z\"/>\n</svg>";
+//#endregion
+export { check_circle_fill_svg_default as default };

package/dist/_virtual/_glob-assets_raw/check-lg.svg.371c5e78.js

@@ -0,0 +1,4 @@
+//#region \0glob-assets_raw/check-lg.svg.371c5e78
+var check_lg_svg_default = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n  <path d=\"M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425z\"/>\n</svg>";
+//#endregion
+export { check_lg_svg_default as default };

package/dist/_virtual/_glob-assets_raw/chevron-down.svg.0ccd06ea.js

@@ -0,0 +1,4 @@
+//#region \0glob-assets_raw/chevron-down.svg.0ccd06ea
+var chevron_down_svg_default = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n  <path fill-rule=\"evenodd\" d=\"M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708\"></path>\n</svg>";
+//#endregion
+export { chevron_down_svg_default as default };

package/dist/_virtual/_glob-assets_raw/chevron-left.svg.b4601050.js

@@ -0,0 +1,4 @@
+//#region \0glob-assets_raw/chevron-left.svg.b4601050
+var chevron_left_svg_default = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n  <path fill-rule=\"evenodd\" d=\"M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0\"/>\n</svg>";
+//#endregion
+export { chevron_left_svg_default as default };

package/dist/_virtual/_glob-assets_raw/chevron-right.svg.0711bb67.js

@@ -0,0 +1,4 @@
+//#region \0glob-assets_raw/chevron-right.svg.0711bb67
+var chevron_right_svg_default = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n  <path fill-rule=\"evenodd\" d=\"M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708\"/>\n</svg>";
+//#endregion
+export { chevron_right_svg_default as default };

package/dist/_virtual/_glob-assets_raw/chevron-up.svg.ed917211.js

@@ -0,0 +1,4 @@
+//#region \0glob-assets_raw/chevron-up.svg.ed917211
+var chevron_up_svg_default = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n  <path fill-rule=\"evenodd\" d=\"M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708z\"></path>\n</svg>";
+//#endregion
+export { chevron_up_svg_default as default };

package/dist/_virtual/_glob-assets_raw/dark.css.e8ac080d.js

@@ -0,0 +1,4 @@
+//#region \0glob-assets_raw/dark.css.e8ac080d
+var dark_css_default = ":root[theme=\"dark\"] {\n  color-scheme: dark;\n\n  /* Neutral Colors */\n  --u-neutral-0:     #000000;\n  --u-neutral-50:    #0A0A0A;\n  --u-neutral-100:   #121212;\n  --u-neutral-200:   #1E1E1E;\n  --u-neutral-300:   #2A2A2A;\n  --u-neutral-400:   #3D3D3D;\n  --u-neutral-500:   #525252;\n  --u-neutral-600:   #6E6E6E;\n  --u-neutral-700:   #8A8A8A;\n  --u-neutral-800:   #B0B0B0;\n  --u-neutral-900:   #D4D4D4;\n  --u-neutral-1000:  #FFFFFF;\n\n  /* Blue Colors */\n  --u-blue-0:        #0A1E3D;\n  --u-blue-100:      #1E3A5F;\n  --u-blue-200:      #2B4F7E;\n  --u-blue-300:      #3D6B9E;\n  --u-blue-400:      #5284BE;\n  --u-blue-500:      #6BA3E3;\n  --u-blue-600:      #87B8F5;\n  --u-blue-700:      #A5CDFF;\n  --u-blue-800:      #C2DEFF;\n  --u-blue-900:      #DDEEFF;\n  --u-blue-1000:     #F0F7FF;\n\n  /* Green Colors */\n  --u-green-0:       #0D2818;\n  --u-green-100:     #1A3F2A;\n  --u-green-200:     #285639;\n  --u-green-300:     #3A7450;\n  --u-green-400:     #4E9268;\n  --u-green-500:     #66B584;\n  --u-green-600:     #81D19D;\n  --u-green-700:     #9FE5B5;\n  --u-green-800:     #BEF2CD;\n  --u-green-900:     #DDF9E5;\n  --u-green-1000:    #F0FDF5;\n\n  /* Yellow Colors */\n  --u-yellow-0:      #2E2200;\n  --u-yellow-100:    #4D3A00;\n  --u-yellow-200:    #6B5200;\n  --u-yellow-300:    #8A6B00;\n  --u-yellow-400:    #B08900;\n  --u-yellow-500:    #D4A712;\n  --u-yellow-600:    #F5C842;\n  --u-yellow-700:    #FFE066;\n  --u-yellow-800:    #FFED99;\n  --u-yellow-900:    #FFF5CC;\n  --u-yellow-1000:   #FFFBE6;\n\n  /* Red Colors */\n  --u-red-0:         #2E0A0A;\n  --u-red-100:       #4D1717;\n  --u-red-200:       #6B2424;\n  --u-red-300:       #8F3535;\n  --u-red-400:       #B24848;\n  --u-red-500:       #D66060;\n  --u-red-600:       #F57878;\n  --u-red-700:       #FF9494;\n  --u-red-800:       #FFB3B3;\n  --u-red-900:       #FFD2D2;\n  --u-red-1000:      #FFF0F0;\n\n  /* Orange Colors */\n  --u-orange-0:      #2E1A00;\n  --u-orange-100:    #4D2E00;\n  --u-orange-200:    #6B4200;\n  --u-orange-300:    #8A5A00;\n  --u-orange-400:    #B07500;\n  --u-orange-500:    #D49212;\n  --u-orange-600:    #F5AE42;\n  --u-orange-700:    #FFC566;\n  --u-orange-800:    #FFD899;\n  --u-orange-900:    #FFEBCC;\n  --u-orange-1000:   #FFF5E6;\n\n  /* Teal Colors */\n  --u-teal-0:        #002018;\n  --u-teal-100:      #00382B;\n  --u-teal-200:      #005040;\n  --u-teal-300:      #006B55;\n  --u-teal-400:      #00886C;\n  --u-teal-500:      #1AA88A;\n  --u-teal-600:      #42C4A5;\n  --u-teal-700:      #6EDABD;\n  --u-teal-800:      #9EEAD5;\n  --u-teal-900:      #CFF5EA;\n  --u-teal-1000:     #EDFCF7;\n\n  /* Cyan Colors */\n  --u-cyan-0:        #002830;\n  --u-cyan-100:      #00404D;\n  --u-cyan-200:      #005A6B;\n  --u-cyan-300:      #00768A;\n  --u-cyan-400:      #0094B0;\n  --u-cyan-500:      #12B4D4;\n  --u-cyan-600:      #42CFF5;\n  --u-cyan-700:      #66DFFF;\n  --u-cyan-800:      #99EBFF;\n  --u-cyan-900:      #CCF5FF;\n  --u-cyan-1000:     #E6FAFF;\n\n  /* Purple Colors */\n  --u-purple-0:      #1A0A2E;\n  --u-purple-100:    #2E174D;\n  --u-purple-200:    #42246B;\n  --u-purple-300:    #5A358F;\n  --u-purple-400:    #7548B2;\n  --u-purple-500:    #9260D6;\n  --u-purple-600:    #AE78F5;\n  --u-purple-700:    #C494FF;\n  --u-purple-800:    #D8B3FF;\n  --u-purple-900:    #ECD2FF;\n  --u-purple-1000:   #F7F0FF;\n\n  /* Pink Colors */\n  --u-pink-0:        #2E0A1A;\n  --u-pink-100:      #4D172E;\n  --u-pink-200:      #6B2442;\n  --u-pink-300:      #8F355A;\n  --u-pink-400:      #B24875;\n  --u-pink-500:      #D66092;\n  --u-pink-600:      #F578AE;\n  --u-pink-700:      #FF94C4;\n  --u-pink-800:      #FFB3D8;\n  --u-pink-900:      #FFD2EB;\n  --u-pink-1000:     #FFF0F7;\n\n  /* Text Colors */\n  --u-txt-color:             var(--u-neutral-900);\n  --u-txt-color-inverse:     var(--u-neutral-100);\n  --u-txt-color-hover:       var(--u-blue-600);\n  --u-txt-color-active:      var(--u-blue-600);\n  --u-txt-color-disabled:    var(--u-neutral-500);\n  --u-txt-color-weak:        var(--u-neutral-700);\n  --u-txt-color-strong:      var(--u-neutral-1000);\n\n  --u-link-txt-color:        var(--u-blue-700);\n  --u-tooltip-txt-color:     var(--u-neutral-100);\n\n  /* Icon Colors */\n  --u-icon-color:            var(--u-neutral-800);\n  --u-icon-color-inverse:    var(--u-neutral-100);\n  --u-icon-color-hover:      var(--u-blue-600);\n  --u-icon-color-active:     var(--u-blue-600);\n  --u-icon-color-disabled:   var(--u-neutral-500);\n\n  /* Border Colors */\n  --u-border-color:          var(--u-neutral-400);\n  --u-border-color-weak:     var(--u-neutral-300);\n  --u-border-color-strong:   var(--u-neutral-500);\n\n  --u-input-border-color:         var(--u-neutral-400);\n  --u-input-border-color-hover:   var(--u-neutral-500);\n  --u-input-border-color-focus:   var(--u-blue-600);\n  --u-input-border-color-invalid: var(--u-red-600);\n\n  /* Background Colors */\n  --u-bg-color:              var(--u-neutral-100);\n  --u-bg-color-inverse:      var(--u-neutral-0);\n  --u-bg-color-hover:        var(--u-neutral-300);\n  --u-bg-color-active:       var(--u-neutral-400);\n  --u-bg-color-disabled:     var(--u-neutral-100);\n  \n  --u-input-bg-color:        var(--u-neutral-200);\n  --u-panel-bg-color:        var(--u-neutral-200);\n  --u-overlay-bg-color:      rgba(0, 0, 0, 0.7);\n  --u-tooltip-bg-color:      rgba(255, 255, 255, 0.85);\n\n  /* Shadow Colors */\n  --u-shadow-color-weaker:   rgba(0, 0, 0, 0.15);\n  --u-shadow-color-weak:     rgba(0, 0, 0, 0.25);\n  --u-shadow-color-normal:   rgba(0, 0, 0, 0.35);\n  --u-shadow-color-strong:   rgba(0, 0, 0, 0.45);\n  --u-shadow-color-stronger: rgba(0, 0, 0, 0.60);\n\n  /* Scrollbar Colors */\n  --u-scrollbar-color:       var(--u-neutral-500);\n  --u-scrollbar-color-hover: var(--u-neutral-600);\n  --u-scrollbar-track-color: transparent;\n\n  /* Font Styles */\n  --u-font-base:    -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';\n  --u-font-mono:    ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Monaco, 'Courier New', monospace;\n  --u-font-serif:   'Georgia', 'Times New Roman', Times, serif;\n  --u-font-display: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif;\n  --u-font-modern:  'Inter', 'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n  --u-font-rounded: 'Nunito', 'Quicksand', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n}";
+//#endregion
+export { dark_css_default as default };

package/dist/_virtual/_glob-assets_raw/dash-lg.svg.b40b8b3a.js

@@ -0,0 +1,4 @@
+//#region \0glob-assets_raw/dash-lg.svg.b40b8b3a
+var dash_lg_svg_default = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n    <path fill-rule=\"evenodd\" d=\"M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8\"/>\n</svg>";
+//#endregion
+export { dash_lg_svg_default as default };

package/dist/_virtual/_glob-assets_raw/exclamation-circle-fill.svg.dc8c523e.js

@@ -0,0 +1,4 @@
+//#region \0glob-assets_raw/exclamation-circle-fill.svg.dc8c523e
+var exclamation_circle_fill_svg_default = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n    <path d=\"M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4m.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2\"/>\n</svg>";
+//#endregion
+export { exclamation_circle_fill_svg_default as default };

package/dist/_virtual/_glob-assets_raw/exclamation-triangle-fill.svg.7949d2c7.js

@@ -0,0 +1,4 @@
+//#region \0glob-assets_raw/exclamation-triangle-fill.svg.7949d2c7
+var exclamation_triangle_fill_svg_default = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n    <path d=\"M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5m.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2\"/>\n</svg>";
+//#endregion
+export { exclamation_triangle_fill_svg_default as default };

package/dist/_virtual/_glob-assets_raw/eye-slash.svg.240afafa.js

@@ -0,0 +1,4 @@
+//#region \0glob-assets_raw/eye-slash.svg.240afafa
+var eye_slash_svg_default = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n  <path d=\"M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7 7 0 0 0-2.79.588l.77.771A6 6 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13 13 0 0 1 14.828 8q-.086.13-.195.288c-.335.48-.83 1.12-1.465 1.755q-.247.248-.517.486z\"/>\n  <path d=\"M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829zm-2.943 1.299.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829\"/>\n  <path d=\"M3.35 5.47q-.27.24-.518.487A13 13 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7 7 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884-12-12 .708-.708 12 12z\"/>\n</svg>";
+//#endregion
+export { eye_slash_svg_default as default };

package/dist/_virtual/_glob-assets_raw/eye.svg.2e5e9c4c.js

@@ -0,0 +1,4 @@
+//#region \0glob-assets_raw/eye.svg.2e5e9c4c
+var eye_svg_default = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n  <path d=\"M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8M1.173 8a13 13 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5s3.879 1.168 5.168 2.457A13 13 0 0 1 14.828 8q-.086.13-.195.288c-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5s-3.879-1.168-5.168-2.457A13 13 0 0 1 1.172 8z\"/>\n  <path d=\"M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5M4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0\"/>\n</svg>";
+//#endregion
+export { eye_svg_default as default };

package/dist/_virtual/_glob-assets_raw/info-circle-fill.svg.6580071d.js

@@ -0,0 +1,4 @@
+//#region \0glob-assets_raw/info-circle-fill.svg.6580071d
+var info_circle_fill_svg_default = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n    <path d=\"M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2\"/>\n</svg>";
+//#endregion
+export { info_circle_fill_svg_default as default };

package/dist/_virtual/_glob-assets_raw/light.css.637cb2f8.js

@@ -0,0 +1,4 @@
+//#region \0glob-assets_raw/light.css.637cb2f8
+var light_css_default = ":root {\n  color-scheme: light;\n\n  /* Neutral Colors */\n  --u-neutral-0:     #FFFFFF;\n  --u-neutral-50:    #FAFAFA;\n  --u-neutral-100:   #F5F5F5;\n  --u-neutral-200:   #EEEEEE;\n  --u-neutral-300:   #E0E0E0;\n  --u-neutral-400:   #BDBDBD;\n  --u-neutral-500:   #9E9E9E;\n  --u-neutral-600:   #757575;\n  --u-neutral-700:   #616161;\n  --u-neutral-800:   #424242;\n  --u-neutral-900:   #212121;\n  --u-neutral-1000:  #000000;\n\n  /* Blue Colors */\n  --u-blue-0:        #E3F2FD;\n  --u-blue-100:      #BBDEFB;\n  --u-blue-200:      #90CAF9;\n  --u-blue-300:      #64B5F6;\n  --u-blue-400:      #42A5F5;\n  --u-blue-500:      #2196F3;\n  --u-blue-600:      #1E88E5;\n  --u-blue-700:      #1976D2;\n  --u-blue-800:      #1565C0;\n  --u-blue-900:      #0D47A1;\n  --u-blue-1000:     #062A5E;\n\n  /* Green Colors */\n  --u-green-0:       #E8F5E9;\n  --u-green-100:     #C8E6C9;\n  --u-green-200:     #A5D6A7;\n  --u-green-300:     #81C784;\n  --u-green-400:     #66BB6A;\n  --u-green-500:     #4CAF50;\n  --u-green-600:     #43A047;\n  --u-green-700:     #388E3C;\n  --u-green-800:     #2E7D32;\n  --u-green-900:     #1B5E20;\n  --u-green-1000:    #0F3A12;\n\n  /* Yellow Colors */\n  --u-yellow-0:      #FFFDE7;\n  --u-yellow-100:    #FFF9C4;\n  --u-yellow-200:    #FFF59D;\n  --u-yellow-300:    #FFF176;\n  --u-yellow-400:    #FFEE58;\n  --u-yellow-500:    #FFEB3B;\n  --u-yellow-600:    #FDD835;\n  --u-yellow-700:    #FBC02D;\n  --u-yellow-800:    #F9A825;\n  --u-yellow-900:    #F57F17;\n  --u-yellow-1000:   #8A4A00;\n\n  /* Red Colors */\n  --u-red-0:         #FFEBEE;\n  --u-red-100:       #FFCDD2;\n  --u-red-200:       #EF9A9A;\n  --u-red-300:       #E57373;\n  --u-red-400:       #EF5350;\n  --u-red-500:       #F44336;\n  --u-red-600:       #E53935;\n  --u-red-700:       #D32F2F;\n  --u-red-800:       #C62828;\n  --u-red-900:       #B71C1C;\n  --u-red-1000:      #6B0F0F;\n\n  /* Orange Colors */\n  --u-orange-0:      #FFF3E0;\n  --u-orange-100:    #FFE0B2;\n  --u-orange-200:    #FFCC80;\n  --u-orange-300:    #FFB74D;\n  --u-orange-400:    #FFA726;\n  --u-orange-500:    #FF9800;\n  --u-orange-600:    #FB8C00;\n  --u-orange-700:    #F57C00;\n  --u-orange-800:    #EF6C00;\n  --u-orange-900:    #E65100;\n  --u-orange-1000:   #8C3100;\n\n  /* Teal Colors */\n  --u-teal-0:        #E0F2F1;\n  --u-teal-100:      #B2DFDB;\n  --u-teal-200:      #80CBC4;\n  --u-teal-300:      #4DB6AC;\n  --u-teal-400:      #26A69A;\n  --u-teal-500:      #009688;\n  --u-teal-600:      #00897B;\n  --u-teal-700:      #00796B;\n  --u-teal-800:      #00695C;\n  --u-teal-900:      #004D40;\n  --u-teal-1000:     #002E26;\n\n  /* Cyan Colors */\n  --u-cyan-0:        #E0F7FA;\n  --u-cyan-100:      #B2EBF2;\n  --u-cyan-200:      #80DEEA;\n  --u-cyan-300:      #4DD0E1;\n  --u-cyan-400:      #26C6DA;\n  --u-cyan-500:      #00BCD4;\n  --u-cyan-600:      #00ACC1;\n  --u-cyan-700:      #0097A7;\n  --u-cyan-800:      #00838F;\n  --u-cyan-900:      #006064;\n  --u-cyan-1000:     #003A3D;\n\n  /* Purple Colors */\n  --u-purple-0:      #F3E5F5;\n  --u-purple-100:    #E1BEE7;\n  --u-purple-200:    #CE93D8;\n  --u-purple-300:    #BA68C8;\n  --u-purple-400:    #AB47BC;\n  --u-purple-500:    #9C27B0;\n  --u-purple-600:    #8E24AA;\n  --u-purple-700:    #7B1FA2;\n  --u-purple-800:    #6A1B9A;\n  --u-purple-900:    #4A148C;\n  --u-purple-1000:   #2C0B54;\n\n  /* Pink Colors */\n  --u-pink-0:        #FCE4EC;\n  --u-pink-100:      #F8BBD0;\n  --u-pink-200:      #F48FB1;\n  --u-pink-300:      #F06292;\n  --u-pink-400:      #EC407A;\n  --u-pink-500:      #E91E63;\n  --u-pink-600:      #D81B60;\n  --u-pink-700:      #C2185B;\n  --u-pink-800:      #AD1457;\n  --u-pink-900:      #880E4F;\n  --u-pink-1000:     #520830;\n\n  /* Text Colors */\n  --u-txt-color:             var(--u-neutral-900);\n  --u-txt-color-inverse:     var(--u-neutral-0);\n  --u-txt-color-hover:       var(--u-blue-600);\n  --u-txt-color-active:      var(--u-blue-600);\n  --u-txt-color-disabled:    var(--u-neutral-400);\n  --u-txt-color-weak:        var(--u-neutral-700);\n  --u-txt-color-strong:      var(--u-neutral-1000);\n\n  --u-link-txt-color:        var(--u-blue-700);\n  --u-tooltip-txt-color:     var(--u-neutral-0);\n\n  /* Icon Colors */\n  --u-icon-color:            var(--u-neutral-700);\n  --u-icon-color-inverse:    var(--u-neutral-0);\n  --u-icon-color-hover:      var(--u-blue-600);\n  --u-icon-color-active:     var(--u-blue-600);\n  --u-icon-color-disabled:   var(--u-neutral-400);\n\n  /* Border Colors */\n  --u-border-color:          var(--u-neutral-300);\n  --u-border-color-weak:     var(--u-neutral-200);\n  --u-border-color-strong:   var(--u-neutral-400);\n\n  --u-input-border-color:         var(--u-neutral-300);\n  --u-input-border-color-hover:   var(--u-neutral-400);\n  --u-input-border-color-focus:   var(--u-blue-600);\n  --u-input-border-color-invalid: var(--u-red-600);\n\n  /* Background Colors */\n  --u-bg-color:              var(--u-neutral-0);\n  --u-bg-color-inverse:      var(--u-neutral-900);\n  --u-bg-color-hover:        var(--u-neutral-100);\n  --u-bg-color-active:       var(--u-neutral-200);\n  --u-bg-color-disabled:     var(--u-neutral-50);\n \n  --u-input-bg-color:        var(--u-neutral-0);\n  --u-panel-bg-color:        var(--u-neutral-0);\n  --u-overlay-bg-color:      rgba(0, 0, 0, 0.5);\n  --u-tooltip-bg-color:      rgba(0, 0, 0, 0.75);\n\n  /* Shadow Colors */\n  --u-shadow-color-weaker:   rgba(0, 0, 0, 0.04);\n  --u-shadow-color-weak:     rgba(0, 0, 0, 0.08);\n  --u-shadow-color-normal:   rgba(0, 0, 0, 0.12);\n  --u-shadow-color-strong:   rgba(0, 0, 0, 0.16);\n  --u-shadow-color-stronger: rgba(0, 0, 0, 0.24);\n\n  /* Scrollbar Colors */\n  --u-scrollbar-color:       var(--u-neutral-400);\n  --u-scrollbar-color-hover: var(--u-neutral-500);\n  --u-scrollbar-track-color: transparent;\n\n  /* Font Styles */\n  --u-font-base:    -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';\n  --u-font-mono:    ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Monaco, 'Courier New', monospace;\n  --u-font-serif:   'Georgia', 'Times New Roman', Times, serif;\n  --u-font-display: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif;\n  --u-font-modern:  'Inter', 'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n  --u-font-rounded: 'Nunito', 'Quicksand', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n}";
+//#endregion
+export { light_css_default as default };

package/dist/_virtual/_glob-assets_raw/plus-lg.svg.294e9073.js

@@ -0,0 +1,4 @@
+//#region \0glob-assets_raw/plus-lg.svg.294e9073
+var plus_lg_svg_default = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n  <path fill-rule=\"evenodd\" d=\"M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2\"/>\n</svg>";
+//#endregion
+export { plus_lg_svg_default as default };

package/dist/_virtual/_glob-assets_raw/search.svg.0ba2012d.js

@@ -0,0 +1,4 @@
+//#region \0glob-assets_raw/search.svg.0ba2012d
+var search_svg_default = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n  <path d=\"M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0\"/>\n</svg>";
+//#endregion
+export { search_svg_default as default };

package/dist/_virtual/_glob-assets_raw/star-fill.svg.f24b5a2d.js

@@ -0,0 +1,4 @@
+//#region \0glob-assets_raw/star-fill.svg.f24b5a2d
+var star_fill_svg_default = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n  <path d=\"M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z\"/>\n</svg>";
+//#endregion
+export { star_fill_svg_default as default };

package/dist/_virtual/_glob-assets_raw/star.svg.4af61468.js

@@ -0,0 +1,4 @@
+//#region \0glob-assets_raw/star.svg.4af61468
+var star_svg_default = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n  <path d=\"M2.866 14.85c-.078.444.36.791.746.593l4.39-2.256 4.389 2.256c.386.198.824-.149.746-.592l-.83-4.73 3.522-3.356c.33-.314.16-.888-.282-.95l-4.898-.696L8.465.792a.513.513 0 0 0-.927 0L5.354 5.12l-4.898.696c-.441.062-.612.636-.283.95l3.523 3.356-.83 4.73zm4.905-2.767-3.686 1.894.694-3.957a.56.56 0 0 0-.163-.505L1.71 6.745l4.052-.576a.53.53 0 0 0 .393-.288L8 2.223l1.847 3.658a.53.53 0 0 0 .393.288l4.052.575-2.906 2.77a.56.56 0 0 0-.163.506l.694 3.957-3.686-1.894a.5.5 0 0 0-.461 0z\"/>\n</svg>";
+//#endregion
+export { star_svg_default as default };

package/dist/_virtual/_glob-assets_raw/three-dots-vertical.svg.9fee78c5.js

@@ -0,0 +1,4 @@
+//#region \0glob-assets_raw/three-dots-vertical.svg.9fee78c5
+var three_dots_vertical_svg_default = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n  <path d=\"M9.5 13a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0\"/>\n</svg>";
+//#endregion
+export { three_dots_vertical_svg_default as default };

package/dist/_virtual/_glob-assets_raw/three-dots.svg.6a7a5b23.js

@@ -0,0 +1,4 @@
+//#region \0glob-assets_raw/three-dots.svg.6a7a5b23
+var three_dots_svg_default = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n  <path d=\"M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3\"/>\n</svg>";
+//#endregion
+export { three_dots_svg_default as default };

package/dist/_virtual/_glob-assets_raw/x-lg.svg.f34b882c.js

@@ -0,0 +1,4 @@
+//#region \0glob-assets_raw/x-lg.svg.f34b882c
+var x_lg_svg_default = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n  <path d=\"M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8z\"/>\n</svg>";
+//#endregion
+export { x_lg_svg_default as default };

package/dist/components/UDataElement.d.ts

@@ -0,0 +1,44 @@
+import { UElement } from './UElement.js';
+/**
+ * `UDataElement`는 light DOM 내 `<script type="application/json">` 태그에서
+ * JSON 데이터를 읽어 컴포넌트 프로퍼티에 자동으로 매핑하는 기반 클래스입니다.
+ *
+ * 사용 예시:
+ * ```html
+ * <my-component>
+ *   <script type="application/json">{ "items": [1, 2, 3] }</script>
+ * </my-component>
+ * ```
+ *
+ * JSON 최상위 키가 컴포넌트의 프로퍼티 이름과 일치하면 자동으로 할당됩니다.
+ */
+export declare class UDataElement extends UElement {
+    static styles: import('lit').CSSResultGroup[];
+    connectedCallback(): void;
+    /**
+     * 지정한 태그와 데이터로 커스텀 엘리먼트 HTML 문자열을 생성합니다.
+     * 데이터는 `<script type="application/json">` 태그로 주입됩니다.
+     * 태그이름이 등록되지 않은 경우 빈 문자열을 반환합니다.
+     *
+     * @param json  - JSON 데이터 객체 또는 문자열
+     * @param attrs - 추가 속성 객체 (선택적, `buildElementHTML` 규칙 적용)
+     * @returns 생성된 HTML 문자열
+     */
+    static buildHTML(json: object | string, attrs?: Record<string, string | boolean | object | null | undefined>): string;
+    /**
+     * `data` 객체를 컴포넌트 프로퍼티에 할당합니다.
+     * `data`가 제공되지 않은 경우 light DOM 내 `<script type="application/json">` 태그에서 JSON 데이터를 읽어 프로퍼티에 자동으로 할당합니다.
+     * 오류가 발생할 경우 `error()`를 호출하여 에러 UI로 대체합니다.
+     *
+     * @param data - JSON 데이터 객체 (선택적)
+     */
+    protected load(data?: object): Promise<void>;
+    /**
+     * 오류 발생 시 Lit이 주입한 스타일시트를 보존하고 나머지 렌더링 결과를 에러 UI로 교체합니다.
+     * 일반적으로 JSON 파싱 오류의 경우 `data`가 객체가 아닌 문자열이거나 JSON 형식이 잘못된 경우입니다.
+     * 이 함수는 Lit 렌더링이 완료된 후에 호출됩니다.
+     *
+     * @param error - 발생한 오류 객체
+     */
+    protected error(error: unknown): Promise<void>;
+}