@pega/cosmos-react-core 5.0.0-dev.4.7 → 5.0.0-dev.4.8

package/lib/components/Progress/Progress.types.d.ts

@@ -1,60 +0,0 @@
-import { Ref } from 'react';
-import { BaseProps, NoChildrenProp } from '../../types';
-import { BackdropProps } from '../Backdrop/Backdrop';
-export interface ProgressProps extends BaseProps, NoChildrenProp {
-    /**
-     * Determines which variant should be rendered.
-     * @default 'ring'
-     */
-    variant?: 'ring' | 'bar' | 'ellipsis';
-    /**
-     * Minimum possible value.
-     * @default 0
-     */
-    minValue?: number;
-    /**
-     * Maximum possible value.
-     * @default 100
-     */
-    maxValue?: number;
-    /** Current progress value within the range specified, or the default range of 0-100. */
-    value?: number;
-    /** Provides a message to the user along with the component. */
-    message?: string;
-    /**
-     * Determines the placement of the component.
-     * @default 'global'
-     */
-    placement?: 'global' | 'local' | 'block' | 'inline';
-    /**
-     * When true, fade in occurs when component mounts.
-     * When false, mounted component fades out then re-renders self and returns null, removing itself from the DOM.
-     * This is technically not the same as unmounting via parent.
-     * Applicable for all placements but the fade effect is only applicable to 'global' | 'local' placement.
-     * @default true
-     */
-    visible?: boolean;
-    /**
-     * If true, upon visible render the indicator element will take focus.
-     * @default false
-     */
-    focusOnVisible?: boolean;
-    /**
-     * If true, the indicator will not render as visible until 1sec after the visible prop is set to true.
-     * This is a best estimate to avoid visual flicker where progress is resolved within 1sec.
-     * @default false
-     */
-    delay?: boolean;
-    /** Called when the css transition ends on the way in. */
-    onTransitionEndIn?: BackdropProps['onAfterTransitionIn'];
-    /** Called when the css transition ends on the way out...A good time to unmount! */
-    onTransitionEndOut?: BackdropProps['onAfterTransitionOut'];
-    /** Triggers live announcement on show and value or message change. */
-    liveConfig?: {
-        /** Distinguishes the source of the update on the page. */
-        contextualLabel: string;
-    };
-    /** Ref to the visual indicator element, currently a role of progressbar. */
-    ref?: Ref<HTMLDivElement>;
-}
-//# sourceMappingURL=Progress.types.d.ts.map

package/lib/components/Progress/Progress.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Progress.types.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/Progress.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAErD,MAAM,WAAW,aAAc,SAAQ,SAAS,EAAE,cAAc;IAC9D;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,UAAU,CAAC;IACtC;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wFAAwF;IACxF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+DAA+D;IAC/D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,SAAS,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC;IACpD;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,yDAAyD;IACzD,iBAAiB,CAAC,EAAE,aAAa,CAAC,qBAAqB,CAAC,CAAC;IACzD,mFAAmF;IACnF,kBAAkB,CAAC,EAAE,aAAa,CAAC,sBAAsB,CAAC,CAAC;IAC3D,sEAAsE;IACtE,UAAU,CAAC,EAAE;QACX,0DAA0D;QAC1D,eAAe,EAAE,MAAM,CAAC;KACzB,CAAC;IACF,4EAA4E;IAC5E,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B"}

package/lib/components/Progress/Progress.types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=Progress.types.js.map

package/lib/components/Progress/Progress.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Progress.types.js","sourceRoot":"","sources":["../../../src/components/Progress/Progress.types.ts"],"names":[],"mappings":"","sourcesContent":["import { Ref } from 'react';\n\nimport { BaseProps, NoChildrenProp } from '../../types';\nimport { BackdropProps } from '../Backdrop/Backdrop';\n\nexport interface ProgressProps extends BaseProps, NoChildrenProp {\n  /**\n   * Determines which variant should be rendered.\n   * @default 'ring'\n   */\n  variant?: 'ring' | 'bar' | 'ellipsis';\n  /**\n   * Minimum possible value.\n   * @default 0\n   */\n  minValue?: number;\n  /**\n   * Maximum possible value.\n   * @default 100\n   */\n  maxValue?: number;\n  /** Current progress value within the range specified, or the default range of 0-100. */\n  value?: number;\n  /** Provides a message to the user along with the component. */\n  message?: string;\n  /**\n   * Determines the placement of the component.\n   * @default 'global'\n   */\n  placement?: 'global' | 'local' | 'block' | 'inline';\n  /**\n   * When true, fade in occurs when component mounts.\n   * When false, mounted component fades out then re-renders self and returns null, removing itself from the DOM.\n   * This is technically not the same as unmounting via parent.\n   * Applicable for all placements but the fade effect is only applicable to 'global' | 'local' placement.\n   * @default true\n   */\n  visible?: boolean;\n  /**\n   * If true, upon visible render the indicator element will take focus.\n   * @default false\n   */\n  focusOnVisible?: boolean;\n  /**\n   * If true, the indicator will not render as visible until 1sec after the visible prop is set to true.\n   * This is a best estimate to avoid visual flicker where progress is resolved within 1sec.\n   * @default false\n   */\n  delay?: boolean;\n  /** Called when the css transition ends on the way in. */\n  onTransitionEndIn?: BackdropProps['onAfterTransitionIn'];\n  /** Called when the css transition ends on the way out...A good time to unmount! */\n  onTransitionEndOut?: BackdropProps['onAfterTransitionOut'];\n  /** Triggers live announcement on show and value or message change. */\n  liveConfig?: {\n    /** Distinguishes the source of the update on the page. */\n    contextualLabel: string;\n  };\n  /** Ref to the visual indicator element, currently a role of progressbar. */\n  ref?: Ref<HTMLDivElement>;\n}\n"]}

