@instincthub/react-ui 0.1.3 → 0.1.4

package/dist/src/components/tabs/VerticalTabs.js

@@ -1,2 +1,2 @@
-import{slicedToArray as i}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as a,jsx as n}from"react/jsx-runtime";import{useState as e,useEffect as t}from"react";var l=function(l){var c=l.items,d=l.defaultActiveTab,o=l.onChange,r=l.className,s=void 0===r?"":r,u=l.tabsContainerClassName,v=void 0===u?"":u,b=l.contentClassName,m=void 0===b?"":b,h=e(c.length>0?c[0]:null),f=i(h,2),p=f[0],N=f[1];t((function(){if(d){var i=c.find((function(i){return d===i.id}));N(i)}}),[d]);return a("div",{className:"ihub-vtabs-container ".concat(s),children:[n("div",{className:"ihub-vtabs-sidebar ".concat(v),children:c.map((function(i){return a("div",{className:(e=i.id,t=i.disabled,l=e===(null==p?void 0:p.id)?"ihub-vtab-active":"",d=t?"ihub-vtab-disabled":"","".concat("ihub-vtab-item"," ").concat(l," ").concat(d)),onClick:function(){return a=i,void(null!==(n=c.find((function(i){return i.id===a.id})))&&void 0!==n&&n.disabled||(N(a),o&&o(a)));var a,n},role:"tab","aria-selected":(null==p?void 0:p.id)===i.id,tabIndex:i.disabled?-1:0,children:[i.icon&&n("span",{className:"ihub-vtab-icon",children:i.icon}),n("span",{className:"ihub-vtab-label",children:i.label})]},i.id);var e,t,l,d}))}),(null==p?void 0:p.content)&&n("div",{className:"ihub-vtab-content ".concat(m),children:null==p?void 0:p.content})]})};export{l as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),i=require("react/jsx-runtime"),a=require("react");exports.default=function(n){var t=n.items,l=n.defaultActiveTab,c=n.onChange,s=n.className,d=void 0===s?"":s,r=n.tabsContainerClassName,o=void 0===r?"":r,u=n.contentClassName,v=void 0===u?"":u,b=a.useState(t.length>0?t[0]:null),h=e.slicedToArray(b,2),f=h[0],m=h[1];a.useEffect((function(){if(l){var e=t.find((function(e){return l===e.id}));m(e)}}),[l]);return i.jsxs("div",{className:"ihub-vtabs-container ".concat(d),children:[i.jsx("div",{className:"ihub-vtabs-sidebar ".concat(o),children:t.map((function(e){return i.jsxs("div",{className:(a=e.id,n=e.disabled,l=a===(null==f?void 0:f.id)?"ihub-vtab-active":"",s=n?"ihub-vtab-disabled":"","".concat("ihub-vtab-item"," ").concat(l," ").concat(s)),onClick:function(){return i=e,void(null!==(a=t.find((function(e){return e.id===i.id})))&&void 0!==a&&a.disabled||(m(i),c&&c(i)));var i,a},role:"tab","aria-selected":(null==f?void 0:f.id)===e.id,tabIndex:e.disabled?-1:0,children:[e.icon&&i.jsx("span",{className:"ihub-vtab-icon",children:e.icon}),i.jsx("span",{className:"ihub-vtab-label",children:e.label})]},e.id);var a,n,l,s}))}),(null==f?void 0:f.content)&&i.jsx("div",{className:"ihub-vtab-content ".concat(v),children:null==f?void 0:f.content})]})};
 //# sourceMappingURL=VerticalTabs.js.map

package/dist/src/components/theme/ChangeStyleVariable.js

@@ -1,2 +1,2 @@
-import{slicedToArray as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as o}from"react/jsx-runtime";import{useState as e,useEffect as t}from"react";import n from"./LoadingAnimate.js";function a(a){var l=a.primaryColor,i=a.variables,m=void 0===i?{}:i,s=a.onComplete,u=e(!0),c=r(u,2),p=c[0],f=c[1];return t((function(){var o=document.querySelector(":root");o?(l&&o.style.setProperty("--DarkCyan",l),Object.entries(m).forEach((function(e){var t=r(e,2),n=t[0],a=t[1];o.style.setProperty("--".concat(n),a)})),f(!1),null==s||s()):console.error("Root element not found")}),[l,m,s]),p?o(n,{}):null}export{a as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),r=require("react/jsx-runtime"),t=require("react"),o=require("./LoadingAnimate.js");exports.default=function(l){var u=l.primaryColor,a=l.variables,n=void 0===a?{}:a,s=l.onComplete,i=t.useState(!0),c=e.slicedToArray(i,2),d=c[0],f=c[1];return t.useEffect((function(){var r=document.querySelector(":root");r?(u&&r.style.setProperty("--DarkCyan",u),Object.entries(n).forEach((function(t){var o=e.slicedToArray(t,2),l=o[0],u=o[1];r.style.setProperty("--".concat(l),u)})),f(!1),null==s||s()):console.error("Root element not found")}),[u,n,s]),d?r.jsx(o.default,{}):null};
 //# sourceMappingURL=ChangeStyleVariable.js.map

package/dist/src/components/theme/DarkModeProvider.js

