@kirill.konshin/bootstrap 0.0.1 → 0.0.3

package/dist/adaptiveContainer.d.ts

@@ -1,4 +1,5 @@
 import { FC } from 'react';
 import { ContainerProps } from 'react-bootstrap';
-export declare const AdaptiveContainer: FC<ContainerProps>;
+export type AdaptiveContainerProps = ContainerProps;
+export declare const AdaptiveContainer: FC<AdaptiveContainerProps>;
 //# sourceMappingURL=adaptiveContainer.d.ts.map

package/dist/adaptiveContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"adaptiveContainer.d.ts","sourceRoot":"","sources":["../src/adaptiveContainer.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAa,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAG5D,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,cAAc,CAOhD,CAAC"}
+{"version":3,"file":"adaptiveContainer.d.ts","sourceRoot":"","sources":["../src/adaptiveContainer.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,EAAE,EAAQ,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAGjE,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC;AAEpD,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAOvD,CAAC"}

package/dist/adaptiveContainer.js

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

package/dist/adaptiveContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"adaptiveContainer.js","sources":["../src/adaptiveContainer.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { Container, ContainerProps } from 'react-bootstrap';\nimport { useBreakpoint } from './responsiveHelper';\n\nexport const AdaptiveContainer: FC<ContainerProps> = function AdaptiveContainer({ children, ...props }) {\n    const { isMobile } = useBreakpoint();\n    return (\n        <Container fluid={isMobile} {...props}>\n            {children}\n        </Container>\n    );\n};\n"],"names":["AdaptiveContainer"],"mappings":";;;AAIO,MAAM,oBAAwC,SAASA,mBAAkB,EAAE,UAAU,GAAG,SAAS;AACpG,QAAM,EAAE,SAAA,IAAa,cAAA;AACrB,6BACK,WAAA,EAAU,OAAO,UAAW,GAAG,OAC3B,UACL;AAER;"}
+{"version":3,"file":"adaptiveContainer.js","names":[],"sources":["../src/adaptiveContainer.tsx"],"sourcesContent":["import React, { type FC, memo } from 'react';\nimport { Container, type ContainerProps } from 'react-bootstrap';\nimport { useBreakpoint } from './responsiveHelper';\n\nexport type AdaptiveContainerProps = ContainerProps;\n\nexport const AdaptiveContainer: FC<AdaptiveContainerProps> = memo(function AdaptiveContainer({ children, ...props }) {\n    const { isMobile } = useBreakpoint();\n    return (\n        <Container fluid={isMobile} {...props}>\n            {children}\n        </Container>\n    );\n});\n"],"mappings":";;;;;AAMA,IAAa,oBAAgD,KAAK,SAAS,kBAAkB,EAAE,UAAU,GAAG,SAAS;CACjH,MAAM,EAAE,aAAa,cAAc;CACnC,OACI,oBAAC,WAAD;EAAW,OAAO;EAAU,GAAI;EAC3B;CACM,CAAA;AAEnB,CAAC"}

package/dist/adaptiveContainer.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { AdaptiveContainer } from './adaptiveContainer.js';
+declare const meta: Meta<typeof AdaptiveContainer>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithClassName: Story;
+export declare const WithContent: Story;
+//# sourceMappingURL=adaptiveContainer.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"adaptiveContainer.stories.d.ts","sourceRoot":"","sources":["../src/adaptiveContainer.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,iBAAiB,CAWxC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAK3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAsBzB,CAAC"}

package/dist/controls.d.ts

@@ -1,5 +1,5 @@
 import { default as React, HTMLInputTypeAttribute, FC } from 'react';
-export interface ControlProps {
+export type ControlProps = {
     value?: any;
     setValue?: (v: any) => void;
     defaultValue?: any;
@@ -21,17 +21,17 @@ export interface ControlProps {
         className?: string;
     } & any;
     hideValue?: boolean;
-}
+};
 export type LabelProps = Pick<ControlProps, 'name' | 'value' | 'defaultValue'> & {
     reset: () => void;
 };
 export declare const Label: FC<LabelProps>;
 export declare const Control: FC<ControlProps>;
-export interface RangeProps extends ControlProps {
+export type RangeProps = {
     min: number;
     max: number;
     step?: number;
-}
+} & ControlProps;
 export declare const Range: FC<RangeProps>;
 export declare const Checkbox: FC<ControlProps>;
 export declare const Select: FC<ControlProps>;

package/dist/controls.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"controls.d.ts","sourceRoot":"","sources":["../src/controls.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,sBAAsB,EAAQ,EAAE,EAAE,MAAM,OAAO,CAAC;AAMhE,MAAM,WAAW,YAAY;IACzB,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;AAED,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,YAAY,EAAE,MAAM,GAAG,OAAO,GAAG,cAAc,CAAC,GAAG;IAAE,KAAK,EAAE,MAAM,IAAI,CAAA;CAAE,CAAC;AAEvG,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAa/B,CAAC;AAEH,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAsCnC,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,EAAE,EAAE,CAAC,UAAU,CAc/B,CAAC;AAEH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,YAAY,CAOpC,CAAC;AAEH,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,YAAY,CAMlC,CAAC"}
+{"version":3,"file":"controls.d.ts","sourceRoot":"","sources":["../src/controls.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,sBAAsB,EAAQ,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAO1E,MAAM,MAAM,YAAY,GAAG;IACvB,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,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,YAAY,EAAE,MAAM,GAAG,OAAO,GAAG,cAAc,CAAC,GAAG;IAAE,KAAK,EAAE,MAAM,IAAI,CAAA;CAAE,CAAC;AAEvG,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAa/B,CAAC;AAEH,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAsCnC,CAAC;AAEH,MAAM,MAAM,UAAU,GAAG;IACrB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,GAAG,YAAY,CAAC;AAEjB,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAc/B,CAAC;AAEH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,YAAY,CAOpC,CAAC;AAEH,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,YAAY,CAMlC,CAAC"}

package/dist/controls.js

@@ -1,78 +1,85 @@
-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" }) }) })
-  ] });
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+//#region src/controls.tsx
+var lcFirst = (str) => str[0].toLowerCase() + str.substring(1, str.length);
+var toProperty = (str) => lcFirst(str).split(" ").join("");
+var Label = memo(function Label({ 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?.[prop];
-  setValue = setValue || ((v) => 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 })
-  ] });
+var Control = memo(function Control({ 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?.[prop];
+	setValue = setValue || ((v) => 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: clsx(value === defaultValue && "opacity-75", inputProps.className) || void 0,
+				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
-    }
-  );
+var Range = memo(function Range({ min, max, step = .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
-    }
-  );
+var Checkbox = memo(function Checkbox(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 });
+var Select = memo(function Select({ children, ...props }) {
+	return /* @__PURE__ */ jsx(Control, {
+		inputProps: {
+			Tag: "select",
+			className: "form-select"
+		},
+		...props,
+		hideValue: true,
+		children
+	});
 });
-export {
-  Checkbox,
-  Control,
-  Label,
-  Range,
-  Select
-};
-//# sourceMappingURL=controls.js.map
+//#endregion
+export { Checkbox, Control, Label, Range, Select };
+
+//# sourceMappingURL=controls.js.map

package/dist/controls.js.map

@@ -1 +1 @@
-{"version":3,"file":"controls.js","sources":["../src/controls.tsx"],"sourcesContent":["import React, { HTMLInputTypeAttribute, memo, FC } from 'react';\n\nconst lcFirst = (str: string) => str[0].toLowerCase() + str.substring(1, str.length);\n\nconst toProperty = (str: string) => lcFirst(str).split(' ').join('');\n\nexport interface 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\nexport type LabelProps = Pick<ControlProps, 'name' | 'value' | 'defaultValue'> & { reset: () => void };\n\nexport const Label: FC<LabelProps> = memo(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: FC<ControlProps> = memo(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: any) => 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: Event) => 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: FC<RangeProps> = memo(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: any) => parseFloat(e.target.value),\n            }}\n            {...props}\n        />\n    );\n});\n\nexport const Checkbox: FC<ControlProps> = memo(function Checkbox(props) {\n    return (\n        <Control\n            inputProps={{ type: 'checkbox', property: 'checked', valueExtractor: (e: any) => e.target.checked }}\n            {...props}\n        />\n    );\n});\n\nexport const Select: FC<ControlProps> = memo(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,QAAgB,IAAI,CAAC,EAAE,gBAAgB,IAAI,UAAU,GAAG,IAAI,MAAM;AAEnF,MAAM,aAAa,CAAC,QAAgB,QAAQ,GAAG,EAAE,MAAM,GAAG,EAAE,KAAK,EAAE;AAsB5D,MAAM,QAAwB,KAAK,SAASA,OAAM,EAAE,MAAM,OAAO,OAAO,gBAAgB;AAC3F,SACI,qBAAC,SAAA,EAAM,WAAU,0EACZ,UAAA;AAAA,IAAA;AAAA,IACA,UAAU,gBACP,oBAAA,UAAA,EACI,UAAA,oBAAC,KAAA,EAAE,MAAK,uBAAsB,SAAS,OACnC,UAAA,oBAAC,SAAA,EAAM,UAAA,SAAK,GAChB,EAAA,CACJ;AAAA,EAAA,GAER;AAER,CAAC;AAEM,MAAM,UAA4B,KAAK,SAASC,SAAQ;AAAA,EAC3D,QAAQ;AAAA,EACR;AAAA,EACA,eAAe;AAAA,EACf,UAAU,CAAA;AAAA,EACV;AAAA,EACA,iBAAiB,CAAA;AAAA,EACjB;AAAA,EACA,YAAY,EAAE,MAAM,SAAS,WAAW,SAAS,iBAAiB,CAAC,MAAW,EAAE,OAAO,OAAO,GAAG,WAAA,IAAe,CAAA;AAAA,EAChH,YAAY;AAAA,EACZ;AACJ,GAAG;AACC,QAAM,OAAO,WAAW,IAAI;AAE5B,iBAAe,gBAAgB,eAAe,IAAI;AAClD,UAAQ,SAAS,UAAU,IAAI;AAC/B,aAAW,aAAa,CAAC,MAAM,aAAa,EAAE,CAAC,IAAI,GAAG,EAAA,CAAG;AAEzD,QAAM,QAAQ,MAAM,SAAS,YAAY;AAEzC,SACI,qBAAC,OAAA,EAAI,WAAU,mCACX,UAAA;AAAA,IAAA,oBAAC,OAAA,EAAM,MAAY,OAAc,OAAc,cAA4B;AAAA,IAC3E;AAAA,MAAC;AAAA,MAAA;AAAA,QACI,GAAG;AAAA,QACH,GAAG,EAAE,CAAC,QAAQ,GAAG,SAAS,GAAA;AAAA,QAC3B,WAAW,GAAG,UAAU,eAAe,eAAe,EAAE,IAAI,WAAW,SAAS;AAAA,QAChF,UAAU,CAAC,MAAa,SAAS,eAAe,CAAC,CAAC;AAAA,QAEjD;AAAA,MAAA;AAAA,IAAA;AAAA,IAEJ,CAAC,aACE,oBAAC,QAAA,EAAK,eAAe,OAAO,WAAU,cAAa,OAAO,EAAE,OAAO,OAAA,GAC9D,UAAA,MAAA,CACL;AAAA,EAAA,GAER;AAER,CAAC;AAQM,MAAM,QAAwB,KAAK,SAASC,OAAM,EAAE,KAAK,KAAK,OAAO,KAAK,GAAG,SAAS;AACzF,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,YAAY;AAAA,QACR,MAAM;AAAA,QACN;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW;AAAA,QACX,gBAAgB,CAAC,MAAW,WAAW,EAAE,OAAO,KAAK;AAAA,MAAA;AAAA,MAExD,GAAG;AAAA,IAAA;AAAA,EAAA;AAGhB,CAAC;AAEM,MAAM,WAA6B,KAAK,SAASC,UAAS,OAAO;AACpE,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,YAAY,EAAE,MAAM,YAAY,UAAU,WAAW,gBAAgB,CAAC,MAAW,EAAE,OAAO,QAAA;AAAA,MACzF,GAAG;AAAA,IAAA;AAAA,EAAA;AAGhB,CAAC;AAEM,MAAM,SAA2B,KAAK,SAASC,QAAO,EAAE,UAAU,GAAG,SAAS;AACjF,SACI,oBAAC,SAAA,EAAQ,YAAY,EAAE,KAAK,UAAU,WAAW,cAAA,GAAkB,GAAG,OAAO,WAAW,MACnF,SAAA,CACL;AAER,CAAC;"}
+{"version":3,"file":"controls.js","names":[],"sources":["../src/controls.tsx"],"sourcesContent":["import React, { type HTMLInputTypeAttribute, memo, type FC } from 'react';\nimport clsx from 'clsx';\n\nconst lcFirst = (str: string) => str[0].toLowerCase() + str.substring(1, str.length);\n\nconst toProperty = (str: string) => lcFirst(str).split(' ').join('');\n\nexport type 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\nexport type LabelProps = Pick<ControlProps, 'name' | 'value' | 'defaultValue'> & { reset: () => void };\n\nexport const Label: FC<LabelProps> = memo(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: FC<ControlProps> = memo(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: any) => 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={clsx(value === defaultValue && 'opacity-75', inputProps.className) || undefined}\n                onChange={(e: Event) => 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 type RangeProps = {\n    min: number;\n    max: number;\n    step?: number;\n} & ControlProps;\n\nexport const Range: FC<RangeProps> = memo(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: any) => parseFloat(e.target.value),\n            }}\n            {...props}\n        />\n    );\n});\n\nexport const Checkbox: FC<ControlProps> = memo(function Checkbox(props) {\n    return (\n        <Control\n            inputProps={{ type: 'checkbox', property: 'checked', valueExtractor: (e: any) => e.target.checked }}\n            {...props}\n        />\n    );\n});\n\nexport const Select: FC<ControlProps> = memo(function Select({ children, ...props }) {\n    return (\n        <Control inputProps={{ Tag: 'select', className: 'form-select' }} {...props} hideValue={true}>\n            {children}\n        </Control>\n    );\n});\n"],"mappings":";;;;AAGA,IAAM,WAAW,QAAgB,IAAI,EAAE,CAAC,YAAY,IAAI,IAAI,UAAU,GAAG,IAAI,MAAM;AAEnF,IAAM,cAAc,QAAgB,QAAQ,GAAG,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,KAAK,EAAE;AAsBnE,IAAa,QAAwB,KAAK,SAAS,MAAM,EAAE,MAAM,OAAO,OAAO,gBAAgB;CAC3F,OACI,qBAAC,SAAD;EAAO,WAAU;YAAjB,CACK,MACA,UAAU,gBACP,oBAAA,UAAA,EAAA,UACI,oBAAC,KAAD;GAAG,MAAK;GAAsB,SAAS;aACnC,oBAAC,SAAD,EAAA,UAAO,QAAY,CAAA;EACpB,CAAA,EACL,CAAA,CAEH;;AAEf,CAAC;AAED,IAAa,UAA4B,KAAK,SAAS,QAAQ,EAC3D,QAAQ,MACR,UACA,eAAe,MACf,UAAU,CAAC,GACX,YACA,iBAAiB,CAAC,GAClB,MACA,YAAY,EAAE,MAAM,SAAS,WAAW,SAAS,kBAAkB,MAAW,EAAE,OAAO,OAAO,GAAG,eAAe,CAAC,GACjH,YAAY,OACZ,YACD;CACC,MAAM,OAAO,WAAW,IAAI;CAE5B,eAAe,gBAAgB,eAAe;CAC9C,QAAQ,SAAS,UAAU;CAC3B,WAAW,cAAc,MAAM,aAAa,GAAG,OAAO,EAAE,CAAC;CAEzD,MAAM,cAAc,SAAS,YAAY;CAEzC,OACI,qBAAC,OAAD;EAAK,WAAU;YAAf;GACI,oBAAC,OAAD;IAAa;IAAa;IAAc;IAAqB;GAAe,CAAA;GAC5E,oBAAC,KAAD;IACI,GAAI;KACG,WAAW,SAAS;IAC3B,WAAW,KAAK,UAAU,gBAAgB,cAAc,WAAW,SAAS,KAAK,KAAA;IACjF,WAAW,MAAa,SAAS,eAAe,CAAC,CAAC;IAEjD;GACA,CAAA;GACJ,CAAC,aACE,oBAAC,QAAD;IAAM,eAAe;IAAO,WAAU;IAAa,OAAO,EAAE,OAAO,OAAO;cACrE;GACC,CAAA;EAET;;AAEb,CAAC;AAQD,IAAa,QAAwB,KAAK,SAAS,MAAM,EAAE,KAAK,KAAK,OAAO,IAAK,GAAG,SAAS;CACzF,OACI,oBAAC,SAAD;EACI,YAAY;GACR,MAAM;GACN;GACA;GACA;GACA,WAAW;GACX,iBAAiB,MAAW,WAAW,EAAE,OAAO,KAAK;EACzD;EACA,GAAI;CACP,CAAA;AAET,CAAC;AAED,IAAa,WAA6B,KAAK,SAAS,SAAS,OAAO;CACpE,OACI,oBAAC,SAAD;EACI,YAAY;GAAE,MAAM;GAAY,UAAU;GAAW,iBAAiB,MAAW,EAAE,OAAO;EAAQ;EAClG,GAAI;CACP,CAAA;AAET,CAAC;AAED,IAAa,SAA2B,KAAK,SAAS,OAAO,EAAE,UAAU,GAAG,SAAS;CACjF,OACI,oBAAC,SAAD;EAAS,YAAY;GAAE,KAAK;GAAU,WAAW;EAAc;EAAG,GAAI;EAAO,WAAW;EACnF;CACI,CAAA;AAEjB,CAAC"}

package/dist/controls.stories.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"controls.stories.d.ts","sourceRoot":"","sources":["../src/controls.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAU,OAAO,EAAmB,MAAM,YAAY,CAAC;AAK9D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAyB9B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,YAAY,EAAE,KAI1B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAI7B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAS3B,CAAC"}
+{"version":3,"file":"controls.stories.d.ts","sourceRoot":"","sources":["../src/controls.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,OAAO,EAAU,KAAK,OAAO,EAAmB,MAAM,YAAY,CAAC;AAKnE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAyB9B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,YAAY,EAAE,KAI1B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAI7B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAS3B,CAAC"}

package/dist/error.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"error.d.ts","sourceRoot":"","sources":["../src/error.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAA6B,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEzE,MAAM,MAAM,eAAe,GAAG;IAC1B,QAAQ,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,GAAG,CAAC;IAChC,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;IACpB,WAAW,CAAC,EAAE,WAAW,CAAC;CAC7B,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAwB1C,CAAC"}
+{"version":3,"file":"error.d.ts","sourceRoot":"","sources":["../src/error.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,KAAK,EAAE,EAAQ,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAiB,KAAK,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAElE,MAAM,MAAM,eAAe,GAAG;IAC1B,QAAQ,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,GAAG,CAAC;IAChC,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;IACpB,WAAW,CAAC,EAAE,WAAW,CAAC;CAC7B,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAwBzC,CAAC"}

package/dist/error.js

@@ -1,27 +1,27 @@
 "use client";
-import { jsxs, jsx } from "react/jsx-runtime";
+import { memo } from "react";
 import { Alert, Button } from "react-bootstrap";
-const ErrorAlert = function ErrorAlert2({ 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
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/error.tsx
+var ErrorAlert = memo(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"
+		}) })]
+	});
+});
+//#endregion
+export { ErrorAlert };
+
+//# sourceMappingURL=error.js.map

package/dist/error.js.map

@@ -1 +1 @@
-{"version":3,"file":"error.js","sources":["../src/error.tsx"],"sourcesContent":["'use client';\n\nimport React, { FC } from 'react';\nimport { Alert, AlertProps, Button, ButtonProps } from 'react-bootstrap';\n\nexport type ErrorAlertProps = {\n    children?: Error | string | any;\n    onRetry?: () => any;\n    buttonProps?: ButtonProps;\n};\n\n//TODO Create MUI-specific?\nexport const ErrorAlert: FC<ErrorAlertProps> = function ErrorAlert({ onRetry, children, buttonProps, ...props }) {\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":["ErrorAlert"],"mappings":";;;AAYO,MAAM,aAAkC,SAASA,YAAW,EAAE,SAAS,UAAU,aAAa,GAAG,SAAS;AAC7G,MAAI,CAAC,SAAU,QAAO;AAEtB,SACI,qBAAC,OAAA,EAAM,SAAQ,UAAU,GAAG,OACxB,UAAA;AAAA,IAAA,oBAAC,OAAA,EAAK,UAAA,SAAS,WAAW,SAAS,YAAW;AAAA,IAC7C,+BACI,OAAA,EACG,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,SAAQ;AAAA,QACR,WAAU;AAAA,QACT,GAAG;AAAA,QACJ,SAAS,CAAC,MAAM;AACZ,YAAE,eAAA;AACF,YAAE,gBAAA;AACF,kBAAA;AAAA,QACJ;AAAA,QACH,UAAA;AAAA,MAAA;AAAA,IAAA,EAED,CACJ;AAAA,EAAA,GAER;AAER;"}
+{"version":3,"file":"error.js","names":[],"sources":["../src/error.tsx"],"sourcesContent":["'use client';\n\nimport React, { type FC, memo } from 'react';\nimport { Alert, Button, type ButtonProps } from 'react-bootstrap';\n\nexport type ErrorAlertProps = {\n    children?: Error | string | any;\n    onRetry?: () => any;\n    buttonProps?: ButtonProps;\n};\n\n//TODO Create MUI-specific?\nexport const ErrorAlert: FC<ErrorAlertProps> = memo(function ErrorAlert({ onRetry, children, buttonProps, ...props }) {\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"],"mappings":";;;;;AAYA,IAAa,aAAkC,KAAK,SAAS,WAAW,EAAE,SAAS,UAAU,aAAa,GAAG,SAAS;CAClH,IAAI,CAAC,UAAU,OAAO;CAEtB,OACI,qBAAC,OAAD;EAAO,SAAQ;EAAS,GAAI;YAA5B,CACI,oBAAC,OAAD,EAAA,UAAM,SAAS,WAAW,SAAS,SAAS,EAAO,CAAA,GAClD,WACG,oBAAC,OAAD,EAAA,UACI,oBAAC,QAAD;GACI,SAAQ;GACR,WAAU;GACV,GAAI;GACJ,UAAU,MAAM;IACZ,EAAE,eAAe;IACjB,EAAE,gBAAgB;IAClB,QAAQ;GACZ;aACH;EAEO,CAAA,EACP,CAAA,CAEN;;AAEf,CAAC"}

package/dist/error.stories.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"error.stories.d.ts","sourceRoot":"","sources":["../src/error.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAGrC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAYjC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,MAAM,EAAE,KAIpB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAIzB,CAAC"}
+{"version":3,"file":"error.stories.d.ts","sourceRoot":"","sources":["../src/error.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAGrC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAYjC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,MAAM,EAAE,KAIpB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAIzB,CAAC"}

package/dist/field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../src/field.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAQ,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEtF,MAAM,MAAM,eAAe,GAAG,cAAc,GAAG;IAC3C,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,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAyB1C,CAAC"}
+{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../src/field.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,EAAE,EAAQ,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAQ,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,KAAK,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErG,MAAM,MAAM,eAAe,GAAG,cAAc,GAAG;IAC3C,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,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CA0BzC,CAAC"}

package/dist/field.js

@@ -1,29 +1,30 @@
-import { jsxs, jsx } from "react/jsx-runtime";
+import { memo } from "react";
 import { Form } from "react-bootstrap";
-const FieldGroup = function FieldGroup2({
-  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
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/field.tsx
+var FieldGroup = memo(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
+			}),
+			" "
+		]
+	});
+});
+//#endregion
+export { FieldGroup };
+
+//# sourceMappingURL=field.js.map

package/dist/field.js.map

@@ -1 +1 @@
-{"version":3,"file":"field.js","sources":["../src/field.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { Form, FormGroupProps, FormLabelProps, FormTextProps } from 'react-bootstrap';\n\nexport type FieldGroupProps = FormGroupProps & {\n    label?: any;\n    labelProps?: FormLabelProps;\n    text?: any;\n    textProps?: FormTextProps;\n    horizontal?: boolean;\n};\n\nexport const FieldGroup: FC<FieldGroupProps> = function FieldGroup({\n    label,\n    labelProps = {},\n    text,\n    textProps = {},\n    horizontal,\n    children,\n    ...props\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":["FieldGroup"],"mappings":";;AAWO,MAAM,aAAkC,SAASA,YAAW;AAAA,EAC/D;AAAA,EACA,aAAa,CAAA;AAAA,EACb;AAAA,EACA,YAAY,CAAA;AAAA,EACZ;AAAA,EACA;AAAA,EACA,GAAG;AACP,GAAG;AACC,MAAI,YAAY;AACZ,UAAM,YAAY,mBAAmB,MAAM,aAAa;AACxD,eAAW,YAAY,UAAU,WAAW,aAAa;AAAA,EAC7D;AAEA,MAAI,QAAQ,YAAY;AACpB,UAAM,IAAI,MAAM,yCAAyC;AAAA,EAC7D;AAEA,SACI,qBAAC,KAAK,OAAL,EAAY,GAAG,OACX,UAAA;AAAA,IAAA,6BAAU,KAAK,OAAL,EAAY,GAAG,YAAa,UAAA,OAAM;AAAA,IAC5C;AAAA,IACA,QAAQ,CAAC,cAAc,oBAAC,KAAK,MAAL,EAAW,GAAG,WAAY,UAAA,MAAK;AAAA,IAAc;AAAA,EAAA,GAC1E;AAER;"}
+{"version":3,"file":"field.js","names":[],"sources":["../src/field.tsx"],"sourcesContent":["import React, { type FC, memo } from 'react';\nimport { Form, type FormGroupProps, type FormLabelProps, type FormTextProps } from 'react-bootstrap';\n\nexport type FieldGroupProps = FormGroupProps & {\n    label?: any;\n    labelProps?: FormLabelProps;\n    text?: any;\n    textProps?: FormTextProps;\n    horizontal?: boolean;\n};\n\nexport const FieldGroup: FC<FieldGroupProps> = memo(function FieldGroup({\n    label,\n    labelProps = {},\n    text,\n    textProps = {},\n    horizontal,\n    children,\n    ...props\n}) {\n    if (horizontal) {\n        props.className = 'hstack gap-3 ' + (props.className || '');\n        // eslint-disable-next-line react-hooks/immutability\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"],"mappings":";;;;AAWA,IAAa,aAAkC,KAAK,SAAS,WAAW,EACpE,OACA,aAAa,CAAC,GACd,MACA,YAAY,CAAC,GACb,YACA,UACA,GAAG,SACJ;CACC,IAAI,YAAY;EACZ,MAAM,YAAY,mBAAmB,MAAM,aAAa;EAExD,WAAW,YAAY,UAAU,WAAW,aAAa;CAC7D;CAEA,IAAI,QAAQ,YACR,MAAM,IAAI,MAAM,yCAAyC;CAG7D,OACI,qBAAC,KAAK,OAAN;EAAY,GAAI;YAAhB;GACK,SAAS,oBAAC,KAAK,OAAN;IAAY,GAAI;cAAa;GAAkB,CAAA;GACxD;GACA,QAAQ,CAAC,cAAc,oBAAC,KAAK,MAAN;IAAW,GAAI;cAAY;GAAgB,CAAA;GAAG;EAC9D;;AAEpB,CAAC"}

package/dist/field.stories.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"field.stories.d.ts","sourceRoot":"","sources":["../src/field.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAIrC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAajC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAC"}
+{"version":3,"file":"field.stories.d.ts","sourceRoot":"","sources":["../src/field.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAIrC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAajC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAC"}

package/dist/footer.d.ts

@@ -6,5 +6,8 @@ export type FooterNavItemProps = {
     children?: string | undefined;
 };
 export declare const FooterNavItem: FC<FooterNavItemProps>;
-export declare const Footer: FC<any>;
+export type FooterProps = {
+    children: any;
+};
+export declare const Footer: FC<FooterProps>;
 //# sourceMappingURL=footer.d.ts.map

package/dist/footer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../src/footer.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAKlC,MAAM,MAAM,kBAAkB,GAAG;IAC7B,IAAI,EAAE,GAAG,CAAC;IACV,IAAI,EAAE,GAAG,CAAC;IACV,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACjC,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAgChD,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,GAAG,CAc1B,CAAC"}
+{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../src/footer.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,EAAE,EAAQ,MAAM,OAAO,CAAC;AAK7C,MAAM,MAAM,kBAAkB,GAAG;IAC7B,IAAI,EAAE,GAAG,CAAC;IACV,IAAI,EAAE,GAAG,CAAC;IACV,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACjC,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAgC/C,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG;IACtB,QAAQ,EAAE,GAAG,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAcjC,CAAC"}

package/dist/footer.js

@@ -1,45 +1,45 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { Nav, Navbar } from "react-bootstrap";
 import { useBreakpoint } from "./responsiveHelper.js";
 import { AdaptiveContainer } from "./adaptiveContainer.js";
-const FooterNavItem = function FooterNavItem2({
-  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 });
-};
-const Footer = function Footer2({ 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
+import { memo } from "react";
+import { Nav, Navbar } from "react-bootstrap";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/footer.tsx
+var FooterNavItem = memo(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
+	});
+});
+var Footer = memo(function Footer({ children }) {
+	const { isDesktop } = useBreakpoint();
+	return /* @__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
+			})] })
+		})
+	});
+});
+//#endregion
+export { Footer, FooterNavItem };
+
+//# sourceMappingURL=footer.js.map