@viasat/beam-react 2.0.0

package/lib/Toasts/ToastContainer.cjs.js

@@ -0,0 +1 @@
+var X=require("../../assets/ToastContainer.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),u=require("react"),j=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const y=require("../../chunks/helpers.COm6C5Gf.js"),M=require("clsx"),g=require("./Toast.cjs.js"),N=require("react-dom"),T=require("../../chunks/ToastContext.BJK1U8nL.js"),h={"bm-light":"bm-light","bm-dark":"bm-dark","bm-inverse":"bm-inverse","bm-toast-container":"bm-toast-container","bm-toast-container--top-left":"bm-toast-container--top-left","bm-toast-container--top-right":"bm-toast-container--top-right","bm-toast-container--top-center":"bm-toast-container--top-center","bm-toast-container--bottom-left":"bm-toast-container--bottom-left","bm-toast-container--bottom-right":"bm-toast-container--bottom-right","bm-toast-container--bottom-center":"bm-toast-container--bottom-center"},P=(t,n,s,a)=>{var o;if(s&&a&&a>s){n();return}const e=t.current,r=e==null?void 0:e.getBoundingClientRect().height,c=(o=e==null?void 0:e.parentElement)==null?void 0:o.getBoundingClientRect().height;r&&c&&r>Math.min(window.innerHeight,c)&&n()},{baseClassNamePrefix:S,classModifierPrefix:p}=j.getBEMClassNames("toast-container"),C=y.debounce(P,200),Y=({position:t,offsetX:n,offsetY:s,renderInPortal:a,maxToasts:e,className:r,style:c})=>{const{toasts:o,removeOldestToast:b}=T.useToast(),m=u.useRef(null),R=M(h[S],t&&h[`${p}${t}`],r),q=t&&t.includes("right")?"-":"",d=n||"0rem",$=t&&t.includes("center")?`calc(-50% + ${d})`:`${q}${d}`,v=`${t&&t.includes("top")?"":"-"}${s||"0rem"}`,x={transform:`translate(${$}, ${v})`,...c||{}};u.useEffect(()=>(C(m,b,e,o.length),()=>{C.cancel()}),[o,m,b,e]);const f=l.jsx("div",{className:R,style:x,role:"log",ref:m,children:o.length>0&&t&&t.includes("bottom")?o.toReversed().map(i=>l.jsx(g.Toast,{...i},i.id)):o.map(i=>l.jsx(g.Toast,{...i},i.id))});return a?N.createPortal(f,document.body):f},B=u.memo(Y),O=({position:t="bottom-right",offsetX:n,offsetY:s,maxToasts:a,children:e,renderInPortal:r,className:c})=>l.jsxs(T.ToastProvider,{children:[e,l.jsx(B,{renderInPortal:r,position:t,offsetX:n,offsetY:s,maxToasts:a,className:c})]});exports.ToastContainer=O;

package/lib/Toasts/ToastContainer.d.ts

@@ -0,0 +1,28 @@
+import { ReactElement } from 'react';
+import { ToastContainerPositions } from '@viasat/beam-shared/components/toast';
+export interface ToastContainerProps extends React.ComponentPropsWithoutRef<'div'> {
+    /**
+     * Specify the position of the toasts
+     * @default 'bottom-right'
+     */
+    position?: ToastContainerPositions;
+    /**
+     * Specify if the container should be rendered in a portal
+     * @default false
+     */
+    renderInPortal?: boolean;
+    /**
+     * Specify space between Toast and the viewport (use rems for accessibility)
+     * @default false
+     */
+    offsetX?: string;
+    /**
+     * Specify space between Toast and the viewport (use rems for accessibility)
+     */
+    offsetY?: string;
+    /**
+     * Max number of Toast allowed
+     */
+    maxToasts?: number;
+}
+export declare const ToastContainer: ({ position, offsetX, offsetY, maxToasts, children, renderInPortal, className: _className, }: ToastContainerProps) => ReactElement;

package/lib/Toasts/ToastContainer.es.js

@@ -0,0 +1,93 @@
+import "../../assets/ToastContainer.css";
+import { jsx as i, jsxs as N } from "react/jsx-runtime";
+import { memo as T, useRef as y, useEffect as M } from "react";
+import { g as P } from "../../chunks/classNames.DNsS4J__.js";
+import "../../chunks/constants.BBi77pmH.js";
+import { d as Y } from "../../chunks/helpers.Wv7n4ip7.js";
+import x from "clsx";
+import { Toast as u } from "./Toast.es.js";
+import { createPortal as B } from "react-dom";
+import { u as S, T as V } from "../../chunks/ToastContext.DzKCvrgk.js";
+const g = {
+  "bm-light": "bm-light",
+  "bm-dark": "bm-dark",
+  "bm-inverse": "bm-inverse",
+  "bm-toast-container": "bm-toast-container",
+  "bm-toast-container--top-left": "bm-toast-container--top-left",
+  "bm-toast-container--top-right": "bm-toast-container--top-right",
+  "bm-toast-container--top-center": "bm-toast-container--top-center",
+  "bm-toast-container--bottom-left": "bm-toast-container--bottom-left",
+  "bm-toast-container--bottom-right": "bm-toast-container--bottom-right",
+  "bm-toast-container--bottom-center": "bm-toast-container--bottom-center"
+}, E = (t, n, s, a) => {
+  var o;
+  if (s && a && a > s) {
+    n();
+    return;
+  }
+  const e = t.current, r = e == null ? void 0 : e.getBoundingClientRect().height, c = (o = e == null ? void 0 : e.parentElement) == null ? void 0 : o.getBoundingClientRect().height;
+  r && c && r > Math.min(window.innerHeight, c) && n();
+}, {
+  baseClassNamePrefix: X,
+  classModifierPrefix: j
+} = P("toast-container"), h = Y(E, 200), k = ({
+  position: t,
+  offsetX: n,
+  offsetY: s,
+  renderInPortal: a,
+  maxToasts: e,
+  className: r,
+  style: c
+}) => {
+  const { toasts: o, removeOldestToast: f } = S(), l = y(null), C = x(
+    g[X],
+    t && g[`${j}${t}`],
+    r
+  ), p = t && t.includes("right") ? "-" : "", b = n || "0rem", $ = t && t.includes("center") ? `calc(-50% + ${b})` : `${p}${b}`, v = `${t && t.includes("top") ? "" : "-"}${s || "0rem"}`, R = {
+    transform: `translate(${$}, ${v})`,
+    ...c || {}
+  };
+  M(() => (h(
+    l,
+    f,
+    e,
+    o.length
+  ), () => {
+    h.cancel();
+  }), [o, l, f, e]);
+  const d = /* @__PURE__ */ i(
+    "div",
+    {
+      className: C,
+      style: R,
+      role: "log",
+      ref: l,
+      children: o.length > 0 && t && t.includes("bottom") ? o.toReversed().map((m) => /* @__PURE__ */ i(u, { ...m }, m.id)) : o.map((m) => /* @__PURE__ */ i(u, { ...m }, m.id))
+    }
+  );
+  return a ? B(d, document.body) : d;
+}, w = T(k), Q = ({
+  position: t = "bottom-right",
+  offsetX: n,
+  offsetY: s,
+  maxToasts: a,
+  children: e,
+  renderInPortal: r,
+  className: c
+}) => /* @__PURE__ */ N(V, { children: [
+  e,
+  /* @__PURE__ */ i(
+    w,
+    {
+      renderInPortal: r,
+      position: t,
+      offsetX: n,
+      offsetY: s,
+      maxToasts: a,
+      className: c
+    }
+  )
+] });
+export {
+  Q as ToastContainer
+};

package/lib/Toasts/ToastContext.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");const e=require("../../chunks/ToastContext.BJK1U8nL.js");exports.ToastProvider=e.ToastProvider;exports.useToast=e.useToast;

package/lib/Toasts/ToastContext.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+import { ToastProps } from './Toast';
+interface ToastContextType {
+    addToast: (toast: ToastProps) => void;
+    dismissToast: (id: string) => void;
+    removeToast: (id: string) => void;
+    removeAllToasts: () => void;
+    removeOldestToast: () => void;
+    toasts: ToastProps[];
+}
+export declare const ToastProvider: React.FC<{
+    children: React.ReactNode;
+}>;
+export declare const useToast: () => ToastContextType;
+export {};

package/lib/Toasts/ToastContext.es.js

@@ -0,0 +1,7 @@
+import "react/jsx-runtime";
+import "react";
+import { T as a, u as e } from "../../chunks/ToastContext.DzKCvrgk.js";
+export {
+  a as ToastProvider,
+  e as useToast
+};

package/lib/Toasts/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./Toast.cjs.js"),t=require("../../chunks/ToastContext.BJK1U8nL.js"),s=require("./ToastContainer.cjs.js");exports.Toast=o.Toast;exports.ToastProvider=t.ToastProvider;exports.useToast=t.useToast;exports.ToastContainer=s.ToastContainer;

package/lib/Toasts/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Toast';
+export * from './ToastContext';
+export * from './ToastContainer';

package/lib/Toasts/index.es.js

@@ -0,0 +1,9 @@
+import { Toast as t } from "./Toast.es.js";
+import { T as s, u as e } from "../../chunks/ToastContext.DzKCvrgk.js";
+import { ToastContainer as f } from "./ToastContainer.es.js";
+export {
+  t as Toast,
+  f as ToastContainer,
+  s as ToastProvider,
+  e as useToast
+};

package/lib/Tooltip/Tooltip.cjs.js

@@ -0,0 +1 @@
+var N=require("../../assets/Tooltip.css");Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),g=require("react"),h=require("../FloatingUI/FloatingUI.root.cjs.js"),d=require("../FloatingUI/FloatingUI.trigger.cjs.js");require("../../chunks/FloatingUI.context.BULqADss.js");const w=require("../FloatingUI/FloatingUI.content.cjs.js"),p=require("../../chunks/tokens.Bgac_JPh.js"),j=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const u=require("../../utils/hooks/index.cjs.js"),x=require("clsx"),b=require("../../chunks/CSSLookup.DESAWWRT.js"),l={"bm-light":"bm-light","bm-dark":"bm-dark","bm-inverse":"bm-inverse","bm-tooltip__icon-trigger":"bm-tooltip__icon-trigger","bm-tooltip":"bm-tooltip","bm-tooltip__arrow":"bm-tooltip__arrow","bm-tooltip__icon-trigger--disabled":"bm-tooltip__icon-trigger--disabled","bm-tooltip__icon-trigger--xs":"bm-tooltip__icon-trigger--xs","bm-tooltip__icon-trigger--sm":"bm-tooltip__icon-trigger--sm","bm-tooltip__icon-trigger--md":"bm-tooltip__icon-trigger--md","bm-tooltip__icon-trigger--lg":"bm-tooltip__icon-trigger--lg","bm-tooltip__icon-trigger--xl":"bm-tooltip__icon-trigger--xl"},{baseClassNamePrefix:I,subElementClassPrefix:_}=j.getBEMClassNames("tooltip");function f({children:e,portalled:r=!1,text:i,disabled:t,showDelay:a,role:c,...n}){const s=u.useCSSLookup(p.bmCompTooltipSpaceArrow),m=u.useCSSLookup(p.bmCompTooltipSpaceOffset),C=g.useMemo(()=>({edgePadding:b.parseSizeString(s),className:l[`${_}arrow`],hide:!1}),[s]),T=t?{}:{openOnHover:{restMs:a},openOnFocus:!0,openOnSelected:!0},q=c||{enabled:!0,role:"tooltip"};return o.jsxs(h.FloatingUIRoot,{...T,arrow:C,offset:b.parseSizeString(m),portalled:r,transitionConfig:{duration:{open:0,close:200}},role:q,...n,children:[o.jsx(S.Provider,{value:{disabled:t},children:o.jsx(d.Trigger,{children:e})}),o.jsx(F,{theme:n.theme,children:i})]})}const S=g.createContext({disabled:!1}),k=g.forwardRef(({children:e,size:r="md",type:i="button",className:t,...a},c)=>{const{disabled:n}=g.useContext(S),s=`${_}icon-trigger`,m=x(l[`${s}--${r}`],l[s],n&&l[`${_}icon-trigger--disabled`],t);return o.jsx(d.Trigger,{children:o.jsx("button",{ref:c,type:i,disabled:n,className:m,...a,"aria-label":"tooltip trigger",children:e})})});function F({children:e,theme:r,className:i,...t}){return o.jsx(w.Content,{className:x(r,l[I],i),...t,children:e})}exports.Tooltip=f;exports.TooltipIconTrigger=k;exports.default=f;

package/lib/Tooltip/Tooltip.d.ts

@@ -0,0 +1,122 @@
+import { default as React } from 'react';
+import { ThemeTypes } from '@viasat/beam-shared/utils';
+import { Placement } from '@floating-ui/utils';
+import { AutoPlacementOptions, FlipOptions, FloatingPortalProps, HideOptions, ShiftOptions, UseFloatingOptions, UseRoleProps } from '@floating-ui/react';
+import { MiddlewareModifier } from '@viasat/beam-shared/components/floatingui';
+import { TooltipTriggerSize } from '@viasat/beam-shared/components/tooltip';
+import { FloatingUIProps } from '../FloatingUI/FloatingUI.context';
+export interface TooltipProps extends Omit<FloatingUIProps, 'arrow' | 'offset' | 'openOnHover' | 'openOnClick' | 'openOnFocus' | 'transitionConfig' | 'focusConfiguration'> {
+    /**
+     * Specify the theme of the Tooltip. By default it inherits the theme from the parent
+     */
+    theme?: ThemeTypes;
+    /**
+     * The content of Tooltip
+     */
+    text: React.ReactNode;
+    /**
+     * Specify millisecond delay before showing Tooltip
+     *
+     * @default 0
+     */
+    showDelay?: number;
+    /**
+     * Specify the placement of Tooltip relative to the anchor
+     *
+     * @default 'top'
+     *
+     */
+    placement?: Placement;
+    /**
+     * Specify if Tooltip should automatically choose the placement that has the most space.
+     * <a href="https://floating-ui.com/docs/autoplacement#options" target="_blank" rel="noopener noreferrer">
+     *   AutoPlacementOptions
+     * </a>
+     *
+     */
+    autoPlacement?: boolean | AutoPlacementOptions;
+    /**
+     * Specify if Tooltip should flip to the opposite side if there is not enough space.
+     * Cannot be used with `autoPlacement`.
+     * <a href="https://floating-ui.com/docs/flip#options" target="_blank" rel="noopener noreferrer">
+     *   FlipOptions
+     * </a>
+     *
+     * @default true
+     */
+    flip?: boolean | FlipOptions;
+    /**
+     * Specify if Tooltip should shift to keep itself in view.
+     * <a href="https://floating-ui.com/docs/shift#options" target="_blank" rel="noopener noreferrer">
+     *     ShiftOptions
+     * </a>
+     *
+     * @default true
+     */
+    shift?: boolean | ShiftOptions;
+    /**
+     * Specify if Tooltip should hide when the anchor is not in view.
+     * <a href="https://floating-ui.com/docs/hide#options" target="_blank" rel="noopener noreferrer">
+     *     HideOptions
+     * </a>
+     *
+     *  @default true
+     */
+    autoHiding?: boolean | HideOptions;
+    /**
+     * Pass an array to override the floating-ui middleware
+     * or a function to modify the Beam-default middleware array.
+     * <a href="https://floating-ui.com/docs/middleware" target="_blank" rel="noopener noreferrer">
+     *     Middleware
+     * </a>
+     */
+    middleware?: MiddlewareModifier;
+    /**
+     * Control the visibility of Tooltip
+     */
+    open?: boolean;
+    /**
+     * Control the default visibility of Tooltip
+     */
+    defaultOpen?: boolean;
+    /**
+     * Specify if the floating element should be portalled.
+     * <a href="https://floating-ui.com/docs/floatingportal#props" target="_blank" rel="noopener noreferrer">
+     *     FloatingPortalProps
+     * </a>
+     */
+    portalled?: boolean | FloatingPortalProps;
+    /**
+     * Callback when the Tooltip requests to change the `open` value
+     *
+     * <a href="https://floating-ui.com/docs/react#open-event-callback" target="_blank" rel="noopener noreferrer">
+     *     onOpenChange
+     * </a>
+     *
+     */
+    onOpenChange?: UseFloatingOptions['onOpenChange'];
+    /**
+     * Prevent Tooltip from appearing
+     */
+    disabled?: boolean;
+    /**
+     * Adds base screen reader props to the reference and floating elements for a given `role`
+     */
+    role?: UseRoleProps;
+    /**
+     * Specify content and sub-components of the Popover
+     *
+     */
+    children: React.ReactNode;
+}
+export declare function Tooltip({ children, portalled, text, disabled, showDelay, role: _role, ...props }: TooltipProps): import("react/jsx-runtime").JSX.Element;
+interface TooltipIconTriggerProps extends React.ComponentPropsWithoutRef<'button'> {
+    /**
+     * Specify the size of default TooltipTrigger. `none` to leave uncontrolled
+     *
+     * @default 'md'
+     */
+    size?: TooltipTriggerSize;
+}
+export declare const TooltipIconTrigger: React.ForwardRefExoticComponent<TooltipIconTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export default Tooltip;

