fictoan-react 2.0.0-beta.18 → 2.0.0-beta.19

package/dist/components/Modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":["// REACT CORE ==========================================================================================================\nimport React, { useEffect } from \"react\";\n\n// ELEMENT =============================================================================================================\nimport { CommonAndHTMLProps } from \"../Element/constants\";\nimport { Element } from \"$element\";\n\n// STYLES ==============================================================================================================\nimport \"./modal.css\";\n\nexport type ModalElementType = HTMLDivElement;\n\nexport interface ModalCustomProps {\n        id              : string;\n        isOpen        ? : boolean;\n        onClose       ? : () => void;\n        isDismissible ? : boolean;\n        showBackdrop  ? : boolean;\n        blurBackdrop  ? : boolean;\n        label         ? : string;\n        description   ? : string;\n}\n\nexport type ModalProps = Omit<CommonAndHTMLProps<ModalElementType>, keyof ModalCustomProps> & ModalCustomProps;\n\n// COMPONENT ///////////////////////////////////////////////////////////////////////////////////////////////////////////\nexport const Modal = React.forwardRef(\n    (\n        {\n            id,\n            children,\n            classNames = [],\n            isOpen = false,\n            onClose,\n            isDismissible = true,\n            showBackdrop,\n            blurBackdrop,\n            label,\n            description,\n            ...props\n        }: ModalProps, ref: React.Ref<ModalElementType>,\n    ) => {\n        const modalId       = `${id}`;\n        const descriptionId = description ? `${modalId}-description` : undefined;\n\n        if (showBackdrop) {\n            classNames.push(\"show-backdrop\");\n        }\n\n        if (blurBackdrop) {\n            classNames.push(\"blur-backdrop\");\n        }\n\n        // Handle open/close state declaratively\n        useEffect(() => {\n            const modal = document.querySelector(`#${modalId}[data-modal]`);\n            if (!modal || !(modal instanceof HTMLElement)) return;\n\n            if (isOpen) {\n                // Show modal\n                modal.showPopover();\n\n                // Focus first focusable element\n                const focusableElements = modal.querySelectorAll(\n                    \"button, [href], input, select, textarea, [tabindex]:not([tabindex=\\\"-1\\\"])\",\n                );\n                if (focusableElements.length) {\n                    (focusableElements[0] as HTMLElement).focus();\n                }\n            } else {\n                // Hide modal\n                if (modal.matches(\":popover-open\")) {\n                    modal.hidePopover();\n                }\n            }\n        }, [isOpen, modalId]);\n\n        // Listen for popover toggle events to sync React state when closed externally\n        // (e.g., clicking outside with popover=\"auto\", or pressing Escape)\n        useEffect(() => {\n            const modal = document.querySelector(`#${modalId}[data-modal]`);\n            if (!modal || !(modal instanceof HTMLElement)) return;\n\n            const handleToggle = (e: Event) => {\n                const toggleEvent = e as ToggleEvent;\n                // If popover was closed externally and React still thinks it's open, sync state\n                if (toggleEvent.newState === \"closed\" && isOpen && onClose) {\n                    onClose();\n                }\n            };\n\n            modal.addEventListener(\"toggle\", handleToggle);\n            return () => modal.removeEventListener(\"toggle\", handleToggle);\n        }, [modalId, isOpen, onClose]);\n\n        return (\n            <Element<ModalElementType>\n                as=\"dialog\"\n                id={modalId}\n                data-modal\n                popover={isDismissible ? \"auto\" : \"manual\"}\n                ref={ref}\n                classNames={classNames}\n                role=\"dialog\"\n                aria-modal=\"true\"\n                aria-label={label || \"Modal dialog\"}\n                aria-describedby={descriptionId}\n                {...props}\n            >\n                {isDismissible && onClose && (\n                    <button\n                        type=\"button\"\n                        className=\"dismiss-button\"\n                        onClick={onClose}\n                        aria-label=\"Close modal\"\n                    >\n                        &times;\n                    </button>\n                )}\n                {description && (\n                    <div id={descriptionId} className=\"sr-only\">\n                        {description}\n                    </div>\n                )}\n                <div role=\"document\">\n                    {children}\n                </div>\n            </Element>\n        );\n    },\n);\nModal.displayName = \"Modal\";\n\n"],"names":["Modal","React","id","children","classNames","isOpen","onClose","isDismissible","showBackdrop","blurBackdrop","label","description","props","ref","modalId","descriptionId","useEffect","modal","focusableElements","handleToggle","e","jsxs","Element","jsx"],"mappings":";;;;AA0BO,MAAMA,IAAQC,EAAM;AAAA,EACvB,CACI;AAAA,IACI,IAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC,IAAa,CAAA;AAAA,IACb,QAAAC,IAAS;AAAA,IACT,SAAAC;AAAA,IACA,eAAAC,IAAgB;AAAA,IAChB,cAAAC;AAAA,IACA,cAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GACQC,MACd;AACD,UAAMC,IAAgB,GAAGZ,CAAE,IACrBa,IAAgBJ,IAAc,GAAGG,CAAO,iBAAiB;AAE/D,WAAIN,KACAJ,EAAW,KAAK,eAAe,GAG/BK,KACAL,EAAW,KAAK,eAAe,GAInCY,EAAU,MAAM;AACZ,YAAMC,IAAQ,SAAS,cAAc,IAAIH,CAAO,cAAc;AAC9D,UAAI,GAACG,KAAS,EAAEA,aAAiB;AAEjC,YAAIZ,GAAQ;AAER,UAAAY,EAAM,YAAA;AAGN,gBAAMC,IAAoBD,EAAM;AAAA,YAC5B;AAAA,UAAA;AAEJ,UAAIC,EAAkB,UACjBA,EAAkB,CAAC,EAAkB,MAAA;AAAA,QAE9C;AAEI,UAAID,EAAM,QAAQ,eAAe,KAC7BA,EAAM,YAAA;AAAA,IAGlB,GAAG,CAACZ,GAAQS,CAAO,CAAC,GAIpBE,EAAU,MAAM;AACZ,YAAMC,IAAQ,SAAS,cAAc,IAAIH,CAAO,cAAc;AAC9D,UAAI,CAACG,KAAS,EAAEA,aAAiB,aAAc;AAE/C,YAAME,IAAe,CAACC,MAAa;AAG/B,QAFoBA,EAEJ,aAAa,YAAYf,KAAUC,KAC/CA,EAAA;AAAA,MAER;AAEA,aAAAW,EAAM,iBAAiB,UAAUE,CAAY,GACtC,MAAMF,EAAM,oBAAoB,UAAUE,CAAY;AAAA,IACjE,GAAG,CAACL,GAAST,GAAQC,CAAO,CAAC,GAGzB,gBAAAe;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,IAAG;AAAA,QACH,IAAIR;AAAA,QACJ,cAAU;AAAA,QACV,SAASP,IAAgB,SAAS;AAAA,QAClC,KAAAM;AAAA,QACA,YAAAT;AAAA,QACA,MAAK;AAAA,QACL,cAAW;AAAA,QACX,cAAYM,KAAS;AAAA,QACrB,oBAAkBK;AAAA,QACjB,GAAGH;AAAA,QAEH,UAAA;AAAA,UAAAL,KAAiBD,KACd,gBAAAiB;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL,WAAU;AAAA,cACV,SAASjB;AAAA,cACT,cAAW;AAAA,cACd,UAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAIJK,KACG,gBAAAY,EAAC,OAAA,EAAI,IAAIR,GAAe,WAAU,WAC7B,UAAAJ,GACL;AAAA,UAEJ,gBAAAY,EAAC,OAAA,EAAI,MAAK,YACL,UAAApB,EAAA,CACL;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGZ;AACJ;AACAH,EAAM,cAAc;"}
+{"version":3,"file":"Modal.js","sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":["// REACT CORE ==========================================================================================================\nimport React, { useEffect } from \"react\";\n\n// ELEMENT =============================================================================================================\nimport { CommonAndHTMLProps } from \"../Element/constants\";\nimport { Element } from \"$element\";\n\n// STYLES ==============================================================================================================\nimport \"./modal.css\";\n\nexport type ModalElementType = HTMLDivElement;\n\nexport interface ModalCustomProps {\n        id              : string;\n        isOpen        ? : boolean;\n        onClose       ? : () => void;\n        isDismissible ? : boolean;\n        showBackdrop  ? : boolean;\n        blurBackdrop  ? : boolean;\n        label         ? : string;\n        description   ? : string;\n}\n\nexport type ModalProps = Omit<CommonAndHTMLProps<ModalElementType>, keyof ModalCustomProps> & ModalCustomProps;\n\n// COMPONENT ///////////////////////////////////////////////////////////////////////////////////////////////////////////\nexport const Modal = React.forwardRef(\n    (\n        {\n            id,\n            children,\n            classNames = [],\n            isOpen = false,\n            onClose,\n            isDismissible = true,\n            showBackdrop,\n            blurBackdrop,\n            label,\n            description,\n            ...props\n        }: ModalProps, ref: React.Ref<ModalElementType>,\n    ) => {\n        // Work on a fresh copy — never mutate the caller's classNames array (it\n        // accumulates classes across renders if the reference is reused).\n        classNames = [ ...classNames ];\n\n        const modalId       = `${id}`;\n        const descriptionId = description ? `${modalId}-description` : undefined;\n\n        if (showBackdrop) {\n            classNames.push(\"show-backdrop\");\n        }\n\n        if (blurBackdrop) {\n            classNames.push(\"blur-backdrop\");\n        }\n\n        // Handle open/close state declaratively\n        useEffect(() => {\n            const modal = document.querySelector(`#${modalId}[data-modal]`);\n            if (!modal || !(modal instanceof HTMLElement)) return;\n\n            if (isOpen) {\n                // Show modal\n                modal.showPopover();\n\n                // Focus first focusable element\n                const focusableElements = modal.querySelectorAll(\n                    \"button, [href], input, select, textarea, [tabindex]:not([tabindex=\\\"-1\\\"])\",\n                );\n                if (focusableElements.length) {\n                    (focusableElements[0] as HTMLElement).focus();\n                }\n            } else {\n                // Hide modal\n                if (modal.matches(\":popover-open\")) {\n                    modal.hidePopover();\n                }\n            }\n        }, [isOpen, modalId]);\n\n        // Listen for popover toggle events to sync React state when closed externally\n        // (e.g., clicking outside with popover=\"auto\", or pressing Escape)\n        useEffect(() => {\n            const modal = document.querySelector(`#${modalId}[data-modal]`);\n            if (!modal || !(modal instanceof HTMLElement)) return;\n\n            const handleToggle = (e: Event) => {\n                const toggleEvent = e as ToggleEvent;\n                // If popover was closed externally and React still thinks it's open, sync state\n                if (toggleEvent.newState === \"closed\" && isOpen && onClose) {\n                    onClose();\n                }\n            };\n\n            modal.addEventListener(\"toggle\", handleToggle);\n            return () => modal.removeEventListener(\"toggle\", handleToggle);\n        }, [modalId, isOpen, onClose]);\n\n        return (\n            <Element<ModalElementType>\n                as=\"dialog\"\n                id={modalId}\n                data-modal\n                popover={isDismissible ? \"auto\" : \"manual\"}\n                ref={ref}\n                classNames={classNames}\n                role=\"dialog\"\n                aria-modal=\"true\"\n                aria-label={label || \"Modal dialog\"}\n                aria-describedby={descriptionId}\n                {...props}\n            >\n                {isDismissible && onClose && (\n                    <button\n                        type=\"button\"\n                        className=\"dismiss-button\"\n                        onClick={onClose}\n                        aria-label=\"Close modal\"\n                    >\n                        &times;\n                    </button>\n                )}\n                {description && (\n                    <div id={descriptionId} className=\"sr-only\">\n                        {description}\n                    </div>\n                )}\n                <div role=\"document\">\n                    {children}\n                </div>\n            </Element>\n        );\n    },\n);\nModal.displayName = \"Modal\";\n\n"],"names":["Modal","React","id","children","classNames","isOpen","onClose","isDismissible","showBackdrop","blurBackdrop","label","description","props","ref","modalId","descriptionId","useEffect","modal","focusableElements","handleToggle","e","jsxs","Element","jsx"],"mappings":";;;;AA0BO,MAAMA,IAAQC,EAAM;AAAA,EACvB,CACI;AAAA,IACI,IAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC,IAAa,CAAA;AAAA,IACb,QAAAC,IAAS;AAAA,IACT,SAAAC;AAAA,IACA,eAAAC,IAAgB;AAAA,IAChB,cAAAC;AAAA,IACA,cAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GACQC,MACd;AAGD,IAAAT,IAAa,CAAE,GAAGA,CAAW;AAE7B,UAAMU,IAAgB,GAAGZ,CAAE,IACrBa,IAAgBJ,IAAc,GAAGG,CAAO,iBAAiB;AAE/D,WAAIN,KACAJ,EAAW,KAAK,eAAe,GAG/BK,KACAL,EAAW,KAAK,eAAe,GAInCY,EAAU,MAAM;AACZ,YAAMC,IAAQ,SAAS,cAAc,IAAIH,CAAO,cAAc;AAC9D,UAAI,GAACG,KAAS,EAAEA,aAAiB;AAEjC,YAAIZ,GAAQ;AAER,UAAAY,EAAM,YAAA;AAGN,gBAAMC,IAAoBD,EAAM;AAAA,YAC5B;AAAA,UAAA;AAEJ,UAAIC,EAAkB,UACjBA,EAAkB,CAAC,EAAkB,MAAA;AAAA,QAE9C;AAEI,UAAID,EAAM,QAAQ,eAAe,KAC7BA,EAAM,YAAA;AAAA,IAGlB,GAAG,CAACZ,GAAQS,CAAO,CAAC,GAIpBE,EAAU,MAAM;AACZ,YAAMC,IAAQ,SAAS,cAAc,IAAIH,CAAO,cAAc;AAC9D,UAAI,CAACG,KAAS,EAAEA,aAAiB,aAAc;AAE/C,YAAME,IAAe,CAACC,MAAa;AAG/B,QAFoBA,EAEJ,aAAa,YAAYf,KAAUC,KAC/CA,EAAA;AAAA,MAER;AAEA,aAAAW,EAAM,iBAAiB,UAAUE,CAAY,GACtC,MAAMF,EAAM,oBAAoB,UAAUE,CAAY;AAAA,IACjE,GAAG,CAACL,GAAST,GAAQC,CAAO,CAAC,GAGzB,gBAAAe;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,IAAG;AAAA,QACH,IAAIR;AAAA,QACJ,cAAU;AAAA,QACV,SAASP,IAAgB,SAAS;AAAA,QAClC,KAAAM;AAAA,QACA,YAAAT;AAAA,QACA,MAAK;AAAA,QACL,cAAW;AAAA,QACX,cAAYM,KAAS;AAAA,QACrB,oBAAkBK;AAAA,QACjB,GAAGH;AAAA,QAEH,UAAA;AAAA,UAAAL,KAAiBD,KACd,gBAAAiB;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL,WAAU;AAAA,cACV,SAASjB;AAAA,cACT,cAAW;AAAA,cACd,UAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAIJK,KACG,gBAAAY,EAAC,OAAA,EAAI,IAAIR,GAAe,WAAU,WAC7B,UAAAJ,GACL;AAAA,UAEJ,gBAAAY,EAAC,OAAA,EAAI,MAAK,YACL,UAAApB,EAAA,CACL;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGZ;AACJ;AACAH,EAAM,cAAc;"}

