@viasat/beam-react 2.0.0

package/lib/NativeSelect/NativeSelect.es.js

@@ -0,0 +1,135 @@
+import "../../assets/NativeSelect.css";
+import { jsxs as $, jsx as m } from "react/jsx-runtime";
+import * as y from "react";
+import C from "clsx";
+import { F as ie, u as le, H as re } from "../../chunks/form.context.CNWjF5qA.js";
+import { t as ne } from "../../chunks/constants.BBi77pmH.js";
+import { g as de } from "../../chunks/classNames.DNsS4J__.js";
+import { i as ce } from "../../chunks/helpers.Wv7n4ip7.js";
+import { LabelProvider as oe } from "../Form/contexts/label.context.es.js";
+import { HelperTextProvider as me } from "../Form/contexts/helperText.context.es.js";
+import { useUniversalRef as be } from "../Form/hooks/useUniversalRef.hook.es.js";
+import { useAccessibleId as g } from "../Form/hooks/useAccessibleId.hook.es.js";
+const fe = (s, r) => {
+  if (!ce() || !s) return;
+  const { options: e = [] } = s;
+  Array.prototype.forEach.call(e, (n) => {
+    const { disabled: b, dataset: c } = n, { disabled: f } = c;
+    f || (n.dataset.disabled = String(b));
+    const { disabled: o } = c;
+    n.disabled = r || o === String(!0);
+  });
+}, ue = (s) => {
+  const r = !!s.match(new RegExp("^\\p{L}$", "u")), e = [" ", "ArrowUp", "ArrowDown"].includes(s);
+  return r || e;
+}, a = {
+  "bm-light": "bm-light",
+  "bm-dark": "bm-dark",
+  "bm-inverse": "bm-inverse",
+  "bm-native-select": "bm-native-select",
+  "bm-native-select--disabled": "bm-native-select--disabled",
+  "bm-native-select--fluid": "bm-native-select--fluid",
+  "bm-native-select--ellipsis": "bm-native-select--ellipsis",
+  "bm-native-select__field": "bm-native-select__field",
+  "bm-native-select__input": "bm-native-select__input",
+  "bm-native-select--error": "bm-native-select--error",
+  "bm-native-select--read-only": "bm-native-select--read-only"
+}, { baseClassNamePrefix: ve, subElementClassPrefix: P, classModifierPrefix: d } = de("native-select"), Re = y.forwardRef(
+  function({
+    theme: s,
+    width: r,
+    error: e,
+    children: n,
+    label: b = null,
+    fluid: c = !1,
+    ellipse: f = !0,
+    helperText: o = null,
+    validationRules: A = [],
+    className: M,
+    hideRequiredMarker: S = !1,
+    disabled: V = !1,
+    readOnly: F = !1,
+    required: O = !1,
+    ...q
+  }, H) {
+    const {
+      id: D,
+      name: u,
+      onKeyDown: v,
+      onMouseDown: p,
+      defaultValue: k,
+      "aria-invalid": B,
+      "aria-describedby": T,
+      ...j
+    } = q, { refFn: L, ref: x } = be(H), { ctxDisabled: U, ctxReadOnly: W, ctxRequired: z, ctxInitialValues: G, ctxRegister: J } = y.useContext(ie), { id: _ } = g(), { id: E } = g(), { id: I } = g(), { showErrors: K, setErrors: Q, isInvalid: X, errorShown: Y } = le(), w = !!(e != null && e.length), Z = C(
+      o && E,
+      w && _,
+      Y && I,
+      T
+    ), N = !!e || X, l = V || U, i = F || W, R = O || z, ee = k || G[u];
+    !l && J(u, A, Q);
+    const se = C(
+      a[ve],
+      s && ne(s),
+      c && a[`${d}fluid`],
+      N && a[`${d}error`],
+      f && a[`${d}ellipsis`],
+      l && a[`${d}disabled`],
+      i && a[`${d}read-only`],
+      M
+    );
+    y.useEffect(() => {
+      const { current: t } = x;
+      fe(t, i);
+    }, [i, x]);
+    const te = (t) => {
+      const { key: h } = t;
+      v == null || v(t), i && ue(h) && t.preventDefault();
+    }, ae = (t) => {
+      if (p == null || p(t), !i) return;
+      t.preventDefault();
+      const { current: h } = x;
+      h.focus();
+    };
+    return /* @__PURE__ */ $("div", { className: se, style: { maxWidth: r }, children: [
+      /* @__PURE__ */ m(
+        oe,
+        {
+          ctxHtmlFor: D,
+          ctxDisabled: l,
+          ctxRequired: R && !S,
+          children: b
+        }
+      ),
+      /* @__PURE__ */ m("div", { className: a[`${P}field`], children: /* @__PURE__ */ m(
+        "select",
+        {
+          id: D,
+          name: u,
+          ref: L,
+          disabled: l,
+          required: R,
+          "aria-readonly": i,
+          onKeyDown: te,
+          defaultValue: ee,
+          onMouseDown: ae,
+          "aria-describedby": Z,
+          "aria-disabled": l || i,
+          "aria-invalid": N || B,
+          className: a[`${P}input`],
+          ...j,
+          children: n
+        }
+      ) }),
+      /* @__PURE__ */ $(me, { ctxId: E, ctxDisabled: l, children: [
+        o,
+        w && /* @__PURE__ */ m(re, { id: _, appearance: "negative", children: e })
+      ] }),
+      K(I)
+    ] });
+  }
+);
+export {
+  Re as NativeSelect,
+  Re as default
+};