package/lib/Tooltip/Tooltip.es.js

@@ -0,0 +1,116 @@
+import "../../assets/Tooltip.css";
+import { jsx as t, jsxs as w } from "react/jsx-runtime";
+import { createContext as h, forwardRef as T, useContext as S, useMemo as N } from "react";
+import { FloatingUIRoot as P } from "../FloatingUI/FloatingUI.root.es.js";
+import { Trigger as _ } from "../FloatingUI/FloatingUI.trigger.es.js";
+import "../../chunks/FloatingUI.context.2kPXcTvi.js";
+import { Content as v } from "../FloatingUI/FloatingUI.content.es.js";
+import { d as O, e as $ } from "../../chunks/tokens.CXaNS8Cf.js";
+import { g as k } from "../../chunks/classNames.DNsS4J__.js";
+import "../../chunks/constants.BBi77pmH.js";
+import { useCSSLookup as c } from "../../utils/hooks/index.es.js";
+import d from "clsx";
+import { p as b } from "../../chunks/CSSLookup.Cjf6o2Gz.js";
+const m = {
+  "bm-light": "bm-light",
+  "bm-dark": "bm-dark",
+  "bm-inverse": "bm-inverse",
+  "bm-tooltip__icon-trigger": "bm-tooltip__icon-trigger",
+  "bm-tooltip": "bm-tooltip",
+  "bm-tooltip__arrow": "bm-tooltip__arrow",
+  "bm-tooltip__icon-trigger--disabled": "bm-tooltip__icon-trigger--disabled",
+  "bm-tooltip__icon-trigger--xs": "bm-tooltip__icon-trigger--xs",
+  "bm-tooltip__icon-trigger--sm": "bm-tooltip__icon-trigger--sm",
+  "bm-tooltip__icon-trigger--md": "bm-tooltip__icon-trigger--md",
+  "bm-tooltip__icon-trigger--lg": "bm-tooltip__icon-trigger--lg",
+  "bm-tooltip__icon-trigger--xl": "bm-tooltip__icon-trigger--xl"
+}, { baseClassNamePrefix: E, subElementClassPrefix: p } = k("tooltip");
+function J({
+  children: r,
+  portalled: e = !1,
+  text: i,
+  disabled: o,
+  showDelay: l,
+  role: a,
+  ...n
+}) {
+  const s = c(O), g = c($), u = N(() => ({
+    edgePadding: b(s),
+    className: m[`${p}arrow`],
+    hide: !1
+  }), [s]), x = o ? {} : {
+    openOnHover: {
+      restMs: l
+    },
+    openOnFocus: !0,
+    openOnSelected: !0
+  }, C = a || {
+    enabled: !0,
+    role: "tooltip"
+  };
+  return /* @__PURE__ */ w(
+    P,
+    {
+      ...x,
+      arrow: u,
+      offset: b(g),
+      portalled: e,
+      transitionConfig: {
+        duration: {
+          open: 0,
+          close: 200
+        }
+      },
+      role: C,
+      ...n,
+      children: [
+        /* @__PURE__ */ t(f.Provider, { value: { disabled: o }, children: /* @__PURE__ */ t(_, { children: r }) }),
+        /* @__PURE__ */ t(M, { theme: n.theme, children: i })
+      ]
+    }
+  );
+}
+const f = h({
+  disabled: !1
+}), K = T(
+  ({ children: r, size: e = "md", type: i = "button", className: o, ...l }, a) => {
+    const { disabled: n } = S(f), s = `${p}icon-trigger`, g = d(
+      m[`${s}--${e}`],
+      m[s],
+      n && m[`${p}icon-trigger--disabled`],
+      o
+    );
+    return /* @__PURE__ */ t(_, { children: /* @__PURE__ */ t(
+      "button",
+      {
+        ref: a,
+        type: i,
+        disabled: n,
+        className: g,
+        ...l,
+        "aria-label": "tooltip trigger",
+        children: r
+      }
+    ) });
+  }
+);
+function M({
+  children: r,
+  theme: e,
+  className: i,
+  ...o
+}) {
+  return /* @__PURE__ */ t(
+    v,
+    {
+      className: d(e, m[E], i),
+      ...o,
+      children: r
+    }
+  );
+}
+export {
+  J as Tooltip,
+  K as TooltipIconTrigger,
+  J as default
+};

package/lib/Tooltip/index.cjs.js

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

package/lib/Tooltip/index.d.ts

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

package/lib/Tooltip/index.es.js

@@ -0,0 +1,5 @@
+import { Tooltip as i, TooltipIconTrigger as p } from "./Tooltip.es.js";
+export {
+  i as Tooltip,
+  p as TooltipIconTrigger
+};

package/lib/Tooltip/useTooltipClipping.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),p=({clippingRef:e})=>{const[o,i]=s.useState(!1);return s.useMemo(()=>({open:o,onOpenChange(n){const t=e.current;if(!t)return;const l=t.scrollWidth>t.offsetWidth||t.scrollHeight>t.offsetHeight;i(l?n:!1)}}),[o,e])};exports.useTooltipClipping=p;

package/lib/Tooltip/useTooltipClipping.d.ts

@@ -0,0 +1,5 @@
+import { TooltipProps } from './Tooltip';
+export interface UseTooltipClippingOptions {
+    clippingRef: React.RefObject<HTMLElement>;
+}
+export declare const useTooltipClipping: ({ clippingRef }: UseTooltipClippingOptions) => Partial<TooltipProps>;

package/lib/Tooltip/useTooltipClipping.es.js

@@ -0,0 +1,20 @@
+import { useState as i, useMemo as r } from "react";
+const f = ({ clippingRef: o }) => {
+  const [e, s] = i(!1);
+  return r(
+    () => ({
+      open: e,
+      onOpenChange(n) {
+        const t = o.current;
+        if (!t)
+          return;
+        const p = t.scrollWidth > t.offsetWidth || t.scrollHeight > t.offsetHeight;
+        s(p ? n : !1);
+      }
+    }),
+    [e, o]
+  );
+};
+export {
+  f as useTooltipClipping
+};

package/lib/_Navigation/Navigation.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),r=require("react"),e=require("../../chunks/NavigationItem.PeFGKPy2.js"),a=require("./classes.cjs.js"),s=require("clsx");function _({children:n,orientation:o="horizontal",className:l,...c}){return i.jsx("nav",{className:s(e.styles[a.classes.navigation],{[e.styles[a.classes.navigation_Vertical]]:o==="vertical"},l),...c,children:i.jsx("ul",{className:s(e.styles[a.classes.navigation__list]),children:n})})}const t=Object.assign(r.memo(_),{Item:e._NavigationItem,displayName:"_Navigation"});exports._Navigation=t;exports.default=t;

package/lib/_Navigation/Navigation.d.ts

@@ -0,0 +1,20 @@
+import { ComponentPropsWithoutRef } from 'react';
+export interface NavigationProps extends ComponentPropsWithoutRef<'nav'> {
+    /**
+     * Provide content for the navigation
+     */
+    children: React.ReactNode;
+    /**
+     * Specify orientation of the navigation
+     * @default 'horizontal'
+     */
+    orientation?: 'horizontal' | 'vertical';
+}
+declare function __Navigation({ children, orientation, className, ...props }: NavigationProps): import("react/jsx-runtime").JSX.Element;
+export declare const _Navigation: import('react').NamedExoticComponent<NavigationProps> & {
+    readonly type: typeof __Navigation;
+} & {
+    Item: import('react').MemoExoticComponent<(props: import('./NavigationItem').NavigationItemProps) => import("react/jsx-runtime").JSX.Element>;
+    displayName: string;
+};
+export default _Navigation;

package/lib/_Navigation/Navigation.es.js

@@ -0,0 +1,32 @@
+import { jsx as t } from "react/jsx-runtime";
+import { memo as e } from "react";
+import { _ as l, s as a } from "../../chunks/NavigationItem.Dj8FWMjs.js";
+import { classes as i } from "./classes.es.js";
+import o from "clsx";
+function c({
+  children: s,
+  orientation: n = "horizontal",
+  className: m,
+  ...r
+}) {
+  return /* @__PURE__ */ t(
+    "nav",
+    {
+      className: o(
+        a[i.navigation],
+        { [a[i.navigation_Vertical]]: n === "vertical" },
+        m
+      ),
+      ...r,
+      children: /* @__PURE__ */ t("ul", { className: o(a[i.navigation__list]), children: s })
+    }
+  );
+}
+const N = Object.assign(e(c), {
+  Item: l,
+  displayName: "_Navigation"
+});
+export {
+  N as _Navigation,
+  N as default
+};

package/lib/_Navigation/NavigationItem.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("react/jsx-runtime");require("react");const e=require("../../chunks/NavigationItem.PeFGKPy2.js");require("./classes.cjs.js");require("clsx");require("../StateLayer/StateLayer.cjs.js");exports._NavigationItem=e._NavigationItem;exports.default=e._NavigationItem;

