@viasat/beam-react 2.0.0

package/lib/Pagination/PageButtons.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),t=require("../../chunks/pagination.BpxTz0AB.js"),I=require("./Truncation.cjs.js"),i=require("./PageButton.cjs.js"),A=({shouldTruncate:l,currentPage:e,offset:n,onPageChange:a})=>{const s=t.calculateTotalOffset(n),r=l&&e<t.MAX_INITIAL_PAGES+n?t.createPageRange(1,t.MAX_INITIAL_PAGES-1+s):[1];return i.renderPageButtons(r,e,a)},_=({shouldTruncate:l,currentPage:e,offset:n,totalPages:a,onPageChange:s})=>{const r=t.getAdjustedTotalPages(a),o=t.calculateTotalOffset(n);if(!l)return i.renderPageButtons(t.createPageRange(t.MIDPOINT_START,r),e,s);const c=t.generateMiddlePages(a,e,n),d=e>=t.MAX_INITIAL_PAGES+n?u.jsx(I.Truncation,{start:t.MIDPOINT_START,end:Math.min(r-o,e-n),handler:g=>s(parseInt(g.target.value,10))},"lower-truncation"):null,T=e<r-n?u.jsx(I.Truncation,{start:Math.max(t.MAX_INITIAL_PAGES+o,e+1+n),end:a,handler:g=>s(parseInt(g.target.value,10))},"higher-truncation"):null;return[d,...i.renderPageButtons(c,e,s),T].filter(Boolean)},M=({shouldTruncate:l,currentPage:e,offset:n,totalPages:a,onPageChange:s})=>{if(a<=1)return[];const r=t.getAdjustedTotalPages(a),o=t.calculateTotalOffset(n),c=l&&e>=r-n?t.createPageRange(r-o,t.MAX_END_PAGES+o):[a];return i.renderPageButtons(c,e,s)},N=({currentPage:l,onPageChange:e,offset:n,totalPages:a})=>{const s=t.calculateTotalOffset(n),o={shouldTruncate:a>t.TRUNCATION_PAGE_MINIMUM+s,currentPage:l,offset:n,totalPages:a,onPageChange:e},c=[...A(o),..._(o),...M(o)];return u.jsx(u.Fragment,{children:c.map((d,T)=>u.jsx(u.Fragment,{children:d},T))})};exports.PageButtons=N;

package/lib/Pagination/PageButtons.d.ts

