@veracity/vui 3.0.0-beta.8 → 3.0.0-beta.9

package/dist/onedesign-tokens/dist/js/rem/button.js

@@ -1,2 +1,65 @@
-const e=`hsla(0, 0%, 0%, 0)`,t=`hsla(0, 0%, 0%, 0)`,n=`hsla(218, 100%, 28%, 1)`,r=`hsla(139, 100%, 78%, 1)`,i=`hsla(40, 3%, 100%, 1)`,a=`hsla(223, 67%, 18%, 1)`,o=`hsla(0, 0%, 0%, 0)`,s=`hsla(0, 0%, 0%, 0)`,c=`hsla(218, 100%, 20%, 1)`,l=`hsla(139, 100%, 70%, 1)`,u=`hsla(40, 3%, 100%, 1)`,d=`hsla(223, 67%, 18%, 1)`,f=`hsla(0, 0%, 0%, 0)`,p=`hsla(0, 0%, 0%, 0)`,m=`hsla(218, 100%, 35%, 1)`,h=`hsla(139, 100%, 85%, 1)`,g=`hsla(40, 3%, 100%, 1)`,_=`hsla(223, 67%, 18%, 1)`,v=`0.25rem solid hsla(196, 100%, 43%, 1)`,y=`hsla(218, 100%, 28%, 1)`,b=`hsla(139, 100%, 78%, 1)`,x=`hsla(0, 0%, 0%, 0)`,S=`hsla(0, 0%, 0%, 0)`,C=`hsla(218, 100%, 28%, 1)`,w=`hsla(139, 100%, 78%, 1)`,T=`hsla(218, 100%, 28%, 1)`,E=`hsla(139, 100%, 78%, 1)`,D=`hsla(196, 74%, 80%, 1)`,O=`hsla(218, 100%, 25%, 1)`,k=`hsla(218, 100%, 28%, 1)`,A=`hsla(139, 100%, 78%, 1)`,j=`hsla(218, 100%, 28%, 1)`,M=`hsla(139, 100%, 78%, 1)`,N=`hsla(196, 74%, 85%, 1)`,P=`hsla(218, 100%, 35%, 1)`,F=`hsla(218, 100%, 28%, 1)`,I=`hsla(139, 100%, 78%, 1)`,L=`0.25rem solid hsla(196, 100%, 43%, 1)`,R=`hsla(0, 0%, 0%, 0)`,z=`hsla(0, 0%, 0%, 0)`,B=`hsla(0, 0%, 0%, 0)`,V=`hsla(0, 0%, 0%, 0)`,H=`hsla(218, 100%, 28%, 1)`,U=`hsla(139, 100%, 78%, 1)`,W=`hsla(0, 0%, 0%, 0)`,G=`hsla(0, 0%, 0%, 0)`,K=`hsla(196, 74%, 80%, 1)`,q=`hsla(218, 100%, 25%, 1)`,J=`hsla(218, 100%, 28%, 1)`,Y=`hsla(139, 100%, 78%, 1)`,X=`hsla(0, 0%, 0%, 0)`,Z=`hsla(0, 0%, 0%, 0)`,Q=`hsla(196, 74%, 85%, 1)`,$=`hsla(218, 100%, 35%, 1)`,ee=`hsla(218, 100%, 28%, 1)`,te=`hsla(139, 100%, 78%, 1)`,ne=`0.25rem solid hsla(196, 100%, 43%, 1)`,re=`default`,ie=`0.5`;export{re as buttonDisabledCursor,ie as buttonDisabledOpacity,m as buttonTypePrimaryActiveBackgroundColorDark,h as buttonTypePrimaryActiveBackgroundColorLight,f as buttonTypePrimaryActiveBorderColorDark,p as buttonTypePrimaryActiveBorderColorLight,g as buttonTypePrimaryActiveTextColorDark,_ as buttonTypePrimaryActiveTextColorLight,n as buttonTypePrimaryDefaultBackgroundColorDark,r as buttonTypePrimaryDefaultBackgroundColorLight,e as buttonTypePrimaryDefaultBorderColorDark,t as buttonTypePrimaryDefaultBorderColorLight,i as buttonTypePrimaryDefaultTextColorDark,a as buttonTypePrimaryDefaultTextColorLight,v as buttonTypePrimaryFocusOutline,c as buttonTypePrimaryHoverBackgroundColorDark,l as buttonTypePrimaryHoverBackgroundColorLight,o as buttonTypePrimaryHoverBorderColorDark,s as buttonTypePrimaryHoverBorderColorLight,u as buttonTypePrimaryHoverTextColorDark,d as buttonTypePrimaryHoverTextColorLight,N as buttonTypeSecondaryActiveBackgroundColorDark,P as buttonTypeSecondaryActiveBackgroundColorLight,j as buttonTypeSecondaryActiveBorderColorDark,M as buttonTypeSecondaryActiveBorderColorLight,F as buttonTypeSecondaryActiveTextColorDark,I as buttonTypeSecondaryActiveTextColorLight,x as buttonTypeSecondaryDefaultBackgroundColorDark,S as buttonTypeSecondaryDefaultBackgroundColorLight,y as buttonTypeSecondaryDefaultBorderColorDark,b as buttonTypeSecondaryDefaultBorderColorLight,C as buttonTypeSecondaryDefaultTextColorDark,w as buttonTypeSecondaryDefaultTextColorLight,L as buttonTypeSecondaryFocusOutline,D as buttonTypeSecondaryHoverBackgroundColorDark,O as buttonTypeSecondaryHoverBackgroundColorLight,T as buttonTypeSecondaryHoverBorderColorDark,E as buttonTypeSecondaryHoverBorderColorLight,k as buttonTypeSecondaryHoverTextColorDark,A as buttonTypeSecondaryHoverTextColorLight,Q as buttonTypeTertiaryActiveBackgroundColorDark,$ as buttonTypeTertiaryActiveBackgroundColorLight,X as buttonTypeTertiaryActiveBorderColorDark,Z as buttonTypeTertiaryActiveBorderColorLight,ee as buttonTypeTertiaryActiveTextColorDark,te as buttonTypeTertiaryActiveTextColorLight,B as buttonTypeTertiaryDefaultBackgroundColorDark,V as buttonTypeTertiaryDefaultBackgroundColorLight,R as buttonTypeTertiaryDefaultBorderColorDark,z as buttonTypeTertiaryDefaultBorderColorLight,H as buttonTypeTertiaryDefaultTextColorDark,U as buttonTypeTertiaryDefaultTextColorLight,ne as buttonTypeTertiaryFocusOutline,K as buttonTypeTertiaryHoverBackgroundColorDark,q as buttonTypeTertiaryHoverBackgroundColorLight,W as buttonTypeTertiaryHoverBorderColorDark,G as buttonTypeTertiaryHoverBorderColorLight,J as buttonTypeTertiaryHoverTextColorDark,Y as buttonTypeTertiaryHoverTextColorLight};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+//#region src/onedesign-tokens/dist/js/rem/button.js
+const buttonTypePrimaryDefaultBorderColorDark = "hsla(0, 0%, 0%, 0)";
+const buttonTypePrimaryDefaultBorderColorLight = "hsla(0, 0%, 0%, 0)";
+const buttonTypePrimaryDefaultBackgroundColorDark = "hsla(218, 100%, 28%, 1)";
+const buttonTypePrimaryDefaultBackgroundColorLight = "hsla(139, 100%, 78%, 1)";
+const buttonTypePrimaryDefaultTextColorDark = "hsla(40, 3%, 100%, 1)";
+const buttonTypePrimaryDefaultTextColorLight = "hsla(223, 67%, 18%, 1)";
+const buttonTypePrimaryHoverBorderColorDark = "hsla(0, 0%, 0%, 0)";
+const buttonTypePrimaryHoverBorderColorLight = "hsla(0, 0%, 0%, 0)";
+const buttonTypePrimaryHoverBackgroundColorDark = "hsla(218, 100%, 20%, 1)";
+const buttonTypePrimaryHoverBackgroundColorLight = "hsla(139, 100%, 70%, 1)";
+const buttonTypePrimaryHoverTextColorDark = "hsla(40, 3%, 100%, 1)";
+const buttonTypePrimaryHoverTextColorLight = "hsla(223, 67%, 18%, 1)";
+const buttonTypePrimaryActiveBorderColorDark = "hsla(0, 0%, 0%, 0)";
+const buttonTypePrimaryActiveBorderColorLight = "hsla(0, 0%, 0%, 0)";
+const buttonTypePrimaryActiveBackgroundColorDark = "hsla(218, 100%, 35%, 1)";
+const buttonTypePrimaryActiveBackgroundColorLight = "hsla(139, 100%, 85%, 1)";
+const buttonTypePrimaryActiveTextColorDark = "hsla(40, 3%, 100%, 1)";
+const buttonTypePrimaryActiveTextColorLight = "hsla(223, 67%, 18%, 1)";
+const buttonTypePrimaryFocusOutline = "0.25rem solid hsla(196, 100%, 43%, 1)";
+const buttonTypeSecondaryDefaultBorderColorDark = "hsla(218, 100%, 28%, 1)";
+const buttonTypeSecondaryDefaultBorderColorLight = "hsla(139, 100%, 78%, 1)";
+const buttonTypeSecondaryDefaultBackgroundColorDark = "hsla(0, 0%, 0%, 0)";
+const buttonTypeSecondaryDefaultBackgroundColorLight = "hsla(0, 0%, 0%, 0)";
+const buttonTypeSecondaryDefaultTextColorDark = "hsla(218, 100%, 28%, 1)";
+const buttonTypeSecondaryDefaultTextColorLight = "hsla(139, 100%, 78%, 1)";
+const buttonTypeSecondaryHoverBorderColorDark = "hsla(218, 100%, 28%, 1)";
+const buttonTypeSecondaryHoverBorderColorLight = "hsla(139, 100%, 78%, 1)";
+const buttonTypeSecondaryHoverBackgroundColorDark = "hsla(196, 74%, 80%, 1)";
+const buttonTypeSecondaryHoverBackgroundColorLight = "hsla(218, 100%, 25%, 1)";
+const buttonTypeSecondaryHoverTextColorDark = "hsla(218, 100%, 28%, 1)";
+const buttonTypeSecondaryHoverTextColorLight = "hsla(139, 100%, 78%, 1)";
+const buttonTypeSecondaryActiveBorderColorDark = "hsla(218, 100%, 28%, 1)";
+const buttonTypeSecondaryActiveBorderColorLight = "hsla(139, 100%, 78%, 1)";
+const buttonTypeSecondaryActiveBackgroundColorDark = "hsla(196, 74%, 85%, 1)";
+const buttonTypeSecondaryActiveBackgroundColorLight = "hsla(218, 100%, 35%, 1)";
+const buttonTypeSecondaryActiveTextColorDark = "hsla(218, 100%, 28%, 1)";
+const buttonTypeSecondaryActiveTextColorLight = "hsla(139, 100%, 78%, 1)";
+const buttonTypeSecondaryFocusOutline = "0.25rem solid hsla(196, 100%, 43%, 1)";
+const buttonTypeTertiaryDefaultBorderColorDark = "hsla(0, 0%, 0%, 0)";
+const buttonTypeTertiaryDefaultBorderColorLight = "hsla(0, 0%, 0%, 0)";
+const buttonTypeTertiaryDefaultBackgroundColorDark = "hsla(0, 0%, 0%, 0)";
+const buttonTypeTertiaryDefaultBackgroundColorLight = "hsla(0, 0%, 0%, 0)";
+const buttonTypeTertiaryDefaultTextColorDark = "hsla(218, 100%, 28%, 1)";
+const buttonTypeTertiaryDefaultTextColorLight = "hsla(139, 100%, 78%, 1)";
+const buttonTypeTertiaryHoverBorderColorDark = "hsla(0, 0%, 0%, 0)";
+const buttonTypeTertiaryHoverBorderColorLight = "hsla(0, 0%, 0%, 0)";
+const buttonTypeTertiaryHoverBackgroundColorDark = "hsla(196, 74%, 80%, 1)";
+const buttonTypeTertiaryHoverBackgroundColorLight = "hsla(218, 100%, 25%, 1)";
+const buttonTypeTertiaryHoverTextColorDark = "hsla(218, 100%, 28%, 1)";
+const buttonTypeTertiaryHoverTextColorLight = "hsla(139, 100%, 78%, 1)";
+const buttonTypeTertiaryActiveBorderColorDark = "hsla(0, 0%, 0%, 0)";
+const buttonTypeTertiaryActiveBorderColorLight = "hsla(0, 0%, 0%, 0)";
+const buttonTypeTertiaryActiveBackgroundColorDark = "hsla(196, 74%, 85%, 1)";
+const buttonTypeTertiaryActiveBackgroundColorLight = "hsla(218, 100%, 35%, 1)";
+const buttonTypeTertiaryActiveTextColorDark = "hsla(218, 100%, 28%, 1)";
+const buttonTypeTertiaryActiveTextColorLight = "hsla(139, 100%, 78%, 1)";
+const buttonTypeTertiaryFocusOutline = "0.25rem solid hsla(196, 100%, 43%, 1)";
+const buttonDisabledCursor = "default";
+const buttonDisabledOpacity = "0.5";
+
+//#endregion
+export { buttonDisabledCursor, buttonDisabledOpacity, buttonTypePrimaryActiveBackgroundColorDark, buttonTypePrimaryActiveBackgroundColorLight, buttonTypePrimaryActiveBorderColorDark, buttonTypePrimaryActiveBorderColorLight, buttonTypePrimaryActiveTextColorDark, buttonTypePrimaryActiveTextColorLight, buttonTypePrimaryDefaultBackgroundColorDark, buttonTypePrimaryDefaultBackgroundColorLight, buttonTypePrimaryDefaultBorderColorDark, buttonTypePrimaryDefaultBorderColorLight, buttonTypePrimaryDefaultTextColorDark, buttonTypePrimaryDefaultTextColorLight, buttonTypePrimaryFocusOutline, buttonTypePrimaryHoverBackgroundColorDark, buttonTypePrimaryHoverBackgroundColorLight, buttonTypePrimaryHoverBorderColorDark, buttonTypePrimaryHoverBorderColorLight, buttonTypePrimaryHoverTextColorDark, buttonTypePrimaryHoverTextColorLight, buttonTypeSecondaryActiveBackgroundColorDark, buttonTypeSecondaryActiveBackgroundColorLight, buttonTypeSecondaryActiveBorderColorDark, buttonTypeSecondaryActiveBorderColorLight, buttonTypeSecondaryActiveTextColorDark, buttonTypeSecondaryActiveTextColorLight, buttonTypeSecondaryDefaultBackgroundColorDark, buttonTypeSecondaryDefaultBackgroundColorLight, buttonTypeSecondaryDefaultBorderColorDark, buttonTypeSecondaryDefaultBorderColorLight, buttonTypeSecondaryDefaultTextColorDark, buttonTypeSecondaryDefaultTextColorLight, buttonTypeSecondaryFocusOutline, buttonTypeSecondaryHoverBackgroundColorDark, buttonTypeSecondaryHoverBackgroundColorLight, buttonTypeSecondaryHoverBorderColorDark, buttonTypeSecondaryHoverBorderColorLight, buttonTypeSecondaryHoverTextColorDark, buttonTypeSecondaryHoverTextColorLight, buttonTypeTertiaryActiveBackgroundColorDark, buttonTypeTertiaryActiveBackgroundColorLight, buttonTypeTertiaryActiveBorderColorDark, buttonTypeTertiaryActiveBorderColorLight, buttonTypeTertiaryActiveTextColorDark, buttonTypeTertiaryActiveTextColorLight, buttonTypeTertiaryDefaultBackgroundColorDark, buttonTypeTertiaryDefaultBackgroundColorLight, buttonTypeTertiaryDefaultBorderColorDark, buttonTypeTertiaryDefaultBorderColorLight, buttonTypeTertiaryDefaultTextColorDark, buttonTypeTertiaryDefaultTextColorLight, buttonTypeTertiaryFocusOutline, buttonTypeTertiaryHoverBackgroundColorDark, buttonTypeTertiaryHoverBackgroundColorLight, buttonTypeTertiaryHoverBorderColorDark, buttonTypeTertiaryHoverBorderColorLight, buttonTypeTertiaryHoverTextColorDark, buttonTypeTertiaryHoverTextColorLight };
+globalThis.__vuiVersion__ = "3.0.0-beta.9"
 //# sourceMappingURL=button.js.map

