@viasat/beam-react 2.2.0 → 2.8.0

package/lib/wip/Panel/Panel.Footer.es.js

@@ -0,0 +1,24 @@
+import { jsxs as i, Fragment as l, jsx as s } from "react/jsx-runtime";
+import n from "clsx";
+import { g as c } from "../../../chunks/classNames.DNsS4J__.js";
+import "../../../chunks/constants.BBi77pmH.js";
+import { Divider as p } from "../../Divider/Divider.es.js";
+import { Actions as f } from "./Panel.Footer.Actions.es.js";
+import { s as x } from "../../../chunks/panel.module.RGiUyC84.js";
+const { subElementClassPrefix: N } = c("panel"), d = `${N}footer`, o = ({
+  children: r,
+  divider: t = !0,
+  className: e,
+  ...m
+}) => {
+  const a = n(x[d], e);
+  return /* @__PURE__ */ i(l, { children: [
+    t && /* @__PURE__ */ s(p, {}),
+    /* @__PURE__ */ s("footer", { className: a, ...m, children: r })
+  ] });
+};
+o.displayName = "Panel.Footer";
+o.Actions = f;
+export {
+  o as Footer
+};

package/lib/wip/Panel/Panel.Header.ContentAfter.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),l=require("clsx"),o=require("../../../chunks/classNames.DAeKwerT.js");require("../../../chunks/constants.hwjHOsvT.js");const c=require("../../../chunks/panel.module.DbEoAg1J.js"),{subElementClassPrefix:i}=o.getBEMClassNames("panel"),u=`${i}header`,e=({children:s,className:t,...n})=>{const r=l(c.styles[`${u}__content-after`],t);return a.jsx("div",{className:r,...n,children:s})};e.displayName="Panel.Header.ContentAfter";exports.ContentAfter=e;

package/lib/wip/Panel/Panel.Header.ContentAfter.d.ts

@@ -0,0 +1,11 @@
+import { default as React, ComponentPropsWithoutRef } from 'react';
+export interface PanelHeaderContentAfterProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Specify the content after the heading
+     */
+    children?: React.ReactNode;
+}
+export declare const ContentAfter: {
+    ({ children, className: _className, ...props }: PanelHeaderContentAfterProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/lib/wip/Panel/Panel.Header.ContentAfter.es.js

@@ -0,0 +1,17 @@
+import { jsx as r } from "react/jsx-runtime";
+import o from "clsx";
+import { g as m } from "../../../chunks/classNames.DNsS4J__.js";
+import "../../../chunks/constants.BBi77pmH.js";
+import { s as n } from "../../../chunks/panel.module.RGiUyC84.js";
+const { subElementClassPrefix: l } = m("panel"), c = `${l}header`, f = ({
+  children: s,
+  className: e,
+  ...t
+}) => {
+  const a = o(n[`${c}__content-after`], e);
+  return /* @__PURE__ */ r("div", { className: a, ...t, children: s });
+};
+f.displayName = "Panel.Header.ContentAfter";
+export {
+  f as ContentAfter
+};

package/lib/wip/Panel/Panel.Header.ContentBefore.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),a=require("clsx"),l=require("../../../chunks/classNames.DAeKwerT.js");require("../../../chunks/constants.hwjHOsvT.js");const c=require("../../../chunks/panel.module.DbEoAg1J.js"),{subElementClassPrefix:i}=l.getBEMClassNames("panel"),u=`${i}header`,e=({children:s,className:t,...n})=>{const r=a(c.styles[`${u}__content-before`],t);return o.jsx("div",{className:r,...n,children:s})};e.displayName="Panel.Header.ContentBefore";exports.ContentBefore=e;

package/lib/wip/Panel/Panel.Header.ContentBefore.d.ts

@@ -0,0 +1,11 @@
+import { default as React, ComponentPropsWithoutRef } from 'react';
+export interface PanelHeaderContentBeforeProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Specify the content before the heading
+     */
+    children?: React.ReactNode;
+}
+export declare const ContentBefore: {
+    ({ children, className: _className, ...props }: PanelHeaderContentBeforeProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/lib/wip/Panel/Panel.Header.ContentBefore.es.js

@@ -0,0 +1,17 @@
+import { jsx as r } from "react/jsx-runtime";
+import a from "clsx";
+import { g as m } from "../../../chunks/classNames.DNsS4J__.js";
+import "../../../chunks/constants.BBi77pmH.js";
+import { s as n } from "../../../chunks/panel.module.RGiUyC84.js";
+const { subElementClassPrefix: l } = m("panel"), c = `${l}header`, f = ({
+  children: e,
+  className: s,
+  ...o
+}) => {
+  const t = a(n[`${c}__content-before`], s);
+  return /* @__PURE__ */ r("div", { className: t, ...o, children: e });
+};
+f.displayName = "Panel.Header.ContentBefore";
+export {
+  f as ContentBefore
+};

package/lib/wip/Panel/Panel.Header.Description.cjs.js

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

package/lib/wip/Panel/Panel.Header.Description.d.ts

@@ -0,0 +1,11 @@
+import { default as React, ComponentPropsWithoutRef } from 'react';
+export interface PanelHeaderDescriptionProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Specify the description content
+     */
+    children?: React.ReactNode;
+}
+export declare const Description: {
+    ({ children, className: _className, ...props }: PanelHeaderDescriptionProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/lib/wip/Panel/Panel.Header.Description.es.js

@@ -0,0 +1,17 @@
+import { jsx as o } from "react/jsx-runtime";
+import t from "clsx";
+import { g as i } from "../../../chunks/classNames.DNsS4J__.js";
+import "../../../chunks/constants.BBi77pmH.js";
+import { s as m } from "../../../chunks/panel.module.RGiUyC84.js";
+const { subElementClassPrefix: l } = i("panel"), n = `${l}header`, p = ({
+  children: s,
+  className: e,
+  ...r
+}) => {
+  const a = t(m[`${n}__description`], e);
+  return /* @__PURE__ */ o("div", { className: a, ...r, children: s });
+};
+p.displayName = "Panel.Header.Description";
+export {
+  p as Description
+};

package/lib/wip/Panel/Panel.Header.Heading.cjs.js

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

package/lib/wip/Panel/Panel.Header.Heading.d.ts

@@ -0,0 +1,11 @@
+import { default as React, ComponentPropsWithoutRef } from 'react';
+export interface PanelHeaderHeadingProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Specify the heading content
+     */
+    children?: React.ReactNode;
+}
+export declare const Heading: {
+    ({ children, className: _className, ...props }: PanelHeaderHeadingProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/lib/wip/Panel/Panel.Header.Heading.es.js

@@ -0,0 +1,17 @@
+import { jsx as m } from "react/jsx-runtime";
+import o from "clsx";
+import { g as t } from "../../../chunks/classNames.DNsS4J__.js";
+import "../../../chunks/constants.BBi77pmH.js";
+import { s as i } from "../../../chunks/panel.module.RGiUyC84.js";
+const { subElementClassPrefix: l } = t("panel"), n = `${l}header`, p = ({
+  children: s,
+  className: e,
+  ...a
+}) => {
+  const r = o(i[`${n}__heading`], e);
+  return /* @__PURE__ */ m("div", { className: r, ...a, children: s });
+};
+p.displayName = "Panel.Header.Heading";
+export {
+  p as Heading
+};

package/lib/wip/Panel/Panel.Header.Row.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),d=require("clsx"),m=require("../../../chunks/classNames.DAeKwerT.js");require("../../../chunks/constants.hwjHOsvT.js");const _=require("../../CloseButton/CloseButton.cjs.js"),b=require("./Panel.context.cjs.js"),l=require("../../../chunks/panel.module.DbEoAg1J.js"),{subElementClassPrefix:x}=m.getBEMClassNames("panel"),t=`${x}header`,o=({children:a,className:n,...r})=>{const{dismissible:i,closeButtonAriaLabel:c,onOpenChange:e}=b.usePanelContext(),u=d(l.styles[`${t}__row`],n);return s.jsxs("div",{className:u,...r,children:[a,i&&s.jsx("div",{className:l.styles[`${t}__close-button`],children:s.jsx(_.CloseButton,{"aria-label":c,onClick:()=>e==null?void 0:e(!1),size:"lg"})})]})};o.displayName="Panel.Header.Row";exports.Row=o;

package/lib/wip/Panel/Panel.Header.Row.d.ts

@@ -0,0 +1,11 @@
+import { default as React, ComponentPropsWithoutRef } from 'react';
+export interface PanelHeaderRowProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Specify the content for the header row
+     */
+    children?: React.ReactNode;
+}
+export declare const Row: {
+    ({ children, className: _className, ...props }: PanelHeaderRowProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/lib/wip/Panel/Panel.Header.Row.es.js

@@ -0,0 +1,29 @@
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import p from "clsx";
+import { g as d } from "../../../chunks/classNames.DNsS4J__.js";
+import "../../../chunks/constants.BBi77pmH.js";
+import { CloseButton as f } from "../../CloseButton/CloseButton.es.js";
+import { usePanelContext as b } from "./Panel.context.es.js";
+import { s as o } from "../../../chunks/panel.module.RGiUyC84.js";
+const { subElementClassPrefix: u } = d("panel"), a = `${u}header`, x = ({
+  children: l,
+  className: t,
+  ...r
+}) => {
+  const { dismissible: i, closeButtonAriaLabel: m, onOpenChange: s } = b(), c = p(o[`${a}__row`], t);
+  return /* @__PURE__ */ n("div", { className: c, ...r, children: [
+    l,
+    i && /* @__PURE__ */ e("div", { className: o[`${a}__close-button`], children: /* @__PURE__ */ e(
+      f,
+      {
+        "aria-label": m,
+        onClick: () => s == null ? void 0 : s(!1),
+        size: "lg"
+      }
+    ) })
+  ] });
+};
+x.displayName = "Panel.Header.Row";
+export {
+  x as Row
+};

package/lib/wip/Panel/Panel.Header.Subheader.cjs.js

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

package/lib/wip/Panel/Panel.Header.Subheader.d.ts

@@ -0,0 +1,11 @@
+import { default as React, ComponentPropsWithoutRef } from 'react';
+export interface PanelHeaderSubheaderProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Specify the subheader content
+     */
+    children?: React.ReactNode;
+}
+export declare const Subheader: {
+    ({ children, className: _className, ...props }: PanelHeaderSubheaderProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/lib/wip/Panel/Panel.Header.Subheader.es.js

@@ -0,0 +1,17 @@
+import { jsx as m } from "react/jsx-runtime";
+import o from "clsx";
+import { g as t } from "../../../chunks/classNames.DNsS4J__.js";
+import "../../../chunks/constants.BBi77pmH.js";
+import { s as l } from "../../../chunks/panel.module.RGiUyC84.js";
+const { subElementClassPrefix: i } = t("panel"), n = `${i}header`, p = ({
+  children: s,
+  className: e,
+  ...a
+}) => {
+  const r = o(l[`${n}__subheader`], e);
+  return /* @__PURE__ */ m("div", { className: r, ...a, children: s });
+};
+p.displayName = "Panel.Header.Subheader";
+export {
+  p as Subheader
+};

package/lib/wip/Panel/Panel.Header.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),l=require("clsx"),o=require("../../../chunks/classNames.DAeKwerT.js");require("../../../chunks/constants.hwjHOsvT.js");const _=require("../../Divider/Divider.cjs.js"),c=require("./Panel.Header.Row.cjs.js"),d=require("./Panel.Header.ContentBefore.cjs.js"),u=require("./Panel.Header.Heading.cjs.js"),P=require("./Panel.Header.ContentAfter.cjs.js"),b=require("./Panel.Header.Description.cjs.js"),p=require("./Panel.Header.Subheader.cjs.js"),q=require("../../../chunks/panel.module.DbEoAg1J.js"),{subElementClassPrefix:H}=o.getBEMClassNames("panel"),m=`${H}header`,e=({children:n,divider:a=!0,className:i,...t})=>{const s=l(q.styles[m],i);return r.jsxs(r.Fragment,{children:[r.jsx("header",{className:s,...t,children:n}),a&&r.jsx(_.Divider,{})]})};e.displayName="Panel.Header";e.Row=c.Row;e.ContentBefore=d.ContentBefore;e.Heading=u.Heading;e.Description=b.Description;e.ContentAfter=P.ContentAfter;e.Subheader=p.Subheader;exports.Header=e;

package/lib/wip/Panel/Panel.Header.d.ts

@@ -0,0 +1,40 @@
+import { default as React, ComponentPropsWithoutRef } from 'react';
+export interface PanelHeaderProps extends ComponentPropsWithoutRef<'header'> {
+    /**
+     * Specify the content for the panel header
+     */
+    children?: React.ReactNode;
+    /**
+     * Whether to show a divider below the header
+     * @default true
+     */
+    divider?: boolean;
+}
+export declare const Header: {
+    ({ children, divider, className: _className, ...props }: PanelHeaderProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+    Row: {
+        ({ children, className: _className, ...props }: import('./Panel.Header.Row').PanelHeaderRowProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    ContentBefore: {
+        ({ children, className: _className, ...props }: import('./Panel.Header.ContentBefore').PanelHeaderContentBeforeProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Heading: {
+        ({ children, className: _className, ...props }: import('./Panel.Header.Heading').PanelHeaderHeadingProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Description: {
+        ({ children, className: _className, ...props }: import('./Panel.Header.Description').PanelHeaderDescriptionProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    ContentAfter: {
+        ({ children, className: _className, ...props }: import('./Panel.Header.ContentAfter').PanelHeaderContentAfterProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Subheader: {
+        ({ children, className: _className, ...props }: import('./Panel.Header.Subheader').PanelHeaderSubheaderProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+};

package/lib/wip/Panel/Panel.Header.es.js

@@ -0,0 +1,34 @@
+import { jsxs as i, Fragment as n, jsx as r } from "react/jsx-runtime";
+import p from "clsx";
+import { g as f } from "../../../chunks/classNames.DNsS4J__.js";
+import "../../../chunks/constants.BBi77pmH.js";
+import { Divider as l } from "../../Divider/Divider.es.js";
+import { Row as d } from "./Panel.Header.Row.es.js";
+import { ContentBefore as c } from "./Panel.Header.ContentBefore.es.js";
+import { Heading as C } from "./Panel.Header.Heading.es.js";
+import { ContentAfter as g } from "./Panel.Header.ContentAfter.es.js";
+import { Description as h } from "./Panel.Header.Description.es.js";
+import { Subheader as u } from "./Panel.Header.Subheader.es.js";
+import { s as x } from "../../../chunks/panel.module.RGiUyC84.js";
+const { subElementClassPrefix: b } = f("panel"), H = `${b}header`, e = ({
+  children: o,
+  divider: t = !0,
+  className: m,
+  ...s
+}) => {
+  const a = p(x[H], m);
+  return /* @__PURE__ */ i(n, { children: [
+    /* @__PURE__ */ r("header", { className: a, ...s, children: o }),
+    t && /* @__PURE__ */ r(l, {})
+  ] });
+};
+e.displayName = "Panel.Header";
+e.Row = d;
+e.ContentBefore = c;
+e.Heading = C;
+e.Description = h;
+e.ContentAfter = g;
+e.Subheader = u;
+export {
+  e as Header
+};

package/lib/wip/Panel/Panel.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),m=require("clsx"),q=require("../../../chunks/classNames.DAeKwerT.js");require("../../../chunks/constants.hwjHOsvT.js");const x=require("./Panel.context.cjs.js"),$=require("./Panel.Header.cjs.js"),b=require("./Panel.Body.cjs.js"),N=require("./Panel.Footer.cjs.js"),e=require("../../../chunks/panel.module.DbEoAg1J.js"),{baseClassNamePrefix:s}=q.getBEMClassNames("panel"),l=({children:r,className:o,padding:i="md",onOpenChange:c,open:g,size:n,dismissible:u=!0,closeButtonAriaLabel:_="Close panel",kind:d="inline",position:a,...P})=>{const p=m(e.styles[s],e.styles[`${s}--${d}`],n&&e.styles[`${s}--size-${n}`],e.styles[`${s}--padding-${i}`],a&&e.styles[`${s}--position-${a}`],o),y={dismissible:u,closeButtonAriaLabel:_,onOpenChange:c};return t.jsx(x.PanelContext.Provider,{value:y,children:t.jsx("aside",{className:p,...P,children:r})})};l.displayName="Panel";l.Header=$.Header;l.Body=b.Body;l.Footer=N.Footer;exports.Panel=l;

package/lib/wip/Panel/Panel.context.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),n=t.createContext(void 0),o=()=>{const e=t.useContext(n);if(!e)throw new Error("Panel subcomponents must be used within a Panel component");return e};exports.PanelContext=n;exports.usePanelContext=o;

package/lib/wip/Panel/Panel.context.d.ts

@@ -0,0 +1,16 @@
+export interface PanelContextValue {
+    /**
+     * Whether to show a dismissible button
+     */
+    dismissible?: boolean;
+    /**
+     * Aria label for the dismissible button
+     */
+    closeButtonAriaLabel?: string;
+    /**
+     * Callback when panel open state changes
+     */
+    onOpenChange?: (open: boolean) => void;
+}
+export declare const PanelContext: import('react').Context<PanelContextValue | undefined>;
+export declare const usePanelContext: () => PanelContextValue;

package/lib/wip/Panel/Panel.context.es.js

@@ -0,0 +1,11 @@
+import { createContext as e, useContext as n } from "react";
+const o = e(void 0), s = () => {
+  const t = n(o);
+  if (!t)
+    throw new Error("Panel subcomponents must be used within a Panel component");
+  return t;
+};
+export {
+  o as PanelContext,
+  s as usePanelContext
+};

package/lib/wip/Panel/Panel.d.ts

@@ -0,0 +1,45 @@
+import { PanelProps } from './Panel.types';
+export declare const Panel: {
+    ({ children, className: _className, padding, onOpenChange, open, size, dismissible, closeButtonAriaLabel, kind, position, ...props }: PanelProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+    Header: {
+        ({ children, divider, className: _className, ...props }: import('./Panel.Header').PanelHeaderProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+        Row: {
+            ({ children, className: _className, ...props }: import('./Panel.Header.Row').PanelHeaderRowProps): import("react/jsx-runtime").JSX.Element;
+            displayName: string;
+        };
+        ContentBefore: {
+            ({ children, className: _className, ...props }: import('./Panel.Header.ContentBefore').PanelHeaderContentBeforeProps): import("react/jsx-runtime").JSX.Element;
+            displayName: string;
+        };
+        Heading: {
+            ({ children, className: _className, ...props }: import('./Panel.Header.Heading').PanelHeaderHeadingProps): import("react/jsx-runtime").JSX.Element;
+            displayName: string;
+        };
+        Description: {
+            ({ children, className: _className, ...props }: import('./Panel.Header.Description').PanelHeaderDescriptionProps): import("react/jsx-runtime").JSX.Element;
+            displayName: string;
+        };
+        ContentAfter: {
+            ({ children, className: _className, ...props }: import('./Panel.Header.ContentAfter').PanelHeaderContentAfterProps): import("react/jsx-runtime").JSX.Element;
+            displayName: string;
+        };
+        Subheader: {
+            ({ children, className: _className, ...props }: import('./Panel.Header.Subheader').PanelHeaderSubheaderProps): import("react/jsx-runtime").JSX.Element;
+            displayName: string;
+        };
+    };
+    Body: {
+        ({ children, className: _className, ...props }: import('./Panel.Body').PanelBodyProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Footer: {
+        ({ children, divider, className: _className, ...props }: import('./Panel.Footer').PanelFooterProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+        Actions: {
+            ({ layout, children, className: _className, ...props }: import('./Panel.Footer.Actions').PanelFooterActionsProps): import("react/jsx-runtime").JSX.Element;
+            displayName: string;
+        };
+    };
+};

package/lib/wip/Panel/Panel.es.js

@@ -0,0 +1,43 @@
+import { jsx as t } from "react/jsx-runtime";
+import N from "clsx";
+import { g as P } from "../../../chunks/classNames.DNsS4J__.js";
+import "../../../chunks/constants.BBi77pmH.js";
+import { PanelContext as u } from "./Panel.context.es.js";
+import { Header as y } from "./Panel.Header.es.js";
+import { Body as C } from "./Panel.Body.es.js";
+import { Footer as g } from "./Panel.Footer.es.js";
+import { s as e } from "../../../chunks/panel.module.RGiUyC84.js";
+const { baseClassNamePrefix: o } = P("panel"), r = ({
+  children: m,
+  className: i,
+  padding: l = "md",
+  onOpenChange: n,
+  open: B,
+  size: a,
+  dismissible: p = !0,
+  closeButtonAriaLabel: d = "Close panel",
+  kind: c = "inline",
+  position: s,
+  ...f
+}) => {
+  const $ = N(
+    e[o],
+    e[`${o}--${c}`],
+    a && e[`${o}--size-${a}`],
+    e[`${o}--padding-${l}`],
+    s && e[`${o}--position-${s}`],
+    i
+  ), x = {
+    dismissible: p,
+    closeButtonAriaLabel: d,
+    onOpenChange: n
+  };
+  return /* @__PURE__ */ t(u.Provider, { value: x, children: /* @__PURE__ */ t("aside", { className: $, ...f, children: m }) });
+};
+r.displayName = "Panel";
+r.Header = y;
+r.Body = C;
+r.Footer = g;
+export {
+  r as Panel
+};

package/lib/wip/Panel/Panel.types.cjs.js

@@ -0,0 +1 @@
+"use strict";

package/lib/wip/Panel/Panel.types.d.ts

@@ -0,0 +1,71 @@
+import { ComponentPropsWithoutRef } from 'react';
+export type PanelKind = 'inline' | 'overlay';
+export type PanelPosition = 'start' | 'end' | 'bottom' | 'full';
+export type PanelModalType = 'nonModal' | 'isModal' | 'alert';
+export type PanelSize = 'sm' | 'md' | 'lg' | 'full' | 'custom';
+export type PanelPadding = 'sm' | 'md';
+interface BasePanelProps extends ComponentPropsWithoutRef<'aside'> {
+    /**
+     * Specify the content of the Panel
+     */
+    children: React.ReactNode;
+    /**
+     * Specify if the Panel is open (controlled)
+     */
+    open?: boolean;
+    /**
+     * Callback when Panel open state changes
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * Specify the size of the Panel
+     * @default 'md'
+     */
+    size?: PanelSize;
+    /**
+     * Specify the horizontal padding
+     * sm=1rem, md=1.5rem
+     * @default 'md'
+     */
+    padding?: PanelPadding;
+    /**
+     * Whether to show a dismissible button
+     * @default true
+     */
+    dismissible?: boolean;
+    /**
+     * Aria label for the dismissible button
+     * @default 'Close panel'
+     */
+    closeButtonAriaLabel?: string;
+}
+export interface InlinePanelProps extends BasePanelProps {
+    /**
+     * Specify the Panel as inline
+     */
+    kind?: 'inline';
+    /**
+     * Specify the position of the Panel
+     * For inline: 'bottom'
+     */
+    position?: 'bottom';
+}
+export interface OverlayPanelProps extends BasePanelProps {
+    /**
+     * Specify the Panel as overlay
+     */
+    kind: 'overlay';
+    /**
+     * Specify the position of the Panel
+     * For overlay: 'start' | 'end' | 'bottom' | 'full'
+     * @default 'end'
+     */
+    position?: PanelPosition;
+    /**
+     * Specify the modal type (overlay only)
+     * @default 'nonModal'
+     */
+    modalType?: PanelModalType;
+}
+export type PanelProps = InlinePanelProps | OverlayPanelProps;
+export type { PanelHeaderProps } from './Panel.Header';

package/lib/wip/Panel/Panel.types.es.js

@@ -0,0 +1 @@
+

package/lib/wip/Panel/index.cjs.js

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

package/lib/wip/Panel/index.d.ts

@@ -0,0 +1,12 @@
+export { Panel } from './Panel';
+export type { PanelProps, InlinePanelProps, OverlayPanelProps, PanelKind, PanelPosition, PanelModalType, PanelSize, PanelPadding, } from './Panel.types';
+export type { PanelHeaderProps } from './Panel.Header';
+export type { PanelHeaderRowProps } from './Panel.Header.Row';
+export type { PanelHeaderContentBeforeProps } from './Panel.Header.ContentBefore';
+export type { PanelHeaderHeadingProps } from './Panel.Header.Heading';
+export type { PanelHeaderDescriptionProps } from './Panel.Header.Description';
+export type { PanelHeaderContentAfterProps } from './Panel.Header.ContentAfter';
+export type { PanelHeaderSubheaderProps } from './Panel.Header.Subheader';
+export type { PanelBodyProps } from './Panel.Body';
+export type { PanelFooterProps } from './Panel.Footer';
+export type { PanelFooterActionsProps } from './Panel.Footer.Actions';

package/lib/wip/Panel/index.es.js

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

package/lib/wip/Search/Search.Results.Item.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("react/jsx-runtime");require("react");require("../../../chunks/classNames.DAeKwerT.js");require("../../../chunks/constants.hwjHOsvT.js");require("clsx");const e=require("../../../chunks/Search.Results.Item.Dkh2yo4p.js");require("../../ActionList/ActionList.cjs.js");exports.SearchResultsItem=e.SearchResultsItem;exports.SearchResultsItemComponent=e.SearchResultsItemComponent;exports.default=e.SearchResultsItem;

package/lib/wip/Search/Search.Results.Item.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { ActionListItemProps } from '../../ActionList/ActionList.Item';
+export interface SearchResultsItemProps extends ActionListItemProps {
+    children: React.ReactNode;
+}
+export declare const SearchResultsItemComponent: React.ForwardRefExoticComponent<SearchResultsItemProps & React.RefAttributes<HTMLDivElement>>;
+export declare const SearchResultsItem: typeof SearchResultsItemComponent;
+export default SearchResultsItem;

package/lib/wip/Search/Search.Results.Item.es.js

@@ -0,0 +1,12 @@
+import "react/jsx-runtime";
+import "react";
+import "../../../chunks/classNames.DNsS4J__.js";
+import "../../../chunks/constants.BBi77pmH.js";
+import "clsx";
+import { S as i, a as S, S as l } from "../../../chunks/Search.Results.Item.CLmMBPz1.js";
+import "../../ActionList/ActionList.es.js";
+export {
+  i as SearchResultsItem,
+  S as SearchResultsItemComponent,
+  l as default
+};

package/lib/wip/Search/Search.Results.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),u=require("../../../chunks/classNames.DAeKwerT.js");require("../../../chunks/constants.hwjHOsvT.js");const i=require("clsx"),s=require("../../../chunks/Search.Results.Item.Dkh2yo4p.js"),o=require("../../ActionList/ActionList.cjs.js"),{baseClassNamePrefix:n}=u.getBEMClassNames("search"),t=({children:r,...c})=>{const a=i.clsx(s.styles[`${n}__results`]);return l.jsx(o.ActionList.Group,{className:a,...c,children:r})},e=t;e.Item=s.SearchResultsItem;e.displayName="Search.Results";exports.SearchResults=e;exports.SearchResultsComponent=t;exports.default=e;

package/lib/wip/Search/Search.Results.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { default as Item } from './Search.Results.Item';
+import { ActionListGroupProps } from '../../ActionList/ActionList.Group';
+export interface SearchResultsProps extends ActionListGroupProps {
+    children?: React.ReactNode;
+    noResults?: React.ReactNode;
+}
+export declare const SearchResultsComponent: React.FC<SearchResultsProps>;
+export declare const SearchResults: typeof SearchResultsComponent & {
+    Item: typeof Item;
+};
+export default SearchResults;

package/lib/wip/Search/Search.Results.es.js

@@ -0,0 +1,19 @@
+import { jsx as o } from "react/jsx-runtime";
+import { g as a } from "../../../chunks/classNames.DNsS4J__.js";
+import "../../../chunks/constants.BBi77pmH.js";
+import { clsx as m } from "clsx";
+import { s as c, S as l } from "../../../chunks/Search.Results.Item.CLmMBPz1.js";
+import { ActionList as i } from "../../ActionList/ActionList.es.js";
+const { baseClassNamePrefix: p } = a("search"), n = ({ children: t, ...e }) => {
+  const r = m(
+    c[`${p}__results`]
+  );
+  return /* @__PURE__ */ o(i.Group, { className: r, ...e, children: t });
+}, s = n;
+s.Item = l;
+s.displayName = "Search.Results";
+export {
+  s as SearchResults,
+  n as SearchResultsComponent,
+  s as default
+};