@hermes-ui/angular 0.1.4 → 0.1.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hermes-ui/angular",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "description": "Angular components for Hermes",
   "keywords": [
     "hermes",
@@ -124,6 +124,10 @@
       "types": "./types/hermes-ui-angular-button.d.ts",
       "default": "./fesm2022/hermes-ui-angular-button.mjs"
     },
+    "./card": {
+      "types": "./types/hermes-ui-angular-card.d.ts",
+      "default": "./fesm2022/hermes-ui-angular-card.mjs"
+    },
     "./collapsible-panel": {
       "types": "./types/hermes-ui-angular-collapsible-panel.d.ts",
       "default": "./fesm2022/hermes-ui-angular-collapsible-panel.mjs"
@@ -144,6 +148,10 @@
       "types": "./types/hermes-ui-angular-data-tree-view.d.ts",
       "default": "./fesm2022/hermes-ui-angular-data-tree-view.mjs"
     },
+    "./divider": {
+      "types": "./types/hermes-ui-angular-divider.d.ts",
+      "default": "./fesm2022/hermes-ui-angular-divider.mjs"
+    },
     "./emphasis": {
       "types": "./types/hermes-ui-angular-emphasis.d.ts",
       "default": "./fesm2022/hermes-ui-angular-emphasis.mjs"
@@ -256,6 +264,10 @@
       "types": "./types/hermes-ui-angular-modal.d.ts",
       "default": "./fesm2022/hermes-ui-angular-modal.mjs"
     },
+    "./pagination": {
+      "types": "./types/hermes-ui-angular-pagination.d.ts",
+      "default": "./fesm2022/hermes-ui-angular-pagination.mjs"
+    },
     "./popover": {
       "types": "./types/hermes-ui-angular-popover.d.ts",
       "default": "./fesm2022/hermes-ui-angular-popover.mjs"

package/popover/dropdown/_dropdown.clarity.scss

@@ -91,11 +91,12 @@
 
     .dropdown-header {
       @include menu-mixins.generate-dropdown-header();
+    }
 
-      & ~ .dropdown-item,
-      & ~ .dropdown > .dropdown-item {
-        padding-left: density.$hermes-base-horizontal-offset-2xl;
-      }
+    // Trailing keyboard-shortcut hint inside a dropdown item (shadcn's CommandShortcut).
+    // Works because .dropdown-item is itself a flex container (see generate-dropdown-item()).
+    .dropdown-shortcut {
+      @include menu-mixins.generate-dropdown-shortcut();
     }
 
     .btn,
@@ -180,7 +181,8 @@
     .dropdown-divider {
       border-bottom: dropdown-variables.$hermes-dropdown-divider-border-width solid
         dropdown-variables.$hermes-dropdown-divider-color;
-      margin: density.$hermes-base-vertical-offset-l density.$hermes-base-horizontal-offset-l;
+      // Bleeds out to the menu's own edges despite its padding (shadcn's -mx-1 treatment).
+      margin: #{mixins.baselinePx(4)} calc(-1 * #{dropdown-variables.$hermes-dropdown-padding});
     }
   }
 
@@ -317,10 +319,9 @@
     position: static;
     overflow-y: auto;
 
-    .dropdown-header,
     .dropdown-item,
     .dropdown > .dropdown-item {
-      min-height: density.$hermes-base-row-height-s;
+      min-height: dropdown-variables.$hermes-dropdown-item-height;
     }
   }
 }

package/popover/dropdown/_menu-mixins.clarity.scss

@@ -28,9 +28,10 @@
   border-width: tokens.$hermes-alias-object-border-width-100;
   border-style: solid;
   border-color: dropdown-variables.$hermes-dropdown-border-color;
-  border-radius: density.$hermes-base-border-radius-s;
-  box-shadow: tokens.$hermes-alias-object-shadow-200;
-  padding: density.$hermes-base-vertical-offset-l density.$hermes-base-layout-space-4xs;
+  border-radius: dropdown-variables.$hermes-dropdown-border-radius;
+  box-shadow: dropdown-variables.$hermes-dropdown-shadow;
+  padding: dropdown-variables.$hermes-dropdown-padding;
+  gap: #{mixins.baselinePx(1)};
   visibility: hidden;
   z-index: map.get(variables.$hermes-layers, dropdown-menu);
 }
@@ -39,12 +40,17 @@
     'SECONDARY-13-RG-EXP',
     (
       font-weight: dropdown-variables.$hermes-dropdown-item-font-weight,
+      // shadcn text-sm (14px) instead of the shared SECONDARY-13 (13px) token.
+      font-size: dropdown-variables.$hermes-dropdown-item-font-size,
     )
   );
 
   color: dropdown-variables.$hermes-dropdown-item-color;
   background-color: dropdown-variables.$hermes-dropdown-item-bg-color;
   border: 0;
