@vef-framework/starter 1.0.135 → 2.0.2

package/dist/cjs/components/crud/components/main.cjs

@@ -0,0 +1,57 @@
+/*! @vef-framework/starter v2.0.2 made with ❤️ by Venus | 2025-11-25T15:03:22.856Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const core = require('@vef-framework/core');
+require('../../../index.cjs');
+const react = require('react');
+const index = require('../../flex-card/index.cjs');
+require('../hooks/index.cjs');
+const store = require('../store.cjs');
+const styles = require('../styles.cjs');
+const toolbar = require('./toolbar.cjs');
+const useQueryObserver = require('../hooks/use-query-observer.cjs');
+const index$1 = require('../../pro-table/index.cjs');
+
+const Main = react.memo(({
+  tableColumns,
+  toolbarActions,
+  queryParams,
+  basicSearch,
+  advancedSearch,
+  ...restProps
+}) => {
+  const {
+    searchValues,
+    selectedRowKeys,
+    setSelectedRowKeys,
+    setSelectedRows
+  } = store.useCrudStore(core.useShallow((state) => {
+    const {
+      searchValues: searchValues2,
+      selectedRowKeys: selectedRowKeys2,
+      setSelectedRowKeys: setSelectedRowKeys2,
+      setSelectedRows: setSelectedRows2
+    } = state;
+    return {
+      searchValues: searchValues2,
+      selectedRowKeys: selectedRowKeys2,
+      setSelectedRowKeys: setSelectedRowKeys2,
+      setSelectedRows: setSelectedRows2
+    };
+  }));
+  const tableRef = useQueryObserver.useQueryObserver();
+  const mergedParams = {
+    ...searchValues,
+    ...queryParams
+  };
+  const handleSelectedRowKeysChange = (keys, rows) => {
+    setSelectedRowKeys(keys);
+    setSelectedRows(rows);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(index.FlexCard, { css: styles.main, title: /* @__PURE__ */ jsxRuntime.jsx(toolbar.Toolbar, { advancedSearch, basicSearch, toolbarActions }), children: /* @__PURE__ */ jsxRuntime.jsx(index$1.ProTable, { ref: tableRef, columns: tableColumns, queryParams: mergedParams, selectedRowKeys, onSelectedRowKeysChange: handleSelectedRowKeysChange, ...restProps }) });
+});
+
+exports.Main = Main;

package/dist/cjs/components/crud/components/mutation-holder.cjs

@@ -0,0 +1,40 @@
+/*! @vef-framework/starter v2.0.2 made with ❤️ by Venus | 2025-11-25T15:03:22.856Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const core = require('@vef-framework/core');
+const shared = require('@vef-framework/shared');
+const react = require('react');
+const store = require('../store.cjs');
+
+const MutationHolder = react.memo(({
+  mutationMeta,
+  deleteMutationFn,
+  deleteManyMutationFn
+}) => {
+  const crudStore = store.useCrudStoreApi();
+  const {
+    mutateAsync: deleteMutate
+  } = core.useMutation({
+    mutationKey: [deleteMutationFn?.key],
+    mutationFn: deleteMutationFn,
+    meta: shared.isFunction(mutationMeta) && deleteMutationFn ? mutationMeta(deleteMutationFn.key) : void 0
+  });
+  const {
+    mutateAsync: deleteManyMutate
+  } = core.useMutation({
+    mutationKey: [deleteManyMutationFn?.key],
+    mutationFn: deleteManyMutationFn,
+    meta: shared.isFunction(mutationMeta) && deleteManyMutationFn ? mutationMeta(deleteManyMutationFn.key) : void 0
+  });
+  react.useEffect(() => {
+    crudStore.setState({
+      delete: deleteMutate,
+      deleteMany: deleteManyMutate
+    });
+  }, [crudStore, deleteMutate, deleteManyMutate]);
+  return null;
+});
+
+exports.MutationHolder = MutationHolder;

package/dist/cjs/components/crud/components/operation-button-group.cjs

@@ -0,0 +1,22 @@
+/*! @vef-framework/starter v2.0.2 made with ❤️ by Venus | 2025-11-25T15:03:22.856Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const components = require('@vef-framework/components');
+const core = require('@vef-framework/core');
+const shared = require('@vef-framework/shared');
+const react = require('react');
+const store = require('../store.cjs');
+
+const OperationButtonGroup = react.memo(({
+  selector,
+  children
+}) => {
+  const selected = store.useCrudStore(core.useShallow((state) => selector ? selector(state) : state));
+  return /* @__PURE__ */ jsxRuntime.jsx(components.Group, { justify: "center", children: shared.isFunction(children) ? children(selected) : children });
+});
+OperationButtonGroup.displayName = "OperationButtonGroup";
+
+exports.OperationButtonGroup = OperationButtonGroup;

package/dist/cjs/components/crud/components/scene-form.cjs

@@ -0,0 +1,84 @@
+/*! @vef-framework/starter v2.0.2 made with ❤️ by Venus | 2025-11-25T15:03:22.856Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const components = require('@vef-framework/components');
+const core = require('@vef-framework/core');
+const hooks = require('@vef-framework/hooks');
+const shared = require('@vef-framework/shared');
+const react = require('react');
+const index = require('../../form-drawer/index.cjs');
+const index$1 = require('../../form-modal/index.cjs');
+const store = require('../store.cjs');
+
+const SceneForm = react.memo(({
+  renderForm,
+  formMutationFns,
+  beforeFormSubmit,
+  afterFormSubmit,
+  mutationMeta
+}) => {
+  const {
+    formVisible,
+    closeForm,
+    formScene,
+    defaultFormValues,
+    formTitle,
+    formWidth,
+    formMode,
+    drawerConfig,
+    refetchQuery
+  } = store.useCrudStore(core.useShallow((state) => {
+    const {
+      formVisible: formVisible2,
+      closeForm: closeForm2,
+      formScene: formScene2,
+      defaultFormValues: defaultFormValues2,
+      formTitle: formTitle2,
+      formWidth: formWidth2,
+      formMode: formMode2,
+      drawerConfig: drawerConfig2,
+      refetchQuery: refetchQuery2
+    } = state;
+    return {
+      formVisible: formVisible2,
+      closeForm: closeForm2,
+      formScene: formScene2,
+      defaultFormValues: defaultFormValues2,
+      formTitle: formTitle2,
+      formWidth: formWidth2,
+      formMode: formMode2,
+      drawerConfig: drawerConfig2,
+      refetchQuery: refetchQuery2
+    };
+  }));
+  const mutationFn = formMutationFns?.[formScene];
+  const {
+    current: currentBreakpoint
+  } = hooks.useBreakpoints(components.breakpoints, {
+    initialBreakpoint: "xxs"
+  });
+  const resolvedWidth = shared.isPlainObject(formWidth) ? components.resolveBreakpointValue(formWidth, currentBreakpoint) : formWidth;
+  const formProps = {
+    open: formVisible,
+    title: formTitle,
+    defaultValues: defaultFormValues,
+    mutationFn,
+    mutationMeta: shared.isFunction(mutationMeta) && mutationFn ? mutationMeta(mutationFn.key) : void 0,
+    beforeSubmit: shared.isFunction(beforeFormSubmit) ? (formValues) => beforeFormSubmit(formScene, formValues) : void 0,
+    afterSubmit: async (formValues, data) => {
+      await afterFormSubmit?.(formScene, formValues, data);
+      refetchQuery();
+    },
+    onClose: closeForm,
+    children: shared.isFunction(renderForm) ? renderForm(formScene) : void 0
+  };
+  if (formMode === "drawer") {
+    return /* @__PURE__ */ jsxRuntime.jsx(index.FormDrawer, { ...formProps, placement: drawerConfig?.placement, width: resolvedWidth });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(index$1.FormModal, { ...formProps, width: resolvedWidth });
+});
+
+exports.SceneForm = SceneForm;

package/dist/cjs/components/crud/components/selection-indicator.cjs

@@ -0,0 +1,83 @@
+/*! @vef-framework/starter v2.0.2 made with ❤️ by Venus | 2025-11-25T15:03:22.856Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const react = require('@emotion/react');
+const components = require('@vef-framework/components');
+const core = require('@vef-framework/core');
+const react$1 = require('react');
+const store = require('../store.cjs');
+
+const selectionWrapperStyle = /* @__PURE__ */ react.css({
+  display: "flex",
+  alignItems: "center",
+  gap: components.globalCssVars.sizeSm,
+  backgroundColor: components.globalCssVars.colorFillQuaternary,
+  paddingInline: components.globalCssVars.sizeSm,
+  borderRadius: components.globalCssVars.borderRadius,
+  fontWeight: "normal",
+  "> .vef-btn-variant-link": {
+    padding: 0
+  }
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL2NydWQvY29tcG9uZW50cy9zZWxlY3Rpb24taW5kaWNhdG9yLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVOEIiLCJmaWxlIjoiL1VzZXJzL3ZlbnVzL1ZFRi92ZWYtZnJhbWV3b3JrLXJlYWN0L3BhY2thZ2VzL3N0YXJ0ZXIvc3JjL2NvbXBvbmVudHMvY3J1ZC9jb21wb25lbnRzL3NlbGVjdGlvbi1pbmRpY2F0b3IudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBUcmFuc2l0aW9uLCBWYXJpYW50cyB9IGZyb20gXCJAdmVmLWZyYW1ld29yay9jb3JlXCI7XG5pbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IEJ1dHRvbiwgZ2xvYmFsQ3NzVmFycywgVGV4dCB9IGZyb20gXCJAdmVmLWZyYW1ld29yay9jb21wb25lbnRzXCI7XG5pbXBvcnQgeyBBbmltYXRlUHJlc2VuY2UsIG1vdGlvbiwgdXNlU2hhbGxvdyB9IGZyb20gXCJAdmVmLWZyYW1ld29yay9jb3JlXCI7XG5pbXBvcnQgeyBtZW1vIH0gZnJvbSBcInJlYWN0XCI7XG5cbmltcG9ydCB7IHVzZUNydWRTdG9yZSB9IGZyb20gXCIuLi9zdG9yZVwiO1xuXG5jb25zdCBzZWxlY3Rpb25XcmFwcGVyU3R5bGUgPSBjc3Moe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgZ2FwOiBnbG9iYWxDc3NWYXJzLnNpemVTbSxcbiAgYmFja2dyb3VuZENvbG9yOiBnbG9iYWxDc3NWYXJzLmNvbG9yRmlsbFF1YXRlcm5hcnksXG4gIHBhZGRpbmdJbmxpbmU6IGdsb2JhbENzc1ZhcnMuc2l6ZVNtLFxuICBib3JkZXJSYWRpdXM6IGdsb2JhbENzc1ZhcnMuYm9yZGVyUmFkaXVzLFxuICBmb250V2VpZ2h0OiBcIm5vcm1hbFwiLFxuICBcIj4gLnZlZi1idG4tdmFyaWFudC1saW5rXCI6IHtcbiAgICBwYWRkaW5nOiAwXG4gIH1cbn0pO1xuY29uc3Qgc2VsZWN0ZWRDb3VudFN0eWxlID0gY3NzKHtcbiAgY29sb3I6IGdsb2JhbENzc1ZhcnMuY29sb3JQcmltYXJ5LFxuICBmb250V2VpZ2h0OiBnbG9iYWxDc3NWYXJzLmZvbnRXZWlnaHRTdHJvbmdcbn0pO1xuXG5jb25zdCB2YXJpYW50czogVmFyaWFudHMgPSB7XG4gIGhpZGRlbjoge1xuICAgIG9wYWNpdHk6IDAsXG4gICAgeDogMTBcbiAgfSxcbiAgdmlzaWJsZToge1xuICAgIG9wYWNpdHk6IDEsXG4gICAgeDogMFxuICB9XG59O1xuXG5jb25zdCB0cmFuc2l0aW9uOiBUcmFuc2l0aW9uID0ge1xuICBkdXJhdGlvbjogMC4yLFxuICBlYXNlOiBcImVhc2VPdXRcIlxufTtcblxuaW50ZXJmYWNlIFNlbGVjdGlvbkluZGljYXRvclByb3BzIHtcbiAgc2VsZWN0aW9uU3VtbWFyeT86IChzZWxlY3RlZFJvd3M6IGFueVtdKSA9PiBSZWFjdE5vZGU7XG59XG5cbmV4cG9ydCBjb25zdCBTZWxlY3Rpb25JbmRpY2F0b3IgPSBtZW1vKCh7IHNlbGVjdGlvblN1bW1hcnkgfTogU2VsZWN0aW9uSW5kaWNhdG9yUHJvcHMpID0+IHtcbiAgY29uc3Qge1xuICAgIHNlbGVjdGVkUm93S2V5cyxcbiAgICBzZXRTZWxlY3RlZFJvd3MsXG4gICAgc2V0U2VsZWN0ZWRSb3dLZXlzXG4gIH0gPSB1c2VDcnVkU3RvcmUoXG4gICAgdXNlU2hhbGxvdyhcbiAgICAgIHN0YXRlID0+IHtcbiAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICBzZWxlY3RlZFJvd0tleXM6IHN0YXRlLnNlbGVjdGVkUm93S2V5cyxcbiAgICAgICAgICBzZXRTZWxlY3RlZFJvd3M6IHN0YXRlLnNldFNlbGVjdGVkUm93cyxcbiAgICAgICAgICBzZXRTZWxlY3RlZFJvd0tleXM6IHN0YXRlLnNldFNlbGVjdGVkUm93S2V5c1xuICAgICAgICB9O1xuICAgICAgfVxuICAgIClcbiAgKTtcblxuICBjb25zdCByZW5kZXJTZWxlY3Rpb25TdW1tYXJ5ID0gKCkgPT4ge1xuICAgIGlmIChzZWxlY3Rpb25TdW1tYXJ5KSB7XG4gICAgICByZXR1cm4gKFxuICAgICAgICA8PlxuICAgICAgICAgIHtcIiBcIn1cbiAgICAgICAgICB7c2VsZWN0aW9uU3VtbWFyeShzZWxlY3RlZFJvd0tleXMpfVxuICAgICAgICA8Lz5cbiAgICAgICk7XG4gICAgfVxuXG4gICAgcmV0dXJuIG51bGw7XG4gIH07XG5cbiAgY29uc3QgaGFuZGxlQ2xlYXJTZWxlY3Rpb24gPSAoKSA9PiB7XG4gICAgc2V0U2VsZWN0ZWRSb3dLZXlzKFtdKTtcbiAgICBzZXRTZWxlY3RlZFJvd3MoW10pO1xuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPEFuaW1hdGVQcmVzZW5jZT5cbiAgICAgIHtcbiAgICAgICAgc2VsZWN0ZWRSb3dLZXlzLmxlbmd0aCA+IDAgJiYgKFxuICAgICAgICAgIDxtb3Rpb24uZGl2XG4gICAgICAgICAgICBhbmltYXRlPVwidmlzaWJsZVwiXG4gICAgICAgICAgICBjc3M9e3NlbGVjdGlvbldyYXBwZXJTdHlsZX1cbiAgICAgICAgICAgIGV4aXQ9XCJoaWRkZW5cIlxuICAgICAgICAgICAgaW5pdGlhbD1cImhpZGRlblwiXG4gICAgICAgICAgICB0cmFuc2l0aW9uPXt0cmFuc2l0aW9ufVxuICAgICAgICAgICAgdmFyaWFudHM9e3ZhcmlhbnRzfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxUZXh0IHR5cGU9XCJzZWNvbmRhcnlcIj5cbiAgICAgICAgICAgICAg5bey6YCJ5oupXG4gICAgICAgICAgICAgIHtcIiBcIn1cbiAgICAgICAgICAgICAgPHNwYW4gY3NzPXtzZWxlY3RlZENvdW50U3R5bGV9PntzZWxlY3RlZFJvd0tleXMubGVuZ3RofTwvc3Bhbj5cbiAgICAgICAgICAgICAge1wiIFwifVxuICAgICAgICAgICAgICDpoblcbiAgICAgICAgICAgICAge3JlbmRlclNlbGVjdGlvblN1bW1hcnkoKX1cbiAgICAgICAgICAgIDwvVGV4dD5cblxuICAgICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgICB0eXBlPVwibGlua1wiXG4gICAgICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsZWFyU2VsZWN0aW9ufVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICDlj5bmtojpgInmi6lcbiAgICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICAgIDwvbW90aW9uLmRpdj5cbiAgICAgICAgKVxuICAgICAgfVxuICAgIDwvQW5pbWF0ZVByZXNlbmNlPlxuICApO1xufSk7XG4iXX0= */");
+const selectedCountStyle = /* @__PURE__ */ react.css({
+  color: components.globalCssVars.colorPrimary,
+  fontWeight: components.globalCssVars.fontWeightStrong
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL2NydWQvY29tcG9uZW50cy9zZWxlY3Rpb24taW5kaWNhdG9yLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQjJCIiwiZmlsZSI6Ii9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL2NydWQvY29tcG9uZW50cy9zZWxlY3Rpb24taW5kaWNhdG9yLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgVHJhbnNpdGlvbiwgVmFyaWFudHMgfSBmcm9tIFwiQHZlZi1mcmFtZXdvcmsvY29yZVwiO1xuaW1wb3J0IHR5cGUgeyBSZWFjdE5vZGUgfSBmcm9tIFwicmVhY3RcIjtcblxuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBCdXR0b24sIGdsb2JhbENzc1ZhcnMsIFRleHQgfSBmcm9tIFwiQHZlZi1mcmFtZXdvcmsvY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgQW5pbWF0ZVByZXNlbmNlLCBtb3Rpb24sIHVzZVNoYWxsb3cgfSBmcm9tIFwiQHZlZi1mcmFtZXdvcmsvY29yZVwiO1xuaW1wb3J0IHsgbWVtbyB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyB1c2VDcnVkU3RvcmUgfSBmcm9tIFwiLi4vc3RvcmVcIjtcblxuY29uc3Qgc2VsZWN0aW9uV3JhcHBlclN0eWxlID0gY3NzKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGdhcDogZ2xvYmFsQ3NzVmFycy5zaXplU20sXG4gIGJhY2tncm91bmRDb2xvcjogZ2xvYmFsQ3NzVmFycy5jb2xvckZpbGxRdWF0ZXJuYXJ5LFxuICBwYWRkaW5nSW5saW5lOiBnbG9iYWxDc3NWYXJzLnNpemVTbSxcbiAgYm9yZGVyUmFkaXVzOiBnbG9iYWxDc3NWYXJzLmJvcmRlclJhZGl1cyxcbiAgZm9udFdlaWdodDogXCJub3JtYWxcIixcbiAgXCI+IC52ZWYtYnRuLXZhcmlhbnQtbGlua1wiOiB7XG4gICAgcGFkZGluZzogMFxuICB9XG59KTtcbmNvbnN0IHNlbGVjdGVkQ291bnRTdHlsZSA9IGNzcyh7XG4gIGNvbG9yOiBnbG9iYWxDc3NWYXJzLmNvbG9yUHJpbWFyeSxcbiAgZm9udFdlaWdodDogZ2xvYmFsQ3NzVmFycy5mb250V2VpZ2h0U3Ryb25nXG59KTtcblxuY29uc3QgdmFyaWFudHM6IFZhcmlhbnRzID0ge1xuICBoaWRkZW46IHtcbiAgICBvcGFjaXR5OiAwLFxuICAgIHg6IDEwXG4gIH0sXG4gIHZpc2libGU6IHtcbiAgICBvcGFjaXR5OiAxLFxuICAgIHg6IDBcbiAgfVxufTtcblxuY29uc3QgdHJhbnNpdGlvbjogVHJhbnNpdGlvbiA9IHtcbiAgZHVyYXRpb246IDAuMixcbiAgZWFzZTogXCJlYXNlT3V0XCJcbn07XG5cbmludGVyZmFjZSBTZWxlY3Rpb25JbmRpY2F0b3JQcm9wcyB7XG4gIHNlbGVjdGlvblN1bW1hcnk/OiAoc2VsZWN0ZWRSb3dzOiBhbnlbXSkgPT4gUmVhY3ROb2RlO1xufVxuXG5leHBvcnQgY29uc3QgU2VsZWN0aW9uSW5kaWNhdG9yID0gbWVtbygoeyBzZWxlY3Rpb25TdW1tYXJ5IH06IFNlbGVjdGlvbkluZGljYXRvclByb3BzKSA9PiB7XG4gIGNvbnN0IHtcbiAgICBzZWxlY3RlZFJvd0tleXMsXG4gICAgc2V0U2VsZWN0ZWRSb3dzLFxuICAgIHNldFNlbGVjdGVkUm93S2V5c1xuICB9ID0gdXNlQ3J1ZFN0b3JlKFxuICAgIHVzZVNoYWxsb3coXG4gICAgICBzdGF0ZSA9PiB7XG4gICAgICAgIHJldHVybiB7XG4gICAgICAgICAgc2VsZWN0ZWRSb3dLZXlzOiBzdGF0ZS5zZWxlY3RlZFJvd0tleXMsXG4gICAgICAgICAgc2V0U2VsZWN0ZWRSb3dzOiBzdGF0ZS5zZXRTZWxlY3RlZFJvd3MsXG4gICAgICAgICAgc2V0U2VsZWN0ZWRSb3dLZXlzOiBzdGF0ZS5zZXRTZWxlY3RlZFJvd0tleXNcbiAgICAgICAgfTtcbiAgICAgIH1cbiAgICApXG4gICk7XG5cbiAgY29uc3QgcmVuZGVyU2VsZWN0aW9uU3VtbWFyeSA9ICgpID0+IHtcbiAgICBpZiAoc2VsZWN0aW9uU3VtbWFyeSkge1xuICAgICAgcmV0dXJuIChcbiAgICAgICAgPD5cbiAgICAgICAgICB7XCIgXCJ9XG4gICAgICAgICAge3NlbGVjdGlvblN1bW1hcnkoc2VsZWN0ZWRSb3dLZXlzKX1cbiAgICAgICAgPC8+XG4gICAgICApO1xuICAgIH1cblxuICAgIHJldHVybiBudWxsO1xuICB9O1xuXG4gIGNvbnN0IGhhbmRsZUNsZWFyU2VsZWN0aW9uID0gKCkgPT4ge1xuICAgIHNldFNlbGVjdGVkUm93S2V5cyhbXSk7XG4gICAgc2V0U2VsZWN0ZWRSb3dzKFtdKTtcbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDxBbmltYXRlUHJlc2VuY2U+XG4gICAgICB7XG4gICAgICAgIHNlbGVjdGVkUm93S2V5cy5sZW5ndGggPiAwICYmIChcbiAgICAgICAgICA8bW90aW9uLmRpdlxuICAgICAgICAgICAgYW5pbWF0ZT1cInZpc2libGVcIlxuICAgICAgICAgICAgY3NzPXtzZWxlY3Rpb25XcmFwcGVyU3R5bGV9XG4gICAgICAgICAgICBleGl0PVwiaGlkZGVuXCJcbiAgICAgICAgICAgIGluaXRpYWw9XCJoaWRkZW5cIlxuICAgICAgICAgICAgdHJhbnNpdGlvbj17dHJhbnNpdGlvbn1cbiAgICAgICAgICAgIHZhcmlhbnRzPXt2YXJpYW50c31cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8VGV4dCB0eXBlPVwic2Vjb25kYXJ5XCI+XG4gICAgICAgICAgICAgIOW3sumAieaLqVxuICAgICAgICAgICAgICB7XCIgXCJ9XG4gICAgICAgICAgICAgIDxzcGFuIGNzcz17c2VsZWN0ZWRDb3VudFN0eWxlfT57c2VsZWN0ZWRSb3dLZXlzLmxlbmd0aH08L3NwYW4+XG4gICAgICAgICAgICAgIHtcIiBcIn1cbiAgICAgICAgICAgICAg6aG5XG4gICAgICAgICAgICAgIHtyZW5kZXJTZWxlY3Rpb25TdW1tYXJ5KCl9XG4gICAgICAgICAgICA8L1RleHQ+XG5cbiAgICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgICAgdHlwZT1cImxpbmtcIlxuICAgICAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbGVhclNlbGVjdGlvbn1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAg5Y+W5raI6YCJ5oupXG4gICAgICAgICAgICA8L0J1dHRvbj5cbiAgICAgICAgICA8L21vdGlvbi5kaXY+XG4gICAgICAgIClcbiAgICAgIH1cbiAgICA8L0FuaW1hdGVQcmVzZW5jZT5cbiAgKTtcbn0pO1xuIl19 */");
+const variants = {
+  hidden: {
+    opacity: 0,
+    x: 10
+  },
+  visible: {
+    opacity: 1,
+    x: 0
+  }
+};
+const transition = {
+  duration: 0.2,
+  ease: "easeOut"
+};
+const SelectionIndicator = react$1.memo(({
+  selectionSummary
+}) => {
+  const {
+    selectedRowKeys,
+    setSelectedRows,
+    setSelectedRowKeys
+  } = store.useCrudStore(core.useShallow((state) => {
+    return {
+      selectedRowKeys: state.selectedRowKeys,
+      setSelectedRows: state.setSelectedRows,
+      setSelectedRowKeys: state.setSelectedRowKeys
+    };
+  }));
+  const renderSelectionSummary = () => {
+    if (selectionSummary) {
+      return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        " ",
+        selectionSummary(selectedRowKeys)
+      ] });
+    }
+    return null;
+  };
+  const handleClearSelection = () => {
+    setSelectedRowKeys([]);
+    setSelectedRows([]);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(core.AnimatePresence, { children: selectedRowKeys.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(core.motion.div, { animate: "visible", css: selectionWrapperStyle, exit: "hidden", initial: "hidden", transition, variants, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(components.Text, { type: "secondary", children: [
+      "已选择",
+      " ",
+      /* @__PURE__ */ jsxRuntime.jsx("span", { css: selectedCountStyle, children: selectedRowKeys.length }),
+      " ",
+      "项",
+      renderSelectionSummary()
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(components.Button, { type: "link", onClick: handleClearSelection, children: "取消选择" })
+  ] }) });
+});
+
+exports.SelectionIndicator = SelectionIndicator;

package/dist/cjs/components/crud/components/toolbar-actions.cjs

@@ -0,0 +1,19 @@
+/*! @vef-framework/starter v2.0.2 made with ❤️ by Venus | 2025-11-25T15:03:22.856Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const components = require('@vef-framework/components');
+const selectionIndicator = require('./selection-indicator.cjs');
+
+function ToolbarActions({
+  toolbarActions
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(components.Group, { gap: components.globalCssVars.spacingSm, children: [
+    toolbarActions,
+    /* @__PURE__ */ jsxRuntime.jsx(selectionIndicator.SelectionIndicator, {})
+  ] });
+}
+
+exports.ToolbarActions = ToolbarActions;

package/dist/cjs/components/crud/components/toolbar.cjs

@@ -0,0 +1,38 @@
+/*! @vef-framework/starter v2.0.2 made with ❤️ by Venus | 2025-11-25T15:03:22.856Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const core = require('@vef-framework/core');
+const react = require('react');
+const index = require('../../pro-search/index.cjs');
+const store = require('../store.cjs');
+const styles = require('../styles.cjs');
+const toolbarActions = require('./toolbar-actions.cjs');
+
+const Toolbar = react.memo(({
+  basicSearch,
+  advancedSearch,
+  toolbarActions: toolbarActions$1
+}) => {
+  const {
+    defaultSearchValues,
+    setSearchValues,
+    isQueryFetching
+  } = store.useCrudStore(core.useShallow((state) => {
+    const {
+      defaultSearchValues: defaultSearchValues2,
+      setSearchValues: setSearchValues2,
+      isQueryFetching: isQueryFetching2
+    } = state;
+    return {
+      defaultSearchValues: defaultSearchValues2,
+      setSearchValues: setSearchValues2,
+      isQueryFetching: isQueryFetching2
+    };
+  }));
+  return /* @__PURE__ */ jsxRuntime.jsx(index.ProSearch, { advancedSearch, basicSearch, css: styles.toolbar, defaultValues: defaultSearchValues, loading: isQueryFetching, extra: /* @__PURE__ */ jsxRuntime.jsx(toolbarActions.ToolbarActions, { toolbarActions: toolbarActions$1 }), onReset: setSearchValues, onSearch: setSearchValues });
+});
+
+exports.Toolbar = Toolbar;

package/dist/cjs/components/crud/event.cjs

@@ -0,0 +1,12 @@
+/*! @vef-framework/starter v2.0.2 made with ❤️ by Venus | 2025-11-25T15:03:22.856Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const shared = require('@vef-framework/shared');
+
+function createEventEmitter() {
+  return new shared.EventEmitter();
+}
+
+exports.createEventEmitter = createEventEmitter;

package/dist/cjs/components/crud/helpers.cjs

@@ -0,0 +1,26 @@
+/*! @vef-framework/starter v2.0.2 made with ❤️ by Venus | 2025-11-25T15:03:22.856Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+require('./components/index.cjs');
+require('./hooks/index.cjs');
+const store = require('./store.cjs');
+const actionButtonGroup = require('./components/action-button-group.cjs');
+const operationButtonGroup = require('./components/operation-button-group.cjs');
+const useSelectedRows = require('./hooks/use-selected-rows.cjs');
+const useSearchValues = require('./hooks/use-search-values.cjs');
+
+function createCrudKit() {
+  return {
+    // Hooks
+    useCrudStore: store.useCrudStore,
+    useSearchValues: useSearchValues.useSearchValues,
+    useSelectedRows: useSelectedRows.useSelectedRows,
+    // Components
+    OperationButtonGroup: operationButtonGroup.OperationButtonGroup,
+    ActionButtonGroup: actionButtonGroup.ActionButtonGroup
+  };
+}
+
+exports.createCrudKit = createCrudKit;

package/dist/cjs/components/crud/hooks/index.cjs

@@ -0,0 +1,14 @@
+/*! @vef-framework/starter v2.0.2 made with ❤️ by Venus | 2025-11-25T15:03:22.856Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const useQueryObserver = require('./use-query-observer.cjs');
+const useSearchValues = require('./use-search-values.cjs');
+const useSelectedRows = require('./use-selected-rows.cjs');
+
+
+
+exports.useQueryObserver = useQueryObserver.useQueryObserver;
+exports.useSearchValues = useSearchValues.useSearchValues;
+exports.useSelectedRows = useSelectedRows.useSelectedRows;

package/dist/cjs/components/crud/hooks/use-query-observer.cjs

@@ -0,0 +1,37 @@
+/*! @vef-framework/starter v2.0.2 made with ❤️ by Venus | 2025-11-25T15:03:22.856Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const react = require('react');
+const store = require('../store.cjs');
+
+function useQueryObserver() {
+  const tableRef = react.useRef(null);
+  const store$1 = store.useCrudStoreApi();
+  react.useEffect(() => {
+    const ref = tableRef.current;
+    if (ref) {
+      store$1.setState((state) => {
+        state.refetchQuery = ref.refetch;
+      });
+      const unsubscribeLoading = ref.onLoading(() => {
+        store$1.setState((state) => {
+          state.isQueryFetching = true;
+        });
+      });
+      const unsubscribeLoaded = ref.onLoaded(() => {
+        store$1.setState((state) => {
+          state.isQueryFetching = false;
+        });
+      });
+      return () => {
+        unsubscribeLoading();
+        unsubscribeLoaded();
+      };
+    }
+  }, [store$1]);
+  return tableRef;
+}
+
+exports.useQueryObserver = useQueryObserver;

package/dist/cjs/components/crud/hooks/use-search-values.cjs

@@ -0,0 +1,12 @@
+/*! @vef-framework/starter v2.0.2 made with ❤️ by Venus | 2025-11-25T15:03:22.856Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const store = require('../store.cjs');
+
+function useSearchValues() {
+  return store.useCrudStore((state) => state.searchValues);
+}
+
+exports.useSearchValues = useSearchValues;

package/dist/cjs/components/crud/hooks/use-selected-rows.cjs

@@ -0,0 +1,12 @@
+/*! @vef-framework/starter v2.0.2 made with ❤️ by Venus | 2025-11-25T15:03:22.856Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const store = require('../store.cjs');
+
+function useSelectedRows() {
+  return store.useCrudStore((state) => state.selectedRows);
+}
+
+exports.useSelectedRows = useSelectedRows;

package/dist/cjs/components/crud/index.cjs

@@ -0,0 +1,46 @@
+/*! @vef-framework/starter v2.0.2 made with ❤️ by Venus | 2025-11-25T15:03:22.856Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const react = require('react');
+require('./components/index.cjs');
+const store = require('./store.cjs');
+const helpers = require('./helpers.cjs');
+require('./props.cjs');
+const main = require('./components/main.cjs');
+const sceneForm = require('./components/scene-form.cjs');
+const mutationHolder = require('./components/mutation-holder.cjs');
+
+function Crud({
+  defaultSearchValues,
+  advancedSearch,
+  sceneDefaultFormValues,
+  renderForm,
+  formMutationFns,
+  beforeFormSubmit,
+  afterFormSubmit,
+  deleteMutationFn,
+  deleteManyMutationFn,
+  mutationMeta,
+  rowSelection,
+  ...bodyProps
+}) {
+  const initialState = react.useMemo(() => {
+    const defaultSelectedRowKeys = rowSelection === true ? [] : rowSelection?.defaultSelectedRowKeys ?? [];
+    return {
+      defaultSearchValues,
+      sceneDefaultFormValues,
+      selectedRowKeys: defaultSelectedRowKeys
+    };
+  }, [defaultSearchValues, sceneDefaultFormValues, rowSelection]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(store.CrudStoreProvider, { initialState, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(main.Main, { ...bodyProps, advancedSearch, rowSelection }),
+    /* @__PURE__ */ jsxRuntime.jsx(sceneForm.SceneForm, { afterFormSubmit, beforeFormSubmit, formMutationFns, mutationMeta, renderForm }),
+    /* @__PURE__ */ jsxRuntime.jsx(mutationHolder.MutationHolder, { deleteManyMutationFn, deleteMutationFn, mutationMeta })
+  ] });
+}
+
+exports.createCrudKit = helpers.createCrudKit;
+exports.Crud = Crud;

