@reykjavik/hanna-react 0.10.57 → 0.10.60

package/esm/VerticalTabsTOC.js

@@ -1,68 +0,0 @@
-import React, { useEffect, useMemo, useState } from 'react';
-import { setFrag } from '@hugsmidjan/qj/frag';
-import { useDomid } from '@hugsmidjan/react/hooks';
-import Tabs from './Tabs';
-const getId = (url) => (url && decodeURIComponent(url.split('#')[1] || '')) || '';
-const getItemId = (item) => getId(item && item.href);
-const mapToItemsById = (items, domid) => {
-    const updatedItems = items.map((item) => {
-        return Object.assign(Object.assign({}, item), { 'aria-controls': item['aria-controls'] || domid });
-    });
-    const itemsById = {};
-    updatedItems.forEach((topItem, activeIdx) => {
-        const subItems = topItem.items;
-        if (!subItems) {
-            const itemId = getItemId(topItem);
-            itemsById[itemId] = { activeIdx };
-            return;
-        }
-        subItems.forEach((subItem, idx) => {
-            itemsById[getItemId(subItem)] = {
-                activeIdx,
-                subTabs: {
-                    activeIdx: idx,
-                    'aria-label': topItem.longLabel || topItem.label,
-                    id: topItem['aria-controls'],
-                    tabs: subItems,
-                    onSetActive: (_, item) => {
-                        const newId = getItemId(item);
-                        setFrag(newId);
-                    },
-                },
-            };
-            if (idx === 0) {
-                topItem.href = topItem.href || '#' + getItemId(subItem);
-            }
-        });
-    });
-    return { itemsById, updatedItems };
-};
-const VerticalTabsTOC = (props) => {
-    const { onItemSelect, items } = props;
-    const _domid = useDomid();
-    const domid = props.id || _domid;
-    const { itemsById, updatedItems } = useMemo(() => mapToItemsById(items, domid), [items, domid]);
-    const [state, setState] = useState(() => {
-        const initialId = typeof location !== 'undefined' ? getId(location.hash) : '';
-        return itemsById[initialId] || itemsById[getItemId(updatedItems[0])] || {};
-    });
-    useEffect(() => {
-        const handleHash = () => {
-            const newId = getId(location.href);
-            const newState = itemsById[newId];
-            if (newState) {
-                setState(newState);
-                onItemSelect(newId);
-            }
-        };
-        window.addEventListener('hashchange', handleHash);
-        return () => window.removeEventListener('hashchange', handleHash);
-    }, [itemsById, onItemSelect]);
-    return (React.createElement(Tabs, { id: domid, vertical: true, "aria-label": props['aria-label'], onSetActive: (_, item) => {
-            var _a;
-            const itemId = getItemId(item);
-            const newId = itemId || getItemId((_a = itemsById[itemId].subTabs) === null || _a === void 0 ? void 0 : _a.tabs[0]);
-            setFrag(newId);
-        }, tabs: updatedItems, role: "tablist", activeIdx: state.activeIdx, subTabs: state.subTabs }));
-};
-export default VerticalTabsTOC;

package/esm/WizardLayout.d.ts

@@ -1,15 +0,0 @@
-import { ReactNode } from 'react';
-import { SSRSupport } from '@hugsmidjan/react/hooks';
-import { HannaColorTheme } from '@reykjavik/hanna-css';
-declare type WizardLayoutProps = {
-    wizardStepper?: ReactNode;
-    wizardFooter?: ReactNode;
-    colorTheme?: HannaColorTheme;
-    siteName?: string;
-    logoLink?: string;
-    globalAlerts?: ReactNode;
-    ssr?: SSRSupport;
-    children?: ReactNode;
-};
-declare const WizardLayout: (props: WizardLayoutProps) => JSX.Element;
-export default WizardLayout;

package/esm/WizardLayout.js

