@itcase/ui 1.1.8 → 1.1.10

package/dist/components/Pagination.js

@@ -1,361 +1,26 @@
-import React__default, { useState, useCallback, useMemo, useEffect } from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import ceil from 'lodash/ceil';
-import ReactPaginate from 'react-paginate';
-import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
-import { D as Dropdown, a as DropdownItem } from '../DropdownItem-Dgf0LRhx.js';
-import { I as Icon } from '../Icon-Dn2eEZvb.js';
-import { T as Text } from '../Text-BcGbRc14.js';
+export { P as Pagination } from '../Pagination-0sADvbwj.js';
+import '../jsx-runtime-C2uP7l8s.js';
+import 'react';
+import 'clsx';
+import 'lodash/ceil';
+import 'react-paginate';
+import '../hooks/useDeviceTargetClass.js';
 import 'lodash/castArray';
 import 'lodash/camelCase';
 import '../context/UIContext.js';
+import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
+import '../DropdownItem-DOBsvnrL.js';
 import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Divider-BlBwMHgl.js';
-import '../jsx-runtime-ClDdVO4Q.js';
-import '../Link-ByBzBRDH.js';
-import '../constants/componentProps/fill.js';
-import '../constants/componentProps/shape.js';
-import '../constants/componentProps/type.js';
-import '../constants/componentProps/underline.js';
-import '../constants/componentProps/size.js';
+import '../Divider-D0TEKxHr.js';
+import '../Link-CbCqej5B.js';
+import '../_tslib-S-VPg1Cw.js';
+import '../Text-edtauAM6.js';
+import '../Icon-C1j6rkeI.js';
 import 'react-inlinesvg';
