sccoreui 3.4.0 → 3.4.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sccoreui",
-  "version": "3.4.0",
+  "version": "3.4.1",
   "description": "ui-sccore",
   "main": "./dist/index.js",
   "module": "./dist/index.js",

package/dist/App.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-// import Home from './pages/home';
-require("./App.min.css");
-const App = () => {
-    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("div", {}) }));
-};
-exports.default = App;

package/dist/components/accordion/accordion.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AccordionTab = exports.Accordion = exports.AccordionComponent = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const accordion_1 = require("primereact/accordion");
-Object.defineProperty(exports, "Accordion", { enumerable: true, get: function () { return accordion_1.Accordion; } });
-Object.defineProperty(exports, "AccordionTab", { enumerable: true, get: function () { return accordion_1.AccordionTab; } });
-const AccordionComponent = () => {
-    return ((0, jsx_runtime_1.jsx)("div", { children: "Accordion" }));
-};
-exports.AccordionComponent = AccordionComponent;

package/dist/components/auto-complete/auto-complete.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AutoCompleteComponent = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const autocomplete_1 = require("primereact/autocomplete");
-const AutoCompleteComponent = () => {
-    return ((0, jsx_runtime_1.jsx)("div", { children: "auto-complete" }));
-};
-exports.AutoCompleteComponent = AutoCompleteComponent;
-exports.default = autocomplete_1.AutoComplete;

package/dist/components/avatar/avatar-group.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const avatargroup_1 = require("primereact/avatargroup");
-exports.default = avatargroup_1.AvatarGroup;

package/dist/components/avatar/avatar.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const avatar_1 = require("primereact/avatar");
-exports.default = avatar_1.Avatar;

package/dist/components/badge/badge.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const badge_1 = require("primereact/badge");
-exports.default = badge_1.Badge;

package/dist/components/breadcrumb/breacrumb.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const breadcrumb_1 = require("primereact/breadcrumb");
-exports.default = breadcrumb_1.BreadCrumb;

package/dist/components/button/button.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ButtonComponent = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const button_1 = require("primereact/button");
-const ButtonComponent = () => {
-    return ((0, jsx_runtime_1.jsxs)("div", { children: ["ButtonComponent", (0, jsx_runtime_1.jsx)(button_1.Button, { label: "Click Me" })] }));
-};
-exports.ButtonComponent = ButtonComponent;
-exports.default = button_1.Button;

package/dist/components/button/menu-item.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/components/button/speed-dial.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const speeddial_1 = require("primereact/speeddial");
-exports.default = speeddial_1.SpeedDial;

package/dist/components/button/split-button.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const splitbutton_1 = require("primereact/splitbutton");
-exports.default = splitbutton_1.SplitButton;

package/dist/components/calendar/calendar.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const calendar_1 = require("primereact/calendar");
-exports.default = calendar_1.Calendar;

package/dist/components/card/card.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const card_1 = require("primereact/card");
-exports.default = card_1.Card;

package/dist/components/carousel/carousel.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const carousel_1 = require("primereact/carousel");
-exports.default = carousel_1.Carousel;

package/dist/components/carousel/tag.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tag_1 = require("primereact/tag");
-exports.default = tag_1.Tag;

package/dist/components/chart/chart.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const chart_1 = require("primereact/chart");
-exports.default = chart_1.Chart;

package/dist/components/checkbox/checkbox.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CheckboxComponent = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const checkbox_1 = require("primereact/checkbox");
-const CheckboxComponent = () => {
-    return (0, jsx_runtime_1.jsx)("div", { children: "checkbox" });
-};
-exports.CheckboxComponent = CheckboxComponent;
-exports.default = checkbox_1.Checkbox;

package/dist/components/chips/chip.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const svg_component_1 = tslib_1.__importDefault(require("../../directives/svg-component"));
-const ChipTag = (props) => {
-    const { onRemove } = props;
-    return props.template ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: props.template })) : ((0, jsx_runtime_1.jsxs)("span", Object.assign({ className: !props.className
-            ? "bg-gray-100 border-round-2xl flex justify-content-between align-items-center py-1 gap-2 px-3 text-gray-700"
-            : `bg-gray-100 border-round-2xl flex justify-content-between align-items-center py-1 gap-2 px-3 text-gray-700 ${props.className}` }, { children: [props.image && ((0, jsx_runtime_1.jsx)("img", { src: props.image, alt: props.imageAlt || "chip image" })), props.icon && (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: props.icon }), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "font-medium" }, { children: props.label })), props.removable && ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: "cursor-pointer", onClick: (e) => {
-                    const el = e.currentTarget.parentElement;
-                    props.onRemove !== undefined ? onRemove : el.remove();
-                } }, { children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: props.removeIcon || (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "x-close" }) }) })))] })));
-};
-exports.default = ChipTag;

package/dist/components/chips/chips.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const chips_1 = require("primereact/chips");
-exports.default = chips_1.Chips;

package/dist/components/color-picker/color-picker.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const colorpicker_1 = require("primereact/colorpicker");
-exports.default = colorpicker_1.ColorPicker;

package/dist/components/custom-slider/custom-slider.js

@@ -1,100 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const CustomSlider = (props) => {
-    const { min, max, orientation, range, value, indicator = true } = props;
-    const [rangeValues, setRangeValues] = (0, react_1.useState)(value);
-    const [sliderValue, setSliderValue] = (0, react_1.useState)(value);
-    const sliderRef = (0, react_1.useRef)(null);
-    if (range && typeof value === "number") {
-        throw new Error(`For a range slider value should be [number, number]. Make sure to provide a proper value.`);
-    }
-    const finalWidthValue = !range
-        ? `${sliderValue}%`
-        : `${rangeValues[0] > rangeValues[1]
-            ? rangeValues[0] - rangeValues[1]
-            : rangeValues[1] > rangeValues[0]
-                ? rangeValues[1] - rangeValues[0]
-                : 0}%`;
-    const finalLeftValue = rangeValues[0] < rangeValues[1]
-        ? `${rangeValues[0]}%`
-        : `${rangeValues[1]}%`;
-    const rangeStyles = range
-        ? {
-            [orientation === "horizontal" ? "width" : "height"]: finalWidthValue,
-            [orientation === "horizontal" ? "left" : "top"]: finalLeftValue,
-        }
-        : {
-            [orientation === "horizontal" ? "width" : "height"]: `${sliderValue}%`,
-            [orientation === "vertical" ? "top" : null]: 0,
-        };
-    const handleStyles = !range
-        ? { [orientation === "horizontal" ? "left" : "top"]: `${sliderValue}%` }
-        : null;
-    const mouseMoveController = (e, index) => {
-        const sliderRect = sliderRef.current.getBoundingClientRect();
-        const currentRange = Math.round((e[orientation === "horizontal" ? "clientX" : "clientY"] -
-            sliderRect[orientation === "horizontal" ? "left" : "top"]) /
-            4);
-        if (min && max) {
-            if (e[orientation === "horizontal" ? "clientX" : "clientY"] -
-                sliderRect[orientation === "horizontal" ? "left" : "top"] <
-                0 ||
-                e[orientation === "horizontal" ? "clientX" : "clientY"] -
-                    sliderRect[orientation === "horizontal" ? "left" : "top"] >
-                    sliderRect[orientation === "horizontal" ? "width" : "height"])
-                return;
-        }
-        else {
-            if (currentRange < 0 || currentRange > 100)
-                return;
-        }
-        if (range) {
-            if (index) {
-                setRangeValues((prevRanges) => [prevRanges[0], currentRange]);
-            }
-            else {
-                setRangeValues((prevRanges) => [currentRange, prevRanges[1]]);
-            }
-        }
-        else {
-            setSliderValue(currentRange);
-        }
-    };
-    const handleMovement = (index) => {
-        const handler = (e) => {
-            mouseMoveController(e, index);
-        };
-        document.addEventListener("mousemove", handler);
-        document.addEventListener("mouseup", () => {
-            document.removeEventListener("mousemove", handler);
-        });
-    };
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ "data-pc-name": "slider", "data-pc-section": "root", className: `p-slider ${orientation === "horizontal" ? "w" : "h"}-25rem p-component p-slider-${orientation}${props.className ? ` ${props.className}` : ""}`, ref: sliderRef }, { children: [(0, jsx_runtime_1.jsx)("span", { className: "p-slider-range", "data-pc-section": "range", style: rangeStyles }), range && typeof value !== "number" ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-slider-handle p-slider-handle-start", tabIndex: 0, role: "slider", "aria-valuemin": min, "aria-valuemax": max, "aria-valuenow": rangeValues[0], "aria-orientation": orientation, style: {
-                            [orientation === "horizontal"
-                                ? "left"
-                                : "top"]: `${rangeValues[0]}%`,
-                        }, onMouseDown: () => handleMovement(0) }, { children: indicator && ((0, jsx_runtime_1.jsxs)("span", Object.assign({ style: {
-                                position: "absolute",
-                                height: "40px",
-                                [orientation === "vertical" ? "left" : "top"]: orientation === "horizontal" ? "-50px" : "-70px",
-                                transform: `translate${orientation === "horizontal" ? "X" : "Y"}(-30%)`,
-                            }, className: "px-3 bg-white border-1 border-gray-300 border-round-lg shadow-4 py-2 text-center text-lg" }, { children: [rangeValues[0], "%"] }))) })), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-slider-handle p-slider-handle-end p-slider-handle-active", tabIndex: 0, role: "slider", "aria-valuemin": min, "aria-valuemax": max, "aria-valuenow": rangeValues[1], "aria-orientation": orientation, style: {
-                            [orientation === "horizontal"
-                                ? "left"
-                                : "top"]: `${rangeValues[1]}%`,
-                        }, onMouseDown: () => handleMovement(1) }, { children: indicator && ((0, jsx_runtime_1.jsxs)("span", Object.assign({ style: {
-                                position: "absolute",
-                                height: "40px",
-                                [orientation === "vertical" ? "left" : "top"]: orientation === "horizontal" ? "-50px" : "-70px",
-                                transform: `translate${orientation === "horizontal" ? "X" : "Y"}(-30%)`,
-                            }, className: "px-3 bg-white border-1 border-gray-300 border-round-lg shadow-4 py-2 text-center text-lg" }, { children: [rangeValues[1], "%"] }))) }))] })) : ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-slider-handle", role: "slider", "aria-valuenow": typeof value === "number" ? value : undefined, "aria-valuemin": min, "aria-valuemax": max, "aria-orientation": orientation, style: handleStyles, onMouseDown: () => handleMovement() }, { children: indicator && ((0, jsx_runtime_1.jsxs)("span", Object.assign({ style: {
-                        position: "absolute",
-                        height: "40px",
-                        width: "60px",
-                        [orientation === "vertical" ? "left" : "top"]: "-50px",
-                        transform: "translateX(-30%)",
-                    }, className: "px-3 bg-white border-1 border-gray-300 border-round-lg shadow-4 py-2 text-center text-lg" }, { children: [sliderValue, "%"] }))) })))] })));
-};
-exports.default = CustomSlider;

