@vef-framework/components 1.0.128 → 1.0.129

package/cjs/vef-select/hooks/use-data-options.cjs

@@ -1,50 +1,2 @@
 "use strict";
-'use strict';
-
-var hooks = require('@vef-framework/hooks');
-var shared = require('@vef-framework/shared');
-var react = require('react');
-
-"use strict";
-function useDataOptions({
-  value,
-  grouped = false,
-  multiple = false,
-  onChange,
-  ...rest
-}) {
-  const {
-    onFilterKeywordChange,
-    normalizedOptions,
-    defaultOption,
-    isLoading,
-    fallbackOptions,
-    isFallbackOptionsLoading
-  } = hooks.useComputedOptions({
-    ...rest,
-    isGrouped: grouped,
-    selectedOptionValues: shared.isArray(value) ? value : value ? [value] : []
-  });
-  react.useLayoutEffect(() => {
-    if (defaultOption && shared.isFunction(onChange) && shared.isNullish(value)) {
-      onChange(
-        multiple ? [defaultOption.value] : defaultOption.value,
-        multiple ? [defaultOption] : defaultOption
-      );
-    }
-  }, [
-    defaultOption,
-    multiple,
-    onChange,
-    value
-  ]);
-  return {
-    onFilterKeywordChange,
-    normalizedOptions,
-    isLoading,
-    fallbackOptions,
-    isFallbackOptionsLoading
-  };
-}
-
-exports.useDataOptions = useDataOptions;
+"use strict";var c=require("@vef-framework/hooks"),n=require("@vef-framework/shared"),O=require("react");function g({value:i,grouped:o=!1,multiple:e=!1,onChange:t,...s}){const{onFilterKeywordChange:r,normalizedOptions:u,defaultOption:a,isLoading:l,fallbackOptions:p,isFallbackOptionsLoading:d}=c.useComputedOptions({...s,isGrouped:o,selectedOptionValues:n.isArray(i)?i:i?[i]:[]});return O.useLayoutEffect(()=>{a&&n.isFunction(t)&&n.isNullish(i)&&t(e?[a.value]:a.value,e?[a]:a)},[a,e,t,i]),{onFilterKeywordChange:r,normalizedOptions:u,isLoading:l,fallbackOptions:p,isFallbackOptionsLoading:d}}exports.useDataOptions=g;

package/cjs/vef-select/hooks/use-field-names.cjs

@@ -1,24 +1,2 @@
 "use strict";
-'use strict';
-
-var react = require('react');
-
-"use strict";
-function useFieldNames(grouped) {
-  return react.useMemo(() => {
-    if (grouped) {
-      return {
-        label: "label",
-        value: "value",
-        options: "children",
-        groupLabel: "label"
-      };
-    }
-    return {
-      label: "label",
-      value: "value"
-    };
-  }, [grouped]);
-}
-
-exports.useFieldNames = useFieldNames;
+"use strict";var l=require("react");function a(e){return l.useMemo(()=>e?{label:"label",value:"value",options:"children",groupLabel:"label"}:{label:"label",value:"value"},[e])}exports.useFieldNames=a;

package/cjs/vef-select/hooks/use-render-label.cjs

@@ -1,32 +1,9 @@
 "use strict";
-'use strict';
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var Icon = require('@ant-design/icons');
-var react = require('@emotion/react');
-var react$1 = require('react');
-var index = require('../../vef-spin/index.cjs');
-
-"use strict";
-const loadingPlaceholderStyle = react.css`
+"use strict";var e=require("@emotion/react/jsx-runtime"),n=require("@ant-design/icons"),u=require("@emotion/react"),t=require("react"),c=require("../../vef-spin/index.cjs");const d=u.css`
   display: inline-flex;
   align-items: center;
 
   .vef-spin {
     color: inherit;
   }
