@eduboxpro/studio 0.1.23 → 0.1.25

package/index.d.ts

@@ -486,7 +486,7 @@ declare class BadgeComponent {
     radiusInput: _angular_core.InputSignal<BadgeRadius | undefined>;
     variant: _angular_core.Signal<"solid" | "outline" | "soft" | "dot">;
     size: _angular_core.Signal<"sm" | "md" | "lg">;
-    color: _angular_core.Signal<"primary" | "secondary" | "success" | "error" | "warning" | "info" | "neutral">;
+    color: _angular_core.Signal<"error" | "primary" | "secondary" | "success" | "warning" | "info" | "neutral">;
     radius: _angular_core.Signal<"sm" | "md" | "lg" | "full">;
     icon: _angular_core.InputSignal<string | undefined>;
     iconPosition: _angular_core.InputSignal<BadgeIconPosition>;
@@ -644,27 +644,27 @@ declare class ButtonComponent {
     private readonly buttonDefaults;
     variantInput: _angular_core.InputSignal<"solid" | "outline" | "ghost" | undefined>;
     sizeInput: _angular_core.InputSignal<"sm" | "md" | "lg" | undefined>;
-    colorInput: _angular_core.InputSignal<"primary" | "secondary" | "success" | "error" | "warning" | undefined>;
-    radiusInput: _angular_core.InputSignal<"sm" | "md" | "lg" | "none" | "xl" | "full" | undefined>;
+    colorInput: _angular_core.InputSignal<"error" | "primary" | "secondary" | "success" | "warning" | undefined>;
+    radiusInput: _angular_core.InputSignal<"sm" | "md" | "lg" | "xl" | "full" | "none" | undefined>;
     shadowInput: _angular_core.InputSignal<"sm" | "md" | "lg" | "none" | undefined>;
     compactInput: _angular_core.InputSignal<boolean | undefined>;
     variant: _angular_core.Signal<"solid" | "outline" | "ghost">;
     size: _angular_core.Signal<"sm" | "md" | "lg">;
-    color: _angular_core.Signal<"primary" | "secondary" | "success" | "error" | "warning">;
-    radius: _angular_core.Signal<"sm" | "md" | "lg" | "none" | "xl" | "full">;
+    color: _angular_core.Signal<"error" | "primary" | "secondary" | "success" | "warning">;
+    radius: _angular_core.Signal<"sm" | "md" | "lg" | "xl" | "full" | "none">;
     shadow: _angular_core.Signal<"sm" | "md" | "lg" | "none">;
     compact: _angular_core.Signal<boolean>;
     disabled: _angular_core.InputSignal<boolean>;
     loading: _angular_core.InputSignal<boolean>;
     loadingText: _angular_core.InputSignal<string>;
     fullWidth: _angular_core.InputSignal<boolean>;
-    type: _angular_core.InputSignal<"button" | "reset" | "submit">;
+    type: _angular_core.InputSignal<"reset" | "submit" | "button">;
     icon: _angular_core.InputSignal<string | undefined>;
     iconPosition: _angular_core.InputSignal<"left" | "right" | "only">;
     href: _angular_core.InputSignal<string | undefined>;
     target: _angular_core.InputSignal<"_blank" | "_self" | "_parent" | "_top">;
     badge: _angular_core.InputSignal<string | number | undefined>;
-    badgeColor: _angular_core.InputSignal<"primary" | "error" | "warning">;
+    badgeColor: _angular_core.InputSignal<"error" | "primary" | "warning">;
     ariaLabel: _angular_core.InputSignal<string | undefined>;
     clicked: _angular_core.OutputEmitterRef<MouseEvent>;
     protected iconSize: _angular_core.Signal<number>;
@@ -681,13 +681,13 @@ declare class ButtonGroupComponent {
     orientationInput: _angular_core.InputSignal<"vertical" | "horizontal" | undefined>;
     sizeInput: _angular_core.InputSignal<"sm" | "md" | "lg" | undefined>;
     variantInput: _angular_core.InputSignal<"solid" | "outline" | "ghost" | undefined>;
-    colorInput: _angular_core.InputSignal<"primary" | "secondary" | "success" | "error" | "warning" | undefined>;
-    radiusInput: _angular_core.InputSignal<"sm" | "md" | "lg" | "none" | "xl" | "full" | undefined>;
+    colorInput: _angular_core.InputSignal<"error" | "primary" | "secondary" | "success" | "warning" | undefined>;
+    radiusInput: _angular_core.InputSignal<"sm" | "md" | "lg" | "xl" | "full" | "none" | undefined>;
     orientation: _angular_core.Signal<"vertical" | "horizontal">;
     size: _angular_core.Signal<"sm" | "md" | "lg" | undefined>;
     variant: _angular_core.Signal<"solid" | "outline" | "ghost" | undefined>;
-    color: _angular_core.Signal<"primary" | "secondary" | "success" | "error" | "warning" | undefined>;
-    radius: _angular_core.Signal<"sm" | "md" | "lg" | "none" | "xl" | "full" | undefined>;
+    color: _angular_core.Signal<"error" | "primary" | "secondary" | "success" | "warning" | undefined>;
+    radius: _angular_core.Signal<"sm" | "md" | "lg" | "xl" | "full" | "none" | undefined>;
     attached: _angular_core.InputSignal<boolean>;
     fullWidth: _angular_core.InputSignal<boolean>;
     disabled: _angular_core.InputSignal<boolean>;
@@ -734,9 +734,9 @@ declare class CardComponent {
     paddingInput: _angular_core.InputSignal<CardPadding | undefined>;
     variant: _angular_core.Signal<"ghost" | "filled" | "outlined" | "elevated">;
     size: _angular_core.Signal<"sm" | "md" | "lg">;
-    color: _angular_core.Signal<"primary" | "secondary" | "success" | "error" | "warning" | "neutral" | "default">;
-    radius: _angular_core.Signal<"sm" | "md" | "lg" | "none" | "xl">;
-    shadow: _angular_core.Signal<"sm" | "md" | "lg" | "none" | "xl">;
+    color: _angular_core.Signal<"default" | "error" | "primary" | "secondary" | "success" | "warning" | "neutral">;
+    radius: _angular_core.Signal<"sm" | "md" | "lg" | "xl" | "none">;
+    shadow: _angular_core.Signal<"sm" | "md" | "lg" | "xl" | "none">;
     padding: _angular_core.Signal<"sm" | "md" | "lg" | "none">;
     orientation: _angular_core.InputSignal<CardOrientation>;
     imagePosition: _angular_core.InputSignal<CardImagePosition>;
@@ -1074,7 +1074,7 @@ declare class ColorPickerComponent implements ControlValueAccessor, AfterViewIni
     protected readonly colorAreaCanvas: _angular_core.Signal<ElementRef<HTMLCanvasElement> | undefined>;
     variantInput: _angular_core.InputSignal<ColorPickerVariant | undefined>;
     sizeInput: _angular_core.InputSignal<ColorPickerSize | undefined>;
-    variant: _angular_core.Signal<"inline" | "popover" | "input">;
+    variant: _angular_core.Signal<"input" | "inline" | "popover">;
     size: _angular_core.Signal<"sm" | "md" | "lg">;
     format: _angular_core.InputSignal<ColorFormat>;
     showAlpha: _angular_core.InputSignal<boolean>;
@@ -1131,7 +1131,7 @@ declare const DEFAULT_COLOR_PRESETS: ColorSwatchGroup[];
 declare class ColorPickerCompactComponent implements ControlValueAccessor {
     private readonly configService;
     trigger: _angular_core.InputSignal<"click" | "hover">;
-    position: _angular_core.InputSignal<"left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end">;
+    position: _angular_core.InputSignal<"top" | "bottom" | "left" | "right" | "top-start" | "top-end" | "bottom-start" | "bottom-end">;
     popoverWidth: _angular_core.InputSignal<string>;
     showArrow: _angular_core.InputSignal<boolean>;
     closeOnClickOutside: _angular_core.InputSignal<boolean>;
@@ -1211,7 +1211,7 @@ declare class DrawerComponent {
     sizeInput: _angular_core.InputSignal<DrawerSize | undefined>;
     customWidth: _angular_core.InputSignal<string | undefined>;
     customHeight: _angular_core.InputSignal<string | undefined>;
-    position: _angular_core.Signal<"left" | "right" | "top" | "bottom">;
+    position: _angular_core.Signal<"top" | "bottom" | "left" | "right">;
     size: _angular_core.Signal<"sm" | "md" | "lg" | "xl" | "full">;
     modalInput: _angular_core.InputSignal<boolean | undefined>;
     closeOnEscapeInput: _angular_core.InputSignal<boolean | undefined>;
@@ -1430,10 +1430,10 @@ declare class InputComponent implements ControlValueAccessor {
     protected readonly inputEl: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
     variantInput: _angular_core.InputSignal<"outline" | "filled" | "underline" | undefined>;
     sizeInput: _angular_core.InputSignal<"sm" | "md" | "lg" | undefined>;
-    radiusInput: _angular_core.InputSignal<"sm" | "md" | "lg" | "none" | "full" | undefined>;
+    radiusInput: _angular_core.InputSignal<"sm" | "md" | "lg" | "full" | "none" | undefined>;
     variant: _angular_core.Signal<"outline" | "filled" | "underline">;
     size: _angular_core.Signal<"sm" | "md" | "lg">;
-    radius: _angular_core.Signal<"sm" | "md" | "lg" | "none" | "full">;
+    radius: _angular_core.Signal<"sm" | "md" | "lg" | "full" | "none">;
     disabled: _angular_core.InputSignal<boolean>;
     readonly: _angular_core.InputSignal<boolean>;
     loading: _angular_core.InputSignal<boolean>;
@@ -1659,10 +1659,10 @@ declare class PhoneInputComponent implements ControlValueAccessor, Validator {
     protected readonly inputEl: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
     variantInput: _angular_core.InputSignal<"outline" | "filled" | "underline" | undefined>;
     sizeInput: _angular_core.InputSignal<"sm" | "md" | "lg" | undefined>;
-    radiusInput: _angular_core.InputSignal<"sm" | "md" | "lg" | "none" | "full" | undefined>;
+    radiusInput: _angular_core.InputSignal<"sm" | "md" | "lg" | "full" | "none" | undefined>;
     variant: _angular_core.Signal<"outline" | "filled" | "underline">;
     size: _angular_core.Signal<"sm" | "md" | "lg">;
-    radius: _angular_core.Signal<"sm" | "md" | "lg" | "none" | "full">;
+    radius: _angular_core.Signal<"sm" | "md" | "lg" | "full" | "none">;
     country: _angular_core.ModelSignal<PhoneCountry>;
     showCountrySelector: _angular_core.InputSignal<boolean>;
     showFlag: _angular_core.InputSignal<boolean>;
@@ -1742,7 +1742,6 @@ declare class ModalComponent {
     showCloseButton: _angular_core.InputSignal<boolean>;
     closeOnOverlayClick: _angular_core.InputSignal<boolean>;
     closeOnEscape: _angular_core.InputSignal<boolean>;
-    visibleChange: _angular_core.OutputEmitterRef<boolean>;
     opened: _angular_core.OutputEmitterRef<void>;
     closed: _angular_core.OutputEmitterRef<void>;
     protected headerTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
@@ -1758,7 +1757,7 @@ declare class ModalComponent {
     private handleClose;
     private setupFocusTrap;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ModalComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ModalComponent, "studio-modal", never, { "visible": { "alias": "visible"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "animation": { "alias": "animation"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "showHeader": { "alias": "showHeader"; "required": false; "isSignal": true; }; "showFooter": { "alias": "showFooter"; "required": false; "isSignal": true; }; "showCloseButton": { "alias": "showCloseButton"; "required": false; "isSignal": true; }; "closeOnOverlayClick": { "alias": "closeOnOverlayClick"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; }, { "visible": "visibleChange"; "visibleChange": "visibleChange"; "opened": "opened"; "closed": "closed"; }, ["headerTemplate", "footerTemplate"], ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ModalComponent, "studio-modal", never, { "visible": { "alias": "visible"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "animation": { "alias": "animation"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "showHeader": { "alias": "showHeader"; "required": false; "isSignal": true; }; "showFooter": { "alias": "showFooter"; "required": false; "isSignal": true; }; "showCloseButton": { "alias": "showCloseButton"; "required": false; "isSignal": true; }; "closeOnOverlayClick": { "alias": "closeOnOverlayClick"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; }, { "visible": "visibleChange"; "opened": "opened"; "closed": "closed"; }, ["headerTemplate", "footerTemplate"], ["*"], true, never>;
 }
 
 type NavbarVariant = 'default' | 'filled' | 'outlined' | 'ghost' | 'transparent';
@@ -1826,12 +1825,12 @@ declare class PopoverComponent {
     triggerInput: _angular_core.InputSignal<PopoverTrigger | undefined>;
     openDelay: _angular_core.InputSignal<number>;
     closeDelay: _angular_core.InputSignal<number>;
-    trigger: _angular_core.Signal<"click" | "hover" | "focus" | "manual">;
+    trigger: _angular_core.Signal<"click" | "focus" | "hover" | "manual">;
     positionInput: _angular_core.InputSignal<PopoverPosition | undefined>;
     offset: _angular_core.InputSignal<number>;
     preventOverflow: _angular_core.InputSignal<boolean>;
     flipValue: _angular_core.InputSignal<boolean>;
-    position: _angular_core.Signal<"left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end">;
+    position: _angular_core.Signal<"top" | "bottom" | "left" | "right" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end">;
     variantInput: _angular_core.InputSignal<PopoverVariant | undefined>;
     sizeInput: _angular_core.InputSignal<PopoverSize | undefined>;
     width: _angular_core.InputSignal<PopoverWidth>;
@@ -1839,7 +1838,7 @@ declare class PopoverComponent {
     maxWidth: _angular_core.InputSignal<string | number | undefined>;
     maxHeight: _angular_core.InputSignal<string | number | undefined>;
     padding: _angular_core.InputSignal<string | undefined>;
-    variant: _angular_core.Signal<"default" | "minimal" | "bordered" | "shadow">;
+    variant: _angular_core.Signal<"default" | "bordered" | "minimal" | "shadow">;
     size: _angular_core.Signal<"sm" | "md" | "lg">;
     arrow: _angular_core.InputSignal<boolean>;
     arrowSize: _angular_core.InputSignal<number>;
@@ -1850,7 +1849,7 @@ declare class PopoverComponent {
     overlayOpacity: _angular_core.InputSignal<number>;
     animationInput: _angular_core.InputSignal<PopoverAnimation | undefined>;
     animationDuration: _angular_core.InputSignal<number>;
-    animation: _angular_core.Signal<"none" | "fade" | "scale" | "slide">;
+    animation: _angular_core.Signal<"fade" | "scale" | "none" | "slide">;
     showHeader: _angular_core.InputSignal<boolean>;
     showFooter: _angular_core.InputSignal<boolean>;
     showCloseButton: _angular_core.InputSignal<boolean>;
@@ -1993,10 +1992,10 @@ declare class SelectComponent<T = any> implements ControlValueAccessor {
     protected readonly dropdownEl: _angular_core.Signal<ElementRef<HTMLDivElement> | undefined>;
     variantInput: _angular_core.InputSignal<SelectVariant | undefined>;
     sizeInput: _angular_core.InputSignal<SelectSize | undefined>;
-    radiusInput: _angular_core.InputSignal<"sm" | "md" | "lg" | "none" | "full" | undefined>;
+    radiusInput: _angular_core.InputSignal<"sm" | "md" | "lg" | "full" | "none" | undefined>;
     variant: _angular_core.Signal<"outline" | "filled" | "underline">;
     size: _angular_core.Signal<"sm" | "md" | "lg">;
-    radius: _angular_core.Signal<"sm" | "md" | "lg" | "none" | "full">;
+    radius: _angular_core.Signal<"sm" | "md" | "lg" | "full" | "none">;
     options: _angular_core.InputSignal<SelectOption<T>[] | SelectOptionGroup<T>[]>;
     placeholder: _angular_core.InputSignal<string>;
     multiple: _angular_core.InputSignal<boolean>;
@@ -2385,7 +2384,7 @@ declare class TableComponent<T = any> {
     private readonly tableDefaults;
     variantInput: _angular_core.InputSignal<TableVariant | undefined>;
     densityInput: _angular_core.InputSignal<TableDensity | undefined>;
-    variant: _angular_core.Signal<"default" | "minimal" | "bordered" | "striped">;
+    variant: _angular_core.Signal<"default" | "bordered" | "minimal" | "striped">;
     density: _angular_core.Signal<"compact" | "comfortable" | "spacious">;
     data: _angular_core.InputSignal<T[]>;
     columns: _angular_core.InputSignal<TableColumn<T>[]>;
@@ -2694,8 +2693,8 @@ type TextareaRadius = 'none' | 'sm' | 'md' | 'lg' | 'full';
 
 declare class TooltipComponent {
     content: _angular_core.InputSignal<string>;
-    trigger: _angular_core.InputSignal<"click" | "hover" | "focus">;
-    position: _angular_core.InputSignal<"left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end">;
+    trigger: _angular_core.InputSignal<"click" | "focus" | "hover">;
+    position: _angular_core.InputSignal<"top" | "bottom" | "left" | "right" | "top-start" | "top-end" | "bottom-start" | "bottom-end">;
     openDelay: _angular_core.InputSignal<number>;
     closeDelay: _angular_core.InputSignal<number>;
     arrow: _angular_core.InputSignal<boolean>;
@@ -2728,14 +2727,14 @@ declare class ButtonToggleGroupComponent implements ControlValueAccessor {
     orientationInput: _angular_core.InputSignal<"vertical" | "horizontal" | undefined>;
     sizeInput: _angular_core.InputSignal<"sm" | "md" | "lg" | undefined>;
     variantInput: _angular_core.InputSignal<"solid" | "outline" | "ghost" | undefined>;
-    colorInput: _angular_core.InputSignal<"primary" | "secondary" | "success" | "error" | "warning" | undefined>;
-    radiusInput: _angular_core.InputSignal<"sm" | "md" | "lg" | "none" | "xl" | "full" | undefined>;
+    colorInput: _angular_core.InputSignal<"error" | "primary" | "secondary" | "success" | "warning" | undefined>;
+    radiusInput: _angular_core.InputSignal<"sm" | "md" | "lg" | "xl" | "full" | "none" | undefined>;
     shadowInput: _angular_core.InputSignal<"sm" | "md" | "lg" | "none" | undefined>;
     orientation: _angular_core.Signal<"vertical" | "horizontal">;
     size: _angular_core.Signal<"sm" | "md" | "lg">;
     variant: _angular_core.Signal<"solid" | "outline" | "ghost">;
-    color: _angular_core.Signal<"primary" | "secondary" | "success" | "error" | "warning">;
-    radius: _angular_core.Signal<"sm" | "md" | "lg" | "none" | "xl" | "full">;
+    color: _angular_core.Signal<"error" | "primary" | "secondary" | "success" | "warning">;
+    radius: _angular_core.Signal<"sm" | "md" | "lg" | "xl" | "full" | "none">;
     shadow: _angular_core.Signal<"sm" | "md" | "lg" | "none">;
     attached: _angular_core.InputSignal<boolean>;
     fullWidth: _angular_core.InputSignal<boolean>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eduboxpro/studio",
-  "version": "0.1.23",
+  "version": "0.1.25",
   "description": "Modern Angular UI library for educational platforms with customizable design system",
   "keywords": [
     "angular",