intelicoreact 1.6.7 → 1.6.8

package/dist/Atomic/UI/MonoAccordion/MonoAccordion.stories.js

@@ -0,0 +1,597 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    AlternativeIcons: function() {
+        return AlternativeIcons;
+    },
+    Basic: function() {
+        return Basic;
+    },
+    CustomStyled: function() {
+        return CustomStyled;
+    },
+    CustomStyledTitle: function() {
+        return CustomStyledTitle;
+    },
+    Disabled: function() {
+        return Disabled;
+    },
+    FormContent: function() {
+        return FormContent;
+    },
+    LoadingState: function() {
+        return LoadingState;
+    },
+    MultipleAccordions: function() {
+        return MultipleAccordions;
+    },
+    NestedAccordions: function() {
+        return NestedAccordions;
+    },
+    RichContent: function() {
+        return RichContent;
+    },
+    TableContent: function() {
+        return TableContent;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _reactfeather = require("react-feather");
+const _MonoAccordion = /*#__PURE__*/ _interop_require_default(require("./MonoAccordion"));
+require("./partial/AnyOuterClass.scss");
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
+    }
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
+    }
+}
+function _async_to_generator(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
+    };
+}
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+const _default = {
+    title: 'UI/MonoAccordion',
+    component: _MonoAccordion.default,
+    parameters: {
+        docs: {
+            description: {
+                component: 'A flexible accordion component that supports custom content, icons, and animations.'
+            }
+        }
+    },
+    argTypes: {
+        isIncludeOuterStyles: {
+            control: 'boolean',
+            description: 'Include additional outer styling class',
+            defaultValue: false
+        },
+        disabled: {
+            control: 'boolean',
+            description: 'Disable accordion interaction'
+        },
+        className: {
+            control: 'text',
+            description: 'Additional CSS class names'
+        }
+    }
+};
+// Base Template
+const Template = (args)=>{
+    const { isIncludeOuterStyles, children } = args;
+    const [isOpen, setIsOpen] = (0, _react.useState)(false);
+    if (!Array.isArray(children) || !children.length) {
+        return null;
+    }
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_MonoAccordion.default, {
+        className: isIncludeOuterStyles ? 'any-outer-class__mono-accordion' : undefined,
+        titleJSX: args.titleJSX,
+        icon: isOpen ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ChevronUp, {}) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ChevronDown, {}),
+        isOpen: isOpen,
+        onClick: ()=>setIsOpen(!isOpen),
+        disabled: args.disabled,
+        children: (children || []).map((el, idx)=>/*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                style: {
+                    padding: '5px 0'
+                },
+                children: el
+            }, idx))
+    });
+};
+const Basic = Template.bind({});
+Basic.args = {
+    titleJSX: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+        children: "Basic Accordion"
+    }),
+    children: [
+        'First item',
+        'Second item',
+        'Third item'
+    ]
+};
+const CustomStyledTitle = Template.bind({});
+CustomStyledTitle.args = {
+    titleJSX: /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        style: {
+            display: 'flex',
+            flexDirection: 'column',
+            gap: '4px'
+        },
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                style: {
+                    fontWeight: 'bold'
+                },
+                children: "Custom Styled Title"
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                style: {
+                    fontSize: '12px',
+                    color: '#666'
+                },
+                children: "With subtitle"
+            })
+        ]
+    }),
+    children: [
+        'Content item 1',
+        'Content item 2'
+    ]
+};
+const RichContent = Template.bind({});
+RichContent.args = {
+    titleJSX: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+        children: "Rich Content Example"
+    }),
+    children: [
+        /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+            style: {
+                display: 'flex',
+                alignItems: 'center',
+                gap: '8px'
+            },
+            children: [
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("img", {
+                    src: "https://via.placeholder.com/40",
+                    alt: "placeholder",
+                    style: {
+                        borderRadius: '50%'
+                    }
+                }),
+                /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                    children: [
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)("h4", {
+                            style: {
+                                margin: 0
+                            },
+                            children: "John Doe"
+                        }),
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)("p", {
+                            style: {
+                                margin: 0,
+                                color: '#666'
+                            },
+                            children: "Frontend Developer"
+                        })
+                    ]
+                })
+            ]
+        }, "1"),
+        /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+            style: {
+                padding: '12px',
+                backgroundColor: '#f5f5f5',
+                borderRadius: '4px'
+            },
+            children: [
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("p", {
+                    children: "This is a card-like content block"
+                }),
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
+                    type: "button",
+                    children: "Click me"
+                })
+            ]
+        }, "2")
+    ]
+};
+const AlternativeIcons = (args)=>{
+    const [isOpen, setIsOpen] = (0, _react.useState)(false);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_MonoAccordion.default, _object_spread_props(_object_spread({}, args), {
+        titleJSX: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+            children: "Alternative Icons"
+        }),
+        icon: isOpen ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Minus, {
+            size: 18
+        }) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Plus, {
+            size: 18
+        }),
+        isOpen: isOpen,
+        onClick: ()=>setIsOpen(!isOpen),
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)("p", {
+            children: "Content with alternative icons"
+        })
+    }));
+};
+const MultipleAccordions = ()=>{
+    const [openStates, setOpenStates] = (0, _react.useState)([
+        false,
+        false,
+        false
+    ]);
+    const toggleAccordion = (index)=>{
+        setOpenStates((prev)=>prev.map((state, i)=>i === index ? !state : state));
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+        style: {
+            display: 'flex',
+            flexDirection: 'column',
+            gap: '8px'
+        },
+        children: [
+            'First',
+            'Second',
+            'Third'
+        ].map((title, index)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_MonoAccordion.default, {
+                titleJSX: /*#__PURE__*/ (0, _jsxruntime.jsxs)("span", {
+                    children: [
+                        title,
+                        ' ',
+                        "Accordion"
+                    ]
+                }),
+                icon: openStates[index] ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ArrowUp, {}) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ArrowDown, {}),
+                isOpen: openStates[index],
+                onClick: ()=>toggleAccordion(index),
+                children: /*#__PURE__*/ (0, _jsxruntime.jsxs)("p", {
+                    children: [
+                        "Content for",
+                        title.toLowerCase(),
+                        ' ',
+                        "accordion"
+                    ]
+                })
+            }, index))
+    });
+};
+const NestedAccordions = ()=>{
+    const [parentOpen, setParentOpen] = (0, _react.useState)(false);
+    const [childOpen, setChildOpen] = (0, _react.useState)(false);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_MonoAccordion.default, {
+        titleJSX: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+            children: "Parent Accordion"
+        }),
+        icon: parentOpen ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ChevronUp, {}) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ChevronDown, {}),
+        isOpen: parentOpen,
+        onClick: ()=>setParentOpen(!parentOpen),
+        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+            style: {
+                padding: '10px 0'
+            },
+            children: [
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("p", {
+                    children: "Parent content"
+                }),
+                /*#__PURE__*/ (0, _jsxruntime.jsx)(_MonoAccordion.default, {
+                    titleJSX: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                        children: "Child Accordion"
+                    }),
+                    icon: childOpen ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ChevronUp, {}) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ChevronDown, {}),
+                    isOpen: childOpen,
+                    onClick: ()=>setChildOpen(!childOpen),
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)("p", {
+                        children: "Child content"
+                    })
+                })
+            ]
+        })
+    });
+};
+const Disabled = Template.bind({});
+Disabled.args = {
+    titleJSX: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+        children: "Disabled Accordion"
+    }),
+    disabled: true,
+    children: [
+        'This content is not accessible'
+    ]
+};
+const CustomStyled = Template.bind({});
+CustomStyled.args = {
+    isIncludeOuterStyles: true,
+    titleJSX: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+        children: "Custom Styled Accordion"
+    }),
+    children: [
+        'Content with custom styling'
+    ]
+};
+const FormContent = ()=>{
+    const [isOpen, setIsOpen] = (0, _react.useState)(false);
+    const [formData, setFormData] = (0, _react.useState)({
+        name: '',
+        email: ''
+    });
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_MonoAccordion.default, {
+        titleJSX: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+            children: "Form Example"
+        }),
+        icon: isOpen ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ChevronUp, {}) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ChevronDown, {}),
+        isOpen: isOpen,
+        onClick: ()=>setIsOpen(!isOpen),
+        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)("form", {
+            style: {
+                display: 'flex',
+                flexDirection: 'column',
+                gap: '10px',
+                padding: '10px 0'
+            },
+            children: [
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("input", {
+                    type: "text",
+                    placeholder: "Name",
+                    value: formData.name,
+                    onChange: (e)=>setFormData((prev)=>_object_spread_props(_object_spread({}, prev), {
+                                name: e.target.value
+                            }))
+                }),
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("input", {
+                    type: "email",
+                    placeholder: "Email",
+                    value: formData.email,
+                    onChange: (e)=>setFormData((prev)=>_object_spread_props(_object_spread({}, prev), {
+                                email: e.target.value
+                            }))
+                }),
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
+                    type: "button",
+                    children: "Submit"
+                })
+            ]
+        })
+    });
+};
+const TableContent = Template.bind({});
+TableContent.args = {
+    titleJSX: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+        children: "Table Example"
+    }),
+    children: [
+        /*#__PURE__*/ (0, _jsxruntime.jsxs)("table", {
+            style: {
+                width: '100%',
+                borderCollapse: 'collapse'
+            },
+            children: [
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("thead", {
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsxs)("tr", {
+                        children: [
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)("th", {
+                                style: {
+                                    border: '1px solid #ddd',
+                                    padding: '8px'
+                                },
+                                children: "Header 1"
+                            }),
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)("th", {
+                                style: {
+                                    border: '1px solid #ddd',
+                                    padding: '8px'
+                                },
+                                children: "Header 2"
+                            })
+                        ]
+                    })
+                }),
+                /*#__PURE__*/ (0, _jsxruntime.jsxs)("tbody", {
+                    children: [
+                        /*#__PURE__*/ (0, _jsxruntime.jsxs)("tr", {
+                            children: [
+                                /*#__PURE__*/ (0, _jsxruntime.jsx)("td", {
+                                    style: {
+                                        border: '1px solid #ddd',
+                                        padding: '8px'
+                                    },
+                                    children: "Data 1"
+                                }),
+                                /*#__PURE__*/ (0, _jsxruntime.jsx)("td", {
+                                    style: {
+                                        border: '1px solid #ddd',
+                                        padding: '8px'
+                                    },
+                                    children: "Data 2"
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ (0, _jsxruntime.jsxs)("tr", {
+                            children: [
+                                /*#__PURE__*/ (0, _jsxruntime.jsx)("td", {
+                                    style: {
+                                        border: '1px solid #ddd',
+                                        padding: '8px'
+                                    },
+                                    children: "Data 3"
+                                }),
+                                /*#__PURE__*/ (0, _jsxruntime.jsx)("td", {
+                                    style: {
+                                        border: '1px solid #ddd',
+                                        padding: '8px'
+                                    },
+                                    children: "Data 4"
+                                })
+                            ]
+                        })
+                    ]
+                })
+            ]
+        }, "1")
+    ]
+};
+const LoadingState = ()=>{
+    const [isOpen, setIsOpen] = (0, _react.useState)(false);
+    const [isLoading, setIsLoading] = (0, _react.useState)(false);
+    const [content, setContent] = (0, _react.useState)(null);
+    const handleClick = /*#__PURE__*/ function() {
+        var _ref = _async_to_generator(function*() {
+            if (!isOpen) {
+                setIsLoading(true);
+                // Имитация загрузки данных
+                yield new Promise((resolve)=>setTimeout(resolve, 1000));
+                setContent('Loaded content');
+                setIsLoading(false);
+            }
+            setIsOpen(!isOpen);
+        });
+        return function handleClick() {
+            return _ref.apply(this, arguments);
+        };
+    }();
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_MonoAccordion.default, {
+        titleJSX: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+            children: "Loading Example"
+        }),
+        icon: isOpen ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ChevronUp, {}) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ChevronDown, {}),
+        isOpen: isOpen,
+        onClick: handleClick,
+        children: isLoading ? /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+            style: {
+                padding: '20px 0',
+                textAlign: 'center'
+            },
+            children: "Loading..."
+        }) : /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+            children: content
+        })
+    });
+};
+
+//# sourceMappingURL=MonoAccordion.stories.js.map

package/dist/Atomic/UI/MonoAccordion/MonoAccordion.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/MonoAccordion/MonoAccordion.stories.js"],"sourcesContent":["\nimport  { Meta, Story } from '@storybook/react';\nimport React, { useState } from 'react';\n\nimport { ArrowDown, ArrowUp, ChevronDown, ChevronUp, Minus, Plus } from 'react-feather';\nimport MonoAccordion from './MonoAccordion';\n\nimport './partial/AnyOuterClass.scss';\n\nexport default {\n  title: 'UI/MonoAccordion',\n  component: MonoAccordion,\n  parameters: {\n    docs: {\n      description: {\n        component: 'A flexible accordion component that supports custom content, icons, and animations.',\n      },\n    },\n  },\n  argTypes: {\n    isIncludeOuterStyles: {\n      control: 'boolean',\n      description: 'Include additional outer styling class',\n      defaultValue: false,\n    },\n    disabled: {\n      control: 'boolean',\n      description: 'Disable accordion interaction',\n    },\n    className: {\n      control: 'text',\n      description: 'Additional CSS class names',\n    },\n  },\n};\n\n// Base Template\nconst Template = (args) => {\n  const { isIncludeOuterStyles, children } = args;\n  const [isOpen, setIsOpen] = useState(false);\n\n  if (!Array.isArray(children) || !children.length) {\n    return null;\n  }\n\n  return (\n    <MonoAccordion\n      className={isIncludeOuterStyles ? 'any-outer-class__mono-accordion' : undefined}\n      titleJSX={args.titleJSX}\n      icon={isOpen ? <ChevronUp /> : <ChevronDown />}\n      isOpen={isOpen}\n      onClick={() => setIsOpen(!isOpen)}\n      disabled={args.disabled}\n    >\n      {(children || []).map((el, idx) => (\n        <div key={idx} style={{ padding: '5px 0' }}>\n          {el}\n        </div>\n      ))}\n    </MonoAccordion>\n  );\n};\n\n// Basic Usage\nexport const Basic = Template.bind({});\nBasic.args = {\n  titleJSX: <span>Basic Accordion</span>,\n  children: ['First item', 'Second item', 'Third item'],\n};\n\n// Custom Styled Title\nexport const CustomStyledTitle = Template.bind({});\nCustomStyledTitle.args = {\n  titleJSX: (\n    <div\n      style={{\n        display: 'flex',\n        flexDirection: 'column',\n        gap: '4px',\n      }}\n    >\n      <span style={{ fontWeight: 'bold' }}>Custom Styled Title</span>\n      <span style={{ fontSize: '12px', color: '#666' }}>With subtitle</span>\n    </div>\n  ),\n  children: ['Content item 1', 'Content item 2'],\n};\n\n// Rich Content\nexport const RichContent = Template.bind({});\nRichContent.args = {\n  titleJSX: <span>Rich Content Example</span>,\n  children: [\n    <div key=\"1\" style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>\n      <img src=\"https://via.placeholder.com/40\" alt=\"placeholder\" style={{ borderRadius: '50%' }} />\n      <div>\n        <h4 style={{ margin: 0 }}>John Doe</h4>\n        <p style={{ margin: 0, color: '#666' }}>Frontend Developer</p>\n      </div>\n    </div>,\n    <div\n      key=\"2\"\n      style={{\n        padding: '12px',\n        backgroundColor: '#f5f5f5',\n        borderRadius: '4px',\n      }}\n    >\n      <p>This is a card-like content block</p>\n      <button type=\"button\">Click me</button>\n    </div>,\n  ],\n};\n\n// Alternative Icons\nexport const AlternativeIcons  = (args) => {\n  const [isOpen, setIsOpen] = useState(false);\n\n  return (\n    <MonoAccordion\n      {...args}\n      titleJSX={<span>Alternative Icons</span>}\n      icon={isOpen ? <Minus size={18} /> : <Plus size={18} />}\n      isOpen={isOpen}\n      onClick={() => setIsOpen(!isOpen)}\n    >\n      <p>Content with alternative icons</p>\n    </MonoAccordion>\n  );\n};\n\n// Multiple Accordions\nexport const MultipleAccordions= () => {\n  const [openStates, setOpenStates] = useState([false, false, false]);\n\n  const toggleAccordion = (index) => {\n    setOpenStates(prev => prev.map((state, i) => (i === index ? !state : state)));\n  };\n\n  return (\n    <div style={{ display: 'flex', flexDirection: 'column', gap: '8px' }}>\n      {['First', 'Second', 'Third'].map((title, index) => (\n        <MonoAccordion\n          key={index}\n          titleJSX={(\n            <span>\n              {title}\n              {' '}\n              Accordion\n            </span>\n          )}\n          icon={openStates[index] ? <ArrowUp /> : <ArrowDown />}\n          isOpen={openStates[index]}\n          onClick={() => toggleAccordion(index)}\n        >\n          <p>\n            Content for\n            {title.toLowerCase()}\n            {' '}\n            accordion\n          </p>\n        </MonoAccordion>\n      ))}\n    </div>\n  );\n};\n\n// Nested Accordions\nexport const NestedAccordions = () => {\n  const [parentOpen, setParentOpen] = useState(false);\n  const [childOpen, setChildOpen] = useState(false);\n\n  return (\n    <MonoAccordion\n      titleJSX={<span>Parent Accordion</span>}\n      icon={parentOpen ? <ChevronUp /> : <ChevronDown />}\n      isOpen={parentOpen}\n      onClick={() => setParentOpen(!parentOpen)}\n    >\n      <div style={{ padding: '10px 0' }}>\n        <p>Parent content</p>\n        <MonoAccordion\n          titleJSX={<span>Child Accordion</span>}\n          icon={childOpen ? <ChevronUp /> : <ChevronDown />}\n          isOpen={childOpen}\n          onClick={() => setChildOpen(!childOpen)}\n        >\n          <p>Child content</p>\n        </MonoAccordion>\n      </div>\n    </MonoAccordion>\n  );\n};\n\n// Disabled State\nexport const Disabled = Template.bind({});\nDisabled.args = {\n  titleJSX: <span>Disabled Accordion</span>,\n  disabled: true,\n  children: ['This content is not accessible'],\n};\n\n// Custom Styled\nexport const CustomStyled = Template.bind({});\nCustomStyled.args = {\n  isIncludeOuterStyles: true,\n  titleJSX: <span>Custom Styled Accordion</span>,\n  children: ['Content with custom styling'],\n};\n\n// Form Content\nexport const FormContent = () => {\n  const [isOpen, setIsOpen] = useState(false);\n  const [formData, setFormData] = useState({ name: '', email: '' });\n\n  return (\n    <MonoAccordion\n      titleJSX={<span>Form Example</span>}\n      icon={isOpen ? <ChevronUp /> : <ChevronDown />}\n      isOpen={isOpen}\n      onClick={() => setIsOpen(!isOpen)}\n    >\n      <form style={{ display: 'flex', flexDirection: 'column', gap: '10px', padding: '10px 0' }}>\n        <input\n          type=\"text\"\n          placeholder=\"Name\"\n          value={formData.name}\n          onChange={e => setFormData(prev => ({ ...prev, name: e.target.value }))}\n        />\n        <input\n          type=\"email\"\n          placeholder=\"Email\"\n          value={formData.email}\n          onChange={e => setFormData(prev => ({ ...prev, email: e.target.value }))}\n        />\n        <button type=\"button\">Submit</button>\n      </form>\n    </MonoAccordion>\n  );\n};\n\n// Table Content\nexport const TableContent = Template.bind({});\nTableContent.args = {\n  titleJSX: <span>Table Example</span>,\n  children: [\n    <table key=\"1\" style={{ width: '100%', borderCollapse: 'collapse' }}>\n      <thead>\n        <tr>\n          <th style={{ border: '1px solid #ddd', padding: '8px' }}>Header 1</th>\n          <th style={{ border: '1px solid #ddd', padding: '8px' }}>Header 2</th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr>\n          <td style={{ border: '1px solid #ddd', padding: '8px' }}>Data 1</td>\n          <td style={{ border: '1px solid #ddd', padding: '8px' }}>Data 2</td>\n        </tr>\n        <tr>\n          <td style={{ border: '1px solid #ddd', padding: '8px' }}>Data 3</td>\n          <td style={{ border: '1px solid #ddd', padding: '8px' }}>Data 4</td>\n        </tr>\n      </tbody>\n    </table>,\n  ],\n};\n\n// Loading State\nexport const LoadingState = () => {\n  const [isOpen, setIsOpen] = useState(false);\n  const [isLoading, setIsLoading] = useState(false);\n  const [content, setContent] = useState(null);\n\n  const handleClick = async () => {\n    if (!isOpen) {\n      setIsLoading(true);\n      // Имитация загрузки данных\n      await new Promise(resolve => setTimeout(resolve, 1000));\n      setContent('Loaded content');\n      setIsLoading(false);\n    }\n    setIsOpen(!isOpen);\n  };\n\n  return (\n    <MonoAccordion\n      titleJSX={<span>Loading Example</span>}\n      icon={isOpen ? <ChevronUp /> : <ChevronDown />}\n      isOpen={isOpen}\n      onClick={handleClick}\n    >\n      {isLoading\n        ? (\n            <div style={{ padding: '20px 0', textAlign: 'center' }}>Loading...</div>\n          )\n        : (\n            <div>{content}</div>\n          )}\n    </MonoAccordion>\n  );\n};\n"],"names":["AlternativeIcons","Basic","CustomStyled","CustomStyledTitle","Disabled","FormContent","LoadingState","MultipleAccordions","NestedAccordions","RichContent","TableContent","title","component","MonoAccordion","parameters","docs","description","argTypes","isIncludeOuterStyles","control","defaultValue","disabled","className","Template","args","children","isOpen","setIsOpen","useState","Array","isArray","length","undefined","titleJSX","icon","ChevronUp","ChevronDown","onClick","map","el","idx","div","style","padding","bind","span","display","flexDirection","gap","fontWeight","fontSize","color","alignItems","img","src","alt","borderRadius","h4","margin","p","backgroundColor","button","type","Minus","size","Plus","openStates","setOpenStates","toggleAccordion","index","prev","state","i","ArrowUp","ArrowDown","toLowerCase","parentOpen","setParentOpen","childOpen","setChildOpen","formData","setFormData","name","email","form","input","placeholder","value","onChange","e","target","table","width","borderCollapse","thead","tr","th","border","tbody","td","isLoading","setIsLoading","content","setContent","handleClick","Promise","resolve","setTimeout","textAlign"],"mappings":"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"}

package/dist/Atomic/UI/MonoAccordion/index.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _MonoAccordion = /*#__PURE__*/ _interop_require_default(require("./MonoAccordion"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const _default = _MonoAccordion.default;
+
+//# sourceMappingURL=index.js.map

package/dist/Atomic/UI/MonoAccordion/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/MonoAccordion/index.ts"],"sourcesContent":["import MonoAccordion from './MonoAccordion';\n\nexport default MonoAccordion;\nexport type { IMonoAccordionProps } from './MonoAccordion.interface';\n"],"names":["MonoAccordion"],"mappings":";;;;+BAEA;;;eAAA;;;sEAF0B;;;;;;MAE1B,WAAeA,sBAAa"}

package/dist/Atomic/UI/NavLine/NavLine.interface.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+//# sourceMappingURL=NavLine.interface.js.map

package/dist/Atomic/UI/NavLine/NavLine.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/NavLine/NavLine.interface.ts"],"names":[],"mappings":""}