package/dist/onedesign-tokens/dist/js/rem/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","names":[],"sources":["../../../../../src/onedesign-tokens/dist/js/rem/button.js"],"sourcesContent":["/**\n * Do not edit directly\n * Generated on Wed, 22 Mar 2023 12:31:05 GMT\n */\n\nexport const buttonSizeLargeFontSize = \"1.125rem\";\nexport const buttonSizeLargeLineHeight = \"1.75rem\";\nexport const buttonSizeLargePadding = \"0.5rem 1rem\";\nexport const buttonSizeMediumFontSize = \"1rem\";\nexport const buttonSizeMediumLineHeight = \"1.5rem\";\nexport const buttonSizeMediumPadding = \"0.25rem calc(0.25rem * 3)\";\nexport const buttonSizeSmallFontSize = \"0.875rem\";\nexport const buttonSizeSmallLineHeight = \"1.25rem\";\nexport const buttonSizeSmallPadding = \"calc(0.25rem / 2) 0.5rem\";\nexport const buttonSizeDefaultFontSize = \"1rem\";\nexport const buttonSizeDefaultLineHeight = \"1.5rem\";\nexport const buttonSizeDefaultPadding = \"0.25rem calc(0.25rem * 3)\";\nexport const buttonTypePrimaryDefaultBorderColorDark = \"hsla(0, 0%, 0%, 0)\";\nexport const buttonTypePrimaryDefaultBorderColorLight = \"hsla(0, 0%, 0%, 0)\";\nexport const buttonTypePrimaryDefaultBackgroundColorDark = \"hsla(218, 100%, 28%, 1)\";\nexport const buttonTypePrimaryDefaultBackgroundColorLight = \"hsla(139, 100%, 78%, 1)\";\nexport const buttonTypePrimaryDefaultTextColorDark = \"hsla(40, 3%, 100%, 1)\";\nexport const buttonTypePrimaryDefaultTextColorLight = \"hsla(223, 67%, 18%, 1)\";\nexport const buttonTypePrimaryHoverBorderColorDark = \"hsla(0, 0%, 0%, 0)\";\nexport const buttonTypePrimaryHoverBorderColorLight = \"hsla(0, 0%, 0%, 0)\";\nexport const buttonTypePrimaryHoverBackgroundColorDark = \"hsla(218, 100%, 20%, 1)\";\nexport const buttonTypePrimaryHoverBackgroundColorLight = \"hsla(139, 100%, 70%, 1)\";\nexport const buttonTypePrimaryHoverTextColorDark = \"hsla(40, 3%, 100%, 1)\";\nexport const buttonTypePrimaryHoverTextColorLight = \"hsla(223, 67%, 18%, 1)\";\nexport const buttonTypePrimaryActiveBorderColorDark = \"hsla(0, 0%, 0%, 0)\";\nexport const buttonTypePrimaryActiveBorderColorLight = \"hsla(0, 0%, 0%, 0)\";\nexport const buttonTypePrimaryActiveBackgroundColorDark = \"hsla(218, 100%, 35%, 1)\";\nexport const buttonTypePrimaryActiveBackgroundColorLight = \"hsla(139, 100%, 85%, 1)\";\nexport const buttonTypePrimaryActiveTextColorDark = \"hsla(40, 3%, 100%, 1)\";\nexport const buttonTypePrimaryActiveTextColorLight = \"hsla(223, 67%, 18%, 1)\";\nexport const buttonTypePrimaryFocusOutline = \"0.25rem solid hsla(196, 100%, 43%, 1)\";\nexport const buttonTypeSecondaryDefaultBorderColorDark = \"hsla(218, 100%, 28%, 1)\";\nexport const buttonTypeSecondaryDefaultBorderColorLight = \"hsla(139, 100%, 78%, 1)\";\nexport const buttonTypeSecondaryDefaultBackgroundColorDark = \"hsla(0, 0%, 0%, 0)\";\nexport const buttonTypeSecondaryDefaultBackgroundColorLight = \"hsla(0, 0%, 0%, 0)\";\nexport const buttonTypeSecondaryDefaultTextColorDark = \"hsla(218, 100%, 28%, 1)\";\nexport const buttonTypeSecondaryDefaultTextColorLight = \"hsla(139, 100%, 78%, 1)\";\nexport const buttonTypeSecondaryHoverBorderColorDark = \"hsla(218, 100%, 28%, 1)\";\nexport const buttonTypeSecondaryHoverBorderColorLight = \"hsla(139, 100%, 78%, 1)\";\nexport const buttonTypeSecondaryHoverBackgroundColorDark = \"hsla(196, 74%, 80%, 1)\";\nexport const buttonTypeSecondaryHoverBackgroundColorLight = \"hsla(218, 100%, 25%, 1)\";\nexport const buttonTypeSecondaryHoverTextColorDark = \"hsla(218, 100%, 28%, 1)\";\nexport const buttonTypeSecondaryHoverTextColorLight = \"hsla(139, 100%, 78%, 1)\";\nexport const buttonTypeSecondaryActiveBorderColorDark = \"hsla(218, 100%, 28%, 1)\";\nexport const buttonTypeSecondaryActiveBorderColorLight = \"hsla(139, 100%, 78%, 1)\";\nexport const buttonTypeSecondaryActiveBackgroundColorDark = \"hsla(196, 74%, 85%, 1)\";\nexport const buttonTypeSecondaryActiveBackgroundColorLight = \"hsla(218, 100%, 35%, 1)\";\nexport const buttonTypeSecondaryActiveTextColorDark = \"hsla(218, 100%, 28%, 1)\";\nexport const buttonTypeSecondaryActiveTextColorLight = \"hsla(139, 100%, 78%, 1)\";\nexport const buttonTypeSecondaryFocusOutline = \"0.25rem solid hsla(196, 100%, 43%, 1)\";\nexport const buttonTypeTertiaryDefaultBorderColorDark = \"hsla(0, 0%, 0%, 0)\";\nexport const buttonTypeTertiaryDefaultBorderColorLight = \"hsla(0, 0%, 0%, 0)\";\nexport const buttonTypeTertiaryDefaultBackgroundColorDark = \"hsla(0, 0%, 0%, 0)\";\nexport const buttonTypeTertiaryDefaultBackgroundColorLight = \"hsla(0, 0%, 0%, 0)\";\nexport const buttonTypeTertiaryDefaultTextColorDark = \"hsla(218, 100%, 28%, 1)\";\nexport const buttonTypeTertiaryDefaultTextColorLight = \"hsla(139, 100%, 78%, 1)\";\nexport const buttonTypeTertiaryHoverBorderColorDark = \"hsla(0, 0%, 0%, 0)\";\nexport const buttonTypeTertiaryHoverBorderColorLight = \"hsla(0, 0%, 0%, 0)\";\nexport const buttonTypeTertiaryHoverBackgroundColorDark = \"hsla(196, 74%, 80%, 1)\";\nexport const buttonTypeTertiaryHoverBackgroundColorLight = \"hsla(218, 100%, 25%, 1)\";\nexport const buttonTypeTertiaryHoverTextColorDark = \"hsla(218, 100%, 28%, 1)\";\nexport const buttonTypeTertiaryHoverTextColorLight = \"hsla(139, 100%, 78%, 1)\";\nexport const buttonTypeTertiaryActiveBorderColorDark = \"hsla(0, 0%, 0%, 0)\";\nexport const buttonTypeTertiaryActiveBorderColorLight = \"hsla(0, 0%, 0%, 0)\";\nexport const buttonTypeTertiaryActiveBackgroundColorDark = \"hsla(196, 74%, 85%, 1)\";\nexport const buttonTypeTertiaryActiveBackgroundColorLight = \"hsla(218, 100%, 35%, 1)\";\nexport const buttonTypeTertiaryActiveTextColorDark = \"hsla(218, 100%, 28%, 1)\";\nexport const buttonTypeTertiaryActiveTextColorLight = \"hsla(139, 100%, 78%, 1)\";\nexport const buttonTypeTertiaryFocusOutline = \"0.25rem solid hsla(196, 100%, 43%, 1)\";\nexport const buttonDisabledCursor = \"default\";\nexport const buttonDisabledOpacity = \"0.5\";\nexport const buttonBorderStyle = \"solid\";\nexport const buttonBorderWidth = \"calc(0.125rem / 2)\";\nexport const buttonFontFamily = \"'Avenir Next', Arial, sans-serif\";\nexport const buttonFontSize = \"1rem\";\nexport const buttonLineHeight = \"1.5rem\";\nexport const buttonFontWeight = \"500\";\nexport const buttonPadding = \"calc(0.25rem * 1.5) calc(0.25rem * 3)\";\nexport const buttonTransition = \"all 0.15s ease-in-out\";\nexport const buttonCursor = \"pointer\";"],"mappings":"AAiBA,MAAa,EAA0C,qBAC1C,EAA2C,qBAC3C,EAA8C,0BAC9C,EAA+C,0BAC/C,EAAwC,wBACxC,EAAyC,yBACzC,EAAwC,qBACxC,EAAyC,qBACzC,EAA4C,0BAC5C,EAA6C,0BAC7C,EAAsC,wBACtC,EAAuC,yBACvC,EAAyC,qBACzC,EAA0C,qBAC1C,EAA6C,0BAC7C,EAA8C,0BAC9C,EAAuC,wBACvC,EAAwC,yBACxC,EAAgC,wCAChC,EAA4C,0BAC5C,EAA6C,0BAC7C,EAAgD,qBAChD,EAAiD,qBACjD,EAA0C,0BAC1C,EAA2C,0BAC3C,EAA0C,0BAC1C,EAA2C,0BAC3C,EAA8C,yBAC9C,EAA+C,0BAC/C,EAAwC,0BACxC,EAAyC,0BACzC,EAA2C,0BAC3C,EAA4C,0BAC5C,EAA+C,yBAC/C,EAAgD,0BAChD,EAAyC,0BACzC,EAA0C,0BAC1C,EAAkC,wCAClC,EAA2C,qBAC3C,EAA4C,qBAC5C,EAA+C,qBAC/C,EAAgD,qBAChD,EAAyC,0BACzC,EAA0C,0BAC1C,EAAyC,qBACzC,EAA0C,qBAC1C,EAA6C,yBAC7C,EAA8C,0BAC9C,EAAuC,0BACvC,EAAwC,0BACxC,EAA0C,qBAC1C,EAA2C,qBAC3C,EAA8C,yBAC9C,EAA+C,0BAC/C,GAAwC,0BACxC,GAAyC,0BACzC,GAAiC,wCACjC,GAAuB,UACvB,GAAwB"}
+{"version":3,"file":"button.js","names":[],"sources":["../../../../../src/onedesign-tokens/dist/js/rem/button.js"],"sourcesContent":["/**\n * Do not edit directly\n * Generated on Wed, 22 Mar 2023 12:31:05 GMT\n */\n\nexport const buttonSizeLargeFontSize = \"1.125rem\";\nexport const buttonSizeLargeLineHeight = \"1.75rem\";\nexport const buttonSizeLargePadding = \"0.5rem 1rem\";\nexport const buttonSizeMediumFontSize = \"1rem\";\nexport const buttonSizeMediumLineHeight = \"1.5rem\";\nexport const buttonSizeMediumPadding = \"0.25rem calc(0.25rem * 3)\";\nexport const buttonSizeSmallFontSize = \"0.875rem\";\nexport const buttonSizeSmallLineHeight = \"1.25rem\";\nexport const buttonSizeSmallPadding = \"calc(0.25rem / 2) 0.5rem\";\nexport const buttonSizeDefaultFontSize = \"1rem\";\nexport const buttonSizeDefaultLineHeight = \"1.5rem\";\nexport const buttonSizeDefaultPadding = \"0.25rem calc(0.25rem * 3)\";\nexport const buttonTypePrimaryDefaultBorderColorDark = \"hsla(0, 0%, 0%, 0)\";\nexport const buttonTypePrimaryDefaultBorderColorLight = \"hsla(0, 0%, 0%, 0)\";\nexport const buttonTypePrimaryDefaultBackgroundColorDark = \"hsla(218, 100%, 28%, 1)\";\nexport const buttonTypePrimaryDefaultBackgroundColorLight = \"hsla(139, 100%, 78%, 1)\";\nexport const buttonTypePrimaryDefaultTextColorDark = \"hsla(40, 3%, 100%, 1)\";\nexport const buttonTypePrimaryDefaultTextColorLight = \"hsla(223, 67%, 18%, 1)\";\nexport const buttonTypePrimaryHoverBorderColorDark = \"hsla(0, 0%, 0%, 0)\";\nexport const buttonTypePrimaryHoverBorderColorLight = \"hsla(0, 0%, 0%, 0)\";\nexport const buttonTypePrimaryHoverBackgroundColorDark = \"hsla(218, 100%, 20%, 1)\";\nexport const buttonTypePrimaryHoverBackgroundColorLight = \"hsla(139, 100%, 70%, 1)\";\nexport const buttonTypePrimaryHoverTextColorDark = \"hsla(40, 3%, 100%, 1)\";\nexport const buttonTypePrimaryHoverTextColorLight = \"hsla(223, 67%, 18%, 1)\";\nexport const buttonTypePrimaryActiveBorderColorDark = \"hsla(0, 0%, 0%, 0)\";\nexport const buttonTypePrimaryActiveBorderColorLight = \"hsla(0, 0%, 0%, 0)\";\nexport const buttonTypePrimaryActiveBackgroundColorDark = \"hsla(218, 100%, 35%, 1)\";\nexport const buttonTypePrimaryActiveBackgroundColorLight = \"hsla(139, 100%, 85%, 1)\";\nexport const buttonTypePrimaryActiveTextColorDark = \"hsla(40, 3%, 100%, 1)\";\nexport const buttonTypePrimaryActiveTextColorLight = \"hsla(223, 67%, 18%, 1)\";\nexport const buttonTypePrimaryFocusOutline = \"0.25rem solid hsla(196, 100%, 43%, 1)\";\nexport const buttonTypeSecondaryDefaultBorderColorDark = \"hsla(218, 100%, 28%, 1)\";\nexport const buttonTypeSecondaryDefaultBorderColorLight = \"hsla(139, 100%, 78%, 1)\";\nexport const buttonTypeSecondaryDefaultBackgroundColorDark = \"hsla(0, 0%, 0%, 0)\";\nexport const buttonTypeSecondaryDefaultBackgroundColorLight = \"hsla(0, 0%, 0%, 0)\";\nexport const buttonTypeSecondaryDefaultTextColorDark = \"hsla(218, 100%, 28%, 1)\";\nexport const buttonTypeSecondaryDefaultTextColorLight = \"hsla(139, 100%, 78%, 1)\";\nexport const buttonTypeSecondaryHoverBorderColorDark = \"hsla(218, 100%, 28%, 1)\";\nexport const buttonTypeSecondaryHoverBorderColorLight = \"hsla(139, 100%, 78%, 1)\";\nexport const buttonTypeSecondaryHoverBackgroundColorDark = \"hsla(196, 74%, 80%, 1)\";\nexport const buttonTypeSecondaryHoverBackgroundColorLight = \"hsla(218, 100%, 25%, 1)\";\nexport const buttonTypeSecondaryHoverTextColorDark = \"hsla(218, 100%, 28%, 1)\";\nexport const buttonTypeSecondaryHoverTextColorLight = \"hsla(139, 100%, 78%, 1)\";\nexport const buttonTypeSecondaryActiveBorderColorDark = \"hsla(218, 100%, 28%, 1)\";\nexport const buttonTypeSecondaryActiveBorderColorLight = \"hsla(139, 100%, 78%, 1)\";\nexport const buttonTypeSecondaryActiveBackgroundColorDark = \"hsla(196, 74%, 85%, 1)\";\nexport const buttonTypeSecondaryActiveBackgroundColorLight = \"hsla(218, 100%, 35%, 1)\";\nexport const buttonTypeSecondaryActiveTextColorDark = \"hsla(218, 100%, 28%, 1)\";\nexport const buttonTypeSecondaryActiveTextColorLight = \"hsla(139, 100%, 78%, 1)\";\nexport const buttonTypeSecondaryFocusOutline = \"0.25rem solid hsla(196, 100%, 43%, 1)\";\nexport const buttonTypeTertiaryDefaultBorderColorDark = \"hsla(0, 0%, 0%, 0)\";\nexport const buttonTypeTertiaryDefaultBorderColorLight = \"hsla(0, 0%, 0%, 0)\";\nexport const buttonTypeTertiaryDefaultBackgroundColorDark = \"hsla(0, 0%, 0%, 0)\";\nexport const buttonTypeTertiaryDefaultBackgroundColorLight = \"hsla(0, 0%, 0%, 0)\";\nexport const buttonTypeTertiaryDefaultTextColorDark = \"hsla(218, 100%, 28%, 1)\";\nexport const buttonTypeTertiaryDefaultTextColorLight = \"hsla(139, 100%, 78%, 1)\";\nexport const buttonTypeTertiaryHoverBorderColorDark = \"hsla(0, 0%, 0%, 0)\";\nexport const buttonTypeTertiaryHoverBorderColorLight = \"hsla(0, 0%, 0%, 0)\";\nexport const buttonTypeTertiaryHoverBackgroundColorDark = \"hsla(196, 74%, 80%, 1)\";\nexport const buttonTypeTertiaryHoverBackgroundColorLight = \"hsla(218, 100%, 25%, 1)\";\nexport const buttonTypeTertiaryHoverTextColorDark = \"hsla(218, 100%, 28%, 1)\";\nexport const buttonTypeTertiaryHoverTextColorLight = \"hsla(139, 100%, 78%, 1)\";\nexport const buttonTypeTertiaryActiveBorderColorDark = \"hsla(0, 0%, 0%, 0)\";\nexport const buttonTypeTertiaryActiveBorderColorLight = \"hsla(0, 0%, 0%, 0)\";\nexport const buttonTypeTertiaryActiveBackgroundColorDark = \"hsla(196, 74%, 85%, 1)\";\nexport const buttonTypeTertiaryActiveBackgroundColorLight = \"hsla(218, 100%, 35%, 1)\";\nexport const buttonTypeTertiaryActiveTextColorDark = \"hsla(218, 100%, 28%, 1)\";\nexport const buttonTypeTertiaryActiveTextColorLight = \"hsla(139, 100%, 78%, 1)\";\nexport const buttonTypeTertiaryFocusOutline = \"0.25rem solid hsla(196, 100%, 43%, 1)\";\nexport const buttonDisabledCursor = \"default\";\nexport const buttonDisabledOpacity = \"0.5\";\nexport const buttonBorderStyle = \"solid\";\nexport const buttonBorderWidth = \"calc(0.125rem / 2)\";\nexport const buttonFontFamily = \"'Avenir Next', Arial, sans-serif\";\nexport const buttonFontSize = \"1rem\";\nexport const buttonLineHeight = \"1.5rem\";\nexport const buttonFontWeight = \"500\";\nexport const buttonPadding = \"calc(0.25rem * 1.5) calc(0.25rem * 3)\";\nexport const buttonTransition = \"all 0.15s ease-in-out\";\nexport const buttonCursor = \"pointer\";"],"mappings":";AAiBA,MAAa,0CAA0C;AACvD,MAAa,2CAA2C;AACxD,MAAa,8CAA8C;AAC3D,MAAa,+CAA+C;AAC5D,MAAa,wCAAwC;AACrD,MAAa,yCAAyC;AACtD,MAAa,wCAAwC;AACrD,MAAa,yCAAyC;AACtD,MAAa,4CAA4C;AACzD,MAAa,6CAA6C;AAC1D,MAAa,sCAAsC;AACnD,MAAa,uCAAuC;AACpD,MAAa,yCAAyC;AACtD,MAAa,0CAA0C;AACvD,MAAa,6CAA6C;AAC1D,MAAa,8CAA8C;AAC3D,MAAa,uCAAuC;AACpD,MAAa,wCAAwC;AACrD,MAAa,gCAAgC;AAC7C,MAAa,4CAA4C;AACzD,MAAa,6CAA6C;AAC1D,MAAa,gDAAgD;AAC7D,MAAa,iDAAiD;AAC9D,MAAa,0CAA0C;AACvD,MAAa,2CAA2C;AACxD,MAAa,0CAA0C;AACvD,MAAa,2CAA2C;AACxD,MAAa,8CAA8C;AAC3D,MAAa,+CAA+C;AAC5D,MAAa,wCAAwC;AACrD,MAAa,yCAAyC;AACtD,MAAa,2CAA2C;AACxD,MAAa,4CAA4C;AACzD,MAAa,+CAA+C;AAC5D,MAAa,gDAAgD;AAC7D,MAAa,yCAAyC;AACtD,MAAa,0CAA0C;AACvD,MAAa,kCAAkC;AAC/C,MAAa,2CAA2C;AACxD,MAAa,4CAA4C;AACzD,MAAa,+CAA+C;AAC5D,MAAa,gDAAgD;AAC7D,MAAa,yCAAyC;AACtD,MAAa,0CAA0C;AACvD,MAAa,yCAAyC;AACtD,MAAa,0CAA0C;AACvD,MAAa,6CAA6C;AAC1D,MAAa,8CAA8C;AAC3D,MAAa,uCAAuC;AACpD,MAAa,wCAAwC;AACrD,MAAa,0CAA0C;AACvD,MAAa,2CAA2C;AACxD,MAAa,8CAA8C;AAC3D,MAAa,+CAA+C;AAC5D,MAAa,wCAAwC;AACrD,MAAa,yCAAyC;AACtD,MAAa,iCAAiC;AAC9C,MAAa,uBAAuB;AACpC,MAAa,wBAAwB"}

