musae 1.3.1-beta.2 → 1.3.1-beta.21

package/dist/components/timeline/item.cjs

@@ -3,75 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
+var styles = require('./styles.cjs');
 var React = require('react');
 var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.19.0/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
 var context = require('./context.cjs');
 var className = require('@aiszlab/relax/class-name');
 
-var styles = {
-  item: {
-    "default": {
-      k1xSpc: "musaex-rvj5dj",
-      kjj79g: "musaex-1nhvcw1",
-      kOIVth: "musaex-1a0l1y6",
-      kVQacm: "musaex-b3r6kr",
-      kGO01o: "musaex-1oxn6w8",
-      $$css: true
-    },
-    right: {
-      kumcoG: "musaex-1pmbctz",
-      kC13JO: "musaex-znaemz",
-      $$css: true
-    },
-    left: {
-      kumcoG: "musaex-52fmzj",
-      kC13JO: "musaex-196jfb2",
-      $$css: true
-    }
-  },
-  labeled: {
-    "default": {
-      kumcoG: "musaex-134kloy",
-      $$css: true
-    },
-    right: {
-      kC13JO: "musaex-1y7mvjm",
-      $$css: true
-    },
-    left: {
-      kC13JO: "musaex-hurxv4",
-      $$css: true
-    }
-  },
-  label: {
-    "default": {
-      kJuA4N: "musaex-xwd7sb",
-      $$css: true
-    },
-    right: {
-      kFhvOy: "musaex-15bdqvn",
-      $$css: true
-    },
-    left: {
-      kFhvOy: "musaex-wldb3t",
-      $$css: true
-    }
-  },
-  description: {
-    "default": {
-      kJuA4N: "musaex-19tbii3",
-      $$css: true
-    },
-    right: {
-      kFhvOy: "musaex-wldb3t",
-      $$css: true
-    },
-    left: {
-      kFhvOy: "musaex-15bdqvn",
-      $$css: true
-    }
-  }
-};
 var Item = function Item(_ref) {
   var description = _ref.description,
     label = _ref.label,
@@ -92,23 +29,12 @@ var Item = function Item(_ref) {
     return _mode;
   }, [_mode, value]);
   var styled = {
-    item: stylex.props(styles.item["default"], styles.item[mode], isLabeled && styles.labeled["default"], isLabeled && styles.labeled[mode]),
-    label: stylex.props(styles.label["default"], styles.label[mode]),
-    leading: {
-      0: {
-        className: "musaex-1kxrqrs musaex-qcrz7y"
-      },
-      1: {
-        className: "musaex-1kxrqrs musaex-qcrz7y musaex-1n2onr6 musaex-100rkj9 musaex-1j6awrg musaex-1nohuj4 musaex-1qndy6a musaex-gc2np musaex-1srwf7z musaex-avoipq"
-      }
-    }[!!!isMax << 0],
-    sign: {
-      className: "musaex-78zum5 musaex-l56j7k musaex-6s0dn4 musaex-1xwyno0 musaex-nsp0wn"
-    },
-    dot: {
-      className: "musaex-wmm6ig musaex-rntz3j musaex-shxsqp musaex-19fix8x"
-    },
-    description: stylex.props(styles.description["default"], styles.description[mode])
+    item: stylex.props(styles.default.item.base, styles.default.item[mode], isLabeled && styles.default.labeled.base, isLabeled && styles.default.labeled[mode]),
+    label: stylex.props(styles.default.label.base, styles.default.label[mode]),
+    leading: stylex.props(styles.default.leading.base, !isMax && styles.default.leading.tail),
+    sign: stylex.props(styles.default.sign.base),
+    dot: stylex.props(styles.default.dot.base),
+    description: stylex.props(styles.default.description.base, styles.default.description[mode])
   };
   return /*#__PURE__*/React.createElement("li", {
     className: className.stringify(classNames.item, styled.item.className),

package/dist/components/timeline/item.mjs

@@ -1,73 +1,10 @@
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
+import styles from './styles.mjs';
 import React, { useContext, useMemo } from 'react';
 import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.19.0/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
 import { Context } from './context.mjs';
 import { stringify } from '@aiszlab/relax/class-name';
 
-var styles = {
-  item: {
-    "default": {
-      k1xSpc: "musaex-rvj5dj",
-      kjj79g: "musaex-1nhvcw1",
-      kOIVth: "musaex-1a0l1y6",
-      kVQacm: "musaex-b3r6kr",
-      kGO01o: "musaex-1oxn6w8",
-      $$css: true
-    },
-    right: {
-      kumcoG: "musaex-1pmbctz",
-      kC13JO: "musaex-znaemz",
-      $$css: true
-    },
-    left: {
-      kumcoG: "musaex-52fmzj",
-      kC13JO: "musaex-196jfb2",
-      $$css: true
-    }
-  },
-  labeled: {
-    "default": {
-      kumcoG: "musaex-134kloy",
-      $$css: true
-    },
-    right: {
-      kC13JO: "musaex-1y7mvjm",
-      $$css: true
-    },
-    left: {
-      kC13JO: "musaex-hurxv4",
-      $$css: true
-    }
-  },
-  label: {
-    "default": {
-      kJuA4N: "musaex-xwd7sb",
-      $$css: true
-    },
-    right: {
-      kFhvOy: "musaex-15bdqvn",
-      $$css: true
-    },
-    left: {
-      kFhvOy: "musaex-wldb3t",
-      $$css: true
-    }
-  },
-  description: {
-    "default": {
-      kJuA4N: "musaex-19tbii3",
-      $$css: true
-    },
-    right: {
-      kFhvOy: "musaex-wldb3t",
-      $$css: true
-    },
-    left: {
-      kFhvOy: "musaex-15bdqvn",
-      $$css: true
-    }
-  }
-};
 var Item = function Item(_ref) {
   var description = _ref.description,
     label = _ref.label,
@@ -88,23 +25,12 @@ var Item = function Item(_ref) {
     return _mode;
   }, [_mode, value]);
   var styled = {
-    item: props(styles.item["default"], styles.item[mode], isLabeled && styles.labeled["default"], isLabeled && styles.labeled[mode]),
-    label: props(styles.label["default"], styles.label[mode]),
-    leading: {
-      0: {
-        className: "musaex-1kxrqrs musaex-qcrz7y"
-      },
-      1: {
-        className: "musaex-1kxrqrs musaex-qcrz7y musaex-1n2onr6 musaex-100rkj9 musaex-1j6awrg musaex-1nohuj4 musaex-1qndy6a musaex-gc2np musaex-1srwf7z musaex-avoipq"
-      }
-    }[!!!isMax << 0],
-    sign: {
-      className: "musaex-78zum5 musaex-l56j7k musaex-6s0dn4 musaex-1xwyno0 musaex-nsp0wn"
-    },
-    dot: {
-      className: "musaex-wmm6ig musaex-rntz3j musaex-shxsqp musaex-19fix8x"
-    },
-    description: props(styles.description["default"], styles.description[mode])
+    item: props(styles.item.base, styles.item[mode], isLabeled && styles.labeled.base, isLabeled && styles.labeled[mode]),
+    label: props(styles.label.base, styles.label[mode]),
+    leading: props(styles.leading.base, !isMax && styles.leading.tail),
+    sign: props(styles.sign.base),
+    dot: props(styles.dot.base),
+    description: props(styles.description.base, styles.description[mode])
   };
   return /*#__PURE__*/React.createElement("li", {
     className: stringify(classNames.item, styled.item.className),

package/dist/components/timeline/styles.cjs

@@ -0,0 +1,124 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var item = {
+  base: {
+    k1xSpc: "musaex-rvj5dj",
+    kjj79g: "musaex-1nhvcw1",
+    kOIVth: "musaex-1a0l1y6",
+    kVQacm: "musaex-b3r6kr",
+    kGO01o: "musaex-1oxn6w8",
+    $$css: true
+  },
+  right: {
+    kumcoG: "musaex-1pmbctz",
+    kC13JO: "musaex-znaemz",
+    $$css: true
+  },
+  left: {
+    kumcoG: "musaex-52fmzj",
+    kC13JO: "musaex-196jfb2",
+    $$css: true
+  }
+};
+var labeled = {
+  base: {
+    kumcoG: "musaex-134kloy",
+    $$css: true
+  },
+  right: {
+    kC13JO: "musaex-1y7mvjm",
+    $$css: true
+  },
+  left: {
+    kC13JO: "musaex-hurxv4",
+    $$css: true
+  }
+};
+var leading = {
+  base: {
+    kJuA4N: "musaex-1kxrqrs",
+    kSGwAc: "musaex-qcrz7y",
+    $$css: true
+  },
+  tail: {
+    kVAEAm: "musaex-1n2onr6",
+    k5JduY: "musaex-100rkj9",
+    kwXMNM: "musaex-1j6awrg",
+    k4zj60: "musaex-1nohuj4",
+    kkgrvl: "musaex-1qndy6a",
+    ks3ayO: "musaex-gc2np",
+    k3foIR: "musaex-1srwf7z",
+    kc1e00: "musaex-avoipq",
+    $$css: true
+  }
+};
+var sign = {
+  base: {
+    k1xSpc: "musaex-78zum5",
+    kjj79g: "musaex-l56j7k",
+    kGNEyG: "musaex-6s0dn4",
+    kzqmXN: "musaex-1xwyno0",
+    kZKoxP: "musaex-nsp0wn",
+    $$css: true
+  }
+};
+var dot = {
+  base: {
+    kzqmXN: "musaex-wmm6ig",
+    kZKoxP: "musaex-rntz3j",
+    kaIpWk: "musaex-shxsqp",
+    kWkggS: "musaex-19fix8x",
+    $$css: true
+  }
+};
+var label = {
+  base: {
+    kJuA4N: "musaex-xwd7sb",
+    $$css: true
+  },
+  right: {
+    kFhvOy: "musaex-15bdqvn",
+    $$css: true
+  },
+  left: {
+    kFhvOy: "musaex-wldb3t",
+    $$css: true
+  }
+};
+var description = {
+  base: {
+    kJuA4N: "musaex-19tbii3",
+    $$css: true
+  },
+  right: {
+    kFhvOy: "musaex-wldb3t",
+    $$css: true
+  },
+  left: {
+    kFhvOy: "musaex-15bdqvn",
+    $$css: true
+  }
+};
+var timeline = {
+  base: {
+    kogj98: "musaex-q3gua8",
+    kmVPX3: "musaex-1n775ky",
+    k1xSpc: "musaex-78zum5",
+    kXwgrk: "musaex-dt5ytf",
+    $$css: true
+  }
+};
+var styles = {
+  item: item,
+  labeled: labeled,
+  leading: leading,
+  sign: sign,
+  dot: dot,
+  label: label,
+  description: description,
+  timeline: timeline
+};
+
+exports.default = styles;

package/dist/components/timeline/styles.d.ts

@@ -0,0 +1,96 @@
+declare const styles: {
+    item: Readonly<{
+        readonly base: Readonly<{
+            readonly display: import("@stylexjs/stylex").StyleXClassNameFor<"display", "grid">;
+            readonly justifyContent: import("@stylexjs/stylex").StyleXClassNameFor<"justifyContent", "flex-start">;
+            readonly gap: import("@stylexjs/stylex").StyleXClassNameFor<"gap", string>;
+            readonly overflow: import("@stylexjs/stylex").StyleXClassNameFor<"overflow", "hidden">;
+            readonly paddingBlockEnd: import("@stylexjs/stylex").StyleXClassNameFor<"paddingBlockEnd", string>;
+        }>;
+        readonly right: Readonly<{
+            readonly gridTemplateColumns: import("@stylexjs/stylex").StyleXClassNameFor<"gridTemplateColumns", "auto 1fr">;
+            readonly gridTemplateAreas: import("@stylexjs/stylex").StyleXClassNameFor<"gridTemplateAreas", "'leading description'">;
+        }>;
+        readonly left: Readonly<{
+            readonly gridTemplateColumns: import("@stylexjs/stylex").StyleXClassNameFor<"gridTemplateColumns", "1fr auto">;
+            readonly gridTemplateAreas: import("@stylexjs/stylex").StyleXClassNameFor<"gridTemplateAreas", "'description leading'">;
+        }>;
+    }>;
+    labeled: Readonly<{
+        readonly base: Readonly<{
+            readonly gridTemplateColumns: import("@stylexjs/stylex").StyleXClassNameFor<"gridTemplateColumns", "1fr auto 1fr">;
+        }>;
+        readonly right: Readonly<{
+            readonly gridTemplateAreas: import("@stylexjs/stylex").StyleXClassNameFor<"gridTemplateAreas", "'label leading description'">;
+        }>;
+        readonly left: Readonly<{
+            readonly gridTemplateAreas: import("@stylexjs/stylex").StyleXClassNameFor<"gridTemplateAreas", "'description leading label'">;
+        }>;
+    }>;
+    leading: Readonly<{
+        readonly base: Readonly<{
+            readonly gridArea: import("@stylexjs/stylex").StyleXClassNameFor<"gridArea", "leading">;
+            readonly alignSelf: import("@stylexjs/stylex").StyleXClassNameFor<"alignSelf", "flex-start">;
+        }>;
+        readonly tail: Readonly<{
+            readonly position: import("@stylexjs/stylex").StyleXClassNameFor<"position", "relative">;
+            readonly "::after": import("@stylexjs/stylex").StyleXClassNameFor<"::after", {
+                readonly content: "''";
+                readonly position: "absolute";
+                readonly height: import("@stylexjs/stylex").StyleXVar<string>;
+                readonly width: import("@stylexjs/stylex").StyleXVar<string>;
+                readonly backgroundColor: "var(--color-primary)";
+                readonly insetBlockStart: "100%";
+                readonly insetInlineStart: `calc((100% - ${import("@stylexjs/stylex").StyleXVar<string>}) / 2)`;
+            }>;
+        }>;
+    }>;
+    sign: Readonly<{
+        readonly base: Readonly<{
+            readonly display: import("@stylexjs/stylex").StyleXClassNameFor<"display", "flex">;
+            readonly justifyContent: import("@stylexjs/stylex").StyleXClassNameFor<"justifyContent", "center">;
+            readonly alignItems: import("@stylexjs/stylex").StyleXClassNameFor<"alignItems", "center">;
+            readonly width: import("@stylexjs/stylex").StyleXClassNameFor<"width", `var(--sign-size, ${import("@stylexjs/stylex").StyleXVar<string>})`>;
+            readonly height: import("@stylexjs/stylex").StyleXClassNameFor<"height", `var(--sign-size, ${import("@stylexjs/stylex").StyleXVar<string>})`>;
+        }>;
+    }>;
+    dot: Readonly<{
+        readonly base: Readonly<{
+            readonly width: import("@stylexjs/stylex").StyleXClassNameFor<"width", string>;
+            readonly height: import("@stylexjs/stylex").StyleXClassNameFor<"height", string>;
+            readonly borderRadius: import("@stylexjs/stylex").StyleXClassNameFor<"borderRadius", string>;
+            readonly backgroundColor: import("@stylexjs/stylex").StyleXClassNameFor<"backgroundColor", "var(--color-primary)">;
+        }>;
+    }>;
+    label: Readonly<{
+        readonly base: Readonly<{
+            readonly gridArea: import("@stylexjs/stylex").StyleXClassNameFor<"gridArea", "label">;
+        }>;
+        readonly right: Readonly<{
+            readonly justifySelf: import("@stylexjs/stylex").StyleXClassNameFor<"justifySelf", "flex-end">;
+        }>;
+        readonly left: Readonly<{
+            readonly justifySelf: import("@stylexjs/stylex").StyleXClassNameFor<"justifySelf", "flex-start">;
+        }>;
+    }>;
+    description: Readonly<{
+        readonly base: Readonly<{
+            readonly gridArea: import("@stylexjs/stylex").StyleXClassNameFor<"gridArea", "description">;
+        }>;
+        readonly right: Readonly<{
+            readonly justifySelf: import("@stylexjs/stylex").StyleXClassNameFor<"justifySelf", "flex-start">;
+        }>;
+        readonly left: Readonly<{
+            readonly justifySelf: import("@stylexjs/stylex").StyleXClassNameFor<"justifySelf", "flex-end">;
+        }>;
+    }>;
+    timeline: Readonly<{
+        readonly base: Readonly<{
+            readonly margin: import("@stylexjs/stylex").StyleXClassNameFor<"margin", string>;
+            readonly padding: import("@stylexjs/stylex").StyleXClassNameFor<"padding", string>;
+            readonly display: import("@stylexjs/stylex").StyleXClassNameFor<"display", "flex">;
+            readonly flexDirection: import("@stylexjs/stylex").StyleXClassNameFor<"flexDirection", "column">;
+        }>;
+    }>;
+};
+export default styles;

package/dist/components/timeline/styles.mjs

@@ -0,0 +1,120 @@
+var item = {
+  base: {
+    k1xSpc: "musaex-rvj5dj",
+    kjj79g: "musaex-1nhvcw1",
+    kOIVth: "musaex-1a0l1y6",
+    kVQacm: "musaex-b3r6kr",
+    kGO01o: "musaex-1oxn6w8",
+    $$css: true
+  },
+  right: {
+    kumcoG: "musaex-1pmbctz",
+    kC13JO: "musaex-znaemz",
+    $$css: true
+  },
+  left: {
+    kumcoG: "musaex-52fmzj",
+    kC13JO: "musaex-196jfb2",
+    $$css: true
+  }
+};
+var labeled = {
+  base: {
+    kumcoG: "musaex-134kloy",
+    $$css: true
+  },
+  right: {
+    kC13JO: "musaex-1y7mvjm",
+    $$css: true
+  },
+  left: {
+    kC13JO: "musaex-hurxv4",
+    $$css: true
+  }
+};
+var leading = {
+  base: {
+    kJuA4N: "musaex-1kxrqrs",
+    kSGwAc: "musaex-qcrz7y",
+    $$css: true
+  },
+  tail: {
+    kVAEAm: "musaex-1n2onr6",
+    k5JduY: "musaex-100rkj9",
+    kwXMNM: "musaex-1j6awrg",
+    k4zj60: "musaex-1nohuj4",
+    kkgrvl: "musaex-1qndy6a",
+    ks3ayO: "musaex-gc2np",
+    k3foIR: "musaex-1srwf7z",
+    kc1e00: "musaex-avoipq",
+    $$css: true
+  }
+};
+var sign = {
+  base: {
+    k1xSpc: "musaex-78zum5",
+    kjj79g: "musaex-l56j7k",
+    kGNEyG: "musaex-6s0dn4",
+    kzqmXN: "musaex-1xwyno0",
+    kZKoxP: "musaex-nsp0wn",
+    $$css: true
+  }
+};
+var dot = {
+  base: {
+    kzqmXN: "musaex-wmm6ig",
+    kZKoxP: "musaex-rntz3j",
+    kaIpWk: "musaex-shxsqp",
+    kWkggS: "musaex-19fix8x",
+    $$css: true
+  }
+};
+var label = {
+  base: {
+    kJuA4N: "musaex-xwd7sb",
+    $$css: true
+  },
+  right: {
+    kFhvOy: "musaex-15bdqvn",
+    $$css: true
+  },
+  left: {
+    kFhvOy: "musaex-wldb3t",
+    $$css: true
+  }
+};
+var description = {
+  base: {
+    kJuA4N: "musaex-19tbii3",
+    $$css: true
+  },
+  right: {
+    kFhvOy: "musaex-wldb3t",
+    $$css: true
+  },
+  left: {
+    kFhvOy: "musaex-15bdqvn",
+    $$css: true
+  }
+};
+var timeline = {
+  base: {
+    kogj98: "musaex-q3gua8",
+    kmVPX3: "musaex-1n775ky",
+    k1xSpc: "musaex-78zum5",
+    kXwgrk: "musaex-dt5ytf",
+    $$css: true
+  }
+};
+var styles = {
+  item: item,
+  labeled: labeled,
+  leading: leading,
+  sign: sign,
+  dot: dot,
+  label: label,
+  description: description,
+  timeline: timeline
+};
+
+export { styles as default };

package/dist/components/timeline/timeline.cjs

@@ -3,8 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
+var styles = require('./styles.cjs');
 var React = require('react');
 var item = require('./item.cjs');
+var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.19.0/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
 var context = require('./context.cjs');
 var useClassNames = require('../../hooks/use-class-names.cjs');
 var className = require('@aiszlab/relax/class-name');
@@ -26,9 +28,7 @@ var Timeline = function Timeline(_ref) {
       classNames: classNames
     };
   }, [mode, total, size, classNames]);
-  var styled = {
-    className: "musaex-q3gua8 musaex-1n775ky musaex-78zum5 musaex-dt5ytf"
-  };
+  var styled = stylex.props(styles.default.timeline.base);
   return /*#__PURE__*/React.createElement(context.Context.Provider, {
     value: contextValue
   }, /*#__PURE__*/React.createElement("ol", {

package/dist/components/timeline/timeline.mjs

@@ -1,6 +1,8 @@
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
+import styles from './styles.mjs';
 import React, { useMemo } from 'react';
 import Item from './item.mjs';
+import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.19.0/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
 import { Context, CLASS_NAMES } from './context.mjs';
 import { useClassNames } from '../../hooks/use-class-names.mjs';
 import { stringify } from '@aiszlab/relax/class-name';
@@ -22,9 +24,7 @@ var Timeline = function Timeline(_ref) {
       classNames: classNames
     };
   }, [mode, total, size, classNames]);
-  var styled = {
-    className: "musaex-q3gua8 musaex-1n775ky musaex-78zum5 musaex-dt5ytf"
-  };
+  var styled = props(styles.timeline.base);
   return /*#__PURE__*/React.createElement(Context.Provider, {
     value: contextValue
   }, /*#__PURE__*/React.createElement("ol", {

package/dist/components/tour/spotlight.cjs

@@ -3,9 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var styles = require('./styles.cjs');
 var React = require('react');
 var className = require('@aiszlab/relax/class-name');
 var dom = require('@floating-ui/dom');
+var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.19.0/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
 var context = require('./context.cjs');
 
 var Spotlight = function Spotlight(_ref) {
@@ -49,9 +51,7 @@ var Spotlight = function Spotlight(_ref) {
       cleanup();
     };
   }, [trigger, paddingY, paddingX]);
-  var styled = {
-    className: "musaex-1u5qhrl musaex-m9kfsm musaex-11xpdln musaex-1ptezny musaex-1so62im musaex-1s85apg"
-  };
+  var styled = stylex.props(styles.default.spotlight.base);
   return /*#__PURE__*/React.createElement("div", {
     ref: floatable,
     className: className.stringify(classNames.spotlight, styled.className),

package/dist/components/tour/spotlight.mjs

@@ -1,7 +1,9 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import styles from './styles.mjs';
 import React, { useRef, useContext, useEffect } from 'react';
 import { stringify } from '@aiszlab/relax/class-name';
 import { autoUpdate, computePosition, size, offset } from '@floating-ui/dom';
+import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.19.0/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
 import { Context } from './context.mjs';
 
 var Spotlight = function Spotlight(_ref) {
@@ -45,9 +47,7 @@ var Spotlight = function Spotlight(_ref) {
       cleanup();
     };
   }, [trigger, paddingY, paddingX]);
-  var styled = {
-    className: "musaex-1u5qhrl musaex-m9kfsm musaex-11xpdln musaex-1ptezny musaex-1so62im musaex-1s85apg"
-  };
+  var styled = props(styles.spotlight.base);
   return /*#__PURE__*/React.createElement("div", {
     ref: floatable,
     className: stringify(classNames.spotlight, styled.className),