@bolio-ui/core 1.1.7 → 2.0.0-alpha.0

package/dist/MdxWidgets/index.js

@@ -1,122 +1,115 @@
+'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var styledJsx_cjs = require('../styled-jsx.cjs.js');
+var _JSXStyle = require('styled-jsx/style');
 var React = require('react');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+var _JSXStyle__default = /*#__PURE__*/_interopDefaultLegacy(_JSXStyle);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
-
-  if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    enumerableOnly && (symbols = symbols.filter(function (sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    })), keys.push.apply(keys, symbols);
-  }
-
-  return keys;
+function _arrayLikeToArray(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
 }
-
-function _objectSpread2(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = null != arguments[i] ? arguments[i] : {};
-    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
-      _defineProperty(target, key, source[key]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
-      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-    });
+function _arrayWithHoles(r) {
+  if (Array.isArray(r)) return r;
+}
+function _defineProperty(e, r, t) {
+  return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+    value: t,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[r] = t, e;
+}
+function _iterableToArrayLimit(r, l) {
+  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (null != t) {
+    var e,
+      n,
+      i,
+      u,
+      a = [],
+      f = !0,
+      o = !1;
+    try {
+      if (i = (t = t.call(r)).next, 0 === l) {
+        if (Object(t) !== t) return;
+        f = !1;
+      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+    } catch (r) {
+      o = !0, n = r;
+    } finally {
+      try {
+        if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
+      } finally {
+        if (o) throw n;
+      }
+    }
+    return a;
   }
-
-  return target;
 }
-
-function _typeof(obj) {
-  "@babel/helpers - typeof";
-
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-    return typeof obj;
-  } : function (obj) {
-    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-  }, _typeof(obj);
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-
-function _defineProperty(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
+function ownKeys(e, r) {
+  var t = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function (r) {
+      return Object.getOwnPropertyDescriptor(e, r).enumerable;
+    })), t.push.apply(t, o);
   }
-
-  return obj;
+  return t;
 }
-
-function _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+function _objectSpread2(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {
+      _defineProperty(e, r, t[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
+      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
+    });
+  }
+  return e;
 }
-
-function _arrayWithHoles(arr) {
-  if (Array.isArray(arr)) return arr;
+function _slicedToArray(r, e) {
+  return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
 }
-
-function _iterableToArrayLimit(arr, i) {
-  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
-  if (_i == null) return;
-  var _arr = [];
-  var _n = true;
-  var _d = false;
-
-  var _s, _e;
-
-  try {
-    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-      _arr.push(_s.value);
-
-      if (i && _arr.length === i) break;
-    }
-  } catch (err) {
-    _d = true;
-    _e = err;
-  } finally {
-    try {
-      if (!_n && _i["return"] != null) _i["return"]();
-    } finally {
-      if (_d) throw _e;
-    }
+function _toPrimitive(t, r) {
+  if ("object" != typeof t || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r || "default");
+    if ("object" != typeof i) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-
-  return _arr;
+  return ("string" === r ? String : Number)(t);
 }
-
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+function _toPropertyKey(t) {
+  var i = _toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : i + "";
 }
+function _typeof(o) {
+  "@babel/helpers - typeof";
 
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-
-  return arr2;
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+    return typeof o;
+  } : function (o) {
+    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+  }, _typeof(o);
 }
-
-function _nonIterableRest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+function _unsupportedIterableToArray(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+  }
 }
 
 var defaultFont = {
@@ -303,12 +296,10 @@ var deepDuplicable = function deepDuplicable(source, target) {
   if (!isObject(target) || !isObject(source)) return source;
   var sourceKeys = Object.keys(source);
   var result = {};
-
   for (var _i = 0, _sourceKeys = sourceKeys; _i < _sourceKeys.length; _i++) {
     var key = _sourceKeys[_i];
     var sourceValue = source[key];
     var targetValue = target[key];
-
     if (Array.isArray(sourceValue) && Array.isArray(targetValue)) {
       result[key] = targetValue.concat(sourceValue);
     } else if (isObject(sourceValue) && isObject(targetValue)) {
@@ -319,18 +310,14 @@ var deepDuplicable = function deepDuplicable(source, target) {
       result[key] = sourceValue;
     }
   }
-
   return result;
 };
-
 var getPresets = function getPresets() {
   return [lightTheme, darkTheme];
 };
-
 var getPresetStaticTheme = function getPresetStaticTheme() {
   return lightTheme;
 };
-
 var isAvailableThemeType = function isAvailableThemeType(type) {
   if (!type) return false;
   var presetThemes = getPresets();
@@ -339,37 +326,30 @@ var isAvailableThemeType = function isAvailableThemeType(type) {
   });
   return !hasType;
 };
-
 var isPresetTheme = function isPresetTheme(themeOrType) {
   if (!themeOrType) return false;
   var isType = typeof themeOrType === 'string';
   var type = isType ? themeOrType : themeOrType.type;
   return !isAvailableThemeType(type);
 };
-
 var hasUserCustomTheme = function hasUserCustomTheme() {
   var themes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   return !!themes.find(function (item) {
     return isAvailableThemeType(item.type);
   });
 };
-
 var create = function create(base, custom) {
   if (!isAvailableThemeType(custom.type)) {
     throw new Error('Duplicate or unavailable theme type');
   }
-
   return deepDuplicable(base, custom);
 };
-
 var createFromDark = function createFromDark(custom) {
   return create(darkTheme, custom);
 };
-
 var createFromLight = function createFromLight(custom) {
   return create(lightTheme, custom);
 };
-
 var Themes = {
   isPresetTheme: isPresetTheme,
   isAvailableThemeType: isAvailableThemeType,
@@ -390,39 +370,33 @@ var useTheme = function useTheme() {
 
 var MockPage = function MockPage(_ref) {
   var customVisible = _ref.visible,
-      onClose = _ref.onClose,
-      children = _ref.children;
+    onClose = _ref.onClose,
+    children = _ref.children;
   var theme = useTheme();
-
   var _useState = React.useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      visible = _useState2[0],
-      setVisible = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    visible = _useState2[0],
+    setVisible = _useState2[1];
   React.useEffect(function () {
     if (customVisible !== undefined) {
       setVisible(customVisible);
     }
   }, [customVisible]);
-
   var clickHandler = function clickHandler() {
     setVisible(false);
     onClose && onClose();
   };
-
   return /*#__PURE__*/React__default["default"].createElement("section", {
     onClick: clickHandler,
-    className: styledJsx_cjs.style.dynamic([["2097575945", [theme.palette.background]]]) + " " + ((visible ? 'active' : '') || "")
-  }, children, /*#__PURE__*/React__default["default"].createElement(styledJsx_cjs.style, {
+    className: _JSXStyle__default["default"].dynamic([["2097575945", [theme.palette.background]]]) + " " + ((visible ? 'active' : '') || "")
+  }, children, /*#__PURE__*/React__default["default"].createElement(_JSXStyle__default["default"], {
     id: "2097575945",
     dynamic: [theme.palette.background]
   }, "section.__jsx-style-dynamic-selector{position:fixed;width:100vw;height:100vh;background-color:".concat(theme.palette.background, ";z-index:5000;top:-5000px;left:-5000px;display:none;}.active.__jsx-style-dynamic-selector{top:0;left:0;bottom:0;display:block;}")));
 };
-
 var MockPage$1 = MockPage;
 
 var __html = "<span class=\"token keyword module\">import</span> <span class=\"token imports\"><span class=\"token maybe-class-name\">React</span><span class=\"token punctuation\">,</span> <span class=\"token punctuation\">{</span> useState <span class=\"token punctuation\">}</span></span> <span class=\"token keyword module\">from</span> <span class=\"token string\">\"react\"</span><span class=\"token punctuation\">;</span>\n\n<span class=\"token keyword\">const</span> <span class=\"token function-variable function\"><span class=\"token maybe-class-name\">App</span></span> <span class=\"token operator\">=</span> <span class=\"token punctuation\">(</span><span class=\"token punctuation\">)</span> <span class=\"token arrow operator\">=&gt;</span> <span class=\"token punctuation\">{</span>\n  <span class=\"token keyword\">const</span> <span class=\"token punctuation\">[</span>wait<span class=\"token punctuation\">,</span> showWaitTime<span class=\"token punctuation\">]</span> <span class=\"token operator\">=</span> <span class=\"token function\">useState</span><span class=\"token punctuation\">(</span><span class=\"token number\">0</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n  <span class=\"token function\">setTimeout</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">)</span> <span class=\"token arrow operator\">=&gt;</span> <span class=\"token function\">showWaitTime</span><span class=\"token punctuation\">(</span>wait <span class=\"token operator\">+</span> <span class=\"token number\">1</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">,</span> <span class=\"token number\">1000</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n  <span class=\"token keyword control-flow\">return</span> <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;</span>div</span><span class=\"token punctuation\">&gt;</span></span><span class=\"token plain-text\">You've been waiting since </span><span class=\"token punctuation\">{</span>wait<span class=\"token punctuation\">}</span><span class=\"token plain-text\"> seconds!</span><span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;/</span>div</span><span class=\"token punctuation\">&gt;</span></span><span class=\"token punctuation\">;</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">;</span>\n\n<span class=\"token keyword module\">export</span> <span class=\"token keyword module\">default</span> <span class=\"token maybe-class-name\">App</span><span class=\"token punctuation\">;</span>\n".trim();
-
 var WaitTime = function WaitTime() {
   return /*#__PURE__*/React__default["default"].createElement("code", {
     className: "language-jsx",
@@ -431,7 +405,6 @@ var WaitTime = function WaitTime() {
     }
   });
 };
-
 var WaitTime$1 = WaitTime;
 
 exports.MockPage = MockPage$1;

package/dist/Modal/Modal.d.ts

@@ -5,12 +5,15 @@ interface Props {
     onContentClick?: (event: MouseEvent<HTMLElement>) => void;
     visible?: boolean;
     keyboard?: boolean;
+    role?: 'dialog' | 'alertdialog';
     wrapClassName?: string;
     positionClassName?: string;
     backdropClassName?: string;
     layerClassName?: string;
 }
-declare type NativeAttrs = Omit<React.HTMLAttributes<any>, keyof Props>;
-export declare type ModalProps = Props & NativeAttrs;
-declare const Modal: React.ForwardRefExoticComponent<Props & NativeAttrs & import("../use-scale").ScaleProps & React.RefAttributes<unknown>>;
+type NativeAttrs = Omit<React.HTMLAttributes<any>, keyof Props>;
+export type ModalProps = Props & NativeAttrs;
+declare const Modal: import("../use-scale/with-scale").ScaleComponent<HTMLDivElement, Props & NativeAttrs & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement>>;
 export default Modal;

package/dist/Modal/ModalAction.d.ts

@@ -1,6 +1,6 @@
 import React, { MouseEvent } from 'react';
-import { ButtonProps } from "../Button";
-declare type ModalActionEvent = MouseEvent<HTMLButtonElement> & {
+import { ButtonProps } from '../Button';
+type ModalActionEvent = MouseEvent<HTMLButtonElement> & {
     close: () => void;
 };
 interface Props {
@@ -9,6 +9,8 @@ interface Props {
     disabled?: boolean;
     onClick?: (event: ModalActionEvent) => void;
 }
-export declare type ModalActionProps = Props & Omit<ButtonProps, keyof Props>;
-declare const ModalAction: React.ForwardRefExoticComponent<Pick<Props & Omit<ButtonProps, keyof Props> & React.RefAttributes<HTMLButtonElement> & import("../use-scale").ScaleProps, "type" | "form" | "slot" | "style" | "title" | "children" | keyof import("../use-scale").ScaleProps | "loading" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "auto" | "value" | "icon" | "ghost" | "rounded" | "shadow" | "effect" | "htmlType" | "iconRight" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "key" | keyof Props> & React.RefAttributes<HTMLButtonElement>>;
+export type ModalActionProps = Props & Omit<ButtonProps, keyof Props>;
+declare const ModalAction: import("../use-scale/with-scale").ScaleComponent<HTMLButtonElement, Props & Omit<ButtonProps, keyof Props> & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLButtonElement>>;
 export default ModalAction;

package/dist/Modal/ModalContent.d.ts

@@ -2,7 +2,9 @@ import React from 'react';
 interface Props {
     className?: string;
 }
-declare type NativeAttrs = Omit<React.HTMLAttributes<HTMLElement>, keyof Props>;
-export declare type ModalContentProps = Props & NativeAttrs;
-declare const ModalContent: React.ForwardRefExoticComponent<Props & NativeAttrs & import("../use-scale").ScaleProps & React.RefAttributes<unknown>>;
+type NativeAttrs = Omit<React.HTMLAttributes<HTMLElement>, keyof Props>;
+export type ModalContentProps = Props & NativeAttrs;
+declare const ModalContent: import("../use-scale/with-scale").ScaleComponent<unknown, Props & NativeAttrs & {
+    children?: React.ReactNode;
+}>;
 export default ModalContent;

package/dist/Modal/ModalContext.d.ts

@@ -1,6 +1,8 @@
 import React from 'react';
 export interface ModalConfig {
     close?: () => void;
+    titleId?: string;
+    descriptionId?: string;
 }
 export declare const ModalContext: React.Context<ModalConfig>;
 export declare const useModalContext: () => ModalConfig;

package/dist/Modal/ModalSubtitle.d.ts

@@ -2,7 +2,9 @@ import React from 'react';
 interface Props {
     className?: string;
 }
-declare type NativeAttrs = Omit<React.HTMLAttributes<HTMLHeadingElement>, keyof Props>;
-export declare type ModalSubtitleProps = Props & NativeAttrs;
-declare const ModalSubtitle: React.ForwardRefExoticComponent<Props & NativeAttrs & import("../use-scale").ScaleProps & React.RefAttributes<unknown>>;
+type NativeAttrs = Omit<React.HTMLAttributes<HTMLHeadingElement>, keyof Props>;
+export type ModalSubtitleProps = Props & NativeAttrs;
+declare const ModalSubtitle: import("../use-scale/with-scale").ScaleComponent<unknown, Props & NativeAttrs & {
+    children?: React.ReactNode;
+}>;
 export default ModalSubtitle;

package/dist/Modal/ModalTitle.d.ts

@@ -2,7 +2,9 @@ import React from 'react';
 interface Props {
     className?: string;
 }
-declare type NativeAttrs = Omit<React.HTMLAttributes<any>, keyof Props>;
-export declare type ModalTitleProps = Props & NativeAttrs;
-declare const ModalTitle: React.ForwardRefExoticComponent<Props & NativeAttrs & import("../use-scale").ScaleProps & React.RefAttributes<unknown>>;
+type NativeAttrs = Omit<React.HTMLAttributes<any>, keyof Props>;
+export type ModalTitleProps = Props & NativeAttrs;
+declare const ModalTitle: import("../use-scale/with-scale").ScaleComponent<unknown, Props & NativeAttrs & {
+    children?: React.ReactNode;
+}>;
 export default ModalTitle;

package/dist/Modal/ModalWrapper.d.ts

@@ -3,9 +3,9 @@ interface Props {
     className?: string;
     visible?: boolean;
 }
-export declare type ModalWrapperProps = Props;
-declare function ModalWrapper({ className, children, visible, ...props }: React.PropsWithChildren<ModalWrapperProps>): JSX.Element;
-declare namespace ModalWrapper {
-    var displayName: string;
-}
+type NativeAttrs = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props>;
+export type ModalWrapperProps = Props & NativeAttrs;
+declare const ModalWrapper: React.ForwardRefExoticComponent<Props & NativeAttrs & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement>>;
 export default ModalWrapper;

package/dist/Modal/index.d.ts

@@ -1,18 +1,18 @@
-import Modal from "./Modal";
-import ModalTitle from "./ModalTitle";
-import ModalSubtitle from "./ModalSubtitle";
-import ModalContent from "./ModalContent";
-import ModalAction from "./ModalAction";
-export declare type ModalComponentType = typeof Modal & {
+import Modal from './Modal';
+import ModalTitle from './ModalTitle';
+import ModalSubtitle from './ModalSubtitle';
+import ModalContent from './ModalContent';
+import ModalAction from './ModalAction';
+export type ModalComponentType = typeof Modal & {
     Title: typeof ModalTitle;
     Subtitle: typeof ModalSubtitle;
     Content: typeof ModalContent;
     Action: typeof ModalAction;
 };
-export type { ModalProps } from "./Modal";
-export type { ModalTitleProps } from "./ModalTitle";
-export type { ModalSubtitleProps } from "./ModalSubtitle";
-export type { ModalActionProps } from "./ModalAction";
-export type { ModalContentProps } from "./ModalContent";
+export type { ModalProps } from './Modal';
+export type { ModalTitleProps } from './ModalTitle';
+export type { ModalSubtitleProps } from './ModalSubtitle';
+export type { ModalActionProps } from './ModalAction';
+export type { ModalContentProps } from './ModalContent';
 declare const _default: ModalComponentType;
 export default _default;