@vef-framework/components 1.0.101 → 1.0.103

package/es/vef-button/index.js

@@ -1,152 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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 */
+/*! VefFramework version: 1.0.103, build time: 2025-03-07T17:03:51.787Z, 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=!1,loading,...restProps},ref)=>{const[isLoading,setIsLoading]=useState(!1),onConfirmationOkToUse=useMemo(()=>{if(restProps.requireConfirmation){const{onConfirmationOk}=restProps;return isNullish(loading)?async()=>{await invokeMaybeAsyncFn(onConfirmationOk,{beforeInvoke:()=>{setIsLoading(!0)},onFinally:()=>{setIsLoading(!1)}})}:onConfirmationOk}},[restProps.requireConfirmation,restProps.onConfirmationOk]),onClickToUse=useMemo(()=>{if(!restProps.requireConfirmation)return onClick&&isNullish(loading)?async event=>{await invokeMaybeAsyncFn(onClick,{beforeInvoke:()=>{setIsLoading(!0)},onFinally:()=>{setIsLoading(!1)}},event)}:onClick;const{confirmationMode="simple",confirmationTitle=defaultMessageTitle,confirmationContent,onConfirmationCancel}=restProps;return confirmationMode==="simple"?event=>{event.stopPropagation()}:event=>{event.stopPropagation(),showConfirmation(confirmationTitle,confirmationContent,onConfirmationOkToUse,{onCancel:onConfirmationCancel})}},[loading,onClick,onConfirmationOkToUse,restProps.requireConfirmation,restProps.confirmationMode,restProps.confirmationTitle,restProps.confirmationContent,restProps.onConfirmationCancel]),buttonDisabled=useContextDisabled()||disabled,buttonNode=jsx(VefBaseButton,{ref,disabled:buttonDisabled,loading:loading??isLoading,onClick:onClickToUse,...omit(restProps,["requireConfirmation","confirmationMode","confirmationTitle","confirmationContent","onConfirmationOk","onConfirmationCancel"])}),buttonNodeMaybeWithTip=tip?jsx(VefTooltip,{content:tip,children:buttonNode}):buttonNode;if(restProps.requireConfirmation&&restProps.confirmationMode==="simple"){const{confirmationTitle=defaultMessageTitle,confirmationContent,onConfirmationCancel}=restProps;return jsx(VefPopconfirm,{ref,content:confirmationContent,disabled:buttonDisabled,title:confirmationTitle,onCancel:onConfirmationCancel,onOk:onConfirmationOkToUse,children:buttonNodeMaybeWithTip})}return buttonNodeMaybeWithTip}),VefButton=memo(VefButtonBase);VefButton.displayName="VefButton";/*! 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 */export{VefButton as default};

package/es/vef-card/index.js

@@ -1,26 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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 */
+/*! VefFramework version: 1.0.103, build time: 2025-03-07T17:03:51.787Z, 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=!1,actions,nested=!1,...restProps}){return jsx(Card,{actions:isArray(actions)?actions:actions?[actions]:void 0,hoverable:showHoverEffect,size:size==="medium"?"default":size,type:nested?"inner":void 0,...restProps})}/*! 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 */export{VefCard as default};

package/es/vef-card-meta/index.js

@@ -1,13 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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 */
+/*! VefFramework version: 1.0.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{Card}from"antd";const{Meta:CardMeta}=Card;function VefCardMeta({...props}){return jsx(CardMeta,{...props})}/*! 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 */export{VefCardMeta as default};

package/es/vef-chart-container/hooks/use-chart-container-context.js

@@ -1,13 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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 */
+/*! VefFramework version: 1.0.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */import{createSelectableContext}from"@vef-framework/shared";const{useContextSelector:useChartContainerContextSelector,useContext:useChartContainerContext,ContextProvider:ChartContainerContextProvider}=createSelectableContext({config:{}});/*! 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 */export{ChartContainerContextProvider,useChartContainerContext,useChartContainerContextSelector};

package/es/vef-chart-container/index.js

@@ -1,12 +1,4 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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.103, build time: 2025-03-07T17:03:51.787Z, 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;
   