@@ -0,0 +1,8 @@
+interface PageButtonsProps {
+    currentPage: number;
+    onPageChange: (page: number) => void;
+    offset: number;
+    totalPages: number;
+}
+export declare const PageButtons: ({ currentPage, onPageChange, offset, totalPages, }: PageButtonsProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/Pagination/PageButtons.es.js

@@ -0,0 +1,77 @@
+import { jsx as c, Fragment as M } from "react/jsx-runtime";
+import { M as i, c as I, g as O, a as h, b as N, d as _, T as g, e as u } from "../../chunks/pagination.Cx3KTy4R.js";
+import { Truncation as A } from "./Truncation.es.js";
+import { renderPageButtons as d } from "./PageButton.es.js";
+const B = ({
+  shouldTruncate: e,
+  currentPage: t,
+  offset: n,
+  onPageChange: s
+}) => {
+  const a = u(n), o = e && t < i + n ? I(1, i - 1 + a) : [1];
+  return d(o, t, s);
+}, j = ({
+  shouldTruncate: e,
+  currentPage: t,
+  offset: n,
+  totalPages: s,
+  onPageChange: a
+}) => {
+  const o = N(s), r = u(n);
+  if (!e)
+    return d(
+      I(h, o),
+      t,
+      a
+    );
+  const l = O(s, t, n), T = t >= i + n ? /* @__PURE__ */ c(
+    A,
+    {
+      start: h,
+      end: Math.min(o - r, t - n),
+      handler: (p) => a(parseInt(p.target.value, 10))
+    },
+    "lower-truncation"
+  ) : null, m = t < o - n ? /* @__PURE__ */ c(
+    A,
+    {
+      start: Math.max(i + r, t + 1 + n),
+      end: s,
+      handler: (p) => a(parseInt(p.target.value, 10))
+    },
+    "higher-truncation"
+  ) : null;
+  return [
+    T,
+    ...d(l, t, a),
+    m
+  ].filter(Boolean);
+}, E = ({
+  shouldTruncate: e,
+  currentPage: t,
+  offset: n,
+  totalPages: s,
+  onPageChange: a
+}) => {
+  if (s <= 1) return [];
+  const o = N(s), r = u(n), l = e && t >= o - n ? I(
+    o - r,
+    _ + r
+  ) : [s];
+  return d(l, t, a);
+}, S = ({
+  currentPage: e,
+  onPageChange: t,
+  offset: n,
+  totalPages: s
+}) => {
+  const a = u(n), r = { shouldTruncate: s > g + a, currentPage: e, offset: n, totalPages: s, onPageChange: t }, l = [
+    ...B(r),
+    ...j(r),
+    ...E(r)
+  ];
+  return /* @__PURE__ */ c(M, { children: l.map((T, m) => /* @__PURE__ */ c(M, { children: T }, m)) });
+};
+export {
+  S as PageButtons
+};

package/lib/Pagination/Pagination.cjs.js

@@ -0,0 +1 @@
+var y=require("../../assets/Pagination.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),t=require("react"),d=require("clsx"),h=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const q=require("../../chunks/pagination.BpxTz0AB.js"),v=require("./PageButtons.cjs.js"),x=require("./PaginationControls.cjs.js"),b={"bm-light":"bm-light","bm-dark":"bm-dark","bm-inverse":"bm-inverse","bm-pagination":"bm-pagination","bm-pagination--determinate":"bm-pagination--determinate","bm-pagination__chevrons":"bm-pagination__chevrons","bm-state-layer":"bm-state-layer","bm-pagination__buttons":"bm-pagination__buttons","bm-pagination__truncation":"bm-pagination__truncation","bm-pagination__buttons--active":"bm-pagination__buttons--active"},j=({totalPages:e,onPageChange:s,offset:g=0,currentPage:n=1,indeterminate:i=!1,controlsFirstLast:u=!1,className:l})=>{const{baseClassNamePrefix:_,classModifierPrefix:p}=h.getBEMClassNames("pagination"),[o,r]=t.useState(n),f=q.compensateOffset(e,g),P=d(b[_],!i&&b[`${p}determinate`],l),c=t.useCallback(m=>{r(m),s(m)},[s]);t.useEffect(()=>{n>0&&r(n)},[n]);const C=t.useRef(null);return a.jsx("div",{className:P,ref:C,children:a.jsx(x.PaginationControls,{totalPages:e,onPageChange:c,currentPage:o,controlsFirstLast:u,children:!i&&a.jsx(v.PageButtons,{totalPages:e,offset:f,onPageChange:c,currentPage:o})})})};exports.Pagination=j;

package/lib/Pagination/Pagination.d.ts

@@ -0,0 +1,33 @@
+import { default as React } from 'react';
+export interface PaginationProps extends React.ComponentPropsWithoutRef<'div'> {
+    /** Callback to execute on page change
+     *
+     */
+    onPageChange: (desiredPageNumber: number) => void;
+    /**
+     * Sets total number of pages
+     *
+     */
+    totalPages: number;
+    /**
+     * The currently active page in the pagination.
+     * @default 1
+     */
+    currentPage?: number;
+    /**
+     * Specify if Pagination displays without a page count
+     * @default false
+     */
+    indeterminate?: boolean;
+    /**
+     * Specify how many extra items display on each side of the active item
+     * @default 0
+     */
+    offset?: number;
+    /**
+     * Specify if the first and last Pagination controls display
+     * @default false
+     */
+    controlsFirstLast?: boolean;
+}
+export declare const Pagination: ({ totalPages, onPageChange, offset: userOffset, currentPage: initialPage, indeterminate, controlsFirstLast, className: _className, }: PaginationProps) => React.ReactElement;

package/lib/Pagination/Pagination.es.js

@@ -0,0 +1,65 @@
+import "../../assets/Pagination.css";
+import { jsx as a } from "react/jsx-runtime";
+import { useState as C, useCallback as v, useEffect as d, useRef as x } from "react";
+import N from "clsx";
+import { g as P } from "../../chunks/classNames.DNsS4J__.js";
+import "../../chunks/constants.BBi77pmH.js";
+import { f as k } from "../../chunks/pagination.Cx3KTy4R.js";
+import { PageButtons as y } from "./PageButtons.es.js";
+import { PaginationControls as B } from "./PaginationControls.es.js";
+const b = {
+  "bm-light": "bm-light",
+  "bm-dark": "bm-dark",
+  "bm-inverse": "bm-inverse",
+  "bm-pagination": "bm-pagination",
+  "bm-pagination--determinate": "bm-pagination--determinate",
+  "bm-pagination__chevrons": "bm-pagination__chevrons",
+  "bm-state-layer": "bm-state-layer",
+  "bm-pagination__buttons": "bm-pagination__buttons",
+  "bm-pagination__truncation": "bm-pagination__truncation",
+  "bm-pagination__buttons--active": "bm-pagination__buttons--active"
+}, z = ({
+  totalPages: n,
+  onPageChange: o,
+  offset: c = 0,
+  currentPage: t = 1,
+  indeterminate: e = !1,
+  controlsFirstLast: p = !1,
+  className: f
+}) => {
+  const { baseClassNamePrefix: g, classModifierPrefix: _ } = P("pagination"), [s, i] = C(t), l = k(n, c), u = N(
+    b[g],
+    !e && b[`${_}determinate`],
+    f
+  ), m = v(
+    (r) => {
+      i(r), o(r);
+    },
+    [o]
+  );
+  d(() => {
+    t > 0 && i(t);
+  }, [t]);
+  const h = x(null);
+  return /* @__PURE__ */ a("div", { className: u, ref: h, children: /* @__PURE__ */ a(
+    B,
+    {
+      totalPages: n,
+      onPageChange: m,
+      currentPage: s,
+      controlsFirstLast: p,
+      children: !e && /* @__PURE__ */ a(
+        y,
+        {
+          totalPages: n,
+          offset: l,
+          onPageChange: m,
+          currentPage: s
+        }
+      )
+    }
+  ) });
+};
+export {
+  z as Pagination
+};

package/lib/Pagination/PaginationControls.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),u=require("../../chunks/pagination.BpxTz0AB.js"),d=require("../Button/Button.cjs.js"),v=require("../../chunks/ChevronLeftCurved.JKg9pOxN.js"),g=require("../../chunks/ChevronRightCurved.CoT-Bqyo.js"),f=require("react"),b=require("../../chunks/classNames.DAeKwerT.js");function p(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const s=p(f),m=e=>s.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},s.createElement("path",{d:"M7.33333 6C6.8731 6 6.5 6.3731 6.5 6.83333V17.1667C6.5 17.6269 6.8731 18 7.33333 18C7.79357 18 8.16667 17.6269 8.16667 17.1667V6.83333C8.16667 6.3731 7.79357 6 7.33333 6Z",fill:"currentColor"}),s.createElement("path",{d:"M16.7786 6.03959C16.9048 6.07619 17.0225 6.13729 17.125 6.2194C17.2276 6.30145 17.313 6.4029 17.3764 6.51798C17.4398 6.63305 17.4798 6.75947 17.4943 6.89004C17.5088 7.0206 17.4974 7.15274 17.4608 7.2789C17.4242 7.40506 17.3631 7.52278 17.281 7.62532L13.7812 12.0001L17.281 16.3748C17.4468 16.5819 17.5235 16.8464 17.4942 17.1101C17.465 17.3737 17.3322 17.615 17.125 17.7807C16.9179 17.9465 16.6534 18.0231 16.3898 17.9939C16.1261 17.9646 15.8849 17.8318 15.7191 17.6247L11.7194 12.625C11.5774 12.4477 11.5 12.2272 11.5 12.0001C11.5 11.7729 11.5774 11.5524 11.7194 11.3751L15.7191 6.37539C15.8012 6.2728 15.9026 6.18738 16.0177 6.12402C16.1328 6.06066 16.2592 6.02059 16.3898 6.0061C16.5203 5.99161 16.6525 6.00299 16.7786 6.03959Z",fill:"currentColor"})),x=e=>s.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},s.createElement("path",{d:"M16.6671 18C17.1273 18 17.5004 17.6269 17.5004 17.1667V6.83333C17.5004 6.3731 17.1273 6 16.6671 6C16.2069 6 15.8338 6.3731 15.8338 6.83333L15.8338 17.1667C15.8338 17.6269 16.2069 18 16.6671 18Z",fill:"currentColor"}),s.createElement("path",{d:"M7.2218 17.9604C7.09564 17.9238 6.97793 17.8627 6.87539 17.7806C6.7728 17.6986 6.68738 17.5971 6.62401 17.482C6.56065 17.367 6.52058 17.2405 6.50609 17.11C6.49161 16.9794 6.50299 16.8473 6.53959 16.7211C6.57619 16.5949 6.63729 16.4772 6.71939 16.3747L10.2192 11.9999L6.71939 7.6252C6.55364 7.41808 6.47696 7.1536 6.50622 6.88994C6.53547 6.62628 6.66826 6.38503 6.87539 6.21928C7.08251 6.05353 7.34699 5.97685 7.61065 6.0061C7.87431 6.03536 8.11555 6.16815 8.2813 6.37527L12.2811 11.375C12.4231 11.5523 12.5004 11.7728 12.5004 11.9999C12.5004 12.2271 12.4231 12.4476 12.2811 12.6249L8.2813 17.6246C8.19925 17.7272 8.0978 17.8126 7.98273 17.876C7.86765 17.9393 7.74123 17.9794 7.61066 17.9939C7.4801 18.0084 7.34796 17.997 7.2218 17.9604Z",fill:"currentColor"})),l=({onClick:e,icon:r,disabled:t,...o})=>{const{subElementClassPrefix:a}=b.getBEMClassNames("pagination"),i=`${a}chevrons`;return n.jsx(d.Button,{appearance:"neutral",className:i,disabled:t,iconBefore:r,iconOnly:!0,kind:"ghost",onClick:e,size:"sm",...o})},h=({currentPage:e,controlsFirstLast:r,onPageChange:t,totalPages:o,children:a})=>{const i=e===1,C=e===o,c=r&&o>u.MAX_END_PAGES;return n.jsxs(n.Fragment,{children:[c&&n.jsx(l,{disabled:i,icon:n.jsx(m,{"aria-label":"First Page",role:"button"}),onClick:()=>t(1)},"first-page"),n.jsx(l,{disabled:i,icon:n.jsx(v.SvgChevronLeftCurved,{"aria-label":"Previous Page",role:"button"}),onClick:()=>t(e-1)},"previous-page"),a,n.jsx(l,{disabled:C,icon:n.jsx(g.SvgChevronRightCurved,{"aria-label":"Next Page",role:"button"}),onClick:()=>t(e+1)},"next-page"),c&&n.jsx(l,{disabled:C,icon:n.jsx(x,{"aria-label":"Last Page",role:"button"}),onClick:()=>t(o)},"last-page")]})};exports.PageControlButton=l;exports.PaginationControls=h;

