@eduboxpro/studio 0.1.36 → 0.1.37

package/fesm2022/eduboxpro-studio.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, signal, effect, Injectable, makeEnvironmentProviders, ENVIRONMENT_INITIALIZER, input, computed, ChangeDetectionStrategy, Component, untracked, output, PLATFORM_ID, ElementRef, contentChild, viewChild, forwardRef, DOCUMENT as DOCUMENT$1, DestroyRef, Injector, model, afterNextRender, HostListener, Renderer2, TemplateRef, ContentChild, Input, Directive, contentChildren, ViewEncapsulation } from '@angular/core';
+import { InjectionToken, inject, signal, effect, Injectable, makeEnvironmentProviders, ENVIRONMENT_INITIALIZER, input, computed, ChangeDetectionStrategy, Component, ViewEncapsulation, untracked, output, PLATFORM_ID, ElementRef, contentChild, viewChild, forwardRef, DOCUMENT as DOCUMENT$1, DestroyRef, Injector, model, afterNextRender, HostListener, Renderer2, TemplateRef, ContentChild, Input, Directive, contentChildren } from '@angular/core';
 import * as i1$1 from '@angular/common';
 import { DOCUMENT, CommonModule, isPlatformBrowser, NgTemplateOutlet } from '@angular/common';
 import * as LucideIcons from 'lucide-angular';