+  // rounded-md hover/active highlight inset within the menu's own padding,
+  // instead of an edge-to-edge Clarity highlight.
+  border-radius: dropdown-variables.$hermes-dropdown-item-border-radius;
   cursor: pointer;
   display: flex;
   gap: density.$hermes-base-gap-xs;
@@ -111,19 +117,29 @@
     'SECONDARY-13-MD-EXP',
     (
       font-weight: dropdown-variables.$hermes-dropdown-header-font-weight,
+      font-size: #{mixins.baselinePx(12)},
     )
   );
 
-  padding: 0 density.$hermes-base-horizontal-offset-l;
+  padding: #{mixins.baselinePx(6)} #{mixins.baselinePx(8)} #{mixins.baselinePx(2)};
   margin: 0;
 }
 @mixin generate-dropdown-item-height() {
-  padding: 0 density.$hermes-base-horizontal-offset-2xl 0 density.$hermes-base-horizontal-offset-l;
+  padding: 0 #{mixins.baselinePx(8)};
+  min-height: dropdown-variables.$hermes-dropdown-item-height;
 
   @media screen and (max-width: map.get(variables.$hermes-grid-breakpoints, sm)) {
-    padding: density.$hermes-base-vertical-offset-s density.$hermes-base-horizontal-offset-2xl;
+    padding: density.$hermes-base-vertical-offset-s #{mixins.baselinePx(8)};
   }
 }
+@mixin generate-dropdown-shortcut() {
+  margin-left: auto;
+  padding-left: density.$hermes-base-gap-l;
+  color: dropdown-variables.$hermes-dropdown-shortcut-color;
+  font-size: #{mixins.baselinePx(12)};
+  letter-spacing: #{mixins.baselinePx(0.5)};
+  white-space: nowrap;
+}
 @mixin dropdown-item-outline() {
   outline-color: Highlight;
   outline-color: -webkit-focus-ring-color;

package/popover/dropdown/_properties.dropdown.scss

@@ -14,6 +14,22 @@
     --hermes-dropdown-header-font-weight: #{tokens.$hermes-alias-typography-font-weight-medium};
     --hermes-dropdown-item-font-weight: #{tokens.$hermes-alias-typography-secondary-font-weight};
 
+    // shadcn-style dropdown: rounded-lg container (8px, vs Clarity's sharp-ish
+    // 4px), a softer/larger-spread neutral shadow instead of the teal-tinted
+    // Clarity one (that shared token is used by many other components, so
+    // it's overridden here rather than changed globally), roomier outer
+    // padding so items read as "inset" cards, and items get their own
+    // rounded-md (6px) hover highlight instead of an edge-to-edge one.
+    --hermes-dropdown-border-radius: #{mixins.baselinePx(10)};
+    --hermes-dropdown-shadow: 0 #{mixins.baselinePx(10)} #{mixins.baselinePx(30)} rgba(0, 0, 0, 0.12),
+      0 #{mixins.baselinePx(2)} #{mixins.baselinePx(8)} rgba(0, 0, 0, 0.08);
+    --hermes-dropdown-padding: #{mixins.baselinePx(6)};
+    --hermes-dropdown-item-border-radius: #{mixins.baselinePx(6)};
+    // shadcn text-sm (14px), overriding the shared SECONDARY-13 typography
+    // token that .dropdown-item otherwise pulls in.
+    --hermes-dropdown-item-font-size: #{mixins.baselinePx(14)};
+    --hermes-dropdown-item-height: #{mixins.baselinePx(34)};
+
     &,
     & [hermes-theme] {
       // Usage: ../popover/dropdown/_dropdown.clarity.scss
@@ -45,6 +61,10 @@
       --hermes-dropdown-item-selected-active-bg-color: var(--hermes-alias-object-interaction-background-selected-active);
       --hermes-dropdown-item-disabled-color: #{tokens.$hermes-alias-object-interaction-color-disabled};
       --hermes-dropdown-item-disabled-bg-color: transparent; // #{tokens.$hermes-alias-object-interaction-background-disabled};
+
+      // Usage: ../popover/dropdown/_menu-mixins.clarity.scss
+      // Trailing keyboard-shortcut hint (shadcn's <kbd>/CommandShortcut) inside a dropdown item.
+      --hermes-dropdown-shortcut-color: var(--hermes-dropdown-header-color);
     }
   }
 }

package/popover/dropdown/_variables.dropdown.scss

@@ -10,6 +10,13 @@ $hermes-dropdown-border-color: var(--hermes-dropdown-border-color) !default;
 $hermes-dropdown-divider-color: var(--hermes-dropdown-divider-color) !default;
 $hermes-dropdown-divider-border-width: var(--hermes-dropdown-divider-border-width) !default;
 $hermes-dropdown-child-border-color: var(--hermes-dropdown-child-border-color) !default;
+$hermes-dropdown-border-radius: var(--hermes-dropdown-border-radius) !default;
+$hermes-dropdown-shadow: var(--hermes-dropdown-shadow) !default;
+$hermes-dropdown-padding: var(--hermes-dropdown-padding) !default;
+$hermes-dropdown-item-border-radius: var(--hermes-dropdown-item-border-radius) !default;
+$hermes-dropdown-item-font-size: var(--hermes-dropdown-item-font-size) !default;
+$hermes-dropdown-item-height: var(--hermes-dropdown-item-height) !default;
+$hermes-dropdown-shortcut-color: var(--hermes-dropdown-shortcut-color) !default;
 
 // Usage:  ../data/datagrid/_datagrid.clarity.scss
 // Usage:  ../emphasis/alert/_alert.clarity.scss

package/types/hermes-ui-angular-card.d.ts

@@ -0,0 +1,24 @@
+import * as i0 from '@angular/core';
+
+/**
+ * A styled container for grouping related content. Compose the inside with
+ * `hermes-layout`, `hermes-text` and `hermes-divider` (with the
+ * `hermes-card-remove-margin` attribute to bleed a divider edge-to-edge).
+ *
+ * ```html
+ * <hermes-card aria-labelledby="my-card-title">
+ *   <div hermes-layout="vertical gap:md">
+ *     <h2 id="my-card-title" hermes-text="section">Card title</h2>
+ *     <hermes-divider hermes-card-remove-margin></hermes-divider>
+ *     <div hermes-text="body light">Card content</div>
+ *   </div>
+ * </hermes-card>
+ * ```
+ */
+declare class HermesCard {
+    static ɵfac: i0.ɵɵFactoryDeclaration<HermesCard, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HermesCard, "hermes-card", never, {}, {}, never, ["*"], true, never>;
+}
+
+export { HermesCard };
+//# sourceMappingURL=hermes-ui-angular-card.d.ts.map

package/types/hermes-ui-angular-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hermes-ui-angular-card.d.ts","sources":["../../../card/card.ts"],"mappings":";;AASA;;;;;;;;;;;;;;AAcG;AACH,cAUa,UAAU;yCAAV,UAAU;2CAAV,UAAU;AAAG;;","names":[]}

package/types/hermes-ui-angular-divider.d.ts

