rsuite 6.0.0-canary-2025011413 → 6.0.0-canary-20250315

package/cjs/internals/utils/colours.js

@@ -2,8 +2,36 @@
 "use strict";
 
 exports.__esModule = true;
-exports.isPresetColor = exports.getLuminance = exports.getContrastText = exports.expandHexColor = exports.createColorVariables = void 0;
+exports.isPresetColor = exports.getLuminance = exports.getContrastText = exports.getColorVar = exports.getColorStyle = exports.expandHexColor = exports.createColorVariables = void 0;
 var _colours = require("../types/colours");
+var _styleSheet = require("./style-sheet");
+/**
+ * Checks if a color value matches the pattern like 'red', 'gray.50', etc.,
+ * and returns the appropriate CSS variable format.
+ * @param color The color value to check
+ * @returns The CSS variable if it's a valid color type, or the original value
+ */
+const getColorVar = color => {
+  if (!color) return undefined;
+
+  // Check if color is a base color (e.g., 'red', 'blue')
+  const baseColorRegex = /^(red|orange|yellow|green|cyan|blue|violet|gray)$/;
+  if (baseColorRegex.test(color)) {
+    return `var(--rs-color-${color})`;
+  }
+
+  // Check if color is a color with shade (e.g., 'red.50', 'gray.900')
+  const colorWithShadeRegex = /^(red|orange|yellow|green|cyan|blue|violet|gray)\.([1-9]00|50)$/;
+  const match = color.match(colorWithShadeRegex);
+  if (match) {
+    const [, colorName, shade] = match;
+    return `var(--rs-${colorName}-${shade})`;
+  }
+
+  // Return the original value if it's not a recognized color pattern
+  return color;
+};
+exports.getColorVar = getColorVar;
 const isPresetColor = color => {
   if (!color) {
     return false;
@@ -13,12 +41,19 @@ const isPresetColor = color => {
   }
   return Object.values(_colours.Colours).includes(color);
 };
+exports.isPresetColor = isPresetColor;
+const colorConfig = {
+  prop: 'color',
+  useGlobalVar: true,
+  presetChecker: isPresetColor,
+  valueTransformer: getColorVar
+};
+const getColorStyle = exports.getColorStyle = (0, _styleSheet.createStyleGetter)(colorConfig);
 
 /**
  * Convert short hex color to full hex color
  * e.g. #fff -> #ffffff
  */
-exports.isPresetColor = isPresetColor;
 const expandHexColor = color => {
   const hex = color.toLowerCase().replace('#', '');
   if (hex.length === 3) {

package/cjs/internals/utils/createComponent.js

@@ -33,10 +33,10 @@ function createComponent(_ref) {
       ...rest
     } = propsWithDefaults;
     const {
-      withClassPrefix,
+      withPrefix,
       merge
-    } = (0, _hooks.useClassNames)(classPrefix);
-    const classes = merge(className, withClassPrefix());
+    } = (0, _hooks.useStyles)(classPrefix);
+    const classes = merge(className, withPrefix());
     return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, defaultProps, rest, {
       role: role,
       ref: ref,

package/cjs/internals/utils/getDOMNode.js

@@ -1,17 +1,14 @@
 'use client';
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.default = void 0;
 exports.getDOMNode = getDOMNode;
-var _reactDom = _interopRequireDefault(require("react-dom"));
-/* eslint-disable react/no-find-dom-node */
-
 function safeFindDOMNode(componentOrElement) {
   if (componentOrElement && 'setState' in componentOrElement) {
-    var _ReactDOM$findDOMNode;
-    return (_ReactDOM$findDOMNode = _reactDom.default.findDOMNode) === null || _ReactDOM$findDOMNode === void 0 ? void 0 : _ReactDOM$findDOMNode.call(_reactDom.default, componentOrElement);
+    var _ref$current, _ref;
+    // Access the underlying DOM node through ref if available
+    return (_ref$current = componentOrElement === null || componentOrElement === void 0 || (_ref = componentOrElement.ref) === null || _ref === void 0 ? void 0 : _ref.current) !== null && _ref$current !== void 0 ? _ref$current : null;
   }
   return componentOrElement !== null && componentOrElement !== void 0 ? componentOrElement : null;
 }
@@ -26,8 +23,6 @@ function getDOMNode(elementOrRef) {
   if (element !== null && element !== void 0 && element.nodeType && typeof (element === null || element === void 0 ? void 0 : element.nodeName) === 'string') {
     return element;
   }
-
-  // If you can't get the native HTML element, you can only get it through findDOMNode.
   return safeFindDOMNode(element);
 }
 var _default = exports.default = getDOMNode;

package/cjs/internals/utils/index.d.ts

@@ -1,18 +1,17 @@
 export * from './BrowserDetection';
 export * from './htmlPropsUtils';
-export * from './css';
 export * from './colours';
-export type { ComponentProps } from './createComponent';
+export * from './sizes';
+export * from './style-sheet';
+export * from './placement';
 export { stringifyReactNode, reactToString } from './stringifyReactNode';
 export { getSafeRegExpString } from './getSafeRegExpString';
 export { getDOMNode } from './getDOMNode';
 export { guid } from './guid';
-export { prefix, defaultClassPrefix, getClassNamePrefix } from './prefix';
 export { createChainedFunction } from './createChainedFunction';
 export { isOneOf } from './isOneOf';
 export { ReactChildren } from './ReactChildren';
 export { tplTransform } from './tplTransform';
-export { placementPolyfill } from './placementPolyfill';
 export { mergeRefs } from './mergeRefs';
 export { shallowEqual, shallowEqualArray } from './shallowEqual';
 export { composeFunctions } from './composeFunctions';
@@ -26,3 +25,5 @@ export { attachParent } from './attachParent';
 export { isFocusEntering, isFocusLeaving } from './events';
 export { isFocusableElement } from './dom';
 export { forwardRef } from './forwardRef';
+export { isPresetSize } from './sizes';
+export type { ComponentProps } from './createComponent';

package/cjs/internals/utils/index.js

@@ -8,14 +8,10 @@ var _exportNames = {
   getSafeRegExpString: true,
   getDOMNode: true,
   guid: true,
-  prefix: true,
-  defaultClassPrefix: true,
-  getClassNamePrefix: true,
   createChainedFunction: true,
   isOneOf: true,
   ReactChildren: true,
   tplTransform: true,
-  placementPolyfill: true,
   mergeRefs: true,
   shallowEqual: true,
   shallowEqualArray: true,
@@ -30,9 +26,10 @@ var _exportNames = {
   isFocusEntering: true,
   isFocusLeaving: true,
   isFocusableElement: true,
-  forwardRef: true
+  forwardRef: true,
+  isPresetSize: true
 };
-exports.warnOnce = exports.tplTransform = exports.stringifyReactNode = exports.shallowEqualArray = exports.shallowEqual = exports.safeSetSelection = exports.reactToString = exports.prefix = exports.placementPolyfill = exports.mergeRefs = exports.isOneOf = exports.isFocusableElement = exports.isFocusLeaving = exports.isFocusEntering = exports.guid = exports.getStringLength = exports.getSafeRegExpString = exports.getDataGroupBy = exports.getDOMNode = exports.getClassNamePrefix = exports.forwardRef = exports.deprecateComponent = exports.defaultClassPrefix = exports.createComponent = exports.createChainedFunction = exports.composeFunctions = exports.attachParent = exports.ReactChildren = void 0;
+exports.warnOnce = exports.tplTransform = exports.stringifyReactNode = exports.shallowEqualArray = exports.shallowEqual = exports.safeSetSelection = exports.reactToString = exports.mergeRefs = exports.isPresetSize = exports.isOneOf = exports.isFocusableElement = exports.isFocusLeaving = exports.isFocusEntering = exports.guid = exports.getStringLength = exports.getSafeRegExpString = exports.getDataGroupBy = exports.getDOMNode = exports.forwardRef = exports.deprecateComponent = exports.createComponent = exports.createChainedFunction = exports.composeFunctions = exports.attachParent = exports.ReactChildren = void 0;
 var _BrowserDetection = require("./BrowserDetection");
 Object.keys(_BrowserDetection).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -47,13 +44,6 @@ Object.keys(_htmlPropsUtils).forEach(function (key) {
   if (key in exports && exports[key] === _htmlPropsUtils[key]) return;
   exports[key] = _htmlPropsUtils[key];
 });
-var _css = require("./css");
-Object.keys(_css).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _css[key]) return;
-  exports[key] = _css[key];
-});
 var _colours = require("./colours");
 Object.keys(_colours).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -61,6 +51,28 @@ Object.keys(_colours).forEach(function (key) {
   if (key in exports && exports[key] === _colours[key]) return;
   exports[key] = _colours[key];
 });
+var _sizes = require("./sizes");
+exports.isPresetSize = _sizes.isPresetSize;
+Object.keys(_sizes).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _sizes[key]) return;
+  exports[key] = _sizes[key];
+});
+var _styleSheet = require("./style-sheet");
+Object.keys(_styleSheet).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _styleSheet[key]) return;
+  exports[key] = _styleSheet[key];
+});
+var _placement = require("./placement");
+Object.keys(_placement).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _placement[key]) return;
+  exports[key] = _placement[key];
+});
 var _stringifyReactNode = require("./stringifyReactNode");
 exports.stringifyReactNode = _stringifyReactNode.stringifyReactNode;
 exports.reactToString = _stringifyReactNode.reactToString;
