@blockle/blocks-react 1.1.1 → 1.2.0

package/dist/index.d.ts

@@ -1,27 +1,28 @@
-export { VisuallyHidden, type VisuallyHiddenProps, } from './components/accessibility/VisuallyHidden';
-export { Divider, type DividerProps } from './components/display/Divider';
-export { Progress, type ProgressProps } from './components/feedback/Progress';
-export { Spinner, type SpinnerProps } from './components/feedback/Spinner';
-export { Button, type ButtonProps } from './components/form/Button';
-export { Checkbox, type CheckboxProps } from './components/form/Checkbox';
-export { Input, type InputProps } from './components/form/Input';
-export { Label, type LabelProps } from './components/form/Label';
-export { Radio, type RadioProps } from './components/form/Radio';
-export { Select, type SelectProps } from './components/form/Select';
-export { Slider, type SliderProps } from './components/form/Slider';
-export { Switch, type SwitchProps } from './components/form/Switch';
-export { Box, type BoxProps } from './components/layout/Box';
-export { Inline, type InlineProps } from './components/layout/Inline';
-export { Stack, type StackProps } from './components/layout/Stack';
-export { Link, type LinkProps } from './components/navigation/Link';
-export { Dialog, type DialogProps } from './components/overlay/Dialog';
-export { Portal, type PortalProps } from './components/overlay/Portal';
-export { Tooltip, type TooltipProps } from './components/overlay/Tooltip';
-export { BlocksProvider, type BlocksProviderProps, } from './components/providers/BlocksProvider';
-export { Heading, type HeadingProps } from './components/typography/Heading';
-export { Text, type TextProps } from './components/typography/Text';
-export { useComponentStyleDefaultProps, useComponentStyles, } from './hooks/useComponentStyles';
-export { useControlledValue } from './hooks/useControlledValue';
-export { useIsomorphicLayoutEffect } from './hooks/useIsomorphicLayoutEffect';
-export { useKeyboard } from './hooks/useKeyboard';
-export { usePreventBodyScroll } from './hooks/usePreventBodyScroll';
+export { VisuallyHidden, type VisuallyHiddenProps, } from './components/accessibility/VisuallyHidden/VisuallyHidden.js';
+export { Divider, type DividerProps, } from './components/display/Divider/Divider.js';
+export { Progress, type ProgressProps, } from './components/feedback/Progress/Progress.js';
+export { Spinner, type SpinnerProps, } from './components/feedback/Spinner/Spinner.js';
+export { Button, type ButtonProps } from './components/form/Button/Button.js';
+export { Checkbox, type CheckboxProps, } from './components/form/Checkbox/Checkbox.js';
+export { Input, type InputProps } from './components/form/Input/Input.js';
+export { Label, type LabelProps } from './components/form/Label/Label.js';
+export { Radio, type RadioProps } from './components/form/Radio/Radio.js';
+export { Select, type SelectProps } from './components/form/Select/Select.js';
+export { Slider, type SliderProps } from './components/form/Slider/Slider.js';
+export { Switch, type SwitchProps } from './components/form/Switch/Switch.js';
+export { Box, type BoxProps } from './components/layout/Box/Box.js';
+export { Inline, type InlineProps } from './components/layout/Inline/Inline.js';
+export { Stack, type StackProps } from './components/layout/Stack/Stack.js';
+export { Link, type LinkProps } from './components/navigation/Link/Link.js';
+export { Dialog, type DialogProps, } from './components/overlay/Dialog/Dialog.js';
+export { Portal, type PortalProps, } from './components/overlay/Portal/Portal.js';
+export { Tooltip, type TooltipProps, } from './components/overlay/Tooltip/Tooltip.js';
+export { BlocksProvider, type BlocksProviderProps, } from './components/providers/BlocksProvider/BlocksProvider.js';
+export { Heading, type HeadingProps, } from './components/typography/Heading/Heading.js';
+export { Text, type TextProps } from './components/typography/Text/Text.js';
+export { useComponentStyleDefaultProps } from './hooks/useComponentStyles/useComponentStyleDefaultProps.js';
+export { useComponentStyles } from './hooks/useComponentStyles/useComponentStyles.js';
+export { useControlledValue } from './hooks/useControlledValue/useControlledValue.js';
+export { useIsomorphicLayoutEffect } from './hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js';
+export { useKeyboard } from './hooks/useKeyboard/useKeyboard.js';
+export { usePreventBodyScroll } from './hooks/usePreventBodyScroll/usePreventBodyScroll.js';

