@geneui/components 2.11.1

package/ValidatableTimeInput.js

@@ -0,0 +1,171 @@
+import { _ as _extends } from './_rollupPluginBabelHelpers-e8fb2e5c.js';
+import React__default, { forwardRef, useState, useCallback, useEffect } from 'react';
+import { p as propTypesExports } from './index-e0af0caf.js';
+import { d as dayjsWithPlugins } from './dateValidation-67caec66.js';
+import { g as getBrowserDateFormat } from './localization-4ba17032.js';
+import { c as checkTimeValidation } from './checkTimeValidation-e56771be.js';
+import 'react-dom';
+import ExtendedInput from './ExtendedInput.js';
+import './_commonjsHelpers-24198af3.js';
+import './index-6ff23041.js';
+import './configs-91c86664.js';
+import './index-ac59cb10.js';
+import './useDeviceType-dd51db38.js';
+import './useWindowSize-80369d76.js';
+import './index-5cea9a7d.js';
+import './useKeyDown-38102ae7.js';
+import './useClickOutside-5183e396.js';
+import './Scrollbar.js';
+import './globalStyling-9c60a159.js';
+import './style-inject.es-746bb8ed.js';
+import './Icon.js';
+import './Tooltip.js';
+import './Popover-f4d1cac0.js';
+import './GeneUIProvider.js';
+
+const nonLettersRegex = /[\W_]+/g;
+const getFormatSeparator = format => format[format.search(nonLettersRegex)];
+const isUpperCase = str => str === str.toUpperCase();
+const isLowerCase = str => str === str.toLowerCase();
+
+/*
+ * Splitting time to { format, value } object
+ * For checking is value fit format
+ * Formats are taken from day.js date formats list
+ * */
+function splitTimeToObjects(dateParts, formatParts, meridiemValue, meridiemFormat) {
+  const hourFormats = ['H', 'HH', 'h', 'hh'];
+  const minuteFormats = ['m', 'mm'];
+  const secondFormats = ['s', 'ss'];
+  const hour = {};
+  const minute = {};
+  const second = {};
+  const meridiem = {};
+  formatParts.forEach((item, index) => {
+    if (hourFormats.includes(item)) {
+      hour.value = dateParts[index];
+      hour.format = item;
+    } else if (minuteFormats.includes(item)) {
+      minute.value = dateParts[index];
+      minute.format = item;
+    } else if (secondFormats.includes(item)) {
+      second.value = dateParts[index];
+      second.format = item;
+    }
+  });
+  if (meridiemFormat || meridiemValue) {
+    meridiem.value = meridiemValue;
+    meridiem.format = meridiemFormat;
+  }
+  return {
+    hour,
+    minute,
+    second,
+    meridiem
+  };
+}
+const isHourInRightFormat = _ref => {
+  let {
+    value,
+    format
+  } = _ref;
+  return value && (format === 'H' && value.length <= 2 && Number(value[0]) !== 0 || format === 'h' && value.length <= 2 && Number(value[0]) !== 0 || format === 'HH' && value.length === 2 || format === 'hh' && value.length === 2);
+};
+const isMinuteInRightFormat = _ref2 => {
+  let {
+    value,
+    format
+  } = _ref2;
+  return value && (format === 'm' && value.length <= 2 && (value.length !== 2 || Number(value[0]) !== 0) || format === 'mm' && value.length === 2);
+};
+const isSecondInRightFormat = _ref3 => {
+  let {
+    value,
+    format
+  } = _ref3;
+  return !format || value && (format === 's' && value.length <= 2 && (value.length !== 2 || Number(value[0]) !== 0) || format === 'ss' && value.length === 2);
+};
+const isMeridiemInRightFormat = _ref4 => {
+  let {
+    value,
+    format
+  } = _ref4;
+  return !(format || value) || value && (format === 'A' && isUpperCase(value) || format === 'a' && isLowerCase(value));
+};
+const checkTimeFormat = _ref5 => {
+  let {
+    hour,
+    minute,
+    second,
+    meridiem
+  } = _ref5;
+  return isHourInRightFormat(hour) && isMinuteInRightFormat(minute) && isSecondInRightFormat(second) && isMeridiemInRightFormat(meridiem);
+};
+function validateField() {
+  let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  let required = arguments.length > 1 ? arguments[1] : undefined;
+  let customValidation = arguments.length > 2 ? arguments[2] : undefined;
+  let min = arguments.length > 3 ? arguments[3] : undefined;
+  let max = arguments.length > 4 ? arguments[4] : undefined;
+  let format = arguments.length > 5 ? arguments[5] : undefined;
+  const date = dayjsWithPlugins(value, format);
+  const separator = getFormatSeparator(format);
+  const splittedDate = value.split(' ');
+  const splittedFormat = format.split(' ');
+  const dateParts = splittedDate[0].split(separator);
+  const formatParts = splittedFormat[0].split(separator);
+  const timeObject = splitTimeToObjects(dateParts, formatParts, splittedDate[1], splittedFormat[1]);
+  const isValidFormat = checkTimeFormat(timeObject);
+  const isValidDate = checkTimeValidation(timeObject);
+  const isSameLength = dateParts.length === formatParts.length;
+  const isBefore = !max || date.isBefore(dayjsWithPlugins(max, format));
+  const isAfter = !min || date.isAfter(dayjsWithPlugins(min, format));
+  return (!customValidation || customValidation(value)) && (!required || value.length) && (!required && !value.length || isValidDate && isSameLength && isValidFormat && isBefore && isAfter);
+}
+const DateInput = /*#__PURE__*/forwardRef((_ref6, ref) => {
+  let {
+    onChange,
+    value,
+    customValidation,
+    required,
+    getInitialState,
+    min,
+    max,
+    format,
+    ...restProps
+  } = _ref6;
+  const [isValid, setValidation] = useState(() => validateField(value, required, customValidation, min, max, format));
+  const handleChange = useCallback(e => {
+    const {
+      value
+    } = e.target;
+    const isValid = validateField(value, required, customValidation, min, max, format);
+    setValidation(isValid);
+    onChange && onChange(e, isValid);
+  }, [onChange, required, customValidation, min, max, format]);
+  useEffect(() => {
+    getInitialState && getInitialState(isValid);
+  }, [getInitialState, isValid]);
+  useEffect(() => setValidation(validateField(value, required, customValidation, min, max, format)), [required, min, max, format, value, customValidation]);
+  return /*#__PURE__*/React__default.createElement(ExtendedInput, _extends({
+    ref: ref,
+    value: value,
+    isValid: isValid,
+    onChange: handleChange
+  }, restProps));
+});
+DateInput.propTypes = {
+  value: propTypesExports.string,
+  onChange: propTypesExports.func,
+  required: propTypesExports.bool,
+  getInitialState: propTypesExports.func,
+  customValidation: propTypesExports.func,
+  min: propTypesExports.string,
+  max: propTypesExports.string,
+  format: propTypesExports.string
+};
+DateInput.defaultProps = {
+  format: getBrowserDateFormat()
+};
+
+export { DateInput as default };

package/ValidatableUploader.js

@@ -0,0 +1,94 @@
+import { _ as _extends } from './_rollupPluginBabelHelpers-e8fb2e5c.js';
+import React__default, { forwardRef, useState, useCallback, useEffect } from 'react';
+import { p as propTypesExports } from './index-e0af0caf.js';
+import { u as useMount } from './useMount-6fef51a5.js';
+import './configs-91c86664.js';
+import { U as Uploader } from './index-d9e8a888.js';
+import './index-ac59cb10.js';
+import './dateValidation-67caec66.js';
+import './_commonjsHelpers-24198af3.js';
+import 'react-dom';
+import './index-6ff23041.js';
+import './Grid.js';
+import './useWidth-9f4647f8.js';
+import './useWindowSize-80369d76.js';
+import './style-inject.es-746bb8ed.js';
+import './Button.js';
+import './Icon.js';
+import './globalStyling-9c60a159.js';
+import './useKeyDown-38102ae7.js';
+import './BusyLoader.js';
+import './Image.js';
+import './Empty.js';
+import './Tooltip.js';
+import './Popover-f4d1cac0.js';
+import './useDeviceType-dd51db38.js';
+import './GeneUIProvider.js';
+import './Checkbox.js';
+import './checkboxRadioSwitcher-5b69d7bd.js';
+import './guid-8ddf77b3.js';
+import './ExtendedInput.js';
+import './index-5cea9a7d.js';
+import './useClickOutside-5183e396.js';
+import './Scrollbar.js';
+
+function checkValidation(required, isValid) {
+  let value = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
+  if (isValid === false) return {
+    key: 'customValidation',
+    isValid: false
+  };
+  if (required && value.length === 0) return {
+    key: 'required',
+    isValid: false
+  };
+  return {
+    key: null,
+    isValid: true
+  };
+}
+const UploaderField = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let {
+    customValidation,
+    onChange,
+    required,
+    forceAllowValidation,
+    isValid,
+    value,
+    defaultValue,
+    ...restProps
+  } = _ref;
+  const [validationState, setValidationState] = useState(true);
+  const [allowValidation, setAllowValidation] = useState(false);
+  const validate = useCallback(defaultValue => checkValidation(required, isValid, value || defaultValue).isValid, [value, required, isValid, defaultValue]);
+  const handleChange = useCallback(e => {
+    const {
+      value
+    } = e;
+    const isValid = checkValidation(required, isValid, value);
+    setValidationState(isValid);
+    onChange && onChange(e, isValid);
+  }, [onChange, isValid, required, customValidation]);
+
+  // set Allow validation true if submit button clicked
+  useEffect(() => {
+    forceAllowValidation && setAllowValidation(true);
+  }, [forceAllowValidation]);
+  useMount(() => setValidationState(validate(defaultValue)));
+  return /*#__PURE__*/React__default.createElement(Uploader, _extends({
+    ref: ref,
+    isValid: !allowValidation || validationState,
+    onChange: handleChange,
+    required: required
+  }, restProps));
+});
+UploaderField.propTypes = {
+  onChange: propTypesExports.func,
+  customValidation: propTypesExports.func,
+  /**
+   * Additional validation state
+   */
+  isValid: propTypesExports.bool
+};
+
+export { UploaderField as default };

package/Widget.js

@@ -0,0 +1,99 @@
+import './_rollupPluginBabelHelpers-e8fb2e5c.js';
+import 'react';
+import './index-e0af0caf.js';
+import './index-6ff23041.js';
+import './configs-91c86664.js';
+import './Icon.js';
+import './KeyValue.js';
+export { W as default } from './index-0cf65939.js';
+import './globalStyling-9c60a159.js';
+import './style-inject.es-746bb8ed.js';
+import './configs.js';
+import './Editor.js';
+import './_commonjsHelpers-24198af3.js';
+import 'react-dom';
+import './index-ac59cb10.js';
+import './dateValidation-67caec66.js';
+import './useMount-6fef51a5.js';
+import './useDeviceType-dd51db38.js';
+import './useWindowSize-80369d76.js';
+import './Button.js';
+import './ValidatableUploader.js';
+import './index-d9e8a888.js';
+import './Grid.js';
+import './useWidth-9f4647f8.js';
+import './useKeyDown-38102ae7.js';
+import './BusyLoader.js';
+import './Image.js';
+import './Empty.js';
+import './Tooltip.js';
+import './Popover-f4d1cac0.js';
+import './GeneUIProvider.js';
+import './Checkbox.js';
+import './checkboxRadioSwitcher-5b69d7bd.js';
+import './guid-8ddf77b3.js';
+import './ExtendedInput.js';
+import './index-5cea9a7d.js';
+import './useClickOutside-5183e396.js';
+import './Scrollbar.js';
+import './ValidatableRadio.js';
+import './RadioGroup.js';
+import './Radio.js';
+import './ValidatableCheckbox.js';
+import './ValidatableSwitcher.js';
+import './Switcher.js';
+import './ValidatableNumberInput.js';
+import './ValidatableTextInput.js';
+import './ValidatableDatePicker.js';
+import './index-5e722d91.js';
+import './index-702bf24a.js';
+import './index-122432cd.js';
+import './debounce-4419bc2f.js';
+import './DatePicker.js';
+import './localization-4ba17032.js';
+import './checkTimeValidation-e56771be.js';
+import './useEllipsisDetection-ef536015.js';
+import './Tabs.js';
+import './Steps.js';
+import './index-a4635754.js';
+import './Portal.js';
+import './Timeline.js';
+import './Card.js';
+import './MobilePopup.js';
+import './Menu.js';
+import './Option.js';
+import './SkeletonLoader.js';
+import './Tag.js';
+import './Alert.js';
+import './index-00fe8887.js';
+import './rangeAndSlider-20599da4.js';
+import './Slider.js';
+import './Pagination.js';
+import './Divider.js';
+import './objectWithoutPropertiesLoose-299691d8.js';
+import './clsx.m-2bb6df4b.js';
+import './index-a59530cd.js';
+import './Notification.js';
+import './Modal.js';
+import './Collapse.js';
+import './Status.js';
+import './Avatar.js';
+import './Search.js';
+import './TextLink.js';
+import './Label.js';
+import './Paper.js';
+import './Badge.js';
+import './Time.js';
+import './Title.js';
+import './index-b7a33c58.js';
+import './QRCode.js';
+import './Progress.js';
+import './MobileNavigation.js';
+import './Products.js';
+import './Breadcrumb.js';
+import './Section.js';
+import './ColorPicker.js';
+import './NavigationMenu.js';
+import './Textarea.js';
+import './AdvancedSearch.js';
+import './LinkButton.js';

package/_commonjsHelpers-24198af3.js

@@ -0,0 +1,35 @@
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+function getAugmentedNamespace(n) {
+  if (n.__esModule) return n;
+  var f = n.default;
+	if (typeof f == "function") {
+		var a = function a () {
+			if (this instanceof a) {
+				var args = [null];
+				args.push.apply(args, arguments);
+				var Ctor = Function.bind.apply(f, args);
+				return new Ctor();
+			}
+			return f.apply(this, arguments);
+		};
+		a.prototype = f.prototype;
+  } else a = {};
+  Object.defineProperty(a, '__esModule', {value: true});
+	Object.keys(n).forEach(function (k) {
+		var d = Object.getOwnPropertyDescriptor(n, k);
+		Object.defineProperty(a, k, d.get ? d : {
+			enumerable: true,
+			get: function () {
+				return n[k];
+			}
+		});
+	});
+	return a;
+}
+
+export { getAugmentedNamespace as a, commonjsGlobal as c, getDefaultExportFromCjs as g };

package/_rollupPluginBabelHelpers-e8fb2e5c.js

@@ -0,0 +1,16 @@
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+
+export { _extends as _ };

package/checkTimeValidation-e56771be.js

@@ -0,0 +1,16 @@
+const meridiemValues = ['am', 'pm'];
+const checkTimeValidation = _ref => {
+  let {
+    hour,
+    minute,
+    second,
+    meridiem
+  } = _ref;
+  const isHourValid = !hour.format || (meridiem ? hour.value < 12 : hour.value < 24);
+  const isMinuteValid = !minute.format || minute.value >= 0 && minute.value < 60;
+  const isSecondValid = !second.format || second.value >= 0 && second.value < 60;
+  const isMeridiemValid = !meridiem || !meridiem.format || !meridiem.value || meridiemValues.includes(meridiem.value.toLowerCase());
+  return isHourValid && isMinuteValid && isSecondValid && isMeridiemValid;
+};
+
+export { checkTimeValidation as c };

package/checkboxRadioSwitcher-5b69d7bd.js

@@ -0,0 +1,4 @@
+import { s as styleInject } from './style-inject.es-746bb8ed.js';
+
+var css_248z = ".information-message{cursor:default;font:600 1.2rem/1.42 var(--font-family);margin:.6rem 0 0;padding:0 var(--input-message-padding-side);width:100%}.information-message:empty{display:none}.input-description{cursor:default;font:600 1.4rem/2rem var(--font-family);margin:1rem 0 0;max-width:100%;opacity:.7}.input-structure~.input-description{padding:0 1rem}.crs-holder{align-items:flex-start;display:inline-flex;flex-direction:column;font:600 1.4rem/1.8rem var(--font-family);max-width:100%;transition:opacity .3s;-webkit-user-select:none;user-select:none}.crs-holder.disabled{opacity:.5;pointer-events:none}.crs-holder.read-only .label-holder div label{cursor:default}.crs-holder.read-only:active{pointer-events:none}.crs-holder .label-holder{grid-row-gap:.8rem;align-items:center;display:inline-grid;grid-template-columns:auto 1fr;max-width:100%;vertical-align:top}.crs-holder .label-holder.has-label{grid-column-gap:var(--crs-grid-column-gap,1rem)}.lp-bottom.crs-holder .label-holder,.lp-top.crs-holder .label-holder{grid-template-columns:auto;grid-template-rows:auto auto}.lp-bottom.crs-holder .label-holder .crs-component,.lp-right.crs-holder .label-holder .crs-component{order:0}.lp-bottom.crs-holder .label-holder .crs-label,.lp-right.crs-holder .label-holder .crs-label{order:1}.la-start.crs-holder .label-holder .crs-item{align-items:flex-start;justify-content:flex-start;text-align:start}.la-center.crs-holder .label-holder .crs-item{align-items:center;justify-content:center;text-align:center}.la-end.crs-holder .label-holder .crs-item{align-items:flex-end;justify-content:flex-end;text-align:end}.crs-holder.la-start{align-items:flex-start}.crs-holder.la-center{align-items:center}.crs-holder.la-end,.crs-holder.lp-left{align-items:flex-end}.popover-content .crs-holder .label-holder,.popover-positioner.mobile-view .crs-holder{width:100%}.crs-component{position:relative}.crs-component input{left:0;opacity:0;pointer-events:none;position:absolute;top:0}.crs-label{overflow:hidden}.crs-label label{cursor:pointer;display:block}.crs-item{display:flex}.cr-element{--size:1.6rem;background:var(--background);border:1px solid rgba(var(--background-sc-rgb),.45);color:var(--hero-sc);cursor:pointer;display:block;height:var(--size);position:relative;transition:color .4s,border-color .4s,background .4s,width .4s,height .4s;width:var(--size)}.cr-element:after,.cr-element:before{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;transform:scale(0);transition:transform .4s,background .4s}@media (hover:hover){.cr-element:hover,.crs-external-active:active .cr-element,.crs-external-hover:hover .cr-element,.crs-holder:focus-within .cr-element,.crs-label:hover~.crs-component .cr-element,label:hover .cr-element{border-color:var(--hero)}}.cr-element.active:before{transform:scale(1)}.cr-element.checkbox{border-radius:.3rem}.cr-element.checkbox:before{content:\"\\e911\"}.cr-element.checkbox:after{content:\"\\e913\"}.cr-element.checkbox:after,.cr-element.checkbox:before{font:calc(var(--size) - .2rem)/1 betcore}.cr-element.checkbox.active,.cr-element.checkbox.indeterminate{background:var(--hero);border-color:var(--hero)}.cr-element.checkbox.indeterminate:after{transform:scale(1)}.crs-holder.read-only .cr-element.checkbox{background:none;border-color:#0000;color:var(--hero)}.crs-holder.read-only .cr-element.checkbox.active:before{transform:scale(1.4)}.crs-holder.read-only .cr-element.checkbox:not(.active,.indeterminate){color:rgba(var(--background-sc-rgb),.38)}.crs-holder.read-only .cr-element.checkbox:not(.active,.indeterminate):after{content:\"\\e916\";transform:scale(1.3)}.cr-element.s-big{--size:2rem}.cr-element.radio{border-radius:100%}.view-normal .cr-element.radio{--size:12px}.view-normal .cr-element.radio:before{--gap:2px}.view-small .cr-element.radio{--size:10px}.view-small .cr-element.radio:before{--gap:2px}.cr-element.radio:before{--gap:0.3rem;background:var(--hero);border-radius:100%;bottom:var(--gap);content:\"\";left:var(--gap);right:var(--gap);top:var(--gap)}.cr-element.radio.active{border-color:var(--hero)}.crs-holder.read-only .cr-element.radio{background:rgba(var(--background-sc-rgb),.45);border-color:#0000}.crs-holder.read-only .cr-element.radio.active{background:var(--hero)}.crs-holder.read-only .cr-element.radio.active:before{background:var(--hero-sc)}.cr-element:not(:focus-within) .cr-element.error-color{border-color:var(--danger)!important}.cha-ra-group{display:flex;flex-wrap:wrap;width:100%}.cha-ra-group .crs-holder{padding:2rem}.cha-ra-group.t-tab{align-items:center;border-radius:2.2rem;box-shadow:inset 0 0 0 1px rgba(var(--background-sc-rgb),.1);display:inline-flex;justify-content:center;max-width:100%;width:auto}.cha-ra-group.t-tab .crs-holder{padding:0}.cha-ra-group.t-tab .crs-holder .label-holder{display:flex;position:relative}.cha-ra-group.t-tab .crs-holder .crs-label{transition:color .4s}.cha-ra-group.t-tab .crs-holder .crs-label label{font:600 1.4rem/4.2rem var(--font-family);min-width:10rem;padding:0 2rem}.cha-ra-group.t-tab .crs-holder .crs-component{border:1px solid rgba(var(--hero-rgb),0);border-radius:4.2rem;height:100%;left:0;pointer-events:none;position:absolute;top:0;transition:border-color .4s;width:100%}.cha-ra-group.t-tab .crs-holder .crs-component label{opacity:0}.cha-ra-group.t-tab .crs-holder.input-active .crs-label{color:var(--hero)}.cha-ra-group.t-tab .crs-holder.input-active .crs-component{border-color:var(--hero)}";
+styleInject(css_248z);

package/clsx.m-2bb6df4b.js

@@ -0,0 +1,3 @@
+function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function clsx(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
+
+export { clsx as c };

package/configs-91c86664.js

@@ -0,0 +1,96 @@
+// update mechanism for this section is under consideration
+
+const clientConfigs = {};
+const breakPoints = {
+  // screens
+  xs: 576,
+  md: 768,
+  lg: 1024,
+  xl: 1200,
+  xxl: 1600
+};
+const mobileScreenSize = Number(process.env.REACT_APP_MOBILE_SIZE) || breakPoints.lg;
+const screenTypes = ['desktop', 'mobile'];
+const positions = ['top', 'right', 'bottom', 'left'];
+const inputConfig = {
+  type: ['text', 'color', 'number', 'password', 'textarea', 'date', 'time', 'datetime-local'],
+  appearance: ['outline', 'minimal', 'light'],
+  size: ['small', 'default', 'big'],
+  flexibility: ['full-width', 'content-size'],
+  itemsDirection: ['start', 'end'],
+  cornerRadius: ['full-radius', 'smooth-radius'],
+  labelAppearance: ['none', 'title', 'swap']
+};
+const titleConfig = {
+  color: ['base', 'hero']
+};
+const checkboxRadioSwitcherConfig = {
+  size: ['small', 'big'],
+  labelPosition: ['right', 'left', 'top', 'bottom'],
+  labelAlignment: ['start', 'center', 'end']
+};
+const tagConfig = {
+  appearance: ['simple', 'minimal', 'outline', 'clean', 'light', 'colored'],
+  size: ['small', 'medium', 'big'],
+  flexibility: ['content-size', 'compact', 'full-width'],
+  cornerRadius: ['full-radius', 'smooth-radius']
+};
+const stepsConfig = {
+  size: ['small', 'big'],
+  direction: ['horizontal', 'vertical'],
+  appearance: ['steps', 'dots'],
+  status: ['initial', 'current', 'success', 'fail', 'activated']
+};
+const popoverConfig = {
+  align: ['start', 'end', 'center'],
+  position: ['bottom', 'top', 'left', 'right'],
+  cornerRadius: ['full-radius', 'smooth-radius'],
+  behave: ['toggle', 'open']
+};
+const popoverV2Config = {
+  onOpenClassName: 'has-popover-opened',
+  align: ['start', 'end', 'center'],
+  position: ['bottom', 'top', 'left', 'right'],
+  cornerRadius: ['full-radius', 'smooth-radius'],
+  behave: ['toggle', 'open']
+};
+const uploaderConfig = {
+  uploaderAppearance: ['button', 'input', 'cloud', 'box'],
+  uploadedItemsAppearance: ['light', 'minimal', 'detailed', 'box'],
+  uploadedFilessAppearance: ['light', 'minimal'],
+  gridColumnSize: {
+    xs: 1,
+    md: 2,
+    lg: 4,
+    xl: 5,
+    xxl: 6
+  }
+};
+const moduleTitleConfig = {
+  cornerRadius: ['position-radius', 'no-radius', 'full-radius'],
+  position: ['top', 'bottom'],
+  size: ['small', 'medium', 'big', 'extra-big']
+};
+const widgetConfig = {
+  type: ['default', 'compact', 'minimal', 'colorful'],
+  size: ['small', 'medium', 'big'],
+  comparisonStatus: ['initial', 'up', 'down']
+};
+const customScrollbarConfig = {
+  size: ['medium', 'small']
+};
+const timePickerConfig = {
+  appearance: ['multipleInputs', 'singleInput']
+};
+const optionConfig = {
+  color: ['default', 'hero'],
+  border: ['none', 'top', 'bottom'],
+  sticky: ['none', 'top', 'bottom'],
+  titlePosition: {
+    start: 'start',
+    center: 'center',
+    end: 'end'
+  }
+};
+
+export { clientConfigs as a, titleConfig as b, checkboxRadioSwitcherConfig as c, popoverConfig as d, popoverV2Config as e, customScrollbarConfig as f, breakPoints as g, stepsConfig as h, inputConfig as i, moduleTitleConfig as j, timePickerConfig as k, mobileScreenSize as m, optionConfig as o, positions as p, screenTypes as s, tagConfig as t, uploaderConfig as u, widgetConfig as w };