package/lib/Pagination/PaginationControls.d.ts

@@ -0,0 +1,15 @@
+import { ButtonProps } from '../Button';
+interface PageControlButton extends Omit<ButtonProps, 'onClick'> {
+    onClick: () => void;
+    icon: React.ReactNode;
+}
+export declare const PageControlButton: ({ onClick, icon, disabled, ...rest }: PageControlButton) => import("react/jsx-runtime").JSX.Element;
+interface PaginationControlsProps {
+    currentPage: number;
+    controlsFirstLast: boolean;
+    onPageChange: (page: number) => void;
+    totalPages: number;
+    children?: React.ReactNode;
+}
+export declare const PaginationControls: ({ currentPage, controlsFirstLast, onPageChange, totalPages, children, }: PaginationControlsProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/Pagination/PaginationControls.es.js

@@ -0,0 +1,80 @@
+import { jsx as t, jsxs as m, Fragment as p } from "react/jsx-runtime";
+import { d as v } from "../../chunks/pagination.Cx3KTy4R.js";
+import { Button as d } from "../Button/Button.es.js";
+import { S as u } from "../../chunks/ChevronLeftCurved.CX7aH27X.js";
+import { S as f } from "../../chunks/ChevronRightCurved.9hi9Zc8J.js";
+import * as r from "react";
+import { g } from "../../chunks/classNames.DNsS4J__.js";
+const L = (e) => /* @__PURE__ */ r.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ r.createElement("path", { d: "M7.33333 6C6.8731 6 6.5 6.3731 6.5 6.83333V17.1667C6.5 17.6269 6.8731 18 7.33333 18C7.79357 18 8.16667 17.6269 8.16667 17.1667V6.83333C8.16667 6.3731 7.79357 6 7.33333 6Z", fill: "currentColor" }), /* @__PURE__ */ r.createElement("path", { d: "M16.7786 6.03959C16.9048 6.07619 17.0225 6.13729 17.125 6.2194C17.2276 6.30145 17.313 6.4029 17.3764 6.51798C17.4398 6.63305 17.4798 6.75947 17.4943 6.89004C17.5088 7.0206 17.4974 7.15274 17.4608 7.2789C17.4242 7.40506 17.3631 7.52278 17.281 7.62532L13.7812 12.0001L17.281 16.3748C17.4468 16.5819 17.5235 16.8464 17.4942 17.1101C17.465 17.3737 17.3322 17.615 17.125 17.7807C16.9179 17.9465 16.6534 18.0231 16.3898 17.9939C16.1261 17.9646 15.8849 17.8318 15.7191 17.6247L11.7194 12.625C11.5774 12.4477 11.5 12.2272 11.5 12.0001C11.5 11.7729 11.5774 11.5524 11.7194 11.3751L15.7191 6.37539C15.8012 6.2728 15.9026 6.18738 16.0177 6.12402C16.1328 6.06066 16.2592 6.02059 16.3898 6.0061C16.5203 5.99161 16.6525 6.00299 16.7786 6.03959Z", fill: "currentColor" })), b = (e) => /* @__PURE__ */ r.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ r.createElement("path", { d: "M16.6671 18C17.1273 18 17.5004 17.6269 17.5004 17.1667V6.83333C17.5004 6.3731 17.1273 6 16.6671 6C16.2069 6 15.8338 6.3731 15.8338 6.83333L15.8338 17.1667C15.8338 17.6269 16.2069 18 16.6671 18Z", fill: "currentColor" }), /* @__PURE__ */ r.createElement("path", { d: "M7.2218 17.9604C7.09564 17.9238 6.97793 17.8627 6.87539 17.7806C6.7728 17.6986 6.68738 17.5971 6.62401 17.482C6.56065 17.367 6.52058 17.2405 6.50609 17.11C6.49161 16.9794 6.50299 16.8473 6.53959 16.7211C6.57619 16.5949 6.63729 16.4772 6.71939 16.3747L10.2192 11.9999L6.71939 7.6252C6.55364 7.41808 6.47696 7.1536 6.50622 6.88994C6.53547 6.62628 6.66826 6.38503 6.87539 6.21928C7.08251 6.05353 7.34699 5.97685 7.61065 6.0061C7.87431 6.03536 8.11555 6.16815 8.2813 6.37527L12.2811 11.375C12.4231 11.5523 12.5004 11.7728 12.5004 11.9999C12.5004 12.2271 12.4231 12.4476 12.2811 12.6249L8.2813 17.6246C8.19925 17.7272 8.0978 17.8126 7.98273 17.876C7.86765 17.9393 7.74123 17.9794 7.61066 17.9939C7.4801 18.0084 7.34796 17.997 7.2218 17.9604Z", fill: "currentColor" })), C = ({
+  onClick: e,
+  icon: l,
+  disabled: o,
+  ...n
+}) => {
+  const { subElementClassPrefix: a } = g("pagination"), s = `${a}chevrons`;
+  return /* @__PURE__ */ t(
+    d,
+    {
+      appearance: "neutral",
+      className: s,
+      disabled: o,
+      iconBefore: l,
+      iconOnly: !0,
+      kind: "ghost",
+      onClick: e,
+      size: "sm",
+      ...n
+    }
+  );
+}, M = ({
+  currentPage: e,
+  controlsFirstLast: l,
+  onPageChange: o,
+  totalPages: n,
+  children: a
+}) => {
+  const s = e === 1, i = e === n, c = l && n > v;
+  return /* @__PURE__ */ m(p, { children: [
+    c && /* @__PURE__ */ t(
+      C,
+      {
+        disabled: s,
+        icon: /* @__PURE__ */ t(L, { "aria-label": "First Page", role: "button" }),
+        onClick: () => o(1)
+      },
+      "first-page"
+    ),
+    /* @__PURE__ */ t(
+      C,
+      {
+        disabled: s,
+        icon: /* @__PURE__ */ t(u, { "aria-label": "Previous Page", role: "button" }),
+        onClick: () => o(e - 1)
+      },
+      "previous-page"
+    ),
+    a,
+    /* @__PURE__ */ t(
+      C,
+      {
+        disabled: i,
+        icon: /* @__PURE__ */ t(f, { "aria-label": "Next Page", role: "button" }),
+        onClick: () => o(e + 1)
+      },
+      "next-page"
+    ),
+    c && /* @__PURE__ */ t(
+      C,
+      {
+        disabled: i,
+        icon: /* @__PURE__ */ t(b, { "aria-label": "Last Page", role: "button" }),
+        onClick: () => o(n)
+      },
+      "last-page"
+    )
+  ] });
+};
+export {
+  C as PageControlButton,
+  M as PaginationControls
+};

package/lib/Pagination/Truncation.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),l=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const i=({start:e,end:o,handler:a})=>{const{subElementClassPrefix:r}=l.getBEMClassNames("pagination"),t=`${r}truncation`;return s.jsxs("select",{"aria-label":"Choose page number",onChange:a,value:"...",className:t,children:[s.jsx("option",{value:"",hidden:!0,children:"..."}),Array.from({length:o-e},(c,n)=>s.jsx("option",{value:e+n,children:e+n},`opt-${e+n}`))]},`select-${e}-${o}`)};exports.Truncation=i;

package/lib/Pagination/Truncation.d.ts

@@ -0,0 +1,7 @@
+interface TruncationProps {
+    start: number;
+    end: number;
+    handler: (e: React.ChangeEvent<HTMLSelectElement>) => void;
+}
+export declare const Truncation: ({ start, end, handler }: TruncationProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/Pagination/Truncation.es.js

@@ -0,0 +1,23 @@
+import { jsxs as t, jsx as a } from "react/jsx-runtime";
+import { g as i } from "../../chunks/classNames.DNsS4J__.js";
+import "../../chunks/constants.BBi77pmH.js";
+const h = ({ start: e, end: o, handler: r }) => {
+  const { subElementClassPrefix: l } = i("pagination"), s = `${l}truncation`;
+  return /* @__PURE__ */ t(
+    "select",
+    {
+      "aria-label": "Choose page number",
+      onChange: r,
+      value: "...",
+      className: s,
+      children: [
+        /* @__PURE__ */ a("option", { value: "", hidden: !0, children: "..." }),
+        Array.from({ length: o - e }, (c, n) => /* @__PURE__ */ a("option", { value: e + n, children: e + n }, `opt-${e + n}`))
+      ]
+    },
+    `select-${e}-${o}`
+  );
+};
+export {
+  h as Truncation
+};

package/lib/Pagination/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./Pagination.cjs.js");exports.Pagination=i.Pagination;

package/lib/Pagination/index.d.ts

@@ -0,0 +1 @@
+export * from './Pagination';

package/lib/Pagination/index.es.js

@@ -0,0 +1,4 @@
+import { Pagination as i } from "./Pagination.es.js";
+export {
+  i as Pagination
+};

package/lib/Popover/Popover.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),b=require("./Popover.content.cjs.js"),t=require("./Popover.trigger.cjs.js"),m=require("../FloatingUI/FloatingUI.root.cjs.js"),C=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const x=require("../../utils/hooks/index.cjs.js"),F=require("../../chunks/CSSLookup.DESAWWRT.js"),I=require("../../chunks/tokens.Bgac_JPh.js"),T=require("../../chunks/popover.module.Dum8SaSU.js"),U=require("./Popover.context.cjs.js"),j=require("./Popover.utils.cjs.js"),w=require("../FloatingUI/FloatingUI.treeWrapper.cjs.js"),s=({children:i,openOnClick:n=!0,hideArrow:l=!1,offset:a,trapFocus:u=!1,focusConfiguration:o,appearance:c="default",theme:g,role:d,...p})=>{const{subElementClassPrefix:_}=C.getBEMClassNames("popover"),P=x.useCSSLookup(I.bmSemSpace100),v={edgePadding:F.parseSizeString(P),hide:l,className:T.popoverStyles[`${_}arrow`]},f=j.usePopOverOffSet(a),q={modal:!!(u||o&&o.modal),...o},S=d??{enabled:!0,role:"dialog"};return r.jsx(w.FloatingUITreeWrapper,{children:r.jsx(m.FloatingUIRoot,{openOnClick:n,arrow:v,offset:f,focusConfiguration:q,transitionConfig:{duration:0},role:S,...p,children:r.jsx(U.PopoverProvider,{theme:g,appearance:c,children:i})})})},e=s;e.Content=b.Content;e.Trigger=t.Trigger;e.CloseTrigger=t.CloseTrigger;exports.Popover=e;exports.Root=s;exports.default=e;

package/lib/Popover/Popover.content.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),u=require("clsx"),l=require("../../chunks/popover.module.Dum8SaSU.js"),p=require("../../chunks/classNames.DAeKwerT.js"),t=require("../../chunks/constants.hwjHOsvT.js");require("../../chunks/FloatingUI.context.BULqADss.js");require("react");require("@floating-ui/react");const m=require("../FloatingUI/FloatingUI.content.cjs.js"),q=require("./Popover.context.cjs.js");function o({children:r,className:n,...s}){const{theme:e,appearance:i}=q.usePopoverContext(),{baseClassNamePrefix:a}=p.getBEMClassNames("popover");return c.jsx(m.Content,{className:u(e&&t.themeClassName(e),l.popoverStyles[a],i==="inverse"&&t.BEAM_INVERSE,n),...s,children:r})}o.displayName="Popover.Content";exports.Content=o;

package/lib/Popover/Popover.content.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { FloatingUIContentProps } from '../FloatingUI/FloatingUI.content';
+export interface PopoverContentProps extends FloatingUIContentProps {
+    /**
+     * Specify custom content for the Popover
+     *
+     */
+    children: React.ReactNode;
+}
+export declare function Content({ children, className, ...props }: PopoverContentProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Content {
+    var displayName: string;
+}

package/lib/Popover/Popover.content.es.js

@@ -0,0 +1,30 @@
+import { jsx as p } from "react/jsx-runtime";
+import a from "clsx";
+import { p as n } from "../../chunks/popover.module.C6KFea25.js";
+import { g as i } from "../../chunks/classNames.DNsS4J__.js";
+import { t as f, c as C } from "../../chunks/constants.BBi77pmH.js";
+import "../../chunks/FloatingUI.context.2kPXcTvi.js";
+import "react";
+import "@floating-ui/react";
+import { Content as c } from "../FloatingUI/FloatingUI.content.es.js";
+import { usePopoverContext as l } from "./Popover.context.es.js";
+function N({ children: t, className: e, ...r }) {
+  const { theme: o, appearance: m } = l(), { baseClassNamePrefix: s } = i("popover");
+  return /* @__PURE__ */ p(
+    c,
+    {
+      className: a(
+        o && f(o),
+        n[s],
+        m === "inverse" && C,
+        e
+      ),
+      ...r,
+      children: t
+    }
+  );
+}
+N.displayName = "Popover.Content";
+export {
+  N as Content
+};

package/lib/Popover/Popover.context.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),o=require("react"),t=o.createContext(void 0),u=({theme:e,appearance:r,children:n})=>s.jsx(t.Provider,{value:{theme:e,appearance:r},children:n}),i=()=>{const e=o.useContext(t);if(!e)throw new Error("usePopoverContext must be used within a PopoverProvider");return e};exports.PopoverProvider=u;exports.usePopoverContext=i;

package/lib/Popover/Popover.context.d.ts

@@ -0,0 +1,14 @@
+import { default as React, ReactNode } from 'react';
+import { ThemeTypes } from '@viasat/beam-shared/utils';
+interface PopoverContextProps {
+    theme?: ThemeTypes;
+    appearance?: 'default' | 'inverse';
+}
+interface PopoverProviderProps {
+    theme: PopoverContextProps['theme'];
+    appearance: PopoverContextProps['appearance'];
+    children: ReactNode;
+}
+export declare const PopoverProvider: React.FC<PopoverProviderProps>;
+export declare const usePopoverContext: () => PopoverContextProps;
+export {};

package/lib/Popover/Popover.context.es.js

@@ -0,0 +1,16 @@
+import { jsx as n } from "react/jsx-runtime";
+import { createContext as s, useContext as v } from "react";
+const e = s(void 0), u = ({
+  theme: o,
+  appearance: r,
+  children: t
+}) => /* @__PURE__ */ n(e.Provider, { value: { theme: o, appearance: r }, children: t }), x = () => {
+  const o = v(e);
+  if (!o)
+    throw new Error("usePopoverContext must be used within a PopoverProvider");
+  return o;
+};
+export {
+  u as PopoverProvider,
+  x as usePopoverContext
+};