package/lib/NativeSelect/index.cjs.js

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

package/lib/NativeSelect/index.d.ts

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

package/lib/NativeSelect/index.es.js

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

package/lib/PageHeader/PageHeader.cjs.js

@@ -0,0 +1 @@
+var y=require("../../assets/PageHeader.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),s=require("clsx"),N=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const j=require("../Text/Text.cjs.js"),B=require("../Button/Button.cjs.js"),r={"bm-page-header":"bm-page-header","bm-page-header__breadcrumb":"bm-page-header__breadcrumb","bm-page-header__heading":"bm-page-header__heading","bm-page-header__heading-content":"bm-page-header__heading-content","bm-page-header__heading-content--md":"bm-page-header__heading-content--md","bm-page-header__heading-content--lg":"bm-page-header__heading-content--lg","bm-page-header__heading-content-before":"bm-page-header__heading-content-before","bm-page-header__heading-action":"bm-page-header__heading-action","bm-page-header__heading-title":"bm-page-header__heading-title","bm-page-header__heading-content-after":"bm-page-header__heading-content-after","bm-page-header__actions":"bm-page-header__actions","bm-page-header__body":"bm-page-header__body","bm-page-header__tabs":"bm-page-header__tabs"},{baseClassNamePrefix:d}=N.getBEMClassNames("page-header"),_=({children:e,className:a,...n})=>t.jsx("div",{className:s(r[`${d}__breadcrumb`],a),...n,children:e}),o=({children:e,className:a,size:n="md",...x})=>{const f=s(r[`${d}__heading-content`],r[`${d}__heading-content--${n}`],a);return t.jsx("div",{className:f,...x,children:e})},c=({children:e,className:a,...n})=>t.jsx("div",{className:s(r[`${d}__heading-title`],a),...n,children:e}),g=({children:e,className:a,...n})=>t.jsx("div",{className:s(r[`${d}__heading-content-before`],a),...n,children:e}),m=({icon:e,className:a,...n})=>t.jsx(B.Button,{className:s(r[`${d}__heading-action`],a),kind:"bare",size:"md",appearance:"neutral",iconOnly:!0,iconBefore:e,...n}),b=({children:e,className:a,...n})=>t.jsx("div",{className:s(r[`${d}__heading-content-after`],a),...n,children:e}),h=({children:e,className:a,...n})=>t.jsx("div",{className:s(r[`${d}__actions`],a),...n,children:e}),l=({children:e,className:a,...n})=>t.jsx("div",{className:s(r[`${d}__heading`],a),...n,children:e}),u=({children:e,className:a,...n})=>t.jsx("div",{className:s(r[`${d}__body`],a),...n,children:t.jsx(j.Text,{kind:"body-md",color:"secondary",children:e})}),p=({children:e,className:a,...n})=>t.jsx("div",{className:s(r[`${d}__tabs`],a),...n,children:e}),i=({children:e,className:a,...n})=>t.jsx("div",{className:s(r[d],a),...n,children:e});i.Breadcrumb=_;i.HeadingContent=o;o.Title=c;o.Before=g;o.After=b;o.Action=m;i.Heading=l;i.Actions=h;i.Body=u;i.Tabs=p;exports.Actions=h;exports.Body=u;exports.Breadcrumb=_;exports.ContentAfter=b;exports.ContentBefore=g;exports.Heading=l;exports.HeadingAction=m;exports.HeadingContent=o;exports.PageHeader=i;exports.Tabs=p;exports.Title=c;

package/lib/PageHeader/PageHeader.d.ts

@@ -0,0 +1,107 @@
+import { HeadingContentSize } from '@viasat/beam-shared/components/pageHeader';
+interface BreadcrumbProps extends React.ComponentPropsWithoutRef<'div'> {
+    /**
+     * Add Breadcrumb to the PageHeader
+     */
+    children: React.ReactNode;
+}
+export declare const Breadcrumb: ({ children, className, ...props }: BreadcrumbProps) => import("react/jsx-runtime").JSX.Element;
+interface HeadingContentProps extends React.ComponentPropsWithoutRef<'div'> {
+    /**
+     * Pass subcomponents for title, content before and content after to PageHeader.HeadingContent
+     */
+    children: React.ReactNode;
+    /**
+     * Specify the size of the heading for PageHeader.HeadingContent
+     */
+    size?: HeadingContentSize;
+}
+export declare const HeadingContent: {
+    ({ children, className: _className, size, ...props }: HeadingContentProps): import("react/jsx-runtime").JSX.Element;
+    Title: ({ children, className, ...props }: TitleProps) => import("react/jsx-runtime").JSX.Element;
+    Before: ({ children, className, ...props }: ContentBeforeProps) => import("react/jsx-runtime").JSX.Element;
+    After: ({ children, className, ...props }: ContentAfterProps) => import("react/jsx-runtime").JSX.Element;
+    Action: ({ icon, className, ...props }: HeadingActionProps) => import("react/jsx-runtime").JSX.Element;
+};
+interface TitleProps extends React.ComponentPropsWithoutRef<'div'> {
+    /**
+     * Specify the content of the PageHeader.HeadingContent.Title
+     */
+    children: React.ReactNode;
+}
+export declare const Title: ({ children, className, ...props }: TitleProps) => import("react/jsx-runtime").JSX.Element;
+interface ContentBeforeProps extends React.ComponentPropsWithoutRef<'div'> {
+    /**
+     * Specify the content before the PageHeader.HeadingContent.Title
+     */
+    children: React.ReactNode;
+}
+export declare const ContentBefore: ({ children, className, ...props }: ContentBeforeProps) => import("react/jsx-runtime").JSX.Element;
+interface HeadingActionProps extends React.ComponentPropsWithRef<'button'> {
+    /**
+     * Specify the icon of the PageHeader.HeadingContent.Action
+     */
+    icon: React.ReactNode;
+    /**
+     * Specify a React ref for the PageHeader.HeadingContent.Action
+     */
+    ref?: React.Ref<HTMLButtonElement>;
+}
+export declare const HeadingAction: ({ icon, className, ...props }: HeadingActionProps) => import("react/jsx-runtime").JSX.Element;
+interface ContentAfterProps extends React.ComponentPropsWithoutRef<'div'> {
+    /**
+     * Specify the content after the PageHeader.HeadingContent.Title
+     */
+    children: React.ReactNode;
+}
+export declare const ContentAfter: ({ children, className, ...props }: ContentAfterProps) => import("react/jsx-runtime").JSX.Element;
+interface ActionsProps extends React.ComponentPropsWithoutRef<'div'> {
+    /**
+     * Add Buttons and Menu to the PageHeader
+     */
+    children: React.ReactNode;
+}
+export declare const Actions: ({ children, className, ...props }: ActionsProps) => import("react/jsx-runtime").JSX.Element;
+interface HeadingProps extends React.ComponentPropsWithoutRef<'div'> {
+    /**
+     * Add heading subcomponents to the PageHeader
+     */
+    children: React.ReactNode;
+}
+export declare const Heading: ({ children, className, ...props }: HeadingProps) => import("react/jsx-runtime").JSX.Element;
+interface BodyProps extends React.ComponentPropsWithoutRef<'div'> {
+    /**
+     * Specify the body text of the PageHeader
+     */
+    children: React.ReactNode;
+}
+export declare const Body: ({ children, className, ...props }: BodyProps) => import("react/jsx-runtime").JSX.Element;
+interface TabsProps extends React.ComponentPropsWithoutRef<'div'> {
+    /**
+     * Add Tabs to the PageHeader
+     */
+    children: React.ReactNode;
+}
+export declare const Tabs: ({ children, className, ...props }: TabsProps) => import("react/jsx-runtime").JSX.Element;
+export interface PageHeaderProps extends React.ComponentPropsWithoutRef<'div'> {
+    /**
+     * Specify the content of the PageHeader
+     */
+    children: React.ReactNode;
+}
+export declare const PageHeader: {
+    ({ children, className, ...props }: PageHeaderProps): import("react/jsx-runtime").JSX.Element;
+    Breadcrumb: ({ children, className, ...props }: BreadcrumbProps) => import("react/jsx-runtime").JSX.Element;
+    HeadingContent: HeadingContentType;
+    Heading: ({ children, className, ...props }: HeadingProps) => import("react/jsx-runtime").JSX.Element;
+    Actions: ({ children, className, ...props }: ActionsProps) => import("react/jsx-runtime").JSX.Element;
+    Body: ({ children, className, ...props }: BodyProps) => import("react/jsx-runtime").JSX.Element;
+    Tabs: ({ children, className, ...props }: TabsProps) => import("react/jsx-runtime").JSX.Element;
+};
+type HeadingContentType = typeof HeadingContent & {
+    Title: typeof Title;
+    Before: typeof ContentBefore;
+    After: typeof ContentAfter;
+    Action: typeof HeadingAction;
+};
+export {};

package/lib/PageHeader/PageHeader.es.js

@@ -0,0 +1,138 @@
+import "../../assets/PageHeader.css";
+import { jsx as t } from "react/jsx-runtime";
+import o from "clsx";
+import { g as s } from "../../chunks/classNames.DNsS4J__.js";
+import "../../chunks/constants.BBi77pmH.js";
+import { Text as g } from "../Text/Text.es.js";
+import { Button as h } from "../Button/Button.es.js";
+const r = {
+  "bm-page-header": "bm-page-header",
+  "bm-page-header__breadcrumb": "bm-page-header__breadcrumb",
+  "bm-page-header__heading": "bm-page-header__heading",
+  "bm-page-header__heading-content": "bm-page-header__heading-content",
+  "bm-page-header__heading-content--md": "bm-page-header__heading-content--md",
+  "bm-page-header__heading-content--lg": "bm-page-header__heading-content--lg",
+  "bm-page-header__heading-content-before": "bm-page-header__heading-content-before",
+  "bm-page-header__heading-action": "bm-page-header__heading-action",
+  "bm-page-header__heading-title": "bm-page-header__heading-title",
+  "bm-page-header__heading-content-after": "bm-page-header__heading-content-after",
+  "bm-page-header__actions": "bm-page-header__actions",
+  "bm-page-header__body": "bm-page-header__body",
+  "bm-page-header__tabs": "bm-page-header__tabs"
+}, { baseClassNamePrefix: d } = s("page-header"), b = ({ children: e, className: a, ...n }) => /* @__PURE__ */ t(
+  "div",
+  {
+    className: o(r[`${d}__breadcrumb`], a),
+    ...n,
+    children: e
+  }
+), i = ({
+  children: e,
+  className: a,
+  size: n = "md",
+  ...c
+}) => {
+  const m = o(
+    r[`${d}__heading-content`],
+    r[`${d}__heading-content--${n}`],
+    a
+  );
+  return /* @__PURE__ */ t("div", { className: m, ...c, children: e });
+}, p = ({ children: e, className: a, ...n }) => /* @__PURE__ */ t(
+  "div",
+  {
+    className: o(r[`${d}__heading-title`], a),
+    ...n,
+    children: e
+  }
+), l = ({
+  children: e,
+  className: a,
+  ...n
+}) => /* @__PURE__ */ t(
+  "div",
+  {
+    className: o(
+      r[`${d}__heading-content-before`],
+      a
+    ),
+    ...n,
+    children: e
+  }
+), u = ({ icon: e, className: a, ...n }) => /* @__PURE__ */ t(
+  h,
+  {
+    className: o(r[`${d}__heading-action`], a),
+    kind: "bare",
+    size: "md",
+    appearance: "neutral",
+    iconOnly: !0,
+    iconBefore: e,
+    ...n
+  }
+), f = ({
+  children: e,
+  className: a,
+  ...n
+}) => /* @__PURE__ */ t(
+  "div",
+  {
+    className: o(
+      r[`${d}__heading-content-after`],
+      a
+    ),
+    ...n,
+    children: e
+  }
+), N = ({ children: e, className: a, ...n }) => /* @__PURE__ */ t(
+  "div",
+  {
+    className: o(r[`${d}__actions`], a),
+    ...n,
+    children: e
+  }
+), $ = ({ children: e, className: a, ...n }) => /* @__PURE__ */ t(
+  "div",
+  {
+    className: o(r[`${d}__heading`], a),
+    ...n,
+    children: e
+  }
+), v = ({ children: e, className: a, ...n }) => /* @__PURE__ */ t(
+  "div",
+  {
+    className: o(r[`${d}__body`], a),
+    ...n,
+    children: /* @__PURE__ */ t(g, { kind: "body-md", color: "secondary", children: e })
+  }
+), y = ({ children: e, className: a, ...n }) => /* @__PURE__ */ t(
+  "div",
+  {
+    className: o(r[`${d}__tabs`], a),
+    ...n,
+    children: e
+  }
+), _ = ({ children: e, className: a, ...n }) => /* @__PURE__ */ t("div", { className: o(r[d], a), ...n, children: e });
+_.Breadcrumb = b;
+_.HeadingContent = i;
+i.Title = p;
+i.Before = l;
+i.After = f;
+i.Action = u;
+_.Heading = $;
+_.Actions = N;
+_.Body = v;
+_.Tabs = y;
+export {
+  N as Actions,
+  v as Body,
+  b as Breadcrumb,
+  f as ContentAfter,
+  l as ContentBefore,
+  $ as Heading,
+  u as HeadingAction,
+  i as HeadingContent,
+  _ as PageHeader,
+  y as Tabs,
+  p as Title
+};

package/lib/PageHeader/index.cjs.js

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

package/lib/PageHeader/index.d.ts

@@ -0,0 +1,2 @@
+import { PageHeader, PageHeaderProps } from './PageHeader';
+export { PageHeader, type PageHeaderProps };

package/lib/PageHeader/index.es.js

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

package/lib/PageLayout/PageLayout.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),i=require("react"),l=require("clsx"),y=require("../../chunks/pageLayout.module.DMI6jywC.js"),g=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const o=require("../SideNav/SideNav.cjs.js"),L=require("../SideNav/SideNavContext.cjs.js"),P=require("../../utils/functions.cjs.js"),m=require("./PageLayoutHeader.cjs.js"),r=require("./PageLayoutAside.cjs.js"),N=require("./PageLayoutMain.cjs.js"),{baseClassNamePrefix:q}=g.getBEMClassNames("page-layout");function e({children:t,className:u,sideNavConfig:n,...d}){const c=i.Children.toArray(t).some(s=>i.isValidElement(s)?P.isSameComponent(s.type,r.PageLayoutAside):!1);return a.jsx(L.SideNavProvider,{sideNavConfig:n,children:a.jsxs("div",{className:l(y.styles[q],u),...d,children:[t,!c&&a.jsx(e.Aside,{children:a.jsx(o.SideNav,{openLayout:o.SideNavOpenLayouts.None})})]})})}e.displayName="PageLayout";e.Header=m.PageLayoutHeader;e.Aside=r.PageLayoutAside;e.Main=N.PageLayoutMain;exports.PageLayout=e;