@@ -396,6 +396,115 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImpo
   `, styles: [":host{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}\n"] }]
         }], propDecorators: { name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: true }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], strokeWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "strokeWidth", required: false }] }], absoluteStrokeWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "absoluteStrokeWidth", required: false }] }], showFallback: [{ type: i0.Input, args: [{ isSignal: true, alias: "showFallback", required: false }] }], fallbackIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "fallbackIcon", required: false }] }] } });
 
+class AvatarComponent {
+    /** Image source URL */
+    src = input(...(ngDevMode ? [undefined, { debugName: "src" }] : []));
+    /** Alt text for image */
+    alt = input('', ...(ngDevMode ? [{ debugName: "alt" }] : []));
+    /** Name to generate initials from */
+    name = input(...(ngDevMode ? [undefined, { debugName: "name" }] : []));
+    /** Size variant */
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : []));
+    /** Shape variant */
+    shape = input('circle', ...(ngDevMode ? [{ debugName: "shape" }] : []));
+    /** Custom background color */
+    customColor = input(...(ngDevMode ? [undefined, { debugName: "customColor" }] : []));
+    /** Computed initials from name */
+    initials = computed(() => {
+        const name = this.name();
+        if (!name)
+            return '';
+        const parts = name.trim().split(/\s+/);
+        if (parts.length === 1) {
+            return parts[0].substring(0, 2);
+        }
+        return (parts[0].charAt(0) + parts[parts.length - 1].charAt(0));
+    }, ...(ngDevMode ? [{ debugName: "initials" }] : []));
+    /** Computed background color */
+    backgroundColor = computed(() => {
+        if (this.customColor())
+            return this.customColor();
+        const name = this.name();
+        if (!name)
+            return undefined;
+        // Generate consistent color from name
+        const colors = [
+            '#ef4444', '#f97316', '#f59e0b', '#84cc16',
+            '#22c55e', '#14b8a6', '#06b6d4', '#0ea5e9',
+            '#3b82f6', '#6366f1', '#8b5cf6', '#a855f7',
+            '#d946ef', '#ec4899', '#f43f5e',
+        ];
+        let hash = 0;
+        for (let i = 0; i < name.length; i++) {
+            hash = name.charCodeAt(i) + ((hash << 5) - hash);
+        }
+        return colors[Math.abs(hash) % colors.length];
+    }, ...(ngDevMode ? [{ debugName: "backgroundColor" }] : []));
+    /** Computed CSS classes */
+    avatarClasses = computed(() => {
+        return `avatar avatar--${this.size()} avatar--${this.shape()}`;
+    }, ...(ngDevMode ? [{ debugName: "avatarClasses" }] : []));
+    /** Computed icon size based on avatar size */
+    iconSize = computed(() => {
+        const sizes = {
+            xs: 12,
+            sm: 16,
+            md: 20,
+            lg: 24,
+            xl: 32,
+        };
+        return sizes[this.size()];
+    }, ...(ngDevMode ? [{ debugName: "iconSize" }] : []));
+    onImageError(event) {
+        const img = event.target;
+        img.style.display = 'none';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", type: AvatarComponent, isStandalone: true, selector: "ui-avatar", inputs: { src: { classPropertyName: "src", publicName: "src", isSignal: true, isRequired: false, transformFunction: null }, alt: { classPropertyName: "alt", publicName: "alt", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, shape: { classPropertyName: "shape", publicName: "shape", isSignal: true, isRequired: false, transformFunction: null }, customColor: { classPropertyName: "customColor", publicName: "customColor", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    <div
+      class="avatar"
+      [class]="avatarClasses()"
+      [style.background-color]="!src() ? backgroundColor() : undefined"
+    >
+      @if (src()) {
+        <img
+          class="avatar__image"
+          [src]="src()"
+          [alt]="alt()"
+          (error)="onImageError($event)"
+        />
+      } @else if (initials()) {
+        <span class="avatar__initials">{{ initials() }}</span>
+      } @else {
+        <studio-icon name="user" [size]="iconSize()" class="avatar__icon" />
+      }
+    </div>
+  `, isInline: true, styles: [".avatar{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;background:var(--studio-avatar-bg, #e5e7eb);color:var(--studio-avatar-text, #374151);font-weight:500;flex-shrink:0}.avatar--circle{border-radius:50%}.avatar--square{border-radius:8px}.avatar--xs{width:24px;height:24px;font-size:10px}.avatar--sm{width:32px;height:32px;font-size:12px}.avatar--md{width:40px;height:40px;font-size:14px}.avatar--lg{width:48px;height:48px;font-size:16px}.avatar--xl{width:64px;height:64px;font-size:20px}.avatar__image{width:100%;height:100%;object-fit:cover}.avatar__initials{text-transform:uppercase;-webkit-user-select:none;user-select:none}.avatar__icon{opacity:.6}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "studio-icon", inputs: ["name", "size", "color", "strokeWidth", "absoluteStrokeWidth", "showFallback", "fallbackIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AvatarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ui-avatar', standalone: true, imports: [IconComponent], template: `
+    <div
+      class="avatar"
+      [class]="avatarClasses()"
+      [style.background-color]="!src() ? backgroundColor() : undefined"
+    >
+      @if (src()) {
+        <img
+          class="avatar__image"
+          [src]="src()"
+          [alt]="alt()"
+          (error)="onImageError($event)"
+        />
+      } @else if (initials()) {
+        <span class="avatar__initials">{{ initials() }}</span>
+      } @else {
+        <studio-icon name="user" [size]="iconSize()" class="avatar__icon" />
+      }
+    </div>
+  `, encapsulation: ViewEncapsulation.Emulated, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".avatar{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;background:var(--studio-avatar-bg, #e5e7eb);color:var(--studio-avatar-text, #374151);font-weight:500;flex-shrink:0}.avatar--circle{border-radius:50%}.avatar--square{border-radius:8px}.avatar--xs{width:24px;height:24px;font-size:10px}.avatar--sm{width:32px;height:32px;font-size:12px}.avatar--md{width:40px;height:40px;font-size:14px}.avatar--lg{width:48px;height:48px;font-size:16px}.avatar--xl{width:64px;height:64px;font-size:20px}.avatar__image{width:100%;height:100%;object-fit:cover}.avatar__initials{text-transform:uppercase;-webkit-user-select:none;user-select:none}.avatar__icon{opacity:.6}\n"] }]
+        }], propDecorators: { src: [{ type: i0.Input, args: [{ isSignal: true, alias: "src", required: false }] }], alt: [{ type: i0.Input, args: [{ isSignal: true, alias: "alt", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], shape: [{ type: i0.Input, args: [{ isSignal: true, alias: "shape", required: false }] }], customColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "customColor", required: false }] }] } });
+
 // Минимальный набор - только для внутренних компонентов библиотеки
 const MINIMAL_ICONS = {
     X: LucideIcons.X,
@@ -3637,6 +3746,76 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImpo
   `, styles: [":host{display:inline-block}.dropdown__item{width:100%;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:none;border:none;border-radius:var(--studio-radius-sm);color:var(--studio-text-primary);font-size:.875rem;cursor:pointer;transition:all var(--studio-transition-fast);text-align:left;&--disabled{opacity:.5;cursor:not-allowed}&--danger{color:var(--studio-error)}}.dropdown__item:hover:not(:disabled){background:var(--studio-bg-secondary)}.dropdown__item:active:not(:disabled){transform:scale(.98)}.dropdown__icon{flex-shrink:0;color:var(--studio-text-secondary)}.dropdown__label{flex:1}.dropdown__shortcut{font-size:.75rem;color:var(--studio-text-tertiary);font-family:var(--studio-font-family-mono, monospace)}.dropdown__divider{height:1px;background:var(--studio-border-primary);margin:.25rem 0}\n"] }]
         }], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: true }] }], trigger: [{ type: i0.Input, args: [{ isSignal: true, alias: "trigger", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], minWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "minWidth", required: false }] }], itemClick: [{ type: i0.Output, args: ["itemClick"] }] } });
 
+class EmptyStateComponent {
+    /** Icon name from lucide icons */
+    icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
+    /** Title text */
+    title = input(...(ngDevMode ? [undefined, { debugName: "title" }] : []));
+    /** Description text */
+    description = input(...(ngDevMode ? [undefined, { debugName: "description" }] : []));
+    /** Size variant */
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : []));
+    /** Computed icon size based on component size */
+    iconSize = () => {
+        const sizes = {
+            sm: 20,
+            md: 24,
+            lg: 32,
+        };
+        return sizes[this.size()];
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: EmptyStateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", type: EmptyStateComponent, isStandalone: true, selector: "ui-empty-state", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    <div
+      class="empty-state"
+      [class.empty-state--sm]="size() === 'sm'"
+      [class.empty-state--md]="size() === 'md'"
+      [class.empty-state--lg]="size() === 'lg'"
+    >
+      @if (icon()) {
+        <div class="empty-state__icon">
+          <studio-icon [name]="icon()!" [size]="iconSize()" />
+        </div>
+      }
+      @if (title()) {
+        <h3 class="empty-state__title">{{ title() }}</h3>
+      }
+      @if (description()) {
+        <p class="empty-state__description">{{ description() }}</p>
+      }
+      <div class="empty-state__actions">
+        <ng-content />
+      </div>
+    </div>
+  `, isInline: true, styles: [".empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem}.empty-state__icon{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:50%;background:var(--studio-bg-tertiary, #f3f4f6);color:var(--studio-text-tertiary, #9ca3af);margin-bottom:1rem}.empty-state--sm .empty-state__icon{width:3rem;height:3rem;margin-bottom:.75rem}.empty-state--lg .empty-state__icon{width:5rem;height:5rem;margin-bottom:1.5rem}.empty-state__title{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:var(--studio-text-primary, #111827)}.empty-state--sm .empty-state__title{font-size:1rem;margin-bottom:.25rem}.empty-state--lg .empty-state__title{font-size:1.25rem;margin-bottom:.75rem}.empty-state__description{margin:0 0 1.5rem;font-size:.875rem;color:var(--studio-text-secondary, #6b7280);max-width:24rem}.empty-state--sm .empty-state__description{font-size:.8125rem;margin-bottom:1rem}.empty-state--lg .empty-state__description{font-size:1rem;margin-bottom:2rem}.empty-state__actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.empty-state__actions:empty{display:none}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "studio-icon", inputs: ["name", "size", "color", "strokeWidth", "absoluteStrokeWidth", "showFallback", "fallbackIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: EmptyStateComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ui-empty-state', standalone: true, imports: [IconComponent], template: `
+    <div
+      class="empty-state"
+      [class.empty-state--sm]="size() === 'sm'"
+      [class.empty-state--md]="size() === 'md'"
+      [class.empty-state--lg]="size() === 'lg'"
+    >
+      @if (icon()) {
+        <div class="empty-state__icon">
+          <studio-icon [name]="icon()!" [size]="iconSize()" />
+        </div>
+      }
+      @if (title()) {
+        <h3 class="empty-state__title">{{ title() }}</h3>
+      }
+      @if (description()) {
+        <p class="empty-state__description">{{ description() }}</p>
+      }
+      <div class="empty-state__actions">
+        <ng-content />
+      </div>
+    </div>
+  `, encapsulation: ViewEncapsulation.Emulated, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem}.empty-state__icon{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:50%;background:var(--studio-bg-tertiary, #f3f4f6);color:var(--studio-text-tertiary, #9ca3af);margin-bottom:1rem}.empty-state--sm .empty-state__icon{width:3rem;height:3rem;margin-bottom:.75rem}.empty-state--lg .empty-state__icon{width:5rem;height:5rem;margin-bottom:1.5rem}.empty-state__title{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:var(--studio-text-primary, #111827)}.empty-state--sm .empty-state__title{font-size:1rem;margin-bottom:.25rem}.empty-state--lg .empty-state__title{font-size:1.25rem;margin-bottom:.75rem}.empty-state__description{margin:0 0 1.5rem;font-size:.875rem;color:var(--studio-text-secondary, #6b7280);max-width:24rem}.empty-state--sm .empty-state__description{font-size:.8125rem;margin-bottom:1rem}.empty-state--lg .empty-state__description{font-size:1rem;margin-bottom:2rem}.empty-state__actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.empty-state__actions:empty{display:none}\n"] }]
+        }], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], description: [{ type: i0.Input, args: [{ isSignal: true, alias: "description", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
+
 /**
  * Input component with form control support, variants, and accessibility
  *
@@ -5323,6 +5502,45 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImpo
  * Sidebar component
  */
 
+class SkeletonComponent {
+    /** Variant of skeleton */
+    variant = input('text', ...(ngDevMode ? [{ debugName: "variant" }] : []));
+    /** Width of skeleton */
+    width = input('100%', ...(ngDevMode ? [{ debugName: "width" }] : []));
+    /** Height of skeleton */
+    height = input(...(ngDevMode ? [undefined, { debugName: "height" }] : []));
+    /** Enable animation */
+    animate = input(true, ...(ngDevMode ? [{ debugName: "animate" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.12", type: SkeletonComponent, isStandalone: true, selector: "ui-skeleton", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, animate: { classPropertyName: "animate", publicName: "animate", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    <div
+      class="skeleton"
+      [class.skeleton--text]="variant() === 'text'"
+      [class.skeleton--circular]="variant() === 'circular'"
+      [class.skeleton--rectangular]="variant() === 'rectangular'"
+      [class.skeleton--rounded]="variant() === 'rounded'"
+      [class.skeleton--animate]="animate()"
+      [style.width]="width()"
+      [style.height]="height()"
+    ></div>
+  `, isInline: true, styles: [".skeleton{background:var(--studio-skeleton-bg, #e5e7eb);display:block}.skeleton--animate{animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton--text{height:1em;border-radius:4px;transform-origin:0 55%;transform:scaleY(.6)}.skeleton--circular{border-radius:50%}.skeleton--rectangular{border-radius:0}.skeleton--rounded{border-radius:8px}@keyframes skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}:host{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SkeletonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ui-skeleton', standalone: true, template: `
+    <div
+      class="skeleton"
+      [class.skeleton--text]="variant() === 'text'"
+      [class.skeleton--circular]="variant() === 'circular'"
+      [class.skeleton--rectangular]="variant() === 'rectangular'"
+      [class.skeleton--rounded]="variant() === 'rounded'"
+      [class.skeleton--animate]="animate()"
+      [style.width]="width()"
+      [style.height]="height()"
+    ></div>
+  `, encapsulation: ViewEncapsulation.Emulated, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".skeleton{background:var(--studio-skeleton-bg, #e5e7eb);display:block}.skeleton--animate{animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton--text{height:1em;border-radius:4px;transform-origin:0 55%;transform:scaleY(.6)}.skeleton--circular{border-radius:50%}.skeleton--rectangular{border-radius:0}.skeleton--rounded{border-radius:8px}@keyframes skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}:host{display:block}\n"] }]
+        }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], animate: [{ type: i0.Input, args: [{ isSignal: true, alias: "animate", required: false }] }] } });
+
 /**
  * Toggle switch component with customizable size and color
  *
@@ -8296,5 +8514,5 @@ function hasChildren(block) {
  * Generated bundle index. Do not edit.
  */
 
-export { BadgeComponent, BadgeWrapperComponent, BottomNavigationComponent, ButtonComponent, ButtonGroupComponent, ButtonToggleGroupComponent, COUNTRY_OPTIONS, CardComponent, ChatComponent, ChatInputComponent, ChatMessageComponent, CheckboxComponent, ColorPickerCompactComponent, ColorPickerComponent, ConfirmDialogComponent, ConfirmDialogService, DEFAULT_COLOR_PRESETS, DrawerComponent, DrawerService, DropdownComponent, FileViewerComponent, IconComponent, InputComponent, InspectorComponent, LogoComponent, MASK_PRESETS, MaskDirective, MaskEngine, MenuComponent, ModalComponent, NavbarComponent, PaginationComponent, PhoneInputComponent, PopoverComponent, RadioButtonComponent, STUDIO_CONFIG, SelectComponent, SidebarComponent, SignalStore, StudioConfigService, SwitchComponent, TableColumnDirective, TableComponent, TabsComponent, TextareaComponent, ThemeSwitchComponent, ToastComponent, ToastService, TooltipComponent, classNames, defaultFileViewerLabels, hasChildren, isContentBlock, isFormBlock, isInteractiveBlock, isLayoutBlock, isSafeUrl, isStudioBlock, loadGoogleFont, loadGoogleFonts, provideStudioConfig, provideStudioIcons, sanitizeUrl, withConfigDefault };
+export { AvatarComponent, BadgeComponent, BadgeWrapperComponent, BottomNavigationComponent, ButtonComponent, ButtonGroupComponent, ButtonToggleGroupComponent, COUNTRY_OPTIONS, CardComponent, ChatComponent, ChatInputComponent, ChatMessageComponent, CheckboxComponent, ColorPickerCompactComponent, ColorPickerComponent, ConfirmDialogComponent, ConfirmDialogService, DEFAULT_COLOR_PRESETS, DrawerComponent, DrawerService, DropdownComponent, EmptyStateComponent, FileViewerComponent, IconComponent, InputComponent, InspectorComponent, LogoComponent, MASK_PRESETS, MaskDirective, MaskEngine, MenuComponent, ModalComponent, NavbarComponent, PaginationComponent, PhoneInputComponent, PopoverComponent, RadioButtonComponent, STUDIO_CONFIG, SelectComponent, SidebarComponent, SignalStore, SkeletonComponent, StudioConfigService, SwitchComponent, TableColumnDirective, TableComponent, TabsComponent, TextareaComponent, ThemeSwitchComponent, ToastComponent, ToastService, TooltipComponent, classNames, defaultFileViewerLabels, hasChildren, isContentBlock, isFormBlock, isInteractiveBlock, isLayoutBlock, isSafeUrl, isStudioBlock, loadGoogleFont, loadGoogleFonts, provideStudioConfig, provideStudioIcons, sanitizeUrl, withConfigDefault };
 //# sourceMappingURL=eduboxpro-studio.mjs.map