-import './Tooltip.js';
-import './Title.js';
-import '../constants/componentProps/textAlign.js';
-import '../constants/componentProps/textColor.js';
-import '../constants/componentProps/textGradient.js';
-import '../constants/componentProps/textStyle.js';
-import '../constants/componentProps/textWeight.js';
-import '../constants/componentProps/titleSize.js';
-import '../constants/componentProps/wrap.js';
-import '../constants/componentProps/textSize.js';
-
-function Pagination(props) {
-  const {
-    pageNumber,
-    perPageCount,
-    allItemsCount,
-    className,
-    forcePage,
-    pageCount,
-    marginPagesDisplayed,
-    pageRangeDisplayed,
-    previousLabel,
-    nextLabel,
-    isPageCount,
-    pageCountArray,
-    pageCountDesc,
-    pageCountDescTextColor,
-    pageCountDescTextSize,
-    pageCountInput,
-    pageCountInputTextColor,
-    pageCountInputTextSize,
-    pageCountInputIcon,
-    pageCountInputIconFill,
-    pageCountInputIconFillSize,
-    pageCountInputIconColor,
-    pageCountDropdownAlignment,
-    pageCountDropdownElevation,
-    pageCountDropdownFill,
-    pageCountDropdownSet,
-    pageCountDropdownShape,
-    pageCountDropdownItemDividerDirection,
-    pageCountDropdownItemDividerFill,
-    pageCountDropdownItemDividerSize,
-    pageCountDropdownItemShowDivider,
-    onPerPageCountChange,
-    pageCountDropdownItemFill,
-    pageCountDropdownItemFillActive,
-    pageCountDropdownItemFillActiveHover,
-    pageCountDropdownItemFillHover,
-    pageCountDropdownItemLabel,
-    pageCountDropdownItemLabelColor,
-    pageCountDropdownItemLabelColorActive,
-    pageCountDropdownItemLabelSize,
-    pageCountDropdownItemLabelWrap,
-    pageCountDropdownItemSet,
-    isPageCountDropdownReversed,
-    onPageChange
-  } = props;
-  const [isOpenDropdown, setIsOpenDropdown] = useState(false);
-  const [showPagination, setShowPagination] = useState(true);
-  const [activeDropdownItem, setActiveDropdownItem] = useState(10);
-  // Toggle command menu
-  const onClickCommandMenuButton = useCallback(event => {
-    setIsOpenDropdown(state => !state);
-  }, []);
-  const handleDropdownItemClick = useCallback(item => {
-    onPerPageCountChange(item);
-    setActiveDropdownItem(item);
-    setIsOpenDropdown(false);
-  }, [onPerPageCountChange]);
-  const justifyContentClass = useDeviceTargetClass(props, {
-    prefix: 'pagination_justify-content_',
-    propsKey: 'justifyContent'
-  });
-  const gapClass = useDeviceTargetClass(props, {
-    prefix: 'gap_',
-    propsKey: 'gap'
-  });
-
-  // Calculate count of pages for all items
-  const paginationPagesCount = useMemo(() => {
-    if (allItemsCount && allItemsCount > 0) {
-      // Round up. "perPageCount" may be is a query params "limit"
-      return ceil(allItemsCount / perPageCount);
-    }
-    return 0;
-  }, [allItemsCount, perPageCount]);
-
-  // Index for pagination state
-  const paginationPageIndex = useMemo(() => {
-    const intPageNumber = parseInt(pageNumber);
-    // For pagination need index of page, not number
-    if (!isNaN(intPageNumber) && intPageNumber > 1) {
-      return intPageNumber - 1;
-    }
-    return 0;
-  }, [pageNumber]);
-  useEffect(() => {
-    if (paginationPagesCount <= 1) {
-      setShowPagination(false);
-      return;
-    }
-    setShowPagination(true);
-  }, [paginationPagesCount]);
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: "pagination"
-  }, showPagination && /*#__PURE__*/React__default.createElement(ReactPaginate, {
-    activeClassName: "pagination__item_state_active cursor_type_default",
-    breakClassName: "pagination__item pagination__item_break",
-    disabledClassName: "pagination__item_state_disabled cursor_type_default",
-    disabledLinkClassName: "pagination__item_state_disabled",
-    marginPagesDisplayed: marginPagesDisplayed,
-    nextClassName: "pagination__item pagination__item_next",
-    pageCount: paginationPagesCount,
-    pageLinkClassName: "pagination__item-link",
-    pageRangeDisplayed: pageRangeDisplayed,
-    previousClassName: "pagination__item pagination__item_previous",
-    onPageChange: onPageChange,
-    activeLinkClassName: "pagination__item-link_state_active"
-    // previous button
-    ,
-    previousLabel: previousLabel,
-    breakLinkClassName: "pagination__item-link"
-    // pages settings
-    ,
-    forcePage: paginationPageIndex,
-    containerClassName: clsx(className, 'pagination__container', justifyContentClass)
-    // page item
-    ,
-    pageClassName: "pagination__item",
-    nextLinkClassName: "pagination__item-link"
-    // break element
-    ,
-    breakLabel: "...",
-    previousLinkClassName: "pagination__item-link"
-    // next button
-    ,
-    nextLabel: nextLabel
-  }), isPageCount && /*#__PURE__*/React__default.createElement("div", {
-    className: clsx(className, 'pagination__count', gapClass)
-  }, /*#__PURE__*/React__default.createElement(Text, {
-    size: pageCountDescTextSize,
-    textColor: pageCountDescTextColor
-  }, pageCountDesc), /*#__PURE__*/React__default.createElement("div", {
-    className: "pagination__input",
-    onClick: onClickCommandMenuButton
-  }, /*#__PURE__*/React__default.createElement(Text, {
-    size: pageCountInputTextSize,
-    textColor: pageCountInputTextColor
-  }, activeDropdownItem), /*#__PURE__*/React__default.createElement(Icon, {
-    fill: pageCountInputIconFill,
-    fillSize: pageCountInputIconFillSize,
-    iconFill: pageCountInputIconColor,
-    SvgImage: pageCountInputIcon
-  }), /*#__PURE__*/React__default.createElement(Dropdown, {
-    alignment: pageCountDropdownAlignment,
-    elevation: pageCountDropdownElevation,
-    fill: pageCountDropdownFill,
-    isOpen: isOpenDropdown,
-    set: pageCountDropdownSet,
-    setIsOpen: setIsOpenDropdown,
-    shape: pageCountDropdownShape
-  }, (isPageCountDropdownReversed ? pageCountArray.reverse() : pageCountArray).map((item, index) => activeDropdownItem === item ? /*#__PURE__*/React__default.createElement(DropdownItem, {
-    dividerDirection: pageCountDropdownItemDividerDirection,
-    dividerFill: pageCountDropdownItemDividerFill,
-    dividerSize: pageCountDropdownItemDividerSize,
-    fill: pageCountDropdownItemFill,
-    fillActive: pageCountDropdownItemFillActive,
-    fillActiveHover: pageCountDropdownItemFillActiveHover,
-    fillHover: pageCountDropdownItemFillHover,
-    isActive: true,
-    key: item,
-    label: item,
-    labelTextColor: pageCountDropdownItemLabelColor,
-    labelTextColorActive: pageCountDropdownItemLabelColorActive,
-    labelTextSize: pageCountDropdownItemLabelSize,
-    labelTextWrap: pageCountDropdownItemLabelWrap,
-    set: pageCountDropdownItemSet,
-    showDivider: index < pageCountArray.length - 1 && pageCountDropdownItemShowDivider,
-    onClick: () => handleDropdownItemClick(item)
-  }) : /*#__PURE__*/React__default.createElement(DropdownItem, {
-    dividerDirection: pageCountDropdownItemDividerDirection,
-    dividerFill: pageCountDropdownItemDividerFill,
-    dividerSize: pageCountDropdownItemDividerSize,
-    fill: pageCountDropdownItemFill,
-    fillHover: pageCountDropdownItemFillHover,
-    isActive: false,
-    key: item,
-    label: item,
-    labelTextColor: pageCountDropdownItemLabelColor,
-    labelTextColorActive: pageCountDropdownItemLabelColorActive,
-    labelTextSize: pageCountDropdownItemLabelSize,
-    labelTextWrap: pageCountDropdownItemLabelWrap,
-    set: pageCountDropdownItemSet,
-    showDivider: index < pageCountArray.length - 1 && pageCountDropdownItemShowDivider,
-    onClick: () => handleDropdownItemClick(item)
-  }))))));
-}
-Pagination.propTypes = {
-  /**
-   *Количество всех элементов
-   */
-  allItemsCount: PropTypes.number,
-  isPageCountDropdownReversed: PropTypes.bool,
-  /**
-   * Количество страниц, отображаемых после троеточия
-   */
-  marginPagesDisplayed: PropTypes.number,
-  /**
-   *Кнопка навигации вперед
-   */
-  nextLabel: PropTypes.element,
-  pageCountArray: PropTypes.array,
-  pageCountDropdownItemLabelColorActive: PropTypes.string,
-  /**
-   * Количество страниц, отображаемых до троеточия
-   */
-  pageRangeDisplayed: PropTypes.number,
-  /**
-   * Количество элементов, отображаемых на станице
-   */
-  perPageCount: PropTypes.number,
-  /**
-   * Кнопка навигации назад
-   */
-  previousLabel: PropTypes.element
-};
-Pagination.defaultProps = {
-  pageNumber: 0,
-  perPageCount: 0,
-  allItemsCount: 0,
-  pageCountArray: [10, 20, 50, 100],
-  isPageCountDropdownReversed: false,
-  pageCountDropdownItemLabelColorActive: ''
-};
-Pagination.__docgenInfo = {
-  "description": "",
-  "methods": [],
-  "displayName": "Pagination",
-  "props": {
-    "pageNumber": {
-      "defaultValue": {
-        "value": "0",
-        "computed": false
-      },
-      "required": false
-    },
-    "perPageCount": {
-      "defaultValue": {
-        "value": "0",
-        "computed": false
-      },
-      "description": "\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u044D\u043B\u0435\u043C\u0435\u043D\u0442\u043E\u0432, \u043E\u0442\u043E\u0431\u0440\u0430\u0436\u0430\u0435\u043C\u044B\u0445 \u043D\u0430 \u0441\u0442\u0430\u043D\u0438\u0446\u0435",
-      "type": {
-        "name": "number"
-      },
-      "required": false
-    },
-    "allItemsCount": {
-      "defaultValue": {
-        "value": "0",
-        "computed": false
-      },
-      "description": "\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0432\u0441\u0435\u0445 \u044D\u043B\u0435\u043C\u0435\u043D\u0442\u043E\u0432",
-      "type": {
-        "name": "number"
-      },
-      "required": false
-    },
-    "pageCountArray": {
-      "defaultValue": {
-        "value": "[10, 20, 50, 100]",
-        "computed": false
-      },
-      "description": "",
-      "type": {
-        "name": "array"
-      },
-      "required": false
-    },
-    "isPageCountDropdownReversed": {
-      "defaultValue": {
-        "value": "false",
-        "computed": false
-      },
-      "description": "",
-      "type": {
-        "name": "bool"
-      },
-      "required": false
-    },
-    "pageCountDropdownItemLabelColorActive": {
-      "defaultValue": {
-        "value": "''",
-        "computed": false
-      },
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "marginPagesDisplayed": {
-      "description": "\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0441\u0442\u0440\u0430\u043D\u0438\u0446, \u043E\u0442\u043E\u0431\u0440\u0430\u0436\u0430\u0435\u043C\u044B\u0445 \u043F\u043E\u0441\u043B\u0435 \u0442\u0440\u043E\u0435\u0442\u043E\u0447\u0438\u044F",
-      "type": {
-        "name": "number"
-      },
-      "required": false
-    },
-    "nextLabel": {
-      "description": "\u041A\u043D\u043E\u043F\u043A\u0430 \u043D\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438 \u0432\u043F\u0435\u0440\u0435\u0434",
-      "type": {
-        "name": "element"
-      },
-      "required": false
-    },
-    "pageRangeDisplayed": {
-      "description": "\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0441\u0442\u0440\u0430\u043D\u0438\u0446, \u043E\u0442\u043E\u0431\u0440\u0430\u0436\u0430\u0435\u043C\u044B\u0445 \u0434\u043E \u0442\u0440\u043E\u0435\u0442\u043E\u0447\u0438\u044F",
-      "type": {
-        "name": "number"
-      },
-      "required": false
-    },
-    "previousLabel": {
-      "description": "\u041A\u043D\u043E\u043F\u043A\u0430 \u043D\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438 \u043D\u0430\u0437\u0430\u0434",
-      "type": {
-        "name": "element"
-      },
-      "required": false
-    }
-  }
-};
-
-export { Pagination };
+import '../Tooltip-jT5A43he.js';
+import '../Title-BUN57fWw.js';

package/dist/components/Panel/Panel.d.ts

@@ -0,0 +1,7 @@
+import { IPanelConfig, IPanelProps } from './Panel.interface';
+declare const panelConfig: IPanelConfig;
+declare function Panel(props: IPanelProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Panel {
+    var defaultProps: {};
+}
+export { Panel, panelConfig };

package/dist/components/Panel/Panel.interface.d.ts

@@ -0,0 +1,56 @@
+import { CSSProperties, ReactNode } from 'react';
+import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { alignDirectionPropsType, borderColorPropsType, borderTypePropsType, borderWidthPropsType, elevationPropsType, fillHoverPropsType, fillPropsType, flexAlignPropsType, flexJustifyContentPropsType, flexWrapPropsType, heightPropsType, positionPropsType, shapePropsType, textColorPropsType, textSizePropsType, textWeightPropsType, widthPropsType } from '../../types';
+import { appearanceKeysDefaultType } from '../../types/componentProps/appearanceKeys';
+interface ThemeColor {
+    border?: string;
+    borderColor?: string;
+    borderWidth?: string;
+    direction?: alignDirectionPropsType;
+    fill?: string;
+    fillHover?: string;
+    labelTextColor?: textColorPropsType;
+}
+type appearanceKeysType = appearanceKeysDefaultType & {};
+type appearanceType = {
+    [key in appearanceKeysType]: ThemeColor;
+};
+export interface IPanelConfig {
+    appearance: appearanceType | undefined;
+    setAppearance: (newComponent: appearanceType) => void;
+}
+export interface IPanelProps extends TypeStyleAttributes {
+    appearance?: appearanceKeysType;
+    children?: ReactNode;
+    className?: string;
+    dataTour?: string;
+    horizontalScroll?: boolean;
+    htmlFor?: string;
+    set?: string;
+    style?: CSSProperties;
+    verticalScroll?: boolean;
+    alignContent?: flexJustifyContentPropsType;
+    alignItems?: flexAlignPropsType;
+    borderColor?: borderColorPropsType;
+    borderType?: borderTypePropsType;
+    borderWidth?: borderWidthPropsType;
+    direction?: alignDirectionPropsType;
+    elevation?: elevationPropsType;
+    fill?: fillPropsType;
+    fillHover?: fillHoverPropsType;
+    height?: heightPropsType;
+    justifyContent?: flexJustifyContentPropsType;
+    position?: positionPropsType;
+    shape?: shapePropsType;
+    width?: widthPropsType;
+    wrap?: flexWrapPropsType;
+    desc?: string;
+    descTextColor?: textColorPropsType;
+    descTextSize?: textSizePropsType;
+    descTextWeight?: textWeightPropsType;
+    title?: string;
+    titleTextColor?: textColorPropsType;
+    titleTextSize?: textSizePropsType;
+    titleTextWeight?: textWeightPropsType;
+}
+export {};

package/dist/components/Panel/index.d.ts

@@ -0,0 +1 @@
+export { Panel, panelConfig } from './Panel';

package/dist/components/Panel.js

@@ -0,0 +1,105 @@
+import { j as jsxRuntimeExports } from '../jsx-runtime-C2uP7l8s.js';
+import { useMemo } from 'react';
+import clsx from 'clsx';
+import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
+import { useStyles } from '../hooks/useStyles.js';
+import { G as Group } from '../Group-C2kJKhWJ.js';
+import { T as Text } from '../Text-edtauAM6.js';
+import 'lodash/castArray';
+import 'lodash/camelCase';
+import '../context/UIContext.js';
+import 'prop-types';
+import '../hooks/useMediaQueries.js';
+import 'react-responsive';
+import 'lodash/maxBy';
+import 'lodash/upperFirst';
+import '../hooks/styleAttributes.js';
+
+var panelConfig = {
+    appearance: undefined,
+    setAppearance: function (newComponent) {
+        panelConfig.appearance = newComponent;
+    },
+};
+function Panel(props) {
+    var appearance = props.appearance, children = props.children, className = props.className, horizontalScroll = props.horizontalScroll, htmlFor = props.htmlFor, set = props.set, dataTour = props.dataTour, title = props.title, titleTextSize = props.titleTextSize, titleTextColor = props.titleTextColor, titleTextWeight = props.titleTextWeight, desc = props.desc, descTextSize = props.descTextSize, descTextColor = props.descTextColor, descTextWeight = props.descTextWeight, verticalScroll = props.verticalScroll;
+    var alignContentClass = useDeviceTargetClass(props, {
+        prefix: 'panel_align-content_',
+        propsKey: 'alignContent',
+    });
+    var alignItemsClass = useDeviceTargetClass(props, {
+        prefix: 'panel_align-items_',
+        propsKey: 'alignItems',
+    });
+    var justifyContentClass = useDeviceTargetClass(props, {
+        prefix: 'panel_justify-content_',
+        propsKey: 'justifyContent',
+    });
+    var directionClass = useDeviceTargetClass(props, {
+        prefix: 'panel_direction_',
+        propsKey: 'direction',
+    });
+    var wrapClass = useDeviceTargetClass(props, {
+        prefix: 'flex_wrap_',
+        propsKey: 'wrap',
+    });
+    var fillClass = useDeviceTargetClass(props, {
+        prefix: 'fill_',
+        propsKey: 'fill',
+    });
+    var fillHoverClass = useDeviceTargetClass(props, {
+        prefix: 'fill_hover_',
+        propsKey: 'fillHover',
+    });
+    var shapeClass = useDeviceTargetClass(props, {
+        prefix: 'panel_shape_',
+        propsKey: 'shape',
+    });
+    var widthClass = useDeviceTargetClass(props, {
+        prefix: 'width_',
+        propsKey: 'width',
+    });
+    var heightClass = useDeviceTargetClass(props, {
+        prefix: 'height_',
+        propsKey: 'height',
+    });
+    var borderColorClass = useDeviceTargetClass(props, {
+        prefix: 'border-color_',
+        propsKey: 'borderColor',
+    });
+    var borderWidthClass = useDeviceTargetClass(props, {
+        prefix: 'border-width_',
+        propsKey: 'borderWidth',
+    });
+    var borderTypeClass = useDeviceTargetClass(props, {
+        prefix: 'border_type_',
+        propsKey: 'borderType',
+    });
+    var elevationClass = useDeviceTargetClass(props, {
+        prefix: 'elevation_',
+        propsKey: 'elevation',
+    });
+    var positionClass = useDeviceTargetClass(props, {
+        prefix: 'position_',
+        propsKey: 'position',
+    });
+    // @ts-expect-error
+    var _a = useStyles(props), panelStyles = _a.styles, panelWrapperStyles = _a.wrapper;
+    var appearanceConfig = useMemo(function () { return appearance && panelConfig.appearance && panelConfig.appearance[appearance]; }, [appearance, panelConfig]);
+    return (jsxRuntimeExports.jsxs(Group, { className: clsx(className, 'panel', widthClass, heightClass, fillClass ||
+            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fill) &&
+                "fill_".concat(appearanceConfig.fill).replace(/([A-Z])/g, '-$1').toLowerCase()), fillHoverClass ||
+            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fillHover) &&
+                "fill_hover_".concat(appearanceConfig.fillHover).replace(/([A-Z])/g, '-$1').toLowerCase()), set && "panel_set_".concat(set), wrapClass, shapeClass, borderColorClass ||
+            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.borderColor) &&
+                "border-color_".concat(appearanceConfig.borderColor)
+                    .replace(/([A-Z])/g, '-$1')
+                    .toLowerCase()), borderWidthClass ||
+            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.borderWidth) &&
+                "border-width_".concat(appearanceConfig.borderWidth)
+                    .replace(/([A-Z])/g, '-$1')
+                    .toLowerCase()), borderTypeClass, alignContentClass, alignItemsClass, elevationClass, justifyContentClass, positionClass, horizontalScroll && 'panel_type_scroll_horizontal', verticalScroll && 'panel_type_scroll_vertical'), "data-tour": dataTour, htmlFor: htmlFor, style: panelStyles, children: [title && (jsxRuntimeExports.jsx("div", { className: "panel__header", children: jsxRuntimeExports.jsx(Text, { className: "panel__title", size: titleTextSize, textColor: titleTextColor, textWeight: titleTextWeight, children: title }) })), jsxRuntimeExports.jsx("div", { className: clsx('panel__wrapper', directionClass), style: panelWrapperStyles, children: children }), desc && (jsxRuntimeExports.jsx("div", { className: "panel__footer", children: jsxRuntimeExports.jsx(Text, { className: "panel__desc", size: descTextSize, textColor: descTextColor, textWeight: descTextWeight, children: desc }) }))] }));
+}
+Panel.defaultProps = {};
+
+export { Panel, panelConfig };