@@ -1,2 +1,2 @@
-import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as r}from"react/jsx-runtime";import{useState as t,useCallback as n,useEffect as o,createContext as i}from"react";var a=i(void 0);function d(i){var d=i.children,c=i.defaultTheme,f=void 0===c?"Device":c,m=i.onChange,u=t(f),s=e(u,2),l=s[0],v=s[1],h=n((function(){return"undefined"==typeof window?f:localStorage.getItem("theme")||f}),[f]),p=n((function(e){if("undefined"!=typeof window){var r,t=document.documentElement;if(t.classList.remove("DarkMode","LightMode"),"Device"===e)r=window.matchMedia("(prefers-color-scheme: dark)").matches?"DarkMode":"LightMode";else r=e;return t.classList.add(r),r}}),[]),w=n((function(e){"undefined"!=typeof window&&localStorage.setItem("theme",e),v(e);var r=p(e);r&&m&&m(r)}),[p,m]);o((function(){var e=h();v(e);var r,t,n=p(e);if(n&&m&&m(n),"undefined"!=typeof window){var o=window.matchMedia("(prefers-color-scheme: dark)");return t=function(){if("Device"===localStorage.getItem("theme")){var e=p("Device");e&&m&&m(e)}},(r=o).addEventListener?(r.addEventListener("change",t),function(){return r.removeEventListener("change",t)}):(r.addListener(t),function(){return r.removeListener(t)})}}),[h,p,m]);var g={theme:l,setTheme:w};return r(a.Provider,{value:g,children:d})}export{d as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("react/jsx-runtime"),r=require("react"),n=r.createContext(void 0);exports.default=function(i){var a=i.children,o=i.defaultTheme,d=void 0===o?"Device":o,c=i.onChange,u=r.useState(d),s=e.slicedToArray(u,2),l=s[0],f=s[1],v=r.useCallback((function(){return"undefined"==typeof window?d:localStorage.getItem("theme")||d}),[d]),m=r.useCallback((function(e){if("undefined"!=typeof window){var t,r=document.documentElement;if(r.classList.remove("DarkMode","LightMode"),"Device"===e)t=window.matchMedia("(prefers-color-scheme: dark)").matches?"DarkMode":"LightMode";else t=e;return r.classList.add(t),t}}),[]),h=r.useCallback((function(e){"undefined"!=typeof window&&localStorage.setItem("theme",e),f(e);var t=m(e);t&&c&&c(t)}),[m,c]);r.useEffect((function(){var e=v();f(e);var t,r,n=m(e);if(n&&c&&c(n),"undefined"!=typeof window){var i=window.matchMedia("(prefers-color-scheme: dark)");return r=function(){if("Device"===localStorage.getItem("theme")){var e=m("Device");e&&c&&c(e)}},(t=i).addEventListener?(t.addEventListener("change",r),function(){return t.removeEventListener("change",r)}):(t.addListener(r),function(){return t.removeListener(r)})}}),[v,m,c]);var w={theme:l,setTheme:h};return t.jsx(n.Provider,{value:w,children:a})};
 //# sourceMappingURL=DarkModeProvider.js.map

package/dist/src/components/theme/LoadingAnimate.js

@@ -1,2 +1,2 @@
-import{jsx as i,jsxs as d}from"react/jsx-runtime";function e(){return i("div",{className:"react_loading container",children:i("div",{children:d("div",{className:"lds-ellipsis",children:[i("div",{}),i("div",{}),i("div",{}),i("div",{})]})})})}export{e as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");exports.default=function(){return e.jsx("div",{className:"react_loading container",children:e.jsx("div",{children:e.jsxs("div",{className:"lds-ellipsis",children:[e.jsx("div",{}),e.jsx("div",{}),e.jsx("div",{}),e.jsx("div",{})]})})})};
 //# sourceMappingURL=LoadingAnimate.js.map

package/dist/src/components/theme/LoadingAnimate.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingAnimate.js","sources":["../../../../src/components/theme/LoadingAnimate.tsx"],"sourcesContent":["import React from \"react\";\r\n\r\nexport default function LoadingAnimate() {\r\n  return (\r\n    <div className=\"react_loading container\">\r\n      <div>\r\n        <div className=\"lds-ellipsis\">\r\n          <div></div>\r\n          <div></div>\r\n          <div></div>\r\n          <div></div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["LoadingAnimate","_jsx","className","children","_jsxs"],"mappings":"kDAEc,SAAUA,IACtB,OACEC,SAAKC,UAAU,0BACbC,SAAAF,EAAA,MAAA,CAAAE,SACEC,EAAK,MAAA,CAAAF,UAAU,yBACbD,EAAW,MAAA,CAAA,GACXA,EAAW,MAAA,CAAA,GACXA,EAAW,MAAA,CAAA,GACXA,kBAKV"}
+{"version":3,"file":"LoadingAnimate.js","sources":["../../../../src/components/theme/LoadingAnimate.tsx"],"sourcesContent":["import React from \"react\";\r\n\r\nexport default function LoadingAnimate() {\r\n  return (\r\n    <div className=\"react_loading container\">\r\n      <div>\r\n        <div className=\"lds-ellipsis\">\r\n          <div></div>\r\n          <div></div>\r\n          <div></div>\r\n          <div></div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["_jsx","className","children","jsx","_jsxs","jsxs"],"mappings":"uHAEc,WACZ,OACEA,EAAAA,WAAKC,UAAU,0BACbC,SAAAF,EAAAG,IAAA,MAAA,CAAAD,SACEE,EAAKC,KAAA,MAAA,CAAAJ,UAAU,yBACbD,EAAAA,IAAW,MAAA,CAAA,GACXA,EAAWG,IAAA,MAAA,CAAA,GACXH,EAAWG,IAAA,MAAA,CAAA,GACXH,EAAAA,oBAKV"}

package/dist/src/components/theme/SessionProviders.js

@@ -1,2 +1,2 @@
-import{slicedToArray as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as e,Fragment as t}from"react/jsx-runtime";import{SessionProvider as o}from"next-auth/react";import{useState as i,useEffect as n}from"react";function c(c){var a=c.children,l=c.refetchInterval,f=void 0===l?43200:l,u=c.refetchOnWindowFocus,d=void 0===u||u,m=i(!1),h=r(m,2),s=h[0],p=h[1];return n((function(){p(!0)}),[]),s?e(o,{refetchInterval:f,refetchOnWindowFocus:d,children:a}):e(t,{children:a})}export{c as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),r=require("react/jsx-runtime"),t=require("next-auth/react"),i=require("react");exports.default=function(n){var u=n.children,c=n.refetchInterval,s=void 0===c?43200:c,o=n.refetchOnWindowFocus,a=void 0===o||o,l=i.useState(!1),d=e.slicedToArray(l,2),f=d[0],v=d[1];return i.useEffect((function(){v(!0)}),[]),f?r.jsx(t.SessionProvider,{refetchInterval:s,refetchOnWindowFocus:a,children:u}):r.jsx(r.Fragment,{children:u})};
 //# sourceMappingURL=SessionProviders.js.map

package/dist/src/components/theme/signout/SessionExpiresLogout.js

@@ -1,2 +1,2 @@
-import{slicedToArray as e,asyncToGenerator as n,regeneratorRuntime as i}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as r,Fragment as a}from"react/jsx-runtime";import{useState as t,useEffect as s}from"react";import{getData as o}from"../../lib/auth/dbRequestst.js";import l from"./SignOutSession.js";function u(u){var d=u.children,c=u.session,v=u.expiredMessage,p=void 0===v?"Your logged in session has expired!":v,f=u.disableValidation,m=void 0!==f&&f,h=u.onSessionInvalid,b=t("loading"),g=e(b,2),k=g[0],x=g[1];return s((function(){var e=!0;function r(){return(r=n(i().mark((function n(){var r,a,t,s;return i().wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(c){n.next=3;break}return e&&x("invalid"),n.abrupt("return");case 3:if(n.prev=3,a=null==c||null===(r=c.user)||void 0===r?void 0:r.name,!(new Date(null==c?void 0:c.expires)<new Date||null==a)&&a.uuid){n.next=10;break}return console.warn("Session expired or invalid user UUID"),e&&(x("invalid"),h&&h()),n.abrupt("return");case 10:if(!m){n.next=13;break}return e&&x("valid"),n.abrupt("return");case 13:return t={path:"auth/skills/validate-user-token/?access_token=".concat(null==a?void 0:a.token,"&user_uuid=").concat(null==a?void 0:a.uuid),token:null==a?void 0:a.token,auth_sk:!0},n.next=16,o(t);case 16:s=n.sent,e&&"Unauthorized"!==(null==s?void 0:s.detail)&&"Not found."!==(null==s?void 0:s.detail)&&null!=s&&s.detail?e&&x("valid"):e&&(x("invalid"),h&&h()),n.next=24;break;case 20:n.prev=20,n.t0=n.catch(3),console.error("Error during session validation:",n.t0),e&&x("valid");case 24:case"end":return n.stop()}}),n,null,[[3,20]])})))).apply(this,arguments)}return function(){r.apply(this,arguments)}(),function(){e=!1}}),[c,m,h]),"loading"===k?r("div",{className:"ihub-session-loading",children:r("div",{className:"ihub-session-loading-spinner"})}):"invalid"===k&&null!=c&&c.user?r(l,{message:p}):r(a,{children:d})}export{u as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../_virtual/_rollupPluginBabelHelpers.js"),n=require("react/jsx-runtime"),r=require("react"),i=require("../../lib/auth/dbRequestst.js"),t=require("./SignOutSession.js");exports.default=function(a){var s=a.children,u=a.session,l=a.expiredMessage,o=void 0===l?"Your logged in session has expired!":l,d=a.disableValidation,c=void 0!==d&&d,v=a.onSessionInvalid,p=r.useState("loading"),f=e.slicedToArray(p,2),x=f[0],g=f[1];return r.useEffect((function(){var n=!0;function r(){return(r=e.asyncToGenerator(e.regeneratorRuntime().mark((function r(){var t,a,s,l;return e.regeneratorRuntime().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(u){e.next=3;break}return n&&g("invalid"),e.abrupt("return");case 3:if(e.prev=3,a=null==u||null===(t=u.user)||void 0===t?void 0:t.name,!(new Date(null==u?void 0:u.expires)<new Date||null==a)&&a.uuid){e.next=10;break}return console.warn("Session expired or invalid user UUID"),n&&(g("invalid"),v&&v()),e.abrupt("return");case 10:if(!c){e.next=13;break}return n&&g("valid"),e.abrupt("return");case 13:return s={path:"auth/skills/validate-user-token/?access_token=".concat(null==a?void 0:a.token,"&user_uuid=").concat(null==a?void 0:a.uuid),token:null==a?void 0:a.token,auth_sk:!0},e.next=16,i.getData(s);case 16:l=e.sent,n&&"Unauthorized"!==(null==l?void 0:l.detail)&&"Not found."!==(null==l?void 0:l.detail)&&null!=l&&l.detail?n&&g("valid"):n&&(g("invalid"),v&&v()),e.next=24;break;case 20:e.prev=20,e.t0=e.catch(3),console.error("Error during session validation:",e.t0),n&&g("valid");case 24:case"end":return e.stop()}}),r,null,[[3,20]])})))).apply(this,arguments)}return function(){r.apply(this,arguments)}(),function(){n=!1}}),[u,c,v]),"loading"===x?n.jsx("div",{className:"ihub-session-loading",children:n.jsx("div",{className:"ihub-session-loading-spinner"})}):"invalid"===x&&null!=u&&u.user?n.jsx(t.default,{message:o}):n.jsx(n.Fragment,{children:s})};
 //# sourceMappingURL=SessionExpiresLogout.js.map

package/dist/src/components/theme/signout/SignOutSession.js

@@ -1,2 +1,2 @@
-import{jsx as i,jsxs as s}from"react/jsx-runtime";import{logout as e}from"../../lib/auth/actions.js";import n from"next/image";function a(a){var t=a.message,o=void 0===t?"Your logged in session has expired!":t,r=a.showImage;return i("section",{className:"ihub-signout-section",children:i("div",{className:"ihub-signout-overlay",children:s("div",{className:"ihub-signout-card",children:[(void 0===r||r)&&i("div",{className:"ihub-signout-image-container",children:i(n,{src:"/images/session-expired.svg",alt:"Session Expired",width:120,height:120,className:"ihub-signout-image",onError:function(i){i.target.style.display="none"}})}),i("h2",{className:"ihub-signout-title",children:"Session Expired"}),i("p",{className:"ihub-signout-message",children:o}),i("div",{className:"ihub-signout-actions",children:i("button",{className:"ihub-signout-button important-btn",onClick:e,"aria-label":"Sign out",children:"Sign out"})}),s("p",{className:"ihub-signout-help",children:["Need help?"," ",i("a",{href:"/support",className:"ihub-signout-link",children:"Contact support"})]})]})})})}export{a as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../lib/auth/actions.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=i(require("next/image"));exports.default=function(i){var n=i.message,a=void 0===n?"Your logged in session has expired!":n,o=i.showImage,r=void 0===o||o;return e.jsx("section",{className:"ihub-signout-section",children:e.jsx("div",{className:"ihub-signout-overlay",children:e.jsxs("div",{className:"ihub-signout-card",children:[r&&e.jsx("div",{className:"ihub-signout-image-container",children:e.jsx(t.default,{src:"/images/session-expired.svg",alt:"Session Expired",width:120,height:120,className:"ihub-signout-image",onError:function(e){e.target.style.display="none"}})}),e.jsx("h2",{className:"ihub-signout-title",children:"Session Expired"}),e.jsx("p",{className:"ihub-signout-message",children:a}),e.jsx("div",{className:"ihub-signout-actions",children:e.jsx("button",{className:"ihub-signout-button important-btn",onClick:s.logout,"aria-label":"Sign out",children:"Sign out"})}),e.jsxs("p",{className:"ihub-signout-help",children:["Need help?"," ",e.jsx("a",{href:"/support",className:"ihub-signout-link",children:"Contact support"})]})]})})})};
 //# sourceMappingURL=SignOutSession.js.map

package/dist/src/components/ui/Action.js

@@ -1,2 +1,2 @@
-import{slicedToArray as i}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as n,Fragment as o,jsx as e}from"react/jsx-runtime";import t from"react";import a from"next/link";var r=function(r){var c=r.label,d=r.onClick,l=r.href,s=r.variant,u=void 0===s?"primary":s,h=r.size,m=void 0===h?"medium":h,f=r.fullWidth,p=void 0!==f&&f,b=r.disabled,v=void 0!==b&&b,w=r.iconBefore,k=r.iconAfter,N=r.className,g=void 0===N?"":N,C=r.target,y=r.type,B=void 0===y?"button":y,L=r.animated,j=void 0!==L&&L,x=r.dropdown,P=void 0!==x&&x,E=r.dropdownItems,A=void 0===E?[]:E,W=r.dropdownPosition,_=void 0===W?"right":W,z=t.useState(!1),D=i(z,2),H=D[0],I=D[1],M=t.useRef(null);t.useEffect((function(){var i=function(i){M.current&&!M.current.contains(i.target)&&I(!1)};return H&&document.addEventListener("mousedown",i),function(){document.removeEventListener("mousedown",i)}}),[H]);var R=["ihub-action","ihub-action-".concat(u),"ihub-action-".concat(m),p?"ihub-action-full-width":"",v?"ihub-action-disabled":"",j?"ihub-action-animated":"",P?"ihub-action-with-dropdown":"",g].filter(Boolean).join(" "),S=n(o,{children:[w&&e("span",{className:"ihub-action-icon-before",children:w}),e("span",{className:"ihub-action-label",children:c}),P&&e("span",{className:"ihub-action-dropdown-icon",children:e("svg",{width:"12",height:"7",viewBox:"0 0 12 7",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:"primary"===u?{color:"#fff"}:{},children:e("path",{d:"M1 1L6 6L11 1",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}),!P&&k&&e("span",{className:"ihub-action-icon-after",children:k})]}),T=H&&P&&A.length>0&&e("div",{className:"ihub-action-dropdown-menu ihub-action-dropdown-".concat(_),onClick:function(i){return i.stopPropagation()},children:A.map((function(i,t){var r=["ihub-action-dropdown-item",i.disabled?"ihub-action-dropdown-item-disabled":"",i.className||""].filter(Boolean).join(" "),c=n(o,{children:[i.iconBefore&&e("span",{className:"ihub-action-dropdown-item-icon",children:i.iconBefore}),e("span",{className:"ihub-action-dropdown-item-label",children:i.label})]});return i.href&&!i.disabled?e(a,{href:i.href,className:r,onClick:function(){i.onClick&&i.onClick(),I(!1)},children:c},t):e("button",{className:r,onClick:function(){!i.disabled&&i.onClick&&(i.onClick(),I(!1))},disabled:i.disabled,type:"button",children:c},t)}))}),q=function(i){return P?n("div",{className:"ihub-action-dropdown-container",ref:M,children:[i,T]}):i};return q(!l||v||P?e("button",{type:B,className:R,onClick:P?function(i){P&&(i.preventDefault(),i.stopPropagation(),I((function(i){return!i})))}:d,disabled:v,children:S}):e(a,{href:l,className:R,target:C,onClick:d,children:S}))};export{r as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),n=require("react/jsx-runtime"),i=require("react"),o=require("next/link");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=t(i),r=t(o);exports.default=function(i){var o=i.label,t=i.onClick,c=i.href,d=i.variant,l=void 0===d?"primary":d,s=i.size,u=void 0===s?"medium":s,h=i.fullWidth,f=void 0!==h&&h,b=i.disabled,p=void 0!==b&&b,m=i.iconBefore,v=i.iconAfter,j=i.className,w=void 0===j?"":j,x=i.target,k=i.type,g=void 0===k?"button":k,N=i.animated,C=void 0!==N&&N,y=i.dropdown,B=void 0!==y&&y,L=i.dropdownItems,P=void 0===L?[]:L,q=i.dropdownPosition,_=void 0===q?"right":q,E=a.default.useState(!1),A=e.slicedToArray(E,2),F=A[0],M=A[1],W=a.default.useRef(null);a.default.useEffect((function(){var e=function(e){W.current&&!W.current.contains(e.target)&&M(!1)};return F&&document.addEventListener("mousedown",e),function(){document.removeEventListener("mousedown",e)}}),[F]);var z=["ihub-action","ihub-action-".concat(l),"ihub-action-".concat(u),f?"ihub-action-full-width":"",p?"ihub-action-disabled":"",C?"ihub-action-animated":"",B?"ihub-action-with-dropdown":"",w].filter(Boolean).join(" "),D=n.jsxs(n.Fragment,{children:[m&&n.jsx("span",{className:"ihub-action-icon-before",children:m}),n.jsx("span",{className:"ihub-action-label",children:o}),B&&n.jsx("span",{className:"ihub-action-dropdown-icon",children:n.jsx("svg",{width:"12",height:"7",viewBox:"0 0 12 7",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:"primary"===l?{color:"#fff"}:{},children:n.jsx("path",{d:"M1 1L6 6L11 1",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}),!B&&v&&n.jsx("span",{className:"ihub-action-icon-after",children:v})]}),H=F&&B&&P.length>0&&n.jsx("div",{className:"ihub-action-dropdown-menu ihub-action-dropdown-".concat(_),onClick:function(e){return e.stopPropagation()},children:P.map((function(e,i){var o=["ihub-action-dropdown-item",e.disabled?"ihub-action-dropdown-item-disabled":"",e.className||""].filter(Boolean).join(" "),t=n.jsxs(n.Fragment,{children:[e.iconBefore&&n.jsx("span",{className:"ihub-action-dropdown-item-icon",children:e.iconBefore}),n.jsx("span",{className:"ihub-action-dropdown-item-label",children:e.label})]});return e.href&&!e.disabled?n.jsx(r.default,{href:e.href,className:o,onClick:function(){e.onClick&&e.onClick(),M(!1)},children:t},i):n.jsx("button",{className:o,onClick:function(){!e.disabled&&e.onClick&&(e.onClick(),M(!1))},disabled:e.disabled,type:"button",children:t},i)}))});return function(e){return B?n.jsxs("div",{className:"ihub-action-dropdown-container",ref:W,children:[e,H]}):e}(!c||p||B?n.jsx("button",{type:g,className:z,onClick:B?function(e){B&&(e.preventDefault(),e.stopPropagation(),M((function(e){return!e})))}:t,disabled:p,children:D}):n.jsx(r.default,{href:c,className:z,target:x,onClick:t,children:D}))};
 //# sourceMappingURL=Action.js.map

package/dist/src/components/ui/Action.js.map

@@ -1 +1 @@
-{"version":3,"file":"Action.js","sources":["../../../../src/components/ui/Action.tsx"],"sourcesContent":["import React from \"react\";\r\nimport Link from \"next/link\";\r\n\r\n/**\r\n * Defines the structure of a dropdown item\r\n */\r\nexport interface ActionDropdownItem {\r\n  /** Text label to display for the dropdown item */\r\n  label: string;\r\n  /** Click handler function */\r\n  onClick?: () => void;\r\n  /** Link destination if the dropdown item is a link */\r\n  href?: string;\r\n  /** Icon to display before the label */\r\n  iconBefore?: React.ReactNode;\r\n  /** Whether the item is disabled */\r\n  disabled?: boolean;\r\n  /** Optional additional class names */\r\n  className?: string;\r\n}\r\n\r\n/**\r\n * ActionProps interface defines all possible props for the Action component\r\n */\r\ninterface ActionProps {\r\n  /** Text label to display in the action element */\r\n  label: string;\r\n  /** Click handler function */\r\n  onClick?: () => void;\r\n  /** Link destination if the action is a link */\r\n  href?: string;\r\n  /** Visual style variant */\r\n  variant?: \"primary\" | \"secondary\" | \"outline\" | \"danger\" | \"text\";\r\n  /** Size variation */\r\n  size?: \"small\" | \"medium\" | \"large\";\r\n  /** Whether the action should take up full width of container */\r\n  fullWidth?: boolean;\r\n  /** Whether the action is disabled */\r\n  disabled?: boolean;\r\n  /** Icon to display before the label */\r\n  iconBefore?: React.ReactNode;\r\n  /** Icon to display after the label */\r\n  iconAfter?: React.ReactNode;\r\n  /** Optional additional class names */\r\n  className?: string;\r\n  /** Target attribute for links */\r\n  target?: \"_blank\" | \"_self\" | \"_parent\" | \"_top\";\r\n  /** Type attribute for buttons */\r\n  type?: \"button\" | \"submit\" | \"reset\";\r\n  /** Whether to add animation effect */\r\n  animated?: boolean;\r\n  /** Whether to show a dropdown menu */\r\n  dropdown?: boolean;\r\n  /** Items to display in the dropdown menu */\r\n  dropdownItems?: ActionDropdownItem[];\r\n  /** Position of the dropdown menu */\r\n  dropdownPosition?: \"left\" | \"right\" | \"center\";\r\n}\r\n\r\n/**\r\n * A versatile Action component that can be rendered as a button or link\r\n * with various styles, sizes, icon options, and dropdown functionality\r\n */\r\nconst Action = ({\r\n  label,\r\n  onClick,\r\n  href,\r\n  variant = \"primary\",\r\n  size = \"medium\",\r\n  fullWidth = false,\r\n  disabled = false,\r\n  iconBefore,\r\n  iconAfter,\r\n  className = \"\",\r\n  target,\r\n  type = \"button\",\r\n  animated = false,\r\n  dropdown = false,\r\n  dropdownItems = [],\r\n  dropdownPosition = \"right\",\r\n}: ActionProps) => {\r\n  // State to manage dropdown visibility\r\n  const [isDropdownOpen, setIsDropdownOpen] = React.useState(false);\r\n  const dropdownRef = React.useRef<HTMLDivElement>(null);\r\n\r\n  // Handle opening/closing the dropdown\r\n  const toggleDropdown = (e: React.MouseEvent) => {\r\n    if (dropdown) {\r\n      e.preventDefault();\r\n      e.stopPropagation();\r\n      setIsDropdownOpen((prev) => !prev);\r\n    }\r\n  };\r\n\r\n  // Close dropdown when clicking outside\r\n  React.useEffect(() => {\r\n    const handleClickOutside = (event: MouseEvent) => {\r\n      if (\r\n        dropdownRef.current &&\r\n        !dropdownRef.current.contains(event.target as Node)\r\n      ) {\r\n        setIsDropdownOpen(false);\r\n      }\r\n    };\r\n\r\n    if (isDropdownOpen) {\r\n      document.addEventListener(\"mousedown\", handleClickOutside);\r\n    }\r\n\r\n    return () => {\r\n      document.removeEventListener(\"mousedown\", handleClickOutside);\r\n    };\r\n  }, [isDropdownOpen]);\r\n\r\n  // Construct class names based on props\r\n  const baseClasses = [\r\n    \"ihub-action\",\r\n    `ihub-action-${variant}`,\r\n    `ihub-action-${size}`,\r\n    fullWidth ? \"ihub-action-full-width\" : \"\",\r\n    disabled ? \"ihub-action-disabled\" : \"\",\r\n    animated ? \"ihub-action-animated\" : \"\",\r\n    dropdown ? \"ihub-action-with-dropdown\" : \"\",\r\n    className,\r\n  ]\r\n    .filter(Boolean)\r\n    .join(\" \");\r\n\r\n  // Common content for both button and link\r\n  const content = (\r\n    <>\r\n      {iconBefore && (\r\n        <span className=\"ihub-action-icon-before\">{iconBefore}</span>\r\n      )}\r\n      <span className=\"ihub-action-label\">{label}</span>\r\n      {dropdown && (\r\n        <span className=\"ihub-action-dropdown-icon\">\r\n          <svg\r\n            width=\"12\"\r\n            height=\"7\"\r\n            viewBox=\"0 0 12 7\"\r\n            fill=\"none\"\r\n            xmlns=\"http://www.w3.org/2000/svg\"\r\n            style={variant === \"primary\" ? { color: \"#fff\" } : {}}\r\n          >\r\n            <path\r\n              d=\"M1 1L6 6L11 1\"\r\n              stroke=\"currentColor\"\r\n              strokeWidth=\"2\"\r\n              strokeLinecap=\"round\"\r\n              strokeLinejoin=\"round\"\r\n            />\r\n          </svg>\r\n        </span>\r\n      )}\r\n      {!dropdown && iconAfter && (\r\n        <span className=\"ihub-action-icon-after\">{iconAfter}</span>\r\n      )}\r\n    </>\r\n  );\r\n\r\n  // Dropdown menu\r\n  const dropdownMenu = isDropdownOpen &&\r\n    dropdown &&\r\n    dropdownItems.length > 0 && (\r\n      <div\r\n        className={`ihub-action-dropdown-menu ihub-action-dropdown-${dropdownPosition}`}\r\n        onClick={(e) => e.stopPropagation()}\r\n      >\r\n        {dropdownItems.map((item, index) => {\r\n          const itemClasses = [\r\n            \"ihub-action-dropdown-item\",\r\n            item.disabled ? \"ihub-action-dropdown-item-disabled\" : \"\",\r\n            item.className || \"\",\r\n          ]\r\n            .filter(Boolean)\r\n            .join(\" \");\r\n\r\n          const itemContent = (\r\n            <>\r\n              {item.iconBefore && (\r\n                <span className=\"ihub-action-dropdown-item-icon\">\r\n                  {item.iconBefore}\r\n                </span>\r\n              )}\r\n              <span className=\"ihub-action-dropdown-item-label\">\r\n                {item.label}\r\n              </span>\r\n            </>\r\n          );\r\n\r\n          if (item.href && !item.disabled) {\r\n            return (\r\n              <Link\r\n                key={index}\r\n                href={item.href}\r\n                className={itemClasses}\r\n                onClick={() => {\r\n                  if (item.onClick) item.onClick();\r\n                  setIsDropdownOpen(false);\r\n                }}\r\n              >\r\n                {itemContent}\r\n              </Link>\r\n            );\r\n          }\r\n\r\n          return (\r\n            <button\r\n              key={index}\r\n              className={itemClasses}\r\n              onClick={() => {\r\n                if (!item.disabled && item.onClick) {\r\n                  item.onClick();\r\n                  setIsDropdownOpen(false);\r\n                }\r\n              }}\r\n              disabled={item.disabled}\r\n              type=\"button\"\r\n            >\r\n              {itemContent}\r\n            </button>\r\n          );\r\n        })}\r\n      </div>\r\n    );\r\n\r\n  // Wrapper to contain both the action and dropdown\r\n  const renderWithDropdown = (actionElement: React.ReactNode) => {\r\n    if (!dropdown) return actionElement;\r\n\r\n    return (\r\n      <div className=\"ihub-action-dropdown-container\" ref={dropdownRef}>\r\n        {actionElement}\r\n        {dropdownMenu}\r\n      </div>\r\n    );\r\n  };\r\n\r\n  // If it's a link (with href prop) and not a dropdown\r\n  if (href && !disabled && !dropdown) {\r\n    return renderWithDropdown(\r\n      <Link\r\n        href={href}\r\n        className={baseClasses}\r\n        target={target}\r\n        onClick={onClick}\r\n      >\r\n        {content}\r\n      </Link>\r\n    );\r\n  }\r\n\r\n  // Otherwise render as button\r\n  return renderWithDropdown(\r\n    <button\r\n      type={type}\r\n      className={baseClasses}\r\n      onClick={dropdown ? toggleDropdown : onClick}\r\n      disabled={disabled}\r\n    >\r\n      {content}\r\n    </button>\r\n  );\r\n};\r\n\r\nexport default Action;\r\n"],"names":["Action","_ref","label","onClick","href","_ref$variant","variant","_ref$size","size","_ref$fullWidth","fullWidth","_ref$disabled","disabled","iconBefore","iconAfter","_ref$className","className","target","_ref$type","type","_ref$animated","animated","_ref$dropdown","dropdown","_ref$dropdownItems","dropdownItems","_ref$dropdownPosition","dropdownPosition","_React$useState","React","useState","_React$useState2","_slicedToArray","isDropdownOpen","setIsDropdownOpen","dropdownRef","useRef","useEffect","handleClickOutside","event","current","contains","document","addEventListener","removeEventListener","baseClasses","concat","filter","Boolean","join","content","_jsxs","_Fragment","children","_jsx","width","height","viewBox","fill","xmlns","style","color","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin","dropdownMenu","length","e","stopPropagation","map","item","index","itemClasses","itemContent","Link","renderWithDropdown","actionElement","ref","preventDefault","prev"],"mappings":"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"}
+{"version":3,"file":"Action.js","sources":["../../../../src/components/ui/Action.tsx"],"sourcesContent":["import React from \"react\";\r\nimport Link from \"next/link\";\r\n\r\n/**\r\n * Defines the structure of a dropdown item\r\n */\r\nexport interface ActionDropdownItem {\r\n  /** Text label to display for the dropdown item */\r\n  label: string;\r\n  /** Click handler function */\r\n  onClick?: () => void;\r\n  /** Link destination if the dropdown item is a link */\r\n  href?: string;\r\n  /** Icon to display before the label */\r\n  iconBefore?: React.ReactNode;\r\n  /** Whether the item is disabled */\r\n  disabled?: boolean;\r\n  /** Optional additional class names */\r\n  className?: string;\r\n}\r\n\r\n/**\r\n * ActionProps interface defines all possible props for the Action component\r\n */\r\ninterface ActionProps {\r\n  /** Text label to display in the action element */\r\n  label: string;\r\n  /** Click handler function */\r\n  onClick?: () => void;\r\n  /** Link destination if the action is a link */\r\n  href?: string;\r\n  /** Visual style variant */\r\n  variant?: \"primary\" | \"secondary\" | \"outline\" | \"danger\" | \"text\";\r\n  /** Size variation */\r\n  size?: \"small\" | \"medium\" | \"large\";\r\n  /** Whether the action should take up full width of container */\r\n  fullWidth?: boolean;\r\n  /** Whether the action is disabled */\r\n  disabled?: boolean;\r\n  /** Icon to display before the label */\r\n  iconBefore?: React.ReactNode;\r\n  /** Icon to display after the label */\r\n  iconAfter?: React.ReactNode;\r\n  /** Optional additional class names */\r\n  className?: string;\r\n  /** Target attribute for links */\r\n  target?: \"_blank\" | \"_self\" | \"_parent\" | \"_top\";\r\n  /** Type attribute for buttons */\r\n  type?: \"button\" | \"submit\" | \"reset\";\r\n  /** Whether to add animation effect */\r\n  animated?: boolean;\r\n  /** Whether to show a dropdown menu */\r\n  dropdown?: boolean;\r\n  /** Items to display in the dropdown menu */\r\n  dropdownItems?: ActionDropdownItem[];\r\n  /** Position of the dropdown menu */\r\n  dropdownPosition?: \"left\" | \"right\" | \"center\";\r\n}\r\n\r\n/**\r\n * A versatile Action component that can be rendered as a button or link\r\n * with various styles, sizes, icon options, and dropdown functionality\r\n */\r\nconst Action: React.FC<ActionProps> = ({\r\n  label,\r\n  onClick,\r\n  href,\r\n  variant = \"primary\",\r\n  size = \"medium\",\r\n  fullWidth = false,\r\n  disabled = false,\r\n  iconBefore,\r\n  iconAfter,\r\n  className = \"\",\r\n  target,\r\n  type = \"button\",\r\n  animated = false,\r\n  dropdown = false,\r\n  dropdownItems = [],\r\n  dropdownPosition = \"right\",\r\n}) => {\r\n  // State to manage dropdown visibility\r\n  const [isDropdownOpen, setIsDropdownOpen] = React.useState(false);\r\n  const dropdownRef = React.useRef<HTMLDivElement>(null);\r\n\r\n  // Handle opening/closing the dropdown\r\n  const toggleDropdown = (e: React.MouseEvent) => {\r\n    if (dropdown) {\r\n      e.preventDefault();\r\n      e.stopPropagation();\r\n      setIsDropdownOpen((prev) => !prev);\r\n    }\r\n  };\r\n\r\n  // Close dropdown when clicking outside\r\n  React.useEffect(() => {\r\n    const handleClickOutside = (event: MouseEvent) => {\r\n      if (\r\n        dropdownRef.current &&\r\n        !dropdownRef.current.contains(event.target as Node)\r\n      ) {\r\n        setIsDropdownOpen(false);\r\n      }\r\n    };\r\n\r\n    if (isDropdownOpen) {\r\n      document.addEventListener(\"mousedown\", handleClickOutside);\r\n    }\r\n\r\n    return () => {\r\n      document.removeEventListener(\"mousedown\", handleClickOutside);\r\n    };\r\n  }, [isDropdownOpen]);\r\n\r\n  // Construct class names based on props\r\n  const baseClasses = [\r\n    \"ihub-action\",\r\n    `ihub-action-${variant}`,\r\n    `ihub-action-${size}`,\r\n    fullWidth ? \"ihub-action-full-width\" : \"\",\r\n    disabled ? \"ihub-action-disabled\" : \"\",\r\n    animated ? \"ihub-action-animated\" : \"\",\r\n    dropdown ? \"ihub-action-with-dropdown\" : \"\",\r\n    className,\r\n  ]\r\n    .filter(Boolean)\r\n    .join(\" \");\r\n\r\n  // Common content for both button and link\r\n  const content = (\r\n    <>\r\n      {iconBefore && (\r\n        <span className=\"ihub-action-icon-before\">{iconBefore}</span>\r\n      )}\r\n      <span className=\"ihub-action-label\">{label}</span>\r\n      {dropdown && (\r\n        <span className=\"ihub-action-dropdown-icon\">\r\n          <svg\r\n            width=\"12\"\r\n            height=\"7\"\r\n            viewBox=\"0 0 12 7\"\r\n            fill=\"none\"\r\n            xmlns=\"http://www.w3.org/2000/svg\"\r\n            style={variant === \"primary\" ? { color: \"#fff\" } : {}}\r\n          >\r\n            <path\r\n              d=\"M1 1L6 6L11 1\"\r\n              stroke=\"currentColor\"\r\n              strokeWidth=\"2\"\r\n              strokeLinecap=\"round\"\r\n              strokeLinejoin=\"round\"\r\n            />\r\n          </svg>\r\n        </span>\r\n      )}\r\n      {!dropdown && iconAfter && (\r\n        <span className=\"ihub-action-icon-after\">{iconAfter}</span>\r\n      )}\r\n    </>\r\n  );\r\n\r\n  // Dropdown menu\r\n  const dropdownMenu = isDropdownOpen &&\r\n    dropdown &&\r\n    dropdownItems.length > 0 && (\r\n      <div\r\n        className={`ihub-action-dropdown-menu ihub-action-dropdown-${dropdownPosition}`}\r\n        onClick={(e) => e.stopPropagation()}\r\n      >\r\n        {dropdownItems.map((item, index) => {\r\n          const itemClasses = [\r\n            \"ihub-action-dropdown-item\",\r\n            item.disabled ? \"ihub-action-dropdown-item-disabled\" : \"\",\r\n            item.className || \"\",\r\n          ]\r\n            .filter(Boolean)\r\n            .join(\" \");\r\n\r\n          const itemContent = (\r\n            <>\r\n              {item.iconBefore && (\r\n                <span className=\"ihub-action-dropdown-item-icon\">\r\n                  {item.iconBefore}\r\n                </span>\r\n              )}\r\n              <span className=\"ihub-action-dropdown-item-label\">\r\n                {item.label}\r\n              </span>\r\n            </>\r\n          );\r\n\r\n          if (item.href && !item.disabled) {\r\n            return (\r\n              <Link\r\n                key={index}\r\n                href={item.href}\r\n                className={itemClasses}\r\n                onClick={() => {\r\n                  if (item.onClick) item.onClick();\r\n                  setIsDropdownOpen(false);\r\n                }}\r\n              >\r\n                {itemContent}\r\n              </Link>\r\n            );\r\n          }\r\n\r\n          return (\r\n            <button\r\n              key={index}\r\n              className={itemClasses}\r\n              onClick={() => {\r\n                if (!item.disabled && item.onClick) {\r\n                  item.onClick();\r\n                  setIsDropdownOpen(false);\r\n                }\r\n              }}\r\n              disabled={item.disabled}\r\n              type=\"button\"\r\n            >\r\n              {itemContent}\r\n            </button>\r\n          );\r\n        })}\r\n      </div>\r\n    );\r\n\r\n  // Wrapper to contain both the action and dropdown\r\n  const renderWithDropdown = (actionElement: React.ReactElement) => {\r\n    if (!dropdown) return actionElement;\r\n\r\n    return (\r\n      <div className=\"ihub-action-dropdown-container\" ref={dropdownRef}>\r\n        {actionElement}\r\n        {dropdownMenu}\r\n      </div>\r\n    );\r\n  };\r\n\r\n  // Render the appropriate element\r\n  const actionElement =\r\n    href && !disabled && !dropdown ? (\r\n      <Link\r\n        href={href}\r\n        className={baseClasses}\r\n        target={target}\r\n        onClick={onClick}\r\n      >\r\n        {content}\r\n      </Link>\r\n    ) : (\r\n      <button\r\n        type={type}\r\n        className={baseClasses}\r\n        onClick={dropdown ? toggleDropdown : onClick}\r\n        disabled={disabled}\r\n      >\r\n        {content}\r\n      </button>\r\n    );\r\n\r\n  return renderWithDropdown(actionElement);\r\n};\r\n\r\nexport default Action;\r\n"],"names":["_ref","label","onClick","href","_ref$variant","variant","_ref$size","size","_ref$fullWidth","fullWidth","_ref$disabled","disabled","iconBefore","iconAfter","_ref$className","className","target","_ref$type","type","_ref$animated","animated","_ref$dropdown","dropdown","_ref$dropdownItems","dropdownItems","_ref$dropdownPosition","dropdownPosition","_React$useState","React","useState","_React$useState2","_slicedToArray","isDropdownOpen","setIsDropdownOpen","dropdownRef","useRef","useEffect","handleClickOutside","event","current","contains","document","addEventListener","removeEventListener","baseClasses","concat","filter","Boolean","join","content","_jsxs","jsxs","_Fragment","children","_jsx","jsx","width","height","viewBox","fill","xmlns","style","color","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin","dropdownMenu","length","e","stopPropagation","map","item","index","itemClasses","itemContent","Link","actionElement","ref","renderWithDropdown","preventDefault","prev"],"mappings":"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"}

package/dist/src/components/ui/Badge.js

@@ -1,2 +1,2 @@
-import{jsx as o}from"react/jsx-runtime";var a=function(a){var d=a.children,i=a.variant,e=void 0===i?"default":i,n=a.size,t=void 0===n?"medium":n,u=a.shape,c=void 0===u?"rounded":u,b=a.outlined,l=void 0!==b&&b,r=a.className,v=void 0===r?"":r,h=a.count,s=a.maxCount,m=void 0===s?99:s,g=a.dot,f=void 0!==g&&g,p=a.standalone,x=void 0===p||p,C=a.onClick,j=d;f?j=null:void 0!==h&&(j=h>m?"".concat(m,"+"):h);var k=["ihub-badge","ihub-badge-".concat(e),"ihub-badge-".concat(t),"ihub-badge-".concat(c),l?"ihub-badge-outlined":"",f?"ihub-badge-dot":"",x?"":"ihub-badge-attached",v].filter(Boolean).join(" ");return o("span",{className:k,onClick:C,role:C?"button":void 0,tabIndex:C?0:void 0,children:j})};export{a as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");exports.default=function(o){var d=o.children,i=o.variant,a=void 0===i?"default":i,t=o.size,n=void 0===t?"medium":t,u=o.shape,c=void 0===u?"rounded":u,r=o.outlined,l=void 0!==r&&r,b=o.className,v=void 0===b?"":b,s=o.count,h=o.maxCount,g=void 0===h?99:h,m=o.dot,x=void 0!==m&&m,f=o.standalone,p=void 0===f||f,j=o.onClick,C=d;x?C=null:void 0!==s&&(C=s>g?"".concat(g,"+"):s);var k=["ihub-badge","ihub-badge-".concat(a),"ihub-badge-".concat(n),"ihub-badge-".concat(c),l?"ihub-badge-outlined":"",x?"ihub-badge-dot":"",p?"":"ihub-badge-attached",v].filter(Boolean).join(" ");return e.jsx("span",{className:k,onClick:j,role:j?"button":void 0,tabIndex:j?0:void 0,children:C})};
 //# sourceMappingURL=Badge.js.map

package/dist/src/components/ui/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sources":["../../../../src/components/ui/Badge.tsx"],"sourcesContent":["import React from \"react\";\r\n\r\nexport type BadgeVariant =\r\n  | \"default\"\r\n  | \"primary\"\r\n  | \"success\"\r\n  | \"warning\"\r\n  | \"danger\"\r\n  | \"info\";\r\nexport type BadgeSize = \"small\" | \"medium\" | \"large\";\r\nexport type BadgeShape = \"rounded\" | \"pill\" | \"square\";\r\n\r\nexport interface BadgeProps {\r\n  /**\r\n   * The content to display inside the badge\r\n   */\r\n  children?: React.ReactNode;\r\n\r\n  /**\r\n   * The visual style variant of the badge\r\n   * @default 'default'\r\n   */\r\n  variant?: BadgeVariant;\r\n\r\n  /**\r\n   * The size of the badge\r\n   * @default 'medium'\r\n   */\r\n  size?: BadgeSize;\r\n\r\n  /**\r\n   * The shape of the badge\r\n   * @default 'rounded'\r\n   */\r\n  shape?: BadgeShape;\r\n\r\n  /**\r\n   * Whether the badge has an outline style\r\n   * @default false\r\n   */\r\n  outlined?: boolean;\r\n\r\n  /**\r\n   * Additional CSS class names\r\n   */\r\n  className?: string;\r\n\r\n  /**\r\n   * Badge value for notification-style badges\r\n   */\r\n  count?: number;\r\n\r\n  /**\r\n   * Maximum count to display before showing \"count+\"\r\n   * @default 99\r\n   */\r\n  maxCount?: number;\r\n\r\n  /**\r\n   * Show a dot badge without content\r\n   * @default false\r\n   */\r\n  dot?: boolean;\r\n\r\n  /**\r\n   * Makes the badge standalone (not overlaying another element)\r\n   * @default true\r\n   */\r\n  standalone?: boolean;\r\n\r\n  /**\r\n   * Optional click handler\r\n   */\r\n  onClick?: (event: React.MouseEvent<HTMLSpanElement>) => void;\r\n}\r\n\r\n/**\r\n * Badge Component - Used for displaying counts, status indicators, or labels\r\n */\r\nconst Badge: React.FC<BadgeProps> = ({\r\n  children,\r\n  variant = \"default\",\r\n  size = \"medium\",\r\n  shape = \"rounded\",\r\n  outlined = false,\r\n  className = \"\",\r\n  count,\r\n  maxCount = 99,\r\n  dot = false,\r\n  standalone = true,\r\n  onClick,\r\n}) => {\r\n  // Determine the content to display\r\n  let content = children;\r\n  if (dot) {\r\n    content = null;\r\n  } else if (count !== undefined) {\r\n    content = count > maxCount ? `${maxCount}+` : count;\r\n  }\r\n\r\n  // Build CSS class name\r\n  const badgeClasses = [\r\n    \"ihub-badge\",\r\n    `ihub-badge-${variant}`,\r\n    `ihub-badge-${size}`,\r\n    `ihub-badge-${shape}`,\r\n    outlined ? \"ihub-badge-outlined\" : \"\",\r\n    dot ? \"ihub-badge-dot\" : \"\",\r\n    !standalone ? \"ihub-badge-attached\" : \"\",\r\n    className,\r\n  ]\r\n    .filter(Boolean)\r\n    .join(\" \");\r\n\r\n  return (\r\n    <span\r\n      className={badgeClasses}\r\n      onClick={onClick}\r\n      role={onClick ? \"button\" : undefined}\r\n      tabIndex={onClick ? 0 : undefined}\r\n    >\r\n      {content}\r\n    </span>\r\n  );\r\n};\r\n\r\nexport default Badge;\r\n"],"names":["Badge","_ref","children","_ref$variant","variant","_ref$size","size","_ref$shape","shape","_ref$outlined","outlined","_ref$className","className","count","_ref$maxCount","maxCount","_ref$dot","dot","_ref$standalone","standalone","onClick","content","undefined","concat","badgeClasses","filter","Boolean","join","_jsx","role","tabIndex"],"mappings":"wCA+EA,IAAMA,EAA8B,SAAzBC,GAYN,IAXHC,EAAQD,EAARC,SAAQC,EAAAF,EACRG,QAAAA,OAAU,IAAHD,EAAG,UAASA,EAAAE,EAAAJ,EACnBK,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EAAAE,EAAAN,EACfO,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EAAAE,EAAAR,EACjBS,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAV,EAChBW,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EACdE,EAAKZ,EAALY,MAAKC,EAAAb,EACLc,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EAAAE,EAAAf,EACbgB,IAAAA,OAAM,IAAHD,GAAQA,EAAAE,EAAAjB,EACXkB,WAAAA,OAAa,IAAHD,GAAOA,EACjBE,EAAOnB,EAAPmB,QAGIC,EAAUnB,EACVe,EACFI,EAAU,UACSC,IAAVT,IACTQ,EAAUR,EAAQE,KAAQQ,OAAMR,EAAQ,KAAMF,GAIhD,IAAMW,EAAe,CACnB,2BAAYD,OACEnB,GAAOmB,cAAAA,OACPjB,GAAI,cAAAiB,OACJf,GACdE,EAAW,sBAAwB,GACnCO,EAAM,iBAAmB,GACxBE,EAAqC,GAAxB,sBACdP,GAECa,OAAOC,SACPC,KAAK,KAER,OACEC,EACE,OAAA,CAAAhB,UAAWY,EACXJ,QAASA,EACTS,KAAMT,EAAU,cAAWE,EAC3BQ,SAAUV,EAAU,OAAIE,WAEvBD,GAGP"}
+{"version":3,"file":"Badge.js","sources":["../../../../src/components/ui/Badge.tsx"],"sourcesContent":["import React from \"react\";\r\n\r\nexport type BadgeVariant =\r\n  | \"default\"\r\n  | \"primary\"\r\n  | \"success\"\r\n  | \"warning\"\r\n  | \"danger\"\r\n  | \"info\";\r\nexport type BadgeSize = \"small\" | \"medium\" | \"large\";\r\nexport type BadgeShape = \"rounded\" | \"pill\" | \"square\";\r\n\r\nexport interface BadgeProps {\r\n  /**\r\n   * The content to display inside the badge\r\n   */\r\n  children?: React.ReactNode;\r\n\r\n  /**\r\n   * The visual style variant of the badge\r\n   * @default 'default'\r\n   */\r\n  variant?: BadgeVariant;\r\n\r\n  /**\r\n   * The size of the badge\r\n   * @default 'medium'\r\n   */\r\n  size?: BadgeSize;\r\n\r\n  /**\r\n   * The shape of the badge\r\n   * @default 'rounded'\r\n   */\r\n  shape?: BadgeShape;\r\n\r\n  /**\r\n   * Whether the badge has an outline style\r\n   * @default false\r\n   */\r\n  outlined?: boolean;\r\n\r\n  /**\r\n   * Additional CSS class names\r\n   */\r\n  className?: string;\r\n\r\n  /**\r\n   * Badge value for notification-style badges\r\n   */\r\n  count?: number;\r\n\r\n  /**\r\n   * Maximum count to display before showing \"count+\"\r\n   * @default 99\r\n   */\r\n  maxCount?: number;\r\n\r\n  /**\r\n   * Show a dot badge without content\r\n   * @default false\r\n   */\r\n  dot?: boolean;\r\n\r\n  /**\r\n   * Makes the badge standalone (not overlaying another element)\r\n   * @default true\r\n   */\r\n  standalone?: boolean;\r\n\r\n  /**\r\n   * Optional click handler\r\n   */\r\n  onClick?: (event: React.MouseEvent<HTMLSpanElement>) => void;\r\n}\r\n\r\n/**\r\n * Badge Component - Used for displaying counts, status indicators, or labels\r\n */\r\nconst Badge: React.FC<BadgeProps> = ({\r\n  children,\r\n  variant = \"default\",\r\n  size = \"medium\",\r\n  shape = \"rounded\",\r\n  outlined = false,\r\n  className = \"\",\r\n  count,\r\n  maxCount = 99,\r\n  dot = false,\r\n  standalone = true,\r\n  onClick,\r\n}) => {\r\n  // Determine the content to display\r\n  let content = children;\r\n  if (dot) {\r\n    content = null;\r\n  } else if (count !== undefined) {\r\n    content = count > maxCount ? `${maxCount}+` : count;\r\n  }\r\n\r\n  // Build CSS class name\r\n  const badgeClasses = [\r\n    \"ihub-badge\",\r\n    `ihub-badge-${variant}`,\r\n    `ihub-badge-${size}`,\r\n    `ihub-badge-${shape}`,\r\n    outlined ? \"ihub-badge-outlined\" : \"\",\r\n    dot ? \"ihub-badge-dot\" : \"\",\r\n    !standalone ? \"ihub-badge-attached\" : \"\",\r\n    className,\r\n  ]\r\n    .filter(Boolean)\r\n    .join(\" \");\r\n\r\n  return (\r\n    <span\r\n      className={badgeClasses}\r\n      onClick={onClick}\r\n      role={onClick ? \"button\" : undefined}\r\n      tabIndex={onClick ? 0 : undefined}\r\n    >\r\n      {content}\r\n    </span>\r\n  );\r\n};\r\n\r\nexport default Badge;\r\n"],"names":["_ref","children","_ref$variant","variant","_ref$size","size","_ref$shape","shape","_ref$outlined","outlined","_ref$className","className","count","_ref$maxCount","maxCount","_ref$dot","dot","_ref$standalone","standalone","onClick","content","undefined","concat","badgeClasses","filter","Boolean","join","_jsx","role","tabIndex"],"mappings":"uHA+EoC,SAAzBA,GAYN,IAXHC,EAAQD,EAARC,SAAQC,EAAAF,EACRG,QAAAA,OAAU,IAAHD,EAAG,UAASA,EAAAE,EAAAJ,EACnBK,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EAAAE,EAAAN,EACfO,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EAAAE,EAAAR,EACjBS,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAV,EAChBW,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EACdE,EAAKZ,EAALY,MAAKC,EAAAb,EACLc,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EAAAE,EAAAf,EACbgB,IAAAA,OAAM,IAAHD,GAAQA,EAAAE,EAAAjB,EACXkB,WAAAA,OAAa,IAAHD,GAAOA,EACjBE,EAAOnB,EAAPmB,QAGIC,EAAUnB,EACVe,EACFI,EAAU,UACSC,IAAVT,IACTQ,EAAUR,EAAQE,KAAQQ,OAAMR,EAAQ,KAAMF,GAIhD,IAAMW,EAAe,CACnB,2BAAYD,OACEnB,GAAOmB,cAAAA,OACPjB,GAAI,cAAAiB,OACJf,GACdE,EAAW,sBAAwB,GACnCO,EAAM,iBAAmB,GACxBE,EAAqC,GAAxB,sBACdP,GAECa,OAAOC,SACPC,KAAK,KAER,OACEC,EAAAA,IACE,OAAA,CAAAhB,UAAWY,EACXJ,QAASA,EACTS,KAAMT,EAAU,cAAWE,EAC3BQ,SAAUV,EAAU,OAAIE,WAEvBD,GAGP"}

package/dist/src/components/ui/ColorPicker.js

@@ -1,2 +1,2 @@
-import{slicedToArray as e,asyncToGenerator as r,regeneratorRuntime as a}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as n,jsx as o}from"react/jsx-runtime";import{useState as t,useRef as c,useEffect as i}from"react";var l=["#ff0000","#ff4500","#ff8c00","#ffd700","#ffff00","#9acd32","#32cd32","#00ff00","#00fa9a","#00ffff","#00bfff","#0000ff","#4169e1","#8a2be2","#9400d3","#ff1493","#ff69b4","#ffc0cb","#ffffff","#f5f5f5","#d3d3d3","#808080","#000000","#800000","#008000"],s=function(e){var r=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);return r?{r:parseInt(r[1],16),g:parseInt(r[2],16),b:parseInt(r[3],16)}:null},u=function(u){var d=u.id,f=u.label,h=u.defaultColor,p=void 0===h?"#000000":h,b=u.name,m=u.className,v=void 0===m?"":m,g=u.showButton,w=void 0===g||g,k=u.onChange,y=u.CUSTOM_COLORS,N=u.hidePreview,x=void 0!==N&&N,C=u.hideFormats,E=void 0!==C&&C,M=u.hideEyeDropper,D=void 0!==M&&M,L=t(!w),B=e(L,2),H=B[0],F=B[1],I=t(p),P=e(I,2),R=P[0],S=P[1],$=t(p),A=e($,2),G=A[0],O=A[1],T=t(!1),_=e(T,2),j=_[0],V=_[1],z=c(null),K=c(null),U=t(!1),X=e(U,2),q=X[0],J=X[1];i((function(){J("EyeDropper"in window)}),[]),i((function(){var e=function(e){z.current&&!z.current.contains(e.target)&&F(!1)};return document.addEventListener("mousedown",e),function(){return document.removeEventListener("mousedown",e)}}),[]);var Q,W,Y=function(e){S(e),O(e),V(!1),null==k||k(e),w&&F(!1)},Z=function(){var e=r(a().mark((function e(){var r,n;return a().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!("EyeDropper"in window)){e.next=12;break}return e.prev=1,r=new window.EyeDropper,e.next=5,r.open();case 5:n=e.sent,Y(n.sRGBHex),e.next=12;break;case 9:e.prev=9,e.t0=e.catch(1),console.error("EyeDropper failed:",e.t0);case 12:case"end":return e.stop()}}),e,null,[[1,9]])})));return function(){return e.apply(this,arguments)}}();return n("div",{ref:z,className:"ihub-color-picker ".concat(v),children:[f&&o("label",{htmlFor:d,className:"ihub-fs-sm ihub-mb-1 ihub-d-inline-block",children:f}),b&&o("input",{type:"hidden",name:b,defaultValue:R}),w?n("button",{type:"button",className:"ihub-color-picker-toggle",onClick:function(){return F(!H)},"aria-expanded":H,"aria-haspopup":"true",style:{backgroundColor:R},children:[o("span",{className:"ihub-color-preview",style:{backgroundColor:R}}),o("span",{className:(Q=R,W=s(Q),W&&(.299*W.r+.587*W.g+.114*W.b)/255<.5?"ihub-text-white":"ihub-color-value"),children:R})]}):null,H&&n("div",{className:"ihub-color-picker-panel",role:"dialog","aria-label":"Color picker",onKeyDown:function(e){"Escape"===e.key&&F(!1)},children:[!x&&o("div",{className:"ihub-color-preview-large",style:{backgroundColor:R}}),!E&&n("div",{className:"ihub-color-formats",children:[n("div",{className:"ihub-format-item",children:[o("span",{children:"HEX:"}),o("input",{id:d,ref:K,type:"text",value:G,onChange:function(e){var r=e.target.value;O(r);var a,n=/^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/.test(a=r)||/^rgb\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*\)$/.test(a)||/^hsl\(\s*(\d{1,3})\s*,\s*(\d{1,3})%\s*,\s*(\d{1,3})%\s*\)$/.test(a)?a:null;n?(S(n),V(!1),null==k||k(n)):V(!0)},className:"ihub-color-input ".concat(j?"ihub-error":""),placeholder:"#000000","aria-label":"Hex color value"})]}),n("div",{className:"ihub-format-item",children:[o("span",{children:"RGB:"}),o("span",{className:"ihub-format-value",children:function(e){var r=s(e);return r?"rgb(".concat(r.r,", ").concat(r.g,", ").concat(r.b,")"):e}(R)})]}),n("div",{className:"ihub-format-item",children:[o("span",{children:"HSL:"}),o("span",{className:"ihub-format-value",children:function(e){var r=s(e);if(r){var a=function(e,r,a){e/=255,r/=255,a/=255;var n=Math.max(e,r,a),o=Math.min(e,r,a),t=0,c=0,i=(n+o)/2;if(n!==o){var l=n-o;switch(c=i>.5?l/(2-n-o):l/(n+o),n){case e:t=(r-a)/l+(r<a?6:0);break;case r:t=(a-e)/l+2;break;case a:t=(e-r)/l+4}t/=6}return{h:360*t,s:100*c,l:100*i}}(r.r,r.g,r.b);return"hsl(".concat(Math.round(a.h),", ").concat(Math.round(a.s),"%, ").concat(Math.round(a.l),"%)")}return e}(R)})]})]}),!D&&q&&n("button",{type:"button",className:"ihub-eyedropper-btn",onClick:Z,"aria-label":"Pick color from screen",children:[o("svg",{viewBox:"0 0 24 24",width:"16",height:"16",fill:"currentColor",children:o("path",{d:"M20.71 5.63l-2.34-2.34a1 1 0 00-1.41 0l-3.12 3.12-3.2-3.2a1 1 0 00-1.41 0L7.88 4.58a1 1 0 000 1.41l3.13 3.13L3 17.25V21h3.75l8.01-8.01 3.13 3.13a1 1 0 001.41 0l1.38-1.38a1 1 0 000-1.41l-3.2-3.2 3.23-3.23a1 1 0 000-1.27z"})}),"Pick Color"]}),o("div",{className:"ihub-color-grid",children:(y||l).map((function(e,r){return o("button",{type:"button",className:"ihub-color-swatch ".concat(R===e?"ihub-selected":""),style:{backgroundColor:e},onClick:function(){return Y(e)},"aria-label":"Select color ".concat(e),tabIndex:H?0:-1},e)}))})]})]})};export{u as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),r=require("react/jsx-runtime"),a=require("react"),n=["#ff0000","#ff4500","#ff8c00","#ffd700","#ffff00","#9acd32","#32cd32","#00ff00","#00fa9a","#00ffff","#00bfff","#0000ff","#4169e1","#8a2be2","#9400d3","#ff1493","#ff69b4","#ffc0cb","#ffffff","#f5f5f5","#d3d3d3","#808080","#000000","#800000","#008000"],t=function(e){var r=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);return r?{r:parseInt(r[1],16),g:parseInt(r[2],16),b:parseInt(r[3],16)}:null};exports.default=function(s){var o=s.id,c=s.label,i=s.defaultColor,l=void 0===i?"#000000":i,u=s.name,d=s.className,f=void 0===d?"":d,h=s.showButton,b=void 0===h||h,p=s.onChange,v=s.CUSTOM_COLORS,m=s.hidePreview,x=void 0!==m&&m,j=s.hideFormats,y=void 0!==j&&j,g=s.hideEyeDropper,w=void 0!==g&&g,k=a.useState(!b),N=e.slicedToArray(k,2),C=N[0],E=N[1],S=a.useState(l),M=e.slicedToArray(S,2),A=M[0],R=M[1],T=a.useState(l),D=e.slicedToArray(T,2),L=D[0],B=D[1],H=a.useState(!1),P=e.slicedToArray(H,2),_=P[0],F=P[1],I=a.useRef(null),O=a.useRef(null),$=a.useState(!1),q=e.slicedToArray($,2),G=q[0],V=q[1];a.useEffect((function(){V("EyeDropper"in window)}),[]),a.useEffect((function(){var e=function(e){I.current&&!I.current.contains(e.target)&&E(!1)};return document.addEventListener("mousedown",e),function(){return document.removeEventListener("mousedown",e)}}),[]);var z,K,U=function(e){R(e),B(e),F(!1),null==p||p(e),b&&E(!1)},X=function(){var r=e.asyncToGenerator(e.regeneratorRuntime().mark((function r(){var a,n;return e.regeneratorRuntime().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!("EyeDropper"in window)){e.next=12;break}return e.prev=1,a=new window.EyeDropper,e.next=5,a.open();case 5:n=e.sent,U(n.sRGBHex),e.next=12;break;case 9:e.prev=9,e.t0=e.catch(1),console.error("EyeDropper failed:",e.t0);case 12:case"end":return e.stop()}}),r,null,[[1,9]])})));return function(){return r.apply(this,arguments)}}();return r.jsxs("div",{ref:I,className:"ihub-color-picker ".concat(f),children:[c&&r.jsx("label",{htmlFor:o,className:"ihub-fs-sm ihub-mb-1 ihub-d-inline-block",children:c}),u&&r.jsx("input",{type:"hidden",name:u,defaultValue:A}),b?r.jsxs("button",{type:"button",className:"ihub-color-picker-toggle",onClick:function(){return E(!C)},"aria-expanded":C,"aria-haspopup":"true",style:{backgroundColor:A},children:[r.jsx("span",{className:"ihub-color-preview",style:{backgroundColor:A}}),r.jsx("span",{className:(z=A,K=t(z),K&&(.299*K.r+.587*K.g+.114*K.b)/255<.5?"ihub-text-white":"ihub-color-value"),children:A})]}):null,C&&r.jsxs("div",{className:"ihub-color-picker-panel",role:"dialog","aria-label":"Color picker",onKeyDown:function(e){"Escape"===e.key&&E(!1)},children:[!x&&r.jsx("div",{className:"ihub-color-preview-large",style:{backgroundColor:A}}),!y&&r.jsxs("div",{className:"ihub-color-formats",children:[r.jsxs("div",{className:"ihub-format-item",children:[r.jsx("span",{children:"HEX:"}),r.jsx("input",{id:o,ref:O,type:"text",value:L,onChange:function(e){var r=e.target.value;B(r);var a,n=/^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/.test(a=r)||/^rgb\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*\)$/.test(a)||/^hsl\(\s*(\d{1,3})\s*,\s*(\d{1,3})%\s*,\s*(\d{1,3})%\s*\)$/.test(a)?a:null;n?(R(n),F(!1),null==p||p(n)):F(!0)},className:"ihub-color-input ".concat(_?"ihub-error":""),placeholder:"#000000","aria-label":"Hex color value"})]}),r.jsxs("div",{className:"ihub-format-item",children:[r.jsx("span",{children:"RGB:"}),r.jsx("span",{className:"ihub-format-value",children:function(e){var r=t(e);return r?"rgb(".concat(r.r,", ").concat(r.g,", ").concat(r.b,")"):e}(A)})]}),r.jsxs("div",{className:"ihub-format-item",children:[r.jsx("span",{children:"HSL:"}),r.jsx("span",{className:"ihub-format-value",children:function(e){var r=t(e);if(r){var a=function(e,r,a){e/=255,r/=255,a/=255;var n=Math.max(e,r,a),t=Math.min(e,r,a),s=0,o=0,c=(n+t)/2;if(n!==t){var i=n-t;switch(o=c>.5?i/(2-n-t):i/(n+t),n){case e:s=(r-a)/i+(r<a?6:0);break;case r:s=(a-e)/i+2;break;case a:s=(e-r)/i+4}s/=6}return{h:360*s,s:100*o,l:100*c}}(r.r,r.g,r.b);return"hsl(".concat(Math.round(a.h),", ").concat(Math.round(a.s),"%, ").concat(Math.round(a.l),"%)")}return e}(A)})]})]}),!w&&G&&r.jsxs("button",{type:"button",className:"ihub-eyedropper-btn",onClick:X,"aria-label":"Pick color from screen",children:[r.jsx("svg",{viewBox:"0 0 24 24",width:"16",height:"16",fill:"currentColor",children:r.jsx("path",{d:"M20.71 5.63l-2.34-2.34a1 1 0 00-1.41 0l-3.12 3.12-3.2-3.2a1 1 0 00-1.41 0L7.88 4.58a1 1 0 000 1.41l3.13 3.13L3 17.25V21h3.75l8.01-8.01 3.13 3.13a1 1 0 001.41 0l1.38-1.38a1 1 0 000-1.41l-3.2-3.2 3.23-3.23a1 1 0 000-1.27z"})}),"Pick Color"]}),r.jsx("div",{className:"ihub-color-grid",children:(v||n).map((function(e,a){return r.jsx("button",{type:"button",className:"ihub-color-swatch ".concat(A===e?"ihub-selected":""),style:{backgroundColor:e},onClick:function(){return U(e)},"aria-label":"Select color ".concat(e),tabIndex:C?0:-1},e)}))})]})]})};
 //# sourceMappingURL=ColorPicker.js.map

