@vef-framework/components 2.0.4 → 2.0.5

package/dist/cjs/form/helpers/index.cjs

@@ -1,10 +1 @@
-/*! @vef-framework/components v2.0.2 made with ❤️ by Venus | 2025-11-25T15:03:17.303Z */
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const withFormItem = require('./with-form-item.cjs');
-
-
-
-exports.withFormItem = withFormItem.withFormItem;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./with-form-item.cjs");exports.withFormItem=t.withFormItem;

package/dist/cjs/form/helpers/with-form-item.cjs

@@ -1,50 +1 @@
-/*! @vef-framework/components v2.0.2 made with ❤️ by Venus | 2025-11-25T15:03:17.303Z */
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('@emotion/react/jsx-runtime');
-const antd = require('antd');
-require('../contexts/index.cjs');
-const useFormItemProps = require('../hooks/use-form-item-props.cjs');
-const formContext = require('../contexts/form-context.cjs');
-
-function withFormItem(displayName, PureField) {
-  const FieldComponent = ({
-    // form item props
-    layout,
-    label,
-    labelAlign,
-    labelWidth,
-    extra,
-    noWrapper,
-    required,
-    // field props
-    ...fieldProps
-  }) => {
-    const formItemProps = useFormItemProps.useFormItemProps({
-      layout,
-      label,
-      labelAlign,
-      labelWidth,
-      extra,
-      required,
-      noWrapper
-    });
-    const {
-      state: {
-        meta: {
-          errors,
-          isValid,
-          isValidating
-        }
-      }
-    } = formContext.useFieldContext();
-    const errorMessage = errors.length > 0 ? errors[0].message : null;
-    return /* @__PURE__ */ jsxRuntime.jsx(antd.Form.Item, { ...formItemProps, hasFeedback: isValidating, help: errorMessage, validateStatus: isValidating ? "validating" : isValid ? void 0 : "error", children: /* @__PURE__ */ jsxRuntime.jsx(PureField, { ...fieldProps }) });
-  };
-  FieldComponent.displayName = displayName;
-  return FieldComponent;
-}
-
-exports.withFormItem = withFormItem;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@emotion/react/jsx-runtime"),I=require("antd");require("../contexts/index.cjs");const q=require("../hooks/use-form-item-props.cjs"),x=require("../contexts/form-context.cjs");function f(s,i){const e=({layout:n,label:a,labelAlign:m,labelWidth:u,extra:l,noWrapper:c,required:d,...F})=>{const g=q.useFormItemProps({layout:n,label:a,labelAlign:m,labelWidth:u,extra:l,required:d,noWrapper:c}),{state:{meta:{errors:t,isValid:p,isValidating:r}}}=x.useFieldContext(),h=t.length>0?t[0].message:null;return o.jsx(I.Form.Item,{...g,hasFeedback:r,help:h,validateStatus:r?"validating":p?void 0:"error",children:o.jsx(i,{...F})})};return e.displayName=s,e}exports.withFormItem=f;

package/dist/cjs/form/hooks/use-form-item-props.cjs

