@eduboxpro/studio 0.1.24 → 0.1.26

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<"error" | "primary" | "secondary" | "success" | "warning" | "info" | "neutral">;
+    color: _angular_core.Signal<"primary" | "secondary" | "success" | "error" | "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<"error" | "primary" | "secondary" | "success" | "warning" | undefined>;
-    radiusInput: _angular_core.InputSignal<"sm" | "md" | "lg" | "xl" | "full" | "none" | undefined>;
+    colorInput: _angular_core.InputSignal<"primary" | "secondary" | "success" | "error" | "warning" | undefined>;
+    radiusInput: _angular_core.InputSignal<"sm" | "md" | "lg" | "none" | "xl" | "full" | 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<"error" | "primary" | "secondary" | "success" | "warning">;
-    radius: _angular_core.Signal<"sm" | "md" | "lg" | "xl" | "full" | "none">;
+    color: _angular_core.Signal<"primary" | "secondary" | "success" | "error" | "warning">;
+    radius: _angular_core.Signal<"sm" | "md" | "lg" | "none" | "xl" | "full">;
     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<"reset" | "submit" | "button">;
+    type: _angular_core.InputSignal<"button" | "reset" | "submit">;
     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<"error" | "primary" | "warning">;
+    badgeColor: _angular_core.InputSignal<"primary" | "error" | "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<"error" | "primary" | "secondary" | "success" | "warning" | undefined>;
-    radiusInput: _angular_core.InputSignal<"sm" | "md" | "lg" | "xl" | "full" | "none" | undefined>;
+    colorInput: _angular_core.InputSignal<"primary" | "secondary" | "success" | "error" | "warning" | undefined>;
+    radiusInput: _angular_core.InputSignal<"sm" | "md" | "lg" | "none" | "xl" | "full" | 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<"error" | "primary" | "secondary" | "success" | "warning" | undefined>;
-    radius: _angular_core.Signal<"sm" | "md" | "lg" | "xl" | "full" | "none" | undefined>;
+    color: _angular_core.Signal<"primary" | "secondary" | "success" | "error" | "warning" | undefined>;
+    radius: _angular_core.Signal<"sm" | "md" | "lg" | "none" | "xl" | "full" | 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<"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">;
+    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">;
     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<"input" | "inline" | "popover">;
+    variant: _angular_core.Signal<"inline" | "popover" | "input">;
     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<"top" | "bottom" | "left" | "right" | "top-start" | "top-end" | "bottom-start" | "bottom-end">;
+    position: _angular_core.InputSignal<"left" | "right" | "top" | "bottom" | "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<"top" | "bottom" | "left" | "right">;
+    position: _angular_core.Signal<"left" | "right" | "top" | "bottom">;
     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" | "full" | "none" | undefined>;
+    radiusInput: _angular_core.InputSignal<"sm" | "md" | "lg" | "none" | "full" | undefined>;
     variant: _angular_core.Signal<"outline" | "filled" | "underline">;
     size: _angular_core.Signal<"sm" | "md" | "lg">;
-    radius: _angular_core.Signal<"sm" | "md" | "lg" | "full" | "none">;
+    radius: _angular_core.Signal<"sm" | "md" | "lg" | "none" | "full">;
     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" | "full" | "none" | undefined>;
+    radiusInput: _angular_core.InputSignal<"sm" | "md" | "lg" | "none" | "full" | undefined>;
     variant: _angular_core.Signal<"outline" | "filled" | "underline">;
     size: _angular_core.Signal<"sm" | "md" | "lg">;
-    radius: _angular_core.Signal<"sm" | "md" | "lg" | "full" | "none">;
+    radius: _angular_core.Signal<"sm" | "md" | "lg" | "none" | "full">;
     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" | "focus" | "hover" | "manual">;
+    trigger: _angular_core.Signal<"click" | "hover" | "focus" | "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<"top" | "bottom" | "left" | "right" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end">;
+    position: _angular_core.Signal<"left" | "right" | "top" | "bottom" | "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" | "bordered" | "minimal" | "shadow">;
+    variant: _angular_core.Signal<"default" | "minimal" | "bordered" | "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<"fade" | "scale" | "none" | "slide">;
+    animation: _angular_core.Signal<"none" | "fade" | "scale" | "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" | "full" | "none" | undefined>;
+    radiusInput: _angular_core.InputSignal<"sm" | "md" | "lg" | "none" | "full" | undefined>;
     variant: _angular_core.Signal<"outline" | "filled" | "underline">;
     size: _angular_core.Signal<"sm" | "md" | "lg">;
-    radius: _angular_core.Signal<"sm" | "md" | "lg" | "full" | "none">;
+    radius: _angular_core.Signal<"sm" | "md" | "lg" | "none" | "full">;
     options: _angular_core.InputSignal<SelectOption<T>[] | SelectOptionGroup<T>[]>;
     placeholder: _angular_core.InputSignal<string>;
     multiple: _angular_core.InputSignal<boolean>;
@@ -2181,6 +2180,72 @@ declare class SwitchComponent implements ControlValueAccessor {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SwitchComponent, "studio-switch", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "labelPosition": { "alias": "labelPosition"; "required": false; "isSignal": true; }; "showIcons": { "alias": "showIcons"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "sizeInput": { "alias": "size"; "required": false; "isSignal": true; }; "colorInput": { "alias": "color"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "checkedChange": "checkedChange"; }, never, never, true, never>;
 }
 
+/**
+ * Pagination component types
+ */
+type PaginationSize = 'sm' | 'md' | 'lg';
+type PaginationVariant = 'default' | 'minimal' | 'compact';
+interface PaginationPageChangeEvent {
+    page: number;
+    pageSize: number;
+    totalItems: number;
+    totalPages: number;
+}
+interface PaginationPageSizeChangeEvent {
+    pageSize: number;
+    previousPageSize: number;
+}
+
+/**
+ * Pagination component for navigating through pages of data
+ *
+ * @example
+ * <studio-pagination
+ *   [(page)]="currentPage"
+ *   [(pageSize)]="pageSize"
+ *   [totalItems]="100"
+ *   [pageSizeOptions]="[10, 25, 50]"
+ *   (pageChange)="onPageChange($event)"
+ * />
+ */
+declare class PaginationComponent {
+    page: _angular_core.ModelSignal<number>;
+    pageSize: _angular_core.ModelSignal<number>;
+    totalItems: _angular_core.InputSignal<number>;
+    pageSizeOptions: _angular_core.InputSignal<number[]>;
+    size: _angular_core.InputSignal<PaginationSize>;
+    variant: _angular_core.InputSignal<PaginationVariant>;
+    maxVisiblePages: _angular_core.InputSignal<number>;
+    showPageSizeSelector: _angular_core.InputSignal<boolean>;
+    showPageNumbers: _angular_core.InputSignal<boolean>;
+    showInfo: _angular_core.InputSignal<boolean>;
+    showFirstLast: _angular_core.InputSignal<boolean>;
+    pageSizeLabel: _angular_core.InputSignal<string>;
+    previousLabel: _angular_core.InputSignal<string>;
+    nextLabel: _angular_core.InputSignal<string>;
+    firstLabel: _angular_core.InputSignal<string>;
+    lastLabel: _angular_core.InputSignal<string>;
+    infoTemplate: _angular_core.InputSignal<string>;
+    pageChange: _angular_core.OutputEmitterRef<PaginationPageChangeEvent>;
+    pageSizeChange: _angular_core.OutputEmitterRef<PaginationPageSizeChangeEvent>;
+    protected totalPages: _angular_core.Signal<number>;
+    protected isFirstPage: _angular_core.Signal<boolean>;
+    protected isLastPage: _angular_core.Signal<boolean>;
+    protected iconSize: _angular_core.Signal<number>;
+    protected hostClasses: _angular_core.Signal<string>;
+    protected infoText: _angular_core.Signal<string>;
+    protected visiblePages: _angular_core.Signal<number[]>;
+    goToPage(pageNum: number): void;
+    goToFirst(): void;
+    goToLast(): void;
+    goToPrevious(): void;
+    goToNext(): void;
+    onPageSizeChange(newSize: number): void;
+    private emitPageChange;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PaginationComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PaginationComponent, "studio-pagination", never, { "page": { "alias": "page"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "totalItems": { "alias": "totalItems"; "required": false; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "maxVisiblePages": { "alias": "maxVisiblePages"; "required": false; "isSignal": true; }; "showPageSizeSelector": { "alias": "showPageSizeSelector"; "required": false; "isSignal": true; }; "showPageNumbers": { "alias": "showPageNumbers"; "required": false; "isSignal": true; }; "showInfo": { "alias": "showInfo"; "required": false; "isSignal": true; }; "showFirstLast": { "alias": "showFirstLast"; "required": false; "isSignal": true; }; "pageSizeLabel": { "alias": "pageSizeLabel"; "required": false; "isSignal": true; }; "previousLabel": { "alias": "previousLabel"; "required": false; "isSignal": true; }; "nextLabel": { "alias": "nextLabel"; "required": false; "isSignal": true; }; "firstLabel": { "alias": "firstLabel"; "required": false; "isSignal": true; }; "lastLabel": { "alias": "lastLabel"; "required": false; "isSignal": true; }; "infoTemplate": { "alias": "infoTemplate"; "required": false; "isSignal": true; }; }, { "page": "pageChange"; "pageSize": "pageSizeChange"; "pageChange": "pageChange"; "pageSizeChange": "pageSizeChange"; }, never, never, true, never>;
+}
+
 /**
  * Table component types and interfaces
  * Enterprise-grade type-safe table with full feature set
@@ -2385,7 +2450,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" | "bordered" | "minimal" | "striped">;
+    variant: _angular_core.Signal<"default" | "minimal" | "bordered" | "striped">;
     density: _angular_core.Signal<"compact" | "comfortable" | "spacious">;
     data: _angular_core.InputSignal<T[]>;
     columns: _angular_core.InputSignal<TableColumn<T>[]>;
@@ -2694,8 +2759,8 @@ type TextareaRadius = 'none' | 'sm' | 'md' | 'lg' | 'full';
 
 declare class TooltipComponent {
     content: _angular_core.InputSignal<string>;
-    trigger: _angular_core.InputSignal<"click" | "focus" | "hover">;
-    position: _angular_core.InputSignal<"top" | "bottom" | "left" | "right" | "top-start" | "top-end" | "bottom-start" | "bottom-end">;
+    trigger: _angular_core.InputSignal<"click" | "hover" | "focus">;
+    position: _angular_core.InputSignal<"left" | "right" | "top" | "bottom" | "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 +2793,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<"error" | "primary" | "secondary" | "success" | "warning" | undefined>;
-    radiusInput: _angular_core.InputSignal<"sm" | "md" | "lg" | "xl" | "full" | "none" | undefined>;
+    colorInput: _angular_core.InputSignal<"primary" | "secondary" | "success" | "error" | "warning" | undefined>;
+    radiusInput: _angular_core.InputSignal<"sm" | "md" | "lg" | "none" | "xl" | "full" | 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<"error" | "primary" | "secondary" | "success" | "warning">;
-    radius: _angular_core.Signal<"sm" | "md" | "lg" | "xl" | "full" | "none">;
+    color: _angular_core.Signal<"primary" | "secondary" | "success" | "error" | "warning">;
+    radius: _angular_core.Signal<"sm" | "md" | "lg" | "none" | "xl" | "full">;
     shadow: _angular_core.Signal<"sm" | "md" | "lg" | "none">;
     attached: _angular_core.InputSignal<boolean>;
     fullWidth: _angular_core.InputSignal<boolean>;
@@ -3054,5 +3119,5 @@ declare function loadGoogleFonts(fonts: Array<{
     display?: 'auto' | 'block' | 'swap' | 'fallback' | 'optional';
 }>): void;
 
-export { BadgeComponent, BadgeWrapperComponent, BottomNavigationComponent, ButtonComponent, ButtonGroupComponent, ButtonToggleGroupComponent, COUNTRY_OPTIONS, CardComponent, ChatComponent, ChatInputComponent, ChatMessageComponent, CheckboxComponent, ColorPickerCompactComponent, ColorPickerComponent, DEFAULT_COLOR_PRESETS, DrawerComponent, DrawerService, DropdownComponent, IconComponent, InputComponent, InspectorComponent, MASK_PRESETS, MaskDirective, MaskEngine, MenuComponent, ModalComponent, NavbarComponent, PhoneInputComponent, PopoverComponent, RadioButtonComponent, STUDIO_CONFIG, SelectComponent, SidebarComponent, StudioConfigService, SwitchComponent, TableColumnDirective, TableComponent, TabsComponent, TextareaComponent, ThemeSwitchComponent, TooltipComponent, classNames, isSafeUrl, loadGoogleFont, loadGoogleFonts, provideStudioConfig, provideStudioIcons, sanitizeUrl, withConfigDefault };
-export type { BadgeColor, BadgeDefaultsConfig, BadgeIconPosition, BadgeRadius, BadgeSize, BadgeVariant, BadgeWrapperPosition, BadgeWrapperSize, BottomNavigationDefaultsConfig, BottomNavigationFabPosition, BottomNavigationItem, BottomNavigationLabelMode, BottomNavigationSize, BottomNavigationVariant, ButtonDefaultsConfig, ButtonGroupDefaultsConfig, ButtonToggleGroupDefaultsConfig, ButtonToggleGroupOption, ButtonToggleGroupValue, CardColor, CardDefaultsConfig, CardImagePosition, CardOrientation, CardPadding, CardRadius, CardShadow, CardSize, CardVariant, ChatMessage, ChatSize, ChatUser, ChatVariant, CheckboxColor, CheckboxDefaultsConfig, CheckboxRadius, CheckboxSize, CheckboxVariant, ColorConfig, ColorFormat, ColorPickerDefaultsConfig, ColorPickerSize, ColorPickerVariant, ColorPreset, ColorSwatchGroup, ColorValue, ComponentsConfig, CountryOption, DrawerAnimationEasing, DrawerCloseButtonPosition, DrawerConfig, DrawerDefaultsConfig, DrawerPosition, DrawerRadius, DrawerRole, DrawerShadowSize, DrawerSize, DropdownDefaultsConfig, DropdownItem, DropdownPosition, EmptyStateConfig, HSL, InputDefaultsConfig, InputMode, InputType, InspectorComponentSize, InspectorComponentVariant, InspectorData, InspectorGroup, InspectorGroupDivider, InspectorOption, InspectorParameter, InspectorParameterType, InspectorSection, InspectorSpacing, MaskConfig, MaskPreset, MaskResult, MaskToken, MenuColor, MenuExpandEvent, MenuExpandIconPosition, MenuItem, MenuItemBadgeColor, MenuItemClickEvent, MenuItemCommandEvent, MenuItemIconPosition, MenuItemTarget, MenuItemTooltipPosition, MenuMode, MenuOrientation, MenuRadius, MenuSize, MenuSpacing, MenuVariant, ModalAnimation, ModalDefaultsConfig, ModalPosition, ModalSize, ModalVariant, NavbarColor, NavbarShadow, NavbarSize, NavbarVariant, PhoneCountry, PopoverAnimation, PopoverBoundary, PopoverConfig, PopoverDefaultsConfig, PopoverPosition, PopoverSize, PopoverTrigger, PopoverVariant, PopoverWidth, RGB, RadioButtonColor, RadioButtonDefaultsConfig, RadioButtonRadius, RadioButtonSize, RadioButtonVariant, RowAction, RowExpansion, SelectDefaultsConfig, SelectDisplayContext, SelectOption, SelectOptionGroup, SelectPosition, SelectSize, SelectVariant, SelectionEvent, SelectionMode, SidebarConfig, SidebarDefaultsConfig, SidebarPosition, SidebarSize, SidebarVariant, SortDirection, SortEvent, StudioConfig, StudioThemeConfig, SwitchDefaultsConfig, TabItem, TableCellContext, TableColumn, TableDefaultsConfig, TableDensity, TableHeaderContext, TableSort, TableState, TableVariant, TabsDefaultsConfig, TabsOrientation, TabsSize, TabsVariant, TextareaColor, TextareaDefaultsConfig, TextareaRadius, TextareaSize, TextareaVariant, ThemeMode, TooltipDefaultsConfig };
+export { BadgeComponent, BadgeWrapperComponent, BottomNavigationComponent, ButtonComponent, ButtonGroupComponent, ButtonToggleGroupComponent, COUNTRY_OPTIONS, CardComponent, ChatComponent, ChatInputComponent, ChatMessageComponent, CheckboxComponent, ColorPickerCompactComponent, ColorPickerComponent, DEFAULT_COLOR_PRESETS, DrawerComponent, DrawerService, DropdownComponent, IconComponent, InputComponent, InspectorComponent, MASK_PRESETS, MaskDirective, MaskEngine, MenuComponent, ModalComponent, NavbarComponent, PaginationComponent, PhoneInputComponent, PopoverComponent, RadioButtonComponent, STUDIO_CONFIG, SelectComponent, SidebarComponent, StudioConfigService, SwitchComponent, TableColumnDirective, TableComponent, TabsComponent, TextareaComponent, ThemeSwitchComponent, TooltipComponent, classNames, isSafeUrl, loadGoogleFont, loadGoogleFonts, provideStudioConfig, provideStudioIcons, sanitizeUrl, withConfigDefault };
+export type { BadgeColor, BadgeDefaultsConfig, BadgeIconPosition, BadgeRadius, BadgeSize, BadgeVariant, BadgeWrapperPosition, BadgeWrapperSize, BottomNavigationDefaultsConfig, BottomNavigationFabPosition, BottomNavigationItem, BottomNavigationLabelMode, BottomNavigationSize, BottomNavigationVariant, ButtonDefaultsConfig, ButtonGroupDefaultsConfig, ButtonToggleGroupDefaultsConfig, ButtonToggleGroupOption, ButtonToggleGroupValue, CardColor, CardDefaultsConfig, CardImagePosition, CardOrientation, CardPadding, CardRadius, CardShadow, CardSize, CardVariant, ChatMessage, ChatSize, ChatUser, ChatVariant, CheckboxColor, CheckboxDefaultsConfig, CheckboxRadius, CheckboxSize, CheckboxVariant, ColorConfig, ColorFormat, ColorPickerDefaultsConfig, ColorPickerSize, ColorPickerVariant, ColorPreset, ColorSwatchGroup, ColorValue, ComponentsConfig, CountryOption, DrawerAnimationEasing, DrawerCloseButtonPosition, DrawerConfig, DrawerDefaultsConfig, DrawerPosition, DrawerRadius, DrawerRole, DrawerShadowSize, DrawerSize, DropdownDefaultsConfig, DropdownItem, DropdownPosition, EmptyStateConfig, HSL, InputDefaultsConfig, InputMode, InputType, InspectorComponentSize, InspectorComponentVariant, InspectorData, InspectorGroup, InspectorGroupDivider, InspectorOption, InspectorParameter, InspectorParameterType, InspectorSection, InspectorSpacing, MaskConfig, MaskPreset, MaskResult, MaskToken, MenuColor, MenuExpandEvent, MenuExpandIconPosition, MenuItem, MenuItemBadgeColor, MenuItemClickEvent, MenuItemCommandEvent, MenuItemIconPosition, MenuItemTarget, MenuItemTooltipPosition, MenuMode, MenuOrientation, MenuRadius, MenuSize, MenuSpacing, MenuVariant, ModalAnimation, ModalDefaultsConfig, ModalPosition, ModalSize, ModalVariant, NavbarColor, NavbarShadow, NavbarSize, NavbarVariant, PaginationPageChangeEvent, PaginationPageSizeChangeEvent, PaginationSize, PaginationVariant, PhoneCountry, PopoverAnimation, PopoverBoundary, PopoverConfig, PopoverDefaultsConfig, PopoverPosition, PopoverSize, PopoverTrigger, PopoverVariant, PopoverWidth, RGB, RadioButtonColor, RadioButtonDefaultsConfig, RadioButtonRadius, RadioButtonSize, RadioButtonVariant, RowAction, RowExpansion, SelectDefaultsConfig, SelectDisplayContext, SelectOption, SelectOptionGroup, SelectPosition, SelectSize, SelectVariant, SelectionEvent, SelectionMode, SidebarConfig, SidebarDefaultsConfig, SidebarPosition, SidebarSize, SidebarVariant, SortDirection, SortEvent, StudioConfig, StudioThemeConfig, SwitchDefaultsConfig, TabItem, TableCellContext, TableColumn, TableDefaultsConfig, TableDensity, TableHeaderContext, TableSort, TableState, TableVariant, TabsDefaultsConfig, TabsOrientation, TabsSize, TabsVariant, TextareaColor, TextareaDefaultsConfig, TextareaRadius, TextareaSize, TextareaVariant, ThemeMode, TooltipDefaultsConfig };

package/package.json

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