@@ -70,10 +82,6 @@ var _getDOMNode = require("./getDOMNode");
 exports.getDOMNode = _getDOMNode.getDOMNode;
 var _guid = require("./guid");
 exports.guid = _guid.guid;
-var _prefix = require("./prefix");
-exports.prefix = _prefix.prefix;
-exports.defaultClassPrefix = _prefix.defaultClassPrefix;
-exports.getClassNamePrefix = _prefix.getClassNamePrefix;
 var _createChainedFunction = require("./createChainedFunction");
 exports.createChainedFunction = _createChainedFunction.createChainedFunction;
 var _isOneOf = require("./isOneOf");
@@ -82,8 +90,6 @@ var _ReactChildren = require("./ReactChildren");
 exports.ReactChildren = _ReactChildren.ReactChildren;
 var _tplTransform = require("./tplTransform");
 exports.tplTransform = _tplTransform.tplTransform;
-var _placementPolyfill = require("./placementPolyfill");
-exports.placementPolyfill = _placementPolyfill.placementPolyfill;
 var _mergeRefs = require("./mergeRefs");
 exports.mergeRefs = _mergeRefs.mergeRefs;
 var _shallowEqual = require("./shallowEqual");

package/cjs/internals/utils/placement.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Replaces the placement string with its polyfilled counterpart based on the given RTL (Right-to-Left) value.
+ * @example
+ * ```
+ * placementPolyfill('bottomLeft');
+ * // 'bottomStart'
+ * ```
+ */
+export declare function placementPolyfill<T = string>(placement: T, rtl?: boolean): T;
+/**
+ * Converts a placement string to kebab-case and applies RTL polyfill if needed.
+ * @example
+ * ```
+ * kebabPlace('bottomLeft');
+ * // 'bottom-start'
+ *
+ * kebabPlace('topRight', true);
+ * // 'top-start'
+ * ```
+ */
+export declare function kebabPlace<T = string>(placement: T, rtl?: boolean): T;

package/cjs/internals/utils/{placementPolyfill.js → placement.js}

@@ -1,9 +1,11 @@
 'use client';
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.default = void 0;
+exports.kebabPlace = kebabPlace;
 exports.placementPolyfill = placementPolyfill;
+var _kebabCase = _interopRequireDefault(require("lodash/kebabCase"));
 /**
  * Replaces the placement string with its polyfilled counterpart based on the given RTL (Right-to-Left) value.
  * @example
@@ -24,4 +26,21 @@ function placementPolyfill(placement, rtl) {
   }
   return placement;
 }
-var _default = exports.default = placementPolyfill;
+
+/**
+ * Converts a placement string to kebab-case and applies RTL polyfill if needed.
+ * @example
+ * ```
+ * kebabPlace('bottomLeft');
+ * // 'bottom-start'
+ *
+ * kebabPlace('topRight', true);
+ * // 'top-start'
+ * ```
+ */
+function kebabPlace(placement, rtl) {
+  if (typeof placement === 'string') {
+    return (0, _kebabCase.default)(placementPolyfill(placement, rtl));
+  }
+  return placement;
+}

package/cjs/internals/utils/sizes.d.ts

@@ -0,0 +1,5 @@
+import { SizeEnum } from '../types';
+export declare const isPresetSize: (size?: SizeEnum | number | string | null) => boolean;
+export declare const getSizeStyle: (value?: string | number | undefined, component?: string | undefined, prop?: string) => {
+    [x: string]: string | number | undefined;
+} | undefined;

