@bolio-ui/core 3.0.5 → 3.1.0

package/dist/{chunk-EAHIBHMI.js → chunk-ZJUVOARM.js}

@@ -1,5 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+var _chunkUOGCO6CVjs = require('./chunk-UOGCO6CV.js');
+
+
 var _chunkAXYDJGTNjs = require('./chunk-AXYDJGTN.js');
 
 
@@ -95,6 +98,8 @@ var CheckboxComponent = _react2.default.forwardRef(
     children,
     type = "default",
     value = "",
+    error = false,
+    errorMessage,
     ...props
   }, ref) => {
     const theme = _chunkV5I4ORQQjs.use_theme_default.call(void 0, );
@@ -103,6 +108,9 @@ var CheckboxComponent = _react2.default.forwardRef(
     const { updateState, inGroup, disabledAll, values } = useCheckbox();
     const isDisabled = inGroup ? disabledAll || disabled : disabled;
     const classes = _chunk5KUROAEPjs.use_classes_default.call(void 0, Checkbox_module_css_default.checkbox, className);
+    const generatedId = _react.useId.call(void 0, );
+    const errorId = `${props.id || generatedId}-error`;
+    const describedBy = [props["aria-describedby"], error && errorMessage ? errorId : void 0].filter(Boolean).join(" ") || void 0;
     if (inGroup && checked) {
       _chunkAXYDJGTNjs.log_warning_default.call(void 0, 
         'Remove props "checked" when [Checkbox] component is in the group.',
@@ -116,8 +124,8 @@ var CheckboxComponent = _react2.default.forwardRef(
       setSelfChecked(next);
     }, [inGroup, selfChecked, value, values]);
     const fill = _react.useMemo.call(void 0, 
-      () => getColors(theme.palette, type),
-      [theme.palette, type]
+      () => getColors(theme.palette, error ? "error" : type),
+      [theme.palette, type, error]
     );
     const changeHandle = _react.useCallback.call(void 0, 
       (ev) => {
@@ -152,28 +160,40 @@ var CheckboxComponent = _react2.default.forwardRef(
       padding: `${SCALES.pt(0)} ${SCALES.pr(0)} ${SCALES.pb(0)} ${SCALES.pl(0)}`,
       margin: `${SCALES.mt(0)} ${SCALES.mr(0)} ${SCALES.mb(0)} ${SCALES.ml(0)}`
     };
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "label", { className: classes, style: checkboxStyle, children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CheckboxIcon_default, { fill, disabled: isDisabled, checked: selfChecked }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "input",
-        {
-          ref,
-          type: "checkbox",
-          disabled: isDisabled,
-          checked: selfChecked,
-          onChange: changeHandle,
-          ...props,
-          className: Checkbox_module_css_default.input
-        }
-      ),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "span",
-        {
-          className: Checkbox_module_css_default.text,
-          style: { cursor: isDisabled ? "not-allowed" : "pointer" },
-          children
-        }
-      )
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "label", { className: classes, style: checkboxStyle, children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          CheckboxIcon_default,
+          {
+            fill,
+            disabled: isDisabled,
+            checked: selfChecked
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "input",
+          {
+            ref,
+            type: "checkbox",
+            disabled: isDisabled,
+            checked: selfChecked,
+            onChange: changeHandle,
+            ...props,
+            "aria-invalid": error || void 0,
+            "aria-describedby": describedBy,
+            className: Checkbox_module_css_default.input
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "span",
+          {
+            className: Checkbox_module_css_default.text,
+            style: { cursor: isDisabled ? "not-allowed" : "pointer" },
+            children
+          }
+        )
+      ] }),
+      error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUOGCO6CVjs.InputBlockLabel_default, { error, id: errorId, children: errorMessage })
     ] });
   }
 );

package/dist/chunk-ZLZ66ER3.js

@@ -0,0 +1,58 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkZRORQ2WHjs = require('./chunk-ZRORQ2WH.js');
+
+// core/use-move/use-move.ts
+var _react = require('react');
+var clamp = (value) => Math.min(Math.max(value, 0), 1);
+var useMove = (onChange, onScrubEnd) => {
+  const ref = _react.useRef.call(void 0, null);
+  const [active, setActive] = _react.useState.call(void 0, false);
+  const callbacks = _chunkZRORQ2WHjs.use_latest_default.call(void 0, { onChange, onScrubEnd });
+  _react.useEffect.call(void 0, () => {
+    const node = ref.current;
+    if (!node) return;
+    const update = (event) => {
+      const rect = node.getBoundingClientRect();
+      callbacks.current.onChange({
+        x: clamp((event.clientX - rect.left) / (rect.width || 1)),
+        y: clamp((event.clientY - rect.top) / (rect.height || 1))
+      });
+    };
+    const down = (event) => {
+      var _a;
+      (_a = node.setPointerCapture) == null ? void 0 : _a.call(node, event.pointerId);
+      setActive(true);
+      update(event);
+    };
+    const move = (event) => {
+      var _a;
+      if ((_a = node.hasPointerCapture) == null ? void 0 : _a.call(node, event.pointerId)) update(event);
+    };
+    const up = (event) => {
+      var _a, _b, _c;
+      (_a = node.releasePointerCapture) == null ? void 0 : _a.call(node, event.pointerId);
+      setActive(false);
+      (_c = (_b = callbacks.current).onScrubEnd) == null ? void 0 : _c.call(_b);
+    };
+    node.addEventListener("pointerdown", down);
+    node.addEventListener("pointermove", move);
+    node.addEventListener("pointerup", up);
+    node.addEventListener("pointercancel", up);
+    return () => {
+      node.removeEventListener("pointerdown", down);
+      node.removeEventListener("pointermove", move);
+      node.removeEventListener("pointerup", up);
+      node.removeEventListener("pointercancel", up);
+    };
+  }, [callbacks]);
+  return { ref, active };
+};
+var use_move_default = useMove;
+
+// core/use-move/index.ts
+var use_move_default2 = use_move_default;
+
+
+
+exports.use_move_default = use_move_default2;

package/dist/chunk-ZMEJNCUR.js

@@ -0,0 +1,41 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// core/use-list-state/use-list-state.ts
+var _react = require('react');
+var useListState = (initialValue = []) => {
+  const [state, setState] = _react.useState.call(void 0, initialValue);
+  const handlers = _react.useMemo.call(void 0, 
+    () => ({
+      setState,
+      append: (...items) => setState((list) => [...list, ...items]),
+      prepend: (...items) => setState((list) => [...items, ...list]),
+      insert: (index, ...items) => setState((list) => [
+        ...list.slice(0, index),
+        ...items,
+        ...list.slice(index)
+      ]),
+      remove: (...indices) => setState((list) => list.filter((_, index) => !indices.includes(index))),
+      reorder: ({ from, to }) => setState((list) => {
+        const copy = [...list];
+        const [moved] = copy.splice(from, 1);
+        copy.splice(to, 0, moved);
+        return copy;
+      }),
+      setItem: (index, item) => setState((list) => {
+        const copy = [...list];
+        copy[index] = item;
+        return copy;
+      }),
+      filter: (fn) => setState((list) => list.filter(fn)),
+      apply: (fn) => setState((list) => list.map(fn))
+    }),
+    []
+  );
+  return [state, handlers];
+};
+var use_list_state_default = useListState;
+
+// core/use-list-state/index.ts
+var use_list_state_default2 = use_list_state_default;
+
+
+
+exports.use_list_state_default = use_list_state_default2;

package/dist/chunk-ZP2KTH2H.js