package/dist/cjs/components/crud/props.cjs

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

package/dist/cjs/components/crud/store.cjs

@@ -0,0 +1,93 @@
+/*! @vef-framework/starter v2.0.2 made with ❤️ by Venus | 2025-11-25T15:03:22.856Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const core = require('@vef-framework/core');
+const shared = require('@vef-framework/shared');
+const event = require('./event.cjs');
+
+const defaultFormTitles = {
+  create: "创建",
+  update: "修改"
+};
+const defaultFormWidth = {
+  xxl: "40vw",
+  xl: "50vw",
+  lg: "60vw",
+  md: "70vw",
+  sm: "80vw",
+  xs: "90vw",
+  xxs: "95vw"
+};
+const {
+  StoreProvider: CrudStoreProvider,
+  useStore: useCrudStore,
+  useStoreApi: useCrudStoreApi
+} = core.createComponentStore("Crud", (set) => {
+  return {
+    eventEmitter: event.createEventEmitter(),
+    setSearchValues: (values) => {
+      set((state) => {
+        state.searchValues = values;
+      });
+    },
+    isAdvancedSearchVisible: false,
+    setIsAdvancedSearchVisible: (isAdvancedSearchVisible) => {
+      set((state) => {
+        state.isAdvancedSearchVisible = isAdvancedSearchVisible;
+      });
+    },
+    formVisible: false,
+    formScene: "default",
+    formTitle: defaultFormTitles.create,
+    formWidth: defaultFormWidth,
+    formMode: "modal",
+    drawerConfig: void 0,
+    openForm: ({
+      scene,
+      values,
+      title,
+      width,
+      mode = "modal",
+      drawerConfig
+    }) => {
+      set((state) => {
+        state.formScene = scene;
+        state.formTitle = title || defaultFormTitles[scene] || "表单";
+        state.formWidth = width || defaultFormWidth;
+        state.formMode = mode;
+        state.drawerConfig = drawerConfig;
+        state.defaultFormValues = shared.mergeWith(values ?? {}, state.sceneDefaultFormValues[scene] ?? {});
+        state.formVisible = true;
+      });
+    },
+    closeForm: () => {
+      set((state) => {
+        state.formVisible = false;
+      });
+    },
+    sceneDefaultFormValues: {},
+    defaultFormValues: {},
+    delete: shared.createThrowNotImplementedFn("delete"),
+    deleteMany: shared.createThrowNotImplementedFn("deleteMany"),
+    isQueryFetching: false,
+    refetchQuery: shared.createThrowNotImplementedFn("refetchQuery"),
+    selectedRowKeys: [],
+    setSelectedRowKeys: (selectedRowKeys) => {
+      set((state) => {
+        state.selectedRowKeys = selectedRowKeys;
+      });
+    },
+    selectedRows: [],
+    setSelectedRows: (selectedRows) => {
+      set((state) => {
+        state.selectedRows = selectedRows;
+      });
+    }
+  };
+});
+
+exports.CrudStoreProvider = CrudStoreProvider;
+exports.useCrudStore = useCrudStore;
+exports.useCrudStoreApi = useCrudStoreApi;

package/dist/cjs/components/crud/styles.cjs

@@ -0,0 +1,34 @@
+/*! @vef-framework/starter v2.0.2 made with ❤️ by Venus | 2025-11-25T15:03:22.856Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const react = require('@emotion/react');
+const components = require('@vef-framework/components');
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
+const header = /* @__PURE__ */ react.css({
+  backgroundColor: components.globalCssVars.colorBgContainer,
+  paddingInline: components.globalCssVars.spacingMd,
+  paddingBlock: components.globalCssVars.spacingSm,
+  borderRadius: components.globalCssVars.borderRadiusLg,
+  boxShadow: components.globalCssVars.shadowXs
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL2NydWQvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlzQiIsImZpbGUiOiIvVXNlcnMvdmVudXMvVkVGL3ZlZi1mcmFtZXdvcmstcmVhY3QvcGFja2FnZXMvc3RhcnRlci9zcmMvY29tcG9uZW50cy9jcnVkL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgZ2xvYmFsQ3NzVmFycyB9IGZyb20gXCJAdmVmLWZyYW1ld29yay9jb21wb25lbnRzXCI7XG5cbi8vIFRPRE8gUmVzZXJ2ZWQgc3R5bGVcbmV4cG9ydCBjb25zdCBoZWFkZXIgPSBjc3Moe1xuICBiYWNrZ3JvdW5kQ29sb3I6IGdsb2JhbENzc1ZhcnMuY29sb3JCZ0NvbnRhaW5lcixcbiAgcGFkZGluZ0lubGluZTogZ2xvYmFsQ3NzVmFycy5zcGFjaW5nTWQsXG4gIHBhZGRpbmdCbG9jazogZ2xvYmFsQ3NzVmFycy5zcGFjaW5nU20sXG4gIGJvcmRlclJhZGl1czogZ2xvYmFsQ3NzVmFycy5ib3JkZXJSYWRpdXNMZyxcbiAgYm94U2hhZG93OiBnbG9iYWxDc3NWYXJzLnNoYWRvd1hzXG59KTtcblxuZXhwb3J0IGNvbnN0IG1haW4gPSBjc3Moe1xuICBcIiYudmVmLWNhcmRcIjoge1xuICAgIFwiLS12ZWYtY2FyZC1oZWFkZXItcGFkZGluZ1wiOiAwXG4gIH1cbn0pO1xuXG5leHBvcnQgY29uc3QgdG9vbGJhciA9IGNzcyh7XG4gIHBhZGRpbmc6IGdsb2JhbENzc1ZhcnMuc3BhY2luZ01kLFxuICBmb250V2VpZ2h0OiBcIm5vcm1hbFwiXG59KTtcbiJdfQ== */");
+const main = process.env.NODE_ENV === "production" ? {
+  name: "ly7b5i",
+  styles: "&.vef-card{--vef-card-header-padding:0;}"
+} : {
+  name: "ly7b5i",
+  styles: "&.vef-card{--vef-card-header-padding:0;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL2NydWQvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVlvQiIsImZpbGUiOiIvVXNlcnMvdmVudXMvVkVGL3ZlZi1mcmFtZXdvcmstcmVhY3QvcGFja2FnZXMvc3RhcnRlci9zcmMvY29tcG9uZW50cy9jcnVkL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgZ2xvYmFsQ3NzVmFycyB9IGZyb20gXCJAdmVmLWZyYW1ld29yay9jb21wb25lbnRzXCI7XG5cbi8vIFRPRE8gUmVzZXJ2ZWQgc3R5bGVcbmV4cG9ydCBjb25zdCBoZWFkZXIgPSBjc3Moe1xuICBiYWNrZ3JvdW5kQ29sb3I6IGdsb2JhbENzc1ZhcnMuY29sb3JCZ0NvbnRhaW5lcixcbiAgcGFkZGluZ0lubGluZTogZ2xvYmFsQ3NzVmFycy5zcGFjaW5nTWQsXG4gIHBhZGRpbmdCbG9jazogZ2xvYmFsQ3NzVmFycy5zcGFjaW5nU20sXG4gIGJvcmRlclJhZGl1czogZ2xvYmFsQ3NzVmFycy5ib3JkZXJSYWRpdXNMZyxcbiAgYm94U2hhZG93OiBnbG9iYWxDc3NWYXJzLnNoYWRvd1hzXG59KTtcblxuZXhwb3J0IGNvbnN0IG1haW4gPSBjc3Moe1xuICBcIiYudmVmLWNhcmRcIjoge1xuICAgIFwiLS12ZWYtY2FyZC1oZWFkZXItcGFkZGluZ1wiOiAwXG4gIH1cbn0pO1xuXG5leHBvcnQgY29uc3QgdG9vbGJhciA9IGNzcyh7XG4gIHBhZGRpbmc6IGdsb2JhbENzc1ZhcnMuc3BhY2luZ01kLFxuICBmb250V2VpZ2h0OiBcIm5vcm1hbFwiXG59KTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+const toolbar = /* @__PURE__ */ react.css({
+  padding: components.globalCssVars.spacingMd,
+  fontWeight: "normal"
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL2NydWQvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCdUIiLCJmaWxlIjoiL1VzZXJzL3ZlbnVzL1ZFRi92ZWYtZnJhbWV3b3JrLXJlYWN0L3BhY2thZ2VzL3N0YXJ0ZXIvc3JjL2NvbXBvbmVudHMvY3J1ZC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IGdsb2JhbENzc1ZhcnMgfSBmcm9tIFwiQHZlZi1mcmFtZXdvcmsvY29tcG9uZW50c1wiO1xuXG4vLyBUT0RPIFJlc2VydmVkIHN0eWxlXG5leHBvcnQgY29uc3QgaGVhZGVyID0gY3NzKHtcbiAgYmFja2dyb3VuZENvbG9yOiBnbG9iYWxDc3NWYXJzLmNvbG9yQmdDb250YWluZXIsXG4gIHBhZGRpbmdJbmxpbmU6IGdsb2JhbENzc1ZhcnMuc3BhY2luZ01kLFxuICBwYWRkaW5nQmxvY2s6IGdsb2JhbENzc1ZhcnMuc3BhY2luZ1NtLFxuICBib3JkZXJSYWRpdXM6IGdsb2JhbENzc1ZhcnMuYm9yZGVyUmFkaXVzTGcsXG4gIGJveFNoYWRvdzogZ2xvYmFsQ3NzVmFycy5zaGFkb3dYc1xufSk7XG5cbmV4cG9ydCBjb25zdCBtYWluID0gY3NzKHtcbiAgXCImLnZlZi1jYXJkXCI6IHtcbiAgICBcIi0tdmVmLWNhcmQtaGVhZGVyLXBhZGRpbmdcIjogMFxuICB9XG59KTtcblxuZXhwb3J0IGNvbnN0IHRvb2xiYXIgPSBjc3Moe1xuICBwYWRkaW5nOiBnbG9iYWxDc3NWYXJzLnNwYWNpbmdNZCxcbiAgZm9udFdlaWdodDogXCJub3JtYWxcIlxufSk7XG4iXX0= */");
+
+exports.header = header;
+exports.main = main;
+exports.toolbar = toolbar;