package/dist/components/Notification/NotificationsProvider/NotificationsProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationsProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/Notification/NotificationsProvider/NotificationsProvider.tsx"],"names":[],"mappings":"AACA,OAAc,EAAoD,SAAS,EAAE,MAAM,OAAO,CAAC;AAI3F,OAAO,EAAoB,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAG1F,MAAM,WAAW,mBAAmB;IAChC,OAAO,EAAW,SAAS,GAAG,CAAC,CAAC,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,SAAS,CAAC,CAAC;IAC9E,IAAc,CAAC,EAAG,gBAAgB,CAAC;IACnC,QAAc,CAAC,EAAG,MAAM,CAAC;IACzB,aAAc,CAAC,EAAG,OAAO,CAAC;CAC7B;AAWD,MAAM,WAAW,0BAA0B;IACvC,QAAQ,EAAO,SAAS,CAAC;IACzB,QAAW,CAAC,EAAG,MAAM,GAAG,OAAO,CAAC;IAChC,MAAW,CAAC,EAAG,KAAK,GAAG,QAAQ,CAAC;IAChC,KAAW,CAAC,EAAG,YAAY,GAAG,eAAe,CAAC;IAC9C,IAAW,CAAC,EAAG,MAAM,GAAG,OAAO,CAAC;CACnC;AAGD,MAAM,WAAW,cAAc;IAC3B,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,CAAC,OAAO,EAAE,SAAS,GAAG,IAAI,CAAC;IAC3B,CAAC,OAAO,EAAE,mBAAmB,GAAG,IAAI,CAAC;IACrC,OAAO,EAAG,CAAC,OAAO,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAChD,KAAK,EAAK,CAAC,OAAO,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAChD,OAAO,EAAG,CAAC,OAAO,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAChD,IAAI,EAAM,CAAC,OAAO,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CACnD;AAUD,eAAO,MAAM,qBAAqB;mDAM/B,0BAA0B;;CA6G5B,CAAC;AAIF,eAAO,MAAM,gBAAgB,QAAO,cAQnC,CAAC"}
+{"version":3,"file":"NotificationsProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/Notification/NotificationsProvider/NotificationsProvider.tsx"],"names":[],"mappings":"AACA,OAAc,EAA6D,SAAS,EAAE,MAAM,OAAO,CAAC;AAIpG,OAAO,EAAoB,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAG1F,MAAM,WAAW,mBAAmB;IAChC,OAAO,EAAW,SAAS,GAAG,CAAC,CAAC,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,SAAS,CAAC,CAAC;IAC9E,IAAc,CAAC,EAAG,gBAAgB,CAAC;IACnC,QAAc,CAAC,EAAG,MAAM,CAAC;IACzB,aAAc,CAAC,EAAG,OAAO,CAAC;CAC7B;AAWD,MAAM,WAAW,0BAA0B;IACvC,QAAQ,EAAO,SAAS,CAAC;IACzB,QAAW,CAAC,EAAG,MAAM,GAAG,OAAO,CAAC;IAChC,MAAW,CAAC,EAAG,KAAK,GAAG,QAAQ,CAAC;IAChC,KAAW,CAAC,EAAG,YAAY,GAAG,eAAe,CAAC;IAC9C,IAAW,CAAC,EAAG,MAAM,GAAG,OAAO,CAAC;CACnC;AAGD,MAAM,WAAW,cAAc;IAC3B,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,CAAC,OAAO,EAAE,SAAS,GAAG,IAAI,CAAC;IAC3B,CAAC,OAAO,EAAE,mBAAmB,GAAG,IAAI,CAAC;IACrC,OAAO,EAAG,CAAC,OAAO,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAChD,KAAK,EAAK,CAAC,OAAO,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAChD,OAAO,EAAG,CAAC,OAAO,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAChD,IAAI,EAAM,CAAC,OAAO,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CACnD;AAUD,eAAO,MAAM,qBAAqB;mDAM/B,0BAA0B;;CA6G5B,CAAC;AAIF,eAAO,MAAM,gBAAgB,QAAO,cAQnC,CAAC"}

package/dist/components/Notification/NotificationsProvider/NotificationsProvider.js

@@ -1,72 +1,72 @@
 "use client";
