@vef-framework/components 1.0.99 → 1.0.100

package/es/vef-button/index.js

@@ -1,152 +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 { useContextDisabled } from '@vef-framework/hooks';
-import { isNullish, invokeMaybeAsyncFn, defaultMessageTitle, showConfirmation, omit } from '@vef-framework/shared';
-import { forwardRef, useState, useMemo, memo } from 'react';
-import VefPopconfirm from '../vef-popconfirm/index.js';
-import VefTooltip from '../vef-tooltip/index.js';
-import VefBaseButton from './components/base-button.js';
-
-const VefButtonBase = forwardRef(({
-  tip,
-  onClick,
-  disabled = false,
-  loading,
-  ...restProps
-}, ref) => {
-  const [isLoading, setIsLoading] = useState(false);
-  const onConfirmationOkToUse = useMemo(
-    () => {
-      if (restProps.requireConfirmation) {
-        const { onConfirmationOk } = restProps;
-        return isNullish(loading) ? async () => {
-          await invokeMaybeAsyncFn(
-            onConfirmationOk,
-            {
-              beforeInvoke: () => {
-                setIsLoading(true);
-              },
-              onFinally: () => {
-                setIsLoading(false);
-              }
-            }
-          );
-        } : onConfirmationOk;
-      }
-    },
-    // eslint-disable-next-line ts/ban-ts-comment
-    // @ts-expect-error
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [restProps.requireConfirmation, restProps.onConfirmationOk]
-  );
-  const onClickToUse = useMemo(
-    () => {
-      if (!restProps.requireConfirmation) {
-        if (onClick && isNullish(loading)) {
-          return async (event) => {
-            await invokeMaybeAsyncFn(
-              onClick,
-              {
-                beforeInvoke: () => {
-                  setIsLoading(true);
-                },
-                onFinally: () => {
-                  setIsLoading(false);
-                }
-              },
-              event
-            );
-          };
-        } else {
-          return onClick;
-        }
-      }
-      const {
-        confirmationMode = "simple",
-        confirmationTitle = defaultMessageTitle,
-        confirmationContent,
-        onConfirmationCancel
-      } = restProps;
-      if (confirmationMode === "simple") {
-        return (event) => {
-          event.stopPropagation();
-        };
-      }
-      return (event) => {
-        event.stopPropagation();
-        showConfirmation(
-          confirmationTitle,
-          confirmationContent,
-          onConfirmationOkToUse,
-          {
-            onCancel: onConfirmationCancel
-          }
-        );
-      };
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [
-      loading,
-      onClick,
-      onConfirmationOkToUse,
-      restProps.requireConfirmation,
-      // eslint-disable-next-line ts/ban-ts-comment
-      // @ts-expect-error
-      restProps.confirmationMode,
-      // eslint-disable-next-line ts/ban-ts-comment
-      // @ts-expect-error
-      restProps.confirmationTitle,
-      // eslint-disable-next-line ts/ban-ts-comment
-      // @ts-expect-error
-      restProps.confirmationContent,
-      // eslint-disable-next-line ts/ban-ts-comment
-      // @ts-expect-error
-      restProps.onConfirmationCancel
-    ]
-  );
-  const contextDisabled = useContextDisabled();
-  const buttonDisabled = contextDisabled || disabled;
-  const buttonNode = /* @__PURE__ */ jsx(
-    VefBaseButton,
-    {
-      ref,
-      disabled: buttonDisabled,
-      loading: loading ?? isLoading,
-      onClick: onClickToUse,
-      ...omit(restProps, [
-        "requireConfirmation",
-        "confirmationMode",
-        "confirmationTitle",
-        "confirmationContent",
-        "onConfirmationOk",
-        "onConfirmationCancel"
-      ])
-    }
-  );
-  const buttonNodeMaybeWithTip = tip ? /* @__PURE__ */ jsx(VefTooltip, { content: tip, children: buttonNode }) : buttonNode;
-  if (restProps.requireConfirmation && restProps.confirmationMode === "simple") {
-    const {
-      confirmationTitle = defaultMessageTitle,
-      confirmationContent,
-      onConfirmationCancel
-    } = restProps;
-    return /* @__PURE__ */ jsx(
-      VefPopconfirm,
-      {
-        ref,
-        content: confirmationContent,
-        disabled: buttonDisabled,
-        title: confirmationTitle,
-        onCancel: onConfirmationCancel,
-        onOk: onConfirmationOkToUse,
-        children: buttonNodeMaybeWithTip
-      }
-    );
-  }
-  return buttonNodeMaybeWithTip;
-});
-const VefButton = memo(VefButtonBase);
-VefButton.displayName = "VefButton";
-
-export { VefButton 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{useContextDisabled as n}from"@vef-framework/hooks";import{isNullish as i,invokeMaybeAsyncFn as t,defaultMessageTitle as r,showConfirmation as e,omit as a}from"@vef-framework/shared";import{forwardRef as m,useState as f,useMemo as c,memo as l}from"react";import s from"../vef-popconfirm/index.js";import C from"../vef-tooltip/index.js";import p from"./components/base-button.js";const d=l(m((({tip:m,onClick:l,disabled:d=!1,loading:u,...k},b)=>{const[q,v]=f(!1),y=c((()=>{if(k.requireConfirmation){const{onConfirmationOk:o}=k;return i(u)?async()=>{await t(o,{beforeInvoke:()=>{v(!0)},onFinally:()=>{v(!1)}})}:o}}),[k.requireConfirmation,k.onConfirmationOk]),g=c((()=>{if(!k.requireConfirmation)return l&&i(u)?async o=>{await t(l,{beforeInvoke:()=>{v(!0)},onFinally:()=>{v(!1)}},o)}:l;const{confirmationMode:o="simple",confirmationTitle:n=r,confirmationContent:a,onConfirmationCancel:m}=k;return"simple"===o?o=>{o.stopPropagation()}:o=>{o.stopPropagation(),e(n,a,y,{onCancel:m})}}),[u,l,y,k.requireConfirmation,k.confirmationMode,k.confirmationTitle,k.confirmationContent,k.onConfirmationCancel]),h=n()||d,j=o(p,{ref:b,disabled:h,loading:u??q,onClick:g,...a(k,["requireConfirmation","confirmationMode","confirmationTitle","confirmationContent","onConfirmationOk","onConfirmationCancel"])}),w=m?o(C,{content:m,children:j}):j;if(k.requireConfirmation&&"simple"===k.confirmationMode){const{confirmationTitle:n=r,confirmationContent:i,onConfirmationCancel:t}=k;return o(s,{ref:b,content:i,disabled:h,title:n,onCancel:t,onOk:y,children:w})}return w})));d.displayName="VefButton";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-card/index.js

@@ -1,26 +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 { isArray } from '@vef-framework/shared';
-import { Card } from 'antd';
-
-function VefCard({
-  size = "medium",
-  showHoverEffect = false,
-  actions,
-  nested = false,
-  ...restProps
-}) {
-  return /* @__PURE__ */ jsx(
-    Card,
-    {
-      actions: isArray(actions) ? actions : actions ? [actions] : void 0,
-      hoverable: showHoverEffect,
-      size: size === "medium" ? "default" : size,
-      type: nested ? "inner" : void 0,
-      ...restProps
-    }
-  );
-}
-
-export { VefCard 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{isArray as r}from"@vef-framework/shared";import{Card as o}from"antd";function VefCard({size:t="medium",showHoverEffect:i=!1,actions:m,nested:a=!1,...f}){return e(o,{actions:r(m)?m:m?[m]:void 0,hoverable:i,size:"medium"===t?"default":t,type:a?"inner":void 0,...f})}export{VefCard 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-card-meta/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 { Card } from 'antd';
-
-const { Meta: CardMeta } = Card;
-function VefCardMeta({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(CardMeta, { ...props });
-}
-
-export { VefCardMeta as default };
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+import{jsx as t}from"@emotion/react/jsx-runtime";import{Card as e}from"antd";const{Meta:r}=e;function VefCardMeta({...e}){return t(r,{...e})}export{VefCardMeta 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-chart-container/hooks/use-chart-container-context.js

@@ -1,13 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-import { createSelectableContext } from '@vef-framework/shared';
-
-const {
-  useContextSelector: useChartContainerContextSelector,
-  useContext: useChartContainerContext,
-  ContextProvider: ChartContainerContextProvider
-} = createSelectableContext({
-  config: {}
-});
-
-export { ChartContainerContextProvider, useChartContainerContext, useChartContainerContextSelector };
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+import{createSelectableContext as e}from"@vef-framework/shared";const{useContextSelector:o,useContext:t,ContextProvider:r}=e({config:{}});export{r as ChartContainerContextProvider,t as useChartContainerContext,o as useChartContainerContextSelector};
 /*! 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-chart-container/index.js

@@ -1,25 +1,18 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-import { jsx, jsxs } from '@emotion/react/jsx-runtime';
-import { css } from '@emotion/react';
-import { themeVariables, isString } from '@vef-framework/shared';
-import { forwardRef, useId } from 'react';
-import { ResponsiveContainer } from 'recharts';
-import { ChartContainerContextProvider } from './hooks/use-chart-container-context.js';
-
-const chartContainerStyle = css`
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+import{jsx as r,jsxs as e}from"@emotion/react/jsx-runtime";import{css as t}from"@emotion/react";import{themeVariables as o,isString as c}from"@vef-framework/shared";import{forwardRef as n,useId as a}from"react";import{ResponsiveContainer as i}from"recharts";import{ChartContainerContextProvider as s}from"./hooks/use-chart-container-context.js";const l=t`
   display: flex;
   justify-content: center;
   
   & .recharts-cartesian-axis-tick text {
-    fill: ${themeVariables.colorTextDescription};
+    fill: ${o.colorTextDescription};
   }
   
   & .recharts-cartesian-grid line[stroke='#ccc'] {
-    stroke: color-mix(in srgb, ${themeVariables.colorBorder} 50%, transparent);
+    stroke: color-mix(in srgb, ${o.colorBorder} 50%, transparent);
   }
   
   & .recharts-curve.recharts-tooltip-cursor {
-    stroke: ${themeVariables.colorBorderSecondary};
+    stroke: ${o.colorBorderSecondary};
   }
   
   & .recharts-dot[stroke='#fff'] {
@@ -31,19 +24,19 @@ const chartContainerStyle = css`
   }
   
   & .recharts-polar-grid[stroke='#ccc'] {
-    stroke: ${themeVariables.colorBorderSecondary};
+    stroke: ${o.colorBorderSecondary};
   }
   
   & .recharts-radial-bar-background-sector {
-    fill: ${themeVariables.colorFillContent};
+    fill: ${o.colorFillContent};
   }
   
   & .recharts-rectangle.recharts-tooltip-cursor {
-    fill: ${themeVariables.colorFillContent};
+    fill: ${o.colorFillContent};
   }
   
   & .recharts-reference-line[stroke='#ccc'] {
-    stroke: ${themeVariables.colorBorderSecondary};
+    stroke: ${o.colorBorderSecondary};
   }
   
   & .recharts-sector[stroke='#fff'] {
@@ -57,68 +50,5 @@ const chartContainerStyle = css`
   & .recharts-surface {
     outline: none;
   }
-`;
-function ChartStyle({
-  id,
-  config
-}) {
-  const colors = Object.entries(config).map(([key, { color }]) => [key, color]).filter(([, color]) => isString(color));
-  if (!colors.length) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(
-    "style",
-    {
-      dangerouslySetInnerHTML: {
-        __html: `
-          [data-chart="${id}"] {
-            ${colors.map(([key, color]) => `--vef-color-${key}: ${color};`).join("\n")}
-          }
-        `
-      }
-    }
-  );
-}
-const VefChartContainer = forwardRef(({
-  id,
-  className,
-  children,
-  config,
-  aspect = 16 / 9,
-  width = "100%",
-  height,
-  minWidth,
-  minHeight,
-  ...restProps
-}, ref) => {
-  const uniqueId = useId();
-  const chartId = `${id || uniqueId.replace(/:/g, "")}-chart`;
-  return /* @__PURE__ */ jsx(ChartContainerContextProvider, { value: { config }, children: /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ref,
-      className,
-      css: chartContainerStyle,
-      "data-chart": chartId,
-      ...restProps,
-      children: [
-        /* @__PURE__ */ jsx(ChartStyle, { config, id: chartId }),
-        /* @__PURE__ */ jsx(
-          ResponsiveContainer,
-          {
-            aspect,
-            height,
-            minHeight,
-            minWidth,
-            width,
-            children
-          }
-        )
-      ]
-    }
-  ) });
-});
-VefChartContainer.displayName = "VefChartContainer";
-
-export { VefChartContainer as default };
+`;function ChartStyle({id:e,config:t}){const o=Object.entries(t).map((([r,{color:e}])=>[r,e])).filter((([,r])=>c(r)));return o.length?r("style",{dangerouslySetInnerHTML:{__html:`\n          [data-chart="${e}"] {\n            ${o.map((([r,e])=>`--vef-color-${r}: ${e};`)).join("\n")}\n          }\n        `}}):null}const h=n((({id:t,className:o,children:c,config:n,aspect:h=16/9,width:d="100%",height:f,minWidth:m,minHeight:p,...u},g)=>{const k=a(),$=`${t||k.replace(/:/g,"")}-chart`;return r(s,{value:{config:n},children:e("div",{ref:g,className:o,css:l,"data-chart":$,...u,children:[r(ChartStyle,{config:n,id:$}),r(i,{aspect:h,height:f,minHeight:p,minWidth:m,width:d,children:c})]})})}));h.displayName="VefChartContainer";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-chart-legend-content/index.js

@@ -1,50 +1,18 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-import { jsx, jsxs } from '@emotion/react/jsx-runtime';
-import { css } from '@emotion/react';
-import { styles, themeVariables } from '@vef-framework/shared';
-import { forwardRef } from 'react';
-import '../internal/index.js';
-import { useChartContainerContextSelector } from '../vef-chart-container/hooks/use-chart-container-context.js';
-import { getPayloadConfigFromPayload } from '../internal/chart.js';
-
-const chartLegendContentStyle = css`
-  ${styles.flexCenter}
-  gap: ${themeVariables.margin};
-  padding-top: ${themeVariables.marginSm};
-`;
-const itemStyle = css`
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+import{jsx as r,jsxs as e}from"@emotion/react/jsx-runtime";import{css as o}from"@emotion/react";import{styles as a,themeVariables as t}from"@vef-framework/shared";import{forwardRef as n}from"react";import"../internal/index.js";import{useChartContainerContextSelector as i}from"../vef-chart-container/hooks/use-chart-container-context.js";import{getPayloadConfigFromPayload as c}from"../internal/chart.js";const l=o`
+  ${a.flexCenter}
+  gap: ${t.margin};
+  padding-top: ${t.marginSm};
+`,s=o`
   display: flex;
   align-items: center;
-  gap: ${themeVariables.marginXs};
-  color: ${themeVariables.colorTextLabel};
-`;
-const indicatorStyle = css`
+  gap: ${t.marginXs};
+  color: ${t.colorTextLabel};
+`,m=o`
   flex: none;
   width: 0.75rem;
   height: 0.75rem;
-  border-radius: ${themeVariables.borderRadiusXs};
+  border-radius: ${t.borderRadiusXs};
   background-color: var(--vef-indicator-color);
-`;
-const VefChartLegendContent = forwardRef(({
-  className,
-  payload
-}, ref) => {
-  const config = useChartContainerContextSelector((ctx) => ctx.config);
-  if (!payload?.length) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx("div", { ref, className, css: chartLegendContentStyle, children: payload.map(
-    (item) => {
-      const key = `${item.dataKey || "value"}`;
-      const itemConfig = getPayloadConfigFromPayload(item, key, config);
-      return /* @__PURE__ */ jsxs("div", { css: itemStyle, children: [
-        /* @__PURE__ */ jsx("div", { css: indicatorStyle, style: { "--vef-indicator-color": item.color } }),
-        itemConfig?.label
-      ] }, item.value);
-    }
-  ) });
-});
-VefChartLegendContent.displayName = "VefChartLegendContent";
-
-export { VefChartLegendContent, VefChartLegendContent as default };
+`,d=n((({className:o,payload:a},t)=>{const n=i((r=>r.config));return a?.length?r("div",{ref:t,className:o,css:l,children:a.map((o=>{const a=`${o.dataKey||"value"}`,t=c(o,a,n);return e("div",{css:s,children:[r("div",{css:m,style:{"--vef-indicator-color":o.color}}),t?.label]},o.value)}))}):null}));d.displayName="VefChartLegendContent";export{d as VefChartLegendContent,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-chart-tooltip-content/index.js

@@ -1,106 +1,44 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
-import { css } from '@emotion/react';
-import { themeVariables, isString, isFunction, isNullish } from '@vef-framework/shared';
-import { forwardRef, useMemo } from 'react';
-import '../internal/index.js';
-import { useChartContainerContextSelector } from '../vef-chart-container/hooks/use-chart-container-context.js';
-import { getPayloadConfigFromPayload } from '../internal/chart.js';
-
-const wrapperStyle = css`
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+import{jsx as e,jsxs as r,Fragment as a}from"@emotion/react/jsx-runtime";import{css as o}from"@emotion/react";import{themeVariables as i,isString as l,isFunction as n,isNullish as t}from"@vef-framework/shared";import{forwardRef as d,useMemo as s}from"react";import"../internal/index.js";import{useChartContainerContextSelector as c}from"../vef-chart-container/hooks/use-chart-container-context.js";import{getPayloadConfigFromPayload as m}from"../internal/chart.js";const p=o`
   display: grid;
   min-width: 10rem;
   align-items: start;
-  gap: ${themeVariables.marginXs};
-  border-radius: ${themeVariables.borderRadius};
-  border: ${themeVariables.lineWidth} ${themeVariables.lineType} ${themeVariables.colorBorderSecondary};
-  background: ${themeVariables.colorBgContainer};
-  padding: ${themeVariables.paddingXs} ${themeVariables.paddingSm};
-  box-shadow: ${themeVariables.boxShadowSecondary};
-  color: ${themeVariables.colorTextLabel}
-`;
-const itemsWrapperStyle = css`
+  gap: ${i.marginXs};
+  border-radius: ${i.borderRadius};
+  border: ${i.lineWidth} ${i.lineType} ${i.colorBorderSecondary};
+  background: ${i.colorBgContainer};
+  padding: ${i.paddingXs} ${i.paddingSm};
+  box-shadow: ${i.boxShadowSecondary};
+  color: ${i.colorTextLabel}
+`,f=o`
   display: grid;
-  gap: ${themeVariables.marginXs};
-`;
-const labelStyle = css`
+  gap: ${i.marginXs};
+`,h=o`
   font-weight: 500;
-`;
-const itemStyle = css`
+`,g=o`
   display: flex;
   width: 100%;
   flex-wrap: wrap;
   align-items: center;
-  gap: ${themeVariables.marginXs};
-`;
-const indicatorStyle = css`
+  gap: ${i.marginXs};
+`,u=o`
   height: 0.75rem;
   width: 0.75rem;
   flex: none;
-  border-radius: ${themeVariables.borderRadiusXs};
+  border-radius: ${i.borderRadiusXs};
   border-color: var(--vef-indicator-color);
   background-color: var(--vef-indicator-color);
-`;
-const itemContentStyle = css`
+`,v=o`
   display: flex;
   flex: 1;
   justify-content: space-between;
   align-items: center;
-  gap: ${themeVariables.marginXs};
+  gap: ${i.marginXs};
   line-height: 1;
-`;
-const itemLabelStyle = css`
-  color: ${themeVariables.colorTextDescription};
-`;
-const itemValueStyle = css`
+`,b=o`
+  color: ${i.colorTextDescription};
+`,$=o`
   font-weight: 500;
-  font-family: ${themeVariables.fontFamilyCode};
-`;
-const VefChartTooltipContent = forwardRef(({
-  active,
-  payload,
-  className,
-  label,
-  labelFormatter,
-  labelClassName,
-  formatter,
-  valueFormatter,
-  color,
-  hideLabel = false
-}, ref) => {
-  const config = useChartContainerContextSelector((ctx) => ctx.config);
-  const tooltipLabel = useMemo(() => {
-    if (hideLabel || !payload?.length) {
-      return null;
-    }
-    const [item] = payload;
-    const key = `${item.dataKey || item.name || "value"}`;
-    const itemConfig = getPayloadConfigFromPayload(item, key, config);
-    const labelValue = isString(label) ? label : itemConfig?.label;
-    if (!labelValue) {
-      return null;
-    }
-    return /* @__PURE__ */ jsx("div", { className: labelClassName, css: labelStyle, children: isFunction(labelFormatter) ? labelFormatter(labelValue, payload) : labelValue });
-  }, [hideLabel, payload, config, label, labelClassName, labelFormatter]);
-  if (!active || !payload?.length) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs("div", { ref, className, css: wrapperStyle, children: [
-    tooltipLabel,
-    /* @__PURE__ */ jsx("div", { css: itemsWrapperStyle, children: payload.map((item, index) => {
-      const key = `${item.name || item.dataKey || "value"}`;
-      const itemConfig = getPayloadConfigFromPayload(item, key, config);
-      const indicatorColor = color || item.payload.fill || item.color;
-      return /* @__PURE__ */ jsx("div", { css: itemStyle, children: formatter && !isNullish(item?.value) && item.name ? formatter(item.value, item.name, item, index, item.payload) : /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx("div", { css: indicatorStyle, style: { "--vef-indicator-color": indicatorColor } }),
-        /* @__PURE__ */ jsxs("div", { css: itemContentStyle, children: [
-          /* @__PURE__ */ jsx("span", { css: itemLabelStyle, children: itemConfig?.label || item.name }),
-          item.value && /* @__PURE__ */ jsx("span", { css: itemValueStyle, children: isFunction(valueFormatter) ? valueFormatter(item.value) : item.value.toLocaleString() })
-        ] })
-      ] }) }, item.dataKey);
-    }) })
-  ] });
-});
-
-export { VefChartTooltipContent as default };
+  font-family: ${i.fontFamilyCode};
+`,y=d((({active:o,payload:i,className:d,label:y,labelFormatter:x,labelClassName:w,formatter:X,valueFormatter:j,color:S,hideLabel:k=!1},N)=>{const C=c((e=>e.config)),F=s((()=>{if(k||!i?.length)return null;const[r]=i,a=`${r.dataKey||r.name||"value"}`,o=m(r,a,C),t=l(y)?y:o?.label;return t?e("div",{className:w,css:h,children:n(x)?x(t,i):t}):null}),[k,i,C,y,w,x]);return o&&i?.length?r("div",{ref:N,className:d,css:p,children:[F,e("div",{css:f,children:i.map(((o,i)=>{const l=`${o.name||o.dataKey||"value"}`,d=m(o,l,C),s=S||o.payload.fill||o.color;return e("div",{css:g,children:X&&!t(o?.value)&&o.name?X(o.value,o.name,o,i,o.payload):r(a,{children:[e("div",{css:u,style:{"--vef-indicator-color":s}}),r("div",{css:v,children:[e("span",{css:b,children:d?.label||o.name}),o.value&&e("span",{css:$,children:n(j)?j(o.value):o.value.toLocaleString()})]})]})},o.dataKey)}))})]}):null}));export{y 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-checkbox/hooks/use-checkbox-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 useCheckboxInstance(ref, dataOptions) {
-  const checkboxRef = useRef(null);
-  useImperativeHandle(ref, () => ({
-    blur: () => {
-      checkboxRef.current?.blur();
-    },
-    focus: () => {
-      checkboxRef.current?.focus({
-        preventScroll: true
-      });
-    },
-    getDataOptions: () => dataOptions
-  }));
-  return checkboxRef;
-}
-
-export { useCheckboxInstance };
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+import{useRef as e,useImperativeHandle as r}from"react";function useCheckboxInstance(t,n){const c=e(null);return r(t,(()=>({blur:()=>{c.current?.blur()},focus:()=>{c.current?.focus({preventScroll:!0})},getDataOptions:()=>n}))),c}export{useCheckboxInstance};
 /*! 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-checkbox/hooks/use-data-options.js

@@ -1,41 +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 { isFunction, isNullish } from '@vef-framework/shared';
-import { useMemo, useLayoutEffect } from 'react';
-
-function useDataOptions({
-  value,
-  onChange,
-  ...rest
-}) {
-  const {
-    normalizedOptions,
-    defaultOption,
-    isLoading
-  } = useComputedOptions({
-    ...rest,
-    isGrouped: false,
-    filterable: false,
-    selectedOptionValues: value
-  });
-  const optionsMap = useMemo(() => normalizedOptions.reduce((map, option) => {
-    map.set(option.value, option);
-    return map;
-  }, /* @__PURE__ */ new Map()), [normalizedOptions]);
-  useLayoutEffect(() => {
-    if (defaultOption && isFunction(onChange) && isNullish(value)) {
-      onChange(
-        [defaultOption.value],
-        [defaultOption]
-      );
-    }
-  }, [defaultOption, onChange, value]);
-  return {
-    optionsMap,
-    normalizedOptions,
-    isLoading
-  };
-}
-
-export { useDataOptions };
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+import{useComputedOptions as e}from"@vef-framework/hooks";import{isFunction as o,isNullish as a}from"@vef-framework/shared";import{useMemo as t,useLayoutEffect as r}from"react";function useDataOptions({value:i,onChange:n,...s}){const{normalizedOptions:p,defaultOption:u,isLoading:f}=e({...s,isGrouped:!1,filterable:!1,selectedOptionValues:i}),l=t((()=>p.reduce(((e,o)=>(e.set(o.value,o),e)),new Map)),[p]);return r((()=>{u&&o(n)&&a(i)&&n([u.value],[u])}),[u,n,i]),{optionsMap:l,normalizedOptions:p,isLoading:f}}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 */