@@ -0,0 +1,20 @@
+import * as i0 from '@angular/core';
+
+type HermesDividerOrientation = 'horizontal' | 'vertical';
+/**
+ * Dividers are a convenient way to place lined dividers or "rules" between blocks of content.
+ *
+ * ```html
+ * <hermes-divider></hermes-divider>
+ * <hermes-divider orientation="vertical"></hermes-divider>
+ * ```
+ */
+declare class HermesDivider {
+    orientation: HermesDividerOrientation;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HermesDivider, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HermesDivider, "hermes-divider", never, { "orientation": { "alias": "orientation"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+export { HermesDivider };
+export type { HermesDividerOrientation };
+//# sourceMappingURL=hermes-ui-angular-divider.d.ts.map

package/types/hermes-ui-angular-divider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hermes-ui-angular-divider.d.ts","sources":["../../../divider/divider.ts"],"mappings":";;KASY,wBAAwB;AAEpC;;;;;;;AAOG;AACH,cAUa,aAAa;iBACF,wBAAwB;yCADnC,aAAa;2CAAb,aAAa;AAEzB;;","names":[]}

package/types/hermes-ui-angular-forms-datepicker.d.ts

@@ -983,5 +983,5 @@ declare class HermesDatepickerModule {
 }
 
 export { HERMES_DATEPICKER_DIRECTIVES, HermesCalendar, HermesDateContainer, HermesDateInput, HermesDateInputBase, HermesDateInputValidator, HermesDatepickerActions, HermesDatepickerModule, HermesDatepickerViewManager, HermesDay, HermesDaypicker, HermesEndDateInput, HermesEndDateInputValidator, HermesMonthpicker, HermesStartDateInput, HermesStartDateInputValidator, HermesWeekday, HermesYearpicker };
-export type { HermesDayOfWeek };
+export type { DateRange, DateRangeInput, DateRangeOption, HermesDayOfWeek };
 //# sourceMappingURL=hermes-ui-angular-forms-datepicker.d.ts.map

package/types/hermes-ui-angular-layout-vertical-nav.d.ts

@@ -84,7 +84,17 @@ declare class HermesVerticalNav implements OnDestroy {
     private _navGroupRegistrationService;
     commonStrings: HermesCommonStringsService;
     toggleLabel: string;
+    /** Quando true, o toggle vira semanticamente um "fixar aberta/fechada" (ícones
+     *  pin/unpin em vez do chevron duplo genérico) e habilita o hover-peek: passar
+     *  o mouse enquanto colapsada e não fixada expande temporariamente (ver
+     *  onPeekEnter/onPeekLeave abaixo), sem persistir nem emitir o output. */
+    pinnable: boolean;
     contentId: string;
+    /** true só enquanto o mouse está sobre uma nav colapsada e "pinnable" —
+     *  não persiste, não afeta `collapsed`/o output, é puramente visual. */
+    peeking: boolean;
+    onPeekEnter(): void;
+    onPeekLeave(): void;
     private _collapsedChanged;
     private _sub;
     constructor(_navService: VerticalNavService, _navIconService: VerticalNavIconService, _navGroupRegistrationService: VerticalNavGroupRegistrationService, commonStrings: HermesCommonStringsService);
@@ -98,7 +108,7 @@ declare class HermesVerticalNav implements OnDestroy {
     ngOnDestroy(): void;
     toggleByButton(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<HermesVerticalNav, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<HermesVerticalNav, "hermes-vertical-nav", never, { "toggleLabel": { "alias": "hermesVerticalNavToggleLabel"; "required": false; }; "collapsible": { "alias": "hermesVerticalNavCollapsible"; "required": false; }; "collapsed": { "alias": "hermesVerticalNavCollapsed"; "required": false; }; }, { "_collapsedChanged": "hermesVerticalNavCollapsedChange"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HermesVerticalNav, "hermes-vertical-nav", never, { "toggleLabel": { "alias": "hermesVerticalNavToggleLabel"; "required": false; }; "pinnable": { "alias": "hermesVerticalNavPinnable"; "required": false; }; "collapsible": { "alias": "hermesVerticalNavCollapsible"; "required": false; }; "collapsed": { "alias": "hermesVerticalNavCollapsed"; "required": false; }; }, { "_collapsedChanged": "hermesVerticalNavCollapsedChange"; }, never, ["*"], false, never>;
 }
 
 declare class HermesVerticalNavLink implements OnDestroy {

package/types/hermes-ui-angular-layout-vertical-nav.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hermes-ui-angular-layout-vertical-nav.d.ts","sources":["../../../layout/vertical-nav/vertical-nav-group-children.ts","../../../layout/vertical-nav/providers/vertical-nav-group-registration.service.ts","../../../layout/vertical-nav/providers/vertical-nav-group.service.ts","../../../layout/vertical-nav/providers/vertical-nav.service.ts","../../../layout/vertical-nav/vertical-nav-group.ts","../../../layout/vertical-nav/providers/vertical-nav-icon.service.ts","../../../layout/vertical-nav/vertical-nav.ts","../../../layout/vertical-nav/vertical-nav-link.ts","../../../layout/vertical-nav/vertical-nav-icon.ts","../../../layout/vertical-nav/vertical-nav.module.ts"],"mappings":";;;;;;;;;AASA,cAKa,8BAA8B;yCAA9B,8BAA8B;2CAA9B,8BAA8B;AAAG;;ACL9C,cACa,mCAAmC;AAC9C;;AAMA;yCAPW,mCAAmC;6CAAnC,mCAAmC;AAU/C;;ACVD,cACa,uBAAuB;;AAGlC,wBAAoB,UAAU;AAI9B;yCAPW,uBAAuB;6CAAvB,uBAAuB;AAUnC;;ACXD,cACa,kBAAkB;;;;;AAM7B,8BAA0B,UAAU;AAIpC,4BAAwB,UAAU;;AAOlC;;AAUA;AAUA;yCArCW,kBAAkB;6CAAlB,kBAAkB;AA0C9B;;AClCD,cAca,sBAAuB,YAAW,gBAAgB,EAAE,SAAS;AAQtE;AACA;AAEA;AACO,mBAAe,0BAA0B;AAXF,oBAAc,YAAA;;;;AAOpD,6BAAa,eAAe,gCACE,mCAAmC,mBACxD,uBAAuB,eACnB,kBAAkB,iBACjB,0BAA0B;;AAmDlD;AAOA;;AAcA;;;AAoBA;AAMA;gCAO4B,cAAc;AAM1C;yCA3HW,sBAAsB;2CAAtB,sBAAsB;AAuIlC;;AC/JD,cACa,sBAAsB;;;AAOjC;AAIA;yCAXW,sBAAsB;6CAAtB,sBAAsB;AAclC;;ACTD,cAYa,iBAAkB,YAAW,SAAS;AAS/C;AACA;AACA;AACO,mBAAe,0BAA0B;;AAVlD;;;AAOU,6BAAa,kBAAkB,mBACd,sBAAsB,gCACT,mCAAmC,iBACnD,0BAA0B;AAOlD;AAIA;AAIA;AAIA;;;;;;yCA/BW,iBAAiB;2CAAjB,iBAAiB;AAyD7B;;ACvED,cAaa,qBAAsB,YAAW,SAAS;;AAInD,sBAAM,UAAU,CAAC,WAAW,QACvB,iBAAiB,mBACwC,uBAAuB;AAavF;yCAnBW,qBAAqB;2CAArB,qBAAqB;AAsBjC;;ACrCD,cAKa,qBAAsB,YAAW,SAAS;AACzC;AAAQ,yCAAyB,sBAAsB;;yCADxD,qBAAqB;2CAArB,qBAAqB;AAQjC;;ACND,cAAa,8BAA8B,EAAE,IAAI;AAQjD,cAKa,uBAAuB;;yCAAvB,uBAAuB;0CAAvB,uBAAuB,UAAAA,iBAAA,SAAAC,qBAAA,SAAAC,sBAAA,SAAAC,8BAAA,SAAAC,qBAAA,WAAA,EAAA,CAAA,YAAA,SAAA,EAAA,CAAA,UAAA,SAAA,EAAA,CAAA,uBAAA,SAAA,EAAA,CAAA,2BAAA,WAAAJ,iBAAA,SAAAC,qBAAA,SAAAC,sBAAA,SAAAC,8BAAA,SAAAC,qBAAA,SAAA,EAAA,CAAA,uBAAA,SAAA,EAAA,CAAA,UAAA,SAAA,EAAA,CAAA,2BAAA;0CAAvB,uBAAuB;AAInC;;","names":["i1.HermesVerticalNav","i2.HermesVerticalNavLink","i3.HermesVerticalNavGroup","i4.HermesVerticalNavGroupChildren","i5.HermesVerticalNavIcon"]}
+{"version":3,"file":"hermes-ui-angular-layout-vertical-nav.d.ts","sources":["../../../layout/vertical-nav/vertical-nav-group-children.ts","../../../layout/vertical-nav/providers/vertical-nav-group-registration.service.ts","../../../layout/vertical-nav/providers/vertical-nav-group.service.ts","../../../layout/vertical-nav/providers/vertical-nav.service.ts","../../../layout/vertical-nav/vertical-nav-group.ts","../../../layout/vertical-nav/providers/vertical-nav-icon.service.ts","../../../layout/vertical-nav/vertical-nav.ts","../../../layout/vertical-nav/vertical-nav-link.ts","../../../layout/vertical-nav/vertical-nav-icon.ts","../../../layout/vertical-nav/vertical-nav.module.ts"],"mappings":";;;;;;;;;AASA,cAKa,8BAA8B;yCAA9B,8BAA8B;2CAA9B,8BAA8B;AAAG;;ACL9C,cACa,mCAAmC;AAC9C;;AAMA;yCAPW,mCAAmC;6CAAnC,mCAAmC;AAU/C;;ACVD,cACa,uBAAuB;;AAGlC,wBAAoB,UAAU;AAI9B;yCAPW,uBAAuB;6CAAvB,uBAAuB;AAUnC;;ACXD,cACa,kBAAkB;;;;;AAM7B,8BAA0B,UAAU;AAIpC,4BAAwB,UAAU;;AAOlC;;AAUA;AAUA;yCArCW,kBAAkB;6CAAlB,kBAAkB;AA0C9B;;AClCD,cAca,sBAAuB,YAAW,gBAAgB,EAAE,SAAS;AAQtE;AACA;AAEA;AACO,mBAAe,0BAA0B;AAXF,oBAAc,YAAA;;;;AAOpD,6BAAa,eAAe,gCACE,mCAAmC,mBACxD,uBAAuB,eACnB,kBAAkB,iBACjB,0BAA0B;;AAmDlD;AAOA;;AAcA;;;AAoBA;AAMA;gCAO4B,cAAc;AAM1C;yCA3HW,sBAAsB;2CAAtB,sBAAsB;AAuIlC;;AC/JD,cACa,sBAAsB;;;AAOjC;AAIA;yCAXW,sBAAsB;6CAAtB,sBAAsB;AAclC;;ACTD,cAqBa,iBAAkB,YAAW,SAAS;AA4B/C;AACA;AACA;AACO,mBAAe,0BAA0B;;AA7BlD;;;AAG0E;AACtC;AACpC;AAEA;AACwE;AACxE;AAEA;AAMA;;;AASU,6BAAa,kBAAkB,mBACd,sBAAsB,gCACT,mCAAmC,iBACnD,0BAA0B;AAOlD;AAIA;AAIA;AAIA;;;;;;yCAlDW,iBAAiB;2CAAjB,iBAAiB;AA4E7B;;ACnGD,cAaa,qBAAsB,YAAW,SAAS;;AAInD,sBAAM,UAAU,CAAC,WAAW,QACvB,iBAAiB,mBACwC,uBAAuB;AAavF;yCAnBW,qBAAqB;2CAArB,qBAAqB;AAsBjC;;ACrCD,cAKa,qBAAsB,YAAW,SAAS;AACzC;AAAQ,yCAAyB,sBAAsB;;yCADxD,qBAAqB;2CAArB,qBAAqB;AAQjC;;ACND,cAAa,8BAA8B,EAAE,IAAI;AAQjD,cAKa,uBAAuB;;yCAAvB,uBAAuB;0CAAvB,uBAAuB,UAAAA,iBAAA,SAAAC,qBAAA,SAAAC,sBAAA,SAAAC,8BAAA,SAAAC,qBAAA,WAAA,EAAA,CAAA,YAAA,SAAA,EAAA,CAAA,UAAA,SAAA,EAAA,CAAA,uBAAA,SAAA,EAAA,CAAA,2BAAA,WAAAJ,iBAAA,SAAAC,qBAAA,SAAAC,sBAAA,SAAAC,8BAAA,SAAAC,qBAAA,SAAA,EAAA,CAAA,uBAAA,SAAA,EAAA,CAAA,UAAA,SAAA,EAAA,CAAA,2BAAA;0CAAvB,uBAAuB;AAInC;;","names":["i1.HermesVerticalNav","i2.HermesVerticalNavLink","i3.HermesVerticalNavGroup","i4.HermesVerticalNavGroupChildren","i5.HermesVerticalNavIcon"]}

package/types/hermes-ui-angular-pagination.d.ts

@@ -0,0 +1,52 @@
+import * as i0 from '@angular/core';
+
+/**
+ * @beta This mirrors the `@beta` status of `hermes-pagination` in `@hermes-ui/core` - the API may still change.
+ *
+ * Lays out pagination controls (`<hermes-pagination-button>`, a page indicator, an optional
+ * jump-to-page `hermesInput`) in a row. Always provide an `aria-label` describing what is being paginated.
+ *
+ * ```html
+ * <hermes-pagination aria-label="Pagination">
+ *   <hermes-pagination-button action="first" ariaLabel="First page" [disabled]="page === 1"></hermes-pagination-button>
+ *   <hermes-pagination-button action="prev" ariaLabel="Previous page" [disabled]="page === 1"></hermes-pagination-button>
+ *   <span aria-label="current page">{{ page }} / {{ totalPages }}</span>
+ *   <hermes-pagination-button action="next" ariaLabel="Next page" [disabled]="page === totalPages"></hermes-pagination-button>
+ *   <hermes-pagination-button action="last" ariaLabel="Last page" [disabled]="page === totalPages"></hermes-pagination-button>
+ * </hermes-pagination>
+ * ```
+ */
+declare class HermesPagination {
+    static ɵfac: i0.ɵɵFactoryDeclaration<HermesPagination, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HermesPagination, "hermes-pagination", never, {}, {}, never, ["*"], true, never>;
+}
+
+type HermesPaginationAction = 'first' | 'prev' | 'next' | 'last';
+interface PaginationIconConfig {
+    shape: string;
+    direction: 'up' | 'right' | 'down' | 'left';
+}
+/**
+ * @beta Mirrors the `@beta` status of `hermes-pagination-button` in `@hermes-ui/core`.
+ *
+ * An icon-only action button meant to sit inside `<hermes-pagination>`. Always set `ariaLabel`
+ * (e.g. "First page", "Previous page") since the button carries no visible text.
+ */
+declare class HermesPaginationButton {
+    action: HermesPaginationAction;
+    disabled: boolean;
+    ariaLabel: string;
+    get icon(): PaginationIconConfig;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HermesPaginationButton, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HermesPaginationButton, "hermes-pagination-button", never, { "action": { "alias": "action"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class HermesPaginationModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<HermesPaginationModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<HermesPaginationModule, never, [typeof HermesPagination, typeof HermesPaginationButton], [typeof HermesPagination, typeof HermesPaginationButton]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<HermesPaginationModule>;
+}
+
+export { HermesPagination, HermesPaginationButton, HermesPaginationModule };
+export type { HermesPaginationAction };
+//# sourceMappingURL=hermes-ui-angular-pagination.d.ts.map

package/types/hermes-ui-angular-pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hermes-ui-angular-pagination.d.ts","sources":["../../../pagination/pagination.ts","../../../pagination/pagination-button.ts","../../../pagination/pagination.module.ts"],"mappings":";;AASA;;;;;;;;;;;;;;;AAeG;AACH,cAOa,gBAAgB;yCAAhB,gBAAgB;2CAAhB,gBAAgB;AAAG;;ACtB1B,KAAM,sBAAsB;AAElC,UAAU,oBAAoB;;;AAG7B;AAUD;;;;;AAKG;AACH,cAYa,sBAAsB;YAChB,sBAAsB;AAC9B;;gBAGG,oBAAoB;yCALrB,sBAAsB;2CAAtB,sBAAsB;AAQlC;;ACvCD,cAIa,sBAAsB;yCAAtB,sBAAsB;0CAAtB,sBAAsB,iBAAAA,gBAAA,SAAAC,sBAAA,WAAAD,gBAAA,SAAAC,sBAAA;0CAAtB,sBAAsB;AAAG;;","names":["i1.HermesPagination","i2.HermesPaginationButton"]}

package/types/hermes-ui-angular.d.ts

@@ -1,42 +1,48 @@
 import * as i0 from '@angular/core';
 import * as i1 from '@hermes-ui/angular/icon';
 export * from '@hermes-ui/angular/icon';
-import * as i2 from '@hermes-ui/angular/emphasis';
+import * as i2 from '@hermes-ui/angular/divider';
+export * from '@hermes-ui/angular/divider';
+import * as i3 from '@hermes-ui/angular/card';
+export * from '@hermes-ui/angular/card';
+import * as i4 from '@hermes-ui/angular/emphasis';
 export * from '@hermes-ui/angular/emphasis';
-import * as i3 from '@hermes-ui/angular/data';
+import * as i5 from '@hermes-ui/angular/data';
 export * from '@hermes-ui/angular/data';
-import * as i4 from '@hermes-ui/angular/modal';
+import * as i6 from '@hermes-ui/angular/modal';
 export * from '@hermes-ui/angular/modal';
-import * as i5 from '@hermes-ui/angular/utils';
+import * as i7 from '@hermes-ui/angular/pagination';
+export * from '@hermes-ui/angular/pagination';
+import * as i8 from '@hermes-ui/angular/utils';
 export * from '@hermes-ui/angular/utils';
-import * as i6 from '@hermes-ui/angular/button';
+import * as i9 from '@hermes-ui/angular/button';
 export * from '@hermes-ui/angular/button';
-import * as i7 from '@hermes-ui/angular/forms';
+import * as i10 from '@hermes-ui/angular/forms';
 export * from '@hermes-ui/angular/forms';
-import * as i8 from '@hermes-ui/angular/layout';
+import * as i11 from '@hermes-ui/angular/layout';
 export * from '@hermes-ui/angular/layout';
-import * as i9 from '@hermes-ui/angular/popover';
+import * as i12 from '@hermes-ui/angular/popover';
 export * from '@hermes-ui/angular/popover';
-import * as i10 from '@hermes-ui/angular/wizard';
+import * as i13 from '@hermes-ui/angular/wizard';
 export * from '@hermes-ui/angular/wizard';
-import * as i11 from '@hermes-ui/angular/accordion';
+import * as i14 from '@hermes-ui/angular/accordion';
 export * from '@hermes-ui/angular/accordion';
-import * as i12 from '@hermes-ui/angular/stepper';
+import * as i15 from '@hermes-ui/angular/stepper';
 export * from '@hermes-ui/angular/stepper';
-import * as i13 from '@hermes-ui/angular/progress/spinner';
+import * as i16 from '@hermes-ui/angular/progress/spinner';
 export * from '@hermes-ui/angular/progress/spinner';
-import * as i14 from '@hermes-ui/angular/progress/progress-bars';
+import * as i17 from '@hermes-ui/angular/progress/progress-bars';
 export * from '@hermes-ui/angular/progress/progress-bars';
-import * as i15 from '@hermes-ui/angular/popover/common';
-import * as i16 from '@hermes-ui/angular/timeline';
+import * as i18 from '@hermes-ui/angular/popover/common';
+import * as i19 from '@hermes-ui/angular/timeline';
 export * from '@hermes-ui/angular/timeline';
-import * as i17 from '@hermes-ui/angular/toast';
+import * as i20 from '@hermes-ui/angular/toast';
 export * from '@hermes-ui/angular/toast';
 export * from '@hermes-ui/angular/collapsible-panel';
 
 declare class HermesModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<HermesModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<HermesModule, never, [typeof i1.HermesIcon], [typeof i2.HermesEmphasisModule, typeof i3.HermesDataModule, typeof i1.HermesIcon, typeof i1.HermesIconModule, typeof i4.HermesModalModule, typeof i5.HermesLoadingModule, typeof i5.HermesConditionalModule, typeof i5.HermesFocusOnViewInitModule, typeof i6.HermesButtonModule, typeof i7.HermesFormsModule, typeof i8.HermesLayoutModule, typeof i9.HermesPopoverModule, typeof i10.HermesWizardModule, typeof i4.HermesSidePanelModule, typeof i11.HermesAccordionModule, typeof i12.HermesStepperModule, typeof i13.HermesSpinnerModule, typeof i14.HermesProgressBarModule, typeof i15.HermesPopoverModuleNext, typeof i16.HermesTimelineModule, typeof i17.HermesToastModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<HermesModule, never, [typeof i1.HermesIcon, typeof i2.HermesDivider, typeof i3.HermesCard], [typeof i4.HermesEmphasisModule, typeof i5.HermesDataModule, typeof i3.HermesCard, typeof i2.HermesDivider, typeof i1.HermesIcon, typeof i1.HermesIconModule, typeof i6.HermesModalModule, typeof i7.HermesPaginationModule, typeof i8.HermesLoadingModule, typeof i8.HermesConditionalModule, typeof i8.HermesFocusOnViewInitModule, typeof i9.HermesButtonModule, typeof i10.HermesFormsModule, typeof i11.HermesLayoutModule, typeof i12.HermesPopoverModule, typeof i13.HermesWizardModule, typeof i6.HermesSidePanelModule, typeof i14.HermesAccordionModule, typeof i15.HermesStepperModule, typeof i16.HermesSpinnerModule, typeof i17.HermesProgressBarModule, typeof i18.HermesPopoverModuleNext, typeof i19.HermesTimelineModule, typeof i20.HermesToastModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<HermesModule>;
 }
 

package/types/hermes-ui-angular.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hermes-ui-angular.d.ts","sources":["../../../hermes-angular.module.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,cA0Ba,YAAY;yCAAZ,YAAY;0CAAZ,YAAY,iBAAA,EAAA,CAAA,UAAA,WAAA,EAAA,CAAA,oBAAA,SAAA,EAAA,CAAA,gBAAA,SAAA,EAAA,CAAA,UAAA,SAAA,EAAA,CAAA,gBAAA,SAAA,EAAA,CAAA,iBAAA,SAAA,EAAA,CAAA,mBAAA,SAAA,EAAA,CAAA,uBAAA,SAAA,EAAA,CAAA,2BAAA,SAAA,EAAA,CAAA,kBAAA,SAAA,EAAA,CAAA,iBAAA,SAAA,EAAA,CAAA,kBAAA,SAAA,EAAA,CAAA,mBAAA,SAAA,GAAA,CAAA,kBAAA,SAAA,EAAA,CAAA,qBAAA,SAAA,GAAA,CAAA,qBAAA,SAAA,GAAA,CAAA,mBAAA,SAAA,GAAA,CAAA,mBAAA,SAAA,GAAA,CAAA,uBAAA,SAAA,GAAA,CAAA,uBAAA,SAAA,GAAA,CAAA,oBAAA,SAAA,GAAA,CAAA,iBAAA;0CAAZ,YAAY;AAAG;;","names":[]}
+{"version":3,"file":"hermes-ui-angular.d.ts","sources":["../../../hermes-angular.module.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,cA6Ba,YAAY;yCAAZ,YAAY;0CAAZ,YAAY,iBAAA,EAAA,CAAA,UAAA,SAAA,EAAA,CAAA,aAAA,SAAA,EAAA,CAAA,UAAA,WAAA,EAAA,CAAA,oBAAA,SAAA,EAAA,CAAA,gBAAA,SAAA,EAAA,CAAA,UAAA,SAAA,EAAA,CAAA,aAAA,SAAA,EAAA,CAAA,UAAA,SAAA,EAAA,CAAA,gBAAA,SAAA,EAAA,CAAA,iBAAA,SAAA,EAAA,CAAA,sBAAA,SAAA,EAAA,CAAA,mBAAA,SAAA,EAAA,CAAA,uBAAA,SAAA,EAAA,CAAA,2BAAA,SAAA,EAAA,CAAA,kBAAA,SAAA,GAAA,CAAA,iBAAA,SAAA,GAAA,CAAA,kBAAA,SAAA,GAAA,CAAA,mBAAA,SAAA,GAAA,CAAA,kBAAA,SAAA,EAAA,CAAA,qBAAA,SAAA,GAAA,CAAA,qBAAA,SAAA,GAAA,CAAA,mBAAA,SAAA,GAAA,CAAA,mBAAA,SAAA,GAAA,CAAA,uBAAA,SAAA,GAAA,CAAA,uBAAA,SAAA,GAAA,CAAA,oBAAA,SAAA,GAAA,CAAA,iBAAA;0CAAZ,YAAY;AAAG;;","names":[]}