@vef-framework/components 1.0.99 → 1.0.100

package/es/vef-radio/index.js

@@ -1,89 +1,5 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-import { jsx } from '@emotion/react/jsx-runtime';
-import { css } from '@emotion/react';
-import { themeVariables, isFunction } from '@vef-framework/shared';
-import { Radio } from 'antd';
-import { useMemo, memo, forwardRef } from 'react';
-import '../internal/index.js';
-import VefLoadingPlaceholder from '../vef-loading-placeholder/index.js';
-import VefTooltip from '../vef-tooltip/index.js';
-import { useDataOptions } from './hooks/use-data-options.js';
-import { useRadioInstance } from './hooks/use-radio-instance.js';
-import { convertBasicSizeToUiSize } from '../internal/utils.js';
-
-const { Group } = Radio;
-const loadingPlaceholder = /* @__PURE__ */ jsx(
-  "div",
-  {
-    css: css`
-      height: ${themeVariables.controlHeight}
-    `,
-    children: /* @__PURE__ */ jsx(VefLoadingPlaceholder, {})
-  }
-);
-function VefRadioBase({
-  defaultValue,
-  value,
-  disabled,
-  block,
-  variant,
-  buttonVariant,
-  buttonSize,
-  onChange,
-  ...restProps
-}, ref) {
-  const {
-    optionsMap,
-    normalizedOptions,
-    isLoading
-  } = useDataOptions({
-    value,
-    onChange,
-    ...restProps
-  });
-  const radioRef = useRadioInstance(ref, normalizedOptions);
-  const handleChange = useMemo(() => {
-    if (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__ */ jsx(VefTooltip, { content: description, children: /* @__PURE__ */ jsx(Radio, { disabled: disabled2, value: value2, children: label }) }, value2);
-    }
-    return /* @__PURE__ */ jsx(Radio, { disabled: disabled2, value: value2, children: label }, value2);
-  });
-  return /* @__PURE__ */ jsx(
-    Group,
-    {
-      ref: radioRef,
-      block,
-      buttonStyle: buttonVariant,
-      defaultValue,
-      disabled,
-      optionType: variant,
-      size: convertBasicSizeToUiSize(buttonSize),
-      onChange: handleChange,
-      ...value === void 0 ? {} : { value },
-      children: radios
-    }
-  );
-}
-const VefRadio = memo(
-  forwardRef(VefRadioBase)
-);
-VefRadio.displayName = "VefRadio";
-
-export { VefRadio as default };
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";import{css as o}from"@emotion/react";import{themeVariables as t,isFunction as i}from"@vef-framework/shared";import{Radio as r}from"antd";import{useMemo as n,memo as a,forwardRef as l}from"react";import"../internal/index.js";import d from"../vef-loading-placeholder/index.js";import s from"../vef-tooltip/index.js";import{useDataOptions as m}from"./hooks/use-data-options.js";import{useRadioInstance as u}from"./hooks/use-radio-instance.js";import{convertBasicSizeToUiSize as p}from"../internal/utils.js";const{Group:f}=r,c=e("div",{css:o`
+      height: ${t.controlHeight}
+    `,children:e(d,{})});const h=a(l((function VefRadioBase({defaultValue:o,value:t,disabled:a,block:l,variant:d,buttonVariant:h,buttonSize:v,onChange:b,...g},j){const{optionsMap:k,normalizedOptions:x,isLoading:V}=m({value:t,onChange:b,...g}),y=u(j,x),z=n((()=>{if(i(b))return({target:{value:e}})=>{b(e,k.get(e))}}),[b,k]);if(V)return c;const C=x.map((o=>{const{value:t,label:i,disabled:n,description:a}=o;return a?e(s,{content:a,children:e(r,{disabled:n,value:t,children:i})},t):e(r,{disabled:n,value:t,children:i},t)}));return e(f,{ref:y,block:l,buttonStyle:h,defaultValue:o,disabled:a,optionType:d,size:p(v),onChange:z,...void 0===t?{}:{value:t},children:C})})));h.displayName="VefRadio";export{h as default};
 /*! 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/es/vef-rate/hooks/use-rate-instance.js

@@ -1,14 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-import { useRef, useImperativeHandle } from 'react';
-
-function useRateInstance(ref) {
-  const rateRef = useRef(null);
-  useImperativeHandle(ref, () => ({
-    blur: () => rateRef.current?.blur(),
-    focus: () => rateRef.current?.focus()
-  }));
-  return rateRef;
-}
-
-export { useRateInstance };
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+import{useRef as r,useImperativeHandle as t}from"react";function useRateInstance(e){const n=r(null);return t(e,(()=>({blur:()=>n.current?.blur(),focus:()=>n.current?.focus()}))),n}export{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/es/vef-rate/index.js

@@ -1,31 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-import { jsx } from '@emotion/react/jsx-runtime';
-import { isFunction } from '@vef-framework/shared';
-import { Rate } from 'antd';
-import { forwardRef, useMemo } from 'react';
-import { useRateInstance } from './hooks/use-rate-instance.js';
-
-const VefRate = forwardRef(({
-  character,
-  ...restProps
-}, ref) => {
-  const characterValue = useMemo(() => {
-    if (isFunction(character)) {
-      return ({ index }) => character(index);
-    }
-    return character;
-  }, [character]);
-  const rateRef = useRateInstance(ref);
-  return /* @__PURE__ */ jsx(
-    Rate,
-    {
-      ref: rateRef,
-      character: characterValue,
-      ...restProps
-    }
-  );
-});
-VefRate.displayName = "VefRate";
-
-export { VefRate as default };
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+import{jsx as r}from"@emotion/react/jsx-runtime";import{isFunction as e}from"@vef-framework/shared";import{Rate as t}from"antd";import{forwardRef as o,useMemo as a}from"react";import{useRateInstance as m}from"./hooks/use-rate-instance.js";const f=o((({character:o,...f},i)=>{const s=a((()=>e(o)?({index:r})=>o(r):o),[o]),c=m(i);return r(t,{ref:c,character:s,...f})}));f.displayName="VefRate";export{f as default};
 /*! 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/es/vef-responsive-container/index.js

@@ -1,58 +1,7 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-import { jsx } from '@emotion/react/jsx-runtime';
-import { css } from '@emotion/react';
-import { useGapSizeNormalizer } from '@vef-framework/hooks';
-import { isArray } from '@vef-framework/shared';
-import { motion } from 'motion/react';
-import { forwardRef, Children, isValidElement, useMemo, memo } from 'react';
-import VefResponsiveItem from '../vef-responsive-item/index.js';
-
-const containerStyle = css`
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";import{css as r}from"@emotion/react";import{useGapSizeNormalizer as o}from"@vef-framework/hooks";import{isArray as t}from"@vef-framework/shared";import{motion as n}from"motion/react";import{forwardRef as i,Children as a,isValidElement as s,useMemo as m,memo as p}from"react";import f from"../vef-responsive-item/index.js";const v=r`
   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 = 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.");
