@vef-framework/shared 1.0.121 → 1.0.123

package/cjs/store.cjs

@@ -0,0 +1,105 @@
+"use strict";
+'use strict';
+
+var react = require('react');
+var middleware = require('zustand/middleware');
+var traditional = require('zustand/traditional');
+var vanilla = require('zustand/vanilla');
+require('./lib.cjs');
+var utils = require('./utils.cjs');
+var radashi = require('radashi');
+var shallow = require('zustand/shallow');
+
+"use strict";
+function createStorageProxy(storage) {
+  const delegate = middleware.createJSONStorage(() => storage === "local" ? localStorage : sessionStorage);
+  return {
+    getItem: delegate.getItem,
+    setItem(name, value) {
+      if (radashi.isNullish(value.state)) {
+        return;
+      }
+      delegate.setItem(name, value);
+    },
+    removeItem: delegate.removeItem
+  };
+}
+function createStore(stateCreator, persistenceOptions) {
+  const name = persistenceOptions?.name ?? "UNKNOWN";
+  const storage = persistenceOptions?.storage ?? "local";
+  const selector = persistenceOptions ? persistenceOptions.selector : () => null;
+  const storageInstance = createStorageProxy(storage);
+  return traditional.createWithEqualityFn(
+    middleware.persist(
+      middleware.subscribeWithSelector(stateCreator),
+      {
+        name: `__VEF_STORE__${utils.constantCase(name)}__`,
+        storage: storageInstance,
+        version: 1,
+        partialize: selector
+      }
+    ),
+    shallow.shallow
+  );
+}
+function createUnboundStore(stateCreator) {
+  return vanilla.createStore(
+    middleware.subscribeWithSelector(stateCreator)
+  );
+}
+function useUnboundStore(store, selector, equalityFn) {
+  return traditional.useStoreWithEqualityFn(
+    store,
+    selector,
+    equalityFn ?? shallow.shallow
+  );
+}
+function createComponentStore(name, getStateCreator) {
+  const StoreContext = react.createContext(null);
+  const StoreProvider = ({ initialState, children }) => {
+    const [store] = react.useState(() => {
+      const creator = getStateCreator(initialState);
+      return createUnboundStore(creator);
+    });
+    const isMounted = react.useRef(false);
+    react.useEffect(() => () => {
+      isMounted.current = false;
+    }, []);
+    react.useEffect(() => {
+      if (!isMounted.current) {
+        isMounted.current = true;
+      }
+      if (initialState) {
+        store.setState({
+          ...initialState
+        });
+      }
+    }, [initialState, store]);
+    return react.createElement(
+      StoreContext.Provider,
+      { value: store },
+      children
+    );
+  };
+  const useStoreApi = () => {
+    const store = react.useContext(StoreContext);
+    if (!store) {
+      throw new Error(`${name}Store can be used only inside ${name}StoreProvider`);
+    }
+    return store;
+  };
+  const useStore = (selector) => useUnboundStore(
+    useStoreApi(),
+    selector
+  );
+  return {
+    StoreProvider,
+    useStore,
+    useStoreApi
+  };
+}
+
+exports.createComponentStore = createComponentStore;
+exports.createStore = createStore;
+exports.createUnboundStore = createUnboundStore;
+exports.useUnboundStore = useUnboundStore;

package/cjs/styles.cjs

@@ -0,0 +1,55 @@
+"use strict";
+'use strict';
+
+var react = require('@emotion/react');
+
+"use strict";
+const breakpointWidths = {
+  xs: 0,
+  sm: 576,
+  md: 768,
+  lg: 992,
+  xl: 1200,
+  xxl: 1400
+};
+const breakpoints = [
+  "xs",
+  "sm",
+  "md",
+  "lg",
+  "xl",
+  "xxl"
+];
+const bmq = Object.keys(breakpointWidths).reduce(
+  (acc, label) => {
+    acc[label] = `@media (min-width: ${breakpointWidths[label]}px)`;
+    return acc;
+  },
+  {}
+);
+const styles = {
+  // Flex center style
+  flexCenter: react.css({
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center"
+  }),
+  // Full height style
+  fullHeight: react.css({
+    height: "100%"
+  }),
+  // Full width style
+  fullWidth: react.css({
+    width: "100%"
+  }),
+  // Scrollbar style
+  scrollbar: react.css({
+    scrollbarWidth: "thin",
+    scrollbarColor: "rgba(0, 0, 0, 0.3) transparent",
+    scrollbarGutter: "stable"
+  })
+};
+
+exports.bmq = bmq;
+exports.breakpoints = breakpoints;
+exports.styles = styles;

package/cjs/temporal.cjs

@@ -0,0 +1,27 @@
+"use strict";
+'use strict';
+
+var tz = require('@date-fns/tz');
+var dateFns = require('date-fns');
+var locale = require('date-fns/locale');
+
+"use strict";
+function getNowDate() {
+  return /* @__PURE__ */ new Date();
+}
+function getNowDateString() {
+  return dateFns.format(getNowDate(), "yyyy-MM-dd", {
+    locale: locale.zhCN,
+    in: tz.tz("Asia/Shanghai")
+  });
+}
+function getTodayString() {
+  return dateFns.format(getNowDate(), "PPPPpp", {
+    locale: locale.zhCN,
+    in: tz.tz("Asia/Shanghai")
+  });
+}
+
+exports.getNowDate = getNowDate;
+exports.getNowDateString = getNowDateString;
+exports.getTodayString = getTodayString;

package/cjs/theme-variables.cjs

@@ -0,0 +1,354 @@
+"use strict";
+'use strict';
+
+"use strict";
+const themeVariables = {
+  colorChart1: "hsl(221.2 83.2% 53.3%)",
+  colorChart2: "hsl(216 92% 60%)",
+  colorChart3: "hsl(212 95% 68%)",
+  colorChart4: "hsl(210 98% 78%)",
+  colorChart5: "hsl(212 97% 87%)",
+  blue: "var(--vef-blue)",
+  purple: "var(--vef-purple)",
+  cyan: "var(--vef-cyan)",
+  green: "var(--vef-green)",
+  magenta: "var(--vef-magenta)",
+  pink: "var(--vef-pink)",
+  red: "var(--vef-red)",
+  orange: "var(--vef-orange)",
+  yellow: "var(--vef-yellow)",
+  volcano: "var(--vef-volcano)",
+  geekblue: "var(--vef-geekblue)",
+  gold: "var(--vef-gold)",
+  lime: "var(--vef-lime)",
+  colorPrimary: "var(--vef-color-primary)",
+  colorSuccess: "var(--vef-color-success)",
+  colorWarning: "var(--vef-color-warning)",
+  colorError: "var(--vef-color-error)",
+  colorInfo: "var(--vef-color-info)",
+  colorLink: "var(--vef-color-link)",
+  colorTextBase: "var(--vef-color-text-base)",
+  colorBgBase: "var(--vef-color-bg-base)",
+  fontFamily: "var(--vef-font-family)",
+  fontFamilyCode: "var(--vef-font-family-code)",
+  fontSize: "var(--vef-font-size)",
+  lineWidth: "var(--vef-line-width)",
+  lineType: "var(--vef-line-type)",
+  motionEaseOutCirc: "var(--vef-motion-ease-out-circ)",
+  motionEaseInOutCirc: "var(--vef-motion-ease-in-out-circ)",
+  motionEaseOut: "var(--vef-motion-ease-out)",
+  motionEaseInOut: "var(--vef-motion-ease-in-out)",
+  motionEaseOutBack: "var(--vef-motion-ease-out-back)",
+  motionEaseInBack: "var(--vef-motion-ease-in-back)",
+  motionEaseInQuint: "var(--vef-motion-ease-in-quint)",
+  motionEaseOutQuint: "var(--vef-motion-ease-out-quint)",
+  borderRadius: "var(--vef-border-radius)",
+  sizePopupArrow: "var(--vef-size-popup-arrow)",
+  controlHeight: "var(--vef-control-height)",
+  zIndexBase: "var(--vef-z-index-base)",
+  zIndexPopupBase: "var(--vef-z-index-popup-base)",
+  opacityImage: "var(--vef-opacity-image)",
+  colorBgLayout: "var(--vef-color-bg-layout)",
+  colorBgSpotlight: "var(--vef-color-bg-spotlight)",
+  blue1: "var(--vef-blue-1)",
+  blue2: "var(--vef-blue-2)",
+  blue3: "var(--vef-blue-3)",
+  blue4: "var(--vef-blue-4)",
+  blue5: "var(--vef-blue-5)",
+  blue6: "var(--vef-blue-6)",
+  blue7: "var(--vef-blue-7)",
+  blue8: "var(--vef-blue-8)",
+  blue9: "var(--vef-blue-9)",
+  blue10: "var(--vef-blue-10)",
+  purple1: "var(--vef-purple-1)",
+  purple2: "var(--vef-purple-2)",
+  purple3: "var(--vef-purple-3)",
+  purple4: "var(--vef-purple-4)",
+  purple5: "var(--vef-purple-5)",
+  purple6: "var(--vef-purple-6)",
+  purple7: "var(--vef-purple-7)",
+  purple8: "var(--vef-purple-8)",
+  purple9: "var(--vef-purple-9)",
+  purple10: "var(--vef-purple-10)",
+  cyan1: "var(--vef-cyan-1)",
+  cyan2: "var(--vef-cyan-2)",
+  cyan3: "var(--vef-cyan-3)",
+  cyan4: "var(--vef-cyan-4)",
+  cyan5: "var(--vef-cyan-5)",
+  cyan6: "var(--vef-cyan-6)",
+  cyan7: "var(--vef-cyan-7)",
+  cyan8: "var(--vef-cyan-8)",
+  cyan9: "var(--vef-cyan-9)",
+  cyan10: "var(--vef-cyan-10)",
+  green1: "var(--vef-green-1)",
+  green2: "var(--vef-green-2)",
+  green3: "var(--vef-green-3)",
+  green4: "var(--vef-green-4)",
+  green5: "var(--vef-green-5)",
+  green6: "var(--vef-green-6)",
+  green7: "var(--vef-green-7)",
+  green8: "var(--vef-green-8)",
+  green9: "var(--vef-green-9)",
+  green10: "var(--vef-green-10)",
+  magenta1: "var(--vef-magenta-1)",
+  magenta2: "var(--vef-magenta-2)",
+  magenta3: "var(--vef-magenta-3)",
+  magenta4: "var(--vef-magenta-4)",
+  magenta5: "var(--vef-magenta-5)",
+  magenta6: "var(--vef-magenta-6)",
+  magenta7: "var(--vef-magenta-7)",
+  magenta8: "var(--vef-magenta-8)",
+  magenta9: "var(--vef-magenta-9)",
+  magenta10: "var(--vef-magenta-10)",
+  pink1: "var(--vef-pink-1)",
+  pink2: "var(--vef-pink-2)",
+  pink3: "var(--vef-pink-3)",
+  pink4: "var(--vef-pink-4)",
+  pink5: "var(--vef-pink-5)",
+  pink6: "var(--vef-pink-6)",
+  pink7: "var(--vef-pink-7)",
+  pink8: "var(--vef-pink-8)",
+  pink9: "var(--vef-pink-9)",
+  pink10: "var(--vef-pink-10)",
+  red1: "var(--vef-red-1)",
+  red2: "var(--vef-red-2)",
+  red3: "var(--vef-red-3)",
+  red4: "var(--vef-red-4)",
+  red5: "var(--vef-red-5)",
+  red6: "var(--vef-red-6)",
+  red7: "var(--vef-red-7)",
+  red8: "var(--vef-red-8)",
+  red9: "var(--vef-red-9)",
+  red10: "var(--vef-red-10)",
+  orange1: "var(--vef-orange-1)",
+  orange2: "var(--vef-orange-2)",
+  orange3: "var(--vef-orange-3)",
+  orange4: "var(--vef-orange-4)",
+  orange5: "var(--vef-orange-5)",
+  orange6: "var(--vef-orange-6)",
+  orange7: "var(--vef-orange-7)",
+  orange8: "var(--vef-orange-8)",
+  orange9: "var(--vef-orange-9)",
+  orange10: "var(--vef-orange-10)",
+  yellow1: "var(--vef-yellow-1)",
+  yellow2: "var(--vef-yellow-2)",
+  yellow3: "var(--vef-yellow-3)",
+  yellow4: "var(--vef-yellow-4)",
+  yellow5: "var(--vef-yellow-5)",
+  yellow6: "var(--vef-yellow-6)",
+  yellow7: "var(--vef-yellow-7)",
+  yellow8: "var(--vef-yellow-8)",
+  yellow9: "var(--vef-yellow-9)",
+  yellow10: "var(--vef-yellow-10)",
+  volcano1: "var(--vef-volcano-1)",
+  volcano2: "var(--vef-volcano-2)",
+  volcano3: "var(--vef-volcano-3)",
+  volcano4: "var(--vef-volcano-4)",
+  volcano5: "var(--vef-volcano-5)",
+  volcano6: "var(--vef-volcano-6)",
+  volcano7: "var(--vef-volcano-7)",
+  volcano8: "var(--vef-volcano-8)",
+  volcano9: "var(--vef-volcano-9)",
+  volcano10: "var(--vef-volcano-10)",
+  geekblue1: "var(--vef-geekblue-1)",
+  geekblue2: "var(--vef-geekblue-2)",
+  geekblue3: "var(--vef-geekblue-3)",
+  geekblue4: "var(--vef-geekblue-4)",
+  geekblue5: "var(--vef-geekblue-5)",
+  geekblue6: "var(--vef-geekblue-6)",
+  geekblue7: "var(--vef-geekblue-7)",
+  geekblue8: "var(--vef-geekblue-8)",
+  geekblue9: "var(--vef-geekblue-9)",
+  geekblue10: "var(--vef-geekblue-10)",
+  gold1: "var(--vef-gold-1)",
+  gold2: "var(--vef-gold-2)",
+  gold3: "var(--vef-gold-3)",
+  gold4: "var(--vef-gold-4)",
+  gold5: "var(--vef-gold-5)",
+  gold6: "var(--vef-gold-6)",
+  gold7: "var(--vef-gold-7)",
+  gold8: "var(--vef-gold-8)",
+  gold9: "var(--vef-gold-9)",
+  gold10: "var(--vef-gold-10)",
+  lime1: "var(--vef-lime-1)",
+  lime2: "var(--vef-lime-2)",
+  lime3: "var(--vef-lime-3)",
+  lime4: "var(--vef-lime-4)",
+  lime5: "var(--vef-lime-5)",
+  lime6: "var(--vef-lime-6)",
+  lime7: "var(--vef-lime-7)",
+  lime8: "var(--vef-lime-8)",
+  lime9: "var(--vef-lime-9)",
+  lime10: "var(--vef-lime-10)",
+  colorText: "var(--vef-color-text)",
+  colorTextSecondary: "var(--vef-color-text-secondary)",
+  colorTextTertiary: "var(--vef-color-text-tertiary)",
+  colorTextQuaternary: "var(--vef-color-text-quaternary)",
+  colorTextSlate: "#64748b",
+  colorFill: "var(--vef-color-fill)",
+  colorFillSecondary: "var(--vef-color-fill-secondary)",
+  colorFillTertiary: "var(--vef-color-fill-tertiary)",
+  colorFillQuaternary: "var(--vef-color-fill-quaternary)",
+  colorBgSolid: "var(--vef-color-bg-solid)",
+  colorBgSolidHover: "var(--vef-color-bg-solid-hover)",
+  colorBgSolidActive: "var(--vef-color-bg-solid-active)",
+  colorBgContainer: "var(--vef-color-bg-container)",
+  colorBgElevated: "var(--vef-color-bg-elevated)",
+  colorBgBlur: "var(--vef-color-bg-blur)",
+  colorBorder: "var(--vef-color-border)",
+  colorBorderSecondary: "var(--vef-color-border-secondary)",
+  colorPrimaryBg: "var(--vef-color-primary-bg)",
+  colorPrimaryBgHover: "var(--vef-color-primary-bg-hover)",
+  colorPrimaryBorder: "var(--vef-color-primary-border)",
+  colorPrimaryBorderHover: "var(--vef-color-primary-border-hover)",
+  colorPrimaryHover: "var(--vef-color-primary-hover)",
+  colorPrimaryActive: "var(--vef-color-primary-active)",
+  colorPrimaryTextHover: "var(--vef-color-primary-text-hover)",
+  colorPrimaryText: "var(--vef-color-primary-text)",
+  colorPrimaryTextActive: "var(--vef-color-primary-text-active)",
+  colorSuccessBg: "var(--vef-color-success-bg)",
+  colorSuccessBgHover: "var(--vef-color-success-bg-hover)",
+  colorSuccessBorder: "var(--vef-color-success-border)",
+  colorSuccessBorderHover: "var(--vef-color-success-border-hover)",
+  colorSuccessHover: "var(--vef-color-success-hover)",
+  colorSuccessActive: "var(--vef-color-success-active)",
+  colorSuccessTextHover: "var(--vef-color-success-text-hover)",
+  colorSuccessText: "var(--vef-color-success-text)",
+  colorSuccessTextActive: "var(--vef-color-success-text-active)",
+  colorErrorBg: "var(--vef-color-error-bg)",
+  colorErrorBgHover: "var(--vef-color-error-bg-hover)",
+  colorErrorBgFilledHover: "var(--vef-color-error-bg-filled-hover)",
+  colorErrorBgActive: "var(--vef-color-error-bg-active)",
+  colorErrorBorder: "var(--vef-color-error-border)",
+  colorErrorBorderHover: "var(--vef-color-error-border-hover)",
+  colorErrorHover: "var(--vef-color-error-hover)",
+  colorErrorActive: "var(--vef-color-error-active)",
+  colorErrorTextHover: "var(--vef-color-error-text-hover)",
+  colorErrorText: "var(--vef-color-error-text)",
+  colorErrorTextActive: "var(--vef-color-error-text-active)",
+  colorWarningBg: "var(--vef-color-warning-bg)",
+  colorWarningBgHover: "var(--vef-color-warning-bg-hover)",
+  colorWarningBorder: "var(--vef-color-warning-border)",
+  colorWarningBorderHover: "var(--vef-color-warning-border-hover)",
+  colorWarningHover: "var(--vef-color-warning-hover)",
+  colorWarningActive: "var(--vef-color-warning-active)",
+  colorWarningTextHover: "var(--vef-color-warning-text-hover)",
+  colorWarningText: "var(--vef-color-warning-text)",
+  colorWarningTextActive: "var(--vef-color-warning-text-active)",
+  colorInfoBg: "var(--vef-color-info-bg)",
+  colorInfoBgHover: "var(--vef-color-info-bg-hover)",
+  colorInfoBorder: "var(--vef-color-info-border)",
+  colorInfoBorderHover: "var(--vef-color-info-border-hover)",
+  colorInfoHover: "var(--vef-color-info-hover)",
+  colorInfoActive: "var(--vef-color-info-active)",
+  colorInfoTextHover: "var(--vef-color-info-text-hover)",
+  colorInfoText: "var(--vef-color-info-text)",
+  colorInfoTextActive: "var(--vef-color-info-text-active)",
+  colorLinkHover: "var(--vef-color-link-hover)",
+  colorLinkActive: "var(--vef-color-link-active)",
+  colorBgMask: "var(--vef-color-bg-mask)",
+  colorWhite: "var(--vef-color-white)",
+  fontSizeSm: "var(--vef-font-size-sm)",
+  fontSizeLg: "var(--vef-font-size-lg)",
+  fontSizeXl: "var(--vef-font-size-xl)",
+  fontSizeHeading1: "var(--vef-font-size-heading-1)",
+  fontSizeHeading2: "var(--vef-font-size-heading-2)",
+  fontSizeHeading3: "var(--vef-font-size-heading-3)",
+  fontSizeHeading4: "var(--vef-font-size-heading-4)",
+  fontSizeHeading5: "var(--vef-font-size-heading-5)",
+  lineHeight: "var(--vef-line-height)",
+  lineHeightLg: "var(--vef-line-height-lg)",
+  lineHeightSm: "var(--vef-line-height-sm)",
+  fontHeight: "var(--vef-font-height)",
+  fontHeightLg: "var(--vef-font-height-lg)",
+  fontHeightSm: "var(--vef-font-height-sm)",
+  lineHeightHeading1: "var(--vef-line-height-heading-1)",
+  lineHeightHeading2: "var(--vef-line-height-heading-2)",
+  lineHeightHeading3: "var(--vef-line-height-heading-3)",
+  lineHeightHeading4: "var(--vef-line-height-heading-4)",
+  lineHeightHeading5: "var(--vef-line-height-heading-5)",
+  controlHeightSm: "var(--vef-control-height-sm)",
+  controlHeightXs: "var(--vef-control-height-xs)",
+  controlHeightLg: "var(--vef-control-height-lg)",
+  motionDurationFast: "var(--vef-motion-duration-fast)",
+  motionDurationMid: "var(--vef-motion-duration-mid)",
+  motionDurationSlow: "var(--vef-motion-duration-slow)",
+  lineWidthBold: "var(--vef-line-width-bold)",
+  borderRadiusXs: "var(--vef-border-radius-xs)",
+  borderRadiusSm: "var(--vef-border-radius-sm)",
+  borderRadiusLg: "var(--vef-border-radius-lg)",
+  borderRadiusOuter: "var(--vef-border-radius-outer)",
+  colorFillContent: "var(--vef-color-fill-content)",
+  colorFillContentHover: "var(--vef-color-fill-content-hover)",
+  colorFillAlt: "var(--vef-color-fill-alter)",
+  colorBgContainerDisabled: "var(--vef-color-bg-container-disabled)",
+  colorBorderBg: "var(--vef-color-border-bg)",
+  colorSplit: "var(--vef-color-split)",
+  colorTextPlaceholder: "var(--vef-color-text-placeholder)",
+  colorTextDisabled: "var(--vef-color-text-disabled)",
+  colorTextHeading: "var(--vef-color-text-heading)",
+  colorTextLabel: "var(--vef-color-text-label)",
+  colorTextDescription: "var(--vef-color-text-description)",
+  colorTextLightSolid: "var(--vef-color-text-light-solid)",
+  colorHighlight: "var(--vef-color-highlight)",
+  colorBgTextHover: "var(--vef-color-bg-text-hover)",
+  colorBgTextActive: "var(--vef-color-bg-text-active)",
+  colorIcon: "var(--vef-color-icon)",
+  colorIconHover: "var(--vef-color-icon-hover)",
+  colorErrorOutline: "var(--vef-color-error-outline)",
+  colorWarningOutline: "var(--vef-color-warning-outline)",
+  fontSizeIcon: "var(--vef-font-size-icon)",
+  lineWidthFocus: "var(--vef-line-width-focus)",
+  controlOutlineWidth: "var(--vef-control-outline-width)",
+  controlInteractiveSize: "var(--vef-control-interactive-size)",
+  controlItemBgHover: "var(--vef-control-item-bg-hover)",
+  controlItemBgActive: "var(--vef-control-item-bg-active)",
+  controlItemBgActiveHover: "var(--vef-control-item-bg-active-hover)",
+  controlItemBgActiveDisabled: "var(--vef-control-item-bg-active-disabled)",
+  controlTmpOutline: "var(--vef-control-tmp-outline)",
+  controlOutline: "var(--vef-control-outline)",
+  fontWeightStrong: "var(--vef-font-weight-strong)",
+  opacityLoading: "var(--vef-opacity-loading)",
+  linkDecoration: "var(--vef-link-decoration)",
+  linkHoverDecoration: "var(--vef-link-hover-decoration)",
+  linkFocusDecoration: "var(--vef-link-focus-decoration)",
+  controlPaddingHorizontal: "var(--vef-control-padding-horizontal)",
+  controlPaddingHorizontalSm: "var(--vef-control-padding-horizontal-sm)",
+  paddingXxs: "var(--vef-padding-xxs)",
+  paddingXs: "var(--vef-padding-xs)",
+  paddingSm: "var(--vef-padding-sm)",
+  padding: "var(--vef-padding)",
+  paddingMd: "var(--vef-padding-md)",
+  paddingLg: "var(--vef-padding-lg)",
+  paddingXl: "var(--vef-padding-xl)",
+  paddingContentHorizontalLg: "var(--vef-padding-content-horizontal-lg)",
+  paddingContentVerticalLg: "var(--vef-padding-content-vertical-lg)",
+  paddingContentHorizontal: "var(--vef-padding-content-horizontal)",
+  paddingContentVertical: "var(--vef-padding-content-vertical)",
+  paddingContentHorizontalSm: "var(--vef-padding-content-horizontal-sm)",
+  paddingContentVerticalSm: "var(--vef-padding-content-vertical-sm)",
+  marginXxs: "var(--vef-margin-xxs)",
+  marginXs: "var(--vef-margin-xs)",
+  marginSm: "var(--vef-margin-sm)",
+  margin: "var(--vef-margin)",
+  marginMd: "var(--vef-margin-md)",
+  marginLg: "var(--vef-margin-lg)",
+  marginXl: "var(--vef-margin-xl)",
+  marginXxl: "var(--vef-margin-xxl)",
+  boxShadow: "var(--vef-box-shadow)",
+  boxShadowSecondary: "var(--vef-box-shadow-secondary)",
+  boxShadowTertiary: "var(--vef-box-shadow-tertiary)",
+  boxShadowPopoverArrow: "var(--vef-box-shadow-popover-arrow)",
+  boxShadowCard: "var(--vef-box-shadow-card)",
+  boxShadowDrawerRight: "var(--vef-box-shadow-drawer-right)",
+  boxShadowDrawerLeft: "var(--vef-box-shadow-drawer-left)",
+  boxShadowDrawerUp: "var(--vef-box-shadow-drawer-up)",
+  boxShadowDrawerDown: "var(--vef-box-shadow-drawer-down)",
+  boxShadowTabsOverflowLeft: "var(--vef-box-shadow-tabs-overflow-left)",
+  boxShadowTabsOverflowRight: "var(--vef-box-shadow-tabs-overflow-right)",
+  boxShadowTabsOverflowTop: "var(--vef-box-shadow-tabs-overflow-top)",
+  boxShadowTabsOverflowBottom: "var(--vef-box-shadow-tabs-overflow-bottom)",
+  boxShadowElevated: "0 0 1px rgb(0 0 0 / 30%), 0 4px 14px rgb(0 0 0 / 10%)"
+};
+
+exports.themeVariables = themeVariables;

package/cjs/types.cjs

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

package/cjs/utils.cjs

@@ -0,0 +1,117 @@
+"use strict";
+'use strict';
+
+require('./lib.cjs');
+var radashi = require('radashi');
+
+"use strict";
+function isAsyncFunction(fn) {
+  if (!radashi.isFunction(fn)) {
+    return false;
+  }
+  return fn.constructor.name === "AsyncFunction" || Object.prototype.toString.call(fn) === "[object AsyncFunction]" || fn.toString().startsWith("async ");
+}
+async function invokeMaybeAsyncFn(fn, {
+  beforeInvoke,
+  onSuccess,
+  onFinally
+}, ...args) {
+  if (isAsyncFunction(fn)) {
+    try {
+      beforeInvoke?.();
+      const result = await fn(...args);
+      onSuccess?.(result);
+      return result;
+    } finally {
+      onFinally?.();
+    }
+  } else {
+    const returned = fn(...args);
+    if (returned instanceof Promise) {
+      try {
+        beforeInvoke?.();
+        const result = await returned;
+        onSuccess?.(result);
+        return result;
+      } finally {
+        onFinally?.();
+      }
+    } else {
+      return returned;
+    }
+  }
+}
+function difference(oldValues, newValues) {
+  return Object.keys(newValues).filter((key) => oldValues[key] !== newValues[key]).reduce(
+    (acc, key) => {
+      acc[key] = newValues[key];
+      return acc;
+    },
+    {}
+  );
+}
+function constantCase(value) {
+  return radashi.snake(value).toUpperCase();
+}
+function isInternalFunction(fn) {
+  if (isAsyncFunction(fn) && Reflect.has(fn, "name") && Reflect.has(fn, "key") && Reflect.get(fn, "name") === "apiFn") {
+    return true;
+  }
+  return false;
+}
+function getStringLength(value) {
+  if (radashi.isNumber(value)) {
+    return `${value}px`;
+  }
+  return value;
+}
+function buildRouteParentMenusMappings(menus) {
+  return new Map(doBuildRouteParentMenusMappings(menus));
+}
+function doBuildRouteParentMenusMappings(menus, parents = []) {
+  return menus.flatMap((menu) => {
+    if (menu.type === "item") {
+      return [[menu.key, [menu, parents]]];
+    } else if (menu.type === "submenu" || menu.type === "group") {
+      const { children, ...parent } = menu;
+      return [
+        [
+          parent.key,
+          [
+            {
+              ...parent,
+              children: []
+            },
+            parents
+          ]
+        ],
+        ...doBuildRouteParentMenusMappings(children, [
+          ...parents,
+          {
+            ...parent,
+            children: children.filter((child) => child.type !== "divider").map((child) => {
+              if (child.type === "item") {
+                return {
+                  ...child
+                };
+              }
+              return {
+                ...child,
+                children: []
+              };
+            })
+          }
+        ])
+      ];
+    }
+    return [];
+  });
+}
+
+exports.buildRouteParentMenusMappings = buildRouteParentMenusMappings;
+exports.constantCase = constantCase;
+exports.difference = difference;
+exports.getStringLength = getStringLength;
+exports.invokeMaybeAsyncFn = invokeMaybeAsyncFn;
+exports.isAsyncFunction = isAsyncFunction;
+exports.isInternalFunction = isInternalFunction;