@viasat/beam-react 2.0.0

package/lib/Popover/Popover.trigger.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime");require("../../chunks/FloatingUI.context.BULqADss.js");const t=require("../FloatingUI/FloatingUI.trigger.cjs.js"),s=require("../FloatingUI/FloatingUI.trigger.close.cjs.js");require("../FloatingUI/FloatingUI.content.cjs.js");const g=({children:e,...r})=>i.jsx(t.Trigger,{...r,children:e});g.displayName="Popover.Trigger";const o=({children:e,...r})=>i.jsx(s.CloseTrigger,{...r,children:e});o.displayName="Popover.CloseTrigger";exports.CloseTrigger=o;exports.Trigger=g;

package/lib/Popover/Popover.trigger.d.ts

@@ -0,0 +1,22 @@
+import { ReactNode } from 'react';
+import { TriggerProps } from '../FloatingUI/FloatingUI.trigger';
+export interface PopoverTriggerProps extends TriggerProps {
+    /**
+     * The content that will trigger the Popover. Forward refs to the trigger element.
+     */
+    children: ReactNode;
+}
+export declare const Trigger: {
+    ({ children, ...props }: PopoverTriggerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export interface PopoverCloseTriggerProps extends TriggerProps {
+    /**
+     * The content that will close the Popover
+     */
+    children: ReactNode;
+}
+export declare const CloseTrigger: {
+    ({ children, ...props }: PopoverCloseTriggerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/lib/Popover/Popover.trigger.es.js

@@ -0,0 +1,13 @@
+import { jsx as e } from "react/jsx-runtime";
+import "../../chunks/FloatingUI.context.2kPXcTvi.js";
+import { Trigger as g } from "../FloatingUI/FloatingUI.trigger.es.js";
+import { CloseTrigger as i } from "../FloatingUI/FloatingUI.trigger.close.es.js";
+import "../FloatingUI/FloatingUI.content.es.js";
+const s = ({ children: r, ...o }) => /* @__PURE__ */ e(g, { ...o, children: r });
+s.displayName = "Popover.Trigger";
+const m = ({ children: r, ...o }) => /* @__PURE__ */ e(i, { ...o, children: r });
+m.displayName = "Popover.CloseTrigger";
+export {
+  m as CloseTrigger,
+  s as Trigger
+};

package/lib/Popover/Popover.utils.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../../utils/hooks/index.cjs.js"),i=require("../../chunks/constants.hwjHOsvT.js"),o=require("../../chunks/CSSLookup.DESAWWRT.js"),s=require("../../chunks/tokens.Bgac_JPh.js"),t=require("react"),c=e=>{const n=u.useCSSLookup(s.bmCompPopoverSpaceOffset),r=t.useMemo(()=>{if(e!==void 0&&typeof e=="number"&&i.SpacingValuesAsNumbers.includes(e))return o.convertRemToPixels(e/100)},[e]);return t.useMemo(()=>e===void 0?o.parseSizeString(n):r!==void 0?r:typeof e=="number"?o.convertRemToPixels(e):e,[e,n,r])};exports.usePopOverOffSet=c;

package/lib/Popover/Popover.utils.d.ts

@@ -0,0 +1,2 @@
+import { PopoverProps } from './Popover';
+export declare const usePopOverOffSet: (_offset: PopoverProps["offset"]) => import('@floating-ui/dom').OffsetOptions | undefined;

package/lib/Popover/Popover.utils.es.js

@@ -0,0 +1,15 @@
+import { useCSSLookup as n } from "../../utils/hooks/index.es.js";
+import { S as t } from "../../chunks/constants.BBi77pmH.js";
+import { c as i, p as u } from "../../chunks/CSSLookup.Cjf6o2Gz.js";
+import { c as p } from "../../chunks/tokens.CXaNS8Cf.js";
+import { useMemo as m } from "react";
+const b = (r) => {
+  const o = n(p), e = m(() => {
+    if (r !== void 0 && typeof r == "number" && t.includes(r))
+      return i(r / 100);
+  }, [r]);
+  return m(() => r === void 0 ? u(o) : e !== void 0 ? e : typeof r == "number" ? i(r) : r, [r, o, e]);
+};
+export {
+  b as usePopOverOffSet
+};

package/lib/Popover/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Popover.cjs.js");exports.Popover=e.Popover;exports.default=e.Popover;

package/lib/Popover/index.d.ts

@@ -0,0 +1,3 @@
+import { default as Popover } from './Popover';
+export { Popover };
+export default Popover;

package/lib/Popover/index.es.js

@@ -0,0 +1,5 @@
+import { Popover as r } from "./Popover.es.js";
+export {
+  r as Popover,
+  r as default
+};

package/lib/PortalProvider/PortalContext.cjs.js

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

package/lib/PortalProvider/PortalContext.d.ts

@@ -0,0 +1,32 @@
+/**
+ * A function type that creates a portal for the given React element.
+ *
+ * @template E - The type of the React element to portal.
+ * @template F - The type of the fallback element (defaults to `null`).
+ * @param {E} element - The React element to portal.
+ * @param {F} [fallbackElement] - The fallback element to return if the container is not available.
+ * @returns {React.ReactPortal | F | null} - The portal element, fallback element, or `null`.
+ */
+export type CreatePortalFn = <E extends React.ReactNode, F extends React.ReactNode = null>(element: E, fallbackElement?: F) => React.ReactPortal | F | null;
+/**
+ * The value provided by the `PortalContext`.
+ */
+export type PortalContextValue = {
+    /** Function to create a portal for a given React element. */
+    createPortal: CreatePortalFn;
+    /** Reference to the container element where the portal will be rendered. */
+    containerRef: React.RefObject<HTMLElement | null>;
+};
+/**
+ * Context that provides the `createPortal` function and container reference to its children.
+ * This context is compatible with Next.js and ensures no errors during the first render on the server
+ * by using a fallback element if the container is not available.
+ */
+export declare const PortalContext: import('react').Context<PortalContextValue | undefined>;
+/**
+ * A custom hook to access the `PortalContext` value.
+ *
+ * @throws Will throw an error if used outside of a `PortalProvider`.
+ * @returns {PortalContextValue} - The context value containing `createPortal` and `containerRef`.
+ */
+export declare const usePortal: () => PortalContextValue;

package/lib/PortalProvider/PortalContext.es.js

@@ -0,0 +1,13 @@
+import { createContext as o, useContext as r } from "react";
+const e = o(
+  void 0
+), s = () => {
+  const t = r(e);
+  if (!t)
+    throw new Error("usePortal must be used within a PortalProvider");
+  return t;
+};
+export {
+  e as PortalContext,
+  s as usePortal
+};

package/lib/PortalProvider/PortalProvider.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),l=require("react"),c=require("react-dom"),i=require("../../utils/hooks/useIsMounted.cjs.js"),a=require("./PortalContext.cjs.js"),P=({containerRef:e,children:r})=>{i.useIsMounted();const t=e.current,o=l.useMemo(()=>({containerRef:e,createPortal:(u,n)=>t?c.createPortal(u,t):n??null}),[e,t]);return s.jsx(a.PortalContext.Provider,{value:o,children:r})};exports.PortalProvider=P;

package/lib/PortalProvider/PortalProvider.d.ts

@@ -0,0 +1,22 @@
+import { default as React } from 'react';
+/**
+ * Props for the `PortalProvider` component.
+ */
+export type PortalProviderProps = {
+    /** The children elements to be wrapped by the provider. */
+    children: React.ReactNode;
+    /** A reference to the container element where portals will be rendered. */
+    containerRef: React.RefObject<HTMLElement | null>;
+};
+/**
+ * A provider component that supplies a `createPortal` function and container reference to its children.
+ * This allows components to create portals within the specified container.
+ *
+ * This provider is compatible with Next.js and will not throw errors during the first render on the server
+ * because it uses fallback functionality when the container is not available. This ensures that the server-side
+ * render process is not disrupted by missing DOM elements.
+ *
+ * @param {PortalProviderProps} props - The props for the `PortalProvider` component.
+ * @returns {React.ReactElement} - The provider wrapping the children.
+ */
+export declare const PortalProvider: React.FC<PortalProviderProps>;

package/lib/PortalProvider/PortalProvider.es.js

@@ -0,0 +1,22 @@
+import { jsx as u } from "react/jsx-runtime";
+import { useMemo as l } from "react";
+import a from "react-dom";
+import { useIsMounted as c } from "../../utils/hooks/useIsMounted.es.js";
+import { PortalContext as i } from "./PortalContext.es.js";
+const d = ({
+  containerRef: r,
+  children: o
+}) => {
+  c();
+  const t = r.current, e = l(
+    () => ({
+      containerRef: r,
+      createPortal: (m, n) => t ? a.createPortal(m, t) : n ?? null
+    }),
+    [r, t]
+  );
+  return /* @__PURE__ */ u(i.Provider, { value: e, children: o });
+};
+export {
+  d as PortalProvider
+};

package/lib/PortalProvider/index.cjs.js

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

package/lib/PortalProvider/index.d.ts

@@ -0,0 +1,2 @@
+export * from './PortalContext';
+export * from './PortalProvider';

package/lib/PortalProvider/index.es.js

@@ -0,0 +1,7 @@
+import { PortalContext as t, usePortal as e } from "./PortalContext.es.js";
+import { PortalProvider as a } from "./PortalProvider.es.js";
+export {
+  t as PortalContext,
+  a as PortalProvider,
+  e as usePortal
+};

package/lib/ProgressBar/ProgressBar.cjs.js

@@ -0,0 +1 @@
+var T=require("../../assets/ProgressBar.css");Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),k=require("../../chunks/constants.hwjHOsvT.js"),j=require("../../chunks/classNames.DAeKwerT.js"),P=require("clsx"),M=require("../../chunks/form.context.B1PXIJNq.js"),c=require("../../utils/hooks/useId.cjs.js");function q(r,s){if(r==="error")return Math.max(4,s??4);if(r==="success")return 100;if(s!==void 0)return Math.max(0,Math.min(100,s))}function y(r){return r==="success"?{appearance:"positive",hideIcon:!1}:r==="error"?{appearance:"negative",hideIcon:!1}:{appearance:"info",hideIcon:!0}}const e={"bm-light":"bm-light","bm-dark":"bm-dark","bm-inverse":"bm-inverse","bm-progress-bar":"bm-progress-bar","bm-progress-bar__label":"bm-progress-bar__label","bm-progress-bar__track":"bm-progress-bar__track","bm-progress-bar__status":"bm-progress-bar__status","bm-progress-bar--sm":"bm-progress-bar--sm","bm-progress-bar--lg":"bm-progress-bar--lg","bm-progress-bar--full-width":"bm-progress-bar--full-width","bm-progress-bar--active":"bm-progress-bar--active","bm-progress-bar__indicator":"bm-progress-bar__indicator","bm-progress-bar--success":"bm-progress-bar--success","bm-progress-bar--error":"bm-progress-bar--error","bm-progress-bar--determinate":"bm-progress-bar--determinate","bm-progress-bar--indeterminate":"bm-progress-bar--indeterminate","bm-progress-bar-indeterminate-indicator-animation":"bm-progress-bar-indeterminate-indicator-animation"},{baseClassNamePrefix:w,classModifierPrefix:t,subElementClassPrefix:i}=j.getBEMClassNames("progress-bar");function _({state:r="active",size:s="md",label:o,helperText:b,fullWidth:f=!1,theme:l,value:n,className:h,"aria-label":v,"aria-labelledby":x,...$}){const d=c.useId(),p=c.useId(),u=c.useId(),m=r!=="success"&&n===void 0?"indeterminate":"determinate",g=q(r,n),N=y(r),I=P(e[w],l&&k.themeClassName(l),e[`${t}${m}`],e[`${t}${r}`],s&&e[`${t}${s}`],f&&e[`${t}full-width`],h);return a.jsxs("div",{className:I,...$,children:[o&&a.jsx("label",{id:d,htmlFor:p,className:e[`${i}label`],children:o}),a.jsxs("div",{id:p,role:"progressbar","aria-label":v,"aria-labelledby":x??(o?d:void 0),"aria-describedby":b?u:void 0,"aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":n,className:e[`${i}track`],children:[m==="determinate"&&a.jsx("div",{className:e[`${i}indicator`],style:g!==void 0&&{width:`${g}%`}||void 0}),m==="indeterminate"&&a.jsx("div",{className:e[`${i}indicator`]})]}),b&&a.jsx(M.HelperText,{id:u,className:e[`${i}status`],...N,children:b})]})}exports.ProgressBar=_;exports.default=_;

package/lib/ProgressBar/ProgressBar.d.ts

@@ -0,0 +1,38 @@
+import { default as React } from 'react';
+import { ProgressBarSize, ProgressBarState } from '@viasat/beam-shared/components/progressBar';
+import { ThemeTypes } from '@viasat/beam-shared/utils';
+export interface ProgressBarProps extends React.ComponentPropsWithoutRef<'div'> {
+    /**
+     * Specify the ProgressBar state
+     * @default 'active'
+     */
+    state?: ProgressBarState;
+    /**
+     * Specify the size of the ProgressBar
+     * @default 'md'
+     */
+    size?: ProgressBarSize;
+    /**
+     * Provide text for the ProgressBar label
+     */
+    label?: React.ReactNode;
+    /**
+     * Specify helperText for ProgressBar. helperText is required for the Error state.
+     */
+    helperText?: React.ReactNode;
+    /**
+     * Specify if the ProgressBar has no corner radius
+     * @default false
+     */
+    fullWidth?: boolean;
+    /**
+     * Specify the theme of the ProgressBar. By default it inherits the theme from the parent
+     */
+    theme?: ThemeTypes;
+    /**
+     * Specify if a ProgressBar is determinate by setting a value between 0 and 100.
+     */
+    value?: number;
+}
+export declare function ProgressBar({ state, size, label, helperText, fullWidth, theme, value, 'className': customClassName, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, ...props }: ProgressBarProps): import("react/jsx-runtime").JSX.Element;
+export default ProgressBar;

package/lib/ProgressBar/ProgressBar.es.js

@@ -0,0 +1,117 @@
+import "../../assets/ProgressBar.css";
+import { jsxs as f, jsx as i } from "react/jsx-runtime";
+import { t as I } from "../../chunks/constants.BBi77pmH.js";
+import { g as P } from "../../chunks/classNames.DNsS4J__.js";
+import w from "clsx";
+import { H as y } from "../../chunks/form.context.CNWjF5qA.js";
+import { useId as c } from "../../utils/hooks/useId.es.js";
+function M(r, e) {
+  if (r === "error")
+    return Math.max(4, e ?? 4);
+  if (r === "success")
+    return 100;
+  if (e !== void 0)
+    return Math.max(0, Math.min(100, e));
+}
+function C(r) {
+  return r === "success" ? {
+    appearance: "positive",
+    hideIcon: !1
+  } : r === "error" ? {
+    appearance: "negative",
+    hideIcon: !1
+  } : {
+    appearance: "info",
+    hideIcon: !0
+  };
+}
+const s = {
+  "bm-light": "bm-light",
+  "bm-dark": "bm-dark",
+  "bm-inverse": "bm-inverse",
+  "bm-progress-bar": "bm-progress-bar",
+  "bm-progress-bar__label": "bm-progress-bar__label",
+  "bm-progress-bar__track": "bm-progress-bar__track",
+  "bm-progress-bar__status": "bm-progress-bar__status",
+  "bm-progress-bar--sm": "bm-progress-bar--sm",
+  "bm-progress-bar--lg": "bm-progress-bar--lg",
+  "bm-progress-bar--full-width": "bm-progress-bar--full-width",
+  "bm-progress-bar--active": "bm-progress-bar--active",
+  "bm-progress-bar__indicator": "bm-progress-bar__indicator",
+  "bm-progress-bar--success": "bm-progress-bar--success",
+  "bm-progress-bar--error": "bm-progress-bar--error",
+  "bm-progress-bar--determinate": "bm-progress-bar--determinate",
+  "bm-progress-bar--indeterminate": "bm-progress-bar--indeterminate",
+  "bm-progress-bar-indeterminate-indicator-animation": "bm-progress-bar-indeterminate-indicator-animation"
+}, { baseClassNamePrefix: H, classModifierPrefix: o, subElementClassPrefix: a } = P("progress-bar");
+function A({
+  state: r = "active",
+  size: e = "md",
+  label: t,
+  helperText: m,
+  fullWidth: h = !1,
+  theme: d,
+  value: b,
+  className: v,
+  "aria-label": _,
+  "aria-labelledby": $,
+  ...x
+}) {
+  const l = c(), p = c(), g = c(), n = r !== "success" && b === void 0 ? "indeterminate" : "determinate", u = M(r, b), N = C(r), k = w(
+    s[H],
+    d && I(d),
+    s[`${o}${n}`],
+    s[`${o}${r}`],
+    e && s[`${o}${e}`],
+    h && s[`${o}full-width`],
+    v
+  );
+  return /* @__PURE__ */ f("div", { className: k, ...x, children: [
+    t && /* @__PURE__ */ i(
+      "label",
+      {
+        id: l,
+        htmlFor: p,
+        className: s[`${a}label`],
+        children: t
+      }
+    ),
+    /* @__PURE__ */ f(
+      "div",
+      {
+        id: p,
+        role: "progressbar",
+        "aria-label": _,
+        "aria-labelledby": $ ?? (t ? l : void 0),
+        "aria-describedby": m ? g : void 0,
+        "aria-valuemin": 0,
+        "aria-valuemax": 100,
+        "aria-valuenow": b,
+        className: s[`${a}track`],
+        children: [
+          n === "determinate" && /* @__PURE__ */ i(
+            "div",
+            {
+              className: s[`${a}indicator`],
+              style: u !== void 0 && { width: `${u}%` } || void 0
+            }
+          ),
+          n === "indeterminate" && /* @__PURE__ */ i("div", { className: s[`${a}indicator`] })
+        ]
+      }
+    ),
+    m && /* @__PURE__ */ i(
+      y,
+      {
+        id: g,
+        className: s[`${a}status`],
+        ...N,
+        children: m
+      }
+    )
+  ] });
+}
+export {
+  A as ProgressBar,
+  A as default
+};

package/lib/ProgressBar/index.cjs.js

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

package/lib/ProgressBar/index.d.ts

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

package/lib/ProgressBar/index.es.js

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

package/lib/RadioButton/RadioButton.cjs.js

@@ -0,0 +1 @@
+var re=require("../../assets/RadioButton.css");Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),z=require("react"),L=require("clsx"),J=require("../Form/hooks/useUniversalRef.hook.cjs.js"),Q=require("../../chunks/constants.hwjHOsvT.js"),W=require("../../chunks/form.context.B1PXIJNq.js"),X=require("../../chunks/classNames.DAeKwerT.js");require("../Form/contexts/label.context.cjs.js");require("../Form/contexts/helperText.context.cjs.js");const Y=require("../InputChoiceGroup/InputChoiceGroup.context.cjs.js");function Z(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const a=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(r,o,a.get?a:{enumerable:!0,get:()=>e[o]})}}return r.default=e,Object.freeze(r)}const l=Z(z),t={"bm-light":"bm-light","bm-dark":"bm-dark","bm-inverse":"bm-inverse","bm-radio-button":"bm-radio-button","bm-radio-button--read-only":"bm-radio-button--read-only","bm-radio-button--disabled":"bm-radio-button--disabled","bm-radio-button__label":"bm-radio-button__label","bm-radio-button--error":"bm-radio-button--error","bm-radio-button__input":"bm-radio-button__input","bm-radio-button--with-label":"bm-radio-button--with-label"},{baseClassNamePrefix:ee,subElementClassPrefix:y,classModifierPrefix:c}=X.getBEMClassNames("radio-button"),R=l.forwardRef(function({label:e,theme:r,className:o,error:a=!1,readOnly:C=!1,disabled:g=!1,required:q=!1,...v},w){const{value:u,name:O,onKeyDown:d,"aria-invalid":te,defaultChecked:j,...k}=v,{refFn:N}=J.useUniversalRef(w),f=l.useRef(null),{ctxDisabled:D,ctxReadOnly:P,ctxRequired:B,ctxInitialValues:p}=l.useContext(W.FormContext),{ctxName:I,ctxError:E,ctxDisabled:F,ctxReadOnly:$,ctxRequired:M}=l.useContext(Y.InputChoiceGroupContext),s=O||I,A=a||E,x=g||F||D,S=q||M||B,_=C||$||P,T=s&&s in p?!!u&&p[s]===u:void 0,G=j||T,U=L(t[ee],r&&Q.themeClassName(r),A&&t[`${c}error`],e&&t[`${c}with-label`],x&&t[`${c}disabled`],_&&t[`${c}read-only`],o),h=n=>{const{target:b}=n,{current:m}=f;b===m&&n.stopPropagation()},H=n=>{const{target:b,key:m}=n,{readOnly:K}=b,V=[" ","ArrowUp","ArrowDown","ArrowLeft","ArrowRight"].includes(m);d==null||d(n),K&&V&&n.preventDefault()};return i.jsx("div",{className:U,children:i.jsxs("label",{tabIndex:-1,ref:f,onBlur:h,onFocus:h,className:t[`${y}label`],children:[i.jsx("input",{ref:N,name:s,type:"radio",value:u,required:S,disabled:x,readOnly:_,defaultChecked:G,onKeyDown:H,className:t[`${y}input`],...k}),e&&i.jsx("span",{children:e})]})})});exports.RadioButton=R;exports.default=R;