package/lib/Popover/Popover.d.ts

@@ -0,0 +1,129 @@
+import { FC, default as React } from 'react';
+import { Content } from './Popover.content';
+import { Trigger, CloseTrigger } from './Popover.trigger';
+import { FloatingUIProps } from '../FloatingUI/FloatingUI.context';
+import { Spacing, ThemeTypes } from '@viasat/beam-shared/utils';
+import { MiddlewareModifier } from '@viasat/beam-shared/components/floatingui';
+import { Placement, AutoPlacementOptions, FlipOptions, ShiftOptions, HideOptions, OffsetOptions, UseHoverProps, UseClickProps, UseFocusProps, FloatingPortalProps, UseFloatingOptions, UseRoleProps } from '@floating-ui/react';
+import { FocusManagerProps } from '../FloatingUI/FloatingUI.content';
+export interface PopoverProps extends Omit<FloatingUIProps, 'arrow' | 'offset'> {
+    /**
+     * Specify the theme of the Popover. By default it inherits the theme from the parent
+     */
+    theme?: ThemeTypes;
+    /**
+     * Whether the arrow is visible
+     */
+    hideArrow?: boolean;
+    /**
+     * Specify the color mode of the Popover
+     *
+     * @default 'default'
+     */
+    appearance?: 'default' | 'inverse';
+    /**
+     * Specify content and sub-components of the Popover
+     *
+     */
+    children: React.ReactNode;
+    /**
+     * Specify the location of the floating content
+     *
+     * @default 'top'
+     *
+     */
+    placement?: Placement;
+    /**
+     * Specify if the floating content should automatically choose the placement that has the most space.
+     * <a href="https://floating-ui.com/docs/autoplacement#options" target="_blank" rel="noopener noreferrer">AutoPlacementOptions</a>
+     *
+     */
+    autoPlacement?: boolean | AutoPlacementOptions;
+    /**
+     * Specify if the floating content should flip to the opposite side if there is not enough space.
+     * <a href="https://floating-ui.com/docs/flip#options" target="_blank" rel="noopener noreferrer">FlipOptions</a>
+     *
+     * Cannot be used with `autoPlacement`
+     */
+    flip?: boolean | FlipOptions;
+    /**
+     * Allow shifting of the floating content.
+     * <a href="https://floating-ui.com/docs/shift#options" target="_blank" rel="noopener noreferrer">ShiftOptions</a>
+     *
+     */
+    shift?: boolean | ShiftOptions;
+    /**
+     *  Specify if the Popover should auto-hide when the anchor is not in view.
+     *  <a href="https://floating-ui.com/docs/hide#options" target="_blank" rel="noopener noreferrer">HideOptions</a>
+     */
+    autoHiding?: boolean | HideOptions;
+    /**
+     * Middleware functions to modify the behavior of the floating element
+     */
+    middleware?: MiddlewareModifier;
+    /**
+     * Specify the distance between the anchor and the Popover in rems.
+     * <a href="https://floating-ui.com/docs/offset#options" target="_blank" rel="noopener noreferrer">OffsetOptions</a>
+     *
+     * @default 0.5
+     */
+    offset?: OffsetOptions | Spacing;
+    /**
+     * Specify the display state
+     */
+    open?: boolean;
+    /**
+     * Specify the default open state
+     */
+    defaultOpen?: boolean;
+    /**
+     * Enable hover interaction.
+     * <a href="https://floating-ui.com/docs/usehover#props" target="_blank" rel="noopener noreferrer">UseHoverProps</a>
+     */
+    openOnHover?: boolean | UseHoverProps;
+    /**
+     * Enable click interaction.
+     * <a href="https://floating-ui.com/docs/useclick#props" target="_blank" rel="noopener noreferrer">UseClickProps</a>
+     *
+     * @default true
+     */
+    openOnClick?: boolean | UseClickProps;
+    /**
+     * Enable focus interaction.
+     * <a href="https://floating-ui.com/docs/usefocus#props" target="_blank" rel="noopener noreferrer">UseFocusProps</a>
+     */
+    openOnFocus?: boolean | UseFocusProps;
+    /**
+     * Specify if the Popover is portalled
+     */
+    portalled?: boolean | FloatingPortalProps;
+    /**
+     * Specify if the Popover should trap focus within the floating content.
+     */
+    trapFocus?: boolean;
+    /**
+     * Configure modal or non-modal focus management for popover content.
+     * <a href="https://floating-ui.com/docs/floatingfocusmanager#props" target="_blank" rel="noopener noreferrer">FloatingFocusManagerProps</a>
+     */
+    focusConfiguration?: FocusManagerProps;
+    /**
+     * Callback function that receives change in visibility state of the FloatingUI
+     *
+     * <a href="https://floating-ui.com/docs/react#open-event-callback" target="_blank" rel="noopener noreferrer">
+     *     onOpenChange
+     * </a>
+     *
+     */
+    onOpenChange?: UseFloatingOptions['onOpenChange'];
+    /**
+     * Adds base screen reader props to the reference and floating elements for a given `role`
+     */
+    role?: UseRoleProps;
+}
+export declare const Root: FC<PopoverProps>;
+export declare const Popover: typeof Root & {
+    Content: typeof Content;
+    Trigger: typeof Trigger;
+    CloseTrigger: typeof CloseTrigger;
+};
+export default Popover;