package/cjs/internals/utils/sizes.js

@@ -0,0 +1,21 @@
+'use client';
+"use strict";
+
+exports.__esModule = true;
+exports.isPresetSize = exports.getSizeStyle = void 0;
+var _types = require("../types");
+var _styleSheet = require("./style-sheet");
+const isPresetSize = size => {
+  if (!size) {
+    return false;
+  }
+  const presetSizes = [...Object.values(_types.SizeEnum), 'full'];
+  return presetSizes.includes(size);
+};
+exports.isPresetSize = isPresetSize;
+const sizeConfig = {
+  prop: 'size',
+  presetChecker: isPresetSize,
+  valueTransformer: _styleSheet.getCssValue
+};
+const getSizeStyle = exports.getSizeStyle = (0, _styleSheet.createStyleGetter)(sizeConfig);

package/{esm/internals/utils → cjs/internals/utils/style-sheet}/css.d.ts

@@ -1,16 +1,14 @@
 /// <reference types="react" />
+import type { StyleProperties } from '../../types';
 /**
  * Processes and returns a value suitable for CSS (with a unit).
  */
 export declare function getCssValue(value?: number | string | null, unit?: string): string;
-type CSSVariables = Partial<Record<`--${string}`, string>>;
-type StyleProperties = React.CSSProperties & CSSVariables;
 /**
  * Merge multiple style objects, filtering out undefined values
  */
-export declare function mergeStyles(...styles: (React.CSSProperties | undefined | null)[]): StyleProperties;
+export declare function mergeStyles(...styles: (StyleProperties | undefined | null)[]): React.CSSProperties;
 /**
  * Create CSS variables for offset positioning
  */
 export declare function createOffsetStyles(offset?: [number | string, number | string], prefix?: string): React.CSSProperties | undefined;
-export {};

package/cjs/internals/utils/{css.js → style-sheet/css.js}

@@ -29,6 +29,7 @@ function getCssValue(value, unit) {
   // Return string values as is
   return value.toString();
 }
+
 /**
  * Merge multiple style objects, filtering out undefined values
  */

package/cjs/internals/utils/style-sheet/index.d.ts

@@ -0,0 +1,4 @@
+export * from './styles';
+export * from './css';
+export * from './prefix';
+export * from './responsive';

package/cjs/internals/utils/style-sheet/index.js

@@ -0,0 +1,28 @@
+'use client';
+"use strict";
+
+exports.__esModule = true;
+var _styles = require("./styles");
+Object.keys(_styles).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _styles[key]) return;
+  exports[key] = _styles[key];
+});
+var _css = require("./css");
+Object.keys(_css).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _css[key]) return;
+  exports[key] = _css[key];
+});
+var _prefix = require("./prefix");
+Object.keys(_prefix).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _prefix[key]) return;
+  exports[key] = _prefix[key];
+});
+var _responsive = require("./responsive");
+Object.keys(_responsive).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _responsive[key]) return;
+  exports[key] = _responsive[key];
+});

package/cjs/internals/utils/style-sheet/responsive.d.ts

@@ -0,0 +1,2 @@
+import type { ResponsiveValue } from '../../types';
+export declare const getResponsiveClasses: <T = string>(prefix: (...classes: any[]) => string, value?: T | ResponsiveValue<T> | undefined) => string[];

package/cjs/internals/utils/style-sheet/responsive.js

@@ -0,0 +1,20 @@
+'use client';
+"use strict";
+
+exports.__esModule = true;
+exports.getResponsiveClasses = void 0;
+var _constants = require("../../constants");
+const getResponsiveClasses = (prefix, value) => {
+  if (!value) {
+    return [];
+  }
+  if (typeof value !== 'object') {
+    return [prefix(value)];
+  }
+  return _constants.BREAKPOINTS.reduce((classes, breakpoint) => {
+    const breakpointValue = value[breakpoint];
+    if (!breakpointValue) return classes;
+    return [...classes, prefix(`${breakpoint}-${breakpointValue}`)];
+  }, []);
+};
+exports.getResponsiveClasses = getResponsiveClasses;

