@veracity/vui 3.0.0-beta.8 → 3.0.0

package/dist/notification/theme.js

@@ -1,2 +1,71 @@
-var e={baseStyle:{},defaultProps:{variant:`subtleBlue`},parts:[`container`,`button`,`icon`,`text`,`title`],sizes:{},variants:{subtleBlue:{container:{bg:`skyBlue.95`,borderColor:`seaBlue.main`,color:`seaBlue.main`},button:{borderColor:`transparent`}},subtleRed:{container:{bg:`energyRed.95`,borderColor:`energyRed.45`,color:`energyRed.45`}},subtleYellow:{container:{bg:`sunflower.85`,borderColor:`sunflower.15`,color:`sunflower.15`}},subtleGreen:{container:{bg:`landGreen.95`,borderColor:`landGreen.30`,color:`landGreen.30`}},bannerBlue:{container:{bg:`skyBlue.95`,borderColor:`skyBlue.95`,color:`seaBlue.main`},button:{borderColor:`transparent`}},bannerRed:{container:{bg:`energyRed.95`,borderColor:`energyRed.95`,color:`energyRed.45`}},bannerYellow:{container:{bg:`sunflower.85`,borderColor:`sunflower.85`,color:`sunflower.15`}},bannerGreen:{container:{bg:`landGreen.95`,borderColor:`landGreen.95`,color:`landGreen.30`}}}};export{e as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+//#region src/notification/theme.ts
+const baseStyle = {};
+const defaultProps = { variant: "subtleBlue" };
+const parts = [
+	"container",
+	"button",
+	"icon",
+	"text",
+	"title"
+];
+const sizes = {};
+const variants = {
+	subtleBlue: {
+		container: {
+			bg: "skyBlue.95",
+			borderColor: "seaBlue.main",
+			color: "seaBlue.main"
+		},
+		button: { borderColor: "transparent" }
+	},
+	subtleRed: { container: {
+		bg: "energyRed.95",
+		borderColor: "energyRed.45",
+		color: "energyRed.45"
+	} },
+	subtleYellow: { container: {
+		bg: "sunflower.85",
+		borderColor: "sunflower.15",
+		color: "sunflower.15"
+	} },
+	subtleGreen: { container: {
+		bg: "landGreen.95",
+		borderColor: "landGreen.30",
+		color: "landGreen.30"
+	} },
+	bannerBlue: {
+		container: {
+			bg: "skyBlue.95",
+			borderColor: "skyBlue.95",
+			color: "seaBlue.main"
+		},
+		button: { borderColor: "transparent" }
+	},
+	bannerRed: { container: {
+		bg: "energyRed.95",
+		borderColor: "energyRed.95",
+		color: "energyRed.45"
+	} },
+	bannerYellow: { container: {
+		bg: "sunflower.85",
+		borderColor: "sunflower.85",
+		color: "sunflower.15"
+	} },
+	bannerGreen: { container: {
+		bg: "landGreen.95",
+		borderColor: "landGreen.95",
+		color: "landGreen.30"
+	} }
+};
+var theme_default = {
+	baseStyle,
+	defaultProps,
+	parts,
+	sizes,
+	variants
+};
+
+//#endregion
+export { theme_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=theme.js.map

package/dist/notification/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","names":[],"sources":["../../src/notification/theme.ts"],"sourcesContent":["const baseStyle = {}\n\nconst defaultProps = {\n  variant: 'subtleBlue',\n}\n\nconst parts = ['container', 'button', 'icon', 'text', 'title']\n\nconst sizes = {}\n\nconst variants = {\n  subtleBlue: {\n    container: {\n      bg: 'skyBlue.95',\n      borderColor: 'seaBlue.main',\n      color: 'seaBlue.main',\n    },\n    button: {\n      borderColor: 'transparent',\n    },\n  },\n  subtleRed: {\n    container: {\n      bg: 'energyRed.95',\n      borderColor: 'energyRed.45',\n      color: 'energyRed.45',\n    },\n  },\n  subtleYellow: {\n    container: {\n      bg: 'sunflower.85',\n      borderColor: 'sunflower.15',\n      color: 'sunflower.15',\n    },\n  },\n  subtleGreen: {\n    container: {\n      bg: 'landGreen.95',\n      borderColor: 'landGreen.30',\n      color: 'landGreen.30',\n    },\n  },\n  bannerBlue: {\n    container: {\n      bg: 'skyBlue.95',\n      borderColor: 'skyBlue.95',\n      color: 'seaBlue.main',\n    },\n    button: {\n      borderColor: 'transparent',\n    },\n  },\n  bannerRed: {\n    container: {\n      bg: 'energyRed.95',\n      borderColor: 'energyRed.95',\n      color: 'energyRed.45',\n    },\n  },\n  bannerYellow: {\n    container: {\n      bg: 'sunflower.85',\n      borderColor: 'sunflower.85',\n      color: 'sunflower.15',\n    },\n  },\n  bannerGreen: {\n    container: {\n      bg: 'landGreen.95',\n      borderColor: 'landGreen.95',\n      color: 'landGreen.30',\n    },\n  },\n}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  parts,\n  sizes,\n  variants,\n}\n"],"mappings":"AA2EA,IAAA,EAAe,CACb,UA5EgB,EAAE,CA6ElB,aA3EmB,CACnB,QAAS,aACV,CA0EC,MAxEY,CAAC,YAAa,SAAU,OAAQ,OAAQ,QAAQ,CAyE5D,MAvEY,EAAE,CAwEd,SAtEe,CACf,WAAY,CACV,UAAW,CACT,GAAI,aACJ,YAAa,eACb,MAAO,eACR,CACD,OAAQ,CACN,YAAa,cACd,CACF,CACD,UAAW,CACT,UAAW,CACT,GAAI,eACJ,YAAa,eACb,MAAO,eACR,CACF,CACD,aAAc,CACZ,UAAW,CACT,GAAI,eACJ,YAAa,eACb,MAAO,eACR,CACF,CACD,YAAa,CACX,UAAW,CACT,GAAI,eACJ,YAAa,eACb,MAAO,eACR,CACF,CACD,WAAY,CACV,UAAW,CACT,GAAI,aACJ,YAAa,aACb,MAAO,eACR,CACD,OAAQ,CACN,YAAa,cACd,CACF,CACD,UAAW,CACT,UAAW,CACT,GAAI,eACJ,YAAa,eACb,MAAO,eACR,CACF,CACD,aAAc,CACZ,UAAW,CACT,GAAI,eACJ,YAAa,eACb,MAAO,eACR,CACF,CACD,YAAa,CACX,UAAW,CACT,GAAI,eACJ,YAAa,eACb,MAAO,eACR,CACF,CACF,CAQA"}
+{"version":3,"file":"theme.js","names":[],"sources":["../../src/notification/theme.ts"],"sourcesContent":["const baseStyle = {}\n\nconst defaultProps = {\n  variant: 'subtleBlue',\n}\n\nconst parts = ['container', 'button', 'icon', 'text', 'title']\n\nconst sizes = {}\n\nconst variants = {\n  subtleBlue: {\n    container: {\n      bg: 'skyBlue.95',\n      borderColor: 'seaBlue.main',\n      color: 'seaBlue.main',\n    },\n    button: {\n      borderColor: 'transparent',\n    },\n  },\n  subtleRed: {\n    container: {\n      bg: 'energyRed.95',\n      borderColor: 'energyRed.45',\n      color: 'energyRed.45',\n    },\n  },\n  subtleYellow: {\n    container: {\n      bg: 'sunflower.85',\n      borderColor: 'sunflower.15',\n      color: 'sunflower.15',\n    },\n  },\n  subtleGreen: {\n    container: {\n      bg: 'landGreen.95',\n      borderColor: 'landGreen.30',\n      color: 'landGreen.30',\n    },\n  },\n  bannerBlue: {\n    container: {\n      bg: 'skyBlue.95',\n      borderColor: 'skyBlue.95',\n      color: 'seaBlue.main',\n    },\n    button: {\n      borderColor: 'transparent',\n    },\n  },\n  bannerRed: {\n    container: {\n      bg: 'energyRed.95',\n      borderColor: 'energyRed.95',\n      color: 'energyRed.45',\n    },\n  },\n  bannerYellow: {\n    container: {\n      bg: 'sunflower.85',\n      borderColor: 'sunflower.85',\n      color: 'sunflower.15',\n    },\n  },\n  bannerGreen: {\n    container: {\n      bg: 'landGreen.95',\n      borderColor: 'landGreen.95',\n      color: 'landGreen.30',\n    },\n  },\n}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  parts,\n  sizes,\n  variants,\n}\n"],"mappings":";AAAA,MAAM,YAAY,EAAE;AAEpB,MAAM,eAAe,EACnB,SAAS,cACV;AAED,MAAM,QAAQ;CAAC;CAAa;CAAU;CAAQ;CAAQ;CAAQ;AAE9D,MAAM,QAAQ,EAAE;AAEhB,MAAM,WAAW;CACf,YAAY;EACV,WAAW;GACT,IAAI;GACJ,aAAa;GACb,OAAO;GACR;EACD,QAAQ,EACN,aAAa,eACd;EACF;CACD,WAAW,EACT,WAAW;EACT,IAAI;EACJ,aAAa;EACb,OAAO;EACR,EACF;CACD,cAAc,EACZ,WAAW;EACT,IAAI;EACJ,aAAa;EACb,OAAO;EACR,EACF;CACD,aAAa,EACX,WAAW;EACT,IAAI;EACJ,aAAa;EACb,OAAO;EACR,EACF;CACD,YAAY;EACV,WAAW;GACT,IAAI;GACJ,aAAa;GACb,OAAO;GACR;EACD,QAAQ,EACN,aAAa,eACd;EACF;CACD,WAAW,EACT,WAAW;EACT,IAAI;EACJ,aAAa;EACb,OAAO;EACR,EACF;CACD,cAAc,EACZ,WAAW;EACT,IAAI;EACJ,aAAa;EACb,OAAO;EACR,EACF;CACD,aAAa,EACX,WAAW;EACT,IAAI;EACJ,aAAa;EACb,OAAO;EACR,EACF;CACF;AAED,oBAAe;CACb;CACA;CACA;CACA;CACA;CACD"}

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"
 //# 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/index.d.ts

@@ -0,0 +1,2 @@
+import { PProps } from "./p.types.js";
+import { P, PBase } from "./p.js";

package/dist/p/p.d.ts

@@ -1,6 +1,7 @@
 import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import { PProps } from "./p.types.js";
+import "../index.js";
 import * as styled_components379 from "styled-components";
 
 //#region src/p/p.d.ts

package/dist/p/p.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"p.d.ts","names":[],"sources":["../../src/p/p.tsx"],"sourcesContent":[],"mappings":";;;;;;cAIa,OAAK,oBAAA,CAAA,qBAMjB,oBAAA,CANiB,YAAA,CAAA,CAAA,WAAA,CAAA;;cASL,GAAC,kBAAA"}
+{"version":3,"file":"p.d.ts","names":[],"sources":["../../src/p/p.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAIa,OAAK,oBAAA,CAAA,qBAMjB,oBAAA,CANiB,YAAA,CAAA,CAAA,WAAA,CAAA;;cASL,GAAC,kBAAA"}

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"
 //# 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/p.types.d.ts

@@ -1,6 +1,7 @@
 import { ThemingProps } from "../theme/types.js";
 import { TypographyProps } from "../system/typography.js";
 import { SystemProps } from "../system/system.js";
+import "../system/index.js";
 
 //#region src/p/p.types.d.ts
 type PProps = SystemProps & ThemingProps<'P'> & {

package/dist/p/p.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"p.types.d.ts","names":[],"sources":["../../src/p/p.types.ts"],"sourcesContent":[],"mappings":";;;;;KAGY,MAAA,CAAA,CAAA,CAAS,cACnB;;UAEU;EAHA,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,GAAA,CAAA,aAAA,CAAA,IAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA;EAAM,MAAA,CAAA,CAAA,CAKL,eALK,CAAA,CAAA,aAAA,CAAA,CAAA;;YAChB,CAAA,CAAA,CAMe,eANf,CAAA,CAAA,cAAA,CAAA,CAAA;;MAIW,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,MAAA;;QAMA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,UAAA,CAAA,CAAA;CAAe"}
+{"version":3,"file":"p.types.d.ts","names":[],"sources":["../../src/p/p.types.ts"],"sourcesContent":[],"mappings":";;;;;;KAGY,MAAA,CAAA,CAAA,CAAS,cACnB;;UAEU;;EAHA,MAAA,CAAA,CAAA,CAKC,eALK,CAAA,CAAA,aAAA,CAAA,CAAA;EAAG,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,GAAA,CAAA,cAAA,CAAA,IAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA;EACnB,UAAA,CAAA,CAAA,CAMe,eANf,CAAA,CAAA,cAAA,CAAA,CAAA;EAEU,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,KAAA,CAAA,IAAA,CAAA,EAAA,CAAA,EAAA,CAAA,QAAA,CAAA,GAAA,CAAA,QAAA,CAAA,CAAA,CAAA;EAEC,IAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,MAAA;EAEI,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,GAAA,CAAA,UAAA,CAAA,IAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA;EAIJ,MAAA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,UAAA,CAAA,CAAA;CAAe"}

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"
 //# 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.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"
 //# 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"
 //# 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/index.d.ts

@@ -0,0 +1,12 @@
+import { UsePaginationProps } from "./usePagination.types.js";
+import { usePagination } from "./usePagination.js";
+import { PaginationButtonProps, PaginationContext, PaginationItem, PaginationPrevNextProps, PaginationProps } from "./pagination.types.js";
+import { PaginationProvider, usePaginationContext } from "./context.js";
+import { getPaginationItems } from "./helpers.js";
+import { PaginationButton } from "./paginationButton.js";
+import { PaginationEllipsis } from "./paginationEllipsis.js";
+import { PaginationGoToPage } from "./paginationGoToPage.js";
+import { PaginationNavigation } from "./paginationNavigation.js";
+import { PaginationPrevNext } from "./paginationPrevNext.js";
+import { PaginationResults } from "./paginationResults.js";
+import { Pagination } from "./pagination.js";

package/dist/pagination/pagination.d.ts

@@ -1,4 +1,5 @@
 import { VuiComponent } from "../core/vui.js";
+import "../core/index.js";
 import { PaginationProps } from "./pagination.types.js";
 import { PaginationButton } from "./paginationButton.js";
 import { PaginationEllipsis } from "./paginationEllipsis.js";

package/dist/pagination/pagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.d.ts","names":[],"sources":["../../src/pagination/pagination.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;AAkBA,CAAA,CAAA,CAAA,QAAA,CAAA,SAAA,CAAA,EAAA,CAAA,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,EAAA,CAAA,KAAA;;AAoD0B,OAAA,CAAA,KAAA,CApDb,UAoDa,CAAA,CAApB,YAAoB,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,CAAA,CAAA;QAApB,CAAA,CAAA,MAAA,CACW,gBADX;UACW,CAAA,CAAA,MAAA,CACE,kBADF;UACE,CAAA,CAAA,MAAA,CACA,kBADA;YACA,CAAA,CAAA,MAAA,CACE,oBADF;UACE,CAAA,CAAA,MAAA,CACF,kBADE;SACF,CAAA,CAAA,MAAA,CACD,iBADC"}
+{"version":3,"file":"pagination.d.ts","names":[],"sources":["../../src/pagination/pagination.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;AAkBA,CAAA,CAAA;AAoD0B,OAAA,CAAA,KAAA,CApDb,UAoDa,CAAA,CAApB,YAAoB,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,CAAA,CAAA;EAApB,MAAA,CAAA,CAAA,MAAA,CACW,gBADX;EACW,QAAA,CAAA,CAAA,MAAA,CACE,kBADF;EACE,QAAA,CAAA,CAAA,MAAA,CACA,kBADA;EACA,UAAA,CAAA,CAAA,MAAA,CACE,oBADF;EACE,QAAA,CAAA,CAAA,MAAA,CACF,kBADE;EACF,OAAA,CAAA,CAAA,MAAA,CACD,iBADC;CACD"}

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"
 //# 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/pagination.types.d.ts

@@ -1,7 +1,10 @@
 import { RenderProps } from "../utils/types.js";
+import "../utils/index.js";
 import { ThemingProps } from "../theme/types.js";
 import { BoxProps } from "../box/box.types.js";
+import "../box/index.js";
 import { ButtonProps } from "../button/button.types.js";
+import "../button/index.js";
 import { UsePaginationProps } from "./usePagination.types.js";
 import { UsePaginationReturnType } from "./usePagination.js";
 

package/dist/pagination/pagination.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.types.d.ts","names":[],"sources":["../../src/pagination/pagination.types.ts"],"sourcesContent":[],"mappings":";;;;;;;;KAOY,qBAAA,CAAA,CAAA,CAAwB;;EAAxB,QAAA,CAAA,CAAA,CAAA,OAAA;EAOA,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,EAAA,CAAA,GAAA,CAAA,IAAA,CAAA,CAAA,KAAA,CAAA,IAAA,CAAA,MAAA,CAAA,UAAA,CAAA,CAAA,CAAA;EAAiB,IAAA,CAAA,CAAA,MAAA;;AAA6B,IAAA,CAA9C,iBAAA,CAAA,CAAA,CAAoB,uBAA0B,CAAA,CAAA,CAAA,YAAA,CAAA,CAAA,UAAA,CAAA,CAAA;AAAY,IAAA,CAE1D,cAAA,CAAA,CAAA,CAF0D,CAAA,WAAA,CAAA,CAAA,CAAA,CAAA,CAAA,aAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAA,CAAA,MAAA;AAE1D,IAAA,CAEA,uBAAA,CAAA,CAAA,CAA0B,WAFZ,CAAA,CAAA,CAAA;EAEd,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,GAAA,CAAA,KAAA,CAAA,EAAA,CAAA,QAAA,CAAA,GAAA,CAAA,IAAA,CAAA,OAAA,CAAA,CAAA,CAAA;EAKA,SAAA,CAAA,CAAA,CAAA,QAAA,CAAe,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA;CAAA;AAAQ,IAAA,CAAvB,eAAA,CAAA,CAAA,CAAkB,IAAK,CAAA,QAAA,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,CACjC,YADiC,CAAA,CAAA,UAAA,CAAA,CAAA,CAAA,CAAA,CAEjC,kBAFiC,CAAA,CAAA,CAAA;;UACjC,CAAA,CAAA,CAGa,WAHb,CAGyB,iBAHzB,CAAA;;UAGyB,CAAA,CAAA,CAEZ,GAAA,CAAI,OAFQ;;OAEZ,CAAA,CAAA,CAEH,cAFO,CAAA,CAAA;;YAIE,CAAA,CAAA,CAAJ,GAAA,CAAI,OAAA;;EAEI,OAAA,CAAA,CAAA,CAAX,GAAA,CAAI,OAAO"}
+{"version":3,"file":"pagination.types.d.ts","names":[],"sources":["../../src/pagination/pagination.types.ts"],"sourcesContent":[],"mappings":";;;;;;;;;;;KAOY,qBAAA,CAAA,CAAA,CAAwB;;;;;AAApC,CAAA;AAOY,IAAA,CAAA,iBAAA,CAAA,CAAA,CAAoB,uBAAA,CAAA,CAAA,CAA0B,YAAA,CAAA,CAAA,UAAA,CAAY,CAAA;AAE1D,IAAA,CAAA,cAAA,CAAA,CAAA,CAAc,CAAA,WAAA,CAAA,CAAA,CAAA,CAAA,CAAA,aAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAA,CAAA,MAAA;AAEd,IAAA,CAAA,uBAAA,CAAA,CAAA,CAA0B,WAAA,CAAA,CAAA,CAAA;EAK1B,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,GAAA,CAAA,KAAA,CAAA,EAAA,CAAA,QAAA,CAAA,GAAA,CAAA,IAAA,CAAA,OAAA,CAAA,CAAA,CAAA;EAAuB,SAAA,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA;CAAL;AAC5B,IAAA,CADU,eAAA,CAAA,CAAA,CAAkB,IAC5B,CADiC,QACjC,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,CAAA,YAAA,CAAA,CAAA,UAAA,CAAA,CAAA,CAAA,CAAA,CACA,kBADA,CAAA,CAAA,CAAA;EACA,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,OAAA,CAAA,MAAA,CAAA,KAAA,CAAA,KAAA,CAAA,iBAAA,CAAA,IAAA,CAAA,CAAA,CAAA;EAEyB,QAAA,CAAA,CAAA,CAAZ,WAAY,CAAA,iBAAA,CAAA;EAAZ,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,GAAA,CAAA,IAAA,CAAA,KAAA,CAAA,EAAA,CAAA,GAAA,CAAA,KAAA,CAAA,IAAA,CAAA,CAAA,CAAA;EAEA,QAAI,CAAA,CAAA,CAAJ,GAAA,CAAI,OAAA;EAEP,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,UAAA,CAAA,UAAA,CAAA,KAAA,CAAA,CAAA,IAAA,CAAA,IAAA,CAAA,OAAA,CAAA,CAAA,IAAA,CAAA,IAAA,CAAA,MAAA,CAAA,EAAA,CAAA,QAAA,CAAA,CAAA,CAAA;EAEK,KAAI,CAAA,CAAA,CAFT,cAES,CAAA,CAAA;EAEP,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,GAAA,CAAA,GAAA,CAAA,IAAA,CAAA,UAAA,CAAA,QAAA,CAAA,EAAA,CAAA,GAAA,CAAA,MAAA,CAAA,CAAA,CAAA;EAAW,UAAA,CAAA,CAAA,CAFR,GAAA,CAAI,OAEI;;YAAX,GAAA,CAAI"}

package/dist/pagination/paginationButton.d.ts

@@ -1,5 +1,6 @@
 import { VuiComponent } from "../core/vui.js";
 import { PaginationButtonProps } from "./pagination.types.js";
+import "../index.js";
 
 //#region src/pagination/paginationButton.d.ts
 /** Displays a page navigation button within the Pagination. */

package/dist/pagination/paginationButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"paginationButton.d.ts","names":[],"sources":["../../src/pagination/paginationButton.tsx"],"sourcesContent":[],"mappings":";;;;;cAOa,kBAAgB,uBAAA"}
+{"version":3,"file":"paginationButton.d.ts","names":[],"sources":["../../src/pagination/paginationButton.tsx"],"sourcesContent":[],"mappings":";;;;;;cAOa,kBAAgB,uBAAA"}