@vef-framework/components 1.0.101 → 1.0.102

package/lib/vef-form-drawer/index.cjs

@@ -1,103 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
-
-const jsxRuntime = require('@emotion/react/jsx-runtime');
-const hooks = require('@vef-framework/hooks');
-const shared = require('@vef-framework/shared');
-const react = require('react');
-const index = require('../vef-button/index.cjs');
-const index$1 = require('../vef-drawer/index.cjs');
-const index$2 = require('../vef-form/index.cjs');
-const actionButtonWrapper = require('../vef-drawer/components/action-button-wrapper.cjs');
-
-function VefFormDrawerBase({
-  title,
-  open,
-  closable,
-  closeOnMaskClick,
-  closeOnEscPress,
-  destroyOnClose = true,
-  cancelOnClose,
-  placement,
-  expansionSize = "medium",
-  loading,
-  extra,
-  cancelButtonText,
-  actions,
-  onClose,
-  onCancel,
-  onAfterClose,
-  onAfterOpen,
-  submissionButtonText,
-  disabled = false,
-  ...formProps
-}) {
-  const formInstanceRef = react.useRef(null);
-  const handleSubmit = react.useCallback(async () => {
-    await formInstanceRef.current?.submit();
-  }, []);
-  const contextDisabled = hooks.useContextDisabled();
-  const formDisabled = contextDisabled || disabled;
-  const handleReset = react.useCallback(() => {
-    formInstanceRef.current?.reset();
-  }, []);
-  const actionNode = react.useCallback(([cancelButton, submitButton]) => {
-    const resetButton = /* @__PURE__ */ jsxRuntime.jsx(actionButtonWrapper.default, { children: /* @__PURE__ */ jsxRuntime.jsx(
-      index.default,
-      {
-        color: "default",
-        disabled: formDisabled,
-        variant: "filled",
-        onClick: handleReset,
-        children: "重置"
-      }
-    ) }, "resetActionButton");
-    if (shared.isFunction(actions)) {
-      return actions([cancelButton, resetButton, submitButton]);
-    }
-    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      cancelButton,
-      resetButton,
-      submitButton
-    ] });
-  }, [actions, formDisabled, handleReset]);
-  return /* @__PURE__ */ jsxRuntime.jsx(hooks.DisabledContextProvider, { value: formDisabled, children: /* @__PURE__ */ jsxRuntime.jsx(
-    index$1.default,
-    {
-      actions: actionNode,
-      cancelOnClose,
-      closable,
-      closeOnEscPress,
-      closeOnMaskClick,
-      destroyOnClose,
-      expansionSize,
-      extra,
-      loading,
-      okButtonText: submissionButtonText,
-      open,
-      placement,
-      title,
-      onAfterClose,
-      onAfterOpen,
-      onCancel,
-      onClose,
-      onOk: handleSubmit,
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        index$2.default,
-        {
-          ref: formInstanceRef,
-          resetButton: false,
-          submissionButton: false,
-          ...formProps
-        }
-      )
-    }
-  ) });
-}
-const VefFormDrawer = react.memo(VefFormDrawerBase);
-VefFormDrawer.displayName = "VefFormDrawer";
-
-exports.default = VefFormDrawer;
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),hooks=require("@vef-framework/hooks"),shared=require("@vef-framework/shared"),react=require("react"),index=require("../vef-button/index.cjs"),index$1=require("../vef-drawer/index.cjs"),index$2=require("../vef-form/index.cjs"),actionButtonWrapper=require("../vef-drawer/components/action-button-wrapper.cjs");function VefFormDrawerBase({title,open,closable,closeOnMaskClick,closeOnEscPress,destroyOnClose=!0,cancelOnClose,placement,expansionSize="medium",loading,extra,cancelButtonText,actions,onClose,onCancel,onAfterClose,onAfterOpen,submissionButtonText,disabled=!1,...formProps}){const formInstanceRef=react.useRef(null),handleSubmit=react.useCallback(async()=>{await formInstanceRef.current?.submit()},[]),formDisabled=hooks.useContextDisabled()||disabled,handleReset=react.useCallback(()=>{formInstanceRef.current?.reset()},[]),actionNode=react.useCallback(([cancelButton,submitButton])=>{const resetButton=jsxRuntime.jsx(actionButtonWrapper.default,{children:jsxRuntime.jsx(index.default,{color:"default",disabled:formDisabled,variant:"filled",onClick:handleReset,children:"重置"})},"resetActionButton");return shared.isFunction(actions)?actions([cancelButton,resetButton,submitButton]):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[cancelButton,resetButton,submitButton]})},[actions,formDisabled,handleReset]);return jsxRuntime.jsx(hooks.DisabledContextProvider,{value:formDisabled,children:jsxRuntime.jsx(index$1.default,{actions:actionNode,cancelOnClose,closable,closeOnEscPress,closeOnMaskClick,destroyOnClose,expansionSize,extra,loading,okButtonText:submissionButtonText,open,placement,title,onAfterClose,onAfterOpen,onCancel,onClose,onOk:handleSubmit,children:jsxRuntime.jsx(index$2.default,{ref:formInstanceRef,resetButton:!1,submissionButton:!1,...formProps})})})}const VefFormDrawer=react.memo(VefFormDrawerBase);VefFormDrawer.displayName="VefFormDrawer",exports.default=VefFormDrawer;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-form-drawer/props.cjs