@@ -57,68 +49,9 @@ 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: `
+`;function ChartStyle({id,config}){const colors=Object.entries(config).map(([key,{color}])=>[key,color]).filter(([,color])=>isString(color));return colors.length?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
+            ${colors.map(([key,color])=>`--vef-color-${key}: ${color};`).join(`
+`)}
           }
-        )
-      ]
-    }
-  ) });
-});
-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 */
+        `}}):null}const VefChartContainer=forwardRef(({id,className,children,config,aspect=16/9,width="100%",height,minWidth,minHeight,...restProps},ref)=>{const uniqueId=useId(),chartId=`${id||uniqueId.replace(/:/g,"")}-chart`;return jsx(ChartContainerContextProvider,{value:{config},children:jsxs("div",{ref,className,css:chartContainerStyle,"data-chart":chartId,...restProps,children:[jsx(ChartStyle,{config,id:chartId}),jsx(ResponsiveContainer,{aspect,height,minHeight,minWidth,width,children})]})})});VefChartContainer.displayName="VefChartContainer";/*! 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 */export{VefChartContainer as default};

package/es/vef-chart-legend-content/index.js

@@ -1,50 +1,16 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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`
+/*! VefFramework version: 1.0.103, build time: 2025-03-07T17:03:51.787Z, 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`
+`,itemStyle=css`
   display: flex;
   align-items: center;
   gap: ${themeVariables.marginXs};
   color: ${themeVariables.colorTextLabel};
-`;
-const indicatorStyle = css`
+`,indicatorStyle=css`
   flex: none;
   width: 0.75rem;
   height: 0.75rem;
   border-radius: ${themeVariables.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 };
-/*! 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 */
+`,VefChartLegendContent=forwardRef(({className,payload},ref)=>{const config=useChartContainerContextSelector(ctx=>ctx.config);return payload?.length?jsx("div",{ref,className,css:chartLegendContentStyle,children:payload.map(item=>{const key=`${item.dataKey||"value"}`,itemConfig=getPayloadConfigFromPayload(item,key,config);return jsxs("div",{css:itemStyle,children:[jsx("div",{css:indicatorStyle,style:{"--vef-indicator-color":item.color}}),itemConfig?.label]},item.value)})}):null});VefChartLegendContent.displayName="VefChartLegendContent";/*! 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 */export{VefChartLegendContent,VefChartLegendContent as default};

package/es/vef-chart-tooltip-content/index.js

@@ -1,13 +1,4 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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.103, build time: 2025-03-07T17:03:51.787Z, 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;
@@ -18,89 +9,34 @@ const wrapperStyle = css`
   padding: ${themeVariables.paddingXs} ${themeVariables.paddingSm};
   box-shadow: ${themeVariables.boxShadowSecondary};
   color: ${themeVariables.colorTextLabel}
-`;
-const itemsWrapperStyle = css`
+`,itemsWrapperStyle=css`
   display: grid;
   gap: ${themeVariables.marginXs};
-`;
-const labelStyle = css`
+`,labelStyle=css`
   font-weight: 500;
-`;
-const itemStyle = css`
+`,itemStyle=css`
   display: flex;
   width: 100%;
   flex-wrap: wrap;
   align-items: center;
   gap: ${themeVariables.marginXs};
-`;
-const indicatorStyle = css`
+`,indicatorStyle=css`
   height: 0.75rem;
   width: 0.75rem;
   flex: none;
   border-radius: ${themeVariables.borderRadiusXs};
   border-color: var(--vef-indicator-color);
   background-color: var(--vef-indicator-color);
-`;
-const itemContentStyle = css`
+`,itemContentStyle=css`
   display: flex;
   flex: 1;
   justify-content: space-between;
   align-items: center;
   gap: ${themeVariables.marginXs};
   line-height: 1;
-`;
-const itemLabelStyle = css`
+`,itemLabelStyle=css`
   color: ${themeVariables.colorTextDescription};
-`;
-const itemValueStyle = css`
+`,itemValueStyle=css`
   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 };
