@shopito/design-system 1.0.101

package/dist/cjs/components/Table/index.js

@@ -0,0 +1,9 @@
+"use strict";
+exports.__esModule = true;
+exports.Column = exports.Actions = void 0;
+var tslib_1 = require("tslib");
+var Actions_1 = tslib_1.__importDefault(require("./components/Actions"));
+exports.Actions = Actions_1["default"];
+var Column_1 = tslib_1.__importDefault(require("./components/Column"));
+exports.Column = Column_1["default"];
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/Table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"https://my-website.com/debug/source/","sources":["components/Table/index.ts"],"names":[],"mappings":";;;;AACA,yEAA2C;AAGlC,kBAHF,oBAAO,CAGE;AAFhB,uEAAyC;AAEvB,iBAFX,mBAAM,CAEW"}

package/dist/cjs/components/Tabs/TabPanel.d.ts

@@ -0,0 +1,10 @@
+import React, { ReactNode } from 'react';
+interface TabPanelProps {
+    label: string;
+    index?: number;
+    value?: number;
+    badge?: ReactNode;
+    children?: ReactNode;
+}
+declare const TabPanel: ({ label, index, value, badge, children, ...props }: TabPanelProps) => React.JSX.Element;
+export default TabPanel;

package/dist/cjs/components/Tabs/TabPanel.js

@@ -0,0 +1,11 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var material_1 = require("@mui/material");
+var TabPanel = function (_a) {
+    var label = _a.label, index = _a.index, value = _a.value, badge = _a.badge, children = _a.children, props = tslib_1.__rest(_a, ["label", "index", "value", "badge", "children"]);
+    return (react_1["default"].createElement("div", tslib_1.__assign({ role: "tabpanel", hidden: value !== index, id: "simple-tabpanel-".concat(index), "aria-labelledby": "simple-tab-".concat(index) }, props), value === index && react_1["default"].createElement(material_1.Box, { sx: { pt: 4 } }, children)));
+};
+exports["default"] = TabPanel;
+//# sourceMappingURL=TabPanel.js.map

package/dist/cjs/components/Tabs/TabPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabPanel.js","sourceRoot":"https://my-website.com/debug/source/","sources":["components/Tabs/TabPanel.tsx"],"names":[],"mappings":";;;AAAA,wDAAyC;AACzC,0CAAoC;AAUpC,IAAM,QAAQ,GAAG,UAAC,EAOF;IANd,IAAA,KAAK,WAAA,EACL,KAAK,WAAA,EACL,KAAK,WAAA,EACL,KAAK,WAAA,EACL,QAAQ,cAAA,EACL,KAAK,sBANQ,gDAOjB,CADS;IAER,OAAO,CACL,2DACE,IAAI,EAAC,UAAU,EACf,MAAM,EAAE,KAAK,KAAK,KAAK,EACvB,EAAE,EAAE,0BAAmB,KAAK,CAAE,qBACb,qBAAc,KAAK,CAAE,IAClC,KAAK,GAER,KAAK,KAAK,KAAK,IAAI,iCAAC,cAAG,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,IAAG,QAAQ,CAAO,CACpD,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,qBAAe,QAAQ,CAAC"}

package/dist/cjs/components/Tabs/Tabs.d.ts

@@ -0,0 +1,10 @@
+import React, { ReactNode } from 'react';
+import { CardProps } from '@mui/material';
+export interface TabsProps extends CardProps {
+    defaultTab?: number;
+    onTabChange?: (tabIndex: number) => Promise<boolean>;
+    panelsToCard?: boolean;
+    children?: ReactNode;
+}
+declare const Tabs: ({ panelsToCard, onTabChange, ...props }: TabsProps) => React.JSX.Element;
+export default Tabs;

package/dist/cjs/components/Tabs/Tabs.js

