@kirill.konshin/utils 0.0.10 → 0.0.12

package/.turbo/turbo-build.log

@@ -1,12 +1,12 @@
 vite v6.0.11 building SSR bundle for production...
 create succeeded: /home/runner/work/utils/utils/packages/utils/src/bootstrap
-create succeeded: /home/runner/work/utils/utils/packages/utils/src/core
 create succeeded: /home/runner/work/utils/utils/packages/utils/src/electron
 create succeeded: /home/runner/work/utils/utils/packages/utils/src/electron-builder
+create succeeded: /home/runner/work/utils/utils/packages/utils/src/core
 create succeeded: /home/runner/work/utils/utils/packages/utils/src/mui
 create succeeded: /home/runner/work/utils/utils/packages/utils/src/next
-create succeeded: /home/runner/work/utils/utils/packages/utils/src/react-native
 create succeeded: /home/runner/work/utils/utils/packages/utils/src/tailwind
+create succeeded: /home/runner/work/utils/utils/packages/utils/src/react-native
 create succeeded: /home/runner/work/utils/utils/packages/utils/src/react
 transforming...
 ✓ 50 modules transformed.
@@ -35,7 +35,7 @@ rendering chunks...
 dist/core/index.js                   0.56 kB │ map:  0.09 kB
 dist/react/useFetch.js               0.56 kB │ map:  1.70 kB
 dist/mui/formControlFieldset.js      0.64 kB │ map:  1.23 kB
-dist/next/appLink.js                 0.75 kB │ map:  1.55 kB
+dist/next/appLink.js                 0.75 kB │ map:  1.58 kB
 dist/core/mutex.js                   0.76 kB │ map:  1.19 kB
 dist/bootstrap/error.js              0.78 kB │ map:  1.66 kB
 dist/bootstrap/field.js              0.79 kB │ map:  1.56 kB
@@ -61,7 +61,7 @@ rendering chunks...
 dist/bootstrap/screen.js             3.37 kB │ map:  7.04 kB
 dist/electron/createWindow.js        5.39 kB │ map: 10.88 kB
 dist/core/worker.js                  7.45 kB │ map: 15.67 kB
-[vite:dts] Declaration files built in 5270ms.
+[vite:dts] Declaration files built in 5215ms.
 
-✓ built in 5.55s
+✓ built in 5.49s
 Updated package.json with exports

package/.turbo/turbo-test.log

@@ -1,8 +1,8 @@
 [?25lcreate succeeded: /home/runner/work/utils/utils/packages/utils/src/bootstrap
-create succeeded: /home/runner/work/utils/utils/packages/utils/src/core
 create succeeded: /home/runner/work/utils/utils/packages/utils/src/electron
-create succeeded: /home/runner/work/utils/utils/packages/utils/src/mui
+create succeeded: /home/runner/work/utils/utils/packages/utils/src/core
 create succeeded: /home/runner/work/utils/utils/packages/utils/src/next
+create succeeded: /home/runner/work/utils/utils/packages/utils/src/mui
 create succeeded: /home/runner/work/utils/utils/packages/utils/src/electron-builder
 create succeeded: /home/runner/work/utils/utils/packages/utils/src/react-native
 create succeeded: /home/runner/work/utils/utils/packages/utils/src/tailwind
@@ -24,8 +24,8 @@ create succeeded: /home/runner/work/utils/utils/packages/utils/src/react
 
  Test Files  1 passed (1)
       Tests  4 passed (4)
-   Start at  05:50:09
-   Duration  885ms (transform 50ms, setup 0ms, collect 43ms, tests 10ms, environment 0ms, prepare 87ms)
+   Start at  06:02:58
+   Duration  873ms (transform 50ms, setup 0ms, collect 45ms, tests 10ms, environment 0ms, prepare 76ms)
 
  % Coverage report from v8
 -------------------|---------|----------|---------|---------|-------------------
@@ -88,7 +88,7 @@ All files          |    3.28 |    63.82 |   53.08 |    3.28 |
   index.ts         |       0 |        0 |       0 |       0 | 1-4               
   readOnly.tsx     |       0 |      100 |     100 |       0 | 2-5               
  utils/src/next    |       0 |    66.66 |   66.66 |       0 |                   
-  appLink.tsx      |       0 |      100 |     100 |       0 | 4-39              
+  appLink.tsx      |       0 |      100 |     100 |       0 | 4-40              
   index.ts         |       0 |        0 |       0 |       0 | 1-5               
   measure.ts       |       0 |        0 |       0 |       0 | 1-7               
   noSSR.tsx        |       0 |      100 |     100 |       0 | 3-17              

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @kirill.konshin/utils
 
+## 0.0.12
+
+### Patch Changes
+
+- AppLink types
+
+## 0.0.11
+
+### Patch Changes
+
+- Demos, consolidated packages, tests, Vite, perf tests
+
 ## 0.0.10
 
 ### Patch Changes

package/dist/bootstrap/adaptiveContainer.d.ts

@@ -0,0 +1,3 @@
+import { ContainerProps } from 'react-bootstrap';
+export declare function AdaptiveContainer({ children, ...props }: ContainerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=adaptiveContainer.d.ts.map

package/dist/bootstrap/adaptiveContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"adaptiveContainer.d.ts","sourceRoot":"","sources":["../../src/bootstrap/adaptiveContainer.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAG5D,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAOvE"}

package/dist/bootstrap/adaptiveContainer.js

@@ -0,0 +1,11 @@
+import { jsx } from "react/jsx-runtime";
+import { Container } from "react-bootstrap";
+import { useBreakpoint } from "./responsiveHelper.js";
+function AdaptiveContainer({ children, ...props }) {
+  const { isMobile } = useBreakpoint();
+  return /* @__PURE__ */ jsx(Container, { fluid: isMobile, ...props, children });
+}
+export {
+  AdaptiveContainer
+};
+//# sourceMappingURL=adaptiveContainer.js.map

package/dist/bootstrap/adaptiveContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"adaptiveContainer.js","sources":["../../src/bootstrap/adaptiveContainer.tsx"],"sourcesContent":["import React from 'react';\nimport { Container, ContainerProps } from 'react-bootstrap';\nimport { useBreakpoint } from './responsiveHelper';\n\nexport function AdaptiveContainer({ children, ...props }: ContainerProps) {\n    const { isMobile } = useBreakpoint();\n    return (\n        <Container fluid={isMobile} {...props}>\n            {children}\n        </Container>\n    );\n}\n"],"names":[],"mappings":";;;AAIO,SAAS,kBAAkB,EAAE,UAAU,GAAG,SAAyB;AAChE,QAAA,EAAE,SAAS,IAAI,cAAc;AACnC,6BACK,WAAU,EAAA,OAAO,UAAW,GAAG,OAC3B,UACL;AAER;"}

package/dist/bootstrap/controls.d.ts

@@ -0,0 +1,35 @@
+import { default as React, HTMLInputTypeAttribute } from 'react';
+interface ControlProps {
+    value?: any;
+    setValue?: (v: any) => void;
+    defaultValue?: any;
+    options?: {
+        [key: string]: any;
+    };
+    setOptions?: (v: {
+        [key: string]: any;
+    }) => void;
+    defaultOptions?: {
+        [key: string]: any;
+    };
+    name: string;
+    children?: React.ReactNode;
+    inputProps?: {
+        type: HTMLInputTypeAttribute;
+        property?: string;
+        valueExtractor?: (e: any) => any;
+        className?: string;
+    } & any;
+    hideValue?: boolean;
+}
+export declare const Control: React.NamedExoticComponent<ControlProps>;
+export interface RangeProps extends ControlProps {
+    min: number;
+    max: number;
+    step?: number;
+}
+export declare const Range: React.NamedExoticComponent<RangeProps>;
+export declare const Checkbox: React.NamedExoticComponent<ControlProps>;
+export declare const Select: React.NamedExoticComponent<ControlProps>;
+export {};
+//# sourceMappingURL=controls.d.ts.map

package/dist/bootstrap/controls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"controls.d.ts","sourceRoot":"","sources":["../../src/bootstrap/controls.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,sBAAsB,EAAQ,MAAM,OAAO,CAAC;AAM5D,UAAU,YAAY;IAClB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC5B,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,OAAO,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC;IACjC,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,KAAK,IAAI,CAAC;IACjD,cAAc,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC;IACxC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE;QACT,IAAI,EAAE,sBAAsB,CAAC;QAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,GAAG,CAAC;QACjC,SAAS,CAAC,EAAE,MAAM,CAAC;KACtB,GAAG,GAAG,CAAC;IACR,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAmBD,eAAO,MAAM,OAAO,0CAsClB,CAAC;AAEH,MAAM,WAAW,UAAW,SAAQ,YAAY;IAC5C,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,KAAK,wCAchB,CAAC;AAEH,eAAO,MAAM,QAAQ,0CAOnB,CAAC;AAEH,eAAO,MAAM,MAAM,0CAMjB,CAAC"}

package/dist/bootstrap/controls.js

@@ -0,0 +1,77 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { memo } from "react";
+const lcFirst = (str) => str[0].toLowerCase() + str.substring(1, str.length);
+const toProperty = (str) => lcFirst(str).split(" ").join("");
+const Label = memo(function Label2({ name, reset, value, defaultValue }) {
+  return /* @__PURE__ */ jsxs("label", { className: "flex-grow-1 mb-0 d-flex align-items-center justify-content-start gap-2", children: [
+    name,
+    value !== defaultValue && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("a", { href: "javascript: void(0)", onClick: reset, children: /* @__PURE__ */ jsx("small", { children: "reset" }) }) })
+  ] });
+});
+const Control = memo(function Control2({
+  value = null,
+  setValue,
+  defaultValue = null,
+  options = {},
+  setOptions,
+  defaultOptions = {},
+  name,
+  inputProps: { Tag = "input", property = "value", valueExtractor = (e) => e.target.value, ...inputProps } = {},
+  hideValue = false,
+  children
+}) {
+  const prop = toProperty(name);
+  defaultValue = defaultValue || defaultOptions[prop];
+  value = value || (options == null ? void 0 : options[prop]);
+  setValue = setValue || ((v) => setOptions == null ? void 0 : setOptions({ [prop]: v }));
+  const reset = () => setValue(defaultValue);
+  return /* @__PURE__ */ jsxs("div", { className: "d-flex align-items-center gap-2", children: [
+    /* @__PURE__ */ jsx(Label, { name, reset, value, defaultValue }),
+    /* @__PURE__ */ jsx(
+      Tag,
+      {
+        ...inputProps,
+        ...{ [property]: value || "" },
+        className: `${value === defaultValue ? "opacity-75" : ""} ${inputProps.className}`,
+        onChange: (e) => setValue(valueExtractor(e)),
+        children
+      }
+    ),
+    !hideValue && /* @__PURE__ */ jsx("span", { onDoubleClick: reset, className: "text-start", style: { width: "20px" }, children: value })
+  ] });
+});
+const Range = memo(function Range2({ min, max, step = 0.1, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Control,
+    {
+      inputProps: {
+        type: "range",
+        min,
+        max,
+        step,
+        className: "form-control-range",
+        valueExtractor: (e) => parseFloat(e.target.value)
+      },
+      ...props
+    }
+  );
+});
+const Checkbox = memo(function Checkbox2(props) {
+  return /* @__PURE__ */ jsx(
+    Control,
+    {
+      inputProps: { type: "checkbox", property: "checked", valueExtractor: (e) => e.target.checked },
+      ...props
+    }
+  );
+});
+const Select = memo(function Select2({ children, ...props }) {
+  return /* @__PURE__ */ jsx(Control, { inputProps: { Tag: "select", className: "form-select" }, ...props, hideValue: true, children });
+});
+export {
+  Checkbox,
+  Control,
+  Range,
+  Select
+};
+//# sourceMappingURL=controls.js.map

package/dist/bootstrap/controls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"controls.js","sources":["../../src/bootstrap/controls.tsx"],"sourcesContent":["import React, { HTMLInputTypeAttribute, memo } from 'react';\n\nconst lcFirst = (str) => str[0].toLowerCase() + str.substring(1, str.length);\n\nconst toProperty = (str) => lcFirst(str).split(' ').join('');\n\ninterface ControlProps {\n    value?: any;\n    setValue?: (v: any) => void;\n    defaultValue?: any;\n    options?: { [key: string]: any };\n    setOptions?: (v: { [key: string]: any }) => void;\n    defaultOptions?: { [key: string]: any };\n    name: string;\n    children?: React.ReactNode;\n    inputProps?: {\n        type: HTMLInputTypeAttribute;\n        property?: string;\n        valueExtractor?: (e: any) => any;\n        className?: string;\n    } & any;\n    hideValue?: boolean;\n}\n\ntype LabelProps = Pick<ControlProps, 'name' | 'value' | 'defaultValue'> & { reset: () => void };\n\nconst Label = memo<LabelProps>(function Label({ name, reset, value, defaultValue }) {\n    return (\n        <label className=\"flex-grow-1 mb-0 d-flex align-items-center justify-content-start gap-2\">\n            {name}\n            {value !== defaultValue && (\n                <>\n                    <a href=\"javascript: void(0)\" onClick={reset}>\n                        <small>reset</small>\n                    </a>\n                </>\n            )}\n        </label>\n    );\n});\n\nexport const Control = memo<ControlProps>(function Control({\n    value = null,\n    setValue,\n    defaultValue = null,\n    options = {},\n    setOptions,\n    defaultOptions = {},\n    name,\n    inputProps: { Tag = 'input', property = 'value', valueExtractor = (e) => e.target.value, ...inputProps } = {},\n    hideValue = false,\n    children,\n}) {\n    const prop = toProperty(name);\n\n    defaultValue = defaultValue || defaultOptions[prop];\n    value = value || options?.[prop];\n    setValue = setValue || ((v) => setOptions?.({ [prop]: v }));\n\n    const reset = () => setValue(defaultValue);\n\n    return (\n        <div className=\"d-flex align-items-center gap-2\">\n            <Label name={name} reset={reset} value={value} defaultValue={defaultValue} />\n            <Tag\n                {...inputProps}\n                {...{ [property]: value || '' }} // null is needed to make it always controlled\n                className={`${value === defaultValue ? 'opacity-75' : ''} ${inputProps.className}`}\n                onChange={(e) => setValue(valueExtractor(e))}\n            >\n                {children}\n            </Tag>\n            {!hideValue && (\n                <span onDoubleClick={reset} className=\"text-start\" style={{ width: '20px' }}>\n                    {value}\n                </span>\n            )}\n        </div>\n    );\n});\n\nexport interface RangeProps extends ControlProps {\n    min: number;\n    max: number;\n    step?: number;\n}\n\nexport const Range = memo<RangeProps>(function Range({ min, max, step = 0.1, ...props }) {\n    return (\n        <Control\n            inputProps={{\n                type: 'range',\n                min,\n                max,\n                step,\n                className: 'form-control-range',\n                valueExtractor: (e) => parseFloat(e.target.value),\n            }}\n            {...props}\n        />\n    );\n});\n\nexport const Checkbox = memo<ControlProps>(function Checkbox(props) {\n    return (\n        <Control\n            inputProps={{ type: 'checkbox', property: 'checked', valueExtractor: (e) => e.target.checked }}\n            {...props}\n        />\n    );\n});\n\nexport const Select = memo<ControlProps>(function Select({ children, ...props }) {\n    return (\n        <Control inputProps={{ Tag: 'select', className: 'form-select' }} {...props} hideValue={true}>\n            {children}\n        </Control>\n    );\n});\n"],"names":["Label","Control","Range","Checkbox","Select"],"mappings":";;AAEA,MAAM,UAAU,CAAC,QAAQ,IAAI,CAAC,EAAE,gBAAgB,IAAI,UAAU,GAAG,IAAI,MAAM;AAE3E,MAAM,aAAa,CAAC,QAAQ,QAAQ,GAAG,EAAE,MAAM,GAAG,EAAE,KAAK,EAAE;AAsB3D,MAAM,QAAQ,KAAiB,SAASA,OAAM,EAAE,MAAM,OAAO,OAAO,gBAAgB;AAE5E,SAAA,qBAAC,SAAM,EAAA,WAAU,0EACZ,UAAA;AAAA,IAAA;AAAA,IACA,UAAU,gBAEH,oBAAA,UAAA,EAAA,UAAA,oBAAC,KAAE,EAAA,MAAK,uBAAsB,SAAS,OACnC,UAAA,oBAAC,SAAM,EAAA,UAAA,SAAK,GAChB,EACJ,CAAA;AAAA,EAAA,GAER;AAER,CAAC;AAEY,MAAA,UAAU,KAAmB,SAASC,SAAQ;AAAA,EACvD,QAAQ;AAAA,EACR;AAAA,EACA,eAAe;AAAA,EACf,UAAU,CAAC;AAAA,EACX;AAAA,EACA,iBAAiB,CAAC;AAAA,EAClB;AAAA,EACA,YAAY,EAAE,MAAM,SAAS,WAAW,SAAS,iBAAiB,CAAC,MAAM,EAAE,OAAO,OAAO,GAAG,eAAe,CAAC;AAAA,EAC5G,YAAY;AAAA,EACZ;AACJ,GAAG;AACO,QAAA,OAAO,WAAW,IAAI;AAEb,iBAAA,gBAAgB,eAAe,IAAI;AAC1C,UAAA,UAAS,mCAAU;AAChB,aAAA,aAAa,CAAC,MAAM,yCAAa,EAAE,CAAC,IAAI,GAAG,EAAA;AAEhD,QAAA,QAAQ,MAAM,SAAS,YAAY;AAGrC,SAAA,qBAAC,OAAI,EAAA,WAAU,mCACX,UAAA;AAAA,IAAA,oBAAC,OAAM,EAAA,MAAY,OAAc,OAAc,cAA4B;AAAA,IAC3E;AAAA,MAAC;AAAA,MAAA;AAAA,QACI,GAAG;AAAA,QACH,GAAG,EAAE,CAAC,QAAQ,GAAG,SAAS,GAAG;AAAA,QAC9B,WAAW,GAAG,UAAU,eAAe,eAAe,EAAE,IAAI,WAAW,SAAS;AAAA,QAChF,UAAU,CAAC,MAAM,SAAS,eAAe,CAAC,CAAC;AAAA,QAE1C;AAAA,MAAA;AAAA,IACL;AAAA,IACC,CAAC,aACG,oBAAA,QAAA,EAAK,eAAe,OAAO,WAAU,cAAa,OAAO,EAAE,OAAO,OAAA,GAC9D,UACL,MAAA,CAAA;AAAA,EAAA,GAER;AAER,CAAC;AAQY,MAAA,QAAQ,KAAiB,SAASC,OAAM,EAAE,KAAK,KAAK,OAAO,KAAK,GAAG,SAAS;AAEjF,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,YAAY;AAAA,QACR,MAAM;AAAA,QACN;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW;AAAA,QACX,gBAAgB,CAAC,MAAM,WAAW,EAAE,OAAO,KAAK;AAAA,MACpD;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EACR;AAER,CAAC;AAEM,MAAM,WAAW,KAAmB,SAASC,UAAS,OAAO;AAE5D,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,YAAY,EAAE,MAAM,YAAY,UAAU,WAAW,gBAAgB,CAAC,MAAM,EAAE,OAAO,QAAQ;AAAA,MAC5F,GAAG;AAAA,IAAA;AAAA,EACR;AAER,CAAC;AAEY,MAAA,SAAS,KAAmB,SAASC,QAAO,EAAE,UAAU,GAAG,SAAS;AAC7E,SACK,oBAAA,SAAA,EAAQ,YAAY,EAAE,KAAK,UAAU,WAAW,cAAA,GAAkB,GAAG,OAAO,WAAW,MACnF,SACL,CAAA;AAER,CAAC;"}

package/dist/bootstrap/error.d.ts

@@ -0,0 +1,7 @@
+import { ButtonProps } from 'react-bootstrap';
+export declare function ErrorAlert({ onRetry, children, buttonProps, ...props }: {
+    children?: Error | string | any;
+    onRetry?: () => any;
+    buttonProps?: ButtonProps;
+}): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=error.d.ts.map

package/dist/bootstrap/error.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"error.d.ts","sourceRoot":"","sources":["../../src/bootstrap/error.tsx"],"names":[],"mappings":"AAGA,OAAO,EAA6B,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAGzE,wBAAgB,UAAU,CAAC,EACvB,OAAO,EACP,QAAQ,EACR,WAAW,EACX,GAAG,KAAK,EACX,EAAE;IACC,QAAQ,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,GAAG,CAAC;IAChC,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;IACpB,WAAW,CAAC,EAAE,WAAW,CAAC;CAC7B,kDAwBA"}

package/dist/bootstrap/error.js

@@ -0,0 +1,31 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Alert, Button } from "react-bootstrap";
+function ErrorAlert({
+  onRetry,
+  children,
+  buttonProps,
+  ...props
+}) {
+  if (!children) return null;
+  return /* @__PURE__ */ jsxs(Alert, { variant: "danger", ...props, children: [
+    /* @__PURE__ */ jsx("div", { children: children.message || children.toString() }),
+    onRetry && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "link",
+        className: "alert-link",
+        ...buttonProps,
+        onClick: (e) => {
+          e.preventDefault();
+          e.stopPropagation();
+          onRetry();
+        },
+        children: "Retry"
+      }
+    ) })
+  ] });
+}
+export {
+  ErrorAlert
+};
+//# sourceMappingURL=error.js.map

package/dist/bootstrap/error.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"error.js","sources":["../../src/bootstrap/error.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport { Alert, AlertProps, Button, ButtonProps } from 'react-bootstrap';\n\n//TODO Create MUI-specific?\nexport function ErrorAlert({\n    onRetry,\n    children,\n    buttonProps,\n    ...props\n}: {\n    children?: Error | string | any;\n    onRetry?: () => any;\n    buttonProps?: ButtonProps;\n}) {\n    if (!children) return null;\n\n    return (\n        <Alert variant=\"danger\" {...props}>\n            <div>{children.message || children.toString()}</div>\n            {onRetry && (\n                <div>\n                    <Button\n                        variant=\"link\"\n                        className=\"alert-link\"\n                        {...buttonProps}\n                        onClick={(e) => {\n                            e.preventDefault();\n                            e.stopPropagation();\n                            onRetry();\n                        }}\n                    >\n                        Retry\n                    </Button>\n                </div>\n            )}\n        </Alert>\n    );\n}\n"],"names":[],"mappings":";;AAMO,SAAS,WAAW;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACP,GAIG;AACK,MAAA,CAAC,SAAiB,QAAA;AAEtB,SACK,qBAAA,OAAA,EAAM,SAAQ,UAAU,GAAG,OACxB,UAAA;AAAA,IAAA,oBAAC,OAAK,EAAA,UAAA,SAAS,WAAW,SAAS,YAAW;AAAA,IAC7C,+BACI,OACG,EAAA,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,SAAQ;AAAA,QACR,WAAU;AAAA,QACT,GAAG;AAAA,QACJ,SAAS,CAAC,MAAM;AACZ,YAAE,eAAe;AACjB,YAAE,gBAAgB;AACV,kBAAA;AAAA,QACZ;AAAA,QACH,UAAA;AAAA,MAAA;AAAA,IAAA,EAGL,CAAA;AAAA,EAAA,GAER;AAER;"}

package/dist/bootstrap/field.d.ts

@@ -0,0 +1,9 @@
+import { FormGroupProps, FormLabelProps, FormTextProps } from 'react-bootstrap';
+export declare function FieldGroup({ label, labelProps, text, textProps, horizontal, children, ...props }: FormGroupProps & {
+    label?: any;
+    labelProps?: FormLabelProps;
+    text?: any;
+    textProps?: FormTextProps;
+    horizontal?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=field.d.ts.map

package/dist/bootstrap/field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../../src/bootstrap/field.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEtF,wBAAgB,UAAU,CAAC,EACvB,KAAK,EACL,UAAe,EACf,IAAI,EACJ,SAAc,EACd,UAAU,EACV,QAAQ,EACR,GAAG,KAAK,EACX,EAAE,cAAc,GAAG;IAChB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB,2CAiBA"}

package/dist/bootstrap/field.js

@@ -0,0 +1,29 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Form } from "react-bootstrap";
+function FieldGroup({
+  label,
+  labelProps = {},
+  text,
+  textProps = {},
+  horizontal,
+  children,
+  ...props
+}) {
+  if (horizontal) {
+    props.className = "hstack gap-3 " + (props.className || "");
+    labelProps.className = "m-0 " + (labelProps.className || "");
+  }
+  if (text && horizontal) {
+    throw new Error("Cannot use text and horizontal together");
+  }
+  return /* @__PURE__ */ jsxs(Form.Group, { ...props, children: [
+    label && /* @__PURE__ */ jsx(Form.Label, { ...labelProps, children: label }),
+    children,
+    text && !horizontal && /* @__PURE__ */ jsx(Form.Text, { ...textProps, children: text }),
+    " "
+  ] });
+}
+export {
+  FieldGroup
+};
+//# sourceMappingURL=field.js.map

package/dist/bootstrap/field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.js","sources":["../../src/bootstrap/field.tsx"],"sourcesContent":["import React from 'react';\nimport { Form, FormGroupProps, FormLabelProps, FormTextProps } from 'react-bootstrap';\n\nexport function FieldGroup({\n    label,\n    labelProps = {},\n    text,\n    textProps = {},\n    horizontal,\n    children,\n    ...props\n}: FormGroupProps & {\n    label?: any;\n    labelProps?: FormLabelProps;\n    text?: any;\n    textProps?: FormTextProps;\n    horizontal?: boolean;\n}) {\n    if (horizontal) {\n        props.className = 'hstack gap-3 ' + (props.className || '');\n        labelProps.className = 'm-0 ' + (labelProps.className || '');\n    }\n\n    if (text && horizontal) {\n        throw new Error('Cannot use text and horizontal together');\n    }\n\n    return (\n        <Form.Group {...props}>\n            {label && <Form.Label {...labelProps}>{label}</Form.Label>}\n            {children}\n            {text && !horizontal && <Form.Text {...textProps}>{text}</Form.Text>}{' '}\n        </Form.Group>\n    );\n}\n"],"names":[],"mappings":";;AAGO,SAAS,WAAW;AAAA,EACvB;AAAA,EACA,aAAa,CAAC;AAAA,EACd;AAAA,EACA,YAAY,CAAC;AAAA,EACb;AAAA,EACA;AAAA,EACA,GAAG;AACP,GAMG;AACC,MAAI,YAAY;AACN,UAAA,YAAY,mBAAmB,MAAM,aAAa;AAC7C,eAAA,YAAY,UAAU,WAAW,aAAa;AAAA,EAAA;AAG7D,MAAI,QAAQ,YAAY;AACd,UAAA,IAAI,MAAM,yCAAyC;AAAA,EAAA;AAG7D,SACK,qBAAA,KAAK,OAAL,EAAY,GAAG,OACX,UAAA;AAAA,IAAA,6BAAU,KAAK,OAAL,EAAY,GAAG,YAAa,UAAM,OAAA;AAAA,IAC5C;AAAA,IACA,QAAQ,CAAC,cAAc,oBAAC,KAAK,MAAL,EAAW,GAAG,WAAY,UAAK,MAAA;AAAA,IAAc;AAAA,EAAA,GAC1E;AAER;"}

package/dist/bootstrap/footer.d.ts

@@ -0,0 +1,10 @@
+export declare function FooterNavItem({ href, icon, active, children }: {
+    href: any;
+    icon: any;
+    active?: boolean | undefined;
+    children?: string | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function Footer({ children }: {
+    children: any;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=footer.d.ts.map

package/dist/bootstrap/footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../src/bootstrap/footer.tsx"],"names":[],"mappings":"AAKA,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAc,EAAE,QAAa,EAAE;;;;;CAAA,2CA2B1E;AAED,wBAAgB,MAAM,CAAC,EAAE,QAAQ,EAAE;;CAAA,2CAclC"}

package/dist/bootstrap/footer.js

@@ -0,0 +1,40 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Nav, Navbar } from "react-bootstrap";
+import { useBreakpoint } from "./responsiveHelper.js";
+import { AdaptiveContainer } from "./adaptiveContainer.js";
+function FooterNavItem({ href, icon, active = false, children = "" }) {
+  const isFilepath = icon.includes(".");
+  let iconElement;
+  if (isFilepath) {
+    iconElement = /* @__PURE__ */ jsx("img", { src: icon, alt: "icon", className: "me-lg-2" });
+  } else {
+    iconElement = /* @__PURE__ */ jsx("span", { className: `lead me-lg-2 ${icon}` });
+  }
+  const link = /* @__PURE__ */ jsxs(
+    Nav.Link,
+    {
+      href,
+      className: `px-0 px-lg-3 d-flex align-items-center flex-column flex-lg-row ${active ? "text-primary" : ""}`,
+      children: [
+        iconElement,
+        children
+      ]
+    }
+  );
+  return /* @__PURE__ */ jsx(Nav.Item, { style: { flex: 1 }, children: link });
+}
+function Footer({ children }) {
+  const { isDesktop } = useBreakpoint();
+  return (
+    // border-bottom
+    /* @__PURE__ */ jsx("div", { className: isDesktop ? "" : "border-top", children: /* @__PURE__ */ jsx(Navbar, { className: isDesktop ? "" : "py-0", children: /* @__PURE__ */ jsxs(AdaptiveContainer, { children: [
+      isDesktop && /* @__PURE__ */ jsx(Navbar.Brand, { href: "/", children: "Le Brand" }),
+      /* @__PURE__ */ jsx(Nav, { className: isDesktop ? "me-auto" : "justify-content-center flex-nowrap w-100", children })
+    ] }) }) })
+  );
+}
+export {
+  Footer,
+  FooterNavItem
+};
+//# sourceMappingURL=footer.js.map

package/dist/bootstrap/footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer.js","sources":["../../src/bootstrap/footer.tsx"],"sourcesContent":["import React from 'react';\nimport { Nav, Navbar } from 'react-bootstrap';\nimport { useBreakpoint } from './responsiveHelper';\nimport { AdaptiveContainer } from './adaptiveContainer';\n\nexport function FooterNavItem({ href, icon, active = false, children = '' }) {\n    // const pathname = usePathname();\n\n    const isFilepath = icon.includes('.');\n    let iconElement;\n\n    if (isFilepath) {\n        iconElement = <img src={icon} alt=\"icon\" className=\"me-lg-2\" />;\n    } else {\n        iconElement = <span className={`lead me-lg-2 ${icon}`} />;\n    }\n\n    // const active = isActivePath(href, pathname);\n\n    const link = (\n        <Nav.Link\n            // as={Link}\n            href={href}\n            // active={active} // has no effect when not pills or tabs\n            className={`px-0 px-lg-3 d-flex align-items-center flex-column flex-lg-row ${active ? 'text-primary' : ''}`}\n        >\n            {iconElement}\n            {children}\n        </Nav.Link>\n    );\n\n    return <Nav.Item style={{ flex: 1 }}>{link}</Nav.Item>;\n}\n\nexport function Footer({ children }) {\n    const { isDesktop } = useBreakpoint();\n\n    return (\n        // border-bottom\n        <div className={isDesktop ? '' : 'border-top'}>\n            <Navbar className={isDesktop ? '' : 'py-0'}>\n                <AdaptiveContainer>\n                    {isDesktop && <Navbar.Brand href=\"/\">Le Brand</Navbar.Brand>}\n                    <Nav className={isDesktop ? 'me-auto' : 'justify-content-center flex-nowrap w-100'}>{children}</Nav>\n                </AdaptiveContainer>\n            </Navbar>\n        </div>\n    );\n}\n"],"names":[],"mappings":";;;;AAKgB,SAAA,cAAc,EAAE,MAAM,MAAM,SAAS,OAAO,WAAW,MAAM;AAGnE,QAAA,aAAa,KAAK,SAAS,GAAG;AAChC,MAAA;AAEJ,MAAI,YAAY;AACZ,sCAAe,OAAI,EAAA,KAAK,MAAM,KAAI,QAAO,WAAU,WAAU;AAAA,EAAA,OAC1D;AACH,kBAAe,oBAAA,QAAA,EAAK,WAAW,gBAAgB,IAAI,IAAI;AAAA,EAAA;AAK3D,QAAM,OACF;AAAA,IAAC,IAAI;AAAA,IAAJ;AAAA,MAEG;AAAA,MAEA,WAAW,kEAAkE,SAAS,iBAAiB,EAAE;AAAA,MAExG,UAAA;AAAA,QAAA;AAAA,QACA;AAAA,MAAA;AAAA,IAAA;AAAA,EACL;AAGG,SAAA,oBAAC,IAAI,MAAJ,EAAS,OAAO,EAAE,MAAM,EAAE,GAAI,UAAK,MAAA;AAC/C;AAEgB,SAAA,OAAO,EAAE,YAAY;AAC3B,QAAA,EAAE,UAAU,IAAI,cAAc;AAEpC;AAAA;AAAA,IAEK,oBAAA,OAAA,EAAI,WAAW,YAAY,KAAK,cAC7B,UAAC,oBAAA,QAAA,EAAO,WAAW,YAAY,KAAK,QAChC,+BAAC,mBACI,EAAA,UAAA;AAAA,MAAA,iCAAc,OAAO,OAAP,EAAa,MAAK,KAAI,UAAQ,YAAA;AAAA,0BAC5C,KAAI,EAAA,WAAW,YAAY,YAAY,4CAA6C,SAAS,CAAA;AAAA,IAAA,EAClG,CAAA,EACJ,CAAA,EACJ,CAAA;AAAA;AAER;"}

package/dist/bootstrap/globalLoading.d.ts

@@ -0,0 +1,4 @@
+export declare function GlobalLoading({ loading }: {
+    loading: boolean;
+}): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=globalLoading.d.ts.map

package/dist/bootstrap/globalLoading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"globalLoading.d.ts","sourceRoot":"","sources":["../../src/bootstrap/globalLoading.tsx"],"names":[],"mappings":"AAIA,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,OAAO,CAAA;CAAE,kDAY9D"}

package/dist/bootstrap/globalLoading.js

@@ -0,0 +1,10 @@
+import { jsx } from "react/jsx-runtime";
+import { Loading } from "./loading.js";
+function GlobalLoading({ loading }) {
+  if (!loading) return null;
+  return /* @__PURE__ */ jsx("div", { className: "bg-white position-absolute top-0 start-0 w-100 h-100 z-3 d-flex align-items-center justify-content-center", children: /* @__PURE__ */ jsx(Loading, {}) });
+}
+export {
+  GlobalLoading
+};
+//# sourceMappingURL=globalLoading.js.map

package/dist/bootstrap/globalLoading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"globalLoading.js","sources":["../../src/bootstrap/globalLoading.tsx"],"sourcesContent":["import React from 'react';\n// import { useLoading, useLoadingTimeout } from '../redux/loadingSlice';\nimport { Loading } from './loading';\n\nexport function GlobalLoading({ loading }: { loading: boolean }) {\n    // const { loading } = useLoading();\n\n    // useLoadingTimeout(15000); // escape latch if something is stuck\n\n    if (!loading) return null;\n\n    return (\n        <div className=\"bg-white position-absolute top-0 start-0 w-100 h-100 z-3 d-flex align-items-center justify-content-center\">\n            <Loading />\n        </div>\n    );\n}\n"],"names":[],"mappings":";;AAIgB,SAAA,cAAc,EAAE,WAAiC;AAKzD,MAAA,CAAC,QAAgB,QAAA;AAErB,6BACK,OAAI,EAAA,WAAU,6GACX,UAAA,oBAAC,UAAQ,CAAA,GACb;AAER;"}

package/dist/bootstrap/index.d.ts

@@ -0,0 +1,13 @@
+export * from './adaptiveContainer';
+export * from './controls';
+export * from './error';
+export * from './field';
+export * from './footer';
+export * from './globalLoading';
+export * from './loading';
+export * from './responsiveHelper';
+export * from './screen';
+export * from './toaster';
+export * from './useModal';
+export * from './useWrappedForm';
+//# sourceMappingURL=index.d.ts.map

package/dist/bootstrap/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/bootstrap/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC"}

package/dist/bootstrap/index.js

@@ -0,0 +1,34 @@
+import { AdaptiveContainer } from "./adaptiveContainer.js";
+import { Checkbox, Control, Range, Select } from "./controls.js";
+import { ErrorAlert } from "./error.js";
+import { FieldGroup } from "./field.js";
+import { Footer, FooterNavItem } from "./footer.js";
+import { GlobalLoading } from "./globalLoading.js";
+import { Loading } from "./loading.js";
+import { ResponsiveHelperBS, useBreakpoint } from "./responsiveHelper.js";
+import { Screen } from "./screen.js";
+import { Toaster } from "./toaster.js";
+import { useModal } from "./useModal.js";
+import { isFormLoading, stopPropagation, useWrappedForm } from "./useWrappedForm.js";
+export {
+  AdaptiveContainer,
+  Checkbox,
+  Control,
+  ErrorAlert,
+  FieldGroup,
+  Footer,
+  FooterNavItem,
+  GlobalLoading,
+  Loading,
+  Range,
+  ResponsiveHelperBS,
+  Screen,
+  Select,
+  Toaster,
+  isFormLoading,
+  stopPropagation,
+  useBreakpoint,
+  useModal,
+  useWrappedForm
+};
+//# sourceMappingURL=index.js.map

package/dist/bootstrap/index.js.map

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

package/dist/bootstrap/loading.d.ts

@@ -0,0 +1,8 @@
+import { SpinnerProps } from 'react-bootstrap';
+export declare function Loading({ children, show, className, size, }: {
+    children?: any;
+    show?: boolean;
+    className?: string;
+    size?: SpinnerProps['size'];
+}): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=loading.d.ts.map

package/dist/bootstrap/loading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading.d.ts","sourceRoot":"","sources":["../../src/bootstrap/loading.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,YAAY,EAAS,MAAM,iBAAiB,CAAC;AAG/D,wBAAgB,OAAO,CAAC,EACpB,QAA8B,EAC9B,IAAW,EACX,SAAc,EACd,IAAI,GACP,EAAE;IACC,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;CAC/B,kDAQA"}

package/dist/bootstrap/loading.js

@@ -0,0 +1,18 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Stack, Spinner } from "react-bootstrap";
+function Loading({
+  children = "Loading...",
+  show = true,
+  className = "",
+  size
+}) {
+  if (!show) return null;
+  return /* @__PURE__ */ jsxs(Stack, { direction: "horizontal", gap: 3, className: `align-self-auto ${className}`, children: [
+    /* @__PURE__ */ jsx(Spinner, { animation: "border", role: "status", size }),
+    /* @__PURE__ */ jsx("span", { children })
+  ] });
+}
+export {
+  Loading
+};
+//# sourceMappingURL=loading.js.map

package/dist/bootstrap/loading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading.js","sources":["../../src/bootstrap/loading.tsx"],"sourcesContent":["import { Spinner, SpinnerProps, Stack } from 'react-bootstrap';\nimport React from 'react';\n\nexport function Loading({\n    children = 'Loading...' as any,\n    show = true,\n    className = '',\n    size,\n}: {\n    children?: any;\n    show?: boolean;\n    className?: string;\n    size?: SpinnerProps['size'];\n}) {\n    if (!show) return null;\n    return (\n        <Stack direction=\"horizontal\" gap={3} className={`align-self-auto ${className}`}>\n            <Spinner animation=\"border\" role=\"status\" size={size as any} />\n            <span>{children}</span>\n        </Stack>\n    );\n}\n"],"names":[],"mappings":";;AAGO,SAAS,QAAQ;AAAA,EACpB,WAAW;AAAA,EACX,OAAO;AAAA,EACP,YAAY;AAAA,EACZ;AACJ,GAKG;AACK,MAAA,CAAC,KAAa,QAAA;AAEd,SAAA,qBAAC,SAAM,WAAU,cAAa,KAAK,GAAG,WAAW,mBAAmB,SAAS,IACzE,UAAA;AAAA,IAAA,oBAAC,SAAQ,EAAA,WAAU,UAAS,MAAK,UAAS,MAAmB;AAAA,IAC7D,oBAAC,UAAM,SAAS,CAAA;AAAA,EAAA,GACpB;AAER;"}

package/dist/bootstrap/responsiveHelper.d.ts

@@ -0,0 +1,7 @@
+export declare function useBreakpoint(): {
+    breakpoint: string;
+    isMobile: boolean;
+    isDesktop: boolean;
+};
+export declare function ResponsiveHelperBS(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=responsiveHelper.d.ts.map

package/dist/bootstrap/responsiveHelper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"responsiveHelper.d.ts","sourceRoot":"","sources":["../../src/bootstrap/responsiveHelper.tsx"],"names":[],"mappings":"AAIA,wBAAgB,aAAa;;;;EAgC5B;AAED,wBAAgB,kBAAkB,4CAWjC"}

package/dist/bootstrap/responsiveHelper.js

@@ -0,0 +1,45 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import React from "react";
+function useBreakpoint() {
+  const [breakpoint, setBreakpoint] = React.useState("xs");
+  React.useEffect(() => {
+    const updateBreakpoint = () => {
+      const width = window.innerWidth;
+      if (width < 576) {
+        setBreakpoint("xs");
+      } else if (width < 768) {
+        setBreakpoint("sm");
+      } else if (width < 992) {
+        setBreakpoint("md");
+      } else if (width < 1200) {
+        setBreakpoint("lg");
+      } else if (width < 1400) {
+        setBreakpoint("xl");
+      } else {
+        setBreakpoint("xxl");
+      }
+    };
+    updateBreakpoint();
+    window.addEventListener("resize", updateBreakpoint);
+    return () => {
+      window.removeEventListener("resize", updateBreakpoint);
+    };
+  }, []);
+  const isMobile = ["xs", "sm", "md"].includes(breakpoint);
+  return { breakpoint, isMobile, isDesktop: !isMobile };
+}
+function ResponsiveHelperBS() {
+  return /* @__PURE__ */ jsxs("span", { className: "small position-fixed bottom-0 z-3", style: { fontSize: "9px", right: 1, lineHeight: 1 }, children: [
+    /* @__PURE__ */ jsx("small", { className: "d-block d-sm-none", children: "XS" }),
+    /* @__PURE__ */ jsx("small", { className: "d-none d-sm-block d-md-none", children: "SM" }),
+    /* @__PURE__ */ jsx("small", { className: "d-none d-md-block d-lg-none", children: "MD" }),
+    /* @__PURE__ */ jsx("small", { className: "d-none d-lg-block d-xl-none", children: "LG" }),
+    /* @__PURE__ */ jsx("small", { className: "d-none d-xl-block d-xxl-none", children: "XL" }),
+    /* @__PURE__ */ jsx("small", { className: "d-none d-xxl-block", children: "XXL" })
+  ] });
+}
+export {
+  ResponsiveHelperBS,
+  useBreakpoint
+};
+//# sourceMappingURL=responsiveHelper.js.map

package/dist/bootstrap/responsiveHelper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"responsiveHelper.js","sources":["../../src/bootstrap/responsiveHelper.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\n\nexport function useBreakpoint() {\n    const [breakpoint, setBreakpoint] = React.useState('xs');\n\n    React.useEffect(() => {\n        const updateBreakpoint = () => {\n            const width = window.innerWidth;\n            if (width < 576) {\n                setBreakpoint('xs');\n            } else if (width < 768) {\n                setBreakpoint('sm');\n            } else if (width < 992) {\n                setBreakpoint('md');\n            } else if (width < 1200) {\n                setBreakpoint('lg');\n            } else if (width < 1400) {\n                setBreakpoint('xl');\n            } else {\n                setBreakpoint('xxl');\n            }\n        };\n\n        updateBreakpoint();\n        window.addEventListener('resize', updateBreakpoint);\n\n        return () => {\n            window.removeEventListener('resize', updateBreakpoint);\n        };\n    }, []);\n\n    const isMobile = ['xs', 'sm', 'md'].includes(breakpoint);\n\n    return { breakpoint, isMobile, isDesktop: !isMobile };\n}\n\nexport function ResponsiveHelperBS() {\n    return (\n        <span className=\"small position-fixed bottom-0 z-3\" style={{ fontSize: '9px', right: 1, lineHeight: 1 }}>\n            <small className=\"d-block d-sm-none\">XS</small>\n            <small className=\"d-none d-sm-block d-md-none\">SM</small>\n            <small className=\"d-none d-md-block d-lg-none\">MD</small>\n            <small className=\"d-none d-lg-block d-xl-none\">LG</small>\n            <small className=\"d-none d-xl-block d-xxl-none\">XL</small>\n            <small className=\"d-none d-xxl-block\">XXL</small>\n        </span>\n    );\n}\n"],"names":[],"mappings":";;AAIO,SAAS,gBAAgB;AAC5B,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM,SAAS,IAAI;AAEvD,QAAM,UAAU,MAAM;AAClB,UAAM,mBAAmB,MAAM;AAC3B,YAAM,QAAQ,OAAO;AACrB,UAAI,QAAQ,KAAK;AACb,sBAAc,IAAI;AAAA,MAAA,WACX,QAAQ,KAAK;AACpB,sBAAc,IAAI;AAAA,MAAA,WACX,QAAQ,KAAK;AACpB,sBAAc,IAAI;AAAA,MAAA,WACX,QAAQ,MAAM;AACrB,sBAAc,IAAI;AAAA,MAAA,WACX,QAAQ,MAAM;AACrB,sBAAc,IAAI;AAAA,MAAA,OACf;AACH,sBAAc,KAAK;AAAA,MAAA;AAAA,IAE3B;AAEiB,qBAAA;AACV,WAAA,iBAAiB,UAAU,gBAAgB;AAElD,WAAO,MAAM;AACF,aAAA,oBAAoB,UAAU,gBAAgB;AAAA,IACzD;AAAA,EACJ,GAAG,EAAE;AAEL,QAAM,WAAW,CAAC,MAAM,MAAM,IAAI,EAAE,SAAS,UAAU;AAEvD,SAAO,EAAE,YAAY,UAAU,WAAW,CAAC,SAAS;AACxD;AAEO,SAAS,qBAAqB;AACjC,SACK,qBAAA,QAAA,EAAK,WAAU,qCAAoC,OAAO,EAAE,UAAU,OAAO,OAAO,GAAG,YAAY,EAAA,GAChG,UAAA;AAAA,IAAC,oBAAA,SAAA,EAAM,WAAU,qBAAoB,UAAE,MAAA;AAAA,IACtC,oBAAA,SAAA,EAAM,WAAU,+BAA8B,UAAE,MAAA;AAAA,IAChD,oBAAA,SAAA,EAAM,WAAU,+BAA8B,UAAE,MAAA;AAAA,IAChD,oBAAA,SAAA,EAAM,WAAU,+BAA8B,UAAE,MAAA;AAAA,IAChD,oBAAA,SAAA,EAAM,WAAU,gCAA+B,UAAE,MAAA;AAAA,IACjD,oBAAA,SAAA,EAAM,WAAU,sBAAqB,UAAG,MAAA,CAAA;AAAA,EAAA,GAC7C;AAER;"}

package/dist/bootstrap/screen.d.ts

@@ -0,0 +1,20 @@
+export declare function Screen({ backBtn, backCb, backIcon, forwardBtn, forwardIcon, forwardCb, footer, menu, header, children, noContentPadding, contentClassName, title, centerContent, noHeader, noFooter, noMenu, }: {
+    backBtn?: any;
+    backCb?: any;
+    backIcon?: any;
+    forwardBtn?: any;
+    forwardIcon?: any;
+    forwardCb?: any;
+    children: any;
+    contentClassName?: string;
+    noContentPadding?: boolean;
+    header?: any;
+    footer?: any;
+    menu?: any;
+    title?: any;
+    centerContent?: boolean;
+    noHeader?: boolean;
+    noFooter?: boolean;
+    noMenu?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=screen.d.ts.map

package/dist/bootstrap/screen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"screen.d.ts","sourceRoot":"","sources":["../../src/bootstrap/screen.tsx"],"names":[],"mappings":"AAMA,wBAAgB,MAAM,CAAC,EACnB,OAAO,EACP,MAAM,EACN,QAAQ,EACR,UAAU,EACV,WAAW,EACX,SAAS,EACT,MAAM,EACN,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,gBAAwB,EACxB,gBAAqB,EACrB,KAAU,EACV,aAAqB,EACrB,QAAgB,EAChB,QAAgB,EAChB,MAAc,GAEjB,EAAE;IACC,OAAO,CAAC,MAAC;IACT,MAAM,CAAC,MAAC;IACR,QAAQ,CAAC,MAAC;IACV,UAAU,CAAC,MAAC;IACZ,WAAW,CAAC,MAAC;IACb,SAAS,CAAC,MAAC;IACX,QAAQ,EAAE,GAAG,CAAC;IACd,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CAEpB,2CAmGA"}