package/dist/components/data-table/column.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const column_1 = require("primereact/column");
-exports.default = column_1.Column;

package/dist/components/data-table/data-table.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const datatable_1 = require("primereact/datatable");
-exports.default = datatable_1.DataTable;

package/dist/components/data-table/paginator.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const paginator_1 = require("primereact/paginator");
-exports.default = paginator_1.Paginator;

package/dist/components/data-view/data-view.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataViewLayoutOptions = exports.DataView = void 0;
-const dataview_1 = require("primereact/dataview");
-Object.defineProperty(exports, "DataView", { enumerable: true, get: function () { return dataview_1.DataView; } });
-Object.defineProperty(exports, "DataViewLayoutOptions", { enumerable: true, get: function () { return dataview_1.DataViewLayoutOptions; } });

package/dist/components/dialogs/confirm-dialog.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const confirmdialog_1 = require("primereact/confirmdialog");
-exports.default = confirmdialog_1.ConfirmDialog;

package/dist/components/dialogs/confirm-popup.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const confirmpopup_1 = require("primereact/confirmpopup");
-exports.default = confirmpopup_1.ConfirmPopup;

package/dist/components/dialogs/dialog.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const dialog_1 = require("primereact/dialog");
-exports.default = dialog_1.Dialog;

package/dist/components/divider/divider.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const divider_1 = require("primereact/divider");
-exports.default = divider_1.Divider;

package/dist/components/dropdown/dropdown.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DropdownComponent = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const dropdown_1 = require("primereact/dropdown");
-const DropdownComponent = () => {
-    const [selectedCity, setSelectedCity] = (0, react_1.useState)(null);
-    const cities = [
-        { name: 'New York', code: 'NY' },
-        { name: 'Rome', code: 'RM' },
-        { name: 'London', code: 'LDN' },
-        { name: 'Istanbul', code: 'IST' },
-        { name: 'Paris', code: 'PRS' },
-    ];
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "card flex justify-content-center" }, { children: (0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { value: selectedCity, onChange: (e) => setSelectedCity(e.value), options: cities, optionLabel: "name", placeholder: "Select a City", className: "w-full md:w-14rem" }) })));
-};
-exports.DropdownComponent = DropdownComponent;
-exports.default = dropdown_1.Dropdown;

package/dist/components/file-upload/file-upload.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const fileupload_1 = require("primereact/fileupload");
-exports.default = fileupload_1.FileUpload;

package/dist/components/galleria/galleria.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Galleria = void 0;
-const galleria_1 = require("primereact/galleria");
-Object.defineProperty(exports, "Galleria", { enumerable: true, get: function () { return galleria_1.Galleria; } });

package/dist/components/image/image.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const image_1 = require("primereact/image");
-exports.default = image_1.Image;

package/dist/components/input/input-mask.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const inputmask_1 = require("primereact/inputmask");
-exports.default = inputmask_1.InputMask;

package/dist/components/input/input-number.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const inputnumber_1 = require("primereact/inputnumber");
-exports.default = inputnumber_1.InputNumber;

package/dist/components/input/input-switch.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const inputswitch_1 = require("primereact/inputswitch");
-exports.default = inputswitch_1.InputSwitch;

package/dist/components/input/input-textarea.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const inputtextarea_1 = require("primereact/inputtextarea");
-exports.default = inputtextarea_1.InputTextarea;

package/dist/components/input/input.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const inputtext_1 = require("primereact/inputtext");
-exports.default = inputtext_1.InputText;

package/dist/components/loading-indicator/loading-indicator-custom.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const CustomLoadingIndicator = ({ size = "100px", color = "var(--primary-600)", strokewidth = "6", bgstrokecolor = "var(--gray-100)", bgstroke = false, animationduration = "3500ms" }) => {
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center flex-column" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "svgAnimation absolute z-3", style: { width: size, height: size } }, { children: (0, jsx_runtime_1.jsx)("svg", Object.assign({ className: "", viewBox: "22 22 44 44" }, { children: (0, jsx_runtime_1.jsx)("circle", { className: "animation", cx: "44", cy: "44", r: "17.2", fill: "none", "stroke-width": strokewidth, style: { strokeLinecap: "round", animationDuration: animationduration, stroke: color } }) })) })), bgstroke && (0, jsx_runtime_1.jsx)("span", Object.assign({ style: { width: size, height: size } }, { children: (0, jsx_runtime_1.jsx)("svg", Object.assign({ className: "", viewBox: "22 22 44 44" }, { children: (0, jsx_runtime_1.jsx)("circle", { className: "animatio", cx: "44", cy: "44", r: "17.2", fill: "none", "stroke-width": strokewidth, style: { stroke: bgstrokecolor } }) })) }))] })));
-};
-exports.default = CustomLoadingIndicator;

package/dist/components/megamenu/mega-menu.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const megamenu_1 = require("primereact/megamenu");
-exports.default = megamenu_1.MegaMenu;

package/dist/components/multi-select/multi-select.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const multiselect_1 = require("primereact/multiselect");
-exports.default = multiselect_1.MultiSelect;

package/dist/components/overlays/overlay-panel.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const overlaypanel_1 = require("primereact/overlaypanel");
-exports.default = overlaypanel_1.OverlayPanel;

package/dist/components/password/password.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const password_1 = require("primereact/password");
-exports.default = password_1.Password;

package/dist/components/progress-bar/progress-bar.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const progressbar_1 = require("primereact/progressbar");
-exports.default = progressbar_1.ProgressBar;

package/dist/components/progress-steps/progress-steps.js

