@viasat/beam-react 2.8.0 → 2.10.0

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

@@ -1 +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;
+"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

@@ -5,13 +5,13 @@ export interface PanelHeaderProps extends ComponentPropsWithoutRef<'header'> {
      */
     children?: React.ReactNode;
     /**
-     * Whether to show a divider below the header
+     * Whether to show a divider after the header
      * @default true
      */
     divider?: boolean;
 }
 export declare const Header: {
-    ({ children, divider, className: _className, ...props }: PanelHeaderProps): import("react/jsx-runtime").JSX.Element;
+    ({ 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;

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

@@ -1,34 +1,34 @@
-import { jsxs as i, Fragment as n, jsx as r } from "react/jsx-runtime";
+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 { g as f } from "../../../chunks/classNames.BTJmrO_L.js";
+import "../../../chunks/constants.CKKGf1-i.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 = ({
+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,
-  divider: t = !0,
-  className: m,
+  className: t,
+  divider: m = !0,
   ...s
 }) => {
-  const a = p(x[H], m);
+  const a = p(u[H], t);
   return /* @__PURE__ */ i(n, { children: [
-    /* @__PURE__ */ r("header", { className: a, ...s, children: o }),
-    t && /* @__PURE__ */ r(l, {})
+    /* @__PURE__ */ e("header", { className: a, ...s, children: o }),
+    m && /* @__PURE__ */ e(l, { borderColor: "01" })
   ] });
 };
-e.displayName = "Panel.Header";
-e.Row = d;
-e.ContentBefore = c;
-e.Heading = C;
-e.Description = h;
-e.ContentAfter = g;
-e.Subheader = u;
+r.displayName = "Panel.Header";
+r.Row = d;
+r.ContentBefore = c;
+r.Heading = C;
+r.Description = g;
+r.ContentAfter = b;
+r.Subheader = h;
 export {
-  e as Header
+  r as Header
 };

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

@@ -1 +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;
+"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.d.ts

@@ -1,3 +1,4 @@
+import { PanelPosition } from './Panel.types';
 export interface PanelContextValue {
     /**
      * Whether to show a dismissible button
@@ -11,6 +12,10 @@ export interface PanelContextValue {
      * 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.d.ts

@@ -1,9 +1,9 @@
 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;
+    ({ children, className: _className, padding, onOpenChange, open, size, dismissible, closeButtonAriaLabel, kind, position, divider, isAnimated, ...props }: PanelProps): JSX.Element | null;
     displayName: string;
     Header: {
-        ({ children, divider, className: _className, ...props }: import('./Panel.Header').PanelHeaderProps): import("react/jsx-runtime").JSX.Element;
+        ({ 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;
@@ -35,7 +35,7 @@ export declare const Panel: {
         displayName: string;
     };
     Footer: {
-        ({ children, divider, className: _className, ...props }: import('./Panel.Footer').PanelFooterProps): import("react/jsx-runtime").JSX.Element;
+        ({ 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;

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

@@ -1,43 +1,117 @@
-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
+import { jsxs as p, jsx as r } from "react/jsx-runtime";
+import v from "clsx";
+import { g as F } from "../../../chunks/classNames.BTJmrO_L.js";
+import "../../../chunks/constants.CKKGf1-i.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 { useInlineTransition as E, getPanelDividerState as H, PANEL_TRANSITION_DURATION_MS as M, getResolvedPanelPosition 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 $ = 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 }) });
+  const e = U(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 } = E(
+    n === "inline" ? f : void 0,
+    N
+  ), { showDivider: C, dividerBefore: S, dividerAfter: w } = H(
+    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 ? M : 0
+      },
+      children: /* @__PURE__ */ p(
+        L,
+        {
+          className: _,
+          skipFloatingStyles: !0,
+          overlay: !0,
+          ...$,
+          "data-position": e,
+          children: [
+            t,
+            C && /* @__PURE__ */ r(
+              l,
+              {
+                position: e,
+                className: B
+              }
+            )
+          ]
+        }
+      )
+    }
+  ) });
 };
-r.displayName = "Panel";
-r.Header = y;
-r.Body = C;
-r.Footer = g;
+s.displayName = "Panel";
+s.Header = T;
+s.Body = A;
+s.Footer = j;
 export {
-  r as Panel
+  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.d.ts

@@ -38,29 +38,34 @@ interface BasePanelProps extends ComponentPropsWithoutRef<'aside'> {
      * @default 'Close panel'
      */
     closeButtonAriaLabel?: string;
+    /**
+     * Whether to animate the panel on open/close
+     * @default true
+     */
+    isAnimated?: boolean;
+    /**
+     * Whether to show an external divider between panel and page content
+     * @default true
+     */
+    divider?: boolean;
+    /**
+     * Specify the position of the Panel
+     * 'start' | 'end' | 'bottom' | 'full'
+     * @default 'end'
+     */
+    position?: PanelPosition;
 }
 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'

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

@@ -1 +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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),c=require("react"),o=require("../../ActionList/ActionList.cjs.js"),e=c.forwardRef(({children:t,...s},r)=>i.jsx(o.ActionList.Item,{ref:r,...s,children:t}));e.displayName="Search.Results.Item";exports.SearchResultsItem=e;

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

@@ -1,8 +1,11 @@
 import { default as React } from 'react';
 import { ActionListItemProps } from '../../ActionList/ActionList.Item';
-export interface SearchResultsItemProps extends ActionListItemProps {
-    children: React.ReactNode;
+export type SearchResultsItemProps<C extends React.ElementType = 'div'> = ActionListItemProps<C>;
+export declare const SearchResultsItem: SearchResultsItemComponent;
+interface SearchResultsItemComponent {
+    <C extends React.ElementType = 'div'>(props: ActionListItemProps<C> & {
+        ref?: React.ComponentPropsWithRef<C>['ref'];
+    }): React.ReactElement | null;
+    displayName?: string;
 }
-export declare const SearchResultsItemComponent: React.ForwardRefExoticComponent<SearchResultsItemProps & React.RefAttributes<HTMLDivElement>>;
-export declare const SearchResultsItem: typeof SearchResultsItemComponent;
-export default SearchResultsItem;
+export {};

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

@@ -1,12 +1,10 @@
-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";
+import { jsx as m } from "react/jsx-runtime";
+import o from "react";
+import { ActionList as s } from "../../ActionList/ActionList.es.js";
+const a = o.forwardRef(
+  ({ children: t, ...e }, r) => /* @__PURE__ */ m(s.Item, { ref: r, ...e, children: t })
+);
+a.displayName = "Search.Results.Item";
 export {
-  i as SearchResultsItem,
-  S as SearchResultsItemComponent,
-  l as default
+  a as SearchResultsItem
 };

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,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.DBQWuhZu.js");require("../../ActionList/ActionList.cjs.js");require("../../Icon/Icon.cjs.js");exports.SearchResultsViewAll=e.SearchResultsViewAll;

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

@@ -0,0 +1,22 @@
+import { default as React } from 'react';
+export type SearchResultsViewAllProps<C extends React.ElementType = 'div'> = {
+    /**
+     * Specify a different component to render the item, such as an anchor tag for links
+     *
+     * @default div
+     */
+    as?: C;
+    /**
+     * Specify the variant of the View All item. By default, it is inferred from context:
+     * 'group' when inside a Search.Results, 'global' when directly inside Search.
+     */
+    variant?: 'group' | 'global';
+} & React.ComponentPropsWithoutRef<C>;
+export declare const SearchResultsViewAll: SearchResultsViewAllComponent;
+interface SearchResultsViewAllComponent {
+    <C extends React.ElementType = 'div'>(props: SearchResultsViewAllProps<C> & {
+        ref?: React.ComponentPropsWithRef<C>['ref'];
+    }): React.ReactElement | null;
+    displayName?: string;
+}
+export {};

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

@@ -0,0 +1,11 @@
+import "react/jsx-runtime";
+import "react";
+import "../../../chunks/classNames.BTJmrO_L.js";
+import "../../../chunks/constants.CKKGf1-i.js";
+import "clsx";
+import { b as a } from "../../../chunks/Search.Results.DR20Rl2x.js";
+import "../../ActionList/ActionList.es.js";
+import "../../Icon/Icon.es.js";
+export {
+  a as SearchResultsViewAll
+};

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

@@ -1 +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;
+"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.DBQWuhZu.js");require("./Search.Results.Item.cjs.js");require("../../ActionList/ActionList.cjs.js");exports.SearchResults=e.SearchResults;exports.SearchResultsComponent=e.SearchResultsComponent;exports.SearchResultsContext=e.SearchResultsContext;exports.default=e.SearchResults;

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