@@ -0,0 +1,27 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkZRORQ2WHjs = require('./chunk-ZRORQ2WH.js');
+
+// core/use-debounced-callback/use-debounced-callback.ts
+var _react = require('react');
+var useDebouncedCallback = (callback, wait) => {
+  const latest = _chunkZRORQ2WHjs.use_latest_default.call(void 0, callback);
+  const timer = _react.useRef.call(void 0, void 0);
+  _react.useEffect.call(void 0, () => () => clearTimeout(timer.current), []);
+  return _react.useMemo.call(void 0, () => {
+    const debounced = (...args) => {
+      clearTimeout(timer.current);
+      timer.current = setTimeout(() => latest.current(...args), wait);
+    };
+    debounced.cancel = () => clearTimeout(timer.current);
+    return debounced;
+  }, [latest, wait]);
+};
+var use_debounced_callback_default = useDebouncedCallback;
+
+// core/use-debounced-callback/index.ts
+var use_debounced_callback_default2 = use_debounced_callback_default;
+
+
+
+exports.use_debounced_callback_default = use_debounced_callback_default2;

package/dist/css/Button.css

@@ -20,6 +20,11 @@
   overflow: hidden;
 }
 
+.Button-module_root__LhkYq:focus-visible {
+  outline: 2px solid var(--bolio-ui-button-focus);
+  outline-offset: 2px;
+}
+
 .Button-module_root__LhkYq:active {
   transform: scale(0.98, 0.98);
 }

package/dist/css/ButtonDropdown.css

@@ -41,6 +41,11 @@
     border-color 0.2s ease 0s;
 }
 
