@veracity/vui 3.0.0-beta.4 → 3.0.0-beta.6

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

@@ -0,0 +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"}

package/dist/p/p.d.ts

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

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

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

package/dist/p/p.js

@@ -0,0 +1,8 @@
+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`
+  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.6`;
+//# sourceMappingURL=p.js.map

package/dist/p/p.js.map

@@ -0,0 +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"}

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

@@ -0,0 +1,20 @@
+import { ThemingProps } from "../theme/types.js";
+import { TypographyProps } from "../system/typography.js";
+import { SystemProps } from "../system/system.js";
+
+//#region src/p/p.types.d.ts
+type PProps = SystemProps & ThemingProps<'P'> & {
+  /** Alias for textAlign prop. @deprecated */
+  align?: TypographyProps['textAlign'];
+  /** Alias for textTransform prop. @deprecated */
+  casing?: TypographyProps['textTransform'];
+  /** Alias for textDecoration prop. @deprecated */
+  decoration?: TypographyProps['textDecoration'];
+  /** Displays given text if no children are provided. */
+  text?: number | string;
+  /** Alias for fontWeight prop. @deprecated */
+  weight?: TypographyProps['fontWeight'];
+};
+//#endregion
+export { PProps };
+//# sourceMappingURL=p.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"p.types.d.ts","names":[],"sources":["../../src/p/p.types.ts"],"sourcesContent":[],"mappings":";;;;;KAGY,MAAA,GAAS,cACnB;;UAEU;EAHA;EAAM,MAAA,CAAA,EAKL,eALK,CAAA,eAAA,CAAA;;YAChB,CAAA,EAMe,eANf,CAAA,gBAAA,CAAA;;MAIW,CAAA,EAAA,MAAA,GAAA,MAAA;;QAMA,CAAA,EAAA,eAAA,CAAA,YAAA,CAAA;CAAe"}

package/dist/p/theme.js

@@ -0,0 +1,2 @@
+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.6`;
+//# sourceMappingURL=theme.js.map

package/dist/p/theme.js.map

@@ -0,0 +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"}

package/dist/pagination/context.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/pagination/context.ts"],"sourcesContent":[],"mappings":";;;;cAGO,oBAAkB,QAAA,CAAA,SAAA,oBAAE,4BAAoB"}

package/dist/pagination/context.js

@@ -0,0 +1,2 @@
+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.6`;
+//# sourceMappingURL=context.js.map

package/dist/pagination/context.js.map

@@ -0,0 +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"}

package/dist/pagination/helpers.d.ts

@@ -0,0 +1,8 @@
+import { PaginationItem } from "./pagination.types.js";
+
+//#region src/pagination/helpers.d.ts
+/** Returns an array describing pagination items, like page buttons, prev/next arrows or ellipsis. */
+declare function getPaginationItems(page: number, pageCount: number): PaginationItem[];
+//#endregion
+export { getPaginationItems };
+//# sourceMappingURL=helpers.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","names":[],"sources":["../../src/pagination/helpers.ts"],"sourcesContent":[],"mappings":";;;;iBAQgB,kBAAA,mCAAkD"}

package/dist/pagination/helpers.js

@@ -0,0 +1,2 @@
+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.6`;
+//# sourceMappingURL=helpers.js.map

package/dist/pagination/helpers.js.map

@@ -0,0 +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"}

package/dist/pagination/pagination.d.ts

@@ -0,0 +1,26 @@
+import { VuiComponent } from "../core/vui.js";
+import { PaginationProps } from "./pagination.types.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";
+
+//#region src/pagination/pagination.d.ts
+
+/**
+ * Displays page navigation buttons together with page and item count.
+ * GoToPage component is shown automatically above 10 pages.
+ */
+declare const Pagination: VuiComponent<"div", PaginationProps> & {
+  Button: typeof PaginationButton;
+  Ellipsis: typeof PaginationEllipsis;
+  GoToPage: typeof PaginationGoToPage;
+  Navigation: typeof PaginationNavigation;
+  PrevNext: typeof PaginationPrevNext;
+  Results: typeof PaginationResults;
+};
+//#endregion
+export { Pagination };
+//# sourceMappingURL=pagination.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.d.ts","names":[],"sources":["../../src/pagination/pagination.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;AAkBA;;AAoD0B,cApDb,UAoDa,EAApB,YAAoB,CAAA,KAAA,EAAA,eAAA,CAAA,GAAA;QAApB,EAAA,OACW,gBADX;UACW,EAAA,OACE,kBADF;UACE,EAAA,OACA,kBADA;YACA,EAAA,OACE,oBADF;UACE,EAAA,OACF,kBADE;SACF,EAAA,OACD,iBADC"}

package/dist/pagination/pagination.js

@@ -0,0 +1,2 @@
+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.6`;
+//# sourceMappingURL=pagination.js.map

package/dist/pagination/pagination.js.map

@@ -0,0 +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"}

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

@@ -0,0 +1,35 @@
+import { RenderProps } from "../utils/types.js";
+import { ThemingProps } from "../theme/types.js";
+import { BoxProps } from "../box/box.types.js";
+import { ButtonProps } from "../button/button.types.js";
+import { UsePaginationProps } from "./usePagination.types.js";
+import { UsePaginationReturnType } from "./usePagination.js";
+
+//#region src/pagination/pagination.types.d.ts
+type PaginationButtonProps = ButtonProps & {
+  /** Applies different styling to a button of the current page. */
+  isActive?: boolean;
+  /** Number of the page, which this button represents. */
+  page: number;
+};
+type PaginationContext = UsePaginationReturnType & ThemingProps<'Pagination'>;
+type PaginationItem = 'ellipsisEnd' | 'ellipsisStart' | 'next' | 'previous' | number;
+type PaginationPrevNextProps = ButtonProps & {
+  /** Defines the logic of previous and next buttons. */
+  direction: 'previous' | 'next';
+};
+type PaginationProps = Omit<BoxProps, 'size' | 'variant'> & ThemingProps<'Pagination'> & UsePaginationProps & {
+  /** Children provide render props using PaginationContext data. */
+  children?: RenderProps<PaginationContext>;
+  /** Socket for page input on the right side. */
+  goToPage?: JSX.Element;
+  /** Array describing pagination items, like page buttons, prev/next arrows or ellipsis. */
+  items?: PaginationItem[];
+  /** Socket for the main navigation elements in the middle. */
+  navigation?: JSX.Element;
+  /** Socket for numbers data on the left side. */
+  results?: JSX.Element;
+};
+//#endregion
+export { PaginationButtonProps, PaginationContext, PaginationItem, PaginationPrevNextProps, PaginationProps };
+//# sourceMappingURL=pagination.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.types.d.ts","names":[],"sources":["../../src/pagination/pagination.types.ts"],"sourcesContent":[],"mappings":";;;;;;;;KAOY,qBAAA,GAAwB;;EAAxB,QAAA,CAAA,EAAA,OAAA;EAOA;EAAiB,IAAA,EAAA,MAAA;;AAA6B,KAA9C,iBAAA,GAAoB,uBAA0B,GAAA,YAAA,CAAA,YAAA,CAAA;AAAY,KAE1D,cAAA,GAF0D,aAAA,GAAA,eAAA,GAAA,MAAA,GAAA,UAAA,GAAA,MAAA;AAE1D,KAEA,uBAAA,GAA0B,WAFZ,GAAA;EAEd;EAKA,SAAA,EAAA,UAAe,GAAA,MAAA;CAAA;AAAQ,KAAvB,eAAA,GAAkB,IAAK,CAAA,QAAA,EAAA,MAAA,GAAA,SAAA,CAAA,GACjC,YADiC,CAAA,YAAA,CAAA,GAEjC,kBAFiC,GAAA;;UACjC,CAAA,EAGa,WAHb,CAGyB,iBAHzB,CAAA;;UAGyB,CAAA,EAEZ,GAAA,CAAI,OAFQ;;OAEZ,CAAA,EAEH,cAFO,EAAA;;YAIE,CAAA,EAAJ,GAAA,CAAI,OAAA;;EAEI,OAAA,CAAA,EAAX,GAAA,CAAI,OAAO"}

package/dist/pagination/paginationButton.d.ts

@@ -0,0 +1,9 @@
+import { VuiComponent } from "../core/vui.js";
+import { PaginationButtonProps } from "./pagination.types.js";
+
+//#region src/pagination/paginationButton.d.ts
+/** Displays a page navigation button within the Pagination. */
+declare const PaginationButton: VuiComponent<"button", PaginationButtonProps>;
+//#endregion
+export { PaginationButton };
+//# sourceMappingURL=paginationButton.d.ts.map

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

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

package/dist/pagination/paginationButton.js

@@ -0,0 +1,2 @@
+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.6`;
+//# sourceMappingURL=paginationButton.js.map

package/dist/pagination/paginationButton.js.map

@@ -0,0 +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"}

package/dist/pagination/paginationEllipsis.d.ts

@@ -0,0 +1,9 @@
+import { BoxProps } from "../box/box.types.js";
+import { VuiComponent } from "../core/vui.js";
+
+//#region src/pagination/paginationEllipsis.d.ts
+/** Displays '...' ellipsis for hidden pages. */
+declare const PaginationEllipsis: VuiComponent<"span", BoxProps>;
+//#endregion
+export { PaginationEllipsis };
+//# sourceMappingURL=paginationEllipsis.d.ts.map

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

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

package/dist/pagination/paginationEllipsis.js

@@ -0,0 +1,2 @@
+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.6`;
+//# sourceMappingURL=paginationEllipsis.js.map

package/dist/pagination/paginationEllipsis.js.map

@@ -0,0 +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"}

package/dist/pagination/paginationGoToPage.d.ts

@@ -0,0 +1,9 @@
+import { BoxProps } from "../box/box.types.js";
+import { VuiComponent } from "../core/vui.js";
+
+//#region src/pagination/paginationGoToPage.d.ts
+/** Displays a number input, which allows quickly jumping between pages. */
+declare const PaginationGoToPage: VuiComponent<"div", BoxProps>;
+//#endregion
+export { PaginationGoToPage };
+//# sourceMappingURL=paginationGoToPage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"paginationGoToPage.d.ts","names":[],"sources":["../../src/pagination/paginationGoToPage.tsx"],"sourcesContent":[],"mappings":";;;;;cAUa,wCAAkB"}

package/dist/pagination/paginationGoToPage.js

@@ -0,0 +1,2 @@
+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.6`;
+//# sourceMappingURL=paginationGoToPage.js.map

package/dist/pagination/paginationGoToPage.js.map

@@ -0,0 +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"}

package/dist/pagination/paginationNavigation.d.ts

@@ -0,0 +1,9 @@
+import { BoxProps } from "../box/box.types.js";
+import { VuiComponent } from "../core/vui.js";
+
+//#region src/pagination/paginationNavigation.d.ts
+/** Displays a set of page navigation buttons. */
+declare const PaginationNavigation: VuiComponent<"div", BoxProps>;
+//#endregion
+export { PaginationNavigation };
+//# sourceMappingURL=paginationNavigation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"paginationNavigation.d.ts","names":[],"sources":["../../src/pagination/paginationNavigation.tsx"],"sourcesContent":[],"mappings":";;;;;cAYa,0CAAoB"}

package/dist/pagination/paginationNavigation.js

@@ -0,0 +1,2 @@
+import{isNumber as e,isString as t}from"../utils/assertion.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{usePaginationContext as o}from"./context.js";import s from"./paginationButton.js";import c from"./paginationEllipsis.js";import l from"./paginationPrevNext.js";import{Fragment as u}from"react";import{jsx as d,jsxs as f}from"react/jsx-runtime";const p=i((i,p)=>{let{children:m,className:h,...g}=i,{items:_}=o(),v=r(`Pagination`,o());return d(a,{className:n(`vui-paginationNavigation`,h),gap:1,ref:p,wrap:!0,...v.navigation,...g,children:m??_.map(n=>f(u,{children:[n===`previous`&&d(l,{"aria-label":`previous`,direction:`previous`}),e(n)&&d(s,{page:n}),t(n)&&n.includes(`ellipsis`)&&d(c,{}),n===`next`&&d(l,{"aria-label":`next`,direction:`next`})]},n))})});p.displayName=`PaginationNavigation`;var m=p;export{p as PaginationNavigation,m as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+//# sourceMappingURL=paginationNavigation.js.map

package/dist/pagination/paginationNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"paginationNavigation.js","names":["Box","PaginationPrevNext","PaginationButton","PaginationEllipsis"],"sources":["../../src/pagination/paginationNavigation.tsx"],"sourcesContent":["import { Fragment } from 'react'\n\nimport type { BoxProps } from '../box'\nimport Box from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport { cs, isNumber, isString } from '../utils'\nimport { usePaginationContext } from './context'\nimport PaginationButton from './paginationButton'\nimport PaginationEllipsis from './paginationEllipsis'\nimport PaginationPrevNext from './paginationPrevNext'\n\n/** Displays a set of page navigation buttons. */\nexport const PaginationNavigation = vui<'div', BoxProps>((props, ref) => {\n  const { children, className, ...rest } = props\n  const { items } = usePaginationContext()\n  const styles = useStyleConfig('Pagination', usePaginationContext())\n\n  return (\n    <Box className={cs('vui-paginationNavigation', className)} gap={1} ref={ref} wrap {...styles.navigation} {...rest}>\n      {children ??\n        items.map(item => (\n          <Fragment key={item}>\n            {item === 'previous' && <PaginationPrevNext aria-label=\"previous\" direction=\"previous\" />}\n\n            {isNumber(item) && <PaginationButton page={item} />}\n\n            {isString(item) && item.includes('ellipsis') && <PaginationEllipsis />}\n\n            {item === 'next' && <PaginationPrevNext aria-label=\"next\" direction=\"next\" />}\n          </Fragment>\n        ))}\n    </Box>\n  )\n})\n\nPaginationNavigation.displayName = 'PaginationNavigation'\n\nexport default PaginationNavigation\n"],"mappings":"qdAYA,MAAa,EAAuB,GAAsB,EAAO,IAAQ,CACvE,GAAM,CAAE,WAAU,YAAW,GAAG,GAAS,EACnC,CAAE,SAAU,GAAsB,CAClC,EAAS,EAAe,aAAc,GAAsB,CAAC,CAEnE,OACE,EAACA,EAAAA,CAAI,UAAW,EAAG,2BAA4B,EAAU,CAAE,IAAK,EAAQ,MAAK,KAAA,GAAK,GAAI,EAAO,WAAY,GAAI,WAC1G,GACC,EAAM,IAAI,GACR,EAAC,EAAA,CAAA,SAAA,CACE,IAAS,YAAc,EAACC,EAAAA,CAAmB,aAAW,WAAW,UAAU,YAAa,CAExF,EAAS,EAAK,EAAI,EAACC,EAAAA,CAAiB,KAAM,EAAA,CAAQ,CAElD,EAAS,EAAK,EAAI,EAAK,SAAS,WAAW,EAAI,EAACC,EAAAA,EAAAA,CAAqB,CAErE,IAAS,QAAU,EAACF,EAAAA,CAAmB,aAAW,OAAO,UAAU,QAAS,GAPhE,EAQJ,CACX,EACA,EAER,CAEF,EAAqB,YAAc,uBAEnC,IAAA,EAAe"}

package/dist/pagination/paginationPrevNext.d.ts

@@ -0,0 +1,9 @@
+import { VuiComponent } from "../core/vui.js";
+import { PaginationPrevNextProps } from "./pagination.types.js";
+
+//#region src/pagination/paginationPrevNext.d.ts
+/** Displays a page navigation button, which navigates forward or backward. */
+declare const PaginationPrevNext: VuiComponent<"button", PaginationPrevNextProps>;
+//#endregion
+export { PaginationPrevNext };
+//# sourceMappingURL=paginationPrevNext.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"paginationPrevNext.d.ts","names":[],"sources":["../../src/pagination/paginationPrevNext.tsx"],"sourcesContent":[],"mappings":";;;;;cAOa,2CAAkB"}

package/dist/pagination/paginationPrevNext.js

@@ -0,0 +1,2 @@
+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,direction:c,...l}=n,{onPageChange:u,page:d,pageCount:f}=i(),p=t(`Pagination`,i()),m=c===`previous`,h=m?-1:1,g={disabled:m?d===1:d===f,icon:`falAngle${m?`Left`:`Right`}`,onClick:()=>u(d+h)};return a(r,{className:e(`vui-paginationPrevNext`,s),minW:0,ref:o,size:`sm`,variant:`text`,...p.prevNext,...g,...l})});o.displayName=`PaginationPrevNext`;var s=o;export{o as PaginationPrevNext,s as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+//# sourceMappingURL=paginationPrevNext.js.map

package/dist/pagination/paginationPrevNext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"paginationPrevNext.js","names":["Button"],"sources":["../../src/pagination/paginationPrevNext.tsx"],"sourcesContent":["import Button from '../button'\nimport { useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { usePaginationContext } from './context'\nimport type { PaginationPrevNextProps } from './pagination.types'\n\n/** Displays a page navigation button, which navigates forward or backward. */\nexport const PaginationPrevNext = vui<'button', PaginationPrevNextProps>((props, ref) => {\n  const { className, direction, ...rest } = props\n  const { onPageChange, page, pageCount } = usePaginationContext()\n  const styles = useStyleConfig('Pagination', usePaginationContext())\n\n  const isPrev = direction === 'previous'\n  const pageChange = isPrev ? -1 : 1\n  const directionProps = {\n    disabled: isPrev ? page === 1 : page === pageCount,\n    icon: `falAngle${isPrev ? 'Left' : 'Right'}`,\n    onClick: () => onPageChange(page + pageChange),\n  }\n\n  return (\n    <Button\n      className={cs('vui-paginationPrevNext', className)}\n      minW={0}\n      ref={ref}\n      size=\"sm\"\n      variant=\"text\"\n      {...styles.prevNext}\n      {...directionProps}\n      {...rest}\n    />\n  )\n})\n\nPaginationPrevNext.displayName = 'PaginationPrevNext'\n\nexport default PaginationPrevNext\n"],"mappings":"8PAOA,MAAa,EAAqB,GAAwC,EAAO,IAAQ,CACvF,GAAM,CAAE,YAAW,YAAW,GAAG,GAAS,EACpC,CAAE,eAAc,OAAM,aAAc,GAAsB,CAC1D,EAAS,EAAe,aAAc,GAAsB,CAAC,CAE7D,EAAS,IAAc,WACvB,EAAa,EAAS,GAAK,EAC3B,EAAiB,CACrB,SAAU,EAAS,IAAS,EAAI,IAAS,EACzC,KAAM,WAAW,EAAS,OAAS,UACnC,YAAe,EAAa,EAAO,EAAW,CAC/C,CAED,OACE,EAACA,EAAAA,CACC,UAAW,EAAG,yBAA0B,EAAU,CAClD,KAAM,EACD,MACL,KAAK,KACL,QAAQ,OACR,GAAI,EAAO,SACX,GAAI,EACJ,GAAI,GACJ,EAEJ,CAEF,EAAmB,YAAc,qBAEjC,IAAA,EAAe"}

package/dist/pagination/paginationResults.d.ts

@@ -0,0 +1,9 @@
+import { TProps } from "../t/t.types.js";
+import { VuiComponent } from "../core/vui.js";
+
+//#region src/pagination/paginationResults.d.ts
+/** Displays an action button within the Pagination. */
+declare const PaginationResults: VuiComponent<"span", TProps>;
+//#endregion
+export { PaginationResults };
+//# sourceMappingURL=paginationResults.d.ts.map

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

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

package/dist/pagination/paginationResults.js

@@ -0,0 +1,2 @@
+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"../t/t.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,{count:u,rangeEnd:d,rangeStart:f}=i(),p=t(`Pagination`,i());return a(r,{className:e(`vui-paginationResults`,c),ref:o,size:`sm`,...p.results,...l,children:s??`Showing ${f} to ${d} of ${u} results.`})});o.displayName=`PaginationResults`;var s=o;export{o as PaginationResults,s as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+//# sourceMappingURL=paginationResults.js.map

package/dist/pagination/paginationResults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"paginationResults.js","names":["T"],"sources":["../../src/pagination/paginationResults.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { TProps } from '../t'\nimport T from '../t'\nimport { cs } from '../utils'\nimport { usePaginationContext } from './context'\n\n/** Displays an action button within the Pagination. */\nexport const PaginationResults = vui<'span', TProps>((props, ref) => {\n  const { children, className, ...rest } = props\n  const { count, rangeEnd, rangeStart } = usePaginationContext()\n  const styles = useStyleConfig('Pagination', usePaginationContext())\n\n  return (\n    <T className={cs('vui-paginationResults', className)} ref={ref} size=\"sm\" {...styles.results} {...rest}>\n      {children ?? `Showing ${rangeStart} to ${rangeEnd} of ${count} results.`}\n    </T>\n  )\n})\n\nPaginationResults.displayName = 'PaginationResults'\n\nexport default PaginationResults\n"],"mappings":"oPAOA,MAAa,EAAoB,GAAqB,EAAO,IAAQ,CACnE,GAAM,CAAE,WAAU,YAAW,GAAG,GAAS,EACnC,CAAE,QAAO,WAAU,cAAe,GAAsB,CACxD,EAAS,EAAe,aAAc,GAAsB,CAAC,CAEnE,OACE,EAACA,EAAAA,CAAE,UAAW,EAAG,wBAAyB,EAAU,CAAO,MAAK,KAAK,KAAK,GAAI,EAAO,QAAS,GAAI,WAC/F,GAAY,WAAW,EAAW,MAAM,EAAS,MAAM,EAAM,YAC5D,EAEN,CAEF,EAAkB,YAAc,oBAEhC,IAAA,EAAe"}

package/dist/pagination/theme.js

@@ -0,0 +1,2 @@
+const e={bg:`transparent`,border:`none`,color:`darkBlue.main`};var t={baseStyle:{button:{...e,color:`seaBlue.main`,hoverBg:`skyBlue.main`,minW:24},ellipsis:{...e},goToPage:{...e},prevNext:{...e},results:{color:`sandstone.30`}},defaultProps:{},parts:[`container`,`button`,`ellipsis`,`goToPage`,`navigation`,`prevNext`,`results`],sizes:{},variants:{}};export{t as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+//# sourceMappingURL=theme.js.map

package/dist/pagination/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","names":[],"sources":["../../src/pagination/theme.ts"],"sourcesContent":["const base = {\n  bg: 'transparent',\n  border: 'none',\n  color: 'darkBlue.main',\n}\n\nconst baseStyle = {\n  button: {\n    ...base,\n    color: 'seaBlue.main',\n    hoverBg: 'skyBlue.main',\n    minW: 24,\n  },\n  ellipsis: { ...base },\n  goToPage: { ...base },\n  prevNext: {\n    ...base,\n  },\n  results: {\n    color: 'sandstone.30',\n  },\n}\n\nconst defaultProps = {}\n\nconst parts = ['container', 'button', 'ellipsis', 'goToPage', 'navigation', 'prevNext', 'results']\n\nconst sizes = {}\n\nconst variants = {}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  parts,\n  sizes,\n  variants,\n}\n"],"mappings":"AAAA,MAAM,EAAO,CACX,GAAI,cACJ,OAAQ,OACR,MAAO,gBACR,CA2BD,IAAA,EAAe,CACb,UA1BgB,CAChB,OAAQ,CACN,GAAG,EACH,MAAO,eACP,QAAS,eACT,KAAM,GACP,CACD,SAAU,CAAE,GAAG,EAAM,CACrB,SAAU,CAAE,GAAG,EAAM,CACrB,SAAU,CACR,GAAG,EACJ,CACD,QAAS,CACP,MAAO,eACR,CACF,CAYC,aAVmB,EAAE,CAWrB,MATY,CAAC,YAAa,SAAU,WAAY,WAAY,aAAc,WAAY,UAAU,CAUhG,MARY,EAAE,CASd,SAPe,EAAE,CAQlB"}

package/dist/pagination/usePagination.d.ts

@@ -0,0 +1,20 @@
+import { UsePaginationProps } from "./usePagination.types.js";
+import { PaginationItem } from "./pagination.types.js";
+import * as react943 from "react";
+
+//#region src/pagination/usePagination.d.ts
+/** Hook to manage pagination data and state in controlled or uncontrolled way. */
+declare function usePagination(props: UsePaginationProps): {
+  count: number;
+  items: PaginationItem[];
+  onPageChange: react943.Dispatch<react943.SetStateAction<number>>;
+  page: number;
+  pageCount: number;
+  pageSize: number;
+  rangeEnd: number;
+  rangeStart: number;
+};
+type UsePaginationReturnType = ReturnType<typeof usePagination>;
+//#endregion
+export { UsePaginationReturnType, usePagination };
+//# sourceMappingURL=usePagination.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"usePagination.d.ts","names":[],"sources":["../../src/pagination/usePagination.ts"],"sourcesContent":[],"mappings":";;;;;;iBAOwB,aAAA,QAAqB;;;EAArB,YAAA,mBAAa,wBAAA,CAAA,MAAA,CAAA,CAAA;EAAA,IAAA,EAAA,MAAA;WAAQ,EAAA,MAAA;;;;;AAyCjC,KAAA,uBAAA,GAA0B,UAAH,CAAA,OAAqB,aAArB,CAAA"}

package/dist/pagination/usePagination.js

@@ -0,0 +1,2 @@
+import{useControlled as e,useIsMounted as t}from"../utils/react.js";import{getPaginationItems as n}from"./helpers.js";import{useEffect as r}from"react";function i(i){let{count:a,defaultPage:o=1,onPageChange:s,page:c,pageSize:l}=i,[u,d,{isControlled:f,reset:p}]=e({defaultValue:o,onChange:s,value:c});r(()=>{!f&&s?.(o)},[]),r(()=>{m()&&p()},[l]);let m=t(),h=a>0&&l>0?Math.ceil(a/l):0,g=n(u,h),_=(u-1)*l+1,v=u===h?a:u*l;return{count:a,items:g,onPageChange:d,page:u,pageCount:h,pageSize:l,rangeEnd:v,rangeStart:_}}export{i as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+//# sourceMappingURL=usePagination.js.map

package/dist/pagination/usePagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePagination.js","names":[],"sources":["../../src/pagination/usePagination.ts"],"sourcesContent":["import { useEffect } from 'react'\n\nimport { useControlled, useIsMounted } from '../utils'\nimport { getPaginationItems } from './helpers'\nimport type { UsePaginationProps } from './usePagination.types'\n\n/** Hook to manage pagination data and state in controlled or uncontrolled way. */\nexport default function usePagination(props: UsePaginationProps) {\n  const { count, defaultPage = 1, onPageChange: onPageChangeProp, page: pageProp, pageSize } = props\n  const [page, onPageChange, { isControlled, reset }] = useControlled({\n    defaultValue: defaultPage,\n    onChange: onPageChangeProp,\n    value: pageProp,\n  })\n\n  // In uncontrolled mode, trigger external callback on the first render for consumer to initialize data.\n  useEffect(() => {\n    !isControlled && onPageChangeProp?.(defaultPage)\n  }, [])\n\n  /** In uncontrolled mode, reset pagination whenever pageSize changes (apart from initialization). */\n  useEffect(() => {\n    isMounted() && reset()\n  }, [pageSize])\n\n  const isMounted = useIsMounted()\n\n  /** How many pages are there in total. */\n  const pageCount = count > 0 && pageSize > 0 ? Math.ceil(count / pageSize) : 0\n  /** Array of navigation items, like buttons or arrows. */\n  const items = getPaginationItems(page, pageCount)\n  /** First item displayed on the current page. */\n  const rangeStart = (page - 1) * pageSize + 1\n  /** Last item displayed on the current page. */\n  const rangeEnd = page === pageCount ? count : page * pageSize\n\n  return {\n    count,\n    items,\n    onPageChange,\n    page,\n    pageCount,\n    pageSize,\n    rangeEnd,\n    rangeStart,\n  }\n}\n\nexport type UsePaginationReturnType = ReturnType<typeof usePagination>\n"],"mappings":"wJAOA,SAAwB,EAAc,EAA2B,CAC/D,GAAM,CAAE,QAAO,cAAc,EAAG,aAAc,EAAkB,KAAM,EAAU,YAAa,EACvF,CAAC,EAAM,EAAc,CAAE,eAAc,UAAW,EAAc,CAClE,aAAc,EACd,SAAU,EACV,MAAO,EACR,CAAC,CAGF,MAAgB,CACd,CAAC,GAAgB,IAAmB,EAAY,EAC/C,EAAE,CAAC,CAGN,MAAgB,CACd,GAAW,EAAI,GAAO,EACrB,CAAC,EAAS,CAAC,CAEd,IAAM,EAAY,GAAc,CAG1B,EAAY,EAAQ,GAAK,EAAW,EAAI,KAAK,KAAK,EAAQ,EAAS,CAAG,EAEtE,EAAQ,EAAmB,EAAM,EAAU,CAE3C,GAAc,EAAO,GAAK,EAAW,EAErC,EAAW,IAAS,EAAY,EAAQ,EAAO,EAErD,MAAO,CACL,QACA,QACA,eACA,OACA,YACA,WACA,WACA,aACD"}

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

@@ -0,0 +1,16 @@
+//#region src/pagination/usePagination.types.d.ts
+type UsePaginationProps = {
+  /** Total amount of items being paginated. */
+  count: number;
+  /** Starting page in uncontrolled mode. */
+  defaultPage?: number;
+  /** Callback triggered by Pagination elements. */
+  onPageChange?: (page: number) => void;
+  /** Currently displayed page. */
+  page?: number;
+  /** Amount of items per page. */
+  pageSize: number;
+};
+//#endregion
+export { UsePaginationProps };
+//# sourceMappingURL=usePagination.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"usePagination.types.d.ts","names":[],"sources":["../../src/pagination/usePagination.types.ts"],"sourcesContent":[],"mappings":";KAAY,kBAAA;EAAA"}

package/dist/panel/panel.d.ts

@@ -0,0 +1,13 @@
+import { VuiComponent } from "../core/vui.js";
+import { PanelProps } from "./panel.types.js";
+
+//#region src/panel/panel.d.ts
+
+/**
+ * Displays static or partially interactive content, such as text, images or buttons.
+ * Supports use cases of showing multiple segments of a page, each focusing on different data type or context.
+ */
+declare const Panel: VuiComponent<"div", PanelProps>;
+//#endregion
+export { Panel };
+//# sourceMappingURL=panel.d.ts.map

package/dist/panel/panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel.d.ts","names":[],"sources":["../../src/panel/panel.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AASA;AAKE,cALW,KAKX,cAAA,CAAA,KAAA,EALgB,UAKhB,CAAA"}

package/dist/panel/panel.js

@@ -0,0 +1,2 @@
+import{cs as e}from"../utils/styles.js";import{omitThemingProps as t,useStyleConfig as n}from"../core/theme.js";import{vui as r}from"../core/vui.js";import i from"../box/box.js";import{jsx as a}from"react/jsx-runtime";const o=r((r,o)=>{let{className:s,...c}=t(r),l=n(`Panel`,r);return a(i,{bg:`white`,className:e(`vui-panel`,s),p:2,ref:o,...l,...c})});o.displayName=`Panel`;export{o as Panel};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+//# sourceMappingURL=panel.js.map

package/dist/panel/panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel.js","names":["Box"],"sources":["../../src/panel/panel.tsx"],"sourcesContent":["import Box from '../box'\nimport { omitThemingProps, useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport type { PanelProps } from './panel.types'\n\n/**\n * Displays static or partially interactive content, such as text, images or buttons.\n * Supports use cases of showing multiple segments of a page, each focusing on different data type or context.\n */\nexport const Panel = vui<'div', PanelProps>((props, ref) => {\n  const { className, ...rest } = omitThemingProps(props)\n  const styles = useStyleConfig('Panel', props)\n\n  return <Box bg=\"white\" className={cs('vui-panel', className)} p={2} ref={ref} {...styles} {...rest} />\n})\n\nPanel.displayName = 'Panel'\n\nexport default Panel\n"],"mappings":"0NASA,MAAa,EAAQ,GAAwB,EAAO,IAAQ,CAC1D,GAAM,CAAE,YAAW,GAAG,GAAS,EAAiB,EAAM,CAChD,EAAS,EAAe,QAAS,EAAM,CAE7C,OAAO,EAACA,EAAAA,CAAI,GAAG,QAAQ,UAAW,EAAG,YAAa,EAAU,CAAE,EAAG,EAAQ,MAAK,GAAI,EAAQ,GAAI,GAAQ,EACtG,CAEF,EAAM,YAAc"}

package/dist/panel/panel.types.d.ts

@@ -0,0 +1,8 @@
+import { ThemingProps } from "../theme/types.js";
+import { BoxProps } from "../box/box.types.js";
+
+//#region src/panel/panel.types.d.ts
+type PanelProps = Omit<BoxProps, 'size' | 'variant'> & ThemingProps<'Panel'> & {};
+//#endregion
+export { PanelProps };
+//# sourceMappingURL=panel.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"panel.types.d.ts","names":[],"sources":["../../src/panel/panel.types.ts"],"sourcesContent":[],"mappings":";;;;KAGY,UAAA,GAAa,KAAK,gCAAgC"}

package/dist/panel/theme.js

@@ -0,0 +1,2 @@
+var e={baseStyle:{borderRadius:0},defaultProps:{variant:`elevated`},sizes:{},variants:{elevated:{shadow:`1`},outlined:{border:1,borderColor:`sandstone.main`}}};export{e as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+//# sourceMappingURL=theme.js.map

package/dist/panel/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","names":[],"sources":["../../src/panel/theme.ts"],"sourcesContent":["const baseStyle = {\n  borderRadius: 0,\n}\n\nconst defaultProps = {\n  variant: 'elevated',\n}\n\nconst sizes = {}\n\nconst variants = {\n  elevated: {\n    shadow: '1',\n  },\n  outlined: {\n    border: 1,\n    borderColor: 'sandstone.main',\n  },\n}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  sizes,\n  variants,\n}\n"],"mappings":"AAoBA,IAAA,EAAe,CACb,UArBgB,CAChB,aAAc,EACf,CAoBC,aAlBmB,CACnB,QAAS,WACV,CAiBC,MAfY,EAAE,CAgBd,SAde,CACf,SAAU,CACR,OAAQ,IACT,CACD,SAAU,CACR,OAAQ,EACR,YAAa,iBACd,CACF,CAOA"}

package/dist/popover/consts.d.ts

@@ -0,0 +1,11 @@
+import { Plugin } from "tippy.js";
+import { Modifier } from "@popperjs/core";
+
+//#region src/popover/consts.d.ts
+/** Closes the popper if 'Escape' is pressed. Tippy plugin. */
+declare const closeOnEscPlugin: Plugin;
+/** Sets popper width to be the same as reference. Updates on resize, etc. Popper modifier. */
+declare const matchWidthModifier: Modifier<'matchWidth', any>;
+//#endregion
+export { closeOnEscPlugin, matchWidthModifier };
+//# sourceMappingURL=consts.d.ts.map

package/dist/popover/consts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts.d.ts","names":[],"sources":["../../src/popover/consts.ts"],"sourcesContent":[],"mappings":";;;;;cAIa,kBAAkB;AAA/B;AAoBa,cAAA,kBAAoB,EAAA,QAAQ,CAAA,YAAA,EAAA,GAAA,CAAA"}

package/dist/popover/consts.js

@@ -0,0 +1,2 @@
+const e={name:`closeOnEsc`,defaultValue:!0,fn({hide:e}){function t(t){t.key===`Escape`&&e()}return{onHide(){document.removeEventListener(`keydown`,t)},onShow(){document.addEventListener(`keydown`,t)}}}},t={name:`matchWidth`,enabled:!0,phase:`beforeWrite`,requires:[`computeStyles`],fn:({state:e})=>{e.styles.popper.width=`${e.rects.reference.width}px`},effect:({state:e})=>()=>{let t=e.elements.reference;e.elements.popper.style.width=`${t.offsetWidth}px`}};export{e as closeOnEscPlugin,t as matchWidthModifier};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+//# sourceMappingURL=consts.js.map

package/dist/popover/consts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts.js","names":["closeOnEscPlugin: Plugin","matchWidthModifier: Modifier<'matchWidth', any>"],"sources":["../../src/popover/consts.ts"],"sourcesContent":["import type { Modifier } from '@popperjs/core'\nimport type { Plugin } from 'tippy.js'\n\n/** Closes the popper if 'Escape' is pressed. Tippy plugin. */\nexport const closeOnEscPlugin: Plugin = {\n  name: 'closeOnEsc',\n  defaultValue: true,\n  fn({ hide }) {\n    function onKeyDown(e: KeyboardEvent) {\n      if (e.key === 'Escape') hide()\n    }\n\n    return {\n      onHide() {\n        document.removeEventListener('keydown', onKeyDown)\n      },\n      onShow() {\n        document.addEventListener('keydown', onKeyDown)\n      },\n    }\n  },\n}\n\n/** Sets popper width to be the same as reference. Updates on resize, etc. Popper modifier. */\nexport const matchWidthModifier: Modifier<'matchWidth', any> = {\n  name: 'matchWidth',\n  enabled: true,\n  phase: 'beforeWrite',\n  requires: ['computeStyles'],\n  fn: ({ state }) => {\n    state.styles.popper.width = `${state.rects.reference.width}px`\n  },\n  effect:\n    ({ state }) =>\n    () => {\n      const reference = state.elements.reference as HTMLElement\n      state.elements.popper.style.width = `${reference.offsetWidth}px`\n    },\n}\n"],"mappings":"AAIA,MAAaA,EAA2B,CACtC,KAAM,aACN,aAAc,GACd,GAAG,CAAE,QAAQ,CACX,SAAS,EAAU,EAAkB,CAC/B,EAAE,MAAQ,UAAU,GAAM,CAGhC,MAAO,CACL,QAAS,CACP,SAAS,oBAAoB,UAAW,EAAU,EAEpD,QAAS,CACP,SAAS,iBAAiB,UAAW,EAAU,EAElD,EAEJ,CAGYC,EAAkD,CAC7D,KAAM,aACN,QAAS,GACT,MAAO,cACP,SAAU,CAAC,gBAAgB,CAC3B,IAAK,CAAE,WAAY,CACjB,EAAM,OAAO,OAAO,MAAQ,GAAG,EAAM,MAAM,UAAU,MAAM,KAE7D,QACG,CAAE,eACG,CACJ,IAAM,EAAY,EAAM,SAAS,UACjC,EAAM,SAAS,OAAO,MAAM,MAAQ,GAAG,EAAU,YAAY,KAElE"}

package/dist/popover/context.d.ts

@@ -0,0 +1,8 @@
+import { Dict } from "../utils/types.js";
+import * as react946 from "react";
+
+//#region src/popover/context.d.ts
+declare const PopoverProvider: react946.Provider<Dict>, usePopoverContext: () => Dict;
+//#endregion
+export { PopoverProvider, usePopoverContext };
+//# sourceMappingURL=context.d.ts.map

package/dist/popover/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/popover/context.ts"],"sourcesContent":[],"mappings":";;;;cAGO,iBAAe,QAAA,CAAA,SAAA,OAAE,yBAAiB"}

package/dist/popover/context.js

@@ -0,0 +1,2 @@
+import{createContext as e}from"../utils/react.js";const[t,n]=e({isOptional:!0});export{t as PopoverProvider,n as usePopoverContext};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+//# sourceMappingURL=context.js.map

package/dist/popover/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":[],"sources":["../../src/popover/context.ts"],"sourcesContent":["import type { Dict } from '../utils'\nimport { createContext } from '../utils'\n\nconst [PopoverProvider, usePopoverContext] = createContext<Dict>({ isOptional: true })\n\nexport { PopoverProvider, usePopoverContext }\n"],"mappings":"kDAGA,KAAM,CAAC,EAAiB,GAAqB,EAAoB,CAAE,WAAY,GAAM,CAAC"}