@viasat/beam-react 2.22.0 → 2.24.0

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

@@ -1,92 +1,101 @@
-import { jsx as C } from "react/jsx-runtime";
-import $ from "clsx";
-import { useMemo as g } from "react";
+import { jsx as $ } from "react/jsx-runtime";
+import g from "clsx";
+import { useMemo as h } from "react";
 import { g as R } from "../../../chunks/classNames.BTJmrO_L.js";
 import "../../../chunks/constants.CKKGf1-i.js";
-import { Header as S } from "./Panel.Header.es.js";
-import { Body as V } from "./Panel.Body.es.js";
-import { Footer as A } from "./Panel.Footer.es.js";
-import { usePanelClose as F, getPanelDividerState as H, PANEL_TRANSITION_DURATION_MS as T, getResolvedPanelPosition as j } from "./Panel.helpers.es.js";
-import { InlinePanel as q } from "./Panel.Inline.es.js";
-import { OverlayPanel as U } from "./Panel.Overlay.es.js";
-import { s as e } from "../../../chunks/panel.module.DGxSyRdA.js";
-const { baseClassNamePrefix: o } = R("panel"), i = ({
+import { Header as V } from "./Panel.Header.es.js";
+import { Body as F } from "./Panel.Body.es.js";
+import { Footer as H } from "./Panel.Footer.es.js";
+import { usePanelClose as T, getPanelDividerState as j, PANEL_TRANSITION_DURATION_MS as q, getResolvedPanelPosition as U } from "./Panel.helpers.es.js";
+import { InlinePanel as W } from "./Panel.Inline.es.js";
+import { OverlayPanel as G } from "./Panel.Overlay.es.js";
+import { s as e } from "../../../chunks/panel.module.DJLJpnm_.js";
+const { baseClassNamePrefix: o } = R("panel"), l = ({
   children: m,
   className: _,
-  padding: h = "md",
-  onOpenChange: w,
-  open: d,
-  size: t,
-  dismissible: f = !0,
-  closeButtonAriaLabel: p = "Close panel",
-  kind: r = "inline",
+  padding: w = "md",
+  onOpenChange: y,
+  open: p,
+  size: r,
+  dismissible: d = !0,
+  closeButtonAriaLabel: f = "Close panel",
+  kind: t = "inline",
   position: a,
   divider: D = !0,
-  isAnimated: c = !0,
+  dividerColor: c,
+  isAnimated: u = !0,
   onBeforeClose: E,
   modalType: s,
-  ...l
+  ...i
 }) => {
-  process.env.NODE_ENV !== "production" && s === "alert" && f && console.warn(
+  process.env.NODE_ENV !== "production" && s === "alert" && d && console.warn(
     'Panel: `dismissible` is ignored when `modalType="alert"`. The close button is always hidden.'
-  ), process.env.NODE_ENV !== "production" && l.closeOnOutsidePress && s !== "nonModal" && s !== void 0 && console.warn(
+  ), process.env.NODE_ENV !== "production" && i.closeOnOutsidePress && s !== "nonModal" && s !== void 0 && console.warn(
     'Panel: `closeOnOutsidePress` has no effect when `modalType` is not `"nonModal"`.'
   );
-  const u = s === "alert" ? !1 : f, n = j(a), N = $(
+  const N = s === "alert" ? !1 : d, n = U(a), x = r && (n !== "bottom" || r === "full"), P = g(
     e[o],
-    e[`${o}--${r}`],
-    t && e[`${o}--size-${t}`],
-    e[`${o}--padding-${h}`],
+    e[`${o}--${t}`],
+    x && e[`${o}--size-${r}`],
+    e[`${o}--padding-${w}`],
     e[`${o}--position-${n}`],
     _
-  ), x = $(
+  ), I = g(
     e[`${o}__inline-wrapper`],
-    t === "full" && e[`${o}__inline-wrapper--full`]
-  ), { requestClose: v, handleOverlayOpenChange: y } = F(
+    r === "full" && e[`${o}__inline-wrapper--full`]
+  ), { requestClose: v, handleOverlayOpenChange: M } = T(
     E,
-    w
-  ), P = g(
-    () => ({ kind: r, dismissible: u, closeButtonAriaLabel: p, position: a, requestClose: v }),
-    [r, u, p, a, v]
-  ), { showDivider: I, dividerBefore: M, dividerInner: b, dividerAfter: B } = H(D, n), O = g(
-    () => ({ duration: c ? T : 0 }),
-    [c]
+    y
+  ), O = h(
+    () => ({
+      kind: t,
+      dismissible: N,
+      closeButtonAriaLabel: f,
+      position: a,
+      requestClose: v
+    }),
+    [t, N, f, a, v]
+  ), { showDivider: b, dividerBefore: S, dividerInner: A, dividerAfter: B } = j(D, n), C = h(
+    () => ({ duration: u ? q : 0 }),
+    [u]
   );
-  return r === "inline" ? /* @__PURE__ */ C(
-    q,
+  return t === "inline" ? /* @__PURE__ */ $(
+    W,
     {
-      contextValue: P,
-      panelClassName: N,
-      inlineWrapperClassName: x,
+      contextValue: O,
+      panelClassName: P,
+      inlineWrapperClassName: I,
       resolvedPosition: n,
-      dividerBefore: M,
-      dividerInner: b,
+      dividerBefore: S,
+      dividerInner: A,
       dividerAfter: B,
-      open: d,
-      transitionConfig: O,
-      ...l,
+      dividerColor: c,
+      open: p,
+      transitionConfig: C,
+      ...i,
       children: m
     }
-  ) : /* @__PURE__ */ C(
-    U,
+  ) : /* @__PURE__ */ $(
+    G,
     {
-      contextValue: P,
-      panelClassName: N,
+      contextValue: O,
+      panelClassName: P,
       resolvedPosition: n,
-      showDivider: I,
+      showDivider: b,
+      dividerColor: c,
       modalType: s,
-      open: d,
-      onOpenChange: y,
-      transitionConfig: O,
-      ...l,
+      open: p,
+      onOpenChange: M,
+      transitionConfig: C,
+      ...i,
       children: m
     }
   );
 };
-i.displayName = "Panel";
-i.Header = S;
-i.Body = V;
-i.Footer = A;
+l.displayName = "Panel";
+l.Header = V;
+l.Body = F;
+l.Footer = H;
 export {
-  i as Panel
+  l as Panel
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),d=400,f=t=>t||"end",P=(t,s)=>{const e=t&&s!=="full";return{showDivider:e,dividerBefore:e&&s!=="start"&&s!=="bottom",dividerInner:e&&s==="bottom",dividerAfter:e&&s==="start"}},a=(t,s)=>{if(t!=="isModal")return t==="alert"?{escapeKey:!1,outsidePress:!1}:{escapeKey:!1,outsidePress:s??!1}},v=t=>t==="escape-key"?"escapeKey":t==="outside-press"?"outsidePress":"programmatic",N=(t,s)=>{const e=u.useCallback(i=>{if(!t){s==null||s(!1);return}const r=t(i);r instanceof Promise?r.then(l=>{l&&(s==null||s(!1))}).catch(()=>{}):r&&(s==null||s(!1))},[t,s]),c=u.useCallback((i,r,l)=>{i?s==null||s(!0):e(v(l))},[s,e]);return{requestClose:e,handleOverlayOpenChange:c}};exports.PANEL_TRANSITION_DURATION_MS=d;exports.getPanelDismissConfig=a;exports.getPanelDividerState=P;exports.getResolvedPanelPosition=f;exports.usePanelClose=N;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),d=400,f="01",P=t=>t||"end",a=(t,s)=>{const e=t&&s!=="full";return{showDivider:e,dividerBefore:e&&s!=="start"&&s!=="bottom",dividerInner:e&&s==="bottom",dividerAfter:e&&s==="start"}},D=(t,s)=>{if(t!=="isModal")return t==="alert"?{escapeKey:!1,outsidePress:!1}:{escapeKey:!1,outsidePress:s??!1}},_=t=>t==="escape-key"?"escapeKey":t==="outside-press"?"outsidePress":"programmatic",v=(t,s)=>{const e=c.useCallback(i=>{if(!t){s==null||s(!1);return}const r=t(i);r instanceof Promise?r.then(l=>{l&&(s==null||s(!1))}).catch(()=>{}):r&&(s==null||s(!1))},[t,s]),u=c.useCallback((i,r,l)=>{i?s==null||s(!0):e(_(l))},[s,e]);return{requestClose:e,handleOverlayOpenChange:u}};exports.DEFAULT_PANEL_DIVIDER_COLOR=f;exports.PANEL_TRANSITION_DURATION_MS=d;exports.getPanelDismissConfig=D;exports.getPanelDividerState=a;exports.getResolvedPanelPosition=P;exports.usePanelClose=v;

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

@@ -1,6 +1,7 @@
 import { OpenChangeReason } from '@floating-ui/react';
-import { PanelCloseReason, PanelModalType, PanelPosition, PanelProps } from './Panel.types';
+import { PanelCloseReason, PanelDividerColor, PanelModalType, PanelPosition, PanelProps } from './Panel.types';
 export declare const PANEL_TRANSITION_DURATION_MS = 400;
+export declare const DEFAULT_PANEL_DIVIDER_COLOR: PanelDividerColor;
 export declare const getResolvedPanelPosition: (position?: PanelPosition) => PanelPosition;
 export declare const getPanelDividerState: (divider: boolean, position?: PanelPosition) => {
     showDivider: boolean;

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

@@ -1,5 +1,5 @@
 import { useCallback as c } from "react";
-const P = 400, v = (t) => t || "end", m = (t, s) => {
+const P = 400, v = "01", m = (t) => t || "end", D = (t, s) => {
   const r = t && s !== "full";
   return {
     showDivider: r,
@@ -9,10 +9,10 @@ const P = 400, v = (t) => t || "end", m = (t, s) => {
     dividerInner: r && s === "bottom",
     dividerAfter: r && s === "start"
   };
-}, a = (t, s) => {
+}, _ = (t, s) => {
   if (t !== "isModal")
     return t === "alert" ? { escapeKey: !1, outsidePress: !1 } : { escapeKey: !1, outsidePress: s ?? !1 };
-}, u = (t) => t === "escape-key" ? "escapeKey" : t === "outside-press" ? "outsidePress" : "programmatic", y = (t, s) => {
+}, u = (t) => t === "escape-key" ? "escapeKey" : t === "outside-press" ? "outsidePress" : "programmatic", a = (t, s) => {
   const r = c(
     (i) => {
       if (!t) {
@@ -35,9 +35,10 @@ const P = 400, v = (t) => t || "end", m = (t, s) => {
   return { requestClose: r, handleOverlayOpenChange: f };
 };
 export {
+  v as DEFAULT_PANEL_DIVIDER_COLOR,
   P as PANEL_TRANSITION_DURATION_MS,
-  a as getPanelDismissConfig,
-  m as getPanelDividerState,
-  v as getResolvedPanelPosition,
-  y as usePanelClose
+  _ as getPanelDismissConfig,
+  D as getPanelDividerState,
+  m as getResolvedPanelPosition,
+  a as usePanelClose
 };

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

@@ -1 +1 @@
-"use strict";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../chunks/constants.hwjHOsvT.js");const e=["00","00-alt","01","02","03"],o=e;exports.PanelDividerColors=o;

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

@@ -1,4 +1,7 @@
 import { ComponentPropsWithoutRef } from 'react';
+import { PanelDividerColor, PanelDividerColors } from '@viasat/beam-shared/components/panel';
+export type { PanelDividerColor };
+export { PanelDividerColors };
 export type PanelKind = 'inline' | 'overlay';
 export type PanelPosition = 'start' | 'end' | 'bottom' | 'full';
 export type PanelModalType = 'nonModal' | 'isModal' | 'alert';
@@ -40,7 +43,9 @@ interface BasePanelProps extends ComponentPropsWithoutRef<'aside'> {
      */
     onOpenChange?: (open: boolean) => void;
     /**
-     * Specify the size of the Panel
+     * Specify the size of the Panel.
+     * When `position="bottom"`, only `size="full"` has an effect (enables full-viewport height).
+     * All other values are ignored for bottom panels — width is always 100%.
      * @default 'md'
      */
     size?: PanelSize;
@@ -71,6 +76,11 @@ interface BasePanelProps extends ComponentPropsWithoutRef<'aside'> {
      * @default true
      */
     divider?: boolean;
+    /**
+     * Specify the border color of the external divider between panel and page content
+     * @default '01'
+     */
+    dividerColor?: PanelDividerColor;
     /**
      * Specify the position of the Panel
      * 'start' | 'end' | 'bottom' | 'full'

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

@@ -1 +1,5 @@
-
+import "../../../chunks/constants.CKKGf1-i.js";
+const o = ["00", "00-alt", "01", "02", "03"], r = o;
+export {
+  r as PanelDividerColors
+};

package/lib/wip/index.cjs.js

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

package/lib/wip/index.d.ts

@@ -1,2 +1 @@
-export * from './Search';
 export * from './Panel';

package/lib/wip/index.es.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viasat/beam-react",
-  "version": "2.22.0",
+  "version": "2.24.0",
   "description": "React component library for the Beam design system",
   "license": "MIT",
   "author": "Viasat",
@@ -59,11 +59,11 @@
     "access": "public"
   },
   "dependencies": {
-    "@viasat/beam-fonts": "2.22.0",
-    "@viasat/beam-shared": "2.22.0",
-    "@viasat/beam-styles": "2.22.0",
-    "@viasat/beam-tokens": "2.22.0",
-    "@viasat/beam-icons": "2.22.0",
+    "@viasat/beam-fonts": "2.24.0",
+    "@viasat/beam-shared": "2.24.0",
+    "@viasat/beam-styles": "2.24.0",
+    "@viasat/beam-tokens": "2.24.0",
+    "@viasat/beam-icons": "2.24.0",
     "clsx": "^1.2.1",
     "@floating-ui/react": "^0.26.18",
     "@stepperize/react": "^5.1.5",

package/chunks/Search.Results.CFA_KEdP.js

@@ -1 +0,0 @@
-var L=require("../assets/Search.css");const c=require("react/jsx-runtime"),a=require("react"),u=require("./classNames.DAeKwerT.js");require("./constants.hwjHOsvT.js");const b=require("clsx"),x=require("../lib/wip/Search/Search.Results.Item.cjs.js"),h=require("../lib/ActionList/ActionList.cjs.js"),R=require("../lib/Icon/Icon.cjs.js");function w(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const r=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(t,s,r.get?r:{enumerable:!0,get:()=>e[s]})}}return t.default=e,Object.freeze(t)}const _=w(a),d=e=>_.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},_.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"})),l={"bm-light":"bm-light","bm-dark":"bm-dark","bm-inverse":"bm-inverse","bm-enterprise":"bm-enterprise","bm-consumer":"bm-consumer","bm-search":"bm-search","bm-search--disabled":"bm-search--disabled","bm-search--fluid":"bm-search--fluid","bm-search__field":"bm-search__field","bm-search__field__input":"bm-search__field__input","bm-search--error":"bm-search--error","bm-search--read-only":"bm-search--read-only","bm-search__content":"bm-search__content","bm-search__results__view-all":"bm-search__results__view-all","bm-action-list__item__content-before":"bm-action-list__item__content-before","bm-search__results__view-all--group":"bm-search__results__view-all--group"},{baseClassNamePrefix:N,classModifierPrefix:j}=u.getBEMClassNames("search__results__view-all"),o=a.forwardRef(({children:e,onClick:t,variant:s,as:r="div",className:p,...v},C)=>{const g=a.useContext(i),m=s??(g?"group":"global"),S=b.clsx(l[N],l[`${j}${m}`],p);return c.jsx(h.ActionList.Item,{ref:C,className:S,onClick:t,contentBefore:m==="global"?c.jsx(R.Icon,{icon:d}):void 0,role:"option",as:r,...v,children:e})});o.displayName="Search.Results.ViewAll";const{baseClassNamePrefix:y}=u.getBEMClassNames("search"),i=a.createContext(!1),f=({children:e,...t})=>{const s=b.clsx(l[`${y}__results`]);return c.jsx(i.Provider,{value:!0,children:c.jsx(h.ActionList.Group,{className:s,...t,children:e})})},n=f;n.Item=x.SearchResultsItem;n.ViewAll=o;n.displayName="Search.Results";exports.SearchResults=n;exports.SearchResultsComponent=f;exports.SearchResultsContext=i;exports.SearchResultsViewAll=o;exports.SvgSearch=d;exports.styles=l;

package/chunks/Search.Results.DVf6WKnI.js

@@ -1,68 +0,0 @@
-import "../assets/Search.css";
-import { jsx as s } from "react/jsx-runtime";
-import * as c from "react";
-import t from "react";
-import { g as i } from "./classNames.BTJmrO_L.js";
-import "./constants.CKKGf1-i.js";
-import { clsx as n } from "clsx";
-import { SearchResultsItem as w } from "../lib/wip/Search/Search.Results.Item.es.js";
-import { ActionList as _ } from "../lib/ActionList/ActionList.es.js";
-import { Icon as g } from "../lib/Icon/Icon.es.js";
-const x = (e) => /* @__PURE__ */ c.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ c.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" })), l = {
-  "bm-light": "bm-light",
-  "bm-dark": "bm-dark",
-  "bm-inverse": "bm-inverse",
-  "bm-enterprise": "bm-enterprise",
-  "bm-consumer": "bm-consumer",
-  "bm-search": "bm-search",
-  "bm-search--disabled": "bm-search--disabled",
-  "bm-search--fluid": "bm-search--fluid",
-  "bm-search__field": "bm-search__field",
-  "bm-search__field__input": "bm-search__field__input",
-  "bm-search--error": "bm-search--error",
-  "bm-search--read-only": "bm-search--read-only",
-  "bm-search__content": "bm-search__content",
-  "bm-search__results__view-all": "bm-search__results__view-all",
-  "bm-action-list__item__content-before": "bm-action-list__item__content-before",
-  "bm-search__results__view-all--group": "bm-search__results__view-all--group"
-}, { baseClassNamePrefix: R, classModifierPrefix: S } = i("search__results__view-all"), b = t.forwardRef(
-  ({ children: e, onClick: r, variant: a, as: u = "div", className: d, ...f }, p) => {
-    const v = t.useContext(h), m = a ?? (v ? "group" : "global"), C = n(
-      l[R],
-      l[`${S}${m}`],
-      d
-    );
-    return /* @__PURE__ */ s(
-      _.Item,
-      {
-        ref: p,
-        className: C,
-        onClick: r,
-        contentBefore: m === "global" ? /* @__PURE__ */ s(g, { icon: x }) : void 0,
-        role: "option",
-        as: u,
-        ...f,
-        children: e
-      }
-    );
-  }
-);
-b.displayName = "Search.Results.ViewAll";
-const { baseClassNamePrefix: N } = i("search"), h = t.createContext(!1), L = ({
-  children: e,
-  ...r
-}) => {
-  const a = n(l[`${N}__results`]);
-  return /* @__PURE__ */ s(h.Provider, { value: !0, children: /* @__PURE__ */ s(_.Group, { className: a, ...r, children: e }) });
-}, o = L;
-o.Item = w;
-o.ViewAll = b;
-o.displayName = "Search.Results";
-export {
-  x as S,
-  o as a,
-  b,
-  L as c,
-  h as d,
-  l as s
-};

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

@@ -1 +0,0 @@
-"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,11 +0,0 @@
-import { default as React } from 'react';
-import { ActionListItemProps } from '../../ActionList/ActionList.Item';
-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 {};

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

@@ -1,10 +0,0 @@
-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 {
-  a as SearchResultsItem
-};

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

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

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

@@ -1,11 +0,0 @@
-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.DVf6WKnI.js";
-import "../../ActionList/ActionList.es.js";
-import "../../Icon/Icon.es.js";
-export {
-  a as SearchResultsViewAll
-};

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

@@ -1 +0,0 @@
-"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.CFA_KEdP.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,15 +0,0 @@
-import { default as React } from 'react';
-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 SearchResultsItem;
-    ViewAll: typeof SearchResultsViewAll;
-};
-export default SearchResults;

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

@@ -1,14 +0,0 @@
-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.DVf6WKnI.js";
-import "./Search.Results.Item.es.js";
-import "../../ActionList/ActionList.es.js";
-export {
-  c as SearchResults,
-  l as SearchResultsComponent,
-  u as SearchResultsContext,
-  h as default
-};

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

@@ -1 +0,0 @@
-"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.CFA_KEdP.js"),F=require("clsx"),ue=require("../../../chunks/form.context.hesWPMlU.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;

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

@@ -1,161 +0,0 @@
-import { jsxs as S, jsx as t } from "react/jsx-runtime";
-import { g as ne } from "../../../chunks/classNames.BTJmrO_L.js";
-import { t as me } from "../../../chunks/constants.CKKGf1-i.js";
-import C, { useCallback as de } from "react";
-import { s as r, S as fe, a as ue } from "../../../chunks/Search.Results.DVf6WKnI.js";
-import F from "clsx";
-import { H as pe } from "../../../chunks/form.context.D7b4066_.js";
-import { LabelProvider as he } from "../../Form/contexts/label.context.es.js";
-import { HelperTextProvider as be } from "../../Form/contexts/helperText.context.es.js";
-import { useUniversalRef as xe } from "../../Form/hooks/useUniversalRef.hook.es.js";
-import { useAccessibleId as I } from "../../Form/hooks/useAccessibleId.hook.es.js";
-import { Icon as Se } from "../../Icon/Icon.es.js";
-import { useSearchDropdown as Ie } from "./useSearchDropdown.es.js";
-import { SearchDropdown as Pe } from "./SearchDropdown.es.js";
-import { ActionList as De } from "../../ActionList/ActionList.es.js";
-import { useDebounced as Ne } from "../../../utils/hooks/useDebounced.es.js";
-import { useEffectAfterMount as ve } from "../../../utils/hooks/useEffectAfterMount.es.js";
-import { Spinner as $e } from "../../Spinner/Spinner.es.js";
-import { CloseButton as ye } from "../../CloseButton/CloseButton.es.js";
-const { baseClassNamePrefix: ge, subElementClassPrefix: l, classModifierPrefix: f } = ne("search"), Re = C.forwardRef(({
-  id: T,
-  defaultValue: j = "",
-  value: P,
-  onChange: s,
-  onSearch: q,
-  loading: D = !1,
-  debounce: z = 200,
-  onKeyDown: u,
-  label: B,
-  contentAfter: N,
-  contentBefore: v,
-  helperText: $,
-  fluid: V,
-  width: U,
-  theme: y,
-  disabled: i,
-  hideIcon: W,
-  icon: G = fe,
-  error: a,
-  readOnly: n,
-  clearable: g = !0,
-  noResults: R,
-  clearButtonAriaLabel: J = "Clear search",
-  className: Q,
-  children: _,
-  "aria-describedby": X,
-  ...p
-}, Y) => {
-  const { refFn: Z, ref: K } = xe(Y), [O, E] = C.useState(String(j)), m = P !== void 0, c = m ? String(P) : O, ee = (e) => {
-    m || E(e.target.value), s == null || s(e);
-  }, { immediate: h, debounced: k } = Ne(q, z), te = (e) => {
-    if (u == null || u(e), e.key === "Enter") {
-      if (e.isDefaultPrevented() || e.isPropagationStopped())
-        return;
-      const { activeIndex: o, elementsRef: ce } = b, x = o !== null ? ce.current[o] : null;
-      x && x.getAttribute("aria-disabled") !== "true" ? (e.preventDefault(), x.click()) : o === null && h(c);
-    }
-    e.key === "Escape" && (!g || b.open) && e.preventDefault();
-  }, { id: d } = I(), { id: w } = I(), { id: H } = I(), M = !!(a != null && a.length), A = !!_ || !!R, re = F(
-    $ && H,
-    M && w,
-    X
-  ), {
-    dropdownProps: b,
-    getFieldProps: se,
-    getInputProps: ie
-  } = Ie({
-    enabled: A,
-    disabled: !!i,
-    readOnly: !!n
-  });
-  ve(() => {
-    k(c);
-  }, [c, k]);
-  const ae = F(
-    r[ge],
-    y && me(y),
-    V && r[`${f}fluid`],
-    i && r[`${f}disabled`],
-    n && r[`${f}read-only`],
-    a && r[`${f}error`],
-    Q
-  ), oe = (e) => {
-    var o;
-    i || e.target instanceof HTMLInputElement || e.target.closest('button,[role="button"],a,[role="link"]') || (e.preventDefault(), e.stopPropagation(), (o = K.current) == null || o.focus());
-  }, le = de(() => {
-    m ? s == null || s({
-      target: {
-        value: "",
-        name: p.name,
-        id: d,
-        type: "search"
-      }
-    }) : E(""), h("");
-  }, [d, m, s, h, p.name]);
-  return /* @__PURE__ */ S(
-    "div",
-    {
-      id: T,
-      className: ae,
-      role: "search",
-      style: { maxWidth: U },
-      "aria-busy": D,
-      children: [
-        /* @__PURE__ */ t(
-          he,
-          {
-            ctxDisabled: !!i,
-            ctxRequired: !1,
-            ctxHtmlFor: d,
-            children: B
-          }
-        ),
-        /* @__PURE__ */ S(
-          "div",
-          {
-            className: r[`${l}field`],
-            ...se({ onPointerDown: oe }),
-            children: [
-              !W && /* @__PURE__ */ t(Se, { icon: G, "aria-hidden": !0 }),
-              v && /* @__PURE__ */ t("div", { className: r[`${l}content`], children: v }),
-              /* @__PURE__ */ t(
-                "input",
-                {
-                  id: d,
-                  type: "search",
-                  className: r[`${l}field__input`],
-                  value: c,
-                  disabled: i,
-                  readOnly: n,
-                  "aria-invalid": !!a,
-                  "aria-describedby": re,
-                  ...ie({
-                    ...p,
-                    onChange: ee,
-                    onKeyDown: te
-                  }),
-                  ref: Z
-                }
-              ),
-              D && /* @__PURE__ */ t("div", { className: r[`${l}field__spinner`], children: /* @__PURE__ */ t($e, { size: "xxs" }) }),
-              g && c && !i && !n && /* @__PURE__ */ t(ye, { onClick: le, className: `${l}field__clear-button`, size: "sm", "aria-label": J }),
-              N && /* @__PURE__ */ t("div", { className: r[`${l}content`], children: N })
-            ]
-          }
-        ),
-        /* @__PURE__ */ S(be, { ctxId: H, ctxDisabled: !!i, children: [
-          $,
-          M && /* @__PURE__ */ t(pe, { id: w, appearance: "negative", children: a })
-        ] }),
-        A && /* @__PURE__ */ t(Pe, { ...b, children: /* @__PURE__ */ t(De, { role: "listbox", noResults: R, children: _ }) })
-      ]
-    }
-  );
-}), L = Re;
-L.Results = ue;
-L.displayName = "Search";
-export {
-  L as Search,
-  L as default
-};

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),_=require("@floating-ui/react"),d=require("../../Box/Box.cjs.js"),h=require("clsx"),o=require("../../../chunks/classNames.DAeKwerT.js"),q=require("../../../chunks/constants.hwjHOsvT.js"),S=require("../../ActionList/ActionList.context.cjs.js"),N=require("react"),b=require("../../../chunks/floatingui.module.D3Aw_aYe.js"),g=require("../../../chunks/popover.module.DGUJIXrP.js"),s=require("../../../chunks/Search.Results.CFA_KEdP.js"),{baseClassNamePrefix:B}=o.getBEMClassNames("floatingui"),{baseClassNamePrefix:P}=o.getBEMClassNames("popover"),v=[s.SearchResults,s.SearchResults.Item,s.SearchResults.ViewAll],w=({setOpen:t,isMounted:l,getFloatingProps:a,floatingStyles:i,labelsRef:c,elementsRef:n,getItemProps:u,setFloating:m,theme:r,className:x,children:f,activeIndex:p})=>{const C=N.useCallback(()=>t(!1),[t]);return l?e.jsx(_.FloatingPortal,{children:e.jsx(d.Box,{className:h(r&&q.themeClassName(r),b.floatinguiStyles[B],g.popoverStyles[P],x),...a(),style:i,ref:m,children:e.jsx(S.ActionListContextProvider,{allowChildrenTypes:v,getItemProps:u,itemsFocusable:!1,onItemClick:C,labelsRef:c,elementsRef:n,activeIndex:p,children:f})})}):null};exports.SearchDropdown=w;