@vef-framework/components 1.0.71 → 1.0.73

package/lib/vef-temporal-range-picker/props.cjs

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.71, build time: 2025-01-15T03:01:01.484Z, made by Venus. */
+/*! VefFramework version: 1.0.73, build time: 2025-01-15T10:02:40.112Z, made by Venus. */
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.stringFormatSeparator="_";
 /*! 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/lib/vef-text/index.cjs

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.71, build time: 2025-01-15T03:01:01.484Z, made by Venus. */
+/*! VefFramework version: 1.0.73, build time: 2025-01-15T10:02:40.112Z, made by Venus. */
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),o=require("@vef-framework/hooks"),t=require("antd"),r=require("react"),{Text:s}=t.Typography;exports.default=function VefText({variant:t,color:i,bold:l,ellipsis:n,ellipsisTip:u,ellipsisTipPlacement:c,copyable:a,copiedText:p,onCopy:d,...y}){const m=r.useMemo((()=>{if(n)return{tooltip:u??y.children,placement:c}}),[n,u,c,y.children]),f=o.useColorTokens(),x=r.useMemo((()=>{const e={};return"shortcut"===t?e.keyboard=!0:"strikethrough"===t?e.delete=!0:t&&(e[t]=!0),"secondary"===i?e.type="secondary":i&&(e.css={color:f.get(i)}),l&&(e.strong=!0),e}),[l,i,f,t]),T=r.useMemo((()=>{if(a)return{format:"text/plain",text:p,onCopy:d}}),[a,p,d]);return e.jsx(s,{copyable:T,ellipsis:m,...x,...y})};
 /*! 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/lib/vef-text/props.cjs

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.71, build time: 2025-01-15T03:01:01.484Z, made by Venus. */
+/*! VefFramework version: 1.0.73, build time: 2025-01-15T10:02:40.112Z, made by Venus. */
 "use strict";
 /*! 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/lib/vef-textarea/hooks/use-textarea-instance.cjs

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.71, build time: 2025-01-15T03:01:01.484Z, made by Venus. */
+/*! VefFramework version: 1.0.73, build time: 2025-01-15T10:02:40.112Z, made by Venus. */
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useTextareaInstance=function useTextareaInstance(r){const t=e.useRef(null);return e.useImperativeHandle(r,(()=>({blur:()=>t.current?.blur(),focus:()=>t.current?.focus({preventScroll:!0})}))),t};
 /*! 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/lib/vef-textarea/index.cjs

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.71, build time: 2025-01-15T03:01:01.484Z, made by Venus. */
+/*! VefFramework version: 1.0.73, build time: 2025-01-15T10:02:40.112Z, made by Venus. */
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),r=require("@vef-framework/shared"),a=require("antd"),n=require("react");require("../internal/index.cjs");const t=require("./hooks/use-textarea-instance.cjs"),o=require("../internal/utils.cjs"),{TextArea:u}=a.Input;function normalizeValue(e){return""===e?null:e}const i=n.forwardRef((({defaultValue:a,value:i,size:l,clearable:s,showCount:c,onChange:d,onEnterKeyPress:v,onBlur:f,onFocus:m,...x},z)=>{const g=n.useMemo((()=>({onChange:r.isFunction(d)?e=>d(normalizeValue(e.target.value)):void 0,onPressEnter:r.isFunction(v)?e=>v(normalizeValue(e.target.value)):void 0,onBlur:r.isFunction(f)?e=>f(normalizeValue(e.target.value)):void 0,onFocus:r.isFunction(m)?e=>m(normalizeValue(e.target.value)):void 0})),[d,v,f,m]),V=t.useTextareaInstance(z);return e.jsx(u,{ref:V,allowClear:s,defaultValue:a,showCount:c,size:o.convertBasicSizeToUiSize(l),value:i,...x,...g})}));i.displayName="VefTextarea",exports.default=i;
 /*! 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/lib/vef-textarea/props.cjs

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.71, build time: 2025-01-15T03:01:01.484Z, made by Venus. */
+/*! VefFramework version: 1.0.73, build time: 2025-01-15T10:02:40.112Z, made by Venus. */
 "use strict";
 /*! 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/lib/vef-title/index.cjs

@@ -1,4 +1,4 @@
-/*! VefFramework version: 1.0.71, build time: 2025-01-15T03:01:01.484Z, made by Venus. */
+/*! VefFramework version: 1.0.73, build time: 2025-01-15T10:02:40.112Z, made by Venus. */
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),r=require("@emotion/react"),t=require("@vef-framework/hooks"),i=require("@vef-framework/shared"),o=require("antd"),s=require("react"),a=require("../vef-divider/index.cjs"),{Title:l}=o.Typography,n=r.css`
   margin: ${i.themeVariables.marginSm} 0 ${i.themeVariables.marginLg};
 `,c=r.css`

package/lib/vef-title/props.cjs

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.71, build time: 2025-01-15T03:01:01.484Z, made by Venus. */
+/*! VefFramework version: 1.0.73, build time: 2025-01-15T10:02:40.112Z, made by Venus. */
 "use strict";
 /*! 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/lib/vef-tooltip/index.cjs

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.71, build time: 2025-01-15T03:01:01.484Z, made by Venus. */
+/*! VefFramework version: 1.0.73, build time: 2025-01-15T10:02:40.112Z, made by Venus. */
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),r=require("antd"),t=require("react"),n=t.forwardRef((({content:n,trigger:o="hover",arrow:a=!0,delay:l=.1,defaultOpened:u,opened:i,onOpenedChange:d,...s},p)=>{const f=t.useRef(null);return t.useImperativeHandle(p,(()=>f.current.nativeElement)),e.jsx(r.Tooltip,{ref:f,arrow:a,defaultOpen:u,mouseEnterDelay:l,open:i,title:n,trigger:o,onOpenChange:d,...s})}));n.displayName="VefTooltip",exports.default=n;
 /*! 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/lib/vef-tooltip/props.cjs

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.71, build time: 2025-01-15T03:01:01.484Z, made by Venus. */
+/*! VefFramework version: 1.0.73, build time: 2025-01-15T10:02:40.112Z, made by Venus. */
 "use strict";
 /*! 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/lib/vef-tree-select/hooks/use-change-handler.cjs

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.71, build time: 2025-01-15T03:01:01.484Z, made by Venus. */
+/*! VefFramework version: 1.0.73, build time: 2025-01-15T10:02:40.112Z, made by Venus. */
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/shared"),r=require("react");exports.useChangeHandler=function useChangeHandler(t,n){const u=r.useMemo((()=>n.reduce(((e,r)=>(e.set(r.value,r),e)),new Map)),[n]);return r.useMemo((()=>{if(e.isFunction(t))return r=>{r?e.isArray(r)?t(r,r.map((e=>u.get(e)))):t(r,u.get(r)):t(null,null)}}),[t,u])};
 /*! 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/lib/vef-tree-select/hooks/use-data-options.cjs

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.71, build time: 2025-01-15T03:01:01.484Z, made by Venus. */
+/*! VefFramework version: 1.0.73, build time: 2025-01-15T10:02:40.112Z, made by Venus. */
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/hooks"),o=require("@vef-framework/shared"),i=require("react");exports.useDataOptions=function useDataOptions({value:t,multiple:a=!1,onChange:n,...s}){const{onFilterKeywordChange:r,normalizedOptions:l,defaultOption:u,isLoading:p,fallbackOptions:d,isFallbackOptionsLoading:c}=e.useComputedOptions({...s,selectedOptionValues:o.isArray(t)?t:t?[t]:[]});return i.useLayoutEffect((()=>{u&&o.isFunction(n)&&o.isNullish(t)&&n(a?[u.value]:u.value,a?[u]:u)}),[u,a,n,t]),{onFilterKeywordChange:r,normalizedOptions:l,isLoading:p,fallbackOptions:d,isFallbackOptionsLoading:c}};
 /*! 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/lib/vef-tree-select/hooks/use-tree-select-instance.cjs

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.71, build time: 2025-01-15T03:01:01.484Z, made by Venus. */
+/*! VefFramework version: 1.0.73, build time: 2025-01-15T10:02:40.112Z, made by Venus. */
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useTreeSelectInstance=function useTreeSelectInstance(t,r){const n=e.useRef(null);return e.useImperativeHandle(t,(()=>({blur:()=>{n.current?.blur()},focus:()=>{n.current?.focus({preventScroll:!0})},getDataOptions:()=>r}))),n};
 /*! 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/lib/vef-tree-select/index.cjs

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.71, build time: 2025-01-15T03:01:01.484Z, made by Venus. */
+/*! VefFramework version: 1.0.73, build time: 2025-01-15T10:02:40.112Z, made by Venus. */
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),r=require("@vef-framework/hooks"),t=require("@vef-framework/shared"),o=require("antd"),l=require("react");require("../internal/index.cjs");const a=require("../vef-loading-placeholder/index.cjs"),i=require("./hooks/use-change-handler.cjs"),n=require("./hooks/use-data-options.cjs"),s=require("./hooks/use-tree-select-instance.cjs"),u=require("../internal/utils.cjs"),c=e.jsx("div",{css:{height:140},children:e.jsx(a.default,{})}),d={showLeafIcon:!1};const f=l.memo(l.forwardRef((function VefTreeSelectBase({defaultValue:l,value:a,size:f,clearable:h,disabled:m,placeholder:v,variant:p,maxCount:g,onClear:C,onBlur:j,onFocus:q,onChange:x,onSelect:S,onDeselect:b,multiple:T=!1,filterable:k=!0,filterFromRemote:w=!1,...F},z){const{normalizedOptions:B,isLoading:D}=n.useDataOptions({value:a,multiple:T,onChange:x,filterable:k,filterFromRemote:w,...F}),O=r.useOptionFilter(k,!1),V=i.useChangeHandler(x,B),y=s.useTreeSelectInstance(z,B);return e.jsx(o.TreeSelect,{ref:y,virtual:!0,allowClear:h,css:t.styles.fullWidth,defaultValue:l,disabled:m,filterTreeNode:O,listHeight:280,loading:D,maxCount:g,maxTagCount:T?"responsive":void 0,multiple:T,notFoundContent:D?c:void 0,placeholder:v,showSearch:k,size:u.convertBasicSizeToUiSize(f),treeCheckable:T,treeData:B,treeLine:d,value:a,variant:p,onBlur:j,onChange:V,onClear:C,onDeselect:b,onFocus:q,onSelect:S})})));f.displayName="VefTreeSelect",exports.default=f;
 /*! 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/lib/vef-tree-select/props.cjs

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.71, build time: 2025-01-15T03:01:01.484Z, made by Venus. */
+/*! VefFramework version: 1.0.73, build time: 2025-01-15T10:02:40.112Z, made by Venus. */
 "use strict";
 /*! 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/lib/vef-virtual-grid/index.cjs

@@ -1,4 +1,4 @@
-/*! VefFramework version: 1.0.71, build time: 2025-01-15T03:01:01.484Z, made by Venus. */
+/*! VefFramework version: 1.0.73, build time: 2025-01-15T10:02:40.112Z, made by Venus. */
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),t=require("@emotion/react"),i=require("@tanstack/react-virtual"),r=require("@vef-framework/hooks"),a=require("@vef-framework/shared"),s=require("react"),l=require("../vef-auto-sizer/index.cjs"),u=require("../vef-scroll-area/index.cjs"),o={willChange:"transform"},n=t.css`
   position: relative;
   width: var(--vef-virtual-grid-width);

package/lib/vef-virtual-grid/props.cjs

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.71, build time: 2025-01-15T03:01:01.484Z, made by Venus. */
+/*! VefFramework version: 1.0.73, build time: 2025-01-15T10:02:40.112Z, made by Venus. */
 "use strict";
 /*! 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/lib/vef-virtual-list/index.cjs

@@ -1,4 +1,4 @@
-/*! VefFramework version: 1.0.71, build time: 2025-01-15T03:01:01.484Z, made by Venus. */
+/*! VefFramework version: 1.0.73, build time: 2025-01-15T10:02:40.112Z, made by Venus. */
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),t=require("@emotion/react"),i=require("@tanstack/react-virtual"),l=require("@vef-framework/hooks"),a=require("@vef-framework/shared"),r=require("react"),s=require("../vef-auto-sizer/index.cjs"),v=require("../vef-scroll-area/index.cjs"),o={willChange:"transform"},u=t.css`
   position: relative;
   width: var(--vef-virtual-list-width, auto);

package/lib/vef-virtual-list/props.cjs

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.71, build time: 2025-01-15T03:01:01.484Z, made by Venus. */
+/*! VefFramework version: 1.0.73, build time: 2025-01-15T10:02:40.112Z, made by Venus. */
 "use strict";
 /*! 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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vef-framework/components",
   "type": "module",
-  "version": "1.0.71",
+  "version": "1.0.73",
   "private": false,
   "packageManager": "pnpm@9.15.0",
   "description": "Components fundamental to the VEF framework",
@@ -41,9 +41,9 @@
     "@dnd-kit/utilities": "3.2.2",
     "@radix-ui/react-scroll-area": "1.2.2",
     "@tanstack/react-virtual": "3.11.2",
-    "@vef-framework/core": "1.0.71",
-    "@vef-framework/hooks": "1.0.71",
-    "@vef-framework/shared": "1.0.71",
+    "@vef-framework/core": "1.0.73",
+    "@vef-framework/hooks": "1.0.73",
+    "@vef-framework/shared": "1.0.73",
     "clsx": "2.1.1",
     "dayjs": "1.11.13",
     "lucide-react": "0.471.1",

package/types/index.d.ts

@@ -1,9 +1,11 @@
 export { default as VefAccessDenied, type VefAccessDeniedProps } from "./vef-access-denied";
 export { default as VefActionButtons, type VefActionButtonsProps } from "./vef-action-buttons";
+export { default as VefAreaChart, type VefAreaChartProps } from "./vef-area-chart";
 export { default as VefAutoSizer, type VefAutoSizerProps } from "./vef-auto-sizer";
 export { default as VefAvatar, type VefAvatarProps } from "./vef-avatar";
 export { default as VefAvatarGroup, type VefAvatarGroupProps } from "./vef-avatar-group";
 export { default as VefBadge, type VefBadgeProps } from "./vef-badge";
+export { default as VefBarChart, type VefBarChartProps } from "./vef-bar-chart";
 export { default as VefBool, type VefBoolInstance, type VefBoolProps } from "./vef-bool";
 export { default as VefBreadcrumb, type BreadcrumbItem, type DropdownItem, type VefBreadcrumbProps } from "./vef-breadcrumb";
 export { default as VefButton, type VefButtonProps } from "./vef-button";
@@ -40,6 +42,7 @@ export { default as VefIconSelect, type VefIconSelectProps } from "./vef-icon-se
 export { default as VefInput, type VefInputInstance, type VefInputProps } from "./vef-input";
 export { default as VefInputNumber, type VefInputNumberInstance, type VefInputNumberProps } from "./vef-input-number";
 export { default as VefLayout, type VefLayoutProps } from "./vef-layout";
+export { default as VefLineChart, type VefLineChartProps } from "./vef-line-chart";
 export { default as VefLoadingPlaceholder, type VefLoadingPlaceholderProps } from "./vef-loading-placeholder";
 export { default as VefLogin, type VefLoginProps } from "./vef-login";
 export { default as VefMenu, type VefMenuProps } from "./vef-menu";
@@ -50,6 +53,7 @@ export { default as VefPage, type VefPageProps } from "./vef-page";
 export { default as VefPagination, type VefPaginationProps } from "./vef-pagination";
 export { default as VefParagraph, type VefParagraphProps } from "./vef-paragraph";
 export { default as VefPassword, type VefPasswordInstance, type VefPasswordProps } from "./vef-password";
+export { default as VefPieChart, type VefPieChartProps } from "./vef-pie-chart";
 export { default as VefPopconfirm, type VefPopConfirmProps } from "./vef-popconfirm";
 export { default as VefRadio, type VefRadioInstance, type VefRadioProps } from "./vef-radio";
 export { default as VefRate, type VefRateInstance, type VefRateProps } from "./vef-rate";

package/types/internal/chart.d.ts

@@ -1,4 +1,28 @@
-import { type ChartConfig } from "@vef-framework/shared";
+import type { ComponentProps } from "react";
+import type { ResponsiveContainerProps } from "recharts";
+import { type ChartConfig, type Except, type StringKey } from "@vef-framework/shared";
+import type { ValueFormatter } from "../vef-chart-tooltip-content/props";
+/**
+ * The props of the BaseChart component.
+ */
+export interface BaseChartProps<T extends object, X extends StringKey<T> = StringKey<T>> extends Except<ComponentProps<"div">, "children">, Pick<ResponsiveContainerProps, "aspect" | "width" | "height" | "minWidth" | "minHeight"> {
+    /**
+     * The config of the chart.
+     */
+    config: ChartConfig;
+    /**
+     * The data of the chart.
+     */
+    data: T[];
+    /**
+     * The key of the x-axis data.
+     */
+    dataKey: X;
+    /**
+     * The value formatter.
+     */
+    valueFormatter?: ValueFormatter;
+}
 /**
  * Get the config from the payload.
  *

package/types/internal/index.d.ts

@@ -1 +1,2 @@
+export * from "./chart";
 export * from "./utils";

package/types/vef-area-chart/index.d.ts

@@ -0,0 +1,6 @@
+import type { StringKey } from "@vef-framework/shared";
+import type { VefAreaChartProps } from "./props";
+declare function VefAreaChartBase<T extends object, X extends StringKey<T> = StringKey<T>>({ config, data, dataKey, valueFormatter, ...restProps }: VefAreaChartProps<T, X>): import("@emotion/react/jsx-runtime").JSX.Element;
+declare const VefAreaChart: typeof VefAreaChartBase;
+export type { VefAreaChartProps };
+export default VefAreaChart;

package/types/vef-area-chart/props.d.ts

@@ -0,0 +1,7 @@
+import type { StringKey } from "@vef-framework/shared";
+import type { BaseChartProps } from "../internal";
+/**
+ * The props of the VefAreaChart component.
+ */
+export interface VefAreaChartProps<T extends object, X extends StringKey<T> = StringKey<T>> extends BaseChartProps<T, X> {
+}

package/types/vef-bar-chart/index.d.ts

@@ -0,0 +1,6 @@
+import type { StringKey } from "@vef-framework/shared";
+import type { VefBarChartProps } from "./props";
+declare function VefBarChartBase<T extends object, X extends StringKey<T> = StringKey<T>>({ data, config, dataKey, valueFormatter, stack, ...restProps }: VefBarChartProps<T, X>): import("@emotion/react/jsx-runtime").JSX.Element;
+declare const VefBarChart: typeof VefBarChartBase;
+export type { VefBarChartProps };
+export default VefBarChart;

package/types/vef-bar-chart/props.d.ts

@@ -0,0 +1,11 @@
+import type { StringKey } from "@vef-framework/shared";
+import type { BaseChartProps } from "../internal";
+/**
+ * The props of the VefBarChart component.
+ */
+export interface VefBarChartProps<T extends object, X extends StringKey<T> = StringKey<T>> extends BaseChartProps<T, X> {
+    /**
+     * Whether to stack the bars.
+     */
+    stack?: boolean;
+}

package/types/vef-chart-container/props.d.ts

@@ -4,7 +4,7 @@ import type { ResponsiveContainerProps } from "recharts";
 /**
  * The props of the VefChartContainer component.
  */
-export interface VefChartContainerProps extends Except<ComponentProps<"div">, "children"> {
+export interface VefChartContainerProps extends Except<ComponentProps<"div">, "children">, Pick<ResponsiveContainerProps, "aspect" | "width" | "height" | "minWidth" | "minHeight"> {
     /**
      * The config of the chart.
      */

package/types/vef-chart-tooltip-content/props.d.ts

@@ -7,6 +7,11 @@ export type ValueFormatter = Mapper<ValueType, string>;
  * The props of the VefChartTooltipContent component.
  */
 export interface VefChartTooltipContentProps extends Except<ComponentProps<typeof Tooltip>, "content">, ComponentProps<"div"> {
+    /**
+     * Whether to hide the label.
+     * @default false
+     */
+    hideLabel?: boolean;
     /**
      * The formatter of the value.
      */

package/types/vef-line-chart/index.d.ts

@@ -0,0 +1,6 @@
+import type { StringKey } from "@vef-framework/shared";
+import type { VefLineChartProps } from "./props";
+declare function VefLineChartBase<T extends object, X extends StringKey<T> = StringKey<T>>({ config, data, dataKey, valueFormatter, }: VefLineChartProps<T, X>): import("@emotion/react/jsx-runtime").JSX.Element;
+declare const VefLineChart: typeof VefLineChartBase;
+export type { VefLineChartProps };
+export default VefLineChart;

package/types/vef-line-chart/props.d.ts

@@ -0,0 +1,7 @@
+import type { StringKey } from "@vef-framework/shared";
+import type { BaseChartProps } from "../internal";
+/**
+ * The props of the VefLineChart component.
+ */
+export interface VefLineChartProps<T extends object, X extends StringKey<T> = StringKey<T>> extends BaseChartProps<T, X> {
+}

package/types/vef-pie-chart/index.d.ts

@@ -0,0 +1,6 @@
+import { type StringKey } from "@vef-framework/shared";
+import type { VefPieChartProps } from "./props";
+declare function VefPieChartBase<T extends object, X extends StringKey<T> = StringKey<T>, N extends StringKey<T> = StringKey<T>>({ config, data, dataKey, nameKey, valueFormatter, innerRadius, }: VefPieChartProps<T, X, N>): import("@emotion/react/jsx-runtime").JSX.Element;
+declare const VefPieChart: typeof VefPieChartBase;
+export type { VefPieChartProps };
+export default VefPieChart;

package/types/vef-pie-chart/props.d.ts

@@ -0,0 +1,16 @@
+import type { StringKey } from "@vef-framework/shared";
+import type { BaseChartProps } from "../internal";
+/**
+ * The props of the VefPieChart component.
+ */
+export interface VefPieChartProps<T extends object, X extends StringKey<T> = StringKey<T>, N extends StringKey<T> = StringKey<T>> extends BaseChartProps<T, X> {
+    /**
+     * The key of the name of the data.
+     */
+    nameKey: N;
+    /**
+     * The inner radius of the pie chart.
+     * @default 60
+     */
+    innerRadius?: number;
+}