x-ui-design 0.1.61 → 0.1.62

package/dist/esm/types/app/layout.d.ts

@@ -2,4 +2,4 @@ import { ReactNode } from "react";
 import "./globals.css";
 export default function RootLayout({ children, }: Readonly<{
     children: ReactNode;
-}>): import("react").JSX.Element;
+}>): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/app/page.d.ts

@@ -1 +1 @@
-export default function Home(): import("react").JSX.Element;
+export default function Home(): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/Form/Item/index.d.ts

@@ -1,7 +1,7 @@
 import { FormItemProps } from '@/types/form';
 import './style.css';
 declare const FormItem: {
-    ({ prefixCls, name, label, rules, children, className, layout, style, valuePropName, dependencies, initialValue, feedbackIcons, ...props }: FormItemProps): import("react").JSX.Element;
+    ({ prefixCls, name, label, rules, children, className, layout, style, valuePropName, dependencies, initialValue, feedbackIcons, ...props }: FormItemProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default FormItem;

package/dist/index.esm.js

@@ -1,56 +1,5 @@
 import require$$0, { useState, useEffect, useMemo } from 'react';
 
-function clsx(...args) {
-  return args.flatMap(arg => {
-    if (!arg) {
-      return [];
-    }
-    if (typeof arg === 'string') {
-      return [arg];
-    }
-    if (typeof arg === 'number') {
-      return [String(arg)];
-    }
-    if (Array.isArray(arg)) {
-      return clsx(...arg).split(' ');
-    }
-    if (typeof arg === 'object') {
-      return Object.entries(arg).filter(([, value]) => Boolean(value)).map(([key]) => key);
-    }
-    return [];
-  }).filter(Boolean).join(' ');
-}
-
-const prefixClsButton = 'xUi-button';
-
-function styleInject(css, ref) {
-  if (ref === void 0) ref = {};
-  var insertAt = ref.insertAt;
-  if (!css || typeof document === 'undefined') {
-    return;
-  }
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
-    }
-  } else {
-    head.appendChild(style);
-  }
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
-}
-
-var css_248z = ".style_xUi-button__He3BD {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-weight: 400;\n    white-space: nowrap;\n    vertical-align: middle;\n    user-select: none;\n    border: 1px solid transparent;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    border-radius: 6px;\n    line-height: 1.5715;\n}\n\n.style_xUi-button-content__VHPLX {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.style_xUi-button-icon__KMMw- {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    line-height: 0;\n    margin-right: 0.5em;\n}\n\n.style_xUi-button-icon__KMMw-:last-child {\n    margin-right: 0;\n    margin-left: 0.5em;\n}\n\n.style_xUi-button-spinner__qwvoJ {\n    width: 1em;\n    height: 1em;\n    border: 1px solid transparent;\n    border-top-color: var(--xui-text-color);\n    border-radius: 50%;\n    animation: style_xUi-spin__42i7y 1s linear infinite;\n}\n\n@keyframes style_xUi-spin__42i7y {\n    0% {\n        transform: rotate(0deg);\n    }\n    100% {\n        transform: rotate(360deg);\n    }\n}\n\n.style_xUi-button-size-small__sFKdz {\n    padding: 4px 12px;\n    font-size: 12px;\n    height: 24px;\n}\n\n.style_xUi-button-size-middle__1LAB4 {\n    padding: 0 16px;\n    font-size: 14px;\n    height: 32px;\n}\n\n.style_xUi-button-size-large__kEqUs {\n    padding: 8px 20px;\n    font-size: 16px;\n    height: 40px;\n}\n\n.style_xUi-button-circle__rXsQE {\n    padding: 0;\n    border-radius: 50%;\n    justify-content: center;\n}\n\n.style_xUi-button-circle__rXsQE.style_xUi-button-size-small__sFKdz {\n    width: 24px;\n    height: 24px;\n}\n\n.style_xUi-button-circle__rXsQE.style_xUi-button-size-large__kEqUs {\n    width: 40px;\n    height: 40px;\n}\n\n.style_xUi-button-round__bPJ5d {\n    border-radius: 9999px;\n}\n\n.style_xUi-button-default__jquWr {\n    background-color: #fff;\n    border-color: var(--xui-border-color);\n    color: rgba(0, 0, 0, 0.85);\n}\n\n.style_xUi-button-default__jquWr:hover {\n    border-color: var(--xui-primary-color);\n    color: var(--xui-primary-color);\n}\n\n.style_xUi-button-primary__5B32L {\n    background-color: var(--xui-primary-color);\n    border-color: var(--xui-primary-color);\n    color: #fff;\n}\n\n.style_xUi-button-primary__5B32L:hover {\n    background-color: var(--xui-primary-color-light);\n    border-color: var(--xui-primary-color-light);\n    color: #fff;\n}\n\n.style_xUi-button-dashed__eo6t6 {\n    border-style: dashed;\n    background-color: #fff;\n    color: rgba(0, 0, 0, 0.85);\n    border-color: var(--xui-border-color);\n}\n\n.style_xUi-button-dashed__eo6t6:hover {\n    border-color: var(--xui-primary-color);\n    color: var(--xui-primary-color);\n}\n\n.style_xUi-button-text__cdwR2 {\n    background-color: transparent;\n    border-color: transparent !important;\n    color: rgba(0, 0, 0, 0.88);\n}\n\n.style_xUi-button-text__cdwR2:hover {\n    color: rgba(0, 0, 0, 0.88);\n    border-color: transparent;\n    background-color: rgba(0, 0, 0, 0.04);\n}\n\n.style_xUi-button-link__56eDf {\n    background-color: transparent;\n    border-color: transparent !important;\n    color: var(--xui-primary-color);\n}\n\n.style_xUi-button-link__56eDf:hover {\n    border-color: transparent;\n    color: var(--xui-primary-color-light);\n}\n\n.style_xUi-button-outlined__soRkh {\n    background-color: transparent;\n    border-color: var(--xui-border-color);\n    color: #fff;\n}\n\n.style_xUi-button-filled__TIZ8- {\n    background-color: transparent;\n    color: var(--xui-text-color);\n    border-color: var(--xui-border-color);\n}\n\n.style_xUi-button-danger__VaYGc {\n    background-color: transparent;\n    border-color: var(--xui-error-color);\n    color: var(--xui-error-color);\n}\n\n.style_xUi-button-danger__VaYGc:hover {\n    color: var(--xui-error-color-light);\n    border-color: var(--xui-error-color-light);\n}\n\n.style_xUi-button-ghost__yuT29 {\n    opacity: 0;\n}\n\n.style_xUi-button-ghost__yuT29:hover {\n    opacity: 1;\n}\n\n.style_xUi-button-block__Fm2wb {\n    display: flex;\n    width: 100%;\n}\n\n.style_xUi-button-disabled__lpRBf,\n.style_xUi-button-loading__X1L9j {\n    cursor: not-allowed;\n    opacity: 0.5;\n    color: var(--xui-text-color);\n    border-color: var(--xui-border-color);\n    background-color: var(--xui-color-disabled);\n    pointer-events: none;\n}\n\n.style_xUi-button-loading__X1L9j {\n    background-color: transparent\n}";
-styleInject(css_248z);
-
 var jsxRuntime = {exports: {}};
 
 var reactJsxRuntime_production_min = {};
