@bmxc/pami-elements 0.1.0-beta.1 → 0.1.0-beta.2

package/dist/sources/{3dfe9c1f569325c20a35778ec0dcb5ade6a20004645962282432aa2a85782276 → fff81d2a74c0586d69a65f9a8fe1954f6e853cc8f98c6cdea75a07a9737061b3}/pami-transfer-list.css_tag_pami-transfer-list_encapsulation_shadow

@@ -196,7 +196,7 @@
   /* title-small (14/20) — 0.5px/rung on the size, 1px on the line-height, the
      library's rates for sub-22px type. See packages/tokens/src/tokens.css §10-12. */
   font-size: max(12px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px));
-  font-weight: var(--md-sys-typescale-title-small-weight, 500);
+  font-weight: var(--md-sys-typescale-title-small-font-weight, 500);
   line-height: max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px));
   color: var(--md-sys-color-on-surface);
   white-space: nowrap;
@@ -216,7 +216,7 @@
      already the smallest text in the component, and the usual 0.5px/rung taper
      would run it to 9px at -4 — below what the count stays legible at. */
   font-size: max(10px, calc(11px + var(--md-sys-density-scale, 0) * 0.5px));
-  font-weight: var(--md-sys-typescale-label-small-weight, 500);
+  font-weight: var(--md-sys-typescale-label-small-font-weight, 500);
   line-height: max(14px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px));
   letter-spacing: 0.4px;
   white-space: nowrap;

package/dist/types/components/pami-callout/pami-callout.d.ts

@@ -0,0 +1,22 @@
+import { PamiStatusTone } from '../../utils/status-surface.js';
+/**
+ * An explanation or notification in the content flow.
+ * @tag pami-callout
+ * @slot - Message content
+ * @slot headline - Optional heading with an application-chosen heading level
+ * @slot icon - Optional decorative icon
+ * @slot actions - Application-owned controls
+ * @csspart container - Message surface
+ * @csspart content - Heading and message
+ * @csspart actions - Action region
+ */
+export declare class PamiCallout {
+    el: HTMLElement;
+    /** Semantic colour; does not determine announcement urgency. */
+    tone: PamiStatusTone;
+    /** Announce message updates. Use assertive only for urgent interruptions. */
+    announcement: 'off' | 'polite' | 'assertive';
+    componentDidRender(): void;
+    disconnectedCallback(): void;
+    render(): any;
+}

package/dist/types/components/pami-date-picker/pami-date-picker.d.ts

@@ -466,8 +466,7 @@ export declare class PamiDatePicker {
     private toggleYearMenu;
     private toggleYearMenuAsync;
     /**
-     * Docked month/year menu: wait for the activated item's ripple to finish,
-     * then apply the selection and return to the day grid.
+     * Commit immediately; feedback may finish before returning to the day grid.
      */
     private pickDockedSelection;
     private pickMonth;

package/dist/types/components/pami-navigation-group/pami-navigation-group.d.ts

@@ -0,0 +1,14 @@
+/**
+ * A labelled section of navigation destinations. The label is not interactive.
+ * @tag pami-navigation-group
+ * @slot - Navigation destinations or nested groups
+ * @csspart label - Section label
+ * @csspart items - Destination container
+ */
+export declare class PamiNavigationGroup {
+    /** Section name; kept accessible when the rail is collapsed. */
+    label: string;
+    /** Managed by the rail: show the section label in its expanded layout. */
+    expanded: boolean;
+    render(): any;
+}

package/dist/types/components/pami-navigation-rail/pami-navigation-rail.d.ts

@@ -68,6 +68,25 @@ export declare class PamiNavigationRail {
      * Required for screen reader users (WAI-ARIA APG / WCAG 2.4.1).
      */
     label: string;
+    /** Platform name, shown above the tool name in the brand area. */
+    platformName?: string;
+    /** Short name of the tool within the platform. */
+    appName?: string;
+    /** Optional functional description, available in the brand tooltip. */
+    description?: string;
+    /** Controlled destination value. When supplied, takes precedence over activeIndex. */
+    activeValue?: string;
+    /** Docked rail or modal navigation drawer using the same authored content. */
+    presentation: 'rail' | 'drawer';
+    /** Drawer visibility. Does not change the rail variant. */
+    open: boolean;
+    /** Accessible drawer close-control name. */
+    closeLabel: string;
+    pamiOpen: EventEmitter<void>;
+    pamiClose: EventEmitter<void>;
+    show(): Promise<void>;
+    close(): Promise<void>;
+    whenClosed(): Promise<void>;
     /**
      * Set to `true` to disable focus management (roving tabindex + arrow keys).
      * Use when embedding inside a custom focus management system.
@@ -83,6 +102,7 @@ export declare class PamiNavigationRail {
     pamiTabChange: EventEmitter<{
         index: number;
         value: string;
+        path?: string[];
     }>;
     /** Emitted when the rail transitions from collapsed → expanded. */
     pamiExpand: EventEmitter<void>;
@@ -102,6 +122,10 @@ export declare class PamiNavigationRail {
      * the `navigation` landmark.
      */
     private hasLinkDestinations;
+    private hasGroups;
+    private hasHierarchy;
+    private selectedChildValue?;
+    private destinationObserver?;
     private overflowCount;
     /** True while any destination's dropdown is open — lifts the rail's stacking
      *  context so the fixed-position menu is not trapped inside it. */
@@ -122,6 +146,9 @@ export declare class PamiNavigationRail {
     focusTab(index: number): Promise<void>;
     componentWillLoad(): void;
     componentDidLoad(): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private observeDestinations;
     onVariantChange(newVal: 'standard' | 'expanded', oldVal: 'standard' | 'expanded'): void;
     /**
      * Mirror the rail's expanded state onto a slotted FAB's `extended` prop so it
@@ -131,6 +158,8 @@ export declare class PamiNavigationRail {
     private syncFab;
     onLabelVisibilityChange(): void;
     onActiveIndexChange(): void;
+    onPresentationChange(): void;
+    onActiveValueChange(): void;
     handleTabClick(e: CustomEvent<{
         value: string;
     }>): void;
@@ -143,6 +172,15 @@ export declare class PamiNavigationRail {
     private clearOtherSubmenuSelections;
     private isTabDisabled;
     private getTabs;
+    private collectTabs;
+    private tabValue;
+    private allTabs;
+    private destinationPath;
+    private visibleTabs;
+    private focusDestination;
+    onChildrenToggle(event: CustomEvent<{
+        open: boolean;
+    }>): void;
     private syncTabs;
     private setProp;
     private setRovingTabindex;

package/dist/types/components/pami-navigation-rail-tab/pami-navigation-rail-tab.d.ts

@@ -6,6 +6,15 @@ import { EventEmitter } from '../../stencil-public-runtime.js';
  * active-indicator pill (56×32) around the icon, with an optional label
  * underneath (or inline when the parent rail is expanded). Supports badges,
  * disabled state, link mode (`href`) and slotted custom icons.
+ * @tag pami-navigation-rail-tab
+ * @slot icon - Destination icon
+ * @slot children - Nested navigation destinations or labelled groups
+ * @slot submenu - Legacy command menu
+ * @fires pamiChildrenToggle - Disclosure changes independently of routing
+ * @csspart destination - Branch destination button or link
+ * @csspart disclosure - Branch disclosure button
+ * @csspart children - Inline or popup children region
+ * @csspart row - Parent destination and disclosure row
  *
  * Spec:
  *   - https://m3.material.io/components/navigation-rail/specs
@@ -42,6 +51,25 @@ export declare class PamiNavigationRailTab {
     labelVisibility: 'all' | 'selected' | 'none';
     /** True when the parent rail is expanded; managed by the parent. */
     expanded: boolean;
+    /** Managed by the rail: destination semantics for grouped navigation. */
+    navigation: boolean;
+    /** Whether the destinations in the children slot are disclosed. */
+    childrenOpen: boolean;
+    /** Accessible disclosure name; defaults to the destination label. */
+    childrenLabel?: string;
+    /** Fired when the user opens or closes the children disclosure. */
+    pamiChildrenToggle: EventEmitter<{
+        value: string;
+        open: boolean;
+    }>;
+    private hasChildren;
+    private childrenId;
+    private childrenObserver?;
+    private popupWasOpen;
+    private restoreIsolation?;
+    private pendingChildrenFocus;
+    private syncChildren;
+    componentWillLoad(): void;
     /**
      * Local density rung. Drives the same `--md-sys-density-scale` signal that a
      * global `data-density` ancestor sets, so a local value simply overrides the
@@ -125,6 +153,17 @@ export declare class PamiNavigationRailTab {
     private syncSubmenuSelection;
     private toggleSubmenu;
     private handleClick;
+    /** Focus this destination, including the native control used by a branch. */
+    focusDestination(): Promise<void>;
+    /** Change the disclosure without activating the parent route. */
+    setChildrenOpen(open: boolean): Promise<void>;
+    private disclosure;
+    private onOutsidePointer;
+    private onOutsideFocus;
+    private onPopupKeyDown;
+    private positionChildren;
+    private syncChildrenPopup;
+    private renderBranch;
     private handleKeyDown;
     private get displayBadgeValue();
     private renderIcon;

package/dist/types/components/pami-tag/pami-tag.d.ts

@@ -0,0 +1,17 @@
+import { PamiStatusTone } from '../../utils/status-surface.js';
+/**
+ * A static status label. Text supplies the meaning; colour reinforces it.
+ * @tag pami-tag
+ * @slot - Visible status text
+ * @slot icon - Optional supporting icon
+ * @csspart container - Label surface
+ * @csspart content - Status text
+ */
+export declare class PamiTag {
+    el: HTMLElement;
+    /** Semantic colour; applications own the status vocabulary. */
+    tone: PamiStatusTone;
+    componentDidRender(): void;
+    disconnectedCallback(): void;
+    render(): any;
+}