package/dist/src/components/ui/ComponentLists.js

@@ -1,2 +1,2 @@
-import{slicedToArray as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as e,jsx as t}from"react/jsx-runtime";var n=function(){var n=[{name:"ActionDropdown",description:"Dropdown component for actions",category:"Forms",repo_path:"src/components/forms/ActionDropdown.tsx"},{name:"AnimatedBox",description:"Animated container component",category:"Forms",repo_path:"src/components/forms/AnimatedBox.tsx"},{name:"PasswordField",description:"Secure password input field",category:"Forms",repo_path:"src/components/forms/PasswordField.tsx"},{name:"DateInput",description:"Date selection input field",category:"Forms",repo_path:"src/components/forms/DateInput.tsx"},{name:"DateTimeInput",description:"Date and time selection input field",category:"Forms",repo_path:"src/components/forms/DateTimeInput.tsx"},{name:"DropFile",description:"File drag and drop component",category:"Forms",repo_path:"src/components/forms/DropFile.tsx"},{name:"EmailList",description:"Email list display component",category:"Forms",repo_path:"src/components/forms/EmailList.tsx"},{name:"FilterArray",description:"Array filtering component",category:"Forms",repo_path:"src/components/forms/FilterArray.tsx"},{name:"FilterBy",description:"Filtering component with criteria",category:"Forms",repo_path:"src/components/forms/FilterBy.tsx"},{name:"FilterObjects",description:"Object filtering component",category:"Forms",repo_path:"src/components/forms/FilterObjects.tsx"},{name:"FormError",description:"Form error display component",category:"Forms",repo_path:"src/components/forms/FormError.tsx"},{name:"HandleError",description:"Error handling component",category:"Forms",repo_path:"src/components/forms/HandleError.tsx"},{name:"Logout",description:"Logout functionality component",category:"Forms",repo_path:"src/components/forms/Logout.tsx"},{name:"MessageDisplay",description:"Message display component",category:"Forms",repo_path:"src/components/forms/MessageDisplay.tsx"},{name:"MultipleEmail",description:"Multiple email input component",category:"Forms",repo_path:"src/components/forms/MultipleEmail.tsx"},{name:"PageLoading",description:"Page loading indicator component",category:"Forms",repo_path:"src/components/forms/PageLoading.tsx"},{name:"PhoneNumberInput",description:"Phone number input with formatting",category:"Forms",repo_path:"src/components/forms/PhoneNumberInput.tsx"},{name:"RadioField",description:"Radio button input field",category:"Forms",repo_path:"src/components/forms/RadioField.tsx"},{name:"RadioSimple",description:"Simplified radio button component",category:"Forms",repo_path:"src/components/forms/RadioSimple.tsx"},{name:"ReactTimeAgo",description:"Time ago display component",category:"Forms",repo_path:"src/components/forms/ReactTimeAgo.tsx"},{name:"ReadTermsAndCondition",description:"Terms and conditions acceptance component",category:"Forms",repo_path:"src/components/forms/ReadTermsAndCondition.tsx"},{name:"SearchField",description:"Search input field component",category:"Forms",repo_path:"src/components/forms/SearchField.tsx"},{name:"SearchFieldDB",description:"Database search field component",category:"Forms",repo_path:"src/components/forms/SearchFieldDB.tsx"},{name:"StepProgressBar",description:"Step progress indicator component",category:"Forms",repo_path:"src/components/forms/StepProgressBar.tsx"},{name:"SubmitButton",description:"Form submission button component",category:"Forms",repo_path:"src/components/forms/SubmitButton.tsx"},{name:"Tables",description:"Table display component",category:"Forms",repo_path:"src/components/forms/Tables.tsx"},{name:"TextArea",description:"Multi-line text input component",category:"Forms",repo_path:"src/components/forms/TextArea.tsx"},{name:"TextField",description:"Text input field component",category:"Forms",repo_path:"src/components/forms/TextField.tsx"},{name:"Tooltip",description:"Tooltip display component",category:"Forms",repo_path:"src/components/forms/Tooltip.tsx"},{name:"UnsplashRandomImage",description:"Random image from Unsplash component",category:"Forms",repo_path:"src/components/forms/UnsplashRandomImage.tsx"},{name:"DownloadAsExcel",description:"Excel download functionality component",category:"Forms",repo_path:"src/components/forms/DownloadAsExcel.tsx"},{name:"THeadSortBtn",description:"Table header sort button component",category:"Forms",repo_path:"src/components/forms/THeadSortBtn.tsx"},{name:"THeadSortList",description:"Table header sort list component",category:"Forms",repo_path:"src/components/forms/THeadSortList.tsx"},{name:"TBodyNoData",description:"Table body empty state component",category:"Forms",repo_path:"src/components/forms/TBodyNoData.tsx"},{name:"FileUploader",description:"File upload component",category:"Forms",repo_path:"src/components/forms/uploads/FileUploader.tsx"},{name:"IhubFileUploader",description:"InstinctHub file upload component",category:"Forms",repo_path:"src/components/forms/uploads/IhubFileUploader.tsx"},{name:"ActionCallbackDropdown",description:"Action callback dropdown component",category:"Forms",repo_path:"src/components/forms/ActionCallbackDropdown.tsx"},{name:"InputNumber",description:"InputNumber component for numerical input",category:"Form",repo_path:"src/components/forms/InputNumber.tsx"},{name:"InputText",description:"InputText component for text input",category:"Form",repo_path:"src/components/forms/InputText.tsx"},{name:"InputTextarea",description:"InputTextarea component for text input",category:"Form",repo_path:"src/components/forms/InputTextarea.tsx"},{name:"SearchObjectsFromDB",description:"SearchObjectsFromDB component for searching objects from database",category:"Form",repo_path:"src/components/forms/SearchObjectsFromDB.tsx"},{name:"ToggleButton",description:"ToggleButton component for changing state.",category:"Form",repo_path:"src/components/forms/ToggleButton.tsx"},{name:"DateInputPicker",description:"DateInputPicker component for picking date and time.",category:"Form",repo_path:"src/components/forms/DateInputPicker.tsx"},{name:"ChipsInput",description:"ChipsInput is used to enter multiple values on an input field.",category:"Form",repo_path:"src/components/forms/ChipsInput.tsx"},{name:"RadioButton",description:"RadioButton is used to enter single value on an input field.",category:"Form",repo_path:"src/components/forms/radio-btn/RadioButton.tsx"},{name:"RadioGroup",description:"RadioGroup is used to select each from group value on an input field.",category:"Form",repo_path:"src/components/forms/radio-btn/RadioGroup.tsx"},{name:"InputAmount",description:"InputAmount is used to enter amount on an input field.",category:"Form",repo_path:"src/components/forms/InputAmount.tsx"},{name:"CheckBoxes",description:"CheckBoxes is used to enter multiple values on an input field.",category:"Form",repo_path:"src/components/forms/CheckBoxes.tsx"},{name:"CheckBoxesField",description:"CheckBoxesField is used to enter multiple values on an input field.",category:"Form",repo_path:"src/components/forms/CheckboxesField.tsx"},{name:"IsUsernameEmailTaken",description:"Username/email availability checker",category:"Auth",repo_path:"src/components/auth/IsUsernameEmailTaken.tsx"},{name:"ClientDetector",description:"Client device detection component",category:"Auth",repo_path:"src/components/auth/ClientDetector.tsx"},{name:"PasswordsMatch",description:"Password matching validation component",category:"Auth",repo_path:"src/components/auth/PasswordsMatch.tsx"},{name:"FromInstinctHub",description:"From InstinctHub component",category:"Auth",repo_path:"src/components/auth/FromInstinctHub.tsx"},{name:"LoginForm",description:"Login form component",category:"Auth",repo_path:"src/components/auth/LoginForm.tsx"},{name:"ChannelListAvatar",description:"Channel list avatar component",category:"Navbar",repo_path:"src/components/navbar/ChannelListAvatar.tsx"},{name:"MenuDropdown",description:"Menu dropdown component",category:"Navbar",repo_path:"src/components/navbar/MenuDropdown.tsx"},{name:"Breadcrumb",description:"Breadcrumb component",category:"Navbar",repo_path:"src/components/navbar/Breadcrumb.tsx"},{name:"ResponsiveNavbar",description:"Responsive navbar component",category:"Navbar",repo_path:"src/components/navbar/ResponsiveNavbar.tsx"},{name:"SideNavbar",description:"Side navbar component",category:"Navbar",repo_path:"src/components/navbar/SideNavbar.tsx"},{name:"CustomTextEditor",description:"Custom text editor component",category:"UI",repo_path:"src/components/ui/editor/CustomTextEditor.tsx"},{name:"ContentViewer",description:"Content viewer component",category:"UI",repo_path:"src/components/ui/viewer/ContentViewer.tsx"},{name:"ContentViewOrEdit",description:"Content view or edit component",category:"UI",repo_path:"src/components/ui/viewer/ContentViewOrEdit.tsx"},{name:"CodeDisplay",description:"Code display component",category:"UI",repo_path:"src/components/ui/viewer/CodeDisplay.tsx"},{name:"IHubTable",description:"InstinctHub table component",category:"UI",repo_path:"src/components/ui/tables/IHubTable.tsx"},{name:"IHubTableServer",description:"InstinctHub server table component",category:"UI",repo_path:"src/components/ui/tables/IHubTableServer.tsx"},{name:"OrDivider",description:"Or divider component",category:"UI",repo_path:"src/components/ui/OrDivider.tsx"},{name:"Card",description:"Card component",category:"UI",repo_path:"src/components/ui/cards/Card.tsx"},{name:"CardList",description:"Card list component",category:"UI",repo_path:"src/components/ui/cards/CardList.tsx"},{name:"CardGrid",description:"Card grid component",category:"UI",repo_path:"src/components/ui/cards/CardGrid.tsx"},{name:"HorizontalCard",description:"Horizontal card component",category:"UI",repo_path:"src/components/ui/cards/HorizontalCard.tsx"},{name:"FeatureCard",description:"Feature card component",category:"UI",repo_path:"src/components/ui/cards/FeatureCard.tsx"},{name:"MediaCard",description:"Media card component",category:"UI",repo_path:"src/components/ui/cards/MediaCard.tsx"},{name:"PricingCard",description:"Pricing card component",category:"UI",repo_path:"src/components/ui/cards/PricingCard.tsx"},{name:"ProfileCard",description:"Profile card component",category:"UI",repo_path:"src/components/ui/cards/ProfileCard.tsx"},{name:"RandomGradientImage",description:"Random gradient image component",category:"UI",repo_path:"src/components/ui/images/RandomGradientImage.tsx"},{name:"Dialog",description:"A reusable dialog component",category:"UI",repo_path:"src/components/ui/dialogs/Dialog.tsx"},{name:"Badge",description:"A reusable Badge component",category:"UI",repo_path:"src/components/ui/Badge.tsx"},{name:"Action",description:"A reusable Action component",category:"UI",repo_path:"src/components/ui/Action.tsx"},{name:"Dropdown",description:"A reusable Dropdown component",category:"UI",repo_path:"src/components/ui/Dropdown.tsx"},{name:"ColorPicker",description:"A reusable ColorPicker component",category:"UI",repo_path:"src/components/ui/ColorPicker.tsx"},{name:"Pagination",description:"A reusable Pagination component",category:"UI",repo_path:"src/components/ui/pagination/Pagination.tsx"},{name:"PaginationDemo",description:"A demo for the Pagination component",category:"UI",repo_path:"src/components/ui/pagination/PaginationDemo.tsx"},{name:"CreateButton",description:"A reusable CreateButton component",category:"UI",repo_path:"src/components/ui/create-button/CreateButton.tsx"},{name:"CreateButtonExample",description:"An example of the CreateButton component",category:"UI",repo_path:"src/components/ui/create-button/CreateButtonExample.tsx"},{name:"ChangeStyleVariable",description:"Style variable changer component",category:"Theme",repo_path:"src/components/theme/ChangeStyleVariable.tsx"},{name:"DarkModeProvider",description:"Dark mode provider component",category:"Theme",repo_path:"src/components/theme/DarkModeProvider.tsx"},{name:"LoadingAnimate",description:"Loading animation component",category:"Theme",repo_path:"src/components/theme/LoadingAnimate.tsx"},{name:"SessionProviders",description:"Session providers component",category:"Theme",repo_path:"src/components/theme/SessionProviders.tsx"},{name:"SessionExpiresLogout",description:"Session expiration logout component",category:"Theme",repo_path:"src/components/theme/signout/SessionExpiresLogout.tsx"},{name:"SignOutSession",description:"Sign out session component",category:"Theme",repo_path:"src/components/theme/signout/SignOutSession.tsx"},{name:"TimeTracker",description:"Time tracking component",category:"Status",repo_path:"src/components/status/ReactTimeTracker.tsx"},{name:"SessionHandleProvider",description:"Session handling provider component",category:"Status",repo_path:"src/components/status/SessionHandleProvider.tsx"},{name:"Error500",description:"500 error display component",category:"Status",repo_path:"src/components/status/Error500.tsx"},{name:"ErrorState",description:"Error state display component",category:"Status",repo_path:"src/components/status/ErrorState.tsx"},{name:"ReactTimeTracker",description:"React time tracking component",category:"Status",repo_path:"src/components/status/ReactTimeTracker.tsx"},{name:"DeleteConfirmationModal",description:"Delete confirmation modal component",category:"Status",repo_path:"src/components/status/DeleteConfirmationModal.tsx"},{name:"CopyToClipboard",description:"Copy to clipboard functionality component",category:"Status",repo_path:"src/components/status/CopyToClipBoard.tsx"},{name:"MultiPurposeModal",description:"Multi-purpose modal component",category:"Status",repo_path:"src/components/status/MultiPurposeModal.tsx"},{name:"ModalExamples",description:"Modal examples component",category:"Status",repo_path:"src/components/status/ModalExamples.tsx"},{name:"NotFound",description:"Not found component",category:"Status",repo_path:"src/components/status/NotFound.tsx"},{name:"Unauthorized",description:"Unauthorized component",category:"Status",repo_path:"src/components/status/Unauthorized.tsx"},{name:"Tabs",description:"Tab navigation component",category:"Tabs",repo_path:"src/components/tabs/Tabs.tsx"},{name:"VeriticalTabs",description:"Vertical tab navigation component",category:"Tabs",repo_path:"src/components/tabs/VerticalTabs.tsx"},{name:"TabContent",description:"Tab content display component",category:"Tabs",repo_path:"src/components/tabs/TabContent.tsx"}].reduce((function(o,e){return o[e.category]||(o[e.category]=[]),o[e.category].push(e),o}),{}),r="https://github.com/instincthub/instincthub-react-ui/blob/main/";return e("div",{className:"ihub-component-lists",children:[t("h1",{className:"ihub-component-lists-title",children:"InstinctHub React UI Components"}),t("p",{className:"ihub-component-lists-description",children:"A comprehensive list of all available components in the InstinctHub React UI library."}),Object.entries(n).map((function(n){var a=o(n,2),s=a[0],c=a[1];return e("div",{className:"ihub-component-category",children:[t("h2",{className:"ihub-component-category-title",children:s}),t("div",{className:"ihub-component-grid",children:c.map((function(o){return e("div",{className:"ihub-component-card",children:[t("h3",{className:"ihub-component-name",children:o.name}),t("p",{className:"ihub-component-description",children:o.description}),t("a",{href:"".concat(r).concat(o.repo_path),target:"_blank",rel:"noopener noreferrer",className:"ihub-component-link",onClick:function(e){e.preventDefault(),window.open("".concat(r).concat(o.repo_path),"_blank","noopener,noreferrer")},children:"View in Repository"})]},o.name)}))})]},s)}))]})};export{n as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),o=require("react/jsx-runtime"),t=require("react");exports.default=function(){var n=t.useState(""),r=e.slicedToArray(n,2),a=r[0],s=r[1],c=[{name:"ActionDropdown",description:"Dropdown component for actions",category:"Forms",repo_path:"src/components/forms/ActionDropdown.tsx"},{name:"AnimatedBox",description:"Animated container component",category:"Forms",repo_path:"src/components/forms/AnimatedBox.tsx"},{name:"PasswordField",description:"Secure password input field",category:"Forms",repo_path:"src/components/forms/PasswordField.tsx"},{name:"DateInput",description:"Date selection input field",category:"Forms",repo_path:"src/components/forms/DateInput.tsx"},{name:"DateTimeInput",description:"Date and time selection input field",category:"Forms",repo_path:"src/components/forms/DateTimeInput.tsx"},{name:"DropFile",description:"File drag and drop component",category:"Forms",repo_path:"src/components/forms/DropFile.tsx"},{name:"EmailList",description:"Email list display component",category:"Forms",repo_path:"src/components/forms/EmailList.tsx"},{name:"FilterArray",description:"Array filtering component",category:"Forms",repo_path:"src/components/forms/FilterArray.tsx"},{name:"FilterBy",description:"Filtering component with criteria",category:"Forms",repo_path:"src/components/forms/FilterBy.tsx"},{name:"FilterObjects",description:"Object filtering component",category:"Forms",repo_path:"src/components/forms/FilterObjects.tsx"},{name:"FormError",description:"Form error display component",category:"Forms",repo_path:"src/components/forms/FormError.tsx"},{name:"HandleError",description:"Error handling component",category:"Forms",repo_path:"src/components/forms/HandleError.tsx"},{name:"Logout",description:"Logout functionality component",category:"Forms",repo_path:"src/components/forms/Logout.tsx"},{name:"MessageDisplay",description:"Message display component",category:"Forms",repo_path:"src/components/forms/MessageDisplay.tsx"},{name:"MultipleEmail",description:"Multiple email input component",category:"Forms",repo_path:"src/components/forms/MultipleEmail.tsx"},{name:"PageLoading",description:"Page loading indicator component",category:"Forms",repo_path:"src/components/forms/PageLoading.tsx"},{name:"PhoneNumberInput",description:"Phone number input with formatting",category:"Forms",repo_path:"src/components/forms/PhoneNumberInput.tsx"},{name:"RadioField",description:"Radio button input field",category:"Forms",repo_path:"src/components/forms/RadioField.tsx"},{name:"RadioSimple",description:"Simplified radio button component",category:"Forms",repo_path:"src/components/forms/RadioSimple.tsx"},{name:"ReactTimeAgo",description:"Time ago display component",category:"Forms",repo_path:"src/components/forms/ReactTimeAgo.tsx"},{name:"ReadTermsAndCondition",description:"Terms and conditions acceptance component",category:"Forms",repo_path:"src/components/forms/ReadTermsAndCondition.tsx"},{name:"SearchField",description:"Search input field component",category:"Forms",repo_path:"src/components/forms/SearchField.tsx"},{name:"SearchFieldDB",description:"Database search field component",category:"Forms",repo_path:"src/components/forms/SearchFieldDB.tsx"},{name:"StepProgressBar",description:"Step progress indicator component",category:"Forms",repo_path:"src/components/forms/StepProgressBar.tsx"},{name:"SubmitButton",description:"Form submission button component",category:"Forms",repo_path:"src/components/forms/SubmitButton.tsx"},{name:"Tables",description:"Table display component",category:"Forms",repo_path:"src/components/forms/Tables.tsx"},{name:"TextArea",description:"Multi-line text input component",category:"Forms",repo_path:"src/components/forms/TextArea.tsx"},{name:"TextField",description:"Text input field component",category:"Forms",repo_path:"src/components/forms/TextField.tsx"},{name:"Tooltip",description:"Tooltip display component",category:"Forms",repo_path:"src/components/forms/Tooltip.tsx"},{name:"UnsplashRandomImage",description:"Random image from Unsplash component",category:"Forms",repo_path:"src/components/forms/UnsplashRandomImage.tsx"},{name:"DownloadAsExcel",description:"Excel download functionality component",category:"Forms",repo_path:"src/components/forms/DownloadAsExcel.tsx"},{name:"THeadSortBtn",description:"Table header sort button component",category:"Forms",repo_path:"src/components/forms/THeadSortBtn.tsx"},{name:"THeadSortList",description:"Table header sort list component",category:"Forms",repo_path:"src/components/forms/THeadSortList.tsx"},{name:"TBodyNoData",description:"Table body empty state component",category:"Forms",repo_path:"src/components/forms/TBodyNoData.tsx"},{name:"FileUploader",description:"File upload component",category:"Forms",repo_path:"src/components/forms/uploads/FileUploader.tsx"},{name:"IhubFileUploader",description:"InstinctHub file upload component",category:"Forms",repo_path:"src/components/forms/uploads/IhubFileUploader.tsx"},{name:"ActionCallbackDropdown",description:"Action callback dropdown component",category:"Forms",repo_path:"src/components/forms/ActionCallbackDropdown.tsx"},{name:"InputNumber",description:"InputNumber component for numerical input",category:"Form",repo_path:"src/components/forms/InputNumber.tsx"},{name:"InputText",description:"InputText component for text input",category:"Form",repo_path:"src/components/forms/InputText.tsx"},{name:"InputTextarea",description:"InputTextarea component for text input",category:"Form",repo_path:"src/components/forms/InputTextarea.tsx"},{name:"SearchObjectsFromDB",description:"SearchObjectsFromDB component for searching objects from database",category:"Form",repo_path:"src/components/forms/SearchObjectsFromDB.tsx"},{name:"ToggleButton",description:"ToggleButton component for changing state.",category:"Form",repo_path:"src/components/forms/ToggleButton.tsx"},{name:"DateInputPicker",description:"DateInputPicker component for picking date and time.",category:"Form",repo_path:"src/components/forms/DateInputPicker.tsx"},{name:"ChipsInput",description:"ChipsInput is used to enter multiple values on an input field.",category:"Form",repo_path:"src/components/forms/ChipsInput.tsx"},{name:"RadioButton",description:"RadioButton is used to enter single value on an input field.",category:"Form",repo_path:"src/components/forms/radio-btn/RadioButton.tsx"},{name:"RadioGroup",description:"RadioGroup is used to select each from group value on an input field.",category:"Form",repo_path:"src/components/forms/radio-btn/RadioGroup.tsx"},{name:"InputAmount",description:"InputAmount is used to enter amount on an input field.",category:"Form",repo_path:"src/components/forms/InputAmount.tsx"},{name:"CheckBoxes",description:"CheckBoxes is used to enter multiple values on an input field.",category:"Form",repo_path:"src/components/forms/CheckBoxes.tsx"},{name:"CheckBoxesField",description:"CheckBoxesField is used to enter multiple values on an input field.",category:"Form",repo_path:"src/components/forms/CheckboxesField.tsx"},{name:"CountryInput",description:"Searchable country selector input field",category:"Form",repo_path:"src/components/forms/CountryInput.tsx"},{name:"CountryStateInput",description:"Searchable state/province selector based on selected country",category:"Form",repo_path:"src/components/forms/CountryStateInput.tsx"},{name:"InputSearchDropdown",description:"Generic searchable dropdown component for organizations",category:"Form",repo_path:"src/components/forms/InputSearchDropdown.tsx"},{name:"IsUsernameEmailTaken",description:"Username/email availability checker",category:"Auth",repo_path:"src/components/auth/IsUsernameEmailTaken.tsx"},{name:"ClientDetector",description:"Client device detection component",category:"Auth",repo_path:"src/components/auth/ClientDetector.tsx"},{name:"PasswordsMatch",description:"Password matching validation component",category:"Auth",repo_path:"src/components/auth/PasswordsMatch.tsx"},{name:"FromInstinctHub",description:"From InstinctHub component",category:"Auth",repo_path:"src/components/auth/FromInstinctHub.tsx"},{name:"LoginForm",description:"Login form component",category:"Auth",repo_path:"src/components/auth/LoginForm.tsx"},{name:"SignUpForm",description:"Sign up form component",category:"Auth",repo_path:"src/__examples__/src/components/forms/SignUpFormExample.tsx"},{name:"ReactClientProviders",description:"Comprehensive wrapper providing all essential React providers",category:"Auth",repo_path:"src/components/auth/ReactClientProviders.tsx"},{name:"ClientOnly",description:"Wrapper component that only renders children on client side",category:"Auth",repo_path:"src/components/auth/ClientOnly.tsx"},{name:"useClientSide",description:"Hook for safely handling client-side initialization",category:"Auth",repo_path:"src/components/auth/useClientSide.ts"},{name:"useFormattedDate",description:"Hook for consistent date formatting between server and client",category:"Auth",repo_path:"src/components/auth/useFormattedDate.ts"},{name:"useStableRandom",description:"Hook for generating stable random values",category:"Auth",repo_path:"src/components/auth/useStableRandom.ts"},{name:"useExternalData",description:"Hook for safely handling external data to prevent hydration mismatches",category:"Auth",repo_path:"src/components/auth/useExternalData.ts"},{name:"ChannelListAvatar",description:"Channel list avatar component",category:"Navbar",repo_path:"src/components/navbar/ChannelListAvatar.tsx"},{name:"MenuDropdown",description:"Menu dropdown component",category:"Navbar",repo_path:"src/components/navbar/MenuDropdown.tsx"},{name:"Breadcrumb",description:"Breadcrumb component",category:"Navbar",repo_path:"src/components/navbar/Breadcrumb.tsx"},{name:"ResponsiveNavbar",description:"Responsive navbar component",category:"Navbar",repo_path:"src/components/navbar/ResponsiveNavbar.tsx"},{name:"SideNavbar",description:"Side navbar component",category:"Navbar",repo_path:"src/components/navbar/SideNavbar.tsx"},{name:"SideNavbarContext",description:"Context provider for side navigation state management",category:"Navbar",repo_path:"src/components/navbar/SideNavbarContext.tsx"},{name:"CustomTextEditor",description:"Custom text editor component",category:"UI",repo_path:"src/components/ui/editor/CustomTextEditor.tsx"},{name:"ContentViewer",description:"Content viewer component",category:"UI",repo_path:"src/components/ui/viewer/ContentViewer.tsx"},{name:"ContentViewOrEdit",description:"Content view or edit component",category:"UI",repo_path:"src/components/ui/viewer/ContentViewOrEdit.tsx"},{name:"CodeDisplay",description:"Code display component",category:"UI",repo_path:"src/components/ui/viewer/CodeDisplay.tsx"},{name:"IHubTable",description:"InstinctHub table component",category:"UI",repo_path:"src/components/ui/tables/IHubTable.tsx"},{name:"IHubTableServer",description:"InstinctHub server table component",category:"UI",repo_path:"src/components/ui/tables/IHubTableServer.tsx"},{name:"OrDivider",description:"Or divider component",category:"UI",repo_path:"src/components/ui/OrDivider.tsx"},{name:"Card",description:"Card component",category:"UI",repo_path:"src/components/ui/cards/Card.tsx"},{name:"CardList",description:"Card list component",category:"UI",repo_path:"src/components/ui/cards/CardList.tsx"},{name:"CardGrid",description:"Card grid component",category:"UI",repo_path:"src/components/ui/cards/CardGrid.tsx"},{name:"HorizontalCard",description:"Horizontal card component",category:"UI",repo_path:"src/components/ui/cards/HorizontalCard.tsx"},{name:"FeatureCard",description:"Feature card component",category:"UI",repo_path:"src/components/ui/cards/FeatureCard.tsx"},{name:"MediaCard",description:"Media card component",category:"UI",repo_path:"src/components/ui/cards/MediaCard.tsx"},{name:"PricingCard",description:"Pricing card component",category:"UI",repo_path:"src/components/ui/cards/PricingCard.tsx"},{name:"ProfileCard",description:"Profile card component",category:"UI",repo_path:"src/components/ui/cards/ProfileCard.tsx"},{name:"RandomGradientImage",description:"Random gradient image component",category:"UI",repo_path:"src/components/ui/images/RandomGradientImage.tsx"},{name:"Dialog",description:"A reusable dialog component",category:"UI",repo_path:"src/components/ui/dialogs/Dialog.tsx"},{name:"Badge",description:"A reusable Badge component",category:"UI",repo_path:"src/components/ui/Badge.tsx"},{name:"Action",description:"A reusable Action component",category:"UI",repo_path:"src/components/ui/Action.tsx"},{name:"Dropdown",description:"A reusable Dropdown component",category:"UI",repo_path:"src/components/ui/Dropdown.tsx"},{name:"ColorPicker",description:"A reusable ColorPicker component",category:"UI",repo_path:"src/components/ui/ColorPicker.tsx"},{name:"Pagination",description:"A reusable Pagination component",category:"UI",repo_path:"src/components/ui/pagination/Pagination.tsx"},{name:"PaginationDemo",description:"A demo for the Pagination component",category:"UI",repo_path:"src/components/ui/pagination/PaginationDemo.tsx"},{name:"CreateButton",description:"A reusable CreateButton component",category:"UI",repo_path:"src/components/ui/create-button/CreateButton.tsx"},{name:"CreateButtonExample",description:"An example of the CreateButton component",category:"UI",repo_path:"src/components/ui/create-button/CreateButtonExample.tsx"},{name:"MenuBar",description:"Toolbar component for the TipTap rich text editor",category:"UI",repo_path:"src/components/ui/editor/MenuBar.tsx"},{name:"InstinctHubChart",description:"Versatile chart component supporting multiple chart types",category:"UI",repo_path:"src/components/ui/charts/InstinctHubChart.tsx"},{name:"InstinctHubChartDashboard",description:"Dashboard component showcasing multiple charts",category:"UI",repo_path:"src/components/ui/charts/InstinctHubChartDashboard.tsx"},{name:"ChartConfigurator",description:"Interactive chart configuration interface",category:"UI",repo_path:"src/components/ui/charts/ChartConfigurator.tsx"},{name:"ChangeStyleVariable",description:"Style variable changer component",category:"Theme",repo_path:"src/components/theme/ChangeStyleVariable.tsx"},{name:"DarkModeProvider",description:"Dark mode provider component",category:"Theme",repo_path:"src/components/theme/DarkModeProvider.tsx"},{name:"LoadingAnimate",description:"Loading animation component",category:"Theme",repo_path:"src/components/theme/LoadingAnimate.tsx"},{name:"SessionProviders",description:"Session providers component",category:"Theme",repo_path:"src/components/theme/SessionProviders.tsx"},{name:"SessionExpiresLogout",description:"Session expiration logout component",category:"Theme",repo_path:"src/components/theme/signout/SessionExpiresLogout.tsx"},{name:"SignOutSession",description:"Sign out session component",category:"Theme",repo_path:"src/components/theme/signout/SignOutSession.tsx"},{name:"TimeTracker",description:"Time tracking component",category:"Status",repo_path:"src/components/status/ReactTimeTracker.tsx"},{name:"SessionHandleProvider",description:"Session handling provider component",category:"Status",repo_path:"src/components/status/SessionHandleProvider.tsx"},{name:"Error500",description:"500 error display component",category:"Status",repo_path:"src/components/status/Error500.tsx"},{name:"ErrorState",description:"Error state display component",category:"Status",repo_path:"src/components/status/ErrorState.tsx"},{name:"ReactTimeTracker",description:"React time tracking component",category:"Status",repo_path:"src/components/status/ReactTimeTracker.tsx"},{name:"DeleteConfirmationModal",description:"Delete confirmation modal component",category:"Status",repo_path:"src/components/status/DeleteConfirmationModal.tsx"},{name:"CopyToClipboard",description:"Copy to clipboard functionality component",category:"Status",repo_path:"src/components/status/CopyToClipBoard.tsx"},{name:"MultiPurposeModal",description:"Multi-purpose modal component",category:"Status",repo_path:"src/components/status/MultiPurposeModal.tsx"},{name:"ModalExamples",description:"Modal examples component",category:"Status",repo_path:"src/components/status/ModalExamples.tsx"},{name:"NotFound",description:"Not found component",category:"Status",repo_path:"src/components/status/NotFound.tsx"},{name:"Unauthorized",description:"Unauthorized component",category:"Status",repo_path:"src/components/status/Unauthorized.tsx"},{name:"Tabs",description:"Tab navigation component",category:"Tabs",repo_path:"src/components/tabs/Tabs.tsx"},{name:"VerticalTabs",description:"Vertical tab navigation component",category:"Tabs",repo_path:"src/components/tabs/VerticalTabs.tsx"},{name:"TabContent",description:"Tab content display component",category:"Tabs",repo_path:"src/components/tabs/TabContent.tsx"},{name:"Cursor",description:"Custom cursor component with trailing effects and animations",category:"Cursors",repo_path:"src/components/cursors/Cursor.tsx"},{name:"MagneticButton",description:"Button component with magnetic cursor attraction effect",category:"Cursors",repo_path:"src/components/cursors/MagneticButton.tsx"},{name:"CursorContext",description:"Context provider for cursor state management across the application",category:"Cursors",repo_path:"src/components/cursors/CursorContext.tsx"},{name:"useCursorInteraction",description:"Hook for adding interactive cursor effects to elements",category:"Cursors",repo_path:"src/components/cursors/useCursorInteraction.tsx"},{name:"CursorControlDemo",description:"Comprehensive demo component for the cursor system",category:"Cursors",repo_path:"src/components/cursors/CursorControlDemo.tsx"},{name:"Paystack",description:"Paystack payment integration component",category:"Library",repo_path:"src/components/lib/readme/paystack.md"}],i=t.useMemo((function(){if(!a.trim())return c;var e=a.toLowerCase();return c.filter((function(o){return o.name.toLowerCase().includes(e)||o.description.toLowerCase().includes(e)||o.category.toLowerCase().includes(e)}))}),[c,a]),p=t.useMemo((function(){return i.reduce((function(e,o){return e[o.category]||(e[o.category]=[]),e[o.category].push(o),e}),{})}),[i]),m="https://github.com/instincthub/instincthub-react-ui/blob/main/";return o.jsxs("div",{className:"ihub-component-lists",children:[o.jsx("h1",{className:"ihub-component-lists-title",children:"InstinctHub React UI Components"}),o.jsx("p",{className:"ihub-component-lists-description",children:"A comprehensive list of all available components in the InstinctHub React UI library."}),o.jsxs("div",{className:"ihub-search-container",children:[o.jsx("input",{type:"text",placeholder:"Search components by name, description, or category...",value:a,onChange:function(e){return s(e.target.value)},className:"ihub-search-input"}),a&&o.jsxs("div",{className:"ihub-search-results-info",children:["Found ",i.length," component",1!==i.length?"s":"",a&&' matching "'.concat(a,'"')]})]}),Object.entries(p).map((function(t){var n=e.slicedToArray(t,2),r=n[0],a=n[1];return o.jsxs("div",{className:"ihub-component-category",children:[o.jsx("h2",{className:"ihub-component-category-title",children:r}),o.jsx("div",{className:"ihub-component-grid",children:a.map((function(e){return o.jsxs("div",{className:"ihub-component-card",children:[o.jsx("h3",{className:"ihub-component-name",children:e.name}),o.jsx("p",{className:"ihub-component-description",children:e.description}),o.jsx("a",{href:"".concat(m).concat(e.repo_path),target:"_blank",rel:"noopener noreferrer",className:"ihub-component-link",onClick:function(o){o.preventDefault(),window.open("".concat(m).concat(e.repo_path),"_blank","noopener,noreferrer")},children:"View in Repository"})]},e.name)}))})]},r)})),0===Object.keys(p).length&&a&&o.jsxs("div",{className:"ihub-no-results",children:[o.jsxs("p",{children:['No components found matching "',a,'"']}),o.jsx("button",{onClick:function(){return s("")},className:"ihub-clear-search-btn",children:"Clear Search"})]})]})};
 //# sourceMappingURL=ComponentLists.js.map

