@instincthub/react-ui 0.1.29 → 0.1.30

package/dist/src/components/status/SessionHandleProvider.js

@@ -1,2 +1,2 @@
-import{slicedToArray as n,asyncToGenerator as e,regenerator as a,objectSpread2 as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as r,Fragment as o}from"react/jsx-runtime";import{useMemo as l,useState as c,useCallback as i,useEffect as s}from"react";import{reqOptions as u,API_HOST_URL as d}from"../lib/helpFunction.js";import{useParams as f}from"next/navigation";import{useSession as h}from"../../../node_modules/.pnpm/next-auth@5.0.0-beta.30_nex_47c79ebfa19822a09895b2cd89073049/node_modules/next-auth/react.js";import{openToast as m}from"../lib/modals/modals.js";import v from"./Error500.js";function p(p){var b,g=p.children,j=p.endpointPath,k=void 0===j?null:j,w=f().channel,x=h(),_=x.data,T=x.update,E=_,y=l(function(){var n;return null==E||null===(n=E.channels)||void 0===n||null===(n=n.active)||void 0===n?void 0:n.username},[null==E||null===(b=E.channels)||void 0===b||null===(b=b.active)||void 0===b?void 0:b.username]),P=l(function(){return null==E?void 0:E.accessToken},[null==E?void 0:E.accessToken]),C=c(!0),F=n(C,2),R=F[0],U=F[1],q=i(e(a().m(function n(){var e,r,o,l,c,i,s,f,h;return a().w(function(n){for(;;)switch(n.p=n.n){case 0:if(P&&w){n.n=1;break}return n.a(2);case 1:return e=u("PUT",null,P),o=(r=k||"channels/instructor-channel/selected/").endsWith("/")?"".concat(r).concat(w,"/"):"".concat(r,"/").concat(w,"/"),l="".concat(d).concat(o),n.p=2,n.n=3,fetch(l,e);case 3:if((i=n.v).ok){n.n=4;break}throw new Error("Request failed with status: ".concat(i.status));case 4:return n.n=5,i.json();case 5:null!=(s=n.v)&&null!==(c=s.active)&&void 0!==c&&c.id&&E?T(t(t({},E),{},{channels:s})):(m((null==s?void 0:s.detail)||"Channel switching failed",400),U(!1)),n.n=7;break;case 6:n.p=6,h=n.v,f=h instanceof Error?h.message:"Failed to fetch channel data",console.error("Error fetching channel data:",h),m(f,500),U(!1);case 7:return n.a(2)}},n,null,[[2,6]])})),[P,w,k,E,T]),A=l(function(){if(!w||"string"!=typeof w)return!0;return["null","undefined","false","true",""," "].includes(w)},[w]);return s(function(){y&&w&&y!==w&&(A?(m("Invalid handle!",400),U(!1)):q())},[y,w,A,q]),R?r(o,{children:g}):r(v,{msg:'"'.concat(w,'" is not a valid channel handle. Check the URL; it must be a valid channel username.')})}export{p as default};
+import{slicedToArray as n,asyncToGenerator as e,regenerator as a,objectSpread2 as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as r,Fragment as o}from"react/jsx-runtime";import{useMemo as c,useState as l,useCallback as i,useEffect as s}from"react";import{reqOptions as u,API_HOST_URL as d}from"../lib/helpFunction.js";import{useParams as m}from"next/navigation";import{useSession as f}from"../../../node_modules/.pnpm/next-auth@5.0.0-beta.30_next@15.5.6_@babel_core@7.28.5_react-dom@19.2.0_react@19.2.0__react@19.2.0__react@19.2.0/node_modules/next-auth/react.js";import{openToast as h}from"../lib/modals/modals.js";import v from"./Error500.js";function p(p){var _,b=p.children,g=p.endpointPath,j=void 0===g?null:g,k=m().channel,w=f(),x=w.data,T=w.update,E=x,y=c(function(){var n;return null==E||null===(n=E.channels)||void 0===n||null===(n=n.active)||void 0===n?void 0:n.username},[null==E||null===(_=E.channels)||void 0===_||null===(_=_.active)||void 0===_?void 0:_.username]),P=c(function(){return null==E?void 0:E.accessToken},[null==E?void 0:E.accessToken]),C=l(!0),F=n(C,2),R=F[0],U=F[1],q=i(e(a().m(function n(){var e,r,o,c,l,i,s,m,f;return a().w(function(n){for(;;)switch(n.p=n.n){case 0:if(P&&k){n.n=1;break}return n.a(2);case 1:return e=u("PUT",null,P),o=(r=j||"channels/instructor-channel/selected/").endsWith("/")?"".concat(r).concat(k,"/"):"".concat(r,"/").concat(k,"/"),c="".concat(d).concat(o),n.p=2,n.n=3,fetch(c,e);case 3:if((i=n.v).ok){n.n=4;break}throw new Error("Request failed with status: ".concat(i.status));case 4:return n.n=5,i.json();case 5:null!=(s=n.v)&&null!==(l=s.active)&&void 0!==l&&l.id&&E?T(t(t({},E),{},{channels:s})):(h((null==s?void 0:s.detail)||"Channel switching failed",400),U(!1)),n.n=7;break;case 6:n.p=6,f=n.v,m=f instanceof Error?f.message:"Failed to fetch channel data",console.error("Error fetching channel data:",f),h(m,500),U(!1);case 7:return n.a(2)}},n,null,[[2,6]])})),[P,k,j,E,T]),A=c(function(){if(!k||"string"!=typeof k)return!0;return["null","undefined","false","true",""," "].includes(k)},[k]);return s(function(){y&&k&&y!==k&&(A?(h("Invalid handle!",400),U(!1)):q())},[y,k,A,q]),R?r(o,{children:b}):r(v,{msg:'"'.concat(k,'" is not a valid channel handle. Check the URL; it must be a valid channel username.')})}export{p as default};
 //# sourceMappingURL=SessionHandleProvider.js.map

package/dist/src/components/status/Unauthorized.js.map

@@ -1 +1 @@
-{"version":3,"file":"Unauthorized.js","sources":["../../../../src/components/status/Unauthorized.tsx"],"sourcesContent":["import React from \"react\";\r\n\r\ninterface UnauthorizedProps {\r\n  /**\r\n   * Custom message to display to the user\r\n   */\r\n  message?: string;\r\n  /**\r\n   * URL to redirect the user to\r\n   */\r\n  redirectTo?: string;\r\n  /**\r\n   * Text to display for the redirect link\r\n   */\r\n  linkText?: string;\r\n  /**\r\n   * HTTP error code to display\r\n   */\r\n  errorCode?: number;\r\n}\r\n\r\n/**\r\n * Unauthorized component displays when a user doesn't have permission to access a page\r\n * @param props Component properties\r\n * @returns JSX element with unauthorized message and redirect link\r\n * @example\r\n * ```tsx\r\n * <Unauthorized message=\"You are not authorized to access this page\" redirectTo=\"/\" linkText=\"Go back to homepage\" errorCode={403} />\r\n * ```\r\n */\r\nconst Unauthorized: React.FC<UnauthorizedProps> = ({\r\n  message,\r\n  redirectTo = \"/\",\r\n  linkText = \"Go back to homepage\",\r\n  errorCode = 403,\r\n}) => {\r\n  const url =\r\n    errorCode === 401 ? \"/auth/login\" : errorCode === 403 ? redirectTo : \"/\";\r\n  const label = errorCode === 401 ? \"Login\" : linkText;\r\n  return (\r\n    <div className=\"ihub-container ihub-pt-20\">\r\n      <div className=\"ihub-max-w-600 ihub-mx-auto ihub-text-center ihub-py-8\">\r\n        <div className=\"ihub-mb-6\">\r\n          <div className=\"ihub-error-code ihub-text-center ihub-mb-4\">\r\n            <span className=\"ihub-text-DarkCyan ihub-fs-5 tw-700\">\r\n              {errorCode}\r\n            </span>\r\n          </div>\r\n          <h1 className=\"ihub-mb-2 tw-600 ihub-text-center\">Access Denied</h1>\r\n          <p className=\"ihub-mb-4 ihub-text-center\">\r\n            {message || errorCode === 401\r\n              ? \"You are not logged in.\"\r\n              : \"You don't have permission to access this page.\"}\r\n          </p>\r\n          <a href={url} className=\"important-btn ihub-inline-block\">\r\n            {label}\r\n          </a>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Unauthorized;\r\n"],"names":["Unauthorized","_ref","message","_ref$redirectTo","redirectTo","_ref$linkText","linkText","_ref$errorCode","errorCode","url","label","_jsx","className","children","_jsxs","href"],"mappings":"kDA8BA,IAAMA,EAA4C,SAAhCC,GAKb,IAJHC,EAAOD,EAAPC,QAAOC,EAAAF,EACPG,WAAAA,OAAa,IAAHD,EAAG,IAAGA,EAAAE,EAAAJ,EAChBK,SAAAA,OAAW,IAAHD,EAAG,sBAAqBA,EAAAE,EAAAN,EAChCO,UAAAA,OAAY,IAAHD,EAAG,IAAGA,EAETE,EACU,MAAdD,EAAoB,cAA8B,MAAdA,EAAoBJ,EAAa,IACjEM,EAAsB,MAAdF,EAAoB,QAAUF,EAC5C,OACEK,SAAKC,UAAU,4BACbC,SAAAF,EAAA,MAAA,CAAKC,UAAU,kEACbE,EAAK,MAAA,CAAAF,UAAU,YAAWC,SAAA,CACxBF,SAAKC,UAAU,6CACbC,SAAAF,EAAA,OAAA,CAAMC,UAAU,+CACbJ,MAGLG,EAAA,KAAA,CAAIC,UAAU,+DACdD,EAAA,IAAA,CAAGC,UAAU,sCACVV,GAAyB,MAAdM,EACR,yBACA,mDAENG,EAAG,IAAA,CAAAI,KAAMN,EAAKG,UAAU,2CACrBF,UAMb"}
+{"version":3,"file":"Unauthorized.js","sources":["../../../../src/components/status/Unauthorized.tsx"],"sourcesContent":["import React from \"react\";\n\ninterface UnauthorizedProps {\n  /**\n   * Custom message to display to the user\n   */\n  message?: string;\n  /**\n   * URL to redirect the user to\n   */\n  redirectTo?: string;\n  /**\n   * Text to display for the redirect link\n   */\n  linkText?: string;\n  /**\n   * HTTP error code to display\n   */\n  errorCode?: number;\n}\n\n/**\n * Unauthorized component displays when a user doesn't have permission to access a page\n * @param props Component properties\n * @returns JSX element with unauthorized message and redirect link\n * @example\n * ```tsx\n * <Unauthorized message=\"You are not authorized to access this page\" redirectTo=\"/\" linkText=\"Go back to homepage\" errorCode={403} />\n * ```\n */\nconst Unauthorized: React.FC<UnauthorizedProps> = ({\n  message,\n  redirectTo = \"/\",\n  linkText = \"Go back to homepage\",\n  errorCode = 403,\n}) => {\n  const url =\n    errorCode === 401 ? \"/auth/login\" : errorCode === 403 ? redirectTo : \"/\";\n  const label = errorCode === 401 ? \"Login\" : linkText;\n  return (\n    <div className=\"ihub-container ihub-pt-20\">\n      <div className=\"ihub-max-w-600 ihub-mx-auto ihub-text-center ihub-py-8\">\n        <div className=\"ihub-mb-6\">\n          <div className=\"ihub-error-code ihub-text-center ihub-mb-4\">\n            <span className=\"ihub-text-DarkCyan ihub-fs-5 tw-700\">\n              {errorCode}\n            </span>\n          </div>\n          <h1 className=\"ihub-mb-2 tw-600 ihub-text-center\">Access Denied</h1>\n          <p className=\"ihub-mb-4 ihub-text-center\">\n            {message || errorCode === 401\n              ? \"You are not logged in.\"\n              : \"You don't have permission to access this page.\"}\n          </p>\n          <a href={url} className=\"important-btn ihub-inline-block\">\n            {label}\n          </a>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default Unauthorized;\n"],"names":["Unauthorized","_ref","message","_ref$redirectTo","redirectTo","_ref$linkText","linkText","_ref$errorCode","errorCode","url","label","_jsx","className","children","_jsxs","href"],"mappings":"kDA8BA,IAAMA,EAA4C,SAAhCC,GAKb,IAJHC,EAAOD,EAAPC,QAAOC,EAAAF,EACPG,WAAAA,OAAa,IAAHD,EAAG,IAAGA,EAAAE,EAAAJ,EAChBK,SAAAA,OAAW,IAAHD,EAAG,sBAAqBA,EAAAE,EAAAN,EAChCO,UAAAA,OAAY,IAAHD,EAAG,IAAGA,EAETE,EACU,MAAdD,EAAoB,cAA8B,MAAdA,EAAoBJ,EAAa,IACjEM,EAAsB,MAAdF,EAAoB,QAAUF,EAC5C,OACEK,SAAKC,UAAU,4BACbC,SAAAF,EAAA,MAAA,CAAKC,UAAU,kEACbE,EAAK,MAAA,CAAAF,UAAU,YAAWC,SAAA,CACxBF,SAAKC,UAAU,6CACbC,SAAAF,EAAA,OAAA,CAAMC,UAAU,+CACbJ,MAGLG,EAAA,KAAA,CAAIC,UAAU,+DACdD,EAAA,IAAA,CAAGC,UAAU,sCACVV,GAAyB,MAAdM,EACR,yBACA,mDAENG,EAAG,IAAA,CAAAI,KAAMN,EAAKG,UAAU,2CACrBF,UAMb"}

package/dist/src/components/tabs/TabContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabContent.js","sources":["../../../../src/components/tabs/TabContent.tsx"],"sourcesContent":["import React from \"react\";\r\n\r\ninterface TabContentProps {\r\n  title?: string | null;\r\n  description: React.ReactElement;\r\n}\r\n\r\n/**\r\n *\r\n * @jsx\r\n * @example\r\n * ```tsx\r\n *\r\n * <TabContent title=\"Tab Title\" description={<p>Tab Description</p>} />\r\n * ```\r\n * Props interface for the TabContent component\r\n * @property {string} [title] - Optional title for the tab\r\n * @property {React.ReactElement} description - Description for the tab\r\n *\r\n * @returns\r\n */\r\n\r\nconst TabContent = ({ title, description }: TabContentProps): JSX.Element => (\r\n  <div className=\"ihub-tab-content\">\r\n    {title ? <h3 className=\"ihub-fs-lg ihub-mb-2\">{title}</h3> : \"\"}\r\n    <div className=\"ihub-mb-4\">{description}</div>\r\n  </div>\r\n);\r\n\r\nexport default TabContent;\r\n"],"names":["TabContent","_ref","title","description","_jsxs","className","children","_jsx"],"mappings":"kDAsBA,IAAMA,EAAa,SAAHC,GAAA,IAAMC,EAAKD,EAALC,MAAOC,EAAWF,EAAXE,YAAW,OACtCC,SAAKC,UAAU,mBACZC,SAAA,CAAAJ,EAAQK,EAAI,KAAA,CAAAF,UAAU,uBAAsBC,SAAEJ,IAAc,GAC7DK,EAAK,MAAA,CAAAF,UAAU,YAAWC,SAAEH,MACxB"}
+{"version":3,"file":"TabContent.js","sources":["../../../../src/components/tabs/TabContent.tsx"],"sourcesContent":["import React from \"react\";\n\ninterface TabContentProps {\n  title?: string | null;\n  description: React.ReactElement;\n}\n\n/**\n *\n * @jsx\n * @example\n * ```tsx\n *\n * <TabContent title=\"Tab Title\" description={<p>Tab Description</p>} />\n * ```\n * Props interface for the TabContent component\n * @property {string} [title] - Optional title for the tab\n * @property {React.ReactElement} description - Description for the tab\n *\n * @returns\n */\n\nconst TabContent = ({ title, description }: TabContentProps): JSX.Element => (\n  <div className=\"ihub-tab-content\">\n    {title ? <h3 className=\"ihub-fs-lg ihub-mb-2\">{title}</h3> : \"\"}\n    <div className=\"ihub-mb-4\">{description}</div>\n  </div>\n);\n\nexport default TabContent;\n"],"names":["TabContent","_ref","title","description","_jsxs","className","children","_jsx"],"mappings":"kDAsBA,IAAMA,EAAa,SAAHC,GAAA,IAAMC,EAAKD,EAALC,MAAOC,EAAWF,EAAXE,YAAW,OACtCC,SAAKC,UAAU,mBACZC,SAAA,CAAAJ,EAAQK,EAAI,KAAA,CAAAF,UAAU,uBAAsBC,SAAEJ,IAAc,GAC7DK,EAAK,MAAA,CAAAF,UAAU,YAAWC,SAAEH,MACxB"}

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\";\n\nexport default function LoadingAnimate() {\n  return (\n    <div className=\"react_loading container\">\n      <div>\n        <div className=\"lds-ellipsis\">\n          <div></div>\n          <div></div>\n          <div></div>\n          <div></div>\n        </div>\n      </div>\n    </div>\n  );\n}\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"}

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

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

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  | \"secondary\"\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   * Text content to display (alias for children)\r\n   */\r\n  text?: string;\r\n\r\n  /**\r\n   * The visual style variant of the badge\r\n   * @default 'default | default primary | success | warning | danger | info'\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  text,\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 = text || 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\r\n/**\r\n * @example\r\n * // Basic usage\r\n * <Badge>New</Badge>\r\n *\r\n * @example\r\n * // Different variants\r\n * <Badge variant=\"primary\">Primary</Badge>\r\n * <Badge variant=\"success\">Success</Badge>\r\n * <Badge variant=\"warning\">Warning</Badge>\r\n * <Badge variant=\"danger\">Danger</Badge>\r\n * <Badge variant=\"info\">Info</Badge>\r\n *\r\n * @example\r\n * // Different sizes\r\n * <Badge size=\"small\">Small</Badge>\r\n * <Badge size=\"medium\">Medium</Badge>\r\n * <Badge size=\"large\">Large</Badge>\r\n *\r\n * @example\r\n * // Different shapes\r\n * <Badge shape=\"rounded\">Rounded</Badge>\r\n * <Badge shape=\"pill\">Pill</Badge>\r\n * <Badge shape=\"square\">Square</Badge>\r\n *\r\n * @example\r\n * // Outlined style\r\n * <Badge variant=\"primary\" outlined>Outlined</Badge>\r\n *\r\n * @example\r\n * // Count badges\r\n * <Badge count={5} variant=\"danger\" />\r\n * <Badge count={150} maxCount={99} variant=\"primary\" />\r\n *\r\n * @example\r\n * // Dot badge (status indicator)\r\n * <Badge dot variant=\"success\" />\r\n *\r\n * @example\r\n * // Clickable badge\r\n * <Badge\r\n *   variant=\"primary\"\r\n *   onClick={(e) => console.log('Badge clicked')}\r\n * >\r\n *   Clickable\r\n * </Badge>\r\n *\r\n * @example\r\n * // Usage recommendations:\r\n * // 1. For status indicators: use 'dot' prop with appropriate variant\r\n * // 2. For notification counts: use 'count' prop with 'danger' or 'primary' variant\r\n * // 3. For labels/tags: use text content with 'pill' shape\r\n * // 4. For action badges: add onClick handler and use 'primary' variant\r\n * // 5. For subtle indicators: use 'outlined' prop with muted variants\r\n */\r\n"],"names":["Badge","_ref","children","text","_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":"wCAqFA,IAAMA,EAA8B,SAAzBC,GAaN,IAZHC,EAAQD,EAARC,SACAC,EAAIF,EAAJE,KAAIC,EAAAH,EACJI,QAAAA,OAAU,IAAHD,EAAG,UAASA,EAAAE,EAAAL,EACnBM,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EAAAE,EAAAP,EACfQ,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EAAAE,EAAAT,EACjBU,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAX,EAChBY,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EACdE,EAAKb,EAALa,MAAKC,EAAAd,EACLe,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EAAAE,EAAAhB,EACbiB,IAAAA,OAAM,IAAHD,GAAQA,EAAAE,EAAAlB,EACXmB,WAAAA,OAAa,IAAHD,GAAOA,EACjBE,EAAOpB,EAAPoB,QAGIC,EAAUnB,GAAQD,EAClBgB,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\";\n\nexport type BadgeVariant =\n  | \"default\"\n  | \"primary\"\n  | \"secondary\"\n  | \"success\"\n  | \"warning\"\n  | \"danger\"\n  | \"info\";\nexport type BadgeSize = \"small\" | \"medium\" | \"large\";\nexport type BadgeShape = \"rounded\" | \"pill\" | \"square\";\n\nexport interface BadgeProps {\n  /**\n   * The content to display inside the badge\n   */\n  children?: React.ReactNode;\n\n  /**\n   * Text content to display (alias for children)\n   */\n  text?: string;\n\n  /**\n   * The visual style variant of the badge\n   * @default 'default | default primary | success | warning | danger | info'\n   */\n  variant?: BadgeVariant;\n\n  /**\n   * The size of the badge\n   * @default 'medium'\n   */\n  size?: BadgeSize;\n\n  /**\n   * The shape of the badge\n   * @default 'rounded'\n   */\n  shape?: BadgeShape;\n\n  /**\n   * Whether the badge has an outline style\n   * @default false\n   */\n  outlined?: boolean;\n\n  /**\n   * Additional CSS class names\n   */\n  className?: string;\n\n  /**\n   * Badge value for notification-style badges\n   */\n  count?: number;\n\n  /**\n   * Maximum count to display before showing \"count+\"\n   * @default 99\n   */\n  maxCount?: number;\n\n  /**\n   * Show a dot badge without content\n   * @default false\n   */\n  dot?: boolean;\n\n  /**\n   * Makes the badge standalone (not overlaying another element)\n   * @default true\n   */\n  standalone?: boolean;\n\n  /**\n   * Optional click handler\n   */\n  onClick?: (event: React.MouseEvent<HTMLSpanElement>) => void;\n}\n\n/**\n * Badge Component - Used for displaying counts, status indicators, or labels\n */\nconst Badge: React.FC<BadgeProps> = ({\n  children,\n  text,\n  variant = \"default\",\n  size = \"medium\",\n  shape = \"rounded\",\n  outlined = false,\n  className = \"\",\n  count,\n  maxCount = 99,\n  dot = false,\n  standalone = true,\n  onClick,\n}) => {\n  // Determine the content to display\n  let content = text || children;\n  if (dot) {\n    content = null;\n  } else if (count !== undefined) {\n    content = count > maxCount ? `${maxCount}+` : count;\n  }\n\n  // Build CSS class name\n  const badgeClasses = [\n    \"ihub-badge\",\n    `ihub-badge-${variant}`,\n    `ihub-badge-${size}`,\n    `ihub-badge-${shape}`,\n    outlined ? \"ihub-badge-outlined\" : \"\",\n    dot ? \"ihub-badge-dot\" : \"\",\n    !standalone ? \"ihub-badge-attached\" : \"\",\n    className,\n  ]\n    .filter(Boolean)\n    .join(\" \");\n\n  return (\n    <span\n      className={badgeClasses}\n      onClick={onClick}\n      role={onClick ? \"button\" : undefined}\n      tabIndex={onClick ? 0 : undefined}\n    >\n      {content}\n    </span>\n  );\n};\n\nexport default Badge;\n\n/**\n * @example\n * // Basic usage\n * <Badge>New</Badge>\n *\n * @example\n * // Different variants\n * <Badge variant=\"primary\">Primary</Badge>\n * <Badge variant=\"success\">Success</Badge>\n * <Badge variant=\"warning\">Warning</Badge>\n * <Badge variant=\"danger\">Danger</Badge>\n * <Badge variant=\"info\">Info</Badge>\n *\n * @example\n * // Different sizes\n * <Badge size=\"small\">Small</Badge>\n * <Badge size=\"medium\">Medium</Badge>\n * <Badge size=\"large\">Large</Badge>\n *\n * @example\n * // Different shapes\n * <Badge shape=\"rounded\">Rounded</Badge>\n * <Badge shape=\"pill\">Pill</Badge>\n * <Badge shape=\"square\">Square</Badge>\n *\n * @example\n * // Outlined style\n * <Badge variant=\"primary\" outlined>Outlined</Badge>\n *\n * @example\n * // Count badges\n * <Badge count={5} variant=\"danger\" />\n * <Badge count={150} maxCount={99} variant=\"primary\" />\n *\n * @example\n * // Dot badge (status indicator)\n * <Badge dot variant=\"success\" />\n *\n * @example\n * // Clickable badge\n * <Badge\n *   variant=\"primary\"\n *   onClick={(e) => console.log('Badge clicked')}\n * >\n *   Clickable\n * </Badge>\n *\n * @example\n * // Usage recommendations:\n * // 1. For status indicators: use 'dot' prop with appropriate variant\n * // 2. For notification counts: use 'count' prop with 'danger' or 'primary' variant\n * // 3. For labels/tags: use text content with 'pill' shape\n * // 4. For action badges: add onClick handler and use 'primary' variant\n * // 5. For subtle indicators: use 'outlined' prop with muted variants\n */\n"],"names":["Badge","_ref","children","text","_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":"wCAqFA,IAAMA,EAA8B,SAAzBC,GAaN,IAZHC,EAAQD,EAARC,SACAC,EAAIF,EAAJE,KAAIC,EAAAH,EACJI,QAAAA,OAAU,IAAHD,EAAG,UAASA,EAAAE,EAAAL,EACnBM,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EAAAE,EAAAP,EACfQ,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EAAAE,EAAAT,EACjBU,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAX,EAChBY,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EACdE,EAAKb,EAALa,MAAKC,EAAAd,EACLe,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EAAAE,EAAAhB,EACbiB,IAAAA,OAAM,IAAHD,GAAQA,EAAAE,EAAAlB,EACXmB,WAAAA,OAAa,IAAHD,GAAOA,EACjBE,EAAOpB,EAAPoB,QAGIC,EAAUnB,GAAQD,EAClBgB,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"}