@vef-framework/components 1.0.127 → 1.0.129

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

@@ -1,106 +1,2 @@
 "use strict";
-import { NodeType } from '../types.js';
-
-"use strict";
-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 };
+import{NodeType as e}from"../types.js";var r=Object.defineProperty,d=(i,a,s)=>a in i?r(i,a,{enumerable:!0,configurable:!0,writable:!0,value:s}):i[a]=s,t=(i,a,s)=>d(i,typeof a!="symbol"?a+"":a,s);class l{constructor(a,s,o){t(this,"id"),t(this,"type"),t(this,"label"),this.id=a,this.type=s,this.label=o}getId(){return this.id}getType(){return this.type}getLabel(){return this.label}setLabel(a){this.label=a}}class p extends l{constructor(a,s){super(a,e.Submit,s),t(this,"_availablePreviousNodeTypes"),t(this,"_availableNextNodeTypes"),this._availablePreviousNodeTypes=[],this._availableNextNodeTypes=[e.Approval,e.Handle,e.Condition]}getAvailablePreviousNodeTypes(){return this._availablePreviousNodeTypes}getAvailableNextNodeTypes(){return this._availableNextNodeTypes}}class v extends l{constructor(a,s){super(a,e.Approval,s),t(this,"_availablePreviousNodeTypes"),t(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 N extends l{constructor(a,s){super(a,e.Handle,s),t(this,"_availablePreviousNodeTypes"),t(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 n extends l{constructor(a,s){super(a,e.Condition,s),t(this,"_availablePreviousNodeTypes"),t(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 b extends l{constructor(a,s){super(a,e.End,s),t(this,"_availablePreviousNodeTypes"),t(this,"_availableNextNodeTypes"),this._availablePreviousNodeTypes=[e.Approval,e.Handle,e.Condition],this._availableNextNodeTypes=[]}getAvailablePreviousNodeTypes(){return this._availablePreviousNodeTypes}getAvailableNextNodeTypes(){return this._availableNextNodeTypes}}export{l as AbstractFlowNode,v as VefApprovalFlowNode,n as VefConditionFlowNode,b as VefEndFlowNode,N as VefHandleFlowNode,p as VefSubmitFlowNode};

package/esm/vef-approval-flow-editor/store.js

@@ -1,17 +1,2 @@
 "use strict";
-import { createComponentStore } from '@vef-framework/shared';
-
-"use strict";
-const {
-  StoreProvider: ApprovalFlowEditorStoreProvider,
-  useStore: useApprovalFlowEditorStore,
-  useStoreApi: useApprovalFlowEditorStoreApi
-} = createComponentStore(
-  "ApprovalFlowEditor",
-  () => (set) => ({
-    selectedNode: null,
-    setSelectedNode: (selectedNode) => set({ selectedNode })
-  })
-);
-
-export { ApprovalFlowEditorStoreProvider, useApprovalFlowEditorStore, useApprovalFlowEditorStoreApi };
+import{createComponentStore as r}from"@vef-framework/shared";const{StoreProvider:t,useStore:l,useStoreApi:d}=r("ApprovalFlowEditor",()=>e=>({selectedNode:null,setSelectedNode:o=>e({selectedNode:o})}));export{t as ApprovalFlowEditorStoreProvider,l as useApprovalFlowEditorStore,d as useApprovalFlowEditorStoreApi};

package/esm/vef-approval-flow-editor/styles.js

@@ -1,15 +1,9 @@
 "use strict";
-import { css } from '@emotion/react';
-import { themeVariables } from '@vef-framework/shared';
-import flowStyle from '../internal/base.css.js';
-
-"use strict";
-const flowEditorContainerStyle = css`
+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`
   height: 80%;
 
-  ${flowStyle}
-`;
-const flowEditorStyle = css`
+  ${r}
+`,i=e`
   --xy-edge-stroke-width: 2px;
   --xy-edge-stroke: rgb(177, 177, 183);
   --xy-edge-stroke-selected: rgb(177, 177, 183);
@@ -19,23 +13,23 @@ const flowEditorStyle = css`
   }
   .react-flow__nodesselection-rect,
   .react-flow__selection {
-    background-color: oklch(from ${themeVariables.colorPrimary} l c h / 0.06);
-    border: ${themeVariables.lineWidth} ${themeVariables.lineType} ${themeVariables.colorPrimary};
-    border-radius: ${themeVariables.borderRadius};
+    background-color: oklch(from ${o.colorPrimary} l c h / 0.06);
+    border: ${o.lineWidth} ${o.lineType} ${o.colorPrimary};
+    border-radius: ${o.borderRadius};
   }
 
   .react-flow__node {
     width: 240px;
-    border-radius: ${themeVariables.borderRadiusLg};
-    padding: ${themeVariables.paddingSm};
-    background-color: ${themeVariables.colorBgContainer};
+    border-radius: ${o.borderRadiusLg};
+    padding: ${o.paddingSm};
+    background-color: ${o.colorBgContainer};
 
     &:hover:not(.selected) {
-      box-shadow: ${themeVariables.boxShadowElevated};
+      box-shadow: ${o.boxShadowElevated};
     }
 
     &.selected {
-      outline: 2px ${themeVariables.lineType} ${themeVariables.colorPrimary};
+      outline: 2px ${o.lineType} ${o.colorPrimary};
       outline-offset: -2px;
     }
   }
@@ -45,6 +39,4 @@ const flowEditorStyle = css`
     min-height: 12px;
     background-color: transparent;
   }
-`;
-
-export { flowEditorContainerStyle, flowEditorStyle };
+`;export{t as flowEditorContainerStyle,i as flowEditorStyle};

package/esm/vef-approval-flow-editor/types.js

@@ -1,16 +1,2 @@
 "use strict";
-"use strict";
-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 };
+var n=(d=>(d.Submit="submit",d.Approval="approval",d.Handle="handle",d.Condition="condition",d.End="end",d))(n||{}),i=(d=>(d.Vef="vef",d))(i||{});export{i as EdgeType,n as NodeType};

package/esm/vef-area-chart/index.js

@@ -1,42 +1,2 @@
 "use strict";
-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';
-
-"use strict";
-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 };
+import{jsx as t,jsxs as o}from"@emotion/react/jsx-runtime";import{memo as s}from"react";import{AreaChart as f,CartesianGrid as l,XAxis as p,YAxis as m,Tooltip as d,Area as v,Legend as x}from"recharts";import y from"../vef-chart-container/index.js";import{VefChartLegendContent as k}from"../vef-chart-legend-content/index.js";import u from"../vef-chart-tooltip-content/index.js";function h({config:r,data:a,dataKey:i,valueFormatter:n,...c}){return t(y,{config:r,...c,children:o(f,{data:a,children:[t("defs",{children:Object.keys(r).map(e=>o("linearGradient",{id:`fill-${e}`,x1:"0",x2:"0",y1:"0",y2:"1",children:[t("stop",{offset:"5%",stopColor:`var(--vef-color-${e})`,stopOpacity:.8}),t("stop",{offset:"95%",stopColor:`var(--vef-color-${e})`,stopOpacity:.1})]},e))}),t(l,{vertical:!1}),t(p,{axisLine:!1,dataKey:i,tickLine:!1,tickMargin:8}),t(m,{axisLine:!1,tickLine:!1,tickMargin:8}),t(d,{content:t(u,{valueFormatter:n})}),Object.keys(r).map(e=>t(v,{dataKey:e,fill:`url(#fill-${e})`,stackId:"vef-area-chart",stroke:`var(--vef-color-${e})`,type:"natural"},e)),t(x,{content:t(k,{})})]})})}const g=s(h);export{g as default};

package/esm/vef-auto-sizer/index.js

@@ -1,7 +1,2 @@
 "use strict";
-import AutoSizer from 'react-virtualized-auto-sizer';
-
-"use strict";
-const VefAutoSizer = AutoSizer;
-
-export { VefAutoSizer as default };
+import t from"react-virtualized-auto-sizer";const o=t;export{o as default};

package/esm/vef-avatar/index.js

@@ -1,21 +1,2 @@
 "use strict";
-import { jsx } from '@emotion/react/jsx-runtime';
-import { Avatar } from 'antd';
-
-"use strict";
-function VefAvatar({
-  size = "medium",
-  ...restProps
-}) {
-  return /* @__PURE__ */ jsx(
-    Avatar,
-    {
-      crossOrigin: "anonymous",
-      draggable: false,
-      size: size === "medium" ? "default" : size,
-      ...restProps
-    }
-  );
-}
-
-export { VefAvatar as default };
+import{jsx as i}from"@emotion/react/jsx-runtime";import{Avatar as o}from"antd";function t({size:r="medium",...e}){return i(o,{crossOrigin:"anonymous",draggable:!1,size:r==="medium"?"default":r,...e})}export{t as default};

package/esm/vef-avatar-group/index.js

@@ -1,26 +1,2 @@
 "use strict";
-import { jsx } from '@emotion/react/jsx-runtime';
-import { Avatar } from 'antd';
-import { useMemo } from 'react';
-
-"use strict";
-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 };
+import{jsx as r}from"@emotion/react/jsx-runtime";import{Avatar as u}from"antd";import{useMemo as i}from"react";const{Group:s}=u;function a({max:t,size:m="medium",...o}){const e=i(()=>({count:t}),[t]);return r(s,{max:e,size:m==="medium"?"default":m,...o})}export{a as default};

package/esm/vef-badge/index.js

@@ -1,48 +1,2 @@
 "use strict";
-import { jsx } from '@emotion/react/jsx-runtime';
-import { useColorTokens } from '@vef-framework/hooks';
-import { Badge } from 'antd';
-import { useMemo } from 'react';
-
-"use strict";
-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 };
+import{jsx as l}from"@emotion/react/jsx-runtime";import{useColorTokens as n}from"@vef-framework/hooks";import{Badge as a}from"antd";import{useMemo as c}from"react";function d({variant:f="default",count:s,overflowCount:i,showZero:u,size:o,offset:e,color:t}){const r=n(),m=c(()=>f==="dot"?{dot:!0,color:t?r.get(t):void 0,size:o==="medium"?"default":o,offset:e}:{count:s,overflowCount:i,showZero:u,size:o==="medium"?"default":o,offset:e,color:t?r.get(t):void 0},[f,s,i,u,o,e,t,r]);return l(a,{...m})}export{d as default};

package/esm/vef-bar-chart/index.js

@@ -1,42 +1,2 @@
 "use strict";
-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';
-
-"use strict";
-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 };
+import{jsx as t,jsxs as m}from"@emotion/react/jsx-runtime";import{useThemeTokens as d}from"@vef-framework/hooks";import{memo as f}from"react";import{BarChart as l,CartesianGrid as p,XAxis as u,YAxis as k,Tooltip as g,Legend as v,Bar as x}from"recharts";import h from"../vef-chart-container/index.js";import{VefChartLegendContent as L}from"../vef-chart-legend-content/index.js";import y from"../vef-chart-tooltip-content/index.js";function C({data:e,config:a,dataKey:i,valueFormatter:o,stack:n,...c}){const{borderRadius:s}=d();return t(h,{config:a,...c,children:m(l,{data:e,children:[t(p,{vertical:!1}),t(u,{axisLine:!1,dataKey:i,tickLine:!1,tickMargin:8}),t(k,{axisLine:!1,tickLine:!1,tickMargin:8}),t(g,{content:t(y,{valueFormatter:o})}),t(v,{content:t(L,{})}),Object.keys(a).map(r=>t(x,{dataKey:r,fill:`var(--vef-color-${r})`,radius:s,stackId:n?"vef-bar-chart":void 0},r))]})})}const T=f(C);export{T as default};

package/esm/vef-bool/hooks/use-bool-instance.js

@@ -1,35 +1,2 @@
 "use strict";
-import { useRef, useImperativeHandle } from 'react';
-
-"use strict";
-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 };
+import{useRef as u,useImperativeHandle as n}from"react";function l(c,t){const r=u(null),e=u(null);return n(t,()=>c==="switch"?{focus:()=>{r.current?.focus({preventScroll:!0})},blur:()=>{r.current?.blur()}}:{focus:()=>{e.current?.focus({preventScroll:!0})},blur:()=>{e.current?.blur()}}),{switchRef:r,checkboxRef:e}}export{l as useBoolInstance};

package/esm/vef-bool/index.js

@@ -1,61 +1,2 @@
 "use strict";
-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';
-
-"use strict";
-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 };
+import{jsx as c}from"@emotion/react/jsx-runtime";import{isFunction as p}from"@vef-framework/shared";import{Switch as b,Checkbox as g}from"antd";import{useMemo as w,memo as C,forwardRef as v}from"react";import{useBoolInstance as x}from"./hooks/use-bool-instance.js";function B({defaultValue:d,value:e,disabled:a,size:r,label:l,indeterminate:f,variant:i="switch",loading:m,onChange:t},h){const n=w(()=>{if(p(t))return i==="switch"?o=>t(o):({target:{checked:o}})=>t(o)},[t,i]),{switchRef:u,checkboxRef:k}=x(i,h);return i==="switch"?c(b,{ref:u,defaultChecked:d,disabled:a,loading:m,size:r==="medium"?"default":r,onChange:n,...e===void 0?{}:{checked:e}}):c(g,{ref:k,defaultChecked:d,disabled:a,indeterminate:f,onChange:n,...e===void 0?{}:{checked:e},children:l})}const s=C(v(B));s.displayName="VefBool";export{s as default};

package/esm/vef-breadcrumb/index.js

@@ -1,49 +1,2 @@
 "use strict";
-import { jsx } from '@emotion/react/jsx-runtime';
-import { isArray, isString } from '@vef-framework/shared';
-import { Breadcrumb } from 'antd';
-import { useMemo, useCallback } from 'react';
-
-"use strict";
-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 };
+import{jsx as l}from"@emotion/react/jsx-runtime";import{isArray as c,isString as u}from"@vef-framework/shared";import{Breadcrumb as k}from"antd";import{useMemo as d,useCallback as b}from"react";function p({items:n,onClick:e}){const s=d(()=>n.map(t=>{const{label:r,key:a,dropdownItems:m}=t;return{title:r,key:a,menu:c(m)&&m.length>0?{items:m.map(i=>({key:i.key,title:i.label})),onClick:({key:i})=>e?.(i)}:void 0}}),[n,e]),o=b(({key:t,title:r})=>u(t)?l("a",{className:"vef-breadcrumb-link",onClick:()=>e?.(t),children:r}):l("span",{className:"vef-breadcrumb-text",children:r}),[e]);return l(k,{itemRender:o,items:s})}export{p as default};

package/esm/vef-button/components/base-button.js

@@ -1,74 +1,2 @@
 "use strict";
-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';
-
-"use strict";
-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 };
+import{jsx as t}from"@emotion/react/jsx-runtime";import{useColorTokens as h}from"@vef-framework/hooks";import{defaultColorTypes as g}from"@vef-framework/shared";import{Button as p,ConfigProvider as v}from"antd";import{forwardRef as z}from"react";import"../../internal/index.js";import{convertBasicSizeToUiSize as u}from"../../internal/utils.js";const P=[...g,"default","primary","error"],y=z(({color:o,iconPosition:i,size:e,type:a,variant:n="solid",autoInsertSpace:s,disabled:l,loading:r,...d},m)=>{const c=h(),f=i==="left"?"start":i==="right"?"end":void 0;if(!o||P.includes(o))return t(p,{ref:m,autoInsertSpace:s,color:o==="error"?"danger":o,disabled:r?!1:l,htmlType:a,iconPosition:f,loading:r,size:u(e),variant:n,...d});if(c.has(o))return t(v,{theme:{token:{colorPrimary:c.get(o)}},children:t(p,{ref:m,autoInsertSpace:s,color:"primary",disabled:r?!1:l,htmlType:a,iconPosition:f,loading:r,size:u(e),variant:n,...d})});throw new Error(`Invalid button color: ${o}`)});y.displayName="VefBaseButton";export{y as default};