package/lib/components/Progress/Ring.d.ts

@@ -1,6 +0,0 @@
-import { FC } from 'react';
-import { ForwardProps } from '../../types';
-import { ProgressProps } from './Progress.types';
-declare const Ring: FC<ProgressProps & ForwardProps>;
-export default Ring;
-//# sourceMappingURL=Ring.d.ts.map

package/lib/components/Progress/Ring.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Ring.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/Ring.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAA+B,MAAM,OAAO,CAAC;AAExD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAG3C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,QAAA,MAAM,IAAI,EAAE,EAAE,CAAC,aAAa,GAAG,YAAY,CA6BzC,CAAC;AAEH,eAAe,IAAI,CAAC"}

package/lib/components/Progress/Ring.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import { StyledProgressRing } from './Progress.styles';
-const Ring = forwardRef(function Ring({ value, minValue = 0, maxValue = 100, placement, ...restProps }, ref) {
-    let strokeDashoffset;
-    const circumference = 18 * Math.PI;
-    if (typeof value !== 'number')
-        strokeDashoffset = (1 - 33 / 100) * circumference;
-    else if (value > maxValue || minValue > maxValue)
-        strokeDashoffset = 0;
-    else if (value < minValue)
-        strokeDashoffset = circumference;
-    else
-        strokeDashoffset = (1 - (value - minValue) / (maxValue - minValue)) * circumference;
-    return (_jsx(StyledProgressRing, { ref: ref, role: 'progressbar', "aria-valuemin": minValue, "aria-valuemax": maxValue, "aria-valuenow": value, placement: placement, determinate: typeof value === 'number', ...restProps, children: _jsxs("svg", { viewBox: '0 0 20 20', children: [_jsx("circle", {}), _jsx("circle", { strokeDasharray: circumference, style: { strokeDashoffset } })] }) }));
-});
-export default Ring;
-//# sourceMappingURL=Ring.js.map

package/lib/components/Progress/Ring.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Ring.js","sourceRoot":"","sources":["../../../src/components/Progress/Ring.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAM,UAAU,EAAmB,MAAM,OAAO,CAAC;AAIxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAGvD,MAAM,IAAI,GAAqC,UAAU,CAAC,SAAS,IAAI,CACrE,EAAE,KAAK,EAAE,QAAQ,GAAG,CAAC,EAAE,QAAQ,GAAG,GAAG,EAAE,SAAS,EAAE,GAAG,SAAS,EAAkC,EAChG,GAAyB;IAEzB,IAAI,gBAAgB,CAAC;IACrB,MAAM,aAAa,GAAG,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC;IAEnC,IAAI,OAAO,KAAK,KAAK,QAAQ;QAAE,gBAAgB,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,GAAG,CAAC,GAAG,aAAa,CAAC;SAC5E,IAAI,KAAK,GAAG,QAAQ,IAAI,QAAQ,GAAG,QAAQ;QAAE,gBAAgB,GAAG,CAAC,CAAC;SAClE,IAAI,KAAK,GAAG,QAAQ;QAAE,gBAAgB,GAAG,aAAa,CAAC;;QACvD,gBAAgB,GAAG,CAAC,CAAC,GAAG,CAAC,KAAK,GAAG,QAAQ,CAAC,GAAG,CAAC,QAAQ,GAAG,QAAQ,CAAC,CAAC,GAAG,aAAa,CAAC;IAEzF,OAAO,CACL,KAAC,kBAAkB,IACjB,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,aAAa,mBACH,QAAQ,mBACR,QAAQ,mBACR,KAAK,EACpB,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,OAAO,KAAK,KAAK,QAAQ,KAClC,SAAS,YAEb,eAAK,OAAO,EAAC,WAAW,aACtB,kBAAU,EACV,iBAAQ,eAAe,EAAE,aAAa,EAAE,KAAK,EAAE,EAAE,gBAAgB,EAAE,GAAI,IACnE,GACa,CACtB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,IAAI,CAAC","sourcesContent":["import { FC, forwardRef, PropsWithoutRef } from 'react';\n\nimport { ForwardProps } from '../../types';\n\nimport { StyledProgressRing } from './Progress.styles';\nimport { ProgressProps } from './Progress.types';\n\nconst Ring: FC<ProgressProps & ForwardProps> = forwardRef(function Ring(\n  { value, minValue = 0, maxValue = 100, placement, ...restProps }: PropsWithoutRef<ProgressProps>,\n  ref: ProgressProps['ref']\n) {\n  let strokeDashoffset;\n  const circumference = 18 * Math.PI;\n\n  if (typeof value !== 'number') strokeDashoffset = (1 - 33 / 100) * circumference;\n  else if (value > maxValue || minValue > maxValue) strokeDashoffset = 0;\n  else if (value < minValue) strokeDashoffset = circumference;\n  else strokeDashoffset = (1 - (value - minValue) / (maxValue - minValue)) * circumference;\n\n  return (\n    <StyledProgressRing\n      ref={ref}\n      role='progressbar'\n      aria-valuemin={minValue}\n      aria-valuemax={maxValue}\n      aria-valuenow={value}\n      placement={placement}\n      determinate={typeof value === 'number'}\n      {...restProps}\n    >\n      <svg viewBox='0 0 20 20'>\n        <circle />\n        <circle strokeDasharray={circumference} style={{ strokeDashoffset }} />\n      </svg>\n    </StyledProgressRing>\n  );\n});\n\nexport default Ring;\n"]}

