@vef-framework/components 1.0.101 → 1.0.102

package/lib/vef-radio/hooks/use-data-options.cjs

@@ -1,45 +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 hooks = require('@vef-framework/hooks');
-const shared = require('@vef-framework/shared');
-const react = require('react');
-
-function useDataOptions({
-  value,
-  onChange,
-  ...rest
-}) {
-  const {
-    normalizedOptions,
-    defaultOption,
-    isLoading
-  } = hooks.useComputedOptions({
-    ...rest,
-    isGrouped: false,
-    filterable: false,
-    selectedOptionValues: value ? [value] : []
-  });
-  const optionsMap = react.useMemo(() => normalizedOptions.reduce((map, option) => {
-    map.set(option.value, option);
-    return map;
-  }, /* @__PURE__ */ new Map()), [normalizedOptions]);
-  react.useLayoutEffect(() => {
-    if (defaultOption && shared.isFunction(onChange) && shared.isNullish(value)) {
-      onChange(
-        defaultOption.value,
-        defaultOption
-      );
-    }
-  }, [defaultOption, onChange, value]);
-  return {
-    optionsMap,
-    normalizedOptions,
-    isLoading
-  };
-}
-
-exports.useDataOptions = useDataOptions;
-/*! 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 hooks=require("@vef-framework/hooks"),shared=require("@vef-framework/shared"),react=require("react");function useDataOptions({value,onChange,...rest}){const{normalizedOptions,defaultOption,isLoading}=hooks.useComputedOptions({...rest,isGrouped:!1,filterable:!1,selectedOptionValues:value?[value]:[]}),optionsMap=react.useMemo(()=>normalizedOptions.reduce((map,option)=>(map.set(option.value,option),map),new Map),[normalizedOptions]);return react.useLayoutEffect(()=>{defaultOption&&shared.isFunction(onChange)&&shared.isNullish(value)&&onChange(defaultOption.value,defaultOption)},[defaultOption,onChange,value]),{optionsMap,normalizedOptions,isLoading}}exports.useDataOptions=useDataOptions;/*! 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-radio/hooks/use-radio-instance.cjs

@@ -1,25 +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 react = require('react');
-
-function useRadioInstance(ref, dataOptions) {
-  const radioRef = react.useRef(null);
-  react.useImperativeHandle(ref, () => ({
-    blur: () => {
-      radioRef.current?.blur();
-    },
-    focus: () => {
-      radioRef.current?.focus({
-        preventScroll: true
-      });
-    },
-    getDataOptions: () => dataOptions
-  }));
-  return radioRef;
-}
-
-exports.useRadioInstance = useRadioInstance;
-/*! 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 react=require("react");function useRadioInstance(ref,dataOptions){const radioRef=react.useRef(null);return react.useImperativeHandle(ref,()=>({blur:()=>{radioRef.current?.blur()},focus:()=>{radioRef.current?.focus({preventScroll:!0})},getDataOptions:()=>dataOptions})),radioRef}exports.useRadioInstance=useRadioInstance;/*! 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-radio/index.cjs

@@ -1,93 +1,3 @@
-/*! 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 shared = require('@vef-framework/shared');
-const antd = require('antd');
-const react$1 = require('react');
-require('../internal/index.cjs');
-const index = require('../vef-loading-placeholder/index.cjs');
-const index$1 = require('../vef-tooltip/index.cjs');
-const useDataOptions = require('./hooks/use-data-options.cjs');
-const useRadioInstance = require('./hooks/use-radio-instance.cjs');
-const utils = require('../internal/utils.cjs');
-
-const { Group } = antd.Radio;
-const loadingPlaceholder = /* @__PURE__ */ jsxRuntime.jsx(
-  "div",
-  {
-    css: 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"),shared=require("@vef-framework/shared"),antd=require("antd"),react$1=require("react");require("../internal/index.cjs");const index=require("../vef-loading-placeholder/index.cjs"),index$1=require("../vef-tooltip/index.cjs"),useDataOptions=require("./hooks/use-data-options.cjs"),useRadioInstance=require("./hooks/use-radio-instance.cjs"),utils=require("../internal/utils.cjs"),{Group}=antd.Radio,loadingPlaceholder=jsxRuntime.jsx("div",{css:react.css`
       height: ${shared.themeVariables.controlHeight}
-    `,
-    children: /* @__PURE__ */ jsxRuntime.jsx(index.default, {})
-  }
-);
-function VefRadioBase({
-  defaultValue,
-  value,
-  disabled,
-  block,
-  variant,
-  buttonVariant,
-  buttonSize,
-  onChange,
-  ...restProps
-}, ref) {
-  const {
-    optionsMap,
-    normalizedOptions,
-    isLoading
-  } = useDataOptions.useDataOptions({
-    value,
-    onChange,
-    ...restProps
-  });
-  const radioRef = useRadioInstance.useRadioInstance(ref, normalizedOptions);
-  const handleChange = react$1.useMemo(() => {
-    if (shared.isFunction(onChange)) {
-      return ({ target: { value: value2 } }) => {
-        onChange(value2, optionsMap.get(value2));
-      };
-    }
-  }, [onChange, optionsMap]);
-  if (isLoading) {
-    return loadingPlaceholder;
-  }
-  const radios = normalizedOptions.map((option) => {
-    const {
-      value: value2,
-      label,
-      disabled: disabled2,
-      description
-    } = option;
-    if (description) {
-      return /* @__PURE__ */ jsxRuntime.jsx(index$1.default, { content: description, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Radio, { disabled: disabled2, value: value2, children: label }) }, value2);
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx(antd.Radio, { disabled: disabled2, value: value2, children: label }, value2);
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Group,
-    {
-      ref: radioRef,
-      block,
-      buttonStyle: buttonVariant,
-      defaultValue,
-      disabled,
-      optionType: variant,
-      size: utils.convertBasicSizeToUiSize(buttonSize),
-      onChange: handleChange,
-      ...value === void 0 ? {} : { value },
-      children: radios
-    }
-  );
-}
-const VefRadio = react$1.memo(
-  react$1.forwardRef(VefRadioBase)
-);
-VefRadio.displayName = "VefRadio";
-
-exports.default = VefRadio;
-/*! 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 */
+    `,children:jsxRuntime.jsx(index.default,{})});function VefRadioBase({defaultValue,value,disabled,block,variant,buttonVariant,buttonSize,onChange,...restProps},ref){const{optionsMap,normalizedOptions,isLoading}=useDataOptions.useDataOptions({value,onChange,...restProps}),radioRef=useRadioInstance.useRadioInstance(ref,normalizedOptions),handleChange=react$1.useMemo(()=>{if(shared.isFunction(onChange))return({target:{value:value2}})=>{onChange(value2,optionsMap.get(value2))}},[onChange,optionsMap]);if(isLoading)return loadingPlaceholder;const radios=normalizedOptions.map(option=>{const{value:value2,label,disabled:disabled2,description}=option;return description?jsxRuntime.jsx(index$1.default,{content:description,children:jsxRuntime.jsx(antd.Radio,{disabled:disabled2,value:value2,children:label})},value2):jsxRuntime.jsx(antd.Radio,{disabled:disabled2,value:value2,children:label},value2)});return jsxRuntime.jsx(Group,{ref:radioRef,block,buttonStyle:buttonVariant,defaultValue,disabled,optionType:variant,size:utils.convertBasicSizeToUiSize(buttonSize),onChange:handleChange,...value===void 0?{}:{value},children:radios})}const VefRadio=react$1.memo(react$1.forwardRef(VefRadioBase));VefRadio.displayName="VefRadio",exports.default=VefRadio;/*! 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-radio/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-rate/hooks/use-rate-instance.cjs

@@ -1,18 +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 react = require('react');
-
-function useRateInstance(ref) {
-  const rateRef = react.useRef(null);
-  react.useImperativeHandle(ref, () => ({
-    blur: () => rateRef.current?.blur(),
-    focus: () => rateRef.current?.focus()
-  }));
-  return rateRef;
-}
-
-exports.useRateInstance = useRateInstance;
-/*! 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 react=require("react");function useRateInstance(ref){const rateRef=react.useRef(null);return react.useImperativeHandle(ref,()=>({blur:()=>rateRef.current?.blur(),focus:()=>rateRef.current?.focus()})),rateRef}exports.useRateInstance=useRateInstance;/*! 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-rate/index.cjs

@@ -1,35 +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 shared = require('@vef-framework/shared');
-const antd = require('antd');
-const react = require('react');
-const useRateInstance = require('./hooks/use-rate-instance.cjs');
-
-const VefRate = react.forwardRef(({
-  character,
-  ...restProps
-}, ref) => {
-  const characterValue = react.useMemo(() => {
-    if (shared.isFunction(character)) {
-      return ({ index }) => character(index);
-    }
-    return character;
-  }, [character]);
-  const rateRef = useRateInstance.useRateInstance(ref);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    antd.Rate,
-    {
-      ref: rateRef,
-      character: characterValue,
-      ...restProps
-    }
-  );
-});
-VefRate.displayName = "VefRate";
-
-exports.default = VefRate;
-/*! 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"),shared=require("@vef-framework/shared"),antd=require("antd"),react=require("react"),useRateInstance=require("./hooks/use-rate-instance.cjs"),VefRate=react.forwardRef(({character,...restProps},ref)=>{const characterValue=react.useMemo(()=>shared.isFunction(character)?({index})=>character(index):character,[character]),rateRef=useRateInstance.useRateInstance(ref);return jsxRuntime.jsx(antd.Rate,{ref:rateRef,character:characterValue,...restProps})});VefRate.displayName="VefRate",exports.default=VefRate;/*! 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-rate/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-responsive-container/index.cjs

@@ -1,62 +1,5 @@
-/*! 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 react$2 = require('motion/react');
-const react$1 = require('react');
-const index = require('../vef-responsive-item/index.cjs');
-
-const containerStyle = 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"),react$2=require("motion/react"),react$1=require("react"),index=require("../vef-responsive-item/index.cjs"),containerStyle=react.css`
   display: grid;
   grid-template-columns: repeat(var(--vef-responsive-container-auto-mode), minmax(var(--vef-responsive-container-base-width), 1fr));
   gap: var(--vef-responsive-container-gap);
-`;
-const VefResponsiveContainerBase = react$1.forwardRef(({
-  style,
-  baseItemWidth = 320,
-  autoExpand = true,
-  gap = 0,
-  children,
-  ...restProps
-}, ref) => {
-  if (baseItemWidth % 2 !== 0) {
-    throw new Error("VefResponsiveContainer: baseItemWidth must be an even number.");
-  }
-  react$1.Children.forEach(children, (child) => {
-    if (!react$1.isValidElement(child) || child.type !== index.default) {
-      throw new Error("VefResponsiveContainer: children must be a VefResponsiveItem element.");
-    }
-  });
-  const normalizeGapSize = hooks.useGapSizeNormalizer();
-  const normalizedGap = react$1.useMemo(() => {
-    if (shared.isArray(gap)) {
-      return gap.map((it) => normalizeGapSize(it)).join(" ");
-    }
-    return normalizeGapSize(gap);
-  }, [gap, normalizeGapSize]);
-  const mergedStyle = react$1.useMemo(() => {
-    const autoMode = autoExpand ? "auto-fit" : "auto-fill";
-    return {
-      ...style,
-      "--vef-responsive-container-auto-mode": autoMode,
-      "--vef-responsive-container-base-width": `${baseItemWidth / 2}px`,
-      "--vef-responsive-container-gap": normalizedGap
-    };
-  }, [
-    autoExpand,
-    baseItemWidth,
-    normalizedGap,
-    style
-  ]);
-  return /* @__PURE__ */ jsxRuntime.jsx(react$2.motion.div, { ref, css: containerStyle, style: mergedStyle, ...restProps, children });
-});
-const VefResponsiveContainer = react$1.memo(VefResponsiveContainerBase);
-VefResponsiveContainer.displayName = "VefResponsiveContainer";
-
-exports.default = VefResponsiveContainer;
-/*! 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 */
+`,VefResponsiveContainerBase=react$1.forwardRef(({style,baseItemWidth=320,autoExpand=!0,gap=0,children,...restProps},ref)=>{if(baseItemWidth%2!==0)throw new Error("VefResponsiveContainer: baseItemWidth must be an even number.");react$1.Children.forEach(children,child=>{if(!react$1.isValidElement(child)||child.type!==index.default)throw new Error("VefResponsiveContainer: children must be a VefResponsiveItem element.")});const normalizeGapSize=hooks.useGapSizeNormalizer(),normalizedGap=react$1.useMemo(()=>shared.isArray(gap)?gap.map(it=>normalizeGapSize(it)).join(" "):normalizeGapSize(gap),[gap,normalizeGapSize]),mergedStyle=react$1.useMemo(()=>({...style,"--vef-responsive-container-auto-mode":autoExpand?"auto-fit":"auto-fill","--vef-responsive-container-base-width":`${baseItemWidth/2}px`,"--vef-responsive-container-gap":normalizedGap}),[autoExpand,baseItemWidth,normalizedGap,style]);return jsxRuntime.jsx(react$2.motion.div,{ref,css:containerStyle,style:mergedStyle,...restProps,children})}),VefResponsiveContainer=react$1.memo(VefResponsiveContainerBase);VefResponsiveContainer.displayName="VefResponsiveContainer",exports.default=VefResponsiveContainer;/*! 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-responsive-container/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-responsive-item/index.cjs

@@ -1,29 +1,3 @@
-/*! 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 react$2 = require('motion/react');
-const react$1 = require('react');
-
-const itemStyle = 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"),react$2=require("motion/react"),react$1=require("react"),itemStyle=react.css`
   grid-column: span var(--vef-responsive-item-span);
