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

package/lib/components/Image/Image.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import styled from 'styled-components';
-export const StyledImage = styled.img `
-  max-width: 100%;
-`;
-const Image = forwardRef(function Image(props, ref) {
-    const { alt, ...restProps } = props;
-    return _jsx(StyledImage, { ...restProps, alt: alt, ref: ref });
-});
-export default Image;
-//# sourceMappingURL=Image.js.map

package/lib/components/Image/Image.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../src/components/Image/Image.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAA8D,MAAM,OAAO,CAAC;AAC/F,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAWvC,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;;CAEpC,CAAC;AAEF,MAAM,KAAK,GAAiD,UAAU,CAAC,SAAS,KAAK,CACnF,KAAkC,EAClC,GAA0B;IAE1B,MAAM,EAAE,GAAG,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IACpC,OAAO,KAAC,WAAW,OAAK,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;AAC5D,CAAC,CAAC,CAAC;AAEH,eAAe,KAAK,CAAC","sourcesContent":["import { forwardRef, FunctionComponent, ImgHTMLAttributes, Ref, PropsWithoutRef } from 'react';\nimport styled from 'styled-components';\n\nimport { ForwardProps } from '../../types';\n\nexport interface ImageProps extends ImgHTMLAttributes<HTMLImageElement> {\n  /** The HTML alt attribute for the image. */\n  alt: string;\n  /** Ref for the wrapping element. */\n  ref?: Ref<HTMLImageElement>;\n}\n\nexport const StyledImage = styled.img`\n  max-width: 100%;\n`;\n\nconst Image: FunctionComponent<ImageProps & ForwardProps> = forwardRef(function Image(\n  props: PropsWithoutRef<ImageProps>,\n  ref: Ref<HTMLImageElement>\n) {\n  const { alt, ...restProps } = props;\n  return <StyledImage {...restProps} alt={alt} ref={ref} />;\n});\n\nexport default Image;\n"]}

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

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

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

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

package/lib/components/Image/index.js

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

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

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

package/lib/components/Input/Input.d.ts

@@ -1,19 +0,0 @@
-import { FC } from 'react';
-import { Action, BaseProps, ForwardProps, NoChildrenProp, TestIdProp } from '../../types';
-import { FormControlProps } from '../FormControl';
-export interface InputProps extends FormControlProps, BaseProps, NoChildrenProp, TestIdProp {
-    /**
-     * Specifies the type of input to be used.
-     * @default 'text'
-     */
-    type?: 'text' | 'password' | 'number' | 'email' | 'url' | 'search' | 'tel' | 'date' | 'datetime-local' | 'time' | 'week' | 'month' | 'hidden' | 'color';
-    /** Pass an array of Action objects to append button(s) inline with the Input. */
-    actions?: Action[];
-    /** Enables read only mode */
-    readOnly?: FormControlProps['readOnly'];
-}
-declare const _default: FC<InputProps & ForwardProps> & {
-    getTestIds: (testIdProp?: string | undefined) => import("../../types").TestIdsRecord<readonly ["control", "label", "info", "additional-info", "suggestion-accept", "suggestion-reject"]>;
-};
-export default _default;
-//# sourceMappingURL=Input.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAoC,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE1F,OAAO,EAAE,gBAAgB,EAAqB,MAAM,gBAAgB,CAAC;AAOrE,MAAM,WAAW,UAAW,SAAQ,gBAAgB,EAAE,SAAS,EAAE,cAAc,EAAE,UAAU;IACzF;;;OAGG;IACH,IAAI,CAAC,EACD,MAAM,GACN,UAAU,GACV,QAAQ,GACR,OAAO,GACP,KAAK,GACL,QAAQ,GACR,KAAK,GACL,MAAM,GACN,gBAAgB,GAChB,MAAM,GACN,MAAM,GACN,OAAO,GACP,QAAQ,GACR,OAAO,CAAC;IACZ,iFAAiF;IACjF,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAC;CACzC;;;;AA8ED,wBAAmD"}

package/lib/components/Input/Input.js

@@ -1,25 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import FormField from '../FormField';
-import { StyledFormControl } from '../FormControl';
-import { hasProp, withTestIds } from '../../utils';
-import { useTestIds, useUID } from '../../hooks';
-import StyledInput from './Input.styles';
-import { getInputTestIds } from './Input.test-ids';
-const Input = forwardRef(function Input(props, ref) {
-    const uid = useUID();
-    const { testId, id = uid, value, defaultValue, required = false, disabled = false, readOnly = false, label, additionalInfo, labelHidden, info, status, actions, onResolveSuggestion, ...restProps } = props;
-    const testIds = useTestIds(testId, getInputTestIds);
-    const controlProp = {};
-    // Conditionally render component as controlled/uncontrolled
-    if (hasProp(props, 'value')) {
-        controlProp.value = value ?? '';
-    }
-    else if (hasProp(props, 'defaultValue')) {
-        controlProp.defaultValue = defaultValue ?? '';
-    }
-    const Comp = (_jsx(StyledFormControl, { "data-testid": testIds.control, ref: ref, id: id, required: required, disabled: disabled, readOnly: readOnly, status: status, hasSuggestion: !!onResolveSuggestion && status === 'pending', ...controlProp, ...restProps, as: StyledInput }));
-    return label ? (_jsx(FormField, { testId: testIds, additionalInfo: additionalInfo, label: label, labelHidden: labelHidden, id: id, info: info, readOnly: readOnly, status: status, required: required, disabled: disabled, actions: actions, onResolveSuggestion: onResolveSuggestion, children: Comp })) : (Comp);
-});
-export default withTestIds(Input, getInputTestIds);
-//# sourceMappingURL=Input.js.map

