@viasat/beam-react 2.2.1 → 2.9.0

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

@@ -0,0 +1,24 @@
+import { jsxs as i, Fragment as l, jsx as o } 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.BVm3KvDs.js";
+const { subElementClassPrefix: d } = c("panel"), C = `${d}footer`, s = ({
+  children: r,
+  className: t,
+  divider: e = !0,
+  ...m
+}) => {
+  const a = n(x[C], t);
+  return /* @__PURE__ */ i(l, { children: [
+    e && /* @__PURE__ */ o(p, { borderColor: "01" }),
+    /* @__PURE__ */ o("footer", { className: a, ...m, children: r })
+  ] });
+};
+s.displayName = "Panel.Footer";
+s.Actions = f;
+export {
+  s 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.BX1x4FlX.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.BVm3KvDs.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.BX1x4FlX.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.BVm3KvDs.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.BX1x4FlX.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.BVm3KvDs.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.BX1x4FlX.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.BVm3KvDs.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.BX1x4FlX.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.BVm3KvDs.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.BX1x4FlX.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.BVm3KvDs.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"),d=require("./Panel.Header.Row.cjs.js"),c=require("./Panel.Header.ContentBefore.cjs.js"),u=require("./Panel.Header.Heading.cjs.js"),b=require("./Panel.Header.ContentAfter.cjs.js"),P=require("./Panel.Header.Description.cjs.js"),p=require("./Panel.Header.Subheader.cjs.js"),q=require("../../../chunks/panel.module.BX1x4FlX.js"),{subElementClassPrefix:H}=o.getBEMClassNames("panel"),m=`${H}header`,e=({children:n,className:a,divider:i=!0,...t})=>{const s=l(q.styles[m],a);return r.jsxs(r.Fragment,{children:[r.jsx("header",{className:s,...t,children:n}),i&&r.jsx(_.Divider,{borderColor:"01"})]})};e.displayName="Panel.Header";e.Row=d.Row;e.ContentBefore=c.ContentBefore;e.Heading=u.Heading;e.Description=P.Description;e.ContentAfter=b.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 after the header
+     * @default true
+     */
+    divider?: boolean;
+}
+export declare const Header: {
+    ({ children, className: _className, divider, ...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 e } 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 b } from "./Panel.Header.ContentAfter.es.js";
+import { Description as g } from "./Panel.Header.Description.es.js";
+import { Subheader as h } from "./Panel.Header.Subheader.es.js";
+import { s as u } from "../../../chunks/panel.module.BVm3KvDs.js";
+const { subElementClassPrefix: x } = f("panel"), H = `${x}header`, r = ({
+  children: o,
+  className: t,
+  divider: m = !0,
+  ...s
+}) => {
+  const a = p(u[H], t);
+  return /* @__PURE__ */ i(n, { children: [
+    /* @__PURE__ */ e("header", { className: a, ...s, children: o }),
+    m && /* @__PURE__ */ e(l, { borderColor: "01" })
+  ] });
+};
+r.displayName = "Panel.Header";
+r.Row = d;
+r.ContentBefore = c;
+r.Heading = C;
+r.Description = g;
+r.ContentAfter = b;
+r.Subheader = h;
+export {
+  r as Header
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("clsx"),S=require("../../../chunks/classNames.DAeKwerT.js");require("../../../chunks/constants.hwjHOsvT.js");const $=require("./Panel.context.cjs.js"),R=require("./Panel.Header.cjs.js"),U=require("./Panel.Body.cjs.js"),B=require("./Panel.Footer.cjs.js"),r=require("./Panel.helpers.cjs.js"),T=require("../../FloatingUI/FloatingUI.root.cjs.js"),A=require("../../FloatingUI/FloatingUI.content.cjs.js"),H=require("../../Divider/Divider.cjs.js"),s=require("../../../chunks/panel.module.BX1x4FlX.js"),{baseClassNamePrefix:t}=S.getBEMClassNames("panel"),a=({position:l,className:d})=>e.jsx(H.Divider,{borderColor:"01",orientation:l==="bottom"?"horizontal":"vertical",className:d}),n=({children:l,className:d,padding:q="md",onOpenChange:v,open:p,size:c,dismissible:g=!0,closeButtonAriaLabel:I="Close panel",kind:o="inline",position:P,divider:f=!0,isAnimated:y=!0,...x})=>{const i=r.getResolvedPanelPosition(P),m=u(s.styles[t],s.styles[`${t}--${o}`],c&&s.styles[`${t}--size-${c}`],s.styles[`${t}--padding-${q}`],s.styles[`${t}--position-${i}`],d),w=u(s.styles[`${t}__inline-wrapper`],c==="full"&&s.styles[`${t}__inline-wrapper--full`]),b={dismissible:g,closeButtonAriaLabel:I,onOpenChange:v,position:P},{inlineStatus:C,isInlineVisible:N}=r.useInlineTransition(o==="inline"?p:void 0,y),{showDivider:j,dividerBefore:D,dividerAfter:F}=r.getPanelDividerState(f,i),h=o==="overlay"?u(s.styles[`${t}__overlay-divider`],s.styles[`${t}__overlay-divider--${i}`]):void 0,_=j&&N;return o==="inline"?N?e.jsxs($.PanelContext.Provider,{value:b,children:[D&&_&&e.jsx(a,{position:i}),e.jsx("div",{className:w,"data-position":i,"data-status":C,children:e.jsxs("div",{className:s.styles[`${t}__inline-wrapper-content`],children:[i==="bottom"&&_&&e.jsx(a,{position:i}),e.jsx("aside",{className:m,...x,children:l})]})}),F&&_&&e.jsx(a,{position:i})]}):null:e.jsx($.PanelContext.Provider,{value:b,children:e.jsx(T.FloatingUIRoot,{open:p,onOpenChange:v,portalled:!0,transitionConfig:{duration:y?r.PANEL_TRANSITION_DURATION_MS:0},children:e.jsxs(A.Content,{className:m,skipFloatingStyles:!0,overlay:!0,...x,"data-position":i,children:[l,j&&e.jsx(a,{position:i,className:h})]})})})};n.displayName="Panel";n.Header=R.Header;n.Body=U.Body;n.Footer=B.Footer;exports.Panel=n;

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,21 @@
+import { PanelPosition } from './Panel.types';
+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;
+    /**
+     * Panel position (determines divider placement)
+     */
+    position?: PanelPosition;
+}
+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, divider, isAnimated, ...props }: PanelProps): JSX.Element | null;
+    displayName: string;
+    Header: {
+        ({ children, className: _className, divider, ...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, className: _className, divider, ...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,117 @@
+import { jsxs as p, jsx as r } from "react/jsx-runtime";
+import v from "clsx";
+import { g as F } from "../../../chunks/classNames.DNsS4J__.js";
+import "../../../chunks/constants.BBi77pmH.js";
+import { PanelContext as I } from "./Panel.context.es.js";
+import { Header as T } from "./Panel.Header.es.js";
+import { Body as A } from "./Panel.Body.es.js";
+import { Footer as j } from "./Panel.Footer.es.js";
+import { getResolvedPanelPosition as E, useInlineTransition as H, getPanelDividerState as M, PANEL_TRANSITION_DURATION_MS as U } from "./Panel.helpers.es.js";
+import { FloatingUIRoot as V } from "../../FloatingUI/FloatingUI.root.es.js";
+import { Content as L } from "../../FloatingUI/FloatingUI.content.es.js";
+import { Divider as O } from "../../Divider/Divider.es.js";
+import { s as i } from "../../../chunks/panel.module.BVm3KvDs.js";
+const { baseClassNamePrefix: o } = F("panel"), l = ({
+  position: t,
+  className: a
+}) => /* @__PURE__ */ r(
+  O,
+  {
+    borderColor: "01",
+    orientation: t === "bottom" ? "horizontal" : "vertical",
+    className: a
+  }
+), s = ({
+  children: t,
+  className: a,
+  padding: g = "md",
+  onOpenChange: c,
+  open: f,
+  size: d,
+  dismissible: h = !0,
+  closeButtonAriaLabel: x = "Close panel",
+  kind: n = "inline",
+  position: u,
+  divider: D = !0,
+  isAnimated: N = !0,
+  ...$
+}) => {
+  const e = E(u), _ = v(
+    i[o],
+    i[`${o}--${n}`],
+    d && i[`${o}--size-${d}`],
+    i[`${o}--padding-${g}`],
+    i[`${o}--position-${e}`],
+    a
+  ), b = v(
+    i[`${o}__inline-wrapper`],
+    d === "full" && i[`${o}__inline-wrapper--full`]
+  ), P = {
+    dismissible: h,
+    closeButtonAriaLabel: x,
+    onOpenChange: c,
+    position: u
+  }, { inlineStatus: R, isInlineVisible: y } = H(
+    n === "inline" ? f : void 0,
+    N
+  ), { showDivider: C, dividerBefore: S, dividerAfter: w } = M(
+    D,
+    e
+  ), B = n === "overlay" ? v(
+    i[`${o}__overlay-divider`],
+    i[`${o}__overlay-divider--${e}`]
+  ) : void 0, m = C && y;
+  return n === "inline" ? y ? /* @__PURE__ */ p(I.Provider, { value: P, children: [
+    S && m && /* @__PURE__ */ r(l, { position: e }),
+    /* @__PURE__ */ r(
+      "div",
+      {
+        className: b,
+        "data-position": e,
+        "data-status": R,
+        children: /* @__PURE__ */ p("div", { className: i[`${o}__inline-wrapper-content`], children: [
+          e === "bottom" && m && /* @__PURE__ */ r(l, { position: e }),
+          /* @__PURE__ */ r("aside", { className: _, ...$, children: t })
+        ] })
+      }
+    ),
+    w && m && /* @__PURE__ */ r(l, { position: e })
+  ] }) : null : /* @__PURE__ */ r(I.Provider, { value: P, children: /* @__PURE__ */ r(
+    V,
+    {
+      open: f,
+      onOpenChange: c,
+      portalled: !0,
+      transitionConfig: {
+        duration: N ? U : 0
+      },
+      children: /* @__PURE__ */ p(
+        L,
+        {
+          className: _,
+          skipFloatingStyles: !0,
+          overlay: !0,
+          ...$,
+          "data-position": e,
+          children: [
+            t,
+            C && /* @__PURE__ */ r(
+              l,
+              {
+                position: e,
+                className: B
+              }
+            )
+          ]
+        }
+      )
+    }
+  ) });
+};
+s.displayName = "Panel";
+s.Header = T;
+s.Body = A;
+s.Footer = j;
+export {
+  s as Panel
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),o=400,c=e=>e||"end",d=(e,t)=>{const n=e&&t!=="full";return{showDivider:n,dividerBefore:n&&t!=="start"&&t!=="bottom",dividerAfter:n&&t==="start"}},I=(e,t)=>{const[n,i]=a.useState(void 0),[l,s]=a.useState(e!==!1);return a.useEffect(()=>{if(!t){s(e!==!1),i(void 0);return}if(e!==void 0)if(e){s(!0),i("close");let r;const u=requestAnimationFrame(()=>{r=requestAnimationFrame(()=>i("open"))});return()=>{cancelAnimationFrame(u),cancelAnimationFrame(r)}}else{i("close");const r=setTimeout(()=>{s(!1),i(void 0)},o);return()=>clearTimeout(r)}},[t,e]),{inlineStatus:n,isInlineVisible:l}};exports.PANEL_TRANSITION_DURATION_MS=o;exports.getPanelDividerState=d;exports.getResolvedPanelPosition=c;exports.useInlineTransition=I;

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

@@ -0,0 +1,13 @@
+import { PanelPosition } from './Panel.types';
+export declare const PANEL_TRANSITION_DURATION_MS = 400;
+export type PanelInlineStatus = 'open' | 'close' | undefined;
+export declare const getResolvedPanelPosition: (position?: PanelPosition) => PanelPosition;
+export declare const getPanelDividerState: (divider: boolean, position?: PanelPosition) => {
+    showDivider: boolean;
+    dividerBefore: boolean;
+    dividerAfter: boolean;
+};
+export declare const useInlineTransition: (open: boolean | undefined, isAnimated: boolean) => {
+    inlineStatus: PanelInlineStatus;
+    isInlineVisible: boolean;
+};

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

@@ -0,0 +1,40 @@
+import { useState as o, useEffect as u } from "react";
+const c = 400, m = (e) => e || "end", f = (e, t) => {
+  const n = e && t !== "full";
+  return {
+    showDivider: n,
+    dividerBefore: n && t !== "start" && t !== "bottom",
+    dividerAfter: n && t === "start"
+  };
+}, I = (e, t) => {
+  const [n, i] = o(void 0), [a, s] = o(e !== !1);
+  return u(() => {
+    if (!t) {
+      s(e !== !1), i(void 0);
+      return;
+    }
+    if (e !== void 0)
+      if (e) {
+        s(!0), i("close");
+        let r;
+        const l = requestAnimationFrame(() => {
+          r = requestAnimationFrame(() => i("open"));
+        });
+        return () => {
+          cancelAnimationFrame(l), cancelAnimationFrame(r);
+        };
+      } else {
+        i("close");
+        const r = setTimeout(() => {
+          s(!1), i(void 0);
+        }, c);
+        return () => clearTimeout(r);
+      }
+  }, [t, e]), { inlineStatus: n, isInlineVisible: a };
+};
+export {
+  c as PANEL_TRANSITION_DURATION_MS,
+  f as getPanelDividerState,
+  m as getResolvedPanelPosition,
+  I as useInlineTransition
+};

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

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