@@ -0,0 +1,73 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var material_1 = require("@mui/material");
+var TabPanel_1 = tslib_1.__importDefault(require("./TabPanel"));
+var Box_1 = tslib_1.__importDefault(require("../Box"));
+var __1 = require("../../");
+var Tabs = function (_a) {
+    var _b = _a.panelsToCard, panelsToCard = _b === void 0 ? true : _b, onTabChange = _a.onTabChange, props = tslib_1.__rest(_a, ["panelsToCard", "onTabChange"]);
+    var _c = (0, react_1.useState)(0), selectedTab = _c[0], setSelectedTab = _c[1];
+    var children = Array.isArray(props.children)
+        ? props.children
+        : [props.children];
+    var onTabChangeLocal = function (_, value) { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
+        var _a, _b;
+        return tslib_1.__generator(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    _a = !onTabChange;
+                    if (_a) return [3 /*break*/, 3];
+                    _b = !!onTabChange;
+                    if (!_b) return [3 /*break*/, 2];
+                    return [4 /*yield*/, onTabChange(value)];
+                case 1:
+                    _b = (_c.sent());
+                    _c.label = 2;
+                case 2:
+                    _a = (_b);
+                    _c.label = 3;
+                case 3:
+                    if (_a) {
+                        setSelectedTab(value);
+                    }
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    var renderBadge = function (comp) {
+        if (!comp) {
+            return null;
+        }
+        return (0, react_1.cloneElement)(comp, {
+            sx: {
+                position: 'absolute',
+                top: 18,
+                right: 14
+            }
+        });
+    };
+    var tabsContent = (react_1["default"].createElement(Box_1["default"], { sx: { borderBottom: '1px solid rgba(0, 0, 0, 0.12)' } },
+        react_1["default"].createElement(material_1.Tabs, tslib_1.__assign({ value: selectedTab, 
+            // @ts-ignore
+            onChange: onTabChangeLocal }, props), children
+            .filter(function (child) { return child.type === TabPanel_1["default"]; })
+            .map(function (child, index) { return (react_1["default"].createElement(material_1.Tab, { key: "tab-".concat(index), label: react_1["default"].createElement(Box_1["default"], null,
+                child.props.label,
+                renderBadge(child.props.badge)), value: index })); }))));
+    var tabPanelsContent = (react_1["default"].createElement(react_1["default"].Fragment, null, children
+        .filter(function (child) { return child.type === TabPanel_1["default"]; })
+        .map(function (child, index) { return (react_1["default"].createElement(TabPanel_1["default"], { key: "tab-panel-".concat(index), label: child.props.label, value: selectedTab, index: index }, child.props.children)); })));
+    return (react_1["default"].createElement(react_1["default"].Fragment, null, panelsToCard ? (react_1["default"].createElement(react_1["default"].Fragment, null,
+        react_1["default"].createElement(__1.MainPaper, null,
+            react_1["default"].createElement(material_1.Card, { sx: props.sx },
+                react_1["default"].createElement(material_1.CardContent, { sx: { pt: 1 } },
+                    tabsContent,
+                    tabPanelsContent))))) : (react_1["default"].createElement(material_1.Grid, { container: true },
+        react_1["default"].createElement(material_1.Grid, { item: true, xs: 12 },
+            tabsContent,
+            tabPanelsContent)))));
+};
+exports["default"] = Tabs;
+//# sourceMappingURL=Tabs.js.map

package/dist/cjs/components/Tabs/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sourceRoot":"https://my-website.com/debug/source/","sources":["components/Tabs/Tabs.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/Tabs/Tabs.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { TabsProps } from './Tabs';
+declare const meta: Meta<TabsProps>;
+type Story = StoryObj<TabsProps>;
+export default meta;
+export declare const Basic: Story;

package/dist/cjs/components/Tabs/Tabs.stories.js

@@ -0,0 +1,26 @@
+"use strict";
+exports.__esModule = true;
+exports.Basic = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var Tabs_1 = tslib_1.__importDefault(require("./Tabs"));
+var TabPanel_1 = tslib_1.__importDefault(require("./TabPanel"));
+var meta = {
+    component: Tabs_1["default"],
+    parameters: {
+        layout: 'top'
+    },
+    tags: ['autodocs']
+};
+exports["default"] = meta;
+exports.Basic = {
+    args: {
+        panelsToCard: true,
+        children: [
+            react_1["default"].createElement(TabPanel_1["default"], { label: "Basic" }, "Basic"),
+            react_1["default"].createElement(TabPanel_1["default"], { label: "Advanced" }, "Advanced"),
+            react_1["default"].createElement(TabPanel_1["default"], { label: "Last tab" }, "Last section"),
+        ]
+    }
+};
+//# sourceMappingURL=Tabs.stories.js.map

package/dist/cjs/components/Tabs/Tabs.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.stories.js","sourceRoot":"https://my-website.com/debug/source/","sources":["components/Tabs/Tabs.stories.tsx"],"names":[],"mappings":";;;;AAAA,wDAA0B;AAG1B,wDAAyC;AACzC,gEAAkC;AAElC,IAAM,IAAI,GAAoB;IAC5B,SAAS,EAAE,iBAAI;IACf,UAAU,EAAE;QACV,MAAM,EAAE,KAAK;KACd;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAC;AAIF,qBAAe,IAAI,CAAC;AAEP,QAAA,KAAK,GAAU;IAC1B,IAAI,EAAE;QACJ,YAAY,EAAE,IAAI;QAClB,QAAQ,EAAE;YACR,iCAAC,qBAAQ,IAAC,KAAK,EAAC,OAAO,YAAiB;YACxC,iCAAC,qBAAQ,IAAC,KAAK,EAAC,UAAU,eAAoB;YAC9C,iCAAC,qBAAQ,IAAC,KAAK,EAAC,UAAU,mBAAwB;SACnD;KACF;CACF,CAAC"}

package/dist/cjs/components/Tabs/index.d.ts

@@ -0,0 +1,4 @@
+import Tabs from './Tabs';
+import TabPanel from './TabPanel';
+export default Tabs;
+export { TabPanel, };

package/dist/cjs/components/Tabs/index.js

@@ -0,0 +1,9 @@
+"use strict";
+exports.__esModule = true;
+exports.TabPanel = void 0;
+var tslib_1 = require("tslib");
+var Tabs_1 = tslib_1.__importDefault(require("./Tabs"));
+var TabPanel_1 = tslib_1.__importDefault(require("./TabPanel"));
+exports.TabPanel = TabPanel_1["default"];
+exports["default"] = Tabs_1["default"];
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/Tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"https://my-website.com/debug/source/","sources":["components/Tabs/index.ts"],"names":[],"mappings":";;;;AAAA,wDAA0B;AAC1B,gEAAkC;AAIhC,mBAJK,qBAAQ,CAIL;AAFV,qBAAe,iBAAI,CAAC"}

package/dist/cjs/components/Tabs2/Tabs2.d.ts

@@ -0,0 +1,15 @@
+import React, { ReactElement, ReactNode } from 'react';
+import { CardProps } from '@mui/material';
+export interface Tabs2Tab {
+    label: string;
+    badge?: ReactElement;
+    content: ReactNode;
+}
+interface Tabs2Props extends CardProps {
+    defaultTab?: number;
+    onTabChange?: (tabIndex: number) => Promise<boolean>;
+    panelsToCard?: boolean;
+    tabs: Array<Tabs2Tab>;
+}
+declare const Tabs2: ({ panelsToCard, onTabChange, tabs, ...props }: Tabs2Props) => React.JSX.Element | null;
+export default Tabs2;

package/dist/cjs/components/Tabs2/Tabs2.js

@@ -0,0 +1,68 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var material_1 = require("@mui/material");
+var Box_1 = tslib_1.__importDefault(require("../Box"));
+var __1 = require("../..");
+var Tabs2 = function (_a) {
+    var _b = _a.panelsToCard, panelsToCard = _b === void 0 ? true : _b, onTabChange = _a.onTabChange, tabs = _a.tabs, props = tslib_1.__rest(_a, ["panelsToCard", "onTabChange", "tabs"]);
+    var _c = (0, react_1.useState)(0), selectedTab = _c[0], setSelectedTab = _c[1];
+    var onTabChangeLocal = function (_, value) { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
+        var _a, _b;
+        return tslib_1.__generator(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    _a = !onTabChange;
+                    if (_a) return [3 /*break*/, 3];
+                    _b = !!onTabChange;
+                    if (!_b) return [3 /*break*/, 2];
+                    return [4 /*yield*/, onTabChange(value)];
+                case 1:
+                    _b = (_c.sent());
+                    _c.label = 2;
+                case 2:
+                    _a = (_b);
+                    _c.label = 3;
+                case 3:
+                    if (_a) {
+                        setSelectedTab(value);
+                    }
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    var renderBadge = function (comp) {
+        if (!comp) {
+            return null;
+        }
+        return (0, react_1.cloneElement)(comp, {
+            sx: {
+                position: 'absolute',
+                top: 18,
+                right: 14
+            }
+        });
+    };
+    var tabsContent = (react_1["default"].createElement(Box_1["default"], { sx: { borderBottom: '1px solid rgba(0, 0, 0, 0.12)' } },
+        react_1["default"].createElement(material_1.Tabs, tslib_1.__assign({ value: selectedTab, 
+            // @ts-ignore
+            onChange: onTabChangeLocal }, props), tabs.map(function (tab, index) { return (react_1["default"].createElement(material_1.Tab, { key: "tab-".concat(index), label: react_1["default"].createElement(Box_1["default"], null,
+                tab.label,
+                tab.badge && renderBadge(tab.badge)), value: index })); }))));
+    var tabPanelsContent = (react_1["default"].createElement(react_1.Fragment, null, tabs.map(function (tab, index) { return (react_1["default"].createElement(__1.TabPanel, { key: "tab-panel-".concat(index), label: tab.label, value: selectedTab, index: index }, tab.content)); })));
+    if (tabs.length === 0) {
+        return null;
+    }
+    return (react_1["default"].createElement(react_1["default"].Fragment, null, panelsToCard ? (react_1["default"].createElement(react_1["default"].Fragment, null,
+        react_1["default"].createElement(__1.MainPaper, null,
+            react_1["default"].createElement(material_1.Card, { sx: props.sx },
+                react_1["default"].createElement(material_1.CardContent, { sx: { pt: 1 } },
+                    tabsContent,
+                    tabPanelsContent))))) : (react_1["default"].createElement(material_1.Grid, { container: true },
+        react_1["default"].createElement(material_1.Grid, { item: true, xs: 12 },
+            tabsContent,
+            tabPanelsContent)))));
+};
+exports["default"] = Tabs2;
+//# sourceMappingURL=Tabs2.js.map

package/dist/cjs/components/Tabs2/Tabs2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs2.js","sourceRoot":"https://my-website.com/debug/source/","sources":["components/Tabs2/Tabs2.tsx"],"names":[],"mappings":";;;AAAA,qDAOe;AACf,0CAOuB;AACvB,uDAAyB;AACzB,2BAA4C;AAe5C,IAAM,KAAK,GAAG,UAAC,EAKF;IAJX,IAAA,oBAAmB,EAAnB,YAAY,mBAAG,IAAI,KAAA,EACnB,WAAW,iBAAA,EACX,IAAI,UAAA,EACD,KAAK,sBAJK,uCAKd,CADS;IAEF,IAAA,KAAgC,IAAA,gBAAQ,EAAC,CAAC,CAAC,EAA1C,WAAW,QAAA,EAAE,cAAc,QAAe,CAAC;IAElD,IAAM,gBAAgB,GAAG,UAAO,CAAiB,EAAE,KAAa;;;;;oBAC1D,KAAA,CAAC,WAAW,CAAA;4BAAZ,wBAAY;oBAAK,KAAA,CAAC,CAAC,WAAW,CAAA;6BAAb,wBAAa;oBAAK,qBAAM,WAAW,CAAC,KAAK,CAAC,EAAA;;oBAAzB,KAAA,CAAC,SAAwB,CAAC,CAAA;;;oBAA5C,KAAA,IAA6C,CAAA;;;oBAAjE,QAAmE;wBACjE,cAAc,CAAC,KAAK,CAAC,CAAC;qBACvB;;;;SACF,CAAC;IAEF,IAAM,WAAW,GAAG,UAAC,IAAkB;QACrC,IAAI,CAAC,IAAI,EAAE;YACT,OAAO,IAAI,CAAC;SACb;QAED,OAAO,IAAA,oBAAY,EAAC,IAAI,EAAE;YACxB,EAAE,EAAE;gBACF,QAAQ,EAAE,UAAU;gBACpB,GAAG,EAAE,EAAE;gBACP,KAAK,EAAE,EAAE;aACV;SACF,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,IAAM,WAAW,GAAG,CAClB,iCAAC,gBAAG,IAAC,EAAE,EAAE,EAAE,YAAY,EAAE,+BAA+B,EAAE;QACxD,iCAAC,eAAO,qBACN,KAAK,EAAE,WAAW;YAClB,aAAa;YACb,QAAQ,EAAE,gBAAgB,IACtB,KAAK,GAER,IAAI,CAAC,GAAG,CAAC,UAAC,GAAG,EAAE,KAAK,IAAK,OAAA,CACxB,iCAAC,cAAG,IACF,GAAG,EAAE,cAAO,KAAK,CAAE,EACnB,KAAK,EACH,iCAAC,gBAAG;gBACD,GAAG,CAAC,KAAK;gBACT,GAAG,CAAC,KAAK,IAAI,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC,CAChC,EAER,KAAK,EAAE,KAAK,GACZ,CACH,EAXyB,CAWzB,CAAC,CACM,CACN,CACP,CAAC;IAEF,IAAM,gBAAgB,GAAG,CACvB,iCAAC,gBAAQ,QACN,IAAI,CAAC,GAAG,CAAC,UAAC,GAAG,EAAE,KAAK,IAAK,OAAA,CACxB,iCAAC,YAAQ,IACP,GAAG,EAAE,oBAAa,KAAK,CAAE,EACzB,KAAK,EAAE,GAAG,CAAC,KAAK,EAChB,KAAK,EAAE,WAAW,EAClB,KAAK,EAAE,KAAK,IAEX,GAAG,CAAC,OAAO,CACH,CACZ,EATyB,CASzB,CAAC,CACO,CACZ,CAAC;IAEF,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE;QACrB,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,oEACG,YAAY,CAAC,CAAC,CAAC,CACd;QACE,iCAAC,aAAS;YACR,iCAAC,eAAI,IAAC,EAAE,EAAE,KAAK,CAAC,EAAE;gBAChB,iCAAC,sBAAW,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE;oBACvB,WAAW;oBACX,gBAAgB,CACL,CACT,CACG,CACX,CACJ,CAAC,CAAC,CAAC,CACF,iCAAC,eAAI,IAAC,SAAS;QACb,iCAAC,eAAI,IAAC,IAAI,QAAC,EAAE,EAAE,EAAE;YACd,WAAW;YACX,gBAAgB,CACZ,CACF,CACR,CACA,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,qBAAe,KAAK,CAAC"}

package/dist/cjs/components/Tabs2/index.d.ts

@@ -0,0 +1,3 @@
+import Tabs2, { Tabs2Tab } from './Tabs2';
+export default Tabs2;
+export type { Tabs2Tab };

package/dist/cjs/components/Tabs2/index.js

@@ -0,0 +1,6 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+var Tabs2_1 = tslib_1.__importDefault(require("./Tabs2"));
+exports["default"] = Tabs2_1["default"];
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/Tabs2/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"https://my-website.com/debug/source/","sources":["components/Tabs2/index.ts"],"names":[],"mappings":";;;AAAA,0DAA0C;AAE1C,qBAAe,kBAAK,CAAC"}

package/dist/cjs/components/TextField/TextField.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { TextFieldProps as MuiTextFieldProps } from '@mui/material';
+import { FormFieldTooltipProps } from '../FormFieldTooltip';
+export type TextFieldProps = MuiTextFieldProps & {
+    withoutLabel?: boolean;
+    withoutHelperText?: boolean;
+    sxControl?: any;
+    tooltip?: FormFieldTooltipProps;
+    testId?: string;
+};
+declare const TextField: ({ withoutLabel, withoutHelperText, sxControl, tooltip, testId, ...props }: TextFieldProps) => React.JSX.Element;
+export default TextField;

package/dist/cjs/components/TextField/TextField.js

@@ -0,0 +1,16 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var material_1 = require("@mui/material");
+var Flex_1 = tslib_1.__importDefault(require("../Flex"));
+var FormLabel_1 = tslib_1.__importDefault(require("../FormLabel/FormLabel"));
+var TextField = function (_a) {
+    var _b = _a.withoutLabel, withoutLabel = _b === void 0 ? false : _b, _c = _a.withoutHelperText, withoutHelperText = _c === void 0 ? false : _c, sxControl = _a.sxControl, tooltip = _a.tooltip, testId = _a.testId, props = tslib_1.__rest(_a, ["withoutLabel", "withoutHelperText", "sxControl", "tooltip", "testId"]);
+    return (react_1["default"].createElement(material_1.FormControl, { sx: tslib_1.__assign({}, (sxControl || {})) },
+        !withoutLabel && (react_1["default"].createElement(Flex_1["default"], { direction: "row" },
+            react_1["default"].createElement(FormLabel_1["default"], { required: props.required, focused: props.focused, htmlFor: props.name, tooltip: (tooltip === null || tooltip === void 0 ? void 0 : tooltip.position) === 'label' ? tooltip.content : undefined, sx: { display: 'flex' } }, props.label))),
+        react_1["default"].createElement(material_1.TextField, tslib_1.__assign({ "data-testid": testId, id: props.name }, props, { label: null, helperText: !withoutHelperText ? props.helperText : null }))));
+};
+exports["default"] = TextField;
+//# sourceMappingURL=TextField.js.map

package/dist/cjs/components/TextField/TextField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.js","sourceRoot":"https://my-website.com/debug/source/","sources":["components/TextField/TextField.tsx"],"names":[],"mappings":";;;AAAA,wDAA0B;AAC1B,0CAIuB;AACvB,yDAA2B;AAE3B,6EAA+C;AAU/C,IAAM,SAAS,GAAG,UAAC,EAOF;IANf,IAAA,oBAAoB,EAApB,YAAY,mBAAG,KAAK,KAAA,EACpB,yBAAyB,EAAzB,iBAAiB,mBAAG,KAAK,KAAA,EACzB,SAAS,eAAA,EACT,OAAO,aAAA,EACP,MAAM,YAAA,EACH,KAAK,sBANS,uEAOlB,CADS;IAER,OAAO,CACL,iCAAC,sBAAW,IAAC,EAAE,uBAAO,CAAC,SAAS,IAAI,EAAE,CAAC;QACpC,CAAC,YAAY,IAAI,CAChB,iCAAC,iBAAI,IAAC,SAAS,EAAC,KAAK;YACnB,iCAAC,sBAAS,IACR,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,OAAO,EAAE,KAAK,CAAC,IAAI,EACnB,OAAO,EACL,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,MAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAE7D,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,IAEtB,KAAK,CAAC,KAAK,CACF,CACP,CACR;QACD,iCAAC,oBAAY,oCACE,MAAM,EACnB,EAAE,EAAE,KAAK,CAAC,IAAI,IACV,KAAK,IACT,KAAK,EAAE,IAAI,EACX,UAAU,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,IACxD,CACU,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,qBAAe,SAAS,CAAC"}

package/dist/cjs/components/TextField/TextField.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { TextFieldProps } from './TextField';
+declare const meta: Meta<TextFieldProps>;
+type Story = StoryObj<TextFieldProps>;
+export default meta;
+export declare const Basic: Story;
+export declare const WithError: Story;
+export declare const WithTooltip: Story;

package/dist/cjs/components/TextField/TextField.stories.js

@@ -0,0 +1,50 @@
+"use strict";
+exports.__esModule = true;
+exports.WithTooltip = exports.WithError = exports.Basic = void 0;
+var tslib_1 = require("tslib");
+var TextField_1 = tslib_1.__importDefault(require("./TextField"));
+var meta = {
+    component: TextField_1["default"],
+    parameters: {
+        layout: 'centered'
+    },
+    tags: ['autodocs'],
+    argTypes: {
+        size: {
+            options: ['small', 'normal'],
+            control: { type: 'radio' }
+        }
+    }
+};
+exports["default"] = meta;
+exports.Basic = {
+    args: {
+        label: 'Street',
+        size: 'small',
+        disabled: false,
+        required: true,
+        helperText: 'Please enter your street name'
+    }
+};
+exports.WithError = {
+    args: {
+        label: 'Street',
+        size: 'small',
+        required: true,
+        error: true,
+        helperText: 'This field is required'
+    }
+};
+exports.WithTooltip = {
+    args: {
+        label: 'Street',
+        size: 'small',
+        required: true,
+        helperText: 'Please enter your street name',
+        tooltip: {
+            content: 'Textové pole pro zadání názvu ulice, čísla domu (a případně čísla bytu).',
+            position: 'label'
+        }
+    }
+};
+//# sourceMappingURL=TextField.stories.js.map

package/dist/cjs/components/TextField/TextField.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.stories.js","sourceRoot":"https://my-website.com/debug/source/","sources":["components/TextField/TextField.stories.tsx"],"names":[],"mappings":";;;;AAEA,kEAAwD;AAExD,IAAM,IAAI,GAAyB;IACjC,SAAS,EAAE,sBAAS;IACpB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,OAAO,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC;YAC5B,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;SAC3B;KACF;CACF,CAAC;AAIF,qBAAe,IAAI,CAAC;AAEP,QAAA,KAAK,GAAU;IAC1B,IAAI,EAAE;QACJ,KAAK,EAAE,QAAQ;QACf,IAAI,EAAE,OAAO;QACb,QAAQ,EAAE,KAAK;QACf,QAAQ,EAAE,IAAI;QACd,UAAU,EAAE,+BAA+B;KAC5C;CACF,CAAC;AAEW,QAAA,SAAS,GAAU;IAC9B,IAAI,EAAE;QACJ,KAAK,EAAE,QAAQ;QACf,IAAI,EAAE,OAAO;QACb,QAAQ,EAAE,IAAI;QACd,KAAK,EAAE,IAAI;QACX,UAAU,EAAE,wBAAwB;KACrC;CACF,CAAC;AAEW,QAAA,WAAW,GAAU;IAChC,IAAI,EAAE;QACJ,KAAK,EAAE,QAAQ;QACf,IAAI,EAAE,OAAO;QACb,QAAQ,EAAE,IAAI;QACd,UAAU,EAAE,+BAA+B;QAC3C,OAAO,EAAE;YACP,OAAO,EACL,0EAA0E;YAC5E,QAAQ,EAAE,OAAO;SAClB;KACF;CACF,CAAC"}

package/dist/cjs/components/TextField/index.d.ts

@@ -0,0 +1,3 @@
+import TextField, { TextFieldProps } from './TextField';
+export default TextField;
+export type { TextFieldProps };

package/dist/cjs/components/TextField/index.js

@@ -0,0 +1,6 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+var TextField_1 = tslib_1.__importDefault(require("./TextField"));
+exports["default"] = TextField_1["default"];
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/TextField/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"https://my-website.com/debug/source/","sources":["components/TextField/index.ts"],"names":[],"mappings":";;;AAAA,kEAAwD;AAExD,qBAAe,sBAAS,CAAC"}

package/dist/cjs/components/TimeField/TimeField.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { TextFieldProps as MuiTextFieldProps } from '@mui/material';
+import { FormFieldTooltipProps } from '../FormFieldTooltip';
+export type TimeFieldProps = MuiTextFieldProps & {
+    withoutLabel?: boolean;
+    withoutHelperText?: boolean;
+    sxControl?: any;
+    tooltip?: FormFieldTooltipProps;
+    testId?: string;
+};
+declare const TimeField: ({ withoutLabel, withoutHelperText, sxControl, tooltip, testId, ...props }: TimeFieldProps) => React.JSX.Element;
+export default TimeField;

package/dist/cjs/components/TimeField/TimeField.js

@@ -0,0 +1,16 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var material_1 = require("@mui/material");
+var x_date_pickers_1 = require("@mui/x-date-pickers");
+var AdapterDayjs_1 = require("@mui/x-date-pickers/AdapterDayjs");
+var FormLabel_1 = tslib_1.__importDefault(require("../FormLabel/FormLabel"));
+var TimeField = function (_a) {
+    var _b = _a.withoutLabel, withoutLabel = _b === void 0 ? false : _b, _c = _a.withoutHelperText, withoutHelperText = _c === void 0 ? false : _c, sxControl = _a.sxControl, tooltip = _a.tooltip, testId = _a.testId, props = tslib_1.__rest(_a, ["withoutLabel", "withoutHelperText", "sxControl", "tooltip", "testId"]);
+    return (react_1["default"].createElement(material_1.FormControl, { sx: tslib_1.__assign({}, (sxControl || {})) },
+        !withoutLabel && (react_1["default"].createElement(FormLabel_1["default"], { required: props.required, focused: props.focused, htmlFor: props.name, tooltip: (tooltip === null || tooltip === void 0 ? void 0 : tooltip.position) === 'label' ? tooltip.content : undefined, sx: { display: 'flex' } }, props.label)),
+        react_1["default"].createElement(x_date_pickers_1.LocalizationProvider, { dateAdapter: AdapterDayjs_1.AdapterDayjs })));
+};
+exports["default"] = TimeField;
+//# sourceMappingURL=TimeField.js.map

package/dist/cjs/components/TimeField/TimeField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeField.js","sourceRoot":"https://my-website.com/debug/source/","sources":["components/TimeField/TimeField.tsx"],"names":[],"mappings":";;;AAAA,wDAA0B;AAC1B,0CAGuB;AACvB,sDAA2D;AAC3D,iEAAgE;AAEhE,6EAA+C;AAU/C,IAAM,SAAS,GAAG,UAAC,EAOF;IANf,IAAA,oBAAoB,EAApB,YAAY,mBAAG,KAAK,KAAA,EACpB,yBAAyB,EAAzB,iBAAiB,mBAAG,KAAK,KAAA,EACzB,SAAS,eAAA,EACT,OAAO,aAAA,EACP,MAAM,YAAA,EACH,KAAK,sBANS,uEAOlB,CADS;IAER,OAAO,CACL,iCAAC,sBAAW,IAAC,EAAE,uBAAO,CAAC,SAAS,IAAI,EAAE,CAAC;QACpC,CAAC,YAAY,IAAI,CAChB,iCAAC,sBAAS,IACR,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,OAAO,EAAE,KAAK,CAAC,IAAI,EACnB,OAAO,EAAE,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,MAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACpE,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,IAEtB,KAAK,CAAC,KAAK,CACF,CACb;QACD,iCAAC,qCAAoB,IAAC,WAAW,EAAE,2BAAY,GAQxB,CACX,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,qBAAe,SAAS,CAAC"}

package/dist/cjs/components/UploadInput/UploadInput.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const UploadInput: () => React.JSX.Element;
+export default UploadInput;

package/dist/cjs/components/UploadInput/UploadInput.js

@@ -0,0 +1,15 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var __1 = require("../../");
+var Button_1 = tslib_1.__importDefault(require("../Button"));
+// TODO: must be completed
+var UploadInput = function () {
+    return (react_1["default"].createElement(__1.FormControl, { fullWidth: false },
+        react_1["default"].createElement(Button_1["default"], { variant: "contained" },
+            "Upload image",
+            react_1["default"].createElement("input", { type: "file", hidden: true }))));
+};
+exports["default"] = UploadInput;
+//# sourceMappingURL=UploadInput.js.map

package/dist/cjs/components/UploadInput/UploadInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadInput.js","sourceRoot":"https://my-website.com/debug/source/","sources":["components/UploadInput/UploadInput.tsx"],"names":[],"mappings":";;;AAAA,wDAA0B;AAC1B,4BAAqC;AACrC,6DAA+B;AAE/B,0BAA0B;AAC1B,IAAM,WAAW,GAAG;IAClB,OAAO,CACL,iCAAC,eAAW,IAAC,SAAS,EAAE,KAAK;QAC3B,iCAAC,mBAAM,IAAC,OAAO,EAAC,WAAW;;YAEzB,4CAAO,IAAI,EAAC,MAAM,EAAC,MAAM,SAAG,CACrB,CACG,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,qBAAe,WAAW,CAAC"}

package/dist/cjs/components/UploadInput/index.d.ts

@@ -0,0 +1,2 @@
+import UploadInput from './UploadInput';
+export default UploadInput;

package/dist/cjs/components/UploadInput/index.js

@@ -0,0 +1,6 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+var UploadInput_1 = tslib_1.__importDefault(require("./UploadInput"));
+exports["default"] = UploadInput_1["default"];
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/UploadInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"https://my-website.com/debug/source/","sources":["components/UploadInput/index.ts"],"names":[],"mappings":";;;AAAA,sEAAwC;AAExC,qBAAe,wBAAW,CAAC"}

package/dist/cjs/components/VerticalTabs/VerticalTab.d.ts

@@ -0,0 +1,9 @@
+import React, { ReactNode } from 'react';
+import { TabProps } from '@mui/material';
+export interface VerticalTabProps extends Omit<TabProps, 'icon'> {
+    index: number;
+    icon: ReactNode;
+    label: ReactNode;
+}
+declare const VerticalTab: ({ index, icon, label, children, ...props }: VerticalTabProps) => React.JSX.Element;
+export default VerticalTab;

package/dist/cjs/components/VerticalTabs/VerticalTab.js

@@ -0,0 +1,32 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var material_1 = require("@mui/material");
+var VerticalTab = function (_a) {
+    var index = _a.index, icon = _a.icon, label = _a.label, children = _a.children, props = tslib_1.__rest(_a, ["index", "icon", "label", "children"]);
+    return (react_1["default"].createElement(material_1.Tab, tslib_1.__assign({ label: react_1["default"].createElement(material_1.Typography, { component: "strong", sx: {
+                position: 'absolute',
+                left: { xs: 9, sm: 12 },
+                fontWeight: '500',
+                fontSize: '0.8125rem',
+                display: 'flex',
+                flexDirection: 'row',
+                alignContent: 'center',
+                mt: 1.5
+            } },
+            icon && react_1["default"].createElement(material_1.Box, { sx: { width: '32px', textAlign: 'left' } }, icon),
+            react_1["default"].createElement(material_1.Box, { sx: {
+                    display: { xs: 'none', sm: 'block' },
+                    mt: 0.5,
+                    fontWeight: 600
+                } }, label)), value: index, sx: {
+            position: 'relative',
+            p: { xs: 2, sm: 'inherit' },
+            minHeight: { xs: '38px', sm: '38px' },
+            maxWidth: { xs: '40px', sm: 'inherit' },
+            minWidth: { xs: '40px', sm: 'inherit' }
+        } }, props)));
+};
+exports["default"] = VerticalTab;
+//# sourceMappingURL=VerticalTab.js.map