package/lib/components/Input/Input.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAW,UAAU,EAAmB,MAAM,OAAO,CAAC;AAG7D,OAAO,SAAS,MAAM,cAAc,CAAC;AACrC,OAAO,EAAoB,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACrE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAEjD,OAAO,WAAW,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AA4BnD,MAAM,KAAK,GAAkC,UAAU,CAAC,SAAS,KAAK,CACpE,KAAkC,EAClC,GAA0B;IAE1B,MAAM,GAAG,GAAG,MAAM,EAAE,CAAC;IAErB,MAAM,EACJ,MAAM,EACN,EAAE,GAAG,GAAG,EACR,KAAK,EACL,YAAY,EACZ,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,cAAc,EACd,WAAW,EACX,IAAI,EACJ,MAAM,EACN,OAAO,EACP,mBAAmB,EACnB,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,MAAM,OAAO,GAAG,UAAU,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;IAEpD,MAAM,WAAW,GAGb,EAAE,CAAC;IAEP,4DAA4D;IAC5D,IAAI,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,EAAE;QAC3B,WAAW,CAAC,KAAK,GAAG,KAAK,IAAI,EAAE,CAAC;KACjC;SAAM,IAAI,OAAO,CAAC,KAAK,EAAE,cAAc,CAAC,EAAE;QACzC,WAAW,CAAC,YAAY,GAAG,YAAY,IAAI,EAAE,CAAC;KAC/C;IAED,MAAM,IAAI,GAAG,CACX,KAAC,iBAAiB,mBACH,OAAO,CAAC,OAAO,EAC5B,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,CAAC,CAAC,mBAAmB,IAAI,MAAM,KAAK,SAAS,KACxD,WAAW,KACX,SAAS,EACb,EAAE,EAAE,WAAW,GACf,CACH,CAAC;IAEF,OAAO,KAAK,CAAC,CAAC,CAAC,CACb,KAAC,SAAS,IACR,MAAM,EAAE,OAAO,EACf,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,mBAAmB,EAAE,mBAAmB,YAEvC,IAAI,GACK,CACb,CAAC,CAAC,CAAC,CACF,IAAI,CACL,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,WAAW,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC","sourcesContent":["import { FC, Ref, forwardRef, PropsWithoutRef } from 'react';\n\nimport { Action, BaseProps, ForwardProps, NoChildrenProp, TestIdProp } from '../../types';\nimport FormField from '../FormField';\nimport { FormControlProps, StyledFormControl } from '../FormControl';\nimport { hasProp, withTestIds } from '../../utils';\nimport { useTestIds, useUID } from '../../hooks';\n\nimport StyledInput from './Input.styles';\nimport { getInputTestIds } from './Input.test-ids';\n\nexport interface InputProps extends FormControlProps, BaseProps, NoChildrenProp, TestIdProp {\n  /**\n   * Specifies the type of input to be used.\n   * @default 'text'\n   */\n  type?:\n    | 'text'\n    | 'password'\n    | 'number'\n    | 'email'\n    | 'url'\n    | 'search'\n    | 'tel'\n    | 'date'\n    | 'datetime-local'\n    | 'time'\n    | 'week'\n    | 'month'\n    | 'hidden'\n    | 'color';\n  /** Pass an array of Action objects to append button(s) inline with the Input. */\n  actions?: Action[];\n  /** Enables read only mode */\n  readOnly?: FormControlProps['readOnly'];\n}\n\nconst Input: FC<InputProps & ForwardProps> = forwardRef(function Input(\n  props: PropsWithoutRef<InputProps>,\n  ref: Ref<HTMLInputElement>\n) {\n  const uid = useUID();\n\n  const {\n    testId,\n    id = uid,\n    value,\n    defaultValue,\n    required = false,\n    disabled = false,\n    readOnly = false,\n    label,\n    additionalInfo,\n    labelHidden,\n    info,\n    status,\n    actions,\n    onResolveSuggestion,\n    ...restProps\n  } = props;\n\n  const testIds = useTestIds(testId, getInputTestIds);\n\n  const controlProp: {\n    value?: string;\n    defaultValue?: string;\n  } = {};\n\n  // Conditionally render component as controlled/uncontrolled\n  if (hasProp(props, 'value')) {\n    controlProp.value = value ?? '';\n  } else if (hasProp(props, 'defaultValue')) {\n    controlProp.defaultValue = defaultValue ?? '';\n  }\n\n  const Comp = (\n    <StyledFormControl\n      data-testid={testIds.control}\n      ref={ref}\n      id={id}\n      required={required}\n      disabled={disabled}\n      readOnly={readOnly}\n      status={status}\n      hasSuggestion={!!onResolveSuggestion && status === 'pending'}\n      {...controlProp}\n      {...restProps}\n      as={StyledInput}\n    />\n  );\n\n  return label ? (\n    <FormField\n      testId={testIds}\n      additionalInfo={additionalInfo}\n      label={label}\n      labelHidden={labelHidden}\n      id={id}\n      info={info}\n      readOnly={readOnly}\n      status={status}\n      required={required}\n      disabled={disabled}\n      actions={actions}\n      onResolveSuggestion={onResolveSuggestion}\n    >\n      {Comp}\n    </FormField>\n  ) : (\n    Comp\n  );\n});\n\nexport default withTestIds(Input, getInputTestIds);\n"]}

package/lib/components/Input/Input.styles.d.ts

@@ -1,4 +0,0 @@
-export declare const StyledRangeInputContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-declare const StyledInput: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {}, never>;
-export default StyledInput;
-//# sourceMappingURL=Input.styles.d.ts.map

package/lib/components/Input/Input.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Input.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.styles.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,yBAAyB,yGA0CrC,CAAC;AAIF,QAAA,MAAM,WAAW,2GAcf,CAAC;AAIH,eAAe,WAAW,CAAC"}

package/lib/components/Input/Input.styles.js

@@ -1,67 +0,0 @@
-import styled, { css } from 'styled-components';
-import { defaultThemeProp } from '../../theme';
-import { StyledFormControl } from '../FormControl';
-import { StyledLabel } from '../Label';
-import { StyledFormField } from '../FormField/FormField';
-export const StyledRangeInputContainer = styled.div `
-  gap: 1rem;
-
-  /* Let flex items be aligned to the baseline of their first child */
-  align-items: baseline;
-
-  ${StyledFormControl} {
-    position: relative;
-  }
-
-  > :first-child {
-    > ${StyledFormControl}:after {
-      content: '-';
-      position: absolute;
-      width: 1rem;
-      inset-inline-end: -1rem;
-      text-align: center;
-    }
-  }
-
-  > ${StyledFormControl}:first-child:after {
-    content: '-';
-    position: absolute;
-    width: 1rem;
-    inset-inline-end: -1rem;
-    text-align: center;
-  }
-
-  > * {
-    flex-grow: 1;
-    flex-basis: 50%;
-  }
-
-  > ${StyledFormField} {
-    /* Override 'display: flex' to not interfere with labels' baseline alignment */
-    display: block;
-
-    ${StyledLabel} {
-      /* Enable baseline alignment against this element */
-      display: inline-block;
-    }
-  }
-`;
-StyledRangeInputContainer.defaultProps = defaultThemeProp;
-const StyledInput = styled.input(({ theme: { base, components } }) => {
-    return css `
-    width: 100%;
-    height: ${components.input.height};
-    min-height: ${base['hit-area']['mouse-min']};
-    padding: 0 ${components.input.padding};
-    appearance: none;
-    -webkit-appearance: none;
-    text-align: inherit;
-
-    @media (pointer: coarse) {
-      min-height: ${base['hit-area']['finger-min']};
-    }
-  `;
-});
-StyledInput.defaultProps = defaultThemeProp;
-export default StyledInput;
-//# sourceMappingURL=Input.styles.js.map

package/lib/components/Input/Input.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Input.styles.js","sourceRoot":"","sources":["../../../src/components/Input/Input.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAEzD,MAAM,CAAC,MAAM,yBAAyB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;IAM/C,iBAAiB;;;;;QAKb,iBAAiB;;;;;;;;;MASnB,iBAAiB;;;;;;;;;;;;;MAajB,eAAe;;;;MAIf,WAAW;;;;;CAKhB,CAAC;AAEF,yBAAyB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE1D,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,EAAE,EAAE;IACnE,OAAO,GAAG,CAAA;;cAEE,UAAU,CAAC,KAAK,CAAC,MAAM;kBACnB,IAAI,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC;iBAC9B,UAAU,CAAC,KAAK,CAAC,OAAO;;;;;;oBAMrB,IAAI,CAAC,UAAU,CAAC,CAAC,YAAY,CAAC;;GAE/C,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,WAAW,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE5C,eAAe,WAAW,CAAC","sourcesContent":["import styled, { css } from 'styled-components';\n\nimport { defaultThemeProp } from '../../theme';\nimport { StyledFormControl } from '../FormControl';\nimport { StyledLabel } from '../Label';\nimport { StyledFormField } from '../FormField/FormField';\n\nexport const StyledRangeInputContainer = styled.div`\n  gap: 1rem;\n\n  /* Let flex items be aligned to the baseline of their first child */\n  align-items: baseline;\n\n  ${StyledFormControl} {\n    position: relative;\n  }\n\n  > :first-child {\n    > ${StyledFormControl}:after {\n      content: '-';\n      position: absolute;\n      width: 1rem;\n      inset-inline-end: -1rem;\n      text-align: center;\n    }\n  }\n\n  > ${StyledFormControl}:first-child:after {\n    content: '-';\n    position: absolute;\n    width: 1rem;\n    inset-inline-end: -1rem;\n    text-align: center;\n  }\n\n  > * {\n    flex-grow: 1;\n    flex-basis: 50%;\n  }\n\n  > ${StyledFormField} {\n    /* Override 'display: flex' to not interfere with labels' baseline alignment */\n    display: block;\n\n    ${StyledLabel} {\n      /* Enable baseline alignment against this element */\n      display: inline-block;\n    }\n  }\n`;\n\nStyledRangeInputContainer.defaultProps = defaultThemeProp;\n\nconst StyledInput = styled.input(({ theme: { base, components } }) => {\n  return css`\n    width: 100%;\n    height: ${components.input.height};\n    min-height: ${base['hit-area']['mouse-min']};\n    padding: 0 ${components.input.padding};\n    appearance: none;\n    -webkit-appearance: none;\n    text-align: inherit;\n\n    @media (pointer: coarse) {\n      min-height: ${base['hit-area']['finger-min']};\n    }\n  `;\n});\n\nStyledInput.defaultProps = defaultThemeProp;\n\nexport default StyledInput;\n"]}

package/lib/components/Input/Input.test-ids.d.ts

@@ -1,2 +0,0 @@
-export declare const getInputTestIds: (testIdProp?: string | undefined) => import("../..").TestIdsRecord<readonly ["control", "label", "info", "additional-info", "suggestion-accept", "suggestion-reject"]>;
-//# sourceMappingURL=Input.test-ids.d.ts.map

package/lib/components/Input/Input.test-ids.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Input.test-ids.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.test-ids.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,eAAe,wKAA4D,CAAC"}

package/lib/components/Input/Input.test-ids.js

@@ -1,4 +0,0 @@
-import { createTestIds } from '../../utils';
-import { elements } from '../FormField/FormField.test-ids';
-export const getInputTestIds = createTestIds('input', ['control', ...elements]);
-//# sourceMappingURL=Input.test-ids.js.map

package/lib/components/Input/Input.test-ids.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Input.test-ids.js","sourceRoot":"","sources":["../../../src/components/Input/Input.test-ids.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAE3D,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAAC,OAAO,EAAE,CAAC,SAAS,EAAE,GAAG,QAAQ,CAAU,CAAC,CAAC","sourcesContent":["import { createTestIds } from '../../utils';\nimport { elements } from '../FormField/FormField.test-ids';\n\nexport const getInputTestIds = createTestIds('input', ['control', ...elements] as const);\n"]}

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

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

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

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

package/lib/components/Input/index.js

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

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

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

package/lib/components/Label/Label.d.ts

@@ -1,29 +0,0 @@
-import { FunctionComponent, ReactNode, Ref } from 'react';
-import { BaseProps, ForwardProps } from '../../types';
-export interface LabelProps extends BaseProps {
-    /**
-     * Id for the label.
-     * @default undefined
-     */
-    id?: string;
-    /**
-     * HTML tag to render the label as.
-     * @default 'label'
-     */
-    as?: 'label' | 'legend' | 'div' | 'span';
-    /** Use to associate with a form-element's id. */
-    htmlFor?: string;
-    /**
-     * Visually hides the label.
-     * @default false
-     */
-    labelHidden?: boolean;
-    /** Content/text for the label. */
-    children: ReactNode;
-    /** Ref for the wrapping element. */
-    ref?: Ref<HTMLLabelElement | HTMLLegendElement | HTMLDivElement | HTMLSpanElement>;
-}
-export declare const StyledLabel: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, Pick<LabelProps, "htmlFor" | "labelHidden">, never>;
-declare const Label: FunctionComponent<LabelProps & ForwardProps>;
-export default Label;
-//# sourceMappingURL=Label.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../src/components/Label/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAmB,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAIvF,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAKtD,MAAM,WAAW,UAAW,SAAQ,SAAS;IAC3C;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,EAAE,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,CAAC;IACzC,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kCAAkC;IAClC,QAAQ,EAAE,SAAS,CAAC;IACpB,oCAAoC;IACpC,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,GAAG,iBAAiB,GAAG,cAAc,GAAG,eAAe,CAAC,CAAC;CACpF;AAED,eAAO,MAAM,WAAW,oJAoBvB,CAAC;AAIF,QAAA,MAAM,KAAK,EAAE,iBAAiB,CAAC,UAAU,GAAG,YAAY,CActD,CAAC;AAEH,eAAe,KAAK,CAAC"}

package/lib/components/Label/Label.js

@@ -1,27 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import styled, { css } from 'styled-components';
-import { hideVisually, readableColor, rgba } from 'polished';
-import { defaultThemeProp } from '../../theme';
-import { tryCatch } from '../../utils';
-import { calculateFontSize } from '../../styles';
-export const StyledLabel = styled.label(({ theme, labelHidden }) => {
-    const color = tryCatch(() => {
-        return rgba(readableColor(theme.base.palette['primary-background']), theme.base.transparency['transparent-3']);
-    });
-    const fontSize = calculateFontSize(theme.base['font-size'], theme.base['font-scale']);
-    return labelHidden
-        ? hideVisually
-        : css `
-          max-width: max-content;
-          font-size: ${fontSize[theme.components.label['font-size']]};
-          font-weight: ${theme.base['font-weight']['semi-bold']};
-          color: ${color};
-        `;
-});
-StyledLabel.defaultProps = defaultThemeProp;
-const Label = forwardRef(function Label({ children, labelHidden = false, htmlFor, ...restProps }, ref) {
-    return (_jsx(StyledLabel, { ref: ref, labelHidden: labelHidden, htmlFor: htmlFor === '' ? undefined : htmlFor, ...restProps, children: children }));
-});
-export default Label;
-//# sourceMappingURL=Label.js.map

package/lib/components/Label/Label.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../../src/components/Label/Label.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAsD,MAAM,OAAO,CAAC;AACvF,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAG7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,iBAAiB,EAAY,MAAM,cAAc,CAAC;AA0B3D,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CACrC,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,EAAE;IACzB,MAAM,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE;QAC1B,OAAO,IAAI,CACT,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,oBAAoB,CAAC,CAAC,EACvD,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,CACzC,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,iBAAiB,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;IAEtF,OAAO,WAAW;QAChB,CAAC,CAAC,YAAY;QACd,CAAC,CAAC,GAAG,CAAA;;uBAEY,QAAQ,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,WAAW,CAAa,CAAC;yBACvD,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,WAAW,CAAC;mBAC5C,KAAK;SACf,CAAC;AACR,CAAC,CACF,CAAC;AAEF,WAAW,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE5C,MAAM,KAAK,GAAiD,UAAU,CAAC,SAAS,KAAK,CACnF,EAAE,QAAQ,EAAE,WAAW,GAAG,KAAK,EAAE,OAAO,EAAE,GAAG,SAAS,EAA+B,EACrF,GAAsB;IAEtB,OAAO,CACL,KAAC,WAAW,IACV,GAAG,EAAE,GAA4B,EACjC,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,KACzC,SAAS,YAEZ,QAAQ,GACG,CACf,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,KAAK,CAAC","sourcesContent":["import { forwardRef, FunctionComponent, PropsWithoutRef, ReactNode, Ref } from 'react';\nimport styled, { css } from 'styled-components';\nimport { hideVisually, readableColor, rgba } from 'polished';\n\nimport { BaseProps, ForwardProps } from '../../types';\nimport { defaultThemeProp } from '../../theme';\nimport { tryCatch } from '../../utils';\nimport { calculateFontSize, FontSize } from '../../styles';\n\nexport interface LabelProps extends BaseProps {\n  /**\n   * Id for the label.\n   * @default undefined\n   */\n  id?: string;\n  /**\n   * HTML tag to render the label as.\n   * @default 'label'\n   */\n  as?: 'label' | 'legend' | 'div' | 'span';\n  /** Use to associate with a form-element's id. */\n  htmlFor?: string;\n  /**\n   * Visually hides the label.\n   * @default false\n   */\n  labelHidden?: boolean;\n  /** Content/text for the label. */\n  children: ReactNode;\n  /** Ref for the wrapping element. */\n  ref?: Ref<HTMLLabelElement | HTMLLegendElement | HTMLDivElement | HTMLSpanElement>;\n}\n\nexport const StyledLabel = styled.label<Pick<LabelProps, 'labelHidden' | 'htmlFor'>>(\n  ({ theme, labelHidden }) => {\n    const color = tryCatch(() => {\n      return rgba(\n        readableColor(theme.base.palette['primary-background']),\n        theme.base.transparency['transparent-3']\n      );\n    });\n\n    const fontSize = calculateFontSize(theme.base['font-size'], theme.base['font-scale']);\n\n    return labelHidden\n      ? hideVisually\n      : css`\n          max-width: max-content;\n          font-size: ${fontSize[theme.components.label['font-size'] as FontSize]};\n          font-weight: ${theme.base['font-weight']['semi-bold']};\n          color: ${color};\n        `;\n  }\n);\n\nStyledLabel.defaultProps = defaultThemeProp;\n\nconst Label: FunctionComponent<LabelProps & ForwardProps> = forwardRef(function Label(\n  { children, labelHidden = false, htmlFor, ...restProps }: PropsWithoutRef<LabelProps>,\n  ref: LabelProps['ref']\n) {\n  return (\n    <StyledLabel\n      ref={ref as Ref<HTMLLabelElement>}\n      labelHidden={labelHidden}\n      htmlFor={htmlFor === '' ? undefined : htmlFor}\n      {...restProps}\n    >\n      {children}\n    </StyledLabel>\n  );\n});\n\nexport default Label;\n"]}

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

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

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

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

package/lib/components/Label/index.js

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

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

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

package/lib/components/Lightbox/Lightbox.d.ts

@@ -1,8 +0,0 @@
-import { FunctionComponent } from 'react';
-import { ForwardProps } from '../../types';
-import { LightboxProps } from './Lightbox.types';
-declare const _default: FunctionComponent<LightboxProps & ForwardProps> & {
-    getTestIds: (testIdProp?: string | undefined) => import("../../types").TestIdsRecord<readonly ["content", "name", "metadata", "download", "close", "prev", "next", "pagination"]>;
-};
-export default _default;
-//# sourceMappingURL=Lightbox.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Lightbox.d.ts","sourceRoot":"","sources":["../../../src/components/Lightbox/Lightbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EASlB,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AA+B3C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;;;;AAsPjD,wBAAyD"}

package/lib/components/Lightbox/Lightbox.js

@@ -1,116 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useRef, useState, forwardRef } from 'react';
-import { createPortal } from 'react-dom';
-import { cap, withTestIds } from '../../utils';
-import Flex from '../Flex';
-import MetaList from '../MetaList';
-import Icon from '../Icon';
-import Text from '../Text';
-import { useConfiguration, useConsolidatedRef, useDirection, useEvent, useFocusTrap, useI18n, useScrollToggle, useTestIds } from '../../hooks';
-import ErrorState from '../ErrorState';
-import Progress from '../Progress';
-import { StyledHeader, StyledCountTracker, StyledInfo, StyledActionButton, StyledPreviewRegion, StyledNavButton, StyledImageContainer, StyledImage, StyledLiveRegion, StyledLightbox } from './Lightbox.styles';
-import { getLightboxTestIds } from './Lightbox.test-ids';
-const Lightbox = forwardRef(function Lightbox({ testId, items, defaultIndex = 0, cycle, onItemLoad, onItemError, onNavigate, onItemDownload, onAfterClose, ...restProps }, refArg) {
-    const t = useI18n();
-    const { start, end } = useDirection();
-    const { portalTarget } = useConfiguration();
-    const [currentIndex, setCurrentIndex] = useState(defaultIndex);
-    const currentItem = items[currentIndex];
-    const { disableScroll, enableScroll } = useScrollToggle();
-    const lightboxRef = useConsolidatedRef(refArg);
-    const headerRef = useRef(null);
-    const closeButtonRef = useRef(null);
-    const prevButtonRef = useRef(null);
-    const nextButtonRef = useRef(null);
-    const [open, setOpen] = useState(true);
-    const imageRef = useConsolidatedRef(currentItem.ref);
-    const [error, setError] = useState(false);
-    const [liveText, setLiveText] = useState('');
-    const countTrackerText = items.length > 1 ? t('x_of_y', [currentIndex + 1, items.length]) : '';
-    const testIds = useTestIds(testId, getLightboxTestIds);
-    const close = () => {
-        setOpen(false);
-    };
-    const navigate = (direction) => {
-        if (direction === 1) {
-            if (currentIndex < items.length - 1) {
-                setCurrentIndex(cur => cur + 1);
-                setError(false);
-            }
-            else if (cycle) {
-                setCurrentIndex(0);
-                setError(false);
-            }
-        }
-        else if (currentIndex > 0) {
-            setCurrentIndex(cur => cur - 1);
-            setError(false);
-        }
-        else if (cycle) {
-            setCurrentIndex(items.length - 1);
-            setError(false);
-        }
-    };
-    const keyDownHandler = (e) => {
-        if (e.repeat)
-            return;
-        if (e.key === 'Escape') {
-            close();
-        }
-        else if (e.key === `Arrow${cap(end)}`) {
-            navigate(1);
-        }
-        else if (e.key === `Arrow${cap(start)}`) {
-            navigate(-1);
-        }
-    };
-    useEvent('keydown', keyDownHandler);
-    useFocusTrap(lightboxRef);
-    useEffect(() => {
-        setLiveText(`${currentItem.name}. ${countTrackerText ? `${countTrackerText}.` : ''} ${currentItem.description}.`);
-    }, [currentItem.name, countTrackerText, currentItem.description]);
-    useEffect(() => {
-        onNavigate?.(currentItem.id, currentIndex);
-    }, [currentIndex]);
-    useEffect(() => {
-        lightboxRef.current?.focus();
-    }, []);
-    const content = (_jsxs(StyledLightbox, { "data-testid": testIds.root, ...restProps, tabIndex: -1, ref: lightboxRef, open: open, role: 'dialog', "aria-modal": 'true', container: { alignItems: 'start', justify: 'start', direction: 'column' }, alpha: 0.9, variant: 'dark', transitionSpeed: 'slow', onBeforeTransitionIn: disableScroll, onAfterTransitionOut: () => {
-            enableScroll();
-            onAfterClose?.();
-        }, children: [_jsxs(Flex, { as: StyledHeader, ref: headerRef, container: {
-                    justify: 'between',
-                    alignItems: 'center',
-                    gap: 2
-                }, onMouseDown: (e) => {
-                    if (e.button !== 0)
-                        return;
-                    if (e.target === e.currentTarget)
-                        close();
-                }, children: [_jsx(StyledCountTracker, { "data-testid": testIds.pagination, "aria-hidden": 'true', children: countTrackerText }), _jsxs(Flex, { as: StyledInfo, container: {
-                            wrap: 'wrap',
-                            alignItems: 'center',
-                            justify: 'center',
-                            colGap: 2,
-                            rowGap: 0.5
-                        }, children: [_jsx(Text, { "data-testid": testIds.name, variant: 'primary', as: 'h2', children: currentItem.name }), currentItem.metadata && (_jsx(MetaList, { "data-testid": testIds.metadata, items: currentItem.metadata }))] }), _jsxs(Flex, { container: true, children: [onItemDownload && (_jsx(StyledActionButton, { "data-testid": testIds.download, variant: 'simple', "aria-label": t('download'), icon: true, onClick: () => onItemDownload(currentItem.id), children: _jsx(Icon, { name: 'download' }) })), _jsx(StyledActionButton, { "data-testid": testIds.close, variant: 'simple', ref: closeButtonRef, "aria-label": t('close'), icon: true, onClick: close, children: _jsx(Icon, { name: 'times' }) })] })] }), _jsxs(Flex, { container: { justify: 'between' }, as: StyledPreviewRegion, item: { grow: 1, shrink: 0 }, children: [items.length > 1 && (_jsx(StyledNavButton, { "data-testid": testIds.prev, ref: prevButtonRef, variant: 'simple', "aria-label": t('pagination_prev'), hidden: !cycle && currentIndex === 0, icon: true, onClick: () => {
-                            navigate(-1);
-                        }, children: _jsx("span", { children: _jsx(Icon, { name: 'caret-left' }) }) })), _jsx(Flex, { item: { grow: 1 }, as: StyledImageContainer, children: _jsxs(Flex, { container: { alignItems: 'center' }, onMouseDown: (e) => {
-                                if (e.button !== 0)
-                                    return;
-                                if (e.target === e.currentTarget)
-                                    close();
-                            }, children: [error && _jsx(ErrorState, { message: t('image_load_error') }), !error &&
-                                    (currentItem.src ? (_jsx(StyledImage, { "data-testid": testIds.content, ref: imageRef, src: currentItem.src, alt: currentItem.description, onLoad: (e) => {
-                                            onItemLoad?.(currentItem.id, e);
-                                        }, onError: (e) => {
-                                            onItemError?.(currentItem.id, e);
-                                            setError(true);
-                                        } })) : (_jsx(Progress, { placement: 'block', delay: true })))] }) }), items.length > 1 && (_jsx(StyledNavButton, { "data-testid": testIds.next, ref: nextButtonRef, variant: 'simple', "aria-label": t('pagination_next'), hidden: !cycle && currentIndex === items.length - 1, icon: true, onClick: () => {
-                            navigate(1);
-                        }, children: _jsx("span", { children: _jsx(Icon, { name: 'caret-right' }) }) }))] }), _jsx(StyledLiveRegion, { "aria-live": 'polite', "aria-label": liveText })] }));
-    return portalTarget ? createPortal(content, portalTarget) : content;
-});
-export default withTestIds(Lightbox, getLightboxTestIds);
-//# sourceMappingURL=Lightbox.js.map

package/lib/components/Lightbox/Lightbox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Lightbox.js","sourceRoot":"","sources":["../../../src/components/Lightbox/Lightbox.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  FunctionComponent,\n  PropsWithoutRef,\n  useEffect,\n  useRef,\n  Ref,\n  useState,\n  forwardRef,\n  MouseEvent,\n  SyntheticEvent\n} from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { ForwardProps } from '../../types';\nimport { cap, withTestIds } from '../../utils';\nimport Flex from '../Flex';\nimport MetaList from '../MetaList';\nimport Icon from '../Icon';\nimport Text from '../Text';\nimport {\n  useConfiguration,\n  useConsolidatedRef,\n  useDirection,\n  useEvent,\n  useFocusTrap,\n  useI18n,\n  useScrollToggle,\n  useTestIds\n} from '../../hooks';\nimport ErrorState from '../ErrorState';\nimport Progress from '../Progress';\n\nimport {\n  StyledHeader,\n  StyledCountTracker,\n  StyledInfo,\n  StyledActionButton,\n  StyledPreviewRegion,\n  StyledNavButton,\n  StyledImageContainer,\n  StyledImage,\n  StyledLiveRegion,\n  StyledLightbox\n} from './Lightbox.styles';\nimport { LightboxProps } from './Lightbox.types';\nimport { getLightboxTestIds } from './Lightbox.test-ids';\n\nconst Lightbox: FunctionComponent<LightboxProps & ForwardProps> = forwardRef(function Lightbox(\n  {\n    testId,\n    items,\n    defaultIndex = 0,\n    cycle,\n    onItemLoad,\n    onItemError,\n    onNavigate,\n    onItemDownload,\n    onAfterClose,\n    ...restProps\n  }: PropsWithoutRef<LightboxProps>,\n  refArg: Ref<HTMLDivElement>\n) {\n  const t = useI18n();\n  const { start, end } = useDirection();\n  const { portalTarget } = useConfiguration();\n  const [currentIndex, setCurrentIndex] = useState(defaultIndex);\n  const currentItem = items[currentIndex];\n  const { disableScroll, enableScroll } = useScrollToggle();\n  const lightboxRef = useConsolidatedRef(refArg);\n  const headerRef = useRef<HTMLDivElement>(null);\n  const closeButtonRef = useRef<HTMLButtonElement>(null);\n  const prevButtonRef = useRef<HTMLButtonElement>(null);\n  const nextButtonRef = useRef<HTMLButtonElement>(null);\n  const [open, setOpen] = useState(true);\n  const imageRef = useConsolidatedRef(currentItem.ref);\n  const [error, setError] = useState(false);\n  const [liveText, setLiveText] = useState('');\n  const countTrackerText = items.length > 1 ? t('x_of_y', [currentIndex + 1, items.length]) : '';\n  const testIds = useTestIds(testId, getLightboxTestIds);\n\n  const close = () => {\n    setOpen(false);\n  };\n\n  const navigate = (direction: 1 | -1) => {\n    if (direction === 1) {\n      if (currentIndex < items.length - 1) {\n        setCurrentIndex(cur => cur + 1);\n        setError(false);\n      } else if (cycle) {\n        setCurrentIndex(0);\n        setError(false);\n      }\n    } else if (currentIndex > 0) {\n      setCurrentIndex(cur => cur - 1);\n      setError(false);\n    } else if (cycle) {\n      setCurrentIndex(items.length - 1);\n      setError(false);\n    }\n  };\n  const keyDownHandler = (e: KeyboardEvent) => {\n    if (e.repeat) return;\n\n    if (e.key === 'Escape') {\n      close();\n    } else if (e.key === `Arrow${cap(end)}`) {\n      navigate(1);\n    } else if (e.key === `Arrow${cap(start)}`) {\n      navigate(-1);\n    }\n  };\n\n  useEvent('keydown', keyDownHandler);\n  useFocusTrap(lightboxRef);\n\n  useEffect(() => {\n    setLiveText(\n      `${currentItem.name}. ${countTrackerText ? `${countTrackerText}.` : ''} ${\n        currentItem.description\n      }.`\n    );\n  }, [currentItem.name, countTrackerText, currentItem.description]);\n\n  useEffect(() => {\n    onNavigate?.(currentItem.id, currentIndex);\n  }, [currentIndex]);\n\n  useEffect(() => {\n    lightboxRef.current?.focus();\n  }, []);\n\n  const content = (\n    <StyledLightbox\n      data-testid={testIds.root}\n      {...restProps}\n      tabIndex={-1}\n      ref={lightboxRef}\n      open={open}\n      role='dialog'\n      aria-modal='true'\n      container={{ alignItems: 'start', justify: 'start', direction: 'column' }}\n      alpha={0.9}\n      variant='dark'\n      transitionSpeed='slow'\n      onBeforeTransitionIn={disableScroll}\n      onAfterTransitionOut={() => {\n        enableScroll();\n        onAfterClose?.();\n      }}\n    >\n      <Flex\n        as={StyledHeader}\n        ref={headerRef}\n        container={{\n          justify: 'between',\n          alignItems: 'center',\n          gap: 2\n        }}\n        onMouseDown={(e: MouseEvent<HTMLDivElement>) => {\n          if (e.button !== 0) return;\n          if (e.target === e.currentTarget) close();\n        }}\n      >\n        <StyledCountTracker data-testid={testIds.pagination} aria-hidden='true'>\n          {countTrackerText}\n        </StyledCountTracker>\n\n        <Flex\n          as={StyledInfo}\n          container={{\n            wrap: 'wrap',\n            alignItems: 'center',\n            justify: 'center',\n            colGap: 2,\n            rowGap: 0.5\n          }}\n        >\n          <Text data-testid={testIds.name} variant='primary' as='h2'>\n            {currentItem.name}\n          </Text>\n          {currentItem.metadata && (\n            <MetaList data-testid={testIds.metadata} items={currentItem.metadata} />\n          )}\n        </Flex>\n\n        <Flex container>\n          {onItemDownload && (\n            <StyledActionButton\n              data-testid={testIds.download}\n              variant='simple'\n              aria-label={t('download')}\n              icon\n              onClick={() => onItemDownload(currentItem.id)}\n            >\n              <Icon name='download' />\n            </StyledActionButton>\n          )}\n          <StyledActionButton\n            data-testid={testIds.close}\n            variant='simple'\n            ref={closeButtonRef}\n            aria-label={t('close')}\n            icon\n            onClick={close}\n          >\n            <Icon name='times' />\n          </StyledActionButton>\n        </Flex>\n      </Flex>\n\n      <Flex\n        container={{ justify: 'between' }}\n        as={StyledPreviewRegion}\n        item={{ grow: 1, shrink: 0 }}\n      >\n        {items.length > 1 && (\n          <StyledNavButton\n            data-testid={testIds.prev}\n            ref={prevButtonRef}\n            variant='simple'\n            aria-label={t('pagination_prev')}\n            hidden={!cycle && currentIndex === 0}\n            icon\n            onClick={() => {\n              navigate(-1);\n            }}\n          >\n            <span>\n              <Icon name='caret-left' />\n            </span>\n          </StyledNavButton>\n        )}\n\n        <Flex item={{ grow: 1 }} as={StyledImageContainer}>\n          <Flex\n            container={{ alignItems: 'center' }}\n            onMouseDown={(e: MouseEvent<HTMLDivElement>) => {\n              if (e.button !== 0) return;\n              if (e.target === e.currentTarget) close();\n            }}\n          >\n            {error && <ErrorState message={t('image_load_error')} />}\n\n            {!error &&\n              (currentItem.src ? (\n                <StyledImage\n                  data-testid={testIds.content}\n                  ref={imageRef}\n                  src={currentItem.src}\n                  alt={currentItem.description}\n                  onLoad={(e: SyntheticEvent<HTMLImageElement>) => {\n                    onItemLoad?.(currentItem.id, e);\n                  }}\n                  onError={(e: SyntheticEvent<HTMLImageElement>) => {\n                    onItemError?.(currentItem.id, e);\n                    setError(true);\n                  }}\n                />\n              ) : (\n                <Progress placement='block' delay />\n              ))}\n          </Flex>\n        </Flex>\n\n        {items.length > 1 && (\n          <StyledNavButton\n            data-testid={testIds.next}\n            ref={nextButtonRef}\n            variant='simple'\n            aria-label={t('pagination_next')}\n            hidden={!cycle && currentIndex === items.length - 1}\n            icon\n            onClick={() => {\n              navigate(1);\n            }}\n          >\n            <span>\n              <Icon name='caret-right' />\n            </span>\n          </StyledNavButton>\n        )}\n      </Flex>\n      <StyledLiveRegion aria-live='polite' aria-label={liveText} />\n    </StyledLightbox>\n  );\n\n  return portalTarget ? createPortal(content, portalTarget) : content;\n});\n\nexport default withTestIds(Lightbox, getLightboxTestIds);\n"]}

package/lib/components/Lightbox/Lightbox.styles.d.ts

@@ -1,13 +0,0 @@
-export declare const StyledHeader: import("styled-components").StyledComponent<"header", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledCountTracker: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledInfo: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledNavButton: import("styled-components").StyledComponent<import("react").FunctionComponent<import("../Button/BareButton").BareButtonProps & import("../..").ForwardProps>, import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledActionButton: import("styled-components").StyledComponent<import("react").FunctionComponent<import("../Button").ButtonProps & import("../..").ForwardProps>, import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledImageContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledPreviewRegion: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledImage: import("styled-components").StyledComponent<import("react").FunctionComponent<import("../Image").ImageProps & import("../..").ForwardProps>, import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledLiveRegion: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledLightbox: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("../Backdrop").BackdropProps, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
-    getTestIds: (testIdProp?: string | undefined) => import("../..").TestIdsRecord<readonly []>;
-}, import("styled-components").DefaultTheme, {}, never>;
-//# sourceMappingURL=Lightbox.styles.d.ts.map

package/lib/components/Lightbox/Lightbox.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Lightbox.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Lightbox/Lightbox.styles.ts"],"names":[],"mappings":"AAgBA,eAAO,MAAM,YAAY,4GAkBvB,CAAC;AAIH,eAAO,MAAM,kBAAkB,yGAY7B,CAAC;AAIH,eAAO,MAAM,UAAU,yGAKrB,CAAC;AAIH,eAAO,MAAM,eAAe,oNAgE1B,CAAC;AAIH,eAAO,MAAM,kBAAkB,qMAS7B,CAAC;AAIH,eAAO,MAAM,oBAAoB,yGAkB/B,CAAC;AAIH,eAAO,MAAM,mBAAmB,yGAG/B,CAAC;AAEF,eAAO,MAAM,WAAW,mMAKvB,CAAC;AAEF,eAAO,MAAM,gBAAgB,yGAE5B,CAAC;AAEF,eAAO,MAAM,cAAc;;uDAQzB,CAAC"}