-`;
-function useRenderLabel(isFallbackOptionsLoading, fallbackOptions) {
-  return react$1.useCallback(({ label, value }) => {
-    if (label) {
-      return label;
-    }
-    if (isFallbackOptionsLoading) {
-      return /* @__PURE__ */ jsxRuntime.jsx("span", { css: loadingPlaceholderStyle, children: /* @__PURE__ */ jsxRuntime.jsx(index.default, { indicator: /* @__PURE__ */ jsxRuntime.jsx(Icon.LoadingOutlined, {}), size: "small" }) });
-    }
-    const fallbackOption = fallbackOptions?.find((option) => option.value === value);
-    return fallbackOption?.label ?? value;
-  }, [isFallbackOptionsLoading, fallbackOptions]);
-}
-
-exports.useRenderLabel = useRenderLabel;
+`;function v(r,i){return t.useCallback(({label:s,value:a})=>s||(r?e.jsx("span",{css:d,children:e.jsx(c.default,{indicator:e.jsx(n.LoadingOutlined,{}),size:"small"})}):i?.find(l=>l.value===a)?.label??a),[r,i])}exports.useRenderLabel=v;

package/cjs/vef-select/hooks/use-render-option.cjs

@@ -1,22 +1,2 @@
 "use strict";
-'use strict';
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var shared = require('@vef-framework/shared');
-var react = require('react');
-var option = require('../components/option.cjs');
-
-"use strict";
-function useRenderOption(renderOption) {
-  return react.useMemo(() => {
-    if (shared.isFunction(renderOption)) {
-      return ({ data }, { index }) => renderOption({
-        ...data,
-        index
-      });
-    }
-    return ({ data: { label, description } }) => /* @__PURE__ */ jsxRuntime.jsx(option.default, { description, label: label ?? "Missing Label" });
-  }, [renderOption]);
-}
-
-exports.useRenderOption = useRenderOption;
+"use strict";var t=require("@emotion/react/jsx-runtime"),n=require("@vef-framework/shared"),s=require("react"),a=require("../components/option.cjs");function u(e){return s.useMemo(()=>n.isFunction(e)?({data:r},{index:i})=>e({...r,index:i}):({data:{label:r,description:i}})=>t.jsx(a.default,{description:i,label:r??"Missing Label"}),[e])}exports.useRenderOption=u;

package/cjs/vef-select/hooks/use-select-instance.cjs

@@ -1,23 +1,2 @@
 "use strict";
-'use strict';
-
-var react = require('react');
-
-"use strict";
-function useSelectInstance(ref, dataOptions) {
-  const selectRef = react.useRef(null);
-  react.useImperativeHandle(ref, () => ({
-    blur: () => {
-      selectRef.current?.blur();
-    },
-    focus: () => {
-      selectRef.current?.focus({
-        preventScroll: true
-      });
-    },
-    getDataOptions: () => dataOptions
-  }));
-  return selectRef;
-}
-
-exports.useSelectInstance = useSelectInstance;
+"use strict";var t=require("react");function c(r,u){const e=t.useRef(null);return t.useImperativeHandle(r,()=>({blur:()=>{e.current?.blur()},focus:()=>{e.current?.focus({preventScroll:!0})},getDataOptions:()=>u})),e}exports.useSelectInstance=c;

package/cjs/vef-select/index.cjs

@@ -1,105 +1,2 @@
 "use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var hooks = require('@vef-framework/hooks');
