@vef-framework/components 1.0.100 → 1.0.101

package/es/vef-approval-flow-editor/models/flow-node.js

@@ -1,3 +1,106 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{NodeType as e}from"../types.js";var a=Object.defineProperty,__publicField=(e,o,t)=>((e,o,t)=>o in e?a(e,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[o]=t)(e,"symbol"!=typeof o?o+"":o,t);class AbstractFlowNode{constructor(e,a,o){__publicField(this,"id"),__publicField(this,"type"),__publicField(this,"label"),this.id=e,this.type=a,this.label=o}getId(){return this.id}getType(){return this.type}getLabel(){return this.label}setLabel(e){this.label=e}}class VefSubmitFlowNode extends AbstractFlowNode{constructor(a,o){super(a,e.Submit,o),__publicField(this,"_availablePreviousNodeTypes"),__publicField(this,"_availableNextNodeTypes"),this._availablePreviousNodeTypes=[],this._availableNextNodeTypes=[e.Approval,e.Handle,e.Condition]}getAvailablePreviousNodeTypes(){return this._availablePreviousNodeTypes}getAvailableNextNodeTypes(){return this._availableNextNodeTypes}}class VefApprovalFlowNode extends AbstractFlowNode{constructor(a,o){super(a,e.Approval,o),__publicField(this,"_availablePreviousNodeTypes"),__publicField(this,"_availableNextNodeTypes"),this._availablePreviousNodeTypes=[e.Approval,e.Handle,e.Condition],this._availableNextNodeTypes=[e.Approval,e.Handle,e.Condition]}getAvailablePreviousNodeTypes(){return this._availablePreviousNodeTypes}getAvailableNextNodeTypes(){return this._availableNextNodeTypes}}class VefHandleFlowNode extends AbstractFlowNode{constructor(a,o){super(a,e.Handle,o),__publicField(this,"_availablePreviousNodeTypes"),__publicField(this,"_availableNextNodeTypes"),this._availablePreviousNodeTypes=[e.Approval,e.Handle,e.Condition],this._availableNextNodeTypes=[e.Approval,e.Handle,e.Condition]}getAvailablePreviousNodeTypes(){return this._availablePreviousNodeTypes}getAvailableNextNodeTypes(){return this._availableNextNodeTypes}}class VefConditionFlowNode extends AbstractFlowNode{constructor(a,o){super(a,e.Condition,o),__publicField(this,"_availablePreviousNodeTypes"),__publicField(this,"_availableNextNodeTypes"),this._availablePreviousNodeTypes=[e.Approval,e.Handle,e.Condition],this._availableNextNodeTypes=[e.Approval,e.Handle,e.Condition]}getAvailablePreviousNodeTypes(){return this._availablePreviousNodeTypes}getAvailableNextNodeTypes(){return this._availableNextNodeTypes}}class VefEndFlowNode extends AbstractFlowNode{constructor(a,o){super(a,e.End,o),__publicField(this,"_availablePreviousNodeTypes"),__publicField(this,"_availableNextNodeTypes"),this._availablePreviousNodeTypes=[e.Approval,e.Handle,e.Condition],this._availableNextNodeTypes=[]}getAvailablePreviousNodeTypes(){return this._availablePreviousNodeTypes}getAvailableNextNodeTypes(){return this._availableNextNodeTypes}}export{AbstractFlowNode,VefApprovalFlowNode,VefConditionFlowNode,VefEndFlowNode,VefHandleFlowNode,VefSubmitFlowNode};
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
+import { NodeType } from '../types.js';
+
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+class AbstractFlowNode {
+  constructor(id, type, label) {
+    __publicField(this, "id");
+    __publicField(this, "type");
+    __publicField(this, "label");
+    this.id = id;
+    this.type = type;
+    this.label = label;
+  }
+  getId() {
+    return this.id;
+  }
+  getType() {
+    return this.type;
+  }
+  getLabel() {
+    return this.label;
+  }
+  setLabel(label) {
+    this.label = label;
+  }
+}
+class VefSubmitFlowNode extends AbstractFlowNode {
+  constructor(id, label) {
+    super(id, NodeType.Submit, label);
+    __publicField(this, "_availablePreviousNodeTypes");
+    __publicField(this, "_availableNextNodeTypes");
+    this._availablePreviousNodeTypes = [];
+    this._availableNextNodeTypes = [NodeType.Approval, NodeType.Handle, NodeType.Condition];
+  }
+  getAvailablePreviousNodeTypes() {
+    return this._availablePreviousNodeTypes;
+  }
+  getAvailableNextNodeTypes() {
+    return this._availableNextNodeTypes;
+  }
+}
+class VefApprovalFlowNode extends AbstractFlowNode {
+  constructor(id, label) {
+    super(id, NodeType.Approval, label);
+    __publicField(this, "_availablePreviousNodeTypes");
+    __publicField(this, "_availableNextNodeTypes");
+    this._availablePreviousNodeTypes = [NodeType.Approval, NodeType.Handle, NodeType.Condition];
+    this._availableNextNodeTypes = [NodeType.Approval, NodeType.Handle, NodeType.Condition];
+  }
+  getAvailablePreviousNodeTypes() {
+    return this._availablePreviousNodeTypes;
+  }
+  getAvailableNextNodeTypes() {
+    return this._availableNextNodeTypes;
+  }
+}
+class VefHandleFlowNode extends AbstractFlowNode {
+  constructor(id, label) {
+    super(id, NodeType.Handle, label);
+    __publicField(this, "_availablePreviousNodeTypes");
+    __publicField(this, "_availableNextNodeTypes");
+    this._availablePreviousNodeTypes = [NodeType.Approval, NodeType.Handle, NodeType.Condition];
+    this._availableNextNodeTypes = [NodeType.Approval, NodeType.Handle, NodeType.Condition];
+  }
+  getAvailablePreviousNodeTypes() {
+    return this._availablePreviousNodeTypes;
+  }
+  getAvailableNextNodeTypes() {
+    return this._availableNextNodeTypes;
+  }
+}
+class VefConditionFlowNode extends AbstractFlowNode {
+  constructor(id, label) {
+    super(id, NodeType.Condition, label);
+    __publicField(this, "_availablePreviousNodeTypes");
+    __publicField(this, "_availableNextNodeTypes");
+    this._availablePreviousNodeTypes = [NodeType.Approval, NodeType.Handle, NodeType.Condition];
+    this._availableNextNodeTypes = [NodeType.Approval, NodeType.Handle, NodeType.Condition];
+  }
+  getAvailablePreviousNodeTypes() {
+    return this._availablePreviousNodeTypes;
+  }
+  getAvailableNextNodeTypes() {
+    return this._availableNextNodeTypes;
+  }
+}
+class VefEndFlowNode extends AbstractFlowNode {
+  constructor(id, label) {
+    super(id, NodeType.End, label);
+    __publicField(this, "_availablePreviousNodeTypes");
+    __publicField(this, "_availableNextNodeTypes");
+    this._availablePreviousNodeTypes = [NodeType.Approval, NodeType.Handle, NodeType.Condition];
+    this._availableNextNodeTypes = [];
+  }
+  getAvailablePreviousNodeTypes() {
+    return this._availablePreviousNodeTypes;
+  }
+  getAvailableNextNodeTypes() {
+    return this._availableNextNodeTypes;
+  }
+}
+
+export { AbstractFlowNode, VefApprovalFlowNode, VefConditionFlowNode, VefEndFlowNode, VefHandleFlowNode, VefSubmitFlowNode };
 /*! 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-approval-flow-editor/store.js

@@ -1,3 +1,17 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{createComponentStore as e}from"@vef-framework/shared";const{StoreProvider:o,useStore:r,useStoreApi:t}=e("ApprovalFlowEditor",(()=>e=>({selectedNode:null,setSelectedNode:o=>e({selectedNode:o})})));export{o as ApprovalFlowEditorStoreProvider,r as useApprovalFlowEditorStore,t as useApprovalFlowEditorStoreApi};
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
+import { createComponentStore } from '@vef-framework/shared';
+
+const {
+  StoreProvider: ApprovalFlowEditorStoreProvider,
+  useStore: useApprovalFlowEditorStore,
+  useStoreApi: useApprovalFlowEditorStoreApi
+} = createComponentStore(
+  "ApprovalFlowEditor",
+  () => (set) => ({
+    selectedNode: null,
+    setSelectedNode: (selectedNode) => set({ selectedNode })
+  })
+);
+
+export { ApprovalFlowEditorStoreProvider, useApprovalFlowEditorStore, useApprovalFlowEditorStoreApi };
 /*! 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-approval-flow-editor/styles.js

@@ -1,9 +1,14 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{css as e}from"@emotion/react";import{themeVariables as o}from"@vef-framework/shared";import r from"../internal/base.css.js";const t=e`
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
+import { css } from '@emotion/react';
+import { themeVariables } from '@vef-framework/shared';
+import flowStyle from '../internal/base.css.js';
+
+const flowEditorContainerStyle = css`
   height: 80%;
 
-  ${r}
-`,d=e`
+  ${flowStyle}
+`;
+const flowEditorStyle = css`
   --xy-edge-stroke-width: 2px;
   --xy-edge-stroke: rgb(177, 177, 183);
   --xy-edge-stroke-selected: rgb(177, 177, 183);
@@ -13,23 +18,23 @@ import{css as e}from"@emotion/react";import{themeVariables as o}from"@vef-framew
   }
   .react-flow__nodesselection-rect,
   .react-flow__selection {
-    background-color: oklch(from ${o.colorPrimary} l c h / 0.06);
-    border: ${o.lineWidth} ${o.lineType} ${o.colorPrimary};
-    border-radius: ${o.borderRadius};
+    background-color: oklch(from ${themeVariables.colorPrimary} l c h / 0.06);
+    border: ${themeVariables.lineWidth} ${themeVariables.lineType} ${themeVariables.colorPrimary};
+    border-radius: ${themeVariables.borderRadius};
   }
 
   .react-flow__node {
     width: 240px;
-    border-radius: ${o.borderRadiusLg};
-    padding: ${o.paddingSm};
-    background-color: ${o.colorBgContainer};
+    border-radius: ${themeVariables.borderRadiusLg};
+    padding: ${themeVariables.paddingSm};
+    background-color: ${themeVariables.colorBgContainer};
 
     &:hover:not(.selected) {
-      box-shadow: ${o.boxShadowElevated};
+      box-shadow: ${themeVariables.boxShadowElevated};
     }
 
     &.selected {
-      outline: 2px ${o.lineType} ${o.colorPrimary};
+      outline: 2px ${themeVariables.lineType} ${themeVariables.colorPrimary};
       outline-offset: -2px;
     }
   }
@@ -39,5 +44,7 @@ import{css as e}from"@emotion/react";import{themeVariables as o}from"@vef-framew
     min-height: 12px;
     background-color: transparent;
   }
-`;export{t as flowEditorContainerStyle,d as flowEditorStyle};
+`;
+
+export { flowEditorContainerStyle, flowEditorStyle };
 /*! 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-approval-flow-editor/types.js

@@ -1,3 +1,16 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-var n=(n=>(n.Submit="submit",n.Approval="approval",n.Handle="handle",n.Condition="condition",n.End="end",n))(n||{}),o=(n=>(n.Vef="vef",n))(o||{});export{o as EdgeType,n as NodeType};
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
+var NodeType = /* @__PURE__ */ ((NodeType2) => {
+  NodeType2["Submit"] = "submit";
+  NodeType2["Approval"] = "approval";
+  NodeType2["Handle"] = "handle";
+  NodeType2["Condition"] = "condition";
+  NodeType2["End"] = "end";
+  return NodeType2;
+})(NodeType || {});
+var EdgeType = /* @__PURE__ */ ((EdgeType2) => {
+  EdgeType2["Vef"] = "vef";
+  return EdgeType2;
+})(EdgeType || {});
+
+export { EdgeType, NodeType };
 /*! 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-area-chart/index.js

@@ -1,3 +1,42 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{jsx as t,jsxs as e}from"@emotion/react/jsx-runtime";import{memo as r}from"react";import{AreaChart as o,CartesianGrid as a,XAxis as i,YAxis as n,Tooltip as c,Area as f,Legend as l}from"recharts";import s from"../vef-chart-container/index.js";import{VefChartLegendContent as p}from"../vef-chart-legend-content/index.js";import d from"../vef-chart-tooltip-content/index.js";const m=r((function VefAreaChartBase({config:r,data:m,dataKey:v,valueFormatter:h,...y}){return t(s,{config:r,...y,children:e(o,{data:m,children:[t("defs",{children:Object.keys(r).map((r=>e("linearGradient",{id:`fill-${r}`,x1:"0",x2:"0",y1:"0",y2:"1",children:[t("stop",{offset:"5%",stopColor:`var(--vef-color-${r})`,stopOpacity:.8}),t("stop",{offset:"95%",stopColor:`var(--vef-color-${r})`,stopOpacity:.1})]},r)))}),t(a,{vertical:!1}),t(i,{axisLine:!1,dataKey:v,tickLine:!1,tickMargin:8}),t(n,{axisLine:!1,tickLine:!1,tickMargin:8}),t(c,{content:t(d,{valueFormatter:h})}),Object.keys(r).map((e=>t(f,{dataKey:e,fill:`url(#fill-${e})`,stackId:"vef-area-chart",stroke:`var(--vef-color-${e})`,type:"natural"},e))),t(l,{content:t(p,{})})]})})}));export{m as default};
+/*! 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 { memo } from 'react';
+import { AreaChart, CartesianGrid, XAxis, YAxis, Tooltip, Area, Legend } from 'recharts';
+import VefChartContainer from '../vef-chart-container/index.js';
+import { VefChartLegendContent } from '../vef-chart-legend-content/index.js';
+import VefChartTooltipContent from '../vef-chart-tooltip-content/index.js';
+
+function VefAreaChartBase({
+  config,
+  data,
+  dataKey,
+  valueFormatter,
+  ...restProps
+}) {
+  return /* @__PURE__ */ jsx(VefChartContainer, { config, ...restProps, children: /* @__PURE__ */ jsxs(AreaChart, { data, children: [
+    /* @__PURE__ */ jsx("defs", { children: Object.keys(config).map((key) => /* @__PURE__ */ jsxs("linearGradient", { id: `fill-${key}`, x1: "0", x2: "0", y1: "0", y2: "1", children: [
+      /* @__PURE__ */ jsx("stop", { offset: "5%", stopColor: `var(--vef-color-${key})`, stopOpacity: 0.8 }),
+      /* @__PURE__ */ jsx("stop", { offset: "95%", stopColor: `var(--vef-color-${key})`, stopOpacity: 0.1 })
+    ] }, key)) }),
+    /* @__PURE__ */ jsx(CartesianGrid, { vertical: false }),
+    /* @__PURE__ */ jsx(XAxis, { axisLine: false, dataKey, tickLine: false, tickMargin: 8 }),
+    /* @__PURE__ */ jsx(YAxis, { axisLine: false, tickLine: false, tickMargin: 8 }),
+    /* @__PURE__ */ jsx(Tooltip, { content: /* @__PURE__ */ jsx(VefChartTooltipContent, { valueFormatter }) }),
+    Object.keys(config).map((key) => /* @__PURE__ */ jsx(
+      Area,
+      {
+        dataKey: key,
+        fill: `url(#fill-${key})`,
+        stackId: "vef-area-chart",
+        stroke: `var(--vef-color-${key})`,
+        type: "natural"
+      },
+      key
+    )),
+    /* @__PURE__ */ jsx(Legend, { content: /* @__PURE__ */ jsx(VefChartLegendContent, {}) })
+  ] }) });
+}
+const VefAreaChart = memo(VefAreaChartBase);
+
+export { VefAreaChart 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-auto-sizer/index.js

@@ -1,3 +1,7 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import t from"react-virtualized-auto-sizer";const r=t;export{r as default};
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
+import AutoSizer from 'react-virtualized-auto-sizer';
+
+const VefAutoSizer = AutoSizer;
+
+export { VefAutoSizer 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-avatar/index.js

@@ -1,3 +1,21 @@
-/*! 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{Avatar as r}from"antd";function VefAvatar({size:t="medium",...a}){return e(r,{crossOrigin:"anonymous",draggable:!1,size:"medium"===t?"default":t,...a})}export{VefAvatar as default};
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
+import { jsx } from '@emotion/react/jsx-runtime';
+import { Avatar } from 'antd';
+
+function VefAvatar({
+  size = "medium",
+  ...restProps
+}) {
+  return /* @__PURE__ */ jsx(
+    Avatar,
+    {
+      crossOrigin: "anonymous",
+      draggable: false,
+      size: size === "medium" ? "default" : size,
+      ...restProps
+    }
+  );
+}
+
+export { VefAvatar 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-avatar-group/index.js

@@ -1,3 +1,26 @@
-/*! 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{Avatar as r}from"antd";import{useMemo as o}from"react";const{Group:e}=r;function VefAvatarGroup({max:r,size:m="medium",...a}){const u=o((()=>({count:r})),[r]);return t(e,{max:u,size:"medium"===m?"default":m,...a})}export{VefAvatarGroup as default};
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
+import { jsx } from '@emotion/react/jsx-runtime';
+import { Avatar } from 'antd';
+import { useMemo } from 'react';
+
+const { Group } = Avatar;
+function VefAvatarGroup({
+  max,
+  size = "medium",
+  ...restProps
+}) {
+  const maxToUse = useMemo(() => ({
+    count: max
+  }), [max]);
+  return /* @__PURE__ */ jsx(
+    Group,
+    {
+      max: maxToUse,
+      size: size === "medium" ? "default" : size,
+      ...restProps
+    }
+  );
+}
+
+export { VefAvatarGroup 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-badge/index.js

@@ -1,3 +1,48 @@
-/*! 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{useColorTokens as e}from"@vef-framework/hooks";import{Badge as t}from"antd";import{useMemo as r}from"react";function VefBadge({variant:f="default",count:i,overflowCount:m,showZero:a,size:d,offset:u,color:n}){const s=e(),c=r((()=>"dot"===f?{dot:!0,color:n?s.get(n):void 0,size:"medium"===d?"default":d,offset:u}:{count:i,overflowCount:m,showZero:a,size:"medium"===d?"default":d,offset:u,color:n?s.get(n):void 0}),[f,i,m,a,d,u,n,s]);return o(t,{...c})}export{VefBadge as default};
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
+import { jsx } from '@emotion/react/jsx-runtime';
+import { useColorTokens } from '@vef-framework/hooks';
+import { Badge } from 'antd';
+import { useMemo } from 'react';
+
+function VefBadge({
+  variant = "default",
+  count,
+  overflowCount,
+  showZero,
+  size,
+  offset,
+  color
+}) {
+  const colorTokens = useColorTokens();
+  const badgeProps = useMemo(() => {
+    if (variant === "dot") {
+      return {
+        dot: true,
+        color: color ? colorTokens.get(color) : void 0,
+        size: size === "medium" ? "default" : size,
+        offset
+      };
+    }
+    return {
+      count,
+      overflowCount,
+      showZero,
+      size: size === "medium" ? "default" : size,
+      offset,
+      color: color ? colorTokens.get(color) : void 0
+    };
+  }, [
+    variant,
+    count,
+    overflowCount,
+    showZero,
+    size,
+    offset,
+    color,
+    colorTokens
+  ]);
+  return /* @__PURE__ */ jsx(Badge, { ...badgeProps });
+}
+
+export { VefBadge 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-bar-chart/index.js

@@ -1,3 +1,42 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{jsx as t,jsxs as r}from"@emotion/react/jsx-runtime";import{useThemeTokens as e}from"@vef-framework/hooks";import{memo as a}from"react";import{BarChart as o,CartesianGrid as i,XAxis as n,YAxis as c,Tooltip as f,Legend as m,Bar as d}from"recharts";import s from"../vef-chart-container/index.js";import{VefChartLegendContent as l}from"../vef-chart-legend-content/index.js";import v from"../vef-chart-tooltip-content/index.js";const p=a((function VefBarChartBase({data:a,config:p,dataKey:h,valueFormatter:k,stack:u,...x}){const{borderRadius:g}=e();return t(s,{config:p,...x,children:r(o,{data:a,children:[t(i,{vertical:!1}),t(n,{axisLine:!1,dataKey:h,tickLine:!1,tickMargin:8}),t(c,{axisLine:!1,tickLine:!1,tickMargin:8}),t(f,{content:t(v,{valueFormatter:k})}),t(m,{content:t(l,{})}),Object.keys(p).map((r=>t(d,{dataKey:r,fill:`var(--vef-color-${r})`,radius:g,stackId:u?"vef-bar-chart":void 0},r)))]})})}));export{p as default};
+/*! 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 { useThemeTokens } from '@vef-framework/hooks';
+import { memo } from 'react';
+import { BarChart, CartesianGrid, XAxis, YAxis, Tooltip, Legend, Bar } from 'recharts';
+import VefChartContainer from '../vef-chart-container/index.js';
+import { VefChartLegendContent } from '../vef-chart-legend-content/index.js';
+import VefChartTooltipContent from '../vef-chart-tooltip-content/index.js';
+
+function VefBarChartBase({
+  data,
+  config,
+  dataKey,
+  valueFormatter,
+  stack,
+  ...restProps
+}) {
+  const { borderRadius } = useThemeTokens();
+  return /* @__PURE__ */ jsx(VefChartContainer, { config, ...restProps, children: /* @__PURE__ */ jsxs(BarChart, { data, children: [
+    /* @__PURE__ */ jsx(CartesianGrid, { vertical: false }),
+    /* @__PURE__ */ jsx(XAxis, { axisLine: false, dataKey, tickLine: false, tickMargin: 8 }),
+    /* @__PURE__ */ jsx(YAxis, { axisLine: false, tickLine: false, tickMargin: 8 }),
+    /* @__PURE__ */ jsx(Tooltip, { content: /* @__PURE__ */ jsx(VefChartTooltipContent, { valueFormatter }) }),
+    /* @__PURE__ */ jsx(Legend, { content: /* @__PURE__ */ jsx(VefChartLegendContent, {}) }),
+    Object.keys(config).map(
+      (key) => /* @__PURE__ */ jsx(
+        Bar,
+        {
+          dataKey: key,
+          fill: `var(--vef-color-${key})`,
+          radius: borderRadius,
+          stackId: stack ? "vef-bar-chart" : void 0
+        },
+        key
+      )
+    )
+  ] }) });
+}
+const VefBarChart = memo(VefBarChartBase);
+
+export { VefBarChart 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-bool/hooks/use-bool-instance.js

@@ -1,3 +1,35 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{useRef as r,useImperativeHandle as c}from"react";function useBoolInstance(e,u){const n=r(null),o=r(null);return c(u,(()=>"switch"===e?{focus:()=>{n.current?.focus({preventScroll:!0})},blur:()=>{n.current?.blur()}}:{focus:()=>{o.current?.focus({preventScroll:!0})},blur:()=>{o.current?.blur()}})),{switchRef:n,checkboxRef:o}}export{useBoolInstance};
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
+import { useRef, useImperativeHandle } from 'react';
+
+function useBoolInstance(variant, ref) {
+  const switchRef = useRef(null);
+  const checkboxRef = useRef(null);
+  useImperativeHandle(ref, () => {
+    if (variant === "switch") {
+      return {
+        focus: () => {
+          switchRef.current?.focus({ preventScroll: true });
+        },
+        blur: () => {
+          switchRef.current?.blur();
+        }
+      };
+    } else {
+      return {
+        focus: () => {
+          checkboxRef.current?.focus({ preventScroll: true });
+        },
+        blur: () => {
+          checkboxRef.current?.blur();
+        }
+      };
+    }
+  });
+  return {
+    switchRef,
+    checkboxRef
+  };
+}
+
+export { useBoolInstance };
 /*! 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-bool/index.js

@@ -1,3 +1,61 @@
-/*! 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{isFunction as o}from"@vef-framework/shared";import{Switch as t,Checkbox as a}from"antd";import{useMemo as i,memo as r,forwardRef as d}from"react";import{useBoolInstance as n}from"./hooks/use-bool-instance.js";const c=r(d((function VefBoolBase({defaultValue:r,value:d,disabled:c,size:f,label:s,indeterminate:l,variant:m="switch",loading:h,onChange:u},k){const p=i((()=>{if(o(u))return"switch"===m?e=>u(e):({target:{checked:e}})=>u(e)}),[u,m]),{switchRef:b,checkboxRef:g}=n(m,k);return"switch"===m?e(t,{ref:b,defaultChecked:r,disabled:c,loading:h,size:"medium"===f?"default":f,onChange:p,...void 0===d?{}:{checked:d}}):e(a,{ref:g,defaultChecked:r,disabled:c,indeterminate:l,onChange:p,...void 0===d?{}:{checked:d},children:s})})));c.displayName="VefBool";export{c as default};
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
+import { jsx } from '@emotion/react/jsx-runtime';
+import { isFunction } from '@vef-framework/shared';
+import { Switch, Checkbox } from 'antd';
+import { useMemo, memo, forwardRef } from 'react';
+import { useBoolInstance } from './hooks/use-bool-instance.js';
+
+function VefBoolBase({
+  defaultValue,
+  value,
+  disabled,
+  size,
+  label,
+  indeterminate,
+  variant = "switch",
+  loading,
+  onChange
+}, ref) {
+  const handleChange = useMemo(() => {
+    if (!isFunction(onChange)) {
+      return;
+    }
+    if (variant === "switch") {
+      return (value2) => onChange(value2);
+    } else {
+      return ({ target: { checked } }) => onChange(checked);
+    }
+  }, [onChange, variant]);
+  const { switchRef, checkboxRef } = useBoolInstance(variant, ref);
+  if (variant === "switch") {
+    return /* @__PURE__ */ jsx(
+      Switch,
+      {
+        ref: switchRef,
+        defaultChecked: defaultValue,
+        disabled,
+        loading,
+        size: size === "medium" ? "default" : size,
+        onChange: handleChange,
+        ...value === void 0 ? {} : { checked: value }
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    Checkbox,
+    {
+      ref: checkboxRef,
+      defaultChecked: defaultValue,
+      disabled,
+      indeterminate,
+      onChange: handleChange,
+      ...value === void 0 ? {} : { checked: value },
+      children: label
+    }
+  );
+}
+const VefBool = memo(forwardRef(VefBoolBase));
+VefBool.displayName = "VefBool";
+
+export { VefBool 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-breadcrumb/index.js

@@ -1,3 +1,49 @@
-/*! 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,isString as t}from"@vef-framework/shared";import{Breadcrumb as m}from"antd";import{useMemo as a,useCallback as i}from"react";function VefBreadcrumb({items:o,onClick:n}){const l=a((()=>o.map((e=>{const{label:t,key:m,dropdownItems:a}=e;return{title:t,key:m,menu:r(a)&&a.length>0?{items:a.map((e=>({key:e.key,title:e.label}))),onClick:({key:e})=>n?.(e)}:void 0}}))),[o,n]),c=i((({key:r,title:m})=>t(r)?e("a",{className:"vef-breadcrumb-link",onClick:()=>n?.(r),children:m}):e("span",{className:"vef-breadcrumb-text",children:m})),[n]);return e(m,{itemRender:c,items:l})}export{VefBreadcrumb as default};
+/*! 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, isString } from '@vef-framework/shared';
+import { Breadcrumb } from 'antd';
+import { useMemo, useCallback } from 'react';
+
+function VefBreadcrumb({ items, onClick }) {
+  const breadcrumbItems = useMemo(() => items.map((item) => {
+    const {
+      label,
+      key,
+      dropdownItems
+    } = item;
+    return {
+      title: label,
+      key,
+      menu: isArray(dropdownItems) && dropdownItems.length > 0 ? {
+        items: dropdownItems.map((it) => ({
+          key: it.key,
+          title: it.label
+        })),
+        onClick: ({ key: key2 }) => onClick?.(key2)
+      } : void 0
+    };
+  }), [items, onClick]);
+  const renderItem = useCallback(({ key, title }) => {
+    if (isString(key)) {
+      return /* @__PURE__ */ jsx(
+        "a",
+        {
+          className: "vef-breadcrumb-link",
+          onClick: () => onClick?.(key),
+          children: title
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx("span", { className: "vef-breadcrumb-text", children: title });
+  }, [onClick]);
+  return /* @__PURE__ */ jsx(
+    Breadcrumb,
+    {
+      itemRender: renderItem,
+      items: breadcrumbItems
+    }
+  );
+}
+
+export { VefBreadcrumb 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-button/components/base-button.js

@@ -1,3 +1,74 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{jsx as r}from"@emotion/react/jsx-runtime";import{useColorTokens as o}from"@vef-framework/hooks";import{defaultColorTypes as e}from"@vef-framework/shared";import{Button as t,ConfigProvider as i}from"antd";import{forwardRef as a}from"react";import"../../internal/index.js";import{convertBasicSizeToUiSize as n}from"../../internal/utils.js";const s=[...e,"default","primary","error"],l=a((({color:e,iconPosition:a,size:l,type:m,variant:d="solid",autoInsertSpace:f,disabled:c,loading:p,...u},h)=>{const v=o(),y="left"===a?"start":"right"===a?"end":void 0;if(!e||s.includes(e))return r(t,{ref:h,autoInsertSpace:f,color:"error"===e?"danger":e,disabled:!p&&c,htmlType:m,iconPosition:y,loading:p,size:n(l),variant:d,...u});if(v.has(e))return r(i,{theme:{token:{colorPrimary:v.get(e)}},children:r(t,{ref:h,autoInsertSpace:f,color:"primary",disabled:!p&&c,htmlType:m,iconPosition:y,loading:p,size:n(l),variant:d,...u})});throw new Error(`Invalid button color: ${e}`)}));l.displayName="VefBaseButton";export{l as default};
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
+import { jsx } from '@emotion/react/jsx-runtime';
+import { useColorTokens } from '@vef-framework/hooks';
+import { defaultColorTypes } from '@vef-framework/shared';
+import { Button, ConfigProvider } from 'antd';
+import { forwardRef } from 'react';
+import '../../internal/index.js';
+import { convertBasicSizeToUiSize } from '../../internal/utils.js';
+
+const buttonColorTypes = [...defaultColorTypes, "default", "primary", "error"];
+const VefBaseButton = forwardRef(({
+  color,
+  iconPosition,
+  size,
+  type,
+  variant = "solid",
+  autoInsertSpace,
+  disabled,
+  loading,
+  ...restProps
+}, ref) => {
+  const colorTokens = useColorTokens();
+  const iconPositionToUse = iconPosition === "left" ? "start" : iconPosition === "right" ? "end" : void 0;
+  if (!color || buttonColorTypes.includes(color)) {
+    return /* @__PURE__ */ jsx(
+      Button,
+      {
+        ref,
+        autoInsertSpace,
+        color: color === "error" ? "danger" : color,
+        disabled: loading ? false : disabled,
+        htmlType: type,
+        iconPosition: iconPositionToUse,
+        loading,
+        size: convertBasicSizeToUiSize(size),
+        variant,
+        ...restProps
+      }
+    );
+  }
+  if (colorTokens.has(color)) {
+    return /* @__PURE__ */ jsx(
+      ConfigProvider,
+      {
+        theme: {
+          token: {
+            colorPrimary: colorTokens.get(color)
+          }
+        },
+        children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            ref,
+            autoInsertSpace,
+            color: "primary",
+            disabled: loading ? false : disabled,
+            htmlType: type,
+            iconPosition: iconPositionToUse,
+            loading,
+            size: convertBasicSizeToUiSize(size),
+            variant,
+            ...restProps
+          }
+        )
+      }
+    );
+  } else {
+    throw new Error(`Invalid button color: ${color}`);
+  }
+});
+VefBaseButton.displayName = "VefBaseButton";
+
+export { VefBaseButton 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 */