package/dist/cjs/components/VerticalTabs/VerticalTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VerticalTab.js","sourceRoot":"https://my-website.com/debug/source/","sources":["components/VerticalTabs/VerticalTab.tsx"],"names":[],"mappings":";;;AAAA,wDAAyC;AACzC,0CAA+D;AAQ/D,IAAM,WAAW,GAAG,UAAC,EAMF;IALjB,IAAA,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,QAAQ,cAAA,EACL,KAAK,sBALW,sCAMpB,CADS;IACc,OAAA,CACtB,iCAAC,cAAG,qBACF,KAAK,EACH,iCAAC,qBAAU,IACT,SAAS,EAAC,QAAQ,EAClB,EAAE,EAAE;gBACF,QAAQ,EAAE,UAAU;gBACpB,IAAI,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE;gBACvB,UAAU,EAAE,KAAK;gBACjB,QAAQ,EAAE,WAAW;gBACrB,OAAO,EAAE,MAAM;gBACf,aAAa,EAAE,KAAK;gBACpB,YAAY,EAAE,QAAQ;gBACtB,EAAE,EAAE,GAAG;aACR;YAEA,IAAI,IAAI,iCAAC,cAAG,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,IAAG,IAAI,CAAO;YACpE,iCAAC,cAAG,IACF,EAAE,EAAE;oBACF,OAAO,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE;oBACpC,EAAE,EAAE,GAAG;oBACP,UAAU,EAAE,GAAG;iBAChB,IAEA,KAAK,CACF,CACK,EAEf,KAAK,EAAE,KAAK,EACZ,EAAE,EAAE;YACF,QAAQ,EAAE,UAAU;YACpB,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,SAAS,EAAE;YAC3B,SAAS,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE;YACrC,QAAQ,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,SAAS,EAAE;YACvC,QAAQ,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,SAAS,EAAE;SACxC,IACG,KAAK,EACT,CACH,CAAA;CAAA,CAAC;AAEF,qBAAe,WAAW,CAAC"}

