@blockle/blocks 0.11.2 → 0.12.0

package/dist/styles/components/display/Divider/Divider.cjs

@@ -1,12 +1,12 @@
 "use strict";
 const jsxRuntime = require("react/jsx-runtime");
 const styles_components_display_Divider_divider_css_cjs = require("./divider.css.cjs");
-const require$$0 = require("react");
+const react = require("react");
 const styles_lib_utils_atomProps_cjs = require("../../../lib/utils/atom-props.cjs");
 const styles_lib_css_atoms_sprinkles_css_cjs = require("../../../lib/css/atoms/sprinkles.css.cjs");
-const BlocksProviderContext = require$$0.createContext(null);
+const BlocksProviderContext = react.createContext(null);
 const useTheme = () => {
-  const context = require$$0.useContext(BlocksProviderContext);
+  const context = react.useContext(BlocksProviderContext);
   if (!context) {
     throw new Error("useTheme must be used within a BlocksProvider");
   }
@@ -136,25 +136,25 @@ function createSlottable(defaultElement) {
     if (!asChild) {
       return /* @__PURE__ */ jsxRuntime.jsx(Component, { ref, ...slotProps, children });
     }
-    const childrenArray = require$$0.Children.toArray(children);
+    const childrenArray = react.Children.toArray(children);
     const slot = childrenArray.find((child) => {
-      if (!require$$0.isValidElement(child)) {
+      if (!react.isValidElement(child)) {
         return false;
       }
       return child.type === Slot;
     });
     if (!slot) {
       const Slot2 = childrenArray[0];
-      if (!require$$0.isValidElement(childrenArray[0])) {
+      if (!react.isValidElement(childrenArray[0])) {
         if (process.env.NODE_ENV === "development") {
           console.warn("Slottable: First child is not a valid React element");
         }
         return null;
       }
-      if (!require$$0.isValidElement(Slot2)) {
+      if (!react.isValidElement(Slot2)) {
         return null;
       }
-      return require$$0.cloneElement(
+      return react.cloneElement(
         Slot2,
         {
           ...mergeProps(slotProps, Slot2.props),
@@ -163,11 +163,11 @@ function createSlottable(defaultElement) {
         Slot2.props.children
       );
     }
-    if (!require$$0.isValidElement(slot) || !require$$0.isValidElement(slot.props.children)) {
+    if (!react.isValidElement(slot) || !react.isValidElement(slot.props.children)) {
       return null;
     }
     const newChildren = childrenArray.map((child) => {
-      if (!require$$0.isValidElement(child)) {
+      if (!react.isValidElement(child)) {
         return child;
       }
       if (child.type === Slot) {
@@ -175,7 +175,7 @@ function createSlottable(defaultElement) {
       }
       return child;
     });
-    return require$$0.cloneElement(
+    return react.cloneElement(
       slot.props.children,
       {
         ...mergeProps(slotProps, slot.props),
@@ -184,11 +184,11 @@ function createSlottable(defaultElement) {
       newChildren
     );
   }
-  return require$$0.forwardRef(Slottable2);
+  return react.forwardRef(Slottable2);
 }
 const Slot = ({ children }) => children;
 const Slottable = createSlottable("div");
-const Box = require$$0.forwardRef(function Box2({ asChild, className, children, ...restProps }, ref) {
+const Box = react.forwardRef(function Box2({ asChild, className, children, ...restProps }, ref) {
   const [atomsProps, otherProps] = styles_lib_utils_atomProps_cjs.getAtomsAndProps(restProps);
   return /* @__PURE__ */ jsxRuntime.jsx(
     Slottable,

package/dist/styles/components/form/Button/Button.cjs

@@ -1,6 +1,6 @@
 "use strict";
 const jsxRuntime = require("react/jsx-runtime");
-const require$$0 = require("react");
+const react = require("react");
 const styles_lib_utils_atomProps_cjs = require("../../../lib/utils/atom-props.cjs");
 const styles_components_display_Divider_Divider_cjs = require("../../display/Divider/Divider.cjs");
 const styles_components_form_Button_Button_css_cjs = require("./Button.css.cjs");
@@ -10,7 +10,7 @@ const Spinner = ({ className, size, color, ...restProps }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(styles_components_display_Divider_Divider_cjs.Box, { color, className: styles_components_display_Divider_Divider_cjs.classnames(spinnerClassName, className), ...restProps });
 };
 const Slottable = styles_components_display_Divider_Divider_cjs.createSlottable("button");
-const Button = require$$0.forwardRef(function Button2({
+const Button = react.forwardRef(function Button2({
   children,
   className,
   variant,

package/dist/styles/components/form/Checkbox/Checkbox.cjs

@@ -1,6 +1,6 @@
 "use strict";
 const jsxRuntime = require("react/jsx-runtime");
-const require$$0 = require("react");
+const react = require("react");
 const styles_components_display_Divider_Divider_cjs = require("../../display/Divider/Divider.cjs");
 const styles_lib_css_atoms_sprinkles_css_cjs = require("../../../lib/css/atoms/sprinkles.css.cjs");
 const styles_components_form_Checkbox_checkbox_css_cjs = require("./checkbox.css.cjs");
@@ -27,7 +27,7 @@ const Label = ({
     }
   );
 };
-const Checkbox = require$$0.forwardRef(function Checkbox2({ name, label, required, className, ...restProps }, ref) {
+const Checkbox = react.forwardRef(function Checkbox2({ name, label, required, className, ...restProps }, ref) {
   const containerClassName = styles_components_display_Divider_Divider_cjs.useComponentStyles("checkbox", { base: true }, false);
   const iconClassName = styles_components_display_Divider_Divider_cjs.useComponentStyles("checkbox", { icon: true }, false);
   const labelClassName = styles_components_display_Divider_Divider_cjs.useComponentStyles("checkbox", { label: true }, false);

package/dist/styles/components/form/Input/Input.cjs

@@ -1,10 +1,10 @@
 "use strict";
 const jsxRuntime = require("react/jsx-runtime");
-const require$$0 = require("react");
+const react = require("react");
 const styles_components_display_Divider_Divider_cjs = require("../../display/Divider/Divider.cjs");
 const styles_components_form_Input_input_css_cjs = require("./input.css.cjs");
-const Input = require$$0.forwardRef(function Input2({ className, name, type = "text", startSlot, endSlot, label, placeholder, ...restProps }, ref) {
-  const id = require$$0.useId();
+const Input = react.forwardRef(function Input2({ className, name, type = "text", startSlot, endSlot, label, placeholder, ...restProps }, ref) {
+  const id = react.useId();
   const containerClassName = styles_components_display_Divider_Divider_cjs.useComponentStyles("input", { container: true }, false);
   const inputClassName = styles_components_display_Divider_Divider_cjs.useComponentStyles("input", { input: true });
   return /* @__PURE__ */ jsxRuntime.jsx(styles_components_display_Divider_Divider_cjs.Box, { children: /* @__PURE__ */ jsxRuntime.jsxs(styles_components_display_Divider_Divider_cjs.Box, { display: "flex", alignItems: "center", className: styles_components_display_Divider_Divider_cjs.classnames(containerClassName, className), children: [

package/dist/styles/components/form/Radio/Radio.cjs

@@ -1,10 +1,10 @@
 "use strict";
 const jsxRuntime = require("react/jsx-runtime");
-const require$$0 = require("react");
+const react = require("react");
 const styles_components_display_Divider_Divider_cjs = require("../../display/Divider/Divider.cjs");
 const styles_components_form_Radio_radio_css_cjs = require("./radio.css.cjs");
 const styles_components_form_Checkbox_Checkbox_cjs = require("../Checkbox/Checkbox.cjs");
-const Radio = require$$0.forwardRef(function Checkbox({ name, children, className, ...restProps }, ref) {
+const Radio = react.forwardRef(function Checkbox({ name, children, className, ...restProps }, ref) {
   const containerClassName = styles_components_display_Divider_Divider_cjs.useComponentStyles("radio", { base: true }, false);
   const iconClassName = styles_components_display_Divider_Divider_cjs.useComponentStyles("radio", { icon: true }, false);
   const labelClassName = styles_components_display_Divider_Divider_cjs.useComponentStyles("checkbox", { label: true }, false);

package/dist/styles/components/form/Select/Select.cjs

@@ -1,9 +1,9 @@
 "use strict";
 const jsxRuntime = require("react/jsx-runtime");
-const require$$0 = require("react");
+const react = require("react");
 const styles_components_display_Divider_Divider_cjs = require("../../display/Divider/Divider.cjs");
 const styles_components_form_Select_select_css_cjs = require("./select.css.cjs");
-const Select = require$$0.forwardRef(function Select2({ children, placeholder, className, variant, ...restProps }, ref) {
+const Select = react.forwardRef(function Select2({ children, placeholder, className, variant, ...restProps }, ref) {
   const wrapperClassName = styles_components_display_Divider_Divider_cjs.useComponentStyles("select", { wrapper: true }, false);
   const selectClassName = styles_components_display_Divider_Divider_cjs.useComponentStyles("select", { select: true, variants: { variant } });
   const iconClassName = styles_components_display_Divider_Divider_cjs.useComponentStyles("select", { icon: true }, false);

package/dist/styles/components/form/Slider/Slider.cjs

@@ -1,6 +1,6 @@
 "use strict";
 const jsxRuntime = require("react/jsx-runtime");
-const require$$0 = require("react");
+const react = require("react");
 const styles_components_display_Divider_Divider_cjs = require("../../display/Divider/Divider.cjs");
 const styles_components_form_Slider_slider_css_cjs = require("./slider.css.cjs");
 function getProgress(event, rect) {
@@ -11,7 +11,7 @@ function getProgress(event, rect) {
   return [x, y];
 }
 function usePointerProgress({ container, orientation, onChange }) {
-  require$$0.useEffect(() => {
+  react.useEffect(() => {
     const element = container.current;
     function pointerdown(event) {
       event.preventDefault();
@@ -62,20 +62,20 @@ const Slider = ({
   colorScheme,
   ...restProps
 }) => {
-  const [internValue, setInternValue] = require$$0.useState(
+  const [internValue, setInternValue] = react.useState(
     getBoundValue(value ?? defaultValue, min, max, step)
   );
   const baseClass = styles_components_display_Divider_Divider_cjs.useComponentStyles("slider", { base: true, variants: { size, colorScheme } });
   const trackClass = styles_components_display_Divider_Divider_cjs.useComponentStyles("slider", { track: true }, false);
   const filledTrackClass = styles_components_display_Divider_Divider_cjs.useComponentStyles("slider", { filledTrack: true }, false);
   const thumbClass = styles_components_display_Divider_Divider_cjs.useComponentStyles("slider", { thumb: true }, false);
-  const containerRef = require$$0.useRef(null);
-  require$$0.useEffect(() => {
+  const containerRef = react.useRef(null);
+  react.useEffect(() => {
     if (value !== void 0) {
       setInternValue(getBoundValue(value, min, max, step));
     }
   }, [value, min, max, step]);
-  require$$0.useEffect(() => {
+  react.useEffect(() => {
     if (onChange && internValue !== value) {
       onChange(internValue);
     }
@@ -90,7 +90,7 @@ const Slider = ({
       setInternValue(getBoundValue(max * progress, min, max, step));
     }
   });
-  const onKeyDown = require$$0.useCallback(
+  const onKeyDown = react.useCallback(
     (event) => {
       event.preventDefault();
       event.stopPropagation();

package/dist/styles/components/form/Switch/Switch.cjs

@@ -1,18 +1,18 @@
 "use strict";
 const jsxRuntime = require("react/jsx-runtime");
-const require$$0 = require("react");
+const react = require("react");
 const styles_components_display_Divider_Divider_cjs = require("../../display/Divider/Divider.cjs");
 const styles_components_form_Switch_switch_css_cjs = require("./switch.css.cjs");
-const Switch = require$$0.forwardRef(function Switch2({ className, checked, onChange, defaultChecked, ...restProps }, ref) {
-  const [isChecked, setIsChecked] = require$$0.useState(defaultChecked || checked || false);
+const Switch = react.forwardRef(function Switch2({ className, checked, onChange, defaultChecked, ...restProps }, ref) {
+  const [isChecked, setIsChecked] = react.useState(defaultChecked || checked || false);
   const baseClassName = styles_components_display_Divider_Divider_cjs.useComponentStyles("switch", { base: true });
   const sliderClassName = styles_components_display_Divider_Divider_cjs.useComponentStyles("switch", { slider: true }, false);
-  require$$0.useEffect(() => {
+  react.useEffect(() => {
     if (checked !== void 0) {
       setIsChecked(checked);
     }
   }, [checked]);
-  const toggle = require$$0.useCallback(() => {
+  const toggle = react.useCallback(() => {
     setIsChecked((checked2) => {
       const newValue = !checked2;
       if (onChange) {
@@ -21,7 +21,7 @@ const Switch = require$$0.forwardRef(function Switch2({ className, checked, onCh
       return newValue;
     });
   }, [onChange]);
-  const onChangeHandler = require$$0.useCallback(
+  const onChangeHandler = react.useCallback(
     (event) => {
       setIsChecked(event.target.checked);
       if (onChange) {

package/dist/styles/components/other/BlocksProvider/BlocksProvider.cjs

@@ -1,6 +1,6 @@
 "use strict";
 const jsxRuntime = require("react/jsx-runtime");
-const require$$0 = require("react");
+const react = require("react");
 const styles_lib_css_atoms_sprinkles_css_cjs = require("../../../lib/css/atoms/sprinkles.css.cjs");
 const styles_components_display_Divider_Divider_cjs = require("../../display/Divider/Divider.cjs");
 const BlocksProvider = ({
@@ -9,16 +9,16 @@ const BlocksProvider = ({
   className,
   ...restProps
 }) => {
-  const ref = require$$0.useRef(null);
-  const [ariaHidden, setAriaHidden] = require$$0.useState(false);
-  const contextValue = require$$0.useMemo(
+  const ref = react.useRef(null);
+  const [ariaHidden, setAriaHidden] = react.useState(false);
+  const contextValue = react.useMemo(
     () => ({
       theme,
       setAriaHidden
     }),
     [theme, setAriaHidden]
   );
-  require$$0.useEffect(() => {
+  react.useEffect(() => {
     var _a, _b;
     if (ariaHidden) {
       (_a = ref.current) == null ? void 0 : _a.setAttribute("inert", "");