@vef-framework/components 1.0.127 → 1.0.129

package/cjs/vef-radio/hooks/use-radio-instance.cjs

@@ -1,23 +1,2 @@
 "use strict";
-'use strict';
-
-var react = require('react');
-
-"use strict";
-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;
+"use strict";var r=require("react");function n(t,u){const e=r.useRef(null);return r.useImperativeHandle(t,()=>({blur:()=>{e.current?.blur()},focus:()=>{e.current?.focus({preventScroll:!0})},getDataOptions:()=>u})),e}exports.useRadioInstance=n;

package/cjs/vef-radio/index.cjs

@@ -1,93 +1,4 @@
 "use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var react = require('@emotion/react');
-var shared = require('@vef-framework/shared');
-var antd = require('antd');
-var react$1 = require('react');
-require('../internal/index.cjs');
-var index = require('../vef-loading-placeholder/index.cjs');
-var index$1 = require('../vef-tooltip/index.cjs');
-var useDataOptions = require('./hooks/use-data-options.cjs');
-var useRadioInstance = require('./hooks/use-radio-instance.cjs');
-var utils = require('../internal/utils.cjs');
-
-"use strict";
-const { Group } = antd.Radio;
-const loadingPlaceholder = /* @__PURE__ */ 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;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/react/jsx-runtime"),V=require("@emotion/react"),v=require("@vef-framework/shared"),n=require("antd"),s=require("react");require("../internal/index.cjs");var y=require("../vef-loading-placeholder/index.cjs"),C=require("../vef-tooltip/index.cjs"),M=require("./hooks/use-data-options.cjs"),$=require("./hooks/use-radio-instance.cjs"),k=require("../internal/utils.cjs");const{Group:D}=n.Radio,I=e.jsx("div",{css:V.css`
+      height: ${v.themeVariables.controlHeight}
+    `,children:e.jsx(y.default,{})});function P({defaultValue:h,value:t,disabled:b,block:p,variant:q,buttonVariant:g,buttonSize:m,onChange:r,...x},j){const{optionsMap:u,normalizedOptions:d,isLoading:R}=M.useDataOptions({value:t,onChange:r,...x}),z=$.useRadioInstance(j,d),O=s.useMemo(()=>{if(v.isFunction(r))return({target:{value:i}})=>{r(i,u.get(i))}},[r,u]);if(R)return I;const S=d.map(i=>{const{value:a,label:o,disabled:l,description:c}=i;return c?e.jsx(C.default,{content:c,children:e.jsx(n.Radio,{disabled:l,value:a,children:o})},a):e.jsx(n.Radio,{disabled:l,value:a,children:o},a)});return e.jsx(D,{ref:z,block:p,buttonStyle:g,defaultValue:h,disabled:b,optionType:q,size:k.convertBasicSizeToUiSize(m),onChange:O,...t===void 0?{}:{value:t},children:S})}const f=s.memo(s.forwardRef(P));f.displayName="VefRadio",exports.default=f;

package/cjs/vef-radio/props.cjs

@@ -1,4 +1,2 @@
 "use strict";
-'use strict';
-
 "use strict";

package/cjs/vef-rate/hooks/use-rate-instance.cjs

@@ -1,16 +1,2 @@
 "use strict";
-'use strict';
-
-var react = require('react');
-
-"use strict";
-function useRateInstance(ref) {
-  const rateRef = react.useRef(null);
-  react.useImperativeHandle(ref, () => ({
-    blur: () => rateRef.current?.blur(),
-    focus: () => rateRef.current?.focus()
-  }));
-  return rateRef;
-}
-
-exports.useRateInstance = useRateInstance;
+"use strict";var u=require("react");function t(r){const e=u.useRef(null);return u.useImperativeHandle(r,()=>({blur:()=>e.current?.blur(),focus:()=>e.current?.focus()})),e}exports.useRateInstance=t;

package/cjs/vef-rate/index.cjs

@@ -1,35 +1,2 @@
 "use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var shared = require('@vef-framework/shared');
-var antd = require('antd');
-var react = require('react');
-var useRateInstance = require('./hooks/use-rate-instance.cjs');
-
-"use strict";
-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;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("@emotion/react/jsx-runtime"),d=require("@vef-framework/shared"),f=require("antd"),r=require("react"),o=require("./hooks/use-rate-instance.cjs");const a=r.forwardRef(({character:e,...t},s)=>{const u=r.useMemo(()=>d.isFunction(e)?({index:i})=>e(i):e,[e]),c=o.useRateInstance(s);return n.jsx(f.Rate,{ref:c,character:u,...t})});a.displayName="VefRate",exports.default=a;

package/cjs/vef-rate/props.cjs

@@ -1,4 +1,2 @@
 "use strict";
-'use strict';
-
 "use strict";

package/cjs/vef-responsive-container/index.cjs

@@ -1,62 +1,6 @@
 "use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var react = require('@emotion/react');
-var hooks = require('@vef-framework/hooks');
-var shared = require('@vef-framework/shared');
-var react$2 = require('motion/react');
-var react$1 = require('react');
-var index = require('../vef-responsive-item/index.cjs');
-
-"use strict";
-const containerStyle = react.css`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var f=require("@emotion/react/jsx-runtime"),c=require("@emotion/react"),l=require("@vef-framework/hooks"),h=require("@vef-framework/shared"),b=require("motion/react"),e=require("react"),q=require("../vef-responsive-item/index.cjs");const w=c.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;
+`,y=e.forwardRef(({style:s,baseItemWidth:i=320,autoExpand:t=!0,gap:r=0,children:o,...d},m)=>{if(i%2!==0)throw new Error("VefResponsiveContainer: baseItemWidth must be an even number.");e.Children.forEach(o,a=>{if(!e.isValidElement(a)||a.type!==q.default)throw new Error("VefResponsiveContainer: children must be a VefResponsiveItem element.")});const n=l.useGapSizeNormalizer(),v=e.useMemo(()=>h.isArray(r)?r.map(a=>n(a)).join(" "):n(r),[r,n]),p=e.useMemo(()=>({...s,"--vef-responsive-container-auto-mode":t?"auto-fit":"auto-fill","--vef-responsive-container-base-width":`${i/2}px`,"--vef-responsive-container-gap":v}),[t,i,v,s]);return f.jsx(b.motion.div,{ref:m,css:w,style:p,...d,children:o})}),u=e.memo(y);u.displayName="VefResponsiveContainer",exports.default=u;

package/cjs/vef-responsive-container/props.cjs

@@ -1,4 +1,2 @@
 "use strict";
-'use strict';
-
 "use strict";

package/cjs/vef-responsive-item/index.cjs

@@ -1,29 +1,4 @@
 "use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var react = require('@emotion/react');
-var react$2 = require('motion/react');
-var react$1 = require('react');
-
-"use strict";
-const itemStyle = react.css`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/react/jsx-runtime"),v=require("@emotion/react"),o=require("motion/react"),s=require("react");const l=v.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;
+`,t=s.forwardRef(({style:e,span:r=1,children:i,...a},n)=>{const u=s.useMemo(()=>({...e,"--vef-responsive-item-span":r*2}),[r,e]);return c.jsx(o.motion.div,{ref:n,css:l,style:u,...a,children:i})});t.displayName="VefResponsiveItem",exports.default=t;

package/cjs/vef-responsive-item/props.cjs

@@ -1,4 +1,2 @@
 "use strict";
-'use strict';
-
 "use strict";

package/cjs/vef-ribbon/index.cjs

@@ -1,43 +1,2 @@
 "use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var hooks = require('@vef-framework/hooks');
-var antd = require('antd');
-var react = require('react');
-
-"use strict";
-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;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var i=require("@emotion/react/jsx-runtime"),s=require("@vef-framework/hooks"),u=require("antd"),a=require("react");const{Ribbon:c}=u.Badge;function l({color:e,position:r="right",children:t}){const o=s.useColorTokens(),n=a.useMemo(()=>{if(!e)return{placement:r==="right"?"end":"start",text:t};if(o.has(e))return{color:e?o.get(e):void 0,placement:r==="right"?"end":"start",text:t};throw new Error(`Invalid color value "${e}" of VefRibbon component. Color must be a valid color token.`)},[t,e,o,r]);return i.jsx(c,{...n})}exports.default=l;

package/cjs/vef-ribbon/props.cjs

@@ -1,4 +1,2 @@
 "use strict";
-'use strict';
-
 "use strict";

package/cjs/vef-row/index.cjs

@@ -1,17 +1,2 @@
 "use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var antd = require('antd');
-
-"use strict";
-function VefRow({
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(antd.Row, { ...props });
-}
-VefRow.displayName = "VefRow";
-
-exports.default = VefRow;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@emotion/react/jsx-runtime"),u=require("antd");function e({...r}){return t.jsx(u.Row,{...r})}e.displayName="VefRow",exports.default=e;

package/cjs/vef-row/props.cjs

@@ -1,4 +1,2 @@
 "use strict";
-'use strict';
-
 "use strict";

package/cjs/vef-scroll-area/components/scrollbar.cjs

@@ -1,64 +1,33 @@
 "use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var react = require('@emotion/react');
-var reactScrollArea = require('@radix-ui/react-scroll-area');
-var shared = require('@vef-framework/shared');
-var react$1 = require('react');
-
-"use strict";
-const scrollbarStyle = react.css`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var a=require("@emotion/react/jsx-runtime"),r=require("@emotion/react"),o=require("@radix-ui/react-scroll-area"),l=require("@vef-framework/shared"),c=require("react");const n=r.css`
   --vef-scroll-area-scrollbar-padding: 2px;
 
   display: flex;
   touch-action: none;
   user-select: none;
-`;
-const verticalScrollbarStyle = react.css`
+`,d=r.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`
+`,u=r.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`
+`,v=r.css`
   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: ${shared.themeVariables.motionEaseInOutCirc};
-  transition-duration: ${shared.themeVariables.motionDurationMid};
+  transition-timing-function: ${l.themeVariables.motionEaseInOutCirc};
+  transition-duration: ${l.themeVariables.motionDurationMid};
 
   &: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;
+`,i=c.forwardRef(({orientation:e="vertical",...s},t)=>a.jsx(o.ScrollAreaScrollbar,{ref:t,orientation:e,css:[n,e==="vertical"&&d,e==="horizontal"&&u],...s,children:a.jsx(o.ScrollAreaThumb,{css:v})}));i.displayName="VefScrollbar",exports.default=i;

