@devjuliovilla/jv-ui 1.6.1 → 1.7.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devjuliovilla/jv-ui",
-  "version": "1.6.1",
+  "version": "1.7.0",
   "description": "Accessibility-first Angular component library — components, forms, data grids, dialogs, layout, services, and i18n infrastructure built with signals and standalone APIs.",
   "author": "@devjuliovilla",
   "license": "MIT",
@@ -45,10 +45,7 @@
     ".": {
       "types": "./types/devjuliovilla-jv-ui.d.ts",
       "default": "./fesm2022/devjuliovilla-jv-ui.mjs"
-    },
-    "./styles/*": {
-      "default": "./styles/*"
     }
   },
   "type": "module"
-}
+}

package/styles/jv-theme.css

@@ -23,6 +23,11 @@
   --jv-radius-md: 0.75rem;
   --jv-radius-lg: 1rem;
 
+  --jv-breakpoint-sm: 640px;
+  --jv-breakpoint-md: 768px;
+  --jv-breakpoint-lg: 1024px;
+  --jv-breakpoint-xl: 1280px;
+
   --jv-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.08);
   --jv-shadow-md: 0 10px 30px rgba(15, 23, 42, 0.08);
   --jv-shadow-lg: 0 20px 40px rgba(15, 23, 42, 0.16);

package/types/devjuliovilla-jv-ui.d.ts

@@ -11,7 +11,7 @@ declare class JvButtonComponent {
     readonly type: _angular_core.InputSignal<"button" | "submit" | "reset">;
     readonly variant: _angular_core.InputSignal<JvIntent>;
     readonly icon: _angular_core.InputSignal<string | null>;
-    readonly iconPosition: _angular_core.InputSignal<"start" | "end">;
+    readonly iconPosition: _angular_core.InputSignal<"end" | "start">;
     readonly loading: _angular_core.InputSignal<boolean>;
     readonly disabled: _angular_core.InputSignal<boolean>;
     protected readonly buttonClass: _angular_core.Signal<string>;
@@ -500,11 +500,12 @@ declare class JvDashboardShellComponent {
     readonly topbarActions: _angular_core.InputSignal<JvTopbarAction[]>;
     readonly showThemeSelector: _angular_core.InputSignal<boolean>;
     readonly menuClick: _angular_core.OutputEmitterRef<void>;
+    readonly mobileClose: _angular_core.OutputEmitterRef<void>;
     readonly sidebarCollapseToggle: _angular_core.OutputEmitterRef<void>;
     readonly themeChange: _angular_core.OutputEmitterRef<JvTheme>;
     readonly topbarActionClick: _angular_core.OutputEmitterRef<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<JvDashboardShellComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<JvDashboardShellComponent, "jv-dashboard-shell", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "sidebarSubtitle": { "alias": "sidebarSubtitle"; "required": false; "isSignal": true; }; "brandIcon": { "alias": "brandIcon"; "required": false; "isSignal": true; }; "navItems": { "alias": "navItems"; "required": false; "isSignal": true; }; "sidebarCollapsed": { "alias": "sidebarCollapsed"; "required": false; "isSignal": true; }; "mobileSidebarOpen": { "alias": "mobileSidebarOpen"; "required": false; "isSignal": true; }; "topbarTitle": { "alias": "topbarTitle"; "required": false; "isSignal": true; }; "topbarSubtitle": { "alias": "topbarSubtitle"; "required": false; "isSignal": true; }; "currentTheme": { "alias": "currentTheme"; "required": false; "isSignal": true; }; "themeOptions": { "alias": "themeOptions"; "required": false; "isSignal": true; }; "topbarActions": { "alias": "topbarActions"; "required": false; "isSignal": true; }; "showThemeSelector": { "alias": "showThemeSelector"; "required": false; "isSignal": true; }; }, { "menuClick": "menuClick"; "sidebarCollapseToggle": "sidebarCollapseToggle"; "themeChange": "themeChange"; "topbarActionClick": "topbarActionClick"; }, never, ["[topbar-actions]", "*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<JvDashboardShellComponent, "jv-dashboard-shell", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "sidebarSubtitle": { "alias": "sidebarSubtitle"; "required": false; "isSignal": true; }; "brandIcon": { "alias": "brandIcon"; "required": false; "isSignal": true; }; "navItems": { "alias": "navItems"; "required": false; "isSignal": true; }; "sidebarCollapsed": { "alias": "sidebarCollapsed"; "required": false; "isSignal": true; }; "mobileSidebarOpen": { "alias": "mobileSidebarOpen"; "required": false; "isSignal": true; }; "topbarTitle": { "alias": "topbarTitle"; "required": false; "isSignal": true; }; "topbarSubtitle": { "alias": "topbarSubtitle"; "required": false; "isSignal": true; }; "currentTheme": { "alias": "currentTheme"; "required": false; "isSignal": true; }; "themeOptions": { "alias": "themeOptions"; "required": false; "isSignal": true; }; "topbarActions": { "alias": "topbarActions"; "required": false; "isSignal": true; }; "showThemeSelector": { "alias": "showThemeSelector"; "required": false; "isSignal": true; }; }, { "menuClick": "menuClick"; "mobileClose": "mobileClose"; "sidebarCollapseToggle": "sidebarCollapseToggle"; "themeChange": "themeChange"; "topbarActionClick": "topbarActionClick"; }, never, ["[topbar-actions]", "*"], true, never>;
 }
 
 declare class JvPageComponent {
@@ -526,7 +527,14 @@ declare class JvSidebarComponent {
     readonly collapsed: _angular_core.InputSignal<boolean>;
     readonly mobileOpen: _angular_core.InputSignal<boolean>;
     readonly ariaLabel: _angular_core.InputSignal<string>;
+    readonly currentTheme: _angular_core.InputSignal<JvTheme>;
+    readonly themeOptions: _angular_core.InputSignal<JvThemeOption[]>;
+    readonly topbarActions: _angular_core.InputSignal<JvTopbarAction[]>;
+    readonly showThemeSelector: _angular_core.InputSignal<boolean>;
     readonly collapseToggle: _angular_core.OutputEmitterRef<void>;
+    readonly mobileClose: _angular_core.OutputEmitterRef<void>;
+    readonly themeChange: _angular_core.OutputEmitterRef<JvTheme>;
+    readonly actionClick: _angular_core.OutputEmitterRef<string>;
     private readonly activeChildParentIds;
     protected readonly normalizedItems: _angular_core.Signal<{
         children: JvNavItem[];
@@ -541,7 +549,7 @@ declare class JvSidebarComponent {
     protected isHashLink(href?: string): boolean;
     protected navigateTo(href?: string): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<JvSidebarComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<JvSidebarComponent, "jv-sidebar", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "brandIcon": { "alias": "brandIcon"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "mobileOpen": { "alias": "mobileOpen"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "collapseToggle": "collapseToggle"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<JvSidebarComponent, "jv-sidebar", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "brandIcon": { "alias": "brandIcon"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "mobileOpen": { "alias": "mobileOpen"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "currentTheme": { "alias": "currentTheme"; "required": false; "isSignal": true; }; "themeOptions": { "alias": "themeOptions"; "required": false; "isSignal": true; }; "topbarActions": { "alias": "topbarActions"; "required": false; "isSignal": true; }; "showThemeSelector": { "alias": "showThemeSelector"; "required": false; "isSignal": true; }; }, { "collapseToggle": "collapseToggle"; "mobileClose": "mobileClose"; "themeChange": "themeChange"; "actionClick": "actionClick"; }, never, never, true, never>;
 }
 
 declare class JvTopbarComponent {