-import { jsxs as b, jsx as d } from "react/jsx-runtime";
-import { useState as v, useCallback as c, createContext as k, useContext as C } from "react";
-import { NotificationsWrapper as P } from "../NotificationsWrapper/NotificationsWrapper.js";
-import { NotificationItem as j } from "../NotificationItem/NotificationItem.js";
-const l = k(null), g = ({
+import { jsxs as b, jsx as l } from "react/jsx-runtime";
+import { useState as v, useCallback as c, createContext as k, useMemo as C, useContext as P } from "react";
+import { NotificationsWrapper as j } from "../NotificationsWrapper/NotificationsWrapper.js";
+import { NotificationItem as g } from "../NotificationItem/NotificationItem.js";
+const N = k(null), D = ({
   children: r,
-  position: N = "right",
-  anchor: m = "top",
-  order: p = "new-on-top",
-  kind: h = "list"
+  position: m = "right",
+  anchor: p = "top",
+  order: h = "new-on-top",
+  kind: w = "list"
 }) => {
-  const [w, f] = v([]), a = c((t) => {
-    f((i) => i.filter((n) => n.id !== t));
-  }, []), o = c((t, i = "generic", n = 4, s = !0) => {
+  const [x, f] = v([]), a = c((t) => {
+    f((o) => o.filter((n) => n.id !== t));
+  }, []), i = c((t, o = "generic", n = 4, s = !0) => {
     const e = `notification-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`;
     return f((y) => [...y, {
       id: e,
       content: t,
-      kind: i,
+      kind: o,
       duration: n,
       isDismissible: s
     }]), e;
   }, []), u = c((t) => {
     if (typeof t == "string") {
-      o(t);
+      i(t);
       return;
     }
     if (t !== null && typeof t == "object" && "content" in t) {
-      const i = t;
-      o(
-        i.content,
-        i.kind ?? "generic",
-        i.duration ?? 4,
-        i.isDismissible ?? !0
+      const o = t;
+      i(
+        o.content,
+        o.kind ?? "generic",
+        o.duration ?? 4,
+        o.isDismissible ?? !0
       );
       return;
     }
-    o(t);
-  }, [o]), x = c(() => {
+    i(t);
+  }, [i]), d = c(() => {
     const t = u;
-    return t.success = (i) => {
-      o(i, "success");
-    }, t.error = (i) => {
-      o(i, "error");
-    }, t.warning = (i) => {
-      o(i, "warning");
-    }, t.info = (i) => {
-      o(i, "info");
+    return t.success = (o) => {
+      i(o, "success");
+    }, t.error = (o) => {
+      i(o, "error");
+    }, t.warning = (o) => {
+      i(o, "warning");
+    }, t.info = (o) => {
+      i(o, "info");
     }, t;
-  }, [u, o])();
-  return /* @__PURE__ */ b(l.Provider, { value: { notify: x }, children: [
+  }, [u, i])();
+  return /* @__PURE__ */ b(N.Provider, { value: C(() => ({ notify: d }), [d]), children: [
     r,
-    /* @__PURE__ */ d(
-      P,
+    /* @__PURE__ */ l(
+      j,
       {
-        position: N,
-        anchor: m,
-        order: p,
-        kind: h,
-        children: w.map(({ id: t, content: i, kind: n, duration: s, isDismissible: e }) => /* @__PURE__ */ d(
-          j,
+        position: m,
+        anchor: p,
+        order: h,
+        kind: w,
+        children: x.map(({ id: t, content: o, kind: n, duration: s, isDismissible: e }) => /* @__PURE__ */ l(
+          g,
           {
             id: t,
             kind: n,
             duration: s,
             isDismissible: e,
             onClose: () => a(t),
-            children: typeof i == "function" ? i({ close: () => a(t) }) : i
+            children: typeof o == "function" ? o({ close: () => a(t) }) : o
           },
           t
         ))
@@ -74,15 +74,15 @@ const l = k(null), g = ({
     )
   ] });
 };
-g.displayName = "NotificationsProvider";
+D.displayName = "NotificationsProvider";
 const I = () => {
-  const r = C(l);
+  const r = P(N);
   if (!r)
     throw new Error("useNotifications must be used within a NotificationsProvider");
   return r.notify;
 };
 export {
-  g as NotificationsProvider,
+  D as NotificationsProvider,
   I as useNotifications
 };
 //# sourceMappingURL=NotificationsProvider.js.map

package/dist/components/Notification/NotificationsProvider/NotificationsProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationsProvider.js","sources":["../../../../src/components/Notification/NotificationsProvider/NotificationsProvider.tsx"],"sourcesContent":["// REACT CORE ==========================================================================================================\nimport React, { createContext, useContext, useState, useCallback, ReactNode } from \"react\";\n\n// INTERNAL ============================================================================================================\nimport { NotificationsWrapper } from \"../NotificationsWrapper/NotificationsWrapper\";\nimport { NotificationItem, NotificationKind } from \"../NotificationItem/NotificationItem\";\n\n// TYPES ===============================================================================================================\nexport interface NotificationOptions {\n    content         : ReactNode | ((helpers: { close: () => void }) => ReactNode);\n    kind          ? : NotificationKind;\n    duration      ? : number;  // seconds, 0 = no auto-dismiss\n    isDismissible ? : boolean;\n}\n\ninterface InternalNotification {\n    id            : string;\n    content       : ReactNode | ((helpers: { close: () => void }) => ReactNode);\n    kind          : NotificationKind;\n    duration      : number;\n    isDismissible : boolean;\n}\n\n// prettier-ignore\nexport interface NotificationsProviderProps {\n    children     : ReactNode;\n    position   ? : \"left\" | \"right\";\n    anchor     ? : \"top\" | \"bottom\";\n    order      ? : \"new-on-top\" | \"new-on-bottom\";\n    kind       ? : \"list\" | \"stack\";\n}\n\n// NOTIFY FUNCTION TYPE ================================================================================================\nexport interface NotifyFunction {\n    (message: string): void;\n    (content: ReactNode): void;\n    (options: NotificationOptions): void;\n    success : (message: string | ReactNode) => void;\n    error   : (message: string | ReactNode) => void;\n    warning : (message: string | ReactNode) => void;\n    info    : (message: string | ReactNode) => void;\n}\n\ninterface NotificationsContextValue {\n    notify: NotifyFunction;\n}\n\n// CONTEXT =============================================================================================================\nconst NotificationsContext = createContext<NotificationsContextValue | null>(null);\n\n// PROVIDER ============================================================================================================\nexport const NotificationsProvider = ({\n    children,\n    position = \"right\",\n    anchor = \"top\",\n    order = \"new-on-top\",\n    kind = \"list\",\n}: NotificationsProviderProps) => {\n    const [notifications, setNotifications] = useState<InternalNotification[]>([]);\n\n    // Remove a notification by ID\n    const removeNotification = useCallback((id: string) => {\n        setNotifications(prev => prev.filter(n => n.id !== id));\n    }, []);\n\n    // Add a notification\n    const addNotification = useCallback((\n        content: ReactNode | ((helpers: { close: () => void }) => ReactNode),\n        kind: NotificationKind = \"generic\",\n        duration: number = 4,\n        isDismissible: boolean = true\n    ) => {\n        const id = `notification-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`;\n\n        setNotifications(prev => [...prev, {\n            id,\n            content,\n            kind,\n            duration,\n            isDismissible,\n        }]);\n\n        return id;\n    }, []);\n\n    // Main notify function\n    const baseNotify = useCallback((\n        messageOrOptions: string | ReactNode | NotificationOptions\n    ) => {\n        // String message\n        if (typeof messageOrOptions === \"string\") {\n            addNotification(messageOrOptions);\n            return;\n        }\n\n        // Options object (has 'content' property)\n        if (\n            messageOrOptions !== null &&\n            typeof messageOrOptions === \"object\" &&\n            \"content\" in messageOrOptions\n        ) {\n            const opts = messageOrOptions as NotificationOptions;\n            addNotification(\n                opts.content,\n                opts.kind ?? \"generic\",\n                opts.duration ?? 4,\n                opts.isDismissible ?? true\n            );\n            return;\n        }\n\n        // ReactNode\n        addNotification(messageOrOptions as ReactNode);\n    }, [addNotification]);\n\n    // Create the notify function with shorthand methods\n    const notify = useCallback(() => {\n        const fn = baseNotify as NotifyFunction;\n\n        fn.success = (message: string | ReactNode) => {\n            addNotification(message, \"success\");\n        };\n\n        fn.error = (message: string | ReactNode) => {\n            addNotification(message, \"error\");\n        };\n\n        fn.warning = (message: string | ReactNode) => {\n            addNotification(message, \"warning\");\n        };\n\n        fn.info = (message: string | ReactNode) => {\n            addNotification(message, \"info\");\n        };\n\n        return fn;\n    }, [baseNotify, addNotification])();\n\n    return (\n        <NotificationsContext.Provider value={{ notify }}>\n            {children}\n\n            <NotificationsWrapper\n                position={position}\n                anchor={anchor}\n                order={order}\n                kind={kind}\n            >\n                {notifications.map(({ id, content, kind, duration, isDismissible }) => (\n                    <NotificationItem\n                        key={id}\n                        id={id}\n                        kind={kind}\n                        duration={duration}\n                        isDismissible={isDismissible}\n                        onClose={() => removeNotification(id)}\n                    >\n                        {typeof content === \"function\"\n                            ? content({ close: () => removeNotification(id) })\n                            : content\n                        }\n                    </NotificationItem>\n                ))}\n            </NotificationsWrapper>\n        </NotificationsContext.Provider>\n    );\n};\nNotificationsProvider.displayName = \"NotificationsProvider\";\n\n// HOOK ================================================================================================================\nexport const useNotifications = (): NotifyFunction => {\n    const context = useContext(NotificationsContext);\n\n    if (!context) {\n        throw new Error(\"useNotifications must be used within a NotificationsProvider\");\n    }\n\n    return context.notify;\n};\n"],"names":["NotificationsContext","createContext","NotificationsProvider","children","position","anchor","order","kind","notifications","setNotifications","useState","removeNotification","useCallback","id","prev","addNotification","content","duration","isDismissible","baseNotify","messageOrOptions","opts","notify","fn","message","jsx","NotificationsWrapper","NotificationItem","useNotifications","context","useContext"],"mappings":"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"}
+{"version":3,"file":"NotificationsProvider.js","sources":["../../../../src/components/Notification/NotificationsProvider/NotificationsProvider.tsx"],"sourcesContent":["// REACT CORE ==========================================================================================================\nimport React, { createContext, useContext, useState, useCallback, useMemo, ReactNode } from \"react\";\n\n// INTERNAL ============================================================================================================\nimport { NotificationsWrapper } from \"../NotificationsWrapper/NotificationsWrapper\";\nimport { NotificationItem, NotificationKind } from \"../NotificationItem/NotificationItem\";\n\n// TYPES ===============================================================================================================\nexport interface NotificationOptions {\n    content         : ReactNode | ((helpers: { close: () => void }) => ReactNode);\n    kind          ? : NotificationKind;\n    duration      ? : number;  // seconds, 0 = no auto-dismiss\n    isDismissible ? : boolean;\n}\n\ninterface InternalNotification {\n    id            : string;\n    content       : ReactNode | ((helpers: { close: () => void }) => ReactNode);\n    kind          : NotificationKind;\n    duration      : number;\n    isDismissible : boolean;\n}\n\n// prettier-ignore\nexport interface NotificationsProviderProps {\n    children     : ReactNode;\n    position   ? : \"left\" | \"right\";\n    anchor     ? : \"top\" | \"bottom\";\n    order      ? : \"new-on-top\" | \"new-on-bottom\";\n    kind       ? : \"list\" | \"stack\";\n}\n\n// NOTIFY FUNCTION TYPE ================================================================================================\nexport interface NotifyFunction {\n    (message: string): void;\n    (content: ReactNode): void;\n    (options: NotificationOptions): void;\n    success : (message: string | ReactNode) => void;\n    error   : (message: string | ReactNode) => void;\n    warning : (message: string | ReactNode) => void;\n    info    : (message: string | ReactNode) => void;\n}\n\ninterface NotificationsContextValue {\n    notify: NotifyFunction;\n}\n\n// CONTEXT =============================================================================================================\nconst NotificationsContext = createContext<NotificationsContextValue | null>(null);\n\n// PROVIDER ============================================================================================================\nexport const NotificationsProvider = ({\n    children,\n    position = \"right\",\n    anchor = \"top\",\n    order = \"new-on-top\",\n    kind = \"list\",\n}: NotificationsProviderProps) => {\n    const [notifications, setNotifications] = useState<InternalNotification[]>([]);\n\n    // Remove a notification by ID\n    const removeNotification = useCallback((id: string) => {\n        setNotifications(prev => prev.filter(n => n.id !== id));\n    }, []);\n\n    // Add a notification\n    const addNotification = useCallback((\n        content: ReactNode | ((helpers: { close: () => void }) => ReactNode),\n        kind: NotificationKind = \"generic\",\n        duration: number = 4,\n        isDismissible: boolean = true\n    ) => {\n        const id = `notification-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`;\n\n        setNotifications(prev => [...prev, {\n            id,\n            content,\n            kind,\n            duration,\n            isDismissible,\n        }]);\n\n        return id;\n    }, []);\n\n    // Main notify function\n    const baseNotify = useCallback((\n        messageOrOptions: string | ReactNode | NotificationOptions\n    ) => {\n        // String message\n        if (typeof messageOrOptions === \"string\") {\n            addNotification(messageOrOptions);\n            return;\n        }\n\n        // Options object (has 'content' property)\n        if (\n            messageOrOptions !== null &&\n            typeof messageOrOptions === \"object\" &&\n            \"content\" in messageOrOptions\n        ) {\n            const opts = messageOrOptions as NotificationOptions;\n            addNotification(\n                opts.content,\n                opts.kind ?? \"generic\",\n                opts.duration ?? 4,\n                opts.isDismissible ?? true\n            );\n            return;\n        }\n\n        // ReactNode\n        addNotification(messageOrOptions as ReactNode);\n    }, [addNotification]);\n\n    // Create the notify function with shorthand methods\n    const notify = useCallback(() => {\n        const fn = baseNotify as NotifyFunction;\n\n        fn.success = (message: string | ReactNode) => {\n            addNotification(message, \"success\");\n        };\n\n        fn.error = (message: string | ReactNode) => {\n            addNotification(message, \"error\");\n        };\n\n        fn.warning = (message: string | ReactNode) => {\n            addNotification(message, \"warning\");\n        };\n\n        fn.info = (message: string | ReactNode) => {\n            addNotification(message, \"info\");\n        };\n\n        return fn;\n    }, [baseNotify, addNotification])();\n\n    return (\n        <NotificationsContext.Provider value={useMemo(() => ({ notify }), [notify])}>\n            {children}\n\n            <NotificationsWrapper\n                position={position}\n                anchor={anchor}\n                order={order}\n                kind={kind}\n            >\n                {notifications.map(({ id, content, kind, duration, isDismissible }) => (\n                    <NotificationItem\n                        key={id}\n                        id={id}\n                        kind={kind}\n                        duration={duration}\n                        isDismissible={isDismissible}\n                        onClose={() => removeNotification(id)}\n                    >\n                        {typeof content === \"function\"\n                            ? content({ close: () => removeNotification(id) })\n                            : content\n                        }\n                    </NotificationItem>\n                ))}\n            </NotificationsWrapper>\n        </NotificationsContext.Provider>\n    );\n};\nNotificationsProvider.displayName = \"NotificationsProvider\";\n\n// HOOK ================================================================================================================\nexport const useNotifications = (): NotifyFunction => {\n    const context = useContext(NotificationsContext);\n\n    if (!context) {\n        throw new Error(\"useNotifications must be used within a NotificationsProvider\");\n    }\n\n    return context.notify;\n};\n"],"names":["NotificationsContext","createContext","NotificationsProvider","children","position","anchor","order","kind","notifications","setNotifications","useState","removeNotification","useCallback","id","prev","addNotification","content","duration","isDismissible","baseNotify","messageOrOptions","opts","notify","fn","message","jsxs","useMemo","jsx","NotificationsWrapper","NotificationItem","useNotifications","context","useContext"],"mappings":"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"}

package/dist/components/Pagination/Pagination.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 
-export declare const Pagination: React.ForwardRefExoticComponent<Omit<import('../Element/constants').CommonAndHTMLProps<HTMLElement>, keyof import('./constants').PaginationCustomProps> & import('./constants').PaginationCustomProps & React.RefAttributes<HTMLElement>>;
+export declare const Pagination: React.ForwardRefExoticComponent<Omit<import('../..').CommonAndHTMLProps<HTMLElement>, keyof import('./constants').PaginationCustomProps> & import('./constants').PaginationCustomProps & React.RefAttributes<HTMLElement>>;
 //# sourceMappingURL=Pagination.d.ts.map

package/dist/components/Pagination/Pagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,kBAAkB,CAAC;AA4F1B,eAAO,MAAM,UAAU,2OAsKtB,CAAC"}
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,kBAAkB,CAAC;AA6F1B,eAAO,MAAM,UAAU,4NAsKtB,CAAC"}

package/dist/components/Pagination/Pagination.js

@@ -1,11 +1,11 @@
 "use client";
 import { jsx as e, jsxs as t } from "react/jsx-runtime";
 import B from "react";
-import { Div as x } from "../Element/Tags.js";
+import { Div as h } from "../Element/Tags.js";
 /* empty css               */
 import { Button as F } from "../Button/Button.js";
 import { Spinner as H } from "../Spinner/Spinner.js";
-import { Text as h } from "../Typography/Text.js";
+import { Text as v } from "../Typography/Text.js";
 import { usePagination as J } from "./usePagination.js";
 import { Element as L } from "../Element/Element.js";
 const M = ({
@@ -14,12 +14,12 @@ const M = ({
   selected: o,
   disabled: c,
   onClick: f,
-  key: w,
-  ...v
+  key: d,
+  ...N
 }) => {
   if (n === "ellipsis")
-    return /* @__PURE__ */ e(h, { className: "pagination-ellipsis", children: "..." });
-  const d = {
+    return /* @__PURE__ */ e(v, { className: "pagination-ellipsis", children: "..." }, d);
+  const u = {
     first: "Go to first page",
     previous: "Go to previous page",
     next: "Go to next page",
@@ -29,8 +29,8 @@ const M = ({
     className: `pagination-item ${o ? "selected" : ""} ${c ? "disabled" : ""}`,
     onClick: f,
     disabled: c,
-    ...d[n] ? { "aria-label": d[n] } : {},
-    ...v
+    ...u[n] ? { "aria-label": u[n] } : {},
+    ...N
   };
   let i;
   switch (n) {
@@ -69,7 +69,8 @@ const M = ({
       kind: "custom",
       ...k,
       children: i
-    }
+    },
+    d
   );
 }, O = B.forwardRef(
   ({
@@ -78,26 +79,26 @@ const M = ({
     onPageChange: o,
     itemsToShowEachSide: c = 1,
     kind: f = "plain",
-    showGoToFirstItemButton: w = !0,
-    showGoToLastItemButton: v = !0,
-    showPreviousButton: d = !0,
+    showGoToFirstItemButton: d = !0,
+    showGoToLastItemButton: N = !0,
+    showPreviousButton: u = !0,
     showNextButton: k = !0,
     showGoToInput: i = !1,
     disabled: l = !1,
-    hideDisabledButtons: u = !1,
+    hideDisabledButtons: g = !1,
     renderItem: p = M,
     isLoading: G = !1,
     loadingText: P,
     emptyText: R,
-    itemDisplayText: N = "Page",
+    itemDisplayText: b = "Page",
     ...j
   }, z) => {
     const {
       items: C,
-      totalPages: b,
+      totalPages: w,
       rangeStart: E,
-      hasPrevPage: y,
-      hasNextPage: g
+      hasPrevPage: m,
+      hasNextPage: y
     } = J({
       totalItems: n,
       currentPage: s,
@@ -107,33 +108,33 @@ const M = ({
     }, q = (a) => {
       if (a.key === "Enter") {
         const r = parseInt($);
-        !isNaN(r) && r >= 1 && r <= b && (o(r), S(""));
+        !isNaN(r) && r >= 1 && r <= w && (o(r), S(""));
       }
     };
     if (n === 0)
-      return /* @__PURE__ */ e(h, { className: "pagination-empty", children: R || "No items to display" });
-    let m = ["pagination"];
-    return f && m.push(f), l && m.push("disabled"), G && m.push("loading"), /* @__PURE__ */ t(
+      return /* @__PURE__ */ e(v, { className: "pagination-empty", children: R || "No items to display" });
+    let x = ["pagination"];
+    return f && x.push(f), l && x.push("disabled"), G && x.push("loading"), /* @__PURE__ */ t(
       L,
       {
         as: "nav",
         "data-pagination": !0,
         ref: z,
-        classNames: m,
+        classNames: x,
         role: "navigation",
         "aria-label": "pagination",
         ...j,
         children: [
-          /* @__PURE__ */ t(x, { className: "pagination-controls", children: [
-            w && (!u || y) && p({
+          /* @__PURE__ */ t(h, { className: "pagination-controls", children: [
+            d && (!g || m) && p({
               type: "first",
-              disabled: !y || l,
+              disabled: !m || l,
               selected: !1,
               onClick: () => o(1)
             }),
-            d && (!u || y) && p({
+            u && (!g || m) && p({
               type: "previous",
-              disabled: !y || l,
+              disabled: !m || l,
               selected: !1,
               onClick: () => o(s - 1)
             }),
@@ -154,42 +155,42 @@ const M = ({
               };
               return p(A);
             }),
-            k && (!u || g) && p({
+            k && (!g || y) && p({
               type: "next",
-              disabled: !g || l,
+              disabled: !y || l,
               selected: !1,
               onClick: () => o(s + 1)
             }),
-            v && (!u || g) && p({
+            N && (!g || y) && p({
               type: "last",
-              disabled: !g || l,
+              disabled: !y || l,
               selected: !1,
-              onClick: () => o(b)
+              onClick: () => o(w)
             }),
-            G && /* @__PURE__ */ t(x, { className: "pagination-loading", children: [
+            G && /* @__PURE__ */ t(h, { className: "pagination-loading", children: [
               /* @__PURE__ */ e(H, {}),
-              P && /* @__PURE__ */ e(h, { size: "small", children: P })
+              P && /* @__PURE__ */ e(v, { size: "small", children: P })
             ] })
           ] }),
-          /* @__PURE__ */ t(x, { className: "pagination-info", children: [
-            /* @__PURE__ */ t(h, { size: "tiny", children: [
-              N,
+          /* @__PURE__ */ t(h, { className: "pagination-info", children: [
+            /* @__PURE__ */ t(v, { size: "tiny", children: [
+              b,
               " ",
               E,
               " of ",
               n
             ] }),
-            i && /* @__PURE__ */ e(x, { className: "pagination-go-to", children: /* @__PURE__ */ e(
+            i && /* @__PURE__ */ e(h, { className: "pagination-go-to", children: /* @__PURE__ */ e(
               "input",
               {
                 type: "number",
                 min: 1,
-                max: b,
+                max: w,
                 value: $,
                 onChange: K,
                 onKeyDown: q,
-                placeholder: `Go to ${N}`,
-                "aria-label": `Go to ${N}`,
+                placeholder: `Go to ${b}`,
+                "aria-label": `Go to ${b}`,
                 disabled: l
               }
             ) })

package/dist/components/Pagination/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["// REACT CORE ==========================================================================================================\nimport React from \"react\";\n\n// LOCAL COMPONENTS ====================================================================================================\nimport { Div } from \"../Element/Tags\";\nimport { Element } from \"$element\";\n\n// STYLES ==============================================================================================================\nimport \"./pagination.css\";\n\n// OTHER ===============================================================================================================\nimport { Button } from \"../Button/Button\";\nimport { PaginationProps, PaginationElementType, RenderItemProps } from \"./constants\";\nimport { Spinner } from \"../Spinner/Spinner\";\nimport { Text } from \"../Typography/Text\";\nimport { usePagination } from \"./usePagination\";\n\nconst defaultRenderItem = (\n    {\n        type,\n        page,\n        selected,\n        disabled,\n        onClick,\n        key,\n        ...props\n    }: RenderItemProps) => {\n    if (type === \"ellipsis\") {\n        return (\n            <Text className=\"pagination-ellipsis\">...</Text>\n        );\n    }\n\n    const iconButtonLabels: Record<string, string> = {\n        first    : \"Go to first page\",\n        previous : \"Go to previous page\",\n        next     : \"Go to next page\",\n        last     : \"Go to last page\",\n    };\n\n    const paginationItemProps = {\n        type      : \"button\",\n        className : `pagination-item ${selected ? \"selected\" : \"\"} ${disabled ? \"disabled\" : \"\"}`,\n        onClick,\n        disabled,\n        ...(iconButtonLabels[type] ? { \"aria-label\" : iconButtonLabels[type] } : {}),\n        ...props,\n    };\n\n    let content;\n    switch (type) {\n        case \"first\":\n            content = content = (\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                    <line x1=\"5\" y1=\"18\" x2=\"5\" y2=\"6\" />\n                    <polyline points=\"14 18 9 12 14 6\" />\n                    <line x1=\"10\" y1=\"12\" x2=\"19\" y2=\"12\" />\n                </svg>\n            );\n            break;\n        case \"previous\":\n            content = (\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                    <polyline points=\"12 18 7 12 12 6\" />\n                    <line x1=\"8\" y1=\"12\" x2=\"17\" y2=\"12\" />\n                </svg>\n            );\n            break;\n        case \"next\":\n            content = content = (\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                    <polyline points=\"12 6 17 12 12 18\" />\n                    <line x1=\"16\" y1=\"12\" x2=\"7\" y2=\"12\" />\n                </svg>\n            );\n            break;\n        case \"last\":\n            content = content = (\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                    <polyline points=\"10 6 15 12 10 18\" />\n                    <line x1=\"19\" y1=\"6\" x2=\"19\" y2=\"18\" />\n                    <line x1=\"14\" y1=\"12\" x2=\"5\" y2=\"12\" />\n                </svg>\n            );\n            break;\n        default:\n            content = page;\n    }\n\n    return (\n        <Button\n            kind=\"custom\"\n            {...paginationItemProps}\n        >\n            {content}\n        </Button>\n    );\n};\n\n// COMPONENT ///////////////////////////////////////////////////////////////////////////////////////////////////////////\nexport const Pagination = React.forwardRef(\n    (\n        {\n            totalItems,\n            currentPage,\n            onPageChange,\n            itemsToShowEachSide = 1,\n            kind = \"plain\",\n            showGoToFirstItemButton = true,\n            showGoToLastItemButton = true,\n            showPreviousButton = true,\n            showNextButton = true,\n            showGoToInput = false,\n            disabled = false,\n            hideDisabledButtons = false,\n            renderItem = defaultRenderItem,\n            isLoading = false,\n            loadingText,\n            emptyText,\n            itemDisplayText = \"Page\",\n            ...props\n        }: PaginationProps, ref: React.Ref<PaginationElementType>) => {\n        const {\n                  items,\n                  totalPages,\n                  rangeStart,\n                  rangeEnd,\n                  hasPrevPage,\n                  hasNextPage,\n              } = usePagination({\n            totalItems,\n            currentPage,\n            itemsToShowEachSide,\n        });\n\n        const [ goToPage, setGoToPage ] = React.useState(\"\");\n\n        const handlePageInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n            setGoToPage(e.target.value);\n        };\n\n        const handlePageInputKeyPress = (e: React.KeyboardEvent<HTMLInputElement>) => {\n            if (e.key === \"Enter\") {\n                const page = parseInt(goToPage);\n                if (!isNaN(page) && page >= 1 && page <= totalPages) {\n                    onPageChange(page);\n                    setGoToPage(\"\");\n                }\n            }\n        };\n\n        if (totalItems === 0) {\n            return <Text className=\"pagination-empty\">{emptyText || \"No items to display\"}</Text>;\n        }\n\n        let classNames = [ \"pagination\" ];\n\n        if (kind) {\n            classNames.push(kind);\n        }\n\n        if (disabled) {\n            classNames.push(\"disabled\");\n        }\n\n        if (isLoading) {\n            classNames.push(\"loading\");\n        }\n\n        return (\n            <Element<PaginationElementType>\n                as=\"nav\"\n                data-pagination\n                ref={ref}\n                classNames={classNames}\n                role=\"navigation\"\n                aria-label=\"pagination\"\n                {...props}\n            >\n                <Div className=\"pagination-controls\">\n                    {/* GO TO FIRST ITEM */}\n                    {showGoToFirstItemButton && (!hideDisabledButtons || hasPrevPage) && renderItem({\n                        type     : \"first\",\n                        disabled : !hasPrevPage || disabled,\n                        selected : false,\n                        onClick  : () => onPageChange(1),\n                    })}\n\n                    {/* GO TO PREVIOUS ITEM */}\n                    {showPreviousButton && (!hideDisabledButtons || hasPrevPage) && renderItem({\n                        type     : \"previous\",\n                        disabled : !hasPrevPage || disabled,\n                        selected : false,\n                        onClick  : () => onPageChange(currentPage - 1),\n                    })}\n\n                    {/* SHOW PAGE ITEM OR ELLIPSIS */}\n                    {items.map((item, index) => {\n                        const itemProps: RenderItemProps = item === \"...\"\n                            ? {\n                                key      : `ellipsis-${index}`,\n                                type     : \"ellipsis\",\n                                selected : false,\n                                disabled : true,\n                            }\n                            : {\n                                key            : item.toString(),\n                                type           : \"page\",\n                                page           : item as number,\n                                selected       : item === currentPage,\n                                disabled       : disabled,\n                                \"aria-current\" : item === currentPage ? \"page\" : undefined,\n                                onClick        : () => onPageChange(item as number),\n                            };\n\n                        return renderItem(itemProps);\n                    })}\n\n                    {/* GO TO NEXT ITEM */}\n                    {showNextButton && (!hideDisabledButtons || hasNextPage) && renderItem({\n                        type     : \"next\",\n                        disabled : !hasNextPage || disabled,\n                        selected : false,\n                        onClick  : () => onPageChange(currentPage + 1),\n                    })}\n\n                    {/* GO TO LAST ITEM */}\n                    {showGoToLastItemButton && (!hideDisabledButtons || hasNextPage) && renderItem({\n                        type     : \"last\",\n                        disabled : !hasNextPage || disabled,\n                        selected : false,\n                        onClick  : () => onPageChange(totalPages),\n                    })}\n\n                    {isLoading && (\n                        <Div className=\"pagination-loading\">\n                            <Spinner />\n                            {loadingText && <Text size=\"small\">{loadingText}</Text>}\n                        </Div>\n                    )}\n                </Div>\n\n                <Div className=\"pagination-info\">\n                    <Text size=\"tiny\">\n                        {itemDisplayText} {rangeStart} of {totalItems}\n                    </Text>\n\n                    {showGoToInput && (\n                        <Div className=\"pagination-go-to\">\n                            <input\n                                type=\"number\"\n                                min={1}\n                                max={totalPages}\n                                value={goToPage}\n                                onChange={handlePageInputChange}\n                                onKeyDown={handlePageInputKeyPress}\n                                placeholder={`Go to ${itemDisplayText}`}\n                                aria-label={`Go to ${itemDisplayText}`}\n                                disabled={disabled}\n                            />\n                        </Div>\n                    )}\n                </Div>\n            </Element>\n        );\n    },\n);\nPagination.displayName = \"Pagination\";\n"],"names":["defaultRenderItem","type","page","selected","disabled","onClick","key","props","jsx","Text","iconButtonLabels","paginationItemProps","content","jsxs","Button","Pagination","React","totalItems","currentPage","onPageChange","itemsToShowEachSide","kind","showGoToFirstItemButton","showGoToLastItemButton","showPreviousButton","showNextButton","showGoToInput","hideDisabledButtons","renderItem","isLoading","loadingText","emptyText","itemDisplayText","ref","items","totalPages","rangeStart","hasPrevPage","hasNextPage","usePagination","goToPage","setGoToPage","handlePageInputChange","e","handlePageInputKeyPress","classNames","Element","Div","item","index","itemProps","Spinner"],"mappings":";;;;;;;;;AAiBA,MAAMA,IAAoB,CACtB;AAAA,EACI,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACP,MAAuB;AACvB,MAAIN,MAAS;AACT,WACI,gBAAAO,EAACC,GAAA,EAAK,WAAU,uBAAsB,UAAA,OAAG;AAIjD,QAAMC,IAA2C;AAAA,IAC7C,OAAW;AAAA,IACX,UAAW;AAAA,IACX,MAAW;AAAA,IACX,MAAW;AAAA,EAAA,GAGTC,IAAsB;AAAA,IACxB,MAAY;AAAA,IACZ,WAAY,mBAAmBR,IAAW,aAAa,EAAE,IAAIC,IAAW,aAAa,EAAE;AAAA,IACvF,SAAAC;AAAA,IACA,UAAAD;AAAA,IACA,GAAIM,EAAiBT,CAAI,IAAI,EAAE,cAAeS,EAAiBT,CAAI,EAAA,IAAM,CAAA;AAAA,IACzE,GAAGM;AAAA,EAAA;AAGP,MAAIK;AACJ,UAAQX,GAAA;AAAA,IACJ,KAAK;AACD,MAAAW,IAAUA,IACN,gBAAAC,EAAC,OAAA,EAAI,SAAQ,aAAY,eAAY,QACjC,UAAA;AAAA,QAAA,gBAAAL,EAAC,QAAA,EAAK,IAAG,KAAI,IAAG,MAAK,IAAG,KAAI,IAAG,IAAA,CAAI;AAAA,QACnC,gBAAAA,EAAC,YAAA,EAAS,QAAO,kBAAA,CAAkB;AAAA,QACnC,gBAAAA,EAAC,UAAK,IAAG,MAAK,IAAG,MAAK,IAAG,MAAK,IAAG,KAAA,CAAK;AAAA,MAAA,GAC1C;AAEJ;AAAA,IACJ,KAAK;AACD,MAAAI,IACI,gBAAAC,EAAC,OAAA,EAAI,SAAQ,aAAY,eAAY,QACjC,UAAA;AAAA,QAAA,gBAAAL,EAAC,YAAA,EAAS,QAAO,kBAAA,CAAkB;AAAA,QACnC,gBAAAA,EAAC,UAAK,IAAG,KAAI,IAAG,MAAK,IAAG,MAAK,IAAG,KAAA,CAAK;AAAA,MAAA,GACzC;AAEJ;AAAA,IACJ,KAAK;AACD,MAAAI,IAAUA,IACN,gBAAAC,EAAC,OAAA,EAAI,SAAQ,aAAY,eAAY,QACjC,UAAA;AAAA,QAAA,gBAAAL,EAAC,YAAA,EAAS,QAAO,mBAAA,CAAmB;AAAA,QACpC,gBAAAA,EAAC,UAAK,IAAG,MAAK,IAAG,MAAK,IAAG,KAAI,IAAG,KAAA,CAAK;AAAA,MAAA,GACzC;AAEJ;AAAA,IACJ,KAAK;AACD,MAAAI,IAAUA,IACN,gBAAAC,EAAC,OAAA,EAAI,SAAQ,aAAY,eAAY,QACjC,UAAA;AAAA,QAAA,gBAAAL,EAAC,YAAA,EAAS,QAAO,mBAAA,CAAmB;AAAA,QACpC,gBAAAA,EAAC,UAAK,IAAG,MAAK,IAAG,KAAI,IAAG,MAAK,IAAG,KAAA,CAAK;AAAA,QACrC,gBAAAA,EAAC,UAAK,IAAG,MAAK,IAAG,MAAK,IAAG,KAAI,IAAG,KAAA,CAAK;AAAA,MAAA,GACzC;AAEJ;AAAA,IACJ;AACI,MAAAI,IAAUV;AAAA,EAAA;AAGlB,SACI,gBAAAM;AAAA,IAACM;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACJ,GAAGH;AAAA,MAEH,UAAAC;AAAA,IAAA;AAAA,EAAA;AAGb,GAGaG,IAAaC,EAAM;AAAA,EAC5B,CACI;AAAA,IACI,YAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,qBAAAC,IAAsB;AAAA,IACtB,MAAAC,IAAO;AAAA,IACP,yBAAAC,IAA0B;AAAA,IAC1B,wBAAAC,IAAyB;AAAA,IACzB,oBAAAC,IAAqB;AAAA,IACrB,gBAAAC,IAAiB;AAAA,IACjB,eAAAC,IAAgB;AAAA,IAChB,UAAAtB,IAAW;AAAA,IACX,qBAAAuB,IAAsB;AAAA,IACtB,YAAAC,IAAa5B;AAAA,IACb,WAAA6B,IAAY;AAAA,IACZ,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,iBAAAC,IAAkB;AAAA,IAClB,GAAGzB;AAAA,EAAA,GACa0B,MAA0C;AAC9D,UAAM;AAAA,MACI,OAAAC;AAAA,MACA,YAAAC;AAAA,MACA,YAAAC;AAAA,MAEA,aAAAC;AAAA,MACA,aAAAC;AAAA,IAAA,IACAC,EAAc;AAAA,MACpB,YAAAtB;AAAA,MACA,aAAAC;AAAA,MACA,qBAAAE;AAAA,IAAA,CACH,GAEK,CAAEoB,GAAUC,CAAY,IAAIzB,EAAM,SAAS,EAAE,GAE7C0B,IAAwB,CAACC,MAA2C;AACtE,MAAAF,EAAYE,EAAE,OAAO,KAAK;AAAA,IAC9B,GAEMC,IAA0B,CAACD,MAA6C;AAC1E,UAAIA,EAAE,QAAQ,SAAS;AACnB,cAAMzC,IAAO,SAASsC,CAAQ;AAC9B,QAAI,CAAC,MAAMtC,CAAI,KAAKA,KAAQ,KAAKA,KAAQiC,MACrChB,EAAajB,CAAI,GACjBuC,EAAY,EAAE;AAAA,MAEtB;AAAA,IACJ;AAEA,QAAIxB,MAAe;AACf,aAAO,gBAAAT,EAACC,GAAA,EAAK,WAAU,oBAAoB,eAAa,uBAAsB;AAGlF,QAAIoC,IAAa,CAAE,YAAa;AAEhC,WAAIxB,KACAwB,EAAW,KAAKxB,CAAI,GAGpBjB,KACAyC,EAAW,KAAK,UAAU,GAG1BhB,KACAgB,EAAW,KAAK,SAAS,GAIzB,gBAAAhC;AAAA,MAACiC;AAAA,MAAA;AAAA,QACG,IAAG;AAAA,QACH,mBAAe;AAAA,QACf,KAAAb;AAAA,QACA,YAAAY;AAAA,QACA,MAAK;AAAA,QACL,cAAW;AAAA,QACV,GAAGtC;AAAA,QAEJ,UAAA;AAAA,UAAA,gBAAAM,EAACkC,GAAA,EAAI,WAAU,uBAEV,UAAA;AAAA,YAAAzB,MAA4B,CAACK,KAAuBU,MAAgBT,EAAW;AAAA,cAC5E,MAAW;AAAA,cACX,UAAW,CAACS,KAAejC;AAAA,cAC3B,UAAW;AAAA,cACX,SAAW,MAAMe,EAAa,CAAC;AAAA,YAAA,CAClC;AAAA,YAGAK,MAAuB,CAACG,KAAuBU,MAAgBT,EAAW;AAAA,cACvE,MAAW;AAAA,cACX,UAAW,CAACS,KAAejC;AAAA,cAC3B,UAAW;AAAA,cACX,SAAW,MAAMe,EAAaD,IAAc,CAAC;AAAA,YAAA,CAChD;AAAA,YAGAgB,EAAM,IAAI,CAACc,GAAMC,MAAU;AACxB,oBAAMC,IAA6BF,MAAS,QACtC;AAAA,gBACE,KAAW,YAAYC,CAAK;AAAA,gBAC5B,MAAW;AAAA,gBACX,UAAW;AAAA,gBACX,UAAW;AAAA,cAAA,IAEb;AAAA,gBACE,KAAiBD,EAAK,SAAA;AAAA,gBACtB,MAAiB;AAAA,gBACjB,MAAiBA;AAAA,gBACjB,UAAiBA,MAAS9B;AAAA,gBAC1B,UAAAd;AAAA,gBACA,gBAAiB4C,MAAS9B,IAAc,SAAS;AAAA,gBACjD,SAAiB,MAAMC,EAAa6B,CAAc;AAAA,cAAA;AAG1D,qBAAOpB,EAAWsB,CAAS;AAAA,YAC/B,CAAC;AAAA,YAGAzB,MAAmB,CAACE,KAAuBW,MAAgBV,EAAW;AAAA,cACnE,MAAW;AAAA,cACX,UAAW,CAACU,KAAelC;AAAA,cAC3B,UAAW;AAAA,cACX,SAAW,MAAMe,EAAaD,IAAc,CAAC;AAAA,YAAA,CAChD;AAAA,YAGAK,MAA2B,CAACI,KAAuBW,MAAgBV,EAAW;AAAA,cAC3E,MAAW;AAAA,cACX,UAAW,CAACU,KAAelC;AAAA,cAC3B,UAAW;AAAA,cACX,SAAW,MAAMe,EAAagB,CAAU;AAAA,YAAA,CAC3C;AAAA,YAEAN,KACG,gBAAAhB,EAACkC,GAAA,EAAI,WAAU,sBACX,UAAA;AAAA,cAAA,gBAAAvC,EAAC2C,GAAA,EAAQ;AAAA,cACRrB,KAAe,gBAAAtB,EAACC,GAAA,EAAK,MAAK,SAAS,UAAAqB,EAAA,CAAY;AAAA,YAAA,EAAA,CACpD;AAAA,UAAA,GAER;AAAA,UAEA,gBAAAjB,EAACkC,GAAA,EAAI,WAAU,mBACX,UAAA;AAAA,YAAA,gBAAAlC,EAACJ,GAAA,EAAK,MAAK,QACN,UAAA;AAAA,cAAAuB;AAAA,cAAgB;AAAA,cAAEI;AAAA,cAAW;AAAA,cAAKnB;AAAA,YAAA,GACvC;AAAA,YAECS,KACG,gBAAAlB,EAACuC,GAAA,EAAI,WAAU,oBACX,UAAA,gBAAAvC;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL,KAAK;AAAA,gBACL,KAAK2B;AAAA,gBACL,OAAOK;AAAA,gBACP,UAAUE;AAAA,gBACV,WAAWE;AAAA,gBACX,aAAa,SAASZ,CAAe;AAAA,gBACrC,cAAY,SAASA,CAAe;AAAA,gBACpC,UAAA5B;AAAA,cAAA;AAAA,YAAA,EACJ,CACJ;AAAA,UAAA,EAAA,CAER;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGZ;AACJ;AACAW,EAAW,cAAc;"}
+{"version":3,"file":"Pagination.js","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["// REACT CORE ==========================================================================================================\nimport React from \"react\";\n\n// LOCAL COMPONENTS ====================================================================================================\nimport { Div } from \"../Element/Tags\";\nimport { Element } from \"$element\";\n\n// STYLES ==============================================================================================================\nimport \"./pagination.css\";\n\n// OTHER ===============================================================================================================\nimport { Button } from \"../Button/Button\";\nimport { PaginationProps, PaginationElementType, RenderItemProps } from \"./constants\";\nimport { Spinner } from \"../Spinner/Spinner\";\nimport { Text } from \"../Typography/Text\";\nimport { usePagination } from \"./usePagination\";\n\nconst defaultRenderItem = (\n    {\n        type,\n        page,\n        selected,\n        disabled,\n        onClick,\n        key,\n        ...props\n    }: RenderItemProps) => {\n    if (type === \"ellipsis\") {\n        return (\n            <Text key={key} className=\"pagination-ellipsis\">...</Text>\n        );\n    }\n\n    const iconButtonLabels: Record<string, string> = {\n        first    : \"Go to first page\",\n        previous : \"Go to previous page\",\n        next     : \"Go to next page\",\n        last     : \"Go to last page\",\n    };\n\n    const paginationItemProps = {\n        type      : \"button\",\n        className : `pagination-item ${selected ? \"selected\" : \"\"} ${disabled ? \"disabled\" : \"\"}`,\n        onClick,\n        disabled,\n        ...(iconButtonLabels[type] ? { \"aria-label\" : iconButtonLabels[type] } : {}),\n        ...props,\n    };\n\n    let content;\n    switch (type) {\n        case \"first\":\n            content = content = (\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                    <line x1=\"5\" y1=\"18\" x2=\"5\" y2=\"6\" />\n                    <polyline points=\"14 18 9 12 14 6\" />\n                    <line x1=\"10\" y1=\"12\" x2=\"19\" y2=\"12\" />\n                </svg>\n            );\n            break;\n        case \"previous\":\n            content = (\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                    <polyline points=\"12 18 7 12 12 6\" />\n                    <line x1=\"8\" y1=\"12\" x2=\"17\" y2=\"12\" />\n                </svg>\n            );\n            break;\n        case \"next\":\n            content = content = (\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                    <polyline points=\"12 6 17 12 12 18\" />\n                    <line x1=\"16\" y1=\"12\" x2=\"7\" y2=\"12\" />\n                </svg>\n            );\n            break;\n        case \"last\":\n            content = content = (\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                    <polyline points=\"10 6 15 12 10 18\" />\n                    <line x1=\"19\" y1=\"6\" x2=\"19\" y2=\"18\" />\n                    <line x1=\"14\" y1=\"12\" x2=\"5\" y2=\"12\" />\n                </svg>\n            );\n            break;\n        default:\n            content = page;\n    }\n\n    return (\n        <Button\n            key={key}\n            kind=\"custom\"\n            {...paginationItemProps}\n        >\n            {content}\n        </Button>\n    );\n};\n\n// COMPONENT ///////////////////////////////////////////////////////////////////////////////////////////////////////////\nexport const Pagination = React.forwardRef(\n    (\n        {\n            totalItems,\n            currentPage,\n            onPageChange,\n            itemsToShowEachSide = 1,\n            kind = \"plain\",\n            showGoToFirstItemButton = true,\n            showGoToLastItemButton = true,\n            showPreviousButton = true,\n            showNextButton = true,\n            showGoToInput = false,\n            disabled = false,\n            hideDisabledButtons = false,\n            renderItem = defaultRenderItem,\n            isLoading = false,\n            loadingText,\n            emptyText,\n            itemDisplayText = \"Page\",\n            ...props\n        }: PaginationProps, ref: React.Ref<PaginationElementType>) => {\n        const {\n                  items,\n                  totalPages,\n                  rangeStart,\n                  rangeEnd,\n                  hasPrevPage,\n                  hasNextPage,\n              } = usePagination({\n            totalItems,\n            currentPage,\n            itemsToShowEachSide,\n        });\n\n        const [ goToPage, setGoToPage ] = React.useState(\"\");\n\n        const handlePageInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n            setGoToPage(e.target.value);\n        };\n\n        const handlePageInputKeyPress = (e: React.KeyboardEvent<HTMLInputElement>) => {\n            if (e.key === \"Enter\") {\n                const page = parseInt(goToPage);\n                if (!isNaN(page) && page >= 1 && page <= totalPages) {\n                    onPageChange(page);\n                    setGoToPage(\"\");\n                }\n            }\n        };\n\n        if (totalItems === 0) {\n            return <Text className=\"pagination-empty\">{emptyText || \"No items to display\"}</Text>;\n        }\n\n        let classNames = [ \"pagination\" ];\n\n        if (kind) {\n            classNames.push(kind);\n        }\n\n        if (disabled) {\n            classNames.push(\"disabled\");\n        }\n\n        if (isLoading) {\n            classNames.push(\"loading\");\n        }\n\n        return (\n            <Element<PaginationElementType>\n                as=\"nav\"\n                data-pagination\n                ref={ref}\n                classNames={classNames}\n                role=\"navigation\"\n                aria-label=\"pagination\"\n                {...props}\n            >\n                <Div className=\"pagination-controls\">\n                    {/* GO TO FIRST ITEM */}\n                    {showGoToFirstItemButton && (!hideDisabledButtons || hasPrevPage) && renderItem({\n                        type     : \"first\",\n                        disabled : !hasPrevPage || disabled,\n                        selected : false,\n                        onClick  : () => onPageChange(1),\n                    })}\n\n                    {/* GO TO PREVIOUS ITEM */}\n                    {showPreviousButton && (!hideDisabledButtons || hasPrevPage) && renderItem({\n                        type     : \"previous\",\n                        disabled : !hasPrevPage || disabled,\n                        selected : false,\n                        onClick  : () => onPageChange(currentPage - 1),\n                    })}\n\n                    {/* SHOW PAGE ITEM OR ELLIPSIS */}\n                    {items.map((item, index) => {\n                        const itemProps: RenderItemProps = item === \"...\"\n                            ? {\n                                key      : `ellipsis-${index}`,\n                                type     : \"ellipsis\",\n                                selected : false,\n                                disabled : true,\n                            }\n                            : {\n                                key            : item.toString(),\n                                type           : \"page\",\n                                page           : item as number,\n                                selected       : item === currentPage,\n                                disabled       : disabled,\n                                \"aria-current\" : item === currentPage ? \"page\" : undefined,\n                                onClick        : () => onPageChange(item as number),\n                            };\n\n                        return renderItem(itemProps);\n                    })}\n\n                    {/* GO TO NEXT ITEM */}\n                    {showNextButton && (!hideDisabledButtons || hasNextPage) && renderItem({\n                        type     : \"next\",\n                        disabled : !hasNextPage || disabled,\n                        selected : false,\n                        onClick  : () => onPageChange(currentPage + 1),\n                    })}\n\n                    {/* GO TO LAST ITEM */}\n                    {showGoToLastItemButton && (!hideDisabledButtons || hasNextPage) && renderItem({\n                        type     : \"last\",\n                        disabled : !hasNextPage || disabled,\n                        selected : false,\n                        onClick  : () => onPageChange(totalPages),\n                    })}\n\n                    {isLoading && (\n                        <Div className=\"pagination-loading\">\n                            <Spinner />\n                            {loadingText && <Text size=\"small\">{loadingText}</Text>}\n                        </Div>\n                    )}\n                </Div>\n\n                <Div className=\"pagination-info\">\n                    <Text size=\"tiny\">\n                        {itemDisplayText} {rangeStart} of {totalItems}\n                    </Text>\n\n                    {showGoToInput && (\n                        <Div className=\"pagination-go-to\">\n                            <input\n                                type=\"number\"\n                                min={1}\n                                max={totalPages}\n                                value={goToPage}\n                                onChange={handlePageInputChange}\n                                onKeyDown={handlePageInputKeyPress}\n                                placeholder={`Go to ${itemDisplayText}`}\n                                aria-label={`Go to ${itemDisplayText}`}\n                                disabled={disabled}\n                            />\n                        </Div>\n                    )}\n                </Div>\n            </Element>\n        );\n    },\n);\nPagination.displayName = \"Pagination\";\n"],"names":["defaultRenderItem","type","page","selected","disabled","onClick","key","props","jsx","Text","iconButtonLabels","paginationItemProps","content","jsxs","Button","Pagination","React","totalItems","currentPage","onPageChange","itemsToShowEachSide","kind","showGoToFirstItemButton","showGoToLastItemButton","showPreviousButton","showNextButton","showGoToInput","hideDisabledButtons","renderItem","isLoading","loadingText","emptyText","itemDisplayText","ref","items","totalPages","rangeStart","hasPrevPage","hasNextPage","usePagination","goToPage","setGoToPage","handlePageInputChange","e","handlePageInputKeyPress","classNames","Element","Div","item","index","itemProps","Spinner"],"mappings":"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"}

package/dist/components/Portion/Portion.d.ts

@@ -7,6 +7,7 @@ export interface PortionCustomProps {
     tabletLandscapeSpan?: SpanTypes;
     tabletPortraitSpan?: SpanTypes;
     mobileSpan?: SpanTypes;
+    fillLeftoverWidth?: boolean;
     isHorizontal?: boolean;
     role?: string;
 }

package/dist/components/Portion/Portion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Portion.d.ts","sourceRoot":"","sources":["../../../src/components/Portion/Portion.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAI1D,OAAO,eAAe,CAAC;AAGvB,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAGpC,MAAM,WAAW,kBAAkB;IAC3B,WAAoB,CAAC,EAAG,SAAS,CAAC;IAClC,mBAAoB,CAAC,EAAG,SAAS,CAAC;IAClC,kBAAoB,CAAC,EAAG,SAAS,CAAC;IAClC,UAAoB,CAAC,EAAG,SAAS,CAAC;IAClC,YAAoB,CAAC,EAAG,OAAO,CAAC;IAChC,IAAoB,CAAC,EAAG,MAAM,CAAC;CACtC;AAED,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC;AAChD,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,kBAAkB,CAAC,kBAAkB,CAAC,EAAE,MAAM,kBAAkB,CAAC,GAAG,kBAAkB,CAAC;AAGvH,eAAO,MAAM,OAAO,gKAoDnB,CAAC"}
+{"version":3,"file":"Portion.d.ts","sourceRoot":"","sources":["../../../src/components/Portion/Portion.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAI1D,OAAO,eAAe,CAAC;AAGvB,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAGpC,MAAM,WAAW,kBAAkB;IAC3B,WAAoB,CAAC,EAAG,SAAS,CAAC;IAClC,mBAAoB,CAAC,EAAG,SAAS,CAAC;IAClC,kBAAoB,CAAC,EAAG,SAAS,CAAC;IAClC,UAAoB,CAAC,EAAG,SAAS,CAAC;IAClC,iBAAoB,CAAC,EAAG,OAAO,CAAC;IAChC,YAAoB,CAAC,EAAG,OAAO,CAAC;IAChC,IAAoB,CAAC,EAAG,MAAM,CAAC;CACtC;AAED,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC;AAChD,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,kBAAkB,CAAC,kBAAkB,CAAC,EAAE,MAAM,kBAAkB,CAAC,GAAG,kBAAkB,CAAC;AAGvH,eAAO,MAAM,OAAO,gKAyDnB,CAAC"}

package/dist/components/Portion/Portion.js

@@ -1,34 +1,35 @@
 "use client";
-import { jsx as e } from "react/jsx-runtime";
-import l from "react";
+import { jsx as l } from "react/jsx-runtime";
+import p from "react";
 /* empty css            */
 import { Element as $ } from "../Element/Element.js";
-const p = l.forwardRef(
+const w = p.forwardRef(
   ({
-    desktopSpan: r,
-    mobileSpan: i,
+    desktopSpan: i,
+    mobileSpan: r,
     tabletLandscapeSpan: f,
     tabletPortraitSpan: s,
+    fillLeftoverWidth: h,
     isHorizontal: m,
-    role: h,
+    role: u,
     ...t
-  }, u) => {
+  }, e) => {
     let o = [];
-    return r || f || s || i ? (r && o.push(`${r}`), f && o.push(`${f}-on-tablet-landscape`), s && o.push(`${s}-on-tablet-portrait`), i && o.push(`${i}-on-mobile`)) : o.push("whole"), m && o.push("horizontal"), /* @__PURE__ */ e(
+    return i || f || s || r ? (i && o.push(`${i}`), f && o.push(`${f}-on-tablet-landscape`), s && o.push(`${s}-on-tablet-portrait`), r && o.push(`${r}-on-mobile`)) : h || o.push("whole"), h && o.push("fill-leftover-width"), m && o.push("horizontal"), /* @__PURE__ */ l(
       $,
       {
         as: "div",
         "data-portion": !0,
-        ref: u,
+        ref: e,
         classNames: o,
-        role: h,
+        role: u,
         ...t
       }
     );
   }
 );
-p.displayName = "Portion";
+w.displayName = "Portion";
 export {
-  p as Portion
+  w as Portion
 };
 //# sourceMappingURL=Portion.js.map

package/dist/components/Portion/Portion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Portion.js","sources":["../../../src/components/Portion/Portion.tsx"],"sourcesContent":["// REACT CORE ==========================================================================================================\nimport React from \"react\";\n\n// ELEMENT =============================================================================================================\nimport { CommonAndHTMLProps } from \"../Element/constants\";\nimport { Element } from \"$element\";\n\n// STYLES ==============================================================================================================\nimport \"./portion.css\";\n\n// OTHER ===============================================================================================================\nimport { SpanTypes } from \"./types\";\n\n// prettier-ignore\nexport interface PortionCustomProps {\n        desktopSpan         ? : SpanTypes;\n        tabletLandscapeSpan ? : SpanTypes;\n        tabletPortraitSpan  ? : SpanTypes;\n        mobileSpan          ? : SpanTypes;\n        isHorizontal        ? : boolean;\n        role                ? : string;\n}\n\nexport type PortionElementType = HTMLDivElement;\nexport type PortionProps = Omit<CommonAndHTMLProps<PortionElementType>, keyof PortionCustomProps> & PortionCustomProps;\n\n// COMPONENT //////////////////////////////////////////////////////////////////////////////////////////////////////////\nexport const Portion = React.forwardRef(\n    (\n        {\n            desktopSpan,\n            mobileSpan,\n            tabletLandscapeSpan,\n            tabletPortraitSpan,\n            isHorizontal,\n            role,\n            ...props\n        }: PortionProps,\n        ref: React.Ref<PortionElementType>\n    ) => {\n        // CLASS NAMES -------------------------------------------------------------------------------------------------\n        let classNames = [];\n\n        if (desktopSpan || tabletLandscapeSpan || tabletPortraitSpan || mobileSpan) {\n            if (desktopSpan) {\n                classNames.push(`${desktopSpan}`);\n            }\n\n            if (tabletLandscapeSpan) {\n                classNames.push(`${tabletLandscapeSpan}-on-tablet-landscape`);\n            }\n\n            if (tabletPortraitSpan) {\n                classNames.push(`${tabletPortraitSpan}-on-tablet-portrait`);\n            }\n\n            if (mobileSpan) {\n                classNames.push(`${mobileSpan}-on-mobile`);\n            }\n        } else {\n            classNames.push(\"whole\");\n        }\n\n        if (isHorizontal) {\n            classNames.push(\"horizontal\");\n        }\n\n        // RENDER ---------------------------------------------------------------------------------------------------\n        return (\n            <Element<PortionElementType>\n                as=\"div\"\n                data-portion\n                ref={ref}\n                classNames={classNames}\n                role={role}\n                {...props}\n            />\n        );\n    }\n);\nPortion.displayName = \"Portion\";\n"],"names":["Portion","React","desktopSpan","mobileSpan","tabletLandscapeSpan","tabletPortraitSpan","isHorizontal","role","props","ref","classNames","jsx","Element"],"mappings":";;;;AA2BO,MAAMA,IAAUC,EAAM;AAAA,EACzB,CACI;AAAA,IACI,aAAAC;AAAA,IACA,YAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,MAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAEPC,MACC;AAED,QAAIC,IAAa,CAAA;AAEjB,WAAIR,KAAeE,KAAuBC,KAAsBF,KACxDD,KACAQ,EAAW,KAAK,GAAGR,CAAW,EAAE,GAGhCE,KACAM,EAAW,KAAK,GAAGN,CAAmB,sBAAsB,GAG5DC,KACAK,EAAW,KAAK,GAAGL,CAAkB,qBAAqB,GAG1DF,KACAO,EAAW,KAAK,GAAGP,CAAU,YAAY,KAG7CO,EAAW,KAAK,OAAO,GAGvBJ,KACAI,EAAW,KAAK,YAAY,GAK5B,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,IAAG;AAAA,QACH,gBAAY;AAAA,QACZ,KAAAH;AAAA,QACA,YAAAC;AAAA,QACA,MAAAH;AAAA,QACC,GAAGC;AAAA,MAAA;AAAA,IAAA;AAAA,EAGhB;AACJ;AACAR,EAAQ,cAAc;"}
+{"version":3,"file":"Portion.js","sources":["../../../src/components/Portion/Portion.tsx"],"sourcesContent":["// REACT CORE ==========================================================================================================\nimport React from \"react\";\n\n// ELEMENT =============================================================================================================\nimport { CommonAndHTMLProps } from \"../Element/constants\";\nimport { Element } from \"$element\";\n\n// STYLES ==============================================================================================================\nimport \"./portion.css\";\n\n// OTHER ===============================================================================================================\nimport { SpanTypes } from \"./types\";\n\n// prettier-ignore\nexport interface PortionCustomProps {\n        desktopSpan         ? : SpanTypes;\n        tabletLandscapeSpan ? : SpanTypes;\n        tabletPortraitSpan  ? : SpanTypes;\n        mobileSpan          ? : SpanTypes;\n        fillLeftoverWidth   ? : boolean;\n        isHorizontal        ? : boolean;\n        role                ? : string;\n}\n\nexport type PortionElementType = HTMLDivElement;\nexport type PortionProps = Omit<CommonAndHTMLProps<PortionElementType>, keyof PortionCustomProps> & PortionCustomProps;\n\n// COMPONENT //////////////////////////////////////////////////////////////////////////////////////////////////////////\nexport const Portion = React.forwardRef(\n    (\n        {\n            desktopSpan,\n            mobileSpan,\n            tabletLandscapeSpan,\n            tabletPortraitSpan,\n            fillLeftoverWidth,\n            isHorizontal,\n            role,\n            ...props\n        }: PortionProps,\n        ref: React.Ref<PortionElementType>\n    ) => {\n        // CLASS NAMES -------------------------------------------------------------------------------------------------\n        let classNames = [];\n\n        if (desktopSpan || tabletLandscapeSpan || tabletPortraitSpan || mobileSpan) {\n            if (desktopSpan) {\n                classNames.push(`${desktopSpan}`);\n            }\n\n            if (tabletLandscapeSpan) {\n                classNames.push(`${tabletLandscapeSpan}-on-tablet-landscape`);\n            }\n\n            if (tabletPortraitSpan) {\n                classNames.push(`${tabletPortraitSpan}-on-tablet-portrait`);\n            }\n\n            if (mobileSpan) {\n                classNames.push(`${mobileSpan}-on-mobile`);\n            }\n        } else if (!fillLeftoverWidth) {\n            classNames.push(\"whole\");\n        }\n\n        if (fillLeftoverWidth) {\n            classNames.push(\"fill-leftover-width\");\n        }\n\n        if (isHorizontal) {\n            classNames.push(\"horizontal\");\n        }\n\n        // RENDER ---------------------------------------------------------------------------------------------------\n        return (\n            <Element<PortionElementType>\n                as=\"div\"\n                data-portion\n                ref={ref}\n                classNames={classNames}\n                role={role}\n                {...props}\n            />\n        );\n    }\n);\nPortion.displayName = \"Portion\";\n"],"names":["Portion","React","desktopSpan","mobileSpan","tabletLandscapeSpan","tabletPortraitSpan","fillLeftoverWidth","isHorizontal","role","props","ref","classNames","jsx","Element"],"mappings":";;;;AA4BO,MAAMA,IAAUC,EAAM;AAAA,EACzB,CACI;AAAA,IACI,aAAAC;AAAA,IACA,YAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,MAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAEPC,MACC;AAED,QAAIC,IAAa,CAAA;AAEjB,WAAIT,KAAeE,KAAuBC,KAAsBF,KACxDD,KACAS,EAAW,KAAK,GAAGT,CAAW,EAAE,GAGhCE,KACAO,EAAW,KAAK,GAAGP,CAAmB,sBAAsB,GAG5DC,KACAM,EAAW,KAAK,GAAGN,CAAkB,qBAAqB,GAG1DF,KACAQ,EAAW,KAAK,GAAGR,CAAU,YAAY,KAErCG,KACRK,EAAW,KAAK,OAAO,GAGvBL,KACAK,EAAW,KAAK,qBAAqB,GAGrCJ,KACAI,EAAW,KAAK,YAAY,GAK5B,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,IAAG;AAAA,QACH,gBAAY;AAAA,QACZ,KAAAH;AAAA,QACA,YAAAC;AAAA,QACA,MAAAH;AAAA,QACC,GAAGC;AAAA,MAAA;AAAA,IAAA;AAAA,EAGhB;AACJ;AACAT,EAAQ,cAAc;"}

package/dist/components/ProgressBar/ProgressBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAIvF,OAAO,oBAAoB,CAAC;AAK5B,MAAM,WAAW,2BAA2B;IACxC,MAAO,CAAC,EAAG,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,sBAAsB;IACnC,KAAW,CAAC,EAAG,MAAM,CAAC;IACtB,KAAW,CAAC,EAAG,MAAM,CAAC;IACtB,MAAW,CAAC,EAAG,MAAM,CAAC;IACtB,MAAW,CAAC,EAAG,MAAM,CAAC;IACtB,GAAW,CAAC,EAAG,MAAM,CAAC;IACtB,KAAW,CAAC,EAAG,UAAU,CAAC;IAC1B,OAAW,CAAC,EAAG,eAAe,CAAC;IAC/B,QAAW,CAAC,EAAG,eAAe,CAAC;IAC/B,SAAW,CAAC,EAAG,eAAe,CAAC;IAC/B,UAAW,CAAC,EAAG,eAAe,CAAC;CAClC;AAED,MAAM,MAAM,sBAAsB,GAAG,mBAAmB,CAAC;AACzD,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,kBAAkB,CAAC,sBAAsB,CAAC,EAAE,MAAM,sBAAsB,CAAC,GAC9E,sBAAsB,CAAC;AACtD,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,kBAAkB,CAAC,cAAc,CAAC,EAAE,MAAM,2BAA2B,CAAC,GAC3E,2BAA2B,CAAC;AAG/D,eAAO,MAAM,WAAW,kLA6DvB,CAAC"}
+{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAIvF,OAAO,oBAAoB,CAAC;AAK5B,MAAM,WAAW,2BAA2B;IACxC,MAAO,CAAC,EAAG,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,sBAAsB;IACnC,KAAW,CAAC,EAAG,MAAM,CAAC;IACtB,KAAW,CAAC,EAAG,MAAM,CAAC;IACtB,MAAW,CAAC,EAAG,MAAM,CAAC;IACtB,MAAW,CAAC,EAAG,MAAM,CAAC;IACtB,GAAW,CAAC,EAAG,MAAM,CAAC;IACtB,KAAW,CAAC,EAAG,UAAU,CAAC;IAC1B,OAAW,CAAC,EAAG,eAAe,CAAC;IAC/B,QAAW,CAAC,EAAG,eAAe,CAAC;IAC/B,SAAW,CAAC,EAAG,eAAe,CAAC;IAC/B,UAAW,CAAC,EAAG,eAAe,CAAC;CAClC;AAED,MAAM,MAAM,sBAAsB,GAAG,mBAAmB,CAAC;AACzD,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,kBAAkB,CAAC,sBAAsB,CAAC,EAAE,MAAM,sBAAsB,CAAC,GAC9E,sBAAsB,CAAC;AACtD,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,kBAAkB,CAAC,cAAc,CAAC,EAAE,MAAM,2BAA2B,CAAC,GAC3E,2BAA2B,CAAC;AAG/D,eAAO,MAAM,WAAW,kLA0DvB,CAAC"}