-  }
-  Children.forEach(children, (child) => {
-    if (!isValidElement(child) || child.type !== VefResponsiveItem) {
-      throw new Error("VefResponsiveContainer: children must be a VefResponsiveItem element.");
-    }
-  });
-  const normalizeGapSize = useGapSizeNormalizer();
-  const normalizedGap = useMemo(() => {
-    if (isArray(gap)) {
-      return gap.map((it) => normalizeGapSize(it)).join(" ");
-    }
-    return normalizeGapSize(gap);
-  }, [gap, normalizeGapSize]);
-  const mergedStyle = 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__ */ jsx(motion.div, { ref, css: containerStyle, style: mergedStyle, ...restProps, children });
-});
-const VefResponsiveContainer = memo(VefResponsiveContainerBase);
-VefResponsiveContainer.displayName = "VefResponsiveContainer";
-
-export { VefResponsiveContainer as default };
+`,c=p(i((({style:r,baseItemWidth:i=320,autoExpand:p=!0,gap:c=0,children:d,...l},u)=>{if(i%2!=0)throw new Error("VefResponsiveContainer: baseItemWidth must be an even number.");a.forEach(d,(e=>{if(!s(e)||e.type!==f)throw new Error("VefResponsiveContainer: children must be a VefResponsiveItem element.")}));const h=o(),w=m((()=>t(c)?c.map((e=>h(e))).join(" "):h(c)),[c,h]),b=m((()=>{const e=p?"auto-fit":"auto-fill";return{...r,"--vef-responsive-container-auto-mode":e,"--vef-responsive-container-base-width":i/2+"px","--vef-responsive-container-gap":w}}),[p,i,w,r]);return e(n.div,{ref:u,css:v,style:b,...l,children:d})})));c.displayName="VefResponsiveContainer";export{c as default};
 /*! 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/es/vef-responsive-item/index.js

@@ -1,25 +1,5 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-import { jsx } from '@emotion/react/jsx-runtime';
-import { css } from '@emotion/react';
-import { motion } from 'motion/react';
-import { forwardRef, useMemo } from 'react';
-
-const itemStyle = css`
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";import{css as r}from"@emotion/react";import{motion as t}from"motion/react";import{forwardRef as o,useMemo as s}from"react";const i=r`
   grid-column: span var(--vef-responsive-item-span);
