@pega/cosmos-react-core 2.2.0 → 2.2.1

package/lib/components/IconPicker/IconPicker.js

@@ -1,105 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { forwardRef, useState, useCallback, useRef, useEffect } from 'react';
-import ComboBox from '../ComboBox';
-import icons from '../Icon/iconNames';
-import Icon from '../Icon';
-import { menuHelpers } from '../Menu';
-import { useI18n } from '../../hooks';
-import { createStringMatcher } from '../../utils';
-const getFilteredItems = (iconList, filterValue) => {
-    if (!filterValue)
-        return iconList;
-    const regExp = createStringMatcher(filterValue);
-    return iconList.filter(({ primary }) => regExp.test(primary));
-};
-const iconList = icons.map(icon => {
-    return {
-        id: icon,
-        primary: icon,
-        visual: _jsx(Icon, { name: icon }, void 0),
-        selected: false
-    };
-});
-const pageSize = 20;
-const IconPicker = forwardRef((props, ref) => {
-    const { defaultSelection, scrollAt, onSelect, ...restProps } = props;
-    const [items, setItems] = useState(() => iconList.slice(0, pageSize));
-    const [isLoading, setIsLoading] = useState(false);
-    const [hasMore, setHasMore] = useState(true);
-    const [selectedIcon, setSelectedIcon] = useState(defaultSelection ?? '');
-    const [filterValue, setFilterValue] = useState('');
-    const t = useI18n();
-    const loadMoreTimeoutId = useRef();
-    const resetItems = useCallback(() => {
-        const filteredItems = getFilteredItems(iconList, filterValue);
-        setItems(menuHelpers.selectItem(filteredItems.slice(0, pageSize), selectedIcon, 'single-select'));
-        setHasMore(filteredItems.length > pageSize);
-    }, [filterValue, selectedIcon]);
-    useEffect(() => {
-        resetItems();
-    }, [filterValue, selectedIcon]);
-    useEffect(() => {
-        return () => {
-            if (loadMoreTimeoutId.current)
-                clearTimeout(loadMoreTimeoutId.current);
-        };
-    }, []);
-    const loadMore = useCallback(() => {
-        if (!isLoading) {
-            setIsLoading(true);
-            if (loadMoreTimeoutId.current)
-                clearTimeout(loadMoreTimeoutId.current);
-            loadMoreTimeoutId.current = setTimeout(() => {
-                setIsLoading(false);
-                setItems(prevItems => {
-                    const newItems = menuHelpers.mapTree(getFilteredItems(iconList, filterValue).slice(prevItems.length, prevItems.length + pageSize), item => ({
-                        ...item,
-                        selected: item.items ? undefined : selectedIcon === item.id
-                    }));
-                    if (newItems.length === 0)
-                        setHasMore(false);
-                    return menuHelpers.appendTo(prevItems, newItems);
-                });
-            }, 500);
-        }
-    }, [filterValue, isLoading]);
-    const selectItem = useCallback((iconName) => {
-        setSelectedIcon(iconName);
-        setFilterValue('');
-        onSelect?.(iconName);
-    }, [onSelect]);
-    const clearSelection = useCallback(() => {
-        setSelectedIcon('');
-        setItems(cur => menuHelpers.mapTree(cur, item => {
-            return {
-                ...item,
-                selected: false
-            };
-        }));
-    }, []);
-    return (_jsx(ComboBox, { ...restProps, ref: ref, selected: selectedIcon
-            ? {
-                items: {
-                    id: selectedIcon,
-                    text: selectedIcon
-                }
-            }
-            : undefined, value: filterValue, onChange: (e) => {
-            if (!e.target.value)
-                clearSelection();
-            setFilterValue(e.target.value);
-        }, onBlur: () => {
-            resetItems();
-            setFilterValue('');
-        }, menu: {
-            items,
-            onItemClick: selectItem,
-            scrollAt,
-            accent: filterValue ? createStringMatcher(filterValue) : undefined,
-            emptyText: t('no_items'),
-            loading: isLoading,
-            loadMore: hasMore ? loadMore : undefined
-        }, visual: selectedIcon ? _jsx(Icon, { name: selectedIcon }, void 0) : _jsx(_Fragment, {}, void 0) }, void 0));
-});
-export default IconPicker;
-//# sourceMappingURL=IconPicker.js.map