@@ -1,65 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const button_1 = require("primereact/button");
-const svg_component_1 = tslib_1.__importDefault(require("../../directives/svg-component"));
-const react_1 = require("react");
-const ProgressSteps = (props) => {
-    const { stepsItems, orientation, activeIndex, withButtons = true, icons, className, style, } = props;
-    const [currentActive, setCurrentActive] = (0, react_1.useState)(!activeIndex ? 0 : activeIndex);
-    const progressRef = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(() => {
-        if (!orientation || orientation === "horizontal") {
-            progressRef.current.style.width = `${(currentActive / (stepsItems.length - 1)) * 100}%`;
-            progressRef.current.style.height = "2px";
-        }
-        else {
-            progressRef.current.style.height = `${(currentActive / (stepsItems.length - 1)) * 100}%`;
-            progressRef.current.style.width = "2px";
-        }
-    }, [currentActive, orientation]);
-    const handleNext = () => {
-        if (currentActive > stepsItems.length) {
-            setCurrentActive(stepsItems.length);
-        }
-        else {
-            setCurrentActive(currentActive + 1);
-        }
-    };
-    const handlePrev = () => {
-        if (currentActive < 1) {
-            setCurrentActive(1);
-        }
-        else {
-            setCurrentActive(currentActive - 1);
-        }
-    };
-    const orientationClass = !orientation ? "horizontal" : orientation;
-    const userClassNames = !className ? "" : className;
-    if (!stepsItems) {
-        throw new Error("stepItems must be specified in order to generate steps");
-    }
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `progress-container flex justify-content-between relative ${orientationClass === "horizontal"
-                    ? "flex-row max-w-full"
-                    : "flex-column max-h-full"} ${orientationClass} ${userClassNames}`, style: style }, { children: [(0, jsx_runtime_1.jsx)("div", { className: `progressbar bg-primary-600 absolute ${orientationClass}`, ref: progressRef }), stepsItems.map((eachItem, index) => ((0, jsx_runtime_1.jsxs)("section", Object.assign({ className: `progress-step-item ${orientationClass === "horizontal"
-                            ? "flex flex-column align-items-center gap-5"
-                            : "flex align-items-start gap-5"}  ${orientationClass}`, onClick: () => {
-                            if (eachItem.action) {
-                                eachItem.action();
-                            }
-                        } }, { children: [!icons ? ((0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: index === currentActive
-                                    ? "step-current"
-                                    : index > currentActive
-                                        ? "step-unvisited"
-                                        : "step-checked" })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: index === currentActive
-                                    ? icons.current
-                                    : index > currentActive
-                                        ? icons.unvisited
-                                        : icons.visited })), !eachItem.template ? ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: "font-medium" }, { children: eachItem.title }))) : ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: `flex flex-column line-height-2 ${orientationClass === "horizontal"
-                                    ? "align-items-center"
-                                    : "align-items-start"} ${orientationClass}` }, { children: eachItem.template })))] }), eachItem.id)))] })), withButtons && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `flex${orientationClass === "horizontal"
-                    ? ""
-                    : " flex-column align-self-center"} gap-2 mt-5` }, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, Object.assign({ disabled: currentActive === 0, onClick: handlePrev }, { children: "Prev" })), (0, jsx_runtime_1.jsx)(button_1.Button, Object.assign({ disabled: currentActive === stepsItems.length - 1, onClick: handleNext }, { children: "Next" }))] })))] }));
-};
-exports.default = ProgressSteps;

package/dist/components/progress_bar_round/circle-progress-bar.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const CircleProgressComponent = ({ height = 290, strokeWidth = 14, text = "", strokeColor = 'var(--primary-600)', strokeBgColor = 'var(--gray-300)', value = -1, textDisabled = false, textClassName = "text-lg text-gray-700 font-normal", valueTextClassName = "text-2xl, text-gray-700 font-bold" }) => {
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "relative flex align-items-center justify-content-center", style: { height: height, width: height } }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ role: "progressbar", className: "flex ", style: { width: `${height}px`, height: `${height}px`, transform: "rotate(-90deg)", position: "absolute", top: "0", zIndex: "10" } }, { children: (0, jsx_runtime_1.jsx)("svg", Object.assign({ viewBox: "22 22 110 110" }, { children: (0, jsx_runtime_1.jsx)("circle", { cx: "76", cy: "76", r: "40.2", fill: "none", "stroke-width": strokeWidth, style: { strokeDasharray: "256.92", strokeDashoffset: `${(256.92 - ((256.92 / 100) * value))}`, strokeLinecap: "round", stroke: `${strokeColor}` } }) })) })), (0, jsx_runtime_1.jsx)("span", Object.assign({ role: "progressbar", className: "flex obsolute ", style: { width: `${height}px`, height: `${height}px`, position: "absolute", transform: "rotate(-90deg)" } }, { children: (0, jsx_runtime_1.jsx)("svg", Object.assign({ viewBox: "22 22 110 110" }, { children: (0, jsx_runtime_1.jsx)("circle", { cx: "76", cy: "76", r: "40.2", fill: "none", "stroke-width": strokeWidth, style: { strokeDasharray: "256.92", strokeDashoffset: "0", strokeLinecap: "round", stroke: `${strokeBgColor}` } }) })) })), !textDisabled && (0, jsx_runtime_1.jsxs)("section", Object.assign({ className: "flex flex-column align-items-center mr-auto ml-auto mt-auto mb-auto" }, { children: [text !== "" && (0, jsx_runtime_1.jsx)("span", Object.assign({ className: textClassName }, { children: text })), value !== -1 && (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: valueTextClassName }, { children: [value, "%"] }))] }))] })));
-};
-exports.default = CircleProgressComponent;

package/dist/components/progress_bar_round/half-circle-progres-bar.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const HalfProgressComponent = ({ height = 290, strokeWidth = 14, text = "", strokeColor = 'var(--primary-600)', strokeBgColor = 'var(--gray-300)', value = -1, textDisabled = false }) => {
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "relative flex align-items-center justify-content-center", style: { height: height, width: height } }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ role: "progressbar", className: "flex ", style: { width: `${height}px`, height: `${height}px`, transform: "rotate(-90deg)", position: "absolute", top: "0", zIndex: "10" } }, { children: (0, jsx_runtime_1.jsx)("svg", Object.assign({ viewBox: "22 22 110 110" }, { children: (0, jsx_runtime_1.jsx)("circle", { cx: "76", cy: "76", r: "40.2", fill: "none", "stroke-width": strokeWidth, style: { strokeDasharray: "180.46", strokeDashoffset: `${(180.46 - ((180.46 / 100) * value))}`, strokeLinecap: "round", stroke: `${strokeColor}` } }) })) })), (0, jsx_runtime_1.jsx)("span", Object.assign({ role: "progressbar", className: "flex obsolute ", style: { width: `${height}px`, height: `${height}px`, position: "absolute", transform: "rotate(-90deg)" } }, { children: (0, jsx_runtime_1.jsx)("svg", Object.assign({ viewBox: "22 22 110 110" }, { children: (0, jsx_runtime_1.jsx)("circle", { cx: "76", cy: "76", r: "40.2", fill: "none", "stroke-width": strokeWidth, style: { strokeDasharray: "128.46", strokeDashoffset: "0", strokeLinecap: "round", stroke: `${strokeBgColor}` } }) })) })), !textDisabled && (0, jsx_runtime_1.jsxs)("section", Object.assign({ className: "flex flex-column align-items-center mr-auto ml-auto mt-auto mb-auto" }, { children: [text !== "" && (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-base" }, { children: text })), value !== -1 && (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: "text-4xl my-2" }, { children: [value, "%"] }))] }))] })) }));
-};
-exports.default = HalfProgressComponent;

package/dist/components/radio-button/radio-button.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const radiobutton_1 = require("primereact/radiobutton");
-exports.default = radiobutton_1.RadioButton;

package/dist/components/range-slider/slider.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const custom_slider_1 = tslib_1.__importDefault(require("../custom-slider/custom-slider"));
-exports.default = custom_slider_1.default;

package/dist/components/rating/rating.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const rating_1 = require("primereact/rating");
-exports.default = rating_1.Rating;

package/dist/components/side-panel/side-panel.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const sidebar_1 = require("primereact/sidebar");
-exports.default = sidebar_1.Sidebar;

package/dist/components/skeleton/skeleton.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const skeleton_1 = require("primereact/skeleton");
-exports.default = skeleton_1.Skeleton;

package/dist/components/slider/slider.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const slider_1 = require("primereact/slider");
-exports.default = slider_1.Slider;

package/dist/components/spinner/spinner.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const progressspinner_1 = require("primereact/progressspinner");
-exports.default = progressspinner_1.ProgressSpinner;

package/dist/components/tab-menu/tab-menu.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tabmenu_1 = require("primereact/tabmenu");
-exports.default = tabmenu_1.TabMenu;

package/dist/components/tabview/tabview.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TabPanel = exports.TabView = void 0;
-const tabview_1 = require("primereact/tabview");
-Object.defineProperty(exports, "TabView", { enumerable: true, get: function () { return tabview_1.TabView; } });
-Object.defineProperty(exports, "TabPanel", { enumerable: true, get: function () { return tabview_1.TabPanel; } });

package/dist/components/toast/toast.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const toast_1 = require("primereact/toast");
-exports.default = toast_1.Toast;

package/dist/components/toggle/toggle-button.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const togglebutton_1 = require("primereact/togglebutton");
-exports.default = togglebutton_1.ToggleButton;

package/dist/components/tooltip/tooltip.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tooltip_1 = require("primereact/tooltip");
-exports.default = tooltip_1.Tooltip;

package/dist/components/types/type.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });