@multiplatform.one/forms 6.0.0

package/dist/cjs/FloatingPanel/FloatingPanel.stories.cjs

@@ -0,0 +1,252 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var FloatingPanel_stories_exports = {};
+__export(FloatingPanel_stories_exports, {
+  Basic: () => Basic,
+  Disabled: () => Disabled,
+  FillSizing: () => FillSizing,
+  ForceSheet: () => ForceSheet,
+  ScrollableContent: () => ScrollableContent,
+  default: () => FloatingPanel_stories_default
+});
+module.exports = __toCommonJS(FloatingPanel_stories_exports);
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import_index = require("./index.cjs");
+var import_InputParts = require("../InputParts/index.cjs");
+var import_colorRamps = require("../shared/colorRamps.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+const meta = {
+  title: "Forms/FloatingPanel",
+  component: import_index.FloatingPanel,
+  parameters: {
+    docs: {
+      description: {
+        component: "A floating panel that adapts: on native and sm screens, uses Sheet (slide-up); on larger web, uses a custom @floating-ui/react overlay with dropdown/dropup, scroll arrows, grow-on-scroll, and page scroll lock (same approach as Select/Combobox). Pass sheet={true} to force Sheet on desktop. Used by ColorPicker, DatePicker, TimePicker, and Duration."
+      }
+    }
+  }
+};
+var FloatingPanel_stories_default = meta;
+const Basic = {
+  name: "Main",
+  render: () => {
+    const [open, setOpen] = (0, import_react.useState)(false);
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      padding: "$4",
+      gap: "$4",
+      maxWidth: 400,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+        color: import_colorRamps.formCommonColors.muted,
+        children: "Click the trigger to open the floating panel."
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.FloatingPanel, {
+        open,
+        onOpenChange: setOpen,
+        trigger: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Box, {
+          cursor: "pointer",
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+            flex: 1,
+            paddingHorizontal: "$3",
+            paddingVertical: "$2",
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+              children: open ? "Panel is open" : "Click to open panel"
+            })
+          })
+        }),
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+          gap: "$3",
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.H4, {
+            children: "Panel Content"
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+            children: "This is a floating panel built on Tamagui Sheet. It has a proper overlay, slide-up animation, and drag-to-dismiss."
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Separator, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+            color: import_colorRamps.formCommonColors.muted,
+            children: "Drag down or tap overlay to close."
+          })]
+        })
+      })]
+    });
+  }
+};
+const ScrollableContent = {
+  render: () => {
+    const [open, setOpen] = (0, import_react.useState)(false);
+    const items = Array.from({
+      length: 50
+    }, (_, i) => `Item ${i + 1}`);
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      padding: "$4",
+      gap: "$4",
+      maxWidth: 400,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+        color: import_colorRamps.formCommonColors.muted,
+        children: "A scrollable floating panel with many items. Drag the handle to resize."
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.FloatingPanel, {
+        open,
+        onOpenChange: setOpen,
+        scrollable: true,
+        trigger: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Box, {
+          cursor: "pointer",
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+            flex: 1,
+            paddingHorizontal: "$3",
+            paddingVertical: "$2",
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+              children: open ? "Scrollable panel open" : "Click for scrollable panel"
+            })
+          })
+        }),
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+          children: items.map(item => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+            paddingHorizontal: "$3",
+            paddingVertical: "$2.5",
+            hoverStyle: {
+              backgroundColor: "$backgroundHover"
+            },
+            cursor: "pointer",
+            onPress: () => setOpen(false),
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+              children: item
+            })
+          }, item))
+        })
+      })]
+    });
+  }
+};
+const Disabled = {
+  render: () => {
+    const [open, setOpen] = (0, import_react.useState)(false);
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+      padding: "$4",
+      gap: "$4",
+      maxWidth: 400,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.FloatingPanel, {
+        open,
+        onOpenChange: setOpen,
+        disabled: true,
+        trigger: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Box, {
+          cursor: "not-allowed",
+          opacity: 0.5,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+            flex: 1,
+            paddingHorizontal: "$3",
+            paddingVertical: "$2",
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+              children: "Disabled trigger"
+            })
+          })
+        }),
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+            children: "You should never see this."
+          })
+        })
+      })
+    });
+  }
+};
+const FillSizing = {
+  render: () => {
+    const [open, setOpen] = (0, import_react.useState)(false);
+    const items = Array.from({
+      length: 30
+    }, (_, i) => `Option ${i + 1}`);
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      padding: "$4",
+      gap: "$4",
+      maxWidth: 400,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+        color: import_colorRamps.formCommonColors.muted,
+        children: 'sizing="fill" opens the panel at maximum available viewport size immediately, without requiring scroll to grow. Ideal for calendars, color pickers, and fixed-content panels.'
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.FloatingPanel, {
+        open,
+        onOpenChange: setOpen,
+        scrollable: true,
+        sizing: "fill",
+        trigger: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Box, {
+          cursor: "pointer",
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+            flex: 1,
+            paddingHorizontal: "$3",
+            paddingVertical: "$2",
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+              children: open ? "Fill panel open" : "Click for fill-sized panel"
+            })
+          })
+        }),
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+          children: items.map(item => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+            paddingHorizontal: "$3",
+            paddingVertical: "$2.5",
+            hoverStyle: {
+              backgroundColor: "$backgroundHover"
+            },
+            cursor: "pointer",
+            onPress: () => setOpen(false),
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+              children: item
+            })
+          }, item))
+        })
+      })]
+    });
+  }
+};
+const ForceSheet = {
+  render: () => {
+    const [open, setOpen] = (0, import_react.useState)(false);
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      padding: "$4",
+      gap: "$4",
+      maxWidth: 400,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+        color: import_colorRamps.formCommonColors.muted,
+        children: "sheet forces Sheet mode even on desktop (floating panel otherwise)."
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.FloatingPanel, {
+        open,
+        onOpenChange: setOpen,
+        sheet: true,
+        trigger: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Box, {
+          cursor: "pointer",
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+            flex: 1,
+            paddingHorizontal: "$3",
+            paddingVertical: "$2",
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+              children: open ? "Sheet open" : "Click for Sheet (forced)"
+            })
+          })
+        }),
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+          gap: "$3",
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.H4, {
+            children: "Forced Sheet"
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+            children: "This panel always uses Sheet, even on large screens."
+          })]
+        })
+      })]
+    });
+  }
+};

package/dist/cjs/FloatingPanel/FloatingPanel.stories.native.js

@@ -0,0 +1,267 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var FloatingPanel_stories_exports = {};
+__export(FloatingPanel_stories_exports, {
+  Basic: () => Basic,
+  Disabled: () => Disabled,
+  FillSizing: () => FillSizing,
+  ForceSheet: () => ForceSheet,
+  ScrollableContent: () => ScrollableContent,
+  default: () => FloatingPanel_stories_default
+});
+module.exports = __toCommonJS(FloatingPanel_stories_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import_index = require("./index.native.js");
+var import_InputParts = require("../InputParts/index.native.js");
+var import_colorRamps = require("../shared/colorRamps.native.js");
+var meta = {
+  title: "Forms/FloatingPanel",
+  component: import_index.FloatingPanel,
+  parameters: {
+    docs: {
+      description: {
+        component: "A floating panel that adapts: on native and sm screens, uses Sheet (slide-up); on larger web, uses a custom @floating-ui/react overlay with dropdown/dropup, scroll arrows, grow-on-scroll, and page scroll lock (same approach as Select/Combobox). Pass sheet={true} to force Sheet on desktop. Used by ColorPicker, DatePicker, TimePicker, and Duration."
+      }
+    }
+  }
+};
+var FloatingPanel_stories_default = meta;
+var Basic = {
+  name: "Main",
+  render: function render() {
+    var [open, setOpen] = (0, import_react.useState)(false);
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      padding: "$4",
+      gap: "$4",
+      maxWidth: 400,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+        color: import_colorRamps.formCommonColors.muted,
+        children: "Click the trigger to open the floating panel."
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.FloatingPanel, {
+        open,
+        onOpenChange: setOpen,
+        trigger: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Box, {
+          cursor: "pointer",
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+            flex: 1,
+            paddingHorizontal: "$3",
+            paddingVertical: "$2",
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+              children: open ? "Panel is open" : "Click to open panel"
+            })
+          })
+        }),
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+          gap: "$3",
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.H4, {
+            children: "Panel Content"
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+            children: "This is a floating panel built on Tamagui Sheet. It has a proper overlay, slide-up animation, and drag-to-dismiss."
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Separator, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+            color: import_colorRamps.formCommonColors.muted,
+            children: "Drag down or tap overlay to close."
+          })]
+        })
+      })]
+    });
+  }
+};
+var ScrollableContent = {
+  render: function render2() {
+    var [open, setOpen] = (0, import_react.useState)(false);
+    var items = Array.from({
+      length: 50
+    }, function (_, i) {
+      return `Item ${i + 1}`;
+    });
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      padding: "$4",
+      gap: "$4",
+      maxWidth: 400,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+        color: import_colorRamps.formCommonColors.muted,
+        children: "A scrollable floating panel with many items. Drag the handle to resize."
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.FloatingPanel, {
+        open,
+        onOpenChange: setOpen,
+        scrollable: true,
+        trigger: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Box, {
+          cursor: "pointer",
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+            flex: 1,
+            paddingHorizontal: "$3",
+            paddingVertical: "$2",
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+              children: open ? "Scrollable panel open" : "Click for scrollable panel"
+            })
+          })
+        }),
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+          children: items.map(function (item) {
+            return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+              paddingHorizontal: "$3",
+              paddingVertical: "$2.5",
+              hoverStyle: {
+                backgroundColor: "$backgroundHover"
+              },
+              cursor: "pointer",
+              onPress: function onPress() {
+                return setOpen(false);
+              },
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+                children: item
+              })
+            }, item);
+          })
+        })
+      })]
+    });
+  }
+};
+var Disabled = {
+  render: function render3() {
+    var [open, setOpen] = (0, import_react.useState)(false);
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+      padding: "$4",
+      gap: "$4",
+      maxWidth: 400,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.FloatingPanel, {
+        open,
+        onOpenChange: setOpen,
+        disabled: true,
+        trigger: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Box, {
+          cursor: "not-allowed",
+          opacity: 0.5,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+            flex: 1,
+            paddingHorizontal: "$3",
+            paddingVertical: "$2",
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+              children: "Disabled trigger"
+            })
+          })
+        }),
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+            children: "You should never see this."
+          })
+        })
+      })
+    });
+  }
+};
+var FillSizing = {
+  render: function render4() {
+    var [open, setOpen] = (0, import_react.useState)(false);
+    var items = Array.from({
+      length: 30
+    }, function (_, i) {
+      return `Option ${i + 1}`;
+    });
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      padding: "$4",
+      gap: "$4",
+      maxWidth: 400,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+        color: import_colorRamps.formCommonColors.muted,
+        children: 'sizing="fill" opens the panel at maximum available viewport size immediately, without requiring scroll to grow. Ideal for calendars, color pickers, and fixed-content panels.'
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.FloatingPanel, {
+        open,
+        onOpenChange: setOpen,
+        scrollable: true,
+        sizing: "fill",
+        trigger: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Box, {
+          cursor: "pointer",
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+            flex: 1,
+            paddingHorizontal: "$3",
+            paddingVertical: "$2",
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+              children: open ? "Fill panel open" : "Click for fill-sized panel"
+            })
+          })
+        }),
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+          children: items.map(function (item) {
+            return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+              paddingHorizontal: "$3",
+              paddingVertical: "$2.5",
+              hoverStyle: {
+                backgroundColor: "$backgroundHover"
+              },
+              cursor: "pointer",
+              onPress: function onPress() {
+                return setOpen(false);
+              },
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+                children: item
+              })
+            }, item);
+          })
+        })
+      })]
+    });
+  }
+};
+var ForceSheet = {
+  render: function render5() {
+    var [open, setOpen] = (0, import_react.useState)(false);
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      padding: "$4",
+      gap: "$4",
+      maxWidth: 400,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+        color: import_colorRamps.formCommonColors.muted,
+        children: "sheet forces Sheet mode even on desktop (floating panel otherwise)."
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.FloatingPanel, {
+        open,
+        onOpenChange: setOpen,
+        sheet: true,
+        trigger: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Box, {
+          cursor: "pointer",
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+            flex: 1,
+            paddingHorizontal: "$3",
+            paddingVertical: "$2",
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+              children: open ? "Sheet open" : "Click for Sheet (forced)"
+            })
+          })
+        }),
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+          gap: "$3",
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.H4, {
+            children: "Forced Sheet"
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+            children: "This panel always uses Sheet, even on large screens."
+          })]
+        })
+      })]
+    });
+  }
+};
+//# sourceMappingURL=FloatingPanel.stories.native.js.map

package/dist/cjs/FloatingPanel/FloatingPanel.stories.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","FloatingPanel_stories_exports","__export","Basic","Disabled","FillSizing","ForceSheet","ScrollableContent","default","FloatingPanel_stories_default","module","exports","import_jsx_runtime","require","import_react","import_tamagui","import_index","import_InputParts","import_colorRamps","meta","title","component","FloatingPanel","parameters","docs","description","name","render","open","setOpen","useState","jsxs","YStack","padding","gap","maxWidth","children","jsx","Paragraph","color","formCommonColors","muted","onOpenChange","trigger","Input","Box","cursor","View","flex","paddingHorizontal","paddingVertical","Text","H4","Separator","render2","items","Array","from","length","_","i","scrollable","map","item","hoverStyle","backgroundColor","onPress","render3","disabled","opacity"],"sources":["../../../src/FloatingPanel/FloatingPanel.stories.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,6BAAA;AAAAC,QAAA,CAAAD,6BAAA;EAAAE,KAAA,EAAAA,CAAA,KAAAA,KAAA;EAAAC,QAAA,EAAAA,CAAA,KAAAA,QAAA;EAAAC,UAAA,EAAAA,CAAA,KAAAA,UAAA;EAAAC,UAAA,EAAAA,CAAA,KAAAA,UAAA;EAAAC,iBAAA,EAAAA,CAAA,KAAAA,iBAAA;EAAAC,OAAA,EAAAA,CAAA,KAAAC;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAf,YAAyB,CAAAK,6BAAA;AAEzB,IAAAW,kBAA6D,GAAAC,OAAA;AAC7D,IAAAC,YAAA,GAA8BD,OAAA;AAC9B,IAAAE,cAAA,GAAAF,OAAoC;AACpC,IAAAG,YAAA,GAAAH,OAAiC;AAwBzB,IAAAI,iBAAA,GAAAJ,OAAA;AAtBR,IAAAK,iBAAyC,GAAAL,OAAA;AAAA,IACvCM,IAAA,GAAO;EACPC,KAAA,uBAAW;EACXC,SAAA,EAAAL,YAAY,CAAAM,aAAA;EAAAC,UACJ;IAAAC,IACJ;MAAaC,WACX,EACE;QACJJ,SAAA;MACF;IACF;EACF;AAEA;AAGO,IAAAZ,6BAAqB,GAAAU,IAAA;AAAA,IAC1BhB,KAAM;EACNuB,IAAA,QAAQ;EACNC,MAAA,EAAM,SAAOA,MAAOA,CAAA;IACpB,KAAAC,IACE,EAAAC,OAAA,QAAAf,YAAA,CAAAgB,QAAA,OAAC;IACC,0BAAAlB,kBAAA,CAACmB,IAAA,EAAAhB,cAAA,CAAAiB,MAAA,EAAU;MAGXC,OAAA;MAAAC,GAAC;MAAAC,QAAA;MAAAC,QACC,kBACc,IAAAxB,kBAAA,CAAAyB,GAAA,EAAAtB,cAAA,CAAAuB,SAAA;QACdC,KAAA,EAAArB,iBACE,CAAAsB,gBAAA,CAAAC,KAAA;QAOFL,QAAA;MACE,IAAiB,eACjB,IAAAxB,kBAAA,CAAAyB,GAAA,EAAArB,YAAC,CAAAM,aAAA;QAGDM,IACA;QAAWc,YACX,EAAAb,OAAA;QAA4Ec,OAC9E,qBAAA/B,kBAAA,CAAAyB,GAAA,EAAApB,iBAAA,CAAA2B,KAAA,CAAAC,GAAA;UAAAC,MAAA;UACFV,QAAA,qBAAAxB,kBAAA,CAAAyB,GAAA,EAAAtB,cAAA,CAAAgC,IAAA;YACFC,IAAA;YAEJC,iBAAA;YACFC,eAAA;YAEad,QAAA,iBAA2B,IAAAxB,kBAAA,CAAAyB,GAAA,EAAAtB,cAAA,CAAAoC,IAAA;cACxBf,QAAA,EAAAR,IAAA;YACL;UACD;QACN,CACE;QACEQ,QAAA,qBAAAxB,kBAAC,CAAAmB,IAAA,EAAAhB,cAAU,CAAAiB,MAAO;UAGlBE,GAAA;UAACE,QAAA,sBAAAxB,kBAAA,CAAAyB,GAAA,EAAAtB,cAAA,CAAAqC,EAAA;YACChB,QAAA;UACA,IACA,eAAU,IAAAxB,kBAAA,CAAAyB,GAAA,EAAAtB,cAAA,CAAAuB,SAAA;YACVF,QACE;UAOF,IAEK,mBAAAxB,kBAAA,CAAAyB,GAAA,EAAAtB,cAAA,CAAAsC,SAAA,0BAAAzC,kBAAA,CAAAyB,GAAA,EAAAtB,cAAA,CAAAuB,SAAA;YAECC,KAAA,EAAArB,iBAAkB,CAAAsB,gBAAA,CAAAC,KAAA;YAClBL,QAAA;UACA;QACO;MACqB;IAEhB;EAPP;AAUX;AAAA,IAAA7B,iBACF;EAAAoB,MACF,WAAA2B,QAAA;IAEJ,KAAA1B,IAAA,EAAAC,OAAA,QAAAf,YAAA,CAAAgB,QAAA;IACF,IAAAyB,KAAA,GAAAC,KAAA,CAAAC,IAAA;MAEaC,MAAA;IACX,aAAcC,CAAA,EAAAC,CAAA;MACZ,OAAO,QAAMA,CAAA,GAAO;IACpB;IAEI,OAAC,mBAAAhD,kBAAA,CAAAmB,IAAA,EAAAhB,cAAA,CAAAiB,MAAA;MAAAC,OAAA;MAAAC,GACC;MAAAC,QACA;MAAcC,QACd,GACA,eACE,IAAAxB,kBAAA,CAAAyB,GAAA,EAAAtB,cAAC,CAAAuB,SAAA;QAOHC,KAAA,EAAArB,iBAAA,CAAAsB,gBAAA,CAAAC,KAAA;QAEAL,QAAA;MAEJ,IAEJ,mBAAAxB,kBAAA,CAAAyB,GAAA,EAAArB,YAAA,CAAAM,aAAA;QACFM,IAAA;QAEac,YAAoB,EAAAb,OAAA;QACvBgC,UAAM;QACNlB,OAAO,iBAAW,IAAA/B,kBAAS,CAAAyB,GAAK,EAAApB,iBAAA,CAAA2B,KAAA,CAAAC,GAAA;UAChCC,MAAQ,WAAW;UAEvBV,QAAA,qBAAAxB,kBAAC,CAAAyB,GAAA,EAAAtB,cAAA,CAAOgC,IAAA;YACNC,IAAA;YAIAC,iBAAA;YAACC,eAAA;YAAAd,QAAA,qBAAAxB,kBAAA,CAAAyB,GAAA,EAAAtB,cAAA,CAAAoC,IAAA;cACCf,QAAA,EAAAR,IAAA;YACA;UACA;QACA;QACAQ,QAAA,EACE,mBAAAxB,kBAAA,CAAAyB,GAAA,EAACtB,cAAA,CAAAiB,MAAA,EAAW;UAOdI,QAAA,EAAAmB,KAAA,CAAAO,GAAA,WAAAC,IAAA;YAEK,0BAAAnD,kBAAA,CAAAyB,GAAA,EAAAtB,cAAA,CAAAgC,IAAA;cAAAE,iBAAA;cAECC,eAAA,EAAkB;cAClBc,UAAA;gBACAC,eAAc;cACd;cACAnB,MAAA,EAAS,SAAM;cAEfoB,OAAA,WAAAA,QAAA;gBAAY,OAAArC,OAAA;cAPP;cAUXO,QAAA,qBAAAxB,kBAAA,CAAAyB,GAAA,EAAAtB,cAAA,CAAAoC,IAAA;gBAAAf,QAAA,EAAA2B;cACF;YACF,GAAAA,IAAA;UAEJ;QACF;MAEa;IAET;EACA;AAEI;AAEA,IAAA3D,QACA;EAAAuB,MAAC,WAAAwC,QAAA;IAAA,KAAAvC,IAAA,EAAAC,OAAA,QAAAf,YAAA,CAAAgB,QAAA;IAAA,OACC,mBAAAlB,kBAAA,CAAAyB,GAAA,EAAAtB,cAAA,CAAAiB,MAAA;MAAAC,OACA;MAAcC,GAAA,EACd;MAAKC,QACL,KACE;MAIAC,QAGF,qBAAAxB,kBAAA,CAAAyB,GAAA,EAAArB,YAAC,CAAAM,aAAA;QACCM,IAAA;QAAgBc,YAChB,EAAAb,OAAA;QAA+DuC,QACjE;QAAAzB,OAAA,qBAAA/B,kBAAA,CAAAyB,GAAA,EAAApB,iBAAA,CAAA2B,KAAA,CAAAC,GAAA;UACFC,MAAA;UACFuB,OAAA;UAEJjC,QAAA,qBAAAxB,kBAAA,CAAAyB,GAAA,EAAAtB,cAAA,CAAAgC,IAAA;YACFC,IAAA","ignoreList":[]}