package/lib/PageLayout/PageLayout.d.ts

@@ -0,0 +1,22 @@
+import { ReactNode, ComponentPropsWithoutRef } from 'react';
+import { SideNavConfig } from '../SideNav';
+import { PageLayoutHeader } from './PageLayoutHeader';
+import { PageLayoutAside } from './PageLayoutAside';
+import { PageLayoutMain } from './PageLayoutMain';
+export interface PageLayoutProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * The content of the PageLayout
+     */
+    children?: ReactNode;
+    /**
+     * Configuration for SideNav and Header passed to SideNavContext
+     */
+    sideNavConfig?: SideNavConfig;
+}
+export declare function PageLayout({ children, className, sideNavConfig, ...rest }: PageLayoutProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace PageLayout {
+    var displayName: string;
+    var Header: typeof PageLayoutHeader;
+    var Aside: typeof PageLayoutAside;
+    var Main: typeof PageLayoutMain;
+}

package/lib/PageLayout/PageLayout.es.js

@@ -0,0 +1,32 @@
+import { jsx as o, jsxs as d } from "react/jsx-runtime";
+import t from "react";
+import f from "clsx";
+import { s as l } from "../../chunks/pageLayout.module.DdHiv8V-.js";
+import { g as u } from "../../chunks/classNames.DNsS4J__.js";
+import "../../chunks/constants.BBi77pmH.js";
+import { SideNav as y, SideNavOpenLayouts as N } from "../SideNav/SideNav.es.js";
+import { SideNavProvider as c } from "../SideNav/SideNavContext.es.js";
+import { isSameComponent as g } from "../../utils/functions.es.js";
+import { PageLayoutHeader as L } from "./PageLayoutHeader.es.js";
+import { PageLayoutAside as m } from "./PageLayoutAside.es.js";
+import { PageLayoutMain as P } from "./PageLayoutMain.es.js";
+const { baseClassNamePrefix: v } = u("page-layout");
+function e({
+  children: a,
+  className: i,
+  sideNavConfig: s,
+  ...n
+}) {
+  const p = t.Children.toArray(a).some((r) => t.isValidElement(r) ? g(r.type, m) : !1);
+  return /* @__PURE__ */ o(c, { sideNavConfig: s, children: /* @__PURE__ */ d("div", { className: f(l[v], i), ...n, children: [
+    a,
+    !p && /* @__PURE__ */ o(e.Aside, { children: /* @__PURE__ */ o(y, { openLayout: N.None }) })
+  ] }) });
+}
+e.displayName = "PageLayout";
+e.Header = L;
+e.Aside = m;
+e.Main = P;
+export {
+  e as PageLayout
+};

package/lib/PageLayout/PageLayoutAside.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),i=require("clsx"),r=require("../../chunks/pageLayout.module.DMI6jywC.js"),o=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const{subElementClassPrefix:l}=o.getBEMClassNames("page-layout");function e({children:s,className:a,...t}){return u.jsx("div",{className:i(r.styles[`${l}aside`],a),...t,children:s})}e.displayName="PageLayout.Aside";exports.PageLayoutAside=e;

