@vef-framework/components 1.0.100 → 1.0.101

package/es/vef-crud-page/index.js

@@ -1,3 +1,151 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{jsx as e,jsxs as t}from"@emotion/react/jsx-runtime";import{isNullish as o}from"@vef-framework/shared";import{useMemo as r}from"react";import s from"../vef-card/index.js";import a from"../vef-page/index.js";import i from"./components/crud-actions.js";import m from"./components/crud-footer.js";import n from"./components/crud-form-modal.js";import c from"./components/crud-header.js";import l from"./components/crud-table.js";import{useCrudSchema as p}from"./hooks/use-crud-schema.js";import{useCrudStore as f,CrudStoreProvider as u}from"./store.js";function VefCrudPageBase({title:r,actionButtons:p,batchActionButtons:u,tableSchema:b,filterItems:d,formGroups:h,tableApiParams:A,formApis:S,deletionApi:j,batchDeletionApi:g,selectionSummary:P,...y}){const{selectedKeys:B}=f((e=>e.selectedInfo)),V=!o(g)||!o(u)&&u.length>0;let k;if(y.paginated){const{tableApi:t,...o}=y;k=e(l,{showRowNumber:!0,api:t,apiParams:A,deletionApi:j,schema:b,selectable:V,...o})}else{const{tableApi:t,...o}=y;k=e(l,{showRowNumber:!0,api:t,apiParams:A,deletionApi:j,schema:b,selectable:V,...o})}const{tableApi:w}=y;return e(a,{scrollable:!0,title:r,actions:e(i,{actionButtons:p,tableApi:w,tableApiParams:A}),footer:B.length>0&&e(m,{batchActionButtons:u,batchDeletionApi:g,selectionSummary:P,tableApi:w,tableApiParams:A}),header:e(c,{actionButtons:p,filterItems:d,tableApi:w,tableApiParams:A,title:r}),children:t(s,{children:[k,S&&Object.keys(S).length>0&&h.length>0&&e(n,{formApis:S,formSchema:h})]})})}function VefCrudPage({schema:t,formApis:o,onFormOpen:s,onBeforeSubmit:a,onSubmitSuccess:i,...m}){const{tableSchema:n,filterItems:c,formGroups:l,filterValueAsDefaultKeys:f}=p(t),b=r((()=>{const e=o??{};return Object.keys(e).reduce(((t,o)=>(e[o]&&(t[o]=e[o].key),t)),{})}),[o]),d=r((()=>({filterValueAsDefaultKeys:f,formApiKeys:b,onBeforeSubmit:a,onFormOpen:s,onSubmitSuccess:i})),[f,b,a,s,i]);return e(u,{initialState:d,children:e(VefCrudPageBase,{filterItems:c,formApis:o,formGroups:l,tableSchema:n,...m})})}export{VefCrudPage as default};
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
+import { jsx, jsxs } from '@emotion/react/jsx-runtime';
+import { isNullish } from '@vef-framework/shared';
+import { useMemo } from 'react';
+import VefCard from '../vef-card/index.js';
+import VefPage from '../vef-page/index.js';
+import VefCrudActions from './components/crud-actions.js';
+import VefCrudFooter from './components/crud-footer.js';
+import VefCrudFormModal from './components/crud-form-modal.js';
+import VefCrudHeader from './components/crud-header.js';
+import VefCrudTable from './components/crud-table.js';
+import { useCrudSchema } from './hooks/use-crud-schema.js';
+import { useCrudStore, CrudStoreProvider } from './store.js';
+
+function VefCrudPageBase({
+  title,
+  actionButtons,
+  batchActionButtons,
+  tableSchema,
+  filterItems,
+  formGroups,
+  tableApiParams,
+  formApis,
+  deletionApi,
+  batchDeletionApi,
+  selectionSummary,
+  ...tableProps
+}) {
+  const { selectedKeys } = useCrudStore((state) => state.selectedInfo);
+  const selectable = !isNullish(batchDeletionApi) || !isNullish(batchActionButtons) && batchActionButtons.length > 0;
+  let tableNode;
+  if (tableProps.paginated) {
+    const { tableApi: tableApi2, ...restTableProps } = tableProps;
+    tableNode = /* @__PURE__ */ jsx(
+      VefCrudTable,
+      {
+        showRowNumber: true,
+        api: tableApi2,
+        apiParams: tableApiParams,
+        deletionApi,
+        schema: tableSchema,
+        selectable,
+        ...restTableProps
+      }
+    );
+  } else {
+    const { tableApi: tableApi2, ...restTableProps } = tableProps;
+    tableNode = /* @__PURE__ */ jsx(
+      VefCrudTable,
+      {
+        showRowNumber: true,
+        api: tableApi2,
+        apiParams: tableApiParams,
+        deletionApi,
+        schema: tableSchema,
+        selectable,
+        ...restTableProps
+      }
+    );
+  }
+  const { tableApi } = tableProps;
+  return /* @__PURE__ */ jsx(
+    VefPage,
+    {
+      scrollable: true,
+      title,
+      actions: /* @__PURE__ */ jsx(
+        VefCrudActions,
+        {
+          actionButtons,
+          tableApi,
+          tableApiParams
+        }
+      ),
+      footer: selectedKeys.length > 0 && /* @__PURE__ */ jsx(
+        VefCrudFooter,
+        {
+          batchActionButtons,
+          batchDeletionApi,
+          selectionSummary,
+          tableApi,
+          tableApiParams
+        }
+      ),
+      header: /* @__PURE__ */ jsx(
+        VefCrudHeader,
+        {
+          actionButtons,
+          filterItems,
+          tableApi,
+          tableApiParams,
+          title
+        }
+      ),
+      children: /* @__PURE__ */ jsxs(VefCard, { children: [
+        tableNode,
+        formApis && Object.keys(formApis).length > 0 && formGroups.length > 0 && /* @__PURE__ */ jsx(
+          VefCrudFormModal,
+          {
+            formApis,
+            formSchema: formGroups
+          }
+        )
+      ] })
+    }
+  );
+}
+function VefCrudPage({
+  schema,
+  formApis,
+  onFormOpen,
+  onBeforeSubmit,
+  onSubmitSuccess,
+  ...restProps
+}) {
+  const {
+    tableSchema,
+    filterItems,
+    formGroups,
+    filterValueAsDefaultKeys
+  } = useCrudSchema(schema);
+  const formApiKeys = useMemo(() => {
+    const apis = formApis ?? {};
+    return Object.keys(apis).reduce((acc, key) => {
+      if (apis[key]) {
+        acc[key] = apis[key].key;
+      }
+      return acc;
+    }, {});
+  }, [formApis]);
+  const initialState = useMemo(() => ({
+    filterValueAsDefaultKeys,
+    formApiKeys,
+    onBeforeSubmit,
+    onFormOpen,
+    onSubmitSuccess
+  }), [filterValueAsDefaultKeys, formApiKeys, onBeforeSubmit, onFormOpen, onSubmitSuccess]);
+  return /* @__PURE__ */ jsx(CrudStoreProvider, { initialState, children: /* @__PURE__ */ jsx(
+    VefCrudPageBase,
+    {
+      filterItems,
+      formApis,
+      formGroups,
+      tableSchema,
+      ...restProps
+    }
+  ) });
+}
+
+export { VefCrudPage as default };
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/vef-crud-page/store.js