-`;
-const VefResponsiveItem = react$1.forwardRef(({
-  style,
-  span = 1,
-  children,
-  ...restProps
-}, ref) => {
-  const mergedStyle = react$1.useMemo(() => ({
-    ...style,
-    "--vef-responsive-item-span": span * 2
-  }), [span, style]);
-  return /* @__PURE__ */ jsxRuntime.jsx(react$2.motion.div, { ref, css: itemStyle, style: mergedStyle, ...restProps, children });
-});
-VefResponsiveItem.displayName = "VefResponsiveItem";
-
-exports.default = VefResponsiveItem;
-/*! 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 */
+`,VefResponsiveItem=react$1.forwardRef(({style,span=1,children,...restProps},ref)=>{const mergedStyle=react$1.useMemo(()=>({...style,"--vef-responsive-item-span":span*2}),[span,style]);return jsxRuntime.jsx(react$2.motion.div,{ref,css:itemStyle,style:mergedStyle,...restProps,children})});VefResponsiveItem.displayName="VefResponsiveItem",exports.default=VefResponsiveItem;/*! 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-responsive-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-ribbon/index.cjs

@@ -1,43 +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 antd = require('antd');
-const react = require('react');
-
-const { Ribbon } = antd.Badge;
-function VefRibbon({
-  color,
-  position = "right",
-  children
-}) {
-  const colorTokens = hooks.useColorTokens();
-  const ribbonProps = react.useMemo(() => {
-    if (!color) {
-      return {
-        placement: position === "right" ? "end" : "start",
-        text: children
-      };
-    }
-    if (colorTokens.has(color)) {
-      return {
-        color: color ? colorTokens.get(color) : void 0,
-        placement: position === "right" ? "end" : "start",
-        text: children
-      };
-    }
-    throw new Error(`Invalid color value "${color}" of VefRibbon component. Color must be a valid color token.`);
-  }, [
-    children,
-    color,
-    colorTokens,
-    position
-  ]);
-  return /* @__PURE__ */ jsxRuntime.jsx(Ribbon, { ...ribbonProps });
-}
-
-exports.default = VefRibbon;
-/*! 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"),antd=require("antd"),react=require("react"),{Ribbon}=antd.Badge;function VefRibbon({color,position="right",children}){const colorTokens=hooks.useColorTokens(),ribbonProps=react.useMemo(()=>{if(!color)return{placement:position==="right"?"end":"start",text:children};if(colorTokens.has(color))return{color:color?colorTokens.get(color):void 0,placement:position==="right"?"end":"start",text:children};throw new Error(`Invalid color value "${color}" of VefRibbon component. Color must be a valid color token.`)},[children,color,colorTokens,position]);return jsxRuntime.jsx(Ribbon,{...ribbonProps})}exports.default=VefRibbon;/*! 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-ribbon/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-row/index.cjs

@@ -1,17 +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 antd = require('antd');
-
-function VefRow({
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(antd.Row, { ...props });
-}
-VefRow.displayName = "VefRow";
-
-exports.default = VefRow;
-/*! 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"),antd=require("antd");function VefRow({...props}){return jsxRuntime.jsx(antd.Row,{...props})}VefRow.displayName="VefRow",exports.default=VefRow;/*! 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-row/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-scroll-area/components/scrollbar.cjs

@@ -1,36 +1,22 @@
-/*! 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 reactScrollArea = require('@radix-ui/react-scroll-area');
-const shared = require('@vef-framework/shared');
-const react$1 = require('react');
-
-const scrollbarStyle = 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"),reactScrollArea=require("@radix-ui/react-scroll-area"),shared=require("@vef-framework/shared"),react$1=require("react"),scrollbarStyle=react.css`
   --vef-scroll-area-scrollbar-padding: 2px;
 
   display: flex;
   touch-action: none;
   user-select: none;
-`;
-const verticalScrollbarStyle = react.css`
+`,verticalScrollbarStyle=react.css`
   height: 100%;
   width: var(--vef-scroll-area-scrollbar-size);
   border-left-width: 1px;
   border-left-color: transparent;
   padding: var(--vef-scroll-area-scrollbar-padding);
-`;
-const horizontalScrollbarStyle = react.css`
+`,horizontalScrollbarStyle=react.css`
   flex-direction: column;
   height: var(--vef-scroll-area-scrollbar-size);
   border-top-width: 1px;
   border-top-color: transparent;
   padding: var(--vef-scroll-area-scrollbar-padding);
-`;
-const thumbStyle = react.css`
+`,thumbStyle=react.css`
   position: relative;
   z-index: 2;
   flex: 1;
@@ -43,22 +29,4 @@ const thumbStyle = react.css`
   &:hover {
     background-color: hsl(240 5.9% 84%);
   }
-`;
-const VefScrollbar = react$1.forwardRef(({ orientation = "vertical", ...restProps }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  reactScrollArea.ScrollAreaScrollbar,
-  {
-    ref,
-    orientation,
-    css: [
-      scrollbarStyle,
-      orientation === "vertical" && verticalScrollbarStyle,
-      orientation === "horizontal" && horizontalScrollbarStyle
-    ],
-    ...restProps,
-    children: /* @__PURE__ */ jsxRuntime.jsx(reactScrollArea.ScrollAreaThumb, { css: thumbStyle })
-  }
-));
-VefScrollbar.displayName = "VefScrollbar";
-
-exports.default = VefScrollbar;
-/*! 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 */
+`,VefScrollbar=react$1.forwardRef(({orientation="vertical",...restProps},ref)=>jsxRuntime.jsx(reactScrollArea.ScrollAreaScrollbar,{ref,orientation,css:[scrollbarStyle,orientation==="vertical"&&verticalScrollbarStyle,orientation==="horizontal"&&horizontalScrollbarStyle],...restProps,children:jsxRuntime.jsx(reactScrollArea.ScrollAreaThumb,{css:thumbStyle})}));VefScrollbar.displayName="VefScrollbar",exports.default=VefScrollbar;/*! 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-scroll-area/index.cjs

@@ -1,82 +1,11 @@
-/*! 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 reactScrollArea = require('@radix-ui/react-scroll-area');
-const shared = require('@vef-framework/shared');
-const react$1 = require('react');
-const scrollbar = require('./components/scrollbar.cjs');
-
-const scrollAreaStyle = 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"),reactScrollArea=require("@radix-ui/react-scroll-area"),shared=require("@vef-framework/shared"),react$1=require("react"),scrollbar=require("./components/scrollbar.cjs"),scrollAreaStyle=react.css`
   position: relative;
   overflow: hidden;
   height: var(--vef-scroll-area-height, 100%);
   width: var(--vef-scroll-area-width, auto);
-`;
-const viewportStyle = react.css`
+`,viewportStyle=react.css`
   height: 100%;
   width: 100%;
   border-radius: inherit;
   -webkit-overflow-scrolling: touch;
-`;
-const VefScrollArea = react$1.forwardRef(({
-  style,
-  height,
-  width,
-  scrollDirection = "y",
-  scrollbarSize = "medium",
-  autoHideScrollbar = true,
-  viewportClassName,
-  viewportStyle: externalViewportStyle,
-  viewportRef,
-  onScroll,
-  children,
-  ...restProps
-}, ref) => {
-  const scrollAreaDynamicStyle = react$1.useMemo(() => ({
-    ...style,
-    "--vef-scroll-area-height": (shared.isNumber(height) ? `${height}px` : height) ?? "100%",
-    "--vef-scroll-area-width": (shared.isNumber(width) ? `${width}px` : width) ?? "auto"
-  }), [height, style, width]);
-  const scrollbarSizeStyle = react$1.useMemo(() => ({
-    "--vef-scroll-area-scrollbar-size": scrollbarSize === "small" ? "10px" : scrollbarSize === "medium" ? "12px" : "14px"
-  }), [scrollbarSize]);
-  const viewportInlineStyle = react$1.useMemo(() => ({
-    ...externalViewportStyle,
-    overflowX: `${scrollDirection === "x" || scrollDirection === "both" ? "scroll" : "hidden"}`,
-    overflowY: `${scrollDirection === "y" || scrollDirection === "both" ? "scroll" : "hidden"}`
-  }), [scrollDirection, externalViewportStyle]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    reactScrollArea.Root,
-    {
-      ref,
-      css: scrollAreaStyle,
-      style: scrollAreaDynamicStyle,
-      type: autoHideScrollbar ? "hover" : "auto",
-      ...restProps,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          reactScrollArea.Viewport,
-          {
-            ref: viewportRef,
-            className: viewportClassName,
-            css: viewportStyle,
-            style: viewportInlineStyle,
-            onScroll,
-            children
-          }
-        ),
-        (scrollDirection === "y" || scrollDirection === "both") && /* @__PURE__ */ jsxRuntime.jsx(scrollbar.default, { orientation: "vertical", style: scrollbarSizeStyle }),
-        (scrollDirection === "x" || scrollDirection === "both") && /* @__PURE__ */ jsxRuntime.jsx(scrollbar.default, { orientation: "horizontal", style: scrollbarSizeStyle }),
-        /* @__PURE__ */ jsxRuntime.jsx(reactScrollArea.Corner, {})
-      ]
-    }
-  );
-});
-VefScrollArea.displayName = "VefScrollArea";
-
-exports.default = VefScrollArea;
-/*! 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 */
+`,VefScrollArea=react$1.forwardRef(({style,height,width,scrollDirection="y",scrollbarSize="medium",autoHideScrollbar=!0,viewportClassName,viewportStyle:externalViewportStyle,viewportRef,onScroll,children,...restProps},ref)=>{const scrollAreaDynamicStyle=react$1.useMemo(()=>({...style,"--vef-scroll-area-height":(shared.isNumber(height)?`${height}px`:height)??"100%","--vef-scroll-area-width":(shared.isNumber(width)?`${width}px`:width)??"auto"}),[height,style,width]),scrollbarSizeStyle=react$1.useMemo(()=>({"--vef-scroll-area-scrollbar-size":scrollbarSize==="small"?"10px":scrollbarSize==="medium"?"12px":"14px"}),[scrollbarSize]),viewportInlineStyle=react$1.useMemo(()=>({...externalViewportStyle,overflowX:`${scrollDirection==="x"||scrollDirection==="both"?"scroll":"hidden"}`,overflowY:`${scrollDirection==="y"||scrollDirection==="both"?"scroll":"hidden"}`}),[scrollDirection,externalViewportStyle]);return jsxRuntime.jsxs(reactScrollArea.Root,{ref,css:scrollAreaStyle,style:scrollAreaDynamicStyle,type:autoHideScrollbar?"hover":"auto",...restProps,children:[jsxRuntime.jsx(reactScrollArea.Viewport,{ref:viewportRef,className:viewportClassName,css:viewportStyle,style:viewportInlineStyle,onScroll,children}),(scrollDirection==="y"||scrollDirection==="both")&&jsxRuntime.jsx(scrollbar.default,{orientation:"vertical",style:scrollbarSizeStyle}),(scrollDirection==="x"||scrollDirection==="both")&&jsxRuntime.jsx(scrollbar.default,{orientation:"horizontal",style:scrollbarSizeStyle}),jsxRuntime.jsx(reactScrollArea.Corner,{})]})});VefScrollArea.displayName="VefScrollArea",exports.default=VefScrollArea;/*! 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-scroll-area/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 */