package/lib/PageLayout/PageLayoutAside.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode, ComponentPropsWithoutRef } from 'react';
+export interface PageLayoutAsideProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * The content of the PageLayout.Aside
+     */
+    children: ReactNode;
+}
+export declare function PageLayoutAside({ children, className, ...rest }: PageLayoutAsideProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace PageLayoutAside {
+    var displayName: string;
+}

package/lib/PageLayout/PageLayoutAside.es.js

@@ -0,0 +1,24 @@
+import { jsx as o } from "react/jsx-runtime";
+import t from "clsx";
+import { s as m } from "../../chunks/pageLayout.module.DdHiv8V-.js";
+import { g as r } from "../../chunks/classNames.DNsS4J__.js";
+import "../../chunks/constants.BBi77pmH.js";
+const { subElementClassPrefix: i } = r("page-layout");
+function l({
+  children: s,
+  className: a,
+  ...e
+}) {
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: t(m[`${i}aside`], a),
+      ...e,
+      children: s
+    }
+  );
+}
+l.displayName = "PageLayout.Aside";
+export {
+  l as PageLayoutAside
+};

package/lib/PageLayout/PageLayoutHeader.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),u=require("clsx"),o=require("../../chunks/pageLayout.module.DMI6jywC.js"),i=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const{subElementClassPrefix:l}=i.getBEMClassNames("page-layout");function e({children:a,className:s,...t}){return r.jsx("div",{className:u(o.styles[`${l}header`],s),...t,children:a})}e.displayName="PageLayout.Header";exports.PageLayoutHeader=e;