package/dist/p/p.d.ts

@@ -1,10 +1,10 @@
 import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import { PProps } from "./p.types.js";
-import * as styled_components379 from "styled-components";
+import * as styled_components400 from "styled-components";
 
 //#region src/p/p.d.ts
-declare const PBase: styled_components379.StyledComponent<"p", styled_components379.DefaultTheme, SystemProps, never>;
+declare const PBase: styled_components400.StyledComponent<"p", styled_components400.DefaultTheme, SystemProps, never>;
 /** Displays a paragraph of text. */
 declare const P: VuiComponent<"p", PProps>;
 //#endregion

package/dist/p/p.js

@@ -1,8 +1,41 @@
-import{filterUndefined as e}from"../utils/object.js";import{cs as t}from"../utils/styles.js";import{omitThemingProps as n,useStyleConfig as r}from"../core/theme.js";import{styled as i}from"../core/styled.js";import{vui as a}from"../core/vui.js";import{jsx as o}from"react/jsx-runtime";const s=i.pBox`
+import { filterUndefined } from "../utils/object.js";
+import { cs } from "../utils/styles.js";
+import { omitThemingProps, useStyleConfig } from "../core/theme.js";
+import { styled } from "../core/styled.js";
+import { vui } from "../core/vui.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/p/p.tsx
+const PBase = styled.pBox`
   transition-duration: fast;
 
   .vui-link {
     line-height: inherit;
   }