package/cjs/internals/utils/style-sheet/styles.d.ts

@@ -0,0 +1,16 @@
+import { Size } from '../../types';
+import { Color } from '../../types/colours';
+type StyleValue<T = Color | Size | number | string> = T;
+type PresetChecker<T = StyleValue> = (value: T) => boolean;
+type ValueTransformer<T = StyleValue> = (value: T) => string | undefined;
+interface StylePropConfig<T = StyleValue> {
+    prop: string;
+    useGlobalVar?: boolean;
+    presetChecker?: PresetChecker<T>;
+    valueTransformer?: ValueTransformer<T>;
+}
+export declare const createStyleValueSetter: <T = string | number>(config: StylePropConfig<T>) => (value?: T | undefined, component?: string, prop?: string) => string | T | undefined;
+export declare const createStyleGetter: <T = string | number>(config: StylePropConfig<T>) => (value?: T | undefined, component?: string, prop?: string) => {
+    [x: string]: string | T | undefined;
+} | undefined;
+export {};

package/cjs/internals/utils/style-sheet/styles.js

@@ -0,0 +1,44 @@
+'use client';
+"use strict";
+
+exports.__esModule = true;
+exports.createStyleValueSetter = exports.createStyleGetter = void 0;
+const createStyleValueSetter = config => {
+  const {
+    valueTransformer: t,
+    presetChecker,
+    useGlobalVar
+  } = config;
+  return function (value, component, prop) {
+    if (prop === void 0) {
+      prop = config.prop;
+    }
+    if (typeof value === 'undefined' || !component) {
+      return;
+    }
+    if (presetChecker !== null && presetChecker !== void 0 && presetChecker(value)) {
+      return useGlobalVar ? `var(--rs-${prop}-${value})` : `var(--rs-${component}-${prop}-${value})`;
+    } else if (Array.isArray(value)) {
+      // If value is an array, join it with spaces,
+      // .eg, gap=[10, 20] -> '10px 20px'
+      return value.map(item => t ? t(item) : item).join(' ');
+    }
+    return t ? t(value) : value;
+  };
+};
+exports.createStyleValueSetter = createStyleValueSetter;
+const createStyleGetter = config => {
+  const setValue = createStyleValueSetter(config);
+  return function (value, component, prop) {
+    if (prop === void 0) {
+      prop = config.prop;
+    }
+    if (typeof value === 'undefined' || !component) {
+      return;
+    }
+    return {
+      [`--rs-${component}-${prop}`]: setValue(value, component, prop)
+    };
+  };
+};
+exports.createStyleGetter = createStyleGetter;

package/cjs/locales/index.d.ts

@@ -25,6 +25,7 @@ export { default as frFR } from './fr_FR';
 export { default as jaJP } from './ja_JP';
 export { default as neNP } from './ne_NP';
 export { default as csCZ } from './cs_CZ';
+export { default as plPL } from './pl_PL';
 type PickKeys<T> = {
     [keys in keyof T]?: T[keys];
 };

package/cjs/locales/index.js

@@ -3,7 +3,7 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.zhTW = exports.zhCN = exports.trTR = exports.svSE = exports.ruRU = exports.ptBR = exports.nlNL = exports.neNP = exports.koKR = exports.kkKZ = exports.jaJP = exports.itIT = exports.huHU = exports.frFR = exports.fiFI = exports.faIR = exports.esES = exports.esAR = exports.enUS = exports.enGB = exports.deDE = exports.daDK = exports.csCZ = exports.caES = exports.arEG = void 0;
+exports.zhTW = exports.zhCN = exports.trTR = exports.svSE = exports.ruRU = exports.ptBR = exports.plPL = exports.nlNL = exports.neNP = exports.koKR = exports.kkKZ = exports.jaJP = exports.itIT = exports.huHU = exports.frFR = exports.fiFI = exports.faIR = exports.esES = exports.esAR = exports.enUS = exports.enGB = exports.deDE = exports.daDK = exports.csCZ = exports.caES = exports.arEG = void 0;
 var _ar_EG = _interopRequireDefault(require("./ar_EG"));
 exports.arEG = _ar_EG.default;
 var _da_DK = _interopRequireDefault(require("./da_DK"));
@@ -53,4 +53,6 @@ exports.jaJP = _ja_JP.default;
 var _ne_NP = _interopRequireDefault(require("./ne_NP"));
 exports.neNP = _ne_NP.default;
 var _cs_CZ = _interopRequireDefault(require("./cs_CZ"));
-exports.csCZ = _cs_CZ.default;
+exports.csCZ = _cs_CZ.default;
+var _pl_PL = _interopRequireDefault(require("./pl_PL"));
+exports.plPL = _pl_PL.default;

package/cjs/locales/pl_PL.d.ts

@@ -0,0 +1,151 @@
+declare const _default: {
+    code: string;
+    common: {
+        loading: string;
+        emptyMessage: string;
+        remove: string;
+        clear: string;
+    };
+    Plaintext: {
+        unfilled: string;
+        notSelected: string;
+        notUploaded: string;
+    };
+    Pagination: {
+        more: string;
+        prev: string;
+        next: string;
+        first: string;
+        last: string;
+        limit: string;
+        total: string;
+        skip: string;
+    };
+    DateTimeFormats: {
+        sunday: string;
+        monday: string;
+        tuesday: string;
+        wednesday: string;
+        thursday: string;
+        friday: string;
+        saturday: string;
+        ok: string;
+        today: string;
+        yesterday: string;
+        now: string;
+        hours: string;
+        minutes: string;
+        seconds: string;
+        formattedMonthPattern: string;
+        formattedDayPattern: string;
+        shortDateFormat: string;
+        shortTimeFormat: string;
+        dateLocale: any;
+    };
+    Calendar: {
+        sunday: string;
+        monday: string;
+        tuesday: string;
+        wednesday: string;
+        thursday: string;
+        friday: string;
+        saturday: string;
+        ok: string;
+        today: string;
+        yesterday: string;
+        now: string;
+        hours: string;
+        minutes: string;
+        seconds: string;
+        formattedMonthPattern: string;
+        formattedDayPattern: string;
+        shortDateFormat: string;
+        shortTimeFormat: string;
+        dateLocale: any;
+    };
+    DatePicker: {
+        sunday: string;
+        monday: string;
+        tuesday: string;
+        wednesday: string;
+        thursday: string;
+        friday: string;
+        saturday: string;
+        ok: string;
+        today: string;
+        yesterday: string;
+        now: string;
+        hours: string;
+        minutes: string;
+        seconds: string;
+        formattedMonthPattern: string;
+        formattedDayPattern: string;
+        shortDateFormat: string;
+        shortTimeFormat: string;
+        dateLocale: any;
+    };
+    DateRangePicker: {
+        last7Days: string;
+        sunday: string;
+        monday: string;
+        tuesday: string;
+        wednesday: string;
+        thursday: string;
+        friday: string;
+        saturday: string;
+        ok: string;
+        today: string;
+        yesterday: string;
+        now: string;
+        hours: string;
+        minutes: string;
+        seconds: string;
+        formattedMonthPattern: string;
+        formattedDayPattern: string;
+        shortDateFormat: string;
+        shortTimeFormat: string;
+        dateLocale: any;
+    };
+    Combobox: {
+        noResultsText: string;
+        placeholder: string;
+        searchPlaceholder: string;
+        checkAll: string;
+    };
+    InputPicker: {
+        newItem: string;
+        createOption: string;
+        noResultsText: string;
+        placeholder: string;
+        searchPlaceholder: string;
+        checkAll: string;
+    };
+    TagPicker: {
+        newItem: string;
+        createOption: string;
+        noResultsText: string;
+        placeholder: string;
+        searchPlaceholder: string;
+        checkAll: string;
+    };
+    Uploader: {
+        inited: string;
+        progress: string;
+        error: string;
+        complete: string;
+        emptyFile: string;
+        upload: string;
+        removeFile: string;
+    };
+    CloseButton: {
+        closeLabel: string;
+    };
+    Breadcrumb: {
+        expandText: string;
+    };
+    Toggle: {
+        on: string;
+        off: string;
+    };
+};
+export default _default;