@@ -1,30 +0,0 @@
-import React from 'react';
-import { useIsBrowserSide } from '@hugsmidjan/react/hooks';
-import { getAssetUrl } from '@reykjavik/hanna-utils/assets';
-import Image from './_abstract/Image';
-import { Link } from './_abstract/Link';
-import { useScrollbarWidthCSSVar } from './utils/useScrollbarWidthCSSVar';
-const WizardLayout = (props) => {
-    useScrollbarWidthCSSVar();
-    const { 
-    // ssr,
-    wizardStepper, wizardFooter, children, colorTheme, logoLink = '/', siteName = 'Reykjavík', globalAlerts, } = props;
-    const isBrowser = useIsBrowserSide( /* ssr */);
-    return (React.createElement("div", { className: "WizardLayout", "data-sprinkled": isBrowser, "data-color-theme": colorTheme },
-        globalAlerts && (React.createElement("div", { className: "WizardLayout__alerts", role: "alert" }, globalAlerts)),
-        React.createElement("div", { className: "WizardLayout__content" },
-            React.createElement("div", { className: "WizardLayout__header", role: "banner" },
-                React.createElement(Link, { className: "WizardLayout__header__logo", href: logoLink },
-                    ' ',
-                    React.createElement(Image, { inline: true, src: getAssetUrl('reykjavik-logo.svg') }),
-                    " ",
-                    siteName,
-                    ' '),
-                ' '),
-            React.createElement("div", { className: "WizardLayout__wrap" },
-                wizardStepper && (React.createElement("div", { className: "WizardLayout__stepper", role: "navigation" }, wizardStepper)),
-                React.createElement("div", { className: "WizardLayout__main", role: "main" }, children),
-                React.createElement("div", { className: "WizardLayout__deco WizardLayout__deco--geometry" })),
-            React.createElement("div", { className: "WizardLayout__footer", role: "complementary" }, wizardFooter))));
-};
-export default WizardLayout;

package/esm/WizardLayoutClose.d.ts

@@ -1,3 +0,0 @@
-import { ButtonProps } from './_abstract/Button';
-declare const WizardLayoutClose: (props: ButtonProps) => JSX.Element;
-export default WizardLayoutClose;

package/esm/WizardLayoutClose.js

@@ -1,4 +0,0 @@
-import React from 'react';
-import Button from './_abstract/Button';
-const WizardLayoutClose = (props) => (React.createElement(Button, Object.assign({ bem: "WizardLayoutClose" }, props)));
-export default WizardLayoutClose;

package/esm/WizardStepper.d.ts

@@ -1,36 +0,0 @@
-export declare type WizardStepperStep = {
-    label: string;
-    /**
-     * Should the step be clickable?
-     *
-     * * `true` = The items becomes clickable as allowed by the `activeStep`,
-     *    `disableBacktrack` and `allowForwardSkip` props.
-     * * `false | undefined` =  Never clickable, regardless of `activeStep`.
-     * * `"always"` = Always clickable regardless of `activeStep` or other props.
-     */
-    clickable?: boolean | 'always';
-    /**
-     * Flags the item as having a non-default done state
-     *
-     * * `undefined` = automatically set "done" on items before `activeStep`
-     * * `true` = Always flag as "done", regardless of `activeStep`
-     * * `false` = Never flag as "done", regardless of `activeStep`
-     */
-    done?: boolean;
-    /**
-     * Flags the step as not part of the numbering scheme
-     */
-    neutral?: boolean;
-};
-export declare type WizardStepperProps = {
-    steps: ReadonlyArray<WizardStepperStep>;
-    /** Zero-based index of the active (current) step */
-    activeStep?: number;
-    /** By default, clickable "done" steps remain clickable */
-    disableBacktrack?: boolean;
-    /** By default, clickable steps after the active step are not immediately clickable */
-    allowForwardSkip?: boolean;
-    onClick: (clickedIndex: number) => void;
-};
-declare const WizardStepper: (props: WizardStepperProps) => JSX.Element;
-export default WizardStepper;

package/esm/WizardStepper.js

