@uxf/ui 11.74.0 → 11.74.1

package/radio-group/radio-group.js

@@ -0,0 +1,51 @@
+"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

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

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

@@ -0,0 +1,9 @@
+"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

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

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

@@ -0,0 +1,55 @@
+"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

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

package/radio-group/theme.js

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

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

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1,12 @@
+"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

@@ -0,0 +1,17 @@
+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

@@ -0,0 +1,44 @@
+"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

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

package/raster-image/index.js

@@ -0,0 +1,5 @@
+"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

@@ -0,0 +1,35 @@
+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

@@ -0,0 +1,36 @@
+"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

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

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

@@ -0,0 +1,9 @@
+"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

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

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

@@ -0,0 +1,12 @@
+"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

@@ -0,0 +1,15 @@
+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

@@ -0,0 +1,19 @@
+"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

@@ -0,0 +1,66 @@
+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;
+};

package/readmes.js

@@ -0,0 +1,135 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.readmes = void 0;
+// generated file
+const README_md_1 = __importDefault(require("./accordion/README.md"));
+const README_md_2 = __importDefault(require("./alert-bubble/README.md"));
+const README_md_3 = __importDefault(require("./announcement-bar/README.md"));
+const README_md_4 = __importDefault(require("./avatar/README.md"));
+const README_md_5 = __importDefault(require("./avatar-file-input/README.md"));
+const README_md_6 = __importDefault(require("./badge/README.md"));
+const README_md_7 = __importDefault(require("./button/README.md"));
+const README_md_8 = __importDefault(require("./button-group/README.md"));
+const README_md_9 = __importDefault(require("./button-list/README.md"));
+const README_md_10 = __importDefault(require("./calendar/README.md"));
+const README_md_11 = __importDefault(require("./checkbox/README.md"));
+const README_md_12 = __importDefault(require("./checkbox-button/README.md"));
+const README_md_13 = __importDefault(require("./checkbox-input/README.md"));
+const README_md_14 = __importDefault(require("./checkbox-list/README.md"));
+const README_md_15 = __importDefault(require("./chip/README.md"));
+const README_md_16 = __importDefault(require("./color-radio/README.md"));
+const README_md_17 = __importDefault(require("./color-radio-group/README.md"));
+const README_md_18 = __importDefault(require("./combobox/README.md"));
+const README_md_19 = __importDefault(require("./date-picker/README.md"));
+const README_md_20 = __importDefault(require("./date-picker-input/README.md"));
+const README_md_21 = __importDefault(require("./date-range-picker/README.md"));
+const README_md_22 = __importDefault(require("./date-range-picker-input/README.md"));
+const README_md_23 = __importDefault(require("./datetime-picker/README.md"));
+const README_md_24 = __importDefault(require("./datetime-picker-input/README.md"));
+const README_md_25 = __importDefault(require("./dialog/README.md"));
+const README_md_26 = __importDefault(require("./dropdown/README.md"));
+const README_md_27 = __importDefault(require("./dropzone/README.md"));
+const README_md_28 = __importDefault(require("./error-message/README.md"));
+const README_md_29 = __importDefault(require("./file-input/README.md"));
+const README_md_30 = __importDefault(require("./flash-messages/README.md"));
+const README_md_31 = __importDefault(require("./form-component/README.md"));
+const README_md_32 = __importDefault(require("./icon/README.md"));
+const README_md_33 = __importDefault(require("./icon-button/README.md"));
+const README_md_34 = __importDefault(require("./image-gallery/README.md"));
+const README_md_35 = __importDefault(require("./info-box/README.md"));
+const README_md_36 = __importDefault(require("./input/README.md"));
+const README_md_37 = __importDefault(require("./label/README.md"));
+const README_md_38 = __importDefault(require("./layout/README.md"));
+const README_md_39 = __importDefault(require("./lightbox/README.md"));
+const README_md_40 = __importDefault(require("./list-item/README.md"));
+const README_md_41 = __importDefault(require("./loader/README.md"));
+const README_md_42 = __importDefault(require("./lozenge/README.md"));
+const README_md_43 = __importDefault(require("./message/README.md"));
+const README_md_44 = __importDefault(require("./modal/README.md"));
+const README_md_45 = __importDefault(require("./modal-dialog/README.md"));
+const README_md_46 = __importDefault(require("./modal-header/README.md"));
+const README_md_47 = __importDefault(require("./multi-combobox/README.md"));
+const README_md_48 = __importDefault(require("./multi-select/README.md"));
+const README_md_49 = __importDefault(require("./pagination/README.md"));
+const README_md_50 = __importDefault(require("./paper/README.md"));
+const README_md_51 = __importDefault(require("./radio/README.md"));
+const README_md_52 = __importDefault(require("./radio-group/README.md"));
+const README_md_53 = __importDefault(require("./raster-image/README.md"));
+const README_md_54 = __importDefault(require("./select/README.md"));
+const README_md_55 = __importDefault(require("./tabs/README.md"));
+const README_md_56 = __importDefault(require("./text-input/README.md"));
+const README_md_57 = __importDefault(require("./text-link/README.md"));
+const README_md_58 = __importDefault(require("./textarea/README.md"));
+const README_md_59 = __importDefault(require("./time-picker/README.md"));
+const README_md_60 = __importDefault(require("./time-picker-input/README.md"));
+const README_md_61 = __importDefault(require("./toggle/README.md"));
+const README_md_62 = __importDefault(require("./tooltip/README.md"));
+const README_md_63 = __importDefault(require("./typography/README.md"));
+exports.readmes = {
+    "accordion": README_md_1.default,
+    "alert-bubble": README_md_2.default,
+    "announcement-bar": README_md_3.default,
+    "avatar": README_md_4.default,
+    "avatar-file-input": README_md_5.default,
+    "badge": README_md_6.default,
+    "button": README_md_7.default,
+    "button-group": README_md_8.default,
+    "button-list": README_md_9.default,
+    "calendar": README_md_10.default,
+    "checkbox": README_md_11.default,
+    "checkbox-button": README_md_12.default,
+    "checkbox-input": README_md_13.default,
+    "checkbox-list": README_md_14.default,
+    "chip": README_md_15.default,
+    "color-radio": README_md_16.default,
+    "color-radio-group": README_md_17.default,
+    "combobox": README_md_18.default,
+    "date-picker": README_md_19.default,
+    "date-picker-input": README_md_20.default,
+    "date-range-picker": README_md_21.default,
+    "date-range-picker-input": README_md_22.default,
+    "datetime-picker": README_md_23.default,
+    "datetime-picker-input": README_md_24.default,
+    "dialog": README_md_25.default,
+    "dropdown": README_md_26.default,
+    "dropzone": README_md_27.default,
+    "error-message": README_md_28.default,
+    "file-input": README_md_29.default,
+    "flash-messages": README_md_30.default,
+    "form-component": README_md_31.default,
+    "icon": README_md_32.default,
+    "icon-button": README_md_33.default,
+    "image-gallery": README_md_34.default,
+    "info-box": README_md_35.default,
+    "input": README_md_36.default,
+    "label": README_md_37.default,
+    "layout": README_md_38.default,
+    "lightbox": README_md_39.default,
+    "list-item": README_md_40.default,
+    "loader": README_md_41.default,
+    "lozenge": README_md_42.default,
+    "message": README_md_43.default,
+    "modal": README_md_44.default,
+    "modal-dialog": README_md_45.default,
+    "modal-header": README_md_46.default,
+    "multi-combobox": README_md_47.default,
+    "multi-select": README_md_48.default,
+    "pagination": README_md_49.default,
+    "paper": README_md_50.default,
+    "radio": README_md_51.default,
+    "radio-group": README_md_52.default,
+    "raster-image": README_md_53.default,
+    "select": README_md_54.default,
+    "tabs": README_md_55.default,
+    "text-input": README_md_56.default,
+    "text-link": README_md_57.default,
+    "textarea": README_md_58.default,
+    "time-picker": README_md_59.default,
+    "time-picker-input": README_md_60.default,
+    "toggle": README_md_61.default,
+    "tooltip": README_md_62.default,
+    "typography": README_md_63.default,
+};

package/select/index.d.ts

@@ -0,0 +1,2 @@
+export { Select } from "./select";
+export type { SelectOption, SelectProps, SelectValue } from "./select";

package/select/index.js

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