package/dist/components/Radio/Radio.d.ts

@@ -0,0 +1,10 @@
+import { IRadioConfig, IRadioProps } from './Radio.interface';
+declare const radioConfig: IRadioConfig;
+declare function Radio(props: IRadioProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Radio {
+    var defaultProps: {
+        shape: string;
+        tag: string;
+    };
+}
+export { Radio, radioConfig };

package/dist/components/Radio/Radio.interface.d.ts

@@ -0,0 +1,53 @@
+import { ElementType } from 'react';
+import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { borderColorHoverPropsType, borderColorPropsType, borderWidthPropsType, fillPropsType, itemColorPropsType, shapePropsType, textColorPropsType, textSizePropsType, textWeightPropsType } from '../../types';
+import { appearanceKeysDefaultType } from '../../types/componentProps/appearanceKeys';
+export interface IRadioThemeColor {
+    descTextColor?: textColorPropsType;
+    descTextSize?: textSizePropsType;
+    descTextWeight?: textWeightPropsType;
+    fill?: fillPropsType;
+    labelTextColor?: textColorPropsType;
+    labelTextSize?: textSizePropsType;
+    labelTextWeight?: textWeightPropsType;
+    shape?: shapePropsType;
+    stateBorderColor?: borderColorPropsType;
+    stateBorderColorChecked?: borderColorPropsType;
+    stateBorderColorDisabled?: borderColorPropsType;
+    stateBorderColorDisabledChecked?: borderColorPropsType;
+    stateBorderColorHover?: borderColorHoverPropsType;
+    stateBorderColorHoverChecked?: borderColorHoverPropsType;
+    stateBorderWidth?: borderWidthPropsType;
+    stateCheckmarkFill?: itemColorPropsType;
+    stateCheckmarkFillDisabled?: itemColorPropsType;
+    stateFill?: fillPropsType;
+    stateFillChecked?: fillPropsType;
+    stateFillDisabled?: fillPropsType;
+    stateFillDisabledChecked?: fillPropsType;
+    stateShape?: shapePropsType;
+}
+type appearanceKeysType = appearanceKeysDefaultType & {};
+export type radioStateType = {
+    [key in appearanceKeysType]?: IRadioThemeColor;
+};
+export type radioAppearanceType = {
+    [key in appearanceKeysType]?: IRadioThemeColor;
+};
+export interface IRadioConfig {
+    state: radioStateType | undefined;
+    setState: (newComponent: radioStateType) => void;
+    appearance: radioAppearanceType | undefined;
+    setAppearance: (newComponent: radioAppearanceType) => void;
+}
+export interface IRadioProps extends IRadioThemeColor, TypeStyleAttributes {
+    appearance?: appearanceKeysType;
+    checked?: boolean;
+    className?: string;
+    desc?: string;
+    disabled?: boolean;
+    id?: number | string;
+    label?: string;
+    tag: ElementType;
+    onChange?: () => void;
+}
+export {};

package/dist/components/Radio/index.d.ts

@@ -0,0 +1 @@
+export { Radio, radioConfig } from './Radio';