package/dist/cjs/components/VerticalTabs/VerticalTabPanel.d.ts

@@ -0,0 +1,10 @@
+import React, { ReactNode } from 'react';
+interface VerticalTabPanelProps {
+    label: ReactNode;
+    icon?: ReactNode;
+    index?: number;
+    value?: number;
+    children?: ReactNode;
+}
+declare const VerticalTabPanel: ({ label, index, value, children, ...props }: VerticalTabPanelProps) => React.JSX.Element;
+export default VerticalTabPanel;

package/dist/cjs/components/VerticalTabs/VerticalTabPanel.js

@@ -0,0 +1,11 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var material_1 = require("@mui/material");
+var VerticalTabPanel = function (_a) {
+    var label = _a.label, index = _a.index, value = _a.value, children = _a.children, props = tslib_1.__rest(_a, ["label", "index", "value", "children"]);
+    return (react_1["default"].createElement("div", tslib_1.__assign({ role: "tabpanel", hidden: value !== index, id: "simple-tabpanel-".concat(index), "aria-labelledby": "simple-tab-".concat(index) }, props), value === index && react_1["default"].createElement(material_1.Box, { sx: { p: 4 } }, children)));
+};
+exports["default"] = VerticalTabPanel;
+//# sourceMappingURL=VerticalTabPanel.js.map

package/dist/cjs/components/VerticalTabs/VerticalTabPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VerticalTabPanel.js","sourceRoot":"https://my-website.com/debug/source/","sources":["components/VerticalTabs/VerticalTabPanel.tsx"],"names":[],"mappings":";;;AAAA,wDAAyC;AACzC,0CAAoC;AAUpC,IAAM,gBAAgB,GAAG,UAAC,EAMF;IALtB,IAAA,KAAK,WAAA,EACL,KAAK,WAAA,EACL,KAAK,WAAA,EACL,QAAQ,cAAA,EACL,KAAK,sBALgB,uCAMzB,CADS;IAER,OAAO,CACL,2DACE,IAAI,EAAC,UAAU,EACf,MAAM,EAAE,KAAK,KAAK,KAAK,EACvB,EAAE,EAAE,0BAAmB,KAAK,CAAE,qBACb,qBAAc,KAAK,CAAE,IAClC,KAAK,GAER,KAAK,KAAK,KAAK,IAAI,iCAAC,cAAG,IAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,IAAG,QAAQ,CAAO,CACnD,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,qBAAe,gBAAgB,CAAC"}

package/dist/cjs/components/VerticalTabs/VerticalTabs.d.ts

@@ -0,0 +1,10 @@
+import React, { ReactNode } from 'react';
+import { CardProps } from '@mui/material';
+export interface VerticalTabsProps extends CardProps {
+    defaultTab?: number;
+    onTabChange?: (tabIndex: number) => Promise<boolean>;
+    panelsToCard?: boolean;
+    children?: ReactNode;
+}
+declare const VerticalTabs: ({ panelsToCard, onTabChange, ...props }: VerticalTabsProps) => React.JSX.Element;
+export default VerticalTabs;