@instincthub/react-ui 0.1.3 → 0.1.5

package/dist/node_modules/lucide-react/dist/esm/icons/youtube.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"youtube.js","sources":["../../../../../../node_modules/lucide-react/dist/esm/icons/youtube.js"],"sourcesContent":["/**\n * @license lucide-react v0.525.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\n    \"path\",\n    {\n      d: \"M2.5 17a24.12 24.12 0 0 1 0-10 2 2 0 0 1 1.4-1.4 49.56 49.56 0 0 1 16.2 0A2 2 0 0 1 21.5 7a24.12 24.12 0 0 1 0 10 2 2 0 0 1-1.4 1.4 49.55 49.55 0 0 1-16.2 0A2 2 0 0 1 2.5 17\",\n      key: \"1q2vi4\"\n    }\n  ],\n  [\"path\", { d: \"m10 15 5-3-5-3z\", key: \"1jp15x\" }]\n];\nconst Youtube = createLucideIcon(\"youtube\", __iconNode);\n\nexport { __iconNode, Youtube as default };\n//# sourceMappingURL=youtube.js.map\n"],"names":["__iconNode","d","key","createLucideIcon"],"mappings":";;;;;;GASK,MAACA,EAAa,CACjB,CACE,OACA,CACEC,EAAG,gLACHC,IAAK,WAGT,CAAC,OAAQ,CAAED,EAAG,kBAAmBC,IAAK,YAExBC,EAAiB,UAAWH"}

package/dist/node_modules/lucide-react/dist/esm/icons/zap-off.js