package/cjs/vef-scroll-area/index.cjs

@@ -1,82 +1,12 @@
 "use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var react = require('@emotion/react');
-var reactScrollArea = require('@radix-ui/react-scroll-area');
-var shared = require('@vef-framework/shared');
-var react$1 = require('react');
-var scrollbar = require('./components/scrollbar.cjs');
-
-"use strict";
-const scrollAreaStyle = react.css`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("@emotion/react/jsx-runtime"),u=require("@emotion/react"),s=require("@radix-ui/react-scroll-area"),d=require("@vef-framework/shared"),l=require("react"),v=require("./components/scrollbar.cjs");const g=u.css`
   position: relative;
   overflow: hidden;
   height: var(--vef-scroll-area-height, 100%);
   width: var(--vef-scroll-area-width, auto);
-`;
-const viewportStyle = react.css`
+`,q=u.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;
+`,n=l.forwardRef(({style:a,height:o,width:t,scrollDirection:e="y",scrollbarSize:i="medium",autoHideScrollbar:f=!0,viewportClassName:w,viewportStyle:c,viewportRef:b,onScroll:m,children:x,...y},p)=>{const j=l.useMemo(()=>({...a,"--vef-scroll-area-height":(d.isNumber(o)?`${o}px`:o)??"100%","--vef-scroll-area-width":(d.isNumber(t)?`${t}px`:t)??"auto"}),[o,a,t]),h=l.useMemo(()=>({"--vef-scroll-area-scrollbar-size":i==="small"?"10px":i==="medium"?"12px":"14px"}),[i]),S=l.useMemo(()=>({...c,overflowX:`${e==="x"||e==="both"?"scroll":"hidden"}`,overflowY:`${e==="y"||e==="both"?"scroll":"hidden"}`}),[e,c]);return r.jsxs(s.Root,{ref:p,css:g,style:j,type:f?"hover":"auto",...y,children:[r.jsx(s.Viewport,{ref:b,className:w,css:q,style:S,onScroll:m,children:x}),(e==="y"||e==="both")&&r.jsx(v.default,{orientation:"vertical",style:h}),(e==="x"||e==="both")&&r.jsx(v.default,{orientation:"horizontal",style:h}),r.jsx(s.Corner,{})]})});n.displayName="VefScrollArea",exports.default=n;