@@ -1,12 +1,15 @@
 import { default as React } from 'react';
-import { default as Item } from './Search.Results.Item';
+import { SearchResultsItem } from './Search.Results.Item';
+import { SearchResultsViewAll } from './Search.Results.ViewAll';
 import { ActionListGroupProps } from '../../ActionList/ActionList.Group';
+export declare const SearchResultsContext: React.Context<boolean>;
 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;
+    Item: typeof SearchResultsItem;
+    ViewAll: typeof SearchResultsViewAll;
 };
 export default SearchResults;

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

@@ -1,19 +1,14 @@
-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";
+import "react/jsx-runtime";
+import "react";
+import "../../../chunks/classNames.BTJmrO_L.js";
+import "../../../chunks/constants.CKKGf1-i.js";
+import "clsx";
+import { a as c, c as l, d as u, a as h } from "../../../chunks/Search.Results.DR20Rl2x.js";
+import "./Search.Results.Item.es.js";
+import "../../ActionList/ActionList.es.js";
 export {
-  s as SearchResults,
-  n as SearchResultsComponent,
-  s as default
+  c as SearchResults,
+  l as SearchResultsComponent,
+  u as SearchResultsContext,
+  h as default
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),le=require("../../../chunks/classNames.DAeKwerT.js"),oe=require("../../../chunks/constants.hwjHOsvT.js"),b=require("react"),r=require("../../../chunks/Search.Results.Item.Dkh2yo4p.js"),A=require("clsx"),ae=require("../../../chunks/form.context.B26th8Od.js"),ue=require("../../Form/contexts/label.context.cjs.js"),de=require("../../Form/contexts/helperText.context.cjs.js"),_e=require("../../Form/hooks/useUniversalRef.hook.cjs.js"),q=require("../../Form/hooks/useAccessibleId.hook.cjs.js"),pe=require("../../Icon/Icon.cjs.js"),fe=require("./Search.Results.cjs.js"),be=require("./useSearchDropdown.cjs.js"),he=require("./SearchDropdown.cjs.js"),me=require("../../ActionList/ActionList.cjs.js"),xe=require("../../../utils/hooks/useDebounced.cjs.js"),Se=require("../../../utils/hooks/useEffectAfterMount.cjs.js"),qe=require("../../Spinner/Spinner.cjs.js"),ye=require("../../CloseButton/CloseButton.cjs.js");function je(i){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(i){for(const c in i)if(c!=="default"){const t=Object.getOwnPropertyDescriptor(i,c);Object.defineProperty(a,c,t.get?t:{enumerable:!0,get:()=>i[c]})}}return a.default=i,Object.freeze(a)}const T=je(b),Ie=i=>T.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...i},T.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M15.5 14H14.71L14.43 13.73C15.41 12.59 16 11.11 16 9.5C16 5.91 13.09 3 9.5 3C5.91 3 3 5.91 3 9.5C3 13.09 5.91 16 9.5 16C11.11 16 12.59 15.41 13.73 14.43L14 14.71V15.5L19 20.49L20.49 19L15.5 14ZM9.5 14C7.01 14 5 11.99 5 9.5C5 7.01 7.01 5 9.5 5C11.99 5 14 7.01 14 9.5C14 11.99 11.99 14 9.5 14Z",fill:"currentColor"})),{baseClassNamePrefix:ve,subElementClassPrefix:o,classModifierPrefix:f}=le.getBEMClassNames("search"),we=b.forwardRef(({id:i,defaultValue:a="",value:c,onChange:t,onSearch:F,loading:y=!1,debounce:H=200,onKeyDown:m,label:B,contentAfter:j,contentBefore:I,helperText:v,fluid:O,width:z,theme:w,disabled:n,hideIcon:V,icon:U=Ie,error:l,readOnly:d,clearable:P=!0,noResults:g,clearButtonAriaLabel:Z="Clear search",className:W,children:D,"aria-describedby":G,...x},J)=>{const{refFn:Q,ref:X}=_e.useUniversalRef(J),[Y,C]=b.useState(String(a)),_=c!==void 0,u=_?String(c):Y,K=e=>{_||C(e.target.value),t==null||t(e)},{immediate:S,debounced:N}=xe.useDebounced(F,H),ee=e=>{m==null||m(e),e.key==="Enter"&&!e.isDefaultPrevented()&&!e.isPropagationStopped()&&S(u),e.key==="Escape"&&(!P||$.open)&&e.preventDefault()},{id:p}=q.useAccessibleId(),{id:R}=q.useAccessibleId(),{id:k}=q.useAccessibleId(),M=!!(l!=null&&l.length),L=!!D||!!g,se=A(v&&k,M&&R,G),{dropdownProps:$,getFieldProps:te,getInputProps:re}=be.useSearchDropdown({enabled:L,disabled:!!n,readOnly:!!d});Se.useEffectAfterMount(()=>{N(u)},[u,N]);const ie=A(r.styles[ve],w&&oe.themeClassName(w),O&&r.styles[`${f}fluid`],n&&r.styles[`${f}disabled`],d&&r.styles[`${f}read-only`],l&&r.styles[`${f}error`],W),ce=e=>{var E;n||e.target instanceof HTMLInputElement||e.target.closest('button,[role="button"],a,[role="link"]')||(e.preventDefault(),e.stopPropagation(),(E=X.current)==null||E.focus())},ne=b.useCallback(()=>{_?t==null||t({target:{value:"",name:x.name,id:p,type:"search"}}):C(""),S("")},[p,_,t,S,x.name]);return s.jsxs("div",{id:i,className:ie,role:"search",style:{maxWidth:z},"aria-busy":y,children:[s.jsx(ue.LabelProvider,{ctxDisabled:!!n,ctxRequired:!1,ctxHtmlFor:p,children:B}),s.jsxs("div",{className:r.styles[`${o}field`],...te({onPointerDown:ce}),children:[!V&&s.jsx(pe.Icon,{icon:U,"aria-hidden":!0}),I&&s.jsx("div",{className:r.styles[`${o}content`],children:I}),s.jsx("input",{id:p,type:"search",className:r.styles[`${o}field__input`],value:u,disabled:n,readOnly:d,"aria-invalid":!!l,"aria-describedby":se,...re({...x,onChange:K,onKeyDown:ee}),ref:Q}),y&&s.jsx("div",{className:r.styles[`${o}field__spinner`],children:s.jsx(qe.Spinner,{size:"xxs"})}),P&&u&&!n&&!d&&s.jsx(ye.CloseButton,{onClick:ne,className:`${o}field__clear-button`,size:"sm","aria-label":Z}),j&&s.jsx("div",{className:r.styles[`${o}content`],children:j})]}),s.jsxs(de.HelperTextProvider,{ctxId:k,ctxDisabled:!!n,children:[v,M&&s.jsx(ae.HelperText,{id:R,appearance:"negative",children:l})]}),L&&s.jsx(he.SearchDropdown,{...$,children:s.jsx(me.ActionList,{role:"listbox",noResults:g,children:D})})]})}),h=we;h.Results=fe.SearchResults;h.displayName="Search";exports.Search=h;exports.default=h;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),oe=require("../../../chunks/classNames.DAeKwerT.js"),ae=require("../../../chunks/constants.hwjHOsvT.js"),S=require("react"),t=require("../../../chunks/Search.Results.DBQWuhZu.js"),F=require("clsx"),ue=require("../../../chunks/form.context.B26th8Od.js"),de=require("../../Form/contexts/label.context.cjs.js"),_e=require("../../Form/contexts/helperText.context.cjs.js"),pe=require("../../Form/hooks/useUniversalRef.hook.cjs.js"),q=require("../../Form/hooks/useAccessibleId.hook.cjs.js"),fe=require("../../Icon/Icon.cjs.js"),be=require("./useSearchDropdown.cjs.js"),xe=require("./SearchDropdown.cjs.js"),he=require("../../ActionList/ActionList.cjs.js"),me=require("../../../utils/hooks/useDebounced.cjs.js"),Se=require("../../../utils/hooks/useEffectAfterMount.cjs.js"),qe=require("../../Spinner/Spinner.cjs.js"),ye=require("../../CloseButton/CloseButton.cjs.js"),{baseClassNamePrefix:Ie,subElementClassPrefix:n,classModifierPrefix:_}=oe.getBEMClassNames("search"),je=S.forwardRef(({id:T,defaultValue:H="",value:y,onChange:r,onSearch:C,loading:I=!1,debounce:L=200,onKeyDown:f,label:B,contentAfter:j,contentBefore:D,helperText:P,fluid:V,width:z,theme:v,disabled:i,hideIcon:U,icon:W=t.SvgSearch,error:c,readOnly:a,clearable:N=!0,noResults:k,clearButtonAriaLabel:G="Clear search",className:J,children:w,"aria-describedby":Q,...b},X)=>{const{refFn:Y,ref:Z}=pe.useUniversalRef(X),[O,R]=S.useState(String(H)),u=y!==void 0,o=u?String(y):O,K=e=>{u||R(e.target.value),r==null||r(e)},{immediate:x,debounced:A}=me.useDebounced(C,L),ee=e=>{if(f==null||f(e),e.key==="Enter"){if(e.isDefaultPrevented()||e.isPropagationStopped())return;const{activeIndex:l,elementsRef:ne}=h,m=l!==null?ne.current[l]:null;m&&m.getAttribute("aria-disabled")!=="true"?(e.preventDefault(),m.click()):l===null&&x(o)}e.key==="Escape"&&(!N||h.open)&&e.preventDefault()},{id:d}=q.useAccessibleId(),{id:$}=q.useAccessibleId(),{id:g}=q.useAccessibleId(),E=!!(c!=null&&c.length),M=!!w||!!k,se=F(P&&g,E&&$,Q),{dropdownProps:h,getFieldProps:te,getInputProps:re}=be.useSearchDropdown({enabled:M,disabled:!!i,readOnly:!!a});Se.useEffectAfterMount(()=>{A(o)},[o,A]);const ie=F(t.styles[Ie],v&&ae.themeClassName(v),V&&t.styles[`${_}fluid`],i&&t.styles[`${_}disabled`],a&&t.styles[`${_}read-only`],c&&t.styles[`${_}error`],J),ce=e=>{var l;i||e.target instanceof HTMLInputElement||e.target.closest('button,[role="button"],a,[role="link"]')||(e.preventDefault(),e.stopPropagation(),(l=Z.current)==null||l.focus())},le=S.useCallback(()=>{u?r==null||r({target:{value:"",name:b.name,id:d,type:"search"}}):R(""),x("")},[d,u,r,x,b.name]);return s.jsxs("div",{id:T,className:ie,role:"search",style:{maxWidth:z},"aria-busy":I,children:[s.jsx(de.LabelProvider,{ctxDisabled:!!i,ctxRequired:!1,ctxHtmlFor:d,children:B}),s.jsxs("div",{className:t.styles[`${n}field`],...te({onPointerDown:ce}),children:[!U&&s.jsx(fe.Icon,{icon:W,"aria-hidden":!0}),D&&s.jsx("div",{className:t.styles[`${n}content`],children:D}),s.jsx("input",{id:d,type:"search",className:t.styles[`${n}field__input`],value:o,disabled:i,readOnly:a,"aria-invalid":!!c,"aria-describedby":se,...re({...b,onChange:K,onKeyDown:ee}),ref:Y}),I&&s.jsx("div",{className:t.styles[`${n}field__spinner`],children:s.jsx(qe.Spinner,{size:"xxs"})}),N&&o&&!i&&!a&&s.jsx(ye.CloseButton,{onClick:le,className:`${n}field__clear-button`,size:"sm","aria-label":G}),j&&s.jsx("div",{className:t.styles[`${n}content`],children:j})]}),s.jsxs(_e.HelperTextProvider,{ctxId:g,ctxDisabled:!!i,children:[P,E&&s.jsx(ue.HelperText,{id:$,appearance:"negative",children:c})]}),M&&s.jsx(xe.SearchDropdown,{...h,children:s.jsx(he.ActionList,{role:"listbox",noResults:k,children:w})})]})}),p=je;p.Results=t.SearchResults;p.displayName="Search";exports.Search=p;exports.default=p;