shineout 3.10.0-beta.7 → 3.10.0-beta.8

package/cjs/border-beam/border-beam.d.ts

@@ -0,0 +1,3 @@
+import type { BorderBeamProps } from './border-beam.type';
+declare const _default: (props: BorderBeamProps) => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/cjs/border-beam/border-beam.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _base = require("@sheinx/base");
+var _shineoutStyle = require("@sheinx/shineout-style");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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); }
+var jssStyle = {
+  borderBeam: _shineoutStyle.useBorderBeamStyle
+};
+var _default = exports.default = function _default(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.BorderBeam, _objectSpread(_objectSpread({}, props), {}, {
+    jssStyle: jssStyle
+  }));
+};

package/cjs/border-beam/border-beam.type.d.ts

@@ -0,0 +1,6 @@
+import type { BorderBeamProps as UnStyledBorderBeamProps } from '@sheinx/base';
+/**
+ * @title BorderBeam
+ */
+export type BorderBeamProps = Omit<UnStyledBorderBeamProps, 'jssStyle'>;
+export type { BorderBeamColor, BorderBeamGradient, BorderBeamGradientItem } from '@sheinx/base';

package/cjs/border-beam/border-beam.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/cjs/border-beam/index.d.ts

@@ -0,0 +1,7 @@
+import BorderBeam from './border-beam';
+type RefBorderBeam = typeof BorderBeam;
+export interface BorderBeamComponent extends RefBorderBeam {
+    displayName: string;
+}
+declare const BorderBeamComp: BorderBeamComponent;
+export default BorderBeamComp;

package/cjs/border-beam/index.js

@@ -0,0 +1,12 @@
+"use strict";
+"use client";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _borderBeam = _interopRequireDefault(require("./border-beam"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var BorderBeamComp = _borderBeam.default;
+BorderBeamComp.displayName = 'ShineoutBorderBeam';
+var _default = exports.default = BorderBeamComp;

package/cjs/border-beam/interface.d.ts

@@ -0,0 +1 @@
+export type { BorderBeamColor as Color, BorderBeamGradient as Gradient, BorderBeamGradientItem as GradientItem, BorderBeamProps as Props, } from './border-beam.type';

package/cjs/border-beam/interface.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/cjs/index.d.ts

@@ -1,6 +1,7 @@
 export { default as Alert } from './alert';
 export { default as Avatar } from './avatar';
 export { default as Badge } from './badge';
+export { default as BorderBeam } from './border-beam';
 export { default as Breadcrumb } from './breadcrumb';
 export { default as Button } from './button';
 export { default as Card } from './card';

package/cjs/index.js

@@ -9,6 +9,7 @@ var _exportNames = {
   Alert: true,
   Avatar: true,
   Badge: true,
+  BorderBeam: true,
   Breadcrumb: true,
   Button: true,
   Card: true,
@@ -91,6 +92,12 @@ Object.defineProperty(exports, "Badge", {
     return _badge.default;
   }
 });
+Object.defineProperty(exports, "BorderBeam", {
+  enumerable: true,
+  get: function get() {
+    return _borderBeam.default;
+  }
+});
 Object.defineProperty(exports, "Breadcrumb", {
   enumerable: true,
   get: function get() {
@@ -463,6 +470,7 @@ exports.utils = void 0;
 var _alert = _interopRequireDefault(require("./alert"));
 var _avatar = _interopRequireDefault(require("./avatar"));
 var _badge = _interopRequireDefault(require("./badge"));
+var _borderBeam = _interopRequireDefault(require("./border-beam"));
 var _breadcrumb = _interopRequireDefault(require("./breadcrumb"));
 var _button = _interopRequireDefault(require("./button"));
 var _card = _interopRequireDefault(require("./card"));
@@ -537,5 +545,5 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // 此文件由脚本自动生成，请勿直接修改。
 // This file was generated automatically by a script. Please do not modify it directly.
 var _default = exports.default = {
-  version: '3.10.0-beta.7'
+  version: '3.10.0-beta.8'
 };

package/cjs/type.d.ts

@@ -1,6 +1,7 @@
 export * as Alert from './alert/interface';
 export * as Avatar from './avatar/interface';
 export * as Badge from './badge/interface';
+export * as BorderBeam from './border-beam/interface';
 export * as Breadcrumb from './breadcrumb/interface';
 export * as Button from './button/interface';
 export * as Card from './card/interface';

package/cjs/type.js

@@ -4,13 +4,15 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Watermark = exports.Upload = exports.TreeSelect = exports.Tree = exports.Transfer = exports.Tooltip = exports.Textarea = exports.Tag = exports.Tabs = exports.Table = exports.Switch = exports.Sticky = exports.Steps = exports.Spin = exports.Slider = exports.Skeleton = exports.Select = exports.Rule = exports.Rate = exports.Radio = exports.Progress = exports.Popover = exports.Pagination = exports.Modal = exports.Message = exports.Menu = exports.List = exports.Link = exports.Input = exports.Image = exports.Icon = exports.Grid = exports.Gap = exports.Form = exports.Empty = exports.EditableArea = exports.Dropdown = exports.Drawer = exports.Divider = exports.Descriptions = exports.DatePicker = exports.Collapse = exports.Checkbox = exports.Cascader = exports.Carousel = exports.CardGroup = exports.Card = exports.Button = exports.Breadcrumb = exports.Badge = exports.Avatar = exports.Alert = void 0;
+exports.Watermark = exports.Upload = exports.TreeSelect = exports.Tree = exports.Transfer = exports.Tooltip = exports.Textarea = exports.Tag = exports.Tabs = exports.Table = exports.Switch = exports.Sticky = exports.Steps = exports.Spin = exports.Slider = exports.Skeleton = exports.Select = exports.Rule = exports.Rate = exports.Radio = exports.Progress = exports.Popover = exports.Pagination = exports.Modal = exports.Message = exports.Menu = exports.List = exports.Link = exports.Input = exports.Image = exports.Icon = exports.Grid = exports.Gap = exports.Form = exports.Empty = exports.EditableArea = exports.Dropdown = exports.Drawer = exports.Divider = exports.Descriptions = exports.DatePicker = exports.Collapse = exports.Checkbox = exports.Cascader = exports.Carousel = exports.CardGroup = exports.Card = exports.Button = exports.Breadcrumb = exports.BorderBeam = exports.Badge = exports.Avatar = exports.Alert = void 0;
 var _Alert = _interopRequireWildcard(require("./alert/interface"));
 exports.Alert = _Alert;
 var _Avatar = _interopRequireWildcard(require("./avatar/interface"));
 exports.Avatar = _Avatar;
 var _Badge = _interopRequireWildcard(require("./badge/interface"));
 exports.Badge = _Badge;
+var _BorderBeam = _interopRequireWildcard(require("./border-beam/interface"));
+exports.BorderBeam = _BorderBeam;
 var _Breadcrumb = _interopRequireWildcard(require("./breadcrumb/interface"));
 exports.Breadcrumb = _Breadcrumb;
 var _Button = _interopRequireWildcard(require("./button/interface"));

package/dist/shineout.js

@@ -30,6 +30,13 @@ return /******/ (function() { // webpackBootstrap
 
 
 
+/***/ }),
+
+/***/ 1930:
+/***/ (function() {
+
+
+
 /***/ }),
 
 /***/ 9743:
@@ -6356,6 +6363,7 @@ __webpack_require__.d(__webpack_exports__, {
   Alert: function() { return /* reexport */ src_alert_0; },
   Avatar: function() { return /* reexport */ src_avatar_0; },
   Badge: function() { return /* reexport */ src_badge_0; },
+  BorderBeam: function() { return /* reexport */ src_border_beam_0; },
   Breadcrumb: function() { return /* reexport */ src_breadcrumb_0; },
   Button: function() { return /* reexport */ src_button_0; },
   Card: function() { return /* reexport */ src_card_0; },
@@ -6639,6 +6647,7 @@ __webpack_require__.d(src_type_namespaceObject, {
   Alert: function() { return alert_interface; },
   Avatar: function() { return avatar_interface; },
   Badge: function() { return badge_interface; },
+  BorderBeam: function() { return border_beam_interface; },
   Breadcrumb: function() { return breadcrumb_interface; },
   Button: function() { return button_interface; },
   Card: function() { return card_interface; },
@@ -12336,7 +12345,7 @@ var handleStyle = function handleStyle(style) {
 };
 /* harmony default export */ var jss_style_handleStyle = (handleStyle);
 ;// CONCATENATED MODULE: ../shineout-style/src/version.ts
-/* harmony default export */ var version = ('3.10.0-beta.7');
+/* harmony default export */ var version = ('3.10.0-beta.8');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -16091,6 +16100,71 @@ var badgeStyle = {
 var useBadgeStyle = styled(badge_badge, 'badge');
 
 /* harmony default export */ var shineout_style_src_badge = ((/* unused pure expression or super */ null && (useBadgeStyle)));
+;// CONCATENATED MODULE: ../shineout-style/src/border-beam/border-beam.ts
+
+
+var MASK_SUPPORT = '@supports ((mask-composite: exclude) or (-webkit-mask-composite: xor))';
+var PATH_SUPPORT = '@supports (offset-path: rect(0 auto auto 0 round 1px))';
+var gradient = 'linear-gradient(to left, ' + CommonToken['Brand-6'] + ' 0%, ' + CommonToken['Brand-5'] + ' 70%, transparent)';
+var borderBeamStyle = {
+  rootClass: {},
+  beam: defineProperty_default()(defineProperty_default()({
+    boxSizing: 'border-box',
+    display: 'none',
+    position: 'absolute',
+    inset: 'var(--soui-border-beam-inset-offset, 0px)',
+    borderRadius: 'var(--soui-border-beam-border-radius, 0px)',
+    zIndex: 1,
+    overflow: 'hidden',
+    pointerEvents: 'none',
+    padding: 'var(--soui-border-beam-line-width, 1px)'
+  }, MASK_SUPPORT, defineProperty_default()({
+    WebkitMask: 'linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0)',
+    WebkitMaskComposite: 'xor',
+    mask: 'linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0)',
+    maskComposite: 'exclude'
+  }, PATH_SUPPORT, {
+    display: 'block',
+    '&::before': {
+      content: '""',
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      width: 'var(--soui-border-beam-size, 100px)',
+      aspectRatio: '1 / 1',
+      opacity: 0.95,
+      backgroundImage: 'var(--soui-border-beam-gradient, ' + gradient + ')',
+      offsetAnchor: '90% 50%',
+      offsetDistance: '0%',
+      offsetPath: 'rect(0 auto auto 0 round var(--soui-border-beam-size, 100px))',
+      offsetRotate: 'auto',
+      animationName: '$borderBeamMove',
+      animationDuration: 'var(--soui-border-beam-duration, 6s)',
+      animationTimingFunction: 'linear',
+      animationIterationCount: 'infinite',
+      willChange: 'offset-distance'
+    }
+  })), '@media (prefers-reduced-motion: reduce)', {
+    '&::before': {
+      display: 'none'
+    }
+  }),
+  '@keyframes borderBeamMove': {
+    from: {
+      offsetDistance: '0%'
+    },
+    to: {
+      offsetDistance: '100%'
+    }
+  }
+};
+/* harmony default export */ var border_beam = (borderBeamStyle);
+;// CONCATENATED MODULE: ../shineout-style/src/border-beam/index.ts
+
+
+var useBorderBeamStyle = styled(border_beam, 'border-beam');
+
+/* harmony default export */ var src_border_beam = ((/* unused pure expression or super */ null && (useBorderBeamStyle)));
 ;// CONCATENATED MODULE: ../shineout-style/src/breadcrumb/breadcrumb.ts
 
 var breadcrumbStyle = {
@@ -30478,6 +30552,7 @@ var useWatermarkStyle = styled(watermark, 'watermark');
 
 
 
+
 
 
 /* harmony default export */ var shineout_style_src = ({});
@@ -34059,9 +34134,267 @@ var badge_jssStyle = {
 var BadgeComp = src_badge_badge_0;
 BadgeComp.displayName = 'ShineoutBadge';
 /* harmony default export */ var src_badge_0 = (BadgeComp);
+;// CONCATENATED MODULE: ../base/src/border-beam/border-beam-effect.tsx
+
+
+
+
+var BorderBeamEffect = function BorderBeamEffect(_ref) {
+  var host = _ref.host,
+    rootClassName = _ref.rootClassName,
+    beamClassName = _ref.beamClassName,
+    className = _ref.className,
+    style = _ref.style;
+  if (!host) return null;
+  return /*#__PURE__*/(0,external_root_ReactDOM_commonjs2_react_dom_commonjs_react_dom_amd_react_dom_.createPortal)( /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+    "aria-hidden": "true",
+    className: classnames_default()(rootClassName, beamClassName, className),
+    style: style
+  }), host);
+};
+/* harmony default export */ var border_beam_effect = (BorderBeamEffect);
+;// CONCATENATED MODULE: ../base/src/border-beam/use-border-size.ts
+
+
+var DEFAULT_BORDER_INFO = {
+  borderWidth: [0, 0, 0, 0],
+  borderRadius: '0px'
+};
+var parseBorderWidth = function parseBorderWidth(value) {
+  var width = Number.parseFloat(value);
+  return Number.isFinite(width) ? width : 0;
+};
+var useBorderSize = function useBorderSize(host) {
+  var _React$useState = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useState(DEFAULT_BORDER_INFO),
+    _React$useState2 = slicedToArray_default()(_React$useState, 2),
+    borderInfo = _React$useState2[0],
+    setBorderInfo = _React$useState2[1];
+  external_root_React_commonjs2_react_commonjs_react_amd_react_default().useEffect(function () {
+    if (!host) {
+      setBorderInfo(DEFAULT_BORDER_INFO);
+      return;
+    }
+    var view = host.ownerDocument.defaultView;
+    if (!view) {
+      setBorderInfo(DEFAULT_BORDER_INFO);
+      return;
+    }
+    var style = view.getComputedStyle(host);
+    setBorderInfo({
+      borderWidth: [parseBorderWidth(style.borderTopWidth), parseBorderWidth(style.borderRightWidth), parseBorderWidth(style.borderBottomWidth), parseBorderWidth(style.borderLeftWidth)],
+      borderRadius: style.borderRadius || '0px'
+    });
+  }, [host]);
+  return borderInfo;
+};
+/* harmony default export */ var use_border_size = (useBorderSize);
+;// CONCATENATED MODULE: ../base/src/border-beam/use-child-dom.ts
+
+
+
+var FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
+var MEMO_TYPE = Symbol.for('react.memo');
+var canAcceptRefType = function canAcceptRefType(type) {
+  if (typeof type === 'string') return true;
+  if (typeof type === 'function') {
+    var _prototype;
+    return Boolean((_prototype = type.prototype) === null || _prototype === void 0 ? void 0 : _prototype.isReactComponent);
+  }
+  if (!type || typeof_default()(type) !== 'object') return false;
+  var candidate = type;
+  if (candidate.$$typeof === FORWARD_REF_TYPE) return true;
+  return candidate.$$typeof === MEMO_TYPE ? canAcceptRefType(candidate.type) : false;
+};
+var getReactMajorVersion = function getReactMajorVersion() {
+  return Number.parseInt((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).version, 10);
+};
+var canElementAcceptRef = function canElementAcceptRef(element) {
+  var reactMajorVersion = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : getReactMajorVersion();
+  if (element.type === (external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment) return false;
+  return reactMajorVersion >= 19 || canAcceptRefType(element.type);
+};
+var getElementRef = function getElementRef(element) {
+  return getReactMajorVersion() >= 19 ? element.props.ref : element.ref;
+};
+var toHost = function toHost(node) {
+  var candidate = node && typeof_default()(node) === 'object' && 'nativeElement' in node ? node.nativeElement : node;
+  return typeof HTMLElement !== 'undefined' && candidate instanceof HTMLElement ? candidate : null;
+};
+var mergeRefs = function mergeRefs() {
+  for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
+    refs[_key] = arguments[_key];
+  }
+  return function (node) {
+    var callbackRefsWithoutCleanup = [];
+    var objectRefs = [];
+    var cleanups = [];
+    refs.forEach(function (ref) {
+      if (typeof ref === 'function') {
+        var cleanup = ref(node);
+        if (typeof cleanup === 'function') {
+          cleanups.push(cleanup);
+        } else {
+          callbackRefsWithoutCleanup.push(ref);
+        }
+      } else if (ref) {
+        var objectRef = ref;
+        objectRef.current = node;
+        objectRefs.push(objectRef);
+      }
+    });
+    if (!cleanups.length) return;
+    return function () {
+      var error;
+      cleanups.forEach(function (cleanup) {
+        try {
+          cleanup();
+        } catch (cleanupError) {
+          error || (error = cleanupError);
+        }
+      });
+      callbackRefsWithoutCleanup.forEach(function (ref) {
+        return ref(null);
+      });
+      objectRefs.forEach(function (ref) {
+        ref.current = null;
+      });
+      if (error) throw error;
+    };
+  };
+};
+var useChildDom = function useChildDom(children) {
+  var _React$useState = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useState(null),
+    _React$useState2 = slicedToArray_default()(_React$useState, 2),
+    host = _React$useState2[0],
+    setHost = _React$useState2[1];
+  var child = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().isValidElement(children) ? children : null;
+  var canAcceptRef = Boolean(child && canElementAcceptRef(child));
+  var childRef = child && canAcceptRef ? getElementRef(child) : undefined;
+  var internalRef = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useCallback(function (node) {
+    var nextHost = toHost(node);
+    setHost(function (currentHost) {
+      return currentHost === nextHost ? currentHost : nextHost;
+    });
+  }, []);
+  var mergedRef = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useMemo(function () {
+    return mergeRefs(childRef, internalRef);
+  }, [childRef]);
+  if (!child || !canAcceptRef) return [children, null];
+  return [/*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().cloneElement(child, {
+    ref: mergedRef
+  }), host];
+};
+/* harmony default export */ var use_child_dom = (useChildDom);
 // EXTERNAL MODULE: ../../node_modules/.pnpm/@babel+runtime@7.23.6/node_modules/@babel/runtime/helpers/toConsumableArray.js
 var toConsumableArray = __webpack_require__(6468);
 var toConsumableArray_default = /*#__PURE__*/__webpack_require__.n(toConsumableArray);
+;// CONCATENATED MODULE: ../base/src/border-beam/util.ts
+
+
+var DEFAULT_BORDER_BEAM_DURATION = 6;
+var MAX_BEAM_COLOR_STOP_PERCENT = 70;
+var BORDER_BEAM_CSS_VARIABLES = {
+  gradient: '--soui-border-beam-gradient',
+  duration: '--soui-border-beam-duration',
+  lineWidth: '--soui-border-beam-line-width',
+  size: '--soui-border-beam-size',
+  insetOffset: '--soui-border-beam-inset-offset',
+  borderRadius: '--soui-border-beam-border-radius'
+};
+var fillGradientEnd = function fillGradientEnd(items) {
+  var lastItem = items[items.length - 1];
+  if (!lastItem || lastItem.percent === 100) return items;
+  return [].concat(toConsumableArray_default()(items), [objectSpread2_default()(objectSpread2_default()({}, lastItem), {}, {
+    percent: 100
+  })]);
+};
+var mapStopPercent = function mapStopPercent(percent) {
+  return Number((Math.min(Math.max(percent, 0), 100) / 100 * MAX_BEAM_COLOR_STOP_PERCENT).toFixed(2));
+};
+var getBorderBeamGradient = function getBorderBeamGradient(value) {
+  var source = typeof value === 'string' ? [{
+    color: value,
+    percent: 0
+  }] : value || [];
+  var stops = fillGradientEnd(source).map(function (item) {
+    return item.color + ' ' + mapStopPercent(item.percent) + '%';
+  });
+  return stops.length ? 'linear-gradient(to left, ' + stops.join(', ') + ', transparent)' : undefined;
+};
+var toCssUnit = function toCssUnit(value) {
+  return typeof value === 'number' ? value + 'px' : value;
+};
+var getInset = function getInset(value) {
+  return typeof value === 'string' ? 'calc(-1 * ' + value + ')' : '-' + value + 'px';
+};
+var getBorderBeamInset = function getBorderBeamInset(outset, borderWidth) {
+  return outset === undefined || outset === null ? borderWidth.map(getInset).join(' ') : getInset(outset);
+};
+;// CONCATENATED MODULE: ../base/src/border-beam/border-beam.tsx
+
+
+
+
+
+
+
+
+
+
+
+var BorderBeam = function BorderBeam(props) {
+  var _jssStyle$borderBeam;
+  var children = props.children,
+    className = props.className,
+    style = props.style,
+    color = props.color,
+    duration = props.duration,
+    lineWidth = props.lineWidth,
+    outset = props.outset,
+    size = props.size,
+    jssStyle = props.jssStyle;
+  var classes = (jssStyle === null || jssStyle === void 0 || (_jssStyle$borderBeam = jssStyle.borderBeam) === null || _jssStyle$borderBeam === void 0 ? void 0 : _jssStyle$borderBeam.call(jssStyle)) || {};
+  var _useChildDom = use_child_dom(children),
+    _useChildDom2 = slicedToArray_default()(_useChildDom, 2),
+    childNode = _useChildDom2[0],
+    host = _useChildDom2[1];
+  var _useBorderSize = use_border_size(host),
+    borderWidth = _useBorderSize.borderWidth,
+    borderRadius = _useBorderSize.borderRadius;
+  var gradient = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useMemo(function () {
+    return getBorderBeamGradient(color);
+  }, [color]);
+  var effectStyle = objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({}, style), gradient ? defineProperty_default()({}, BORDER_BEAM_CSS_VARIABLES.gradient, gradient) : {}), typeof duration === 'number' && duration > 0 ? defineProperty_default()({}, BORDER_BEAM_CSS_VARIABLES.duration, duration + 's') : {}), lineWidth !== undefined && lineWidth !== null ? defineProperty_default()({}, BORDER_BEAM_CSS_VARIABLES.lineWidth, toCssUnit(lineWidth)) : {}), size !== undefined && size !== null ? defineProperty_default()({}, BORDER_BEAM_CSS_VARIABLES.size, toCssUnit(size)) : {}), {}, defineProperty_default()(defineProperty_default()({}, BORDER_BEAM_CSS_VARIABLES.insetOffset, getBorderBeamInset(outset, borderWidth)), BORDER_BEAM_CSS_VARIABLES.borderRadius, borderRadius));
+  return /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
+    children: [childNode, /*#__PURE__*/(0,jsx_runtime.jsx)(border_beam_effect, {
+      host: host,
+      rootClassName: classes.rootClass,
+      beamClassName: classes.beam,
+      className: className,
+      style: effectStyle
+    })]
+  });
+};
+/* harmony default export */ var border_beam_border_beam = (BorderBeam);
+;// CONCATENATED MODULE: ./src/border-beam/border-beam.tsx
+
+
+
+
+
+var border_beam_jssStyle = {
+  borderBeam: useBorderBeamStyle
+};
+/* harmony default export */ var src_border_beam_border_beam = (function (props) {
+  return /*#__PURE__*/(0,jsx_runtime.jsx)(border_beam_border_beam, objectSpread2_default()(objectSpread2_default()({}, props), {}, {
+    jssStyle: border_beam_jssStyle
+  }));
+});
+;// CONCATENATED MODULE: ./src/border-beam/index.ts
+
+var BorderBeamComp = src_border_beam_border_beam;
+BorderBeamComp.displayName = 'ShineoutBorderBeam';
+/* harmony default export */ var src_border_beam_0 = (BorderBeamComp);
 ;// CONCATENATED MODULE: ../hooks/src/utils/render.ts
 
 
@@ -77597,6 +77930,8 @@ var alert_interface = __webpack_require__(7495);
 var avatar_interface = __webpack_require__(4891);
 // EXTERNAL MODULE: ./src/badge/interface.ts
 var badge_interface = __webpack_require__(828);
+// EXTERNAL MODULE: ./src/border-beam/interface.ts
+var border_beam_interface = __webpack_require__(1930);
 // EXTERNAL MODULE: ./src/breadcrumb/interface.ts
 var breadcrumb_interface = __webpack_require__(9743);
 // EXTERNAL MODULE: ./src/button/interface.ts
@@ -77797,6 +78132,8 @@ var watermark_interface = __webpack_require__(6640);
 
 
 
+
+
 
 
 
@@ -77863,10 +78200,11 @@ var watermark_interface = __webpack_require__(6640);
 
 
 
+
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.10.0-beta.7'
+  version: '3.10.0-beta.8'
 });
 }();
 /******/ 	return __webpack_exports__;