@charde/core 0.0.4 → 0.0.6

package/dist/charde/p-jZlebn0H.js

@@ -0,0 +1,2 @@
+const n=()=>{},e='/* src/global/global.css */\n\n/* Import design tokens and utilities - these are dynamically generated */\n:root {\n\n  /* Accent color */\n  --secondary-color: #dcd926ff;\n\n  /* Neutral background/text color */\n  --neutral-color: #cccccc;\n\n  /* Light text color for dark backgrounds */\n  --text-light: #ffffff;\n\n  /* Light background color */\n  --background-light: #f9f9f9;\n\n  /* Base font size for body text */\n  --font-size-base: 1rem;\n\n  /* Large font size for headings */\n  --font-size-lg: 1.2rem;\n\n  /* Small font size */\n  --font-size-sm: 0.875rem;\n\n  /* Extra small font size */\n  --font-size-xs: 0.75rem;\n\n  /* Semibold font weight */\n  --font-weight-semibold: 600;\n\n  /* Monospace font stack */\n  --font-family-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;\n\n  /* Sans-serif font utility class */\n  --font-sans: font-sans;\n\n  --spacing-0: 0px;\n\n  /* 4px */\n  --spacing-1: 0.25rem;\n\n  /* 8px */\n  --spacing-2: 0.5rem;\n\n  /* 12px */\n  --spacing-3: 0.75rem;\n\n  /* 16px */\n  --spacing-4: 1rem;\n\n  /* 24px */\n  --spacing-6: 2.5rem;\n\n  /* 32px */\n  --spacing-8: 2rem;\n\n  /* Default width of the card */\n  --width: 100%;\n\n  /* Maximum width of the card */\n  --max-width: 300rem;\n\n  --border-radius-xs: 2rem;\n\n  --border-radius-sm: 4px;\n\n  --border-radius-md: 6px;\n\n  --border-radius-lg: 8px;\n\n  --border-radius-xl: 2rem;\n\n  --border-radius-2xl: 16px;\n\n  /* For very rounded corners, e.g., rounded-3xl */\n  --border-radius-3xl: 20px;\n\n  /* For circular elements */\n  --border-radius-full: 50%;\n\n  --white: #ffffff;\n\n  --black: #000000;\n\n  --gray-50: #f9f9f9;\n\n  --gray-100: #f3f4f6;\n\n  --gray-200: #67880c;\n\n  --gray-300: #d5d8dc;\n\n  --gray-400: #9ca3af;\n\n  --gray-500: #7af202;\n\n  --gray-600: #4b5563;\n\n  --gray-700: #374151;\n\n  --gray-800: #122be2;\n\n  --gray-900: #76f990;\n\n  --indigo-500: #6366f1;\n\n  /* Light blue background */\n  --blue-50: #eff6ff;\n\n  /* Blue for icons */\n  --blue-600: #2563eb;\n\n  /* Width utility class (3.5rem) */\n  --w-14: w-14;\n\n  /* Height utility class (3.5rem) */\n  --h-14: h-14;\n\n  /* Width utility class (2rem) */\n  --w-8: w-8;\n\n  /* Height utility class (2rem) */\n  --h-8: h-8;\n\n  /* Width utility class (3rem) */\n  --w-12: w-12;\n\n  /* Height utility class (3rem) */\n  --h-12: h-12;\n\n  /* Horizontal spacing utility class */\n  --space-x-2: space-x-2;\n\n  /* Padding utility class */\n  --p-2: p-2;\n\n  /* White text color utility class */\n  --text-white: text-white;\n\n  /* Medium font weight utility class */\n  --font-medium: font-medium;\n\n  /* Bold font weight utility class */\n  --font-bold: font-bold;\n\n  /* Border utility class */\n  --border: border;\n\n  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n\n  /* Large shadow for cards and elevated elements */\n  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n\n  /* Transition for color properties */\n  --transition-colors: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n\n  /* Standard transition duration for hover effects */\n  --duration-200: 0.2;\n\n  /* Standard 1px border width */\n  --border-width-1: 1rem;\n\n  /* 2px border width */\n  --border-width-2: 2rem;\n\n  /* Solid border style */\n  --border-style-solid: solid;\n\n  /* No border style */\n  --border-style-none: none;\n\n  /* Flex display property */\n  --display-flex: flex;\n\n  /* Center alignment for flex items */\n  --align-items-center: center;\n\n  /* Start alignment for flex items */\n  --align-items-start: flex-start;\n\n  /* Space between flex items */\n  --justify-content-space-between: space-between;\n\n  /* Center justification for flex items */\n  --justify-content-center: center;\n\n  /* Pointer cursor */\n  --cursor-pointer: pointer;\n\n  /* Center text alignment */\n  --text-align-center: center;\n\n  /* Default width for profile images */\n  --image-width: 32px;\n\n  /* Default height for profile images */\n  --image-height: 32px;\n\n  /* Border radius for circular images */\n  --image-border-radius: 50%;\n\n  /* Utility class for white background */\n  --bg-white: bg-white;\n\n  /* Utility class for gray-50 background */\n  --bg-gray-50: bg-gray-50;\n\n  /* Utility class for gray-900 background */\n  --bg-gray-900: bg-gray-900;\n\n  /* Utility class for gray-800 background */\n  --bg-gray-800: bg-gray-800;\n\n  /* Utility class for blue-50 background */\n  --bg-blue-50: bg-blue-50;\n\n  /* Utility class for padding (maps to --spacing-6) */\n  --p-6: p-6;\n\n  /* Utility class for padding (maps to --spacing-4) */\n  --p-4: p-4;\n\n  /* Utility class for horizontal padding (maps to --spacing-6) */\n  --px-6: px-6;\n\n  /* Utility class for bottom padding (maps to --spacing-6) */\n  --pb-6: pb-6;\n\n  /* Utility class for vertical padding (maps to --spacing-6) */\n  --py-6: py-6;\n\n  /* Utility class for margin-top: 0.25rem */\n  --mt-1: mt-1;\n\n  /* Utility class for flex-shrink: 0 */\n  --flex-shrink-0: flex-shrink-0;\n\n  /* Utility class for extra large border radius (maps to --border-radius-xl) */\n  --rounded-xl: rounded-xl;\n\n  /* Utility class for 3X large border radius (maps to --border-radius-3xl) */\n  --rounded-3xl: rounded-3xl;\n\n  /* Utility class for large border radius (maps to --border-radius-lg) */\n  --rounded-lg: rounded-lg;\n\n  /* Utility class for 50% border radius */\n  --rounded-full: rounded-full;\n\n  /* Utility class for full width */\n  --w-full: w-full;\n\n  /* Utility class for medium max-width */\n  --max-w-md: max-w-md;\n\n  /* Utility class for horizontal auto margin (centering) */\n  --mx-auto: mx-auto;\n\n  /* Utility class for overflow: hidden */\n  --overflow-hidden: overflow-hidden;\n\n  /* Utility class for large shadow (maps to --shadow-lg) */\n  --class-shadow-lg: shadow-lg;\n\n  /* Utility class for display: flex */\n  --flex: flex;\n\n  /* Utility class for align-items: center */\n  --items-center: items-center;\n\n  /* Utility class for align-items: flex-start */\n  --items-start: items-start;\n\n  /* Utility class for justify-content: space-between */\n  --justify-between: justify-between;\n\n  /* Utility class for justify-content: center */\n  --justify-center: justify-center;\n\n  /* Utility class for bottom border (maps to --border-width-1, --border-style-solid, --gray-200) */\n  --border-b: border-b;\n\n  /* Utility class for gray-200 border color */\n  --border-gray-200: border-gray-200;\n\n  /* Utility class for gray-300 border color */\n  --border-gray-300: border-gray-300;\n\n  /* Utility class for top border */\n  --border-t: border-t;\n\n  /* Utility class for horizontal gap (maps to 0.75rem / 12px) */\n  --space-x-3: space-x-3;\n\n  /* Utility class for horizontal gap (maps to 1rem / 16px) */\n  --space-x-4: space-x-4;\n\n  /* Utility class for vertical gap (maps to 1.5rem / 24px) */\n  --space-y-6: space-y-6;\n\n  /* Utility class for semibold font weight */\n  --font-semibold: font-semibold;\n\n  /* Utility class for monospace font family */\n  --font-mono: font-mono;\n\n  /* Utility class for extra large text size */\n  --text-xl: text-xl;\n\n  /* Utility class for large text size */\n  --text-lg: text-lg;\n\n  /* Utility class for small text size */\n  --text-sm: text-sm;\n\n  /* Utility class for gray-900 text color */\n  --text-gray-900: text-gray-900;\n\n  /* Utility class for gray-800 text color */\n  --text-gray-800: text-gray-800;\n\n  /* Utility class for gray-700 text color */\n  --text-gray-700: text-gray-700;\n\n  /* Utility class for gray-600 text color */\n  --text-gray-600: text-gray-600;\n\n  /* Utility class for gray-500 text color */\n  --text-gray-500: text-gray-500;\n\n  /* Utility class for gray-300 text color */\n  --text-gray-300: text-gray-300;\n\n  /* Utility class for blue-600 text color */\n  --text-blue-600: text-blue-600;\n\n  /* Utility class for hover state gray-100 background */\n  --hover-bg-gray-100: hover:bg-gray-100;\n\n  /* Utility class for hover state gray-700 background */\n  --hover-bg-gray-700: hover:bg-gray-700;\n\n  /* Utility class for color transition */\n  --class-transition-colors: transition-colors;\n\n  /* Utility class for flex: 1 1 0% */\n  --flex-1: flex-1;\n\n  /* Default sans-serif font stack */\n  --font-family-sans: Inter, system-ui, sans-serif;\n\n  /* Standard transition duration */\n  --duration-150: 150ms;\n\n  /* Z-index for modals */\n  --z-index-modal: 50%;\n\n  /* Z-index for tooltips */\n  --z-index-tooltip: 60;\n\n  /* Opacity for disabled states */\n  --opacity-disabled: 0.6;\n\n  /* Cursor for disabled elements */\n  --cursor-not-allowed: not-allowed;\n\n  /* Grid display property */\n  --display-grid: grid;\n\n  /* 8px gap */\n  --gap-2: 0.5rem;\n\n  /* 16px gap */\n  --gap-4: 1rem;\n\n  /* Default icon size */\n  --icon-size-md: 16px;\n\n  /* Small icon size (1rem) */\n  --icon-size-sm: 16px;\n\n  /* User-added custom property */\n  --custom-primary-color: #6add2c;\n\n  /* Default height for input elements (44px) */\n  --input-height: 2.75rem;\n\n  /* Maximum height for dropdown menu (256px) */\n  --dropdown-max-height: 16px;\n\n  /* Blue focus ring color */\n  --focus-ring-color: #3b82f6;\n\n  /* Focus ring width */\n  --focus-ring-width: 2rem;\n\n  /* Size of chevron icon (20px) */\n  --chevron-size: 1.25rem;\n\n  /* Primary button background color */\n  --button-primary-bg: #dcd926ff;\n\n  /* Primary button hover state background */\n  --button-primary-hover-bg: #1d56b0;\n\n  /* Primary button active/pressed state */\n  --button-primary-active-bg: #174291;\n\n  /* Secondary button background color */\n  --button-secondary-bg: #6b7280;\n\n  /* Secondary button hover state background */\n  --button-secondary-hover-bg: #4b5563;\n\n  /* Danger/error button background */\n  --button-danger-bg: #dc2626;\n\n  /* Danger button hover state */\n  --button-danger-hover-bg: #b91c1c;\n\n  /* Success button background */\n  --button-success-bg: #059669;\n\n  /* Success button hover state */\n  --button-success-hover-bg: #047857;\n\n  /* Outline button border color */\n  --button-outline-border: #d1d5db;\n\n  /* Outline button hover border color */\n  --button-outline-hover-border: #9ca3af;\n\n  /* Default button text color */\n  --button-text-color: 1rem;\n\n  /* Outline button text color */\n  --button-outline-text: #374151;\n\n  /* Disabled button background */\n  --button-disabled-bg: #f3f4f6;\n\n  /* Disabled button text color */\n  --button-disabled-text: #9ca3af;\n\n  /* Disabled button border color */\n  --button-disabled-border: #e5e7eb;\n\n  /* Horizontal padding for medium buttons */\n  --button-padding-x: 1rem;\n\n  /* Vertical padding for medium buttons */\n  --button-padding-y: 0.5rem;\n\n  /* Horizontal padding for small buttons */\n  --button-padding-x-sm: 0.75rem;\n\n  /* Vertical padding for small buttons */\n  --button-padding-y-sm: 0.375rem;\n\n  /* Horizontal padding for large buttons */\n  --button-padding-x-lg: 1.5rem;\n\n  /* Vertical padding for large buttons */\n  --button-padding-y-lg: 0.75rem;\n\n  /* Default button font size */\n  --button-font-size: 1rem;\n\n  /* Small button font size */\n  --button-font-size-sm: 0.875rem;\n\n  /* Large button font size */\n  --button-font-size-lg: 1.125rem;\n\n  /* Button font weight */\n  --button-font-weight: 600;\n\n  /* Default button border radius */\n  --button-border-radius: 6px;\n\n  /* Small button border radius */\n  --button-border-radius-sm: 4px;\n\n  /* Large button border radius */\n  --button-border-radius-lg: 8px;\n\n  /* Button border width */\n  --button-border-width: 1rem;\n\n  /* Button transition animation */\n  --button-transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\n\n  /* Button focus ring style */\n  --button-focus-ring: 0 0 0 3px rgba(38, 109, 220, 0.25);\n\n  /* Primary button utility classes */\n  --button-primary-class: bg-blue-600 hover:bg-blue-700 active:bg-blue-800;\n\n  /* Secondary button utility classes */\n  --button-secondary-class: bg-gray-600 hover:bg-gray-700 active:bg-gray-800;\n\n  /* Danger button utility classes */\n  --button-danger-class: bg-red-600 hover:bg-red-700 active:bg-red-800;\n\n  /* Success button utility classes */\n  --button-success-class: bg-green-600 hover:bg-green-700 active:bg-green-800;\n\n  /* Outline button utility classes */\n  --button-outline-class: bg-transparent border border-gray-300 text-gray-700 hover:border-gray-400 hover:bg-gray-50;\n\n  /* Disabled button utility classes */\n  --button-disabled-class: bg-gray-100 text-gray-400 cursor-not-allowed border-gray-200;\n\n  /* Base button utility classes */\n  --button-base-class: inline-flex items-center justify-center font-semibold rounded-md transition-all duration-150 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed;\n\n  /* Medium button size utility classes */\n  --button-size-md-class: px-4 py-2 text-sm;\n\n  /* Small button size utility classes */\n  --button-size-sm-class: px-3 py-1.5 text-xs;\n\n  /* Large button size utility classes */\n  --button-size-lg-class: px-6 py-3 text-base;\n\n  /* Background color for input fields */\n  --input-bg-color: #ffffff;\n\n  /* Text color for input fields */\n  --input-text-color: #b5d416;\n\n  /* Default border color for input fields */\n  --input-border-color: #d5d8dc;\n\n  /* Border color for input fields when focused */\n  --input-border-color-focus: var(--primary-color);\n\n  /* Placeholder text color */\n  --input-placeholder-color: #7af202;\n\n  /* Horizontal padding for input fields */\n  --input-padding-x: 1rem;\n\n  /* Vertical padding for input fields */\n  --input-padding-y: 0.75rem;\n\n  /* Border radius for input fields */\n  --input-border-radius: 8px;\n\n  /* Border width for input fields */\n  --input-border-width: 1rem;\n\n  /* Font size for input text */\n  --input-font-size: 1rem;\n\n  /* Font family for input fields */\n  --input-font-family: Inter, system-ui, sans-serif;\n\n  /* Transition for input focus/hover states */\n  --input-transition: 0.2;\n\n  /* Box shadow for focused input fields */\n  --input-shadow-focus: 0 0 0 3px rgba(38, 109, 220, 0.1);\n\n  /* Border color on hover */\n  --input-hover-border-color: #9ca3af;\n\n  /* Background color for disabled inputs */\n  --input-disabled-bg: #f3f4f6;\n\n  /* Text color for disabled inputs */\n  --input-disabled-text: #7af202;\n\n  /* Border color for disabled inputs */\n  --input-disabled-border: #67880c;\n\n  /* Color for input labels */\n  --input-label-color: #374151;\n\n  /* Color for error states */\n  --input-error-color: #dc2626;\n\n  /* Color for success states */\n  --input-success-color: #16a34a;\n\n  /* Base input utility class */\n  --input: input;\n\n  /* Primary input variant */\n  --input-primary: input-primary;\n\n  /* Error input variant */\n  --input-error: input-error;\n\n  /* Success input variant */\n  --input-success: input-success;\n\n  /* Disabled input variant */\n  --input-disabled: input-disabled;\n\n  /* Large input size */\n  --input-lg: input-lg;\n\n  /* Small input size */\n  --input-sm: input-sm;\n\n  /* Width utility class (1.25rem) */\n  --w-5: w-5;\n\n  /* Height utility class (1.25rem) */\n  --h-5: h-5;\n\n  /* Horizontal padding utility class (1rem) */\n  --px-4: px-4;\n\n  /* Vertical padding utility class (0.75rem) */\n  --py-3: py-3;\n\n  /* Vertical padding utility class (0.5rem) */\n  --py-2: py-2;\n\n  /* Base text size utility class */\n  --text-base: text-base;\n\n  /* Extra small text size utility class */\n  --text-xs: text-xs;\n\n  /* Bottom margin utility class (0.25rem) */\n  --mb-1: mb-1;\n\n  /* Vertical spacing utility class */\n  --space-y-2: space-y-2;\n\n  /* Transition all properties utility class */\n  --transition-all: transition-all;\n\n  /* Remove outline utility class */\n  --outline-none: outline-none;\n\n  /* Margin left utility class (0.75rem / 12px) */\n  --ml-3: ml-3;\n\n  /* 2px border width utility class */\n  --border-2: border-2;\n\n  /* Solid border style utility class */\n  --border-solid: border-solid;\n\n  /* Medium border radius utility class */\n  --rounded: rounded;\n\n  /* Width utility class (0.75rem / 12px) */\n  --w-3: w-3;\n\n  /* Height utility class (0.75rem / 12px) */\n  --h-3: h-3;\n\n  /* Gray 400 border color utility class */\n  --border-gray-400: border-gray-400;\n\n  /* Blue 600 border color utility class */\n  --border-blue-600: border-blue-600;\n\n  /* Blue 700 border color utility class */\n  --border-blue-700: border-blue-700;\n\n  /* Blue 600 background utility class */\n  --bg-blue-600: bg-blue-600;\n\n  /* Blue 700 background utility class */\n  --bg-blue-700: bg-blue-700;\n\n  /* Gray 100 background utility class */\n  --bg-gray-100: bg-gray-100;\n\n  /* Gray 300 background utility class */\n  --bg-gray-300: bg-gray-300;\n\n  /* Checked state border color */\n  --checked:border-blue-600: checked:border-blue-600;\n\n  /* Checked state background color */\n  --checked:bg-blue-600: checked:bg-blue-600;\n\n  /* Hover state border color */\n  --hover:border-gray-400: hover:border-gray-400;\n\n  /* Hover checked state border color */\n  --hover:checked:border-blue-700: hover:checked:border-blue-700;\n\n  /* Hover checked state background color */\n  --hover:checked:bg-blue-700: hover:checked:bg-blue-700;\n\n  /* Remove default focus outline */\n  --focus:outline-none: focus:outline-none;\n\n  /* Focus ring width */\n  --focus:ring-2: focus:ring-2;\n\n  /* Focus ring color with opacity */\n  --focus:ring-blue-500/30: focus:ring-blue-500/30;\n\n  /* Focus state border color */\n  --focus:border-blue-600: focus:border-blue-600;\n\n  /* Disabled state border color */\n  --disabled:border-gray-200: disabled:border-gray-200;\n\n  /* Disabled state background color */\n  --disabled:bg-gray-100: disabled:bg-gray-100;\n\n  /* Disabled state cursor */\n  --disabled:cursor-not-allowed: disabled:cursor-not-allowed;\n\n  /* Disabled checked state border color */\n  --disabled:checked:border-gray-300: disabled:checked:border-gray-300;\n\n  /* Disabled checked state background color */\n  --disabled:checked:bg-gray-300: disabled:checked:bg-gray-300;\n\n  /* Show checkmark when checked */\n  --group-has-[:checked]:opacity-100: group-has-[:checked]:opacity-100;\n\n  /* Disabled label text color */\n  --group-has-[:disabled]:text-gray-400: group-has-[:disabled]:text-gray-400;\n\n  /* Opacity transition utility class */\n  --transition-opacity: transition-opacity;\n\n  /* CSS transform utility class */\n  --transform: transform;\n\n  /* Horizontal translation utility class */\n  -translate-x-1/2: -translate-x-1/2;\n\n  /* Vertical translation utility class */\n  -translate-y-1/2: -translate-y-1/2;\n\n  /* Top 50% positioning utility class */\n  --top-1/2: top-1/2;\n\n  /* Left 50% positioning utility class */\n  --left-1/2: left-1/2;\n\n  /* Absolute positioning utility class */\n  --absolute: absolute;\n\n  /* Pointer events none utility class */\n  --pointer-events-none: pointer-events-none;\n\n  /* Opacity 0 utility class */\n  --opacity-0: opacity-0;\n\n  /* Text selection none utility class */\n  --select-none: select-none;\n\n  /* Remove default appearance utility class */\n  --appearance-none: appearance-none;\n\n  /* Z-index for modals to appear above other content */\n  --modal-z-index: 50%;\n\n  /* Semi-transparent backdrop behind modal */\n  --modal-backdrop-bg: rgba(0, 0, 0, 0.5);\n\n  /* Backdrop blur amount */\n  --modal-backdrop-blur: 8px;\n\n  /* Maximum width of modal content */\n  --modal-max-width: 32px;\n\n  /* Minimum width of modal content */\n  --modal-min-width: 20px;\n\n  /* Duration of modal open/close animations */\n  --modal-animation-duration: 0.3;\n\n  /* Easing function for modal animations */\n  --modal-easing: cubic-bezier(0.4, 0, 0.2, 1);\n\n  /* Padding inside modal content area */\n  --modal-content-padding: 1.5rem;\n\n  /* Utility class for fixed positioning */\n  --fixed: fixed;\n\n  /* Utility class for top, right, bottom, left: 0 */\n  --inset-0: inset-0;\n\n  /* Utility class for flex-direction: column */\n  --flex-col: flex-col;\n\n  /* Utility class for 1.5rem gap */\n  --gap-6: gap-6;\n\n  /* Utility class for sticky positioning */\n  --sticky: sticky;\n\n  /* Utility class for top: 0 */\n  --top-0: top-0;\n\n  /* Utility class for backdrop blur */\n  --backdrop-blur-sm: backdrop-blur-sm;\n\n  /* Utility class for 300ms transition duration */\n  --duration-300: duration-300;\n\n  /* Utility class for ease-out timing function */\n  --ease-out: ease-out;\n\n  /* Utility class for 95% scale transform */\n  --scale-95: scale-95;\n\n  /* Utility class for 100% scale transform */\n  --scale-100: scale-100;\n\n  /* Utility class for 100% opacity */\n  --opacity-100: opacity-100;\n\n  /* Utility class for z-index: 50 */\n  --z-50: z-50;\n\n  /* Utility class for pointer-events: auto */\n  --pointer-events-auto: pointer-events-auto;\n\n  /* Utility class for scale 105% on hover */\n  --hover-scale-105: hover:scale-105;\n\n  /* Utility class for gray-800 background on hover */\n  --hover-bg-gray-800: hover:bg-gray-800;\n\n  /* Utility class for blue-600 background on hover */\n  --hover-bg-blue-600: hover:bg-blue-600;\n\n  /* Utility class for focus ring */\n  --focus-ring-4: focus:ring-4;\n\n  /* Utility class for blue focus ring */\n  --focus-ring-blue-500: focus:ring-blue-500;\n\n  /* Utility class for focus ring opacity */\n  --focus-ring-opacity-20: focus:ring-opacity-20;\n\n  /* Utility class for no outline on focus */\n  --focus-outline-none: focus:outline-none;\n\n  /* Animation utility class for entrance animations */\n  --animate-in: animate-in;\n\n  /* Fade in animation class */\n  --fade-in: fade-in;\n\n  /* Zoom in animation class */\n  --zoom-in-95: zoom-in-95;\n\n  /* Focus ring utility */\n  --focus-ring-2: focus:ring-2;\n\n  /* Focus ring offset */\n  --focus-ring-offset-2: focus:ring-offset-2;\n\n  /* Hover state for primary button */\n  --hover-bg-blue-700: hover:bg-blue-700;\n\n  /* Placeholder text color */\n  --placeholder-gray-400: placeholder-gray-400;\n\n  /* Line height utility */\n  --leading-relaxed: leading-relaxed;\n\n  /* Top margin utility class (1.5rem) */\n  --mt-6: mt-6;\n\n  /* Medium border radius utility class */\n  --rounded-md: rounded-md;\n\n  /* 2XL border radius utility class */\n  --rounded-2xl: rounded-2xl;\n\n  /* Very light success background color */\n  --success-50: #f0fdf4;\n\n  /* Light success background color */\n  --success-100: #dcfce7;\n\n  /* Primary success color */\n  --success-500: #22c55e;\n\n  /* Dark success color */\n  --success-600: #16a34a;\n\n  /* Darker success color */\n  --success-700: #15803d;\n\n  /* Very light warning background color */\n  --warning-50: #fffbeb;\n\n  /* Light warning background color */\n  --warning-100: #fef3c7;\n\n  /* Primary warning color */\n  --warning-500: #f59e0b;\n\n  /* Dark warning color */\n  --warning-600: #d97706;\n\n  /* Darker warning color */\n  --warning-700: #b45309;\n\n  /* Very light error background color */\n  --error-50: #fef2f2;\n\n  /* Light error background color */\n  --error-100: #fee2e2;\n\n  /* Primary error color */\n  --error-500: #ef4444;\n\n  /* Dark error color */\n  --error-600: #dc2626;\n\n  /* Darker error color */\n  --error-700: #b91c1c;\n\n  /* Very light info background color */\n  --info-50: #eff6ff;\n\n  /* Light info background color */\n  --info-100: #dbeafe;\n\n  /* Primary info color */\n  --info-500: #3b82f6;\n\n  /* Dark info color */\n  --info-600: #2563eb;\n\n  /* Darker info color */\n  --info-700: #1d4ed8;\n\n  /* Primary neutral color */\n  --neutral-500: #6b7280;\n\n  /* Soft shadow for subtle elevation */\n  --shadow-soft: 0 4px 20px rgba(0, 0, 0, 0.08);\n\n  /* Subtle shadow for alerts */\n  --shadow-subtle: 0 2px 10px rgba(0, 0, 0, 0.04);\n\n  /* Base size for alert icons */\n  --icon-size-base: 1.25rem;\n\n  /* Smooth transition for interactive elements */\n  --transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\n  /* Utility class for success-50 background */\n  --bg-success-50: bg-success-50;\n\n  /* Utility class for warning-50 background */\n  --bg-warning-50: bg-warning-50;\n\n  /* Utility class for error-50 background */\n  --bg-error-50: bg-error-50;\n\n  /* Utility class for info-50 background */\n  --bg-info-50: bg-info-50;\n\n  /* Utility class for success-700 text color */\n  --text-success-700: text-success-700;\n\n  /* Utility class for warning-700 text color */\n  --text-warning-700: text-warning-700;\n\n  /* Utility class for error-700 text color */\n  --text-error-700: text-error-700;\n\n  /* Utility class for info-700 text color */\n  --text-info-700: text-info-700;\n\n  /* Utility class for success-200 border */\n  --border-success-200: border-success-200;\n\n  /* Utility class for warning-200 border */\n  --border-warning-200: border-warning-200;\n\n  /* Utility class for error-200 border */\n  --border-error-200: border-error-200;\n\n  /* Utility class for info-200 border */\n  --border-info-200: border-info-200;\n\n  /* Utility class for soft shadow */\n  --shadow-soft-class: shadow-soft;\n\n  /* Utility class for subtle shadow */\n  --shadow-subtle-class: shadow-subtle;\n\n  /* Utility class for smooth transition */\n  --transition-all-smooth: transition-all-smooth;\n\n  /* Vertical spacing utility class (1rem) */\n  --space-y-4: space-y-4;\n\n  /* Bottom margin utility class (0.5rem) */\n  --mb-2: mb-2;\n\n  /* Padding utility class (0.25rem) */\n  --p-1: p-1;\n\n  /* Bottom margin utility class (0.75rem) */\n  --mb-3: mb-3;\n\n  /* Primary background color for badges */\n  --badge-bg-primary: var(--primary-color);\n\n  /* Text color for primary badges */\n  --badge-text-primary: #ffffff;\n\n  /* Secondary background color for badges */\n  --badge-bg-secondary: #dcd926ff;\n\n  /* Text color for secondary badges */\n  --badge-text-secondary: #76f990;\n\n  /* Success state background color */\n  --badge-bg-success: #10b981;\n\n  /* Text color for success badges */\n  --badge-text-success: #ffffff;\n\n  /* Warning state background color */\n  --badge-bg-warning: #f59e0b;\n\n  /* Text color for warning badges */\n  --badge-text-warning: #ffffff;\n\n  /* Error state background color */\n  --badge-bg-error: #ef4444;\n\n  /* Text color for error badges */\n  --badge-text-error: #ffffff;\n\n  /* Transparent background for outline badges */\n  --badge-bg-outline: transparent;\n\n  /* Border color for outline badges */\n  --badge-border-outline: #d5d8dc;\n\n  /* Text color for outline badges */\n  --badge-text-outline: #374151;\n\n  /* Horizontal padding for badges */\n  --badge-padding-x: 0.75rem;\n\n  /* Vertical padding for badges */\n  --badge-padding-y: 0.25rem;\n\n  /* Border radius for pill-shaped badges */\n  --badge-border-radius: 50%;\n\n  /* Border radius for square badges */\n  --badge-border-radius-square: 6px;\n\n  /* Border width for outline badges */\n  --badge-border-width: 1rem;\n\n  /* Font size for badge text */\n  --badge-font-size: 0.75rem;\n\n  /* Font weight for badge text */\n  --badge-font-weight: 600;\n\n  /* Letter spacing for badge text */\n  --badge-letter-spacing: 0.025em;\n\n  /* Transition for hover states */\n  --badge-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n\n  /* Box shadow for elevated badges */\n  --badge-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n\n  /* Scale transform on hover */\n  --badge-hover-scale: 1.05;\n\n  /* Scale transform when active/clicked */\n  --badge-active-scale: 0.95;\n\n  /* Size for icons within badges */\n  --badge-icon-size: 0.75rem;\n\n  /* Gap between badge elements */\n  --badge-gap: 0.5rem;\n\n  /* Primary badge utility class */\n  --badge-primary: badge-primary;\n\n  /* Secondary badge utility class */\n  --badge-secondary: badge-secondary;\n\n  /* Success badge utility class */\n  --badge-success: badge-success;\n\n  /* Warning badge utility class */\n  --badge-warning: badge-warning;\n\n  /* Error badge utility class */\n  --badge-error: badge-error;\n\n  /* Outline badge utility class */\n  --badge-outline: badge-outline;\n\n  /* Pill-shaped badge utility class */\n  --badge-pill: badge-pill;\n\n  /* Badge with icon utility class */\n  --badge-with-icon: badge-with-icon;\n\n  /* Interactive badge utility class */\n  --badge-interactive: badge-interactive;\n\n  /* User-added custom property */\n  --muzingo-primary-color: #dd2c47;\n\n  /* User-added custom property */\n  --muzingo-primary-color-1: #266DDC;\n}\n/* Auto-generated Utility Classes from Design System */\n/* DO NOT EDIT - Generated from your design system API */\n\n:host, :root {\n  display: block;\n  box-sizing: border-box;\n}\n\n*, *::before, *::after {\n  box-sizing: inherit;\n}\n\n.bg-gray-50 {\n  background-color: var(--gray-50, #f9f9f9);\n}\n\n.font-sans {\n  font-family: var(--font-family-sans, Inter, system-ui, sans-serif);\n}\n\n.w-full {\n  width: var(--width, 100%);\n}\n\n.max-w-md {\n  max-width: var(--max-width, 300rem);\n}\n\n.mx-auto {\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.bg-white {\n  background-color: var(--white, #ffffff);\n}\n\n.rounded-3xl {\n  border-radius: var(--border-radius-3xl, 20px);\n}\n\n.shadow-lg {\n  box-shadow: var(--shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05));\n}\n\n.overflow-hidden {\n  overflow: hidden;\n}\n\n.p-6 {\n  padding: var(--spacing-6, 2.5rem);\n}\n\n.border-b {\n  border-bottom-width: var(--border-width-1, 1px);\n  border-bottom-style: var(--border-style-solid, solid);\n  border-bottom-color: var(--gray-200, #67880c);\n}\n\n.border-gray-200 {\n  border-color: var(--gray-200, #67880c);\n}\n\n.flex {\n  display: flex;\n}\n\n.justify-between {\n  justify-content: space-between;\n}\n\n.items-center {\n  align-items: center;\n}\n\n.text-xl {\n  font-size: 1.25rem;\n  line-height: 1.75rem;\n}\n\n.font-semibold {\n  font-weight: var(--font-weight-semibold, 600);\n}\n\n.text-gray-900 {\n  color: var(--gray-900, #76f990);\n}\n\n.font-mono {\n  font-family: var(--font-family-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace);\n}\n\n.text-gray-800 {\n  color: var(--gray-800, #122be2);\n}\n\n.rounded-xl {\n  border-radius: var(--border-radius-xl, 2px);\n}\n\n.p-4 {\n  padding: var(--spacing-4, 1rem);\n}\n\n.space-x-4 {\n  > * + * { margin-left: var(--spacing-4, 1rem); };\n}\n\n.w-14 {\n  width: 3.5rem;\n}\n\n.h-14 {\n  height: 3.5rem;\n}\n\n.rounded-full {\n  border-radius: var(--border-radius-full, 50%);\n}\n\n.object-cover {\n  object-fit: cover;\n}\n\n.flex-1 {\n  flex: 1 1 0%;\n}\n\n.text-sm {\n  font-size: var(--font-size-sm, 0.875rem);\n  line-height: 1.25rem;\n}\n\n.text-gray-500 {\n  color: var(--gray-500, #7af202);\n}\n\n.space-x-2 {\n  > * + * { margin-left: var(--spacing-2, 0.5rem); };\n}\n\n.p-2 {\n  padding: var(--spacing-2, 0.5rem);\n}\n\n.border {\n  border-width: var(--border-width-1, 1px);\n  border-style: var(--border-style-solid, solid);\n  border-color: var(--gray-200, #67880c);\n}\n\n.border-gray-300 {\n  border-color: var(--gray-300, #d5d8dc);\n}\n\n.transition-colors {\n  transition-property: color, background-color, border-color, box-shadow;\n  transition-duration: var(--duration-200, 0.2);\n  transition-timing-function: ease-in-out;\n}\n\n.bg-gray-800 {\n  background-color: var(--gray-800, #122be2);\n}\n\n.text-white {\n  color: var(--white, #ffffff);\n}\n\n.px-6 {\n  padding-left: var(--spacing-6, 2.5rem);\n  padding-right: var(--spacing-6, 2.5rem);\n}\n\n.pb-6 {\n  padding-bottom: var(--spacing-6, 2.5rem);\n}\n\n.space-y-6 {\n  > * + * { margin-top: var(--spacing-6, 2.5rem); };\n}\n\n.items-start {\n  align-items: flex-start;\n}\n\n.space-x-3 {\n  > * + * { margin-left: var(--spacing-3, 0.75rem); };\n}\n\n.mt-1 {\n  margin-top: var(--spacing-1, 0.25rem);\n}\n\n.flex-shrink-0 {\n  flex-shrink: 0;\n}\n\n.w-8 {\n  width: var(--spacing-8, 2rem);\n}\n\n.h-8 {\n  height: var(--spacing-8, 2rem);\n}\n\n.bg-blue-50 {\n  background-color: var(--blue-50, #eff6ff);\n}\n\n.justify-center {\n  justify-content: center;\n}\n\n.bg-gray-900 {\n  background-color: var(--gray-900, #76f990);\n}\n\n.w-12 {\n  width: 3rem;\n}\n\n.h-12 {\n  height: 3rem;\n}\n\n.font-medium {\n  font-weight: 500;\n}\n\n.text-lg {\n  font-size: var(--font-size-lg, 1.2rem);\n  line-height: 1.75rem;\n}\n\n.text-gray-300 {\n  color: var(--gray-300, #d5d8dc);\n}\n\n.py-6 {\n  padding-top: var(--spacing-6, 2.5rem);\n  padding-bottom: var(--spacing-6, 2.5rem);\n}\n\n.border-t {\n  border-top-width: var(--border-width-1, 1px);\n  border-top-style: var(--border-style-solid, solid);\n  border-top-color: var(--gray-200, #67880c);\n}\n\n.font-bold {\n  font-weight: 700;\n}\n\n.rounded-md {\n  border-radius: var(--border-radius-md, 6px);\n}\n\n.transition-all {\n  transition-property: all;\n  transition-duration: var(--duration-200, 0.2);\n  transition-timing-function: ease-in-out;\n}\n\n.bg-blue-600 {\n  background-color: var(--blue-600, #2563eb);\n}\n\n.px-4 {\n  padding-left: var(--spacing-4, 1rem);\n  padding-right: var(--spacing-4, 1rem);\n}\n\n.py-2 {\n  padding-top: var(--spacing-2, 0.5rem);\n  padding-bottom: var(--spacing-2, 0.5rem);\n}\n\n.text-gray-700 {\n  color: var(--gray-700, #374151);\n}\n\n.mb-1 {\n  margin-bottom: var(--spacing-1, 0.25rem);\n}\n\n.relative {\n  position: relative;\n}\n\n.absolute {\n  position: absolute;\n}\n\n.top-1\\/2 {\n  top: 50%;\n}\n\n.transform {\n  transform: translateX(0) translateY(0) rotate(0) scale(1);\n}\n\n.-translate-y-1\\/2 {\n  transform: translateY(-50%);\n}\n\n.pointer-events-none {\n  pointer-events: none;\n}\n\n.rounded-lg {\n  border-radius: var(--border-radius-lg, 8px);\n}\n\n.text-base {\n  font-size: var(--font-size-base, 1rem);\n  line-height: 1.5rem;\n}\n\n.leading-relaxed {\n  line-height: 1.625;\n}\n\n.duration-200 {\n  transition-duration: var(--duration-200, 0.2);\n}\n\n.outline-none {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n\n.pl-12 {\n  padding-left: 3rem;\n}\n\n.text-xs {\n  font-size: var(--font-size-xs, 0.75rem);\n  line-height: 1rem;\n}\n\n.grid {\n  display: grid;\n}\n\n.grid-cols-2 {\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n\n.mt-6 {\n  margin-top: var(--spacing-6, 2.5rem);\n}\n\n.flex-col {\n  flex-direction: column;\n}\n\n.space-y-2 {\n  > * + * { margin-top: var(--spacing-2, 0.5rem); };\n}\n\n.text-red-600 {\n  color: #dc2626;\n}\n\n.border-red-500 {\n  border-color: #ef4444;\n}\n\n.border-green-600 {\n  border-color: #16a34a;\n}\n\n.text-green-600 {\n  color: #16a34a;\n}\n\n.cursor-pointer {\n  cursor: pointer;\n}\n\n.select-none {\n  user-select: none;\n}\n\n.appearance-none {\n  appearance: none;\n}\n\n.w-5 {\n  width: 1.25rem;\n}\n\n.h-5 {\n  height: 1.25rem;\n}\n\n.border-2 {\n  border-width: 2px;\n  border-style: solid;\n  border-color: inherit;\n}\n\n.border-solid {\n  border-style: solid;\n}\n\n.rounded {\n  border-radius: var(--border-radius-md, 6px);\n}\n\n.left-1\\/2 {\n  left: 50%;\n}\n\n.-translate-x-1\\/2 {\n  transform: translateX(-50%);\n}\n\n.w-3 {\n  width: 0.75rem;\n}\n\n.h-3 {\n  height: 0.75rem;\n}\n\n.opacity-0 {\n  opacity: 0;\n}\n\n.transition-opacity {\n  transition-property: opacity;\n  transition-duration: var(--duration-200, 0.2);\n  transition-timing-function: ease-in-out;\n}\n\n.ml-3 {\n  margin-left: var(--spacing-3, 0.75rem);\n}\n\n.fixed {\n  position: fixed;\n}\n\n.inset-0 {\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n}\n\n.rounded-2xl {\n  border-radius: var(--border-radius-2xl, 16px);\n}\n\n.duration-300 {\n  transition-duration: 0.3s;\n}\n\n.space-y-4 {\n  > * + * { margin-top: var(--spacing-4, 1rem); };\n}\n\n.mb-2 {\n  margin-bottom: var(--spacing-2, 0.5rem);\n}\n\n.px-3 {\n  padding-left: var(--spacing-3, 0.75rem);\n  padding-right: var(--spacing-3, 0.75rem);\n}\n\n.border-blue-600 {\n  border-color: var(--blue-600, #2563eb);\n}\n\n.text-blue-600 {\n  color: var(--blue-600, #2563eb);\n}\n\n.p-1 {\n  padding: var(--spacing-1, 0.25rem);\n}\n\n.bg-transparent {\n  background-color: transparent;\n}\n\n.mb-3 {\n  margin-bottom: var(--spacing-3, 0.75rem);\n}\n\n.text-gray-600 {\n  color: var(--gray-600, #4b5563);\n}\n\n.py-1 {\n  padding-top: var(--spacing-1, 0.25rem);\n  padding-bottom: var(--spacing-1, 0.25rem);\n}\n\n.shadow-sm {\n  box-shadow: var(--shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, 0.05));\n}\n\n.w-4 {\n  width: 1rem;\n}\n\n.h-4 {\n  height: 1rem;\n}\n\n.bg-gray-100:hover {\n  background-color: var(--gray-100, #f3f4f6);\n}\n\n.outline-none:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n\n.cursor-not-allowed:disabled {\n  cursor: not-allowed;\n}\n\n.bg-blue-700:hover {\n  background-color: #1d4ed8;\n}\n\n.border-gray-400:hover {\n  border-color: var(--gray-400, #9ca3af);\n}\n\n.border-red-500:focus {\n  border-color: #ef4444;\n}\n\n.border-green-600:focus {\n  border-color: #16a34a;\n}\n\n.border-blue-600:checked {\n  border-color: var(--blue-600, #2563eb);\n}\n\n.bg-blue-600:checked {\n  background-color: var(--blue-600, #2563eb);\n}\n\n.border-blue-600:focus {\n  border-color: var(--blue-600, #2563eb);\n}\n\n.border-gray-200:disabled {\n  border-color: var(--gray-200, #67880c);\n}\n\n.bg-gray-100:disabled {\n  background-color: var(--gray-100, #f3f4f6);\n}\n\n.bg-gray-50:hover {\n  background-color: var(--gray-50, #f9f9f9);\n}\n\n.bg-blue-600:hover {\n  background-color: var(--blue-600, #2563eb);\n}\n\n.bg-green-600:hover {\n  background-color: #16a34a;\n}\n\n.bg-red-600:hover {\n  background-color: #dc2626;\n}\n\n.text-gray-900:hover {\n  color: var(--gray-900, #76f990);\n}\n\n\n/* Global reset */\n*,\n*::before,\n*::after {\n  padding: 0;\n  margin: 0;\n  box-sizing: border-box;\n}\n\n/* Base styles using design tokens */\n:root {\n  font-family: var(--font-family-sans, Inter, system-ui, sans-serif);\n  line-height: 1.5;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n/* Ensure SVG icons display properly and can be styled via tokens */\nsvg {\n  display: inline-block;\n  vertical-align: middle;\n  fill: currentColor;\n  width: 1em;\n  height: 1em;\n}\n\n/* Allow SVG parts to be styled */\nsvg[part="icon"] {\n  width: var(--icon-size, 1em);\n  height: var(--icon-size, 1em);\n  color: var(--icon-color, currentColor);\n}\n\n/* Host styles for components */\n:host {\n  display: block;\n}\n\n/* Component part styling */\n::part(icon) {\n  width: var(--icon-size, 1.25rem);\n  height: var(--icon-size, 1.25rem);\n}\n\n/* Animation keyframes from design system */\n@keyframes fadeIn {\n  from {\n    opacity: var(--opacity-0, 0);\n  }\n  to {\n    opacity: var(--opacity-100, 1);\n  }\n}\n\n@keyframes slideIn {\n  from {\n    transform: translateY(10px);\n    opacity: 0;\n  }\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}';function r(n,e,r){const t="undefined"!=typeof HTMLElement?HTMLElement.prototype:null;for(;n&&n!==t;){const t=Object.getOwnPropertyDescriptor(n,e);if(t&&(!r||t.get))return t;n=Object.getPrototypeOf(n)}}var t,o=(n,e)=>{var t;Object.entries(null!=(t=e.o.t)?t:{}).map((([t,[o]])=>{if(31&o||32&o){const o=n[t],i=r(Object.getPrototypeOf(n),t,!0)||Object.getOwnPropertyDescriptor(n,t);i&&Object.defineProperty(n,t,{get(){return i.get.call(this)},set(n){i.set.call(this,n)},configurable:!0,enumerable:!0}),e.i.has(t)?n[t]=e.i.get(t):void 0!==o&&(n[t]=o)}}))},i=n=>{if(n.__stencil__getHostRef)return n.__stencil__getHostRef()},a=(n,e)=>{e&&(n.__stencil__getHostRef=()=>e,e.l=n,512&e.o.u&&o(n,e))},s=(n,e)=>(0,console.error)(n,e),l=new Map,c=new Map,d="undefined"!=typeof window?window:{},u={u:0,p:"",jmp:n=>n(),raf:n=>requestAnimationFrame(n),ael:(n,e,r,t)=>n.addEventListener(e,r,t),rel:(n,e,r,t)=>n.removeEventListener(e,r,t),ce:(n,e)=>new CustomEvent(n,e)},b=n=>Promise.resolve(n),g=(()=>{try{return!!d.document.adoptedStyleSheets&&(new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync)}catch(n){}return!1})(),f=!!g&&(()=>!!d.document&&Object.getOwnPropertyDescriptor(d.document.adoptedStyleSheets,"length").writable)(),p=!1,m=[],y=[],h=(n,e)=>r=>{n.push(r),p||(p=!0,e&&4&u.u?w(v):u.raf(v))},x=n=>{for(let e=0;e<n.length;e++)try{n[e](performance.now())}catch(n){s(n)}n.length=0},v=()=>{x(m),x(y),(p=m.length>0)&&u.raf(v)},w=n=>b().then(n),k=h(y,!0);function U(){var n;const r=this.attachShadow({mode:"open"});if(void 0===t&&(t=null!=(n=function(n){if(!g)return;const e=new CSSStyleSheet;return e.replaceSync(n),e}(e))?n:null),t)f?r.adoptedStyleSheets.push(t):r.adoptedStyleSheets=[...r.adoptedStyleSheets,t];else if(!g){const n=document.createElement("style");n.innerHTML=e,r.prepend(n)}}function z(n){var e,r,t;return null!=(t=null==(r=null==(e=n.head)?void 0:e.querySelector('meta[name="csp-nonce"]'))?void 0:r.getAttribute("content"))?t:void 0}var S,$=new WeakMap,j=n=>"sc-"+n.m,D=n=>"object"==(n=typeof n)||"function"===n,B=(n,e,...r)=>{let t=null,o=null,i=!1,a=!1;const s=[],l=e=>{for(let r=0;r<e.length;r++)t=e[r],Array.isArray(t)?l(t):null!=t&&"boolean"!=typeof t&&((i="function"!=typeof n&&!D(t))&&(t+=""),i&&a?s[s.length-1].h+=t:s.push(i?O(null,t):t),a=i)};if(l(r),e){e.key&&(o=e.key);{const n=e.className||e.class;n&&(e.class="object"!=typeof n?n:Object.keys(n).filter((e=>n[e])).join(" "))}}const c=O(n,null);return c.v=e,s.length>0&&(c.k=s),c.U=o,c},O=(n,e)=>({u:0,S:n,h:null!=e?e:null,$:null,k:null,v:null,U:null}),M={},C=(n,e)=>null==n||D(n)?n:1&e?n+"":n,P=(n,e,r,t,o,a)=>{if(r===t)return;let s=((n,e)=>e in n)(n,e);if(e.toLowerCase(),"class"===e){const e=n.classList,o=T(r);let i=T(t);e.remove(...o.filter((n=>n&&!i.includes(n)))),e.add(...i.filter((n=>n&&!o.includes(n))))}else if("style"===e){for(const e in r)t&&null!=t[e]||(e.includes("-")?n.style.removeProperty(e):n.style[e]="");for(const e in t)r&&t[e]===r[e]||(e.includes("-")?n.style.setProperty(e,t[e]):n.style[e]=t[e])}else if("key"===e);else{if("a"===e[0]&&e.startsWith("attr:")){const r=e.slice(5);let o;{const e=i(n);if(e&&e.o&&e.o.t){const n=e.o.t[r];n&&n[1]&&(o=n[1])}}return o||(o=r.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()),void(null==t||!1===t?!1===t&&""!==n.getAttribute(o)||n.removeAttribute(o):n.setAttribute(o,!0===t?"":t))}if("p"===e[0]&&e.startsWith("prop:")){const r=e.slice(5);try{n[r]=t}catch(n){}return}{const i=D(t);if((s||i&&null!==t)&&!o)try{if(n.tagName.includes("-"))n[e]!==t&&(n[e]=t);else{const o=null==t?"":t;"list"===e?s=!1:null!=r&&n[e]===o||("function"==typeof n.__lookupSetter__(e)?n[e]=o:n.setAttribute(e,o))}}catch(n){}null==t||!1===t?!1===t&&""!==n.getAttribute(e)||n.removeAttribute(e):(!s||4&a||o)&&!i&&1===n.nodeType&&n.setAttribute(e,t=!0===t?"":t)}}},L=/\s/,T=n=>("object"==typeof n&&n&&"baseVal"in n&&(n=n.baseVal),n&&"string"==typeof n?n.split(L):[]),H=(n,e,r)=>{const t=11===e.$.nodeType&&e.$.host?e.$.host:e.$,o=n&&n.v||{},i=e.v||{};for(const n of E(Object.keys(o)))n in i||P(t,n,o[n],void 0,r,e.u);for(const n of E(Object.keys(i)))P(t,n,o[n],i[n],r,e.u)};function E(n){return n.includes("ref")?[...n.filter((n=>"ref"!==n)),"ref"]:n}var V=!1,F=(n,e,r)=>{const t=e.k[r];let o,i,a=0;if(null!=t.h)o=t.$=d.document.createTextNode(t.h);else{if(!d.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");if(o=t.$=d.document.createElement(t.S),H(null,t,V),t.k){const e="template"===t.S?o.content:o;for(a=0;a<t.k.length;++a)i=F(n,t,a),i&&e.appendChild(i)}}return o["s-hn"]=S,o},A=(n,e,r,t,o,i)=>{let a,s=n;for(s.shadowRoot&&s.tagName===S&&(s=s.shadowRoot),"template"===r.S&&(s=s.content);o<=i;++o)t[o]&&(a=F(null,r,o),a&&(t[o].$=a,I(s,a,e)))},W=(n,e,r)=>{for(let t=e;t<=r;++t){const e=n[t];if(e){const n=e.$;n&&n.remove()}}},R=(n,e,r=!1)=>n.S===e.S&&(r?(r&&!n.U&&e.U&&(n.U=e.U),!0):n.U===e.U),G=(n,e,r=!1)=>{const t=e.$=n.$,o=n.k,i=e.k,a=e.h;null==a?(H(n,e,V),null!==o&&null!==i?((n,e,r,t,o=!1)=>{let i,a,s=0,l=0,c=0,d=0,u=e.length-1,b=e[0],g=e[u],f=t.length-1,p=t[0],m=t[f];const y="template"===r.S?n.content:n;for(;s<=u&&l<=f;)if(null==b)b=e[++s];else if(null==g)g=e[--u];else if(null==p)p=t[++l];else if(null==m)m=t[--f];else if(R(b,p,o))G(b,p,o),b=e[++s],p=t[++l];else if(R(g,m,o))G(g,m,o),g=e[--u],m=t[--f];else if(R(b,m,o))G(b,m,o),I(y,b.$,g.$.nextSibling),b=e[++s],m=t[--f];else if(R(g,p,o))G(g,p,o),I(y,g.$,b.$),g=e[--u],p=t[++l];else{for(c=-1,d=s;d<=u;++d)if(e[d]&&null!==e[d].U&&e[d].U===p.U){c=d;break}c>=0?(a=e[c],a.S!==p.S?i=F(e&&e[l],r,c):(G(a,p,o),e[c]=void 0,i=a.$),p=t[++l]):(i=F(e&&e[l],r,l),p=t[++l]),i&&I(b.$.parentNode,i,b.$)}s>u?A(n,null==t[f+1]?null:t[f+1].$,r,t,l,f):l>f&&W(e,s,u)})(t,o,e,i,r):null!==i?(null!==n.h&&(t.textContent=""),A(t,null,e,i,0,i.length-1)):!r&&null!==o&&W(o,0,o.length-1)):n.h!==a&&(t.data=a)},I=(n,e,r)=>n.__insertBefore?n.__insertBefore(e,r):null==n?void 0:n.insertBefore(e,r),N=(n,e)=>{if(e&&!n.j&&e["s-p"]){const r=e["s-p"].push(new Promise((t=>n.j=()=>{e["s-p"].splice(r-1,1),t()})))}},Y=(n,e)=>{if(n.u|=16,4&n.u)return void(n.u|=512);N(n,n.D);const r=()=>Z(n,e);if(!e)return k(r);queueMicrotask((()=>{r()}))},Z=(n,e)=>{const r=n.$hostElement$,t=n.l;if(!t)throw Error(`Can't render component <${r.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let o;return e?(n.B.length&&n.B.forEach((n=>n(r))),o=nn(t,"componentWillLoad",void 0,r)):o=nn(t,"componentWillUpdate",void 0,r),o=q(o,(()=>nn(t,"componentWillRender",void 0,r))),q(o,(()=>_(n,t,e)))},q=(n,e)=>X(n)?n.then(e).catch((n=>{console.error(n),e()})):e(),X=n=>n instanceof Promise||n&&n.then&&"function"==typeof n.then,_=async(n,e,r)=>{var t;const o=n.$hostElement$,i=o["s-rc"];r&&(n=>{const e=n.o,r=n.$hostElement$,t=e.u,o=((n,e)=>{var r,t,o;const i=j(e),a=c.get(i);if(!d.document)return i;if(n=11===n.nodeType?n:d.document,a)if("string"==typeof a){let o,s=$.get(n=n.head||n);if(s||$.set(n,s=new Set),!s.has(i)){o=d.document.createElement("style"),o.textContent=a;const l=null!=(r=u.O)?r:z(d.document);if(null!=l&&o.setAttribute("nonce",l),!(1&e.u))if("HEAD"===n.nodeName){const e=n.querySelectorAll("link[rel=preconnect]"),r=e.length>0?e[e.length-1].nextSibling:n.querySelector("style");n.insertBefore(o,(null==r?void 0:r.parentNode)===n?r:null)}else if("host"in n)if(g){const e=new(null!=(t=n.defaultView)?t:n.ownerDocument.defaultView).CSSStyleSheet;e.replaceSync(a),f?n.adoptedStyleSheets.unshift(e):n.adoptedStyleSheets=[e,...n.adoptedStyleSheets]}else{const e=n.querySelector("style");e?e.textContent=a+e.textContent:n.prepend(o)}else n.append(o);1&e.u&&n.insertBefore(o,null),4&e.u&&(o.textContent+="slot-fb{display:contents}slot-fb[hidden]{display:none}"),s&&s.add(i)}}else{let e=$.get(n);if(e||$.set(n,e=new Set),!e.has(i)){const r=null!=(o=n.defaultView)?o:n.ownerDocument.defaultView;let t;if(a.constructor===r.CSSStyleSheet)t=a;else{t=new r.CSSStyleSheet;for(let n=0;n<a.cssRules.length;n++)t.insertRule(a.cssRules[n].cssText,n)}f?n.adoptedStyleSheets.push(t):n.adoptedStyleSheets=[...n.adoptedStyleSheets,t],e.add(i)}}return i})(r.shadowRoot?r.shadowRoot:r.getRootNode(),e);10&t&&(r["s-sc"]=o,r.classList.add(o+"-h"))})(n);J(n,e,o,r),i&&(i.map((n=>n())),o["s-rc"]=void 0);{const e=null!=(t=o["s-p"])?t:[],r=()=>K(n);0===e.length?r():(Promise.all(e).then(r).catch(r),n.u|=4,e.length=0)}},J=(n,e,r,t)=>{try{e=e.render(),n.u&=-17,n.u|=2,((n,e,r=!1)=>{const t=n.$hostElement$,o=n.M||O(null,null),i=(n=>n&&n.S===M)(e)?e:B(null,null,e);if(S=t.tagName,r&&i.v)for(const n of Object.keys(i.v))t.hasAttribute(n)&&!["key","ref","style","class"].includes(n)&&(i.v[n]=t[n]);i.S=null,i.u|=4,n.M=i,i.$=o.$=t.shadowRoot||t,G(o,i,r)})(n,e,t)}catch(e){s(e,n.$hostElement$)}return null},K=n=>{const e=n.$hostElement$,r=n.l,t=n.D;nn(r,"componentDidRender",void 0,e),64&n.u?nn(r,"componentDidUpdate",void 0,e):(n.u|=64,en(e),nn(r,"componentDidLoad",void 0,e),n.C(e),t||Q()),n.j&&(n.j(),n.j=void 0),512&n.u&&w((()=>Y(n,!1))),n.u&=-517},Q=()=>{w((()=>(n=>{const e=u.ce("appload",{detail:{namespace:"charde"}});return n.dispatchEvent(e),e})(d)))},nn=(n,e,r,t)=>{if(n&&n[e])try{return n[e](r)}catch(n){s(n,t)}},en=n=>n.classList.add("hydrated"),rn=(n,e,r,t)=>{const o=i(n);if(!o)return;if(!o)throw Error(`Couldn't find host element for "${t.m}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`);const a=o.i.get(e),s=o.u,l=o.l;if(r=C(r,t.t[e][0]),(!(8&s)||void 0===a)&&r!==a&&(!Number.isNaN(a)||!Number.isNaN(r))&&(o.i.set(e,r),2&s)){if(l.componentShouldUpdate&&!1===l.componentShouldUpdate(r,a,e)&&!(16&s))return;16&s||Y(o,!1)}},tn=(n,e,t)=>{var o,a;const s=n.prototype;if(e.t){const l=Object.entries(null!=(o=e.t)?o:{});if(l.map((([n,[o]])=>{if(31&o||2&t&&32&o){const{get:a,set:l}=r(s,n)||{};a&&(e.t[n][0]|=2048),l&&(e.t[n][0]|=4096),(1&t||!a)&&Object.defineProperty(s,n,{get(){{if(!(2048&e.t[n][0]))return((n,e)=>i(this).i.get(e))(0,n);const r=i(this),t=r?r.l:s;if(!t)return;return t[n]}},configurable:!0,enumerable:!0}),Object.defineProperty(s,n,{set(r){const a=i(this);if(a){if(l)return void 0===(32&o?this[n]:a.$hostElement$[n])&&a.i.get(n)&&(r=a.i.get(n)),l.call(this,C(r,o)),void rn(this,n,r=32&o?this[n]:a.$hostElement$[n],e);{if(!(1&t&&4096&e.t[n][0]))return rn(this,n,r,e),void(1&t&&!a.l&&a.B.push((()=>{4096&e.t[n][0]&&a.l[n]!==a.i.get(n)&&(a.l[n]=r)})));const i=()=>{const t=a.l[n];!a.i.get(n)&&t&&a.i.set(n,t),a.l[n]=C(r,o),rn(this,n,a.l[n],e)};a.l?i():a.B.push((()=>{i()}))}}}})}})),1&t){const r=new Map;s.attributeChangedCallback=function(n,t,o){u.jmp((()=>{var a;const c=r.get(n),d=i(this);if(this.hasOwnProperty(c)&&(o=this[c],delete this[c]),s.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==o)return;if(null==c){const r=null==d?void 0:d.u;if(d&&r&&!(8&r)&&o!==t){const i=d.l,s=null==(a=e.P)?void 0:a[n];null==s||s.forEach((e=>{const[[a,s]]=Object.entries(e);null!=i[a]&&(128&r||1&s)&&i[a].call(i,o,t,n)}))}return}const u=l.find((([n])=>n===c));u&&4&u[1][0]&&(o=null!==o&&"false"!==o);const b=Object.getOwnPropertyDescriptor(s,c);o==this[c]||b.get&&!b.set||(this[c]=o)}))},n.observedAttributes=Array.from(new Set([...Object.keys(null!=(a=e.P)?a:{}),...l.filter((([n,e])=>31&e[0])).map((([n,e])=>{const t=e[1]||n;return r.set(t,n),t}))]))}}return n},on=(n,e)=>{nn(n,"connectedCallback",void 0,e)},an=(n,e)=>{nn(n,"disconnectedCallback",void 0,e||n)},sn=(n,e={})=>{var r;if(!d.document)return void console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");const t=[],o=e.exclude||[],a=d.customElements,b=d.document.head,f=b.querySelector("meta[charset]"),p=d.document.createElement("style"),m=[];let y,h=!0;if(Object.assign(u,e),u.p=new URL(e.resourcesUrl||"./",d.document.baseURI).href,n.map((n=>{n[1].map((e=>{const r={u:e[0],m:e[1],t:e[2],L:e[3]};r.t=e[2];const d=r.m,b=class extends HTMLElement{"s-p";"s-rc";hasRegisteredEventListeners=!1;constructor(n){if(super(n),((n,e)=>{const r={u:0,$hostElement$:n,o:e,i:new Map,T:new Map};r.H=new Promise((n=>r.C=n)),n["s-p"]=[],n["s-rc"]=[],r.B=[];const t=r;n.__stencil__getHostRef=()=>t})(n=this,r),1&r.u)if(n.shadowRoot){if("open"!==n.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${r.m}! Mode is set to ${n.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else U.call(n,r)}connectedCallback(){i(this)&&(this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0),y&&(clearTimeout(y),y=null),h?m.push(this):u.jmp((()=>(n=>{if(!(1&u.u)){const e=i(n);if(!e)return;const r=e.o,t=()=>{};if(1&e.u)(null==e?void 0:e.l)?on(e.l,n):(null==e?void 0:e.H)&&e.H.then((()=>on(e.l,n)));else{e.u|=1;{let r=n;for(;r=r.parentNode||r.host;)if(r["s-p"]){N(e,e.D=r);break}}r.t&&Object.entries(r.t).map((([e,[r]])=>{if(31&r&&Object.prototype.hasOwnProperty.call(n,e)){const r=n[e];delete n[e],n[e]=r}})),(async(n,e,r)=>{let t;try{if(!(32&e.u)){if(e.u|=32,r.V){const o=((n,e)=>{const r=n.m.replace(/-/g,"_"),t=n.V;if(!t)return;const o=l.get(t);return o?o[r]:import(`./${t}.entry.js`).then((n=>(l.set(t,n),n[r])),(n=>{s(n,e.$hostElement$)}))
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(r,e);if(o&&"then"in o){const n=()=>{};t=await o,n()}else t=o;if(!t)throw Error(`Constructor for "${r.m}#${e.F}" was not found`);t.isProxied||(tn(t,r,2),t.isProxied=!0);const i=()=>{};e.u|=8;try{new t(e)}catch(e){s(e,n)}e.u&=-9,i(),on(e.l,n)}else t=n.constructor,customElements.whenDefined(n.localName).then((()=>e.u|=128));if(t&&t.style){let n;"string"==typeof t.style&&(n=t.style);const e=j(r);if(!c.has(e)){const t=()=>{};((n,e,r)=>{let t=c.get(n);g&&r?(t=t||new CSSStyleSheet,"string"==typeof t?t=e:t.replaceSync(e)):t=e,c.set(n,t)})(e,n,!!(1&r.u)),t()}}}const o=e.D,i=()=>Y(e,!0);o&&o["s-rc"]?o["s-rc"].push(i):i()}catch(r){s(r,n),e.j&&(e.j(),e.j=void 0),e.C&&e.C(n)}})(n,e,r)}t()}})(this))))}disconnectedCallback(){u.jmp((()=>(async n=>{if(!(1&u.u)){const e=i(n);(null==e?void 0:e.l)?an(e.l,n):(null==e?void 0:e.H)&&e.H.then((()=>an(e.l,n)))}$.has(n)&&$.delete(n),n.shadowRoot&&$.has(n.shadowRoot)&&$.delete(n.shadowRoot)})(this))),u.raf((()=>{var n;const e=i(this);if(!e)return;const r=m.findIndex((n=>n===this));r>-1&&m.splice(r,1),(null==(n=null==e?void 0:e.M)?void 0:n.$)instanceof Node&&!e.M.$.isConnected&&delete e.M.$}))}componentOnReady(){var n;return null==(n=i(this))?void 0:n.H}};r.V=n[0],o.includes(d)||a.get(d)||(t.push(d),a.define(d,tn(b,r,1)))}))})),t.length>0&&(p.textContent+=t.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",p.innerHTML.length)){p.setAttribute("data-styles","");const n=null!=(r=u.O)?r:z(d.document);null!=n&&p.setAttribute("nonce",n),b.insertBefore(p,f?f.nextSibling:b.firstChild)}h=!1,m.length?m.map((n=>n.connectedCallback())):u.jmp((()=>y=setTimeout(Q,30)))},ln=n=>u.O=n;export{sn as b,n as g,B as h,b as p,a as r,ln as s}

package/dist/cjs/charde.cjs.js

@@ -0,0 +1,24 @@
+'use strict';
+
+var index = require('./index-Buq98cwc.js');
+
+var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
+/*
+ Stencil Client Patch Browser v4.43.2 | MIT Licensed | https://stenciljs.com
+ */
+
+var patchBrowser = () => {
+  const importMeta = (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('charde.cjs.js', document.baseURI).href));
+  const opts = {};
+  if (importMeta !== "") {
+    opts.resourcesUrl = new URL(".", importMeta).href;
+  }
+  return index.promiseResolve(opts);
+};
+
+patchBrowser().then(async (options) => {
+  await index.globalScripts();
+  return index.bootstrapLazy(JSON.parse("[[\"chardes-button_4.cjs\",[[513,\"chardes-button\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"],\"text\":[1],\"btnType\":[1,\"btn-type\"],\"ariaLabel\":[1,\"aria-label\"]}],[513,\"chardes-card\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"]}],[513,\"chardes-checkbox\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"],\"htmlFor\":[1,\"html-for\"]}],[513,\"chardes-input\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"]}]]],[\"chardes-alert-close-button.cjs\",[[513,\"chardes-alert-close-button\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"],\"btnType\":[1,\"btn-type\"],\"ariaLabel\":[1,\"aria-label\"]}]]],[\"chardes-alert-content.cjs\",[[513,\"chardes-alert-content\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"],\"text\":[1]}]]],[\"chardes-alert-error.cjs\",[[513,\"chardes-alert-error\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"]}]]],[\"chardes-alert-header.cjs\",[[513,\"chardes-alert-header\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"]}]]],[\"chardes-alert-icon.cjs\",[[513,\"chardes-alert-icon\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"],\"svgIcon\":[1,\"svg-icon\"]}]]],[\"chardes-alert-success.cjs\",[[513,\"chardes-alert-success\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"]}]]],[\"chardes-alert-title.cjs\",[[513,\"chardes-alert-title\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"],\"text\":[1]}]]],[\"chardes-alert-title-container.cjs\",[[513,\"chardes-alert-title-container\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"]}]]],[\"chardes-alert-warning.cjs\",[[513,\"chardes-alert-warning\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"]}]]],[\"chardes-alerts.cjs\",[[513,\"chardes-alerts\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"]}]]],[\"chardes-badge.cjs\",[[513,\"chardes-badge\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"]}]]],[\"chardes-badge-close-button.cjs\",[[513,\"chardes-badge-close-button\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"],\"btnType\":[1,\"btn-type\"],\"ariaLabel\":[1,\"aria-label\"]}]]],[\"chardes-badge-error.cjs\",[[513,\"chardes-badge-error\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"],\"text\":[1]}]]],[\"chardes-badge-group.cjs\",[[513,\"chardes-badge-group\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"]}]]],[\"chardes-badge-icon.cjs\",[[513,\"chardes-badge-icon\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"],\"svgIcon\":[1,\"svg-icon\"]}]]],[\"chardes-badge-interactive.cjs\",[[513,\"chardes-badge-interactive\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"]}]]],[\"chardes-badge-interactive-text.cjs\",[[513,\"chardes-badge-interactive-text\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"],\"text\":[1]}]]],[\"chardes-badge-outline.cjs\",[[513,\"chardes-badge-outline\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"],\"text\":[1]}]]],[\"chardes-badge-primary.cjs\",[[513,\"chardes-badge-primary\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"],\"text\":[1]}]]],[\"chardes-badge-secondary.cjs\",[[513,\"chardes-badge-secondary\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"],\"text\":[1]}]]],[\"chardes-badge-success.cjs\",[[513,\"chardes-badge-success\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"],\"text\":[1]}]]],[\"chardes-badge-text.cjs\",[[513,\"chardes-badge-text\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"],\"text\":[1]}]]],[\"chardes-badge-warning.cjs\",[[513,\"chardes-badge-warning\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"],\"text\":[1]}]]],[\"chardes-badge-with-icon.cjs\",[[513,\"chardes-badge-with-icon\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"]}]]],[\"chardes-card-body.cjs\",[[513,\"chardes-card-body\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"]}]]],[\"chardes-card-body-action-button-1.cjs\",[[513,\"chardes-card-body-action-button-1\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"],\"btnType\":[1,\"btn-type\"],\"ariaLabel\":[1,\"aria-label\"]}]]],[\"chardes-card-body-action-button-2.cjs\",[[513,\"chardes-card-body-action-button-2\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"],\"btnType\":[1,\"btn-type\"],\"ariaLabel\":[1,\"aria-label\"]}]]],[\"chardes-card-body-action-icon-1.cjs\",[[513,\"chardes-card-body-action-icon-1\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"],\"svgIcon\":[1,\"svg-icon\"]}]]],[\"chardes-card-body-action-icon-2.cjs\",[[513,\"chardes-card-body-action-icon-2\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"],\"svgIcon\":[1,\"svg-icon\"]}]]],[\"chardes-card-body-actions.cjs\",[[513,\"chardes-card-body-actions\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"]}]]],[\"chardes-card-body-driver.cjs\",[[513,\"chardes-card-body-driver\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"]}]]],[\"chardes-card-body-img.cjs\",[[513,\"chardes-card-body-img\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"],\"src\":[1],\"alt\":[1]}]]],[\"chardes-card-body-info.cjs\",[[513,\"chardes-card-body-info\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"]}]]],[\"chardes-card-body-name.cjs\",[[513,\"chardes-card-body-name\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"],\"text\":[1]}]]],[\"chardes-card-body-span.cjs\",[[513,\"chardes-card-body-span\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"],\"text\":[1]}]]],[\"chardes-card-container.cjs\",[[513,\"chardes-card-container\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"]}]]],[\"chardes-card-header.cjs\",[[513,\"chardes-card-header\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"]}]]],[\"chardes-card-header-content.cjs\",[[513,\"chardes-card-header-content\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"]}]]],[\"chardes-card-header-timer.cjs\",[[513,\"chardes-card-header-timer\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"],\"text\":[1]}]]],[\"chardes-card-header-title.cjs\",[[513,\"chardes-card-header-title\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"],\"text\":[1]}]]],[\"chardes-card-icon-container.cjs\",[[513,\"chardes-card-icon-container\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"]}]]],[\"chardes-card-number.cjs\",[[513,\"chardes-card-number\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"],\"text\":[1]}]]],[\"chardes-card-payment.cjs\",[[513,\"chardes-card-payment\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"]}]]],[\"chardes-card-payment-container.cjs\",[[513,\"chardes-card-payment-container\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"]}]]],[\"chardes-card-payment-content.cjs\",[[513,\"chardes-card-payment-content\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"]}]]],[\"chardes-card-payment-details.cjs\",[[513,\"chardes-card-payment-details\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"]}]]],[\"chardes-card-payment-icon-container.cjs\",[[513,\"chardes-card-payment-icon-container\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"]}]]],[\"chardes-card-route.cjs\",[[513,\"chardes-card-route\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"]}]]],[\"chardes-card-route-container.cjs\",[[513,\"chardes-card-route-container\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"]}]]],[\"chardes-card-route-destination.cjs\",[[513,\"chardes-card-route-destination\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"]}]]],[\"chardes-card-route-destination-address.cjs\",[[513,\"chardes-card-route-destination-address\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"],\"text\":[1]}]]],[\"chardes-card-route-destination-details.cjs\",[[513,\"chardes-card-route-destination-details\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"]}]]],[\"chardes-card-route-destination-icon.cjs\",[[513,\"chardes-card-route-destination-icon\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"]}]]],[\"chardes-card-route-destination-icon-container.cjs\",[[513,\"chardes-card-route-destination-icon-container\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"]}]]],[\"chardes-card-route-destination-label.cjs\",[[513,\"chardes-card-route-destination-label\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"],\"text\":[1]}]]],[\"chardes-card-route-pickup.cjs\",[[513,\"chardes-card-route-pickup\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"]}]]],[\"chardes-card-route-pickup-address.cjs\",[[513,\"chardes-card-route-pickup-address\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"],\"text\":[1]}]]],[\"chardes-card-route-pickup-details.cjs\",[[513,\"chardes-card-route-pickup-details\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"]}]]],[\"chardes-card-route-pickup-icon.cjs\",[[513,\"chardes-card-route-pickup-icon\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"]}]]],[\"chardes-card-route-pickup-label.cjs\",[[513,\"chardes-card-route-pickup-label\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"],\"text\":[1]}]]],[\"chardes-card-total-amount.cjs\",[[513,\"chardes-card-total-amount\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"],\"text\":[1]}]]],[\"chardes-card-total-content.cjs\",[[513,\"chardes-card-total-content\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"]}]]],[\"chardes-card-total-label.cjs\",[[513,\"chardes-card-total-label\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"],\"text\":[1]}]]],[\"chardes-card-total-section.cjs\",[[513,\"chardes-card-total-section\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"]}]]],[\"chardes-card-type.cjs\",[[513,\"chardes-card-type\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"],\"text\":[1]}]]],[\"chardes-checkbox-checkmark.cjs\",[[513,\"chardes-checkbox-checkmark\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"]}]]],[\"chardes-checkbox-input.cjs\",[[513,\"chardes-checkbox-input\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"],\"type\":[1],\"placeholder\":[1],\"value\":[1],\"inputId\":[1,\"input-id\"]}]]],[\"chardes-checkbox-input-wrapper.cjs\",[[513,\"chardes-checkbox-input-wrapper\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"]}]]],[\"chardes-checkbox-label.cjs\",[[513,\"chardes-checkbox-label\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"],\"text\":[1]}]]],[\"chardes-checkmark-svg.cjs\",[[513,\"chardes-checkmark-svg\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"]}]]],[\"chardes-close-icon.cjs\",[[513,\"chardes-close-icon\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"],\"svgIcon\":[1,\"svg-icon\"]}]]],[\"chardes-error-icon-svg.cjs\",[[513,\"chardes-error-icon-svg\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"],\"svgIcon\":[1,\"svg-icon\"]}]]],[\"chardes-error-input.cjs\",[[513,\"chardes-error-input\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"],\"text\":[1],\"type\":[1],\"placeholder\":[1],\"value\":[1],\"inputId\":[1,\"input-id\"]}]]],[\"chardes-error-input-icon.cjs\",[[513,\"chardes-error-input-icon\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"]}]]],[\"chardes-error-input-wrapper.cjs\",[[513,\"chardes-error-input-wrapper\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"]}]]],[\"chardes-error-label.cjs\",[[513,\"chardes-error-label\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"],\"text\":[1],\"htmlFor\":[1,\"html-for\"]}]]],[\"chardes-error-message.cjs\",[[513,\"chardes-error-message\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"],\"text\":[1]}]]],[\"chardes-error-state.cjs\",[[513,\"chardes-error-state\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"]}]]],[\"chardes-form-group.cjs\",[[513,\"chardes-form-group\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"]}]]],[\"chardes-form-input.cjs\",[[513,\"chardes-form-input\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"],\"type\":[1],\"placeholder\":[1],\"value\":[1],\"inputId\":[1,\"input-id\"]}]]],[\"chardes-form-label.cjs\",[[513,\"chardes-form-label\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"],\"text\":[1],\"htmlFor\":[1,\"html-for\"]}]]],[\"chardes-group-badge-1.cjs\",[[513,\"chardes-group-badge-1\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"],\"text\":[1]}]]],[\"chardes-group-badge-2.cjs\",[[513,\"chardes-group-badge-2\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"],\"text\":[1]}]]],[\"chardes-group-badge-3.cjs\",[[513,\"chardes-group-badge-3\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"],\"text\":[1]}]]],[\"chardes-group-badge-4.cjs\",[[513,\"chardes-group-badge-4\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"],\"text\":[1]}]]],[\"chardes-icon-svg.cjs\",[[513,\"chardes-icon-svg\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"],\"svgIcon\":[1,\"svg-icon\"]}]]],[\"chardes-icon-svg-destination.cjs\",[[513,\"chardes-icon-svg-destination\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"],\"svgIcon\":[1,\"svg-icon\"]}]]],[\"chardes-icon-svg-pickup.cjs\",[[513,\"chardes-icon-svg-pickup\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"],\"svgIcon\":[1,\"svg-icon\"]}]]],[\"chardes-input-element.cjs\",[[513,\"chardes-input-element\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"],\"text\":[1],\"type\":[1],\"placeholder\":[1],\"value\":[1],\"inputId\":[1,\"input-id\"]}]]],[\"chardes-input-field-wrapper.cjs\",[[513,\"chardes-input-field-wrapper\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"]}]]],[\"chardes-input-helper.cjs\",[[513,\"chardes-input-helper\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"],\"text\":[1]}]]],[\"chardes-input-icon.cjs\",[[513,\"chardes-input-icon\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"]}]]],[\"chardes-input-label.cjs\",[[513,\"chardes-input-label\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"],\"text\":[1],\"htmlFor\":[1,\"html-for\"]}]]],[\"chardes-input-states.cjs\",[[513,\"chardes-input-states\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"]}]]],[\"chardes-input-wrapper.cjs\",[[513,\"chardes-input-wrapper\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"]}]]],[\"chardes-modal.cjs\",[[513,\"chardes-modal\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"]}]]],[\"chardes-modal-body.cjs\",[[513,\"chardes-modal-body\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"]}]]],[\"chardes-modal-cancel-button.cjs\",[[513,\"chardes-modal-cancel-button\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"],\"text\":[1],\"btnType\":[1,\"btn-type\"],\"ariaLabel\":[1,\"aria-label\"]}]]],[\"chardes-modal-close-button.cjs\",[[513,\"chardes-modal-close-button\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"],\"btnType\":[1,\"btn-type\"],\"ariaLabel\":[1,\"aria-label\"]}]]],[\"chardes-modal-confirm-button.cjs\",[[513,\"chardes-modal-confirm-button\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"],\"text\":[1],\"btnType\":[1,\"btn-type\"],\"ariaLabel\":[1,\"aria-label\"]}]]],[\"chardes-modal-container.cjs\",[[513,\"chardes-modal-container\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"]}]]],[\"chardes-modal-content.cjs\",[[513,\"chardes-modal-content\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"],\"text\":[1]}]]],[\"chardes-modal-footer.cjs\",[[513,\"chardes-modal-footer\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"]}]]],[\"chardes-modal-form.cjs\",[[513,\"chardes-modal-form\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"]}]]],[\"chardes-modal-header.cjs\",[[513,\"chardes-modal-header\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"]}]]],[\"chardes-modal-title.cjs\",[[513,\"chardes-modal-title\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"],\"text\":[1]}]]],[\"chardes-muzingo.cjs\",[[513,\"chardes-muzingo\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"],\"type\":[1],\"placeholder\":[1],\"value\":[1],\"inputId\":[1,\"input-id\"]}]]],[\"chardes-muzingo-primary-button.cjs\",[[513,\"chardes-muzingo-primary-button\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"]}]]],[\"chardes-notification-toast.cjs\",[[513,\"chardes-notification-toast\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"]}]]],[\"chardes-payment-icon.cjs\",[[513,\"chardes-payment-icon\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"],\"svgIcon\":[1,\"svg-icon\"]}]]],[\"chardes-success-icon-svg.cjs\",[[513,\"chardes-success-icon-svg\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"],\"svgIcon\":[1,\"svg-icon\"]}]]],[\"chardes-success-input.cjs\",[[513,\"chardes-success-input\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"],\"text\":[1],\"type\":[1],\"placeholder\":[1],\"value\":[1],\"inputId\":[1,\"input-id\"]}]]],[\"chardes-success-input-icon.cjs\",[[513,\"chardes-success-input-icon\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"]}]]],[\"chardes-success-input-wrapper.cjs\",[[513,\"chardes-success-input-wrapper\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"]}]]],[\"chardes-success-label.cjs\",[[513,\"chardes-success-label\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"],\"text\":[1],\"htmlFor\":[1,\"html-for\"]}]]],[\"chardes-success-message.cjs\",[[513,\"chardes-success-message\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"],\"text\":[1]}]]],[\"chardes-success-state.cjs\",[[513,\"chardes-success-state\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"]}]]],[\"chardes-toast-action-button.cjs\",[[513,\"chardes-toast-action-button\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"],\"text\":[1],\"btnType\":[1,\"btn-type\"],\"ariaLabel\":[1,\"aria-label\"]}]]],[\"chardes-toast-actions.cjs\",[[513,\"chardes-toast-actions\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"]}]]],[\"chardes-toast-content.cjs\",[[513,\"chardes-toast-content\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"],\"text\":[1]}]]],[\"chardes-toast-dismiss-button.cjs\",[[513,\"chardes-toast-dismiss-button\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"],\"text\":[1],\"btnType\":[1,\"btn-type\"],\"ariaLabel\":[1,\"aria-label\"]}]]],[\"chardes-toast-header.cjs\",[[513,\"chardes-toast-header\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"]}]]],[\"chardes-toast-icon.cjs\",[[513,\"chardes-toast-icon\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"],\"svgIcon\":[1,\"svg-icon\"]}]]],[\"chardes-toast-timestamp.cjs\",[[513,\"chardes-toast-timestamp\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"],\"text\":[1]}]]],[\"chardes-toast-title.cjs\",[[513,\"chardes-toast-title\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"],\"text\":[1]}]]],[\"chardes-toast-title-container.cjs\",[[513,\"chardes-toast-title-container\",{\"customClass\":[1,\"custom-class\"],\"customStyle\":[1,\"custom-style\"]}]]],[\"my-component.cjs\",[[513,\"my-component\",{\"first\":[1],\"middle\":[1],\"last\":[1]}]]]]"), options);
+});
+
+exports.setNonce = index.setNonce;

package/dist/cjs/chardes-alert-close-button.cjs.entry.js

@@ -0,0 +1,23 @@
+'use strict';
+
+var index = require('./index-Buq98cwc.js');
+
+const chardesAlertCloseButtonCss = () => ``;
+
+const AlertCloseButton = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    customClass;
+    customStyle;
+    btnType;
+    ariaLabel;
+    render() {
+        const cls = ["p-1 rounded-full bg-transparent border-none pointer transition-colors hover:bg-black/10", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (index.h("button", { key: 'e3cb22e869ad8cab47b1b3b30033ecced0741279', class: cls, type: this.btnType || "button", "aria-label": this.ariaLabel || "", style: sty }, index.h("span", { key: '5f435546783176aecd2f13bbbbc4e68d47b57e4a', class: "text-gray-500", innerHTML: `<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd" /></svg>` })));
+    }
+};
+AlertCloseButton.style = chardesAlertCloseButtonCss();
+
+exports.chardes_alert_close_button = AlertCloseButton;

package/dist/cjs/chardes-alert-content.cjs.entry.js

@@ -0,0 +1,22 @@
+'use strict';
+
+var index = require('./index-Buq98cwc.js');
+
+const chardesAlertContentCss = () => ``;
+
+const AlertContent = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    customClass;
+    customStyle;
+    text;
+    render() {
+        const cls = ["text-sm text-gray-700 leading-relaxed", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (index.h("p", { key: '126c3a47358373e108605d6b47d8348a0173fdc0', class: cls, style: sty }, this.text || "Unable to save your changes. Please check your internet connection and try again."));
+    }
+};
+AlertContent.style = chardesAlertContentCss();
+
+exports.chardes_alert_content = AlertContent;

package/dist/cjs/chardes-alert-error.cjs.entry.js

@@ -0,0 +1,21 @@
+'use strict';
+
+var index = require('./index-Buq98cwc.js');
+
+const chardesAlertErrorCss = () => ``;
+
+const AlertError = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    customClass;
+    customStyle;
+    render() {
+        const cls = ["bg-red-50 border border-red-500 rounded-lg p-4 0 1px 2px 0 rgba(0, 0, 0, 0.05) transition-colors 0.2 alert-item hover:bg-red-100 transform hover:-translate-y-0.5 transition-transform", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (index.h("div", { key: 'faabf0fdc66b13db075c30ab8481d05cae1e2394', class: cls, style: sty }, index.h("div", { key: '55fbd8684a71c68a88b775ce2433e76d612e3d26', class: "flex items-center justify-between mb-2" }, index.h("div", { key: 'f1d521982b0fb583c74ffe25a6ceba0d85b96f59', class: "flex items-center space-x-2" }, index.h("span", { key: '8a2e54bba4a5834a13ce8cf4fd9312fa25c0e56f', class: "text-red-600 flex-shrink-0", innerHTML: `<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd" /></svg>` }), index.h("h3", { key: 'a55186f26498570fcc6f2db6e7e6c29102dff690', class: "text-base font-semibold text-gray-900" }, "Error")), index.h("button", { key: 'ec00c952cd9475bcb184e9dfa1627b4981ea37fb', class: "p-1 rounded-full bg-transparent border-none pointer transition-colors hover:bg-black/10", type: "button" }, index.h("span", { key: '994c7065007bea3fc98635e3f7180b9b59902a7c', class: "text-gray-500", innerHTML: `<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd" /></svg>` }))), index.h("p", { key: 'cb30b6867a7c950416b1e0985123bbe3eb335764', class: "text-sm text-gray-700 leading-relaxed" }, "Unable to save your changes. Please check your internet connection and try again.")));
+    }
+};
+AlertError.style = chardesAlertErrorCss();
+
+exports.chardes_alert_error = AlertError;

package/dist/cjs/chardes-alert-header.cjs.entry.js

@@ -0,0 +1,21 @@
+'use strict';
+
+var index = require('./index-Buq98cwc.js');
+
+const chardesAlertHeaderCss = () => ``;
+
+const AlertHeader = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    customClass;
+    customStyle;
+    render() {
+        const cls = ["flex items-center justify-between mb-2", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (index.h("div", { key: 'ab18009bd51573c5564574d1e4c13f230778aeda', class: cls, style: sty }, index.h("div", { key: '58ae8101c5355c9ef982fef8b8e3e67891353776', class: "flex items-center space-x-2" }, index.h("span", { key: '301074a7cf90434f3bbb9091e147445fe226d939', class: "text-red-600 flex-shrink-0", innerHTML: `<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd" /></svg>` }), index.h("h3", { key: '993bac96b590ff2a24ca82ad8eb334900851a358', class: "text-base font-semibold text-gray-900" }, "Error")), index.h("button", { key: '19cc94cb7696c3a4d200f82bdcfec8427fea15e0', class: "p-1 rounded-full bg-transparent border-none pointer transition-colors hover:bg-black/10", type: "button" }, index.h("span", { key: '0934d89f80484c444952b16ed1cd36f7d9a4561d', class: "text-gray-500", innerHTML: `<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd" /></svg>` }))));
+    }
+};
+AlertHeader.style = chardesAlertHeaderCss();
+
+exports.chardes_alert_header = AlertHeader;

package/dist/cjs/chardes-alert-icon.cjs.entry.js

@@ -0,0 +1,22 @@
+'use strict';
+
+var index = require('./index-Buq98cwc.js');
+
+const chardesAlertIconCss = () => ``;
+
+const AlertIcon = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    customClass;
+    customStyle;
+    svgIcon;
+    render() {
+        const cls = ["text-red-600 flex-shrink-0", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (index.h("span", { key: '3b210bca59e2796c5638deb9575fea26bea11af2', class: cls, style: sty, innerHTML: this.svgIcon || `<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd" /></svg>` }));
+    }
+};
+AlertIcon.style = chardesAlertIconCss();
+
+exports.chardes_alert_icon = AlertIcon;

package/dist/cjs/chardes-alert-success.cjs.entry.js

@@ -0,0 +1,21 @@
+'use strict';
+
+var index = require('./index-Buq98cwc.js');
+
+const chardesAlertSuccessCss = () => ``;
+
+const AlertSuccess = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    customClass;
+    customStyle;
+    render() {
+        const cls = ["bg-blue-50 border border-blue-600 rounded-lg p-4 0 1px 2px 0 rgba(0, 0, 0, 0.05) transition-colors 0.2 alert-item hover:bg-gray-100 transform hover:-translate-y-0.5 transition-transform", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (index.h("div", { key: '09c2e728a6571240b22c966dd001c7766d577f2c', class: cls, style: sty }, index.h("div", { key: '5315988eec0e5386b355b7e4141046e197bcbc84', class: "flex items-center justify-between mb-2" }, index.h("div", { key: '6541bd39f11a52bea299d46305aae68e40b8a579', class: "flex items-center space-x-2" }, index.h("span", { key: '5b1696617bcbaa77893ed3352a32065b7511cf57', class: "text-blue-600 flex-shrink-0", innerHTML: `<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" /></svg>` }), index.h("h3", { key: 'aa78e807a03637dfbad866f03cc2bc7712adf122', class: "text-base font-semibold text-gray-900" }, "Success!")), index.h("button", { key: '7774522bd6d8241583692419a0585999f0f1e943', class: "p-1 rounded-full bg-transparent border-none pointer transition-colors hover:bg-black/10", type: "button" }, index.h("span", { key: 'a26935273155fd10fd2af701227c48ab20f702a7', class: "text-gray-500", innerHTML: `<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd" /></svg>` }))), index.h("p", { key: 'e30f546851f147626ba364042cfa311a6375fae8', class: "text-sm text-gray-700 leading-relaxed" }, "Your changes have been saved successfully. You can continue working on your project.")));
+    }
+};
+AlertSuccess.style = chardesAlertSuccessCss();
+
+exports.chardes_alert_success = AlertSuccess;

package/dist/cjs/chardes-alert-title-container.cjs.entry.js

@@ -0,0 +1,21 @@
+'use strict';
+
+var index = require('./index-Buq98cwc.js');
+
+const chardesAlertTitleContainerCss = () => ``;
+
+const AlertTitleContainer = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    customClass;
+    customStyle;
+    render() {
+        const cls = ["flex items-center space-x-2", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (index.h("div", { key: '94a5393915869204f2bd9a115bf1fcde8e1cc902', class: cls, style: sty }, index.h("span", { key: '14954eb9030bbcfdbcdf68b9a316e704154223b9', class: "text-red-600 flex-shrink-0", innerHTML: `<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd" /></svg>` }), index.h("h3", { key: 'a4a0096776870908c6aa1b39aa691566476eb0b9', class: "text-base font-semibold text-gray-900" }, "Error")));
+    }
+};
+AlertTitleContainer.style = chardesAlertTitleContainerCss();
+
+exports.chardes_alert_title_container = AlertTitleContainer;

package/dist/cjs/chardes-alert-title.cjs.entry.js

@@ -0,0 +1,22 @@
+'use strict';
+
+var index = require('./index-Buq98cwc.js');
+
+const chardesAlertTitleCss = () => ``;
+
+const AlertTitle = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    customClass;
+    customStyle;
+    text;
+    render() {
+        const cls = ["text-base font-semibold text-gray-900", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (index.h("h3", { key: 'd5cd19cbf1f136b953788bd3005576be2abcb50f', class: cls, style: sty }, this.text || "Error"));
+    }
+};
+AlertTitle.style = chardesAlertTitleCss();
+
+exports.chardes_alert_title = AlertTitle;

package/dist/cjs/chardes-alert-warning.cjs.entry.js

@@ -0,0 +1,21 @@
+'use strict';
+
+var index = require('./index-Buq98cwc.js');
+
+const chardesAlertWarningCss = () => ``;
+
+const AlertWarning = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    customClass;
+    customStyle;
+    render() {
+        const cls = ["bg-yellow-50 border border-yellow-500 rounded-lg p-4 0 1px 2px 0 rgba(0, 0, 0, 0.05) transition-colors 0.2 alert-item hover:bg-yellow-100 transform hover:-translate-y-0.5 transition-transform", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (index.h("div", { key: '4e0d5b995f43f34b5d9746c84dacf711c5cb07bd', class: cls, style: sty }, index.h("div", { key: '7bea91f7f337946532e4018c2f1834b9683e8f28', class: "flex items-center justify-between mb-2" }, index.h("div", { key: '1b8ad478894f7d500432a3e6d44fe6924adb53d9', class: "flex items-center space-x-2" }, index.h("span", { key: 'cac3955782efb7a4c59c122b307f882992ff36e9', class: "text-yellow-600 flex-shrink-0", innerHTML: `<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z" clip-rule="evenodd" /></svg>` }), index.h("h3", { key: '0abef2d0aaf8f09f53232bd85a0f415df2b7e6b8', class: "text-base font-semibold text-gray-900" }, "Warning")), index.h("button", { key: '33865e6ed5df76160dee384442dffbe5cbb1e505', class: "p-1 rounded-full bg-transparent border-none pointer transition-colors hover:bg-black/10", type: "button" }, index.h("span", { key: '8ba56a892ef221734bfe2a92aa567d447da53c40', class: "text-gray-500", innerHTML: `<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd" /></svg>` }))), index.h("p", { key: '9157a70d7bbef99dceb7185f4721dd59df2733cb', class: "text-sm text-gray-700 leading-relaxed" }, "Your session will expire in 5 minutes. Please save your work to avoid losing any changes.")));
+    }
+};
+AlertWarning.style = chardesAlertWarningCss();
+
+exports.chardes_alert_warning = AlertWarning;

package/dist/cjs/chardes-alerts.cjs.entry.js

@@ -0,0 +1,21 @@
+'use strict';
+
+var index = require('./index-Buq98cwc.js');
+
+const chardesAlertsCss = () => ``;
+
+const Alerts = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    customClass;
+    customStyle;
+    render() {
+        const cls = ["font-sans w-full max-w-md mx-auto space-y-4", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (index.h("div", { key: 'e4d9d83bbe371429542ef87e8dbcfccd18ab536a', class: cls, style: sty }, index.h("div", { key: '4acbc0c71a6905314559db31056afea40aa70c6d', class: "bg-blue-50 border border-blue-600 rounded-lg p-4 0 1px 2px 0 rgba(0, 0, 0, 0.05) transition-colors 0.2 alert-item hover:bg-gray-100 transform hover:-translate-y-0.5 transition-transform" }, index.h("div", { key: '41cf6783b0e8d4eab041839efab7a04c6341b69e', class: "flex items-center justify-between mb-2" }, index.h("div", { key: '295269cd7b8e60af522ad12081ec0d20ca9034b0', class: "flex items-center space-x-2" }, index.h("span", { key: '66c34bf1f8023d1aa625b17a9b1b8cb197059a17', class: "text-blue-600 flex-shrink-0", innerHTML: `<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" /></svg>` }), index.h("h3", { key: '23407e418bb51f7a6ee4f9c834cb869181c005d7', class: "text-base font-semibold text-gray-900" }, "Success!")), index.h("button", { key: 'bb866689d1452dcb0b0740e9da26f8cd89cbbb82', class: "p-1 rounded-full bg-transparent border-none pointer transition-colors hover:bg-black/10", type: "button" }, index.h("span", { key: 'aadec2bde2ecad9d1cb5134a2f53acfd9aac71b4', class: "text-gray-500", innerHTML: `<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd" /></svg>` }))), index.h("p", { key: '3377fcbf0ebc8376a4c73817af85fe902681a961', class: "text-sm text-gray-700 leading-relaxed" }, "Your changes have been saved successfully. You can continue working on your project.")), index.h("div", { key: 'a6d4110587ccaaf0e00b0281ad62a71d0dfd25c3', class: "bg-yellow-50 border border-yellow-500 rounded-lg p-4 0 1px 2px 0 rgba(0, 0, 0, 0.05) transition-colors 0.2 alert-item hover:bg-yellow-100 transform hover:-translate-y-0.5 transition-transform" }, index.h("div", { key: '13efdd8bea04ed8d5738b40059ced9fadf436292', class: "flex items-center justify-between mb-2" }, index.h("div", { key: 'c3fbe04d74535847d7b01a300f42f5cbf63bfb72', class: "flex items-center space-x-2" }, index.h("span", { key: '45f4f49382081021a5f0e51bfc1fdb925f3ac4b5', class: "text-yellow-600 flex-shrink-0", innerHTML: `<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z" clip-rule="evenodd" /></svg>` }), index.h("h3", { key: 'eb62c5f0d4773ced6cbb8e55e78922576086b3f3', class: "text-base font-semibold text-gray-900" }, "Warning")), index.h("button", { key: '921d90ad78fd04b9dd12dffc9691bf84e868359e', class: "p-1 rounded-full bg-transparent border-none pointer transition-colors hover:bg-black/10", type: "button" }, index.h("span", { key: '7681209f4066132f66d41e27b20bb53c2057c2f2', class: "text-gray-500", innerHTML: `<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd" /></svg>` }))), index.h("p", { key: 'e158e41d2651ba5c1c43f3cd9396c55e3cd65e90', class: "text-sm text-gray-700 leading-relaxed" }, "Your session will expire in 5 minutes. Please save your work to avoid losing any changes.")), index.h("div", { key: '62307a3e73a1c8c3c214de41f4519d2e63418451', class: "bg-red-50 border border-red-500 rounded-lg p-4 0 1px 2px 0 rgba(0, 0, 0, 0.05) transition-colors 0.2 alert-item hover:bg-red-100 transform hover:-translate-y-0.5 transition-transform" }, index.h("div", { key: '794586197ff9a329fdf2c35f08f867d50b36350c', class: "flex items-center justify-between mb-2" }, index.h("div", { key: 'fc3993663a88eb9c85d999bb63e30977ae5898c3', class: "flex items-center space-x-2" }, index.h("span", { key: '83a3d7d5b9db266a5f533d5c9acc68e470e856e3', class: "text-red-600 flex-shrink-0", innerHTML: `<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd" /></svg>` }), index.h("h3", { key: '7de0b75b95505b8f9ea31eb5d230ce089d65c200', class: "text-base font-semibold text-gray-900" }, "Error")), index.h("button", { key: '989942c25542a7272058b436edfba53c9f53e782', class: "p-1 rounded-full bg-transparent border-none pointer transition-colors hover:bg-black/10", type: "button" }, index.h("span", { key: '6df63d124270ac9db54c1ea0c9731b649908d4a1', class: "text-gray-500", innerHTML: `<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd" /></svg>` }))), index.h("p", { key: '47d8dff521e5e9608fb4545882adf2a467a015f2', class: "text-sm text-gray-700 leading-relaxed" }, "Unable to save your changes. Please check your internet connection and try again.")), index.h("div", { key: '243c9f09bc475d3a5a082a5d0ae8d5ebf0d3db14', class: "fixed top-4 right-4 z-50 w-[350px] bg-white rounded-lg shadow-lg p-4 transition-all duration-300 ease-in-out translate-x-full opacity-0 notification-toast" }, index.h("div", { key: '3f6fc9870806c1e6221df339353b019dfa5db3d0', class: "flex items-center justify-between mb-3" }, index.h("div", { key: '0f443aa1bc3a4dac1a7e9c9b1a33c7e20454eda9', class: "flex items-center space-x-2" }, index.h("span", { key: 'cb13146cf813349346c1f22224e96fdd674e5833', class: "text-indigo-500 flex-shrink-0", innerHTML: `<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor"><path d="M10 2a6 6 0 00-6 6v3.586l-.707.707A1 1 0 004 14h12a1 1 0 00.707-1.707L16 11.586V8a6 6 0 00-6-6zM10 18a3 3 0 01-3-3h6a3 3 0 01-3 3z" /></svg>` }), index.h("h3", { key: '9930675d4ea42bdd828b833109c52f60c127ebc8', class: "text-base font-semibold text-gray-900" }, "New Notification")), index.h("span", { key: '00b7f03a5247394ca65c82d28e16f63c37259521', class: "text-xs text-gray-500" }, "Just now")), index.h("p", { key: '9d36c6b12746004cba94db547cafbf9af5d476c5', class: "text-sm text-gray-700 leading-relaxed mb-3" }, "You have a new message from John Doe. Check your inbox for more details."), index.h("div", { key: '4b0ea1ad65dec1e347a97c2d8ab77eab5c5d37d0', class: "flex justify-between space-x-2" }, index.h("button", { key: '0c4015c74e498258d8f2f5818d582cf1c7aa337d', class: "p-2 text-sm font-medium text-gray-600 bg-transparent border-none rounded-md pointer transition-colors hover:bg-gray-100", type: "button" }, "Dismiss"), index.h("button", { key: 'dc5354095d2109ee0844ce2c9cab38b8e26defad', class: "p-2 text-sm font-medium text-white bg-indigo-500 border-none rounded-md pointer transition-colors hover:bg-indigo-600", type: "button" }, "View")))));
+    }
+};
+Alerts.style = chardesAlertsCss();
+
+exports.chardes_alerts = Alerts;

package/dist/cjs/chardes-badge-close-button.cjs.entry.js

@@ -0,0 +1,23 @@
+'use strict';
+
+var index = require('./index-Buq98cwc.js');
+
+const chardesBadgeCloseButtonCss = () => ``;
+
+const BadgeCloseButton = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    customClass;
+    customStyle;
+    btnType;
+    ariaLabel;
+    render() {
+        const cls = ["flex items-center justify-center w-4 h-4 rounded-full bg-white/20 hover:bg-white/30 transition-colors duration-200 focus:outline-none focus:ring-2 focus:ring-white/50", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (index.h("button", { key: 'd23c47d9543566adfa8fc70d3a8193d20487bd31', class: cls, type: this.btnType || "button", "aria-label": this.ariaLabel || "Remove badge", style: sty }, index.h("span", { key: 'c527765d5f8be130e7f807867386f3004e81dc5e', innerHTML: `<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>` })));
+    }
+};
+BadgeCloseButton.style = chardesBadgeCloseButtonCss();
+
+exports.chardes_badge_close_button = BadgeCloseButton;

package/dist/cjs/chardes-badge-error.cjs.entry.js

@@ -0,0 +1,22 @@
+'use strict';
+
+var index = require('./index-Buq98cwc.js');
+
+const chardesBadgeErrorCss = () => ``;
+
+const BadgeError = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    customClass;
+    customStyle;
+    text;
+    render() {
+        const cls = ["badge-error badge-pill inline-flex items-center justify-center px-3 py-1 text-xs font-semibold rounded-full bg-red-500 text-white hover:bg-red-600 transition-colors duration-200 cursor-pointer", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (index.h("span", { key: '5b1dfa8201a50847e53f1e2156862d613ec08679', class: cls, style: sty }, this.text || "Error"));
+    }
+};
+BadgeError.style = chardesBadgeErrorCss();
+
+exports.chardes_badge_error = BadgeError;

package/dist/cjs/chardes-badge-group.cjs.entry.js

@@ -0,0 +1,21 @@
+'use strict';
+
+var index = require('./index-Buq98cwc.js');
+
+const chardesBadgeGroupCss = () => ``;
+
+const BadgeGroup = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    customClass;
+    customStyle;
+    render() {
+        const cls = ["flex flex-wrap gap-2 p-4 bg-gray-50 rounded-lg", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (index.h("div", { key: 'bb222b6c0d87f3fb08a9021486cc03243b1b3216', class: cls, style: sty }, index.h("span", { key: 'bb2dca0bdffe63bad7cf2a486cbfcd602790f483', class: "inline-flex items-center justify-center px-3 py-1 text-xs font-semibold rounded-full bg-blue-500 text-white" }, "Design"), index.h("span", { key: '601f230a257fe2f1bbaa387a10a7fcd516182212', class: "inline-flex items-center justify-center px-3 py-1 text-xs font-semibold rounded-full bg-green-500 text-white" }, "System"), index.h("span", { key: 'ac58907049ca341a832bf89d2145824b9f4e4d14', class: "inline-flex items-center justify-center px-3 py-1 text-xs font-semibold rounded-full bg-purple-500 text-white" }, "Tokens"), index.h("span", { key: '15f43450b1e93c0a6f3dbaf9bcbd13557c980da1', class: "inline-flex items-center justify-center px-3 py-1 text-xs font-semibold rounded-full bg-orange-500 text-white" }, "Components")));
+    }
+};
+BadgeGroup.style = chardesBadgeGroupCss();
+
+exports.chardes_badge_group = BadgeGroup;

package/dist/cjs/chardes-badge-icon.cjs.entry.js

@@ -0,0 +1,22 @@
+'use strict';
+
+var index = require('./index-Buq98cwc.js');
+
+const chardesBadgeIconCss = () => ``;
+
+const BadgeIcon = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    customClass;
+    customStyle;
+    svgIcon;
+    render() {
+        const cls = ["flex-shrink-0", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (index.h("span", { key: '2f0e56a465b98f2408e1c8f77857bb3d58db25df', class: cls, style: sty, innerHTML: this.svgIcon || `<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="8" x2="12" y2="12"></line><line x1="12" y1="16" x2="12.01" y2="16"></line></svg>` }));
+    }
+};
+BadgeIcon.style = chardesBadgeIconCss();
+
+exports.chardes_badge_icon = BadgeIcon;

package/dist/cjs/chardes-badge-interactive-text.cjs.entry.js

@@ -0,0 +1,22 @@
+'use strict';
+
+var index = require('./index-Buq98cwc.js');
+
+const chardesBadgeInteractiveTextCss = () => ``;
+
+const BadgeInteractiveText = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    customClass;
+    customStyle;
+    text;
+    render() {
+        const cls = ["", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (index.h("span", { key: 'a0188d485a46036ffeff6a5499f795906dc8ec1b', class: cls, style: sty }, this.text || "Removable"));
+    }
+};
+BadgeInteractiveText.style = chardesBadgeInteractiveTextCss();
+
+exports.chardes_badge_interactive_text = BadgeInteractiveText;