package/lib/components/Progress/index.d.ts

@@ -1,4 +0,0 @@
-export { default } from './Progress';
-export type { ProgressProps } from './Progress.types';
-export { StyledProgressBackdrop, StyledProgressBar, StyledProgressRing, StyledProgressEllipsis } from './Progress.styles';
-//# sourceMappingURL=index.d.ts.map

package/lib/components/Progress/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EACL,sBAAsB,EACtB,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACvB,MAAM,mBAAmB,CAAC"}

package/lib/components/Progress/index.js

@@ -1,3 +0,0 @@
-export { default } from './Progress';
-export { StyledProgressBackdrop, StyledProgressBar, StyledProgressRing, StyledProgressEllipsis } from './Progress.styles';
-//# sourceMappingURL=index.js.map

package/lib/components/Progress/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Progress/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,OAAO,EACL,sBAAsB,EACtB,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACvB,MAAM,mBAAmB,CAAC","sourcesContent":["export { default } from './Progress';\nexport type { ProgressProps } from './Progress.types';\nexport {\n  StyledProgressBackdrop,\n  StyledProgressBar,\n  StyledProgressRing,\n  StyledProgressEllipsis\n} from './Progress.styles';\n"]}

package/lib/components/QRCode/QRCode.d.ts

@@ -1,14 +0,0 @@
-import { FunctionComponent, Ref } from 'react';
-import { BaseProps, ForwardProps } from '../../types';
-export declare const StyledEmptyQRWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export interface QRCodeProps extends BaseProps {
-    /** Text that need to be encoded into QR code. */
-    value: string;
-    /** The HTML alt attribute for the image. */
-    label?: string;
-    /** Ref for the wrapping element. */
-    ref?: Ref<HTMLImageElement | HTMLDivElement>;
-}
-declare const QRCode: FunctionComponent<QRCodeProps & ForwardProps>;
-export default QRCode;
-//# sourceMappingURL=QRCode.d.ts.map

package/lib/components/QRCode/QRCode.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"QRCode.d.ts","sourceRoot":"","sources":["../../../src/components/QRCode/QRCode.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,iBAAiB,EAEjB,GAAG,EAIJ,MAAM,OAAO,CAAC;AAIf,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAOtD,eAAO,MAAM,oBAAoB,yGAQ/B,CAAC;AAIH,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,iDAAiD;IACjD,KAAK,EAAE,MAAM,CAAC;IACd,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oCAAoC;IACpC,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,GAAG,cAAc,CAAC,CAAC;CAC9C;AAED,QAAA,MAAM,MAAM,EAAE,iBAAiB,CAAC,WAAW,GAAG,YAAY,CA2CxD,CAAC;AAEH,eAAe,MAAM,CAAC"}

package/lib/components/QRCode/QRCode.js

@@ -1,49 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, useEffect, useRef, useState } from 'react';
-import * as QRCodeLib from 'qrcode';
-import styled, { css } from 'styled-components';
-import { defaultThemeProp } from '../../theme';
-import Flex from '../Flex';
-import Image from '../Image';
-import { useI18n } from '../../hooks';
-import EmptyState from '../EmptyState';
-export const StyledEmptyQRWrapper = styled.div(({ theme }) => {
-    return css `
-    height: ${theme.base['content-width'].xs};
-    width: ${theme.base['content-width'].xs};
-    border: 0.0625rem solid ${theme.base.palette['border-line']};
-    border-radius: calc(${theme.base['border-radius']} / 2);
-    text-align: center;
-  `;
-});
-StyledEmptyQRWrapper.defaultProps = defaultThemeProp;
-const QRCode = forwardRef(function QRCode({ value, label = value, ...restProps }, ref) {
-    const [dataURL, setDataURL] = useState('');
-    const t = useI18n();
-    const mounted = useRef(false);
-    useEffect(() => {
-        mounted.current = true;
-        return () => {
-            mounted.current = false;
-        };
-    }, []);
-    useEffect(() => {
-        QRCodeLib.toDataURL(value)
-            .then(results => {
-            if (mounted.current)
-                setDataURL(results);
-        })
-            .catch(() => {
-            setDataURL('');
-        });
-    }, [value]);
-    return dataURL ? (_jsx(Image, { ...restProps, ref: ref, src: dataURL, alt: label })) : (_jsx(Flex, { ...restProps, ref: ref, container: {
-            direction: 'column',
-            alignItems: 'center',
-            justify: 'center',
-            gap: 1,
-            pad: 2
-        }, as: StyledEmptyQRWrapper, children: _jsx(EmptyState, { message: t('qr_code_not_available') }) }));
-});
-export default QRCode;
-//# sourceMappingURL=QRCode.js.map

package/lib/components/QRCode/QRCode.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"QRCode.js","sourceRoot":"","sources":["../../../src/components/QRCode/QRCode.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,UAAU,EAIV,SAAS,EACT,MAAM,EACN,QAAQ,EACT,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,SAAS,MAAM,QAAQ,CAAC;AACpC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGhD,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,KAAK,MAAM,UAAU,CAAC;AAC7B,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,UAAU,MAAM,eAAe,CAAC;AAEvC,MAAM,CAAC,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAC3D,OAAO,GAAG,CAAA;cACE,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,EAAE;aAC/B,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,EAAE;8BACb,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC;0BACrC,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC;;GAElD,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,oBAAoB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAWrD,MAAM,MAAM,GAAkD,UAAU,CAAC,SAAS,MAAM,CACtF,EAAE,KAAK,EAAE,KAAK,GAAG,KAAK,EAAE,GAAG,SAAS,EAAgC,EACpE,GAAuB;IAEvB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC3C,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IAEpB,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC9B,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;QACvB,OAAO,GAAG,EAAE;YACV,OAAO,CAAC,OAAO,GAAG,KAAK,CAAC;QAC1B,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC;aACvB,IAAI,CAAC,OAAO,CAAC,EAAE;YACd,IAAI,OAAO,CAAC,OAAO;gBAAE,UAAU,CAAC,OAAO,CAAC,CAAC;QAC3C,CAAC,CAAC;aACD,KAAK,CAAC,GAAG,EAAE;YACV,UAAU,CAAC,EAAE,CAAC,CAAC;QACjB,CAAC,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,OAAO,CAAC,CAAC,CAAC,CACf,KAAC,KAAK,OAAK,SAAS,EAAE,GAAG,EAAE,GAA4B,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,KAAK,GAAI,CACtF,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,OACC,SAAS,EACb,GAAG,EAAE,GAAG,EACR,SAAS,EAAE;YACT,SAAS,EAAE,QAAQ;YACnB,UAAU,EAAE,QAAQ;YACpB,OAAO,EAAE,QAAQ;YACjB,GAAG,EAAE,CAAC;YACN,GAAG,EAAE,CAAC;SACP,EACD,EAAE,EAAE,oBAAoB,YAExB,KAAC,UAAU,IAAC,OAAO,EAAE,CAAC,CAAC,uBAAuB,CAAC,GAAI,GAC9C,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,MAAM,CAAC","sourcesContent":["import {\n  forwardRef,\n  FunctionComponent,\n  PropsWithoutRef,\n  Ref,\n  useEffect,\n  useRef,\n  useState\n} from 'react';\nimport * as QRCodeLib from 'qrcode';\nimport styled, { css } from 'styled-components';\n\nimport { BaseProps, ForwardProps } from '../../types';\nimport { defaultThemeProp } from '../../theme';\nimport Flex from '../Flex';\nimport Image from '../Image';\nimport { useI18n } from '../../hooks';\nimport EmptyState from '../EmptyState';\n\nexport const StyledEmptyQRWrapper = styled.div(({ theme }) => {\n  return css`\n    height: ${theme.base['content-width'].xs};\n    width: ${theme.base['content-width'].xs};\n    border: 0.0625rem solid ${theme.base.palette['border-line']};\n    border-radius: calc(${theme.base['border-radius']} / 2);\n    text-align: center;\n  `;\n});\n\nStyledEmptyQRWrapper.defaultProps = defaultThemeProp;\n\nexport interface QRCodeProps extends BaseProps {\n  /** Text that need to be encoded into QR code. */\n  value: string;\n  /** The HTML alt attribute for the image. */\n  label?: string;\n  /** Ref for the wrapping element. */\n  ref?: Ref<HTMLImageElement | HTMLDivElement>;\n}\n\nconst QRCode: FunctionComponent<QRCodeProps & ForwardProps> = forwardRef(function QRCode(\n  { value, label = value, ...restProps }: PropsWithoutRef<QRCodeProps>,\n  ref: QRCodeProps['ref']\n) {\n  const [dataURL, setDataURL] = useState('');\n  const t = useI18n();\n\n  const mounted = useRef(false);\n  useEffect(() => {\n    mounted.current = true;\n    return () => {\n      mounted.current = false;\n    };\n  }, []);\n\n  useEffect(() => {\n    QRCodeLib.toDataURL(value)\n      .then(results => {\n        if (mounted.current) setDataURL(results);\n      })\n      .catch(() => {\n        setDataURL('');\n      });\n  }, [value]);\n\n  return dataURL ? (\n    <Image {...restProps} ref={ref as Ref<HTMLImageElement>} src={dataURL} alt={label} />\n  ) : (\n    <Flex\n      {...restProps}\n      ref={ref}\n      container={{\n        direction: 'column',\n        alignItems: 'center',\n        justify: 'center',\n        gap: 1,\n        pad: 2\n      }}\n      as={StyledEmptyQRWrapper}\n    >\n      <EmptyState message={t('qr_code_not_available')} />\n    </Flex>\n  );\n});\n\nexport default QRCode;\n"]}

package/lib/components/QRCode/index.d.ts

@@ -1,3 +0,0 @@
-export { default } from './QRCode';
-export type { QRCodeProps } from './QRCode';
-//# sourceMappingURL=index.d.ts.map

package/lib/components/QRCode/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QRCode/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACnC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC"}

package/lib/components/QRCode/index.js

@@ -1,2 +0,0 @@
-export { default } from './QRCode';
-//# sourceMappingURL=index.js.map

package/lib/components/QRCode/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/QRCode/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC","sourcesContent":["export { default } from './QRCode';\nexport type { QRCodeProps } from './QRCode';\n"]}

package/lib/components/RadioButton/RadioButton.d.ts

