oolib 2.208.0 → 2.208.1

package/dist/components/cards/ListContent/index.js

@@ -1,87 +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.ListContent = void 0;
-var react_1 = __importDefault(require("react"));
-var styled_components_1 = require("styled-components");
-var injectHttps_1 = require("../../../utils/injectHttps");
-var utilsOolib_1 = require("../../../utilsOolib");
-var ActionMenu_1 = require("../../ActionMenu");
-var ImageInput_1 = require("../../ImageInput");
-var Tags_1 = require("../../Tags");
-var VideoInput_1 = __importDefault(require("../../VideoInput"));
-var MetaBlock_1 = __importDefault(require("../../MetaBlock"));
-var CardPlaceholder_1 = require("../comps/CardPlaceholder");
-var LineClampWrapper_1 = require("../comps/LineClampWrapper");
-var styled_1 = require("../styled");
-var decideLinkCompAndTarget_1 = require("../utils/decideLinkCompAndTarget");
-var dontRenderIfBothOnClickAndTo_1 = require("../utils/dontRenderIfBothOnClickAndTo");
-var mediaDataExists_1 = require("../utils/mediaDataExists");
-var parseCardConfig_1 = require("../utils/parseCardConfig");
-var styled_js_1 = require("./styled.js");
-var ProfileImageInput_1 = require("../../ImageInput/derivedComps/ProfileImageInput");
-var _EXPORTS_1 = require("../../../utils/_EXPORTS");
-var mixins_1 = require("../../../themes/mixins");
-var ListContent = function (_a) {
-    var id = _a.id, data = _a.data, config = _a.config, to = _a.to, onClick = _a.onClick, openInNewTab = _a.openInNewTab, actions = _a.actions, statusTag = _a.statusTag, _b = _a.variant, variant = _b === void 0 ? "content" : _b;
-    var theme = (0, styled_components_1.useTheme)();
-    var localize = (0, utilsOolib_1.useLocale)();
-    var screenWidth = (0, _EXPORTS_1.useScreenWidth)();
-    var parseSpecialSyntax = (theme || {}).parseSpecialSyntax;
-    var _c = (0, parseCardConfig_1.parseCardConfig)({
-        config: config,
-        data: data,
-        parseSpecialSyntax: parseSpecialSyntax,
-    }), cardLabel = _c.cardLabel, title = _c.title, video = _c.video, image = _c.image, metaBlock = _c.metaBlock;
-    var dontRenderRes = (0, dontRenderIfBothOnClickAndTo_1.dontRenderIfBothOnClickAndTo)({ onClick: onClick, to: to });
-    if (dontRenderRes)
-        return dontRenderRes;
-    var _d = (0, decideLinkCompAndTarget_1.decideLinkCompAndTarget)({
-        to: to,
-        openInNewTab: openInNewTab,
-    }), LinkComp = _d.LinkComp, target = _d.target, externalUrl = _d.externalUrl;
-    var mediaConfigExists = config.video || config.image;
-    return (react_1.default.createElement(LinkComp, { target: target, href: (0, injectHttps_1.injectHttps)(to), to: to },
-        react_1.default.createElement(styled_js_1.StyledListElemContainer, { id: id, onClick: onClick ? function (e) { return onClick(e, data); } : undefined },
-            react_1.default.createElement(styled_js_1.StyledListWrapper, { mediaConfigExists: mediaConfigExists /*cuz if it does space needs to be allocated for it */, actions: actions },
-                react_1.default.createElement(styled_js_1.StyledHeader, null,
-                    (cardLabel || statusTag) &&
-                        react_1.default.createElement(styled_js_1.StyledStatusTagCardLabelWrapper, { style: { maxWidth: '100%', paddingBottom: '0.7rem' } },
-                            cardLabel && (react_1.default.createElement("div", { title: cardLabel, style: { maxWidth: '100%' } },
-                                react_1.default.createElement(styled_1.StyledLabel, { color: (0, utilsOolib_1.getPrimaryColorText)(theme === null || theme === void 0 ? void 0 : theme.colors) }, cardLabel))),
-                            statusTag && (react_1.default.createElement(Tags_1.TagDisplay, { variant: "secondary", XS: true, display: statusTag }))),
-                    title ? (react_1.default.createElement("div", { style: { flexGrow: 1 } },
-                        react_1.default.createElement(LineClampWrapper_1.LineClampWrapper, { noOfLines_M: 6, noOfLines_D: 3, title: title },
-                            react_1.default.createElement(styled_1.StyledTitle, { capitalize: true, className: "StyledTitle" },
-                                react_1.default.createElement(styled_1.StyledTitleSpan, { className: "StyledTitleSpan" }, localize(title)))))) : null,
-                    (metaBlock === null || metaBlock === void 0 ? void 0 : metaBlock.length) > 0 && (react_1.default.createElement("div", { style: { width: "100%", paddingTop: "1rem" } },
-                        react_1.default.createElement(MetaBlock_1.default, { data: data, config: metaBlock })))),
-                variant === "content" ? ((mediaConfigExists || actions) && (react_1.default.createElement(styled_js_1.StyledContentModule2, null,
-                    mediaConfigExists && react_1.default.createElement(react_1.default.Fragment, null,
-                        !(0, mediaDataExists_1.imageDataExists)(image) && !(0, mediaDataExists_1.videoDataExists)(video) && (react_1.default.createElement(styled_js_1.StyledMediaMask, null,
-                            react_1.default.createElement(CardPlaceholder_1.CardPlaceholder, { style: { height: "100%", width: "auto" } }))),
-                        (0, mediaDataExists_1.videoDataExists)(video) && !(0, mediaDataExists_1.imageDataExists)(image) ? (react_1.default.createElement(styled_js_1.StyledMediaMask, null,
-                            react_1.default.createElement(styled_js_1.StyledVideoWrapper, null,
-                                react_1.default.createElement(VideoInput_1.default, { value: video, readOnly: true, light: true, height: "100%" }),
-                                react_1.default.createElement("div", { style: {
-                                        position: "absolute",
-                                        top: 0,
-                                        left: 0,
-                                        width: "100%",
-                                        height: "100%",
-                                    } })))) : null,
-                        (0, mediaDataExists_1.imageDataExists)(image) && (react_1.default.createElement(styled_js_1.StyledMediaMask, null, 
-                        // <div
-                        //   // style={{
-                        //   //   width: "14rem",
-                        //   // }}
-                        // >
-                        react_1.default.createElement(ImageInput_1.ImageInput, { stretchToFullHeight: true, value: image, aspectRatio: "5/3", readOnly: true, enableCaptions: false, disableImageBorder: true, defaultImageSpread: "cover" })
-                        // </div>
-                        ))),
-                    actions && react_1.default.createElement(ActionMenu_1.ActionMenu, { actions: actions, align: "right" })))) : (react_1.default.createElement(styled_js_1.StyledContentModule2, null,
-                    react_1.default.createElement(ProfileImageInput_1.ProfileImageInput, { readOnly: true, value: image, size: screenWidth >= (0, mixins_1.getBreakPoint)('sm') ? 60 : 70, imageTitle: title })))))));
-};
-exports.ListContent = ListContent;