@@ -1,47 +1 @@
-/*! @vef-framework/components v2.0.2 made with ❤️ by Venus | 2025-11-25T15:03:17.303Z */
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const react = require('react');
-require('../contexts/index.cjs');
-const useLabelWidth = require('./use-label-width.cjs');
-const formLayout = require('../contexts/form-layout.cjs');
-
-function useFormItemProps(props) {
-  const {
-    layout,
-    label,
-    labelAlign,
-    labelWidth,
-    extra,
-    noWrapper,
-    required
-  } = props;
-  const {
-    layout: formLayout$1,
-    labelAlign: formLabelAlign,
-    labelWidth: formLabelWidth
-  } = formLayout.useFormLayout();
-  const labelWidthToUse = useLabelWidth.useLabelWidth(layout, labelWidth ?? formLabelWidth);
-  const layoutToUse = layout ?? formLayout$1;
-  const labelCol = react.useMemo(() => {
-    if (layoutToUse === "vertical" || !labelWidthToUse) {
-      return;
-    }
-    return {
-      flex: `0 0 ${labelWidthToUse}px`
-    };
-  }, [labelWidthToUse, layoutToUse]);
-  return {
-    layout: layoutToUse,
-    label,
-    labelAlign: labelAlign ?? formLabelAlign,
-    labelCol,
-    extra,
-    noStyle: noWrapper,
-    required
-  };
-}
-
-exports.useFormItemProps = useFormItemProps;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react");require("../contexts/index.cjs");const f=require("./use-label-width.cjs"),L=require("../contexts/form-layout.cjs");function W(o){const{layout:l,label:r,labelAlign:a,labelWidth:u,extra:i,noWrapper:n,required:s}=o,{layout:b,labelAlign:c,labelWidth:m}=L.useFormLayout(),e=f.useLabelWidth(l,u??m),t=l??b,y=d.useMemo(()=>{if(!(t==="vertical"||!e))return{flex:`0 0 ${e}px`}},[e,t]);return{layout:t,label:r,labelAlign:a??c,labelCol:y,extra:i,noStyle:n,required:s}}exports.useFormItemProps=W;

package/dist/cjs/form/hooks/use-label-width.cjs

@@ -1,23 +1 @@
-/*! @vef-framework/components v2.0.2 made with ❤️ by Venus | 2025-11-25T15:03:17.303Z */
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const react = require('react');
-require('../../_base/index.cjs');
-const message = require('../../_base/helpers/message.cjs');
-
-function useLabelWidth(layout, labelWidth) {
-  const labelWidthToUse = react.useMemo(() => {
-    if (layout === "vertical" || !labelWidth) {
-      return;
-    }
-    if (labelWidth < 60 || labelWidth > 120) {
-      message.showWarningMessage("The labelWidth of Form component must be between 60 and 120, otherwise it will be 60 or 120.");
-    }
-    return Math.min(Math.max(labelWidth, 60), 120);
-  }, [layout, labelWidth]);
-  return labelWidthToUse;
-}
-
-exports.useLabelWidth = useLabelWidth;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react");require("../../_base/index.cjs");const n=require("../../_base/helpers/message.cjs");function o(r,e){return t.useMemo(()=>{if(!(r==="vertical"||!e))return(e<60||e>120)&&n.showWarningMessage("The labelWidth of Form component must be between 60 and 120, otherwise it will be 60 or 120."),Math.min(Math.max(e,60),120)},[r,e])}exports.useLabelWidth=o;

package/dist/cjs/form/index.cjs

@@ -1,14 +1 @@
-/*! @vef-framework/components v2.0.2 made with ❤️ by Venus | 2025-11-25T15:03:17.303Z */
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const form = require('./form.cjs');
-const useForm = require('./use-form.cjs');
-
-
-
-exports.useFormContext = form.useFormContext;
-exports.withFieldGroup = form.withFieldGroup;
-exports.withForm = form.withForm;
-exports.useForm = useForm.useForm;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./form.cjs"),o=require("./use-form.cjs");exports.useFormContext=e.useFormContext;exports.withFieldGroup=e.withFieldGroup;exports.withForm=e.withForm;exports.useForm=o.useForm;

package/dist/cjs/form/use-form.cjs

@@ -1,29 +1 @@
-/*! @vef-framework/components v2.0.2 made with ❤️ by Venus | 2025-11-25T15:03:17.303Z */
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('@emotion/react/jsx-runtime');
-const react = require('react');
-const form = require('./form.cjs');
-
-function useForm(options) {
-  const formApi = form.useAppForm(options);
-  return react.useMemo(() => {
-    const {
-      AppForm,
-      Form
-    } = formApi;
-    const FormComponent = (props) => /* @__PURE__ */ jsxRuntime.jsx(AppForm, { children: /* @__PURE__ */ jsxRuntime.jsx(Form, { ...props }) });
-    return new Proxy(formApi, {
-      get(target, prop, receiver) {
-        if (prop === "Form") {
-          return FormComponent;
-        }
-        return Reflect.get(target, prop, receiver);
-      }
-    });
-  }, [formApi]);
-}
-
-exports.useForm = useForm;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@emotion/react/jsx-runtime"),i=require("react"),F=require("./form.cjs");function f(n){const e=F.useAppForm(n);return i.useMemo(()=>{const{AppForm:u,Form:s}=e,m=r=>t.jsx(u,{children:t.jsx(s,{...r})});return new Proxy(e,{get(r,o,c){return o==="Form"?m:Reflect.get(r,o,c)}})},[e])}exports.useForm=f;

