one-design-next 0.0.4-alpha.100

package/dist/pop-base/mergeProps.js

@@ -0,0 +1,144 @@
+function _typeof(o) { "@babel/helpers - typeof"; 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 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 t; }
+function _objectSpread(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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+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 ("string" === r ? String : Number)(t); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+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(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 _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; }
+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; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+/**
+ * Adds a `preventBaseUIHandler` method to all event handlers.
+ */
+
+/**
+ * Merges multiple sets of React props. It follows the Object.assign pattern where the rightmost object's fields overwrite
+ * the conflicting ones from others. This doesn't apply to event handlers, `className` and `style` props.
+ * Event handlers are merged such that they are called in sequence (the rightmost one being called first),
+ * and allows the user to prevent the subsequent event handlers from being
+ * executed by attaching a `preventBaseUIHandler` method.
+ * It also merges the `className` and `style` props, whereby the classes are concatenated
+ * and the rightmost styles overwrite the subsequent ones.
+ *
+ * Props can either be provided as objects or as functions that take the previous props as an argument.
+ * The function will receive the merged props up to that point (going from left to right):
+ * so in the case of `(obj1, obj2, fn, obj3)`, `fn` will receive the merged props of `obj1` and `obj2`.
+ * The function is responsible for chaining event handlers if needed (i.e. we don't run the merge logic).
+ *
+ * Event handlers returned by the functions are not automatically prevented when `preventBaseUIHandler` is called.
+ * They must check `event.baseUIHandlerPrevented` themselves and bail out if it's true.
+ *
+ * @important **`ref` is not merged.**
+ * @param props props to merge.
+ * @returns the merged props.
+ */
+export function mergeProps() {
+  var _merged;
+  if (arguments.length === 0) {
+    return {};
+  }
+  if (arguments.length === 1) {
+    return resolvePropsGetter(arguments.length <= 0 ? undefined : arguments[0], {});
+  }
+  var merged = resolvePropsGetter(arguments.length <= 0 ? undefined : arguments[0], {});
+  for (var i = 1; i < arguments.length; i += 1) {
+    var propsOrPropsGetter = i < 0 || arguments.length <= i ? undefined : arguments[i];
+    if (!propsOrPropsGetter) {
+      continue;
+    }
+    if (isPropsGetter(propsOrPropsGetter)) {
+      merged = propsOrPropsGetter(merged);
+    } else {
+      merged = merge(merged, propsOrPropsGetter);
+    }
+  }
+  return (_merged = merged) !== null && _merged !== void 0 ? _merged : {};
+}
+function resolvePropsGetter(propsOrPropsGetter, previousProps) {
+  if (isPropsGetter(propsOrPropsGetter)) {
+    return propsOrPropsGetter(previousProps);
+  }
+  return propsOrPropsGetter !== null && propsOrPropsGetter !== void 0 ? propsOrPropsGetter : {};
+}
+
+/**
+ * Merges two sets of props. In case of conflicts, the external props take precedence.
+ */
+function merge(internalProps, externalProps) {
+  if (!externalProps) {
+    if (!internalProps) {
+      return {};
+    }
+    return internalProps;
+  }
+  if (!internalProps) {
+    return externalProps;
+  }
+  return Object.entries(externalProps).reduce(function (mergedProps, _ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+      propName = _ref2[0],
+      externalPropValue = _ref2[1];
+    if (isEventHandler(propName, externalPropValue)) {
+      mergedProps[propName] = mergeEventHandlers(internalProps[propName], externalPropValue);
+    } else if (propName === 'style') {
+      mergedProps[propName] = mergeStyles(internalProps.style, externalPropValue);
+    } else if (propName === 'className') {
+      mergedProps[propName] = mergeClassNames(internalProps.className, externalPropValue);
+    } else {
+      mergedProps[propName] = externalPropValue;
+    }
+    return mergedProps;
+  }, _objectSpread({}, internalProps));
+}
+function isEventHandler(key, value) {
+  // This approach is more efficient than using a regex.
+  var thirdCharCode = key.charCodeAt(2);
+  return key[0] === 'o' && key[1] === 'n' && thirdCharCode >= 65 /* A */ && thirdCharCode <= 90 /* Z */ && typeof value === 'function';
+}
+function isPropsGetter(propsOrPropsGetter) {
+  return typeof propsOrPropsGetter === 'function';
+}
+function mergeEventHandlers(ourHandler, theirHandler) {
+  return function (event) {
+    if (isSyntheticEvent(event)) {
+      var baseUIEvent = event;
+      makeEventPreventable(baseUIEvent);
+      var _result = theirHandler(baseUIEvent);
+      if (!baseUIEvent.baseUIHandlerPrevented) {
+        ourHandler === null || ourHandler === void 0 || ourHandler(baseUIEvent);
+      }
+      return _result;
+    }
+    var result = theirHandler(event);
+    ourHandler === null || ourHandler === void 0 || ourHandler(event);
+    return result;
+  };
+}
+export function makeEventPreventable(event) {
+  event.preventBaseUIHandler = function () {
+    event.baseUIHandlerPrevented = true;
+  };
+  return event;
+}
+function mergeStyles(ourStyle, theirStyle) {
+  if (theirStyle || ourStyle) {
+    return _objectSpread(_objectSpread({}, ourStyle), theirStyle);
+  }
+  return undefined;
+}
+function mergeClassNames(ourClassName, theirClassName) {
+  if (theirClassName) {
+    if (ourClassName) {
+      // eslint-disable-next-line prefer-template
+      return theirClassName + ' ' + ourClassName;
+    }
+    return theirClassName;
+  }
+  return ourClassName;
+}
+function isSyntheticEvent(event) {
+  return event != null && _typeof(event) === 'object' && 'nativeEvent' in event;
+}

package/dist/pop-base/style/index.css

@@ -0,0 +1,123 @@
+@layer components {
+  [data-odn-popup] {
+    z-index: var(--odn-z-index-popup);
+  }
+  [data-odn-popup-content] {
+    position: relative;
+    width: max-content;
+    max-width: var(--odn-popup-max-width);
+    font-size: var(--odn-popup-font-size);
+    line-height: var(--odn-popup-line-height);
+    overflow-wrap: break-word;
+    white-space: pre-line;
+    border: var(--odn-popup-border);
+    border-radius: var(--odn-popup-border-radius);
+    box-shadow: var(--odn-popup-box-shadow);
+    filter: var(--odn-popup-filter);
+  }
+  [data-odn-popup-arrow] {
+    position: absolute;
+  }
+  [data-odn-popup-arrow] svg {
+    display: block;
+    transition: 200ms ease-in-out all;
+  }
+  [data-odn-popup-arrow-outer-stroke] {
+    fill: rgba(0, 0, 0, 0.06);
+  }
+  [data-odn-popup-content] {
+    transition-property: opacity, transform;
+  }
+  [data-odn-popup-content][data-status=open],
+  [data-odn-popup-content][data-status=close] {
+    transition-duration: 0.12s;
+    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+  }
+  [data-odn-popup-content][data-status=initial],
+  [data-odn-popup-content][data-status=close] {
+    opacity: 0;
+  }
+  [data-odn-popup-content][data-arrowed=true][data-status=initial],
+  [data-odn-popup-content][data-arrowed=true][data-status=close] {
+    transform: scale(0.8);
+  }
+  [data-odn-popup-content][data-arrowed=false][data-status=initial][data-placement^=top],
+  [data-odn-popup-content][data-arrowed=false][data-status=close][data-placement^=top] {
+    transform: translate3d(0, 4px, 0);
+  }
+  [data-odn-popup-content][data-arrowed=false][data-status=initial][data-placement^=bottom],
+  [data-odn-popup-content][data-arrowed=false][data-status=close][data-placement^=bottom] {
+    transform: translate3d(0, -4px, 0);
+  }
+  [data-odn-popup-content][data-arrowed=false][data-status=initial][data-placement^=left],
+  [data-odn-popup-content][data-arrowed=false][data-status=close][data-placement^=left] {
+    transform: translate3d(4px, 0, 0);
+  }
+  [data-odn-popup-content][data-arrowed=false][data-status=initial][data-placement^=right],
+  [data-odn-popup-content][data-arrowed=false][data-status=close][data-placement^=right] {
+    transform: translate3d(-4px, 0, 0);
+  }
+  [data-odn-popup][data-placement^=top][data-arrowed=true] {
+    padding-bottom: 12px;
+  }
+  [data-odn-popup][data-placement^=top][data-arrowed=false] {
+    padding-bottom: 4px;
+  }
+  [data-odn-popup][data-placement^=top] [data-odn-popup-arrow] {
+    bottom: -8px;
+    transform: rotate(180deg);
+  }
+  [data-odn-popup][data-placement^=bottom][data-arrowed=true] {
+    padding-top: 12px;
+  }
+  [data-odn-popup][data-placement^=bottom][data-arrowed=false] {
+    padding-top: 4px;
+  }
+  [data-odn-popup][data-placement^=bottom] [data-odn-popup-arrow] {
+    top: -8px;
+  }
+  [data-odn-popup][data-placement^=left][data-arrowed=true] {
+    padding-right: 12px;
+  }
+  [data-odn-popup][data-placement^=left][data-arrowed=false] {
+    padding-right: 4px;
+  }
+  [data-odn-popup][data-placement^=left] [data-odn-popup-arrow] {
+    right: -13px;
+    transform: rotate(90deg);
+  }
+  [data-odn-popup][data-placement^=right][data-arrowed=true] {
+    padding-left: 12px;
+  }
+  [data-odn-popup][data-placement^=right][data-arrowed=false] {
+    padding-left: 4px;
+  }
+  [data-odn-popup][data-placement^=right] [data-odn-popup-arrow] {
+    left: -13px;
+    transform: rotate(-90deg);
+  }
+  [data-odn-reference] {
+    display: inline-block;
+    vertical-align: top;
+  }
+  /* type */
+  [data-odn-popup][data-type=popover] [data-odn-popup-content] {
+    padding: var(--odn-popover-padding-block) var(--odn-popover-padding-inline);
+    color: #1f1f1f;
+    background-color: #fff;
+  }
+  [data-odn-popup][data-type=popover] [data-odn-popup-arrow-fill] {
+    fill: #fff;
+  }
+  [data-odn-popup][data-type=tooltip] [data-odn-popup-content] {
+    padding: var(--odn-tooltip-padding-block) var(--odn-tooltip-padding-inline);
+    color: #fff;
+    background-color: #404040;
+  }
+  [data-odn-popup][data-type=tooltip] [data-odn-popup-arrow-fill] {
+    fill: #404040;
+  }
+  [data-odn-tooltip-group-content] {
+    position: relative;
+  }
+}

package/dist/pop-base/style/index.d.ts

@@ -0,0 +1,2 @@
+import '../../style';
+import './index.scss';

package/dist/pop-base/style/index.js

@@ -0,0 +1,2 @@
+import "../../style";
+import "./index.css";

package/dist/pop-base/useForkRef.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+/**
+ * Merges refs into a single memoized callback ref or `null`.
+ */
+export declare function useForkRef<Instance>(...refs: Array<React.Ref<Instance> | undefined>): null | React.RefCallback<Instance>;

package/dist/pop-base/useForkRef.js

@@ -0,0 +1,52 @@
+import * as React from 'react';
+
+/**
+ * Merges refs into a single memoized callback ref or `null`.
+ */
+export function useForkRef() {
+  for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
+    refs[_key] = arguments[_key];
+  }
+  var cleanupRef = React.useRef(undefined);
+  var refEffect = React.useCallback(function (instance) {
+    var cleanups = refs.map(function (ref) {
+      if (ref == null) {
+        return null;
+      }
+      if (typeof ref === 'function') {
+        var refCallback = ref;
+        var refCleanup = refCallback(instance);
+        return typeof refCleanup === 'function' ? refCleanup : function () {
+          refCallback(null);
+        };
+      }
+      ref.current = instance;
+      return function () {
+        ref.current = null;
+      };
+    });
+    return function () {
+      cleanups.forEach(function (refCleanup) {
+        return refCleanup === null || refCleanup === void 0 ? void 0 : refCleanup();
+      });
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, refs);
+  return React.useMemo(function () {
+    if (refs.every(function (ref) {
+      return ref == null;
+    })) {
+      return null;
+    }
+    return function (value) {
+      if (cleanupRef.current) {
+        cleanupRef.current();
+        cleanupRef.current = undefined;
+      }
+      if (value != null) {
+        cleanupRef.current = refEffect(value);
+      }
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, refs);
+}

package/dist/popover/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { PopoverProps } from '../pop-base';
+declare const Popover: (props: PopoverProps) => React.JSX.Element;
+export default Popover;

package/dist/popover/index.js

@@ -0,0 +1,9 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React from 'react';
+import PopBase from "../pop-base";
+var Popover = function Popover(props) {
+  return /*#__PURE__*/React.createElement(PopBase, _extends({
+    type: "popover"
+  }, props));
+};
+export default Popover;

package/dist/radio/index.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+import { adqIconNames } from '../icon';
+import { PopoverProps } from '../pop-base';
+import './style';
+type ValueType = string;
+export interface RadioGroupProps<T extends ValueType = ValueType> extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue' | 'dir'> {
+    vertical?: boolean;
+    options?: {
+        label?: string;
+        value: T;
+        disabled?: boolean;
+        /**
+         * 加入问号气泡提示内容
+         */
+        helper?: React.ReactNode;
+        /**
+         * 问号气泡提示的 props，会将此对象都传递给 <Popover />
+         */
+        helperProps?: PopoverProps;
+    }[];
+    value?: T;
+    onChange?: (value: T) => void;
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * 自定义问号气泡的 Icon（对 options 中未单独设置 helperIcon 的项生效，options 项暂无 helperIcon 字段，仅用 Group 级别）
+     */
+    helperIcon?: (typeof adqIconNames)[number];
+}
+export interface RadioProps {
+    children: React.ReactNode;
+}
+declare const Radio: React.FC<RadioProps> & {
+    Group: React.FC<RadioGroupProps<string>>;
+};
+export default Radio;

package/dist/radio/index.js

@@ -0,0 +1,77 @@
+function _typeof(o) { "@babel/helpers - typeof"; 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); }
+var _excluded = ["value", "onChange", "options", "size", "vertical", "helperIcon"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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 t; }
+function _objectSpread(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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+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 ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import React, { useRef } from 'react';
+import Icon from "../icon";
+import Popover from "../popover";
+import { RadioGroupItemPrimitive, RadioGroupPrimitive } from "./primitive";
+import "./style";
+function RadioGroup(_ref) {
+  var value = _ref.value,
+    onChange = _ref.onChange,
+    options = _ref.options,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'medium' : _ref$size,
+    vertical = _ref.vertical,
+    helperIcon = _ref.helperIcon,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var id = useRef(Math.random().toString(36).substring(2, 15));
+  return /*#__PURE__*/React.createElement(RadioGroupPrimitive, _extends({
+    "data-odn-radio-group": true,
+    "data-odn-radio-group-size": size,
+    "data-odn-radio-group-vertical": vertical,
+    value: value,
+    onValueChange: onChange
+  }, props), options === null || options === void 0 ? void 0 : options.map(function (option) {
+    var helper = option.helper;
+    var helperProps = _objectSpread({
+      popup: helper
+    }, option.helperProps);
+    var showHelperIcon = !!(helper && helperIcon);
+    var showHelperText = !!(helper && !helperIcon);
+    var labelContent = option.label != null ? showHelperText ? /*#__PURE__*/React.createElement(Popover, _extends({}, helperProps, {
+      popup: helper
+    }), /*#__PURE__*/React.createElement("label", {
+      htmlFor: "".concat(id.current, "-").concat(option.value),
+      "data-odn-radio-label": true
+    }, option.label)) : /*#__PURE__*/React.createElement("label", {
+      htmlFor: "".concat(id.current, "-").concat(option.value),
+      "data-odn-radio-label": true
+    }, option.label) : null;
+    var popover = helper && helperIcon ? /*#__PURE__*/React.createElement("span", {
+      role: "none",
+      onClick: function onClick(e) {
+        e.stopPropagation();
+      }
+    }, /*#__PURE__*/React.createElement(Popover, helperProps, /*#__PURE__*/React.createElement(Icon, {
+      name: helperIcon,
+      color: "var(--gray-600)",
+      className: "odn-radio-helper"
+    }))) : null;
+    return /*#__PURE__*/React.createElement("div", {
+      key: option.value,
+      "data-odn-radio": true,
+      "data-odn-radio-disabled": option.disabled,
+      "data-odn-radio-checked": option.value === value,
+      "data-odn-radio-helper-text": showHelperText
+    }, /*#__PURE__*/React.createElement(RadioGroupItemPrimitive, {
+      disabled: option.disabled,
+      value: option.value,
+      id: "".concat(id.current, "-").concat(option.value)
+    }), labelContent, popover);
+  }));
+}
+
+// TODO: 加入单独使用
+var Radio = function Radio(props) {
+  return /*#__PURE__*/React.createElement(React.Fragment, null);
+};
+Radio.Group = RadioGroup;
+export default Radio;

package/dist/radio/primitive.d.ts

@@ -0,0 +1,5 @@
+import * as RadioGroupRadix from '@radix-ui/react-radio-group';
+import * as React from 'react';
+declare const RadioGroupPrimitive: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<RadioGroupRadix.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>>;
+declare const RadioGroupItemPrimitive: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<RadioGroupRadix.RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>>;
+export { RadioGroupItemPrimitive, RadioGroupPrimitive };

package/dist/radio/primitive.js

@@ -0,0 +1,28 @@
+'use client';
+
+var _excluded = ["className"];
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import * as RadioGroupRadix from '@radix-ui/react-radio-group';
+import * as React from 'react';
+var RadioGroupPrimitive = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
+  return /*#__PURE__*/React.createElement(RadioGroupRadix.Root, _extends({
+    "data-odn-radio-group": true
+  }, props, {
+    ref: ref
+  }));
+}));
+RadioGroupPrimitive.displayName = RadioGroupRadix.Root.displayName;
+var RadioGroupItemPrimitive = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(RadioGroupRadix.Item, _extends({
+    ref: ref,
+    "data-odn-radio-input": true
+  }, props), /*#__PURE__*/React.createElement("div", {
+    "data-odn-radio-indicator": true
+  }));
+}));
+RadioGroupItemPrimitive.displayName = RadioGroupRadix.Item.displayName;
+export { RadioGroupItemPrimitive, RadioGroupPrimitive };