musae 0.2.26 → 0.3.0

package/dist/node_modules/.pnpm/@stylexjs_stylex@0.7.5/node_modules/@stylexjs/stylex/lib/es/stylex.cjs

@@ -0,0 +1,306 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+
+var styleq$1 = {};
+
+/**
+ * Copyright (c) Nicolas Gallagher
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * 
+ */
+
+Object.defineProperty(styleq$1, "__esModule", {
+  value: true
+});
+var styleq_2 = styleq$1.styleq = void 0;
+var cache = new WeakMap();
+var compiledKey = '$$css';
+function createStyleq(options) {
+  var disableCache;
+  var disableMix;
+  var transform;
+  if (options != null) {
+    disableCache = options.disableCache === true;
+    disableMix = options.disableMix === true;
+    transform = options.transform;
+  }
+  return function styleq() {
+    // Keep track of property commits to the className
+    var definedProperties = []; // The className and inline style to build up
+
+    var className = '';
+    var inlineStyle = null; // The current position in the cache graph
+
+    var nextCache = disableCache ? null : cache; // This way of creating an array from arguments is fastest
+
+    var styles = new Array(arguments.length);
+    for (var i = 0; i < arguments.length; i++) {
+      styles[i] = arguments[i];
+    } // Iterate over styles from last to first
+
+    while (styles.length > 0) {
+      var possibleStyle = styles.pop(); // Skip empty items
+
+      if (possibleStyle == null || possibleStyle === false) {
+        continue;
+      } // Push nested styles back onto the stack to be processed
+
+      if (Array.isArray(possibleStyle)) {
+        for (var _i = 0; _i < possibleStyle.length; _i++) {
+          styles.push(possibleStyle[_i]);
+        }
+        continue;
+      } // Process an individual style object
+
+      var style = transform != null ? transform(possibleStyle) : possibleStyle;
+      if (style.$$css) {
+        // Build up the class names defined by this object
+        var classNameChunk = ''; // Check the cache to see if we've already done this work
+
+        if (nextCache != null && nextCache.has(style)) {
+          // Cache: read
+          var cacheEntry = nextCache.get(style);
+          if (cacheEntry != null) {
+            classNameChunk = cacheEntry[0]; // $FlowIgnore
+
+            definedProperties.push.apply(definedProperties, cacheEntry[1]);
+            nextCache = cacheEntry[2];
+          }
+        } // Update the chunks with data from this object
+        else {
+          // The properties defined by this object
+          var definedPropertiesChunk = [];
+          for (var prop in style) {
+            var value = style[prop];
+            if (prop === compiledKey) continue; // Each property value is used as an HTML class name
+            // { 'debug.string': 'debug.string', opacity: 's-jskmnoqp' }
+
+            if (typeof value === 'string' || value === null) {
+              // Only add to chunks if this property hasn't already been seen
+              if (!definedProperties.includes(prop)) {
+                definedProperties.push(prop);
+                if (nextCache != null) {
+                  definedPropertiesChunk.push(prop);
+                }
+                if (typeof value === 'string') {
+                  classNameChunk += classNameChunk ? ' ' + value : value;
+                }
+              }
+            } // If we encounter a value that isn't a string or `null`
+            else {
+              console.error("styleq: ".concat(prop, " typeof ").concat(String(value), " is not \"string\" or \"null\"."));
+            }
+          } // Cache: write
+
+          if (nextCache != null) {
+            // Create the next WeakMap for this sequence of styles
+            var weakMap = new WeakMap();
+            nextCache.set(style, [classNameChunk, definedPropertiesChunk, weakMap]);
+            nextCache = weakMap;
+          }
+        } // Order of classes in chunks matches property-iteration order of style
+        // object. Order of chunks matches passed order of styles from first to
+        // last (which we iterate over in reverse).
+
+        if (classNameChunk) {
+          className = className ? classNameChunk + ' ' + className : classNameChunk;
+        }
+      } // ----- DYNAMIC: Process inline style object -----
+      else {
+        if (disableMix) {
+          if (inlineStyle == null) {
+            inlineStyle = {};
+          }
+          inlineStyle = Object.assign({}, style, inlineStyle);
+        } else {
+          var subStyle = null;
+          for (var _prop in style) {
+            var _value = style[_prop];
+            if (_value !== undefined) {
+              if (!definedProperties.includes(_prop)) {
+                if (_value != null) {
+                  if (inlineStyle == null) {
+                    inlineStyle = {};
+                  }
+                  if (subStyle == null) {
+                    subStyle = {};
+                  }
+                  subStyle[_prop] = _value;
+                }
+                definedProperties.push(_prop); // Cache is unnecessary overhead if results can't be reused.
+
+                nextCache = null;
+              }
+            }
+          }
+          if (subStyle != null) {
+            inlineStyle = Object.assign(subStyle, inlineStyle);
+          }
+        }
+      }
+    }
+    var styleProps = [className, inlineStyle];
+    return styleProps;
+  };
+}
+var styleq = createStyleq();
+styleq_2 = styleq$1.styleq = styleq;
+styleq.factory = createStyleq;
+var errorForFn = function errorForFn(name) {
+  return new Error("'stylex.".concat(name, "' should never be called at runtime. It should be compiled away by '@stylexjs/babel-plugin'"));
+};
+var errorForType = function errorForType(key) {
+  return errorForFn("types.".concat(key));
+};
+function props() {
+  var options = this;
+  for (var _len = arguments.length, styles = new Array(_len), _key = 0; _key < _len; _key++) {
+    styles[_key] = arguments[_key];
+  }
+  if (__implementations.props) {
+    return __implementations.props.call(options, styles);
+  }
+  var _styleq_ = styleq_2(styles),
+    _styleq_2 = _slicedToArray(_styleq_, 2),
+    className = _styleq_2[0],
+    style = _styleq_2[1];
+  var result = {};
+  if (className != null && className !== '') {
+    result.className = className;
+  }
+  if (style != null && Object.keys(style).length > 0) {
+    result.style = style;
+  }
+  return result;
+}
+function attrs() {
+  var _props = props.apply(void 0, arguments),
+    className = _props.className,
+    style = _props.style;
+  var result = {};
+  if (className != null && className !== '') {
+    result["class"] = className;
+  }
+  if (style != null && Object.keys(style).length > 0) {
+    result.style = Object.keys(style).map(function (key) {
+      return "".concat(key, ":").concat(style[key], ";");
+    }).join('');
+  }
+  return result;
+}
+function stylexCreate(styles) {
+  if (__implementations.create != null) {
+    var _create = __implementations.create;
+    return _create(styles);
+  }
+  throw errorForFn('create');
+}
+function stylexDefineVars(styles) {
+  if (__implementations.defineVars) {
+    return __implementations.defineVars(styles);
+  }
+  throw errorForFn('defineVars');
+}
+var stylexCreateTheme = function stylexCreateTheme(baseTokens, overrides) {
+  if (__implementations.createTheme) {
+    return __implementations.createTheme(baseTokens, overrides);
+  }
+  throw errorForFn('createTheme');
+};
+var stylexInclude = function stylexInclude(styles) {
+  if (__implementations.include) {
+    return __implementations.include(styles);
+  }
+  throw errorForFn('include');
+};
+var create = stylexCreate;
+var defineVars = stylexDefineVars;
+var createTheme = stylexCreateTheme;
+var include = stylexInclude;
+var types = {
+  angle: function angle(_v) {
+    throw errorForType('angle');
+  },
+  color: function color(_v) {
+    throw errorForType('color');
+  },
+  url: function url(_v) {
+    throw errorForType('url');
+  },
+  image: function image(_v) {
+    throw errorForType('image');
+  },
+  integer: function integer(_v) {
+    throw errorForType('integer');
+  },
+  lengthPercentage: function lengthPercentage(_v) {
+    throw errorForType('lengthPercentage');
+  },
+  length: function length(_v) {
+    throw errorForType('length');
+  },
+  percentage: function percentage(_v) {
+    throw errorForType('percentage');
+  },
+  number: function number(_v) {
+    throw errorForType('number');
+  },
+  resolution: function resolution(_v) {
+    throw errorForType('resolution');
+  },
+  time: function time(_v) {
+    throw errorForType('time');
+  },
+  transformFunction: function transformFunction(_v) {
+    throw errorForType('transformFunction');
+  },
+  transformList: function transformList(_v) {
+    throw errorForType('transformList');
+  }
+};
+var keyframes = function keyframes(_keyframes) {
+  if (__implementations.keyframes) {
+    return __implementations.keyframes(_keyframes);
+  }
+  throw errorForFn('keyframes');
+};
+var firstThatWorks = function firstThatWorks() {
+  if (__implementations.firstThatWorks) {
+    return __implementations.firstThatWorks.apply(__implementations, arguments);
+  }
+  throw errorForFn('firstThatWorks');
+};
+function _stylex() {
+  for (var _len2 = arguments.length, styles = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+    styles[_key2] = arguments[_key2];
+  }
+  var _styleq_3 = styleq_2(styles),
+    _styleq_4 = _slicedToArray(_styleq_3, 1),
+    className = _styleq_4[0];
+  return className;
+}
+_stylex.props = props;
+_stylex.attrs = attrs;
+_stylex.create = create;
+_stylex.defineVars = defineVars;
+_stylex.createTheme = createTheme;
+_stylex.include = include;
+_stylex.keyframes = keyframes;
+_stylex.firstThatWorks = firstThatWorks;
+_stylex.types = types;
+var __implementations = {};
+
+exports.attrs = attrs;
+exports.create = create;
+exports.createTheme = createTheme;
+exports.default = _stylex;
+exports.defineVars = defineVars;
+exports.firstThatWorks = firstThatWorks;
+exports.include = include;
+exports.keyframes = keyframes;
+exports.props = props;
+exports.types = types;