package/lib/RadioButton/RadioButton.d.ts

@@ -0,0 +1,29 @@
+import { ThemeTypes } from '@viasat/beam-shared/utils/constants';
+import * as React from 'react';
+export interface RadioButtonProps extends React.ComponentPropsWithRef<'input'> {
+    /**
+     * Specify the text for the label
+     */
+    label?: React.ReactNode;
+    /**
+     * Specify error text and display error state of a RadioButton
+     * @default false
+     */
+    error?: boolean;
+    /**
+     * Specify if RadioButton displays in a read-only state
+     * @default false
+     */
+    readOnly?: boolean;
+    /**
+     * Specify if RadioButton displays in a disabled state
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Specify the theme of the RadioButton. By default it inherits the theme from the parent
+     */
+    theme?: ThemeTypes;
+}
+export declare const RadioButton: React.ForwardRefExoticComponent<Omit<RadioButtonProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export default RadioButton;

package/lib/RadioButton/RadioButton.es.js

@@ -0,0 +1,101 @@
+import "../../assets/RadioButton.css";
+import { jsx as m, jsxs as H } from "react/jsx-runtime";
+import * as r from "react";
+import J from "clsx";
+import { useUniversalRef as Q } from "../Form/hooks/useUniversalRef.hook.es.js";
+import { t as S } from "../../chunks/constants.BBi77pmH.js";
+import { F as T } from "../../chunks/form.context.CNWjF5qA.js";
+import { g as W } from "../../chunks/classNames.DNsS4J__.js";
+import "../Form/contexts/label.context.es.js";
+import "../Form/contexts/helperText.context.es.js";
+import { InputChoiceGroupContext as X } from "../InputChoiceGroup/InputChoiceGroup.context.es.js";
+const t = {
+  "bm-light": "bm-light",
+  "bm-dark": "bm-dark",
+  "bm-inverse": "bm-inverse",
+  "bm-radio-button": "bm-radio-button",
+  "bm-radio-button--read-only": "bm-radio-button--read-only",
+  "bm-radio-button--disabled": "bm-radio-button--disabled",
+  "bm-radio-button__label": "bm-radio-button__label",
+  "bm-radio-button--error": "bm-radio-button--error",
+  "bm-radio-button__input": "bm-radio-button__input",
+  "bm-radio-button--with-label": "bm-radio-button--with-label"
+}, { baseClassNamePrefix: Y, subElementClassPrefix: h, classModifierPrefix: a } = W("radio-button"), mt = r.forwardRef(
+  function({
+    label: n,
+    theme: b,
+    className: y,
+    error: C = !1,
+    readOnly: R = !1,
+    disabled: w = !1,
+    required: _ = !1,
+    ...g
+  }, v) {
+    const {
+      value: s,
+      name: N,
+      onKeyDown: i,
+      "aria-invalid": Z,
+      defaultChecked: k,
+      ...B
+    } = g, { refFn: D } = Q(v), c = r.useRef(null), {
+      ctxDisabled: E,
+      ctxReadOnly: F,
+      ctxRequired: O,
+      ctxInitialValues: u
+    } = r.useContext(T), { ctxName: $, ctxError: q, ctxDisabled: I, ctxReadOnly: P, ctxRequired: A } = r.useContext(X), o = N || $, j = C || q, f = w || I || E, K = _ || A || O, p = R || P || F, M = o && o in u ? !!s && u[o] === s : void 0, U = k || M, V = J(
+      t[Y],
+      b && S(b),
+      j && t[`${a}error`],
+      n && t[`${a}with-label`],
+      f && t[`${a}disabled`],
+      p && t[`${a}read-only`],
+      y
+    ), x = (e) => {
+      const { target: l } = e, { current: d } = c;
+      l === d && e.stopPropagation();
+    }, G = (e) => {
+      const { target: l, key: d } = e, { readOnly: L } = l, z = [
+        " ",
+        "ArrowUp",
+        "ArrowDown",
+        "ArrowLeft",
+        "ArrowRight"
+      ].includes(d);
+      i == null || i(e), L && z && e.preventDefault();
+    };
+    return /* @__PURE__ */ m("div", { className: V, children: /* @__PURE__ */ H(
+      "label",
+      {
+        tabIndex: -1,
+        ref: c,
+        onBlur: x,
+        onFocus: x,
+        className: t[`${h}label`],
+        children: [
+          /* @__PURE__ */ m(
+            "input",
+            {
+              ref: D,
+              name: o,
+              type: "radio",
+              value: s,
+              required: K,
+              disabled: f,
+              readOnly: p,
+              defaultChecked: U,
+              onKeyDown: G,
+              className: t[`${h}input`],
+              ...B
+            }
+          ),
+          n && /* @__PURE__ */ m("span", { children: n })
+        ]
+      }
+    ) });
+  }
+);
+export {
+  mt as RadioButton,
+  mt as default
+};