@@ -1,25 +0,0 @@
-import React from 'react';
-import getBemClass from '@hugsmidjan/react/utils/getBemClass';
-const WizardStepper = (props) => {
-    const { steps, activeStep = -1, allowForwardSkip, disableBacktrack, onClick } = props;
-    return (React.createElement("div", { className: getBemClass('WizardStepper', activeStep === -1 && 'preview') }, steps.map((step, i) => {
-        const { label, clickable, done, neutral } = step;
-        const stepClass = getBemClass('WizardStepper__step', [
-            (done || (done == null && i < activeStep)) && 'done',
-            neutral && 'neutral',
-        ]);
-        const isClickable = clickable === 'always' ||
-            (clickable &&
-                (activeStep === i ||
-                    (i > activeStep && allowForwardSkip) ||
-                    (i < activeStep && !disableBacktrack)));
-        const ariaCurrent = activeStep === i ? 'step' : undefined;
-        return (React.createElement(React.Fragment, { key: i },
-            isClickable ? (React.createElement("button", { type: "button", className: stepClass, onClick: () => onClick(i), "aria-current": ariaCurrent }, label)) : (React.createElement("span", { className: stepClass, "aria-current": ariaCurrent },
-                ' ',
-                label,
-                ' ')),
-            ' '));
-    })));
-};
-export default WizardStepper;

package/esm/_abstract/Button.d.ts

@@ -1,40 +0,0 @@
-import { ReactNode } from 'react';
-import { BemProps, BemPropsModifier } from '@hugsmidjan/react/types';
-declare type ButtonElmProps = {
-    href?: never;
-} & BemPropsModifier & Omit<JSX.IntrinsicElements['button'], 'className' | 'style'>;
-declare type AnchorElmProps = {
-    href: string;
-    type?: never;
-    name?: never;
-    value?: never;
-} & BemPropsModifier & Omit<JSX.IntrinsicElements['a'], 'className' | 'style'>;
-export declare type ButtonProps = {
-    /** Label takes preference over `children` */
-    label?: string | JSX.Element;
-} & (ButtonElmProps | AnchorElmProps);
-declare const sizes: {
-    readonly normal: "";
-    readonly small: "small";
-    readonly wide: "wide";
-};
-declare type ButtonSize = keyof typeof sizes;
-declare const variants: {
-    readonly normal: "";
-    readonly destructive: "destructive";
-};
-declare type ButtonVariant = keyof typeof variants;
-declare type NavigationFlag = 'none' | 'go-back' | 'go-forward';
-declare type ButtonIcon = 'edit';
-export declare type ButtonVariantProps = {
-    size?: ButtonSize;
-    variant?: ButtonVariant;
-    icon?: ButtonIcon | NavigationFlag;
-    /** @deprecated (Will be removed in v0.11) */
-    small?: boolean;
-};
-declare type _ButtonProps = ButtonProps & ButtonVariantProps & BemProps & {
-    children?: ReactNode;
-};
-declare const Button: (props: _ButtonProps) => JSX.Element;
-export default Button;

package/esm/_abstract/Button.js

@@ -1,47 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React from 'react';
-import getBemClass from '@hugsmidjan/react/utils/getBemClass';
-import { Link } from './Link';
-// ---------------------------------------------------------------------------
-const sizes = {
-    normal: '',
-    small: 'small',
-    wide: 'wide',
-};
-// ---------------------------------------------------------------------------
-const variants = {
-    normal: '',
-    destructive: 'destructive',
-};
-const navigationFlags = {
-    none: '',
-    'go-back': 'go--back',
-    'go-forward': 'go--forward',
-};
-const icons = {
-    // TODO: insert icons
-    edit: 'edit',
-};
-const Button = (props) => {
-    const { bem, small, size = 'normal', modifier, children, variant = 'normal', icon = 'none', label = children } = props, buttonProps = __rest(props, ["bem", "small", "size", "modifier", "children", "variant", "icon", "label"]);
-    const className = bem &&
-        getBemClass(bem, [modifier, variants[variant], sizes[size], navigationFlags[icon]]);
-    const iconProp = icons[icon] && { 'data-icon': icons[icon] };
-    if (buttonProps.href != null) {
-        return (React.createElement(Link, Object.assign({ className: className }, buttonProps, { style: undefined }, iconProp), label));
-    }
-    else {
-        return (React.createElement("button", Object.assign({ className: className, type: "button" }, buttonProps, { style: undefined }, iconProp), label));
-    }
-};
-export default Button;

package/esm/_abstract/CardList.js

@@ -1,36 +0,0 @@
-import React from 'react';
-import Button from './Button';
-import Image from './Image';
-const Card = (props) => {
-    const { bem, href, title, imgPlaceholder } = props;
-    const cardClass = `${bem}__card`;
-    const image = 'image' in props && props.image;
-    const meta = 'meta' in props && props.meta;
-    const summary = 'summary' in props && props.summary;
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Button, { bem: cardClass, href: href },
-            ' ',
-            React.createElement(Image, Object.assign({ className: `${bem}__image` }, image, { placeholder: imgPlaceholder })),
-            React.createElement("span", { className: `${cardClass}__title` }, title),
-            ' ',
-            meta && React.createElement("span", { className: `${cardClass}__meta` }, meta),
-            ' ',
-            summary && React.createElement("span", { className: `${cardClass}__summary` }, summary),
-            ' '),
-        ' '));
-};
-export const CardList = (props) => {
-    const { bemPrefix, title, summaryElement, cards, titleTag = 'h2', children, imgPlaceholder, } = props;
-    const TitleTag = titleTag;
-    const fallbackImage = (imgPlaceholder !== true && imgPlaceholder) || undefined;
-    const fallbackImageStyle = fallbackImage
-        ? { '--ImageCards--fallback': `url("${fallbackImage}")` }
-        : undefined;
-    return (React.createElement(React.Fragment, null,
-        summaryElement ? (React.createElement("div", { className: bemPrefix + '__summary' },
-            title && React.createElement(TitleTag, { className: bemPrefix + '__title' }, title),
-            summaryElement)) : (title && React.createElement(TitleTag, { className: bemPrefix + '__title' }, title)),
-        React.createElement("ul", { className: bemPrefix + '__list', style: fallbackImageStyle }, cards.map((card, i) => (React.createElement("li", { key: i, className: bemPrefix + '__item' },
-            React.createElement(Card, Object.assign({}, card, { bem: bemPrefix, imgPlaceholder: !!imgPlaceholder })))))),
-        children));
-};

package/esm/_abstract/Image.js

@@ -1,27 +0,0 @@
-import React from 'react';
-import getBemClass from '@hugsmidjan/react/utils/getBemClass';
-import { useGetSVGtext } from '../utils/useGetSVGtext';
-// eslint-disable-next-line complexity
-const Image = (props) => {
-    const { src, altText = '', sources = [], preloadSrc, className, inline, placeholder, } = props;
-    const _src = (sources.length && preloadSrc) || src;
-    const imageSrc = _src || (sources[0] != null ? sources[0].srcset.split(' ')[0] : undefined);
-    const imgLoading = preloadSrc ? 'eager' : 'lazy';
-    const inlineSvg = useGetSVGtext(inline ? imageSrc : undefined);
-    if (!imageSrc) {
-        return placeholder ? (React.createElement("span", { className: className && getBemClass(className, 'missing') }, placeholder !== true && placeholder())) : null;
-    }
-    if (inline && inlineSvg) {
-        const __html = inlineSvg.imageSrc === imageSrc ? inlineSvg.code : '';
-        return React.createElement("span", { className: className, dangerouslySetInnerHTML: { __html } });
-    }
-    return (React.createElement("picture", { className: className },
-        ' ',
-        sources.map((source, i) => (React.createElement(React.Fragment, null,
-            React.createElement("source", { key: i, srcSet: source.srcset, media: source.media }),
-            ' '))),
-        ' ',
-        React.createElement("img", { src: imageSrc, alt: altText, loading: imgLoading }),
-        '  '));
-};
-export default Image;

package/esm/_abstract/Link.d.ts

@@ -1,27 +0,0 @@
-/**
- * Props object ready to be ..spread onto an anchor element
- * */
-export declare type LinkProps = JSX.IntrinsicElements['a'] & {
-    href: string;
-};
-export declare type LinkRenderer = (props: LinkProps) => JSX.Element;
-export declare let Link: LinkRenderer;
-/**
- * Allows you to set a callback function to wrapp <a href=""/> links with
- * a custom routing component.
- *
- * Example use:
- *
- * ```js
- *   import { Link } from 'remix'; // or whatever :-)
- *
- *   setLinkRenderer((linkProps) =>
- *     <Link to={linkProps.href}><a {...linkProps} /></Link>);
- * ```
- *
- * The Default linkrenderer defined as:
- * ```js
- * 	(linkProps) => React.createElement('a', linkProps);
- * ```
- */
-export declare const setLinkRenderer: (linkRenderer: LinkRenderer | undefined) => void;

package/esm/_abstract/Link.js

@@ -1,24 +0,0 @@
-import React from 'react';
-const DefaultLinkRenderer = (props) => React.createElement('a', props);
-export let Link = DefaultLinkRenderer;
-/**
- * Allows you to set a callback function to wrapp <a href=""/> links with
- * a custom routing component.
- *
- * Example use:
- *
- * ```js
- *   import { Link } from 'remix'; // or whatever :-)
- *
- *   setLinkRenderer((linkProps) =>
- *     <Link to={linkProps.href}><a {...linkProps} /></Link>);
- * ```
- *
- * The Default linkrenderer defined as:
- * ```js
- * 	(linkProps) => React.createElement('a', linkProps);
- * ```
- */
-export const setLinkRenderer = (linkRenderer) => {
-    Link = linkRenderer || DefaultLinkRenderer;
-};

package/esm/_abstract/TogglerGroup.js

@@ -1,29 +0,0 @@
-import React from 'react';
-import getBemClass from '@hugsmidjan/react/utils/getBemClass';
-const TogglerGroup = (props) => {
-    const { 
-    // id,
-    className, bem, name, disabled, Toggler, onSelected, options, inputProps = {}, } = props;
-    const values = props.value || [];
-    return (React.createElement("ul", { className: getBemClass(bem, null, className), role: "group", "aria-labelledby": props['aria-labelledby'], "aria-describedby": props['aria-describedby'], "aria-required": props.required }, options.map((option, i) => {
-        const isDisabled = option.disabled != null
-            ? option.disabled
-            : disabled && typeof disabled !== 'boolean'
-                ? disabled.includes(i)
-                : disabled;
-        const isChecked = values.includes(option.value);
-        return (React.createElement(Toggler, Object.assign({ key: i }, inputProps, { className: bem + '__item', name: name, Wrapper: "li" }, option, { label: option.label || option.value, onChange: onSelected
-                ? (e) => {
-                    const { value } = option;
-                    const checked = e.currentTarget.checked;
-                    inputProps.onChange && inputProps.onChange(e);
-                    const selectedValues = values.filter((val) => val !== value);
-                    if (checked) {
-                        selectedValues.push(value);
-                    }
-                    onSelected({ value, checked, option, selectedValues });
-                }
-                : inputProps.onChange, disabled: isDisabled, "aria-invalid": props['aria-invalid'], checked: isChecked })));
-    })));
-};
-export default TogglerGroup;

package/esm/_abstract/TogglerGroupField.js

@@ -1,22 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React from 'react';
-import getBemClass from '@hugsmidjan/react/utils/getBemClass';
-import FormField from '../FormField';
-import TogglerGroup from './TogglerGroup';
-const TogglerGroupField = (props) => {
-    const { bem, Toggler, className, modifier, label, LabelTag, assistText, hideLabel, disabled, readOnly, invalid, errorMessage, required, reqText, id, value } = props, togglerGroupProps = __rest(props, ["bem", "Toggler", "className", "modifier", "label", "LabelTag", "assistText", "hideLabel", "disabled", "readOnly", "invalid", "errorMessage", "required", "reqText", "id", "value"]);
-    return (React.createElement(FormField, { className: getBemClass(bem, modifier, className), group: true, label: label, LabelTag: LabelTag, assistText: assistText, hideLabel: hideLabel, disabled: disabled, readOnly: readOnly, invalid: invalid, errorMessage: errorMessage, required: required, reqText: reqText, id: id, renderInput: (className, inputProps) => {
-            return (React.createElement(TogglerGroup, Object.assign({ bem: className.options }, inputProps, togglerGroupProps, { value: Array.isArray(value) ? value : value != null ? [value] : undefined, Toggler: Toggler })));
-        } }));
-};
-export default TogglerGroupField;

package/esm/_abstract/TogglerInput.d.ts

@@ -1,22 +0,0 @@
-import { BemPropsModifier } from '@hugsmidjan/react/types';
-export declare type TogglerInputProps = {
-    label: string | JSX.Element;
-    children?: undefined;
-    Wrapper?: 'div' | 'li';
-    invalid?: boolean;
-    /** Hidden label prefix text to indicate that the field is required.
-     *
-     * If your field is required but should not say so in its label
-     * then set this prop to `false`
-     *
-     * Default: `"Þarf að fylla út"`
-     * */
-    reqText?: string | false;
-    errorMessage?: string | JSX.Element;
-} & BemPropsModifier & Omit<JSX.IntrinsicElements['input'], 'type'>;
-declare type _TogglerInputProps = {
-    bem: string;
-    type: 'radio' | 'checkbox';
-};
-declare const TogglerInput: (props: TogglerInputProps & _TogglerInputProps) => JSX.Element;
-export default TogglerInput;

package/esm/_abstract/TogglerInput.js

@@ -1,33 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React from 'react';
-import { useDomid } from '@hugsmidjan/react/hooks';
-import getBemClass from '@hugsmidjan/react/utils/getBemClass';
-const TogglerInput = (props) => {
-    const { bem, modifier, className, label, invalid, errorMessage, Wrapper = 'div', required, reqText, type, id } = props, inputProps = __rest(props, ["bem", "modifier", "className", "label", "invalid", "errorMessage", "Wrapper", "required", "reqText", "type", "id"]);
-    const domid = useDomid(id);
-    const errorId = errorMessage && 'error' + domid;
-    const reqStar = required && reqText !== false && (React.createElement("abbr", { className: bem + '__label__reqstar', 
-        // TODO: add mo-better i18n thinking
-        title: (reqText || 'Þarf að haka í') + ': ' }, "*"));
-    return (React.createElement(Wrapper, { className: getBemClass(bem, modifier, className) },
-        React.createElement("input", Object.assign({ className: bem + '__input', type: type, id: domid, "aria-invalid": invalid || !!errorMessage || undefined, "aria-describedby": errorId }, inputProps)),
-        ' ',
-        React.createElement("label", { className: bem + '__label', htmlFor: domid },
-            ' ',
-            reqStar,
-            " ",
-            label,
-            ' '),
-        errorMessage && (React.createElement("div", { className: bem + '__error', id: errorId }, errorMessage))));
-};
-export default TogglerInput;

package/esm/_abstract/_AbstractCarousel.d.ts

@@ -1,25 +0,0 @@
-import { ReactElement } from 'react';
-import { SSRSupport } from '@hugsmidjan/react/hooks';
-import { BemProps } from '@hugsmidjan/react/types';
-import { SeenProp } from '../utils/seenEffect';
-export declare type CarouselProps<I extends Record<string, unknown> = {}, P extends Record<string, unknown> | undefined = {}> = {
-    className?: string;
-    ssr?: SSRSupport;
-    /** @deprecated Ingored because never used (Will be removed in v0.11) */
-    scrollRight?: boolean;
-} & ({
-    children?: never;
-    items: Array<I>;
-    Component: (props: P extends undefined ? I : I & P) => ReactElement | null;
-    ComponentProps?: P;
-} | {
-    children: Array<ReactElement>;
-    items?: never;
-    Component?: never;
-    ComponentProps?: never;
-}) & SeenProp;
-declare type AbstractCarouselProps<I extends Record<string, unknown> = {}, P extends Record<string, unknown> | undefined = {}> = CarouselProps<I, P> & BemProps & {
-    title?: string;
-};
-declare const AbstractCarousel: <I extends Record<string, unknown> = {}, P extends Record<string, unknown> | undefined = {}>(props: AbstractCarouselProps<I, P>) => JSX.Element | null;
-export default AbstractCarousel;