package/lib/PageLayout/PageLayoutHeader.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode, ComponentPropsWithoutRef } from 'react';
+export interface PageLayoutHeaderProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * The content of the PageLayout.Header
+     */
+    children: ReactNode;
+}
+export declare function PageLayoutHeader({ children, className, ...rest }: PageLayoutHeaderProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace PageLayoutHeader {
+    var displayName: string;
+}

package/lib/PageLayout/PageLayoutHeader.es.js

@@ -0,0 +1,24 @@
+import { jsx as r } from "react/jsx-runtime";
+import o from "clsx";
+import { s as t } from "../../chunks/pageLayout.module.DdHiv8V-.js";
+import { g as m } from "../../chunks/classNames.DNsS4J__.js";
+import "../../chunks/constants.BBi77pmH.js";
+const { subElementClassPrefix: i } = m("page-layout");
+function l({
+  children: e,
+  className: a,
+  ...s
+}) {
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      className: o(t[`${i}header`], a),
+      ...s,
+      children: e
+    }
+  );
+}
+l.displayName = "PageLayout.Header";
+export {
+  l as PageLayoutHeader
+};

package/lib/PageLayout/PageLayoutMain.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),i=require("clsx"),r=require("../../chunks/pageLayout.module.DMI6jywC.js"),n=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const{subElementClassPrefix:o}=n.getBEMClassNames("page-layout");function e({children:a,className:s,...t}){return u.jsx("div",{className:i(r.styles[`${o}main`],s),...t,children:a})}e.displayName="PageLayout.Main";exports.PageLayoutMain=e;

package/lib/PageLayout/PageLayoutMain.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode, ComponentPropsWithoutRef } from 'react';
+export interface PageLayoutMainProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * The content of the PageLayout.Main
+     */
+    children: ReactNode;
+}
+export declare function PageLayoutMain({ children, className, ...rest }: PageLayoutMainProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace PageLayoutMain {
+    var displayName: string;
+}

package/lib/PageLayout/PageLayoutMain.es.js

@@ -0,0 +1,24 @@
+import { jsx as t } from "react/jsx-runtime";
+import m from "clsx";
+import { s as e } from "../../chunks/pageLayout.module.DdHiv8V-.js";
+import { g as r } from "../../chunks/classNames.DNsS4J__.js";
+import "../../chunks/constants.BBi77pmH.js";
+const { subElementClassPrefix: i } = r("page-layout");
+function l({
+  children: a,
+  className: s,
+  ...o
+}) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: m(e[`${i}main`], s),
+      ...o,
+      children: a
+    }
+  );
+}
+l.displayName = "PageLayout.Main";
+export {
+  l as PageLayoutMain
+};

package/lib/PageLayout/index.cjs.js

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

package/lib/PageLayout/index.d.ts

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

package/lib/PageLayout/index.es.js

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

package/lib/Pagination/PageButton.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),u=require("clsx"),c=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const i=require("../Button/Button.cjs.js"),l=({page:e,currentPage:s,onPageChange:n})=>{const{subElementClassPrefix:t}=c.getBEMClassNames("pagination"),r=`${t}buttons`,a=u(r,s===e&&[`${r}--active`]);return o.jsx(i.Button,{appearance:"neutral",className:a,kind:"ghost",onClick:()=>n(e),size:"sm",children:e},`page-${e}`)},m=(e,s,n)=>e.map(t=>o.jsx(l,{page:t,currentPage:s,onPageChange:n},t));exports.renderPageButtons=m;

package/lib/Pagination/PageButton.d.ts

@@ -0,0 +1 @@
+export declare const renderPageButtons: (pages: number[], currentPage: number, onPageChange: (page: number) => void) => import("react/jsx-runtime").JSX.Element[];

package/lib/Pagination/PageButton.es.js

@@ -0,0 +1,38 @@
+import { jsx as e } from "react/jsx-runtime";
+import m from "clsx";
+import { g as i } from "../../chunks/classNames.DNsS4J__.js";
+import "../../chunks/constants.BBi77pmH.js";
+import { Button as c } from "../Button/Button.es.js";
+const l = ({
+  page: t,
+  currentPage: o,
+  onPageChange: n
+}) => {
+  const { subElementClassPrefix: s } = i("pagination"), r = `${s}buttons`, a = m(
+    r,
+    o === t && [`${r}--active`]
+  );
+  return /* @__PURE__ */ e(
+    c,
+    {
+      appearance: "neutral",
+      className: a,
+      kind: "ghost",
+      onClick: () => n(t),
+      size: "sm",
+      children: t
+    },
+    `page-${t}`
+  );
+}, C = (t, o, n) => t.map((s) => /* @__PURE__ */ e(
+  l,
+  {
+    page: s,
+    currentPage: o,
+    onPageChange: n
+  },
+  s
+));
+export {
+  C as renderPageButtons
+};