-var shared = require('@vef-framework/shared');
-var antd = require('antd');
-var react = require('react');
-require('../internal/index.cjs');
-var index = require('../vef-loading-placeholder/index.cjs');
-var useDataOptions = require('./hooks/use-data-options.cjs');
-var useFieldNames = require('./hooks/use-field-names.cjs');
-var useRenderLabel = require('./hooks/use-render-label.cjs');
-var useRenderOption = require('./hooks/use-render-option.cjs');
-var useSelectInstance = require('./hooks/use-select-instance.cjs');
-var utils = require('../internal/utils.cjs');
-
-"use strict";
-const listHeight = 280;
-const loadingPlaceholder = /* @__PURE__ */ jsxRuntime.jsx("div", { css: { height: listHeight / 2 }, children: /* @__PURE__ */ jsxRuntime.jsx(index.default, {}) });
-function VefSelectBase({
-  defaultValue,
-  value,
-  size,
-  clearable,
-  disabled,
-  placeholder,
-  variant,
-  onClear,
-  onBlur,
-  onFocus,
-  onChange,
-  onSelect,
-  onDeselect,
-  multiple = false,
-  grouped = false,
-  maxCount,
-  renderOption,
-  filterable = false,
-  filterFromRemote = false,
-  ...restProps
-}, ref) {
-  const {
-    onFilterKeywordChange,
-    normalizedOptions,
-    isLoading,
-    fallbackOptions,
-    isFallbackOptionsLoading
-  } = useDataOptions.useDataOptions({
-    value,
-    grouped,
-    multiple,
-    onChange,
-    filterable,
-    filterFromRemote,
-    ...restProps
-  });
-  const renderOptionToUse = useRenderOption.useRenderOption(renderOption);
-  const filterOption = hooks.useOptionFilter(filterable, filterFromRemote);
-  const fieldNames = useFieldNames.useFieldNames(grouped);
-  const renderLabel = useRenderLabel.useRenderLabel(isFallbackOptionsLoading, fallbackOptions);
-  const selectRef = useSelectInstance.useSelectInstance(ref, normalizedOptions);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    antd.Select,
-    {
-      ref: selectRef,
-      defaultActiveFirstOption: true,
-      allowClear: clearable,
-      css: shared.styles.fullWidth,
-      defaultValue,
-      disabled,
-      fieldNames,
-      filterOption,
-      labelRender: renderLabel,
-      listHeight,
-      loading: isLoading,
-      maxCount: multiple ? maxCount : void 0,
-      maxTagCount: multiple ? "responsive" : void 0,
-      mode: multiple ? "multiple" : void 0,
-      notFoundContent: isLoading ? loadingPlaceholder : void 0,
-      optionRender: renderOptionToUse,
-      options: normalizedOptions,
-      placeholder,
-      showSearch: filterable,
-      size: utils.convertBasicSizeToUiSize(size),
-      value,
-      variant,
-      onBlur,
-      onChange,
-      onClear,
-      onDeselect,
-      onFocus,
-      onSearch: onFilterKeywordChange,
-      onSelect
-    }
-  );
-}
-const VefSelect = react.memo(
-  react.forwardRef(VefSelectBase)
-);
-VefSelect.displayName = "VefSelect";
-
-exports.default = VefSelect;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var i=require("@emotion/react/jsx-runtime"),V=require("@vef-framework/hooks"),I=require("@vef-framework/shared"),K=require("antd"),u=require("react");require("../internal/index.cjs");var T=require("../vef-loading-placeholder/index.cjs"),_=require("./hooks/use-data-options.cjs"),A=require("./hooks/use-field-names.cjs"),G=require("./hooks/use-render-label.cjs"),H=require("./hooks/use-render-option.cjs"),J=require("./hooks/use-select-instance.cjs"),M=require("../internal/utils.cjs");const d=280,P=i.jsx("div",{css:{height:d/2},children:i.jsx(T.default,{})});function U({defaultValue:v,value:a,size:p,clearable:f,disabled:m,placeholder:h,variant:q,onClear:g,onBlur:C,onFocus:O,onChange:t,onSelect:b,onDeselect:F,multiple:e=!1,grouped:l=!1,maxCount:R,renderOption:S,filterable:r=!1,filterFromRemote:o=!1,...x},j){const{onFilterKeywordChange:w,normalizedOptions:n,isLoading:s,fallbackOptions:z,isFallbackOptionsLoading:D}=_.useDataOptions({value:a,grouped:l,multiple:e,onChange:t,filterable:r,filterFromRemote:o,...x}),N=H.useRenderOption(S),y=V.useOptionFilter(r,o),L=A.useFieldNames(l),k=G.useRenderLabel(D,z),B=J.useSelectInstance(j,n);return i.jsx(K.Select,{ref:B,defaultActiveFirstOption:!0,allowClear:f,css:I.styles.fullWidth,defaultValue:v,disabled:m,fieldNames:L,filterOption:y,labelRender:k,listHeight:d,loading:s,maxCount:e?R:void 0,maxTagCount:e?"responsive":void 0,mode:e?"multiple":void 0,notFoundContent:s?P:void 0,optionRender:N,options:n,placeholder:h,showSearch:r,size:M.convertBasicSizeToUiSize(p),value:a,variant:q,onBlur:C,onChange:t,onClear:g,onDeselect:F,onFocus:O,onSearch:w,onSelect:b})}const c=u.memo(u.forwardRef(U));c.displayName="VefSelect",exports.default=c;