package/dist/styles.css

@@ -181,7 +181,6 @@
 .musaex-1aeqsfb:not(#\#):not(#\#):not(#\#){grid-template-columns:repeat(24,minmax(0,1fr))}
 .musaex-tijo5x:not(#\#):not(#\#):not(#\#){inset-inline-end:0}
 .musaex-1o0tod:not(#\#):not(#\#):not(#\#){inset-inline-start:0}
-.musaex-budbmw:not(#\#):not(#\#):not(#\#){inset-inline-start:50%}
 .musaex-1tlvwwf:not(#\#):not(#\#):not(#\#){inset-inline-start:calc(100% - var(--musaex-rlgvtq) - var(--musaex-1h5s2h0))}
 .musaex-1nisehl:not(#\#):not(#\#):not(#\#){inset-inline-start:var(--musaex-1h5s2h0)}
 .musaex-b7xnko:not(#\#):not(#\#):not(#\#){inset-inline-start:var(--musaex-h30iw9)}
@@ -260,7 +259,6 @@ html[dir='rtl'] .musaex-p4054r:not(#\#):not(#\#):not(#\#){text-align:left}
 .musaex-9tu13d:not(#\#):not(#\#):not(#\#){transform:rotate(-90deg)}
 .musaex-1158fpu:not(#\#):not(#\#):not(#\#){transform:rotate(45deg)}
 .musaex-1iffjtl:not(#\#):not(#\#):not(#\#){transform:rotate(90deg)}
-.musaex-11lhmoz:not(#\#):not(#\#):not(#\#){transform:translate(-50%,-50%)}
 .musaex-1i3z1r0:not(#\#):not(#\#):not(#\#){transform:translateX(-50%) translateY(-50%)}
 .musaex-itovws:not(#\#):not(#\#):not(#\#){transform:translateX(-50%) translateY(50%)}
 .musaex-rycbv3:not(#\#):not(#\#):not(#\#){transform:translateX(50%) translateY(-50%)}
@@ -287,11 +285,10 @@ html[dir='rtl'] .musaex-p4054r:not(#\#):not(#\#):not(#\#){text-align:left}
 .musaex-1so62im:not(#\#):not(#\#):not(#\#){will-change:transform}
 .musaex-19wnzia:not(#\#):not(#\#):not(#\#){will-change:translate}
 .musaex-13faqbe:not(#\#):not(#\#):not(#\#){word-break:break-word}
-.musaex-1ja2u2z:not(#\#):not(#\#):not(#\#){z-index:0}
-.musaex-1vjfegm:not(#\#):not(#\#):not(#\#){z-index:1}
 .musaex-cjiq3g:not(#\#):not(#\#):not(#\#){z-index:var(--musaex-11upij1)}
 .musaex-18enb72:not(#\#):not(#\#):not(#\#){z-index:var(--musaex-127010g)}
 .musaex-5z12vg:not(#\#):not(#\#):not(#\#){z-index:var(--musaex-1tyqau6)}
+.musaex-mnehq9:not(#\#):not(#\#):not(#\#){z-index:var(--musaex-1vh8wei)}
 .musaex-yzdold:not(#\#):not(#\#):not(#\#){z-index:var(--musaex-7fr0d6)}
 .musaex-1ub2ej:not(#\#):not(#\#):not(#\#){z-index:var(--musaex-80rspi)}
 .musaex-1fvqctp:not(#\#):not(#\#):not(#\#){z-index:var(--musaex-9gpkaf)}
@@ -437,7 +434,6 @@ html[dir='rtl'] .musaex-p4054r:not(#\#):not(#\#):not(#\#){text-align:left}
 .musaex-r8ctv5:hover:not(#\#):not(#\#):not(#\#):not(#\#){overflow-y:auto}
 .musaex-ynce87:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::view-transition-old(root){animation:none}
 .musaex-goest1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::view-transition-new(root){animation:none}
-.musaex-arstr8:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{inset:0}
 .musaex-123gkgz:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{border-color:var(--1il6zln,revert)}
 .musaex-3yd8hb:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{border-color:var(--joftei,revert)}
 .musaex-g7yeof:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{border-color:var(--on-primary-color)}
@@ -487,8 +483,8 @@ html[dir='rtl'] .musaex-91zhsk:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(
 .musaex-1sgbmat:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::view-transition-new(root){mix-blend-mode:normal}
 .musaex-kk1bqk:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{pointer-events:none}
 .musaex-2q1x1w:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{pointer-events:none}
-.musaex-1j6awrg:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{position:absolute}
 .musaex-1hmns74:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{position:absolute}
+.musaex-1j6awrg:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{position:absolute}
 .musaex-8ihlwz:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{transform-origin:50% 50%}
 .musaex-bdtczv:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{transform:translate(50%,75%) rotate(-45deg)}
 .musaex-t0fc71:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{transition-duration:.2s}

package/dist/{components/bench/types.d.ts → types/bench.d.ts}

@@ -1,7 +1,7 @@
 import type { Key, ReactNode } from "react";
-import type { ComponentProps } from "../../types/element";
-import type { ElevationToken } from "../theme/tokens.stylex";
-export type Guidance = "top-side" | "side";
+import type { ComponentProps } from "./element";
+import type { ElevationToken } from "../components/theme/tokens.stylex";
+export type Layout = "side" | "top" | "mix";
 export type Logo = {
     /**
      * @description
@@ -84,8 +84,8 @@ export type BenchProps = ComponentProps & {
     elevation?: ElevationToken;
     /**
      * @description
-     * guidance
+     * layout
      * @default "top-side"
      */
-    guidance?: Guidance;
+    layout?: Layout;
 };

package/dist/{components/form/types.d.ts → types/form.d.ts}

@@ -1,6 +1,6 @@
 import type { PropsWithoutRef, ReactNode, RefAttributes } from "react";
 import type { DeepPartial, FieldValues, UseFormReturn } from "react-hook-form";
-import type { ComponentProps } from "../../types/element";
+import type { ComponentProps } from "./element";
 /**
  * @author murukal
  * @description
@@ -58,7 +58,7 @@ export interface FormProps<T extends FieldValues> extends ComponentProps {
  *
  * form item props
  */
-export interface FormItemProps<T extends FieldValues = FieldValues> extends Pick<FormProps<T>, "labelCol" | "wrapperCol"> {
+export interface FormItemProps<T extends FieldValues = FieldValues> extends Pick<FormProps<T>, "labelCol" | "wrapperCol">, ComponentProps {
     /**
      * @description
      * name
@@ -114,3 +114,8 @@ export interface TypedForm {
      */
     useForm: <R extends FieldValues = FieldValues>(usedForm?: UseFormReturn<R>) => UseFormReturn<R>;
 }
+/**
+ * @description
+ * form ref
+ */
+export type FormRef<T extends FieldValues = FieldValues> = UseFormReturn<T>;

package/dist/{locale/types.d.ts → types/locale.d.ts}

@@ -1,8 +1,5 @@
 import type { ComponentToken } from "../utils/component-token";
-export declare enum LocaleCode {
-    zh_CN = "zh_CN",
-    en_US = "en_US"
-}
+export type LocaleCode = "zh_CN" | "en_US";
 export interface Locale {
     locale: LocaleCode;
     [ComponentToken.Dialog]: {

package/dist/{components/menu/types.d.ts → types/menu.d.ts}

@@ -1,6 +1,6 @@
 import type { Key, ReactNode } from "react";
-import type { ComponentProps, Size } from "../../types/element";
-import type { WithLevel } from "../../types/element";
+import type { ComponentProps, Size } from "./element";
+import type { WithLevel } from "./element";
 export type Mode = "vertical" | "horizontal" | "inline";
 /**
  * @author murukal

package/dist/{components/table/types.d.ts → types/table.d.ts}

@@ -1,6 +1,6 @@
 import type { DeepKeys } from "@tanstack/react-table";
 import type { Table } from "@tanstack/react-table";
-import type { ComponentProps } from "../../types/element";
+import type { ComponentProps } from "./element";
 import type { Key, ReactNode } from "react";
 export type SortDirection = "ascending" | "descending" | null;
 export type SortDescriptor = {

package/dist/{components/tour/types.d.ts → types/tour.d.ts}

@@ -1,5 +1,5 @@
 import type { Nullable } from "@aiszlab/relax/types";
-import type { PopperProps } from "../popper/types";
+import type { PopperProps } from "../components/popper/types";
 import type { ReactNode } from "react";
 /**
  * @description

package/dist/{components/tree/types.d.ts → types/tree.d.ts}

@@ -1,5 +1,5 @@
 import type { Key, ReactNode } from "react";
-import type { ComponentProps, WithLevel } from "../../types/element";
+import type { ComponentProps, WithLevel } from "./element";
 /**
  * @description
  * tree node