@blockle/blocks-react 1.1.1 → 1.2.0

package/dist/hooks/useControlledValue/useControlledValue.cjs

@@ -1,33 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const react = require("react");
-function useControlledValue({
-  defaultValue,
-  value,
-  onChange,
-  transformValue
-}) {
-  const [internValue, setInternValue] = react.useState(defaultValue);
-  const currentValue = (onChange ? value : internValue) ?? defaultValue;
-  const setValue = react.useCallback(
-    function setValue2(value2) {
-      const nextValue = transformValue ? transformValue(value2) : value2;
-      if (onChange) {
-        onChange(nextValue);
-      } else {
-        setInternValue(nextValue);
-      }
-    },
-    [onChange, transformValue]
-  );
-  if (process.env.NODE_ENV !== "production") {
-    react.useEffect(() => {
-      if (onChange && value === void 0) {
-        console.error("Slider is in controlled mode but no value is provided");
-      }
-    }, []);
-  }
-  return [currentValue, setValue];
-}
-exports.useControlledValue = useControlledValue;

package/dist/hooks/useIsomorphicLayoutEffect/index.d.ts

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

package/dist/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.cjs

@@ -1,6 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const react = require("react");
-const useIsomorphicLayoutEffect = typeof window === "undefined" ? react.useEffect : react.useLayoutEffect;
-exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect;

package/dist/hooks/useKeyboard/index.d.ts

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

package/dist/hooks/useKeyboard/useKeyboard.cjs

@@ -1,21 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const react = require("react");
-const useKeyboard = (key, callback, { enabled = true, type = "keydown" } = {}) => {
-  react.useEffect(() => {
-    if (!enabled) {
-      return;
-    }
-    function handleKeyDown(event) {
-      if (event.key === key) {
-        callback(event);
-      }
-    }
-    document.addEventListener(type, handleKeyDown);
-    return () => {
-      document.removeEventListener(type, handleKeyDown);
-    };
-  }, [callback, enabled, key, type]);
-};
-exports.useKeyboard = useKeyboard;

package/dist/hooks/useLayer/index.d.ts

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

package/dist/hooks/usePreventBodyScroll/index.d.ts

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

package/dist/hooks/usePreventBodyScroll/usePreventBodyScroll.cjs

@@ -1,31 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const useIsomorphicLayoutEffect = require("../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.cjs");
-const usePreventBodyScroll = (enabled = true) => {
-  useIsomorphicLayoutEffect.useIsomorphicLayoutEffect(() => {
-    if (!enabled) {
-      return;
-    }
-    const prevOverflow = document.body.style.getPropertyValue("overflow");
-    const prevScrollTop = document.documentElement.scrollTop;
-    if (document.body.scrollHeight > window.innerHeight) {
-      document.body.style.position = "fixed";
-      document.body.style.overflow = "hidden";
-      document.body.style.overflowY = "scroll";
-      document.body.style.width = "100%";
-      document.body.style.top = `-${prevScrollTop}px`;
-    } else {
-      document.body.style.overflow = "hidden";
-    }
-    return () => {
-      document.body.style.position = "";
-      document.body.style.overflow = prevOverflow;
-      document.body.style.overflowY = "";
-      document.body.style.width = "";
-      document.body.style.top = "";
-      document.documentElement.scrollTop = prevScrollTop;
-    };
-  }, [enabled]);
-};
-exports.usePreventBodyScroll = usePreventBodyScroll;

package/dist/hooks/useRestoreFocus/index.d.ts

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

package/dist/hooks/useRestoreFocus/useRestoreFocus.cjs

@@ -1,19 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const react = require("react");
-const isBrowser = typeof window !== "undefined";
-const useRestoreFocus = (active) => {
-  const target = react.useRef(null);
-  if (isBrowser && active && !target.current) {
-    target.current = document.activeElement;
-  }
-  react.useEffect(() => {
-    var _a;
-    if (target.current && !active && target.current instanceof HTMLElement) {
-      (_a = target.current) == null ? void 0 : _a.focus();
-      target.current = null;
-    }
-  }, [active]);
-};
-exports.useRestoreFocus = useRestoreFocus;

package/dist/hooks/useTheme/index.d.ts

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

package/dist/hooks/useTheme/useTheme.cjs

@@ -1,13 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const react = require("react");
-const context = require("../../components/providers/BlocksProvider/context.cjs");
-const useTheme = () => {
-  const context$1 = react.useContext(context.BlocksProviderContext);
-  if (!context$1) {
-    throw new Error("useTheme must be called within a BlocksProvider");
-  }
-  return context$1.theme;
-};
-exports.useTheme = useTheme;

package/dist/hooks/useVisibilityState/index.d.ts

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

package/dist/index.cjs

@@ -1,58 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const VisuallyHidden = require("./components/accessibility/VisuallyHidden/VisuallyHidden.cjs");
-const Divider = require("./components/display/Divider/Divider.cjs");
-const Progress = require("./components/feedback/Progress/Progress.cjs");
-const Spinner = require("./components/feedback/Spinner/Spinner.cjs");
-const Button = require("./components/form/Button/Button.cjs");
-const Checkbox = require("./components/form/Checkbox/Checkbox.cjs");
-const Input = require("./components/form/Input/Input.cjs");
-const Label = require("./components/form/Label/Label.cjs");
-const Radio = require("./components/form/Radio/Radio.cjs");
-const Select = require("./components/form/Select/Select.cjs");
-const Slider = require("./components/form/Slider/Slider.cjs");
-const Switch = require("./components/form/Switch/Switch.cjs");
-const Box = require("./components/layout/Box/Box.cjs");
-const Inline = require("./components/layout/Inline/Inline.cjs");
-const Stack = require("./components/layout/Stack/Stack.cjs");
-const Link = require("./components/navigation/Link/Link.cjs");
-const Dialog = require("./components/overlay/Dialog/Dialog.cjs");
-const Portal = require("./components/overlay/Portal/Portal.cjs");
-const Tooltip = require("./components/overlay/Tooltip/Tooltip.cjs");
-const BlocksProvider = require("./components/providers/BlocksProvider/BlocksProvider.cjs");
-const Heading = require("./components/typography/Heading/Heading.cjs");
-const Text = require("./components/typography/Text/Text.cjs");
-const useComponentStyleDefaultProps = require("./hooks/useComponentStyles/useComponentStyleDefaultProps.cjs");
-const useComponentStyles = require("./hooks/useComponentStyles/useComponentStyles.cjs");
-const useControlledValue = require("./hooks/useControlledValue/useControlledValue.cjs");
-const useIsomorphicLayoutEffect = require("./hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.cjs");
-const useKeyboard = require("./hooks/useKeyboard/useKeyboard.cjs");
-const usePreventBodyScroll = require("./hooks/usePreventBodyScroll/usePreventBodyScroll.cjs");
-exports.VisuallyHidden = VisuallyHidden.VisuallyHidden;
-exports.Divider = Divider.Divider;
-exports.Progress = Progress.Progress;
-exports.Spinner = Spinner.Spinner;
-exports.Button = Button.Button;
-exports.Checkbox = Checkbox.Checkbox;
-exports.Input = Input.Input;
-exports.Label = Label.Label;
-exports.Radio = Radio.Radio;
-exports.Select = Select.Select;
-exports.Slider = Slider.Slider;
-exports.Switch = Switch.Switch;
-exports.Box = Box.Box;
-exports.Inline = Inline.Inline;
-exports.Stack = Stack.Stack;
-exports.Link = Link.Link;
-exports.Dialog = Dialog.Dialog;
-exports.Portal = Portal.Portal;
-exports.Tooltip = Tooltip.Tooltip;
-exports.BlocksProvider = BlocksProvider.BlocksProvider;
-exports.Heading = Heading.Heading;
-exports.Text = Text.Text;
-exports.useComponentStyleDefaultProps = useComponentStyleDefaultProps.useComponentStyleDefaultProps;
-exports.useComponentStyles = useComponentStyles.useComponentStyles;
-exports.useControlledValue = useControlledValue.useControlledValue;
-exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect.useIsomorphicLayoutEffect;
-exports.useKeyboard = useKeyboard.useKeyboard;
-exports.usePreventBodyScroll = usePreventBodyScroll.usePreventBodyScroll;