shadcn-zod-formkit 3.9.1 → 3.9.3

package/dist/index.cjs

@@ -12101,7 +12101,7 @@ var useKeyboardStore = zustand.create((set, get) => ({
     set({ onEnter });
   },
   setCurrentInputField(inputField) {
-    set({ currentInputField: inputField, isInputRequired: true });
+    set({ currentInputField: inputField, isInputRequired: inputField ? true : false });
   },
   setIsOpen(open) {
     if (!open) set({ value: "" });
@@ -12221,11 +12221,14 @@ var useKeyboardStore = zustand.create((set, get) => ({
     }
   }))
 }));
-var CustomSheet = ({ title = "", children, childrenHeader, isOpen, className, side = "bottom" }) => {
+var CustomSheet = ({ title = "", children, childrenHeader, isOpen, className, side = "bottom", isDynamic }) => {
   const setIsOpen = useKeyboardStore((state) => state.setIsOpen);
+  const setIsOpenDynamic = useKeyboardStore((state) => state.setIsOpenDynamic);
   const storeIsOpen = useKeyboardStore((state) => state.isOpen);
+  const storeIsOpenDynamic = useKeyboardStore((state) => state.isOpenDynamic);
   const controlledIsOpen = typeof isOpen === "boolean" ? isOpen : storeIsOpen;
-  return /* @__PURE__ */ jsxRuntime.jsx(Sheet, { open: controlledIsOpen, onOpenChange: setIsOpen, children: /* @__PURE__ */ jsxRuntime.jsx(SheetContent, { side, className, children: /* @__PURE__ */ jsxRuntime.jsxs(SheetHeader, { children: [
+  const open = isDynamic ? storeIsOpenDynamic : controlledIsOpen;
+  return /* @__PURE__ */ jsxRuntime.jsx(Sheet, { open, onOpenChange: isDynamic ? setIsOpenDynamic : setIsOpen, children: /* @__PURE__ */ jsxRuntime.jsx(SheetContent, { side, className, children: /* @__PURE__ */ jsxRuntime.jsxs(SheetHeader, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(SheetTitle, { children: title }),
     /* @__PURE__ */ jsxRuntime.jsxs(SheetDescription, { children: [
       childrenHeader,
@@ -12780,7 +12783,7 @@ var KeyboardQwerty = ({ onKeyPress, onEnter, keyFontSize = "text-2xl", onDelete,
   }, className: "bg-red-200 text-xs", style: { backgroundColor: "#faba005e" } };
   const btnEsc = { label: "esc", onClick: () => {
     setIsOpen(false);
-  }, className: "", style: { backgroundColor: "#ffc0c0" } };
+  }, className: "", style: { backgroundColor: "#ffc0c05e" } };
   const btnEnter = { label: "Enter", onClick: onEnter, className: "flex-[2] bg-green-200", style: { backgroundColor: "#008f003d" } };
   if (mode === "symbols") {
     const keys = [
@@ -17174,21 +17177,23 @@ var FormFieldsGrid = ({
     );
   }) });
 };
-var DynamicSheetKeyboard = ({ currentInputField, children, input, className, childClassName, keyFontSize = "text-base" }) => {
+var DynamicSheetKeyboard = ({ currentInputField, children, input, className, childClassName, keyFontSize = "text-base", isDynamic = false }) => {
   const content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     " ",
     KeyboardFactory.create(currentInputField?.input.keyboard ?? "qwerty" /* QWERTY */, input, children),
     " "
   ] });
+  const { setCurrentInputField, isOpenDynamic } = useKeyboardStore();
   const [container, setContainer] = React3.useState(content);
   React3.useEffect(() => {
+    if (!currentInputField) setCurrentInputField(null);
     setContainer(/* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       " ",
       KeyboardFactory.create(currentInputField?.input.keyboard ?? "qwerty" /* QWERTY */, input, children, childClassName, keyFontSize),
       " "
     ] }));
   }, [children]);
-  return /* @__PURE__ */ jsxRuntime.jsx(CustomSheet, { children: container, className });
+  return /* @__PURE__ */ jsxRuntime.jsx(CustomSheet, { children: container, className, isDynamic });
 };
 var DynamicForm = ({
   formTitle,