package/cjs/vef-select/props.cjs

@@ -1,4 +1,2 @@
 "use strict";
-'use strict';
-
 "use strict";

package/cjs/vef-slider/hooks/use-slider-instance.cjs

@@ -1,16 +1,2 @@
 "use strict";
-'use strict';
-
-var react = require('react');
-
-"use strict";
-function useSliderInstance(ref) {
-  const sliderRef = react.useRef(null);
-  react.useImperativeHandle(ref, () => ({
-    blur: () => sliderRef.current?.blur(),
-    focus: () => sliderRef.current?.focus()
-  }));
-  return sliderRef;
-}
-
-exports.useSliderInstance = useSliderInstance;
+"use strict";var r=require("react");function s(u){const e=r.useRef(null);return r.useImperativeHandle(u,()=>({blur:()=>e.current?.blur(),focus:()=>e.current?.focus()})),e}exports.useSliderInstance=s;

package/cjs/vef-slider/index.cjs

@@ -1,39 +1,2 @@
 "use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var antd = require('antd');
-var react = require('react');
-var useSliderInstance = require('./hooks/use-slider-instance.cjs');
-
-"use strict";
-const VefSlider = react.forwardRef(({
-  step,
-  tipFormatter,
-  onChange,
-  ...restProps
-}, ref) => {
-  const tooltipProps = react.useMemo(() => {
-    if (tipFormatter) {
-      return {
-        formatter: (value) => tipFormatter(value)
-      };
-    }
-  }, [tipFormatter]);
-  const sliderRef = useSliderInstance.useSliderInstance(ref);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    antd.Slider,
-    {
-      ref: sliderRef,
-      step: step === "mark" ? null : step,
-      tooltip: tooltipProps,
-      onChange,
-      ...restProps
-    }
-  );
-});
-VefSlider.displayName = "VefSlider";
-
-exports.default = VefSlider;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var d=require("@emotion/react/jsx-runtime"),c=require("antd"),t=require("react"),f=require("./hooks/use-slider-instance.cjs");const a=t.forwardRef(({step:r,tipFormatter:e,onChange:s,...u},i)=>{const n=t.useMemo(()=>{if(e)return{formatter:l=>e(l)}},[e]),o=f.useSliderInstance(i);return d.jsx(c.Slider,{ref:o,step:r==="mark"?null:r,tooltip:n,onChange:s,...u})});a.displayName="VefSlider",exports.default=a;

package/cjs/vef-slider/props.cjs

@@ -1,4 +1,2 @@
 "use strict";
-'use strict';
-
 "use strict";

package/cjs/vef-sortable-list/components/overlay-item.cjs

@@ -1,39 +1,6 @@
 "use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var Icon = require('@ant-design/icons');
-var react = require('@emotion/react');
-
-"use strict";
-const defaultHandleIcon = /* @__PURE__ */ jsxRuntime.jsx(Icon.HolderOutlined, {});
-const handlePresetStyle = react.css`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/react/jsx-runtime"),u=require("@ant-design/icons"),l=require("@emotion/react");const d=e.jsx(u.HolderOutlined,{}),i=l.css`
   cursor: move;
   user-select: none;
   touch-action: none;
-`;
-function VefOverlayItem({
-  item,
-  renderItem,
-  useHandle,
-  handleClassName,
-  handleStyle,
-  handleIcon
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    useHandle && /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        className: handleClassName,
-        css: handlePresetStyle,
-        style: handleStyle,
-        children: handleIcon ?? defaultHandleIcon
-      }
-    ),
-    renderItem(item, true)
-  ] });
-}
-
-exports.default = VefOverlayItem;
+`;function o({item:r,renderItem:s,useHandle:t,handleClassName:n,handleStyle:a,handleIcon:c}){return e.jsxs(e.Fragment,{children:[t&&e.jsx("div",{className:n,css:i,style:a,children:c??d}),s(r,!0)]})}exports.default=o;

package/cjs/vef-sortable-list/components/sortable-item.cjs

@@ -1,83 +1,6 @@
 "use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var Icon = require('@ant-design/icons');
-var sortable = require('@dnd-kit/sortable');
-var utilities = require('@dnd-kit/utilities');
-var react = require('@emotion/react');
-
-"use strict";
-const defaultHandleIcon = /* @__PURE__ */ jsxRuntime.jsx(Icon.HolderOutlined, {});
-const handlePresetStyle = react.css`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/react/jsx-runtime"),g=require("@ant-design/icons"),j=require("@dnd-kit/sortable"),q=require("@dnd-kit/utilities"),I=require("@emotion/react");const O=e.jsx(g.HolderOutlined,{}),C=I.css`
   cursor: move;
   user-select: none;
   touch-action: none;
-`;
-function VefSortableItem({
-  item,
-  itemKey,
-  itemIndex,
-  itemClassName,
-  itemStyle,
-  renderItem,
-  useHandle,
-  useOverlay,
-  handleClassName,
-  handleStyle,
-  handleIcon,
-  disabled
-}) {
-  const {
-    isDragging,
-    attributes,
-    listeners,
-    setNodeRef,
-    setActivatorNodeRef,
-    transition,
-    transform
-  } = sortable.useSortable({
-    id: itemKey,
-    disabled,
-    data: {
-      index: itemIndex
-    }
-  });
-  const style = {
-    ...itemStyle,
-    transition,
-    transform: utilities.CSS.Transform.toString(transform),
-    ...!useOverlay && isDragging ? {
-      position: "relative",
-      zIndex: 999
-    } : {}
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      ref: setNodeRef,
-      className: itemClassName,
-      style,
-      ...attributes,
-      ...useHandle ? {} : listeners,
-      children: [
-        useHandle && /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            ref: setActivatorNodeRef,
-            className: handleClassName,
-            css: handlePresetStyle,
-            style: handleStyle,
-            ...listeners,
-            children: handleIcon ?? defaultHandleIcon
-          }
-        ),
-        renderItem(item, false)
-      ]
-    }
-  );
-}
-
-exports.default = VefSortableItem;
+`;function R({item:s,itemKey:i,itemIndex:a,itemClassName:n,itemStyle:l,renderItem:o,useHandle:t,useOverlay:d,handleClassName:u,handleStyle:c,handleIcon:m,disabled:v}){const{isDragging:f,attributes:y,listeners:r,setNodeRef:b,setActivatorNodeRef:x,transition:S,transform:h}=j.useSortable({id:i,disabled:v,data:{index:a}}),N={...l,transition:S,transform:q.CSS.Transform.toString(h),...!d&&f?{position:"relative",zIndex:999}:{}};return e.jsxs("div",{ref:b,className:n,style:N,...y,...t?{}:r,children:[t&&e.jsx("div",{ref:x,className:u,css:C,style:c,...r,children:m??O}),o(s,!1)]})}exports.default=R;

package/cjs/vef-sortable-list/hooks/use-merged-items.cjs

@@ -1,24 +1,2 @@
 "use strict";
-'use strict';
-
-var shared = require('@vef-framework/shared');
-var react = require('react');
-
-"use strict";
-function useMergedItems(defaultItems, items, onChange) {
-  if (shared.isNullish(defaultItems) && shared.isNullish(items)) {
-    throw new Error("At least one of `defaultItems` and `items` must be provided for VefSortableList component.");
-  }
-  const [internalItems, setInternalItems] = react.useState(defaultItems ?? []);
-  const mergedItems = items ?? internalItems;
-  const mergedOnChange = react.useCallback((moveItems) => {
-    if (items) {
-      onChange?.(moveItems(items));
-    } else {
-      setInternalItems(moveItems);
-    }
-  }, [items, onChange]);
-  return [mergedItems, mergedOnChange];
-}
-
-exports.useMergedItems = useMergedItems;
+"use strict";var u=require("@vef-framework/shared"),i=require("react");function c(s,e,t){if(u.isNullish(s)&&u.isNullish(e))throw new Error("At least one of `defaultItems` and `items` must be provided for VefSortableList component.");const[a,o]=i.useState(s??[]),l=e??a,n=i.useCallback(r=>{e?t?.(r(e)):o(r)},[e,t]);return[l,n]}exports.useMergedItems=c;

package/cjs/vef-sortable-list/index.cjs

@@ -1,119 +1,2 @@
 "use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var core = require('@dnd-kit/core');
-var modifiers = require('@dnd-kit/modifiers');
-var sortable = require('@dnd-kit/sortable');
-var shared = require('@vef-framework/shared');
-var react = require('react');
-var overlayItem = require('./components/overlay-item.cjs');
-var sortableItem = require('./components/sortable-item.cjs');
-var useMergedItems = require('./hooks/use-merged-items.cjs');
-
-"use strict";
-const defaultItemKey = "id";
-function VefSortableListBase({
-  defaultItems,
-  items,
-  itemKey = defaultItemKey,
-  className,
-  style,
-  orientation = "vertical",
-  useOverlay = true,
-  restrictStrategy = "parent",
-  onChange,
-  ...restProps
-}) {
-  const [mergedItems, mergedOnChange] = useMergedItems.useMergedItems(defaultItems, items, onChange);
-  const sensors = core.useSensors(core.useSensor(core.PointerSensor));
-  const itemKeyFn = react.useMemo(() => {
-    if (shared.isFunction(itemKey)) {
-      return itemKey;
-    }
-    return (item) => item[itemKey];
-  }, [itemKey]);
-  const [activeItem, setActiveItem] = react.useState();
-  const handleDragStart = react.useCallback(({ active }) => {
-    setActiveItem(mergedItems[active.data.current.index]);
-  }, [mergedItems]);
-  const handleDragEnd = react.useCallback(({ active, over }) => {
-    if (!over) {
-      return;
-    }
-    if (active.id !== over.id) {
-      mergedOnChange(
-        (items2) => sortable.arrayMove(
-          items2,
-          active.data.current.index,
-          over.data.current.index
-        )
-      );
-    }
-  }, [mergedOnChange]);
-  const itemKeys = mergedItems.map((item) => itemKeyFn(item));
-  const {
-    itemClassName,
-    itemStyle,
-    disabled,
-    ...overlayItemProps
-  } = restProps;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    core.DndContext,
-    {
-      collisionDetection: core.closestCenter,
-      sensors,
-      modifiers: [
-        restrictStrategy === "parent" ? modifiers.restrictToParentElement : modifiers.restrictToWindowEdges
-      ],
-      onDragEnd: handleDragEnd,
-      onDragStart: handleDragStart,
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        sortable.SortableContext,
-        {
-          items: itemKeys,
-          strategy: orientation === "vertical" ? sortable.verticalListSortingStrategy : sortable.horizontalListSortingStrategy,
-          children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className, style, children: [
-            mergedItems.map((item, index) => {
-              const key = itemKeyFn(item);
-              return /* @__PURE__ */ jsxRuntime.jsx(
-                sortableItem.default,
-                {
-                  item,
-                  itemIndex: index,
-                  itemKey: key,
-                  ...restProps
-                },
-                key
-              );
-            }),
-            useOverlay && /* @__PURE__ */ jsxRuntime.jsx(
-              core.DragOverlay,
-              {
-                className: itemClassName,
-                style: itemStyle,
-                wrapperElement: "div",
-                modifiers: [
-                  restrictStrategy === "parent" ? modifiers.restrictToParentElement : modifiers.restrictToWindowEdges
-                ],
-                children: activeItem && /* @__PURE__ */ jsxRuntime.jsx(
-                  overlayItem.default,
-                  {
-                    item: activeItem,
-                    ...overlayItemProps
-                  }
-                )
-              }
-            )
-          ] })
-        }
-      )
-    }
-  );
-}
-const VefSortableList = react.memo(VefSortableListBase);
-VefSortableList.displayName = "VefSortableList";
-
-exports.default = VefSortableList;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("@emotion/react/jsx-runtime"),t=require("@dnd-kit/core"),l=require("@dnd-kit/modifiers"),d=require("@dnd-kit/sortable"),L=require("@vef-framework/shared"),s=require("react"),O=require("./components/overlay-item.cjs"),P=require("./components/sortable-item.cjs"),k=require("./hooks/use-merged-items.cjs");const w="id";function K({defaultItems:x,items:S,itemKey:i=w,className:f,style:p,orientation:q="vertical",useOverlay:b=!0,restrictStrategy:c="parent",onChange:j,...u}){const[n,m]=k.useMergedItems(x,S,j),h=t.useSensors(t.useSensor(t.PointerSensor)),v=s.useMemo(()=>L.isFunction(i)?i:e=>e[i],[i]),[y,C]=s.useState(),E=s.useCallback(({active:e})=>{C(n[e.data.current.index])},[n]),I=s.useCallback(({active:e,over:a})=>{a&&e.id!==a.id&&m(o=>d.arrayMove(o,e.data.current.index,a.data.current.index))},[m]),D=n.map(e=>v(e)),{itemClassName:M,itemStyle:N,disabled:R,...T}=u;return r.jsx(t.DndContext,{collisionDetection:t.closestCenter,sensors:h,modifiers:[c==="parent"?l.restrictToParentElement:l.restrictToWindowEdges],onDragEnd:I,onDragStart:E,children:r.jsx(d.SortableContext,{items:D,strategy:q==="vertical"?d.verticalListSortingStrategy:d.horizontalListSortingStrategy,children:r.jsxs("div",{className:f,style:p,children:[n.map((e,a)=>{const o=v(e);return r.jsx(P.default,{item:e,itemIndex:a,itemKey:o,...u},o)}),b&&r.jsx(t.DragOverlay,{className:M,style:N,wrapperElement:"div",modifiers:[c==="parent"?l.restrictToParentElement:l.restrictToWindowEdges],children:y&&r.jsx(O.default,{item:y,...T})})]})})})}const g=s.memo(K);g.displayName="VefSortableList",exports.default=g;

package/cjs/vef-sortable-list/props.cjs

@@ -1,4 +1,2 @@
 "use strict";
-'use strict';
-
 "use strict";

package/cjs/vef-space/index.cjs

@@ -1,30 +1,2 @@
 "use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var hooks = require('@vef-framework/hooks');
-var shared = require('@vef-framework/shared');
-var antd = require('antd');
-var react = require('react');
-
-"use strict";
-function VefSpace({
-  gap,
-  ...restProps
-}) {
-  const normalizeGapSize = hooks.useGapSizeNormalizer();
-  const size = react.useMemo(() => {
-    if (shared.isArray(gap)) {
-      return gap.map((it) => normalizeGapSize(it));
-    }
-    if (gap) {
-      return normalizeGapSize(gap);
-    }
-    return gap;
-  }, [gap, normalizeGapSize]);
-  return /* @__PURE__ */ jsxRuntime.jsx(antd.Space, { size, ...restProps });
-}
-
-exports.default = VefSpace;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("@emotion/react/jsx-runtime"),t=require("@vef-framework/hooks"),o=require("@vef-framework/shared"),c=require("antd"),n=require("react");function p({gap:e,...a}){const r=t.useGapSizeNormalizer(),u=n.useMemo(()=>o.isArray(e)?e.map(i=>r(i)):e&&r(e),[e,r]);return s.jsx(c.Space,{size:u,...a})}exports.default=p;

package/cjs/vef-space/props.cjs

@@ -1,4 +1,2 @@
 "use strict";
-'use strict';
-
 "use strict";