package/lib/RadioButton/index.cjs.js

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

package/lib/RadioButton/index.d.ts

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

package/lib/RadioButton/index.es.js

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

package/lib/SegmentedControl/SegmentedControl.Item.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),L=require("react"),P=require("clsx"),z=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const t=require("../../chunks/segmentedControl.module.BTtkp9Hz.js"),A=require("./SegmentedControlContext.cjs.js"),M=require("../StateLayer/StateLayer.cjs.js"),V=require("../Tooltip/Tooltip.cjs.js"),B=require("../../utils/hooks/index.cjs.js"),H=require("../../utils/hooks/useKeyboardNavigation.cjs.js"),v=({value:s,children:l,disabled:N=!1,icon:i,"aria-label":f,className:C,...I})=>{const o=L.useRef(null),{disabled:E,size:y,onChange:r,selectedValue:j,setSelectedValue:b,fluid:R,controlItems:u}=A.useSegmentedControl(),{subElementClassPrefix:T}=z.getBEMClassNames("segmented-control"),e=`${T}item`,c=N||E,_=j===s,g=u.indexOf(s),p=g===0,w=u.length>0&&g===u.length-1,K=P(t.styles[e],y&&t.styles[`${e}--${y}`],c&&t.styles[`${e}--disabled`],R&&t.styles[`${e}--fluid`],p&&t.styles[`${e}--first`],w&&!p&&t.styles[`${e}--last`],i&&!l&&t.styles[`${e}--iconOnly`],_&&t.styles[`${e}--selected`],C),O=()=>{c||(b(s),r==null||r(s))},k=n=>{var S;if(n!==s){if(!((S=o.current)!=null&&S.parentElement))return;const m=o.current.parentElement.querySelector(`[data-segment-value="${n}"]`);if(m){const q=m.querySelector("input");q?q.focus():m.focus()}}},F=()=>{var n;return(n=o.current)!=null&&n.parentElement?{current:o.current.parentElement}:o},{handleKeyDown:h}=H.useKeyboardNavigation({currentValue:s,items:u||[],containerRef:F(),dataAttribute:"data-segment-value",disabledClassName:t.styles[`${e}--disabled`],onFocusItem:k,onSelectItem:n=>{c||(b(n),r==null||r(n))},isHorizontal:!0}),x=`${e}-${s}`,{ref:D,isOverFlowing:$}=B.useIsOverFlowing();let d=!1;return!l&&i&&(d=!0),$&&(d=!0),l&&i&&!$&&(d=!1),a.jsx(V.Tooltip,{text:f||l,disabled:!d,children:a.jsxs("button",{id:x,className:K,ref:o,"data-segment-value":s,"aria-disabled":c,tabIndex:_?0:-1,onClick:O,onKeyDown:h,"aria-label":f,...I,children:[a.jsxs("span",{className:`${e}__content`,children:[i&&a.jsx("span",{className:`${e}__icon`,children:i}),l&&a.jsx("span",{ref:D,className:`${e}__controlText`,children:l})]}),!c&&a.jsx(M.StateLayer,{className:`${e}__state-layer`})]},x)})};exports.SegmentedControlItem=v;

package/lib/SegmentedControl/SegmentedControl.Item.d.ts

@@ -0,0 +1,20 @@
+import { default as React, ReactNode } from 'react';
+export interface SegmentedControlItemProps extends React.ComponentPropsWithoutRef<'button'> {
+    /**
+     * Specify the value of the item
+     */
+    value: string;
+    /**
+     * Specify the text of the item
+     */
+    children?: ReactNode;
+    /**
+     * Specify if this item is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Specify an icon for the item
+     */
+    icon?: ReactNode;
+}
+export declare const SegmentedControlItem: ({ value, children, "disabled": _disabled, icon, "aria-label": ariaLabel, "className": _className, ...props }: SegmentedControlItemProps) => import("react/jsx-runtime").JSX.Element;