package/lib/components/IconPicker/IconPicker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconPicker.js","sourceRoot":"","sources":["../../../src/components/IconPicker/IconPicker.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  FunctionComponent,\n  forwardRef,\n  useState,\n  useCallback,\n  useRef,\n  ChangeEvent,\n  useEffect,\n  PropsWithoutRef,\n  Ref\n} from 'react';\n\nimport { ForwardProps } from '../../types';\nimport ComboBox, { ComboBoxProps } from '../ComboBox';\nimport icons from '../Icon/iconNames';\nimport Icon from '../Icon';\nimport { menuHelpers, MenuProps, MenuItemProps } from '../Menu';\nimport { useI18n } from '../../hooks';\nimport { createStringMatcher } from '../../utils';\n\nexport interface IconPickerProps\n  extends Pick<\n      ComboBoxProps,\n      | 'id'\n      | 'label'\n      | 'labelHidden'\n      | 'required'\n      | 'disabled'\n      | 'readOnly'\n      | 'name'\n      | 'status'\n      | 'info'\n      | 'placeholder'\n      | 'autoFocus'\n    >,\n    Pick<MenuProps, 'scrollAt'> {\n  /** Default selection for the input. */\n  defaultSelection: string;\n  /** Callback fired when user chooses icon from the list of icons. */\n  onSelect?: (iconName: string) => void;\n}\n\nconst getFilteredItems = (iconList: MenuItemProps[], filterValue: string) => {\n  if (!filterValue) return iconList;\n\n  const regExp = createStringMatcher(filterValue);\n  return iconList.filter(({ primary }) => regExp.test(primary));\n};\n\nconst iconList: MenuItemProps[] = icons.map(icon => {\n  return {\n    id: icon,\n    primary: icon,\n    visual: <Icon name={icon} />,\n    selected: false\n  };\n});\n\nconst pageSize = 20;\n\nconst IconPicker: FunctionComponent<IconPickerProps & ForwardProps> = forwardRef(\n  (props: PropsWithoutRef<IconPickerProps>, ref: Ref<HTMLInputElement>) => {\n    const { defaultSelection, scrollAt, onSelect, ...restProps } = props;\n\n    const [items, setItems] = useState<MenuProps['items']>(() => iconList.slice(0, pageSize));\n\n    const [isLoading, setIsLoading] = useState(false);\n    const [hasMore, setHasMore] = useState(true);\n    const [selectedIcon, setSelectedIcon] = useState(defaultSelection ?? '');\n    const [filterValue, setFilterValue] = useState('');\n    const t = useI18n();\n    const loadMoreTimeoutId = useRef<ReturnType<typeof setTimeout>>();\n\n    const resetItems = useCallback(() => {\n      const filteredItems = getFilteredItems(iconList, filterValue);\n      setItems(\n        menuHelpers.selectItem(filteredItems.slice(0, pageSize), selectedIcon, 'single-select')\n      );\n      setHasMore(filteredItems.length > pageSize);\n    }, [filterValue, selectedIcon]);\n\n    useEffect(() => {\n      resetItems();\n    }, [filterValue, selectedIcon]);\n\n    useEffect(() => {\n      return () => {\n        if (loadMoreTimeoutId.current) clearTimeout(loadMoreTimeoutId.current);\n      };\n    }, []);\n\n    const loadMore = useCallback(() => {\n      if (!isLoading) {\n        setIsLoading(true);\n        if (loadMoreTimeoutId.current) clearTimeout(loadMoreTimeoutId.current);\n        loadMoreTimeoutId.current = setTimeout(() => {\n          setIsLoading(false);\n          setItems(prevItems => {\n            const newItems = menuHelpers.mapTree(\n              getFilteredItems(iconList, filterValue).slice(\n                prevItems.length,\n                prevItems.length + pageSize\n              ),\n              item => ({\n                ...item,\n                selected: item.items ? undefined : selectedIcon === item.id\n              })\n            );\n\n            if (newItems.length === 0) setHasMore(false);\n\n            return menuHelpers.appendTo(prevItems, newItems);\n          });\n        }, 500);\n      }\n    }, [filterValue, isLoading]);\n\n    const selectItem = useCallback(\n      (iconName: string) => {\n        setSelectedIcon(iconName);\n        setFilterValue('');\n        onSelect?.(iconName);\n      },\n      [onSelect]\n    );\n\n    const clearSelection = useCallback(() => {\n      setSelectedIcon('');\n      setItems(cur =>\n        menuHelpers.mapTree(cur, item => {\n          return {\n            ...item,\n            selected: false\n          };\n        })\n      );\n    }, []);\n\n    return (\n      <ComboBox\n        {...restProps}\n        ref={ref}\n        selected={\n          selectedIcon\n            ? {\n                items: {\n                  id: selectedIcon,\n                  text: selectedIcon\n                }\n              }\n            : undefined\n        }\n        value={filterValue}\n        onChange={(e: ChangeEvent<HTMLInputElement>) => {\n          if (!e.target.value) clearSelection();\n          setFilterValue(e.target.value);\n        }}\n        onBlur={() => {\n          resetItems();\n          setFilterValue('');\n        }}\n        menu={{\n          items,\n          onItemClick: selectItem,\n          scrollAt,\n          accent: filterValue ? createStringMatcher(filterValue) : undefined,\n          emptyText: t('no_items'),\n          loading: isLoading,\n          loadMore: hasMore ? loadMore : undefined\n        }}\n        visual={selectedIcon ? <Icon name={selectedIcon} /> : <></>}\n      />\n    );\n  }\n);\n\nexport default IconPicker;\n"]}

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

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

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

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