package/dist/cjs/grid/context.cjs

@@ -1,19 +1 @@
-/*! @vef-framework/components v2.0.2 made with ❤️ by Venus | 2025-11-25T15:03:17.303Z */
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const react = require('react');
-
-const Context = react.createContext(null);
-const GridContextProvider = Context.Provider;
-function useGridContext() {
-  const context = react.use(Context);
-  if (!context) {
-    throw new Error("GridItem must be used as direct child of Grid");
-  }
-  return context;
-}
-
-exports.GridContextProvider = GridContextProvider;
-exports.useGridContext = useGridContext;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=e.createContext(null),o=r.Provider;function n(){const t=e.use(r);if(!t)throw new Error("GridItem must be used as direct child of Grid");return t}exports.GridContextProvider=o;exports.useGridContext=n;

package/dist/cjs/grid/grid-item.cjs

@@ -1,43 +1 @@
-/*! @vef-framework/components v2.0.2 made with ❤️ by Venus | 2025-11-25T15:03:17.303Z */
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('@emotion/react/jsx-runtime');
-const react = require('react');
-const context = require('./context.cjs');
-const styles = require('./styles.cjs');
-require('./props.cjs');
-
-const defaultSpan = 1;
-const defaultOffset = 0;
-function GridItem({
-  span = defaultSpan,
-  offset = defaultOffset,
-  suffix = false,
-  style,
-  ...props
-}) {
-  const {
-    gridColumns
-  } = context.useGridContext();
-  const itemStyle = react.useMemo(() => {
-    const childSpan = span;
-    const childOffset = offset;
-    const baseStyle = {
-      "--vef-grid-item-column": suffix ? `${gridColumns + 1 - childSpan} / span ${childSpan}` : `span ${childSpan}`,
-      ...childOffset > 0 && !suffix ? {
-        "--vef-grid-item-margin-left": `calc(100% * ${childOffset} / ${childSpan})`
-      } : {}
-    };
-    return {
-      ...baseStyle,
-      ...style
-    };
-  }, [span, offset, suffix, gridColumns, style]);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...props, css: styles.gridItem, style: itemStyle });
-}
-
-exports.GridItem = GridItem;
-exports.defaultOffset = defaultOffset;
-exports.defaultSpan = defaultSpan;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("@emotion/react/jsx-runtime"),m=require("react"),f=require("./context.cjs"),S=require("./styles.cjs");require("./props.cjs");const o=1,l=0;function g({span:n=o,offset:r=l,suffix:t=!1,style:s,...u}){const{gridColumns:c}=f.useGridContext(),a=m.useMemo(()=>{const e=n,i=r;return{...{"--vef-grid-item-column":t?`${c+1-e} / span ${e}`:`span ${e}`,...i>0&&!t?{"--vef-grid-item-margin-left":`calc(100% * ${i} / ${e})`}:{}},...s}},[n,r,t,c,s]);return d.jsx("div",{...u,css:S.gridItem,style:a})}exports.GridItem=g;exports.defaultOffset=l;exports.defaultSpan=o;

package/dist/cjs/grid/hooks/index.cjs

@@ -1,21 +1 @@
-/*! @vef-framework/components v2.0.2 made with ❤️ by Venus | 2025-11-25T15:03:17.303Z */
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const useContainerBreakpoints = require('./use-container-breakpoints.cjs');
-const useContainerWidth = require('./use-container-width.cjs');
-const useGridCollapsed = require('./use-grid-collapsed.cjs');
-const useNormalizedGap = require('./use-normalized-gap.cjs');
-const useResponsiveBreakpoint = require('./use-responsive-breakpoint.cjs');
-const useResponsiveValue = require('./use-responsive-value.cjs');
-
-
-
-exports.useContainerBreakpoints = useContainerBreakpoints.useContainerBreakpoints;
-exports.useContainerWidth = useContainerWidth.useContainerWidth;
-exports.useGridCollapsed = useGridCollapsed.useGridCollapsed;
-exports.useNormalizedGap = useNormalizedGap.useNormalizedGap;
-exports.useResponsiveBreakpoint = useResponsiveBreakpoint.useResponsiveBreakpoint;
-exports.getResponsiveValue = useResponsiveValue.getResponsiveValue;
-exports.useResponsiveValue = useResponsiveValue.useResponsiveValue;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./use-container-breakpoints.cjs"),i=require("./use-container-width.cjs"),o=require("./use-grid-collapsed.cjs"),n=require("./use-normalized-gap.cjs"),r=require("./use-responsive-breakpoint.cjs"),e=require("./use-responsive-value.cjs");exports.useContainerBreakpoints=s.useContainerBreakpoints;exports.useContainerWidth=i.useContainerWidth;exports.useGridCollapsed=o.useGridCollapsed;exports.useNormalizedGap=n.useNormalizedGap;exports.useResponsiveBreakpoint=r.useResponsiveBreakpoint;exports.getResponsiveValue=e.getResponsiveValue;exports.useResponsiveValue=e.useResponsiveValue;

package/dist/cjs/grid/hooks/use-container-breakpoints.cjs

@@ -1,23 +1 @@
-/*! @vef-framework/components v2.0.2 made with ❤️ by Venus | 2025-11-25T15:03:17.303Z */
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const react = require('react');
-
-function useContainerBreakpoints(baseWidth) {
-  return react.useMemo(() => {
-    const breakpoints = {
-      xxs: baseWidth,
-      xs: baseWidth * 2,
-      sm: baseWidth * 3,
-      md: baseWidth * 4,
-      lg: baseWidth * 5,
-      xl: baseWidth * 6,
-      xxl: baseWidth * 7
-    };
-    return breakpoints;
-  }, [baseWidth]);
-}
-
-exports.useContainerBreakpoints = useContainerBreakpoints;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react");function e(r){return n.useMemo(()=>({xxs:r,xs:r*2,sm:r*3,md:r*4,lg:r*5,xl:r*6,xxl:r*7}),[r])}exports.useContainerBreakpoints=e;

package/dist/cjs/grid/hooks/use-container-width.cjs

@@ -1,48 +1 @@
-/*! @vef-framework/components v2.0.2 made with ❤️ by Venus | 2025-11-25T15:03:17.303Z */
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const hooks = require('@vef-framework/hooks');
-const react = require('react');
-
-function useContainerWidth() {
-  const rafIdRef = react.useRef(0);
-  const containerRef = react.useRef(null);
-  const [containerWidth, setContainerWidth] = react.useState(0);
-  hooks.useIsomorphicEffect(() => {
-    if (containerRef.current) {
-      setContainerWidth(containerRef.current.getBoundingClientRect().width);
-    }
-  }, []);
-  react.useEffect(() => {
-    if (containerRef.current) {
-      const observer = new ResizeObserver(([entry]) => {
-        if (entry) {
-          if (rafIdRef.current) {
-            cancelAnimationFrame(rafIdRef.current);
-          }
-          rafIdRef.current = requestAnimationFrame(() => {
-            const width = entry.contentBoxSize.at(0)?.inlineSize ?? entry.contentRect.width;
-            setContainerWidth(width);
-          });
-        }
-      });
-      observer.observe(containerRef.current, {
-        box: "content-box"
-      });
-      return () => {
-        observer.disconnect();
-        if (rafIdRef.current) {
-          cancelAnimationFrame(rafIdRef.current);
-        }
-      };
-    }
-  }, []);
-  return {
-    containerWidth,
-    containerRef
-  };
-}
-
-exports.useContainerWidth = useContainerWidth;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("@vef-framework/hooks"),n=require("react");function a(){const e=n.useRef(0),t=n.useRef(null),[o,i]=n.useState(0);return s.useIsomorphicEffect(()=>{t.current&&i(t.current.getBoundingClientRect().width)},[]),n.useEffect(()=>{if(t.current){const c=new ResizeObserver(([r])=>{r&&(e.current&&cancelAnimationFrame(e.current),e.current=requestAnimationFrame(()=>{const u=r.contentBoxSize.at(0)?.inlineSize??r.contentRect.width;i(u)}))});return c.observe(t.current,{box:"content-box"}),()=>{c.disconnect(),e.current&&cancelAnimationFrame(e.current)}}},[]),{containerWidth:o,containerRef:t}}exports.useContainerWidth=a;

package/dist/cjs/grid/hooks/use-grid-collapsed.cjs

@@ -1,19 +1 @@
-/*! @vef-framework/components v2.0.2 made with ❤️ by Venus | 2025-11-25T15:03:17.303Z */
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const context = require('../context.cjs');
-
-function useGridCollapsed() {
-  const {
-    isCollapsed,
-    setCollapsed
-  } = context.useGridContext();
-  return {
-    isCollapsed,
-    setCollapsed
-  };
-}
-
-exports.useGridCollapsed = useGridCollapsed;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../context.cjs");function s(){const{isCollapsed:e,setCollapsed:t}=o.useGridContext();return{isCollapsed:e,setCollapsed:t}}exports.useGridCollapsed=s;

package/dist/cjs/grid/hooks/use-normalized-gap.cjs

@@ -1,47 +1 @@
-/*! @vef-framework/components v2.0.2 made with ❤️ by Venus | 2025-11-25T15:03:17.303Z */
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const shared = require('@vef-framework/shared');
-const react = require('react');
-require('../../_base/index.cjs');
-const useThemeTokens = require('../../_base/hooks/use-theme-tokens.cjs');
-
-function useNormalizedGap([rowGap, columnGap]) {
-  const tokens = useThemeTokens.useThemeTokens();
-  return react.useMemo(() => [normalizeGap(rowGap, tokens), normalizeGap(columnGap, tokens)], [columnGap, rowGap, tokens]);
-}
-function normalizeGap(gap, {
-  margin,
-  marginSM,
-  marginXS,
-  marginMD,
-  marginLG
-}) {
-  if (shared.isNumber(gap)) {
-    return gap;
-  }
-  if (shared.isString(gap)) {
-    switch (gap) {
-      case "extra-small": {
-        return marginXS;
-      }
-      case "small": {
-        return marginSM;
-      }
-      case "medium": {
-        return margin;
-      }
-      case "large": {
-        return marginMD;
-      }
-      case "extra-large": {
-        return marginLG;
-      }
-    }
-  }
-  return 0;
-}
-
-exports.useNormalizedGap = useNormalizedGap;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("@vef-framework/shared"),o=require("react");require("../../_base/index.cjs");const c=require("../../_base/hooks/use-theme-tokens.cjs");function l([e,t]){const r=c.useThemeTokens();return o.useMemo(()=>[u(e,r),u(t,r)],[t,e,r])}function u(e,{margin:t,marginSM:r,marginXS:n,marginMD:i,marginLG:a}){if(s.isNumber(e))return e;if(s.isString(e))switch(e){case"extra-small":return n;case"small":return r;case"medium":return t;case"large":return i;case"extra-large":return a}return 0}exports.useNormalizedGap=l;

package/dist/cjs/grid/hooks/use-responsive-breakpoint.cjs

@@ -1,19 +1 @@
-/*! @vef-framework/components v2.0.2 made with ❤️ by Venus | 2025-11-25T15:03:17.303Z */
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const react = require('react');
-
-function useResponsiveBreakpoint(breakpoints, width) {
-  return react.useMemo(() => {
-    for (const [breakpoint, breakpointWidth] of Object.entries(breakpoints)) {
-      if (width <= breakpointWidth) {
-        return breakpoint;
-      }
-    }
-    return "xxl";
-  }, [width, breakpoints]);
-}
-
-exports.useResponsiveBreakpoint = useResponsiveBreakpoint;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react");function i(e,r){return o.useMemo(()=>{for(const[t,n]of Object.entries(e))if(r<=n)return t;return"xxl"},[r,e])}exports.useResponsiveBreakpoint=i;

package/dist/cjs/grid/hooks/use-responsive-value.cjs

@@ -1,35 +1 @@
-/*! @vef-framework/components v2.0.2 made with ❤️ by Venus | 2025-11-25T15:03:17.303Z */
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const shared = require('@vef-framework/shared');
-const react = require('react');
-require('../../_base/index.cjs');
-const breakpoints = require('../../_base/constants/breakpoints.cjs');
-
-function useResponsiveValue(value, breakpoint) {
-  const resolvedValue = react.useMemo(() => getResponsiveValue(value, breakpoint), [value, breakpoint]);
-  return resolvedValue;
-}
-function getResponsiveValue(value, breakpoint) {
-  if (shared.isPlainObject(value)) {
-    const resolvedValue = value[breakpoint];
-    if (resolvedValue) {
-      return resolvedValue;
-    }
-    const breakpointArr = Object.keys(breakpoints.breakpoints);
-    let breakpointIndex = breakpointArr.indexOf(breakpoint);
-    while (breakpointIndex--) {
-      const fallbackValue = value[breakpointArr[breakpointIndex]];
-      if (fallbackValue) {
-        return fallbackValue;
-      }
-    }
-    return;
-  }
-  return value;
-}
-
-exports.getResponsiveValue = getResponsiveValue;
-exports.useResponsiveValue = useResponsiveValue;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("@vef-framework/shared"),c=require("react");require("../../_base/index.cjs");const l=require("../../_base/constants/breakpoints.cjs");function a(e,r){return c.useMemo(()=>i(e,r),[e,r])}function i(e,r){if(u.isPlainObject(e)){const s=e[r];if(s)return s;const t=Object.keys(l.breakpoints);let n=t.indexOf(r);for(;n--;){const o=e[t[n]];if(o)return o}return}return e}exports.getResponsiveValue=i;exports.useResponsiveValue=a;

package/dist/cjs/grid/index.cjs