package/dist/components/cards/ListContent/styled.d.ts

@@ -1,7 +0,0 @@
-export const StyledListElemContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const StyledStatusTagCardLabelWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const StyledHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const StyledListWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const StyledContentModule2: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const StyledMediaMask: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const StyledVideoWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/components/cards/ListContent/styled.js

@@ -1,26 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StyledVideoWrapper = exports.StyledMediaMask = exports.StyledContentModule2 = exports.StyledListWrapper = exports.StyledHeader = exports.StyledStatusTagCardLabelWrapper = exports.StyledListElemContainer = void 0;
-var styled_components_1 = __importDefault(require("styled-components"));
-var themes_1 = require("../../../themes");
-var mixins_1 = require("../../../themes/mixins");
-var Typo_1 = require("../../Typo");
-var styled_1 = require("../styled");
-exports.StyledListElemContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border-bottom: 1px solid ", ";\n  margin-bottom: 2rem;\n  padding-bottom: 2rem;\n  cursor: pointer;\n  &:hover {\n    ", ";\n    #CardPlaceholder {\n      opacity: 1;\n    }\n  }\n"], ["\n  border-bottom: 1px solid ", ";\n  margin-bottom: 2rem;\n  padding-bottom: 2rem;\n  cursor: pointer;\n  &:hover {\n    ", ";\n    #CardPlaceholder {\n      opacity: 1;\n    }\n  }\n"])), themes_1.colors.greyColor15, styled_1.CSSTitleAnimationOnHover);
-exports.StyledStatusTagCardLabelWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  gap: 1rem;\n  align-items: center;\n  flex-wrap: wrap;\n"], ["\n  display: flex;\n  gap: 1rem;\n  align-items: center;\n  flex-wrap: wrap;\n"])));
-exports.StyledHeader = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  align-items: flex-start;\n  flex-direction: column;\n  flex-wrap: wrap;\n  \n  min-width: 0;\n  flex-grow: 1;\n"], ["\n  display: flex;\n  align-items: flex-start;\n  flex-direction: column;\n  flex-wrap: wrap;\n  \n  min-width: 0;\n  flex-grow: 1;\n"])));
-/** the absolute positioning based approach is required, else the ellipsis causes UI glitches */
-var mediaContainerWidth = 70;
-var mediaContainerWidth_SM = 60;
-exports.StyledListWrapper = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  width: auto;\n  display: flex;\n  gap:2rem;\n  position: relative;\n  \n"], ["\n  width: auto;\n  display: flex;\n  gap:2rem;\n  position: relative;\n  \n"])));
-exports.StyledContentModule2 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column-reverse;\n  justify-content: flex-end;\n  align-items: flex-end;\n  gap: 1rem;\n  flex-shrink: 0;\n  ", " {\n    flex-direction: row;\n    align-items: center;\n  }\n"], ["\n  display: flex;\n  flex-direction: column-reverse;\n  justify-content: flex-end;\n  align-items: flex-end;\n  gap: 1rem;\n  flex-shrink: 0;\n  ", " {\n    flex-direction: row;\n    align-items: center;\n  }\n"])), (0, mixins_1.mediaQuery)("sm"));
-exports.StyledMediaMask = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  overflow: hidden;\n  height: 84px;\n  width: ", "px;\n  ", " {\n    width: ", "px;\n    height: 6rem;\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  overflow: hidden;\n  height: 84px;\n  width: ", "px;\n  ", " {\n    width: ", "px;\n    height: 6rem;\n  }\n"])), mediaContainerWidth, (0, mixins_1.mediaQuery)("sm"), mediaContainerWidth_SM);
-exports.StyledVideoWrapper = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  width: 14rem;\n  height: 8.4rem;\n  ", " {\n    height: 6rem;\n  }\n"], ["\n  width: 14rem;\n  height: 8.4rem;\n  ", " {\n    height: 6rem;\n  }\n"])), (0, mixins_1.mediaQuery)("sm"));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;

package/dist/stories/Oolib/components/BlockLabel.stories.d.ts

@@ -1,71 +0,0 @@
-declare namespace _default {
-    let title: string;
-    namespace argTypes {
-        namespace label {
-            let name: string;
-        }
-        namespace sublabel {
-            let name_1: string;
-            export { name_1 as name };
-        }
-        namespace showHints {
-            let name_2: string;
-            export { name_2 as name };
-        }
-        namespace hintsTitle {
-            let name_3: string;
-            export { name_3 as name };
-        }
-        namespace hintsBtnLabel {
-            let name_4: string;
-            export { name_4 as name };
-        }
-        namespace infoTooltip {
-            let name_5: string;
-            export { name_5 as name };
-        }
-        namespace errorMessage {
-            let name_6: string;
-            export { name_6 as name };
-        }
-        namespace isRequired {
-            let name_7: string;
-            export { name_7 as name };
-        }
-        namespace readOnly {
-            let name_8: string;
-            export { name_8 as name };
-        }
-        namespace invert {
-            let name_9: string;
-            export { name_9 as name };
-        }
-        let inputOnlyLabel: {};
-    }
-    namespace args {
-        let label_1: string;
-        export { label_1 as label };
-        let sublabel_1: string;
-        export { sublabel_1 as sublabel };
-        let showHints_1: boolean;
-        export { showHints_1 as showHints };
-        let hintsTitle_1: string;
-        export { hintsTitle_1 as hintsTitle };
-        let hintsBtnLabel_1: string;
-        export { hintsBtnLabel_1 as hintsBtnLabel };
-        let infoTooltip_1: string;
-        export { infoTooltip_1 as infoTooltip };
-        let errorMessage_1: string;
-        export { errorMessage_1 as errorMessage };
-        let isRequired_1: boolean;
-        export { isRequired_1 as isRequired };
-        let invert_1: boolean;
-        export { invert_1 as invert };
-        let readOnly_1: boolean;
-        export { readOnly_1 as readOnly };
-        let inputOnlyLabel_1: string;
-        export { inputOnlyLabel_1 as inputOnlyLabel };
-    }
-}
-export default _default;
-export function Block_Label(args: any): import("react").JSX.Element;

package/dist/stories/Oolib/components/BlockLabel.stories.js

@@ -1,106 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Block_Label = void 0;
-var BlockLabel_1 = require("../../../components/BlockLabel");
-var themes_1 = require("../../../themes");
-exports.default = {
-    title: "Components/BlockLabel",
-    argTypes: {
-        label: {
-            name: "Label",
-        },
-        sublabel: {
-            name: "Sub Label",
-        },
-        showHints: {
-            name: "Hints",
-        },
-        hintsTitle: {
-            name: "Hints Title",
-        },
-        hintsBtnLabel: {
-            name: "Hints button text",
-        },
-        // hintsSubtitle: {
-        //   name: "Hints Subtitle",
-        // },
-        infoTooltip: {
-            name: "Info Tooltip",
-        },
-        errorMessage: {
-            name: "Error Message",
-        },
-        isRequired: {
-            name: "Required",
-        },
-        readOnly: {
-            name: "Read Only",
-        },
-        invert: {
-            name: "Invert",
-        },
-        inputOnlyLabel: {},
-    },
-    args: {
-        label: "default label",
-        sublabel: "",
-        showHints: true,
-        hintsTitle: "Hints",
-        hintsBtnLabel: "Hints",
-        // hintsSubtitle: "",
-        infoTooltip: "",
-        errorMessage: "", //gets converted into the appropriate errorMsgs prop below
-        isRequired: false,
-        invert: false,
-        readOnly: false,
-        inputOnlyLabel: "Shows only if label is not defined. AND readOnly = true",
-    },
-};
-var dummyData1 = [
-    "आप इस व्यक्ति को कैसे जानते हैं?",
-    "वे कहाँ रहते हैं?",
-    "क्या आप हमें इस व्यक्ति के बारे में कोई एक छोटी सी घटना बता सकते हैं? इस से पाठक को इस व्यक्ति को समझने मे आसानी होगी।",
-    "आपकी इस व्यक्ति से पहचान कैसे हुई?",
-];
-var dummyData2 = [
-    "What do you want to write about this person?",
-    "What did this person do?",
-    "Why are you writing this story? What should we learn from it?",
-    "What do you want to write about this person?",
-    "What did this person do?",
-    "Why are you writing this story? What should we learn from it?",
-    "What do you want to write about this person?",
-    "What did this person do?",
-    "Why are you writing this story? What should we learn from it?",
-    "What do you want to write about this person?",
-];
-var Block_Label = function (args) {
-    // return () => {
-    // document.getElementsByTagName("body")[0].removeChild(hintsRootElem);
-    // };
-    var errorMsgs = args.errorMessage ? args.errorMessage.split(",") : undefined;
-    return (React.createElement("div", null,
-        React.createElement("div", { style: {
-                display: "flex",
-                justifyContent: "space-between",
-                position: "relative",
-                padding: "2rem",
-                backgroundColor: args.invert ? themes_1.colors.greyColor100 : "",
-            } },
-            React.createElement("div", { style: {
-                    backgroundColor: args.invert ? themes_1.colors.greyColor100 : "",
-                    padding: "10px",
-                } }, (React.createElement(BlockLabel_1.BlockLabel, __assign({ id: "hints_1", hints: args.showHints ? dummyData2 : "" }, args, { errorMsgs: errorMsgs }))) || "no label provided"))));
-};
-exports.Block_Label = Block_Label;

package/dist/stories/Oolib/components/Checkbox.stories.d.ts

@@ -1,248 +0,0 @@
-declare namespace _default {
-    let title: string;
-}
-export default _default;
-export function CheckboxList(args: any): import("react").JSX.Element;
-export namespace CheckboxList {
-    namespace args {
-        let inputStyle: string;
-        let size: string;
-        let listingStyle: string;
-        let addOther: boolean;
-        let optionsLimit: number;
-        let option1: string;
-        let option2: string;
-        let option3: string;
-        let option4: string;
-        let option5: string;
-        let markOptions: boolean;
-        let correctOptions: string;
-        let feedbackMessage: string;
-        let disabled: boolean;
-        let readOnly: boolean;
-        let invert: boolean;
-    }
-    namespace argTypes {
-        export namespace correctOptions_1 {
-            let name: string;
-            namespace control {
-                let type: string;
-            }
-            let options: string[];
-        }
-        export { correctOptions_1 as correctOptions };
-        export namespace inputStyle_1 {
-            let name_1: string;
-            export { name_1 as name };
-            export namespace control_1 {
-                let type_1: string;
-                export { type_1 as type };
-            }
-            export { control_1 as control };
-            let options_1: string[];
-            export { options_1 as options };
-            export let mapping: {
-                "Tag select": string;
-                Checkbox: string;
-            };
-        }
-        export { inputStyle_1 as inputStyle };
-        export namespace addOther_1 {
-            let name_2: string;
-            export { name_2 as name };
-        }
-        export { addOther_1 as addOther };
-        export namespace size_1 {
-            let name_3: string;
-            export { name_3 as name };
-            export namespace control_2 {
-                let type_2: string;
-                export { type_2 as type };
-            }
-            export { control_2 as control };
-            let options_2: string[];
-            export { options_2 as options };
-            export namespace mapping_1 {
-                let Small: string;
-                let Medium: string;
-            }
-            export { mapping_1 as mapping };
-        }
-        export { size_1 as size };
-        export namespace listingStyle_1 {
-            let name_4: string;
-            export { name_4 as name };
-            export namespace control_3 {
-                let type_3: string;
-                export { type_3 as type };
-            }
-            export { control_3 as control };
-            let options_3: string[];
-            export { options_3 as options };
-        }
-        export { listingStyle_1 as listingStyle };
-        export namespace optionsLimit_1 {
-            let name_5: string;
-            export { name_5 as name };
-            export namespace control_4 {
-                let type_4: string;
-                export { type_4 as type };
-            }
-            export { control_4 as control };
-            let options_4: number[];
-            export { options_4 as options };
-        }
-        export { optionsLimit_1 as optionsLimit };
-        export namespace feedbackMessage_1 {
-            let name_6: string;
-            export { name_6 as name };
-            export namespace control_5 {
-                let type_5: string;
-                export { type_5 as type };
-            }
-            export { control_5 as control };
-        }
-        export { feedbackMessage_1 as feedbackMessage };
-        export namespace option1_1 {
-            let name_7: string;
-            export { name_7 as name };
-            export namespace control_6 {
-                let type_6: string;
-                export { type_6 as type };
-            }
-            export { control_6 as control };
-        }
-        export { option1_1 as option1 };
-        export namespace option2_1 {
-            let name_8: string;
-            export { name_8 as name };
-            export namespace control_7 {
-                let type_7: string;
-                export { type_7 as type };
-            }
-            export { control_7 as control };
-        }
-        export { option2_1 as option2 };
-        export namespace option3_1 {
-            let name_9: string;
-            export { name_9 as name };
-            export namespace control_8 {
-                let type_8: string;
-                export { type_8 as type };
-            }
-            export { control_8 as control };
-        }
-        export { option3_1 as option3 };
-        export namespace option4_1 {
-            let name_10: string;
-            export { name_10 as name };
-            export namespace control_9 {
-                let type_9: string;
-                export { type_9 as type };
-            }
-            export { control_9 as control };
-        }
-        export { option4_1 as option4 };
-        export namespace option5_1 {
-            let name_11: string;
-            export { name_11 as name };
-            export namespace control_10 {
-                let type_10: string;
-                export { type_10 as type };
-            }
-            export { control_10 as control };
-        }
-        export { option5_1 as option5 };
-        export namespace markOptions_1 {
-            let name_12: string;
-            export { name_12 as name };
-        }
-        export { markOptions_1 as markOptions };
-        export namespace disabled_1 {
-            let name_13: string;
-            export { name_13 as name };
-        }
-        export { disabled_1 as disabled };
-        export namespace readOnly_1 {
-            let name_14: string;
-            export { name_14 as name };
-        }
-        export { readOnly_1 as readOnly };
-        export namespace invert_1 {
-            let name_15: string;
-            export { name_15 as name };
-        }
-        export { invert_1 as invert };
-    }
-}
-export function CheckboxInput(args: any): import("react").JSX.Element;
-export namespace CheckboxInput {
-    export namespace args_1 {
-        let inputStyle_2: string;
-        export { inputStyle_2 as inputStyle };
-        let option1_2: string;
-        export { option1_2 as option1 };
-        let markOptions_2: boolean;
-        export { markOptions_2 as markOptions };
-        export let optionIsCorrect: boolean;
-        let invert_2: boolean;
-        export { invert_2 as invert };
-    }
-    export { args_1 as args };
-    export namespace argTypes_1 {
-        export namespace optionIsCorrect_1 {
-            let name_16: string;
-            export { name_16 as name };
-        }
-        export { optionIsCorrect_1 as optionIsCorrect };
-        export namespace option1_3 {
-            let name_17: string;
-            export { name_17 as name };
-        }
-        export { option1_3 as option1 };
-        export namespace markOptions_3 {
-            let name_18: string;
-            export { name_18 as name };
-        }
-        export { markOptions_3 as markOptions };
-        export namespace inputStyle_3 {
-            let name_19: string;
-            export { name_19 as name };
-            export namespace control_11 {
-                let type_11: string;
-                export { type_11 as type };
-            }
-            export { control_11 as control };
-            let options_5: string[];
-            export { options_5 as options };
-            let mapping_2: {
-                "Tag select": string;
-                Checkbox: string;
-            };
-            export { mapping_2 as mapping };
-        }
-        export { inputStyle_3 as inputStyle };
-        export namespace invert_3 {
-            let name_20: string;
-            export { name_20 as name };
-        }
-        export { invert_3 as invert };
-    }
-    export { argTypes_1 as argTypes };
-    export namespace parameters {
-        namespace controls {
-            export { commonExcluded as exclude };
-        }
-    }
-}
-export function CheckboxButton(args: any): import("react").JSX.Element;
-export namespace CheckboxButton {
-    export namespace parameters_1 {
-        export namespace controls_1 {
-            let exclude: string[];
-        }
-        export { controls_1 as controls };
-    }
-    export { parameters_1 as parameters };
-}
-declare const commonExcluded: string[];