+.ButtonDropdown-module_summary__NGCte:focus-visible {
+  outline: 2px solid var(--bolio-ui-dropdown-focus);
+  outline-offset: -2px;
+}
+
 .ButtonDropdown-module_content__O7uo- {
   position: absolute;
   right: 0;

package/dist/css/Input-InputIconClear.css

@@ -12,6 +12,10 @@
   padding: 0;
   visibility: hidden;
   opacity: 0;
+  border: 0;
+  background: none;
+  color: inherit;
+  font: inherit;
 }
 
 .InputIconClear-module_visible__5nUZb {

package/dist/css/Mark.css

@@ -0,0 +1,9 @@
+@layer Mark {
+.Mark-module_mark__MnjwZ {
+  padding: 0 0.15em;
+  border-radius: 0.2em;
+  background-color: var(--mark-bg);
+  color: inherit;
+}
+
+}

package/dist/css/ScrollArea.css

@@ -0,0 +1,116 @@
+@layer ScrollArea {
+.ScrollArea-module_scrollArea__hWDno {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+  --scroll-thumb: var(--scroll-thumb-visible);
+}
+
+/* the thumb only shows while the pointer or the focus is inside */
+.ScrollArea-module_hover__BdieF {
+  --scroll-thumb: transparent;
+}
+
+.ScrollArea-module_hover__BdieF:hover,
+.ScrollArea-module_hover__BdieF:focus-within {
+  --scroll-thumb: var(--scroll-thumb-visible);
+}
+
+.ScrollArea-module_viewport__NsNP8 {
+  flex: 1 1 auto;
+  min-height: 0;
+  box-sizing: border-box;
+  scrollbar-width: thin;
+  scrollbar-color: var(--scroll-thumb) transparent;
+}
+
+/* Chrome and Safari draw an overlay scrollbar that only shows while
+   scrolling when the standard properties are set, so they get a real one */
+@supports selector(::-webkit-scrollbar) {
+  .ScrollArea-module_viewport__NsNP8 {
+    scrollbar-width: auto;
+    scrollbar-color: auto;
+  }
+
+  .ScrollArea-module_viewport__NsNP8::-webkit-scrollbar {
+    width: 8px;
+    height: 8px;
+  }
+
+  .ScrollArea-module_viewport__NsNP8::-webkit-scrollbar-thumb {
+    border-radius: 4px;
+    background: var(--scroll-thumb);
+  }
+
+  .ScrollArea-module_viewport__NsNP8::-webkit-scrollbar-thumb:hover {
+    background: var(--scroll-thumb-active);
+  }
+
+  .ScrollArea-module_viewport__NsNP8::-webkit-scrollbar-corner {
+    background: transparent;
+  }
+}
+
+.ScrollArea-module_viewport__NsNP8:focus-visible {
+  outline: 2px solid var(--scroll-focus);
+  outline-offset: -2px;
+}
+
+.ScrollArea-module_vertical__pLVjR {
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+
+.ScrollArea-module_horizontal__04fX0 {
+  overflow-x: auto;
+  overflow-y: hidden;
+}
+
+.ScrollArea-module_both__SLatS {
+  overflow: auto;
+}
+
+/* Firefox keeps an overlay scrollbar that never shows on hover, so its
+   native one is hidden and the area draws these thumbs instead */
+.ScrollArea-module_viewport__NsNP8.ScrollArea-module_custom__EmB3p {
+  scrollbar-width: none;
+}
+
+.ScrollArea-module_track__vGrOF {
+  position: absolute;
+  pointer-events: none;
+}
+
+.ScrollArea-module_trackX__VM9bC {
+  right: 0;
+  bottom: 0;
+  left: 0;
+  height: 8px;
+}
+
+.ScrollArea-module_trackY__Apbnh {
+  top: 0;
+  right: 0;
+  bottom: 0;
+  width: 8px;
+}
+
+.ScrollArea-module_thumb__DLvTa {
+  height: 100%;
+  border-radius: 4px;
+  background: var(--scroll-thumb);
+  pointer-events: auto;
+  touch-action: none;
+}
+
+.ScrollArea-module_trackY__Apbnh .ScrollArea-module_thumb__DLvTa {
+  width: 100%;
+  height: auto;
+}
+
+.ScrollArea-module_thumb__DLvTa:hover {
+  background: var(--scroll-thumb-active);
+}
+
+}

package/dist/css/Select-SelectIconClear.css

@@ -11,6 +11,9 @@
   color: var(--select-clear-icon-color);
   visibility: visible;
   opacity: 1;
+  border: 0;
+  background: none;
+  font: inherit;
 }
 
 .SelectIconClear-module_clearIcon__p5IH4:hover {

package/dist/css/Select-SelectOption.css

@@ -27,6 +27,10 @@
   background-color: color-mix(in srgb, currentColor 12%, transparent);
 }
 
+.SelectOption-module_option__NAlFp.SelectOption-module_active__vxHSF {
+  background-color: color-mix(in srgb, currentColor 12%, transparent);
+}
+
 .SelectOption-module_label__NtVM7:hover,
 .SelectOption-module_divider__mmqJj:hover {
   background-color: transparent;

package/dist/css/Snippet.css

@@ -36,6 +36,9 @@
   cursor: pointer;
   user-select: none;
   opacity: 0.65;
+  border: 0;
+  padding: 0;
+  font: inherit;
 }
 
 .Snippet-module_copy__vSMCk:hover {

package/dist/css/Spoiler.css

@@ -0,0 +1,30 @@
+@layer Spoiler {
+.Spoiler-module_spoiler__aAOK0 {
+  box-sizing: border-box;
+}
+
+.Spoiler-module_content__D69z0 {
+  overflow: hidden;
+}
+
+.Spoiler-module_toggle__kCTmC {
+  display: inline-block;
+  margin-top: 0.5em;
+  padding: 0;
+  border: 0;
+  background: none;
+  color: var(--spoiler-link);
+  font: inherit;
+  cursor: pointer;
+}
+
+.Spoiler-module_toggle__kCTmC:hover {
+  text-decoration: underline;
+}
+
+.Spoiler-module_toggle__kCTmC:focus-visible {
+  outline: 2px solid var(--spoiler-link);
+  outline-offset: 2px;
+}
+
+}

package/dist/index.d.ts

@@ -132,6 +132,14 @@ export { default as Text } from './Text';
 export type { TextProps } from './Text';
 export { default as Textarea } from './Textarea';
 export type { TextareaProps } from './Textarea';
+export { default as CopyButton } from './CopyButton';
+export type { CopyButtonProps, CopyButtonRenderProps } from './CopyButton';
+export { default as ScrollArea } from './ScrollArea';
+export type { ScrollAreaProps, ScrollAreaOrientation } from './ScrollArea';
+export { default as Mark } from './Mark';
+export type { MarkProps } from './Mark';
+export { default as Spoiler } from './Spoiler';
+export type { SpoilerProps } from './Spoiler';
 export { default as Themes } from './Themes';
 export type { BolioUIThemes, BolioUIUserTheme } from './Themes';
 export { default as Toolbar } from './Toolbar';
@@ -161,6 +169,128 @@ export { default as useModal } from './use-modal';
 export { default as useTabs } from './use-tabs';
 export { default as useClickAway } from './use-click-away';
 export { default as useCurrentState } from './use-current-state';
+export { default as useCollapse } from './use-collapse';
+export type { UseCollapseOptions, UseCollapseResult } from './use-collapse';
+export { default as useDebouncedState } from './use-debounced-state';
+export type { UseDebouncedStateOptions } from './use-debounced-state';
+export { default as useDrag } from './use-drag';
+export type { UseDragResult } from './use-drag';
+export { default as useEyeDropper } from './use-eye-dropper';
+export { default as useFavicon } from './use-favicon';
+export { default as useForm, FormProvider, useFormContext, hasLength, isEmail, isInRange, isNotEmpty, matches, matchesField } from './use-form';
+export type { CheckboxFieldProps, FormErrors, FormRule, FormRules, GetInputPropsOptions, UseFormOptions, UseFormReturn, ValueFieldProps } from './use-form';
+export { default as useFetch } from './use-fetch';
+export type { UseFetchOptions, UseFetchResult } from './use-fetch';
+export { default as useFileDialog } from './use-file-dialog';
+export type { UseFileDialogOptions, UseFileDialogResult } from './use-file-dialog';
+export { default as useFloatingWindow } from './use-floating-window';
+export type { UseFloatingWindowOptions, UseFloatingWindowResult } from './use-floating-window';
+export { default as useFocusReturn } from './use-focus-return';
+export type { UseFocusReturnOptions } from './use-focus-return';
+export { default as useFocusTrap } from './use-focus-trap';
+export { default as useHeadroom } from './use-headroom';
+export type { UseHeadroomOptions } from './use-headroom';
+export { default as useLogger } from './use-logger';
+export { default as useMap } from './use-map';
+export { default as useMask } from './use-mask';
+export type { UseMaskOptions } from './use-mask';
+export { default as useMove } from './use-move';
+export type { UseMovePosition } from './use-move';
+export { default as useMutationObserver } from './use-mutation-observer';
+export { default as useOrientation } from './use-orientation';
+export type { UseOrientationResult } from './use-orientation';
+export { default as usePagination } from './use-pagination';
+export type { UsePaginationOptions, UsePaginationResult } from './use-pagination';
+export { default as useRadialMove } from './use-radial-move';
+export type { UseRadialMoveOptions } from './use-radial-move';
+export { default as useRovingIndex } from './use-roving-index';
+export type { UseRovingIndexOptions } from './use-roving-index';
+export { default as useScrollDirection } from './use-scroll-direction';
+export { default as useScroller } from './use-scroller';
+export type { UseScrollerResult } from './use-scroller';
+export { default as useScrollIntoView } from './use-scroll-into-view';
+export type { UseScrollIntoViewOptions, UseScrollIntoViewResult } from './use-scroll-into-view';
+export { default as useScrollSpy } from './use-scroll-spy';
+export type { UseScrollSpyOptions, UseScrollSpyHeading } from './use-scroll-spy';
+export { default as useSelection } from './use-selection';
+export type { UseSelectionOptions, UseSelectionHandlers } from './use-selection';
+export { default as useSet } from './use-set';
+export { default as useSplitter } from './use-splitter';
+export type { UseSplitterOptions, UseSplitterResult } from './use-splitter';
+export { default as useThrottledState } from './use-throttled-state';
+export { default as useThrottledValue } from './use-throttled-value';
+export { default as useColorScheme } from './use-color-scheme';
+export { default as useCounter } from './use-counter';
+export type { UseCounterOptions, UseCounterHandlers } from './use-counter';
+export { default as useDebouncedCallback } from './use-debounced-callback';
+export { default as useDebouncedValue } from './use-debounced-value';
+export type { UseDebouncedValueOptions } from './use-debounced-value';
+export { default as useDidUpdate } from './use-did-update';
+export { default as useDisclosure } from './use-disclosure';
+export type { UseDisclosureOptions, UseDisclosureHandlers } from './use-disclosure';
+export { default as useDocumentTitle } from './use-document-title';
+export { default as useDocumentVisibility } from './use-document-visibility';
+export { default as useElementSize } from './use-element-size';
+export type { UseElementSizeResult } from './use-element-size';
+export { default as useEventListener } from './use-event-listener';
+export { default as useFocusWithin } from './use-focus-within';
+export type { UseFocusWithinOptions, UseFocusWithinResult } from './use-focus-within';
+export { default as useForceUpdate } from './use-force-update';
+export { default as useFullscreen } from './use-fullscreen';
+export type { UseFullscreenResult } from './use-fullscreen';
+export { default as useHash } from './use-hash';
+export { default as useHover } from './use-hover';
+export type { UseHoverResult } from './use-hover';
+export { default as useIdle } from './use-idle';
+export type { UseIdleOptions } from './use-idle';
+export { default as useInputState } from './use-input-state';
+export { default as useIntersection } from './use-intersection';
+export type { UseIntersectionResult } from './use-intersection';
+export { default as useInterval } from './use-interval';
+export type { UseIntervalOptions, UseIntervalResult } from './use-interval';
+export { default as useInViewport } from './use-in-viewport';
+export type { UseInViewportResult } from './use-in-viewport';
+export { default as useIsFirstRender } from './use-is-first-render';
+export { default as useIsomorphicEffect } from './use-isomorphic-effect';
+export { default as useListState } from './use-list-state';
+export type { UseListStateHandlers } from './use-list-state';
+export { default as useLocalStorage } from './use-local-storage';
+export type { UseLocalStorageOptions } from './use-local-storage';
+export { default as useLongPress } from './use-long-press';
+export type { UseLongPressOptions } from './use-long-press';
+export { default as useMergedRef, mergeRefs } from './use-merged-ref';
+export { default as useMounted } from './use-mounted';
+export { default as useMouse } from './use-mouse';
+export type { UseMouseResult } from './use-mouse';
+export { default as useNetwork } from './use-network';
+export type { UseNetworkResult } from './use-network';
+export { default as useOs } from './use-os';
+export type { UseOsResult } from './use-os';
+export { default as usePageLeave } from './use-page-leave';
+export { default as usePrevious } from './use-previous';
+export { default as useQueue } from './use-queue';
+export type { UseQueueOptions, UseQueueResult } from './use-queue';
+export { default as useReducedMotion } from './use-reduced-motion';
+export { default as useResizeObserver } from './use-resize-observer';
+export type { UseResizeObserverRect } from './use-resize-observer';
+export { default as useSetState } from './use-set-state';
+export { default as useShallowEffect } from './use-shallow-effect';
+export { default as useStateHistory } from './use-state-history';
+export type { UseStateHistoryHandlers, UseStateHistoryValue } from './use-state-history';
+export { default as useTextSelection } from './use-text-selection';
+export { default as useThrottledCallback } from './use-throttled-callback';
+export { default as useTimeout } from './use-timeout';
+export type { UseTimeoutOptions, UseTimeoutResult } from './use-timeout';
+export { default as useToggle } from './use-toggle';
+export { default as useUncontrolled } from './use-uncontrolled';
+export type { UseUncontrolledOptions } from './use-uncontrolled';
+export { default as useValidatedState } from './use-validated-state';
+export type { UseValidatedStateValue } from './use-validated-state';
+export { default as useViewportSize } from './use-viewport-size';
+export type { UseViewportSizeResult } from './use-viewport-size';
+export { default as useWindowEvent } from './use-window-event';
+export { default as useWindowScroll } from './use-window-scroll';
+export type { UseWindowScrollPosition } from './use-window-scroll';
 export { default as ContextMenu } from './ContextMenu';
 export type { ContextMenuProps } from './ContextMenu';
 export { default as CssBaseline } from './CssBaseline';