package/package.json

@@ -1,25 +1,18 @@
 {
   "name": "@blockle/blocks-react",
-  "version": "1.1.1",
+  "version": "1.2.0",
   "description": "React hooks and components for Blockle",
   "type": "module",
   "exports": {
     ".": {
-      "types": {
-        "import": "./dist/index.d.mts",
-        "require": "./dist/index.d.ts"
-      },
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
     }
   },
   "files": [
     "dist"
   ],
   "sideEffects": false,
-  "main": "./dist/index.cjs",
-  "module": "./dist/index.mjs",
-  "types": "./dist/index.d.ts",
   "scripts": {
     "build": "vite build",
     "test": "vitest",
@@ -41,9 +34,10 @@
     "@vanilla-extract/css": "^1.17.1"
   },
   "peerDependencies": {
-    "react": "^19",
-    "react-dom": "^19",
-    "@blockle/blocks-core": ">=0.x",
-    "@blockle/blocks-react-slot": ">=1.x"
+    "react": ">= 18 || >= 19",
+    "react-dom": ">= 18 || >= 19",
+    "@vanilla-extract/css": ">= 1.17.1",
+    "@blockle/blocks-core": ">= 0.x",
+    "@blockle/blocks-react-slot": ">= 1.x"
   }
 }

package/dist/components/accessibility/VisuallyHidden/VisuallyHidden.cjs

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const blocksCore = require("@blockle/blocks-core");
-const visuallyHidden_css = require("./visually-hidden.css.cjs");
-const VisuallyHidden = ({
-  children,
-  className,
-  ...restProps
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "span",
-    {
-      className: blocksCore.classnames(visuallyHidden_css.visuallyHidden, className),
-      ...restProps,
-      children
-    }
-  );
-};
-exports.VisuallyHidden = VisuallyHidden;

package/dist/components/accessibility/VisuallyHidden/index.d.ts

@@ -1 +0,0 @@
-export { VisuallyHidden, type VisuallyHiddenProps } from './VisuallyHidden';

package/dist/components/accessibility/VisuallyHidden/visually-hidden.css.cjs

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const fileScope = require("@vanilla-extract/css/fileScope");
-const css = require("@vanilla-extract/css");
-fileScope.setFileScope("src/components/accessibility/VisuallyHidden/visually-hidden.css.ts", "@blockle/blocks-react");
-const visuallyHidden = css.style({
-  clip: "rect(0 0 0 0)",
-  clipPath: "inset(50%)",
-  height: "1px",
-  overflow: "hidden",
-  position: "absolute",
-  whiteSpace: "nowrap",
-  width: "1px"
-});
-fileScope.endFileScope();
-exports.visuallyHidden = visuallyHidden;

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

@@ -1,28 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const blocksCore = require("@blockle/blocks-core");
-const divider_css = require("./divider.css.cjs");
-const useComponentStyles = require("../../../hooks/useComponentStyles/useComponentStyles.cjs");
-const useComponentStyleDefaultProps = require("../../../hooks/useComponentStyles/useComponentStyleDefaultProps.cjs");
-const Box = require("../../layout/Box/Box.cjs");
-const Divider = ({
-  className,
-  color,
-  ...restProps
-}) => {
-  const dividerClass = useComponentStyles.useComponentStyles("divider", { base: true });
-  const dividerDefaults = useComponentStyleDefaultProps.useComponentStyleDefaultProps("divider");
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Box.Box,
-    {
-      role: "separator",
-      inlineSize: "full",
-      backgroundColor: color ?? dividerDefaults.color,
-      className: blocksCore.classnames(className, dividerClass, divider_css.divider),
-      ...restProps
-    }
-  );
-};
-exports.Divider = Divider;

package/dist/components/display/Divider/divider.css.cjs

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const fileScope = require("@vanilla-extract/css/fileScope");
-const blocksCore = require("@blockle/blocks-core");
-const css = require("@vanilla-extract/css");
-fileScope.setFileScope("src/components/display/Divider/divider.css.ts", "@blockle/blocks-react");
-const divider = css.style({
-  "@layer": {
-    [blocksCore.blocksLayer]: {
-      clear: "both",
-      blockSize: "1px"
-    }
-  }
-});
-fileScope.endFileScope();
-exports.divider = divider;

package/dist/components/display/Divider/index.d.ts

@@ -1 +0,0 @@
-export { Divider, type DividerProps } from './Divider';

package/dist/components/feedback/Progress/Progress.cjs

@@ -1,55 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const blocksCore = require("@blockle/blocks-core");
-const useComponentStyles = require("../../../hooks/useComponentStyles/useComponentStyles.cjs");
-const Box = require("../../layout/Box/Box.cjs");
-const Progress = ({
-  className,
-  indeterminate,
-  max = 100,
-  ref,
-  value = 0,
-  ...restProps
-}) => {
-  const progress = value / max * 100;
-  const containerClassName = useComponentStyles.useComponentStyles(
-    "progress",
-    {
-      base: true
-    },
-    false
-  );
-  const barClassName = useComponentStyles.useComponentStyles(
-    "progress",
-    { bar: true, variants: { indeterminate } },
-    false
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Box.Box,
-    {
-      ref,
-      className: blocksCore.classnames(containerClassName, className),
-      overflow: "hidden",
-      role: "progressbar",
-      "aria-valuenow": value,
-      "aria-valuemin": 0,
-      "aria-valuemax": max,
-      ...restProps,
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        Box.Box,
-        {
-          className: barClassName,
-          backgroundColor: "currentColor",
-          inlineSize: "full",
-          blockSize: "full",
-          style: {
-            transform: indeterminate ? void 0 : `translateX(-${100 - progress}%)`
-          }
-        }
-      )
-    }
-  );
-};
-exports.Progress = Progress;

package/dist/components/feedback/Progress/index.d.ts

@@ -1 +0,0 @@
-export { Progress, type ProgressProps } from './Progress';

package/dist/components/feedback/Spinner/Spinner.cjs

@@ -1,27 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const blocksCore = require("@blockle/blocks-core");
-const useComponentStyles = require("../../../hooks/useComponentStyles/useComponentStyles.cjs");
-const Box = require("../../layout/Box/Box.cjs");
-const Spinner = ({
-  className,
-  size,
-  color,
-  ...restProps
-}) => {
-  const spinnerClassName = useComponentStyles.useComponentStyles("spinner", {
-    base: true,
-    variants: { size, color }
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Box.Box,
-    {
-      color,
-      className: blocksCore.classnames(spinnerClassName, className),
-      ...restProps
-    }
-  );
-};
-exports.Spinner = Spinner;

package/dist/components/feedback/Spinner/index.d.ts

@@ -1 +0,0 @@
-export { Spinner, type SpinnerProps } from './Spinner';

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

@@ -1,58 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const blocksCore = require("@blockle/blocks-core");
-const blocksReactSlot = require("@blockle/blocks-react-slot");
-const Button_css = require("./Button.css.cjs");
-const useComponentStyles = require("../../../hooks/useComponentStyles/useComponentStyles.cjs");
-const Spinner = require("../../feedback/Spinner/Spinner.cjs");
-const [Template, Slot] = blocksReactSlot.createSlottable("button");
-const Button = ({
-  asChild,
-  children,
-  className,
-  disabled,
-  endSlot,
-  intent,
-  loading,
-  ref,
-  size,
-  startSlot,
-  variant,
-  ...restProps
-}) => {
-  const buttonClassName = useComponentStyles.useComponentStyles("button", {
-    base: true,
-    variants: {
-      variant,
-      intent,
-      size,
-      disabled,
-      loading
-    }
-  });
-  const [atomsProps, otherProps] = blocksCore.getAtomsAndProps(restProps);
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    Template,
-    {
-      ref,
-      asChild,
-      disabled: disabled || loading,
-      className: blocksCore.classnames(
-        Button_css.buttonReset,
-        buttonClassName,
-        blocksCore.atoms(atomsProps),
-        className
-      ),
-      ...otherProps,
-      children: [
-        startSlot && /* @__PURE__ */ jsxRuntime.jsx("div", { children: startSlot }),
-        loading && /* @__PURE__ */ jsxRuntime.jsx(Spinner.Spinner, { size }),
-        /* @__PURE__ */ jsxRuntime.jsx(Slot, { children }),
-        endSlot && /* @__PURE__ */ jsxRuntime.jsx("div", { children: endSlot })
-      ]
-    }
-  );
-};
-exports.Button = Button;

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

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const fileScope = require("@vanilla-extract/css/fileScope");
-const blocksCore = require("@blockle/blocks-core");
-const css = require("@vanilla-extract/css");
-fileScope.setFileScope("src/components/form/Button/Button.css.ts", "@blockle/blocks-react");
-const buttonReset = css.style({
-  "@layer": {
-    [blocksCore.blocksLayer]: {
-      all: "unset",
-      cursor: "pointer"
-    }
-  }
-});
-fileScope.endFileScope();
-exports.buttonReset = buttonReset;

package/dist/components/form/Button/index.d.ts

@@ -1 +0,0 @@
-export { Button, type ButtonProps } from './Button';

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

@@ -1,80 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const blocksCore = require("@blockle/blocks-core");
-const react = require("react");
-const Label = require("../Label/Label.cjs");
-const checkbox_css = require("./checkbox.css.cjs");
-const useComponentStyles = require("../../../hooks/useComponentStyles/useComponentStyles.cjs");
-const Checkbox = ({
-  children,
-  className,
-  id,
-  name,
-  ref,
-  required,
-  ...restProps
-}) => {
-  const containerClassName = useComponentStyles.useComponentStyles(
-    "checkbox",
-    { base: true },
-    false
-  );
-  const iconClassName = useComponentStyles.useComponentStyles("checkbox", { icon: true }, false);
-  const labelClassName = useComponentStyles.useComponentStyles("checkbox", { label: true }, false);
-  const reactId = react.useId();
-  const inputId = id || reactId;
-  const input = /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      className: blocksCore.classnames(checkbox_css.container, containerClassName, className),
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "input",
-          {
-            ref,
-            type: "checkbox",
-            name,
-            id: inputId,
-            className: checkbox_css.input,
-            ...restProps
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: blocksCore.classnames(checkbox_css.icon, iconClassName), "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx(DefaultIcon, {}) })
-      ]
-    }
-  );
-  if (!children) {
-    return input;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: labelClassName, children: [
-    input,
-    children && /* @__PURE__ */ jsxRuntime.jsx(Label.Label, { required, htmlFor: inputId, children })
-  ] });
-};
-const DefaultIcon = () => {
-  return (
-    // TOOD - replace with actual icon component renderer
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "svg",
-      {
-        viewBox: "0 0 24 24",
-        fill: "none",
-        strokeWidth: "1.5",
-        stroke: "currentColor",
-        style: { width: "1rem", height: "1rem", display: "block" },
-        role: "presentation",
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          "path",
-          {
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            d: "m4.5 12.75 6 6 9-13.5"
-          }
-        )
-      }
-    )
-  );
-};
-exports.Checkbox = Checkbox;

package/dist/components/form/Checkbox/checkbox.css.cjs

@@ -1,32 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const fileScope = require("@vanilla-extract/css/fileScope");
-const blocksCore = require("@blockle/blocks-core");
-const css = require("@vanilla-extract/css");
-fileScope.setFileScope("src/components/form/Checkbox/checkbox.css.ts", "@blockle/blocks-react");
-const container = css.style({
-  "@layer": {
-    [blocksCore.blocksLayer]: {
-      position: "relative",
-      cursor: "pointer",
-      overflow: "hidden"
-    }
-  }
-});
-const input = css.style({
-  position: "absolute",
-  inset: 0,
-  opacity: 0,
-  "@layer": {
-    [blocksCore.blocksLayer]: {
-      all: "unset"
-    }
-  }
-});
-const icon = css.style({
-  pointerEvents: "none"
-});
-fileScope.endFileScope();
-exports.container = container;
-exports.icon = icon;
-exports.input = input;

package/dist/components/form/Checkbox/index.d.ts

@@ -1 +0,0 @@
-export { Checkbox, type CheckboxProps } from './Checkbox';

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

@@ -1,52 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const react = require("react");
-const blocksCore = require("@blockle/blocks-core");
-const input_css = require("./input.css.cjs");
-const useComponentStyles = require("../../../hooks/useComponentStyles/useComponentStyles.cjs");
-const Box = require("../../layout/Box/Box.cjs");
-const Input = ({
-  className,
-  endSlot,
-  name,
-  placeholder,
-  ref,
-  startSlot,
-  type = "text",
-  ...restProps
-}) => {
-  const id = react.useId();
-  const containerClassName = useComponentStyles.useComponentStyles(
-    "input",
-    { container: true },
-    false
-  );
-  const inputClassName = useComponentStyles.useComponentStyles("input", { input: true });
-  return /* @__PURE__ */ jsxRuntime.jsx(Box.Box, { children: /* @__PURE__ */ jsxRuntime.jsxs(
-    Box.Box,
-    {
-      display: "flex",
-      alignItems: "center",
-      className: blocksCore.classnames(containerClassName, className),
-      children: [
-        startSlot,
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "input",
-          {
-            id,
-            ref,
-            name,
-            type,
-            placeholder,
-            className: blocksCore.classnames(input_css.input, inputClassName),
-            ...restProps
-          }
-        ),
-        endSlot
-      ]
-    }
-  ) });
-};
-exports.Input = Input;

package/dist/components/form/Input/index.d.ts

@@ -1 +0,0 @@
-export { Input, type InputProps } from './Input';

package/dist/components/form/Input/input.css.cjs

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const fileScope = require("@vanilla-extract/css/fileScope");
-const blocksCore = require("@blockle/blocks-core");
-const css = require("@vanilla-extract/css");
-fileScope.setFileScope("src/components/form/Input/input.css.ts", "@blockle/blocks-react");
-const input = css.style({
-  "@layer": {
-    [blocksCore.blocksLayer]: {
-      appearance: "none",
-      width: "100%",
-      selectors: {
-        "&:-webkit-autofill": {
-          transitionDelay: "9999s"
-        }
-      }
-    }
-  }
-});
-fileScope.endFileScope();
-exports.input = input;

package/dist/components/form/Label/Label.cjs

@@ -1,30 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const blocksCore = require("@blockle/blocks-core");
-const useComponentStyles = require("../../../hooks/useComponentStyles/useComponentStyles.cjs");
-const Label = ({
-  asSpan,
-  children,
-  className,
-  required,
-  size,
-  cursor,
-  ...restProps
-}) => {
-  const Component = asSpan ? "span" : "label";
-  const containerClassName = useComponentStyles.useComponentStyles("label", {
-    base: true,
-    variants: { required, size }
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Component,
-    {
-      className: blocksCore.classnames(containerClassName, className, blocksCore.atoms({ cursor })),
-      ...restProps,
-      children
-    }
-  );
-};
-exports.Label = Label;

package/dist/components/form/Label/index.d.ts

@@ -1 +0,0 @@
-export { Label, type LabelProps } from './Label';

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

@@ -1,50 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const blocksCore = require("@blockle/blocks-core");
-const react = require("react");
-const radio_css = require("./radio.css.cjs");
-const useComponentStyles = require("../../../hooks/useComponentStyles/useComponentStyles.cjs");
-const Label = require("../Label/Label.cjs");
-const Radio = ({
-  name,
-  children,
-  className,
-  ref,
-  ...restProps
-}) => {
-  const rid = react.useId();
-  const id = restProps.id ?? rid;
-  const containerClassName = useComponentStyles.useComponentStyles("radio", { base: true }, false);
-  const iconClassName = useComponentStyles.useComponentStyles("radio", { icon: true }, false);
-  const labelClassName = useComponentStyles.useComponentStyles("checkbox", { label: true }, false);
-  const input = /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      className: blocksCore.classnames(radio_css.container, containerClassName, className),
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "input",
-          {
-            ref,
-            type: "radio",
-            name,
-            id,
-            className: radio_css.input,
-            ...restProps
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: blocksCore.classnames(radio_css.icon, iconClassName) })
-      ]
-    }
-  );
-  if (!children) {
-    return input;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs("label", { htmlFor: id, className: labelClassName, children: [
-    input,
-    /* @__PURE__ */ jsxRuntime.jsx(Label.Label, { asSpan: true, children })
-  ] });
-};
-exports.Radio = Radio;

package/dist/components/form/Radio/index.d.ts

@@ -1,2 +0,0 @@
-export { Radio, type RadioProps } from './Radio';
-export { RadioGroup, type RadioGroupProps } from './RadioGroup';