@@ -1,35 +0,0 @@
-import { ChangeEvent, FC } from 'react';
-import { FormControlProps } from '../FormControl';
-import { RadioCheckProps } from '../RadioCheck';
-import type { ForwardProps, NoChildrenProp } from '../../types';
-export interface RadioButtonProps extends NoChildrenProp {
-    /**
-     * Sets DOM id for the control and associates label element via 'for' attribute.
-     * If an id is not pass, a random id will be generated for any render.
-     */
-    id?: FormControlProps['id'];
-    /** Pass a string or a fragment with an Icon and string. */
-    label?: FormControlProps['label'];
-    /** Indicate if the field is required. The browser defaults to false. */
-    required?: FormControlProps['required'];
-    /** Disable the control. The browser defaults to false. */
-    disabled?: FormControlProps['disabled'];
-    /** Set visual state based on a validation state. */
-    status?: FormControlProps['status'];
-    /** Sets html name attribute for the underlying control. Useful for mapping to a data field. */
-    name?: FormControlProps['name'];
-    /** Sets checked prop via onChange when using as controlled component. */
-    checked?: RadioCheckProps['checked'];
-    /** Initialize checked prop when using as uncontrolled component. */
-    defaultChecked?: RadioCheckProps['defaultChecked'];
-    /**
-     * Sets Radio Button to an an [indeterminate state](https://css-tricks.com/almanac/selectors/i/indeterminate/#indeterminate-radio-buttons).
-     * @default false
-     */
-    indeterminate?: RadioCheckProps['indeterminate'];
-    /** Callback invoked when this particular radio button is selected. */
-    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
-}
-declare const RB: FC<RadioButtonProps & ForwardProps>;
-export default RB;
-//# sourceMappingURL=RadioButton.d.ts.map

package/lib/components/RadioButton/RadioButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RadioButton.d.ts","sourceRoot":"","sources":["../../../src/components/RadioButton/RadioButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,EAAE,EAAmB,MAAM,OAAO,CAAC;AAEzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAmB,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAEhE,MAAM,WAAW,gBAAiB,SAAQ,cAAc;IACtD;;;OAGG;IACH,EAAE,CAAC,EAAE,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAC5B,2DAA2D;IAC3D,KAAK,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAClC,wEAAwE;IACxE,QAAQ,CAAC,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAC;IACxC,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAC;IACxC,oDAAoD;IACpD,MAAM,CAAC,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IACpC,+FAA+F;IAC/F,IAAI,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAChC,yEAAyE;IACzE,OAAO,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC;IACrC,oEAAoE;IACpE,cAAc,CAAC,EAAE,eAAe,CAAC,gBAAgB,CAAC,CAAC;IACnD;;;OAGG;IACH,aAAa,CAAC,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;IACjD,sEAAsE;IACtE,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CACvD;AAGD,QAAA,MAAM,EAAE,EAAE,EAAE,CAAC,gBAAgB,GAAG,YAAY,CAK1C,CAAC;AAKH,eAAe,EAAE,CAAC"}

package/lib/components/RadioButton/RadioButton.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import RadioCheck from '../RadioCheck';
-// Odd issue with SB doc prop table not being generated when called RadioButton...so using RB
-const RB = forwardRef(function RB(props, ref) {
-    return _jsx(RadioCheck, { ...props, type: 'radio', ref: ref });
-});
-// Adding here for doc purposes only
-RB.defaultProps = RadioCheck.defaultProps;
-export default RB;
-//# sourceMappingURL=RadioButton.js.map

package/lib/components/RadioButton/RadioButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RadioButton.js","sourceRoot":"","sources":["../../../src/components/RadioButton/RadioButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAmB,UAAU,EAAO,MAAM,OAAO,CAAC;AAGzD,OAAO,UAA+B,MAAM,eAAe,CAAC;AAgC5D,6FAA6F;AAC7F,MAAM,EAAE,GAAwC,UAAU,CAAC,SAAS,EAAE,CACpE,KAAuB,EACvB,GAA0B;IAE1B,OAAO,KAAC,UAAU,OAAK,KAAK,EAAE,IAAI,EAAC,OAAO,EAAC,GAAG,EAAE,GAAG,GAAI,CAAC;AAC1D,CAAC,CAAC,CAAC;AAEH,oCAAoC;AACpC,EAAE,CAAC,YAAY,GAAG,UAAU,CAAC,YAAY,CAAC;AAE1C,eAAe,EAAE,CAAC","sourcesContent":["import { ChangeEvent, FC, forwardRef, Ref } from 'react';\n\nimport { FormControlProps } from '../FormControl';\nimport RadioCheck, { RadioCheckProps } from '../RadioCheck';\nimport type { ForwardProps, NoChildrenProp } from '../../types';\n\nexport interface RadioButtonProps extends NoChildrenProp {\n  /**\n   * Sets DOM id for the control and associates label element via 'for' attribute.\n   * If an id is not pass, a random id will be generated for any render.\n   */\n  id?: FormControlProps['id'];\n  /** Pass a string or a fragment with an Icon and string. */\n  label?: FormControlProps['label'];\n  /** Indicate if the field is required. The browser defaults to false. */\n  required?: FormControlProps['required'];\n  /** Disable the control. The browser defaults to false. */\n  disabled?: FormControlProps['disabled'];\n  /** Set visual state based on a validation state. */\n  status?: FormControlProps['status'];\n  /** Sets html name attribute for the underlying control. Useful for mapping to a data field. */\n  name?: FormControlProps['name'];\n  /** Sets checked prop via onChange when using as controlled component. */\n  checked?: RadioCheckProps['checked'];\n  /** Initialize checked prop when using as uncontrolled component. */\n  defaultChecked?: RadioCheckProps['defaultChecked'];\n  /**\n   * Sets Radio Button to an an [indeterminate state](https://css-tricks.com/almanac/selectors/i/indeterminate/#indeterminate-radio-buttons).\n   * @default false\n   */\n  indeterminate?: RadioCheckProps['indeterminate'];\n  /** Callback invoked when this particular radio button is selected. */\n  onChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n}\n\n// Odd issue with SB doc prop table not being generated when called RadioButton...so using RB\nconst RB: FC<RadioButtonProps & ForwardProps> = forwardRef(function RB(\n  props: RadioButtonProps,\n  ref: Ref<HTMLInputElement>\n) {\n  return <RadioCheck {...props} type='radio' ref={ref} />;\n});\n\n// Adding here for doc purposes only\nRB.defaultProps = RadioCheck.defaultProps;\n\nexport default RB;\n"]}