package/lib/_Navigation/NavigationItem.d.ts

@@ -0,0 +1,26 @@
+import { ComponentPropsWithoutRef } from 'react';
+export interface NavigationItemProps extends ComponentPropsWithoutRef<'li'> {
+    /**
+     * Provide the content for an item
+     */
+    children?: React.ReactNode;
+    /**
+     * Specify URL to make an item a link
+     */
+    href?: string;
+    /**
+     * Specify if an item is selected
+     */
+    selected?: boolean;
+    /**
+     * Specify if an item is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Specify an icon for an item
+     */
+    icon?: React.ReactNode;
+}
+declare function __NavigationItem(props: NavigationItemProps): import("react/jsx-runtime").JSX.Element;
+export declare const _NavigationItem: import('react').MemoExoticComponent<typeof __NavigationItem>;
+export default _NavigationItem;

package/lib/_Navigation/NavigationItem.es.js

@@ -0,0 +1,10 @@
+import "react/jsx-runtime";
+import "react";
+import { _ as e, _ } from "../../chunks/NavigationItem.Dj8FWMjs.js";
+import "./classes.es.js";
+import "clsx";
+import "../StateLayer/StateLayer.es.js";
+export {
+  e as _NavigationItem,
+  _ as default
+};

package/lib/_Navigation/classes.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const{baseClassNamePrefix:i,subElementClassPrefix:e}=t.getBEMClassNames("navigation"),a={navigation:i,navigation_Vertical:`${i}--vertical`,navigation__list:`${e}list`,navigation__item:`${e}item`,navigation__item_Disabled:`${e}item--disabled`,navigation__item_Selected:`${e}item--selected`,navigation__itemLink:`${e}item-link`,navigation__itemIconContainer:`${e}item-icon-container`,navigation__itemStateLayer:`${e}item-state-layer`};exports.classes=a;

package/lib/_Navigation/classes.d.ts

@@ -0,0 +1,11 @@
+export declare const classes: {
+    readonly navigation: "bm-navigation";
+    readonly navigation_Vertical: "bm-navigation--vertical";
+    readonly navigation__list: "bm-navigation__list";
+    readonly navigation__item: "bm-navigation__item";
+    readonly navigation__item_Disabled: "bm-navigation__item--disabled";
+    readonly navigation__item_Selected: "bm-navigation__item--selected";
+    readonly navigation__itemLink: "bm-navigation__item-link";
+    readonly navigation__itemIconContainer: "bm-navigation__item-icon-container";
+    readonly navigation__itemStateLayer: "bm-navigation__item-state-layer";
+};

package/lib/_Navigation/classes.es.js

@@ -0,0 +1,16 @@
+import { g as a } from "../../chunks/classNames.DNsS4J__.js";
+import "../../chunks/constants.BBi77pmH.js";
+const { baseClassNamePrefix: t, subElementClassPrefix: i } = a("navigation"), s = {
+  navigation: t,
+  navigation_Vertical: `${t}--vertical`,
+  navigation__list: `${i}list`,
+  navigation__item: `${i}item`,
+  navigation__item_Disabled: `${i}item--disabled`,
+  navigation__item_Selected: `${i}item--selected`,
+  navigation__itemLink: `${i}item-link`,
+  navigation__itemIconContainer: `${i}item-icon-container`,
+  navigation__itemStateLayer: `${i}item-state-layer`
+};
+export {
+  s as classes
+};

package/lib/_Navigation/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./Navigation.cjs.js"),t=require("../../chunks/NavigationItem.PeFGKPy2.js");exports._Navigation=i._Navigation;exports._NavigationItem=t._NavigationItem;

package/lib/_Navigation/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Navigation';
+export * from './NavigationItem';

package/lib/_Navigation/index.es.js

@@ -0,0 +1,6 @@
+import { _Navigation as t } from "./Navigation.es.js";
+import { _ as r } from "../../chunks/NavigationItem.Dj8FWMjs.js";
+export {
+  t as _Navigation,
+  r as _NavigationItem
+};

package/lib/_Options/Option.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const b=require("react/jsx-runtime"),t=require("react"),d=require("./Option.context.cjs.js"),x=require("../../utils/functions.cjs.js"),f=({className:g,label:i,value:m,children:o,...u})=>{const s=t.useMemo(()=>i??x.extractTextFromReactNode(o),[i,o]),n=m??s,{selectOption:c,deselectOption:r,registerOption:l,unregisterOption:a,setOptionProps:p}=d.useOptionsContext(),e=t.useMemo(()=>Symbol("OptionId"),[]),O=t.useCallback(_=>{_?c(e):r(e)},[r,e,c]);return t.useLayoutEffect(()=>(l(e),()=>a(e)),[e,l,a]),t.useEffect(()=>{p(e,{...u,label:s,value:n,children:o,onSelectionChange:O})},[o,e,s,O,u,p,n]),b.jsx("option",{value:n,children:s})};exports.Option=f;exports.default=f;

package/lib/_Options/Option.context.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),h=r.createContext(null),P=h.Provider,S=()=>{const o=r.useContext(h);if(!o)throw new Error("useOptionsContext must be used within an OptionsProvider");return o},I=o=>Array.isArray(o)?o:o!==void 0?[o]:[],V=(o,c,u)=>{const p=r.useRef(void 0),[i,O]=r.useState(()=>new Map),[a,C]=r.useState(()=>[]),g=r.useRef(i);g.current=i;const l=r.useMemo(()=>I(o),[o]),d=r.useRef(l);d.current=l,r.useMemo(()=>{if(!l.length)p.current=void 0;else{const n=l[l.length-1],t=a.map(e=>i.get(e)).findIndex(e=>(e==null?void 0:e.value)===n);p.current=t}},[l,a,i]);const x=r.useCallback(n=>{const t=g.current.get(n),e=t==null?void 0:t.value,s=d.current;t&&e&&c(u?[...s.filter(f=>f!==e),e]:e)},[u,c]),b=r.useCallback(n=>{const t=g.current.get(n),e=t==null?void 0:t.value,s=d.current;if(t&&e)if(u){if(!s.includes(e))return;c(s.filter(f=>f!==e))}else return},[u,c]),m=r.useCallback(n=>{if(!u||n===void 0)return;const e=I(n)[0];if(!e)return;const s=d.current;s.includes(e)&&c(s.filter(f=>f!==e))},[u,c]),M=r.useCallback(n=>C(t=>[...t,n]),[C]),v=r.useCallback(n=>{C(t=>t.filter(e=>e!==n)),O(t=>{const e=new Map(t);return e.delete(n),e})},[O,C]),w=r.useCallback((n,t)=>O(e=>{const s=new Map(e);return s.set(n,t),s}),[O]),y=r.useMemo(()=>({setValue:c,registerOption:M,unregisterOption:v,setOptionProps:w,selectOption:x,deselectOption:b}),[c,M,v,w,x,b]),k=r.useMemo(()=>{if(!o||!i.size)return[];const n=Array.from(i.values()),t=new Map(n.map(e=>[e.value,e]));return d.current.length===0?[]:d.current.map(e=>t.get(e)).filter(Boolean)},[o,i]),R=r.useCallback(n=>g.current.get(n),[]),z=r.useCallback(n=>{const t=a[n];if(t)return R(t)},[R,a]);return r.useMemo(()=>({optionsContext:y,selectedOptionsProps:k,optionIds:a,optionsProps:i,deselectOptionValue:m,indexOfLastSelectedOptionRef:p,getOptionByIndex:z}),[y,m,a,i,k,p,z])};exports.OptionsProvider=P;exports.useCreateOptionsContext=V;exports.useOptionsContext=S;