package/dist/src/components/ui/ComponentLists.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComponentLists.js","sources":["../../../../src/components/ui/ComponentLists.tsx"],"sourcesContent":["import React from \"react\";\r\n\r\ninterface ComponentInfo {\r\n  name: string;\r\n  description: string;\r\n  category: string;\r\n  repo_path: string;\r\n}\r\n\r\nconst ComponentLists = () => {\r\n  const components: ComponentInfo[] = [\r\n    // Forms\r\n    {\r\n      name: \"ActionDropdown\",\r\n      description: \"Dropdown component for actions\",\r\n      category: \"Forms\",\r\n      repo_path: \"src/components/forms/ActionDropdown.tsx\",\r\n    },\r\n    {\r\n      name: \"AnimatedBox\",\r\n      description: \"Animated container component\",\r\n      category: \"Forms\",\r\n      repo_path: \"src/components/forms/AnimatedBox.tsx\",\r\n    },\r\n    {\r\n      name: \"PasswordField\",\r\n      description: \"Secure password input field\",\r\n      category: \"Forms\",\r\n      repo_path: \"src/components/forms/PasswordField.tsx\",\r\n    },\r\n    {\r\n      name: \"DateInput\",\r\n      description: \"Date selection input field\",\r\n      category: \"Forms\",\r\n      repo_path: \"src/components/forms/DateInput.tsx\",\r\n    },\r\n    {\r\n      name: \"DateTimeInput\",\r\n      description: \"Date and time selection input field\",\r\n      category: \"Forms\",\r\n      repo_path: \"src/components/forms/DateTimeInput.tsx\",\r\n    },\r\n    {\r\n      name: \"DropFile\",\r\n      description: \"File drag and drop component\",\r\n      category: \"Forms\",\r\n      repo_path: \"src/components/forms/DropFile.tsx\",\r\n    },\r\n    {\r\n      name: \"EmailList\",\r\n      description: \"Email list display component\",\r\n      category: \"Forms\",\r\n      repo_path: \"src/components/forms/EmailList.tsx\",\r\n    },\r\n    {\r\n      name: \"FilterArray\",\r\n      description: \"Array filtering component\",\r\n      category: \"Forms\",\r\n      repo_path: \"src/components/forms/FilterArray.tsx\",\r\n    },\r\n    {\r\n      name: \"FilterBy\",\r\n      description: \"Filtering component with criteria\",\r\n      category: \"Forms\",\r\n      repo_path: \"src/components/forms/FilterBy.tsx\",\r\n    },\r\n    {\r\n      name: \"FilterObjects\",\r\n      description: \"Object filtering component\",\r\n      category: \"Forms\",\r\n      repo_path: \"src/components/forms/FilterObjects.tsx\",\r\n    },\r\n    {\r\n      name: \"FormError\",\r\n      description: \"Form error display component\",\r\n      category: \"Forms\",\r\n      repo_path: \"src/components/forms/FormError.tsx\",\r\n    },\r\n    {\r\n      name: \"HandleError\",\r\n      description: \"Error handling component\",\r\n      category: \"Forms\",\r\n      repo_path: \"src/components/forms/HandleError.tsx\",\r\n    },\r\n    {\r\n      name: \"Logout\",\r\n      description: \"Logout functionality component\",\r\n      category: \"Forms\",\r\n      repo_path: \"src/components/forms/Logout.tsx\",\r\n    },\r\n    {\r\n      name: \"MessageDisplay\",\r\n      description: \"Message display component\",\r\n      category: \"Forms\",\r\n      repo_path: \"src/components/forms/MessageDisplay.tsx\",\r\n    },\r\n    {\r\n      name: \"MultipleEmail\",\r\n      description: \"Multiple email input component\",\r\n      category: \"Forms\",\r\n      repo_path: \"src/components/forms/MultipleEmail.tsx\",\r\n    },\r\n    {\r\n      name: \"PageLoading\",\r\n      description: \"Page loading indicator component\",\r\n      category: \"Forms\",\r\n      repo_path: \"src/components/forms/PageLoading.tsx\",\r\n    },\r\n    {\r\n      name: \"PhoneNumberInput\",\r\n      description: \"Phone number input with formatting\",\r\n      category: \"Forms\",\r\n      repo_path: \"src/components/forms/PhoneNumberInput.tsx\",\r\n    },\r\n    {\r\n      name: \"RadioField\",\r\n      description: \"Radio button input field\",\r\n      category: \"Forms\",\r\n      repo_path: \"src/components/forms/RadioField.tsx\",\r\n    },\r\n    {\r\n      name: \"RadioSimple\",\r\n      description: \"Simplified radio button component\",\r\n      category: \"Forms\",\r\n      repo_path: \"src/components/forms/RadioSimple.tsx\",\r\n    },\r\n    {\r\n      name: \"ReactTimeAgo\",\r\n      description: \"Time ago display component\",\r\n      category: \"Forms\",\r\n      repo_path: \"src/components/forms/ReactTimeAgo.tsx\",\r\n    },\r\n    {\r\n      name: \"ReadTermsAndCondition\",\r\n      description: \"Terms and conditions acceptance component\",\r\n      category: \"Forms\",\r\n      repo_path: \"src/components/forms/ReadTermsAndCondition.tsx\",\r\n    },\r\n    {\r\n      name: \"SearchField\",\r\n      description: \"Search input field component\",\r\n      category: \"Forms\",\r\n      repo_path: \"src/components/forms/SearchField.tsx\",\r\n    },\r\n    {\r\n      name: \"SearchFieldDB\",\r\n      description: \"Database search field component\",\r\n      category: \"Forms\",\r\n      repo_path: \"src/components/forms/SearchFieldDB.tsx\",\r\n    },\r\n    {\r\n      name: \"StepProgressBar\",\r\n      description: \"Step progress indicator component\",\r\n      category: \"Forms\",\r\n      repo_path: \"src/components/forms/StepProgressBar.tsx\",\r\n    },\r\n    {\r\n      name: \"SubmitButton\",\r\n      description: \"Form submission button component\",\r\n      category: \"Forms\",\r\n      repo_path: \"src/components/forms/SubmitButton.tsx\",\r\n    },\r\n    {\r\n      name: \"Tables\",\r\n      description: \"Table display component\",\r\n      category: \"Forms\",\r\n      repo_path: \"src/components/forms/Tables.tsx\",\r\n    },\r\n    {\r\n      name: \"TextArea\",\r\n      description: \"Multi-line text input component\",\r\n      category: \"Forms\",\r\n      repo_path: \"src/components/forms/TextArea.tsx\",\r\n    },\r\n    {\r\n      name: \"TextField\",\r\n      description: \"Text input field component\",\r\n      category: \"Forms\",\r\n      repo_path: \"src/components/forms/TextField.tsx\",\r\n    },\r\n    {\r\n      name: \"Tooltip\",\r\n      description: \"Tooltip display component\",\r\n      category: \"Forms\",\r\n      repo_path: \"src/components/forms/Tooltip.tsx\",\r\n    },\r\n    {\r\n      name: \"UnsplashRandomImage\",\r\n      description: \"Random image from Unsplash component\",\r\n      category: \"Forms\",\r\n      repo_path: \"src/components/forms/UnsplashRandomImage.tsx\",\r\n    },\r\n    {\r\n      name: \"DownloadAsExcel\",\r\n      description: \"Excel download functionality component\",\r\n      category: \"Forms\",\r\n      repo_path: \"src/components/forms/DownloadAsExcel.tsx\",\r\n    },\r\n    {\r\n      name: \"THeadSortBtn\",\r\n      description: \"Table header sort button component\",\r\n      category: \"Forms\",\r\n      repo_path: \"src/components/forms/THeadSortBtn.tsx\",\r\n    },\r\n    {\r\n      name: \"THeadSortList\",\r\n      description: \"Table header sort list component\",\r\n      category: \"Forms\",\r\n      repo_path: \"src/components/forms/THeadSortList.tsx\",\r\n    },\r\n    {\r\n      name: \"TBodyNoData\",\r\n      description: \"Table body empty state component\",\r\n      category: \"Forms\",\r\n      repo_path: \"src/components/forms/TBodyNoData.tsx\",\r\n    },\r\n    {\r\n      name: \"FileUploader\",\r\n      description: \"File upload component\",\r\n      category: \"Forms\",\r\n      repo_path: \"src/components/forms/uploads/FileUploader.tsx\",\r\n    },\r\n    {\r\n      name: \"IhubFileUploader\",\r\n      description: \"InstinctHub file upload component\",\r\n      category: \"Forms\",\r\n      repo_path: \"src/components/forms/uploads/IhubFileUploader.tsx\",\r\n    },\r\n    {\r\n      name: \"ActionCallbackDropdown\",\r\n      description: \"Action callback dropdown component\",\r\n      category: \"Forms\",\r\n      repo_path: \"src/components/forms/ActionCallbackDropdown.tsx\",\r\n    },\r\n    {\r\n      name: \"InputNumber\",\r\n      description: \"InputNumber component for numerical input\",\r\n      category: \"Form\",\r\n      repo_path: \"src/components/forms/InputNumber.tsx\",\r\n    },\r\n    {\r\n      name: \"InputText\",\r\n      description: \"InputText component for text input\",\r\n      category: \"Form\",\r\n      repo_path: \"src/components/forms/InputText.tsx\",\r\n    },\r\n    {\r\n      name: \"InputTextarea\",\r\n      description: \"InputTextarea component for text input\",\r\n      category: \"Form\",\r\n      repo_path: \"src/components/forms/InputTextarea.tsx\",\r\n    },\r\n    {\r\n      name: \"SearchObjectsFromDB\",\r\n      description:\r\n        \"SearchObjectsFromDB component for searching objects from database\",\r\n      category: \"Form\",\r\n      repo_path: \"src/components/forms/SearchObjectsFromDB.tsx\",\r\n    },\r\n    {\r\n      name: \"ToggleButton\",\r\n      description: \"ToggleButton component for changing state.\",\r\n      category: \"Form\",\r\n      repo_path: \"src/components/forms/ToggleButton.tsx\",\r\n    },\r\n    {\r\n      name: \"DateInputPicker\",\r\n      description: \"DateInputPicker component for picking date and time.\",\r\n      category: \"Form\",\r\n      repo_path: \"src/components/forms/DateInputPicker.tsx\",\r\n    },\r\n    {\r\n      name: \"ChipsInput\",\r\n      description:\r\n        \"ChipsInput is used to enter multiple values on an input field.\",\r\n      category: \"Form\",\r\n      repo_path: \"src/components/forms/ChipsInput.tsx\",\r\n    },\r\n    {\r\n      name: \"RadioButton\",\r\n      description:\r\n        \"RadioButton is used to enter single value on an input field.\",\r\n      category: \"Form\",\r\n      repo_path: \"src/components/forms/radio-btn/RadioButton.tsx\",\r\n    },\r\n    {\r\n      name: \"RadioGroup\",\r\n      description:\r\n        \"RadioGroup is used to select each from group value on an input field.\",\r\n      category: \"Form\",\r\n      repo_path: \"src/components/forms/radio-btn/RadioGroup.tsx\",\r\n    },\r\n    {\r\n      name: \"InputAmount\",\r\n      description: \"InputAmount is used to enter amount on an input field.\",\r\n      category: \"Form\",\r\n      repo_path: \"src/components/forms/InputAmount.tsx\",\r\n    },\r\n    {\r\n      name: \"CheckBoxes\",\r\n      description: \"CheckBoxes is used to enter multiple values on an input field.\",\r\n      category: \"Form\",\r\n      repo_path: \"src/components/forms/CheckBoxes.tsx\",\r\n    },\r\n    {\r\n      name: \"CheckBoxesField\",\r\n      description: \"CheckBoxesField is used to enter multiple values on an input field.\",\r\n      category: \"Form\",\r\n      repo_path: \"src/components/forms/CheckboxesField.tsx\",\r\n    },\r\n\r\n    // Auth\r\n    {\r\n      name: \"IsUsernameEmailTaken\",\r\n      description: \"Username/email availability checker\",\r\n      category: \"Auth\",\r\n      repo_path: \"src/components/auth/IsUsernameEmailTaken.tsx\",\r\n    },\r\n    {\r\n      name: \"ClientDetector\",\r\n      description: \"Client device detection component\",\r\n      category: \"Auth\",\r\n      repo_path: \"src/components/auth/ClientDetector.tsx\",\r\n    },\r\n    {\r\n      name: \"PasswordsMatch\",\r\n      description: \"Password matching validation component\",\r\n      category: \"Auth\",\r\n      repo_path: \"src/components/auth/PasswordsMatch.tsx\",\r\n    },\r\n    {\r\n      name: \"FromInstinctHub\",\r\n      description: \"From InstinctHub component\",\r\n      category: \"Auth\",\r\n      repo_path: \"src/components/auth/FromInstinctHub.tsx\",\r\n    },\r\n    {\r\n      name: \"LoginForm\",\r\n      description: \"Login form component\",\r\n      category: \"Auth\",\r\n      repo_path: \"src/components/auth/LoginForm.tsx\",\r\n    },\r\n    \r\n\r\n    // Navbar\r\n    {\r\n      name: \"ChannelListAvatar\",\r\n      description: \"Channel list avatar component\",\r\n      category: \"Navbar\",\r\n      repo_path: \"src/components/navbar/ChannelListAvatar.tsx\",\r\n    },\r\n    {\r\n      name: \"MenuDropdown\",\r\n      description: \"Menu dropdown component\",\r\n      category: \"Navbar\",\r\n      repo_path: \"src/components/navbar/MenuDropdown.tsx\",\r\n    },\r\n    {\r\n      name: \"Breadcrumb\",\r\n      description: \"Breadcrumb component\",\r\n      category: \"Navbar\",\r\n      repo_path: \"src/components/navbar/Breadcrumb.tsx\",\r\n    },\r\n    {\r\n      name: \"ResponsiveNavbar\",\r\n      description: \"Responsive navbar component\",\r\n      category: \"Navbar\",\r\n      repo_path: \"src/components/navbar/ResponsiveNavbar.tsx\",\r\n    },\r\n    {\r\n      name: \"SideNavbar\",\r\n      description: \"Side navbar component\",\r\n      category: \"Navbar\",\r\n      repo_path: \"src/components/navbar/SideNavbar.tsx\",\r\n    },\r\n\r\n    // UI\r\n    {\r\n      name: \"CustomTextEditor\",\r\n      description: \"Custom text editor component\",\r\n      category: \"UI\",\r\n      repo_path: \"src/components/ui/editor/CustomTextEditor.tsx\",\r\n    },\r\n    {\r\n      name: \"ContentViewer\",\r\n      description: \"Content viewer component\",\r\n      category: \"UI\",\r\n      repo_path: \"src/components/ui/viewer/ContentViewer.tsx\",\r\n    },\r\n    {\r\n      name: \"ContentViewOrEdit\",\r\n      description: \"Content view or edit component\",\r\n      category: \"UI\",\r\n      repo_path: \"src/components/ui/viewer/ContentViewOrEdit.tsx\",\r\n    },\r\n    {\r\n      name: \"CodeDisplay\",\r\n      description: \"Code display component\",\r\n      category: \"UI\",\r\n      repo_path: \"src/components/ui/viewer/CodeDisplay.tsx\",\r\n    },\r\n    {\r\n      name: \"IHubTable\",\r\n      description: \"InstinctHub table component\",\r\n      category: \"UI\",\r\n      repo_path: \"src/components/ui/tables/IHubTable.tsx\",\r\n    },\r\n    {\r\n      name: \"IHubTableServer\",\r\n      description: \"InstinctHub server table component\",\r\n      category: \"UI\",\r\n      repo_path: \"src/components/ui/tables/IHubTableServer.tsx\",\r\n    },\r\n    {\r\n      name: \"OrDivider\",\r\n      description: \"Or divider component\",\r\n      category: \"UI\",\r\n      repo_path: \"src/components/ui/OrDivider.tsx\",\r\n    },\r\n    {\r\n      name: \"Card\",\r\n      description: \"Card component\",\r\n      category: \"UI\",\r\n      repo_path: \"src/components/ui/cards/Card.tsx\",\r\n    },\r\n    {\r\n      name: \"CardList\",\r\n      description: \"Card list component\",\r\n      category: \"UI\",\r\n      repo_path: \"src/components/ui/cards/CardList.tsx\",\r\n    },\r\n    {\r\n      name: \"CardGrid\",\r\n      description: \"Card grid component\",\r\n      category: \"UI\",\r\n      repo_path: \"src/components/ui/cards/CardGrid.tsx\",\r\n    },\r\n    {\r\n      name: \"HorizontalCard\",\r\n      description: \"Horizontal card component\",\r\n      category: \"UI\",\r\n      repo_path: \"src/components/ui/cards/HorizontalCard.tsx\",\r\n    },\r\n    {\r\n      name: \"FeatureCard\",\r\n      description: \"Feature card component\",\r\n      category: \"UI\",\r\n      repo_path: \"src/components/ui/cards/FeatureCard.tsx\",\r\n    },\r\n    {\r\n      name: \"MediaCard\",\r\n      description: \"Media card component\",\r\n      category: \"UI\",\r\n      repo_path: \"src/components/ui/cards/MediaCard.tsx\",\r\n    },\r\n    {\r\n      name: \"PricingCard\",\r\n      description: \"Pricing card component\",\r\n      category: \"UI\",\r\n      repo_path: \"src/components/ui/cards/PricingCard.tsx\",\r\n    },\r\n    {\r\n      name: \"ProfileCard\",\r\n      description: \"Profile card component\",\r\n      category: \"UI\",\r\n      repo_path: \"src/components/ui/cards/ProfileCard.tsx\",\r\n    },\r\n    {\r\n      name: \"RandomGradientImage\",\r\n      description: \"Random gradient image component\",\r\n      category: \"UI\",\r\n      repo_path: \"src/components/ui/images/RandomGradientImage.tsx\",\r\n    },\r\n    {\r\n      name: \"Dialog\",\r\n      description: \"A reusable dialog component\",\r\n      category: \"UI\",\r\n      repo_path: \"src/components/ui/dialogs/Dialog.tsx\",\r\n    },\r\n    {\r\n      name: \"Badge\",\r\n      description: \"A reusable Badge component\",\r\n      category: \"UI\",\r\n      repo_path: \"src/components/ui/Badge.tsx\",\r\n    },\r\n    {\r\n      name: \"Action\",\r\n      description: \"A reusable Action component\",\r\n      category: \"UI\",\r\n      repo_path: \"src/components/ui/Action.tsx\",\r\n    },\r\n    {\r\n      name: \"Dropdown\",\r\n      description: \"A reusable Dropdown component\",\r\n      category: \"UI\",\r\n      repo_path: \"src/components/ui/Dropdown.tsx\",\r\n    },\r\n    {\r\n      name: \"ColorPicker\",\r\n      description: \"A reusable ColorPicker component\",\r\n      category: \"UI\",\r\n      repo_path: \"src/components/ui/ColorPicker.tsx\",\r\n    },\r\n    {\r\n      name: \"Pagination\",\r\n      description: \"A reusable Pagination component\",\r\n      category: \"UI\",\r\n      repo_path: \"src/components/ui/pagination/Pagination.tsx\",\r\n    },\r\n    {\r\n      name: \"PaginationDemo\",\r\n      description: \"A demo for the Pagination component\",\r\n      category: \"UI\",\r\n      repo_path: \"src/components/ui/pagination/PaginationDemo.tsx\",\r\n    },\r\n    {\r\n      name: \"CreateButton\",\r\n      description: \"A reusable CreateButton component\",\r\n      category: \"UI\",\r\n      repo_path: \"src/components/ui/create-button/CreateButton.tsx\",\r\n    },\r\n    {\r\n      name: \"CreateButtonExample\",\r\n      description: \"An example of the CreateButton component\",\r\n      category: \"UI\",\r\n      repo_path: \"src/components/ui/create-button/CreateButtonExample.tsx\",\r\n    },\r\n\r\n    // Theme\r\n    {\r\n      name: \"ChangeStyleVariable\",\r\n      description: \"Style variable changer component\",\r\n      category: \"Theme\",\r\n      repo_path: \"src/components/theme/ChangeStyleVariable.tsx\",\r\n    },\r\n    {\r\n      name: \"DarkModeProvider\",\r\n      description: \"Dark mode provider component\",\r\n      category: \"Theme\",\r\n      repo_path: \"src/components/theme/DarkModeProvider.tsx\",\r\n    },\r\n    {\r\n      name: \"LoadingAnimate\",\r\n      description: \"Loading animation component\",\r\n      category: \"Theme\",\r\n      repo_path: \"src/components/theme/LoadingAnimate.tsx\",\r\n    },\r\n    {\r\n      name: \"SessionProviders\",\r\n      description: \"Session providers component\",\r\n      category: \"Theme\",\r\n      repo_path: \"src/components/theme/SessionProviders.tsx\",\r\n    },\r\n    {\r\n      name: \"SessionExpiresLogout\",\r\n      description: \"Session expiration logout component\",\r\n      category: \"Theme\",\r\n      repo_path: \"src/components/theme/signout/SessionExpiresLogout.tsx\",\r\n    },\r\n    {\r\n      name: \"SignOutSession\",\r\n      description: \"Sign out session component\",\r\n      category: \"Theme\",\r\n      repo_path: \"src/components/theme/signout/SignOutSession.tsx\",\r\n    },\r\n\r\n    // Status\r\n    {\r\n      name: \"TimeTracker\",\r\n      description: \"Time tracking component\",\r\n      category: \"Status\",\r\n      repo_path: \"src/components/status/ReactTimeTracker.tsx\",\r\n    },\r\n    {\r\n      name: \"SessionHandleProvider\",\r\n      description: \"Session handling provider component\",\r\n      category: \"Status\",\r\n      repo_path: \"src/components/status/SessionHandleProvider.tsx\",\r\n    },\r\n    {\r\n      name: \"Error500\",\r\n      description: \"500 error display component\",\r\n      category: \"Status\",\r\n      repo_path: \"src/components/status/Error500.tsx\",\r\n    },\r\n    {\r\n      name: \"ErrorState\",\r\n      description: \"Error state display component\",\r\n      category: \"Status\",\r\n      repo_path: \"src/components/status/ErrorState.tsx\",\r\n    },\r\n    {\r\n      name: \"ReactTimeTracker\",\r\n      description: \"React time tracking component\",\r\n      category: \"Status\",\r\n      repo_path: \"src/components/status/ReactTimeTracker.tsx\",\r\n    },\r\n    {\r\n      name: \"DeleteConfirmationModal\",\r\n      description: \"Delete confirmation modal component\",\r\n      category: \"Status\",\r\n      repo_path: \"src/components/status/DeleteConfirmationModal.tsx\",\r\n    },\r\n    {\r\n      name: \"CopyToClipboard\",\r\n      description: \"Copy to clipboard functionality component\",\r\n      category: \"Status\",\r\n      repo_path: \"src/components/status/CopyToClipBoard.tsx\",\r\n    },\r\n    {\r\n      name: \"MultiPurposeModal\",\r\n      description: \"Multi-purpose modal component\",\r\n      category: \"Status\",\r\n      repo_path: \"src/components/status/MultiPurposeModal.tsx\",\r\n    },\r\n    {\r\n      name: \"ModalExamples\",\r\n      description: \"Modal examples component\",\r\n      category: \"Status\",\r\n      repo_path: \"src/components/status/ModalExamples.tsx\",\r\n    },\r\n    {\r\n      name: \"NotFound\",\r\n      description: \"Not found component\",\r\n      category: \"Status\",\r\n      repo_path: \"src/components/status/NotFound.tsx\",\r\n    },\r\n    {\r\n      name: \"Unauthorized\",\r\n      description: \"Unauthorized component\",\r\n      category: \"Status\",\r\n      repo_path: \"src/components/status/Unauthorized.tsx\",\r\n    },\r\n\r\n    // Tabs\r\n    {\r\n      name: \"Tabs\",\r\n      description: \"Tab navigation component\",\r\n      category: \"Tabs\",\r\n      repo_path: \"src/components/tabs/Tabs.tsx\",\r\n    },\r\n    {\r\n      name: \"VeriticalTabs\",\r\n      description: \"Vertical tab navigation component\",\r\n      category: \"Tabs\",\r\n      repo_path: \"src/components/tabs/VerticalTabs.tsx\",\r\n    },\r\n    {\r\n      name: \"TabContent\",\r\n      description: \"Tab content display component\",\r\n      category: \"Tabs\",\r\n      repo_path: \"src/components/tabs/TabContent.tsx\",\r\n    },\r\n  ];\r\n\r\n  // Group components by category\r\n  const groupedComponents = components.reduce((acc, component) => {\r\n    if (!acc[component.category]) {\r\n      acc[component.category] = [];\r\n    }\r\n    acc[component.category].push(component);\r\n    return acc;\r\n  }, {} as Record<string, ComponentInfo[]>);\r\n\r\n  const baseRepoUrl =\r\n    \"https://github.com/instincthub/instincthub-react-ui/blob/main/\";\r\n\r\n  return (\r\n    <div className=\"ihub-component-lists\">\r\n      <h1 className=\"ihub-component-lists-title\">\r\n        InstinctHub React UI Components\r\n      </h1>\r\n      <p className=\"ihub-component-lists-description\">\r\n        A comprehensive list of all available components in the InstinctHub\r\n        React UI library.\r\n      </p>\r\n\r\n      {Object.entries(groupedComponents).map(\r\n        ([category, categoryComponents]) => (\r\n          <div key={category} className=\"ihub-component-category\">\r\n            <h2 className=\"ihub-component-category-title\">{category}</h2>\r\n            <div className=\"ihub-component-grid\">\r\n              {categoryComponents.map((component) => (\r\n                <div key={component.name} className=\"ihub-component-card\">\r\n                  <h3 className=\"ihub-component-name\">{component.name}</h3>\r\n                  <p className=\"ihub-component-description\">\r\n                    {component.description}\r\n                  </p>\r\n                  <a\r\n                    href={`${baseRepoUrl}${component.repo_path}`}\r\n                    target=\"_blank\"\r\n                    rel=\"noopener noreferrer\"\r\n                    className=\"ihub-component-link\"\r\n                    onClick={(e) => {\r\n                      e.preventDefault();\r\n                      window.open(\r\n                        `${baseRepoUrl}${component.repo_path}`,\r\n                        \"_blank\",\r\n                        \"noopener,noreferrer\"\r\n                      );\r\n                    }}\r\n                  >\r\n                    View in Repository\r\n                  </a>\r\n                </div>\r\n              ))}\r\n            </div>\r\n          </div>\r\n        )\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default ComponentLists;\r\n"],"names":["ComponentLists","groupedComponents","name","description","category","repo_path","reduce","acc","component","push","baseRepoUrl","_jsxs","className","children","_jsx","Object","entries","map","_ref","_ref2","_slicedToArray","categoryComponents","href","concat","target","rel","onClick","e","preventDefault","window","open"],"mappings":"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"}
+{"version":3,"file":"ComponentLists.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/components/ui/Dropdown.js

@@ -1,2 +1,2 @@
-import{slicedToArray as e,toConsumableArray as n}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as o,jsx as a}from"react/jsx-runtime";import{useState as i,useRef as r,useEffect as l,useMemo as t}from"react";import d from"@mui/icons-material/CloseOutlined";import u from"@mui/icons-material/KeyboardArrowDownOutlined";import c from"@mui/icons-material/SearchOutlined";var s=function(s){var p=s.label,v=s.name,h=s.key_name,m=s.required,b=s.options,f=s.selectedValue,w=s.onChange,N=s.placeholder,g=void 0===N?"Select...":N,y=s.className,A=void 0===y?"":y,C=s.isMulti,x=void 0!==C&&C,k=s.isSearchable,L=void 0!==k&&k,O=s.noOptionsMessage,D=void 0===O?"No options available":O,E=s.isDisabled,S=void 0!==E&&E,H=s.maxHeight,P=void 0===H?250:H,_=s.renderOption,j=i(!1),q=e(j,2),K=q[0],M=q[1],B=i(""),F=e(B,2),I=F[0],R=F[1],T=i(f),U=e(T,2),V=U[0],z=U[1],G=r(null),J=r(null);l((function(){z(f)}),[f]),l((function(){var e=function(e){G.current&&!G.current.contains(e.target)&&M(!1)};return document.addEventListener("mousedown",e),function(){document.removeEventListener("mousedown",e)}}),[]),l((function(){K&&L&&J.current&&J.current.focus()}),[K,L]);var Q=t((function(){return I?b.filter((function(e){var n,o;return h?null===(n=e[h])||void 0===n?void 0:n.toLowerCase().includes(null==I?void 0:I.toLowerCase()):null==e||null===(o=e.label)||void 0===o?void 0:o.toLowerCase().includes(null==I?void 0:I.toLowerCase())})):b}),[b,I]),W=V?Array.isArray(V)?b.filter((function(e){return V.includes(e.value)})):b.filter((function(e){return e.value===V})):[];return o("div",{className:"ihub-wrapper ihub-dropdown-field ".concat(A," ").concat(S?"ihub-dropdown-disabled":""," ").concat(K?"active":""),ref:G,tabIndex:S?-1:0,onKeyDown:function(e){if(!S)switch(e.key){case"Enter":case"ArrowDown":case"ArrowUp":K||M(!0);break;case"Escape":M(!1)}},"aria-expanded":K,"aria-disabled":S,"aria-haspopup":"listbox",role:"combobox",children:[o("div",{className:"ihub-dropdown-trigger ".concat(K?"ihub-dropdown-open":""),onClick:function(){S||(M(!K),R(""))},children:[a("div",{className:"ihub-dropdown-value",children:W.length>0?x?a("div",{className:"ihub-dropdown-tags",children:W.map((function(e){return o("div",{className:"ihub-dropdown-tag",children:[h?e[h]:null==e?void 0:e.label,a("button",{type:"button",className:"ihub-dropdown-tag-remove",onClick:function(n){return function(e,n){if(n.stopPropagation(),Array.isArray(V)){var o=V.filter((function(n){return n!==e}));z(o),null==w||w(o)}}(e.value,n)},"aria-label":"Remove ".concat(h?e[h]:null==e?void 0:e.label),children:a(d,{})})]},e.value)}))}):h?W[0][h]:W[0].label:a("span",{className:"ihub-dropdown-placeholder",children:g})}),a("div",{className:"ihub-dropdown-indicator",children:a(u,{className:K?"ihub-dropdown-chevron-up":""})}),p&&o("label",{htmlFor:v,className:"ihub-chips-label ihub-text-label",children:[p,m&&a("span",{className:"ihub-required",children:"*"})]}),v?a("input",{name:v,type:"hidden",value:"".concat(V),onChange:function(){}}):""]}),K&&o("div",{className:"ihub-dropdown-menu",style:{maxHeight:"".concat(P,"px")},role:"listbox","aria-multiselectable":x,children:[L&&o("div",{className:"ihub-dropdown-search",children:[a(c,{className:"ihub-dropdown-search-icon"}),a("input",{type:"text",value:I,onChange:function(e){return R(e.target.value)},placeholder:"Search...",ref:J,className:"ihub-dropdown-search-input",onClick:function(e){return e.stopPropagation()}})]}),a("div",{className:"ihub-dropdown-options",children:Q.length>0?Q.map((function(e){var o=Array.isArray(V)?V.includes(e.value):V===e.value;return a("div",{className:"ihub-dropdown-option ".concat(o?"ihub-dropdown-selected":""," ").concat(e.disabled?"ihub-dropdown-disabled-option":""),onClick:function(){return function(e){if(!e.disabled)if(x){var o=Array.isArray(V)?V:[];if(o.includes(e.value)){var a=o.filter((function(n){return n!==e.value}));z(a),null==w||w(a)}else{var i=[].concat(n(o),[e.value]);z(i),null==w||w(i)}}else z(e.value),null==w||w(e.value),M(!1)}(e)},role:"option","aria-selected":o,"aria-disabled":e.disabled,children:_?_(e):h?e[h]:null==e?void 0:e.label},e.value)})):a("div",{className:"ihub-dropdown-no-options",children:D})})]})]})};export{s as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),n=require("react/jsx-runtime"),a=require("react"),r=require("@mui/icons-material/CloseOutlined"),i=require("@mui/icons-material/KeyboardArrowDownOutlined"),o=require("@mui/icons-material/SearchOutlined");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=l(r),u=l(i),s=l(o);exports.default=function(r){var i=r.label,o=r.name,l=r.key_name,d=r.required,c=r.options,p=r.selectedValue,v=r.onChange,h=r.placeholder,b=void 0===h?"Select...":h,f=r.className,m=void 0===f?"":f,w=r.isMulti,x=void 0!==w&&w,j=r.isSearchable,y=void 0!==j&&j,N=r.noOptionsMessage,g=void 0===N?"No options available":N,A=r.isDisabled,C=void 0!==A&&A,q=r.maxHeight,k=void 0===q?250:q,E=r.renderOption,S=a.useState(!1),L=e.slicedToArray(S,2),O=L[0],_=L[1],D=a.useState(""),M=e.slicedToArray(D,2),P=M[0],H=M[1],R=a.useState(p),T=e.slicedToArray(R,2),K=T[0],B=T[1],F=a.useRef(null),I=a.useRef(null);a.useEffect((function(){B(p)}),[p]),a.useEffect((function(){var e=function(e){F.current&&!F.current.contains(e.target)&&_(!1)};return document.addEventListener("mousedown",e),function(){document.removeEventListener("mousedown",e)}}),[]),a.useEffect((function(){O&&y&&I.current&&I.current.focus()}),[O,y]);var U=a.useMemo((function(){return P?c.filter((function(e){var n,a;return l?null===(n=e[l])||void 0===n?void 0:n.toLowerCase().includes(null==P?void 0:P.toLowerCase()):null==e||null===(a=e.label)||void 0===a?void 0:a.toLowerCase().includes(null==P?void 0:P.toLowerCase())})):c}),[c,P]),V=K?Array.isArray(K)?c.filter((function(e){return K.includes(e.value)})):c.filter((function(e){return e.value===K})):[];return n.jsxs("div",{className:"ihub-wrapper ihub-dropdown-field ".concat(m," ").concat(C?"ihub-dropdown-disabled":""," ").concat(O?"active":""),ref:F,tabIndex:C?-1:0,onKeyDown:function(e){if(!C)switch(e.key){case"Enter":case"ArrowDown":case"ArrowUp":O||_(!0);break;case"Escape":_(!1)}},"aria-expanded":O,"aria-disabled":C,"aria-haspopup":"listbox",role:"combobox",children:[n.jsxs("div",{className:"ihub-dropdown-trigger ".concat(O?"ihub-dropdown-open":""),onClick:function(){C||(_(!O),H(""))},children:[n.jsx("div",{className:"ihub-dropdown-value",children:V.length>0?x?n.jsx("div",{className:"ihub-dropdown-tags",children:V.map((function(e){return n.jsxs("div",{className:"ihub-dropdown-tag",children:[l?e[l]:null==e?void 0:e.label,n.jsx("button",{type:"button",className:"ihub-dropdown-tag-remove",onClick:function(n){return function(e,n){if(n.stopPropagation(),Array.isArray(K)){var a=K.filter((function(n){return n!==e}));B(a),null==v||v(a)}}(e.value,n)},"aria-label":"Remove ".concat(l?e[l]:null==e?void 0:e.label),children:n.jsx(t.default,{})})]},e.value)}))}):l?V[0][l]:V[0].label:n.jsx("span",{className:"ihub-dropdown-placeholder",children:b})}),n.jsx("div",{className:"ihub-dropdown-indicator",children:n.jsx(u.default,{className:O?"ihub-dropdown-chevron-up":""})}),i&&n.jsxs("label",{htmlFor:o,className:"ihub-chips-label ihub-text-label",children:[i,d&&n.jsx("span",{className:"ihub-required",children:"*"})]}),o?n.jsx("input",{name:o,type:"hidden",value:"".concat(K),onChange:function(){}}):""]}),O&&n.jsxs("div",{className:"ihub-dropdown-menu",style:{maxHeight:"".concat(k,"px")},role:"listbox","aria-multiselectable":x,children:[y&&n.jsxs("div",{className:"ihub-dropdown-search",children:[n.jsx(s.default,{className:"ihub-dropdown-search-icon"}),n.jsx("input",{type:"text",value:P,onChange:function(e){return H(e.target.value)},placeholder:"Search...",ref:I,className:"ihub-dropdown-search-input",onClick:function(e){return e.stopPropagation()}})]}),n.jsx("div",{className:"ihub-dropdown-options",children:U.length>0?U.map((function(a){var r=Array.isArray(K)?K.includes(a.value):K===a.value;return n.jsx("div",{className:"ihub-dropdown-option ".concat(r?"ihub-dropdown-selected":""," ").concat(a.disabled?"ihub-dropdown-disabled-option":""),onClick:function(){return function(n){if(!n.disabled)if(x){var a=Array.isArray(K)?K:[];if(a.includes(n.value)){var r=a.filter((function(e){return e!==n.value}));B(r),null==v||v(r)}else{var i=[].concat(e.toConsumableArray(a),[n.value]);B(i),null==v||v(i)}}else B(n.value),null==v||v(n.value),_(!1)}(a)},role:"option","aria-selected":r,"aria-disabled":a.disabled,children:E?E(a):l?a[l]:null==a?void 0:a.label},a.value)})):n.jsx("div",{className:"ihub-dropdown-no-options",children:g})})]})]})};
 //# sourceMappingURL=Dropdown.js.map

package/dist/src/components/ui/OrDivider.js

@@ -1,2 +1,2 @@
-import{taggedTemplateLiteral as n}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as e,jsxs as r}from"react/jsx-runtime";import t from"styled-components";var i;function a(n){var t=n.labels;return e(l,{textwidth:t?12*t.length:24,children:r("div",{className:"or_divider",children:[e("p",{className:"or_line"}),e("p",{className:"or_text",children:t||"or"}),e("p",{className:"or_line"})]})})}var l=t.section(i||(i=n(["\n  .or_divider {\n    display: flex;\n    justify-content: space-between;\n    margin: 40px 0px;\n\n    .or_text {\n      display: inline;\n      margin: 0px;\n      position: relative;\n      top: -13px;\n      width: ","px;\n      text-align: center;\n    }\n    .or_line {\n      width: 40%;\n      height: 1px;\n      background-color: var(--LavenderGray);\n      margin: 0px;\n    }\n  }\n"])),(function(n){return n.textwidth}));export{a as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,n=require("../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("react/jsx-runtime");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=r(require("styled-components")).default.section(e||(e=n.taggedTemplateLiteral(["\n  .or_divider {\n    display: flex;\n    justify-content: space-between;\n    margin: 40px 0px;\n\n    .or_text {\n      display: inline;\n      margin: 0px;\n      position: relative;\n      top: -13px;\n      width: ","px;\n      text-align: center;\n    }\n    .or_line {\n      width: 40%;\n      height: 1px;\n      background-color: var(--LavenderGray);\n      margin: 0px;\n    }\n  }\n"])),(function(e){return e.textwidth}));exports.default=function(e){var n=e.labels;return t.jsx(i,{textwidth:n?12*n.length:24,children:t.jsxs("div",{className:"or_divider",children:[t.jsx("p",{className:"or_line"}),t.jsx("p",{className:"or_text",children:n||"or"}),t.jsx("p",{className:"or_line"})]})})};
 //# sourceMappingURL=OrDivider.js.map

package/dist/src/components/ui/cards/Card.js

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as a}from"react/jsx-runtime";function i(i){var c=i.title,d=i.accentHeader,r=void 0!==d&&d,o=i.footer,t=i.children,h=i.className,n=void 0===h?"":h,l=i.accent,s=i.darkTheme,u=void 0!==s&&s,b=i.style,m=i.size,v=void 0===m?"default":m,f=i.border,N=void 0===f||f,k=i.shadow,y=void 0===k||k,p=i.onClick,w=["ihub-card","sm"===v?"ihub-card-sm":"",l?"ihub-card-accent-".concat(l):"",u?"ihub-dark-theme":"",N?"ihub-card-border":"",y?"ihub-card-shadow":"",n].filter(Boolean).join(" ");return e("div",{className:w,style:b,onClick:p,children:[c&&a("div",{className:"ihub-card-header ".concat(r?"with-accent":""),children:"string"==typeof c?a("h3",{children:c}):c}),a("div",{className:"ihub-card-body",children:t}),o&&a("div",{className:"ihub-card-footer",children:o})]})}export{i as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");exports.default=function(r){var i=r.title,a=r.accentHeader,c=void 0!==a&&a,d=r.footer,s=r.children,t=r.className,o=void 0===t?"":t,h=r.accent,l=r.darkTheme,n=void 0!==l&&l,u=r.style,b=r.size,v=void 0===b?"default":b,m=r.border,f=void 0===m||m,j=r.shadow,x=void 0===j||j,y=r.onClick,N=["ihub-card","sm"===v?"ihub-card-sm":"",h?"ihub-card-accent-".concat(h):"",n?"ihub-dark-theme":"",f?"ihub-card-border":"",x?"ihub-card-shadow":"",o].filter(Boolean).join(" ");return e.jsxs("div",{className:N,style:u,onClick:y,children:[i&&e.jsx("div",{className:"ihub-card-header ".concat(c?"with-accent":""),children:"string"==typeof i?e.jsx("h3",{children:i}):i}),e.jsx("div",{className:"ihub-card-body",children:s}),d&&e.jsx("div",{className:"ihub-card-footer",children:d})]})};
 //# sourceMappingURL=Card.js.map

package/dist/src/components/ui/cards/CardGrid.js

@@ -1,2 +1,2 @@
-import{jsx as r}from"react/jsx-runtime";var a=function(a){var c=a.children,e=a.className;return r("div",{className:"ihub-card-grid ".concat(void 0===e?"":e),children:c})};export{a as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");exports.default=function(r){var t=r.children,a=r.className,c=void 0===a?"":a;return e.jsx("div",{className:"ihub-card-grid ".concat(c),children:t})};
 //# sourceMappingURL=CardGrid.js.map

package/dist/src/components/ui/cards/CardGrid.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardGrid.js","sources":["../../../../../src/components/ui/cards/CardGrid.tsx"],"sourcesContent":["import React from \"react\";\r\n\r\n/**\r\n * Card Grid - Grid layout for cards\r\n */\r\nconst CardGrid = ({\r\n  children,\r\n  className = \"\",\r\n}: {\r\n  children: React.ReactNode;\r\n  className?: string;\r\n}) => {\r\n  return <div className={`ihub-card-grid ${className}`}>{children}</div>;\r\n};\r\n\r\nexport default CardGrid;\r\n"],"names":["CardGrid","_ref","children","_ref$className","className","_jsx","concat"],"mappings":"wCAKA,IAAMA,EAAW,SAAHC,GAMT,IALHC,EAAQD,EAARC,SAAQC,EAAAF,EACRG,UAKA,OAAOC,EAAA,MAAA,CAAKD,UAASE,kBAAAA,YALT,IAAHH,EAAG,GAAEA,GAKsCD,SAAGA,GACzD"}
+{"version":3,"file":"CardGrid.js","sources":["../../../../../src/components/ui/cards/CardGrid.tsx"],"sourcesContent":["import React from \"react\";\r\n\r\n/**\r\n * Card Grid - Grid layout for cards\r\n */\r\nconst CardGrid = ({\r\n  children,\r\n  className = \"\",\r\n}: {\r\n  children: React.ReactNode;\r\n  className?: string;\r\n}) => {\r\n  return <div className={`ihub-card-grid ${className}`}>{children}</div>;\r\n};\r\n\r\nexport default CardGrid;\r\n"],"names":["_ref","children","_ref$className","className","_jsx","concat"],"mappings":"uHAKiB,SAAHA,GAMT,IALHC,EAAQD,EAARC,SAAQC,EAAAF,EACRG,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAKd,OAAOE,EAAAA,IAAA,MAAA,CAAKD,UAASE,kBAAAA,OAAoBF,GAAWF,SAAGA,GACzD"}

package/dist/src/components/ui/cards/CardList.js

@@ -1,2 +1,2 @@
-import{jsx as r}from"react/jsx-runtime";var a=function(a){var c=a.children,e=a.className;return r("div",{className:"ihub-card-list ".concat(void 0===e?"":e),children:c})};export{a as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");exports.default=function(r){var t=r.children,s=r.className,a=void 0===s?"":s;return e.jsx("div",{className:"ihub-card-list ".concat(a),children:t})};
 //# sourceMappingURL=CardList.js.map