@kirill.konshin/bootstrap 0.0.2 → 0.0.3

package/dist/toaster.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toaster.d.ts","sourceRoot":"","sources":["../src/toaster.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAY,EAAE,EAAQ,MAAM,OAAO,CAAC;AAClD,OAAO,EAAS,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGpD,MAAM,MAAM,YAAY,GAAG;IACvB,KAAK,EAAE,MAAM,GAAG;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAA;KAAE,CAAC;CAChG,GAAG,UAAU,CAAC;AAEf,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CA6BnC,CAAC"}
+{"version":3,"file":"toaster.d.ts","sourceRoot":"","sources":["../src/toaster.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAY,KAAK,EAAE,EAAQ,MAAM,OAAO,CAAC;AACvD,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGzD,MAAM,MAAM,YAAY,GAAG;IACvB,KAAK,EAAE,MAAM,GAAG;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAA;KAAE,CAAC;CAChG,GAAG,UAAU,CAAC;AAEf,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CA6BnC,CAAC"}

package/dist/toaster.js

@@ -1,34 +1,33 @@
 "use client";
-import { jsxs, jsx } from "react/jsx-runtime";
 import { memo, useState } from "react";
 import { Toast } from "react-bootstrap";
-const Toaster = memo(function Toaster2({ toast }) {
-  const [dismissed, setDismissed] = useState(false);
-  const msg = typeof toast === "string" ? toast : toast?.message;
-  const variant = typeof toast === "string" ? "" : toast?.variant;
-  return /* @__PURE__ */ jsxs(
-    Toast,
-    {
-      onClose: () => setDismissed(true),
-      show: !dismissed,
-      delay: 1e4,
-      autohide: true,
-      bg: variant?.toLowerCase(),
-      className: "position-fixed top-50 right-50 min-w-200px z-3",
-      children: [
-        /* @__PURE__ */ jsx(Toast.Header, { children: /* @__PURE__ */ jsx("strong", { className: "me-auto", children: "Notification" }) }),
-        /* @__PURE__ */ jsx(
-          Toast.Body,
-          {
-            className: ["dark", "success", "danger"].includes(variant?.toLowerCase()) ? "text-white" : "",
-            children: msg
-          }
-        )
-      ]
-    }
-  );
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/toaster.tsx
+var Toaster = memo(function Toaster({ toast }) {
+	const [dismissed, setDismissed] = useState(false);
+	const msg = typeof toast === "string" ? toast : toast?.message;
+	const variant = typeof toast === "string" ? "" : toast?.variant;
+	return /* @__PURE__ */ jsxs(Toast, {
+		onClose: () => setDismissed(true),
+		show: !dismissed,
+		delay: 1e4,
+		autohide: true,
+		bg: variant?.toLowerCase(),
+		className: "position-fixed top-50 right-50 min-w-200px z-3",
+		children: [/* @__PURE__ */ jsx(Toast.Header, { children: /* @__PURE__ */ jsx("strong", {
+			className: "me-auto",
+			children: "Notification"
+		}) }), /* @__PURE__ */ jsx(Toast.Body, {
+			className: [
+				"dark",
+				"success",
+				"danger"
+			].includes(variant?.toLowerCase()) ? "text-white" : "",
+			children: msg
+		})]
+	});
 });
-export {
-  Toaster
-};
-//# sourceMappingURL=toaster.js.map
+//#endregion
+export { Toaster };
+
+//# sourceMappingURL=toaster.js.map

package/dist/toaster.js.map

@@ -1 +1 @@
-{"version":3,"file":"toaster.js","sources":["../src/toaster.tsx"],"sourcesContent":["'use client';\n\nimport React, { useState, FC, memo } from 'react';\nimport { Toast, ToastProps } from 'react-bootstrap';\n// import { useToaster } from '../redux/toasterSlice';\n\nexport type ToasterProps = {\n    toast: string | { message: string; title?: string; variant?: 'dark' | 'success' | 'danger' };\n} & ToastProps;\n\nexport const Toaster: FC<ToasterProps> = memo(function Toaster({ toast }) {\n    //const { toast, setToast } = useToaster();\n    const [dismissed, setDismissed] = useState(false);\n\n    const msg = typeof toast === 'string' ? toast : toast?.message;\n    // const title = typeof toast === 'string' ? 'Notification' : toast?.title;\n    const variant = typeof toast === 'string' ? '' : toast?.variant;\n\n    return (\n        <Toast\n            onClose={() => setDismissed(true)}\n            show={!dismissed}\n            delay={10000}\n            autohide\n            bg={variant?.toLowerCase()}\n            className=\"position-fixed top-50 right-50 min-w-200px z-3\"\n        >\n            <Toast.Header>\n                <strong className=\"me-auto\">Notification</strong>\n            </Toast.Header>\n            <Toast.Body\n                className={\n                    ['dark', 'success', 'danger'].includes((variant as string)?.toLowerCase()) ? 'text-white' : ''\n                }\n            >\n                {msg}\n            </Toast.Body>\n        </Toast>\n    );\n});\n"],"names":["Toaster"],"mappings":";;;;AAUO,MAAM,UAA4B,KAAK,SAASA,SAAQ,EAAE,SAAS;AAEtE,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAEhD,QAAM,MAAM,OAAO,UAAU,WAAW,QAAQ,OAAO;AAEvD,QAAM,UAAU,OAAO,UAAU,WAAW,KAAK,OAAO;AAExD,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,SAAS,MAAM,aAAa,IAAI;AAAA,MAChC,MAAM,CAAC;AAAA,MACP,OAAO;AAAA,MACP,UAAQ;AAAA,MACR,IAAI,SAAS,YAAA;AAAA,MACb,WAAU;AAAA,MAEV,UAAA;AAAA,QAAA,oBAAC,MAAM,QAAN,EACG,UAAA,oBAAC,YAAO,WAAU,WAAU,0BAAY,EAAA,CAC5C;AAAA,QACA;AAAA,UAAC,MAAM;AAAA,UAAN;AAAA,YACG,WACI,CAAC,QAAQ,WAAW,QAAQ,EAAE,SAAU,SAAoB,YAAA,CAAa,IAAI,eAAe;AAAA,YAG/F,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACL;AAAA,IAAA;AAAA,EAAA;AAGZ,CAAC;"}
+{"version":3,"file":"toaster.js","names":[],"sources":["../src/toaster.tsx"],"sourcesContent":["'use client';\n\nimport React, { useState, type FC, memo } from 'react';\nimport { Toast, type ToastProps } from 'react-bootstrap';\n// import { useToaster } from '../redux/toasterSlice';\n\nexport type ToasterProps = {\n    toast: string | { message: string; title?: string; variant?: 'dark' | 'success' | 'danger' };\n} & ToastProps;\n\nexport const Toaster: FC<ToasterProps> = memo(function Toaster({ toast }) {\n    //const { toast, setToast } = useToaster();\n    const [dismissed, setDismissed] = useState(false);\n\n    const msg = typeof toast === 'string' ? toast : toast?.message;\n    // const title = typeof toast === 'string' ? 'Notification' : toast?.title;\n    const variant = typeof toast === 'string' ? '' : toast?.variant;\n\n    return (\n        <Toast\n            onClose={() => setDismissed(true)}\n            show={!dismissed}\n            delay={10000}\n            autohide\n            bg={variant?.toLowerCase()}\n            className=\"position-fixed top-50 right-50 min-w-200px z-3\"\n        >\n            <Toast.Header>\n                <strong className=\"me-auto\">Notification</strong>\n            </Toast.Header>\n            <Toast.Body\n                className={\n                    ['dark', 'success', 'danger'].includes((variant as string)?.toLowerCase()) ? 'text-white' : ''\n                }\n            >\n                {msg}\n            </Toast.Body>\n        </Toast>\n    );\n});\n"],"mappings":";;;;;AAUA,IAAa,UAA4B,KAAK,SAAS,QAAQ,EAAE,SAAS;CAEtE,MAAM,CAAC,WAAW,gBAAgB,SAAS,KAAK;CAEhD,MAAM,MAAM,OAAO,UAAU,WAAW,QAAQ,OAAO;CAEvD,MAAM,UAAU,OAAO,UAAU,WAAW,KAAK,OAAO;CAExD,OACI,qBAAC,OAAD;EACI,eAAe,aAAa,IAAI;EAChC,MAAM,CAAC;EACP,OAAO;EACP,UAAA;EACA,IAAI,SAAS,YAAY;EACzB,WAAU;YANd,CAQI,oBAAC,MAAM,QAAP,EAAA,UACI,oBAAC,UAAD;GAAQ,WAAU;aAAU;EAAoB,CAAA,EACtC,CAAA,GACd,oBAAC,MAAM,MAAP;GACI,WACI;IAAC;IAAQ;IAAW;GAAQ,CAAC,CAAC,SAAU,SAAoB,YAAY,CAAC,IAAI,eAAe;aAG/F;EACO,CAAA,CACT;;AAEf,CAAC"}

package/dist/toaster.stories.d.ts

@@ -1,5 +1,5 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { Toaster } from './toaster';
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { Toaster } from './toaster.js';
 declare const meta: Meta<typeof Toaster>;
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/toaster.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toaster.stories.d.ts","sourceRoot":"","sources":["../src/toaster.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAGpC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAS9B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAIpB,CAAC"}
+{"version":3,"file":"toaster.stories.d.ts","sourceRoot":"","sources":["../src/toaster.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAGpC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAS9B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAIpB,CAAC"}

package/dist/useModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useModal.d.ts","sourceRoot":"","sources":["../src/useModal.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAuC,EAAE,EAAQ,MAAM,OAAO,CAAC;AAC7E,OAAO,EAAiB,UAAU,EAAa,cAAc,EAAS,MAAM,iBAAiB,CAAC;AAE9F,MAAM,MAAM,YAAY,GAAG;IAAE,OAAO,CAAC,EAAE,GAAG,CAAC;IAAC,WAAW,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAEpE,MAAM,MAAM,aAAa,GAAG;IACxB,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;IACrB,cAAc,CAAC,EAAE,UAAU,GAAG,cAAc,CAAC;CAChD,CAAC;AAEF,wBAAgB,QAAQ,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,GAAE,YAAiB,GAAG;IACnE,IAAI,EAAE,OAAO,GAAG,SAAS,CAAC;IAC1B,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,WAAW,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC;CAC/B,CAuEA"}
+{"version":3,"file":"useModal.d.ts","sourceRoot":"","sources":["../src/useModal.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAkC,KAAK,EAAE,EAAQ,MAAM,OAAO,CAAC;AAC7E,OAAO,EAAiB,KAAK,UAAU,EAAa,KAAK,cAAc,EAAS,MAAM,iBAAiB,CAAC;AAExG,MAAM,MAAM,YAAY,GAAG;IAAE,OAAO,CAAC,EAAE,GAAG,CAAC;IAAC,WAAW,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAEpE,MAAM,MAAM,aAAa,GAAG;IACxB,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;IACrB,cAAc,CAAC,EAAE,UAAU,GAAG,cAAc,CAAC;CAChD,CAAC;AAEF,wBAAgB,QAAQ,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,GAAE,YAAiB,GAAG;IACnE,IAAI,EAAE,OAAO,GAAG,SAAS,CAAC;IAC1B,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,WAAW,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC;CAC/B,CAuEA"}

package/dist/useModal.js

@@ -1,50 +1,61 @@
+import { memo, useCallback, useMemo, useState } from "react";
+import { Button, Modal, Offcanvas, Stack } from "react-bootstrap";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useState, useCallback, useMemo, memo } from "react";
-import { Offcanvas, Modal, Stack, Button } from "react-bootstrap";
+//#region src/useModal.tsx
 function useModal({ onClose, showOnMount } = {}) {
-  const [show, setShow] = useState(showOnMount);
-  const close = useCallback(() => {
-    setShow(false);
-    onClose?.();
-  }, [onClose]);
-  const open = useCallback(() => setShow(true), []);
-  const defaultOnSubmit = useCallback(
-    (e) => {
-      e.preventDefault();
-      close();
-    },
-    [close]
-  );
-  const ModalDialog = useMemo(
-    () => memo(function ModalDialog2({
-      children,
-      show: show2,
-      onSubmit = defaultOnSubmit,
-      submitButton = "Done",
-      cancelButton = "Cancel",
-      offcanvas = false,
-      title = null,
-      containerProps = {}
-    }) {
-      const Container = offcanvas ? Offcanvas : Modal;
-      const containerDefaultProps = offcanvas ? { style: { maxWidth: "85%" } } : {};
-      const Body = offcanvas ? Offcanvas.Body : Modal.Body;
-      const Header = offcanvas ? Offcanvas.Header : Modal.Header;
-      const Title = offcanvas ? Offcanvas.Title : Modal.Title;
-      return /* @__PURE__ */ jsx(Container, { ...{ ...containerDefaultProps, ...containerProps }, show: show2, onHide: close, children: /* @__PURE__ */ jsxs("form", { onSubmit, children: [
-        title && /* @__PURE__ */ jsx(Header, { closeButton: true, children: /* @__PURE__ */ jsx(Title, { children: title }) }),
-        /* @__PURE__ */ jsx(Body, { as: Stack, gap: 3, children: show2 && children }),
-        !offcanvas && (submitButton || cancelButton) && /* @__PURE__ */ jsxs(Modal.Footer, { children: [
-          cancelButton && /* @__PURE__ */ jsx(Button, { variant: "outline-secondary", onClick: close, children: cancelButton }),
-          submitButton && /* @__PURE__ */ jsx(Button, { variant: "secondary", type: "submit", children: submitButton })
-        ] })
-      ] }) });
-    }),
-    [close, defaultOnSubmit]
-  );
-  return { show, close, open, ModalDialog };
+	const [show, setShow] = useState(showOnMount);
+	const close = useCallback(() => {
+		setShow(false);
+		onClose?.();
+	}, [onClose]);
+	const open = useCallback(() => setShow(true), []);
+	const defaultOnSubmit = useCallback((e) => {
+		e.preventDefault();
+		close();
+	}, [close]);
+	return {
+		show,
+		close,
+		open,
+		ModalDialog: useMemo(() => memo(function ModalDialog({ children, show, onSubmit = defaultOnSubmit, submitButton = "Done", cancelButton = "Cancel", offcanvas = false, title = null, containerProps = {} }) {
+			const Container = offcanvas ? Offcanvas : Modal;
+			const containerDefaultProps = offcanvas ? { style: { maxWidth: "85%" } } : {};
+			const Body = offcanvas ? Offcanvas.Body : Modal.Body;
+			const Header = offcanvas ? Offcanvas.Header : Modal.Header;
+			const Title = offcanvas ? Offcanvas.Title : Modal.Title;
+			return /* @__PURE__ */ jsx(Container, {
+				...containerDefaultProps,
+				...containerProps,
+				show,
+				onHide: close,
+				children: /* @__PURE__ */ jsxs("form", {
+					onSubmit,
+					children: [
+						title && /* @__PURE__ */ jsx(Header, {
+							closeButton: true,
+							children: /* @__PURE__ */ jsx(Title, { children: title })
+						}),
+						/* @__PURE__ */ jsx(Body, {
+							as: Stack,
+							gap: 3,
+							children: show && children
+						}),
+						!offcanvas && (submitButton || cancelButton) && /* @__PURE__ */ jsxs(Modal.Footer, { children: [cancelButton && /* @__PURE__ */ jsx(Button, {
+							variant: "outline-secondary",
+							onClick: close,
+							children: cancelButton
+						}), submitButton && /* @__PURE__ */ jsx(Button, {
+							variant: "secondary",
+							type: "submit",
+							children: submitButton
+						})] })
+					]
+				})
+			});
+		}), [close, defaultOnSubmit])
+	};
 }
-export {
-  useModal
-};
-//# sourceMappingURL=useModal.js.map
+//#endregion
+export { useModal };
+
+//# sourceMappingURL=useModal.js.map

package/dist/useModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"useModal.js","sources":["../src/useModal.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState, JSX, FC, memo } from 'react';\nimport { Button, Modal, ModalProps, Offcanvas, OffcanvasProps, Stack } from 'react-bootstrap';\n\nexport type UseModalArgs = { onClose?: any; showOnMount?: boolean };\n\nexport type UseModalProps = {\n    children?: any;\n    show?: boolean;\n    onSubmit?: (e: any) => void;\n    submitButton?: string | any;\n    cancelButton?: string | any;\n    offcanvas?: boolean;\n    title?: string | any;\n    containerProps?: ModalProps | OffcanvasProps;\n};\n\nexport function useModal({ onClose, showOnMount }: UseModalArgs = {}): {\n    show: boolean | undefined;\n    close: () => void;\n    open: () => void;\n    ModalDialog: FC<ModalProps>;\n} {\n    const [show, setShow] = useState(showOnMount);\n\n    const close = useCallback((): void => {\n        setShow(false);\n        onClose?.();\n    }, [onClose]);\n\n    const open = useCallback((): void => setShow(true), []);\n\n    const defaultOnSubmit = useCallback(\n        (e: any) => {\n            e.preventDefault();\n            close();\n        },\n        [close],\n    );\n\n    const ModalDialog: FC<UseModalProps> = useMemo(\n        () =>\n            memo(function ModalDialog({\n                children,\n                show,\n                onSubmit = defaultOnSubmit,\n                submitButton = 'Done',\n                cancelButton = 'Cancel',\n                offcanvas = false,\n                title = null as any,\n                containerProps = {},\n            }) {\n                const Container = offcanvas ? Offcanvas : Modal;\n                const containerDefaultProps = offcanvas ? { style: { maxWidth: '85%' } } : {};\n                const Body = offcanvas ? Offcanvas.Body : Modal.Body;\n                const Header = offcanvas ? Offcanvas.Header : Modal.Header;\n                const Title = offcanvas ? Offcanvas.Title : Modal.Title;\n\n                return (\n                    <Container {...{ ...containerDefaultProps, ...containerProps }} show={show} onHide={close}>\n                        <form onSubmit={onSubmit}>\n                            {title && (\n                                <Header closeButton>\n                                    <Title>{title}</Title>\n                                </Header>\n                            )}\n\n                            <Body as={Stack} gap={3}>\n                                {show && children}\n                            </Body>\n\n                            {!offcanvas && (submitButton || cancelButton) && (\n                                <Modal.Footer>\n                                    {cancelButton && (\n                                        <Button variant=\"outline-secondary\" onClick={close}>\n                                            {cancelButton}\n                                        </Button>\n                                    )}\n                                    {submitButton && (\n                                        <Button variant=\"secondary\" type=\"submit\">\n                                            {submitButton}\n                                        </Button>\n                                    )}\n                                </Modal.Footer>\n                            )}\n                        </form>\n                    </Container>\n                );\n            }),\n        [close, defaultOnSubmit],\n    );\n\n    return { show, close, open, ModalDialog };\n}\n"],"names":["ModalDialog","show"],"mappings":";;;AAgBO,SAAS,SAAS,EAAE,SAAS,YAAA,IAA8B,CAAA,GAKhE;AACE,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,WAAW;AAE5C,QAAM,QAAQ,YAAY,MAAY;AAClC,YAAQ,KAAK;AACb,cAAA;AAAA,EACJ,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,OAAO,YAAY,MAAY,QAAQ,IAAI,GAAG,CAAA,CAAE;AAEtD,QAAM,kBAAkB;AAAA,IACpB,CAAC,MAAW;AACR,QAAE,eAAA;AACF,YAAA;AAAA,IACJ;AAAA,IACA,CAAC,KAAK;AAAA,EAAA;AAGV,QAAM,cAAiC;AAAA,IACnC,MACI,KAAK,SAASA,aAAY;AAAA,MACtB;AAAA,MACA,MAAAC;AAAAA,MACA,WAAW;AAAA,MACX,eAAe;AAAA,MACf,eAAe;AAAA,MACf,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR,iBAAiB,CAAA;AAAA,IAAC,GACnB;AACC,YAAM,YAAY,YAAY,YAAY;AAC1C,YAAM,wBAAwB,YAAY,EAAE,OAAO,EAAE,UAAU,MAAA,EAAM,IAAM,CAAA;AAC3E,YAAM,OAAO,YAAY,UAAU,OAAO,MAAM;AAChD,YAAM,SAAS,YAAY,UAAU,SAAS,MAAM;AACpD,YAAM,QAAQ,YAAY,UAAU,QAAQ,MAAM;AAElD,aACI,oBAAC,WAAA,EAAW,GAAG,EAAE,GAAG,uBAAuB,GAAG,kBAAkB,MAAMA,OAAM,QAAQ,OAChF,UAAA,qBAAC,UAAK,UACD,UAAA;AAAA,QAAA,6BACI,QAAA,EAAO,aAAW,MACf,UAAA,oBAAC,OAAA,EAAO,iBAAM,EAAA,CAClB;AAAA,QAGJ,oBAAC,QAAK,IAAI,OAAO,KAAK,GACjB,UAAAA,SAAQ,UACb;AAAA,QAEC,CAAC,cAAc,gBAAgB,iBAC5B,qBAAC,MAAM,QAAN,EACI,UAAA;AAAA,UAAA,oCACI,QAAA,EAAO,SAAQ,qBAAoB,SAAS,OACxC,UAAA,cACL;AAAA,UAEH,gBACG,oBAAC,QAAA,EAAO,SAAQ,aAAY,MAAK,UAC5B,UAAA,aAAA,CACL;AAAA,QAAA,EAAA,CAER;AAAA,MAAA,EAAA,CAER,EAAA,CACJ;AAAA,IAER,CAAC;AAAA,IACL,CAAC,OAAO,eAAe;AAAA,EAAA;AAG3B,SAAO,EAAE,MAAM,OAAO,MAAM,YAAA;AAChC;"}
+{"version":3,"file":"useModal.js","names":[],"sources":["../src/useModal.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState, type FC, memo } from 'react';\nimport { Button, Modal, type ModalProps, Offcanvas, type OffcanvasProps, Stack } from 'react-bootstrap';\n\nexport type UseModalArgs = { onClose?: any; showOnMount?: boolean };\n\nexport type UseModalProps = {\n    children?: any;\n    show?: boolean;\n    onSubmit?: (e: any) => void;\n    submitButton?: string | any;\n    cancelButton?: string | any;\n    offcanvas?: boolean;\n    title?: string | any;\n    containerProps?: ModalProps | OffcanvasProps;\n};\n\nexport function useModal({ onClose, showOnMount }: UseModalArgs = {}): {\n    show: boolean | undefined;\n    close: () => void;\n    open: () => void;\n    ModalDialog: FC<ModalProps>;\n} {\n    const [show, setShow] = useState(showOnMount);\n\n    const close = useCallback((): void => {\n        setShow(false);\n        onClose?.();\n    }, [onClose]);\n\n    const open = useCallback((): void => setShow(true), []);\n\n    const defaultOnSubmit = useCallback(\n        (e: any) => {\n            e.preventDefault();\n            close();\n        },\n        [close],\n    );\n\n    const ModalDialog: FC<UseModalProps> = useMemo(\n        () =>\n            memo(function ModalDialog({\n                children,\n                show,\n                onSubmit = defaultOnSubmit,\n                submitButton = 'Done',\n                cancelButton = 'Cancel',\n                offcanvas = false,\n                title = null as any,\n                containerProps = {},\n            }) {\n                const Container = offcanvas ? Offcanvas : Modal;\n                const containerDefaultProps = offcanvas ? { style: { maxWidth: '85%' } } : {};\n                const Body = offcanvas ? Offcanvas.Body : Modal.Body;\n                const Header = offcanvas ? Offcanvas.Header : Modal.Header;\n                const Title = offcanvas ? Offcanvas.Title : Modal.Title;\n\n                return (\n                    <Container {...{ ...containerDefaultProps, ...containerProps }} show={show} onHide={close}>\n                        <form onSubmit={onSubmit}>\n                            {title && (\n                                <Header closeButton>\n                                    <Title>{title}</Title>\n                                </Header>\n                            )}\n\n                            <Body as={Stack} gap={3}>\n                                {show && children}\n                            </Body>\n\n                            {!offcanvas && (submitButton || cancelButton) && (\n                                <Modal.Footer>\n                                    {cancelButton && (\n                                        <Button variant=\"outline-secondary\" onClick={close}>\n                                            {cancelButton}\n                                        </Button>\n                                    )}\n                                    {submitButton && (\n                                        <Button variant=\"secondary\" type=\"submit\">\n                                            {submitButton}\n                                        </Button>\n                                    )}\n                                </Modal.Footer>\n                            )}\n                        </form>\n                    </Container>\n                );\n            }),\n        [close, defaultOnSubmit],\n    );\n\n    return { show, close, open, ModalDialog };\n}\n"],"mappings":";;;;AAgBA,SAAgB,SAAS,EAAE,SAAS,gBAA8B,CAAC,GAKjE;CACE,MAAM,CAAC,MAAM,WAAW,SAAS,WAAW;CAE5C,MAAM,QAAQ,kBAAwB;EAClC,QAAQ,KAAK;EACb,UAAU;CACd,GAAG,CAAC,OAAO,CAAC;CAEZ,MAAM,OAAO,kBAAwB,QAAQ,IAAI,GAAG,CAAC,CAAC;CAEtD,MAAM,kBAAkB,aACnB,MAAW;EACR,EAAE,eAAe;EACjB,MAAM;CACV,GACA,CAAC,KAAK,CACV;CAsDA,OAAO;EAAE;EAAM;EAAO;EAAM,aApDW,cAE/B,KAAK,SAAS,YAAY,EACtB,UACA,MACA,WAAW,iBACX,eAAe,QACf,eAAe,UACf,YAAY,OACZ,QAAQ,MACR,iBAAiB,CAAC,KACnB;GACC,MAAM,YAAY,YAAY,YAAY;GAC1C,MAAM,wBAAwB,YAAY,EAAE,OAAO,EAAE,UAAU,MAAM,EAAE,IAAI,CAAC;GAC5E,MAAM,OAAO,YAAY,UAAU,OAAO,MAAM;GAChD,MAAM,SAAS,YAAY,UAAU,SAAS,MAAM;GACpD,MAAM,QAAQ,YAAY,UAAU,QAAQ,MAAM;GAElD,OACI,oBAAC,WAAD;IAAiB,GAAG;IAAuB,GAAG;IAAwB;IAAM,QAAQ;cAChF,qBAAC,QAAD;KAAgB;eAAhB;MACK,SACG,oBAAC,QAAD;OAAQ,aAAA;iBACJ,oBAAC,OAAD,EAAA,UAAQ,MAAa,CAAA;MACjB,CAAA;MAGZ,oBAAC,MAAD;OAAM,IAAI;OAAO,KAAK;iBACjB,QAAQ;MACP,CAAA;MAEL,CAAC,cAAc,gBAAgB,iBAC5B,qBAAC,MAAM,QAAP,EAAA,UAAA,CACK,gBACG,oBAAC,QAAD;OAAQ,SAAQ;OAAoB,SAAS;iBACxC;MACG,CAAA,GAEX,gBACG,oBAAC,QAAD;OAAQ,SAAQ;OAAY,MAAK;iBAC5B;MACG,CAAA,CAEF,EAAA,CAAA;KAEhB;;GACC,CAAA;EAEnB,CAAC,GACL,CAAC,OAAO,eAAe,CAGC;CAAY;AAC5C"}

package/dist/useModal.stories.d.ts

@@ -1,6 +1,6 @@
 import { FC } from 'react';
-import { Meta, StoryObj } from '@storybook/react';
-import { UseModalProps } from './useModal';
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { UseModalProps } from './useModal.js';
 declare const meta: Meta<FC<UseModalProps>>;
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/useModal.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useModal.stories.d.ts","sourceRoot":"","sources":["../src/useModal.stories.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAY,aAAa,EAAE,MAAM,YAAY,CAAC;AAIrD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,CA8BjC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAC"}
+{"version":3,"file":"useModal.stories.d.ts","sourceRoot":"","sources":["../src/useModal.stories.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAI1D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,CA8BjC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAC"}

package/dist/useWrappedForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useWrappedForm.d.ts","sourceRoot":"","sources":["../src/useWrappedForm.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAGrD,eAAO,MAAM,aAAa,GAAI,WAAW,SAAS,CAAC,GAAG,CAAC,KAAG,OAAwD,CAAC;AAEnH,eAAO,MAAM,cAAc,EAAE,OAAO,OAmBnC,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,eAAe,GACvB,UAAU,GAAG,MACb,GAAG,KAAK,KAAG,IAIX,CAAC"}
+{"version":3,"file":"useWrappedForm.d.ts","sourceRoot":"","sources":["../src/useWrappedForm.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAG1D,eAAO,MAAM,aAAa,GAAI,WAAW,SAAS,CAAC,GAAG,CAAC,KAAG,OAAwD,CAAC;AAEnH,eAAO,MAAM,cAAc,EAAE,OAAO,OAmBnC,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,eAAe,GACvB,UAAU,GAAG,MACb,GAAG,KAAK,KAAG,IAIX,CAAC"}

package/dist/useWrappedForm.js

@@ -1,32 +1,43 @@
-import { useForm } from "react-hook-form";
 import { useCallback } from "react";
-const isFormLoading = (formState) => formState.isLoading || formState.isSubmitting;
-const useWrappedForm = (options) => {
-  const form = useForm(options);
-  const handleSubmit = useCallback(
-    (onSubmit, onError) => {
-      const wrappedSubmit = async (data) => {
-        try {
-          await onSubmit(data);
-        } catch (e) {
-          form.setError("root", { type: "server", message: e.message });
-          console.error("Error submitting form", e);
-        }
-      };
-      return form.handleSubmit(wrappedSubmit, onError);
-    },
-    [form]
-  );
-  return { ...form, handleSubmit };
-};
-const stopPropagation = (callback) => (e) => {
-  e.stopPropagation();
-  e.preventDefault();
-  callback(e);
+import { useForm } from "react-hook-form";
+//#region src/useWrappedForm.ts
+var isFormLoading = (formState) => formState.isLoading || formState.isSubmitting;
+var useWrappedForm = (options) => {
+	const form = useForm(options);
+	const handleSubmit = useCallback((onSubmit, onError) => {
+		const wrappedSubmit = async (data) => {
+			try {
+				await onSubmit(data);
+			} catch (e) {
+				form.setError("root", {
+					type: "server",
+					message: e.message
+				});
+				console.error("Error submitting form", e);
+			}
+		};
+		return form.handleSubmit(wrappedSubmit, onError);
+	}, [form]);
+	return {
+		...form,
+		handleSubmit
+	};
 };
-export {
-  isFormLoading,
-  stopPropagation,
-  useWrappedForm
+/**
+* Issue #3: Submit event still propagates to parent when using portal
+* https://reactjs.org/docs/portals.html#event-bubbling-through-portals
+* Event bubbling goes through React DOM instead of HTML DOM
+* Portals don't have an effect on this one, we need to stop event propagation
+* This should be our default form handling method
+* https://codesandbox.io/s/react-hook-form-nested-portal-6x3fvy?file=/src/App.tsx:1905-2261
+* https://github.com/react-hook-form/react-hook-form/issues/1005#issuecomment-988380981
+*/
+var stopPropagation = (callback) => (e) => {
+	e.stopPropagation();
+	e.preventDefault();
+	callback(e);
 };
-//# sourceMappingURL=useWrappedForm.js.map
+//#endregion
+export { isFormLoading, stopPropagation, useWrappedForm };
+
+//# sourceMappingURL=useWrappedForm.js.map

package/dist/useWrappedForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"useWrappedForm.js","sources":["../src/useWrappedForm.ts"],"sourcesContent":["import { useForm, FormState } from 'react-hook-form';\nimport { useCallback } from 'react';\n\nexport const isFormLoading = (formState: FormState<any>): boolean => formState.isLoading || formState.isSubmitting;\n\nexport const useWrappedForm: typeof useForm = (options) => {\n    const form = useForm(options);\n\n    const handleSubmit: typeof form.handleSubmit = useCallback(\n        (onSubmit, onError) => {\n            const wrappedSubmit: typeof onSubmit = async (data) => {\n                try {\n                    await onSubmit(data);\n                } catch (e) {\n                    form.setError('root', { type: 'server', message: (e as Error).message });\n                    console.error('Error submitting form', e);\n                }\n            };\n            return form.handleSubmit(wrappedSubmit, onError);\n        },\n        [form],\n    );\n\n    return { ...form, handleSubmit };\n};\n\n/**\n * Issue #3: Submit event still propagates to parent when using portal\n * https://reactjs.org/docs/portals.html#event-bubbling-through-portals\n * Event bubbling goes through React DOM instead of HTML DOM\n * Portals don't have an effect on this one, we need to stop event propagation\n * This should be our default form handling method\n * https://codesandbox.io/s/react-hook-form-nested-portal-6x3fvy?file=/src/App.tsx:1905-2261\n * https://github.com/react-hook-form/react-hook-form/issues/1005#issuecomment-988380981\n */\nexport const stopPropagation =\n    (callback: any) =>\n    (e: Event): void => {\n        e.stopPropagation();\n        e.preventDefault();\n        callback(e);\n    };\n"],"names":[],"mappings":";;AAGO,MAAM,gBAAgB,CAAC,cAAuC,UAAU,aAAa,UAAU;AAE/F,MAAM,iBAAiC,CAAC,YAAY;AACvD,QAAM,OAAO,QAAQ,OAAO;AAE5B,QAAM,eAAyC;AAAA,IAC3C,CAAC,UAAU,YAAY;AACnB,YAAM,gBAAiC,OAAO,SAAS;AACnD,YAAI;AACA,gBAAM,SAAS,IAAI;AAAA,QACvB,SAAS,GAAG;AACR,eAAK,SAAS,QAAQ,EAAE,MAAM,UAAU,SAAU,EAAY,SAAS;AACvE,kBAAQ,MAAM,yBAAyB,CAAC;AAAA,QAC5C;AAAA,MACJ;AACA,aAAO,KAAK,aAAa,eAAe,OAAO;AAAA,IACnD;AAAA,IACA,CAAC,IAAI;AAAA,EAAA;AAGT,SAAO,EAAE,GAAG,MAAM,aAAA;AACtB;AAWO,MAAM,kBACT,CAAC,aACD,CAAC,MAAmB;AAChB,IAAE,gBAAA;AACF,IAAE,eAAA;AACF,WAAS,CAAC;AACd;"}
+{"version":3,"file":"useWrappedForm.js","names":[],"sources":["../src/useWrappedForm.ts"],"sourcesContent":["import { useForm, type FormState } from 'react-hook-form';\nimport { useCallback } from 'react';\n\nexport const isFormLoading = (formState: FormState<any>): boolean => formState.isLoading || formState.isSubmitting;\n\nexport const useWrappedForm: typeof useForm = (options) => {\n    const form = useForm(options);\n\n    const handleSubmit: typeof form.handleSubmit = useCallback(\n        (onSubmit, onError) => {\n            const wrappedSubmit: typeof onSubmit = async (data) => {\n                try {\n                    await onSubmit(data);\n                } catch (e) {\n                    form.setError('root', { type: 'server', message: (e as Error).message });\n                    console.error('Error submitting form', e);\n                }\n            };\n            return form.handleSubmit(wrappedSubmit, onError);\n        },\n        [form],\n    );\n\n    return { ...form, handleSubmit };\n};\n\n/**\n * Issue #3: Submit event still propagates to parent when using portal\n * https://reactjs.org/docs/portals.html#event-bubbling-through-portals\n * Event bubbling goes through React DOM instead of HTML DOM\n * Portals don't have an effect on this one, we need to stop event propagation\n * This should be our default form handling method\n * https://codesandbox.io/s/react-hook-form-nested-portal-6x3fvy?file=/src/App.tsx:1905-2261\n * https://github.com/react-hook-form/react-hook-form/issues/1005#issuecomment-988380981\n */\nexport const stopPropagation =\n    (callback: any) =>\n    (e: Event): void => {\n        e.stopPropagation();\n        e.preventDefault();\n        callback(e);\n    };\n"],"mappings":";;;AAGA,IAAa,iBAAiB,cAAuC,UAAU,aAAa,UAAU;AAEtG,IAAa,kBAAkC,YAAY;CACvD,MAAM,OAAO,QAAQ,OAAO;CAE5B,MAAM,eAAyC,aAC1C,UAAU,YAAY;EACnB,MAAM,gBAAiC,OAAO,SAAS;GACnD,IAAI;IACA,MAAM,SAAS,IAAI;GACvB,SAAS,GAAG;IACR,KAAK,SAAS,QAAQ;KAAE,MAAM;KAAU,SAAU,EAAY;IAAQ,CAAC;IACvE,QAAQ,MAAM,yBAAyB,CAAC;GAC5C;EACJ;EACA,OAAO,KAAK,aAAa,eAAe,OAAO;CACnD,GACA,CAAC,IAAI,CACT;CAEA,OAAO;EAAE,GAAG;EAAM;CAAa;AACnC;;;;;;;;;;AAWA,IAAa,mBACR,cACA,MAAmB;CAChB,EAAE,gBAAgB;CAClB,EAAE,eAAe;CACjB,SAAS,CAAC;AACd"}

package/package.json

@@ -1,18 +1,17 @@
 {
   "name": "@kirill.konshin/bootstrap",
   "description": "Utilities",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "type": "module",
+  "hasStorybook": true,
   "scripts": {
     "----- BUILD -----": "",
     "clean": "rm -rf dist .tscache tsconfig.tsbuildinfo",
     "build": "vite build",
-    "build:index": "ctix build",
-    "build:check-types": "attw --pack .",
     "start": "yarn build --watch",
     "wait": "wait-on ./dist/index.js",
     "----- TEST -----": "",
-    "test:disabled": "vitest run --coverage",
+    "test": "vitest run --coverage",
     "test:watch": "vitest watch --coverage",
     "----- STORYBOOK -----": "",
     "storybook:start": "storybook dev -p 6006",
@@ -64,5 +63,18 @@
   },
   "main": "./dist/index.js",
   "module": "./dist/index.js",
-  "types": "./dist/index.d.ts"
+  "types": "./dist/index.d.ts",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/kirill-konshin/utils.git",
+    "directory": "packages/bootstrap"
+  },
+  "nx": {
+    "tags": [
+      "platform:react"
+    ]
+  },
+  "files": [
+    "dist"
+  ]
 }

package/.ctirc

@@ -1,20 +0,0 @@
-{
-  "options": [
-    {
-      "mode": "create",
-      "project": "tsconfig.json",
-      "include": "src/**/*.{ts,tsx}",
-      "exclude": [
-        "**/*.stories.*",
-        "**/*.test.*",
-        "**/*.fixture.*"
-      ],
-      "startFrom": "src",
-      "backup": false,
-      "overwrite": true,
-      "generationStyle": "default-alias-named-star",
-      "output": "src",
-      "verbose": true
-    }
-  ]
-}

package/.storybook/main.ts

@@ -1,2 +0,0 @@
-import config from '../../utils-private/.storybook/main';
-export default config;

package/.storybook/preview.ts

@@ -1,2 +0,0 @@
-import preview from '../../utils-private/.storybook/preview';
-export default preview;

package/.turbo/turbo-build.log

@@ -1,31 +0,0 @@
-vite v7.0.6 building SSR bundle for production...
-- ctix 'create' mode start, ...
-✔ /home/runner/work/utils/utils/packages/bootstrap/tsconfig.json loading complete!
-✔ analysis export statements completed!
-- build "index.ts" file start
-- output file exists check, ...
-
-
-✔ ctix 'create' mode complete!
-transforming...
-✓ 13 modules transformed.
-rendering chunks...
-
-[vite:dts] Start generate declaration files...
-dist/adaptiveContainer.js  0.46 kB │ map: 0.80 kB
-dist/globalLoading.js      0.49 kB │ map: 0.94 kB
-dist/loading.js            0.59 kB │ map: 1.12 kB
-dist/error.js              0.84 kB │ map: 1.72 kB
-dist/field.js              0.85 kB │ map: 1.68 kB
-dist/useWrappedForm.js     0.90 kB │ map: 2.27 kB
-dist/index.js              0.97 kB │ map: 0.10 kB
-dist/toaster.js            1.09 kB │ map: 2.14 kB
-dist/footer.js             1.62 kB │ map: 2.97 kB
-dist/responsiveHelper.js   1.83 kB │ map: 3.04 kB
-dist/useModal.js           2.08 kB │ map: 4.91 kB
-dist/controls.js           2.69 kB │ map: 5.90 kB
-dist/screen.js             3.42 kB │ map: 7.17 kB
-[vite:dts] Declaration files built in 3640ms.
-
-✓ built in 7.24s
-Updated package.json with exports

package/CHANGELOG.md

@@ -1,8 +0,0 @@
-# @kirill.konshin/bootstrap
-
-## 0.0.2
-
-### Patch Changes
-
-- 63fdba8: Agent-assisted refactoring
-- 63fdba8: Divided core to browser/node/worker-specific packages, CTIX upgrade, etc.

package/dist/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/src/adaptiveContainer.stories.tsx

@@ -1,59 +0,0 @@
-import React from 'react';
-import type { Meta, StoryObj } from '@storybook/react';
-
-import { AdaptiveContainer } from './adaptiveContainer';
-
-const meta: Meta<typeof AdaptiveContainer> = {
-    title: 'Bootstrap / AdaptiveContainer',
-    component: AdaptiveContainer,
-    parameters: {
-        layout: 'fullscreen',
-    },
-    tags: ['autodocs'],
-    argTypes: {
-        children: { control: 'text' },
-        className: { control: 'text' },
-    },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof meta>;
-
-export const Default: Story = {
-    args: {
-        children:
-            'This container adapts to the viewport size. On mobile it becomes fluid, on desktop it has max-width.',
-    },
-};
-
-export const WithClassName: Story = {
-    args: {
-        children: 'Container with custom class',
-        className: 'bg-light p-3',
-    },
-};
-
-export const WithContent: Story = {
-    render: () => (
-        <AdaptiveContainer className="py-4">
-            <h1>Adaptive Container Demo</h1>
-            <p>
-                Resize the viewport to see how this container behaves. On mobile viewports (xs, sm, md), it becomes
-                fluid and takes full width. On desktop viewports (lg, xl, xxl), it has a max-width constraint.
-            </p>
-            <div className="row">
-                <div className="col-md-6">
-                    <div className="card">
-                        <div className="card-body">Column 1</div>
-                    </div>
-                </div>
-                <div className="col-md-6">
-                    <div className="card">
-                        <div className="card-body">Column 2</div>
-                    </div>
-                </div>
-            </div>
-        </AdaptiveContainer>
-    ),
-};

package/src/adaptiveContainer.tsx

@@ -1,14 +0,0 @@
-import React, { FC, memo } from 'react';
-import { Container, ContainerProps } from 'react-bootstrap';
-import { useBreakpoint } from './responsiveHelper';
-
-export type AdaptiveContainerProps = ContainerProps;
-
-export const AdaptiveContainer: FC<AdaptiveContainerProps> = memo(function AdaptiveContainer({ children, ...props }) {
-    const { isMobile } = useBreakpoint();
-    return (
-        <Container fluid={isMobile} {...props}>
-            {children}
-        </Container>
-    );
-});

package/src/controls.stories.tsx

@@ -1,62 +0,0 @@
-import React, { cloneElement, useCallback, useState } from 'react';
-import type { Meta, StoryObj } from '@storybook/react';
-import { fn } from '@storybook/test';
-
-import { Select, Control, Range, Checkbox } from './controls';
-
-const defaultOptions = { num: 1, bool: false, select: 'bar' };
-
-// More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export
-const meta: Meta<typeof Control> = {
-    title: 'Bootstrap / Controls',
-    parameters: {
-        layout: 'centered',
-    },
-    tags: ['autodocs'],
-    argTypes: {},
-    args: { options: { ...defaultOptions }, setOptions: fn(), defaultOptions: { ...defaultOptions }, name: 'unused' },
-    render: function Demo(args) {
-        const [options, setOptionsRaw] = useState(args.options);
-
-        const setOptions = useCallback(
-            (options: any) =>
-                setOptionsRaw((currentOptions) => {
-                    return { ...currentOptions, ...options };
-                }),
-            [],
-        );
-
-        const controlProps = { options, setOptions, defaultOptions };
-
-        const { children, name, ...safeArgs } = args;
-
-        return <div style={{ width: '300px' }}>{cloneElement(children as any, { ...safeArgs, ...controlProps })}</div>;
-    },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof meta>;
-
-export const RangeControl: Story = {
-    args: {
-        children: <Range name="Num" min={0} max={1} />,
-    },
-};
-
-export const CheckboxControl: Story = {
-    args: {
-        children: <Checkbox name="Bool" />,
-    },
-};
-
-export const SelectControl: Story = {
-    args: {
-        children: (
-            <Select name="Select">
-                <option value="foo">Foo</option>
-                <option value="bar">Bar</option>
-            </Select>
-        ),
-    },
-};