agnosticui-core 2.0.0-alpha.2

package/dist/components/MessageBubble/react/ReactMessageBubble.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactMessageBubble.d.ts","sourceRoot":"","sources":["../../../../src/components/MessageBubble/react/ReactMessageBubble.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAChF,OAAO,uBAAuB,CAAC;AAE/B,MAAM,WAAW,uBAAwB,SAAQ,kBAAkB;IACjE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,kBAAkB,2DAO7B,CAAC"}

package/dist/components/MessageBubble/react/ReactMessageBubble.js

@@ -0,0 +1,15 @@
+import { o as e } from "../../../create-component-BPMDMe-q.js";
+import t from "react";
+import { MessageBubble as a } from "../core/_MessageBubble.js";
+import "../core/MessageBubble.js";
+const b = e({
+  tagName: "ag-message-bubble",
+  elementClass: a,
+  react: t,
+  events: {
+    // No custom events for MessageBubble
+  }
+});
+export {
+  b as ReactMessageBubble
+};

package/dist/components/MessageBubble/vue/VueMessageBubble.js

@@ -0,0 +1,4 @@
+import { _ as f } from "../../../VueMessageBubble.vue_vue_type_script_setup_true_lang-CjDTnJfG.js";
+export {
+  f as default
+};

package/dist/components/MessageBubble/vue/VueMessageBubble.vue.d.ts

@@ -0,0 +1,73 @@
+
+declare function __VLS_template(): {
+    default?(_: {}): any;
+    header?(_: {}): any;
+    footer?(_: {}): any;
+    avatar?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    from?: "me" | "them";
+    message?: string;
+    time?: string;
+    author?: string;
+    avatarUrl?: string;
+    footer?: string;
+    variant?: "default" | "success" | "warning" | "danger" | "info" | "neutral" | "monochrome";
+}>, {
+    from: string;
+    message: string;
+    time: string;
+    author: string;
+    avatarUrl: string;
+    footer: string;
+    variant: string;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    from?: "me" | "them";
+    message?: string;
+    time?: string;
+    author?: string;
+    avatarUrl?: string;
+    footer?: string;
+    variant?: "default" | "success" | "warning" | "danger" | "info" | "neutral" | "monochrome";
+}>, {
+    from: string;
+    message: string;
+    time: string;
+    author: string;
+    avatarUrl: string;
+    footer: string;
+    variant: string;
+}>>> & Readonly<{}>, {
+    footer: string;
+    time: string;
+    variant: "default" | "success" | "warning" | "danger" | "info" | "neutral" | "monochrome";
+    message: string;
+    from: "me" | "them";
+    author: string;
+    avatarUrl: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=VueMessageBubble.vue.d.ts.map

package/dist/components/MessageBubble/vue/VueMessageBubble.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VueMessageBubble.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/MessageBubble/vue/VueMessageBubble.vue"],"names":[],"mappings":"AAoCA;AAIA,OAAO,uBAAuB,CAAC;AA8C/B,iBAAS,cAAc;qBA+GM,GAAG;oBACH,GAAG;oBACH,GAAG;oBACH,GAAG;EAG/B;AAwBD,QAAA,MAAM,eAAe;WAMV,IAAI,GAAG,MAAM;cACV,MAAM;WACT,MAAM;aACJ,MAAM;gBACH,MAAM;aACT,MAAM;cAEX,SAAS,GACT,SAAS,GACT,SAAS,GACT,QAAQ,GACR,MAAM,GACN,SAAS,GACT,YAAY;;;;;;;;;;WAbT,IAAI,GAAG,MAAM;cACV,MAAM;WACT,MAAM;aACJ,MAAM;gBACH,MAAM;aACT,MAAM;cAEX,SAAS,GACT,SAAS,GACT,SAAS,GACT,QAAQ,GACR,MAAM,GACN,SAAS,GACT,YAAY;;;;;;;;;;YARP,MAAM;UAHR,MAAM;aAKT,SAAS,GACT,SAAS,GACT,SAAS,GACT,QAAQ,GACR,MAAM,GACN,SAAS,GACT,YAAY;aAZN,MAAM;UADT,IAAI,GAAG,MAAM;YAGX,MAAM;eACH,MAAM;4EAWpB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/dist/components/MessageBubble/vue/index.d.ts

@@ -0,0 +1,6 @@
+import { default as VueMessageBubble } from './VueMessageBubble.vue';
+import { MessageBubbleProps as VueMessageBubbleProps } from '../core/_MessageBubble';
+
+export { VueMessageBubble };
+export type { VueMessageBubbleProps };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/MessageBubble/vue/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/MessageBubble/vue/index.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,MAAM,wBAAwB,CAAC;AACtD,OAAO,KAAK,EAAE,kBAAkB,IAAI,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAE1F,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAC5B,YAAY,EAAE,qBAAqB,EAAE,CAAC"}

package/dist/components/MessageBubble/vue/index.js

@@ -0,0 +1,4 @@
+import { _ as a } from "../../../VueMessageBubble.vue_vue_type_script_setup_true_lang-CjDTnJfG.js";
+export {
+  a as VueMessageBubble
+};

package/dist/components/Pagination/core/ContentPagination.d.ts

@@ -0,0 +1,9 @@
+import { ContentPagination } from './_ContentPagination.js';
+
+declare global {
+    interface HTMLElementTagNameMap {
+        'ag-content-pagination': ContentPagination;
+    }
+}
+export * from './_ContentPagination.js';
+//# sourceMappingURL=ContentPagination.d.ts.map

package/dist/components/Pagination/core/ContentPagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentPagination.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination/core/ContentPagination.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAQ5D,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,uBAAuB,EAAE,iBAAiB,CAAC;KAC5C;CACF;AAED,cAAc,yBAAyB,CAAC"}

package/dist/components/Pagination/core/ContentPagination.js

@@ -0,0 +1,5 @@
+import { ContentPagination as t } from "./_ContentPagination.js";
+customElements.get("ag-content-pagination") || customElements.define("ag-content-pagination", t);
+export {
+  t as ContentPagination
+};

package/dist/components/Pagination/core/Pagination.d.ts

@@ -0,0 +1,9 @@
+import { Pagination } from './_Pagination.js';
+
+declare global {
+    interface HTMLElementTagNameMap {
+        'ag-pagination': Pagination;
+    }
+}
+export * from './_Pagination.js';
+//# sourceMappingURL=Pagination.d.ts.map

package/dist/components/Pagination/core/Pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination/core/Pagination.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAQ9C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,UAAU,CAAC;KAC7B;CACF;AAED,cAAc,kBAAkB,CAAC"}

package/dist/components/Pagination/core/Pagination.js

@@ -0,0 +1,5 @@
+import { Pagination as t } from "./_Pagination.js";
+customElements.get("ag-pagination") || customElements.define("ag-pagination", t);
+export {
+  t as Pagination
+};

package/dist/components/Pagination/core/_ContentPagination.d.ts

@@ -0,0 +1,88 @@
+import { LitElement } from 'lit';
+
+/**
+ * Content item for navigation
+ */
+export interface ContentNavigationItem {
+    title: string;
+    href?: string;
+}
+/**
+ * Event detail for navigate event
+ */
+export interface NavigateEventDetail {
+    direction: 'previous' | 'next' | 'parent';
+    title: string;
+    href?: string;
+}
+/**
+ * Custom event dispatched when navigation occurs
+ */
+export type NavigateEvent = CustomEvent<NavigateEventDetail>;
+/**
+ * Props interface for ContentPagination component
+ */
+export interface ContentPaginationProps {
+    /**
+     * Previous content item
+     */
+    previous?: ContentNavigationItem;
+    /**
+     * Next content item
+     */
+    next?: ContentNavigationItem;
+    /**
+     * Parent/overview content item
+     */
+    parent?: ContentNavigationItem;
+    /**
+     * Alternative aria-label for the navigation
+     */
+    ariaLabel?: string;
+    /**
+     * Whether to display borders around navigation links
+     */
+    bordered?: boolean;
+    /**
+     * Event callback fired when navigation occurs (for SPA routing)
+     */
+    onNavigate?: (event: NavigateEvent) => void;
+}
+/**
+ * ContentPagination component for navigating between content pages
+ *
+ * @fires {NavigateEvent} navigate - Fired when a navigation link is clicked
+ * @csspart ag-content-pagination-container - The outer container element
+ * @csspart ag-content-pagination-parent - The parent navigation item
+ * @csspart ag-content-pagination-nav - The previous/next navigation container
+ * @csspart ag-content-pagination-link - Individual navigation link/button
+ *
+ * @slot previous-icon - Icon for previous navigation (default: ←)
+ * @slot next-icon - Icon for next navigation (default: →)
+ * @slot parent-icon - Icon for parent navigation (default: ↑)
+ *
+ * @example
+ * ```html
+ * <ag-content-pagination
+ *   .previous=${{ title: 'Introduction', href: '/intro' }}
+ *   .next=${{ title: 'Getting Started', href: '/getting-started' }}
+ *   .parent=${{ title: 'Documentation', href: '/docs' }}
+ * ></ag-content-pagination>
+ * ```
+ */
+export declare class ContentPagination extends LitElement implements ContentPaginationProps {
+    previous?: ContentNavigationItem;
+    next?: ContentNavigationItem;
+    parent?: ContentNavigationItem;
+    ariaLabel: string;
+    bordered: boolean;
+    onNavigate?: (event: NavigateEvent) => void;
+    private _hasParentAndChild;
+    constructor();
+    willUpdate(changedProperties: Map<string, unknown>): void;
+    private _renderChevronIcon;
+    private _handleNavigate;
+    static styles: import('lit').CSSResult;
+    render(): import('lit').TemplateResult<1>;
+}
+//# sourceMappingURL=_ContentPagination.d.ts.map

package/dist/components/Pagination/core/_ContentPagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_ContentPagination.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination/core/_ContentPagination.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,SAAS,EAAE,UAAU,GAAG,MAAM,GAAG,QAAQ,CAAC;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,WAAW,CAAC,mBAAmB,CAAC,CAAC;AAE7D;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC;;OAEG;IACH,QAAQ,CAAC,EAAE,qBAAqB,CAAC;IACjC;;OAEG;IACH,IAAI,CAAC,EAAE,qBAAqB,CAAC;IAC7B;;OAEG;IACH,MAAM,CAAC,EAAE,qBAAqB,CAAC;IAC/B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;CAC7C;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,qBAAa,iBAAkB,SAAQ,UAAW,YAAW,sBAAsB;IAEzE,QAAQ,CAAC,EAAE,qBAAqB,CAAC;IAGjC,IAAI,CAAC,EAAE,qBAAqB,CAAC;IAG7B,MAAM,CAAC,EAAE,qBAAqB,CAAC;IAG/B,SAAS,EAAE,MAAM,CAAC;IAGlB,QAAQ,EAAE,OAAO,CAAC;IAGlB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAGpD,OAAO,CAAC,kBAAkB,CAAS;;IAQnC,UAAU,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAMlD,OAAO,CAAC,kBAAkB;IAI1B,OAAO,CAAC,eAAe;IAkCvB,MAAM,CAAC,MAAM,0BA6JX;IAEF,MAAM;CAmIP"}

package/dist/components/Pagination/core/_ContentPagination.js

@@ -0,0 +1,329 @@
+import { LitElement as d, html as n, css as h } from "lit";
+import { n as o } from "../../../property-CemaeiRl.js";
+var v = Object.defineProperty, r = (l, t, i, c) => {
+  for (var a = void 0, s = l.length - 1, g; s >= 0; s--)
+    (g = l[s]) && (a = g(t, i, a) || a);
+  return a && v(t, i, a), a;
+};
+const p = class p extends d {
+  constructor() {
+    super(), this._hasParentAndChild = !1, this.ariaLabel = "content navigation", this.bordered = !1;
+  }
+  willUpdate(t) {
+    (t.has("parent") || t.has("previous") || t.has("next")) && (this._hasParentAndChild = !!this.parent && (!!this.previous || !!this.next));
+  }
+  _renderChevronIcon(t = "") {
+    return n`<svg aria-hidden="true" fill="none" focusable="false" height="20" role="presentation" viewBox="0 0 24 24" width="20" class="${t} text-primary"><path d="M15.5 19l-7-7 7-7" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path></svg>`;
+  }
+  _handleNavigate(t, i, c) {
+    if (!i || i.href && !this.onNavigate)
+      return;
+    this.onNavigate && c.preventDefault();
+    const a = new CustomEvent("navigate", {
+      detail: {
+        direction: t,
+        title: i.title,
+        href: i.href
+      },
+      bubbles: !0,
+      composed: !0
+    });
+    this.dispatchEvent(a), this.onNavigate && this.onNavigate(a);
+  }
+  render() {
+    return n`
+      <nav
+        class="content-pagination-container"
+        part="ag-content-pagination-container"
+        aria-label=${this.ariaLabel}
+      >
+        ${this.parent ? n`
+              <div
+                class="content-pagination-parent"
+                part="ag-content-pagination-parent"
+              >
+                ${this.parent.href ? n`
+                      <a
+                        href=${this.parent.href}
+                        class="content-pagination-parent-link"
+                        part="ag-content-pagination-link"
+                        aria-label="Up to: ${this.parent.title}"
+                        @click=${(t) => this._handleNavigate("parent", this.parent, t)}
+                      >
+                        <span class="content-pagination-icon">
+                          <slot name="parent-icon">${"↑"}</slot>
+                        </span>
+                        <span>${this.parent.title}</span>
+                      </a>
+                    ` : n`
+                      <button
+                        type="button"
+                        class="content-pagination-parent-link"
+                        part="ag-content-pagination-link"
+                        aria-label="Up to: ${this.parent.title}"
+                        @click=${(t) => this._handleNavigate("parent", this.parent, t)}
+                      >
+                        <span class="content-pagination-icon">
+                          <slot name="parent-icon">${"↑"}</slot>
+                        </span>
+                        <span>${this.parent.title}</span>
+                      </button>
+                    `}
+              </div>
+            ` : ""}
+
+        <div
+          class="content-pagination-nav ${this._hasParentAndChild ? "content-pagination-nav-with-parent" : ""}"
+          part="ag-content-pagination-nav"
+        >
+          ${this.previous ? n`
+                <div class="content-pagination-item content-pagination-item-previous">
+                  ${this.previous.href ? n`
+                        <a
+                          href=${this.previous.href}
+                          class="content-pagination-link"
+                          part="ag-content-pagination-link"
+                          aria-label="Previous: ${this.previous.title}"
+                          @click=${(t) => this._handleNavigate("previous", this.previous, t)}
+                        >
+                          <span class="content-pagination-icon">
+                            <slot name="previous-icon">${this._renderChevronIcon()}</slot>
+                          </span>
+                          <span class="content-pagination-title">${this.previous.title}</span>
+                        </a>
+                      ` : n`
+                        <button
+                          type="button"
+                          class="content-pagination-link"
+                          part="ag-content-pagination-link"
+                          aria-label="Previous: ${this.previous.title}"
+                          @click=${(t) => this._handleNavigate("previous", this.previous, t)}
+                        >
+                          <span class="content-pagination-icon">
+                            <slot name="previous-icon">${this._renderChevronIcon()}</slot>
+                          </span>
+                          <span class="content-pagination-title">${this.previous.title}</span>
+                        </button>
+                      `}
+                </div>
+              ` : n`<div class="content-pagination-item"></div>`}
+
+          ${this.next ? n`
+                <div class="content-pagination-item content-pagination-item-next">
+                  ${this.next.href ? n`
+                        <a
+                          href=${this.next.href}
+                          class="content-pagination-link"
+                          part="ag-content-pagination-link"
+                          aria-label="Next: ${this.next.title}"
+                          @click=${(t) => this._handleNavigate("next", this.next, t)}
+                        >
+                          <span class="content-pagination-title">${this.next.title}</span>
+                          <span class="content-pagination-icon">
+                            <slot name="next-icon">${this._renderChevronIcon("rotate-180")}</slot>
+                          </span>
+                        </a>
+                      ` : n`
+                        <button
+                          type="button"
+                          class="content-pagination-link"
+                          part="ag-content-pagination-link"
+                          aria-label="Next: ${this.next.title}"
+                          @click=${(t) => this._handleNavigate("next", this.next, t)}
+                        >
+                          <span class="content-pagination-title">${this.next.title}</span>
+                          <span class="content-pagination-icon">
+                            <slot name="next-icon">${this._renderChevronIcon("rotate-180")}</slot>
+                          </span>
+                        </button>
+                      `}
+                </div>
+              ` : n`<div class="content-pagination-item"></div>`}
+        </div>
+      </nav>
+    `;
+  }
+};
+p.styles = h`
+    :host {
+      display: block;
+      width: 100%;
+    }
+
+    .rotate-180 {
+        transform: rotate(180deg);
+    }
+
+    .content-pagination-container {
+      display: flex;
+      flex-direction: column;
+      gap: var(--ag-space-1);
+    }
+
+    .content-pagination-parent {
+      display: flex;
+      align-items: center;
+      padding: var(--ag-space-2) var(--ag-space-5);
+      border-radius: var(--ag-radius-md);
+    }
+
+    .content-pagination-parent-link {
+      display: flex;
+      align-items: center;
+      gap: var(--ag-space-1);
+      color: var(--ag-text-primary);
+      text-decoration: none;
+      font-size: var(--ag-font-size-sm);
+      font-weight: 500;
+      cursor: pointer;
+      background: none;
+      border: none;
+      font-family: inherit;
+    }
+
+    .content-pagination-parent-link:hover {
+      color: var(--ag-primary);
+    }
+
+    .content-pagination-parent-link:focus-visible {
+      outline: var(--ag-focus-width) solid rgba(var(--ag-focus), 0.5);
+      outline-offset: var(--ag-focus-offset);
+      border-radius: var(--ag-radius-sm);
+    }
+
+    .content-pagination-nav {
+      display: flex;
+      justify-content: space-between;
+      gap: var(--ag-space-4);
+      padding-block-start: var(--ag-space-2);
+      border-top: 0px solid transparent;
+    }
+
+    .content-pagination-nav-with-parent {
+      border-top: 1px solid var(--ag-border);
+    }
+
+    .content-pagination-item {
+      display: flex;
+      flex: 0 1 auto;
+      min-inline-size: 0;
+      max-inline-size: 45%;
+    }
+
+    .content-pagination-item-previous {
+      justify-content: flex-start;
+    }
+
+    .content-pagination-item-next {
+      justify-content: flex-end;
+      margin-inline-start: auto;
+    }
+
+    .content-pagination-link {
+      display: flex;
+      align-items: center;
+      gap: var(--ag-space-2, 0.5rem);
+      padding: var(--ag-space-3) var(--ag-space-4);
+      border-radius: var(--ag-radius-md);
+      background-color: var(--ag-background-primary);
+      color: var(--ag-text-primary);
+      text-decoration: none;
+      font-size: var(--ag-font-size-base);
+      font-weight: 500;
+      cursor: pointer;
+      transition: all 0.15s ease-in-out;
+      font-family: inherit;
+      min-width: 0;
+    }
+
+    :host([bordered]) .content-pagination-link {
+      border: 1px solid var(--ag-border);
+    }
+    
+    .content-pagination-link:hover {
+      background-color: var(--ag-background-secondary);
+      color: var(--ag-primary);
+    }
+
+    .content-pagination-link:focus-visible {
+      outline: var(--ag-focus-width) solid rgba(var(--ag-focus), 0.5);
+      outline-offset: var(--ag-focus-offset);
+    }
+
+    .content-pagination-link:active {
+      transform: translateY(1px);
+    }
+
+    button.content-pagination-link {
+      background-color: transparent;
+      border: 0;
+    }
+
+    :host([bordered]) button.content-pagination-link {
+      border: 1px solid var(--ag-border);
+    }
+
+    .content-pagination-title {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      min-width: 0;
+    }
+
+    .content-pagination-icon {
+      flex-shrink: 0;
+      font-size: 1.25em;
+      line-height: 1;
+    }
+
+    /* Responsive: stack on very small screens */
+    @media (max-width: 640px) {
+      .content-pagination-nav {
+        flex-direction: column;
+        gap: var(--ag-space-3);
+      }
+
+      .content-pagination-item {
+        max-inline-size: 100%;
+      }
+
+      .content-pagination-item-next {
+        margin-inline-start: 0;
+      }
+    }
+
+    @media (prefers-reduced-motion) {
+      .content-pagination-link {
+        transition: none;
+      }
+
+      .content-pagination-link:active {
+        transform: none;
+      }
+    }
+  `;
+let e = p;
+r([
+  o({ type: Object, attribute: !1 })
+], e.prototype, "previous");
+r([
+  o({ type: Object, attribute: !1 })
+], e.prototype, "next");
+r([
+  o({ type: Object, attribute: !1 })
+], e.prototype, "parent");
+r([
+  o({ type: String, attribute: "aria-label" })
+], e.prototype, "ariaLabel");
+r([
+  o({ type: Boolean, reflect: !0 })
+], e.prototype, "bordered");
+r([
+  o({ attribute: !1 })
+], e.prototype, "onNavigate");
+r([
+  o({ type: Boolean, reflect: !0, attribute: "has-parent" })
+], e.prototype, "_hasParentAndChild");
+export {
+  e as ContentPagination
+};