@@ -1,3 +1,143 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{createComponentStore as e,creationFormScene as r,isNullish as o,isFunction as s,mergeFns as n,showSuccessMessage as t,showSuccessAlert as i,invokeMaybeAsyncFn as u}from"@vef-framework/shared";const{StoreProvider:l,useStore:m,useStoreApi:a}=e("Crud",(({filterValueAsDefaultKeys:e,formApiKeys:l,onFormOpen:m,onBeforeSubmit:a,onSubmitSuccess:c})=>(d,F)=>({onFormOpen:m,onBeforeSubmit:a,onSubmitSuccess:c,currentFormInfo:{scene:r,title:"创建",width:"medium"},currentFormEventHandlers:{},currentFormInitialValues:{},isFormOpen:!1,openForm:async({initialValues:r,width:l,onBeforeSubmit:m,onSubmitSuccess:a,showSuccessTip:c=!0,successTipType:f="message",...S})=>{const{filterValues:p,onFormOpen:V,closeForm:I,onBeforeSubmit:b,onSubmitSuccess:y,setIsFormLoading:g}=F(),w={...e.reduce(((e,r)=>{const s=p[r];return o(s)||(e[r]=s),e}),{}),...r},v=s(m)||s(b)?async(e,r)=>{const o=await(m?.(e,r));return await(b?.(o??e,r))??o}:void 0,B=s(a)||s(y)?n((({message:e})=>{c&&("message"===f?t(e):i(e)),I()}),a,y):void 0;d({isFormOpen:!0,currentFormInfo:{...S,width:l??"medium"},currentFormEventHandlers:{onBeforeSubmit:v,onSubmitSuccess:B},isFormLoading:Boolean(V)}),V?await u(V,{onSuccess:e=>{d({currentFormInitialValues:e})},onFinally:()=>{g(!1)}},w,p,S.scene):d({currentFormInitialValues:w})},closeForm:()=>{d({isFormOpen:!1,currentFormInitialValues:{},currentFormEventHandlers:{}})},isFormLoading:!1,setIsFormLoading:e=>{d({isFormLoading:e})},filterValueAsDefaultKeys:e,filterValues:{},setFilterValues:e=>{d({filterValues:e})},confirmedFilterValues:null,setConfirmedFilterValues:e=>{d({confirmedFilterValues:e})},selectedInfo:{selectedKeys:[],selectedRecords:[]},setSelectedInfo:e=>{d({selectedInfo:e})},formApiKeys:l,tableInstanceRef:{current:null}})));export{l as CrudStoreProvider,m as useCrudStore,a as useCrudStoreApi};
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
+import { createComponentStore, creationFormScene, isNullish, isFunction, mergeFns, showSuccessMessage, showSuccessAlert, invokeMaybeAsyncFn } from '@vef-framework/shared';
+
+const {
+  StoreProvider: CrudStoreProvider,
+  useStore: useCrudStore,
+  useStoreApi: useCrudStoreApi
+} = createComponentStore(
+  "Crud",
+  ({
+    filterValueAsDefaultKeys,
+    formApiKeys,
+    onFormOpen,
+    onBeforeSubmit,
+    onSubmitSuccess
+  }) => (set, get) => ({
+    onFormOpen,
+    onBeforeSubmit,
+    onSubmitSuccess,
+    currentFormInfo: {
+      scene: creationFormScene,
+      title: "创建",
+      width: "medium"
+    },
+    currentFormEventHandlers: {},
+    currentFormInitialValues: {},
+    isFormOpen: false,
+    openForm: async ({
+      initialValues,
+      width,
+      onBeforeSubmit: onBeforeSubmit2,
+      onSubmitSuccess: onSubmitSuccess2,
+      showSuccessTip = true,
+      successTipType = "message",
+      ...formInfo
+    }) => {
+      const {
+        filterValues,
+        onFormOpen: onFormOpen2,
+        closeForm,
+        onBeforeSubmit: globalOnBeforeSubmit,
+        onSubmitSuccess: globalOnSubmitSuccess,
+        setIsFormLoading
+      } = get();
+      const initialFormValues = {
+        ...filterValueAsDefaultKeys.reduce((acc, key) => {
+          const value = filterValues[key];
+          if (isNullish(value)) {
+            return acc;
+          }
+          acc[key] = value;
+          return acc;
+        }, {}),
+        ...initialValues
+      };
+      const mergedOnBeforeSubmit = isFunction(onBeforeSubmit2) || isFunction(globalOnBeforeSubmit) ? async (values, scene) => {
+        const result = await onBeforeSubmit2?.(values, scene);
+        const globalResult = await globalOnBeforeSubmit?.(result ?? values, scene);
+        return globalResult ?? result;
+      } : void 0;
+      const mergedOnSubmitSuccess = isFunction(onSubmitSuccess2) || isFunction(globalOnSubmitSuccess) ? mergeFns(
+        ({ message }) => {
+          if (showSuccessTip) {
+            if (successTipType === "message") {
+              showSuccessMessage(message);
+            } else {
+              showSuccessAlert(message);
+            }
+          }
+          closeForm();
+        },
+        onSubmitSuccess2,
+        globalOnSubmitSuccess
+      ) : void 0;
+      set({
+        isFormOpen: true,
+        currentFormInfo: {
+          ...formInfo,
+          width: width ?? "medium"
+        },
+        currentFormEventHandlers: {
+          onBeforeSubmit: mergedOnBeforeSubmit,
+          onSubmitSuccess: mergedOnSubmitSuccess
+        },
+        isFormLoading: Boolean(onFormOpen2)
+      });
+      if (onFormOpen2) {
+        await invokeMaybeAsyncFn(
+          onFormOpen2,
+          {
+            onSuccess: (initialFormValues2) => {
+              set({ currentFormInitialValues: initialFormValues2 });
+            },
+            onFinally: () => {
+              setIsFormLoading(false);
+            }
+          },
+          initialFormValues,
+          filterValues,
+          formInfo.scene
+        );
+      } else {
+        set({
+          currentFormInitialValues: initialFormValues
+        });
+      }
+    },
+    closeForm: () => {
+      set({
+        isFormOpen: false,
+        currentFormInitialValues: {},
+        currentFormEventHandlers: {}
+      });
+    },
+    isFormLoading: false,
+    setIsFormLoading: (isFormLoading) => {
+      set({ isFormLoading });
+    },
+    filterValueAsDefaultKeys,
+    filterValues: {},
+    setFilterValues: (filterValues) => {
+      set({ filterValues });
+    },
+    confirmedFilterValues: null,
+    setConfirmedFilterValues: (confirmedFilterValues) => {
+      set({ confirmedFilterValues });
+    },
+    selectedInfo: {
+      selectedKeys: [],
+      selectedRecords: []
+    },
+    setSelectedInfo: (selectedInfo) => {
+      set({ selectedInfo });
+    },
+    formApiKeys,
+    tableInstanceRef: {
+      current: null
+    }
+  })
+);
+
+export { CrudStoreProvider, useCrudStore, useCrudStoreApi };
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/vef-data-grid/index.js

@@ -1,3 +1,86 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{jsx as e}from"@emotion/react/jsx-runtime";import{HotTable as o}from"@handsontable/react-wrapper";import{registerLanguageDictionary as n,zhCN as t}from"handsontable/i18n";import{registerAllModules as a}from"handsontable/registry";import{useRef as l}from"react";a(),n(t);const r=Array.from({length:1e3}).map(((e,o)=>({name:`Name${o+1}`,gender:o%2==0?"Male":"Female",age:Math.floor(100*Math.random())+18,id:o+1,desc:`Description may be very long, very long, very long, very long, very long, very long, very long, very long, very long, very long${o+1}`}))),i=[{data:"id",title:"ID",fixedColumnsStart:1},{data:"name",title:"Name"},{data:"gender",title:"Gender"},{data:"age",title:"Age"},{data:"desc",title:"Description",width:200}];function VefDataGrid(n){console.log("file: index.tsx:49 ~ props:",n);const a=l(null);return e("div",{style:{width:"100%",maxHeight:"500px"},children:e(o,{ref:a,autoColumnSize:!0,autoRowSize:!0,colHeaders:!0,disableVisualSelection:!0,manualColumnMove:!0,manualColumnResize:!0,multiColumnSorting:!0,readOnly:!0,rowHeaders:!0,columns:i,data:r,language:t.languageCode,licenseKey:"non-commercial-and-evaluation",locale:t.languageCode,themeName:"ht-theme-main",beforeColumnSort:(e,o)=>{if(console.log("file: index.tsx:68 ~ sortConfigs:",o),o.length>0){const e=a.current?.hotInstance?.getColHeader(o[0].column);console.log("file: index.tsx:77 ~ header:",e);const n=a.current?.hotInstance?.getColumnMeta(o[0].column);console.log("file: index.tsx:79 ~ meta:",n)}}})})}export{VefDataGrid as default};
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
+import { jsx } from '@emotion/react/jsx-runtime';
+import { HotTable } from '@handsontable/react-wrapper';
+import { registerLanguageDictionary, zhCN } from 'handsontable/i18n';
+import { registerAllModules } from 'handsontable/registry';
+import { useRef } from 'react';
+
+registerAllModules();
+registerLanguageDictionary(zhCN);
+const users = Array.from({ length: 1e3 }).map((_, index) => ({
+  name: `Name${index + 1}`,
+  gender: index % 2 === 0 ? "Male" : "Female",
+  age: Math.floor(Math.random() * 100) + 18,
+  id: index + 1,
+  desc: `Description may be very long, very long, very long, very long, very long, very long, very long, very long, very long, very long${index + 1}`
+}));
+const columns = [
+  {
+    data: "id",
+    title: "ID",
+    fixedColumnsStart: 1
+  },
+  {
+    data: "name",
+    title: "Name"
+  },
+  {
+    data: "gender",
+    title: "Gender"
+  },
+  {
+    data: "age",
+    title: "Age"
+  },
+  {
+    data: "desc",
+    title: "Description",
+    width: 200
+  }
+];
+function VefDataGrid(props) {
+  console.log("file: index.tsx:49 ~ props:", props);
+  const hotTableRef = useRef(null);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        width: "100%",
+        maxHeight: "500px"
+      },
+      children: /* @__PURE__ */ jsx(
+        HotTable,
+        {
+          ref: hotTableRef,
+          autoColumnSize: true,
+          autoRowSize: true,
+          colHeaders: true,
+          disableVisualSelection: true,
+          manualColumnMove: true,
+          manualColumnResize: true,
+          multiColumnSorting: true,
+          readOnly: true,
+          rowHeaders: true,
+          columns,
+          data: users,
+          language: zhCN.languageCode,
+          licenseKey: "non-commercial-and-evaluation",
+          locale: zhCN.languageCode,
+          themeName: "ht-theme-main",
+          beforeColumnSort: (_, sortConfigs) => {
+            console.log("file: index.tsx:68 ~ sortConfigs:", sortConfigs);
+            if (sortConfigs.length > 0) {
+              const header = hotTableRef.current?.hotInstance?.getColHeader(sortConfigs[0].column);
+              console.log("file: index.tsx:77 ~ header:", header);
+              const meta = hotTableRef.current?.hotInstance?.getColumnMeta(sortConfigs[0].column);
+              console.log("file: index.tsx:79 ~ meta:", meta);
+            }
+          }
+        }
+      )
+    }
+  );
+}
+
+export { VefDataGrid as default };
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/vef-data-table/index.js

@@ -1,3 +1,10 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{jsx as e}from"@emotion/react/jsx-runtime";function VefDataTable(t){return console.log("file: index.tsx:3 ~ props:",t),e("div",{children:"data table"})}export{VefDataTable as default};
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
+import { jsx } from '@emotion/react/jsx-runtime';
+
+function VefDataTable(props) {
+  console.log("file: index.tsx:3 ~ props:", props);
+  return /* @__PURE__ */ jsx("div", { children: "data table" });
+}
+
+export { VefDataTable as default };
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/vef-divider/index.js

@@ -1,3 +1,25 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{jsx as t}from"@emotion/react/jsx-runtime";import{Divider as i}from"antd";function VefDivider({orientation:e,title:r,titlePosition:n,titleEdgeMargin:o,...a}){return t(i,{children:r,orientation:n,orientationMargin:o,type:e,...a})}export{VefDivider as default};
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
+import { jsx } from '@emotion/react/jsx-runtime';
+import { Divider } from 'antd';
+
+function VefDivider({
+  orientation,
+  title,
+  titlePosition,
+  titleEdgeMargin,
+  ...restProps
+}) {
+  return /* @__PURE__ */ jsx(
+    Divider,
+    {
+      children: title,
+      orientation: titlePosition,
+      orientationMargin: titleEdgeMargin,
+      type: orientation,
+      ...restProps
+    }
+  );
+}
+
+export { VefDivider as default };
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/vef-drawer/components/action-button-wrapper.js

@@ -1,3 +1,50 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{jsx as r,Fragment as e}from"@emotion/react/jsx-runtime";import{invokeMaybeAsyncFn as o}from"@vef-framework/shared";import{useState as t,useMemo as i,cloneElement as n}from"react";import{useDrawerContextSelector as a}from"../context.js";function VefDrawerActionButtonWrapper({children:s}){const[l,c]=a((r=>[r.isDisabled,r.setIsDisabled])),[d,f]=t(!1),{disabled:m,loading:p,onClick:u}=s.props,b=i((()=>{if(u)return async r=>{await o(u,{beforeInvoke:()=>{f(!0),c(!0)},onFinally:()=>{f(!1),c(!1)}},r)}}),[u,c]),k=n(s,{disabled:l||m,loading:d||p,onClick:b});return r(e,{children:k})}export{VefDrawerActionButtonWrapper as default};
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
+import { jsx, Fragment } from '@emotion/react/jsx-runtime';
+import { invokeMaybeAsyncFn } from '@vef-framework/shared';
+import { useState, useMemo, cloneElement } from 'react';
+import { useDrawerContextSelector } from '../context.js';
+
+function VefDrawerActionButtonWrapper({
+  children
+}) {
+  const [isDisabled, setIsDisabled] = useDrawerContextSelector((ctx) => [ctx.isDisabled, ctx.setIsDisabled]);
+  const [isLoading, setIsLoading] = useState(false);
+  const {
+    disabled,
+    loading,
+    onClick
+  } = children.props;
+  const wrappedOnClick = useMemo(() => {
+    if (!onClick) {
+      return;
+    }
+    return async (event) => {
+      await invokeMaybeAsyncFn(
+        onClick,
+        {
+          beforeInvoke: () => {
+            setIsLoading(true);
+            setIsDisabled(true);
+          },
+          onFinally: () => {
+            setIsLoading(false);
+            setIsDisabled(false);
+          }
+        },
+        event
+      );
+    };
+  }, [onClick, setIsDisabled]);
+  const buttonNode = cloneElement(
+    children,
+    {
+      disabled: isDisabled || disabled,
+      loading: isLoading || loading,
+      onClick: wrappedOnClick
+    }
+  );
+  return /* @__PURE__ */ jsx(Fragment, { children: buttonNode });
+}
+
+export { VefDrawerActionButtonWrapper as default };
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/vef-drawer/components/button-props.js