-`,c=a((i,a)=>{let{align:c,casing:l,children:u,className:d,decoration:f,text:p,weight:m,...h}=n(i),g=r(`P`,i),_=e({fontWeight:m,textAlign:c,textDecoration:f,textTransform:l});return o(s,{className:t(`vui-p`,d),ref:a,...g,..._,...h,children:u??p})});c.displayName=`P`;var l=c;export{c as P,s as PBase,l as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+`;
+/** Displays a paragraph of text. */
+const P = vui((props, ref) => {
+	const { align, casing, children, className, decoration, text, weight,...rest } = omitThemingProps(props);
+	const styles = useStyleConfig("P", props);
+	const aliasedProps = filterUndefined({
+		fontWeight: weight,
+		textAlign: align,
+		textDecoration: decoration,
+		textTransform: casing
+	});
+	return /* @__PURE__ */ jsx(PBase, {
+		className: cs("vui-p", className),
+		ref,
+		...styles,
+		...aliasedProps,
+		...rest,
+		children: children ?? text
+	});
+});
+P.displayName = "P";
+var p_default = P;
+
+//#endregion
+export { P, PBase, p_default as default };
+globalThis.__vuiVersion__ = "3.0.0-beta.9"
 //# sourceMappingURL=p.js.map

package/dist/p/p.js.map

@@ -1 +1 @@
-{"version":3,"file":"p.js","names":[],"sources":["../../src/p/p.tsx"],"sourcesContent":["import { omitThemingProps, styled, useStyleConfig, vui } from '../core'\nimport { cs, filterUndefined } from '../utils'\nimport type { PProps } from './p.types'\n\nexport const PBase = styled.pBox`\n  transition-duration: fast;\n\n  .vui-link {\n    line-height: inherit;\n  }\n`\n\n/** Displays a paragraph of text. */\nexport const P = vui<'p', PProps>((props, ref) => {\n  const { align, casing, children, className, decoration, text, weight, ...rest } = omitThemingProps(props)\n  const styles = useStyleConfig('P', props)\n\n  const aliasedProps = filterUndefined({\n    fontWeight: weight,\n    textAlign: align,\n    textDecoration: decoration,\n    textTransform: casing,\n  })\n\n  return (\n    <PBase className={cs('vui-p', className)} ref={ref} {...styles} {...aliasedProps} {...rest}>\n      {children ?? text}\n    </PBase>\n  )\n})\n\nP.displayName = 'P'\nexport default P\n"],"mappings":"6RAIA,MAAa,EAAQ,EAAO,IAAI;;;;;;EASnB,EAAI,GAAkB,EAAO,IAAQ,CAChD,GAAM,CAAE,QAAO,SAAQ,WAAU,YAAW,aAAY,OAAM,SAAQ,GAAG,GAAS,EAAiB,EAAM,CACnG,EAAS,EAAe,IAAK,EAAM,CAEnC,EAAe,EAAgB,CACnC,WAAY,EACZ,UAAW,EACX,eAAgB,EAChB,cAAe,EAChB,CAAC,CAEF,OACE,EAAC,EAAA,CAAM,UAAW,EAAG,QAAS,EAAU,CAAO,MAAK,GAAI,EAAQ,GAAI,EAAc,GAAI,WACnF,GAAY,GACP,EAEV,CAEF,EAAE,YAAc,IAChB,IAAA,EAAe"}
+{"version":3,"file":"p.js","names":[],"sources":["../../src/p/p.tsx"],"sourcesContent":["import { omitThemingProps, styled, useStyleConfig, vui } from '../core'\nimport { cs, filterUndefined } from '../utils'\nimport type { PProps } from './p.types'\n\nexport const PBase = styled.pBox`\n  transition-duration: fast;\n\n  .vui-link {\n    line-height: inherit;\n  }\n`\n\n/** Displays a paragraph of text. */\nexport const P = vui<'p', PProps>((props, ref) => {\n  const { align, casing, children, className, decoration, text, weight, ...rest } = omitThemingProps(props)\n  const styles = useStyleConfig('P', props)\n\n  const aliasedProps = filterUndefined({\n    fontWeight: weight,\n    textAlign: align,\n    textDecoration: decoration,\n    textTransform: casing,\n  })\n\n  return (\n    <PBase className={cs('vui-p', className)} ref={ref} {...styles} {...aliasedProps} {...rest}>\n      {children ?? text}\n    </PBase>\n  )\n})\n\nP.displayName = 'P'\nexport default P\n"],"mappings":";;;;;;;;AAIA,MAAa,QAAQ,OAAO,IAAI;;;;;;;;AAShC,MAAa,IAAI,KAAkB,OAAO,QAAQ;CAChD,MAAM,EAAE,OAAO,QAAQ,UAAU,WAAW,YAAY,MAAM,OAAQ,GAAG,SAAS,iBAAiB,MAAM;CACzG,MAAM,SAAS,eAAe,KAAK,MAAM;CAEzC,MAAM,eAAe,gBAAgB;EACnC,YAAY;EACZ,WAAW;EACX,gBAAgB;EAChB,eAAe;EAChB,CAAC;AAEF,QACE,oBAAC;EAAM,WAAW,GAAG,SAAS,UAAU;EAAO;EAAK,GAAI;EAAQ,GAAI;EAAc,GAAI;YACnF,YAAY;GACP;EAEV;AAEF,EAAE,cAAc;AAChB,gBAAe"}

package/dist/p/theme.js

@@ -1,2 +1,33 @@
-var e={baseStyle:{},defaultProps:{size:`md`},sizes:{xs:{fontSize:`xs`,lineHeight:`18px`},sm:{fontSize:`sm`,lineHeight:`22px`},md:{fontSize:`md`,lineHeight:`26px`},lg:{fontSize:`lg`,lineHeight:`32px`}},variants:{}};export{e as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+//#region src/p/theme.ts
+const baseStyle = {};
+const defaultProps = { size: "md" };
+const sizes = {
+	xs: {
+		fontSize: "xs",
+		lineHeight: "18px"
+	},
+	sm: {
+		fontSize: "sm",
+		lineHeight: "22px"
+	},
+	md: {
+		fontSize: "md",
+		lineHeight: "26px"
+	},
+	lg: {
+		fontSize: "lg",
+		lineHeight: "32px"
+	}
+};
+const variants = {};
+var theme_default = {
+	baseStyle,
+	defaultProps,
+	sizes,
+	variants
+};
+
+//#endregion
+export { theme_default as default };
+globalThis.__vuiVersion__ = "3.0.0-beta.9"
 //# sourceMappingURL=theme.js.map

package/dist/p/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","names":[],"sources":["../../src/p/theme.ts"],"sourcesContent":["const baseStyle = {}\n\nconst defaultProps = {\n  size: 'md',\n}\n\nconst sizes = {\n  xs: {\n    fontSize: 'xs',\n    lineHeight: '18px',\n  },\n  sm: {\n    fontSize: 'sm',\n    lineHeight: '22px',\n  },\n  md: {\n    fontSize: 'md',\n    lineHeight: '26px',\n  },\n  lg: {\n    fontSize: 'lg',\n    lineHeight: '32px',\n  },\n}\n\nconst variants = {}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  sizes,\n  variants,\n}\n"],"mappings":"AA2BA,IAAA,EAAe,CACb,UA5BgB,EAAE,CA6BlB,aA3BmB,CACnB,KAAM,KACP,CA0BC,MAxBY,CACZ,GAAI,CACF,SAAU,KACV,WAAY,OACb,CACD,GAAI,CACF,SAAU,KACV,WAAY,OACb,CACD,GAAI,CACF,SAAU,KACV,WAAY,OACb,CACD,GAAI,CACF,SAAU,KACV,WAAY,OACb,CACF,CAQC,SANe,EAAE,CAOlB"}
+{"version":3,"file":"theme.js","names":[],"sources":["../../src/p/theme.ts"],"sourcesContent":["const baseStyle = {}\n\nconst defaultProps = {\n  size: 'md',\n}\n\nconst sizes = {\n  xs: {\n    fontSize: 'xs',\n    lineHeight: '18px',\n  },\n  sm: {\n    fontSize: 'sm',\n    lineHeight: '22px',\n  },\n  md: {\n    fontSize: 'md',\n    lineHeight: '26px',\n  },\n  lg: {\n    fontSize: 'lg',\n    lineHeight: '32px',\n  },\n}\n\nconst variants = {}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  sizes,\n  variants,\n}\n"],"mappings":";AAAA,MAAM,YAAY,EAAE;AAEpB,MAAM,eAAe,EACnB,MAAM,MACP;AAED,MAAM,QAAQ;CACZ,IAAI;EACF,UAAU;EACV,YAAY;EACb;CACD,IAAI;EACF,UAAU;EACV,YAAY;EACb;CACD,IAAI;EACF,UAAU;EACV,YAAY;EACb;CACD,IAAI;EACF,UAAU;EACV,YAAY;EACb;CACF;AAED,MAAM,WAAW,EAAE;AAEnB,oBAAe;CACb;CACA;CACA;CACA;CACD"}

package/dist/pagination/context.d.ts

@@ -1,8 +1,8 @@
 import { PaginationContext } from "./pagination.types.js";
-import * as react939 from "react";
+import * as react941 from "react";
 
 //#region src/pagination/context.d.ts
-declare const PaginationProvider: react939.Provider<PaginationContext>, usePaginationContext: () => PaginationContext;
+declare const PaginationProvider: react941.Provider<PaginationContext>, usePaginationContext: () => PaginationContext;
 //#endregion
 export { PaginationProvider, usePaginationContext };
 //# sourceMappingURL=context.d.ts.map

package/dist/pagination/context.js

@@ -1,2 +1,9 @@
-import{createContext as e}from"../utils/react.js";const[t,n]=e({isOptional:!0});export{t as PaginationProvider,n as usePaginationContext};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { createContext } from "../utils/react.js";
+
+//#region src/pagination/context.ts
+const [PaginationProvider, usePaginationContext] = createContext({ isOptional: true });
+
+//#endregion
+export { PaginationProvider, usePaginationContext };
+globalThis.__vuiVersion__ = "3.0.0-beta.9"
 //# sourceMappingURL=context.js.map

package/dist/pagination/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../src/pagination/context.ts"],"sourcesContent":["import { createContext } from '../utils'\nimport type { PaginationContext } from './pagination.types'\n\nconst [PaginationProvider, usePaginationContext] = createContext<PaginationContext>({ isOptional: true })\n\nexport { PaginationProvider, usePaginationContext }\n"],"mappings":"kDAGA,KAAM,CAAC,EAAoB,GAAwB,EAAiC,CAAE,WAAY,GAAM,CAAC"}
+{"version":3,"file":"context.js","names":[],"sources":["../../src/pagination/context.ts"],"sourcesContent":["import { createContext } from '../utils'\nimport type { PaginationContext } from './pagination.types'\n\nconst [PaginationProvider, usePaginationContext] = createContext<PaginationContext>({ isOptional: true })\n\nexport { PaginationProvider, usePaginationContext }\n"],"mappings":";;;AAGA,MAAM,CAAC,oBAAoB,wBAAwB,cAAiC,EAAE,YAAY,MAAM,CAAC"}

package/dist/pagination/helpers.js

@@ -1,2 +1,28 @@
-const e=(e,t)=>{let n=t-e+1;return Array.from({length:n},(t,n)=>e+n)};function t(t,n){let r=e(1,Math.min(1,n)),i=e(Math.max(n-1+1,2),n),a=Math.max(Math.min(t-1,n-1-2-1),3),o=Math.min(Math.max(t+1,5),i.length>0?i[0]-2:n-1);return[`previous`,...r,...a>3?[`ellipsisStart`]:2<n-1?[2]:[],...e(a,o),...o<n-1-1?[`ellipsisEnd`]:n-1>1?[n-1]:[],...i,`next`]}export{t as getPaginationItems};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+//#region src/pagination/helpers.ts
+const range = (start, end) => {
+	const length = end - start + 1;
+	return Array.from({ length }, (_, i) => start + i);
+};
+/** Returns an array describing pagination items, like page buttons, prev/next arrows or ellipsis. */
+function getPaginationItems(page, pageCount) {
+	const boundaryCount = 1;
+	const siblingCount = 1;
+	const startPages = range(1, Math.min(boundaryCount, pageCount));
+	const endPages = range(Math.max(pageCount - boundaryCount + 1, boundaryCount + 1), pageCount);
+	const siblingsStart = Math.max(Math.min(page - siblingCount, pageCount - boundaryCount - siblingCount * 2 - 1), boundaryCount + 2);
+	const siblingsEnd = Math.min(Math.max(page + siblingCount, boundaryCount + siblingCount * 2 + 2), endPages.length > 0 ? endPages[0] - 2 : pageCount - 1);
+	return [
+		"previous",
+		...startPages,
+		...siblingsStart > boundaryCount + 2 ? ["ellipsisStart"] : boundaryCount + 1 < pageCount - boundaryCount ? [boundaryCount + 1] : [],
+		...range(siblingsStart, siblingsEnd),
+		...siblingsEnd < pageCount - boundaryCount - 1 ? ["ellipsisEnd"] : pageCount - boundaryCount > boundaryCount ? [pageCount - boundaryCount] : [],
+		...endPages,
+		"next"
+	];
+}
+
+//#endregion
+export { getPaginationItems };
+globalThis.__vuiVersion__ = "3.0.0-beta.9"
 //# sourceMappingURL=helpers.js.map

package/dist/pagination/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","names":[],"sources":["../../src/pagination/helpers.ts"],"sourcesContent":["import type { PaginationItem } from './pagination.types'\n\nconst range = (start: number, end: number) => {\n  const length = end - start + 1\n  return Array.from({ length }, (_, i) => start + i)\n}\n\n/** Returns an array describing pagination items, like page buttons, prev/next arrows or ellipsis. */\nexport function getPaginationItems(page: number, pageCount: number) {\n  const boundaryCount = 1\n  const siblingCount = 1\n\n  const startPages = range(1, Math.min(boundaryCount, pageCount))\n  const endPages = range(Math.max(pageCount - boundaryCount + 1, boundaryCount + 1), pageCount)\n\n  const siblingsStart = Math.max(\n    Math.min(page - siblingCount, pageCount - boundaryCount - siblingCount * 2 - 1),\n    boundaryCount + 2,\n  )\n\n  const siblingsEnd = Math.min(\n    Math.max(page + siblingCount, boundaryCount + siblingCount * 2 + 2),\n    endPages.length > 0 ? endPages[0] - 2 : pageCount - 1,\n  )\n\n  const items = [\n    'previous',\n    ...startPages,\n\n    // Start ellipsis\n    ...(siblingsStart > boundaryCount + 2\n      ? ['ellipsisStart']\n      : boundaryCount + 1 < pageCount - boundaryCount\n        ? [boundaryCount + 1]\n        : []),\n\n    // Sibling pages\n    ...range(siblingsStart, siblingsEnd),\n\n    // End ellipsis\n    ...(siblingsEnd < pageCount - boundaryCount - 1\n      ? ['ellipsisEnd']\n      : pageCount - boundaryCount > boundaryCount\n        ? [pageCount - boundaryCount]\n        : []),\n\n    ...endPages,\n    'next',\n  ] as PaginationItem[]\n\n  return items\n}\n"],"mappings":"AAEA,MAAM,GAAS,EAAe,IAAgB,CAC5C,IAAM,EAAS,EAAM,EAAQ,EAC7B,OAAO,MAAM,KAAK,CAAE,SAAQ,EAAG,EAAG,IAAM,EAAQ,EAAE,EAIpD,SAAgB,EAAmB,EAAc,EAAmB,CAClE,IAGM,EAAa,EAAM,EAAG,KAAK,IAAI,EAAe,EAAU,CAAC,CACzD,EAAW,EAAM,KAAK,IAAI,EAAY,EAAgB,EAAG,EAAkB,CAAE,EAAU,CAEvF,EAAgB,KAAK,IACzB,KAAK,IAAI,EAAO,EAAc,EAAY,EAAgB,EAAmB,EAAE,CAC/E,EACD,CAEK,EAAc,KAAK,IACvB,KAAK,IAAI,EAAO,EAAc,EAAqC,CACnE,EAAS,OAAS,EAAI,EAAS,GAAK,EAAI,EAAY,EACrD,CA2BD,MAzBc,CACZ,WACA,GAAG,EAGH,GAAI,EAAgB,EAChB,CAAC,gBAAgB,CACjB,EAAoB,EAAY,EAC9B,CAAC,EAAkB,CACnB,EAAE,CAGR,GAAG,EAAM,EAAe,EAAY,CAGpC,GAAI,EAAc,EAAY,EAAgB,EAC1C,CAAC,cAAc,CACf,EAAY,EAAgB,EAC1B,CAAC,EAAY,EAAc,CAC3B,EAAE,CAER,GAAG,EACH,OACD"}
+{"version":3,"file":"helpers.js","names":[],"sources":["../../src/pagination/helpers.ts"],"sourcesContent":["import type { PaginationItem } from './pagination.types'\n\nconst range = (start: number, end: number) => {\n  const length = end - start + 1\n  return Array.from({ length }, (_, i) => start + i)\n}\n\n/** Returns an array describing pagination items, like page buttons, prev/next arrows or ellipsis. */\nexport function getPaginationItems(page: number, pageCount: number) {\n  const boundaryCount = 1\n  const siblingCount = 1\n\n  const startPages = range(1, Math.min(boundaryCount, pageCount))\n  const endPages = range(Math.max(pageCount - boundaryCount + 1, boundaryCount + 1), pageCount)\n\n  const siblingsStart = Math.max(\n    Math.min(page - siblingCount, pageCount - boundaryCount - siblingCount * 2 - 1),\n    boundaryCount + 2,\n  )\n\n  const siblingsEnd = Math.min(\n    Math.max(page + siblingCount, boundaryCount + siblingCount * 2 + 2),\n    endPages.length > 0 ? endPages[0] - 2 : pageCount - 1,\n  )\n\n  const items = [\n    'previous',\n    ...startPages,\n\n    // Start ellipsis\n    ...(siblingsStart > boundaryCount + 2\n      ? ['ellipsisStart']\n      : boundaryCount + 1 < pageCount - boundaryCount\n        ? [boundaryCount + 1]\n        : []),\n\n    // Sibling pages\n    ...range(siblingsStart, siblingsEnd),\n\n    // End ellipsis\n    ...(siblingsEnd < pageCount - boundaryCount - 1\n      ? ['ellipsisEnd']\n      : pageCount - boundaryCount > boundaryCount\n        ? [pageCount - boundaryCount]\n        : []),\n\n    ...endPages,\n    'next',\n  ] as PaginationItem[]\n\n  return items\n}\n"],"mappings":";AAEA,MAAM,SAAS,OAAe,QAAgB;CAC5C,MAAM,SAAS,MAAM,QAAQ;AAC7B,QAAO,MAAM,KAAK,EAAE,QAAQ,GAAG,GAAG,MAAM,QAAQ,EAAE;;;AAIpD,SAAgB,mBAAmB,MAAc,WAAmB;CAClE,MAAM,gBAAgB;CACtB,MAAM,eAAe;CAErB,MAAM,aAAa,MAAM,GAAG,KAAK,IAAI,eAAe,UAAU,CAAC;CAC/D,MAAM,WAAW,MAAM,KAAK,IAAI,YAAY,gBAAgB,GAAG,gBAAgB,EAAE,EAAE,UAAU;CAE7F,MAAM,gBAAgB,KAAK,IACzB,KAAK,IAAI,OAAO,cAAc,YAAY,gBAAgB,eAAe,IAAI,EAAE,EAC/E,gBAAgB,EACjB;CAED,MAAM,cAAc,KAAK,IACvB,KAAK,IAAI,OAAO,cAAc,gBAAgB,eAAe,IAAI,EAAE,EACnE,SAAS,SAAS,IAAI,SAAS,KAAK,IAAI,YAAY,EACrD;AA2BD,QAzBc;EACZ;EACA,GAAG;EAGH,GAAI,gBAAgB,gBAAgB,IAChC,CAAC,gBAAgB,GACjB,gBAAgB,IAAI,YAAY,gBAC9B,CAAC,gBAAgB,EAAE,GACnB,EAAE;EAGR,GAAG,MAAM,eAAe,YAAY;EAGpC,GAAI,cAAc,YAAY,gBAAgB,IAC1C,CAAC,cAAc,GACf,YAAY,gBAAgB,gBAC1B,CAAC,YAAY,cAAc,GAC3B,EAAE;EAER,GAAG;EACH;EACD"}

package/dist/pagination/pagination.js

@@ -1,2 +1,68 @@
-import{isJsx as e}from"../utils/assertion.js";import{runIfFn as t}from"../utils/function.js";import{cs as n}from"../utils/styles.js";import{useStyleConfig as r}from"../core/theme.js";import{vui as i}from"../core/vui.js";import a from"../box/box.js";import{PaginationProvider as o}from"./context.js";import s from"./paginationButton.js";import c from"./paginationEllipsis.js";import l from"./paginationGoToPage.js";import u from"./paginationPrevNext.js";import d from"./paginationNavigation.js";import f from"./paginationResults.js";import p from"./usePagination.js";import{Fragment as m,jsx as h,jsxs as g}from"react/jsx-runtime";const _=i((i,s)=>{let{children:c,className:u,count:_,defaultPage:v,goToPage:y,items:b=[],navigation:x,onPageChange:S,page:C,pageSize:w,results:T,size:E,variant:D,...O}=i,k=r(`Pagination`,i),{items:A=b,...j}=p({count:_,defaultPage:v,onPageChange:S,page:C,pageSize:w}),M={...j,items:A,size:E,variant:D};return h(o,{value:M,children:h(a,{centerV:!0,className:n(`vui-pagination`,u),gap:3,ref:s,w:1,wrap:!0,...k.container,...O,children:t(c,M)??g(m,{children:[e(T)?T:h(f,{}),e(x)?x:h(d,{ml:`auto`}),e(y)?y:j.pageCount>10&&h(l,{})]})})})});_.Button=s,_.Ellipsis=c,_.GoToPage=l,_.Navigation=d,_.PrevNext=u,_.Results=f,_.displayName=`Pagination`;export{_ as Pagination};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { isJsx } from "../utils/assertion.js";
+import { runIfFn } from "../utils/function.js";
+import { cs } from "../utils/styles.js";
+import { useStyleConfig } from "../core/theme.js";
+import { vui } from "../core/vui.js";
+import box_default from "../box/box.js";
+import { PaginationProvider } from "./context.js";
+import paginationButton_default from "./paginationButton.js";
+import paginationEllipsis_default from "./paginationEllipsis.js";
+import paginationGoToPage_default from "./paginationGoToPage.js";
+import paginationPrevNext_default from "./paginationPrevNext.js";
+import paginationNavigation_default from "./paginationNavigation.js";
+import paginationResults_default from "./paginationResults.js";
+import usePagination from "./usePagination.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/pagination/pagination.tsx
+/**
+* Displays page navigation buttons together with page and item count.
+* GoToPage component is shown automatically above 10 pages.
+*/
+const Pagination = vui((props, ref) => {
+	const { children, className, count, defaultPage, goToPage, items: itemsProp = [], navigation, onPageChange, page: pageProp, pageSize, results, size, variant,...rest } = props;
+	const styles = useStyleConfig("Pagination", props);
+	const { items = itemsProp,...paginationProps } = usePagination({
+		count,
+		defaultPage,
+		onPageChange,
+		page: pageProp,
+		pageSize
+	});
+	const context = {
+		...paginationProps,
+		items,
+		size,
+		variant
+	};
+	return /* @__PURE__ */ jsx(PaginationProvider, {
+		value: context,
+		children: /* @__PURE__ */ jsx(box_default, {
+			centerV: true,
+			className: cs("vui-pagination", className),
+			gap: 3,
+			ref,
+			w: 1,
+			wrap: true,
+			...styles.container,
+			...rest,
+			children: runIfFn(children, context) ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+				isJsx(results) ? results : /* @__PURE__ */ jsx(paginationResults_default, {}),
+				isJsx(navigation) ? navigation : /* @__PURE__ */ jsx(paginationNavigation_default, { ml: "auto" }),
+				isJsx(goToPage) ? goToPage : paginationProps.pageCount > 10 && /* @__PURE__ */ jsx(paginationGoToPage_default, {})
+			] })
+		})
+	});
+});
+Pagination.Button = paginationButton_default;
+Pagination.Ellipsis = paginationEllipsis_default;
+Pagination.GoToPage = paginationGoToPage_default;
+Pagination.Navigation = paginationNavigation_default;
+Pagination.PrevNext = paginationPrevNext_default;
+Pagination.Results = paginationResults_default;
+Pagination.displayName = "Pagination";
+
+//#endregion
+export { Pagination };
+globalThis.__vuiVersion__ = "3.0.0-beta.9"
 //# sourceMappingURL=pagination.js.map

package/dist/pagination/pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.js","names":["Box","PaginationResults","PaginationNavigation","PaginationGoToPage","PaginationButton","PaginationEllipsis","PaginationPrevNext"],"sources":["../../src/pagination/pagination.tsx"],"sourcesContent":["import Box from '../box'\nimport type { VuiComponent } from '../core'\nimport { useStyleConfig, vui } from '../core'\nimport { cs, isJsx, runIfFn } from '../utils'\nimport { PaginationProvider } from './context'\nimport type { PaginationProps } from './pagination.types'\nimport PaginationButton from './paginationButton'\nimport PaginationEllipsis from './paginationEllipsis'\nimport PaginationGoToPage from './paginationGoToPage'\nimport PaginationNavigation from './paginationNavigation'\nimport PaginationPrevNext from './paginationPrevNext'\nimport PaginationResults from './paginationResults'\nimport usePagination from './usePagination'\n\n/**\n * Displays page navigation buttons together with page and item count.\n * GoToPage component is shown automatically above 10 pages.\n */\nexport const Pagination = vui<'div', PaginationProps>((props, ref) => {\n  const {\n    children,\n    className,\n    count,\n    defaultPage,\n    goToPage,\n    items: itemsProp = [],\n    navigation,\n    onPageChange,\n    page: pageProp,\n    pageSize,\n    results,\n    size,\n    variant,\n    ...rest\n  } = props\n  const styles = useStyleConfig('Pagination', props)\n  const { items = itemsProp, ...paginationProps } = usePagination({\n    count,\n    defaultPage,\n    onPageChange,\n    page: pageProp,\n    pageSize,\n  })\n\n  const context = { ...paginationProps, items, size, variant }\n\n  return (\n    <PaginationProvider value={context}>\n      <Box\n        centerV\n        className={cs('vui-pagination', className)}\n        gap={3}\n        ref={ref}\n        w={1}\n        wrap\n        {...styles.container}\n        {...rest}\n      >\n        {runIfFn(children, context) ?? (\n          <>\n            {isJsx(results) ? results : <PaginationResults />}\n\n            {isJsx(navigation) ? navigation : <PaginationNavigation ml=\"auto\" />}\n\n            {isJsx(goToPage) ? goToPage : paginationProps.pageCount > 10 && <PaginationGoToPage />}\n          </>\n        )}\n      </Box>\n    </PaginationProvider>\n  )\n}) as VuiComponent<'div', PaginationProps> & {\n  Button: typeof PaginationButton\n  Ellipsis: typeof PaginationEllipsis\n  GoToPage: typeof PaginationGoToPage\n  Navigation: typeof PaginationNavigation\n  PrevNext: typeof PaginationPrevNext\n  Results: typeof PaginationResults\n}\n\nPagination.Button = PaginationButton\nPagination.Ellipsis = PaginationEllipsis\nPagination.GoToPage = PaginationGoToPage\nPagination.Navigation = PaginationNavigation\nPagination.PrevNext = PaginationPrevNext\nPagination.Results = PaginationResults\nPagination.displayName = 'Pagination'\n\nexport default Pagination\n"],"mappings":"snBAkBA,MAAa,EAAa,GAA6B,EAAO,IAAQ,CACpE,GAAM,CACJ,WACA,YACA,QACA,cACA,WACA,MAAO,EAAY,EAAE,CACrB,aACA,eACA,KAAM,EACN,WACA,UACA,OACA,UACA,GAAG,GACD,EACE,EAAS,EAAe,aAAc,EAAM,CAC5C,CAAE,QAAQ,EAAW,GAAG,GAAoB,EAAc,CAC9D,QACA,cACA,eACA,KAAM,EACN,WACD,CAAC,CAEI,EAAU,CAAE,GAAG,EAAiB,QAAO,OAAM,UAAS,CAE5D,OACE,EAAC,EAAA,CAAmB,MAAO,WACzB,EAACA,EAAAA,CACC,QAAA,GACA,UAAW,EAAG,iBAAkB,EAAU,CAC1C,IAAK,EACA,MACL,EAAG,EACH,KAAA,GACA,GAAI,EAAO,UACX,GAAI,WAEH,EAAQ,EAAU,EAAQ,EACzB,EAAA,EAAA,CAAA,SAAA,CACG,EAAM,EAAQ,CAAG,EAAU,EAACC,EAAAA,EAAAA,CAAoB,CAEhD,EAAM,EAAW,CAAG,EAAa,EAACC,EAAAA,CAAqB,GAAG,OAAA,CAAS,CAEnE,EAAM,EAAS,CAAG,EAAW,EAAgB,UAAY,IAAM,EAACC,EAAAA,EAAAA,CAAqB,GACrF,EAED,EACa,EAEvB,CASF,EAAW,OAASC,EACpB,EAAW,SAAWC,EACtB,EAAW,SAAWF,EACtB,EAAW,WAAaD,EACxB,EAAW,SAAWI,EACtB,EAAW,QAAUL,EACrB,EAAW,YAAc"}
+{"version":3,"file":"pagination.js","names":["Box","PaginationResults","PaginationNavigation","PaginationGoToPage","PaginationButton","PaginationEllipsis","PaginationPrevNext"],"sources":["../../src/pagination/pagination.tsx"],"sourcesContent":["import Box from '../box'\nimport type { VuiComponent } from '../core'\nimport { useStyleConfig, vui } from '../core'\nimport { cs, isJsx, runIfFn } from '../utils'\nimport { PaginationProvider } from './context'\nimport type { PaginationProps } from './pagination.types'\nimport PaginationButton from './paginationButton'\nimport PaginationEllipsis from './paginationEllipsis'\nimport PaginationGoToPage from './paginationGoToPage'\nimport PaginationNavigation from './paginationNavigation'\nimport PaginationPrevNext from './paginationPrevNext'\nimport PaginationResults from './paginationResults'\nimport usePagination from './usePagination'\n\n/**\n * Displays page navigation buttons together with page and item count.\n * GoToPage component is shown automatically above 10 pages.\n */\nexport const Pagination = vui<'div', PaginationProps>((props, ref) => {\n  const {\n    children,\n    className,\n    count,\n    defaultPage,\n    goToPage,\n    items: itemsProp = [],\n    navigation,\n    onPageChange,\n    page: pageProp,\n    pageSize,\n    results,\n    size,\n    variant,\n    ...rest\n  } = props\n  const styles = useStyleConfig('Pagination', props)\n  const { items = itemsProp, ...paginationProps } = usePagination({\n    count,\n    defaultPage,\n    onPageChange,\n    page: pageProp,\n    pageSize,\n  })\n\n  const context = { ...paginationProps, items, size, variant }\n\n  return (\n    <PaginationProvider value={context}>\n      <Box\n        centerV\n        className={cs('vui-pagination', className)}\n        gap={3}\n        ref={ref}\n        w={1}\n        wrap\n        {...styles.container}\n        {...rest}\n      >\n        {runIfFn(children, context) ?? (\n          <>\n            {isJsx(results) ? results : <PaginationResults />}\n\n            {isJsx(navigation) ? navigation : <PaginationNavigation ml=\"auto\" />}\n\n            {isJsx(goToPage) ? goToPage : paginationProps.pageCount > 10 && <PaginationGoToPage />}\n          </>\n        )}\n      </Box>\n    </PaginationProvider>\n  )\n}) as VuiComponent<'div', PaginationProps> & {\n  Button: typeof PaginationButton\n  Ellipsis: typeof PaginationEllipsis\n  GoToPage: typeof PaginationGoToPage\n  Navigation: typeof PaginationNavigation\n  PrevNext: typeof PaginationPrevNext\n  Results: typeof PaginationResults\n}\n\nPagination.Button = PaginationButton\nPagination.Ellipsis = PaginationEllipsis\nPagination.GoToPage = PaginationGoToPage\nPagination.Navigation = PaginationNavigation\nPagination.PrevNext = PaginationPrevNext\nPagination.Results = PaginationResults\nPagination.displayName = 'Pagination'\n\nexport default Pagination\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAkBA,MAAa,aAAa,KAA6B,OAAO,QAAQ;CACpE,MAAM,EACJ,UACA,WACA,OACA,aACA,UACA,OAAO,YAAY,EAAE,EACrB,YACA,cACA,MAAM,UACN,UACA,SACA,MACA,QACA,GAAG,SACD;CACJ,MAAM,SAAS,eAAe,cAAc,MAAM;CAClD,MAAM,EAAE,QAAQ,UAAW,GAAG,oBAAoB,cAAc;EAC9D;EACA;EACA;EACA,MAAM;EACN;EACD,CAAC;CAEF,MAAM,UAAU;EAAE,GAAG;EAAiB;EAAO;EAAM;EAAS;AAE5D,QACE,oBAAC;EAAmB,OAAO;YACzB,oBAACA;GACC;GACA,WAAW,GAAG,kBAAkB,UAAU;GAC1C,KAAK;GACA;GACL,GAAG;GACH;GACA,GAAI,OAAO;GACX,GAAI;aAEH,QAAQ,UAAU,QAAQ,IACzB;IACG,MAAM,QAAQ,GAAG,UAAU,oBAACC,8BAAoB;IAEhD,MAAM,WAAW,GAAG,aAAa,oBAACC,gCAAqB,IAAG,SAAS;IAEnE,MAAM,SAAS,GAAG,WAAW,gBAAgB,YAAY,MAAM,oBAACC,+BAAqB;OACrF;IAED;GACa;EAEvB;AASF,WAAW,SAASC;AACpB,WAAW,WAAWC;AACtB,WAAW,WAAWF;AACtB,WAAW,aAAaD;AACxB,WAAW,WAAWI;AACtB,WAAW,UAAUL;AACrB,WAAW,cAAc"}

package/dist/pagination/paginationButton.js

@@ -1,2 +1,33 @@
-import{cs as e}from"../utils/styles.js";import{useStyleConfig as t}from"../core/theme.js";import{vui as n}from"../core/vui.js";import r from"../button/button.js";import{usePaginationContext as i}from"./context.js";import{jsx as a}from"react/jsx-runtime";const o=n((n,o)=>{let{className:s,isActive:c,page:l,...u}=n,{onPageChange:d,page:f}=i(),p=t(`Pagination`,i()),m=c??l===f?{bg:`skyBlue.85`}:{};return a(r,{className:e(`vui-paginationButton`,s),onClick:()=>d(l),ref:o,size:`sm`,text:l,variant:`text`,...p.button,...m,...u})});o.displayName=`PaginationButton`;var s=o;export{o as PaginationButton,s as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { cs } from "../utils/styles.js";
+import { useStyleConfig } from "../core/theme.js";
+import { vui } from "../core/vui.js";
+import button_default from "../button/button.js";
+import { usePaginationContext } from "./context.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/pagination/paginationButton.tsx
+/** Displays a page navigation button within the Pagination. */
+const PaginationButton = vui((props, ref) => {
+	const { className, isActive: isActiveProp, page: pageProp,...rest } = props;
+	const { onPageChange, page } = usePaginationContext();
+	const styles = useStyleConfig("Pagination", usePaginationContext());
+	const activeProps = isActiveProp ?? pageProp === page ? { bg: "skyBlue.85" } : {};
+	return /* @__PURE__ */ jsx(button_default, {
+		className: cs("vui-paginationButton", className),
+		onClick: () => onPageChange(pageProp),
+		ref,
+		size: "sm",
+		text: pageProp,
+		variant: "text",
+		...styles.button,
+		...activeProps,
+		...rest
+	});
+});
+PaginationButton.displayName = "PaginationButton";
+var paginationButton_default = PaginationButton;
+
+//#endregion
+export { PaginationButton, paginationButton_default as default };
+globalThis.__vuiVersion__ = "3.0.0-beta.9"
 //# sourceMappingURL=paginationButton.js.map

package/dist/pagination/paginationButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"paginationButton.js","names":["Button"],"sources":["../../src/pagination/paginationButton.tsx"],"sourcesContent":["import Button from '../button'\nimport { useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { usePaginationContext } from './context'\nimport type { PaginationButtonProps } from './pagination.types'\n\n/** Displays a page navigation button within the Pagination. */\nexport const PaginationButton = vui<'button', PaginationButtonProps>((props, ref) => {\n  const { className, isActive: isActiveProp, page: pageProp, ...rest } = props\n  const { onPageChange, page } = usePaginationContext()\n  const styles = useStyleConfig('Pagination', usePaginationContext())\n\n  const isActive = isActiveProp ?? pageProp === page\n  const activeProps = isActive\n    ? {\n        bg: 'skyBlue.85',\n      }\n    : {}\n\n  return (\n    <Button\n      className={cs('vui-paginationButton', className)}\n      onClick={() => onPageChange(pageProp)}\n      ref={ref}\n      size=\"sm\"\n      text={pageProp}\n      variant=\"text\"\n      {...styles.button}\n      {...activeProps}\n      {...rest}\n    />\n  )\n})\n\nPaginationButton.displayName = 'PaginationButton'\n\nexport default PaginationButton\n"],"mappings":"8PAOA,MAAa,EAAmB,GAAsC,EAAO,IAAQ,CACnF,GAAM,CAAE,YAAW,SAAU,EAAc,KAAM,EAAU,GAAG,GAAS,EACjE,CAAE,eAAc,QAAS,GAAsB,CAC/C,EAAS,EAAe,aAAc,GAAsB,CAAC,CAG7D,EADW,GAAgB,IAAa,EAE1C,CACE,GAAI,aACL,CACD,EAAE,CAEN,OACE,EAACA,EAAAA,CACC,UAAW,EAAG,uBAAwB,EAAU,CAChD,YAAe,EAAa,EAAS,CAChC,MACL,KAAK,KACL,KAAM,EACN,QAAQ,OACR,GAAI,EAAO,OACX,GAAI,EACJ,GAAI,GACJ,EAEJ,CAEF,EAAiB,YAAc,mBAE/B,IAAA,EAAe"}
+{"version":3,"file":"paginationButton.js","names":["Button"],"sources":["../../src/pagination/paginationButton.tsx"],"sourcesContent":["import Button from '../button'\nimport { useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { usePaginationContext } from './context'\nimport type { PaginationButtonProps } from './pagination.types'\n\n/** Displays a page navigation button within the Pagination. */\nexport const PaginationButton = vui<'button', PaginationButtonProps>((props, ref) => {\n  const { className, isActive: isActiveProp, page: pageProp, ...rest } = props\n  const { onPageChange, page } = usePaginationContext()\n  const styles = useStyleConfig('Pagination', usePaginationContext())\n\n  const isActive = isActiveProp ?? pageProp === page\n  const activeProps = isActive\n    ? {\n        bg: 'skyBlue.85',\n      }\n    : {}\n\n  return (\n    <Button\n      className={cs('vui-paginationButton', className)}\n      onClick={() => onPageChange(pageProp)}\n      ref={ref}\n      size=\"sm\"\n      text={pageProp}\n      variant=\"text\"\n      {...styles.button}\n      {...activeProps}\n      {...rest}\n    />\n  )\n})\n\nPaginationButton.displayName = 'PaginationButton'\n\nexport default PaginationButton\n"],"mappings":";;;;;;;;;AAOA,MAAa,mBAAmB,KAAsC,OAAO,QAAQ;CACnF,MAAM,EAAE,WAAW,UAAU,cAAc,MAAM,SAAU,GAAG,SAAS;CACvE,MAAM,EAAE,cAAc,SAAS,sBAAsB;CACrD,MAAM,SAAS,eAAe,cAAc,sBAAsB,CAAC;CAGnE,MAAM,cADW,gBAAgB,aAAa,OAE1C,EACE,IAAI,cACL,GACD,EAAE;AAEN,QACE,oBAACA;EACC,WAAW,GAAG,wBAAwB,UAAU;EAChD,eAAe,aAAa,SAAS;EAChC;EACL,MAAK;EACL,MAAM;EACN,SAAQ;EACR,GAAI,OAAO;EACX,GAAI;EACJ,GAAI;GACJ;EAEJ;AAEF,iBAAiB,cAAc;AAE/B,+BAAe"}

package/dist/pagination/paginationEllipsis.js

@@ -1,2 +1,29 @@
-import{cs as e}from"../utils/styles.js";import{useStyleConfig as t}from"../core/theme.js";import{vui as n}from"../core/vui.js";import r from"../box/box.js";import{usePaginationContext as i}from"./context.js";import{jsx as a}from"react/jsx-runtime";const o=n((n,o)=>{let{children:s,className:c,...l}=n,u=t(`Pagination`,i());return a(r,{alignItems:`center`,className:e(`vui-paginationEllipsis`,c),px:`10px`,ref:o,...u.ellipsis,...l,children:s??`…`})});o.displayName=`PaginationEllipsis`;var s=o;export{o as PaginationEllipsis,s as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { cs } from "../utils/styles.js";
+import { useStyleConfig } from "../core/theme.js";
+import { vui } from "../core/vui.js";
+import box_default from "../box/box.js";
+import { usePaginationContext } from "./context.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/pagination/paginationEllipsis.tsx
+/** Displays '...' ellipsis for hidden pages. */
+const PaginationEllipsis = vui((props, ref) => {
+	const { children, className,...rest } = props;
+	const styles = useStyleConfig("Pagination", usePaginationContext());
+	return /* @__PURE__ */ jsx(box_default, {
+		alignItems: "center",
+		className: cs("vui-paginationEllipsis", className),
+		px: "10px",
+		ref,
+		...styles.ellipsis,
+		...rest,
+		children: children ?? "…"
+	});
+});
+PaginationEllipsis.displayName = "PaginationEllipsis";
+var paginationEllipsis_default = PaginationEllipsis;
+
+//#endregion
+export { PaginationEllipsis, paginationEllipsis_default as default };
+globalThis.__vuiVersion__ = "3.0.0-beta.9"
 //# sourceMappingURL=paginationEllipsis.js.map

package/dist/pagination/paginationEllipsis.js.map

@@ -1 +1 @@
-{"version":3,"file":"paginationEllipsis.js","names":["Box"],"sources":["../../src/pagination/paginationEllipsis.tsx"],"sourcesContent":["import type { BoxProps } from '../box'\nimport Box from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { usePaginationContext } from './context'\n\n/** Displays '...' ellipsis for hidden pages. */\nexport const PaginationEllipsis = vui<'span', BoxProps>((props, ref) => {\n  const { children, className, ...rest } = props\n  const styles = useStyleConfig('Pagination', usePaginationContext())\n\n  return (\n    <Box\n      alignItems=\"center\"\n      className={cs('vui-paginationEllipsis', className)}\n      px=\"10px\"\n      ref={ref}\n      {...styles.ellipsis}\n      {...rest}\n    >\n      {children ?? '…'}\n    </Box>\n  )\n})\n\nPaginationEllipsis.displayName = 'PaginationEllipsis'\nexport default PaginationEllipsis\n"],"mappings":"wPAOA,MAAa,EAAqB,GAAuB,EAAO,IAAQ,CACtE,GAAM,CAAE,WAAU,YAAW,GAAG,GAAS,EACnC,EAAS,EAAe,aAAc,GAAsB,CAAC,CAEnE,OACE,EAACA,EAAAA,CACC,WAAW,SACX,UAAW,EAAG,yBAA0B,EAAU,CAClD,GAAG,OACE,MACL,GAAI,EAAO,SACX,GAAI,WAEH,GAAY,KACT,EAER,CAEF,EAAmB,YAAc,qBACjC,IAAA,EAAe"}
+{"version":3,"file":"paginationEllipsis.js","names":["Box"],"sources":["../../src/pagination/paginationEllipsis.tsx"],"sourcesContent":["import type { BoxProps } from '../box'\nimport Box from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { usePaginationContext } from './context'\n\n/** Displays '...' ellipsis for hidden pages. */\nexport const PaginationEllipsis = vui<'span', BoxProps>((props, ref) => {\n  const { children, className, ...rest } = props\n  const styles = useStyleConfig('Pagination', usePaginationContext())\n\n  return (\n    <Box\n      alignItems=\"center\"\n      className={cs('vui-paginationEllipsis', className)}\n      px=\"10px\"\n      ref={ref}\n      {...styles.ellipsis}\n      {...rest}\n    >\n      {children ?? '…'}\n    </Box>\n  )\n})\n\nPaginationEllipsis.displayName = 'PaginationEllipsis'\nexport default PaginationEllipsis\n"],"mappings":";;;;;;;;;AAOA,MAAa,qBAAqB,KAAuB,OAAO,QAAQ;CACtE,MAAM,EAAE,UAAU,UAAW,GAAG,SAAS;CACzC,MAAM,SAAS,eAAe,cAAc,sBAAsB,CAAC;AAEnE,QACE,oBAACA;EACC,YAAW;EACX,WAAW,GAAG,0BAA0B,UAAU;EAClD,IAAG;EACE;EACL,GAAI,OAAO;EACX,GAAI;YAEH,YAAY;GACT;EAER;AAEF,mBAAmB,cAAc;AACjC,iCAAe"}

package/dist/pagination/paginationGoToPage.js

@@ -1,2 +1,56 @@
-import{cs as e}from"../utils/styles.js";import{useStyleConfig as t}from"../core/theme.js";import{vui as n}from"../core/vui.js";import r from"../box/box.js";import i from"../t/t.js";import a from"../input/input.js";import{usePaginationContext as o}from"./context.js";import{jsx as s,jsxs as c}from"react/jsx-runtime";const l=n((n,l)=>{let{className:u,...d}=n,{onPageChange:f,pageCount:p}=o(),m=t(`Pagination`,o()),h=e=>{let t=+e.target.value;t>=1&&t<=p&&f(Math.floor(t))};return c(r,{centerV:!0,className:e(`vui-paginationGoToPage`,u),lineHeight:`normal`,ref:l,...m.goToPage,...d,children:[s(i,{size:`sm`,weight:`medium`,children:`Go\xA0to`}),s(a,{max:p,min:1,mx:1,onChange:h,size:`sm`,type:`number`,w:56}),s(i,{size:`sm`,weight:`medium`,children:`Page`})]})});l.displayName=`PaginationGoToPage`;var u=l;export{l as PaginationGoToPage,u as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { cs } from "../utils/styles.js";
+import { useStyleConfig } from "../core/theme.js";
+import { vui } from "../core/vui.js";
+import box_default from "../box/box.js";
+import t_default from "../t/t.js";
+import input_default from "../input/input.js";
+import { usePaginationContext } from "./context.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/pagination/paginationGoToPage.tsx
+/** Displays a number input, which allows quickly jumping between pages. */
+const PaginationGoToPage = vui((props, ref) => {
+	const { className,...rest } = props;
+	const { onPageChange, pageCount } = usePaginationContext();
+	const styles = useStyleConfig("Pagination", usePaginationContext());
+	const onChange = (e) => {
+		const value = +e.target.value;
+		if (value >= 1 && value <= pageCount) onPageChange(Math.floor(value));
+	};
+	return /* @__PURE__ */ jsxs(box_default, {
+		centerV: true,
+		className: cs("vui-paginationGoToPage", className),
+		lineHeight: "normal",
+		ref,
+		...styles.goToPage,
+		...rest,
+		children: [
+			/* @__PURE__ */ jsx(t_default, {
+				size: "sm",
+				weight: "medium",
+				children: "Go\xA0to"
+			}),
+			/* @__PURE__ */ jsx(input_default, {
+				max: pageCount,
+				min: 1,
+				mx: 1,
+				onChange,
+				size: "sm",
+				type: "number",
+				w: 56
+			}),
+			/* @__PURE__ */ jsx(t_default, {
+				size: "sm",
+				weight: "medium",
+				children: "Page"
+			})
+		]
+	});
+});
+PaginationGoToPage.displayName = "PaginationGoToPage";
+var paginationGoToPage_default = PaginationGoToPage;
+
+//#endregion
+export { PaginationGoToPage, paginationGoToPage_default as default };
+globalThis.__vuiVersion__ = "3.0.0-beta.9"
 //# sourceMappingURL=paginationGoToPage.js.map

package/dist/pagination/paginationGoToPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"paginationGoToPage.js","names":["Box","T","Input"],"sources":["../../src/pagination/paginationGoToPage.tsx"],"sourcesContent":["import type { BoxProps } from '../box'\nimport Box from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport Input from '../input'\nimport T from '../t'\nimport type { ChangeEvent } from '../utils'\nimport { cs } from '../utils'\nimport { usePaginationContext } from './context'\n\n/** Displays a number input, which allows quickly jumping between pages. */\nexport const PaginationGoToPage = vui<'div', BoxProps>((props, ref) => {\n  const { className, ...rest } = props\n  const { onPageChange, pageCount } = usePaginationContext()\n  const styles = useStyleConfig('Pagination', usePaginationContext())\n\n  const onChange = (e: ChangeEvent) => {\n    const value = +e.target.value\n    if (value >= 1 && value <= pageCount) {\n      onPageChange(Math.floor(value))\n    }\n  }\n\n  return (\n    <Box\n      centerV\n      className={cs('vui-paginationGoToPage', className)}\n      lineHeight=\"normal\"\n      ref={ref}\n      {...styles.goToPage}\n      {...rest}\n    >\n      <T size=\"sm\" weight=\"medium\">\n        Go&nbsp;to\n      </T>\n      <Input max={pageCount} min={1} mx={1} onChange={onChange} size=\"sm\" type=\"number\" w={56} />\n      <T size=\"sm\" weight=\"medium\">\n        Page\n      </T>\n    </Box>\n  )\n})\n\nPaginationGoToPage.displayName = 'PaginationGoToPage'\n\nexport default PaginationGoToPage\n"],"mappings":"4TAUA,MAAa,EAAqB,GAAsB,EAAO,IAAQ,CACrE,GAAM,CAAE,YAAW,GAAG,GAAS,EACzB,CAAE,eAAc,aAAc,GAAsB,CACpD,EAAS,EAAe,aAAc,GAAsB,CAAC,CAE7D,EAAY,GAAmB,CACnC,IAAM,EAAQ,CAAC,EAAE,OAAO,MACpB,GAAS,GAAK,GAAS,GACzB,EAAa,KAAK,MAAM,EAAM,CAAC,EAInC,OACE,EAACA,EAAAA,CACC,QAAA,GACA,UAAW,EAAG,yBAA0B,EAAU,CAClD,WAAW,SACN,MACL,GAAI,EAAO,SACX,GAAI,YAEJ,EAACC,EAAAA,CAAE,KAAK,KAAK,OAAO,kBAAS,YAEzB,CACJ,EAACC,EAAAA,CAAM,IAAK,EAAW,IAAK,EAAG,GAAI,EAAa,WAAU,KAAK,KAAK,KAAK,SAAS,EAAG,IAAM,CAC3F,EAACD,EAAAA,CAAE,KAAK,KAAK,OAAO,kBAAS,QAEzB,GACA,EAER,CAEF,EAAmB,YAAc,qBAEjC,IAAA,EAAe"}
+{"version":3,"file":"paginationGoToPage.js","names":["Box","T","Input"],"sources":["../../src/pagination/paginationGoToPage.tsx"],"sourcesContent":["import type { BoxProps } from '../box'\nimport Box from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport Input from '../input'\nimport T from '../t'\nimport type { ChangeEvent } from '../utils'\nimport { cs } from '../utils'\nimport { usePaginationContext } from './context'\n\n/** Displays a number input, which allows quickly jumping between pages. */\nexport const PaginationGoToPage = vui<'div', BoxProps>((props, ref) => {\n  const { className, ...rest } = props\n  const { onPageChange, pageCount } = usePaginationContext()\n  const styles = useStyleConfig('Pagination', usePaginationContext())\n\n  const onChange = (e: ChangeEvent) => {\n    const value = +e.target.value\n    if (value >= 1 && value <= pageCount) {\n      onPageChange(Math.floor(value))\n    }\n  }\n\n  return (\n    <Box\n      centerV\n      className={cs('vui-paginationGoToPage', className)}\n      lineHeight=\"normal\"\n      ref={ref}\n      {...styles.goToPage}\n      {...rest}\n    >\n      <T size=\"sm\" weight=\"medium\">\n        Go&nbsp;to\n      </T>\n      <Input max={pageCount} min={1} mx={1} onChange={onChange} size=\"sm\" type=\"number\" w={56} />\n      <T size=\"sm\" weight=\"medium\">\n        Page\n      </T>\n    </Box>\n  )\n})\n\nPaginationGoToPage.displayName = 'PaginationGoToPage'\n\nexport default PaginationGoToPage\n"],"mappings":";;;;;;;;;;;AAUA,MAAa,qBAAqB,KAAsB,OAAO,QAAQ;CACrE,MAAM,EAAE,UAAW,GAAG,SAAS;CAC/B,MAAM,EAAE,cAAc,cAAc,sBAAsB;CAC1D,MAAM,SAAS,eAAe,cAAc,sBAAsB,CAAC;CAEnE,MAAM,YAAY,MAAmB;EACnC,MAAM,QAAQ,CAAC,EAAE,OAAO;AACxB,MAAI,SAAS,KAAK,SAAS,UACzB,cAAa,KAAK,MAAM,MAAM,CAAC;;AAInC,QACE,qBAACA;EACC;EACA,WAAW,GAAG,0BAA0B,UAAU;EAClD,YAAW;EACN;EACL,GAAI,OAAO;EACX,GAAI;;GAEJ,oBAACC;IAAE,MAAK;IAAK,QAAO;cAAS;KAEzB;GACJ,oBAACC;IAAM,KAAK;IAAW,KAAK;IAAG,IAAI;IAAa;IAAU,MAAK;IAAK,MAAK;IAAS,GAAG;KAAM;GAC3F,oBAACD;IAAE,MAAK;IAAK,QAAO;cAAS;KAEzB;;GACA;EAER;AAEF,mBAAmB,cAAc;AAEjC,iCAAe"}