@uxf/ui 11.72.0 → 11.74.0

package/radio/radio.stories.js

@@ -1,29 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = Default;
-const react_1 = __importDefault(require("react"));
-const index_1 = require("./index");
-function Default() {
-    const radios = (react_1.default.createElement("div", { className: "dark:text-white" },
-        react_1.default.createElement("div", { className: "mb-2 mt-4 font-semibold" }, "Default"),
-        react_1.default.createElement("div", { className: "flex flex-row gap-4" },
-            react_1.default.createElement(index_1.Radio, { checked: false, name: "radio-1", value: 1 }),
-            react_1.default.createElement(index_1.Radio, { checked: true, name: "radio-2", value: 2 })),
-        react_1.default.createElement("div", { className: "mb-2 mt-4 font-semibold" }, "Invalid"),
-        react_1.default.createElement("div", { className: "flex flex-row gap-4" },
-            react_1.default.createElement(index_1.Radio, { checked: false, isInvalid: true, name: "radio-invalid-1", value: 1 }),
-            react_1.default.createElement(index_1.Radio, { checked: true, isInvalid: true, name: "radio-invalid-2", value: 2 })),
-        react_1.default.createElement("div", { className: "mb-2 mt-4 font-semibold" }, "Disabled"),
-        react_1.default.createElement("div", { className: "flex flex-row gap-4" },
-            react_1.default.createElement(index_1.Radio, { checked: false, isDisabled: true, name: "radio-disabled-1", value: 1 }),
-            react_1.default.createElement(index_1.Radio, { checked: true, isDisabled: true, name: "radio-disabled-2", value: 2 })),
-        react_1.default.createElement("div", { className: "mb-2 mt-4 font-semibold" }, "size lg"),
-        react_1.default.createElement("div", { className: "flex flex-row gap-4" },
-            react_1.default.createElement(index_1.Radio, { checked: false, name: "radio-size-lg-1", size: "lg", value: 1 }),
-            react_1.default.createElement(index_1.Radio, { checked: true, name: "radio-size-lg-2", size: "lg", value: 2 }))));
-    return (react_1.default.createElement("div", { className: "flex" },
-        react_1.default.createElement("div", { className: "p-20" }, radios)));
-}

package/radio/theme.d.ts

@@ -1,5 +0,0 @@
-export interface RadioSizes {
-    default: true;
-    lg: true;
-}
-export type RadioSize = keyof RadioSizes;

package/radio/theme.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/radio-group/index.d.ts

@@ -1,3 +0,0 @@
-export { RadioGroup } from "./radio-group";
-export type { RadioGroupOption, RadioGroupOptionValueId, RadioGroupProps } from "./radio-group";
-export type { RadioGroupVariant } from "./theme";

package/radio-group/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RadioGroup = void 0;
-var radio_group_1 = require("./radio-group");
-Object.defineProperty(exports, "RadioGroup", { enumerable: true, get: function () { return radio_group_1.RadioGroup; } });

package/radio-group/radio-group.d.ts

@@ -1,23 +0,0 @@
-import { RadioSize } from "@uxf/ui/radio";
-import { RadioGroupVariant } from "@uxf/ui/radio-group/theme";
-import React, { CSSProperties, ReactNode } from "react";
-import { FormControlProps } from "../types";
-export type RadioGroupOptionValueId = string | number;
-export interface RadioGroupOption {
-    disabled?: boolean;
-    id: RadioGroupOptionValueId;
-    label: ReactNode;
-}
-export interface RadioGroupProps extends FormControlProps<RadioGroupOptionValueId | null> {
-    className?: string;
-    helperText?: ReactNode;
-    forceColumn?: boolean;
-    hiddenLabel?: boolean;
-    id?: string;
-    label: string;
-    options: RadioGroupOption[];
-    radioSize?: RadioSize;
-    style?: CSSProperties;
-    variant?: RadioGroupVariant;
-}
-export declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLLabelElement>>;

package/radio-group/radio-group.js

@@ -1,51 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RadioGroup = void 0;
-const react_1 = require("@headlessui/react");
-const classes_1 = require("@uxf/core/constants/classes");
-const cx_1 = require("@uxf/core/utils/cx");
-const radio_1 = require("@uxf/ui/radio");
-const react_2 = __importStar(require("react"));
-const use_input_submit_1 = require("../hooks/use-input-submit");
-const label_1 = require("../label");
-exports.RadioGroup = (0, react_2.forwardRef)((props, ref) => {
-    var _a, _b;
-    const innerRef = (0, react_2.useRef)(null);
-    (0, use_input_submit_1.useInputSubmit)(innerRef, "radio-group", props.isDisabled);
-    const errorId = props.isInvalid ? `${props.id}--errormessage` : undefined;
-    const variant = (_a = props.variant) !== null && _a !== void 0 ? _a : "list";
-    const radioSize = (_b = props.radioSize) !== null && _b !== void 0 ? _b : "default";
-    const rootClassName = (0, cx_1.cx)("uxf-form-component uxf-radio-group", `uxf-radio-group--${variant}`, props.isDisabled && classes_1.CLASSES.IS_DISABLED, props.isInvalid && classes_1.CLASSES.IS_INVALID, props.className);
-    return (react_2.default.createElement(react_1.RadioGroup, { className: rootClassName, disabled: props.isDisabled, id: props.id, onChange: props.onChange, style: props.style, value: props.value },
-        react_2.default.createElement("div", { className: "uxf-form-component__label" },
-            react_2.default.createElement(react_1.RadioGroup.Label, { as: label_1.Label, className: "uxf-radio-group__label", isHidden: props.hiddenLabel, isRequired: props.isRequired, ref: ref }, props.label)),
-        react_2.default.createElement("div", { className: "uxf-form-component__input" },
-            react_2.default.createElement("div", { className: "uxf-radio-group__options-wrapper" }, props.options.map((option) => (react_2.default.createElement(react_1.RadioGroup.Option, { className: (0, cx_1.cx)("uxf-radio-group__option", props.isDisabled && classes_1.CLASSES.IS_DISABLED), disabled: option.disabled, key: option.id.toString(), value: option.id }, (o) => (react_2.default.createElement("div", { className: (0, cx_1.cx)("uxf-radio-group__option-wrapper", o.checked && classes_1.CLASSES.IS_SELECTED) },
-                react_2.default.createElement("span", { className: "uxf-radio-group__option-label" }, option.label),
-                react_2.default.createElement(radio_1.Radio, { checked: o.checked, isDisabled: props.isDisabled || o.disabled, isInvalid: props.isInvalid, name: props.name, ref: o.checked ? innerRef : undefined, size: radioSize, value: option.id }))))))),
-            props.helperText && (react_2.default.createElement("div", { className: (0, cx_1.cx)("uxf-helper-text", props.isInvalid && classes_1.CLASSES.IS_INVALID), id: errorId }, props.helperText)))));
-});
-exports.RadioGroup.displayName = "UxfUiRadioGroup";

package/radio-group/radio-group.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/radio-group/radio-group.spec.js

@@ -1,9 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const snap_test_1 = require("../utils/snap-test");
-const radio_group_stories_1 = require("./radio-group.stories");
-(0, snap_test_1.snapTest)("render stories", react_1.default.createElement(radio_group_stories_1.Default, null));

package/radio-group/radio-group.stories.d.ts

@@ -1,2 +0,0 @@
-import React from "react";
-export declare function Default(): React.JSX.Element;

package/radio-group/radio-group.stories.js

@@ -1,55 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = Default;
-const react_1 = __importStar(require("react"));
-const action_1 = require("../utils/action");
-const index_1 = require("./index");
-const options = [
-    {
-        id: "1",
-        label: "Radio one",
-    },
-    {
-        id: "2",
-        label: "Radio two",
-    },
-    {
-        id: "3",
-        label: "Radio three-sixty",
-    },
-];
-function Default() {
-    var _a, _b;
-    const [value, setValue] = (0, react_1.useState)((_b = (_a = options.at(0)) === null || _a === void 0 ? void 0 : _a.id) !== null && _b !== void 0 ? _b : null);
-    const onChange = (0, action_1.action)("onChange", setValue);
-    const testRadioGroups = (react_1.default.createElement("div", { className: "space-y-10" },
-        react_1.default.createElement(index_1.RadioGroup, { id: "radiogroup", label: "Light Radio group", name: "radio-group-light", onChange: onChange, options: options, value: value }),
-        react_1.default.createElement(index_1.RadioGroup, { id: "radiogroup", label: "Radio group variant radio button", name: "radio-group", onChange: onChange, options: options, value: value, variant: "radioButton" }),
-        react_1.default.createElement(index_1.RadioGroup, { hiddenLabel: true, id: "radiogroup", label: "Radio group variant row with hidden label", name: "radio-group-hidden-label", onChange: onChange, options: options, value: value, variant: "row" }),
-        react_1.default.createElement(index_1.RadioGroup, { id: "radiogroup", label: "Radio group variant column, radioSize default", name: "radio-group-variant-column", onChange: onChange, options: options, radioSize: "default", value: value, variant: "column" }),
-        react_1.default.createElement(index_1.RadioGroup, { id: "radiogroup", label: "Radio group variant row, radioSize lg", name: "radio-group-variant-row", onChange: onChange, options: options, radioSize: "lg", value: value, variant: "row" })));
-    return react_1.default.createElement("div", { className: "rounded p-8" }, testRadioGroups);
-}

package/radio-group/theme.d.ts

@@ -1,7 +0,0 @@
-export interface RadioGroupVariants {
-    column: true;
-    list: true;
-    radioButton: true;
-    row: true;
-}
-export type RadioGroupVariant = keyof RadioGroupVariants;

package/radio-group/theme.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/raster-image/empty-image.d.ts

@@ -1,9 +0,0 @@
-import React, { ReactNode } from "react";
-interface Props {
-    alt: string;
-    className: string;
-    imgClassName: string;
-    noImageContent?: ReactNode;
-}
-export declare function EmptyImage(props: Props): React.JSX.Element;
-export {};

package/raster-image/empty-image.js

@@ -1,12 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EmptyImage = EmptyImage;
-const react_1 = __importDefault(require("react"));
-function EmptyImage(props) {
-    return (react_1.default.createElement("picture", { className: `uxf-raster-image--no-image ${props.className}` },
-        react_1.default.createElement("img", { alt: props.alt, className: props.imgClassName, height: 1, src: "data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==", width: 1 }),
-        props.noImageContent));
-}

package/raster-image/img-sources.d.ts

@@ -1,17 +0,0 @@
-import { Dimension, GetImgSrcSetOptions, Quality } from "@uxf/core/utils/image";
-import type { ImageSource } from "@uxf/core/utils/resizer";
-import React from "react";
-export type ImageSourcesOptions = Omit<GetImgSrcSetOptions, "quality" | "toFormat"> & {
-    isAvifDisabled?: boolean;
-    isWebPDisabled?: boolean;
-};
-export interface ImageSourcesProps {
-    breakpointIndex?: number;
-    breakpoints?: string[];
-    height: Dimension;
-    options?: ImageSourcesOptions;
-    quality?: Quality;
-    src: ImageSource;
-    width: Dimension;
-}
-export declare function ImgSources(props: ImageSourcesProps): React.JSX.Element | null;

package/raster-image/img-sources.js

@@ -1,44 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ImgSources = ImgSources;
-const hide_1 = require("@uxf/core-react/components/hide");
-const image_1 = require("@uxf/core/utils/image");
-const is_empty_1 = require("@uxf/core/utils/is-empty");
-const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
-const react_1 = __importDefault(require("react"));
-function ImgSources(props) {
-    var _a, _b;
-    if ((0, image_1.isSrcString)(props.src) && (0, is_empty_1.isEmpty)(props.src)) {
-        return null;
-    }
-    if ((0, image_1.isSrcImageResponse)(props.src) && (0, is_empty_1.isEmpty)(props.src.uuid)) {
-        return null;
-    }
-    if ((0, image_1.isSrcStaticImageData)(props.src) && (0, is_empty_1.isEmpty)(props.src.src)) {
-        return null;
-    }
-    let media;
-    if ((0, is_not_nil_1.isNotNil)(props.breakpoints) && (0, is_not_nil_1.isNotNil)(props.breakpointIndex)) {
-        media = `(min-width: ${props.breakpoints[props.breakpointIndex]})`;
-    }
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(hide_1.Hide, { when: Boolean((_a = props.options) === null || _a === void 0 ? void 0 : _a.isAvifDisabled) },
-            react_1.default.createElement("source", { media: media, srcSet: (0, image_1.getImgSrcSet)(props.src, props.width, props.height, {
-                    ...props.options,
-                    quality: (0, image_1.getImgQuality)(props.quality, "avif"),
-                    toFormat: "avif",
-                }), type: "image/avif" })),
-        react_1.default.createElement(hide_1.Hide, { when: Boolean((_b = props.options) === null || _b === void 0 ? void 0 : _b.isWebPDisabled) },
-            react_1.default.createElement("source", { media: media, srcSet: (0, image_1.getImgSrcSet)(props.src, props.width, props.height, {
-                    ...props.options,
-                    quality: (0, image_1.getImgQuality)(props.quality, "webp"),
-                    toFormat: "webp",
-                }), type: "image/webp" })),
-        react_1.default.createElement("source", { media: media, srcSet: (0, image_1.getImgSrcSet)(props.src, props.width, props.height, {
-                ...props.options,
-                quality: (0, image_1.getImgQuality)(props.quality, "original"),
-            }) })));
-}

package/raster-image/index.d.ts

@@ -1,2 +0,0 @@
-export { RasterImage } from "./raster-image";
-export type { RasterImageProps } from "./raster-image";

package/raster-image/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RasterImage = void 0;
-var raster_image_1 = require("./raster-image");
-Object.defineProperty(exports, "RasterImage", { enumerable: true, get: function () { return raster_image_1.RasterImage; } });

package/raster-image/raster-image.d.ts

@@ -1,35 +0,0 @@
-import { Quality } from "@uxf/core/utils/image";
-import { ImageSource } from "@uxf/core/utils/resizer";
-import React, { ImgHTMLAttributes, ReactNode } from "react";
-import type { ImageSourcesOptions } from "./img-sources";
-type ImgProps = ImgHTMLAttributes<HTMLImageElement>;
-type RasterImageDimensions = {
-    width: number;
-    height: number;
-} | {
-    width?: never;
-    height: number;
-} | {
-    width: number;
-    height?: never;
-};
-export type RasterImageProps = {
-    alt: string;
-    breakpoints?: Record<string, string>;
-    className?: string;
-    heights?: number[];
-    imgClassName?: string;
-    loading?: ImgProps["loading"];
-    mode?: "contain" | "cover" | "responsive";
-    noImageContent?: ReactNode;
-    options?: ImageSourcesOptions;
-    quality?: Quality;
-    role?: ImgProps["role"];
-    src: ImageSource | null | undefined;
-    widths?: number[];
-} & RasterImageDimensions;
-export declare function RasterImage(props: RasterImageProps): React.JSX.Element;
-export declare namespace RasterImage {
-    var displayName: string;
-}
-export {};

package/raster-image/raster-image.js

@@ -1,36 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RasterImage = RasterImage;
-const cx_1 = require("@uxf/core/utils/cx");
-const image_1 = require("@uxf/core/utils/image");
-const resizer_1 = require("@uxf/core/utils/resizer");
-const react_1 = __importDefault(require("react"));
-const empty_image_1 = require("./empty-image");
-const responsive_img_sources_1 = require("./responsive-img-sources");
-function RasterImage(props) {
-    var _a, _b;
-    const className = (0, cx_1.cx)("uxf-raster-image", props.mode === "contain" && "uxf-raster-image--contain", props.mode === "cover" && "uxf-raster-image--cover", props.className);
-    const imgClassName = (0, cx_1.cx)("uxf-raster-image__img", props.mode === "contain" && "uxf-raster-image__img--contain", props.mode === "cover" && "uxf-raster-image__img--cover", props.imgClassName);
-    if (!props.src) {
-        return (react_1.default.createElement(empty_image_1.EmptyImage, { alt: props.alt, className: className, imgClassName: imgClassName, noImageContent: props.noImageContent }));
-    }
-    const svgUrl = (0, image_1.getSvgImgUrl)(props.src);
-    if (svgUrl) {
-        return (react_1.default.createElement("picture", { className: className },
-            react_1.default.createElement("img", { alt: props.alt, className: imgClassName, height: props.height, loading: props.loading, src: svgUrl, width: props.width })));
-    }
-    const resizerSrc = (0, resizer_1.resizerImageUrl)(props.src, (_a = props.width) !== null && _a !== void 0 ? _a : "auto", (_b = props.height) !== null && _b !== void 0 ? _b : "auto", {
-        ...props.options,
-        quality: (0, image_1.getImgQuality)(props.quality, "original"),
-    });
-    if (resizerSrc) {
-        return (react_1.default.createElement("picture", { className: className },
-            react_1.default.createElement(responsive_img_sources_1.ResponsiveImgSources, { breakpoints: props.breakpoints, height: props.height, heights: props.heights, options: props.options, quality: props.quality, src: props.src, width: props.width, widths: props.widths }),
-            react_1.default.createElement("img", { alt: props.alt, className: imgClassName, height: (0, image_1.getImgElementHeight)(props.src, props.width, props.height), loading: props.loading, src: resizerSrc, width: (0, image_1.getImgElementWidth)(props.src, props.width, props.height) })));
-    }
-    return (react_1.default.createElement(empty_image_1.EmptyImage, { alt: props.alt, className: className, imgClassName: imgClassName, noImageContent: props.noImageContent }));
-}
-RasterImage.displayName = "UxfUiRasterImage";

package/raster-image/raster-image.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/raster-image/raster-image.spec.js

@@ -1,9 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const snap_test_1 = require("../utils/snap-test");
-const raster_image_stories_1 = require("./raster-image.stories");
-(0, snap_test_1.snapTest)("render stories", react_1.default.createElement(raster_image_stories_1.Default, null));

package/raster-image/raster-image.stories.d.ts

@@ -1,2 +0,0 @@
-import React from "react";
-export declare function Default(): React.JSX.Element;

package/raster-image/raster-image.stories.js

@@ -1,12 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = Default;
-const react_1 = __importDefault(require("react"));
-const index_1 = require("./index");
-function Default() {
-    return (react_1.default.createElement("div", { className: "space-y-2" },
-        react_1.default.createElement(index_1.RasterImage, { alt: "Alt text", height: 100, mode: "cover", src: undefined, width: 300 })));
-}

package/raster-image/responsive-img-sources.d.ts

@@ -1,15 +0,0 @@
-import type { Quality } from "@uxf/core/utils/image";
-import type { ImageSource } from "@uxf/core/utils/resizer";
-import React from "react";
-import { ImageSourcesOptions } from "./img-sources";
-export interface ResponsiveImgSourcesProps {
-    breakpoints?: Record<string, string>;
-    height: number | undefined;
-    heights?: number[];
-    options?: ImageSourcesOptions;
-    quality?: Quality;
-    src: ImageSource;
-    width: number | undefined;
-    widths?: number[];
-}
-export declare function ResponsiveImgSources(props: ResponsiveImgSourcesProps): React.JSX.Element;

package/raster-image/responsive-img-sources.js

@@ -1,19 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ResponsiveImgSources = ResponsiveImgSources;
-const react_1 = __importDefault(require("react"));
-const context_1 = require("../context");
-const img_sources_1 = require("./img-sources");
-function ResponsiveImgSources(props) {
-    var _a, _b, _c, _d, _e;
-    const componentContext = (0, context_1.useComponentContext)("rasterImage");
-    const breakpoints = ["0em", ...Object.values((_a = props.breakpoints) !== null && _a !== void 0 ? _a : componentContext.breakpoints)];
-    return (react_1.default.createElement(react_1.default.Fragment, null, (_c = (_b = props.widths) === null || _b === void 0 ? void 0 : _b.map((w, i) => i < breakpoints.length && (react_1.default.createElement(img_sources_1.ImgSources, { breakpointIndex: i, breakpoints: breakpoints, height: props.heights && props.heights[i]
-            ? props.heights[i]
-            : props.width && props.height
-                ? Math.ceil((props.height / props.width) * w)
-                : "auto", key: `${w}-${i}`, options: props.options, quality: props.quality, src: props.src, width: w }))).reverse()) !== null && _c !== void 0 ? _c : (react_1.default.createElement(img_sources_1.ImgSources, { height: (_d = props.height) !== null && _d !== void 0 ? _d : "auto", options: props.options, quality: props.quality, src: props.src, width: (_e = props.width) !== null && _e !== void 0 ? _e : "auto" }))));
-}

package/readmes.d.ts

@@ -1,66 +0,0 @@
-import accordionReadme from "./accordion/README.md";
-export declare const readmes: {
-    readonly accordion: typeof accordionReadme;
-    readonly "alert-bubble": typeof accordionReadme;
-    readonly "announcement-bar": typeof accordionReadme;
-    readonly avatar: typeof accordionReadme;
-    readonly "avatar-file-input": typeof accordionReadme;
-    readonly badge: typeof accordionReadme;
-    readonly button: typeof accordionReadme;
-    readonly "button-group": typeof accordionReadme;
-    readonly "button-list": typeof accordionReadme;
-    readonly calendar: typeof accordionReadme;
-    readonly checkbox: typeof accordionReadme;
-    readonly "checkbox-button": typeof accordionReadme;
-    readonly "checkbox-input": typeof accordionReadme;
-    readonly "checkbox-list": typeof accordionReadme;
-    readonly chip: typeof accordionReadme;
-    readonly "color-radio": typeof accordionReadme;
-    readonly "color-radio-group": typeof accordionReadme;
-    readonly combobox: typeof accordionReadme;
-    readonly "date-picker": typeof accordionReadme;
-    readonly "date-picker-input": typeof accordionReadme;
-    readonly "date-range-picker": typeof accordionReadme;
-    readonly "date-range-picker-input": typeof accordionReadme;
-    readonly "datetime-picker": typeof accordionReadme;
-    readonly "datetime-picker-input": typeof accordionReadme;
-    readonly dialog: typeof accordionReadme;
-    readonly dropdown: typeof accordionReadme;
-    readonly dropzone: typeof accordionReadme;
-    readonly "error-message": typeof accordionReadme;
-    readonly "file-input": typeof accordionReadme;
-    readonly "flash-messages": typeof accordionReadme;
-    readonly "form-component": typeof accordionReadme;
-    readonly icon: typeof accordionReadme;
-    readonly "icon-button": typeof accordionReadme;
-    readonly "image-gallery": typeof accordionReadme;
-    readonly "info-box": typeof accordionReadme;
-    readonly input: typeof accordionReadme;
-    readonly label: typeof accordionReadme;
-    readonly layout: typeof accordionReadme;
-    readonly lightbox: typeof accordionReadme;
-    readonly "list-item": typeof accordionReadme;
-    readonly loader: typeof accordionReadme;
-    readonly lozenge: typeof accordionReadme;
-    readonly message: typeof accordionReadme;
-    readonly modal: typeof accordionReadme;
-    readonly "modal-dialog": typeof accordionReadme;
-    readonly "modal-header": typeof accordionReadme;
-    readonly "multi-combobox": typeof accordionReadme;
-    readonly "multi-select": typeof accordionReadme;
-    readonly pagination: typeof accordionReadme;
-    readonly paper: typeof accordionReadme;
-    readonly radio: typeof accordionReadme;
-    readonly "radio-group": typeof accordionReadme;
-    readonly "raster-image": typeof accordionReadme;
-    readonly select: typeof accordionReadme;
-    readonly tabs: typeof accordionReadme;
-    readonly "text-input": typeof accordionReadme;
-    readonly "text-link": typeof accordionReadme;
-    readonly textarea: typeof accordionReadme;
-    readonly "time-picker": typeof accordionReadme;
-    readonly "time-picker-input": typeof accordionReadme;
-    readonly toggle: typeof accordionReadme;
-    readonly tooltip: typeof accordionReadme;
-    readonly typography: typeof accordionReadme;
-};