@@ -1,2 +1,3 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
+
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/vef-drawer/components/cancel-action-button.js

@@ -1,3 +1,22 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{jsx as t}from"@emotion/react/jsx-runtime";import o from"../../vef-button/index.js";import n from"./action-button-wrapper.js";function VefCancelActionButton({text:e,onClick:r}){return t(n,{children:t(o,{color:"default",variant:"text",onClick:r,children:e})})}export{VefCancelActionButton as default};
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
+import { jsx } from '@emotion/react/jsx-runtime';
+import VefButton from '../../vef-button/index.js';
+import VefDrawerActionButtonWrapper from './action-button-wrapper.js';
+
+function VefCancelActionButton({
+  text,
+  onClick
+}) {
+  return /* @__PURE__ */ jsx(VefDrawerActionButtonWrapper, { children: /* @__PURE__ */ jsx(
+    VefButton,
+    {
+      color: "default",
+      variant: "text",
+      onClick,
+      children: text
+    }
+  ) });
+}
+
+export { VefCancelActionButton as default };
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/vef-drawer/components/ok-action-button.js

@@ -1,3 +1,21 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{jsx as o}from"@emotion/react/jsx-runtime";import{CheckIcon as t}from"lucide-react";import r from"../../vef-button/index.js";import i from"../../vef-icon/index.js";import n from"./action-button-wrapper.js";function VefOkActionButton({text:e,onClick:c}){return o(n,{children:o(r,{color:"primary",icon:o(i,{children:o(t,{})}),onClick:c,children:e})})}export{VefOkActionButton as default};
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
+import { jsx } from '@emotion/react/jsx-runtime';
+import { CheckIcon } from 'lucide-react';
+import VefButton from '../../vef-button/index.js';
+import VefIcon from '../../vef-icon/index.js';
+import VefDrawerActionButtonWrapper from './action-button-wrapper.js';
+
+function VefOkActionButton({ text, onClick }) {
+  return /* @__PURE__ */ jsx(VefDrawerActionButtonWrapper, { children: /* @__PURE__ */ jsx(
+    VefButton,
+    {
+      color: "primary",
+      icon: /* @__PURE__ */ jsx(VefIcon, { children: /* @__PURE__ */ jsx(CheckIcon, {}) }),
+      onClick,
+      children: text
+    }
+  ) });
+}
+
+export { VefOkActionButton as default };
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/vef-drawer/context.js

@@ -1,3 +1,16 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{createSelectableContext as e,noop as s}from"@vef-framework/shared";const{ContextProvider:o,useContext:t,useContextSelector:r}=e({isDisabled:!1,setIsDisabled:s,isFullyOpened:!1,isFullyClosed:!1});export{o as DrawerContextProvider,t as useDrawerContext,r as useDrawerContextSelector};
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
+import { createSelectableContext, noop } from '@vef-framework/shared';
+
+const {
+  ContextProvider: DrawerContextProvider,
+  useContext: useDrawerContext,
+  useContextSelector: useDrawerContextSelector
+} = createSelectableContext({
+  isDisabled: false,
+  setIsDisabled: noop,
+  isFullyOpened: false,
+  isFullyClosed: false
+});
+
+export { DrawerContextProvider, useDrawerContext, useDrawerContextSelector };
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */