@duyluonganduin/acl-web-components 0.0.40 → 0.0.42

package/dist/jsx.d.ts

@@ -532,6 +532,22 @@ declare module 'react' {
         /** Render a visible grip on the divider */
         'with-handle'?: boolean | string
       }
+
+      // ── anduin-pagination ─────────────────────────────────────────────────
+      'anduin-pagination': Base & {
+        /** Total number of pages; the bar hides itself when 0 or 1 */
+        'number-of-pages'?: number | string
+        /** Initial active page for uncontrolled usage (default: 1) */
+        'default-value'?: number | string
+        /** Controlled active page; omit for uncontrolled usage */
+        value?: number | string
+      }
+
+      // ── anduin-pagination-first-page ──────────────────────────────────────
+      'anduin-pagination-first-page': Base
+
+      // ── anduin-pagination-last-page ───────────────────────────────────────
+      'anduin-pagination-last-page': Base
     }
   }
 }

package/dist/react.cjs

@@ -1 +1,5 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),t=require("@lit/react"),e=require("./anduin-resizable-B6jlFgZC.cjs"),a=t.createComponent({react:n,tagName:"anduin-spinner",elementClass:e.AnduinSpinner}),o=t.createComponent({react:n,tagName:"anduin-sparkle-spinner",elementClass:e.AnduinSparkleSpinner}),s=t.createComponent({react:n,tagName:"anduin-icon",elementClass:e.AnduinIcon}),l=t.createComponent({react:n,tagName:"anduin-badge",elementClass:e.AnduinBadge}),C=t.createComponent({react:n,tagName:"anduin-badge-count",elementClass:e.AnduinBadgeCount}),r=t.createComponent({react:n,tagName:"anduin-button",elementClass:e.AnduinButton}),i=t.createComponent({react:n,tagName:"anduin-callout",elementClass:e.AnduinCallout}),c=t.createComponent({react:n,tagName:"anduin-divider",elementClass:e.AnduinDivider}),m=t.createComponent({react:n,tagName:"anduin-dot",elementClass:e.AnduinDot}),E=t.createComponent({react:n,tagName:"anduin-progress",elementClass:e.AnduinProgress}),d=t.createComponent({react:n,tagName:"anduin-skeleton",elementClass:e.AnduinSkeleton}),u=t.createComponent({react:n,tagName:"anduin-loading-state",elementClass:e.AnduinLoadingState}),g=t.createComponent({react:n,tagName:"anduin-field",elementClass:e.AnduinField}),A=t.createComponent({react:n,tagName:"anduin-field-label",elementClass:e.AnduinFieldLabel}),N=t.createComponent({react:n,tagName:"anduin-field-description",elementClass:e.AnduinFieldDescription}),T=t.createComponent({react:n,tagName:"anduin-field-error",elementClass:e.AnduinFieldError}),p=t.createComponent({react:n,tagName:"anduin-field-group",elementClass:e.AnduinFieldGroup}),_=t.createComponent({react:n,tagName:"anduin-radio",elementClass:e.AnduinRadio,events:{onChange:e.RADIO_CHANGE}}),G=t.createComponent({react:n,tagName:"anduin-radio-group",elementClass:e.AnduinRadioGroup,events:{onChange:e.RADIO_GROUP_CHANGE}}),O=t.createComponent({react:n,tagName:"anduin-checkbox",elementClass:e.AnduinCheckbox,events:{onChange:e.CHECKBOX_CHANGE}}),S=t.createComponent({react:n,tagName:"anduin-input",elementClass:e.AnduinInput,events:{onChange:e.INPUT_CHANGE,onClear:e.INPUT_CLEAR}}),R=t.createComponent({react:n,tagName:"anduin-textarea",elementClass:e.AnduinTextarea,events:{onChange:e.TEXTAREA_CHANGE}}),L=t.createComponent({react:n,tagName:"anduin-popover",elementClass:e.AnduinPopover}),I=t.createComponent({react:n,tagName:"anduin-popover-close",elementClass:e.AnduinPopoverClose}),D=t.createComponent({react:n,tagName:"anduin-menu",elementClass:e.AnduinMenu}),H=t.createComponent({react:n,tagName:"anduin-menu-item",elementClass:e.AnduinMenuItem}),b=t.createComponent({react:n,tagName:"anduin-modal",elementClass:e.AnduinModal,events:{onClose:e.MODAL_CLOSE_EVENT,onAfterClose:e.MODAL_AFTER_CLOSE_EVENT}}),v=t.createComponent({react:n,tagName:"anduin-modal-close",elementClass:e.AnduinModalClose}),P=t.createComponent({react:n,tagName:"anduin-tabs",elementClass:e.AnduinTabs,events:{onChange:e.TAB_CHANGE}}),M=t.createComponent({react:n,tagName:"anduin-tabs-list",elementClass:e.AnduinTabsList}),U=t.createComponent({react:n,tagName:"anduin-tab-trigger",elementClass:e.AnduinTabTrigger}),F=t.createComponent({react:n,tagName:"anduin-tab-content",elementClass:e.AnduinTabContent}),h=t.createComponent({react:n,tagName:"anduin-tag",elementClass:e.AnduinTag}),W=t.createComponent({react:n,tagName:"anduin-tag-close",elementClass:e.AnduinTagClose,events:{onClick:e.TAG_CLOSE_CLICK}}),w=t.createComponent({react:n,tagName:"anduin-toggle-group",elementClass:e.AnduinToggleGroup,events:{onChange:e.TOGGLE_GROUP_CHANGE}}),V=t.createComponent({react:n,tagName:"anduin-toggle-group-item",elementClass:e.AnduinToggleGroupItem,events:{onChange:e.TOGGLE_GROUP_ITEM_CHANGE,onSelect:e.TOGGLE_GROUP_ITEM_SELECT,onDeselect:e.TOGGLE_GROUP_ITEM_DESELECT}}),B=t.createComponent({react:n,tagName:"anduin-tooltip",elementClass:e.AnduinTooltip}),k=t.createComponent({react:n,tagName:"anduin-tooltip-trigger",elementClass:e.AnduinTooltipTrigger}),z=t.createComponent({react:n,tagName:"anduin-tooltip-content",elementClass:e.AnduinTooltipContent}),K=t.createComponent({react:n,tagName:"anduin-well",elementClass:e.AnduinWell}),f=t.createComponent({react:n,tagName:"anduin-well-close",elementClass:e.AnduinWellClose,events:{onClick:e.WELL_CLOSE_CLICK}}),x=t.createComponent({react:n,tagName:"anduin-avatar",elementClass:e.AnduinAvatar}),X=t.createComponent({react:n,tagName:"anduin-file-icon",elementClass:e.AnduinFileIcon}),q=t.createComponent({react:n,tagName:"anduin-toast",elementClass:e.AnduinToast}),Z=t.createComponent({react:n,tagName:"anduin-toaster",elementClass:e.AnduinToaster}),y=t.createComponent({react:n,tagName:"anduin-dropdown",elementClass:e.AnduinDropdown,events:{onChange:e.DROPDOWN_CHANGE}}),j=t.createComponent({react:n,tagName:"anduin-drawer",elementClass:e.AnduinDrawer,events:{onClose:e.DRAWER_CLOSE_EVENT,onAfterClose:e.DRAWER_AFTER_CLOSE_EVENT}}),J=t.createComponent({react:n,tagName:"anduin-drawer-close",elementClass:e.AnduinDrawerClose}),Q=t.createComponent({react:n,tagName:"anduin-switcher",elementClass:e.AnduinSwitcher,events:{onChange:e.SWITCHER_CHANGE}}),Y=t.createComponent({react:n,tagName:"anduin-suggestion",elementClass:e.AnduinSuggestion,events:{onChange:e.SUGGESTION_CHANGE,onSelect:e.SUGGESTION_SELECT,onClear:e.SUGGESTION_CLEAR}}),$=t.createComponent({react:n,tagName:"anduin-navigation",elementClass:e.AnduinNavigation,events:{onChange:e.NAVIGATION_CHANGE}}),ee=t.createComponent({react:n,tagName:"anduin-navigation-item",elementClass:e.AnduinNavigationItem}),ne=t.createComponent({react:n,tagName:"anduin-resizable-panel-group",elementClass:e.AnduinResizablePanelGroup}),te=t.createComponent({react:n,tagName:"anduin-resizable-panel",elementClass:e.AnduinResizablePanel}),ae=t.createComponent({react:n,tagName:"anduin-resizable-handle",elementClass:e.AnduinResizableHandle,events:{onResize:e.RESIZE_EVENT}});exports.CHECKBOX_CHANGE=e.CHECKBOX_CHANGE;exports.DRAWER_AFTER_CLOSE_EVENT=e.DRAWER_AFTER_CLOSE_EVENT;exports.DRAWER_CLOSE_EVENT=e.DRAWER_CLOSE_EVENT;exports.DROPDOWN_CHANGE=e.DROPDOWN_CHANGE;exports.INPUT_CHANGE=e.INPUT_CHANGE;exports.INPUT_CLEAR=e.INPUT_CLEAR;exports.MENU_ITEM_CLICK=e.MENU_ITEM_CLICK;exports.MODAL_AFTER_CLOSE_EVENT=e.MODAL_AFTER_CLOSE_EVENT;exports.MODAL_CLOSE_EVENT=e.MODAL_CLOSE_EVENT;exports.NAVIGATION_CHANGE=e.NAVIGATION_CHANGE;exports.RADIO_CHANGE=e.RADIO_CHANGE;exports.RADIO_GROUP_CHANGE=e.RADIO_GROUP_CHANGE;exports.RESIZE_EVENT=e.RESIZE_EVENT;exports.SUGGESTION_CHANGE=e.SUGGESTION_CHANGE;exports.SUGGESTION_CLEAR=e.SUGGESTION_CLEAR;exports.SUGGESTION_SELECT=e.SUGGESTION_SELECT;exports.SWITCHER_CHANGE=e.SWITCHER_CHANGE;exports.TAB_CHANGE=e.TAB_CHANGE;exports.TAG_CLOSE_CLICK=e.TAG_CLOSE_CLICK;exports.TEXTAREA_CHANGE=e.TEXTAREA_CHANGE;exports.TOGGLE_GROUP_CHANGE=e.TOGGLE_GROUP_CHANGE;exports.TOGGLE_GROUP_ITEM_CHANGE=e.TOGGLE_GROUP_ITEM_CHANGE;exports.TOGGLE_GROUP_ITEM_DESELECT=e.TOGGLE_GROUP_ITEM_DESELECT;exports.TOGGLE_GROUP_ITEM_SELECT=e.TOGGLE_GROUP_ITEM_SELECT;exports.WELL_CLOSE_CLICK=e.WELL_CLOSE_CLICK;exports.Avatar=x;exports.Badge=l;exports.BadgeCount=C;exports.Button=r;exports.Callout=i;exports.Checkbox=O;exports.Divider=c;exports.Dot=m;exports.Drawer=j;exports.DrawerClose=J;exports.Dropdown=y;exports.Field=g;exports.FieldDescription=N;exports.FieldError=T;exports.FieldGroup=p;exports.FieldLabel=A;exports.FileIcon=X;exports.Icon=s;exports.Input=S;exports.LoadingState=u;exports.Menu=D;exports.MenuItem=H;exports.Modal=b;exports.ModalClose=v;exports.Navigation=$;exports.NavigationItem=ee;exports.Popover=L;exports.PopoverClose=I;exports.Progress=E;exports.Radio=_;exports.RadioGroup=G;exports.ResizableHandle=ae;exports.ResizablePanel=te;exports.ResizablePanelGroup=ne;exports.Skeleton=d;exports.SparkleSpinner=o;exports.Spinner=a;exports.Suggestion=Y;exports.Switcher=Q;exports.TabContent=F;exports.TabTrigger=U;exports.Tabs=P;exports.TabsList=M;exports.Tag=h;exports.TagClose=W;exports.Textarea=R;exports.Toast=q;exports.Toaster=Z;exports.ToggleGroup=w;exports.ToggleGroupItem=V;exports.Tooltip=B;exports.TooltipContent=z;exports.TooltipTrigger=k;exports.Well=K;exports.WellClose=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),e=require("./anduin-pagination-B-A3Nk_J.cjs");/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const p=new Set(["children","localName","ref","style","className"]),T=new WeakMap,_=(i,E,d,c,g)=>{const A=g==null?void 0:g[E];A===void 0?(i[E]=d,d==null&&E in HTMLElement.prototype&&i.removeAttribute(E)):d!==c&&((u,r,C)=>{let l=T.get(u);l===void 0&&T.set(u,l=new Map);let o=l.get(r);C!==void 0?o===void 0?(l.set(r,o={handleEvent:C}),u.addEventListener(r,o)):o.handleEvent=C:o!==void 0&&(l.delete(r),u.removeEventListener(r,o))})(i,A,d)},a=({react:i,tagName:E,elementClass:d,events:c,displayName:g})=>{const A=new Set(Object.keys(c??{})),u=i.forwardRef(((r,C)=>{const l=i.useRef(new Map),o=i.useRef(null),N={},m={};for(const[t,s]of Object.entries(r))p.has(t)?N[t==="className"?"class":t]=s:A.has(t)||t in d.prototype?m[t]=s:N[t]=s;return i.useLayoutEffect((()=>{if(o.current===null)return;const t=new Map;for(const s in m)_(o.current,s,r[s],l.current.get(s),c),l.current.delete(s),t.set(s,r[s]);for(const[s,G]of l.current)_(o.current,s,void 0,G,c);l.current=t})),i.useLayoutEffect((()=>{var t;(t=o.current)==null||t.removeAttribute("defer-hydration")}),[]),N.suppressHydrationWarning=!0,i.createElement(E,{...N,ref:i.useCallback((t=>{o.current=t,typeof C=="function"?C(t):C!==null&&(C.current=t)}),[C])})}));return u.displayName=g??d.name,u},O=a({react:n,tagName:"anduin-spinner",elementClass:e.AnduinSpinner}),L=a({react:n,tagName:"anduin-sparkle-spinner",elementClass:e.AnduinSparkleSpinner}),S=a({react:n,tagName:"anduin-icon",elementClass:e.AnduinIcon}),R=a({react:n,tagName:"anduin-badge",elementClass:e.AnduinBadge}),I=a({react:n,tagName:"anduin-badge-count",elementClass:e.AnduinBadgeCount}),P=a({react:n,tagName:"anduin-button",elementClass:e.AnduinButton}),v=a({react:n,tagName:"anduin-callout",elementClass:e.AnduinCallout}),H=a({react:n,tagName:"anduin-divider",elementClass:e.AnduinDivider}),b=a({react:n,tagName:"anduin-dot",elementClass:e.AnduinDot}),D=a({react:n,tagName:"anduin-progress",elementClass:e.AnduinProgress}),M=a({react:n,tagName:"anduin-skeleton",elementClass:e.AnduinSkeleton}),U=a({react:n,tagName:"anduin-loading-state",elementClass:e.AnduinLoadingState}),f=a({react:n,tagName:"anduin-field",elementClass:e.AnduinField}),h=a({react:n,tagName:"anduin-field-label",elementClass:e.AnduinFieldLabel}),F=a({react:n,tagName:"anduin-field-description",elementClass:e.AnduinFieldDescription}),w=a({react:n,tagName:"anduin-field-error",elementClass:e.AnduinFieldError}),W=a({react:n,tagName:"anduin-field-group",elementClass:e.AnduinFieldGroup}),V=a({react:n,tagName:"anduin-radio",elementClass:e.AnduinRadio,events:{onChange:e.RADIO_CHANGE}}),k=a({react:n,tagName:"anduin-radio-group",elementClass:e.AnduinRadioGroup,events:{onChange:e.RADIO_GROUP_CHANGE}}),B=a({react:n,tagName:"anduin-checkbox",elementClass:e.AnduinCheckbox,events:{onChange:e.CHECKBOX_CHANGE}}),y=a({react:n,tagName:"anduin-input",elementClass:e.AnduinInput,events:{onChange:e.INPUT_CHANGE,onClear:e.INPUT_CLEAR}}),z=a({react:n,tagName:"anduin-textarea",elementClass:e.AnduinTextarea,events:{onChange:e.TEXTAREA_CHANGE}}),K=a({react:n,tagName:"anduin-popover",elementClass:e.AnduinPopover}),x=a({react:n,tagName:"anduin-popover-close",elementClass:e.AnduinPopoverClose}),X=a({react:n,tagName:"anduin-menu",elementClass:e.AnduinMenu}),j=a({react:n,tagName:"anduin-menu-item",elementClass:e.AnduinMenuItem}),Z=a({react:n,tagName:"anduin-modal",elementClass:e.AnduinModal,events:{onClose:e.MODAL_CLOSE_EVENT,onAfterClose:e.MODAL_AFTER_CLOSE_EVENT}}),q=a({react:n,tagName:"anduin-modal-close",elementClass:e.AnduinModalClose}),J=a({react:n,tagName:"anduin-tabs",elementClass:e.AnduinTabs,events:{onChange:e.TAB_CHANGE}}),Q=a({react:n,tagName:"anduin-tabs-list",elementClass:e.AnduinTabsList}),Y=a({react:n,tagName:"anduin-tab-trigger",elementClass:e.AnduinTabTrigger}),$=a({react:n,tagName:"anduin-tab-content",elementClass:e.AnduinTabContent}),ee=a({react:n,tagName:"anduin-tag",elementClass:e.AnduinTag}),ne=a({react:n,tagName:"anduin-tag-close",elementClass:e.AnduinTagClose,events:{onClick:e.TAG_CLOSE_CLICK}}),ae=a({react:n,tagName:"anduin-toggle-group",elementClass:e.AnduinToggleGroup,events:{onChange:e.TOGGLE_GROUP_CHANGE}}),te=a({react:n,tagName:"anduin-toggle-group-item",elementClass:e.AnduinToggleGroupItem,events:{onChange:e.TOGGLE_GROUP_ITEM_CHANGE,onSelect:e.TOGGLE_GROUP_ITEM_SELECT,onDeselect:e.TOGGLE_GROUP_ITEM_DESELECT}}),oe=a({react:n,tagName:"anduin-tooltip",elementClass:e.AnduinTooltip}),se=a({react:n,tagName:"anduin-tooltip-trigger",elementClass:e.AnduinTooltipTrigger}),ie=a({react:n,tagName:"anduin-tooltip-content",elementClass:e.AnduinTooltipContent}),le=a({react:n,tagName:"anduin-well",elementClass:e.AnduinWell}),re=a({react:n,tagName:"anduin-well-close",elementClass:e.AnduinWellClose,events:{onClick:e.WELL_CLOSE_CLICK}}),Ce=a({react:n,tagName:"anduin-avatar",elementClass:e.AnduinAvatar}),de=a({react:n,tagName:"anduin-file-icon",elementClass:e.AnduinFileIcon}),ue=a({react:n,tagName:"anduin-toast",elementClass:e.AnduinToast}),Ee=a({react:n,tagName:"anduin-toaster",elementClass:e.AnduinToaster}),ce=a({react:n,tagName:"anduin-dropdown",elementClass:e.AnduinDropdown,events:{onChange:e.DROPDOWN_CHANGE}}),ge=a({react:n,tagName:"anduin-drawer",elementClass:e.AnduinDrawer,events:{onClose:e.DRAWER_CLOSE_EVENT,onAfterClose:e.DRAWER_AFTER_CLOSE_EVENT}}),Ae=a({react:n,tagName:"anduin-drawer-close",elementClass:e.AnduinDrawerClose}),Ne=a({react:n,tagName:"anduin-switcher",elementClass:e.AnduinSwitcher,events:{onChange:e.SWITCHER_CHANGE}}),me=a({react:n,tagName:"anduin-suggestion",elementClass:e.AnduinSuggestion,events:{onChange:e.SUGGESTION_CHANGE,onSelect:e.SUGGESTION_SELECT,onClear:e.SUGGESTION_CLEAR}}),Te=a({react:n,tagName:"anduin-navigation",elementClass:e.AnduinNavigation,events:{onChange:e.NAVIGATION_CHANGE}}),_e=a({react:n,tagName:"anduin-navigation-item",elementClass:e.AnduinNavigationItem}),Ge=a({react:n,tagName:"anduin-resizable-panel-group",elementClass:e.AnduinResizablePanelGroup}),pe=a({react:n,tagName:"anduin-resizable-panel",elementClass:e.AnduinResizablePanel}),Oe=a({react:n,tagName:"anduin-resizable-handle",elementClass:e.AnduinResizableHandle,events:{onResize:e.RESIZE_EVENT}}),Le=a({react:n,tagName:"anduin-pagination",elementClass:e.AnduinPagination,events:{onValueChange:e.PAGINATION_CHANGE}}),Se=a({react:n,tagName:"anduin-pagination-first-page",elementClass:e.AnduinPaginationFirstPage}),Re=a({react:n,tagName:"anduin-pagination-last-page",elementClass:e.AnduinPaginationLastPage});exports.CHECKBOX_CHANGE=e.CHECKBOX_CHANGE;exports.DRAWER_AFTER_CLOSE_EVENT=e.DRAWER_AFTER_CLOSE_EVENT;exports.DRAWER_CLOSE_EVENT=e.DRAWER_CLOSE_EVENT;exports.DROPDOWN_CHANGE=e.DROPDOWN_CHANGE;exports.INPUT_CHANGE=e.INPUT_CHANGE;exports.INPUT_CLEAR=e.INPUT_CLEAR;exports.MENU_ITEM_CLICK=e.MENU_ITEM_CLICK;exports.MODAL_AFTER_CLOSE_EVENT=e.MODAL_AFTER_CLOSE_EVENT;exports.MODAL_CLOSE_EVENT=e.MODAL_CLOSE_EVENT;exports.NAVIGATION_CHANGE=e.NAVIGATION_CHANGE;exports.PAGINATION_CHANGE=e.PAGINATION_CHANGE;exports.RADIO_CHANGE=e.RADIO_CHANGE;exports.RADIO_GROUP_CHANGE=e.RADIO_GROUP_CHANGE;exports.RESIZE_EVENT=e.RESIZE_EVENT;exports.SUGGESTION_CHANGE=e.SUGGESTION_CHANGE;exports.SUGGESTION_CLEAR=e.SUGGESTION_CLEAR;exports.SUGGESTION_SELECT=e.SUGGESTION_SELECT;exports.SWITCHER_CHANGE=e.SWITCHER_CHANGE;exports.TAB_CHANGE=e.TAB_CHANGE;exports.TAG_CLOSE_CLICK=e.TAG_CLOSE_CLICK;exports.TEXTAREA_CHANGE=e.TEXTAREA_CHANGE;exports.TOGGLE_GROUP_CHANGE=e.TOGGLE_GROUP_CHANGE;exports.TOGGLE_GROUP_ITEM_CHANGE=e.TOGGLE_GROUP_ITEM_CHANGE;exports.TOGGLE_GROUP_ITEM_DESELECT=e.TOGGLE_GROUP_ITEM_DESELECT;exports.TOGGLE_GROUP_ITEM_SELECT=e.TOGGLE_GROUP_ITEM_SELECT;exports.WELL_CLOSE_CLICK=e.WELL_CLOSE_CLICK;exports.Avatar=Ce;exports.Badge=R;exports.BadgeCount=I;exports.Button=P;exports.Callout=v;exports.Checkbox=B;exports.Divider=H;exports.Dot=b;exports.Drawer=ge;exports.DrawerClose=Ae;exports.Dropdown=ce;exports.Field=f;exports.FieldDescription=F;exports.FieldError=w;exports.FieldGroup=W;exports.FieldLabel=h;exports.FileIcon=de;exports.Icon=S;exports.Input=y;exports.LoadingState=U;exports.Menu=X;exports.MenuItem=j;exports.Modal=Z;exports.ModalClose=q;exports.Navigation=Te;exports.NavigationItem=_e;exports.Pagination=Le;exports.PaginationFirstPage=Se;exports.PaginationLastPage=Re;exports.Popover=K;exports.PopoverClose=x;exports.Progress=D;exports.Radio=V;exports.RadioGroup=k;exports.ResizableHandle=Oe;exports.ResizablePanel=pe;exports.ResizablePanelGroup=Ge;exports.Skeleton=M;exports.SparkleSpinner=L;exports.Spinner=O;exports.Suggestion=me;exports.Switcher=Ne;exports.TabContent=$;exports.TabTrigger=Y;exports.Tabs=J;exports.TabsList=Q;exports.Tag=ee;exports.TagClose=ne;exports.Textarea=z;exports.Toast=ue;exports.Toaster=Ee;exports.ToggleGroup=ae;exports.ToggleGroupItem=te;exports.Tooltip=oe;exports.TooltipContent=ie;exports.TooltipTrigger=se;exports.Well=le;exports.WellClose=re;

package/dist/react.d.ts

@@ -323,6 +323,61 @@ declare class AnduinNavigationItem extends LitElement {
     render(): TemplateResult<1>;
 }
 
+/**
+ * Page navigation controls for paginated content. Renders a row of page-number
+ * buttons with previous/next navigators, ellipsis menus for skipped ranges, and
+ * a sliding highlight on the active page.
+ *
+ * Uncontrolled (default): manages its own page state — set `number-of-pages`
+ * (and optionally `default-value`). Controlled: set `value` and update it in
+ * response to the `anduin-pagination:change` event (React `onValueChange`).
+ *
+ * Slot in `<anduin-pagination-first-page>` / `<anduin-pagination-last-page>` as
+ * children to add jump-to-boundary buttons.
+ */
+declare class AnduinPagination extends LitElement {
+    static styles: CSSResult;
+    /** Total number of pages. The bar hides itself when this is 0 or 1. */
+    numberOfPages: number;
+    /** Initial active page for uncontrolled usage. */
+    defaultValue: number;
+    /** Controlled active page. Leave unset (null) for uncontrolled usage. */
+    value: number | null;
+    private internalValue;
+    private indicatorEl?;
+    private indicatorReady;
+    private get isControlled();
+    private get count();
+    private get selection();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private onJump;
+    /** MUI-style windowing: boundaryCount = 1, siblingCount = 1. */
+    private buildItems;
+    private goTo;
+    updated(): void;
+    /** Push disabled state onto slotted first/last-page buttons. */
+    private syncBoundaryButtons;
+    private positionIndicator;
+    private onSlotChange;
+    render(): typeof nothing | TemplateResult<1>;
+    private renderItem;
+}
+
+/** Jumps to page 1. Slot into `<anduin-pagination>` as a child. */
+declare class AnduinPaginationFirstPage extends BoundaryButton {
+    protected icon: string;
+    protected label: string;
+    protected target: "first";
+}
+
+/** Jumps to the last page. Slot into `<anduin-pagination>` as a child. */
+declare class AnduinPaginationLastPage extends BoundaryButton {
+    protected icon: string;
+    protected label: string;
+    protected target: "last";
+}
+
 declare class AnduinPopover extends LitElement {
     static styles: CSSResult;
     open: boolean;
@@ -736,6 +791,18 @@ export declare const Badge: ReactWebComponent<AnduinBadge, {}>;
 
 export declare const BadgeCount: ReactWebComponent<AnduinBadgeCount, {}>;
 
+/** Base for the jump-to-boundary buttons. */
+declare class BoundaryButton extends LitElement {
+    static styles: CSSResult;
+    disabled: boolean;
+    protected icon: string;
+    protected label: string;
+    protected target: 'first' | 'last';
+    connectedCallback(): void;
+    private onClick;
+    render(): TemplateResult<1>;
+}
+
 export declare const Button: ReactWebComponent<AnduinButton, {}>;
 
 declare type ButtonAppearance = 'filled' | 'outlined' | 'plain' | 'text';
@@ -853,6 +920,17 @@ export declare const NavigationItem: ReactWebComponent<AnduinNavigationItem, {}>
 
 declare type NavigationTheme = 'light' | 'dark';
 
+export declare const Pagination: ReactWebComponent<AnduinPagination, {
+onValueChange: string;
+}>;
+
+/** Fired when a page is requested. `event.detail` is the target page number. */
+export declare const PAGINATION_CHANGE = "anduin-pagination:change";
+
+export declare const PaginationFirstPage: ReactWebComponent<AnduinPaginationFirstPage, {}>;
+
+export declare const PaginationLastPage: ReactWebComponent<AnduinPaginationLastPage, {}>;
+
 export declare const Popover: ReactWebComponent<AnduinPopover, {}>;
 
 export declare const PopoverClose: ReactWebComponent<AnduinPopoverClose, {}>;

package/dist/react.js

@@ -1,180 +1,219 @@
 import e from "react";
-import { createComponent as a } from "@lit/react";
-import { K as n, J as t, q as s, a as o, b as l, c as i, d as r, f as d, g as u, C as c, I as m, s as C, k as g, o as A, l as N, m as E, n as T, ah as p, D as G, ai as _, E as v, a2 as S, e as b, aa as R, a9 as I, r as L, as as O, T as D, z as h, B as P, t as H, u as w, ac as M, ad as F, v as f, w as k, ao as U, P as z, Q as x, O as W, N as B, R as V, ar as K, S as X, at as j, W as Z, aw as q, ax as y, au as J, X as Q, Y, _ as $, Z as ee, $ as ae, aE as ne, a0 as te, A as se, p as oe, U as le, V as ie, a5 as re, j as de, a3 as ue, a4 as ce, h as me, i as Ce, an as ge, M as Ae, al as Ne, am as Ee, ak as Te, L as pe, ae as Ge, x as _e, y as ve, H as Se, G as be, aj as Re, F as Ie } from "./anduin-resizable-2JzM-nGd.js";
-import { ab as wa } from "./anduin-resizable-2JzM-nGd.js";
-const he = a({ react: e, tagName: "anduin-spinner", elementClass: n }), Pe = a({ react: e, tagName: "anduin-sparkle-spinner", elementClass: t }), He = a({ react: e, tagName: "anduin-icon", elementClass: s }), we = a({ react: e, tagName: "anduin-badge", elementClass: o }), Me = a({ react: e, tagName: "anduin-badge-count", elementClass: l }), Fe = a({ react: e, tagName: "anduin-button", elementClass: i }), fe = a({ react: e, tagName: "anduin-callout", elementClass: r }), ke = a({ react: e, tagName: "anduin-divider", elementClass: d }), Ue = a({ react: e, tagName: "anduin-dot", elementClass: u }), ze = a({ react: e, tagName: "anduin-progress", elementClass: c }), xe = a({ react: e, tagName: "anduin-skeleton", elementClass: m }), We = a({ react: e, tagName: "anduin-loading-state", elementClass: C }), Be = a({ react: e, tagName: "anduin-field", elementClass: g }), Ve = a({ react: e, tagName: "anduin-field-label", elementClass: A }), Ke = a({ react: e, tagName: "anduin-field-description", elementClass: N }), Xe = a({ react: e, tagName: "anduin-field-error", elementClass: E }), je = a({ react: e, tagName: "anduin-field-group", elementClass: T }), Ze = a({
+import { A as v, a as G, b as _, c as b, d as L, e as S, a5 as R, f, g as I, h as O, a6 as P, a7 as h, i as w, j as D, a8 as M, k as H, l as F, m as k, n as y, o as z, p as U, q as W, r as x, ad as B, ac as V, s as K, t as j, u as X, v as q, af as J, ag as Z, w as Q, x as Y, ah as $, y as ee, z as ae, aj as ne, B as te, C as se, D as oe, E as ie, F as le, G as re, am as de, H as ue, an as ce, I as ge, ao as me, J as Ce, K as Ne, L as Ae, M as pe, N as Ee, O as Te, aq as ve, ar as Ge, ap as _e, P as be, as as Le, Q as Se, R as Re, S as fe, at as Ie, T as Oe, U as Pe, V as he, aw as we, W as De, ax as Me, X as He, Y as Fe, Z as ke, ay as ye, _ as ze, aB as Ue, aC as We, az as xe, $ as Be, a0 as Ve, a1 as Ke, a2 as je, a3 as Xe, aJ as qe } from "./anduin-pagination-Dym6znEk.js";
+import { ae as sn } from "./anduin-pagination-Dym6znEk.js";
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const Je = /* @__PURE__ */ new Set(["children", "localName", "ref", "style", "className"]), p = /* @__PURE__ */ new WeakMap(), E = (o, c, d, g, m) => {
+  const C = m == null ? void 0 : m[c];
+  C === void 0 ? (o[c] = d, d == null && c in HTMLElement.prototype && o.removeAttribute(c)) : d !== g && ((u, l, r) => {
+    let i = p.get(u);
+    i === void 0 && p.set(u, i = /* @__PURE__ */ new Map());
+    let t = i.get(l);
+    r !== void 0 ? t === void 0 ? (i.set(l, t = { handleEvent: r }), u.addEventListener(l, t)) : t.handleEvent = r : t !== void 0 && (i.delete(l), u.removeEventListener(l, t));
+  })(o, C, d);
+}, a = ({ react: o, tagName: c, elementClass: d, events: g, displayName: m }) => {
+  const C = new Set(Object.keys(g ?? {})), u = o.forwardRef(((l, r) => {
+    const i = o.useRef(/* @__PURE__ */ new Map()), t = o.useRef(null), N = {}, A = {};
+    for (const [n, s] of Object.entries(l)) Je.has(n) ? N[n === "className" ? "class" : n] = s : C.has(n) || n in d.prototype ? A[n] = s : N[n] = s;
+    return o.useLayoutEffect((() => {
+      if (t.current === null) return;
+      const n = /* @__PURE__ */ new Map();
+      for (const s in A) E(t.current, s, l[s], i.current.get(s), g), i.current.delete(s), n.set(s, l[s]);
+      for (const [s, T] of i.current) E(t.current, s, void 0, T, g);
+      i.current = n;
+    })), o.useLayoutEffect((() => {
+      var n;
+      (n = t.current) == null || n.removeAttribute("defer-hydration");
+    }), []), N.suppressHydrationWarning = !0, o.createElement(c, { ...N, ref: o.useCallback(((n) => {
+      t.current = n, typeof r == "function" ? r(n) : r !== null && (r.current = n);
+    }), [r]) });
+  }));
+  return u.displayName = m ?? d.name, u;
+}, Ye = a({ react: e, tagName: "anduin-spinner", elementClass: Ee }), $e = a({ react: e, tagName: "anduin-sparkle-spinner", elementClass: pe }), ea = a({ react: e, tagName: "anduin-icon", elementClass: W }), aa = a({ react: e, tagName: "anduin-badge", elementClass: G }), na = a({ react: e, tagName: "anduin-badge-count", elementClass: _ }), ta = a({ react: e, tagName: "anduin-button", elementClass: b }), sa = a({ react: e, tagName: "anduin-callout", elementClass: L }), oa = a({ react: e, tagName: "anduin-divider", elementClass: f }), ia = a({ react: e, tagName: "anduin-dot", elementClass: I }), la = a({ react: e, tagName: "anduin-progress", elementClass: le }), ra = a({ react: e, tagName: "anduin-skeleton", elementClass: Ae }), da = a({ react: e, tagName: "anduin-loading-state", elementClass: K }), ua = a({ react: e, tagName: "anduin-field", elementClass: H }), ca = a({ react: e, tagName: "anduin-field-label", elementClass: z }), ga = a({ react: e, tagName: "anduin-field-description", elementClass: F }), ma = a({ react: e, tagName: "anduin-field-error", elementClass: k }), Ca = a({ react: e, tagName: "anduin-field-group", elementClass: y }), Na = a({
   react: e,
   tagName: "anduin-radio",
-  elementClass: G,
-  events: { onChange: p }
-}), qe = a({
+  elementClass: re,
+  events: { onChange: de }
+}), Aa = a({
   react: e,
   tagName: "anduin-radio-group",
-  elementClass: v,
-  events: { onChange: _ }
-}), ye = a({
+  elementClass: ue,
+  events: { onChange: ce }
+}), pa = a({
   react: e,
   tagName: "anduin-checkbox",
-  elementClass: b,
-  events: { onChange: S }
-}), Je = a({
+  elementClass: S,
+  events: { onChange: R }
+}), Ea = a({
   react: e,
   tagName: "anduin-input",
-  elementClass: L,
-  events: { onChange: I, onClear: R }
-}), Qe = a({
+  elementClass: x,
+  events: { onChange: V, onClear: B }
+}), Ta = a({
   react: e,
   tagName: "anduin-textarea",
-  elementClass: D,
-  events: { onChange: O }
-}), Ye = a({ react: e, tagName: "anduin-popover", elementClass: h }), $e = a({ react: e, tagName: "anduin-popover-close", elementClass: P }), ea = a({ react: e, tagName: "anduin-menu", elementClass: H }), aa = a({
+  elementClass: De,
+  events: { onChange: Me }
+}), va = a({ react: e, tagName: "anduin-popover", elementClass: oe }), Ga = a({ react: e, tagName: "anduin-popover-close", elementClass: ie }), _a = a({ react: e, tagName: "anduin-menu", elementClass: j }), ba = a({
   react: e,
   tagName: "anduin-menu-item",
-  elementClass: w
-}), na = a({
+  elementClass: X
+}), La = a({
   react: e,
   tagName: "anduin-modal",
-  elementClass: f,
-  events: { onClose: F, onAfterClose: M }
-}), ta = a({ react: e, tagName: "anduin-modal-close", elementClass: k }), sa = a({
+  elementClass: q,
+  events: { onClose: Z, onAfterClose: J }
+}), Sa = a({ react: e, tagName: "anduin-modal-close", elementClass: Q }), Ra = a({
   react: e,
   tagName: "anduin-tabs",
-  elementClass: z,
-  events: { onChange: U }
-}), oa = a({ react: e, tagName: "anduin-tabs-list", elementClass: x }), la = a({ react: e, tagName: "anduin-tab-trigger", elementClass: W }), ia = a({ react: e, tagName: "anduin-tab-content", elementClass: B }), ra = a({ react: e, tagName: "anduin-tag", elementClass: V }), da = a({
+  elementClass: fe,
+  events: { onChange: Ie }
+}), fa = a({ react: e, tagName: "anduin-tabs-list", elementClass: Oe }), Ia = a({ react: e, tagName: "anduin-tab-trigger", elementClass: Re }), Oa = a({ react: e, tagName: "anduin-tab-content", elementClass: Se }), Pa = a({ react: e, tagName: "anduin-tag", elementClass: Pe }), ha = a({
   react: e,
   tagName: "anduin-tag-close",
-  elementClass: X,
-  events: { onClick: K }
-}), ua = a({
+  elementClass: he,
+  events: { onClick: we }
+}), wa = a({
   react: e,
   tagName: "anduin-toggle-group",
-  elementClass: Z,
-  events: { onChange: j }
-}), ca = a({
+  elementClass: ke,
+  events: { onChange: ye }
+}), Da = a({
   react: e,
   tagName: "anduin-toggle-group-item",
-  elementClass: Q,
-  events: { onChange: J, onSelect: y, onDeselect: q }
-}), ma = a({ react: e, tagName: "anduin-tooltip", elementClass: Y }), Ca = a({ react: e, tagName: "anduin-tooltip-trigger", elementClass: $ }), ga = a({ react: e, tagName: "anduin-tooltip-content", elementClass: ee }), Aa = a({ react: e, tagName: "anduin-well", elementClass: ae }), Na = a({
+  elementClass: ze,
+  events: { onChange: xe, onSelect: We, onDeselect: Ue }
+}), Ma = a({ react: e, tagName: "anduin-tooltip", elementClass: Be }), Ha = a({ react: e, tagName: "anduin-tooltip-trigger", elementClass: Ke }), Fa = a({ react: e, tagName: "anduin-tooltip-content", elementClass: Ve }), ka = a({ react: e, tagName: "anduin-well", elementClass: je }), ya = a({
   react: e,
   tagName: "anduin-well-close",
-  elementClass: te,
-  events: { onClick: ne }
-}), Ea = a({ react: e, tagName: "anduin-avatar", elementClass: se }), Ta = a({ react: e, tagName: "anduin-file-icon", elementClass: oe }), pa = a({ react: e, tagName: "anduin-toast", elementClass: le }), Ga = a({ react: e, tagName: "anduin-toaster", elementClass: ie }), _a = a({
+  elementClass: Xe,
+  events: { onClick: qe }
+}), za = a({ react: e, tagName: "anduin-avatar", elementClass: v }), Ua = a({ react: e, tagName: "anduin-file-icon", elementClass: U }), Wa = a({ react: e, tagName: "anduin-toast", elementClass: He }), xa = a({ react: e, tagName: "anduin-toaster", elementClass: Fe }), Ba = a({
   react: e,
   tagName: "anduin-dropdown",
-  elementClass: de,
-  events: { onChange: re }
-}), va = a({
+  elementClass: D,
+  events: { onChange: M }
+}), Va = a({
   react: e,
   tagName: "anduin-drawer",
-  elementClass: me,
-  events: { onClose: ce, onAfterClose: ue }
-}), Sa = a({ react: e, tagName: "anduin-drawer-close", elementClass: Ce }), ba = a({
+  elementClass: O,
+  events: { onClose: h, onAfterClose: P }
+}), Ka = a({ react: e, tagName: "anduin-drawer-close", elementClass: w }), ja = a({
   react: e,
   tagName: "anduin-switcher",
-  elementClass: Ae,
-  events: { onChange: ge }
-}), Ra = a({
+  elementClass: be,
+  events: { onChange: Le }
+}), Xa = a({
   react: e,
   tagName: "anduin-suggestion",
-  elementClass: pe,
-  events: { onChange: Te, onSelect: Ee, onClear: Ne }
-}), Ia = a({
+  elementClass: Te,
+  events: { onChange: _e, onSelect: Ge, onClear: ve }
+}), qa = a({
   react: e,
   tagName: "anduin-navigation",
-  elementClass: _e,
-  events: { onChange: Ge }
-}), La = a({
+  elementClass: Y,
+  events: { onChange: $ }
+}), Ja = a({
   react: e,
   tagName: "anduin-navigation-item",
-  elementClass: ve
-}), Oa = a({ react: e, tagName: "anduin-resizable-panel-group", elementClass: Se }), Da = a({ react: e, tagName: "anduin-resizable-panel", elementClass: be }), ha = a({
+  elementClass: ee
+}), Za = a({ react: e, tagName: "anduin-resizable-panel-group", elementClass: Ne }), Qa = a({ react: e, tagName: "anduin-resizable-panel", elementClass: Ce }), Ya = a({
   react: e,
   tagName: "anduin-resizable-handle",
-  elementClass: Ie,
-  events: { onResize: Re }
-});
+  elementClass: ge,
+  events: { onResize: me }
+}), $a = a({
+  react: e,
+  tagName: "anduin-pagination",
+  elementClass: ae,
+  events: { onValueChange: ne }
+}), en = a({ react: e, tagName: "anduin-pagination-first-page", elementClass: te }), an = a({ react: e, tagName: "anduin-pagination-last-page", elementClass: se });
 export {
-  Ea as Avatar,
-  we as Badge,
-  Me as BadgeCount,
-  Fe as Button,
-  S as CHECKBOX_CHANGE,
-  fe as Callout,
-  ye as Checkbox,
-  ue as DRAWER_AFTER_CLOSE_EVENT,
-  ce as DRAWER_CLOSE_EVENT,
-  re as DROPDOWN_CHANGE,
-  ke as Divider,
-  Ue as Dot,
-  va as Drawer,
-  Sa as DrawerClose,
-  _a as Dropdown,
-  Be as Field,
-  Ke as FieldDescription,
-  Xe as FieldError,
-  je as FieldGroup,
-  Ve as FieldLabel,
-  Ta as FileIcon,
-  I as INPUT_CHANGE,
-  R as INPUT_CLEAR,
-  He as Icon,
-  Je as Input,
-  We as LoadingState,
-  wa as MENU_ITEM_CLICK,
-  M as MODAL_AFTER_CLOSE_EVENT,
-  F as MODAL_CLOSE_EVENT,
-  ea as Menu,
-  aa as MenuItem,
-  na as Modal,
-  ta as ModalClose,
-  Ge as NAVIGATION_CHANGE,
-  Ia as Navigation,
-  La as NavigationItem,
-  Ye as Popover,
-  $e as PopoverClose,
-  ze as Progress,
-  p as RADIO_CHANGE,
-  _ as RADIO_GROUP_CHANGE,
-  Re as RESIZE_EVENT,
-  Ze as Radio,
-  qe as RadioGroup,
-  ha as ResizableHandle,
-  Da as ResizablePanel,
-  Oa as ResizablePanelGroup,
-  Te as SUGGESTION_CHANGE,
-  Ne as SUGGESTION_CLEAR,
-  Ee as SUGGESTION_SELECT,
-  ge as SWITCHER_CHANGE,
-  xe as Skeleton,
-  Pe as SparkleSpinner,
-  he as Spinner,
-  Ra as Suggestion,
-  ba as Switcher,
-  U as TAB_CHANGE,
-  K as TAG_CLOSE_CLICK,
-  O as TEXTAREA_CHANGE,
-  j as TOGGLE_GROUP_CHANGE,
-  J as TOGGLE_GROUP_ITEM_CHANGE,
-  q as TOGGLE_GROUP_ITEM_DESELECT,
-  y as TOGGLE_GROUP_ITEM_SELECT,
-  ia as TabContent,
-  la as TabTrigger,
-  sa as Tabs,
-  oa as TabsList,
-  ra as Tag,
-  da as TagClose,
-  Qe as Textarea,
-  pa as Toast,
-  Ga as Toaster,
-  ua as ToggleGroup,
-  ca as ToggleGroupItem,
-  ma as Tooltip,
-  ga as TooltipContent,
-  Ca as TooltipTrigger,
-  ne as WELL_CLOSE_CLICK,
-  Aa as Well,
-  Na as WellClose
+  za as Avatar,
+  aa as Badge,
+  na as BadgeCount,
+  ta as Button,
+  R as CHECKBOX_CHANGE,
+  sa as Callout,
+  pa as Checkbox,
+  P as DRAWER_AFTER_CLOSE_EVENT,
+  h as DRAWER_CLOSE_EVENT,
+  M as DROPDOWN_CHANGE,
+  oa as Divider,
+  ia as Dot,
+  Va as Drawer,
+  Ka as DrawerClose,
+  Ba as Dropdown,
+  ua as Field,
+  ga as FieldDescription,
+  ma as FieldError,
+  Ca as FieldGroup,
+  ca as FieldLabel,
+  Ua as FileIcon,
+  V as INPUT_CHANGE,
+  B as INPUT_CLEAR,
+  ea as Icon,
+  Ea as Input,
+  da as LoadingState,
+  sn as MENU_ITEM_CLICK,
+  J as MODAL_AFTER_CLOSE_EVENT,
+  Z as MODAL_CLOSE_EVENT,
+  _a as Menu,
+  ba as MenuItem,
+  La as Modal,
+  Sa as ModalClose,
+  $ as NAVIGATION_CHANGE,
+  qa as Navigation,
+  Ja as NavigationItem,
+  ne as PAGINATION_CHANGE,
+  $a as Pagination,
+  en as PaginationFirstPage,
+  an as PaginationLastPage,
+  va as Popover,
+  Ga as PopoverClose,
+  la as Progress,
+  de as RADIO_CHANGE,
+  ce as RADIO_GROUP_CHANGE,
+  me as RESIZE_EVENT,
+  Na as Radio,
+  Aa as RadioGroup,
+  Ya as ResizableHandle,
+  Qa as ResizablePanel,
+  Za as ResizablePanelGroup,
+  _e as SUGGESTION_CHANGE,
+  ve as SUGGESTION_CLEAR,
+  Ge as SUGGESTION_SELECT,
+  Le as SWITCHER_CHANGE,
+  ra as Skeleton,
+  $e as SparkleSpinner,
+  Ye as Spinner,
+  Xa as Suggestion,
+  ja as Switcher,
+  Ie as TAB_CHANGE,
+  we as TAG_CLOSE_CLICK,
+  Me as TEXTAREA_CHANGE,
+  ye as TOGGLE_GROUP_CHANGE,
+  xe as TOGGLE_GROUP_ITEM_CHANGE,
+  Ue as TOGGLE_GROUP_ITEM_DESELECT,
+  We as TOGGLE_GROUP_ITEM_SELECT,
+  Oa as TabContent,
+  Ia as TabTrigger,
+  Ra as Tabs,
+  fa as TabsList,
+  Pa as Tag,
+  ha as TagClose,
+  Ta as Textarea,
+  Wa as Toast,
+  xa as Toaster,
+  wa as ToggleGroup,
+  Da as ToggleGroupItem,
+  Ma as Tooltip,
+  Fa as TooltipContent,
+  Ha as TooltipTrigger,
+  qe as WELL_CLOSE_CLICK,
+  ka as Well,
+  ya as WellClose
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@duyluonganduin/acl-web-components",
-  "version": "0.0.40",
+  "version": "0.0.42",
   "type": "module",
   "main": "./dist/acl-web-components.cjs",
   "module": "./dist/acl-web-components.js",
@@ -24,9 +24,9 @@
       "default": "./dist/tailwind-theme.css"
     },
     "./react": {
+      "types": "./dist/react.d.ts",
       "import": "./dist/react.js",
-      "require": "./dist/react.cjs",
-      "types": "./dist/react.d.ts"
+      "require": "./dist/react.cjs"
     },
     "./jsx": {
       "types": "./dist/jsx.d.ts"
@@ -57,6 +57,7 @@
     "build-storybook": "storybook build"
   },
   "devDependencies": {
+    "@lit/react": "^1.0.8",
     "@storybook/addon-essentials": "^8.6.17",
     "@storybook/blocks": "^8.5.0",
     "@storybook/web-components-vite": "^8.5.0",
@@ -69,8 +70,5 @@
     "typescript": "^5.7.0",
     "vite": "^6.1.0",
     "vite-plugin-dts": "^4.4.0"
-  },
-  "dependencies": {
-    "@lit/react": "^1.0.8"
   }
 }