@@ -1,140 +1 @@
-/*! @vef-framework/components v2.0.2 made with ❤️ by Venus | 2025-11-25T15:03:17.303Z */
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('@emotion/react/jsx-runtime');
-const core = require('@vef-framework/core');
-const hooks = require('@vef-framework/hooks');
-const react = require('react');
-const context = require('./context.cjs');
-const gridItem = require('./grid-item.cjs');
-require('./hooks/index.cjs');
-const styles = require('./styles.cjs');
-require('./props.cjs');
-const useResponsiveValue = require('./hooks/use-responsive-value.cjs');
-const useContainerWidth = require('./hooks/use-container-width.cjs');
-const useContainerBreakpoints = require('./hooks/use-container-breakpoints.cjs');
-const useResponsiveBreakpoint = require('./hooks/use-responsive-breakpoint.cjs');
-const useNormalizedGap = require('./hooks/use-normalized-gap.cjs');
-
-function calculateItemVisibility(children, columns, collapsed, collapsedRows, breakpoint) {
-  const items = [];
-  react.Children.forEach(children, (child) => {
-    if (!react.isValidElement(child) || child.type !== gridItem.GridItem) {
-      return;
-    }
-    const childElement = child;
-    const childProps = childElement.props;
-    const childSpan = useResponsiveValue.getResponsiveValue(childProps.span ?? gridItem.defaultSpan, breakpoint) ?? gridItem.defaultSpan;
-    if (childSpan === 0) {
-      return;
-    }
-    const childOffset = useResponsiveValue.getResponsiveValue(childProps.offset ?? gridItem.defaultOffset, breakpoint) ?? gridItem.defaultOffset;
-    items.push({
-      element: childElement,
-      span: childSpan,
-      offset: childOffset
-    });
-  });
-  let suffixItemSpan = 0;
-  const maybeSuffixItem = items.at(-1);
-  if (maybeSuffixItem?.element.props.suffix === true) {
-    suffixItemSpan = maybeSuffixItem.span;
-  }
-  let spanCount = 0;
-  let reachedCollapsedLimit = false;
-  const itemNodes = items.map(({
-    element,
-    span,
-    offset
-  }, index) => {
-    const actualSpan = Math.min(span + offset, columns);
-    if (!reachedCollapsedLimit && collapsed) {
-      const remaining = spanCount % columns;
-      if (actualSpan + remaining > columns) {
-        spanCount += columns - remaining;
-      }
-      if (actualSpan + spanCount + suffixItemSpan > collapsedRows * columns) {
-        reachedCollapsedLimit = true;
-      } else {
-        spanCount += actualSpan;
-      }
-    }
-    if (reachedCollapsedLimit) {
-      const {
-        props
-      } = element;
-      return react.cloneElement(element, {
-        className: index === items.length - 1 && props.suffix === true ? props.className : core.clsx(props.className, "hidden"),
-        span,
-        offset
-      });
-    }
-    return react.cloneElement(element, {
-      key: element.key || index,
-      span: actualSpan,
-      offset
-    });
-  });
-  return itemNodes;
-}
-function Grid({
-  baseWidth = 240,
-  gap = 0,
-  columnGap,
-  rowGap,
-  defaultIsCollapsed = false,
-  isCollapsed,
-  collapsedRows = 1,
-  onCollapseChange,
-  style,
-  children,
-  ref,
-  ...props
-}) {
-  const [isCollapsedInternal, setIsCollapsedInternal] = react.useState(defaultIsCollapsed);
-  const isControlled = isCollapsed !== void 0;
-  const mergedIsCollapsed = isControlled ? isCollapsed : isCollapsedInternal;
-  const setCollapsed = react.useCallback((isCollapsed2) => {
-    const state = isCollapsed2 || !mergedIsCollapsed;
-    if (!isControlled) {
-      setIsCollapsedInternal(state);
-    }
-    onCollapseChange?.(state);
-  }, [isControlled, mergedIsCollapsed, onCollapseChange]);
-  const {
-    containerRef,
-    containerWidth
-  } = useContainerWidth.useContainerWidth();
-  const mergedContainerRef = hooks.useMergedRef(containerRef, ref);
-  const breakpoints = useContainerBreakpoints.useContainerBreakpoints(baseWidth);
-  const breakpoint = useResponsiveBreakpoint.useResponsiveBreakpoint(breakpoints, containerWidth);
-  const [normalizedRowGap, normalizedColumnGap] = useNormalizedGap.useNormalizedGap([rowGap ?? gap, columnGap ?? gap]);
-  const gridStyle = react.useMemo(() => {
-    if (containerWidth > styles.gridColumns * normalizedColumnGap) {
-      return {
-        "--vef-grid-row-gap": `${normalizedRowGap}px`,
-        "--vef-grid-column-gap": `${normalizedColumnGap}px`,
-        ...style
-      };
-    }
-    return {
-      "--vef-grid-row-gap": `${normalizedRowGap}px`,
-      "--vef-grid-column-gap": `${Math.floor(containerWidth / styles.gridColumns)}px`,
-      ...style
-    };
-  }, [containerWidth, normalizedColumnGap, normalizedRowGap, style]);
-  const context$1 = react.useMemo(() => {
-    return {
-      gridColumns: styles.gridColumns,
-      isCollapsed: mergedIsCollapsed,
-      setCollapsed
-    };
-  }, [mergedIsCollapsed, setCollapsed]);
-  const processedGridItems = react.useMemo(() => calculateItemVisibility(children, styles.gridColumns, mergedIsCollapsed, collapsedRows, breakpoint), [children, mergedIsCollapsed, collapsedRows, breakpoint]);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...props, ref: mergedContainerRef, css: styles.grid, style: gridStyle, children: /* @__PURE__ */ jsxRuntime.jsx(context.GridContextProvider, { value: context$1, children: processedGridItems }) });
-}
-Grid.Item = gridItem.GridItem;
-
-exports.Grid = Grid;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("@emotion/react/jsx-runtime"),B=require("@vef-framework/core"),O=require("@vef-framework/hooks"),n=require("react"),P=require("./context.cjs"),d=require("./grid-item.cjs");require("./hooks/index.cjs");const m=require("./styles.cjs");require("./props.cjs");const y=require("./hooks/use-responsive-value.cjs"),W=require("./hooks/use-container-width.cjs"),w=require("./hooks/use-container-breakpoints.cjs"),L=require("./hooks/use-responsive-breakpoint.cjs"),T=require("./hooks/use-normalized-gap.cjs");function A(h,i,q,v,g){const u=[];n.Children.forEach(h,t=>{if(!n.isValidElement(t)||t.type!==d.GridItem)return;const c=t,a=c.props,s=y.getResponsiveValue(a.span??d.defaultSpan,g)??d.defaultSpan;if(s===0)return;const e=y.getResponsiveValue(a.offset??d.defaultOffset,g)??d.defaultOffset;u.push({element:c,span:s,offset:e})});let p=0;const f=u.at(-1);f?.element.props.suffix===!0&&(p=f.span);let o=0,l=!1;return u.map(({element:t,span:c,offset:a},s)=>{const e=Math.min(c+a,i);if(!l&&q){const r=o%i;e+r>i&&(o+=i-r),e+o+p>v*i?l=!0:o+=e}if(l){const{props:r}=t;return n.cloneElement(t,{className:s===u.length-1&&r.suffix===!0?r.className:B.clsx(r.className,"hidden"),span:c,offset:a})}return n.cloneElement(t,{key:t.key||s,span:e,offset:a})})}function M({baseWidth:h=240,gap:i=0,columnGap:q,rowGap:v,defaultIsCollapsed:g=!1,isCollapsed:u,collapsedRows:p=1,onCollapseChange:f,style:o,children:l,ref:G,...t}){const[c,a]=n.useState(g),s=u!==void 0,e=s?u:c,r=n.useCallback(z=>{const k=z||!e;s||a(k),f?.(k)},[s,e,f]),{containerRef:N,containerWidth:C}=W.useContainerWidth(),b=O.useMergedRef(N,G),E=w.useContainerBreakpoints(h),S=L.useResponsiveBreakpoint(E,C),[x,I]=T.useNormalizedGap([v??i,q??i]),V=n.useMemo(()=>C>m.gridColumns*I?{"--vef-grid-row-gap":`${x}px`,"--vef-grid-column-gap":`${I}px`,...o}:{"--vef-grid-row-gap":`${x}px`,"--vef-grid-column-gap":`${Math.floor(C/m.gridColumns)}px`,...o},[C,I,x,o]),$=n.useMemo(()=>({gridColumns:m.gridColumns,isCollapsed:e,setCollapsed:r}),[e,r]),j=n.useMemo(()=>A(l,m.gridColumns,e,p,S),[l,e,p,S]);return R.jsx("div",{...t,ref:b,css:m.grid,style:V,children:R.jsx(P.GridContextProvider,{value:$,children:j})})}M.Item=d.GridItem;exports.Grid=M;

package/dist/cjs/grid/props.cjs

@@ -1,3 +1 @@
-/*! @vef-framework/components v2.0.2 made with ❤️ by Venus | 2025-11-25T15:03:17.303Z */
-'use strict';
-
+"use strict";