package/cjs/vef-scroll-area/props.cjs

@@ -1,4 +1,2 @@
 "use strict";
-'use strict';
-
 "use strict";

package/cjs/vef-segment/index.cjs

@@ -1,41 +1,2 @@
 "use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var antd = require('antd');
-require('../internal/index.cjs');
-var utils = require('../internal/utils.cjs');
-
-"use strict";
-function VefSegment({
-  className,
-  style,
-  defaultValue,
-  value,
-  size,
-  orientation = "horizontal",
-  shape = "default",
-  items,
-  onChange,
-  ...restProps
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    antd.Segmented,
-    {
-      className,
-      defaultValue,
-      options: items,
-      shape: shape === "rounded" ? "round" : "default",
-      size: utils.convertBasicSizeToUiSize(size),
-      style,
-      value,
-      vertical: orientation === "vertical",
-      onChange,
-      ...restProps
-    }
-  );
-}
-
-exports.default = VefSegment;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var d=require("@emotion/react/jsx-runtime"),c=require("antd");require("../internal/index.cjs");var v=require("../internal/utils.cjs");function f({className:e,style:t,defaultValue:a,value:r,size:u,orientation:i="horizontal",shape:s="default",items:l,onChange:n,...o}){return d.jsx(c.Segmented,{className:e,defaultValue:a,options:l,shape:s==="rounded"?"round":"default",size:v.convertBasicSizeToUiSize(u),style:t,value:r,vertical:i==="vertical",onChange:n,...o})}exports.default=f;

package/cjs/vef-segment/props.cjs

@@ -1,4 +1,2 @@
 "use strict";
-'use strict';
-
 "use strict";

package/cjs/vef-select/components/option.cjs

@@ -1,34 +1,10 @@
 "use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var react = require('@emotion/react');
-var shared = require('@vef-framework/shared');
-var react$1 = require('react');
-var index = require('../../vef-text/index.cjs');
-
-"use strict";
-const optionWithDescriptionStyle = react.css`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/react/jsx-runtime"),t=require("@emotion/react"),a=require("@vef-framework/shared"),n=require("react"),i=require("../../vef-text/index.cjs");const c=t.css`
   display: flex;
   flex-direction: column;
   row-gap: 4px;
 
   > .vef-typography-secondary {
-    font-size: ${shared.themeVariables.fontSizeSm};
-  }
-`;
-function VefOption({ label, description }) {
-  if (description) {
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { css: optionWithDescriptionStyle, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(index.default, { ellipsis: true, ellipsisTipPlacement: "right", children: label }),
-      /* @__PURE__ */ jsxRuntime.jsx(index.default, { ellipsis: true, color: "secondary", ellipsisTipPlacement: "right", children: description })
-    ] });
+    font-size: ${a.themeVariables.fontSizeSm};
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(index.default, { ellipsis: true, ellipsisTipPlacement: "right", children: label });
-}
-const VefOptionMemo = react$1.memo(VefOption);
-VefOptionMemo.displayName = "VefOption";
-
-exports.default = VefOptionMemo;
+`;function d({label:r,description:s}){return s?e.jsxs("div",{css:c,children:[e.jsx(i.default,{ellipsis:!0,ellipsisTipPlacement:"right",children:r}),e.jsx(i.default,{ellipsis:!0,color:"secondary",ellipsisTipPlacement:"right",children:s})]}):e.jsx(i.default,{ellipsis:!0,ellipsisTipPlacement:"right",children:r})}const l=n.memo(d);l.displayName="VefOption",exports.default=l;