@@ -1,5 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. *//*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-form-modal/index.cjs

@@ -1,100 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
-
-const jsxRuntime = require('@emotion/react/jsx-runtime');
-const hooks = require('@vef-framework/hooks');
-const shared = require('@vef-framework/shared');
-const react = require('react');
-const index = require('../vef-button/index.cjs');
-const index$2 = require('../vef-form/index.cjs');
-const index$1 = require('../vef-modal/index.cjs');
-const actionButtonWrapper = require('../vef-modal/components/action-button-wrapper.cjs');
-
-function VefFormModalBase({
-  submissionButtonText = "提交",
-  actions,
-  title,
-  open,
-  closable,
-  closeOnMaskClick,
-  closeOnEscPress,
-  destroyOnClose = true,
-  cancelOnClose,
-  width = "medium",
-  loading,
-  cancelButtonText,
-  onClose,
-  onCancel,
-  onAfterOpen,
-  onAfterClose,
-  disabled = false,
-  ...formProps
-}) {
-  const formInstanceRef = react.useRef(null);
-  const handleSubmit = react.useCallback(async () => {
-    await formInstanceRef.current?.submit();
-  }, []);
-  const contextDisabled = hooks.useContextDisabled();
-  const formDisabled = contextDisabled || disabled;
-  const handleReset = react.useCallback(() => {
-    formInstanceRef.current?.reset();
-  }, []);
-  const actionNode = react.useCallback(([cancelButton, submitButton]) => {
-    const resetButton = /* @__PURE__ */ jsxRuntime.jsx(actionButtonWrapper.default, { children: /* @__PURE__ */ jsxRuntime.jsx(
-      index.default,
-      {
-        color: "default",
-        variant: "filled",
-        onClick: handleReset,
-        children: "重置"
-      }
-    ) }, "resetActionButton");
-    if (shared.isFunction(actions)) {
-      return actions([cancelButton, resetButton, submitButton]);
-    }
-    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      cancelButton,
-      resetButton,
-      submitButton
-    ] });
-  }, [actions, handleReset]);
-  return /* @__PURE__ */ jsxRuntime.jsx(hooks.DisabledContextProvider, { value: formDisabled, children: /* @__PURE__ */ jsxRuntime.jsx(
-    index$1.default,
-    {
-      actions: actionNode,
-      cancelButtonText,
-      cancelOnClose,
-      closable,
-      closeOnEscPress,
-      closeOnMaskClick,
-      destroyOnClose,
-      loading,
-      okButtonText: submissionButtonText,
-      open,
-      title,
-      width,
-      onAfterClose,
-      onAfterOpen,
-      onCancel,
-      onClose,
-      onOk: handleSubmit,
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        index$2.default,
-        {
-          ref: formInstanceRef,
-          disabled: formDisabled,
-          resetButton: false,
-          submissionButton: false,
-          ...formProps
-        }
-      )
-    }
-  ) });
-}
-const VefFormModal = react.memo(VefFormModalBase);
-VefFormModal.displayName = "VefFormModal";
-
-exports.default = VefFormModal;
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),hooks=require("@vef-framework/hooks"),shared=require("@vef-framework/shared"),react=require("react"),index=require("../vef-button/index.cjs"),index$2=require("../vef-form/index.cjs"),index$1=require("../vef-modal/index.cjs"),actionButtonWrapper=require("../vef-modal/components/action-button-wrapper.cjs");function VefFormModalBase({submissionButtonText="提交",actions,title,open,closable,closeOnMaskClick,closeOnEscPress,destroyOnClose=!0,cancelOnClose,width="medium",loading,cancelButtonText,onClose,onCancel,onAfterOpen,onAfterClose,disabled=!1,...formProps}){const formInstanceRef=react.useRef(null),handleSubmit=react.useCallback(async()=>{await formInstanceRef.current?.submit()},[]),formDisabled=hooks.useContextDisabled()||disabled,handleReset=react.useCallback(()=>{formInstanceRef.current?.reset()},[]),actionNode=react.useCallback(([cancelButton,submitButton])=>{const resetButton=jsxRuntime.jsx(actionButtonWrapper.default,{children:jsxRuntime.jsx(index.default,{color:"default",variant:"filled",onClick:handleReset,children:"重置"})},"resetActionButton");return shared.isFunction(actions)?actions([cancelButton,resetButton,submitButton]):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[cancelButton,resetButton,submitButton]})},[actions,handleReset]);return jsxRuntime.jsx(hooks.DisabledContextProvider,{value:formDisabled,children:jsxRuntime.jsx(index$1.default,{actions:actionNode,cancelButtonText,cancelOnClose,closable,closeOnEscPress,closeOnMaskClick,destroyOnClose,loading,okButtonText:submissionButtonText,open,title,width,onAfterClose,onAfterOpen,onCancel,onClose,onOk:handleSubmit,children:jsxRuntime.jsx(index$2.default,{ref:formInstanceRef,disabled:formDisabled,resetButton:!1,submissionButton:!1,...formProps})})})}const VefFormModal=react.memo(VefFormModalBase);VefFormModal.displayName="VefFormModal",exports.default=VefFormModal;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-form-modal/props.cjs

