pixelize-design-library 2.3.6 → 2.3.8

package/dist/Components/Breadcrumbs/BreadcrumbsProps.d.ts

@@ -9,3 +9,4 @@ export type BreadcrumbItem = {
     path: string;
     label: string;
 };
+//# sourceMappingURL=BreadcrumbsProps.d.ts.map

package/dist/Components/Breadcrumbs/BreadcrumbsProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbsProps.d.ts","sourceRoot":"","sources":["../../../src/Components/Breadcrumbs/BreadcrumbsProps.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEnD,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,eAAe,EAAE,SAAS,GAAG,WAAW,GAAG,YAAY,GAAG,UAAU,CAAC,GAAG;IACxG,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,KAAK,EAAE,cAAc,EAAE,CAAC;CAC3B,CAAC;AACF,MAAM,MAAM,cAAc,GAAG;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACjB,CAAC"}

package/dist/Components/Button/Button.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
 import { ButtonProps } from "./ButtonProps";
-declare function Button({ label, children, onClick, opacity, variant, leftIcon, rightIcon, size, isDisabled, isLoading, loadingText, type, width, sx, colorScheme, ref, border, borderRadius, onMouseEnter, onMouseLeave, }: ButtonProps): React.JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof Button>;
+declare function Button({ label, children, onClick, opacity, variant, leftIcon, rightIcon, size, isDisabled, isLoading, loadingText, type, width, sx, colorScheme, ref, border, borderRadius, onMouseEnter, onMouseLeave, }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof Button>;
 export default _default;
+//# sourceMappingURL=Button.d.ts.map

package/dist/Components/Button/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/Components/Button/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,iBAAS,MAAM,CAAC,EACZ,KAAK,EACL,QAAQ,EACR,OAAO,EACP,OAAO,EACP,OAAiB,EACjB,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,UAAkB,EAClB,SAAiB,EACjB,WAAuB,EACvB,IAAI,EACJ,KAAK,EACL,EAAE,EACF,WAAW,EACX,GAAG,EACH,MAAM,EACN,YAAY,EACZ,YAAY,EACZ,YAAY,GACf,EAAE,WAAW,2CAyBb;;AAED,wBAA4B"}

package/dist/Components/Button/Button.js

@@ -1,42 +1,9 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var react_2 = require("@chakra-ui/react");
-function Button(_a) {
-    var label = _a.label, children = _a.children, onClick = _a.onClick, opacity = _a.opacity, _b = _a.variant, variant = _b === void 0 ? "solid" : _b, leftIcon = _a.leftIcon, rightIcon = _a.rightIcon, size = _a.size, _c = _a.isDisabled, isDisabled = _c === void 0 ? false : _c, _d = _a.isLoading, isLoading = _d === void 0 ? false : _d, _e = _a.loadingText, loadingText = _e === void 0 ? "Loading" : _e, type = _a.type, width = _a.width, sx = _a.sx, colorScheme = _a.colorScheme, ref = _a.ref, border = _a.border, borderRadius = _a.borderRadius, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave;
-    return (react_1.default.createElement(react_2.Button, { type: type, onClick: onClick, width: width || "fit-content", variant: variant, size: size, isLoading: isLoading, isDisabled: isDisabled, loadingText: loadingText, leftIcon: leftIcon, rightIcon: rightIcon, ref: ref, colorScheme: colorScheme, sx: sx, opacity: opacity, border: border, borderRadius: borderRadius, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave }, children !== null && children !== void 0 ? children : label));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_2 = require("@chakra-ui/react");
+function Button({ label, children, onClick, opacity, variant = "solid", leftIcon, rightIcon, size, isDisabled = false, isLoading = false, loadingText = "Loading", type, width, sx, colorScheme, ref, border, borderRadius, onMouseEnter, onMouseLeave, }) {
+    return ((0, jsx_runtime_1.jsx)(react_2.Button, { type: type, onClick: onClick, width: width || "fit-content", variant: variant, size: size, isLoading: isLoading, isDisabled: isDisabled, loadingText: loadingText, leftIcon: leftIcon, rightIcon: rightIcon, ref: ref, colorScheme: colorScheme, sx: sx, opacity: opacity, border: border, borderRadius: borderRadius, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, children: children !== null && children !== void 0 ? children : label }));
 }
 exports.default = (0, react_1.memo)(Button);

package/dist/Components/Button/Button.stories.d.ts

@@ -1 +1,2 @@
 export {};
+//# sourceMappingURL=Button.stories.d.ts.map

package/dist/Components/Button/Button.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../src/Components/Button/Button.stories.tsx"],"names":[],"mappings":"AAgCA,OAAO,EAAE,CAAC"}

package/dist/Components/Button/Button.styles.d.ts

@@ -1,2 +1,3 @@
 import { ComponentStyleConfig } from "@chakra-ui/react";
 export declare const Button: ComponentStyleConfig;
+//# sourceMappingURL=Button.styles.d.ts.map

package/dist/Components/Button/Button.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.styles.d.ts","sourceRoot":"","sources":["../../../src/Components/Button/Button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAExD,eAAO,MAAM,MAAM,EAAE,oBA6JpB,CAAC"}

package/dist/Components/Button/Button.styles.js

@@ -2,116 +2,100 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Button = void 0;
 exports.Button = {
-    baseStyle: function (_a) {
-        var theme = _a.theme;
-        return ({
-            borderRadius: "0.5rem",
-            fontWeight: 500,
-            fontSize: "1rem",
-            transition: "all 0.2s",
-            _disabled: {
-                opacity: 0.6,
-                cursor: "not-allowed",
-            },
-        });
-    },
+    baseStyle: () => ({
+        borderRadius: "0.5rem",
+        fontWeight: 500,
+        fontSize: "1rem",
+        transition: "all 0.2s",
+        _disabled: {
+            opacity: 0.6,
+            cursor: "not-allowed",
+        },
+    }),
     variants: {
-        solid: function (_a) {
-            var theme = _a.theme, _b = _a.colorScheme, colorScheme = _b === void 0 ? "primary" : _b;
-            return ({
-                bg: theme.colors[colorScheme][500],
-                color: theme.colors.white,
-                _hover: {
-                    bg: theme.colors[colorScheme][600],
-                    boxShadow: "sm",
-                    _disabled: {
-                        bg: theme.colors[colorScheme][600], // keep hover color on loading
-                    },
-                },
-                _active: {
-                    bg: theme.colors[colorScheme][700],
-                    boxShadow: "none",
-                },
-                _loading: {
-                    bg: theme.colors[colorScheme][600], // keep hover color while loading
-                    _hover: {
-                        bg: theme.colors[colorScheme][600],
-                    },
+        solid: ({ theme, colorScheme = "primary" }) => ({
+            bg: theme.colors[colorScheme][500],
+            color: theme.colors.white,
+            _hover: {
+                bg: theme.colors[colorScheme][600],
+                boxShadow: "sm",
+                _disabled: {
+                    bg: theme.colors[colorScheme][600], // keep hover color on loading
                 },
-            });
-        },
-        outline: function (_a) {
-            var theme = _a.theme, _b = _a.colorScheme, colorScheme = _b === void 0 ? "primary" : _b;
-            return ({
-                border: "0.1rem solid",
-                borderColor: theme.colors[colorScheme][500],
-                color: theme.colors[colorScheme][500],
-                bg: "transparent",
+            },
+            _active: {
+                bg: theme.colors[colorScheme][700],
+                boxShadow: "none",
+            },
+            _loading: {
+                bg: theme.colors[colorScheme][600], // keep hover color while loading
                 _hover: {
-                    bg: theme.colors[colorScheme][500],
-                    borderColor: theme.colors[colorScheme][600],
-                    color: theme.colors.white,
-                    _disabled: {
-                        //  bg: theme.colors[colorScheme][500],
-                        color: theme.colors[colorScheme][500],
-                    },
-                },
-                _active: {
                     bg: theme.colors[colorScheme][600],
-                    color: theme.colors.white,
                 },
-                _loading: {
-                    // bg: theme.colors[colorScheme][500],
+            },
+        }),
+        outline: ({ theme, colorScheme = "primary" }) => ({
+            border: "0.1rem solid",
+            borderColor: theme.colors[colorScheme][500],
+            color: theme.colors[colorScheme][500],
+            bg: "transparent",
+            _hover: {
+                bg: theme.colors[colorScheme][500],
+                borderColor: theme.colors[colorScheme][600],
+                color: theme.colors.white,
+                _disabled: {
+                    //  bg: theme.colors[colorScheme][500],
                     color: theme.colors[colorScheme][500],
                 },
-            });
-        },
-        ghost: function (_a) {
-            var theme = _a.theme, _b = _a.colorScheme, colorScheme = _b === void 0 ? "primary" : _b;
-            return ({
-                color: theme.colors[colorScheme][500],
-                bg: "transparent",
-                _hover: {
-                    bg: theme.colors[colorScheme][50],
-                },
-                _active: {
-                    bg: theme.colors[colorScheme][50],
-                },
-            });
-        },
-        link: function (_a) {
-            var theme = _a.theme, _b = _a.colorScheme, colorScheme = _b === void 0 ? "primary" : _b;
-            return ({
+            },
+            _active: {
+                bg: theme.colors[colorScheme][600],
+                color: theme.colors.white,
+            },
+            _loading: {
+                // bg: theme.colors[colorScheme][500],
                 color: theme.colors[colorScheme][500],
-                textDecoration: "underline",
-                bg: "transparent",
-                _hover: {
-                    color: theme.colors[colorScheme][600],
-                    textDecoration: "none",
-                },
-                _active: {
-                    color: theme.colors[colorScheme][600],
-                },
-            });
-        },
-        unstyled: function () { return ({
+            },
+        }),
+        ghost: ({ theme, colorScheme = "primary" }) => ({
+            color: theme.colors[colorScheme][500],
+            bg: "transparent",
+            _hover: {
+                bg: theme.colors[colorScheme][50],
+            },
+            _active: {
+                bg: theme.colors[colorScheme][50],
+            },
+        }),
+        link: ({ theme, colorScheme = "primary" }) => ({
+            color: theme.colors[colorScheme][500],
+            textDecoration: "underline",
+            bg: "transparent",
+            _hover: {
+                color: theme.colors[colorScheme][600],
+                textDecoration: "none",
+            },
+            _active: {
+                color: theme.colors[colorScheme][600],
+            },
+        }),
+        unstyled: () => ({
             bg: "transparent",
             color: "inherit",
             _hover: {
                 bg: "transparent",
             },
-        }); },
+        }),
         // Theme-based two-tone gradient: each theme defines its own `gradient`
         // {from,to} pair (see palettes); falls back to the primary scale. Ignores
         // colorScheme. Hover/active shift brightness so it works for any pair.
-        gradient: function (_a) {
-            var _b;
-            var theme = _a.theme;
-            var g = (_b = theme.colors.gradient) !== null && _b !== void 0 ? _b : {
+        gradient: ({ theme }) => {
+            var _a;
+            const g = (_a = theme.colors.gradient) !== null && _a !== void 0 ? _a : {
                 from: theme.colors.primary[400],
                 to: theme.colors.primary[700],
             };
-            var bg = "linear-gradient(135deg, ".concat(g.from, " 0%, ").concat(g.to, " 100%)");
+            const bg = `linear-gradient(135deg, ${g.from} 0%, ${g.to} 100%)`;
             return {
                 bgImage: bg,
                 color: theme.colors.white,

package/dist/Components/Button/ButtonProps.d.ts

@@ -10,3 +10,4 @@ export type ButtonProps = Pick<ChakraButtonProps, "onClick" | "leftIcon" | "righ
     children?: React.ReactNode;
     opacity?: number;
 };
+//# sourceMappingURL=ButtonProps.d.ts.map

package/dist/Components/Button/ButtonProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonProps.d.ts","sourceRoot":"","sources":["../../../src/Components/Button/ButtonProps.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAEpE,MAAM,MAAM,WAAW,GAAG,IAAI,CAC5B,iBAAiB,EACf,SAAS,GACT,UAAU,GACV,WAAW,GACX,YAAY,GACZ,WAAW,GACX,aAAa,GACb,SAAS,GACT,IAAI,GACJ,QAAQ,GACR,cAAc,GACd,cAAc,GACd,cAAc,CACjB,GAAG;IACF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACxC,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,GAAG,UAAU,CAAC;IAC3E,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,WAAW,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;IACnJ,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC"}

package/dist/Components/ButtonGroupIcon/ButtonGoupIconProps.d.ts

@@ -33,3 +33,4 @@ export type ButtonGroupIconProps = {
     leftIconLoading?: boolean;
     RightIconLoading?: boolean;
 };
+//# sourceMappingURL=ButtonGoupIconProps.d.ts.map

package/dist/Components/ButtonGroupIcon/ButtonGoupIconProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGoupIconProps.d.ts","sourceRoot":"","sources":["../../../src/Components/ButtonGroupIcon/ButtonGoupIconProps.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAErC,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,SAAS,CAAC,EAAE,YAAY,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACxC,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,GAAG,UAAU,CAAC;IAC3E,KAAK,CAAC,EACF,SAAS,GACT,MAAM,GACN,KAAK,GACL,QAAQ,GACR,QAAQ,GACR,OAAO,GACP,MAAM,GACN,MAAM,GACN,MAAM,GACN,QAAQ,GACR,MAAM,GACN,YAAY,GACZ,YAAY,CAAC;IACjB,gBAAgB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACvC,wBAAwB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC/C,yBAAyB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAChD,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAClC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,eAAe,CAAC,EAAE;QAChB,KAAK,EAAE,MAAM,CAAC;QACd,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;QACpB,KAAK,CAAC,EAAE,YAAY,GAAG,SAAS,CAAC;KAClC,EAAE,CAAC;IACJ,qBAAqB,CAAC,EAAE,CACtB,KAAK,EAAE,KAAK,CAAC,UAAU,EACvB,MAAM,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,KAC3C,IAAI,CAAC;IACV,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC"}

package/dist/Components/ButtonGroupIcon/ButtonGroupIcon.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
 import { ButtonGroupIconProps } from "./ButtonGoupIconProps";
 export default function ButtonGroupIcon({ leftIcon, rightIcon, onLeftIconClick, onRightIconClick, buttonText, onButtonClick, onButtongroupClick, size, variant, color, buttonGroupStyle, buttonGroupLeftIconStyle, buttonGroupRightIconStyle, buttonStyle, onBlurLeftIcon, onBlurRightIcon, dropdownOptions, // New prop for dropdown options
 onDropdownOptionClick, // New prop to handle option clicks
-rightIconDropdown, menulistStyle, menuItemStyle, isLoading, divider, leftIconLoading, RightIconLoading, }: ButtonGroupIconProps): React.JSX.Element;
+rightIconDropdown, menulistStyle, menuItemStyle, isLoading, divider, leftIconLoading, RightIconLoading, }: ButtonGroupIconProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ButtonGroupIcon.d.ts.map

package/dist/Components/ButtonGroupIcon/ButtonGroupIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroupIcon.d.ts","sourceRoot":"","sources":["../../../src/Components/ButtonGroupIcon/ButtonGroupIcon.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAG7D,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACvC,QAAQ,EACR,SAAS,EACT,eAAe,EACf,gBAAgB,EAChB,UAAU,EACV,aAAa,EACb,kBAAkB,EAClB,IAAI,EACJ,OAAO,EACP,KAAK,EACL,gBAAgB,EAChB,wBAAwB,EACxB,yBAAyB,EACzB,WAAW,EACX,cAAc,EACd,eAAe,EACf,eAAe,EAAE,gCAAgC;AACjD,qBAAqB,EAAE,mCAAmC;AAC1D,iBAAiB,EACjB,aAAa,EACb,aAAa,EACb,SAAS,EACT,OAAc,EACb,eAAe,EACf,gBAAgB,GAEjB,EAAE,oBAAoB,2CA8LtB"}

package/dist/Components/ButtonGroupIcon/ButtonGroupIcon.js

@@ -1,84 +1,40 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = ButtonGroupIcon;
-var react_1 = __importStar(require("react"));
-var react_2 = require("@chakra-ui/react");
-var useCustomTheme_1 = require("../../Theme/useCustomTheme");
-function ButtonGroupIcon(_a) {
-    var _b;
-    var leftIcon = _a.leftIcon, rightIcon = _a.rightIcon, onLeftIconClick = _a.onLeftIconClick, onRightIconClick = _a.onRightIconClick, buttonText = _a.buttonText, onButtonClick = _a.onButtonClick, onButtongroupClick = _a.onButtongroupClick, size = _a.size, variant = _a.variant, color = _a.color, buttonGroupStyle = _a.buttonGroupStyle, buttonGroupLeftIconStyle = _a.buttonGroupLeftIconStyle, buttonGroupRightIconStyle = _a.buttonGroupRightIconStyle, buttonStyle = _a.buttonStyle, onBlurLeftIcon = _a.onBlurLeftIcon, onBlurRightIcon = _a.onBlurRightIcon, dropdownOptions = _a.dropdownOptions, // New prop for dropdown options
-    onDropdownOptionClick = _a.onDropdownOptionClick, // New prop to handle option clicks
-    rightIconDropdown = _a.rightIconDropdown, menulistStyle = _a.menulistStyle, menuItemStyle = _a.menuItemStyle, isLoading = _a.isLoading, _c = _a.divider, divider = _c === void 0 ? true : _c, leftIconLoading = _a.leftIconLoading, RightIconLoading = _a.RightIconLoading;
-    var theme = (0, useCustomTheme_1.useCustomTheme)();
-    var _d = (0, react_1.useState)(false), isDropdownOpen = _d[0], setIsDropdownOpen = _d[1];
-    var textRef = (0, react_1.useRef)(null);
-    var _e = (0, react_1.useState)(false), isTextTruncated = _e[0], setIsTextTruncated = _e[1];
-    (0, react_1.useEffect)(function () {
-        var checkTruncation = function () {
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_2 = require("@chakra-ui/react");
+const useCustomTheme_1 = require("../../Theme/useCustomTheme");
+function ButtonGroupIcon({ leftIcon, rightIcon, onLeftIconClick, onRightIconClick, buttonText, onButtonClick, onButtongroupClick, size, variant, color, buttonGroupStyle, buttonGroupLeftIconStyle, buttonGroupRightIconStyle, buttonStyle, onBlurLeftIcon, onBlurRightIcon, dropdownOptions, // New prop for dropdown options
+onDropdownOptionClick, // New prop to handle option clicks
+rightIconDropdown, menulistStyle, menuItemStyle, isLoading, divider = true, leftIconLoading, RightIconLoading, }) {
+    var _a;
+    const theme = (0, useCustomTheme_1.useCustomTheme)();
+    const [isDropdownOpen, setIsDropdownOpen] = (0, react_1.useState)(false);
+    const textRef = (0, react_1.useRef)(null);
+    const [isTextTruncated, setIsTextTruncated] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        const checkTruncation = () => {
             if (textRef.current) {
-                var isTruncated = textRef.current.scrollWidth > textRef.current.clientWidth;
+                const isTruncated = textRef.current.scrollWidth > textRef.current.clientWidth;
                 setIsTextTruncated(isTruncated);
             }
         };
         // Use setTimeout to ensure DOM is fully rendered
-        var timeoutId = setTimeout(checkTruncation, 0);
+        const timeoutId = setTimeout(checkTruncation, 0);
         window.addEventListener("resize", checkTruncation);
-        return function () {
+        return () => {
             clearTimeout(timeoutId);
             window.removeEventListener("resize", checkTruncation);
         };
     }, [buttonText]);
-    var handleRightIconClick = function () {
+    const handleRightIconClick = () => {
         setIsDropdownOpen(!isDropdownOpen);
         if (onRightIconClick) {
             onRightIconClick();
         }
     };
-    var handleMenuClick = function (event, option) {
+    const handleMenuClick = (event, option) => {
         setIsDropdownOpen(false);
         // console.log("Option clicked:", option,event)
         if (onDropdownOptionClick) {
@@ -88,13 +44,13 @@ function ButtonGroupIcon(_a) {
     // For the gradient variant we paint ONE continuous gradient on the group and
     // keep the segments transparent (so it doesn't restart per button/icon), with a
     // translucent-white hover overlay for per-segment feedback.
-    var isGradient = variant === "gradient";
-    var gradientStops = (_b = theme.colors.gradient) !== null && _b !== void 0 ? _b : {
+    const isGradient = variant === "gradient";
+    const gradientStops = (_a = theme.colors.gradient) !== null && _a !== void 0 ? _a : {
         from: theme.colors.primary[400],
         to: theme.colors.primary[700],
     };
-    var gradientBg = "linear-gradient(135deg, ".concat(gradientStops.from, " 0%, ").concat(gradientStops.to, " 100%)");
-    var gradientItemSx = isGradient
+    const gradientBg = `linear-gradient(135deg, ${gradientStops.from} 0%, ${gradientStops.to} 100%)`;
+    const gradientItemSx = isGradient
         ? {
             color: theme.colors.white,
             bg: "transparent",
@@ -104,24 +60,31 @@ function ButtonGroupIcon(_a) {
             _active: { bg: "whiteAlpha.300" },
         }
         : undefined;
-    return (react_1.default.createElement(react_2.ButtonGroup, { size: size, isAttached: true, variant: isGradient ? "solid" : variant, onClick: onButtongroupClick, colorScheme: color, style: buttonGroupStyle, sx: isGradient
+    return ((0, jsx_runtime_1.jsxs)(react_2.ButtonGroup, { size: size, isAttached: true, variant: isGradient ? "solid" : variant, onClick: onButtongroupClick, colorScheme: color, style: buttonGroupStyle, sx: isGradient
             ? { bgImage: gradientBg, color: theme.colors.white, borderRadius: "0.5rem", overflow: "hidden" }
-            : undefined },
-        leftIcon && (react_1.default.createElement(react_2.IconButton, { "aria-label": "Left icon button", icon: leftIcon, isLoading: leftIconLoading, onClick: onLeftIconClick, onBlur: onBlurLeftIcon, style: buttonGroupLeftIconStyle, sx: gradientItemSx })),
-        react_1.default.createElement(react_2.Tooltip, { label: buttonText, isDisabled: !buttonText || !isTextTruncated },
-            react_1.default.createElement(react_2.Button, { onClick: onButtonClick, style: buttonStyle, isLoading: isLoading, borderLeft: "1px solid", borderRight: "1px solid", borderColor: "whiteAlpha.400", maxW: "200px", sx: gradientItemSx },
-                react_1.default.createElement(react_2.Box, { ref: textRef, as: "span", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap", display: "block", width: "100%" }, buttonText))),
-        rightIcon && rightIconDropdown ? (react_1.default.createElement(react_2.Menu, { isOpen: isDropdownOpen, onClose: function () { return setIsDropdownOpen(false); } },
-            react_1.default.createElement(react_2.MenuButton, { as: react_2.IconButton, "aria-label": "Right icon button", icon: rightIcon, isLoading: RightIconLoading, onClick: handleRightIconClick, onBlur: onBlurRightIcon, style: buttonGroupRightIconStyle, sx: gradientItemSx }),
-            react_1.default.createElement(react_2.Box, { sx: { zIndex: 99 } },
-                react_1.default.createElement(react_2.MenuList, { style: menulistStyle, bg: theme.colors.backgroundColor.light, border: "1px solid", borderColor: "blackAlpha.100", borderRadius: "0.75rem", boxShadow: "lg", py: "0.375rem", minW: "12rem", overflow: "hidden" }, dropdownOptions === null || dropdownOptions === void 0 ? void 0 : dropdownOptions.map(function (option, index) { return (react_1.default.createElement(react_2.MenuItem, { key: index, onClick: function (event) { return handleMenuClick(event, option); }, style: menuItemStyle, sx: __assign(__assign({ display: "flex", alignItems: "center", gap: "0.5rem", mx: "0.375rem", px: "0.625rem", py: "0.5rem", borderRadius: "7px", fontSize: "13px", fontWeight: 500, color: theme.colors.gray[700], transition: "background 0.12s", "& svg": { width: "16px", height: "16px" } }, (divider
-                        ? {
-                            mx: 0,
-                            borderRadius: 0,
-                            borderBottom: "1px solid",
-                            borderColor: "blackAlpha.100",
-                        }
-                        : {})), { _hover: { bg: theme.colors.primary[50], color: theme.colors.primary[700] }, _focus: { bg: theme.colors.primary[50], color: theme.colors.primary[700] }, "&:last-child": { borderBottom: "none" } }) }, option === null || option === void 0 ? void 0 :
-                    option.image,
-                    option.label)); }))))) : (rightIcon && (react_1.default.createElement(react_2.IconButton, { "aria-label": "Right icon button", icon: rightIcon, isLoading: RightIconLoading, onClick: onRightIconClick, onBlur: onBlurRightIcon, style: buttonGroupRightIconStyle, sx: gradientItemSx })))));
+            : undefined, children: [leftIcon && ((0, jsx_runtime_1.jsx)(react_2.IconButton, { "aria-label": "Left icon button", icon: leftIcon, isLoading: leftIconLoading, onClick: onLeftIconClick, onBlur: onBlurLeftIcon, style: buttonGroupLeftIconStyle, sx: gradientItemSx })), (0, jsx_runtime_1.jsx)(react_2.Tooltip, { label: buttonText, isDisabled: !buttonText || !isTextTruncated, children: (0, jsx_runtime_1.jsx)(react_2.Button, { onClick: onButtonClick, style: buttonStyle, isLoading: isLoading, borderLeft: "1px solid", borderRight: "1px solid", borderColor: "whiteAlpha.400", maxW: "200px", sx: gradientItemSx, children: (0, jsx_runtime_1.jsx)(react_2.Box, { ref: textRef, as: "span", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap", display: "block", width: "100%", children: buttonText }) }) }), rightIcon && rightIconDropdown ? ((0, jsx_runtime_1.jsxs)(react_2.Menu, { isOpen: isDropdownOpen, onClose: () => setIsDropdownOpen(false), children: [(0, jsx_runtime_1.jsx)(react_2.MenuButton, { as: react_2.IconButton, "aria-label": "Right icon button", icon: rightIcon, isLoading: RightIconLoading, onClick: handleRightIconClick, onBlur: onBlurRightIcon, style: buttonGroupRightIconStyle, sx: gradientItemSx }), (0, jsx_runtime_1.jsx)(react_2.Box, { sx: { zIndex: 99 }, children: (0, jsx_runtime_1.jsx)(react_2.MenuList, { style: menulistStyle, bg: theme.colors.backgroundColor.light, border: "1px solid", borderColor: "blackAlpha.100", borderRadius: "0.75rem", boxShadow: "lg", py: "0.375rem", minW: "12rem", overflow: "hidden", children: dropdownOptions === null || dropdownOptions === void 0 ? void 0 : dropdownOptions.map((option, index) => ((0, jsx_runtime_1.jsxs)(react_2.MenuItem, { onClick: (event) => handleMenuClick(event, option), style: menuItemStyle, sx: {
+                                    display: "flex",
+                                    alignItems: "center",
+                                    gap: "0.5rem",
+                                    mx: "0.375rem",
+                                    px: "0.625rem",
+                                    py: "0.5rem",
+                                    borderRadius: "7px",
+                                    fontSize: "13px",
+                                    fontWeight: 500,
+                                    color: theme.colors.gray[700],
+                                    transition: "background 0.12s",
+                                    "& svg": { width: "16px", height: "16px" },
+                                    ...(divider
+                                        ? {
+                                            mx: 0,
+                                            borderRadius: 0,
+                                            borderBottom: "1px solid",
+                                            borderColor: "blackAlpha.100",
+                                        }
+                                        : {}),
+                                    _hover: { bg: theme.colors.primary[50], color: theme.colors.primary[700] },
+                                    _focus: { bg: theme.colors.primary[50], color: theme.colors.primary[700] },
+                                    "&:last-child": { borderBottom: "none" },
+                                }, children: [option === null || option === void 0 ? void 0 : option.image, option.label] }, index))) }) })] })) : (rightIcon && ((0, jsx_runtime_1.jsx)(react_2.IconButton, { "aria-label": "Right icon button", icon: rightIcon, isLoading: RightIconLoading, onClick: onRightIconClick, onBlur: onBlurRightIcon, style: buttonGroupRightIconStyle, sx: gradientItemSx })))] }));
 }

package/dist/Components/ButtonGroupIcon/ButtonGroupIcon.stories.d.ts

@@ -1 +1,2 @@
 export {};
+//# sourceMappingURL=ButtonGroupIcon.stories.d.ts.map

package/dist/Components/ButtonGroupIcon/ButtonGroupIcon.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroupIcon.stories.d.ts","sourceRoot":"","sources":["../../../src/Components/ButtonGroupIcon/ButtonGroupIcon.stories.tsx"],"names":[],"mappings":"AAoCA,OAAO,EAAE,CAAC"}

package/dist/Components/Buttons/Buttons.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
 import { ButtonsProps } from './ButtonsProps';
-declare const Buttons: ({ onClick, label, className, disabled }: ButtonsProps) => React.JSX.Element;
+declare const Buttons: ({ onClick, label, className, disabled }: ButtonsProps) => import("react/jsx-runtime").JSX.Element;
 export default Buttons;
+//# sourceMappingURL=Buttons.d.ts.map

package/dist/Components/Buttons/Buttons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Buttons.d.ts","sourceRoot":"","sources":["../../../src/Components/Buttons/Buttons.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7C,QAAA,MAAM,OAAO,GAAI,yCAAyC,YAAY,4CAUrE,CAAA;AAED,eAAe,OAAO,CAAA"}

package/dist/Components/Buttons/Buttons.js

@@ -1,11 +1,7 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var Buttons = function (_a) {
-    var onClick = _a.onClick, label = _a.label, className = _a.className, disabled = _a.disabled;
-    return (react_1.default.createElement("button", { onClick: onClick, className: "bg-purple-600 text-white font-medium py-2 px-4 rounded focus:outline-none focus:ring-offset-2  ".concat(className, " ").concat(disabled ? 'opacity-50 cursor-not-allowed' : 'cursor-pointer'), disabled: disabled }, label));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Buttons = ({ onClick, label, className, disabled }) => {
+    return ((0, jsx_runtime_1.jsx)("button", { onClick: onClick, className: `bg-purple-600 text-white font-medium py-2 px-4 rounded focus:outline-none focus:ring-offset-2  ${className} ${disabled ? 'opacity-50 cursor-not-allowed' : 'cursor-pointer'}`, disabled: disabled, children: label }));
 };
 exports.default = Buttons;

package/dist/Components/Buttons/ButtonsProps.d.ts

@@ -4,3 +4,4 @@ export type ButtonsProps = {
     className?: string;
     disabled?: boolean;
 };
+//# sourceMappingURL=ButtonsProps.d.ts.map

package/dist/Components/Buttons/ButtonsProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonsProps.d.ts","sourceRoot":"","sources":["../../../src/Components/Buttons/ButtonsProps.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,CAAA"}

package/dist/Components/Card/Card.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
 import { CardProps } from "./CardProps";
-export default function Card({ key, maxW, align, variant, direction, justify, children, size, color, overflow, sx, }: CardProps): React.JSX.Element;
+export default function Card({ key, maxW, align, variant, direction, justify, children, size, color, overflow, sx, }: CardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Card.d.ts.map

package/dist/Components/Card/Card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/Components/Card/Card.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAC3B,GAAG,EACH,IAAI,EACJ,KAAK,EACL,OAAO,EACP,SAAS,EACT,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,EAAE,GACH,EAAE,SAAS,2CAkBX"}

package/dist/Components/Card/Card.js

@@ -1,12 +1,8 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = Card;
-var react_1 = __importDefault(require("react"));
-var react_2 = require("@chakra-ui/react");
-function Card(_a) {
-    var key = _a.key, maxW = _a.maxW, align = _a.align, variant = _a.variant, direction = _a.direction, justify = _a.justify, children = _a.children, size = _a.size, color = _a.color, overflow = _a.overflow, sx = _a.sx;
-    return (react_1.default.createElement(react_2.Card, { key: key, maxW: maxW, align: align, variant: variant, direction: direction, justify: justify, size: size, overflow: overflow, colorScheme: color, p: 4, sx: sx }, children));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@chakra-ui/react");
+function Card({ key, maxW, align, variant, direction, justify, children, size, color, overflow, sx, }) {
+    return ((0, jsx_runtime_1.jsx)(react_1.Card, { maxW: maxW, align: align, variant: variant, direction: direction, justify: justify, size: size, overflow: overflow, colorScheme: color, p: 4, sx: sx, children: children }, key));
 }

package/dist/Components/Card/CardProps.d.ts

@@ -11,3 +11,4 @@ export type CardProps = Pick<ChakraCardProps, "direction" | "maxW" | "align" | "
     dividersize?: string;
     dividervariant?: "solid" | "dashed";
 };
+//# sourceMappingURL=CardProps.d.ts.map

package/dist/Components/Card/CardProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardProps.d.ts","sourceRoot":"","sources":["../../../src/Components/Card/CardProps.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,IAAI,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEhE,MAAM,MAAM,SAAS,GAAG,IAAI,CAC1B,eAAe,EACf,WAAW,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,GAAG,IAAI,CAC/D,GAAG;IACF,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC;IACzD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,KAAK,CAAC,EACJ,YAAY,GACZ,YAAY,GACZ,MAAM,GACN,KAAK,GACL,QAAQ,GACR,QAAQ,GACR,OAAO,GACP,MAAM,GACN,MAAM,GACN,MAAM,GACN,QAAQ,GACR,MAAM,CAAC;IACT,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EACX,YAAY,GACZ,YAAY,GACZ,MAAM,GACN,KAAK,GACL,QAAQ,GACR,QAAQ,GACR,OAAO,GACP,MAAM,GACN,MAAM,GACN,MAAM,GACN,QAAQ,GACR,MAAM,CAAC;IACT,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;CACrC,CAAC"}

package/dist/Components/Card/PaymentCard/PaymentCard.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
 import { PaymentCardProps } from "./PaymentCardProps";
-declare const PaymentCard: ({ plan, isActive, isNextUpgrade, billingCycle, onSelect, onHover, buttonLoading, isLoading, isRenewal, }: PaymentCardProps) => React.JSX.Element;
+declare const PaymentCard: ({ plan, isActive, isNextUpgrade, billingCycle, onSelect, onHover, buttonLoading, isLoading, isRenewal, }: PaymentCardProps) => import("react/jsx-runtime").JSX.Element;
 export default PaymentCard;
+//# sourceMappingURL=PaymentCard.d.ts.map

package/dist/Components/Card/PaymentCard/PaymentCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentCard.d.ts","sourceRoot":"","sources":["../../../../src/Components/Card/PaymentCard/PaymentCard.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AA0CtD,QAAA,MAAM,WAAW,GAAI,0GAUlB,gBAAgB,4CA4KlB,CAAC;AAEF,eAAe,WAAW,CAAC"}