-`;
-const VefResponsiveItem = forwardRef(({
-  style,
-  span = 1,
-  children,
-  ...restProps
-}, ref) => {
-  const mergedStyle = useMemo(() => ({
-    ...style,
-    "--vef-responsive-item-span": span * 2
-  }), [span, style]);
-  return /* @__PURE__ */ jsx(motion.div, { ref, css: itemStyle, style: mergedStyle, ...restProps, children });
-});
-VefResponsiveItem.displayName = "VefResponsiveItem";
-
-export { VefResponsiveItem as default };
+`,m=o((({style:r,span:o=1,children:m,...n},a)=>{const p=s((()=>({...r,"--vef-responsive-item-span":2*o})),[o,r]);return e(t.div,{ref:a,css:i,style:p,...n,children:m})}));m.displayName="VefResponsiveItem";export{m as default};
 /*! 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/es/vef-ribbon/index.js

@@ -1,39 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-import { jsx } from '@emotion/react/jsx-runtime';
-import { useColorTokens } from '@vef-framework/hooks';
-import { Badge } from 'antd';
-import { useMemo } from 'react';
-
-const { Ribbon } = Badge;
-function VefRibbon({
-  color,
-  position = "right",
-  children
-}) {
-  const colorTokens = useColorTokens();
-  const ribbonProps = 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__ */ jsx(Ribbon, { ...ribbonProps });
-}
-
-export { VefRibbon as default };
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+import{jsx as o}from"@emotion/react/jsx-runtime";import{useColorTokens as t}from"@vef-framework/hooks";import{Badge as r}from"antd";import{useMemo as e}from"react";const{Ribbon:n}=r;function VefRibbon({color:r,position:i="right",children:a}){const m=t(),f=e((()=>{if(!r)return{placement:"right"===i?"end":"start",text:a};if(m.has(r))return{color:r?m.get(r):void 0,placement:"right"===i?"end":"start",text:a};throw new Error(`Invalid color value "${r}" of VefRibbon component. Color must be a valid color token.`)}),[a,r,m,i]);return o(n,{...f})}export{VefRibbon as default};
 /*! 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/es/vef-row/index.js

@@ -1,13 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-import { jsx } from '@emotion/react/jsx-runtime';
-import { Row } from 'antd';
-
-function VefRow({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(Row, { ...props });
-}
-VefRow.displayName = "VefRow";
-
-export { VefRow as default };
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+import{jsx as o}from"@emotion/react/jsx-runtime";import{Row as e}from"antd";function VefRow({...t}){return o(e,{...t})}VefRow.displayName="VefRow";export{VefRow as default};
 /*! 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/es/vef-scroll-area/components/scrollbar.js

@@ -1,60 +1,34 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-import { jsx } from '@emotion/react/jsx-runtime';
-import { css } from '@emotion/react';
-import { ScrollAreaScrollbar, ScrollAreaThumb } from '@radix-ui/react-scroll-area';
-import { themeVariables } from '@vef-framework/shared';
-import { forwardRef } from 'react';
-
-const scrollbarStyle = css`
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+import{jsx as r}from"@emotion/react/jsx-runtime";import{css as o}from"@emotion/react";import{ScrollAreaScrollbar as a,ScrollAreaThumb as e}from"@radix-ui/react-scroll-area";import{themeVariables as i}from"@vef-framework/shared";import{forwardRef as l}from"react";const t=o`
   --vef-scroll-area-scrollbar-padding: 2px;
 
   display: flex;
   touch-action: none;
   user-select: none;
-`;
-const verticalScrollbarStyle = css`
+`,n=o`
   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 = css`
+`,c=o`
   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 = css`
+`,s=o`
   position: relative;
   z-index: 2;
   flex: 1;
   border-radius: calc(var(--vef-scroll-area-scrollbar-size) - var(--vef-scroll-area-scrollbar-padding) * 2);
   background-color: hsl(240 5.9% 90%);
   transition-property: background-color;
-  transition-timing-function: ${themeVariables.motionEaseInOutCirc};
-  transition-duration: ${themeVariables.motionDurationMid};
+  transition-timing-function: ${i.motionEaseInOutCirc};
+  transition-duration: ${i.motionDurationMid};
 
   &:hover {
     background-color: hsl(240 5.9% 84%);
   }
-`;
-const VefScrollbar = forwardRef(({ orientation = "vertical", ...restProps }, ref) => /* @__PURE__ */ jsx(
-  ScrollAreaScrollbar,
-  {
-    ref,
-    orientation,
-    css: [
-      scrollbarStyle,
-      orientation === "vertical" && verticalScrollbarStyle,
-      orientation === "horizontal" && horizontalScrollbarStyle
-    ],
-    ...restProps,
-    children: /* @__PURE__ */ jsx(ScrollAreaThumb, { css: thumbStyle })
-  }
-));
-VefScrollbar.displayName = "VefScrollbar";
-
-export { VefScrollbar as default };
+`,d=l((({orientation:o="vertical",...i},l)=>r(a,{ref:l,orientation:o,css:[t,"vertical"===o&&n,"horizontal"===o&&c],...i,children:r(e,{css:s})})));d.displayName="VefScrollbar";export{d as default};
 /*! 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/es/vef-scroll-area/index.js

@@ -1,78 +1,13 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-import { jsxs, jsx } from '@emotion/react/jsx-runtime';
-import { css } from '@emotion/react';
-import { Root, Viewport, Corner } from '@radix-ui/react-scroll-area';
-import { isNumber } from '@vef-framework/shared';
-import { forwardRef, useMemo } from 'react';
-import VefScrollbar from './components/scrollbar.js';
-
-const scrollAreaStyle = css`
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+import{jsxs as r,jsx as e}from"@emotion/react/jsx-runtime";import{css as o}from"@emotion/react";import{Root as t,Viewport as l,Corner as i}from"@radix-ui/react-scroll-area";import{isNumber as a}from"@vef-framework/shared";import{forwardRef as s,useMemo as c}from"react";import h from"./components/scrollbar.js";const m=o`
   position: relative;
   overflow: hidden;
   height: var(--vef-scroll-area-height, 100%);
   width: var(--vef-scroll-area-width, auto);
-`;
-const viewportStyle = css`
+`,n=o`
   height: 100%;
   width: 100%;
   border-radius: inherit;
   -webkit-overflow-scrolling: touch;
-`;
-const VefScrollArea = forwardRef(({
-  style,
-  height,
-  width,
-  scrollDirection = "y",
-  scrollbarSize = "medium",
-  autoHideScrollbar = true,
-  viewportClassName,
-  viewportStyle: externalViewportStyle,
-  viewportRef,
-  onScroll,
-  children,
-  ...restProps
-}, ref) => {
-  const scrollAreaDynamicStyle = useMemo(() => ({
-    ...style,
-    "--vef-scroll-area-height": (isNumber(height) ? `${height}px` : height) ?? "100%",
-    "--vef-scroll-area-width": (isNumber(width) ? `${width}px` : width) ?? "auto"
-  }), [height, style, width]);
-  const scrollbarSizeStyle = useMemo(() => ({
-    "--vef-scroll-area-scrollbar-size": scrollbarSize === "small" ? "10px" : scrollbarSize === "medium" ? "12px" : "14px"
-  }), [scrollbarSize]);
-  const viewportInlineStyle = useMemo(() => ({
-    ...externalViewportStyle,
-    overflowX: `${scrollDirection === "x" || scrollDirection === "both" ? "scroll" : "hidden"}`,
-    overflowY: `${scrollDirection === "y" || scrollDirection === "both" ? "scroll" : "hidden"}`
-  }), [scrollDirection, externalViewportStyle]);
-  return /* @__PURE__ */ jsxs(
-    Root,
-    {
-      ref,
-      css: scrollAreaStyle,
-      style: scrollAreaDynamicStyle,
-      type: autoHideScrollbar ? "hover" : "auto",
-      ...restProps,
-      children: [
-        /* @__PURE__ */ jsx(
-          Viewport,
-          {
-            ref: viewportRef,
-            className: viewportClassName,
-            css: viewportStyle,
-            style: viewportInlineStyle,
-            onScroll,
-            children
-          }
-        ),
-        (scrollDirection === "y" || scrollDirection === "both") && /* @__PURE__ */ jsx(VefScrollbar, { orientation: "vertical", style: scrollbarSizeStyle }),
-        (scrollDirection === "x" || scrollDirection === "both") && /* @__PURE__ */ jsx(VefScrollbar, { orientation: "horizontal", style: scrollbarSizeStyle }),
-        /* @__PURE__ */ jsx(Corner, {})
-      ]
-    }
-  );
-});
-VefScrollArea.displayName = "VefScrollArea";
-
-export { VefScrollArea as default };
+`,d=s((({style:o,height:s,width:d,scrollDirection:f="y",scrollbarSize:p="medium",autoHideScrollbar:v=!0,viewportClassName:w,viewportStyle:u,viewportRef:y,onScroll:b,children:x,...g},S)=>{const z=c((()=>({...o,"--vef-scroll-area-height":(a(s)?`${s}px`:s)??"100%","--vef-scroll-area-width":(a(d)?`${d}px`:d)??"auto"})),[s,o,d]),N=c((()=>({"--vef-scroll-area-scrollbar-size":"small"===p?"10px":"medium"===p?"12px":"14px"})),[p]),j=c((()=>({...u,overflowX:""+("x"===f||"both"===f?"scroll":"hidden"),overflowY:""+("y"===f||"both"===f?"scroll":"hidden")})),[f,u]);return r(t,{ref:S,css:m,style:z,type:v?"hover":"auto",...g,children:[e(l,{ref:y,className:w,css:n,style:j,onScroll:b,children:x}),("y"===f||"both"===f)&&e(h,{orientation:"vertical",style:N}),("x"===f||"both"===f)&&e(h,{orientation:"horizontal",style:N}),e(i,{})]})}));d.displayName="VefScrollArea";export{d as default};
 /*! 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/es/vef-select/components/option.js

@@ -1,30 +1,11 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-import { jsxs, jsx } from '@emotion/react/jsx-runtime';
-import { css } from '@emotion/react';
-import { themeVariables } from '@vef-framework/shared';
-import { memo } from 'react';
-import VefText from '../../vef-text/index.js';
-
-const optionWithDescriptionStyle = css`
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+import{jsxs as e,jsx as i}from"@emotion/react/jsx-runtime";import{css as r}from"@emotion/react";import{themeVariables as o}from"@vef-framework/shared";import{memo as t}from"react";import l from"../../vef-text/index.js";const s=r`
   display: flex;
   flex-direction: column;
   row-gap: 4px;
 
   > .vef-typography-secondary {
-    font-size: ${themeVariables.fontSizeSm};
-  }
-`;
-function VefOption({ label, description }) {
-  if (description) {
-    return /* @__PURE__ */ jsxs("div", { css: optionWithDescriptionStyle, children: [
-      /* @__PURE__ */ jsx(VefText, { ellipsis: true, ellipsisTipPlacement: "right", children: label }),
-      /* @__PURE__ */ jsx(VefText, { ellipsis: true, color: "secondary", ellipsisTipPlacement: "right", children: description })
-    ] });
+    font-size: ${o.fontSizeSm};
   }
-  return /* @__PURE__ */ jsx(VefText, { ellipsis: true, ellipsisTipPlacement: "right", children: label });
-}
-const VefOptionMemo = memo(VefOption);
-VefOptionMemo.displayName = "VefOption";
-
-export { VefOptionMemo as default };
+`;const n=t((function VefOption({label:r,description:o}){return o?e("div",{css:s,children:[i(l,{ellipsis:!0,ellipsisTipPlacement:"right",children:r}),i(l,{ellipsis:!0,color:"secondary",ellipsisTipPlacement:"right",children:o})]}):i(l,{ellipsis:!0,ellipsisTipPlacement:"right",children:r})}));n.displayName="VefOption";export{n as default};
 /*! 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/es/vef-select/hooks/use-data-options.js

@@ -1,48 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-import { useComputedOptions } from '@vef-framework/hooks';
-import { isArray, isFunction, isNullish } from '@vef-framework/shared';
-import { useLayoutEffect } from 'react';
-
-function useDataOptions({
-  value,
-  grouped = false,
-  multiple = false,
-  onChange,
-  ...rest
-}) {
-  const {
-    onFilterKeywordChange,
-    normalizedOptions,
-    defaultOption,
-    isLoading,
-    fallbackOptions,
-    isFallbackOptionsLoading
-  } = useComputedOptions({
-    ...rest,
-    isGrouped: grouped,
-    selectedOptionValues: isArray(value) ? value : value ? [value] : []
-  });
-  useLayoutEffect(() => {
-    if (defaultOption && isFunction(onChange) && isNullish(value)) {
-      onChange(
-        multiple ? [defaultOption.value] : defaultOption.value,
-        multiple ? [defaultOption] : defaultOption
-      );
-    }
-  }, [
-    defaultOption,
-    multiple,
-    onChange,
-    value
-  ]);
-  return {
-    onFilterKeywordChange,
-    normalizedOptions,
-    isLoading,
-    fallbackOptions,
-    isFallbackOptionsLoading
-  };
-}
-
-export { useDataOptions };
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+import{useComputedOptions as o}from"@vef-framework/hooks";import{isArray as a,isFunction as e,isNullish as i}from"@vef-framework/shared";import{useLayoutEffect as n}from"react";function useDataOptions({value:t,grouped:r=!1,multiple:l=!1,onChange:s,...p}){const{onFilterKeywordChange:d,normalizedOptions:u,defaultOption:f,isLoading:m,fallbackOptions:O,isFallbackOptionsLoading:c}=o({...p,isGrouped:r,selectedOptionValues:a(t)?t:t?[t]:[]});return n((()=>{f&&e(s)&&i(t)&&s(l?[f.value]:f.value,l?[f]:f)}),[f,l,s,t]),{onFilterKeywordChange:d,normalizedOptions:u,isLoading:m,fallbackOptions:O,isFallbackOptionsLoading:c}}export{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/es/vef-select/hooks/use-field-names.js

@@ -1,22 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-import { useMemo } from 'react';
-
-function useFieldNames(grouped) {
-  return useMemo(() => {
-    if (grouped) {
-      return {
-        label: "label",
-        value: "value",
-        options: "children",
-        groupLabel: "label"
-      };
-    }
-    return {
-      label: "label",
-      value: "value"
-    };
-  }, [grouped]);
-}
-
-export { useFieldNames };
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+import{useMemo as e}from"react";function useFieldNames(l){return e((()=>l?{label:"label",value:"value",options:"children",groupLabel:"label"}:{label:"label",value:"value"}),[l])}export{useFieldNames};
 /*! 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/es/vef-select/hooks/use-render-label.js

@@ -1,30 +1,10 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-import { jsx } from '@emotion/react/jsx-runtime';
-import { LoadingOutlined } from '@ant-design/icons';
-import { css } from '@emotion/react';
-import { useCallback } from 'react';
-import VefSpin from '../../vef-spin/index.js';
-
-const loadingPlaceholderStyle = css`
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";import{LoadingOutlined as r}from"@ant-design/icons";import{css as i}from"@emotion/react";import{useCallback as n}from"react";import t from"../../vef-spin/index.js";const o=i`
   display: inline-flex;
   align-items: center;
 
   .vef-spin {
     color: inherit;
   }
-`;
-function useRenderLabel(isFallbackOptionsLoading, fallbackOptions) {
-  return useCallback(({ label, value }) => {
-    if (label) {
-      return label;
-    }
-    if (isFallbackOptionsLoading) {
-      return /* @__PURE__ */ jsx("span", { css: loadingPlaceholderStyle, children: /* @__PURE__ */ jsx(VefSpin, { indicator: /* @__PURE__ */ jsx(LoadingOutlined, {}), size: "small" }) });
-    }
-    const fallbackOption = fallbackOptions?.find((option) => option.value === value);
-    return fallbackOption?.label ?? value;
-  }, [isFallbackOptionsLoading, fallbackOptions]);
-}
-
-export { useRenderLabel };
+`;function useRenderLabel(i,s){return n((({label:n,value:l})=>{if(n)return n;if(i)return e("span",{css:o,children:e(t,{indicator:e(r,{}),size:"small"})});const a=s?.find((e=>e.value===l));return a?.label??l}),[i,s])}export{useRenderLabel};
 /*! 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/es/vef-select/hooks/use-render-option.js

@@ -1,20 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-import { jsx } from '@emotion/react/jsx-runtime';
-import { isFunction } from '@vef-framework/shared';
-import { useMemo } from 'react';
-import VefOptionMemo from '../components/option.js';
-
-function useRenderOption(renderOption) {
-  return useMemo(() => {
-    if (isFunction(renderOption)) {
-      return ({ data }, { index }) => renderOption({
-        ...data,
-        index
-      });
-    }
-    return ({ data: { label, description } }) => /* @__PURE__ */ jsx(VefOptionMemo, { description, label: label ?? "Missing Label" });
-  }, [renderOption]);
-}
-
-export { useRenderOption };
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";import{isFunction as o}from"@vef-framework/shared";import{useMemo as r}from"react";import t from"../components/option.js";function useRenderOption(i){return r((()=>o(i)?({data:e},{index:o})=>i({...e,index:o}):({data:{label:o,description:r}})=>e(t,{description:r,label:o??"Missing Label"})),[i])}export{useRenderOption};
 /*! 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/es/vef-select/hooks/use-select-instance.js

@@ -1,21 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-import { useRef, useImperativeHandle } from 'react';
-
-function useSelectInstance(ref, dataOptions) {
-  const selectRef = useRef(null);
-  useImperativeHandle(ref, () => ({
-    blur: () => {
-      selectRef.current?.blur();
-    },
-    focus: () => {
-      selectRef.current?.focus({
-        preventScroll: true
-      });
-    },
-    getDataOptions: () => dataOptions
-  }));
-  return selectRef;
-}
-
-export { useSelectInstance };
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+import{useRef as e,useImperativeHandle as t}from"react";function useSelectInstance(r,n){const c=e(null);return t(r,(()=>({blur:()=>{c.current?.blur()},focus:()=>{c.current?.focus({preventScroll:!0})},getDataOptions:()=>n}))),c}export{useSelectInstance};
 /*! 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 */