@@ -1,5 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. *//*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-generic-select/index.cjs

@@ -1,86 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
-
-const jsxRuntime = require('@emotion/react/jsx-runtime');
-const Icon = require('@ant-design/icons');
-const shared = require('@vef-framework/shared');
-const antd = require('antd');
-const lucideReact = require('lucide-react');
-const react = require('react');
-require('../internal/index.cjs');
-const index = require('../vef-icon/index.cjs');
-const utils = require('../internal/utils.cjs');
-
-const dropdownStyle = {
-  "--vef-select-option-padding": 0
-};
-function VefGenericSelect({
-  value,
-  size,
-  renderLabel,
-  placeholder,
-  disabled,
-  clearable,
-  loading,
-  variant,
-  children,
-  onClear
-}) {
-  const [opened, setOpened] = react.useState(false);
-  const [focused, setFocused] = react.useState(false);
-  const [keyword, setKeyword] = react.useState();
-  const deferredKeyword = react.useDeferredValue(keyword);
-  const handleBlur = react.useCallback(() => {
-    setFocused(false);
-  }, []);
-  const handleFocus = react.useCallback(() => {
-    setFocused(true);
-  }, []);
-  const handleConfirm = react.useCallback(() => {
-    setOpened(false);
-  }, []);
-  const renderLabelToUse = react.useMemo(() => {
-    if (shared.isFunction(renderLabel)) {
-      return ({ value: value2 }) => renderLabel?.(value2);
-    }
-  }, [renderLabel]);
-  const suffixIcon = focused && opened ? /* @__PURE__ */ jsxRuntime.jsx(Icon.SearchOutlined, {}) : /* @__PURE__ */ jsxRuntime.jsx(index.default, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LeafIcon, {}) });
-  const childrenToUse = react.cloneElement(
-    children,
-    {
-      keyword: deferredKeyword,
-      onConfirm: handleConfirm
-    }
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    antd.Select,
-    {
-      showSearch: true,
-      allowClear: clearable,
-      css: shared.styles.fullWidth,
-      disabled,
-      dropdownStyle,
-      labelRender: renderLabelToUse,
-      loading,
-      notFoundContent: childrenToUse,
-      open: opened,
-      placeholder,
-      popupMatchSelectWidth: false,
-      searchValue: keyword,
-      size: utils.convertBasicSizeToUiSize(size),
-      suffixIcon,
-      value,
-      variant,
-      onBlur: handleBlur,
-      onClear,
-      onDropdownVisibleChange: setOpened,
-      onFocus: handleFocus,
-      onSearch: setKeyword
-    }
-  );
-}
-
-exports.default = VefGenericSelect;
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),Icon=require("@ant-design/icons"),shared=require("@vef-framework/shared"),antd=require("antd"),lucideReact=require("lucide-react"),react=require("react");require("../internal/index.cjs");const index=require("../vef-icon/index.cjs"),utils=require("../internal/utils.cjs"),dropdownStyle={"--vef-select-option-padding":0};function VefGenericSelect({value,size,renderLabel,placeholder,disabled,clearable,loading,variant,children,onClear}){const[opened,setOpened]=react.useState(!1),[focused,setFocused]=react.useState(!1),[keyword,setKeyword]=react.useState(),deferredKeyword=react.useDeferredValue(keyword),handleBlur=react.useCallback(()=>{setFocused(!1)},[]),handleFocus=react.useCallback(()=>{setFocused(!0)},[]),handleConfirm=react.useCallback(()=>{setOpened(!1)},[]),renderLabelToUse=react.useMemo(()=>{if(shared.isFunction(renderLabel))return({value:value2})=>renderLabel?.(value2)},[renderLabel]),suffixIcon=focused&&opened?jsxRuntime.jsx(Icon.SearchOutlined,{}):jsxRuntime.jsx(index.default,{children:jsxRuntime.jsx(lucideReact.LeafIcon,{})}),childrenToUse=react.cloneElement(children,{keyword:deferredKeyword,onConfirm:handleConfirm});return jsxRuntime.jsx(antd.Select,{showSearch:!0,allowClear:clearable,css:shared.styles.fullWidth,disabled,dropdownStyle,labelRender:renderLabelToUse,loading,notFoundContent:childrenToUse,open:opened,placeholder,popupMatchSelectWidth:!1,searchValue:keyword,size:utils.convertBasicSizeToUiSize(size),suffixIcon,value,variant,onBlur:handleBlur,onClear,onDropdownVisibleChange:setOpened,onFocus:handleFocus,onSearch:setKeyword})}exports.default=VefGenericSelect;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-generic-select/props.cjs

@@ -1,5 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. *//*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-grid/index.cjs

@@ -1,18 +1,4 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
-
-const jsxRuntime = require('@emotion/react/jsx-runtime');
-const react = require('@emotion/react');
-const hooks = require('@vef-framework/hooks');
-const shared = require('@vef-framework/shared');
-const clsx = require('clsx');
-const react$1 = require('react');
-const reactContainerQuery = require('react-container-query');
-
-const GRID_COLUMNS = 24;
-const gridStyle = react.css`
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),react=require("@emotion/react"),hooks=require("@vef-framework/hooks"),shared=require("@vef-framework/shared"),clsx=require("clsx"),react$1=require("react"),reactContainerQuery=require("react-container-query"),GRID_COLUMNS=24,gridStyle=react.css`
   display: grid;
   grid: auto-flow / repeat(${GRID_COLUMNS}, minmax(0, 1fr));
   
@@ -20,75 +6,19 @@ const gridStyle = react.css`
     grid-column: span ${GRID_COLUMNS};
   }
 
-  ${Array.from({ length: GRID_COLUMNS }).map((_, index) => `
-    > .vef-grid-item-${index + 1} {
-      grid-column: span ${index + 1};
+  ${Array.from({length:GRID_COLUMNS}).map((_,index)=>`
+    > .vef-grid-item-${index+1} {
+      grid-column: span ${index+1};
     }
   `)}
 
-  ${shared.breakpoints.map((breakpoint) => `
+  ${shared.breakpoints.map(breakpoint=>`
     &.vef-container-${breakpoint} {
-      ${Array.from({ length: GRID_COLUMNS }).map((_, index) => `
-        > .vef-grid-item-${breakpoint}-${index + 1} {
-          grid-column: span ${index + 1};
+      ${Array.from({length:GRID_COLUMNS}).map((_,index)=>`
+        > .vef-grid-item-${breakpoint}-${index+1} {
+          grid-column: span ${index+1};
         }
       `)}
     }
   `)}
-`;
-function VefGrid({
-  baseWidth = 240,
-  gap,
-  children
-}) {
-  const query = react$1.useMemo(() => ({
-    "vef-container-xs": { minWidth: 0 },
-    "vef-container-sm": { minWidth: baseWidth * 2 },
-    "vef-container-md": { minWidth: baseWidth * 3 },
-    "vef-container-lg": { minWidth: baseWidth * 4 },
-    "vef-container-xl": { minWidth: baseWidth * 5 },
-    "vef-container-xxl": { minWidth: baseWidth * 6 }
-  }), [baseWidth]);
-  const containerRef = react$1.useRef(null);
-  const [classNames, setRef] = reactContainerQuery.useContainerQuery(query, {
-    width: baseWidth * 2
-  });
-  const normalizeGapSize = hooks.useGapSizeNormalizer();
-  const [rowGap, columnGap] = react$1.useMemo(() => {
-    if (shared.isArray(gap)) {
-      return [normalizeGapSize(gap[0]), normalizeGapSize(gap[1])];
-    }
-    if (gap) {
-      const normalizedGap = normalizeGapSize(gap);
-      return [normalizedGap, normalizedGap];
-    }
-    return [0, 0];
-  }, [gap, normalizeGapSize]);
-  react$1.useEffect(() => {
-    setRef(containerRef.current);
-  }, [containerRef, setRef]);
-  const containerSize = hooks.useElementSize(containerRef);
-  const gapStyle = react$1.useMemo(() => {
-    if ((containerSize?.width ?? baseWidth * 2) > GRID_COLUMNS * columnGap) {
-      return {
-        gap: `${rowGap}px ${columnGap}px`
-      };
-    }
-    return {
-      gap: `${rowGap}px ${Math.floor((containerSize?.width ?? baseWidth * 2) / GRID_COLUMNS)}px`
-    };
-  }, [containerSize?.width, baseWidth, columnGap, rowGap]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      ref: containerRef,
-      className: clsx(classNames),
-      css: gridStyle,
-      style: gapStyle,
-      children
-    }
-  );
-}
-
-exports.default = VefGrid;
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+`;function VefGrid({baseWidth=240,gap,children}){const query=react$1.useMemo(()=>({"vef-container-xs":{minWidth:0},"vef-container-sm":{minWidth:baseWidth*2},"vef-container-md":{minWidth:baseWidth*3},"vef-container-lg":{minWidth:baseWidth*4},"vef-container-xl":{minWidth:baseWidth*5},"vef-container-xxl":{minWidth:baseWidth*6}}),[baseWidth]),containerRef=react$1.useRef(null),[classNames,setRef]=reactContainerQuery.useContainerQuery(query,{width:baseWidth*2}),normalizeGapSize=hooks.useGapSizeNormalizer(),[rowGap,columnGap]=react$1.useMemo(()=>{if(shared.isArray(gap))return[normalizeGapSize(gap[0]),normalizeGapSize(gap[1])];if(gap){const normalizedGap=normalizeGapSize(gap);return[normalizedGap,normalizedGap]}return[0,0]},[gap,normalizeGapSize]);react$1.useEffect(()=>{setRef(containerRef.current)},[containerRef,setRef]);const containerSize=hooks.useElementSize(containerRef),gapStyle=react$1.useMemo(()=>(containerSize?.width??baseWidth*2)>GRID_COLUMNS*columnGap?{gap:`${rowGap}px ${columnGap}px`}:{gap:`${rowGap}px ${Math.floor((containerSize?.width??baseWidth*2)/GRID_COLUMNS)}px`},[containerSize?.width,baseWidth,columnGap,rowGap]);return jsxRuntime.jsx("div",{ref:containerRef,className:clsx(classNames),css:gridStyle,style:gapStyle,children})}exports.default=VefGrid;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-grid/props.cjs

@@ -1,9 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const BREAKPOINTS = ["xs", "sm", "md", "lg", "xl", "xxl"];
-
-exports.BREAKPOINTS = BREAKPOINTS;
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const BREAKPOINTS=["xs","sm","md","lg","xl","xxl"];exports.BREAKPOINTS=BREAKPOINTS;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-grid-item/index.cjs

@@ -1,57 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
-
-const jsxRuntime = require('@emotion/react/jsx-runtime');
-const clsx = require('clsx');
-const react = require('react');
-
-function VefGridItem({
-  span,
-  xs,
-  sm,
-  md,
-  lg,
-  xl,
-  xxl,
-  children
-}) {
-  const classNames = react.useMemo(() => {
-    const classNames2 = [];
-    if (span) {
-      classNames2.push(`vef-grid-item-${span}`);
-    }
-    if (xs) {
-      classNames2.push(`vef-grid-item-xs-${xs}`);
-    }
-    if (sm) {
-      classNames2.push(`vef-grid-item-sm-${sm}`);
-    }
-    if (md) {
-      classNames2.push(`vef-grid-item-md-${md}`);
-    }
-    if (lg) {
-      classNames2.push(`vef-grid-item-lg-${lg}`);
-    }
-    if (xl) {
-      classNames2.push(`vef-grid-item-xl-${xl}`);
-    }
-    if (xxl) {
-      classNames2.push(`vef-grid-item-xxl-${xxl}`);
-    }
-    return classNames2;
-  }, [
-    span,
-    xs,
-    sm,
-    md,
-    lg,
-    xl,
-    xxl
-  ]);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx(classNames), children });
-}
-
-exports.default = VefGridItem;
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),clsx=require("clsx"),react=require("react");function VefGridItem({span,xs,sm,md,lg,xl,xxl,children}){const classNames=react.useMemo(()=>{const classNames2=[];return span&&classNames2.push(`vef-grid-item-${span}`),xs&&classNames2.push(`vef-grid-item-xs-${xs}`),sm&&classNames2.push(`vef-grid-item-sm-${sm}`),md&&classNames2.push(`vef-grid-item-md-${md}`),lg&&classNames2.push(`vef-grid-item-lg-${lg}`),xl&&classNames2.push(`vef-grid-item-xl-${xl}`),xxl&&classNames2.push(`vef-grid-item-xxl-${xxl}`),classNames2},[span,xs,sm,md,lg,xl,xxl]);return jsxRuntime.jsx("div",{className:clsx(classNames),children})}exports.default=VefGridItem;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-grid-item/props.cjs

@@ -1,5 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. *//*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-icon/index.cjs

@@ -1,55 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
-
-const jsxRuntime = require('@emotion/react/jsx-runtime');
-const Icon = require('@ant-design/icons');
-const hooks = require('@vef-framework/hooks');
-const shared = require('@vef-framework/shared');
-const react = require('react');
-
-const VefIconBase = react.forwardRef(
-  ({
-    size,
-    color,
-    children,
-    ...restProps
-  }, ref) => {
-    const colorTokens = hooks.useColorTokens();
-    const style = react.useMemo(() => {
-      const style2 = {};
-      const fontSize = size === "small" ? shared.themeVariables.fontSizeSm : size === "medium" ? shared.themeVariables.fontSize : size === "large" ? shared.themeVariables.fontSizeLg : size === "huge" ? shared.themeVariables.fontSizeXl : void 0;
-      if (fontSize) {
-        style2.fontSize = fontSize;
-      }
-      if (color) {
-        style2.color = colorTokens.get(color);
-      }
-      return style2;
-    }, [size, color, colorTokens]);
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Icon,
-      {
-        ref,
-        style,
-        component: (props) => {
-          const svgProps = shared.omit(props, ["fill"]);
-          if (children.type === react.Suspense) {
-            const { children: icon } = children.props;
-            return react.cloneElement(children, {
-              children: react.cloneElement(icon, svgProps)
-            });
-          }
-          return react.cloneElement(children, svgProps);
-        },
-        ...restProps
-      }
-    );
-  }
-);
-const VefIcon = react.memo(VefIconBase);
-VefIcon.displayName = "VefIcon";
-
-exports.default = VefIcon;
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),Icon=require("@ant-design/icons"),hooks=require("@vef-framework/hooks"),shared=require("@vef-framework/shared"),react=require("react"),VefIconBase=react.forwardRef(({size,color,children,...restProps},ref)=>{const colorTokens=hooks.useColorTokens(),style=react.useMemo(()=>{const style2={},fontSize=size==="small"?shared.themeVariables.fontSizeSm:size==="medium"?shared.themeVariables.fontSize:size==="large"?shared.themeVariables.fontSizeLg:size==="huge"?shared.themeVariables.fontSizeXl:void 0;return fontSize&&(style2.fontSize=fontSize),color&&(style2.color=colorTokens.get(color)),style2},[size,color,colorTokens]);return jsxRuntime.jsx(Icon,{ref,style,component:props=>{const svgProps=shared.omit(props,["fill"]);if(children.type===react.Suspense){const{children:icon}=children.props;return react.cloneElement(children,{children:react.cloneElement(icon,svgProps)})}return react.cloneElement(children,svgProps)},...restProps})}),VefIcon=react.memo(VefIconBase);VefIcon.displayName="VefIcon",exports.default=VefIcon;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-icon/props.cjs

@@ -1,5 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. *//*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */