musae 1.3.1-beta.16 → 1.3.1-beta.18

package/dist/components/pagination/styles.cjs

@@ -14,6 +14,7 @@ var item = {
 var pagination = {
   base: {
     k1xSpc: "musaex-78zum5",
+    kGNEyG: "musaex-6s0dn4",
     k1C7PZ: "musaex-5xj0sk",
     kH6xsr: "musaex-3ct3a4",
     kogj98: "musaex-q3gua8",

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

@@ -22,6 +22,7 @@ declare const styles: {
     pagination: Readonly<{
         readonly base: Readonly<{
             readonly display: import("@stylexjs/stylex").StyleXClassNameFor<"display", "flex">;
+            readonly alignItems: import("@stylexjs/stylex").StyleXClassNameFor<"alignItems", "center">;
             readonly columnGap: import("@stylexjs/stylex").StyleXClassNameFor<"columnGap", string>;
             readonly listStyleType: import("@stylexjs/stylex").StyleXClassNameFor<"listStyleType", "none">;
             readonly margin: import("@stylexjs/stylex").StyleXClassNameFor<"margin", string>;

package/dist/components/pagination/styles.mjs

@@ -10,6 +10,7 @@ var item = {
 var pagination = {
   base: {
     k1xSpc: "musaex-78zum5",
+    kGNEyG: "musaex-6s0dn4",
     k1C7PZ: "musaex-5xj0sk",
     kH6xsr: "musaex-3ct3a4",
     kogj98: "musaex-q3gua8",

package/dist/components/popper/dropdown.cjs

@@ -13,6 +13,7 @@ var hooks = require('./hooks.cjs');
 var dom = require('@aiszlab/relax/dom');
 var context = require('./context.cjs');
 var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.19.0/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
+var tokens_stylex = require('../theme/tokens.stylex.cjs');
 
 var _excluded = ["open", "children", "placement", "style", "className", "onEnter", "onExit", "onExited", "onEntered", "trigger", "offset", "overlay", "arrow", "disappearable", "elevation", "portalClassName", "portalStyle"];
 var Dropdown = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
@@ -39,7 +40,7 @@ var Dropdown = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     portalStyle = _ref.portalStyle,
     props = _objectWithoutProperties(_ref, _excluded);
   var classNames = useClassNames.useClassNames(context.CLASS_NAMES);
-  var themeColorVars = useThemeColorVars.useThemeColorVars(["surface"]);
+  var themeColorVars = useThemeColorVars.useThemeColorVars(["surface", ["shadow", tokens_stylex.OPACITY.thicker], ["shadow", tokens_stylex.OPACITY.thick], ["shadow", tokens_stylex.OPACITY.medium]]);
   var _useFloating = hooks.useFloating({
       arrowable: arrowable,
       offset: offset,

package/dist/components/popper/dropdown.mjs

@@ -9,6 +9,7 @@ import { useFloating } from './hooks.mjs';
 import { contains } from '@aiszlab/relax/dom';
 import { CLASS_NAMES } from './context.mjs';
 import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.19.0/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
+import { OPACITY } from '../theme/tokens.stylex.mjs';
 
 var _excluded = ["open", "children", "placement", "style", "className", "onEnter", "onExit", "onExited", "onEntered", "trigger", "offset", "overlay", "arrow", "disappearable", "elevation", "portalClassName", "portalStyle"];
 var Dropdown = /*#__PURE__*/forwardRef(function (_ref, ref) {
@@ -35,7 +36,7 @@ var Dropdown = /*#__PURE__*/forwardRef(function (_ref, ref) {
     portalStyle = _ref.portalStyle,
     props$1 = _objectWithoutProperties(_ref, _excluded);
   var classNames = useClassNames(CLASS_NAMES);
-  var themeColorVars = useThemeColorVars(["surface"]);
+  var themeColorVars = useThemeColorVars(["surface", ["shadow", OPACITY.thicker], ["shadow", OPACITY.thick], ["shadow", OPACITY.medium]]);
   var _useFloating = useFloating({
       arrowable: arrowable,
       offset: offset,

package/dist/components/popper/hooks.cjs

@@ -141,7 +141,7 @@ var useFloating = function useFloating(_ref2) {
     }, _callee2);
   })));
   // memorized offsets
-  useOffsets({
+  var offsets = useOffsets({
     offset: _offset,
     arrowable: arrowable
   });
@@ -153,7 +153,7 @@ var useFloating = function useFloating(_ref2) {
     var cleanup = dom.autoUpdate(trigger, _floatable, function () {
       dom.computePosition(trigger, _floatable, {
         placement: placement,
-        middleware: [dom.flip(), dom.shift(), arrowable && !!arrowRef.current && dom.arrow({
+        middleware: [dom.offset(offsets), dom.flip(), dom.shift(), arrowable && !!arrowRef.current && dom.arrow({
           element: arrowRef.current,
           padding: 16
         })]

package/dist/components/popper/hooks.mjs

@@ -4,7 +4,7 @@ import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import { useRef, useEffect, useMemo } from 'react';
 import { animate } from 'motion/react';
 import { isFunction, useEvent } from '@aiszlab/relax';
-import { autoUpdate, computePosition, flip, shift, arrow } from '@floating-ui/dom';
+import { autoUpdate, computePosition, offset, flip, shift, arrow } from '@floating-ui/dom';
 
 /**
  * @description
@@ -139,7 +139,7 @@ var useFloating = function useFloating(_ref2) {
     }, _callee2);
   })));
   // memorized offsets
-  useOffsets({
+  var offsets = useOffsets({
     offset: _offset,
     arrowable: arrowable
   });
@@ -151,7 +151,7 @@ var useFloating = function useFloating(_ref2) {
     var cleanup = autoUpdate(trigger, _floatable, function () {
       computePosition(trigger, _floatable, {
         placement: placement,
-        middleware: [flip(), shift(), arrowable && !!arrowRef.current && arrow({
+        middleware: [offset(offsets), flip(), shift(), arrowable && !!arrowRef.current && arrow({
           element: arrowRef.current,
           padding: 16
         })]

package/dist/components/popper/styles.cjs

@@ -32,7 +32,7 @@ var dropdown = {
     $$css: true
   },
   elevation: {
-    kGVxlE: "musaex-16g3oyh",
+    ku685b: "musaex-qmh4cb",
     $$css: true
   }
 };

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

@@ -26,7 +26,7 @@ declare const styles: {
             readonly opacity: import("@stylexjs/stylex").StyleXClassNameFor<"opacity", 0>;
         }>;
         readonly elevation: Readonly<{
-            readonly boxShadow: import("@stylexjs/stylex").StyleXClassNameFor<"boxShadow", string>;
+            readonly filter: import("@stylexjs/stylex").StyleXClassNameFor<"filter", "drop-shadow(0 3px 3px var(--color-shadow-opacity-20))\n             drop-shadow(0 3px 4px var(--color-shadow-opacity-16))\n             drop-shadow(0 1px 8px var(--color-shadow-opacity-12))">;
         }>;
     }>;
     arrow: Readonly<{

package/dist/components/popper/styles.mjs

@@ -28,7 +28,7 @@ var dropdown = {
     $$css: true
   },
   elevation: {
-    kGVxlE: "musaex-16g3oyh",
+    ku685b: "musaex-qmh4cb",
     $$css: true
   }
 };

package/dist/styles.css

@@ -1044,6 +1044,10 @@
     fill: none;
   }
 
+  .musaex-qmh4cb {
+    filter: drop-shadow(0 3px 3px var(--color-shadow-opacity-20)) drop-shadow(0 3px 4px var(--color-shadow-opacity-16)) drop-shadow(0 1px 8px var(--color-shadow-opacity-12));
+  }
+
   .musaex-1t1x2f9 {
     flex-basis: 0%;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "musae",
-  "version": "1.3.1-beta.16",
+  "version": "1.3.1-beta.18",
   "description": "musae-ui",
   "author": "tutu@fantufantu.com",
   "license": "MIT",
@@ -51,7 +51,7 @@
   },
   "dependencies": {
     "@aiszlab/fuzzy": "^2.1.1",
-    "@aiszlab/relax": "2.1.3-beta.10",
+    "@aiszlab/relax": "2.1.3-beta.13",
     "@babel/runtime": "^7.28.6",
     "@floating-ui/dom": "^1.7.5",
     "@lexical/code": "^0.40.0",