@@ -0,0 +1,8 @@
+import a from"../createLucideIcon.js";
+/**
+ * @license lucide-react v0.525.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const e=[["path",{d:"M10.513 4.856 13.12 2.17a.5.5 0 0 1 .86.46l-1.377 4.317",key:"193nxd"}],["path",{d:"M15.656 10H20a1 1 0 0 1 .78 1.63l-1.72 1.773",key:"27a7lr"}],["path",{d:"M16.273 16.273 10.88 21.83a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14H4a1 1 0 0 1-.78-1.63l4.507-4.643",key:"1e0qe9"}],["path",{d:"m2 2 20 20",key:"1ooewy"}]];a("zap-off",e);export{e as __iconNode};
+//# sourceMappingURL=zap-off.js.map

package/dist/node_modules/lucide-react/dist/esm/icons/zap-off.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zap-off.js","sources":["../../../../../../node_modules/lucide-react/dist/esm/icons/zap-off.js"],"sourcesContent":["/**\n * @license lucide-react v0.525.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"path\", { d: \"M10.513 4.856 13.12 2.17a.5.5 0 0 1 .86.46l-1.377 4.317\", key: \"193nxd\" }],\n  [\"path\", { d: \"M15.656 10H20a1 1 0 0 1 .78 1.63l-1.72 1.773\", key: \"27a7lr\" }],\n  [\n    \"path\",\n    {\n      d: \"M16.273 16.273 10.88 21.83a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14H4a1 1 0 0 1-.78-1.63l4.507-4.643\",\n      key: \"1e0qe9\"\n    }\n  ],\n  [\"path\", { d: \"m2 2 20 20\", key: \"1ooewy\" }]\n];\nconst ZapOff = createLucideIcon(\"zap-off\", __iconNode);\n\nexport { __iconNode, ZapOff as default };\n//# sourceMappingURL=zap-off.js.map\n"],"names":["__iconNode","d","key","createLucideIcon"],"mappings":";;;;;;GASK,MAACA,EAAa,CACjB,CAAC,OAAQ,CAAEC,EAAG,0DAA2DC,IAAK,WAC9E,CAAC,OAAQ,CAAED,EAAG,+CAAgDC,IAAK,WACnE,CACE,OACA,CACED,EAAG,2GACHC,IAAK,WAGT,CAAC,OAAQ,CAAED,EAAG,aAAcC,IAAK,YAEpBC,EAAiB,UAAWH"}

package/dist/node_modules/lucide-react/dist/esm/icons/zap.js

@@ -0,0 +1,8 @@
+import a from"../createLucideIcon.js";
+/**
+ * @license lucide-react v0.525.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const e=[["path",{d:"M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z",key:"1xq2db"}]];a("zap",e);export{e as __iconNode};
+//# sourceMappingURL=zap.js.map

package/dist/node_modules/lucide-react/dist/esm/icons/zap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zap.js","sources":["../../../../../../node_modules/lucide-react/dist/esm/icons/zap.js"],"sourcesContent":["/**\n * @license lucide-react v0.525.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\n    \"path\",\n    {\n      d: \"M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z\",\n      key: \"1xq2db\"\n    }\n  ]\n];\nconst Zap = createLucideIcon(\"zap\", __iconNode);\n\nexport { __iconNode, Zap as default };\n//# sourceMappingURL=zap.js.map\n"],"names":["__iconNode","d","key","createLucideIcon"],"mappings":";;;;;;GASK,MAACA,EAAa,CACjB,CACE,OACA,CACEC,EAAG,8JACHC,IAAK,YAICC,EAAiB,MAAOH"}

package/dist/node_modules/lucide-react/dist/esm/icons/zoom-in.js

@@ -0,0 +1,8 @@
+import e from"../createLucideIcon.js";
+/**
+ * @license lucide-react v0.525.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const y=[["circle",{cx:"11",cy:"11",r:"8",key:"4ej97u"}],["line",{x1:"21",x2:"16.65",y1:"21",y2:"16.65",key:"13gj7c"}],["line",{x1:"11",x2:"11",y1:"8",y2:"14",key:"1vmskp"}],["line",{x1:"8",x2:"14",y1:"11",y2:"11",key:"durymu"}]];e("zoom-in",y);export{y as __iconNode};
+//# sourceMappingURL=zoom-in.js.map

package/dist/node_modules/lucide-react/dist/esm/icons/zoom-in.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zoom-in.js","sources":["../../../../../../node_modules/lucide-react/dist/esm/icons/zoom-in.js"],"sourcesContent":["/**\n * @license lucide-react v0.525.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"circle\", { cx: \"11\", cy: \"11\", r: \"8\", key: \"4ej97u\" }],\n  [\"line\", { x1: \"21\", x2: \"16.65\", y1: \"21\", y2: \"16.65\", key: \"13gj7c\" }],\n  [\"line\", { x1: \"11\", x2: \"11\", y1: \"8\", y2: \"14\", key: \"1vmskp\" }],\n  [\"line\", { x1: \"8\", x2: \"14\", y1: \"11\", y2: \"11\", key: \"durymu\" }]\n];\nconst ZoomIn = createLucideIcon(\"zoom-in\", __iconNode);\n\nexport { __iconNode, ZoomIn as default };\n//# sourceMappingURL=zoom-in.js.map\n"],"names":["__iconNode","cx","cy","r","key","x1","x2","y1","y2","createLucideIcon"],"mappings":";;;;;;GASK,MAACA,EAAa,CACjB,CAAC,SAAU,CAAEC,GAAI,KAAMC,GAAI,KAAMC,EAAG,IAAKC,IAAK,WAC9C,CAAC,OAAQ,CAAEC,GAAI,KAAMC,GAAI,QAASC,GAAI,KAAMC,GAAI,QAASJ,IAAK,WAC9D,CAAC,OAAQ,CAAEC,GAAI,KAAMC,GAAI,KAAMC,GAAI,IAAKC,GAAI,KAAMJ,IAAK,WACvD,CAAC,OAAQ,CAAEC,GAAI,IAAKC,GAAI,KAAMC,GAAI,KAAMC,GAAI,KAAMJ,IAAK,YAE1CK,EAAiB,UAAWT"}

package/dist/node_modules/lucide-react/dist/esm/icons/zoom-out.js

@@ -0,0 +1,8 @@
+import e from"../createLucideIcon.js";
+/**
+ * @license lucide-react v0.525.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const c=[["circle",{cx:"11",cy:"11",r:"8",key:"4ej97u"}],["line",{x1:"21",x2:"16.65",y1:"21",y2:"16.65",key:"13gj7c"}],["line",{x1:"8",x2:"14",y1:"11",y2:"11",key:"durymu"}]];e("zoom-out",c);export{c as __iconNode};
+//# sourceMappingURL=zoom-out.js.map

package/dist/node_modules/lucide-react/dist/esm/icons/zoom-out.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zoom-out.js","sources":["../../../../../../node_modules/lucide-react/dist/esm/icons/zoom-out.js"],"sourcesContent":["/**\n * @license lucide-react v0.525.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"circle\", { cx: \"11\", cy: \"11\", r: \"8\", key: \"4ej97u\" }],\n  [\"line\", { x1: \"21\", x2: \"16.65\", y1: \"21\", y2: \"16.65\", key: \"13gj7c\" }],\n  [\"line\", { x1: \"8\", x2: \"14\", y1: \"11\", y2: \"11\", key: \"durymu\" }]\n];\nconst ZoomOut = createLucideIcon(\"zoom-out\", __iconNode);\n\nexport { __iconNode, ZoomOut as default };\n//# sourceMappingURL=zoom-out.js.map\n"],"names":["__iconNode","cx","cy","r","key","x1","x2","y1","y2","createLucideIcon"],"mappings":";;;;;;GASK,MAACA,EAAa,CACjB,CAAC,SAAU,CAAEC,GAAI,KAAMC,GAAI,KAAMC,EAAG,IAAKC,IAAK,WAC9C,CAAC,OAAQ,CAAEC,GAAI,KAAMC,GAAI,QAASC,GAAI,KAAMC,GAAI,QAASJ,IAAK,WAC9D,CAAC,OAAQ,CAAEC,GAAI,IAAKC,GAAI,KAAMC,GAAI,KAAMC,GAAI,KAAMJ,IAAK,YAEzCK,EAAiB,WAAYT"}

package/dist/node_modules/lucide-react/dist/esm/shared/src/utils.js

@@ -0,0 +1,8 @@
+/**
+ * @license lucide-react v0.525.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const e=e=>e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),r=e=>e.replace(/^([A-Z])|[\s-_]+(\w)/g,((e,r,t)=>t?t.toUpperCase():r.toLowerCase())),t=e=>{const t=r(e);return t.charAt(0).toUpperCase()+t.slice(1)},o=(...e)=>e.filter(((e,r,t)=>Boolean(e)&&""!==e.trim()&&t.indexOf(e)===r)).join(" ").trim(),a=e=>{for(const r in e)if(r.startsWith("aria-")||"role"===r||"title"===r)return!0};export{a as hasA11yProp,o as mergeClasses,r as toCamelCase,e as toKebabCase,t as toPascalCase};
+//# sourceMappingURL=utils.js.map

package/dist/node_modules/lucide-react/dist/esm/shared/src/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../../../node_modules/lucide-react/dist/esm/shared/src/utils.js"],"sourcesContent":["/**\n * @license lucide-react v0.525.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nconst toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, \"$1-$2\").toLowerCase();\nconst toCamelCase = (string) => string.replace(\n  /^([A-Z])|[\\s-_]+(\\w)/g,\n  (match, p1, p2) => p2 ? p2.toUpperCase() : p1.toLowerCase()\n);\nconst toPascalCase = (string) => {\n  const camelCase = toCamelCase(string);\n  return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);\n};\nconst mergeClasses = (...classes) => classes.filter((className, index, array) => {\n  return Boolean(className) && className.trim() !== \"\" && array.indexOf(className) === index;\n}).join(\" \").trim();\nconst hasA11yProp = (props) => {\n  for (const prop in props) {\n    if (prop.startsWith(\"aria-\") || prop === \"role\" || prop === \"title\") {\n      return true;\n    }\n  }\n};\n\nexport { hasA11yProp, mergeClasses, toCamelCase, toKebabCase, toPascalCase };\n//# sourceMappingURL=utils.js.map\n"],"names":["toKebabCase","string","replace","toLowerCase","toCamelCase","match","p1","p2","toUpperCase","toPascalCase","camelCase","charAt","slice","mergeClasses","classes","filter","className","index","array","Boolean","trim","indexOf","join","hasA11yProp","props","prop","startsWith"],"mappings":";;;;;;AAOK,MAACA,EAAeC,GAAWA,EAAOC,QAAQ,qBAAsB,SAASC,cACxEC,EAAeH,GAAWA,EAAOC,QACrC,yBACA,CAACG,EAAOC,EAAIC,IAAOA,EAAKA,EAAGC,cAAgBF,EAAGH,gBAE1CM,EAAgBR,IACpB,MAAMS,EAAYN,EAAYH,GAC9B,OAAOS,EAAUC,OAAO,GAAGH,cAAgBE,EAAUE,MAAM,EAAE,EAEzDC,EAAe,IAAIC,IAAYA,EAAQC,QAAO,CAACC,EAAWC,EAAOC,IAC9DC,QAAQH,IAAmC,KAArBA,EAAUI,QAAiBF,EAAMG,QAAQL,KAAeC,IACpFK,KAAK,KAAKF,OACPG,EAAeC,IACnB,IAAK,MAAMC,KAAQD,EACjB,GAAIC,EAAKC,WAAW,UAAqB,SAATD,GAA4B,UAATA,EACjD,OAAO,CAEV"}

package/dist/node_modules/next-auth/lib/client.js

@@ -0,0 +1,2 @@
+import*as e from"react";import{AuthError as t}from"../../@auth/core/errors.js";class n extends t{}class o extends t{}async function r(e,t,o,r={}){const i=`${a(t)}/${e}`;try{const e={headers:{"Content-Type":"application/json",...r?.headers?.cookie?{cookie:r.headers.cookie}:{}}};r?.body&&(e.body=JSON.stringify(r.body),e.method="POST");const t=await fetch(i,e),n=await t.json();if(!t.ok)throw n;return n}catch(e){return o.error(new n(e.message,e)),null}}function a(e){return"undefined"==typeof window?`${e.baseUrlServer}${e.basePathServer}`:e.basePath}function i(){const[t,n]=e.useState("undefined"!=typeof navigator&&navigator.onLine),o=()=>n(!0),r=()=>n(!1);return e.useEffect((()=>(window.addEventListener("online",o),window.addEventListener("offline",r),()=>{window.removeEventListener("online",o),window.removeEventListener("offline",r)})),[]),t}function s(){return Math.floor(Date.now()/1e3)}function c(e){const t=new URL("http://localhost:3000/api/auth");e&&!e.startsWith("http")&&(e=`https://${e}`);const n=new URL(e||t),o=("/"===n.pathname?t.pathname:n.pathname).replace(/\/$/,""),r=`${n.origin}${o}`;return{origin:n.origin,host:n.host,path:o,base:r,toString:()=>r}}export{o as ClientSessionError,a as apiBaseUrl,r as fetchData,s as now,c as parseUrl,i as useOnline};
+//# sourceMappingURL=client.js.map

package/dist/node_modules/next-auth/lib/client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"client.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/node_modules/next-auth/react.js

@@ -0,0 +1,2 @@
+import{jsx as e}from"react/jsx-runtime";import*as n from"react";import{parseUrl as t,now as s,ClientSessionError as o,useOnline as r,fetchData as a,apiBaseUrl as i}from"./lib/client.js";const c={baseUrl:t(process.env.NEXTAUTH_URL??process.env.VERCEL_URL).origin,basePath:t(process.env.NEXTAUTH_URL).path,baseUrlServer:t(process.env.NEXTAUTH_URL_INTERNAL??process.env.NEXTAUTH_URL??process.env.VERCEL_URL).origin,basePathServer:t(process.env.NEXTAUTH_URL_INTERNAL??process.env.NEXTAUTH_URL).path,_lastSync:0,_session:void 0,_getSession:()=>{}};let u=null;function l(){return"undefined"==typeof BroadcastChannel?{postMessage:()=>{},addEventListener:()=>{},removeEventListener:()=>{},name:"next-auth",onmessage:null,onmessageerror:null,close:()=>{},dispatchEvent:()=>!1}:new BroadcastChannel("next-auth")}function d(){return null===u&&(u=l()),u}const w={debug:console.debug,error:console.error,warn:console.warn},f=n.createContext?.(void 0);function v(e){if(!f)throw new Error("React Context is unavailable in Server Components");const t=n.useContext(f);if(!t&&"production"!==process.env.NODE_ENV)throw new Error("[next-auth]: `useSession` must be wrapped in a <SessionProvider />");const{required:s,onUnauthenticated:o}=e??{},r=s&&"unauthenticated"===t.status;return n.useEffect((()=>{if(r){const e=`${c.basePath}/signin?${new URLSearchParams({error:"SessionRequired",callbackUrl:window.location.href})}`;o?o():window.location.href=e}}),[r,o]),r?{data:t.data,update:t.update,status:"loading"}:t}async function h(e){const n=await a("session",c,w,e);return(e?.broadcast??1)&&l().postMessage({event:"session",data:{trigger:"getSession"}}),n}async function g(){const e=await a("csrf",c,w);return e?.csrfToken??""}async function p(){return a("providers",c,w)}async function m(e,n,t){const{callbackUrl:s,...o}=n??{},{redirect:r=!0,redirectTo:a=s??window.location.href,...u}=o,l=i(c),d=await p();if(!d){const e=`${l}/error`;return void(window.location.href=e)}if(!e||!d[e]){const e=`${l}/signin?${new URLSearchParams({callbackUrl:a})}`;return void(window.location.href=e)}const w=d[e].type;if("webauthn"===w)throw new TypeError([`Provider id "${e}" refers to a WebAuthn provider.`,'Please use `import { signIn } from "next-auth/webauthn"` instead.'].join("\n"));const f=`${l}/${"credentials"===w?"callback":"signin"}/${e}`,v=await g(),h=await fetch(`${f}?${new URLSearchParams(t)}`,{method:"post",headers:{"Content-Type":"application/x-www-form-urlencoded","X-Auth-Return-Redirect":"1"},body:new URLSearchParams({...u,csrfToken:v,callbackUrl:a})}),m=await h.json();if(r){const e=m.url??a;return window.location.href=e,void(e.includes("#")&&window.location.reload())}const _=new URL(m.url).searchParams.get("error")??void 0,b=new URL(m.url).searchParams.get("code")??void 0;return h.ok&&await c._getSession({event:"storage"}),{error:_,code:b,status:h.status,ok:h.ok,url:_?null:m.url}}async function _(e){const{redirect:n=!0,redirectTo:t=e?.callbackUrl??window.location.href}=e??{},s=i(c),o=await g(),r=await fetch(`${s}/signout`,{method:"post",headers:{"Content-Type":"application/x-www-form-urlencoded","X-Auth-Return-Redirect":"1"},body:new URLSearchParams({csrfToken:o,callbackUrl:t})}),a=await r.json();if(d().postMessage({event:"session",data:{trigger:"signout"}}),n){const e=a.url??t;return window.location.href=e,void(e.includes("#")&&window.location.reload())}return await c._getSession({event:"storage"}),a}function b(t){if(!f)throw new Error("React Context is unavailable in Server Components");const{children:i,basePath:u,refetchInterval:l,refetchWhenOffline:v}=t;u&&(c.basePath=u);const p=void 0!==t.session;c._lastSync=p?s():0;const[m,_]=n.useState((()=>(p&&(c._session=t.session),t.session))),[b,S]=n.useState(!p);n.useEffect((()=>(c._getSession=async({event:e}={})=>{try{const n="storage"===e;if(n||void 0===c._session)return c._lastSync=s(),c._session=await h({broadcast:!n}),void _(c._session);if(!e||null===c._session||s()<c._lastSync)return;c._lastSync=s(),c._session=await h(),_(c._session)}catch(e){w.error(new o(e.message,e))}finally{S(!1)}},c._getSession(),()=>{c._lastSync=0,c._session=void 0,c._getSession=()=>{}})),[]),n.useEffect((()=>{const e=()=>c._getSession({event:"storage"});return d().addEventListener("message",e),()=>d().removeEventListener("message",e)}),[]),n.useEffect((()=>{const{refetchOnWindowFocus:e=!0}=t,n=()=>{e&&"visible"===document.visibilityState&&c._getSession({event:"visibilitychange"})};return document.addEventListener("visibilitychange",n,!1),()=>document.removeEventListener("visibilitychange",n,!1)}),[t.refetchOnWindowFocus]);const E=r(),U=!1!==v||E;n.useEffect((()=>{if(l&&U){const e=setInterval((()=>{c._session&&c._getSession({event:"poll"})}),1e3*l);return()=>clearInterval(e)}}),[l,U]);const y=n.useMemo((()=>({data:m,status:b?"loading":m?"authenticated":"unauthenticated",async update(e){if(b)return;S(!0);const n=await a("session",c,w,void 0===e?void 0:{body:{csrfToken:await g(),data:e}});return S(!1),n&&(_(n),d().postMessage({event:"session",data:{trigger:"getSession"}})),n}})),[m,b]);return e(f.Provider,{value:y,children:i})}export{f as SessionContext,b as SessionProvider,c as __NEXTAUTH,g as getCsrfToken,p as getProviders,h as getSession,m as signIn,_ as signOut,v as useSession};
+//# sourceMappingURL=react.js.map

package/dist/node_modules/next-auth/react.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/assets/css/components/ComponentLists.css

@@ -23,7 +23,7 @@
 .ihub-component-category-title {
   font-size: 1.8rem;
   margin-bottom: 1.5rem;
-  border-bottom: 2px solid #eee;
+  border-bottom: 2px solid var(--OpacityBacground);
   padding-bottom: 0.5rem;
 }
 
@@ -34,7 +34,7 @@
 }
 
 .ihub-component-card {
-  background-color: #fff;
+  background-color: var(--OpacityBacground);
   border-radius: 8px;
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
   padding: 1.5rem;