-/*! 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 */
+`,VefChartTooltipContent=forwardRef(({active,payload,className,label,labelFormatter,labelClassName,formatter,valueFormatter,color,hideLabel=!1},ref)=>{const config=useChartContainerContextSelector(ctx=>ctx.config),tooltipLabel=useMemo(()=>{if(hideLabel||!payload?.length)return null;const[item]=payload,key=`${item.dataKey||item.name||"value"}`,itemConfig=getPayloadConfigFromPayload(item,key,config),labelValue=isString(label)?label:itemConfig?.label;return labelValue?jsx("div",{className:labelClassName,css:labelStyle,children:isFunction(labelFormatter)?labelFormatter(labelValue,payload):labelValue}):null},[hideLabel,payload,config,label,labelClassName,labelFormatter]);return!active||!payload?.length?null:jsxs("div",{ref,className,css:wrapperStyle,children:[tooltipLabel,jsx("div",{css:itemsWrapperStyle,children:payload.map((item,index)=>{const key=`${item.name||item.dataKey||"value"}`,itemConfig=getPayloadConfigFromPayload(item,key,config),indicatorColor=color||item.payload.fill||item.color;return jsx("div",{css:itemStyle,children:formatter&&!isNullish(item?.value)&&item.name?formatter(item.value,item.name,item,index,item.payload):jsxs(Fragment,{children:[jsx("div",{css:indicatorStyle,style:{"--vef-indicator-color":indicatorColor}}),jsxs("div",{css:itemContentStyle,children:[jsx("span",{css:itemLabelStyle,children:itemConfig?.label||item.name}),item.value&&jsx("span",{css:itemValueStyle,children:isFunction(valueFormatter)?valueFormatter(item.value):item.value.toLocaleString()})]})]})},item.dataKey)})})]})});/*! 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 */export{VefChartTooltipContent as default};

package/es/vef-checkbox/hooks/use-checkbox-instance.js

@@ -1,21 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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 */
+/*! VefFramework version: 1.0.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */import{useRef,useImperativeHandle}from"react";function useCheckboxInstance(ref,dataOptions){const checkboxRef=useRef(null);return useImperativeHandle(ref,()=>({blur:()=>{checkboxRef.current?.blur()},focus:()=>{checkboxRef.current?.focus({preventScroll:!0})},getDataOptions:()=>dataOptions})),checkboxRef}/*! 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 */export{useCheckboxInstance};

package/es/vef-checkbox/hooks/use-data-options.js

@@ -1,41 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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 */
+/*! VefFramework version: 1.0.103, build time: 2025-03-07T17:03:51.787Z, 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:!1,filterable:!1,selectedOptionValues:value}),optionsMap=useMemo(()=>normalizedOptions.reduce((map,option)=>(map.set(option.value,option),map),new Map),[normalizedOptions]);return useLayoutEffect(()=>{defaultOption&&isFunction(onChange)&&isNullish(value)&&onChange([defaultOption.value],[defaultOption])},[defaultOption,onChange,value]),{optionsMap,normalizedOptions,isLoading}}/*! 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 */export{useDataOptions};

package/es/vef-checkbox/index.js

@@ -1,89 +1,3 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-import { jsx } from '@emotion/react/jsx-runtime';
-import { css } from '@emotion/react';
-import { themeVariables, isFunction } from '@vef-framework/shared';
-import { Checkbox } from 'antd';
-import { useMemo, memo, forwardRef } from 'react';
-import VefLoadingPlaceholder from '../vef-loading-placeholder/index.js';
-import VefTooltip from '../vef-tooltip/index.js';
-import { useCheckboxInstance } from './hooks/use-checkbox-instance.js';
-import { useDataOptions } from './hooks/use-data-options.js';
-
-const { Group } = Checkbox;
-const loadingPlaceholder = /* @__PURE__ */ jsx(
-  "div",
-  {
-    css: css`
+/*! VefFramework version: 1.0.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{themeVariables,isFunction}from"@vef-framework/shared";import{Checkbox}from"antd";import{useMemo,memo,forwardRef}from"react";import VefLoadingPlaceholder from"../vef-loading-placeholder/index.js";import VefTooltip from"../vef-tooltip/index.js";import{useCheckboxInstance}from"./hooks/use-checkbox-instance.js";import{useDataOptions}from"./hooks/use-data-options.js";const{Group}=Checkbox,loadingPlaceholder=jsx("div",{css:css`
       height: ${themeVariables.controlHeight}
-    `,
-    children: /* @__PURE__ */ jsx(VefLoadingPlaceholder, {})
-  }
-);
-function VefCheckboxBase({
-  defaultValue,
-  value,
-  disabled,
-  renderCheckboxes,
-  onChange,
-  ...restProps
-}, ref) {
-  const {
-    optionsMap,
-    normalizedOptions,
-    isLoading
-  } = useDataOptions({
-    value,
-    onChange,
-    ...restProps
-  });
-  const checkboxRef = useCheckboxInstance(ref, normalizedOptions);
-  const handleChange = useMemo(() => {
-    if (isFunction(onChange)) {
-      return (value2) => {
-        onChange(value2, value2.map((option) => optionsMap.get(option)));
-      };
-    }
-  }, [onChange, optionsMap]);
-  const content = useMemo(() => {
-    if (isLoading) {
-      return;
-    }
-    const checkboxes = normalizedOptions.map((option) => {
-      const {
-        value: value2,
-        label,
-        disabled: disabled2,
-        description
-      } = option;
-      if (description) {
-        return /* @__PURE__ */ jsx(VefTooltip, { content: description, children: /* @__PURE__ */ jsx(Checkbox, { disabled: disabled2, value: value2, children: label }) }, value2);
-      }
-      return /* @__PURE__ */ jsx(Checkbox, { disabled: disabled2, value: value2, children: label }, value2);
-    });
-    if (isFunction(renderCheckboxes)) {
-      return renderCheckboxes(checkboxes);
-    }
-    return checkboxes;
-  }, [isLoading, normalizedOptions, renderCheckboxes]);
-  if (isLoading) {
-    return loadingPlaceholder;
-  }
-  return /* @__PURE__ */ jsx(
-    Group,
-    {
-      ref: checkboxRef,
-      defaultValue,
-      disabled,
-      onChange: handleChange,
-      ...value === void 0 ? {} : { value },
-      children: content
-    }
-  );
-}
-const VefCheckbox = memo(
-  forwardRef(VefCheckboxBase)
-);
-VefCheckbox.displayName = "VefCheckbox";
-
-export { VefCheckbox 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 */
+    `,children:jsx(VefLoadingPlaceholder,{})});function VefCheckboxBase({defaultValue,value,disabled,renderCheckboxes,onChange,...restProps},ref){const{optionsMap,normalizedOptions,isLoading}=useDataOptions({value,onChange,...restProps}),checkboxRef=useCheckboxInstance(ref,normalizedOptions),handleChange=useMemo(()=>{if(isFunction(onChange))return value2=>{onChange(value2,value2.map(option=>optionsMap.get(option)))}},[onChange,optionsMap]),content=useMemo(()=>{if(isLoading)return;const checkboxes=normalizedOptions.map(option=>{const{value:value2,label,disabled:disabled2,description}=option;return description?jsx(VefTooltip,{content:description,children:jsx(Checkbox,{disabled:disabled2,value:value2,children:label})},value2):jsx(Checkbox,{disabled:disabled2,value:value2,children:label},value2)});return isFunction(renderCheckboxes)?renderCheckboxes(checkboxes):checkboxes},[isLoading,normalizedOptions,renderCheckboxes]);return isLoading?loadingPlaceholder:jsx(Group,{ref:checkboxRef,defaultValue,disabled,onChange:handleChange,...value===void 0?{}:{value},children:content})}const VefCheckbox=memo(forwardRef(VefCheckboxBase));VefCheckbox.displayName="VefCheckbox";/*! 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 */export{VefCheckbox as default};

package/es/vef-col/index.js

@@ -1,12 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-import { jsx } from '@emotion/react/jsx-runtime';
-import { Col } from 'antd';
-
-function VefCol({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(Col, { ...props });
-}
-
-export { VefCol 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 */
+/*! VefFramework version: 1.0.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{Col}from"antd";function VefCol({...props}){return jsx(Col,{...props})}/*! 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 */export{VefCol as default};