package/lib/components/IconPicker/index.js

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

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

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

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

@@ -1,12 +0,0 @@
-import { FunctionComponent, ImgHTMLAttributes, Ref } from 'react';
-import { ForwardProps } from '../../types';
-export interface ImageProps extends ImgHTMLAttributes<HTMLImageElement> {
-    /** The HTML alt attribute for the image. */
-    alt: string;
-    /** Ref for the wrapping element. */
-    ref?: Ref<HTMLImageElement>;
-}
-export declare const StyledImage: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, {}, never>;
-declare const Image: FunctionComponent<ImageProps & ForwardProps>;
-export default Image;
-//# sourceMappingURL=Image.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../src/components/Image/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAE,iBAAiB,EAAE,GAAG,EAAmB,MAAM,OAAO,CAAC;AAG/F,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C,MAAM,WAAW,UAAW,SAAQ,iBAAiB,CAAC,gBAAgB,CAAC;IACrE,4CAA4C;IAC5C,GAAG,EAAE,MAAM,CAAC;IACZ,oCAAoC;IACpC,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;CAC7B;AAED,eAAO,MAAM,WAAW,yGAEvB,CAAC;AAEF,QAAA,MAAM,KAAK,EAAE,iBAAiB,CAAC,UAAU,GAAG,YAAY,CAKvD,CAAC;AAEF,eAAe,KAAK,CAAC"}

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((props, ref) => {
-    const { alt, ...restProps } = props;
-    return _jsx(StyledImage, { ...restProps, alt: alt, ref: ref }, void 0);
-});
-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,CACpE,CAAC,KAAkC,EAAE,GAA0B,EAAE,EAAE;IACjE,MAAM,EAAE,GAAG,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IACpC,OAAO,KAAC,WAAW,OAAK,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,WAAI,CAAC;AAC5D,CAAC,CACF,CAAC;AAEF,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(\n  (props: PropsWithoutRef<ImageProps>, ref: Ref<HTMLImageElement>) => {\n    const { alt, ...restProps } = props;\n    return <StyledImage {...restProps} alt={alt} ref={ref} />;\n  }\n);\n\nexport default Image;\n"]}

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

@@ -1,3 +0,0 @@
-export { default } from './Image';
-export { ImageProps, StyledImage } 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,MAAM,SAAS,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC"}

package/lib/components/Image/index.js

@@ -1,3 +0,0 @@
-export { default } from './Image';
-export { 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,MAAM,SAAS,CAAC;AAClC,OAAO,EAAc,WAAW,EAAE,MAAM,SAAS,CAAC","sourcesContent":["export { default } from './Image';\nexport { ImageProps, StyledImage } from './Image';\n"]}

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

@@ -1,15 +0,0 @@
-import { FC } from 'react';
-import { Action, BaseProps, ForwardProps, NoChildrenProp } from '../../types';
-import { FormControlProps } from '../FormControl';
-export interface InputProps extends FormControlProps, BaseProps, NoChildrenProp {
-    /**
-     * Specifies the type of input to be used.
-     * @default "text"
-     */
-    type?: 'text' | 'password' | 'number' | 'email' | 'url' | 'search' | 'tel' | 'date' | 'datetime-local' | 'time' | 'week' | 'month' | 'color';
-    /** Pass an array of Action objects to append button(s) inline with the Input. */
-    actions?: Action[];
-}
-declare const Input: FC<InputProps & ForwardProps>;
-export default Input;
-//# 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,MAAM,aAAa,CAAC;AAE9E,OAAO,EAAE,gBAAgB,EAAqB,MAAM,gBAAgB,CAAC;AAMrE,MAAM,WAAW,UAAW,SAAQ,gBAAgB,EAAE,SAAS,EAAE,cAAc;IAC7E;;;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,OAAO,CAAC;IACZ,iFAAiF;IACjF,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB;AAED,QAAA,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,GAAG,YAAY,CAoDxC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/lib/components/Input/Input.js

@@ -1,32 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import FormField from '../FormField';
-import { StyledFormControl } from '../FormControl';
-import { hasProp } from '../../utils';
-import { useUID } from '../../hooks';
-import StyledInput from './Input.styles';
-const Input = forwardRef((props, ref) => {
-    const uid = useUID();
-    const { id = uid, value, defaultValue, required = false, disabled = false, label, labelHidden, info, status, actions, ...restProps } = props;
-    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, { ...{
-            ref,
-            id,
-            required,
-            disabled,
-            status,
-            ...controlProp,
-            ...restProps,
-            as: StyledInput
-        } }, void 0));
-    return label ? (_jsx(FormField, { ...{ label, labelHidden, id, info, status, required, disabled, actions }, children: Comp }, void 0)) : (Comp);
-});
-export default Input;
-//# 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,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,OAAO,WAAW,MAAM,gBAAgB,CAAC;AAyBzC,MAAM,KAAK,GAAkC,UAAU,CACrD,CAAC,KAAkC,EAAE,GAA0B,EAAE,EAAE;IACjE,MAAM,GAAG,GAAG,MAAM,EAAE,CAAC;IACrB,MAAM,EACJ,EAAE,GAAG,GAAG,EACR,KAAK,EACL,YAAY,EACZ,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,WAAW,EACX,IAAI,EACJ,MAAM,EACN,OAAO,EACP,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,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,OACZ;YACF,GAAG;YACH,EAAE;YACF,QAAQ;YACR,QAAQ;YACR,MAAM;YACN,GAAG,WAAW;YACd,GAAG,SAAS;YACZ,EAAE,EAAE,WAAW;SAChB,WACD,CACH,CAAC;IAEF,OAAO,KAAK,CAAC,CAAC,CAAC,CACb,KAAC,SAAS,OAAK,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,YACjF,IAAI,WACK,CACb,CAAC,CAAC,CAAC,CACF,IAAI,CACL,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,KAAK,CAAC","sourcesContent":["import { FC, Ref, forwardRef, PropsWithoutRef } from 'react';\n\nimport { Action, BaseProps, ForwardProps, NoChildrenProp } from '../../types';\nimport FormField from '../FormField';\nimport { FormControlProps, StyledFormControl } from '../FormControl';\nimport { hasProp } from '../../utils';\nimport { useUID } from '../../hooks';\n\nimport StyledInput from './Input.styles';\n\nexport interface InputProps extends FormControlProps, BaseProps, NoChildrenProp {\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    | 'color';\n  /** Pass an array of Action objects to append button(s) inline with the Input. */\n  actions?: Action[];\n}\n\nconst Input: FC<InputProps & ForwardProps> = forwardRef(\n  (props: PropsWithoutRef<InputProps>, ref: Ref<HTMLInputElement>) => {\n    const uid = useUID();\n    const {\n      id = uid,\n      value,\n      defaultValue,\n      required = false,\n      disabled = false,\n      label,\n      labelHidden,\n      info,\n      status,\n      actions,\n      ...restProps\n    } = props;\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        {...{\n          ref,\n          id,\n          required,\n          disabled,\n          status,\n          ...controlProp,\n          ...restProps,\n          as: StyledInput\n        }}\n      />\n    );\n\n    return label ? (\n      <FormField {...{ label, labelHidden, id, info, status, required, disabled, actions }}>\n        {Comp}\n      </FormField>\n    ) : (\n      Comp\n    );\n  }\n);\n\nexport default Input;\n"]}

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

@@ -1,3 +0,0 @@
-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":"AAIA,QAAA,MAAM,WAAW,2GAcf,CAAC;AAIH,eAAe,WAAW,CAAC"}

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

@@ -1,20 +0,0 @@
-import styled, { css } from 'styled-components';
-import { defaultThemeProp } from '../../theme';
-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;AAE/C,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';\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/index.d.ts

@@ -1,2 +0,0 @@
-export { default, 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,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,EAAc,MAAM,SAAS,CAAC","sourcesContent":["export { default, 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,CAgBvD,CAAC;AAEF,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(({ children, labelHidden = false, htmlFor, ...restProps }, ref) => {
-    return (_jsx(StyledLabel, { ref: ref, labelHidden: labelHidden, htmlFor: htmlFor === '' ? undefined : htmlFor, ...restProps, children: children }, void 0));
-});
-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,CACpE,CACE,EAAE,QAAQ,EAAE,WAAW,GAAG,KAAK,EAAE,OAAO,EAAE,GAAG,SAAS,EAA+B,EACrF,GAAsB,EACtB,EAAE;IACF,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,WACG,CACf,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,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(\n  (\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);\n\nexport default Label;\n"]}

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

@@ -1,4 +0,0 @@
-export { default } from './Label';
-export { LabelProps } from './Label';
-export { StyledLabel } 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,MAAM,SAAS,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC"}

package/lib/components/Label/index.js

@@ -1,3 +0,0 @@
-export { default } from './Label';
-export { 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,MAAM,SAAS,CAAC;AAElC,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC","sourcesContent":["export { default } from './Label';\nexport { LabelProps } from './Label';\nexport { StyledLabel } from './Label';\n"]}

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

@@ -1,6 +0,0 @@
-import { FunctionComponent } from 'react';
-import { ForwardProps } from '../../types';
-import { LightboxProps } from './Lightbox.types';
-declare const Lightbox: FunctionComponent<LightboxProps & ForwardProps>;
-export default Lightbox;
-//# 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;AAEf,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAqB3C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,QAAA,MAAM,QAAQ,EAAE,iBAAiB,CAAC,aAAa,GAAG,YAAY,CAyP7D,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/lib/components/Lightbox/Lightbox.js

@@ -1,129 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useRef, useState, forwardRef } from 'react';
-import { cap, getFocusables } from '../../utils';
-import Flex from '../Flex';
-import MetaList from '../MetaList';
-import Icon from '../Icon';
-import Text from '../Text';
-import { useConsolidatedRef, useDirection, useI18n, useScrollToggle } from '../../hooks';
-import ErrorState from '../ErrorState';
-import { StyledHeader, StyledCountTracker, StyledInfo, StyledActionButton, StyledPreviewRegion, StyledNavButton, StyledImageContainer, StyledImage, StyledLiveRegion, StyledLightbox } from './Lightbox.styles';
-const Lightbox = forwardRef(({ items, defaultIndex = 0, cycle, onItemLoad, onItemError, onNavigate, onItemDownload, onAfterClose, ...restProps }, refArg) => {
-    const t = useI18n();
-    const { start, end } = useDirection();
-    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 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 onKeydown = (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);
-        }
-        if (e.key === 'Tab') {
-            const focusables = getFocusables(lightboxRef);
-            if (!focusables || focusables.length < 2)
-                return;
-            const firstFocusable = focusables[0];
-            const lastFocusable = focusables[focusables.length - 1];
-            if (!e.shiftKey &&
-                (document.activeElement === lightboxRef.current ||
-                    document.activeElement === lastFocusable)) {
-                firstFocusable?.focus();
-                e.preventDefault();
-            }
-            else if (e.shiftKey &&
-                (document.activeElement === lightboxRef.current ||
-                    document.activeElement === firstFocusable)) {
-                lastFocusable?.focus();
-                e.preventDefault();
-            }
-        }
-    };
-    useEffect(() => {
-        document.addEventListener('keydown', onKeydown);
-        return () => {
-            document.removeEventListener('keydown', onKeydown);
-        };
-    }, [onKeydown]);
-    useEffect(() => {
-        setLiveText(`${currentItem.name}. ${countTrackerText ? `${countTrackerText}.` : ''} ${currentItem.description}.`);
-    }, [currentItem.name, countTrackerText, currentItem.description]);
-    useEffect(() => {
-        lightboxRef.current?.focus();
-    }, []);
-    return (_jsxs(StyledLightbox, { ...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, { "aria-hidden": 'true', children: countTrackerText }, void 0), _jsxs(Flex, { as: StyledInfo, container: {
-                            wrap: 'wrap',
-                            alignItems: 'center',
-                            justify: 'center',
-                            colGap: 2,
-                            rowGap: 0.5
-                        }, children: [_jsx(Text, { variant: 'primary', as: 'h2', children: currentItem.name }, void 0), currentItem.metadata && _jsx(MetaList, { items: currentItem.metadata }, void 0)] }, void 0), _jsxs(Flex, { container: true, children: [onItemDownload && (_jsx(StyledActionButton, { variant: 'simple', "aria-label": t('download'), icon: true, onClick: () => onItemDownload(currentItem.id), children: _jsx(Icon, { name: 'download' }, void 0) }, void 0)), _jsx(StyledActionButton, { variant: 'simple', ref: closeButtonRef, "aria-label": t('close'), icon: true, onClick: close, children: _jsx(Icon, { name: 'times' }, void 0) }, void 0)] }, void 0)] }, void 0), _jsxs(Flex, { container: { justify: 'between' }, as: StyledPreviewRegion, item: { grow: 1, shrink: 0 }, children: [items.length > 1 && (_jsx(StyledNavButton, { 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' }, void 0) }, void 0) }, void 0)), _jsx(Flex, { item: { grow: 1 }, as: StyledImageContainer, children: _jsx(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') }, void 0)) : (_jsx(StyledImage, { ref: imageRef, src: currentItem.src, alt: currentItem.description, onLoad: (e) => {
-                                    onItemLoad?.(currentItem.id, e);
-                                }, onError: (e) => {
-                                    onItemError?.(currentItem.id, e);
-                                    setError(true);
-                                } }, void 0)) }, void 0) }, void 0), items.length > 1 && (_jsx(StyledNavButton, { 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' }, void 0) }, void 0) }, void 0))] }, void 0), _jsx(StyledLiveRegion, { "aria-live": 'polite', "aria-label": liveText }, void 0)] }, void 0));
-});
-export default Lightbox;
-//# 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":";AAAA,OAAO,EAGL,SAAS,EACT,MAAM,EAEN,QAAQ,EACR,UAAU,EAGX,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,GAAG,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,QAAQ,MAAM,aAAa,CAAC;AACnC,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AACzF,OAAO,UAAU,MAAM,eAAe,CAAC;AAEvC,OAAO,EACL,YAAY,EACZ,kBAAkB,EAClB,UAAU,EACV,kBAAkB,EAClB,mBAAmB,EACnB,eAAe,EACf,oBAAoB,EACpB,WAAW,EACX,gBAAgB,EAChB,cAAc,EACf,MAAM,mBAAmB,CAAC;AAG3B,MAAM,QAAQ,GAAoD,UAAU,CAC1E,CACE,EACE,KAAK,EACL,YAAY,GAAG,CAAC,EAChB,KAAK,EACL,UAAU,EACV,WAAW,EACX,UAAU,EACV,cAAc,EACd,YAAY,EACZ,GAAG,SAAS,EACmB,EACjC,MAA2B,EAC3B,EAAE;IACF,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IACpB,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,YAAY,EAAE,CAAC;IACtC,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;IAC/D,MAAM,WAAW,GAAG,KAAK,CAAC,YAAY,CAAC,CAAC;IACxC,MAAM,EAAE,aAAa,EAAE,YAAY,EAAE,GAAG,eAAe,EAAE,CAAC;IAC1D,MAAM,WAAW,GAAG,kBAAkB,CAAC,MAAM,CAAC,CAAC;IAC/C,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC/C,MAAM,cAAc,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IACvD,MAAM,aAAa,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IACtD,MAAM,aAAa,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IACtD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACvC,MAAM,QAAQ,GAAG,kBAAkB,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;IACrD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC7C,MAAM,gBAAgB,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,YAAY,GAAG,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAE/F,MAAM,KAAK,GAAG,GAAG,EAAE;QACjB,OAAO,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,CAAC,SAAiB,EAAE,EAAE;QACrC,IAAI,SAAS,KAAK,CAAC,EAAE;YACnB,IAAI,YAAY,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;gBACnC,eAAe,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC;gBAChC,QAAQ,CAAC,KAAK,CAAC,CAAC;aACjB;iBAAM,IAAI,KAAK,EAAE;gBAChB,eAAe,CAAC,CAAC,CAAC,CAAC;gBACnB,QAAQ,CAAC,KAAK,CAAC,CAAC;aACjB;SACF;aAAM,IAAI,YAAY,GAAG,CAAC,EAAE;YAC3B,eAAe,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC;YAChC,QAAQ,CAAC,KAAK,CAAC,CAAC;SACjB;aAAM,IAAI,KAAK,EAAE;YAChB,eAAe,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;YAClC,QAAQ,CAAC,KAAK,CAAC,CAAC;SACjB;IACH,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,CAAC,CAAgB,EAAE,EAAE;QACrC,IAAI,CAAC,CAAC,MAAM;YAAE,OAAO;QAErB,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE;YACtB,KAAK,EAAE,CAAC;SACT;aAAM,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,GAAG,CAAC,GAAG,CAAC,EAAE,EAAE;YACvC,QAAQ,CAAC,CAAC,CAAC,CAAC;SACb;aAAM,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,GAAG,CAAC,KAAK,CAAC,EAAE,EAAE;YACzC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;SACd;QAED,IAAI,CAAC,CAAC,GAAG,KAAK,KAAK,EAAE;YACnB,MAAM,UAAU,GAAG,aAAa,CAAC,WAAW,CAAC,CAAC;YAC9C,IAAI,CAAC,UAAU,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC;gBAAE,OAAO;YACjD,MAAM,cAAc,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC;YACrC,MAAM,aAAa,GAAG,UAAU,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;YAExD,IACE,CAAC,CAAC,CAAC,QAAQ;gBACX,CAAC,QAAQ,CAAC,aAAa,KAAK,WAAW,CAAC,OAAO;oBAC7C,QAAQ,CAAC,aAAa,KAAK,aAAa,CAAC,EAC3C;gBACA,cAAc,EAAE,KAAK,EAAE,CAAC;gBACxB,CAAC,CAAC,cAAc,EAAE,CAAC;aACpB;iBAAM,IACL,CAAC,CAAC,QAAQ;gBACV,CAAC,QAAQ,CAAC,aAAa,KAAK,WAAW,CAAC,OAAO;oBAC7C,QAAQ,CAAC,aAAa,KAAK,cAAc,CAAC,EAC5C;gBACA,aAAa,EAAE,KAAK,EAAE,CAAC;gBACvB,CAAC,CAAC,cAAc,EAAE,CAAC;aACpB;SACF;IACH,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QAChD,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QACrD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,CACT,GAAG,WAAW,CAAC,IAAI,KAAK,gBAAgB,CAAC,CAAC,CAAC,GAAG,gBAAgB,GAAG,CAAC,CAAC,CAAC,EAAE,IACpE,WAAW,CAAC,WACd,GAAG,CACJ,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,CAAC,IAAI,EAAE,gBAAgB,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC,CAAC;IAElE,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;IAC/B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,MAAC,cAAc,OACT,SAAS,EACb,QAAQ,EAAE,CAAC,CAAC,EACZ,GAAG,EAAE,WAAW,EAChB,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,QAAQ,gBACF,MAAM,EACjB,SAAS,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,EACzE,KAAK,EAAE,GAAG,EACV,OAAO,EAAC,MAAM,EACd,eAAe,EAAC,MAAM,EACtB,oBAAoB,EAAE,aAAa,EACnC,oBAAoB,EAAE,GAAG,EAAE;YACzB,YAAY,EAAE,CAAC;YACf,YAAY,EAAE,EAAE,CAAC;QACnB,CAAC,aAED,MAAC,IAAI,IACH,EAAE,EAAE,YAAY,EAChB,GAAG,EAAE,SAAS,EACd,SAAS,EAAE;oBACT,OAAO,EAAE,SAAS;oBAClB,UAAU,EAAE,QAAQ;oBACpB,GAAG,EAAE,CAAC;iBACP,EACD,WAAW,EAAE,CAAC,CAA6B,EAAE,EAAE;oBAC7C,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC;wBAAE,OAAO;oBAC3B,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,aAAa;wBAAE,KAAK,EAAE,CAAC;gBAC5C,CAAC,aAED,KAAC,kBAAkB,mBAAa,MAAM,YAAE,gBAAgB,WAAsB,EAE9E,MAAC,IAAI,IACH,EAAE,EAAE,UAAU,EACd,SAAS,EAAE;4BACT,IAAI,EAAE,MAAM;4BACZ,UAAU,EAAE,QAAQ;4BACpB,OAAO,EAAE,QAAQ;4BACjB,MAAM,EAAE,CAAC;4BACT,MAAM,EAAE,GAAG;yBACZ,aAED,KAAC,IAAI,IAAC,OAAO,EAAC,SAAS,EAAC,EAAE,EAAC,IAAI,YAC5B,WAAW,CAAC,IAAI,WACZ,EACN,WAAW,CAAC,QAAQ,IAAI,KAAC,QAAQ,IAAC,KAAK,EAAE,WAAW,CAAC,QAAQ,WAAI,YAC7D,EAEP,MAAC,IAAI,IAAC,SAAS,mBACZ,cAAc,IAAI,CACjB,KAAC,kBAAkB,IACjB,OAAO,EAAC,QAAQ,gBACJ,CAAC,CAAC,UAAU,CAAC,EACzB,IAAI,QACJ,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,CAAC,YAE7C,KAAC,IAAI,IAAC,IAAI,EAAC,UAAU,WAAG,WACL,CACtB,EACD,KAAC,kBAAkB,IACjB,OAAO,EAAC,QAAQ,EAChB,GAAG,EAAE,cAAc,gBACP,CAAC,CAAC,OAAO,CAAC,EACtB,IAAI,QACJ,OAAO,EAAE,KAAK,YAEd,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,WAAG,WACF,YAChB,YACF,EAEP,MAAC,IAAI,IACH,SAAS,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,EACjC,EAAE,EAAE,mBAAmB,EACvB,IAAI,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,aAE3B,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CACnB,KAAC,eAAe,IACd,GAAG,EAAE,aAAa,EAClB,OAAO,EAAC,QAAQ,gBACJ,CAAC,CAAC,iBAAiB,CAAC,EAChC,MAAM,EAAE,CAAC,KAAK,IAAI,YAAY,KAAK,CAAC,EACpC,IAAI,QACJ,OAAO,EAAE,GAAG,EAAE;4BACZ,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;wBACf,CAAC,YAED,yBACE,KAAC,IAAI,IAAC,IAAI,EAAC,YAAY,WAAG,WACrB,WACS,CACnB,EAED,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,oBAAoB,YAC/C,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,EACnC,WAAW,EAAE,CAAC,CAA6B,EAAE,EAAE;gCAC7C,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC;oCAAE,OAAO;gCAC3B,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,aAAa;oCAAE,KAAK,EAAE,CAAC;4BAC5C,CAAC,YAEA,KAAK,CAAC,CAAC,CAAC,CACP,KAAC,UAAU,IAAC,OAAO,EAAE,CAAC,CAAC,kBAAkB,CAAC,WAAI,CAC/C,CAAC,CAAC,CAAC,CACF,KAAC,WAAW,IACV,GAAG,EAAE,QAAQ,EACb,GAAG,EAAE,WAAW,CAAC,GAAG,EACpB,GAAG,EAAE,WAAW,CAAC,WAAW,EAC5B,MAAM,EAAE,CAAC,CAAmC,EAAE,EAAE;oCAC9C,UAAU,EAAE,CAAC,WAAW,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;gCAClC,CAAC,EACD,OAAO,EAAE,CAAC,CAAmC,EAAE,EAAE;oCAC/C,WAAW,EAAE,CAAC,WAAW,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;oCACjC,QAAQ,CAAC,IAAI,CAAC,CAAC;gCACjB,CAAC,WACD,CACH,WACI,WACF,EAEN,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CACnB,KAAC,eAAe,IACd,GAAG,EAAE,aAAa,EAClB,OAAO,EAAC,QAAQ,gBACJ,CAAC,CAAC,iBAAiB,CAAC,EAChC,MAAM,EAAE,CAAC,KAAK,IAAI,YAAY,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,EACnD,IAAI,QACJ,OAAO,EAAE,GAAG,EAAE;4BACZ,QAAQ,CAAC,CAAC,CAAC,CAAC;wBACd,CAAC,YAED,yBACE,KAAC,IAAI,IAAC,IAAI,EAAC,aAAa,WAAG,WACtB,WACS,CACnB,YACI,EACP,KAAC,gBAAgB,iBAAW,QAAQ,gBAAa,QAAQ,WAAI,YAC9C,CAClB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,QAAQ,CAAC","sourcesContent":["import {\n  FunctionComponent,\n  PropsWithoutRef,\n  useEffect,\n  useRef,\n  Ref,\n  useState,\n  forwardRef,\n  MouseEvent,\n  SyntheticEvent\n} from 'react';\n\nimport { ForwardProps } from '../../types';\nimport { cap, getFocusables } from '../../utils';\nimport Flex from '../Flex';\nimport MetaList from '../MetaList';\nimport Icon from '../Icon';\nimport Text from '../Text';\nimport { useConsolidatedRef, useDirection, useI18n, useScrollToggle } from '../../hooks';\nimport ErrorState from '../ErrorState';\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';\n\nconst Lightbox: FunctionComponent<LightboxProps & ForwardProps> = forwardRef(\n  (\n    {\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 [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\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\n    const onKeydown = (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      if (e.key === 'Tab') {\n        const focusables = getFocusables(lightboxRef);\n        if (!focusables || focusables.length < 2) return;\n        const firstFocusable = focusables[0];\n        const lastFocusable = focusables[focusables.length - 1];\n\n        if (\n          !e.shiftKey &&\n          (document.activeElement === lightboxRef.current ||\n            document.activeElement === lastFocusable)\n        ) {\n          firstFocusable?.focus();\n          e.preventDefault();\n        } else if (\n          e.shiftKey &&\n          (document.activeElement === lightboxRef.current ||\n            document.activeElement === firstFocusable)\n        ) {\n          lastFocusable?.focus();\n          e.preventDefault();\n        }\n      }\n    };\n\n    useEffect(() => {\n      document.addEventListener('keydown', onKeydown);\n      return () => {\n        document.removeEventListener('keydown', onKeydown);\n      };\n    }, [onKeydown]);\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      lightboxRef.current?.focus();\n    }, []);\n\n    return (\n      <StyledLightbox\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 aria-hidden='true'>{countTrackerText}</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 variant='primary' as='h2'>\n              {currentItem.name}\n            </Text>\n            {currentItem.metadata && <MetaList items={currentItem.metadata} />}\n          </Flex>\n\n          <Flex container>\n            {onItemDownload && (\n              <StyledActionButton\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              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              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 ? (\n                <ErrorState message={t('image_load_error')} />\n              ) : (\n                <StyledImage\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            </Flex>\n          </Flex>\n\n          {items.length > 1 && (\n            <StyledNavButton\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);\n\nexport default Lightbox;\n"]}

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

@@ -1,11 +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").FunctionComponent<import("../Backdrop").BackdropProps & import("../..").ForwardProps>, 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,yMAI1B,CAAC"}