@vef-framework/components 1.0.101 → 1.0.102

package/es/index.js

@@ -1,91 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-export { default as VefAccessDenied } from './vef-access-denied/index.js';
-export { default as VefActionButtons } from './vef-action-buttons/index.js';
-export { default as VefApprovalFlowEditor } from './vef-approval-flow-editor/index.js';
-export { default as VefAreaChart } from './vef-area-chart/index.js';
-export { default as VefAutoSizer } from './vef-auto-sizer/index.js';
-export { default as VefAvatar } from './vef-avatar/index.js';
-export { default as VefAvatarGroup } from './vef-avatar-group/index.js';
-export { default as VefBadge } from './vef-badge/index.js';
-export { default as VefBarChart } from './vef-bar-chart/index.js';
-export { default as VefBool } from './vef-bool/index.js';
-export { default as VefBreadcrumb } from './vef-breadcrumb/index.js';
-export { default as VefButton } from './vef-button/index.js';
-export { default as VefCard } from './vef-card/index.js';
-export { default as VefCardMeta } from './vef-card-meta/index.js';
-export { default as VefChartContainer } from './vef-chart-container/index.js';
-export { VefChartLegendContent } from './vef-chart-legend-content/index.js';
-export { default as VefChartTooltipContent } from './vef-chart-tooltip-content/index.js';
-export { default as VefCheckbox } from './vef-checkbox/index.js';
-export { default as VefCol } from './vef-col/index.js';
-export { default as VefColorPicker } from './vef-color-picker/index.js';
-export { default as VefCompact } from './vef-compact/index.js';
-export { default as VefConfigProvider } from './vef-config-provider/index.js';
-export { default as VefContainer } from './vef-container/index.js';
-export { default as VefCrudPage } from './vef-crud-page/index.js';
-export { default as VefDataTable } from './vef-data-table/index.js';
-export { default as VefDrawer } from './vef-drawer/index.js';
-export { default as VefDropdown } from './vef-dropdown/index.js';
-export { default as VefDynamicIcon } from './vef-dynamic-icon/index.js';
-export { dynamicIconNames } from './vef-dynamic-icon/props.js';
-export { default as VefEmpty } from './vef-empty/index.js';
-export { default as VefEmptyPlaceholder } from './vef-empty-placeholder/index.js';
-export { default as VefError } from './vef-error/index.js';
-export { default as VefFilter } from './vef-filter/index.js';
-export { default as VefFlex } from './vef-flex/index.js';
-export { default as VefFloatButton } from './vef-float-button/index.js';
-export { default as VefFloatButtonGroup } from './vef-float-button-group/index.js';
-export { default as VefForm } from './vef-form/index.js';
-import * as validationRules$1 from './vef-form/validation-rules.js';
-export { validationRules$1 as validationRules };
-export { default as VefGenericSelect } from './vef-generic-select/index.js';
-export { default as VefGrid } from './vef-grid/index.js';
-export { default as VefGridItem } from './vef-grid-item/index.js';
-export { default as VefIcon } from './vef-icon/index.js';
-export { default as VefIconSelect } from './vef-icon-select/index.js';
-export { default as VefInput } from './vef-input/index.js';
-export { default as VefInputNumber } from './vef-input-number/index.js';
-export { default as VefLayout } from './vef-layout/index.js';
-export { default as VefLineChart } from './vef-line-chart/index.js';
-export { default as VefLoadingPlaceholder } from './vef-loading-placeholder/index.js';
-export { default as VefLogin } from './vef-login/index.js';
-export { default as VefMenu } from './vef-menu/index.js';
-export { default as VefModal } from './vef-modal/index.js';
-export { ModalContextProvider, useModalContext, useModalContextSelector } from './vef-modal/context.js';
-export { default as VefNotFound } from './vef-not-found/index.js';
-export { default as VefPage } from './vef-page/index.js';
-export { default as VefPagination } from './vef-pagination/index.js';
-export { default as VefParagraph } from './vef-paragraph/index.js';
-export { default as VefPassword } from './vef-password/index.js';
-export { default as VefPieChart } from './vef-pie-chart/index.js';
-export { default as VefPopconfirm } from './vef-popconfirm/index.js';
-export { default as VefRadio } from './vef-radio/index.js';
-export { default as VefRate } from './vef-rate/index.js';
-export { default as VefResponsiveContainer } from './vef-responsive-container/index.js';
-export { default as VefResponsiveItem } from './vef-responsive-item/index.js';
-export { default as VefRibbon } from './vef-ribbon/index.js';
-export { default as VefRow } from './vef-row/index.js';
-export { default as VefScrollArea } from './vef-scroll-area/index.js';
-export { default as VefSelect } from './vef-select/index.js';
-export { default as VefSlider } from './vef-slider/index.js';
-export { default as VefSortableList } from './vef-sortable-list/index.js';
-export { default as VefSpace } from './vef-space/index.js';
-export { default as VefSpin } from './vef-spin/index.js';
-export { default as VefSplitter } from './vef-splitter/index.js';
-export { default as VefSplitterPanel } from './vef-splitter-panel/index.js';
-export { default as VefStatus } from './vef-status/index.js';
-export { default as VefTable } from './vef-table/index.js';
-export { default as VefTabs } from './vef-tabs/index.js';
-export { default as VefTag } from './vef-tag/index.js';
-export { default as VefTemporalPicker } from './vef-temporal-picker/index.js';
-export { default as VefTemporalRangePicker } from './vef-temporal-range-picker/index.js';
-export { default as VefText } from './vef-text/index.js';
-export { default as VefTextarea } from './vef-textarea/index.js';
-export { default as VefTitle } from './vef-title/index.js';
-export { default as VefTooltip } from './vef-tooltip/index.js';
-export { default as VefTreeSelect } from './vef-tree-select/index.js';
-export { default as VefVirtualGrid } from './vef-virtual-grid/index.js';
-export { default as VefVirtualList } from './vef-virtual-list/index.js';
-export { default as VefDrawerActionButtonWrapper } from './vef-drawer/components/action-button-wrapper.js';
-export { default as VefModalActionButtonWrapper } from './vef-modal/components/action-button-wrapper.js';
-/*! 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.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{default as default2}from"./vef-access-denied/index.js";import{default as default3}from"./vef-action-buttons/index.js";import{default as default4}from"./vef-approval-flow-editor/index.js";import{default as default5}from"./vef-area-chart/index.js";import{default as default6}from"./vef-auto-sizer/index.js";import{default as default7}from"./vef-avatar/index.js";import{default as default8}from"./vef-avatar-group/index.js";import{default as default9}from"./vef-badge/index.js";import{default as default10}from"./vef-bar-chart/index.js";import{default as default11}from"./vef-bool/index.js";import{default as default12}from"./vef-breadcrumb/index.js";import{default as default13}from"./vef-button/index.js";import{default as default14}from"./vef-card/index.js";import{default as default15}from"./vef-card-meta/index.js";import{default as default16}from"./vef-chart-container/index.js";import{VefChartLegendContent}from"./vef-chart-legend-content/index.js";import{default as default17}from"./vef-chart-tooltip-content/index.js";import{default as default18}from"./vef-checkbox/index.js";import{default as default19}from"./vef-col/index.js";import{default as default20}from"./vef-color-picker/index.js";import{default as default21}from"./vef-compact/index.js";import{default as default22}from"./vef-config-provider/index.js";import{default as default23}from"./vef-container/index.js";import{default as default24}from"./vef-crud-page/index.js";import{default as default25}from"./vef-data-table/index.js";import{default as default26}from"./vef-drawer/index.js";import{default as default27}from"./vef-dropdown/index.js";import{default as default28}from"./vef-dynamic-icon/index.js";import{dynamicIconNames}from"./vef-dynamic-icon/props.js";import{default as default29}from"./vef-empty/index.js";import{default as default30}from"./vef-empty-placeholder/index.js";import{default as default31}from"./vef-error/index.js";import{default as default32}from"./vef-filter/index.js";import{default as default33}from"./vef-flex/index.js";import{default as default34}from"./vef-float-button/index.js";import{default as default35}from"./vef-float-button-group/index.js";import{default as default36}from"./vef-form/index.js";import*as validationRules$1 from"./vef-form/validation-rules.js";import{default as default37}from"./vef-generic-select/index.js";import{default as default38}from"./vef-grid/index.js";import{default as default39}from"./vef-grid-item/index.js";import{default as default40}from"./vef-icon/index.js";import{default as default41}from"./vef-icon-select/index.js";import{default as default42}from"./vef-input/index.js";import{default as default43}from"./vef-input-number/index.js";import{default as default44}from"./vef-layout/index.js";import{default as default45}from"./vef-line-chart/index.js";import{default as default46}from"./vef-loading-placeholder/index.js";import{default as default47}from"./vef-login/index.js";import{default as default48}from"./vef-menu/index.js";import{default as default49}from"./vef-modal/index.js";import{ModalContextProvider,useModalContext,useModalContextSelector}from"./vef-modal/context.js";import{default as default50}from"./vef-not-found/index.js";import{default as default51}from"./vef-page/index.js";import{default as default52}from"./vef-pagination/index.js";import{default as default53}from"./vef-paragraph/index.js";import{default as default54}from"./vef-password/index.js";import{default as default55}from"./vef-pie-chart/index.js";import{default as default56}from"./vef-popconfirm/index.js";import{default as default57}from"./vef-radio/index.js";import{default as default58}from"./vef-rate/index.js";import{default as default59}from"./vef-responsive-container/index.js";import{default as default60}from"./vef-responsive-item/index.js";import{default as default61}from"./vef-ribbon/index.js";import{default as default62}from"./vef-row/index.js";import{default as default63}from"./vef-scroll-area/index.js";import{default as default64}from"./vef-select/index.js";import{default as default65}from"./vef-slider/index.js";import{default as default66}from"./vef-sortable-list/index.js";import{default as default67}from"./vef-space/index.js";import{default as default68}from"./vef-spin/index.js";import{default as default69}from"./vef-splitter/index.js";import{default as default70}from"./vef-splitter-panel/index.js";import{default as default71}from"./vef-status/index.js";import{default as default72}from"./vef-table/index.js";import{default as default73}from"./vef-tabs/index.js";import{default as default74}from"./vef-tag/index.js";import{default as default75}from"./vef-temporal-picker/index.js";import{default as default76}from"./vef-temporal-range-picker/index.js";import{default as default77}from"./vef-text/index.js";import{default as default78}from"./vef-textarea/index.js";import{default as default79}from"./vef-title/index.js";import{default as default80}from"./vef-tooltip/index.js";import{default as default81}from"./vef-tree-select/index.js";import{default as default82}from"./vef-virtual-grid/index.js";import{default as default83}from"./vef-virtual-list/index.js";import{default as default84}from"./vef-drawer/components/action-button-wrapper.js";import{default as default85}from"./vef-modal/components/action-button-wrapper.js";/*! 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{ModalContextProvider,default2 as VefAccessDenied,default3 as VefActionButtons,default4 as VefApprovalFlowEditor,default5 as VefAreaChart,default6 as VefAutoSizer,default7 as VefAvatar,default8 as VefAvatarGroup,default9 as VefBadge,default10 as VefBarChart,default11 as VefBool,default12 as VefBreadcrumb,default13 as VefButton,default14 as VefCard,default15 as VefCardMeta,default16 as VefChartContainer,VefChartLegendContent,default17 as VefChartTooltipContent,default18 as VefCheckbox,default19 as VefCol,default20 as VefColorPicker,default21 as VefCompact,default22 as VefConfigProvider,default23 as VefContainer,default24 as VefCrudPage,default25 as VefDataTable,default26 as VefDrawer,default84 as VefDrawerActionButtonWrapper,default27 as VefDropdown,default28 as VefDynamicIcon,default29 as VefEmpty,default30 as VefEmptyPlaceholder,default31 as VefError,default32 as VefFilter,default33 as VefFlex,default34 as VefFloatButton,default35 as VefFloatButtonGroup,default36 as VefForm,default37 as VefGenericSelect,default38 as VefGrid,default39 as VefGridItem,default40 as VefIcon,default41 as VefIconSelect,default42 as VefInput,default43 as VefInputNumber,default44 as VefLayout,default45 as VefLineChart,default46 as VefLoadingPlaceholder,default47 as VefLogin,default48 as VefMenu,default49 as VefModal,default85 as VefModalActionButtonWrapper,default50 as VefNotFound,default51 as VefPage,default52 as VefPagination,default53 as VefParagraph,default54 as VefPassword,default55 as VefPieChart,default56 as VefPopconfirm,default57 as VefRadio,default58 as VefRate,default59 as VefResponsiveContainer,default60 as VefResponsiveItem,default61 as VefRibbon,default62 as VefRow,default63 as VefScrollArea,default64 as VefSelect,default65 as VefSlider,default66 as VefSortableList,default67 as VefSpace,default68 as VefSpin,default69 as VefSplitter,default70 as VefSplitterPanel,default71 as VefStatus,default72 as VefTable,default73 as VefTabs,default74 as VefTag,default75 as VefTemporalPicker,default76 as VefTemporalRangePicker,default77 as VefText,default78 as VefTextarea,default79 as VefTitle,default80 as VefTooltip,default81 as VefTreeSelect,default82 as VefVirtualGrid,default83 as VefVirtualList,dynamicIconNames,useModalContext,useModalContextSelector,validationRules$1 as validationRules};

package/es/internal/base.css.js

@@ -1,5 +1,491 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-const flowStyle = "/* this will be exported as base.css and can be used for a basic styling */\n/* these are the necessary styles for React/Svelte Flow, they get used by base.css and style.css */\n.react-flow {\n  direction: ltr;\n\n  --xy-edge-stroke-default: #b1b1b7;\n  --xy-edge-stroke-width-default: 1;\n  --xy-edge-stroke-selected-default: #555;\n\n  --xy-connectionline-stroke-default: #b1b1b7;\n  --xy-connectionline-stroke-width-default: 1;\n\n  --xy-attribution-background-color-default: rgba(255, 255, 255, 0.5);\n\n  --xy-minimap-background-color-default: #fff;\n  --xy-minimap-mask-background-color-default: rgb(240, 240, 240, 0.6);\n  --xy-minimap-mask-stroke-color-default: transparent;\n  --xy-minimap-mask-stroke-width-default: 1;\n  --xy-minimap-node-background-color-default: #e2e2e2;\n  --xy-minimap-node-stroke-color-default: transparent;\n  --xy-minimap-node-stroke-width-default: 2;\n\n  --xy-background-color-default: transparent;\n  --xy-background-pattern-dots-color-default: #91919a;\n  --xy-background-pattern-lines-color-default: #eee;\n  --xy-background-pattern-cross-color-default: #e2e2e2;\n  background-color: var(--xy-background-color, var(--xy-background-color-default));\n  --xy-node-border-default: 1px solid #bbb;\n  --xy-node-border-selected-default: 1px solid #555;\n\n  --xy-handle-background-color-default: #333;\n\n  --xy-selection-background-color-default: rgba(150, 150, 180, 0.1);\n  --xy-selection-border-default: 1px dotted rgba(155, 155, 155, 0.8);\n  --xy-resize-background-color-default: #3367d9;\n}\n.react-flow.dark {\n  --xy-edge-stroke-default: #3e3e3e;\n  --xy-edge-stroke-width-default: 1;\n  --xy-edge-stroke-selected-default: #727272;\n\n  --xy-connectionline-stroke-default: #b1b1b7;\n  --xy-connectionline-stroke-width-default: 1;\n\n  --xy-attribution-background-color-default: rgba(150, 150, 150, 0.25);\n\n  --xy-minimap-background-color-default: #141414;\n  --xy-minimap-mask-background-color-default: rgb(60, 60, 60, 0.6);\n  --xy-minimap-mask-stroke-color-default: transparent;\n  --xy-minimap-mask-stroke-width-default: 1;\n  --xy-minimap-node-background-color-default: #2b2b2b;\n  --xy-minimap-node-stroke-color-default: transparent;\n  --xy-minimap-node-stroke-width-default: 2;\n\n  --xy-background-color-default: #141414;\n  --xy-background-pattern-dots-color-default: #777;\n  --xy-background-pattern-lines-color-default: #777;\n  --xy-background-pattern-cross-color-default: #777;\n  --xy-node-color-default: #f8f8f8;\n}\n.react-flow__background {\n  background-color: var(--xy-background-color, var(--xy-background-color-props, var(--xy-background-color-default)));\n  pointer-events: none;\n  z-index: -1;\n}\n.react-flow__container {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n}\n.react-flow__pane {\n  z-index: 1;\n}\n.react-flow__pane.draggable {\n    cursor: grab;\n  }\n.react-flow__pane.dragging {\n    cursor: grabbing;\n  }\n.react-flow__pane.selection {\n    cursor: pointer;\n  }\n.react-flow__viewport {\n  transform-origin: 0 0;\n  z-index: 2;\n  pointer-events: none;\n}\n.react-flow__renderer {\n  z-index: 4;\n}\n.react-flow__selection {\n  z-index: 6;\n}\n.react-flow__nodesselection-rect:focus,\n.react-flow__nodesselection-rect:focus-visible {\n  outline: none;\n}\n.react-flow__edge-path {\n  stroke: var(--xy-edge-stroke, var(--xy-edge-stroke-default));\n  stroke-width: var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));\n  fill: none;\n}\n.react-flow__connection-path {\n  stroke: var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));\n  stroke-width: var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));\n  fill: none;\n}\n.react-flow .react-flow__edges {\n  position: absolute;\n}\n.react-flow .react-flow__edges svg {\n    overflow: visible;\n    position: absolute;\n    pointer-events: none;\n  }\n.react-flow__edge {\n  pointer-events: visibleStroke;\n}\n.react-flow__edge.selectable {\n    cursor: pointer;\n  }\n.react-flow__edge.animated path {\n    stroke-dasharray: 5;\n    animation: dashdraw 0.5s linear infinite;\n  }\n.react-flow__edge.animated path.react-flow__edge-interaction {\n    stroke-dasharray: none;\n    animation: none;\n  }\n.react-flow__edge.inactive {\n    pointer-events: none;\n  }\n.react-flow__edge.selected,\n  .react-flow__edge:focus,\n  .react-flow__edge:focus-visible {\n    outline: none;\n  }\n.react-flow__edge.selected .react-flow__edge-path,\n  .react-flow__edge.selectable:focus .react-flow__edge-path,\n  .react-flow__edge.selectable:focus-visible .react-flow__edge-path {\n    stroke: var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default));\n  }\n.react-flow__edge-textwrapper {\n    pointer-events: all;\n  }\n.react-flow__edge .react-flow__edge-text {\n    pointer-events: none;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n            user-select: none;\n  }\n.react-flow__connection {\n  pointer-events: none;\n}\n.react-flow__connection .animated {\n    stroke-dasharray: 5;\n    animation: dashdraw 0.5s linear infinite;\n  }\nsvg.react-flow__connectionline {\n  z-index: 1001;\n  overflow: visible;\n  position: absolute;\n}\n.react-flow__nodes {\n  pointer-events: none;\n  transform-origin: 0 0;\n}\n.react-flow__node {\n  position: absolute;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  pointer-events: all;\n  transform-origin: 0 0;\n  box-sizing: border-box;\n  cursor: default;\n}\n.react-flow__node.selectable {\n    cursor: pointer;\n  }\n.react-flow__node.draggable {\n    cursor: grab;\n    pointer-events: all;\n  }\n.react-flow__node.draggable.dragging {\n      cursor: grabbing;\n    }\n.react-flow__nodesselection {\n  z-index: 3;\n  transform-origin: left top;\n  pointer-events: none;\n}\n.react-flow__nodesselection-rect {\n    position: absolute;\n    pointer-events: all;\n    cursor: grab;\n  }\n.react-flow__handle {\n  position: absolute;\n  pointer-events: none;\n  min-width: 5px;\n  min-height: 5px;\n  background-color: var(--xy-handle-background-color, var(--xy-handle-background-color-default));\n}\n.react-flow__handle.connectingfrom {\n    pointer-events: all;\n  }\n.react-flow__handle.connectionindicator {\n    pointer-events: all;\n    cursor: crosshair;\n  }\n.react-flow__handle-bottom {\n    top: auto;\n    left: 50%;\n    bottom: 0;\n    transform: translate(-50%, 50%);\n  }\n.react-flow__handle-top {\n    top: 0;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  }\n.react-flow__handle-left {\n    top: 50%;\n    left: 0;\n    transform: translate(-50%, -50%);\n  }\n.react-flow__handle-right {\n    top: 50%;\n    right: 0;\n    transform: translate(50%, -50%);\n  }\n.react-flow__edgeupdater {\n  cursor: move;\n  pointer-events: all;\n}\n.react-flow__panel {\n  position: absolute;\n  z-index: 5;\n  margin: 15px;\n}\n.react-flow__panel.top {\n    top: 0;\n  }\n.react-flow__panel.bottom {\n    bottom: 0;\n  }\n.react-flow__panel.left {\n    left: 0;\n  }\n.react-flow__panel.right {\n    right: 0;\n  }\n.react-flow__panel.center {\n    left: 50%;\n    transform: translateX(-50%);\n  }\n.react-flow__attribution {\n  font-size: 10px;\n  background: var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));\n  padding: 2px 3px;\n  margin: 0;\n}\n.react-flow__attribution a {\n    text-decoration: none;\n    color: #999;\n  }\n@keyframes dashdraw {\n  from {\n    stroke-dashoffset: 10;\n  }\n}\n.react-flow__edgelabel-renderer {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  left: 0;\n  top: 0;\n}\n.react-flow__viewport-portal {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  left: 0;\n  top: 0;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n.react-flow__minimap {\n  background: var(\n    --xy-minimap-background-color-props,\n    var(--xy-minimap-background-color, var(--xy-minimap-background-color-default))\n  );\n}\n.react-flow__minimap-svg {\n    display: block;\n  }\n.react-flow__minimap-mask {\n    fill: var(\n      --xy-minimap-mask-background-color-props,\n      var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default))\n    );\n    stroke: var(\n      --xy-minimap-mask-stroke-color-props,\n      var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default))\n    );\n    stroke-width: var(\n      --xy-minimap-mask-stroke-width-props,\n      var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default))\n    );\n  }\n.react-flow__minimap-node {\n    fill: var(\n      --xy-minimap-node-background-color-props,\n      var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default))\n    );\n    stroke: var(\n      --xy-minimap-node-stroke-color-props,\n      var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default))\n    );\n    stroke-width: var(\n      --xy-minimap-node-stroke-width-props,\n      var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default))\n    );\n  }\n.react-flow__background-pattern.dots {\n    fill: var(\n      --xy-background-pattern-color-props,\n      var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default))\n    );\n  }\n.react-flow__background-pattern.lines {\n    stroke: var(\n      --xy-background-pattern-color-props,\n      var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default))\n    );\n  }\n.react-flow__background-pattern.cross {\n    stroke: var(\n      --xy-background-pattern-color-props,\n      var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default))\n    );\n  }\n.react-flow__controls {\n  display: flex;\n  flex-direction: column;\n}\n.react-flow__controls.horizontal {\n    flex-direction: row;\n  }\n.react-flow__controls-button {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    height: 26px;\n    width: 26px;\n    padding: 4px;\n  }\n.react-flow__controls-button svg {\n      width: 100%;\n      max-width: 12px;\n      max-height: 12px;\n      fill: currentColor;\n    }\n.react-flow__node-input,\n.react-flow__node-default,\n.react-flow__node-output,\n.react-flow__node-group {\n  border: var(--xy-node-border, var(--xy-node-border-default));\n  color: var(--xy-node-color, var(--xy-node-color-default));\n}\n.react-flow__node-input.selected,\n  .react-flow__node-input:focus,\n  .react-flow__node-input:focus-visible,\n  .react-flow__node-default.selected,\n  .react-flow__node-default:focus,\n  .react-flow__node-default:focus-visible,\n  .react-flow__node-output.selected,\n  .react-flow__node-output:focus,\n  .react-flow__node-output:focus-visible,\n  .react-flow__node-group.selected,\n  .react-flow__node-group:focus,\n  .react-flow__node-group:focus-visible {\n    outline: none;\n    border: var(--xy-node-border-selected, var(--xy-node-border-selected-default));\n  }\n.react-flow__nodesselection-rect,\n.react-flow__selection {\n  background: var(--xy-selection-background-color, var(--xy-selection-background-color-default));\n  border: var(--xy-selection-border, var(--xy-selection-border-default));\n}\n.react-flow__resize-control {\n  position: absolute;\n}\n.react-flow__resize-control.left,\n.react-flow__resize-control.right {\n  cursor: ew-resize;\n}\n.react-flow__resize-control.top,\n.react-flow__resize-control.bottom {\n  cursor: ns-resize;\n}\n.react-flow__resize-control.top.left,\n.react-flow__resize-control.bottom.right {\n  cursor: nwse-resize;\n}\n.react-flow__resize-control.bottom.left,\n.react-flow__resize-control.top.right {\n  cursor: nesw-resize;\n}\n/* handle styles */\n.react-flow__resize-control.handle {\n  width: 4px;\n  height: 4px;\n  border: 1px solid #fff;\n  border-radius: 1px;\n  background-color: var(--xy-resize-background-color, var(--xy-resize-background-color-default));\n  transform: translate(-50%, -50%);\n}\n.react-flow__resize-control.handle.left {\n  left: 0;\n  top: 50%;\n}\n.react-flow__resize-control.handle.right {\n  left: 100%;\n  top: 50%;\n}\n.react-flow__resize-control.handle.top {\n  left: 50%;\n  top: 0;\n}\n.react-flow__resize-control.handle.bottom {\n  left: 50%;\n  top: 100%;\n}\n.react-flow__resize-control.handle.top.left {\n  left: 0;\n}\n.react-flow__resize-control.handle.bottom.left {\n  left: 0;\n}\n.react-flow__resize-control.handle.top.right {\n  left: 100%;\n}\n.react-flow__resize-control.handle.bottom.right {\n  left: 100%;\n}\n/* line styles */\n.react-flow__resize-control.line {\n  border-color: var(--xy-resize-background-color, var(--xy-resize-background-color-default));\n  border-width: 0;\n  border-style: solid;\n}\n.react-flow__resize-control.line.left,\n.react-flow__resize-control.line.right {\n  width: 1px;\n  transform: translate(-50%, 0);\n  top: 0;\n  height: 100%;\n}\n.react-flow__resize-control.line.left {\n  left: 0;\n  border-left-width: 1px;\n}\n.react-flow__resize-control.line.right {\n  left: 100%;\n  border-right-width: 1px;\n}\n.react-flow__resize-control.line.top,\n.react-flow__resize-control.line.bottom {\n  height: 1px;\n  transform: translate(0, -50%);\n  left: 0;\n  width: 100%;\n}\n.react-flow__resize-control.line.top {\n  top: 0;\n  border-top-width: 1px;\n}\n.react-flow__resize-control.line.bottom {\n  border-bottom-width: 1px;\n  top: 100%;\n}\n";
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */const flowStyle=`/* this will be exported as base.css and can be used for a basic styling */
+/* these are the necessary styles for React/Svelte Flow, they get used by base.css and style.css */
+.react-flow {
+  direction: ltr;
 
-export { flowStyle 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 */
+  --xy-edge-stroke-default: #b1b1b7;
+  --xy-edge-stroke-width-default: 1;
+  --xy-edge-stroke-selected-default: #555;
+
+  --xy-connectionline-stroke-default: #b1b1b7;
+  --xy-connectionline-stroke-width-default: 1;
+
+  --xy-attribution-background-color-default: rgba(255, 255, 255, 0.5);
+
+  --xy-minimap-background-color-default: #fff;
+  --xy-minimap-mask-background-color-default: rgb(240, 240, 240, 0.6);
+  --xy-minimap-mask-stroke-color-default: transparent;
+  --xy-minimap-mask-stroke-width-default: 1;
+  --xy-minimap-node-background-color-default: #e2e2e2;
+  --xy-minimap-node-stroke-color-default: transparent;
+  --xy-minimap-node-stroke-width-default: 2;
+
+  --xy-background-color-default: transparent;
+  --xy-background-pattern-dots-color-default: #91919a;
+  --xy-background-pattern-lines-color-default: #eee;
+  --xy-background-pattern-cross-color-default: #e2e2e2;
+  background-color: var(--xy-background-color, var(--xy-background-color-default));
+  --xy-node-border-default: 1px solid #bbb;
+  --xy-node-border-selected-default: 1px solid #555;
+
+  --xy-handle-background-color-default: #333;
+
+  --xy-selection-background-color-default: rgba(150, 150, 180, 0.1);
+  --xy-selection-border-default: 1px dotted rgba(155, 155, 155, 0.8);
+  --xy-resize-background-color-default: #3367d9;
+}
+.react-flow.dark {
+  --xy-edge-stroke-default: #3e3e3e;
+  --xy-edge-stroke-width-default: 1;
+  --xy-edge-stroke-selected-default: #727272;
+
+  --xy-connectionline-stroke-default: #b1b1b7;
+  --xy-connectionline-stroke-width-default: 1;
+
+  --xy-attribution-background-color-default: rgba(150, 150, 150, 0.25);
+
+  --xy-minimap-background-color-default: #141414;
+  --xy-minimap-mask-background-color-default: rgb(60, 60, 60, 0.6);
+  --xy-minimap-mask-stroke-color-default: transparent;
+  --xy-minimap-mask-stroke-width-default: 1;
+  --xy-minimap-node-background-color-default: #2b2b2b;
+  --xy-minimap-node-stroke-color-default: transparent;
+  --xy-minimap-node-stroke-width-default: 2;
+
+  --xy-background-color-default: #141414;
+  --xy-background-pattern-dots-color-default: #777;
+  --xy-background-pattern-lines-color-default: #777;
+  --xy-background-pattern-cross-color-default: #777;
+  --xy-node-color-default: #f8f8f8;
+}
+.react-flow__background {
+  background-color: var(--xy-background-color, var(--xy-background-color-props, var(--xy-background-color-default)));
+  pointer-events: none;
+  z-index: -1;
+}
+.react-flow__container {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+}
+.react-flow__pane {
+  z-index: 1;
+}
+.react-flow__pane.draggable {
+    cursor: grab;
+  }
+.react-flow__pane.dragging {
+    cursor: grabbing;
+  }
+.react-flow__pane.selection {
+    cursor: pointer;
+  }
+.react-flow__viewport {
+  transform-origin: 0 0;
+  z-index: 2;
+  pointer-events: none;
+}
+.react-flow__renderer {
+  z-index: 4;
+}
+.react-flow__selection {
+  z-index: 6;
+}
+.react-flow__nodesselection-rect:focus,
+.react-flow__nodesselection-rect:focus-visible {
+  outline: none;
+}
+.react-flow__edge-path {
+  stroke: var(--xy-edge-stroke, var(--xy-edge-stroke-default));
+  stroke-width: var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));
+  fill: none;
+}
+.react-flow__connection-path {
+  stroke: var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));
+  stroke-width: var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));
+  fill: none;
+}
+.react-flow .react-flow__edges {
+  position: absolute;
+}
+.react-flow .react-flow__edges svg {
+    overflow: visible;
+    position: absolute;
+    pointer-events: none;
+  }
+.react-flow__edge {
+  pointer-events: visibleStroke;
+}
+.react-flow__edge.selectable {
+    cursor: pointer;
+  }
+.react-flow__edge.animated path {
+    stroke-dasharray: 5;
+    animation: dashdraw 0.5s linear infinite;
+  }
+.react-flow__edge.animated path.react-flow__edge-interaction {
+    stroke-dasharray: none;
+    animation: none;
+  }
+.react-flow__edge.inactive {
+    pointer-events: none;
+  }
+.react-flow__edge.selected,
+  .react-flow__edge:focus,
+  .react-flow__edge:focus-visible {
+    outline: none;
+  }
+.react-flow__edge.selected .react-flow__edge-path,
+  .react-flow__edge.selectable:focus .react-flow__edge-path,
+  .react-flow__edge.selectable:focus-visible .react-flow__edge-path {
+    stroke: var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default));
+  }
+.react-flow__edge-textwrapper {
+    pointer-events: all;
+  }
+.react-flow__edge .react-flow__edge-text {
+    pointer-events: none;
+    -webkit-user-select: none;
+       -moz-user-select: none;
+            user-select: none;
+  }
+.react-flow__connection {
+  pointer-events: none;
+}
+.react-flow__connection .animated {
+    stroke-dasharray: 5;
+    animation: dashdraw 0.5s linear infinite;
+  }
+svg.react-flow__connectionline {
+  z-index: 1001;
+  overflow: visible;
+  position: absolute;
+}
+.react-flow__nodes {
+  pointer-events: none;
+  transform-origin: 0 0;
+}
+.react-flow__node {
+  position: absolute;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  pointer-events: all;
+  transform-origin: 0 0;
+  box-sizing: border-box;
+  cursor: default;
+}
+.react-flow__node.selectable {
+    cursor: pointer;
+  }
+.react-flow__node.draggable {
+    cursor: grab;
+    pointer-events: all;
+  }
+.react-flow__node.draggable.dragging {
+      cursor: grabbing;
+    }
+.react-flow__nodesselection {
+  z-index: 3;
+  transform-origin: left top;
+  pointer-events: none;
+}
+.react-flow__nodesselection-rect {
+    position: absolute;
+    pointer-events: all;
+    cursor: grab;
+  }
+.react-flow__handle {
+  position: absolute;
+  pointer-events: none;
+  min-width: 5px;
+  min-height: 5px;
+  background-color: var(--xy-handle-background-color, var(--xy-handle-background-color-default));
+}
+.react-flow__handle.connectingfrom {
+    pointer-events: all;
+  }
+.react-flow__handle.connectionindicator {
+    pointer-events: all;
+    cursor: crosshair;
+  }
+.react-flow__handle-bottom {
+    top: auto;
+    left: 50%;
+    bottom: 0;
+    transform: translate(-50%, 50%);
+  }
+.react-flow__handle-top {
+    top: 0;
+    left: 50%;
+    transform: translate(-50%, -50%);
+  }
+.react-flow__handle-left {
+    top: 50%;
+    left: 0;
+    transform: translate(-50%, -50%);
+  }
+.react-flow__handle-right {
+    top: 50%;
+    right: 0;
+    transform: translate(50%, -50%);
+  }
+.react-flow__edgeupdater {
+  cursor: move;
+  pointer-events: all;
+}
+.react-flow__panel {
+  position: absolute;
+  z-index: 5;
+  margin: 15px;
+}
+.react-flow__panel.top {
+    top: 0;
+  }
+.react-flow__panel.bottom {
+    bottom: 0;
+  }
+.react-flow__panel.left {
+    left: 0;
+  }
+.react-flow__panel.right {
+    right: 0;
+  }
+.react-flow__panel.center {
+    left: 50%;
+    transform: translateX(-50%);
+  }
+.react-flow__attribution {
+  font-size: 10px;
+  background: var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));
+  padding: 2px 3px;
+  margin: 0;
+}
+.react-flow__attribution a {
+    text-decoration: none;
+    color: #999;
+  }
+@keyframes dashdraw {
+  from {
+    stroke-dashoffset: 10;
+  }
+}
+.react-flow__edgelabel-renderer {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  pointer-events: none;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  left: 0;
+  top: 0;
+}
+.react-flow__viewport-portal {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  left: 0;
+  top: 0;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+.react-flow__minimap {
+  background: var(
+    --xy-minimap-background-color-props,
+    var(--xy-minimap-background-color, var(--xy-minimap-background-color-default))
+  );
+}
+.react-flow__minimap-svg {
+    display: block;
+  }
+.react-flow__minimap-mask {
+    fill: var(
+      --xy-minimap-mask-background-color-props,
+      var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default))
+    );
+    stroke: var(
+      --xy-minimap-mask-stroke-color-props,
+      var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default))
+    );
+    stroke-width: var(
+      --xy-minimap-mask-stroke-width-props,
+      var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default))
+    );
+  }
+.react-flow__minimap-node {
+    fill: var(
+      --xy-minimap-node-background-color-props,
+      var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default))
+    );
+    stroke: var(
+      --xy-minimap-node-stroke-color-props,
+      var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default))
+    );
+    stroke-width: var(
+      --xy-minimap-node-stroke-width-props,
+      var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default))
+    );
+  }
+.react-flow__background-pattern.dots {
+    fill: var(
+      --xy-background-pattern-color-props,
+      var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default))
+    );
+  }
+.react-flow__background-pattern.lines {
+    stroke: var(
+      --xy-background-pattern-color-props,
+      var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default))
+    );
+  }
+.react-flow__background-pattern.cross {
+    stroke: var(
+      --xy-background-pattern-color-props,
+      var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default))
+    );
+  }
+.react-flow__controls {
+  display: flex;
+  flex-direction: column;
+}
+.react-flow__controls.horizontal {
+    flex-direction: row;
+  }
+.react-flow__controls-button {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 26px;
+    width: 26px;
+    padding: 4px;
+  }
+.react-flow__controls-button svg {
+      width: 100%;
+      max-width: 12px;
+      max-height: 12px;
+      fill: currentColor;
+    }
+.react-flow__node-input,
+.react-flow__node-default,
+.react-flow__node-output,
+.react-flow__node-group {
+  border: var(--xy-node-border, var(--xy-node-border-default));
+  color: var(--xy-node-color, var(--xy-node-color-default));
+}
+.react-flow__node-input.selected,
+  .react-flow__node-input:focus,
+  .react-flow__node-input:focus-visible,
+  .react-flow__node-default.selected,
+  .react-flow__node-default:focus,
+  .react-flow__node-default:focus-visible,
+  .react-flow__node-output.selected,
+  .react-flow__node-output:focus,
+  .react-flow__node-output:focus-visible,
+  .react-flow__node-group.selected,
+  .react-flow__node-group:focus,
+  .react-flow__node-group:focus-visible {
+    outline: none;
+    border: var(--xy-node-border-selected, var(--xy-node-border-selected-default));
+  }
+.react-flow__nodesselection-rect,
+.react-flow__selection {
+  background: var(--xy-selection-background-color, var(--xy-selection-background-color-default));
+  border: var(--xy-selection-border, var(--xy-selection-border-default));
+}
+.react-flow__resize-control {
+  position: absolute;
+}
+.react-flow__resize-control.left,
+.react-flow__resize-control.right {
+  cursor: ew-resize;
+}
+.react-flow__resize-control.top,
+.react-flow__resize-control.bottom {
+  cursor: ns-resize;
+}
+.react-flow__resize-control.top.left,
+.react-flow__resize-control.bottom.right {
+  cursor: nwse-resize;
+}
+.react-flow__resize-control.bottom.left,
+.react-flow__resize-control.top.right {
+  cursor: nesw-resize;
+}
+/* handle styles */
+.react-flow__resize-control.handle {
+  width: 4px;
+  height: 4px;
+  border: 1px solid #fff;
+  border-radius: 1px;
+  background-color: var(--xy-resize-background-color, var(--xy-resize-background-color-default));
+  transform: translate(-50%, -50%);
+}
+.react-flow__resize-control.handle.left {
+  left: 0;
+  top: 50%;
+}
+.react-flow__resize-control.handle.right {
+  left: 100%;
+  top: 50%;
+}
+.react-flow__resize-control.handle.top {
+  left: 50%;
+  top: 0;
+}
+.react-flow__resize-control.handle.bottom {
+  left: 50%;
+  top: 100%;
+}
+.react-flow__resize-control.handle.top.left {
+  left: 0;
+}
+.react-flow__resize-control.handle.bottom.left {
+  left: 0;
+}
+.react-flow__resize-control.handle.top.right {
+  left: 100%;
+}
+.react-flow__resize-control.handle.bottom.right {
+  left: 100%;
+}
+/* line styles */
+.react-flow__resize-control.line {
+  border-color: var(--xy-resize-background-color, var(--xy-resize-background-color-default));
+  border-width: 0;
+  border-style: solid;
+}
+.react-flow__resize-control.line.left,
+.react-flow__resize-control.line.right {
+  width: 1px;
+  transform: translate(-50%, 0);
+  top: 0;
+  height: 100%;
+}
+.react-flow__resize-control.line.left {
+  left: 0;
+  border-left-width: 1px;
+}
+.react-flow__resize-control.line.right {
+  left: 100%;
+  border-right-width: 1px;
+}
+.react-flow__resize-control.line.top,
+.react-flow__resize-control.line.bottom {
+  height: 1px;
+  transform: translate(0, -50%);
+  left: 0;
+  width: 100%;
+}
+.react-flow__resize-control.line.top {
+  top: 0;
+  border-top-width: 1px;
+}
+.react-flow__resize-control.line.bottom {
+  border-bottom-width: 1px;
+  top: 100%;
+}
+`;/*! 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{flowStyle as default};

package/es/internal/chart.js

@@ -1,19 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-import { isObject, isString } from '@vef-framework/shared';
-
-function getPayloadConfigFromPayload(payload, key, config) {
-  if (!isObject(payload)) {
-    return;
-  }
-  const nestedPayload = Reflect.has(payload, "payload") && isObject(Reflect.get(payload, "payload")) ? Reflect.get(payload, "payload") : void 0;
-  let configKey = key;
-  if (Reflect.has(payload, key) && isString(Reflect.get(payload, key))) {
-    configKey = Reflect.get(payload, key);
-  } else if (nestedPayload && Reflect.has(nestedPayload, key) && isString(Reflect.get(nestedPayload, key))) {
-    configKey = Reflect.get(nestedPayload, key);
-  }
-  return Reflect.has(config, configKey) ? config[configKey] : config[key];
-}
-
-export { getPayloadConfigFromPayload };
-/*! 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.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{isObject,isString}from"@vef-framework/shared";function getPayloadConfigFromPayload(payload,key,config){if(!isObject(payload))return;const nestedPayload=Reflect.has(payload,"payload")&&isObject(Reflect.get(payload,"payload"))?Reflect.get(payload,"payload"):void 0;let configKey=key;return Reflect.has(payload,key)&&isString(Reflect.get(payload,key))?configKey=Reflect.get(payload,key):nestedPayload&&Reflect.has(nestedPayload,key)&&isString(Reflect.get(nestedPayload,key))&&(configKey=Reflect.get(nestedPayload,key)),Reflect.has(config,configKey)?config[configKey]:config[key]}/*! 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{getPayloadConfigFromPayload};

package/es/internal/index.js

@@ -1,4 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-export { getPayloadConfigFromPayload } from './chart.js';
-export { convertBasicSizeToUiSize } from './utils.js';
-/*! 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.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{getPayloadConfigFromPayload}from"./chart.js";import{convertBasicSizeToUiSize}from"./utils.js";/*! 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{convertBasicSizeToUiSize,getPayloadConfigFromPayload};