package/lib/components/RadioButton/index.d.ts

@@ -1,3 +0,0 @@
-export { default } from './RadioButton';
-export type { RadioButtonProps } from './RadioButton';
-//# sourceMappingURL=index.d.ts.map

package/lib/components/RadioButton/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/RadioButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC"}

package/lib/components/RadioButton/index.js

@@ -1,2 +0,0 @@
-export { default } from './RadioButton';
-//# sourceMappingURL=index.js.map

package/lib/components/RadioButton/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/RadioButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC","sourcesContent":["export { default } from './RadioButton';\nexport type { RadioButtonProps } from './RadioButton';\n"]}

package/lib/components/RadioButtonGroup/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from '../RadioCheckGroup';
-//# sourceMappingURL=index.d.ts.map

package/lib/components/RadioButtonGroup/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/RadioButtonGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC"}

package/lib/components/RadioButtonGroup/index.js

@@ -1,2 +0,0 @@
-export { default } from '../RadioCheckGroup';
-//# sourceMappingURL=index.js.map

package/lib/components/RadioButtonGroup/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/RadioButtonGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC","sourcesContent":["export { default } from '../RadioCheckGroup';\n"]}

package/lib/components/RadioCheck/RadioCheck.d.ts

@@ -1,55 +0,0 @@
-import { FC, Ref, MouseEventHandler, KeyboardEventHandler } from 'react';
-import { FormControlProps } from '../FormControl';
-import { BaseProps, ForwardProps, NoChildrenProp } from '../../types';
-export interface RadioCheckProps extends BaseProps, NoChildrenProp {
-    /**
-     * Sets DOM id for the control and associates label element via 'for' attribute.
-     * If an id is not pass, a random id will be generated for any render.
-     */
-    id?: FormControlProps['id'];
-    /** Pass a string or a fragment with an Icon and string. */
-    label?: FormControlProps['label'];
-    /** Indicate if the field is required. The browser defaults to false. */
-    required?: FormControlProps['required'];
-    /** Disable the control. The browser defaults to false. */
-    disabled?: FormControlProps['disabled'];
-    /** Makes the input non editable and non clickable. The browser defaults to false. */
-    readOnly?: FormControlProps['readOnly'];
-    /** Set visual state based on a validation state. */
-    status?: FormControlProps['status'];
-    /** Sets html name attribute for the underlying control. Useful for mapping to a data field. */
-    name?: FormControlProps['name'];
-    /** Sets the type of input. */
-    type: 'radio' | 'checkbox';
-    /** Sets checked prop via onChange when using as controlled component. */
-    checked?: boolean;
-    /** Initialize checked prop when using as uncontrolled component. */
-    defaultChecked?: boolean;
-    /**
-     * Sets control to an an indeterminate state.
-     * @default false
-     */
-    indeterminate?: boolean;
-    /**
-     * Controls the styling of the RadioCheck.
-     * @default 'simple'
-     */
-    variant?: 'simple' | 'card';
-    /** Callback function for onClick events. */
-    onClick?: MouseEventHandler<HTMLInputElement>;
-    /** Callback function for onKeyDown events. */
-    onKeyDown?: KeyboardEventHandler<HTMLInputElement>;
-    /** Pass a heading and content to show additional information on the field. */
-    additionalInfo?: FormControlProps['additionalInfo'];
-    /** info like error, success, warning messages */
-    info?: FormControlProps['info'];
-    /** Ref forwarded to the underlying input. */
-    ref?: Ref<HTMLInputElement>;
-}
-export declare const StyledPseudoRadioCheck: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Pick<RadioCheckProps, "status" | "readOnly">, never>;
-export declare const StyledRadioCheckInput: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledRadioCheck: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Pick<RadioCheckProps, "disabled" | "readOnly">, never>;
-export declare const StyledRadioCheckCard: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, Pick<RadioCheckProps, "disabled" | "status" | "readOnly">, never>;
-declare const RadioCheck: FC<RadioCheckProps & ForwardProps>;
-export default RadioCheck;
-//# sourceMappingURL=RadioCheck.d.ts.map

package/lib/components/RadioCheck/RadioCheck.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RadioCheck.d.ts","sourceRoot":"","sources":["../../../src/components/RadioCheck/RadioCheck.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,EAAE,EACF,GAAG,EAKH,iBAAiB,EACjB,oBAAoB,EACrB,MAAM,OAAO,CAAC;AAKf,OAAO,EAAE,gBAAgB,EAAqB,MAAM,gBAAgB,CAAC;AAGrE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAMtE,MAAM,WAAW,eAAgB,SAAQ,SAAS,EAAE,cAAc;IAChE;;;OAGG;IACH,EAAE,CAAC,EAAE,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAC5B,2DAA2D;IAC3D,KAAK,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAClC,wEAAwE;IACxE,QAAQ,CAAC,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAC;IACxC,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAC;IACxC,qFAAqF;IACrF,QAAQ,CAAC,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAC;IACxC,oDAAoD;IACpD,MAAM,CAAC,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IACpC,+FAA+F;IAC/F,IAAI,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAChC,8BAA8B;IAC9B,IAAI,EAAE,OAAO,GAAG,UAAU,CAAC;IAC3B,yEAAyE;IACzE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oEAAoE;IACpE,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,OAAO,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAC5B,4CAA4C;IAC5C,OAAO,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IAC9C,8CAA8C;IAC9C,SAAS,CAAC,EAAE,oBAAoB,CAAC,gBAAgB,CAAC,CAAC;IACnD,8EAA8E;IAC9E,cAAc,CAAC,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;IACpD,iDAAiD;IACjD,IAAI,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAChC,6CAA6C;IAC7C,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;CAC7B;AAED,eAAO,MAAM,sBAAsB,mJAiDlC,CAAC;AAIF,eAAO,MAAM,qBAAqB,2GAuGhC,CAAC;AAIH,eAAO,MAAM,gBAAgB,qJAkD5B,CAAC;AAIF,eAAO,MAAM,oBAAoB,kKAgEhC,CAAC;AAIF,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,GAAG,YAAY,CA2FjD,CAAC;AAEH,eAAe,UAAU,CAAC"}

package/lib/components/RadioCheck/RadioCheck.js

@@ -1,229 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useEffect } from 'react';
-import styled, { css } from 'styled-components';
-import { readableColor, hideVisually, mix } from 'polished';
-import FormField, { StyledFormFieldInfo } from '../FormField';
-import { StyledFormControl } from '../FormControl';
-import { defaultThemeProp } from '../../theme';
-import { tryCatch } from '../../utils';
-import { useConsolidatedRef, useDirection, useI18n, useUID } from '../../hooks';
-import { StyledLabel } from '../Label';
-import { calculateFontSize } from '../../styles';
-import VisuallyHiddenText from '../VisuallyHiddenText';
-export const StyledPseudoRadioCheck = styled.div(props => {
-    const { theme: { base: { spacing, palette: { 'primary-background': primaryBackground } }, components: { 'form-field': formField, 'radio-check': { size, 'touch-size': touchSize, 'background-color': backgroundColor, 'border-color': borderColor, 'border-width': borderWidth } } }, status } = props;
-    const useBorderColor = status === 'error' ? formField.error['status-color'] : borderColor;
-    const useBackgroundColor = status && formField[status]
-        ? tryCatch(() => mix(0.8, primaryBackground, formField[status]['status-color']))
-        : backgroundColor;
-    return css `
-      display: flex;
-      flex-shrink: 0;
-      position: relative;
-      width: ${size};
-      height: ${size};
-      margin-inline-end: ${spacing};
-      border: ${borderWidth} solid ${useBorderColor};
-      background-color: ${useBackgroundColor};
-
-      @media (pointer: coarse) {
-        width: ${touchSize};
-        height: ${touchSize};
-      }
-
-      &::after {
-        content: '';
-        display: none;
-      }
-    `;
-});
-StyledPseudoRadioCheck.defaultProps = defaultThemeProp;
-export const StyledRadioCheckInput = styled.input(props => {
-    const { disabled, theme: { base: { 'border-radius': baseBorderRadius }, components: { 'form-control': { ':focus': { 'box-shadow': shadow, 'border-color': focusBorderColor }, ':read-only': { 'background-color': readOnlyBackgroundColor } }, 'radio-check': { size, ':checked': { 'background-color': checkedBackgroundColor, 'border-color': checkedBorderColor } }, checkbox: { 'border-radius': checkRadius }, 'radio-button': { 'border-radius': radioRadius } } } } = props;
-    const backgroundColor = props.readOnly ? readOnlyBackgroundColor : checkedBackgroundColor;
-    const foreground = tryCatch(() => readableColor(backgroundColor));
-    const prcSelector = `+ ${StyledLabel} ${StyledPseudoRadioCheck}`;
-    const { ltr } = useDirection();
-    return css `
-    ${hideVisually}
-    margin: 0;
-
-    /* Sets rect size for JAWS focus outline */
-    width: ${size};
-    height: ${size};
-
-    ${!disabled &&
-        css `
-      &:focus ${prcSelector} {
-        box-shadow: ${shadow};
-        border-color: ${focusBorderColor};
-      }
-    `}
-
-    &:checked
-      ${prcSelector},
-      &:checked:disabled
-      ${prcSelector},
-      &[type='checkbox']:indeterminate
-      ${prcSelector},
-      &[type='checkbox']:indeterminate:disabled
-      ${prcSelector} {
-      border-color: ${props.readOnly ? 'inherit' : checkedBorderColor};
-      background-color: ${backgroundColor};
-
-      &::after {
-        display: block;
-      }
-    }
-
-    &[type='radio'] ${prcSelector}, &[type='radio'] ${prcSelector}::after {
-      border-radius: ${radioRadius};
-    }
-
-    &[type='radio'] ${prcSelector}::after {
-      margin: auto;
-      width: 100%;
-      height: 100%;
-      background-color: ${foreground};
-      transform: scale(0.4);
-    }
-
-    &[type='checkbox'] ${prcSelector} {
-      border-radius: min(calc(${baseBorderRadius} * ${checkRadius}), 0.25rem);
-    }
-
-    &[type='checkbox']:not(:indeterminate) ${prcSelector} {
-      &::after {
-        width: 40%;
-        height: 75%;
-        ${ltr
-        ? css `
-              transform: rotate(45deg) translate(50%, -30%);
-            `
-        : css `
-              transform: rotate(45deg) translate(-50%, 30%);
-            `}
-        border-right: 0.15em solid ${foreground};
-        border-bottom: 0.15em solid ${foreground};
-      }
-    }
-
-    &[type='checkbox']:indeterminate ${prcSelector} {
-      display: flex;
-      &::after {
-        width: 90%;
-        height: 0.15em;
-        margin: auto;
-        background-color: ${foreground};
-      }
-    }
-  `;
-});
-StyledRadioCheckInput.defaultProps = defaultThemeProp;
-export const StyledRadioCheck = styled.div(props => {
-    const { disabled, readOnly, theme: { base, components: { 'radio-check': { label: { color: labelColor, 'font-weight': labelFontWeight } }, 'form-control': { ':hover': { 'border-color': hoverBorderColor } } } } } = props;
-    const fontSize = calculateFontSize(base['font-size'], base['font-scale']);
-    return css `
-      > ${StyledLabel} {
-        cursor: pointer;
-        display: flex;
-        align-items: center;
-        font-weight: ${labelFontWeight};
-        word-break: break-word;
-        font-size: ${fontSize.s};
-        color: ${labelColor};
-        margin: 0;
-        min-height: ${base['hit-area']['mouse-min']};
-
-        @media (pointer: coarse) {
-          min-height: ${base['hit-area']['finger-min']};
-        }
-      }
-
-      > ${StyledFormFieldInfo} {
-        margin: 0;
-        padding-inline-start: calc(${base.spacing} / 4);
-      }
-
-      ${!(disabled || readOnly) &&
-        css `
-        &:not(:focus-within) > ${StyledLabel}:hover ${StyledPseudoRadioCheck} {
-          border-color: ${hoverBorderColor};
-        }
-      `}
-    `;
-});
-StyledRadioCheck.defaultProps = defaultThemeProp;
-export const StyledRadioCheckCard = styled.label(({ disabled, readOnly, status, theme: { base: { palette, shadow, spacing }, components: { card, 'form-field': formField, 'radio-check': { label }, 'form-control': { ':hover': { 'border-color': hoverBorderColor } } } } }) => {
-    const useBorderColor = status === 'error' ? formField.error['status-color'] : palette['border-line'];
-    return css `
-      min-width: min-content;
-      cursor: pointer;
-      background-color: ${card.background};
-      border-radius: ${card['border-radius']};
-      border: 0.0625rem solid ${useBorderColor};
-      padding: ${spacing};
-
-      ${disabled &&
-        css `
-        cursor: not-allowed;
-      `}
-
-      ${!(disabled || readOnly) &&
-        css `
-        :hover:not(:focus-within) {
-          border-color: ${hoverBorderColor};
-          ${StyledLabel} ${StyledPseudoRadioCheck} {
-            border-color: ${hoverBorderColor};
-          }
-        }
-
-        :focus-within {
-          box-shadow: ${shadow.focus};
-          border-color: transparent;
-        }
-      `}
-
-    > ${StyledLabel} {
-        display: flex;
-        align-items: center;
-        color: ${label.color};
-        font-weight: ${label['font-weight']};
-        margin: 0;
-      }
-
-      > ${StyledFormFieldInfo} {
-        margin: 0;
-        padding-inline-start: calc(${spacing} / 4);
-      }
-    `;
-});
-StyledRadioCheckCard.defaultProps = defaultThemeProp;
-const RadioCheck = forwardRef(function RadioCheck(props, ref) {
-    const uid = useUID();
-    const t = useI18n();
-    const { type, id = uid, label, required = false, disabled = false, indeterminate = false, readOnly = false, variant = 'simple', onClick, onKeyDown, status, info, additionalInfo, ...restProps } = props;
-    const isRadio = type === 'radio';
-    const card = variant === 'card';
-    const newRef = useConsolidatedRef(ref);
-    useEffect(() => {
-        if (!isRadio && newRef.current) {
-            newRef.current.indeterminate = !!indeterminate;
-        }
-    }, [newRef, indeterminate, isRadio]);
-    return (_jsx(FormField, { as: card ? StyledRadioCheckCard : StyledRadioCheck, label: _jsxs(_Fragment, { children: [_jsx(StyledPseudoRadioCheck, { status: status, isRadio: isRadio, as: StyledFormControl, required: required, disabled: disabled, readOnly: readOnly }), _jsxs(_Fragment, { children: [label, readOnly && _jsx(VisuallyHiddenText, { children: ` ${t('read_only')}` })] })] }), labelAs: card ? 'div' : undefined, id: id, required: required, disabled: disabled, readOnly: readOnly, status: status, info: info, isRadioCheck: true, inline: true, labelAfter: true, additionalInfo: additionalInfo, children: _jsx(StyledRadioCheckInput, { ...restProps, id: id, type: type, required: required, disabled: disabled, readOnly: readOnly, onClick: (e) => {
-                if (readOnly)
-                    e.preventDefault();
-                onClick?.(e);
-            }, onKeyDown: (e) => {
-                if (type === 'checkbox' && readOnly && e.key === ' ') {
-                    e.preventDefault();
-                }
-                if (type === 'radio' && readOnly && e.key.includes('Arrow')) {
-                    e.preventDefault();
-                }
-                onKeyDown?.(e);
-            }, ref: newRef }) }));
-});
-export default RadioCheck;
-//# sourceMappingURL=RadioCheck.js.map