@openg2p/registry-widgets 1.1.0-dev.13 → 1.1.0-dev.15

package/README.md

@@ -1,433 +0,0 @@
-# @openg2p/registry-widgets
-
-A comprehensive React widget library for building extensible form widgets with data binding, validation, conditional logic, and more. Built for the OpenG2P Registry system, this library provides a flexible, architecture-driven approach to form rendering based on JSON UI schemas.
-
-## Overview
-
-The Registry UI Widget Library is a layered, extensible system that enables you to build dynamic forms from JSON configurations. It separates concerns across multiple layers, making it maintainable, testable, and easy to extend with custom widgets.
-
-### Key Features
-
-- ✅ **TypeScript** support with full type definitions
-- ✅ **Redux** integration for centralized state management
-- ✅ **Zod** validation support with custom schemas
-- ✅ **Data Binding** with dot-notation paths (single or multi-path)
-- ✅ **Conditional Logic** (show/hide, enable/disable based on field values)
-- ✅ **Data Sources** (static, API, schema reference)
-- ✅ **Formatting** (dates, currency, phone numbers, numbers)
-- ✅ **Widget Registry** system for extensible plugin architecture
-- ✅ **20 Pre-built Widgets** ready to use (including HeaderSection)
-- ✅ **Internationalization** support via i18next
-- ✅ **Tailwind CSS** ready (unstyled base, you provide styles)
-- ✅ **Multi-mode Section Rendering** (RegistryView, CRView, IntakeForm)
-- ✅ **Geo Hierarchy Cascading Dropdowns** for location-based fields
-- ✅ **Section Builder** with visual and JSON editor for UI schemas
-- ✅ **Form Handle API** for host-driven validation and submission
-- ✅ **Dirty Tracking** with unsaved changes detection per section
-
-## Installation
-
-```bash
-npm install @openg2p/registry-widgets
-```
-
-### Peer Dependencies
-
-```bash
-npm install react react-dom @reduxjs/toolkit react-redux zod i18next react-i18next
-```
-
-## Quick Start
-
-See [QUICKSTART.md](./QUICKSTART.md) for a detailed setup guide, or [Complete Reference](https://docs.openg2p.org/registry-gen-2/developer-zone/registry-ui-widgets-complete-guide-and-reference) for a comprehensive tutorial covering all features. Here's a minimal example:
-
-```tsx
-import { WidgetProvider, createWidgetStore, WidgetRenderer } from '@openg2p/registry-widgets';
-
-const store = createWidgetStore();
-
-function App() {
-  return (
-    <WidgetProvider store={store}>
-      <WidgetRenderer 
-        config={{
-          widget: 'text',
-          'widget-type': 'input',
-          'widget-id': 'name',
-          'widget-label': 'Name',
-          'widget-data-path': 'person.name',
-          'widget-required': true,
-        }}
-      />
-    </WidgetProvider>
-  );
-}
-```
-
-
-## Architecture
-
-The library follows a layered architecture that separates concerns and enables extensibility:
-
-```
-┌─────────────────────────────────────────┐
-│     Application Layer                   │
-│  (UISchema → Sections → Panels)         │
-└─────────────────────────────────────────┘
-              ↓
-┌─────────────────────────────────────────┐
-│     Widget Registry Layer                │
-│  (Widget Registration & Lookup)           │
-└─────────────────────────────────────────┘
-              ↓
-┌─────────────────────────────────────────┐
-│     Widget Components Layer              │
-│  (20 Pre-built Widgets)                  │
-└─────────────────────────────────────────┘
-              ↓
-┌─────────────────────────────────────────┐
-│     Core Hooks Layer                     │
-│  (useBaseWidget, useWidgetTranslation)  │
-└─────────────────────────────────────────┘
-              ↓
-┌─────────────────────────────────────────┐
-│     State Management Layer               │
-│  (Redux Store, Widget Slice)             │
-└─────────────────────────────────────────┘
-              ↓
-┌─────────────────────────────────────────┐
-│     Utility Layer                        │
-│  (Validation, Formatting, Data Sources) │
-└─────────────────────────────────────────┘
-```
-
-### Layer Descriptions
-
-**Application Layer** - The top-level entry point where UI schemas (JSON configurations) are parsed and rendered. This layer handles the hierarchical structure of Sections → Panels → Widgets, managing layout, orientation, and section-level operations like editing and saving.
-
-**Widget Registry Layer** - A plugin system that maintains a catalog of available widgets. When a widget is requested by name, the registry looks it up and returns the corresponding React component. This enables dynamic widget loading and easy extensibility - new widgets can be registered without modifying core library code.
-
-**Widget Components Layer** - The actual React components that render UI elements (text inputs, selects, tables, etc.). These are the 20 pre-built widgets that come with the library. Each widget is a React component that receives configuration and renders the appropriate UI. Custom widgets can be added by registering them in the registry.
-
-**Core Hooks Layer** - React hooks that provide all the business logic for widgets. The `useBaseWidget` hook handles state management, validation, conditional logic, data source loading, and formatting. The `useWidgetTranslation` hook provides internationalization support. Widget components use these hooks to get values, errors, visibility states, and change handlers without directly interacting with Redux or utilities.
-
-**State Management Layer** - Redux store and widget slice that maintain centralized state for all widgets. The Redux Store holds all widget values, errors, touched states, loading states, and data source options. The Widget Slice defines the state structure and provides actions (setValue, setError, setTouched, etc.) to update state. This ensures a single source of truth and enables efficient re-renders.
-
-**Utility Layer** - Pure functions that handle cross-cutting concerns:
-- **Validation**: Validates widget values using built-in rules, regex patterns, or Zod schemas
-- **Formatting**: Formats values for display (dates, currency, phone numbers, numbers, text)
-- **Data Sources**: Loads options for select/dropdown widgets from static data, APIs, or schema references
-- **Conditional Logic**: Evaluates conditions to determine widget visibility and enablement
-- **Path Utilities**: Handles dot-notation path resolution for reading/writing nested data structures
-
-### Data Flow
-
-1. **Top-Down (Rendering)**: Application receives UISchema → Registry looks up widgets → Components render using hooks → Hooks read from Redux store → Utilities process data
-
-2. **Bottom-Up (Updates)**: User interacts with widget → Component calls hook's onChange → Hook dispatches Redux action → Store updates → Hooks re-evaluate → Components re-render
-
-This layered architecture provides clear separation of concerns, making the library maintainable, testable, and extensible.
-
-## Core Concepts
-
-### useBaseWidget Hook
-
-The `useBaseWidget` hook is the foundation of every widget. It provides:
-
-```tsx
-const {
-  widgetId,        // Widget ID
-  value,           // Current value
-  formattedValue,  // Formatted value (if format config exists)
-  error,           // Array of error messages
-  touched,         // Whether field has been touched
-  loading,         // Loading state (for API data sources)
-  isVisible,       // Whether widget should be visible
-  isEnabled,       // Whether widget should be enabled
-  onChange,        // Function to update value
-  onBlur,          // Function to handle blur
-  setError,        // Function to manually set errors
-  getFieldValue,   // Helper to get other field values
-  dataSourceOptions, // Options for select/dropdown widgets
-  config,          // Full widget config
-} = useBaseWidget({ config });
-```
-
-### Widget Configuration
-
-Widgets are configured using a JSON schema format. A minimal configuration:
-
-```typescript
-{
-  widget: string;                    // Widget name/type
-  'widget-type': 'input' | 'layout' | 'table' | 'group';
-  'widget-id': string;               // Unique identifier
-  'widget-data-path'?: string | Record<string, string>; // Data binding path
-  'widget-label'?: string;
-  'widget-required'?: boolean;
-  'widget-readonly'?: boolean;
-  'widget-data-validation'?: {...};  // Validation rules
-  'widget-data-format'?: {...};      // Formatting options
-  'widget-data-source'?: {...};      // Data source configuration
-  'widget-data-options'?: {...};     // Conditional logic
-}
-```
-
-### Data Binding
-
-Bind widgets to your data using dot-notation paths:
-
-**Single Path:**
-```json
-{
-  "widget-data-path": "person.name"
-}
-```
-
-**Multi-Path (Object):**
-```json
-{
-  "widget-data-path": {
-    "firstName": "person.fname",
-    "lastName": "person.lname"
-  }
-}
-```
-
-### Conditional Logic
-
-Show/hide or enable/disable widgets based on other field values:
-
-```json
-{
-  "widget-data-options": {
-    "action": "show",
-    "condition": {
-      "field": "person.maritalStatus",
-      "operator": "equals",
-      "value": "married"
-    }
-  }
-}
-```
-
-### Data Sources
-
-Load options for select/dropdown widgets from multiple sources:
-
-- **Static**: Pre-defined option arrays
-- **API**: Dynamic loading from REST endpoints
-- **Schema Reference**: Reference data from your schema
-
-### Validation
-
-Support for multiple validation strategies:
-
-- Built-in rules (required, minLength, maxLength, pattern)
-- Custom regex patterns
-- Zod schemas for complex validation
-
-## Available Widgets
-
-The library includes 20 pre-built widgets:
-
-- **Input Widgets**: TextInput, TextArea, NumberInput, CurrencyInput, DateInput, DateTimeInput, PhoneInput, FileInput
-- **Selection Widgets**: Select, Radio, Checkbox, Boolean
-- **Layout Widgets**: Array, IterableAccordion
-- **Display Widgets**: Display, Profile
-- **Table Widgets**: Table, SimpleTable
-- **Section Widgets**: HeaderSection, ScoresDisplay
-
-### HeaderSection Widget
-
-A full-width header card designed for registry record views. Displays a profile image, record name, functional ID, status badge, and audit metadata (created by / approved by) in a responsive two-column layout. Supports editable status and status-reason fields with data source-driven dropdowns, customisable label overrides via i18n, and configurable status-colour mapping.
-
-```json
-{
-  "widget": "header-section",
-  "widget-type": "group",
-  "widget-id": "registry-header",
-  "widget-data-path": {
-    "image": "record_image_storage_id",
-    "name": "record_name",
-    "functionalId": "functional_record_id",
-    "status": "record_status"
-  }
-}
-```
-
-### ScoresDisplay Widget
-
-A full-width, view-only widget for showing **a list** of computed score records (e.g. PMT, Food Security Score). It renders, for each score:
-
-- **Score Type**
-- **Score**
-- **Computed at**
-
-**Data binding**
-
-- The widget reads an array of score records from `widget-data-path` (a dot-path into `schemaData` / store values).
-- `widget-data-path` may point either directly to an array, or to an object containing `{ "scores": [...] }`.
-
-```json
-{
-  "widget": "scores-display",
-  "widget-type": "group",
-  "widget-id": "record-scores",
-  "widget-readonly": true,
-  "widget-data-path": "scores"
-}
-```
-
-**Expected record shape (ideal)**
-
-```json
-[
-  {
-    "score_type": "PMT",
-    "computed_score": 42,
-    "computed_at": "2026-04-16T10:12:00Z",
-    "triggered_by_cr_id": "CR-001"
-  }
-]
-```
-
-**Notes**
-
-- There is no edit mode for this widget.
-- If multiple scores are provided, the widget sorts them by `computed_at` (most recent first). If dates are missing/invalid, original order is preserved for those items.
-
-## Section Modes
-
-`SectionsContainer` supports three display modes via the `mode` prop:
-
-### RegistryView (default)
-
-Standard registry display. Sections render in a CSS Grid layout with an inline **Edit Details** button. Only one section can be in edit mode at a time; editing a section opens it as a portal-based overlay with save/cancel controls.
-
-### CRView (Change Request View)
-
-Read-only comparison view for change requests. Sections display **Created by** / **Approved by** metadata and support `changeRequestType` labels (`"new"` / `"old"`) for side-by-side comparison.
-
-### IntakeForm
-
-Accordion-based registration form. Sections expand and collapse, with **Prev** / **Next** navigation buttons. Supports `isDraft` mode (editable vs read-only), per-section validation on save, and status badges (**Saved** / **Modified and not saved**).
-
-## Form Handle API
-
-`SectionsContainer` exposes a `SectionsFormHandle` via the `onFormReady` callback, enabling host applications to drive form submission externally:
-
-```tsx
-<SectionsContainer
-  sections={sections}
-  mode="IntakeForm"
-  onFormReady={(handle) => {
-    // handle.validate()            – validate all sections, returns boolean
-    // handle.getFormData()         – raw store data (no validation)
-    // handle.validateAndGetData()  – validate then return SectionChanges[]
-    // handle.getStructuredData()   – get records and files without validation
-  }}
-/>
-```
-
-## Geo Hierarchy Cascading Dropdowns
-
-The `useGeoWidgetCascade` hook and `geoHierarchyBuilder` utility provide cascading dropdown functionality for geographic location fields (e.g. Country > State > City). Changes in a parent level automatically reload and reset child dropdowns via the widget event bus.
-
-## Section Builder
-
-A visual UI schema editor shipped as `SectionBuilder`, with sub-components:
-
-- **JSONEditorPanel** — Live JSON editor (powered by `json-edit-react`) for direct schema manipulation
-- **VisualBuilderPanel** — Drag-and-drop visual layout editor
-- **SectionTree** — Tree view of the section/panel/widget hierarchy
-- **PropertyEditor** — Contextual property panel for the selected node
-
-## Examples
-
-See the `examples/` directory for comprehensive examples demonstrating:
-
-- Basic widget usage (`usage-example.tsx`)
-- Layout widgets (`LayoutWidgets.tsx`)
-- Schema internationalization (`schema-i18n-example.tsx`)
-- Comparison views (`comparison-view-example.tsx`)
-- Section rendering modes (`section-renderer-example.tsx`)
-- Intake form flow (`intake-form-example.tsx`)
-- Header section widget (`header-section-example.tsx`)
-- Section builder (`section-builder-example.tsx`)
-- JSON editor standalone (`jsoneditor-standalone-example.tsx`)
-
-## API Reference
-
-### WidgetProvider
-
-Provider component that wraps your app and provides Redux store and context.
-
-**Props:**
-- `store?: WidgetStore` - Optional Redux store (creates one if not provided)
-- `apiAdapter?: ApiAdapter` - Function to handle API calls
-- `schemaData?: Record<string, any>` - Reference data for schema data sources
-- `children: ReactNode`
-
-### WidgetRenderer
-
-Component that renders a widget based on configuration.
-
-**Props:**
-- `config: BaseWidgetConfig` - Widget configuration
-- `apiAdapter?: ApiAdapter` - Optional API adapter (overrides provider)
-- `schemaData?: Record<string, any>` - Optional schema data (overrides provider)
-- `onValueChange?: (widgetId: string, value: any) => void` - Callback on value change
-- `defaultComponent?: React.ComponentType` - Fallback component if widget not registered
-
-### widgetRegistry
-
-Registry for managing widget components.
-
-**Methods:**
-- `register(entry: WidgetRegistryEntry)` - Register a widget
-- `get(widgetName: string)` - Get widget entry
-- `has(widgetName: string)` - Check if widget is registered
-- `unregister(widgetName: string)` - Unregister a widget
-- `clear()` - Clear all widgets
-
-### Components
-
-- `SectionsContainer` - Container for rendering sections with mode support (RegistryView, CRView, IntakeForm)
-- `SectionRenderer` - Renders individual sections with edit mode, dirty tracking, and accordion support
-- `PanelRenderer` - Renders panels within sections
-- `FilePreviewModal` - Modal for file preview
-- `SectionBuilder` - Visual UI schema editor
-- `JSONEditorPanel` - JSON editor for UI schemas
-- `VisualBuilderPanel` - Visual layout builder
-- `SectionTree` - Tree view of section hierarchy
-- `PropertyEditor` - Property editor for selected nodes
-
-### Hooks
-
-- `useBaseWidget` - Core hook for widget state, validation, conditional logic, and formatting
-- `useWidgetTranslation` - i18n hook for widget labels and messages
-- `useWidgetEventBus` - Pub/sub event bus for inter-widget communication
-- `useWidgetCascade` - Cascading dropdown behaviour between linked widgets
-- `useGeoWidgetCascade` - Geo hierarchy cascading for location-based dropdowns
-
-### Utilities
-
-- `pathUtils` - Dot-notation path read/write for nested data structures
-- `validation` - Built-in, regex, and Zod validation
-- `formatting` - Date, currency, phone, number, and text formatting
-- `conditions` - Conditional show/hide and enable/disable evaluation
-- `dataSource` - Static, API, and schema reference data loading
-- `geoHierarchy` - Geo hierarchy builder for location cascades
-- `sectionValidate` - Section-level validation across all widgets
-- `buildSectionChanges` - Build change payloads from section data
-- `schemaNamespace` - Namespace section configs for multi-instance rendering
-- `schemaTranslation` - Translate UI schemas, widget configs, and panel configs
-
-## Contributing
-
-Contributions are welcome! Please ensure your code follows the existing architecture patterns and includes appropriate TypeScript types.
-
-## License
-
-MPL 2.0 (Mozilla Public License 2.0)

package/dist/events/types.d.ts

@@ -1,27 +0,0 @@
-/**
- * Widget event types that can be published and consumed
- */
-export type WidgetEventType = 'widget:change' | 'widget:blur' | 'widget:focus' | 'widget:reload' | 'widget:clear';
-/**
- * Event payload structure
- */
-export interface WidgetEvent {
-    type: WidgetEventType;
-    widgetId: string;
-    value?: any;
-    previousValue?: any;
-    timestamp: number;
-    metadata?: Record<string, any>;
-}
-/**
- * Event handler function type
- */
-export type WidgetEventHandler = (event: WidgetEvent) => void;
-/**
- * Subscription options
- */
-export interface SubscriptionOptions {
-    debounce?: number;
-    throttle?: number;
-}
-//# sourceMappingURL=types.d.ts.map

package/dist/events/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/events/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,MAAM,eAAe,GACvB,eAAe,GACf,aAAa,GACb,cAAc,GACd,eAAe,GACf,cAAc,CAAC;AAEnB;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,eAAe,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CAChC;AAED;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;AAE9D;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB"}

package/dist/index.css

@@ -1,4 +0,0 @@
-*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
-! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
-*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.right-3{right:.75rem}.top-2{top:.5rem}.my-4{margin-bottom:1rem;margin-top:1rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.ml-1{margin-left:.25rem}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-4{height:1rem}.w-4{width:1rem}.w-full{width:100%}.min-w-full{min-width:100%}.flex-1{flex:1 1 0%}.grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.75rem*var(--tw-space-x-reverse))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.divide-gray-200>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(229 231 235/var(--tw-divide-opacity,1))}.overflow-x-auto{overflow-x:auto}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-2{border-width:2px}.border-blue-600{--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity,1))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.tracking-wider{letter-spacing:.05em}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-50{opacity:.5}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\:bg-blue-50:hover{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.hover\:bg-blue-600:hover{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:bg-gray-300:hover{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.hover\:bg-red-50:hover{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.hover\:text-blue-800:hover{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1))}.hover\:text-red-800:hover{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}.focus\:border-blue-500:focus{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.focus\:border-red-500:focus{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.focus\:ring-red-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(239 68 68/var(--tw-ring-opacity,1))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}@media (min-width:640px){.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.lg\:px-8{padding-left:2rem;padding-right:2rem}}
-/*# sourceMappingURL=index.css.map */

package/dist/index.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["styles.css"],"names":[],"mappings":"AAAA,iBAAA,uBAAc,CAAd,uBAAc,CAAd,kBAAc,CAAd,kBAAc,CAAd,aAAc,CAAd,aAAc,CAAd,aAAc,CAAd,cAAc,CAAd,cAAc,CAAd,YAAc,CAAd,YAAc,CAAd,iBAAc,CAAd,qCAAc,CAAd,6BAAc,CAAd,4BAAc,CAAd,2BAAc,CAAd,cAAc,CAAd,mBAAc,CAAd,qBAAc,CAAd,sBAAc,CAAd,uBAAc,CAAd,iBAAc,CAAd,0BAAc,CAAd,2BAAc,CAAd,mCAAc,CAAd,iCAAc,CAAd,0BAAc,CAAd,qBAAc,CAAd,6BAAc,CAAd,WAAc,CAAd,iBAAc,CAAd,eAAc,CAAd,gBAAc,CAAd,iBAAc,CAAd,aAAc,CAAd,eAAc,CAAd,YAAc,CAAd,kBAAc,CAAd,oBAAc,CAAd,0BAAc,CAAd,wBAAc,CAAd,yBAAc,CAAd,0BAAc,CAAd,sBAAc,CAAd,uBAAc,CAAd,wBAAc,CAAd,qBAAc,CAAd,mBAAc,CAAd,qBAAc,CAAd,oBAAc,CAAd,oBAAc,CAAd,WAAA,uBAAc,CAAd,uBAAc,CAAd,kBAAc,CAAd,kBAAc,CAAd,aAAc,CAAd,aAAc,CAAd,aAAc,CAAd,cAAc,CAAd,cAAc,CAAd,YAAc,CAAd,YAAc,CAAd,iBAAc,CAAd,qCAAc,CAAd,6BAAc,CAAd,4BAAc,CAAd,2BAAc,CAAd,cAAc,CAAd,mBAAc,CAAd,qBAAc,CAAd,sBAAc,CAAd,uBAAc,CAAd,iBAAc,CAAd,0BAAc,CAAd,2BAAc,CAAd,mCAAc,CAAd,iCAAc,CAAd,0BAAc,CAAd,qBAAc,CAAd,6BAAc,CAAd,WAAc,CAAd,iBAAc,CAAd,eAAc,CAAd,gBAAc,CAAd,iBAAc,CAAd,aAAc,CAAd,eAAc,CAAd,YAAc,CAAd,kBAAc,CAAd,oBAAc,CAAd,0BAAc,CAAd,wBAAc,CAAd,yBAAc,CAAd,0BAAc,CAAd,sBAAc,CAAd,uBAAc,CAAd,wBAAc,CAAd,qBAAc,CAAd,mBAAc,CAAd,qBAAc,CAAd,oBAAc,CAAd,oBAAc,CAAd;;CAAc,CAAd,iBAAA,sBAAc,CAAd,qBAAc,CAAd,eAAA,eAAc,CAAd,WAAA,6BAAc,CAAd,4BAAc,CAAd,uCAAc,CAAd,gHAAc,CAAd,8BAAc,CAAd,eAAc,CAAd,eAAc,CAAd,aAAc,CAAd,UAAc,CAAd,KAAA,mBAAc,CAAd,QAAc,CAAd,GAAA,oBAAc,CAAd,aAAc,CAAd,QAAc,CAAd,oBAAA,wCAAc,CAAd,gCAAc,CAAd,kBAAA,iBAAc,CAAd,mBAAc,CAAd,EAAA,aAAc,CAAd,uBAAc,CAAd,SAAA,kBAAc,CAAd,kBAAA,4BAAc,CAAd,mGAAc,CAAd,aAAc,CAAd,8BAAc,CAAd,MAAA,aAAc,CAAd,QAAA,aAAc,CAAd,aAAc,CAAd,iBAAc,CAAd,uBAAc,CAAd,IAAA,aAAc,CAAd,IAAA,SAAc,CAAd,MAAA,wBAAc,CAAd,oBAAc,CAAd,aAAc,CAAd,sCAAA,6BAAc,CAAd,aAAc,CAAd,mBAAc,CAAd,cAAc,CAAd,+BAAc,CAAd,mBAAc,CAAd,sBAAc,CAAd,mBAAc,CAAd,QAAc,CAAd,SAAc,CAAd,cAAA,mBAAc,CAAd,uFAAA,yBAAc,CAAd,4BAAc,CAAd,qBAAc,CAAd,gBAAA,YAAc,CAAd,iBAAA,eAAc,CAAd,SAAA,uBAAc,CAAd,wDAAA,WAAc,CAAd,cAAA,4BAAc,CAAd,mBAAc,CAAd,4BAAA,uBAAc,CAAd,6BAAA,yBAAc,CAAd,YAAc,CAAd,QAAA,iBAAc,CAAd,mDAAA,QAAc,CAAd,SAAA,QAAc,CAAd,gBAAA,SAAc,CAAd,WAAA,eAAc,CAAd,QAAc,CAAd,SAAc,CAAd,OAAA,SAAc,CAAd,SAAA,eAAc,CAAd,mDAAA,aAAc,CAAd,SAAc,CAAd,yCAAA,aAAc,CAAd,SAAc,CAAd,qBAAA,cAAc,CAAd,UAAA,cAAc,CAAd,+CAAA,aAAc,CAAd,qBAAc,CAAd,UAAA,WAAc,CAAd,cAAc,CAAd,2CAAA,YAAc,CACd,WAAA,UAAoB,CAApB,yBAAA,WAAA,eAAoB,CAAA,CAApB,yBAAA,WAAA,eAAoB,CAAA,CAApB,0BAAA,WAAA,gBAAoB,CAAA,CAApB,0BAAA,WAAA,gBAAoB,CAAA,CAApB,0BAAA,WAAA,gBAAoB,CAAA,CACpB,SAAA,kBAAmB,CAAnB,QAAA,eAAmB,CAAnB,OAAA,cAAmB,CAAnB,UAAA,iBAAmB,CAAnB,UAAA,iBAAmB,CAAnB,SAAA,YAAmB,CAAnB,OAAA,SAAmB,CAAnB,MAAA,kBAAA,CAAA,eAAmB,CAAnB,MAAA,oBAAmB,CAAnB,MAAA,mBAAmB,CAAnB,MAAA,oBAAmB,CAAnB,MAAA,kBAAmB,CAAnB,MAAA,kBAAmB,CAAnB,MAAA,kBAAmB,CAAnB,MAAA,iBAAmB,CAAnB,OAAA,aAAmB,CAAnB,QAAA,cAAmB,CAAnB,MAAA,YAAmB,CAAnB,aAAA,mBAAmB,CAAnB,OAAA,aAAmB,CAAnB,MAAA,YAAmB,CAAnB,QAAA,YAAmB,CAAnB,KAAA,WAAmB,CAAnB,KAAA,UAAmB,CAAnB,QAAA,UAAmB,CAAnB,YAAA,cAAmB,CAAnB,QAAA,WAAmB,CAAnB,MAAA,WAAmB,CAAnB,WAAA,6LAAmB,CAAnB,oBAAA,kBAAmB,CAAnB,gBAAA,cAAmB,CAAnB,aAAA,6CAAmB,CAAnB,aAAA,6CAAmB,CAAnB,aAAA,6CAAmB,CAAnB,aAAA,6CAAmB,CAAnB,aAAA,6CAAmB,CAAnB,UAAA,kBAAmB,CAAnB,UAAA,qBAAmB,CAAnB,WAAA,cAAmB,CAAnB,cAAA,kBAAmB,CAAnB,gBAAA,sBAAmB,CAAnB,iBAAA,6BAAmB,CAAnB,OAAA,SAAmB,CAAnB,OAAA,UAAmB,CAAnB,OAAA,QAAmB,CAAnB,yCAAA,sBAAmB,CAAnB,wDAAA,CAAA,mDAAmB,CAAnB,yCAAA,sBAAmB,CAAnB,sDAAA,CAAA,iDAAmB,CAAnB,yCAAA,sBAAmB,CAAnB,mDAAA,CAAA,sDAAmB,CAAnB,yCAAA,sBAAmB,CAAnB,kDAAA,CAAA,qDAAmB,CAAnB,wCAAA,uBAAmB,CAAnB,wDAAA,CAAA,2DAAmB,CAAnB,+CAAA,qBAAmB,CAAnB,wDAAmB,CAAnB,iBAAA,eAAmB,CAAnB,UAAA,eAAmB,CAAnB,sBAAmB,CAAnB,6BAAA,kBAAmB,CAAnB,SAAA,oBAAmB,CAAnB,YAAA,mBAAmB,CAAnB,YAAA,qBAAmB,CAAnB,QAAA,gBAAmB,CAAnB,UAAA,gBAAmB,CAAnB,iBAAA,qBAAmB,CAAnB,sDAAmB,CAAnB,iBAAA,qBAAmB,CAAnB,wDAAmB,CAAnB,gBAAA,qBAAmB,CAAnB,sDAAmB,CAAnB,aAAA,iBAAmB,CAAnB,uDAAmB,CAAnB,aAAA,iBAAmB,CAAnB,sDAAmB,CAAnB,aAAA,iBAAmB,CAAnB,wDAAmB,CAAnB,aAAA,iBAAmB,CAAnB,wDAAmB,CAAnB,YAAA,iBAAmB,CAAnB,wDAAmB,CAAnB,UAAA,iBAAmB,CAAnB,wDAAmB,CAAnB,KAAA,aAAmB,CAAnB,KAAA,cAAmB,CAAnB,KAAA,YAAmB,CAAnB,MAAA,kBAAmB,CAAnB,mBAAmB,CAAnB,MAAA,mBAAmB,CAAnB,oBAAmB,CAAnB,MAAA,iBAAmB,CAAnB,kBAAmB,CAAnB,MAAA,qBAAA,CAAA,kBAAmB,CAAnB,MAAA,oBAAA,CAAA,iBAAmB,CAAnB,MAAA,qBAAA,CAAA,kBAAmB,CAAnB,MAAA,mBAAA,CAAA,gBAAmB,CAAnB,WAAA,eAAmB,CAAnB,aAAA,iBAAmB,CAAnB,YAAA,gBAAmB,CAAnB,WAAA,cAAmB,CAAnB,kBAAmB,CAAnB,SAAA,iBAAmB,CAAnB,mBAAmB,CAAnB,SAAA,iBAAmB,CAAnB,mBAAmB,CAAnB,SAAA,gBAAmB,CAAnB,gBAAmB,CAAnB,aAAA,eAAmB,CAAnB,eAAA,eAAmB,CAAnB,WAAA,wBAAmB,CAAnB,WAAA,wBAAmB,CAAnB,YAAA,yBAAmB,CAAnB,gBAAA,oBAAmB,CAAnB,eAAA,mBAAmB,CAAnB,6CAAmB,CAAnB,eAAA,mBAAmB,CAAnB,+CAAmB,CAAnB,eAAA,mBAAmB,CAAnB,+CAAmB,CAAnB,eAAA,mBAAmB,CAAnB,4CAAmB,CAAnB,eAAA,mBAAmB,CAAnB,4CAAmB,CAAnB,eAAA,mBAAmB,CAAnB,4CAAmB,CAAnB,cAAA,mBAAmB,CAAnB,6CAAmB,CAAnB,cAAA,mBAAmB,CAAnB,6CAAmB,CAAnB,YAAA,mBAAmB,CAAnB,+CAAmB,CAAnB,YAAA,UAAmB,CAAnB,WAAA,uCAAmB,CAAnB,sDAAmB,CAAnB,kGAAmB,CAAnB,MAAA,mBAAmB,CAAnB,cAAA,gLAAmB,CAAnB,mBAAA,wBAAA,CAAA,yFAAmB,CAAnB,kDAAmB,CAFnB,yBAAA,iBAGA,CAHA,wDAGA,CAHA,0BAAA,iBAGA,CAHA,sDAGA,CAHA,0BAAA,iBAGA,CAHA,sDAGA,CAHA,0BAAA,iBAGA,CAHA,wDAGA,CAHA,0BAAA,iBAGA,CAHA,wDAGA,CAHA,yBAAA,iBAGA,CAHA,wDAGA,CAHA,wBAAA,iBAGA,CAHA,wDAGA,CAHA,4BAAA,mBAGA,CAHA,6CAGA,CAHA,2BAAA,mBAGA,CAHA,6CAGA,CAHA,8BAAA,qBAGA,CAHA,uDAGA,CAHA,6BAAA,qBAGA,CAHA,sDAGA,CAHA,2BAAA,6BAGA,CAHA,kBAGA,CAHA,qBAAA,0GAGA,CAHA,wGAGA,CAHA,wFAGA,CAHA,4BAAA,mBAGA,CAHA,wDAGA,CAHA,2BAAA,mBAGA,CAHA,uDAGA,CAHA,4BAAA,0BAGA,CAHA,yBAAA,UAAA,mBAGA,CAHA,oBAGA,CAAA,CAHA,0BAAA,UAAA,iBAGA,CAHA,kBAGA,CAAA","file":"index.css","sourcesContent":["@tailwind base;\n@tailwind components;\n@tailwind utilities;\n"]}