package/lib/Popover/Popover.es.js

@@ -0,0 +1,60 @@
+import { jsx as r } from "react/jsx-runtime";
+import { Content as C } from "./Popover.content.es.js";
+import { Trigger as S, CloseTrigger as v } from "./Popover.trigger.es.js";
+import { FloatingUIRoot as w } from "../FloatingUI/FloatingUI.root.es.js";
+import { g as T } from "../../chunks/classNames.DNsS4J__.js";
+import "../../chunks/constants.BBi77pmH.js";
+import { useCSSLookup as b } from "../../utils/hooks/index.es.js";
+import { p as E } from "../../chunks/CSSLookup.Cjf6o2Gz.js";
+import { b as h } from "../../chunks/tokens.CXaNS8Cf.js";
+import { p as x } from "../../chunks/popover.module.C6KFea25.js";
+import { PopoverProvider as F } from "./Popover.context.es.js";
+import { usePopOverOffSet as I } from "./Popover.utils.es.js";
+import { FloatingUITreeWrapper as N } from "../FloatingUI/FloatingUI.treeWrapper.es.js";
+const O = ({
+  children: t,
+  openOnClick: i = !0,
+  hideArrow: a = !1,
+  offset: s,
+  trapFocus: m = !1,
+  focusConfiguration: o,
+  appearance: n = "default",
+  theme: p,
+  role: f,
+  ...l
+}) => {
+  const { subElementClassPrefix: d } = T("popover"), g = b(h), c = {
+    edgePadding: E(g),
+    hide: a,
+    className: x[`${d}arrow`]
+  }, u = I(s), P = {
+    modal: !!(m || o && o.modal),
+    ...o
+  };
+  return /* @__PURE__ */ r(N, { children: /* @__PURE__ */ r(
+    w,
+    {
+      openOnClick: i,
+      arrow: c,
+      offset: u,
+      focusConfiguration: P,
+      transitionConfig: {
+        duration: 0
+      },
+      role: f ?? {
+        enabled: !0,
+        role: "dialog"
+      },
+      ...l,
+      children: /* @__PURE__ */ r(F, { theme: p, appearance: n, children: t })
+    }
+  ) });
+}, e = O;
+e.Content = C;
+e.Trigger = S;
+e.CloseTrigger = v;
+export {
+  e as Popover,
+  O as Root,
+  e as default
+};

package/lib/Popover/Popover.stories.utils.d.ts

@@ -0,0 +1,16 @@
+import { PopoverProps } from './Popover';
+import { ButtonProps } from '../Button';
+import { default as React } from 'react';
+export declare const Trigger: React.ForwardRefExoticComponent<{
+    children?: React.ReactNode;
+    fixedWith?: boolean;
+    style?: React.CSSProperties;
+} & ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const BasePopover: ({ text, fixedWith, portalled, ...args }: Omit<PopoverProps, "children"> & {
+    text?: string;
+    fixedWith?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const ControlledPopover: ({ buttonText, withCheckBox, ...args }: {
+    buttonText: string;
+    withCheckBox?: boolean;
+} & Omit<PopoverProps, "children">) => import("react/jsx-runtime").JSX.Element;