@@ -1260,6 +1209,57 @@ if (process.env.NODE_ENV === 'production') {
 }
 var jsxRuntimeExports = jsxRuntime.exports;
 
+function clsx(...args) {
+  return args.flatMap(arg => {
+    if (!arg) {
+      return [];
+    }
+    if (typeof arg === 'string') {
+      return [arg];
+    }
+    if (typeof arg === 'number') {
+      return [String(arg)];
+    }
+    if (Array.isArray(arg)) {
+      return clsx(...arg).split(' ');
+    }
+    if (typeof arg === 'object') {
+      return Object.entries(arg).filter(([, value]) => Boolean(value)).map(([key]) => key);
+    }
+    return [];
+  }).filter(Boolean).join(' ');
+}
+
+const prefixClsButton = 'xUi-button';
+
+function styleInject(css, ref) {
+  if (ref === void 0) ref = {};
+  var insertAt = ref.insertAt;
+  if (!css || typeof document === 'undefined') {
+    return;
+  }
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+var css_248z = ".style_xUi-button__He3BD {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-weight: 400;\n    white-space: nowrap;\n    vertical-align: middle;\n    user-select: none;\n    border: 1px solid transparent;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    border-radius: 6px;\n    line-height: 1.5715;\n}\n\n.style_xUi-button-content__VHPLX {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.style_xUi-button-icon__KMMw- {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    line-height: 0;\n    margin-right: 0.5em;\n}\n\n.style_xUi-button-icon__KMMw-:last-child {\n    margin-right: 0;\n    margin-left: 0.5em;\n}\n\n.style_xUi-button-spinner__qwvoJ {\n    width: 1em;\n    height: 1em;\n    border: 1px solid transparent;\n    border-top-color: var(--xui-text-color);\n    border-radius: 50%;\n    animation: style_xUi-spin__42i7y 1s linear infinite;\n}\n\n@keyframes style_xUi-spin__42i7y {\n    0% {\n        transform: rotate(0deg);\n    }\n    100% {\n        transform: rotate(360deg);\n    }\n}\n\n.style_xUi-button-size-small__sFKdz {\n    padding: 4px 12px;\n    font-size: 12px;\n    height: 24px;\n}\n\n.style_xUi-button-size-middle__1LAB4 {\n    padding: 0 16px;\n    font-size: 14px;\n    height: 32px;\n}\n\n.style_xUi-button-size-large__kEqUs {\n    padding: 8px 20px;\n    font-size: 16px;\n    height: 40px;\n}\n\n.style_xUi-button-circle__rXsQE {\n    padding: 0;\n    border-radius: 50%;\n    justify-content: center;\n}\n\n.style_xUi-button-circle__rXsQE.style_xUi-button-size-small__sFKdz {\n    width: 24px;\n    height: 24px;\n}\n\n.style_xUi-button-circle__rXsQE.style_xUi-button-size-large__kEqUs {\n    width: 40px;\n    height: 40px;\n}\n\n.style_xUi-button-round__bPJ5d {\n    border-radius: 9999px;\n}\n\n.style_xUi-button-default__jquWr {\n    background-color: #fff;\n    border-color: var(--xui-border-color);\n    color: rgba(0, 0, 0, 0.85);\n}\n\n.style_xUi-button-default__jquWr:hover {\n    border-color: var(--xui-primary-color);\n    color: var(--xui-primary-color);\n}\n\n.style_xUi-button-primary__5B32L {\n    background-color: var(--xui-primary-color);\n    border-color: var(--xui-primary-color);\n    color: #fff;\n}\n\n.style_xUi-button-primary__5B32L:hover {\n    background-color: var(--xui-primary-color-light);\n    border-color: var(--xui-primary-color-light);\n    color: #fff;\n}\n\n.style_xUi-button-dashed__eo6t6 {\n    border-style: dashed;\n    background-color: #fff;\n    color: rgba(0, 0, 0, 0.85);\n    border-color: var(--xui-border-color);\n}\n\n.style_xUi-button-dashed__eo6t6:hover {\n    border-color: var(--xui-primary-color);\n    color: var(--xui-primary-color);\n}\n\n.style_xUi-button-text__cdwR2 {\n    background-color: transparent;\n    border-color: transparent !important;\n    color: rgba(0, 0, 0, 0.88);\n}\n\n.style_xUi-button-text__cdwR2:hover {\n    color: rgba(0, 0, 0, 0.88);\n    border-color: transparent;\n    background-color: rgba(0, 0, 0, 0.04);\n}\n\n.style_xUi-button-link__56eDf {\n    background-color: transparent;\n    border-color: transparent !important;\n    color: var(--xui-primary-color);\n}\n\n.style_xUi-button-link__56eDf:hover {\n    border-color: transparent;\n    color: var(--xui-primary-color-light);\n}\n\n.style_xUi-button-outlined__soRkh {\n    background-color: transparent;\n    border-color: var(--xui-border-color);\n    color: #fff;\n}\n\n.style_xUi-button-filled__TIZ8- {\n    background-color: transparent;\n    color: var(--xui-text-color);\n    border-color: var(--xui-border-color);\n}\n\n.style_xUi-button-danger__VaYGc {\n    background-color: transparent;\n    border-color: var(--xui-error-color);\n    color: var(--xui-error-color);\n}\n\n.style_xUi-button-danger__VaYGc:hover {\n    color: var(--xui-error-color-light);\n    border-color: var(--xui-error-color-light);\n}\n\n.style_xUi-button-ghost__yuT29 {\n    opacity: 0;\n}\n\n.style_xUi-button-ghost__yuT29:hover {\n    opacity: 1;\n}\n\n.style_xUi-button-block__Fm2wb {\n    display: flex;\n    width: 100%;\n}\n\n.style_xUi-button-disabled__lpRBf,\n.style_xUi-button-loading__X1L9j {\n    cursor: not-allowed;\n    opacity: 0.5;\n    color: var(--xui-text-color);\n    border-color: var(--xui-border-color);\n    background-color: var(--xui-color-disabled);\n    pointer-events: none;\n}\n\n.style_xUi-button-loading__X1L9j {\n    background-color: transparent\n}";
+styleInject(css_248z);
+
 const ButtonComponent = ({
   type = 'default',
   variant = 'solid',
@@ -1302,20 +1302,20 @@ const ButtonComponent = ({
     [`${prefixCls}-disabled`]: disabled
   }, className);
   const iconNode = useMemo(() => {
-    return innerLoading ? typeof loading === 'object' && loading.icon || /*#__PURE__*/jsxRuntimeExports.jsx("span", {
+    return innerLoading ? typeof loading === 'object' && loading.icon || jsxRuntimeExports.jsx("span", {
       className: `${prefixCls}-spinner`
     }) : icon;
   }, [icon, innerLoading, loading, prefixCls]);
   const content = useMemo(() => {
-    return /*#__PURE__*/jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
-      children: [iconNode && iconPosition === 'start' && /*#__PURE__*/jsxRuntimeExports.jsx("span", {
+    return jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
+      children: [iconNode && iconPosition === 'start' && jsxRuntimeExports.jsx("span", {
         className: clsx(`${prefixCls}-icon`, customClassNames.icon),
         style: styles.icon,
         children: iconNode
-      }), /*#__PURE__*/jsxRuntimeExports.jsx("span", {
+      }), jsxRuntimeExports.jsx("span", {
         className: `${prefixCls}-content`,
         children: children
-      }), iconNode && iconPosition === 'end' && /*#__PURE__*/jsxRuntimeExports.jsx("span", {
+      }), iconNode && iconPosition === 'end' && jsxRuntimeExports.jsx("span", {
         className: clsx(`${prefixCls}-icon`, customClassNames.icon),
         style: styles.icon,
         children: iconNode
@@ -1324,14 +1324,14 @@ const ButtonComponent = ({
   }, [children, customClassNames.icon, iconNode, iconPosition, prefixCls, styles.icon]);
   const mergedDisabled = disabled || innerLoading;
   if (href) {
-    return /*#__PURE__*/jsxRuntimeExports.jsx("a", {
+    return jsxRuntimeExports.jsx("a", {
       className: classes,
       href: mergedDisabled ? undefined : href,
       "aria-disabled": mergedDisabled,
       children: content
     });
   }
-  return /*#__PURE__*/jsxRuntimeExports.jsx("button", {
+  return jsxRuntimeExports.jsx("button", {
     type: htmlType,
     className: classes,
     disabled: mergedDisabled,