@vef-framework/components 1.0.98 → 1.0.99

package/es/vef-button/index.js

@@ -1,3 +1,152 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, 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 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 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,3 +1,26 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, 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 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 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,3 +1,13 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, 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 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 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,3 +1,13 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, 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 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 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,18 +1,25 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, 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`
+/*! 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`
   display: flex;
   justify-content: center;
   
   & .recharts-cartesian-axis-tick text {
-    fill: ${o.colorTextDescription};
+    fill: ${themeVariables.colorTextDescription};
   }
   
   & .recharts-cartesian-grid line[stroke='#ccc'] {
-    stroke: color-mix(in srgb, ${o.colorBorder} 50%, transparent);
+    stroke: color-mix(in srgb, ${themeVariables.colorBorder} 50%, transparent);
   }
   
   & .recharts-curve.recharts-tooltip-cursor {
-    stroke: ${o.colorBorderSecondary};
+    stroke: ${themeVariables.colorBorderSecondary};
   }
   
   & .recharts-dot[stroke='#fff'] {
@@ -24,19 +31,19 @@ import{jsx as r,jsxs as e}from"@emotion/react/jsx-runtime";import{css as t}from"
   }
   
   & .recharts-polar-grid[stroke='#ccc'] {
-    stroke: ${o.colorBorderSecondary};
+    stroke: ${themeVariables.colorBorderSecondary};
   }
   
   & .recharts-radial-bar-background-sector {
-    fill: ${o.colorFillContent};
+    fill: ${themeVariables.colorFillContent};
   }
   
   & .recharts-rectangle.recharts-tooltip-cursor {
-    fill: ${o.colorFillContent};
+    fill: ${themeVariables.colorFillContent};
   }
   
   & .recharts-reference-line[stroke='#ccc'] {
-    stroke: ${o.colorBorderSecondary};
+    stroke: ${themeVariables.colorBorderSecondary};
   }
   
   & .recharts-sector[stroke='#fff'] {
@@ -50,5 +57,68 @@ import{jsx as r,jsxs as e}from"@emotion/react/jsx-runtime";import{css as t}from"
   & .recharts-surface {
     outline: none;
   }
-`;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};
+`;
+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 };
 /*! 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,18 +1,50 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, 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`
+/*! 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`
   display: flex;
   align-items: center;
-  gap: ${t.marginXs};
-  color: ${t.colorTextLabel};
-`,m=o`
+  gap: ${themeVariables.marginXs};
+  color: ${themeVariables.colorTextLabel};
+`;
+const indicatorStyle = css`
   flex: none;
   width: 0.75rem;
   height: 0.75rem;
-  border-radius: ${t.borderRadiusXs};
+  border-radius: ${themeVariables.borderRadiusXs};
   background-color: var(--vef-indicator-color);
-`,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};
+`;
+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 };
 /*! 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,44 +1,106 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, 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`
+/*! 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`
   display: grid;
   min-width: 10rem;
   align-items: start;
-  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`
+  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`
   display: grid;
-  gap: ${i.marginXs};
-`,h=o`
+  gap: ${themeVariables.marginXs};
+`;
+const labelStyle = css`
   font-weight: 500;
-`,g=o`
+`;
+const itemStyle = css`
   display: flex;
   width: 100%;
   flex-wrap: wrap;
   align-items: center;
-  gap: ${i.marginXs};
-`,u=o`
+  gap: ${themeVariables.marginXs};
+`;
+const indicatorStyle = css`
   height: 0.75rem;
   width: 0.75rem;
   flex: none;
-  border-radius: ${i.borderRadiusXs};
+  border-radius: ${themeVariables.borderRadiusXs};
   border-color: var(--vef-indicator-color);
   background-color: var(--vef-indicator-color);
-`,v=o`
+`;
+const itemContentStyle = css`
   display: flex;
   flex: 1;
   justify-content: space-between;
   align-items: center;
-  gap: ${i.marginXs};
+  gap: ${themeVariables.marginXs};
   line-height: 1;
-`,b=o`
-  color: ${i.colorTextDescription};
-`,$=o`
+`;
+const itemLabelStyle = css`
+  color: ${themeVariables.colorTextDescription};
+`;
+const itemValueStyle = css`
   font-weight: 500;
-  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};
+  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 };
 /*! 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,3 +1,21 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, 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 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 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,3 +1,41 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, 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 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 is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */