@sparkstudio/common-ui 1.0.24 → 1.0.26

package/dist/index.cjs

@@ -40,6 +40,7 @@ __export(index_exports, {
   Notifications: () => Notifications,
   NotificationsProvider: () => NotificationsProvider,
   NpmBadge: () => NpmBadge,
+  ThemeToggleButton: () => ThemeToggleButton,
   UseModal: () => UseModal,
   UseNotifications: () => UseNotifications
 });
@@ -220,20 +221,52 @@ function NpmBadge({ packageName, packageLabel, packageUrl, color = "black", heig
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("a", { href: npmUrl, target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("img", { src: badgeUrl, alt: `${packageName} version`, style: { height } }) });
 }
 
-// src/components/navigation/Navigation.tsx
+// src/components/ThemeToggleButton.tsx
+var import_react2 = require("react");
 var import_jsx_runtime10 = require("react/jsx-runtime");
+var STORAGE_KEY = "bootstrap-theme";
+function applyTheme(theme) {
+  document.documentElement.setAttribute("data-bs-theme", theme);
+}
+function ThemeToggleButton() {
+  const [theme, setTheme] = (0, import_react2.useState)("light");
+  (0, import_react2.useEffect)(() => {
+    const stored = localStorage.getItem(STORAGE_KEY);
+    if (stored === "light" || stored === "dark") {
+      setTheme(stored);
+      applyTheme(stored);
+      return;
+    }
+    const prefersDark = window.matchMedia?.("(prefers-color-scheme: dark)").matches ?? false;
+    const initialTheme = prefersDark ? "dark" : "light";
+    setTheme(initialTheme);
+    applyTheme(initialTheme);
+  }, []);
+  const handleToggle = () => {
+    const next = theme === "light" ? "dark" : "light";
+    setTheme(next);
+    applyTheme(next);
+    localStorage.setItem(STORAGE_KEY, next);
+  };
+  const variant = theme === "light" ? "dark" : "light";
+  const label = theme === "light" ? "\u{1F319} Dark mode" : "\u{1F31E} Light mode";
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Button, { variant, onClick: handleToggle, children: label });
+}
+
+// src/components/navigation/Navigation.tsx
+var import_jsx_runtime11 = require("react/jsx-runtime");
 function Navigation({
   title = "Navigation",
   children,
   isOpen,
   onClose
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("nav", { className: "col-auto p-3 h-100 d-none d-md-flex flex-column", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("h6", { className: "text-muted text-uppercase", children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("ul", { className: "nav nav-pills flex-column gap-2 mt-3", children })
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("nav", { className: "col-auto p-3 h-100 d-none d-md-flex flex-column", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("h6", { className: "text-muted text-uppercase", children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("ul", { className: "nav nav-pills flex-column gap-2 mt-3", children })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
       "div",
       {
         className: `offcanvas offcanvas-start d-md-none ${isOpen ? "show" : ""}`,
@@ -241,15 +274,15 @@ function Navigation({
         tabIndex: -1,
         "aria-hidden": isOpen ? "false" : "true",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "offcanvas-header", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("h5", { className: "offcanvas-title", children: title }),
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("button", { className: "btn-close", onClick: onClose })
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "offcanvas-header", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("h5", { className: "offcanvas-title", children: title }),
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("button", { className: "btn-close", onClick: onClose })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "offcanvas-body", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("ul", { className: "nav nav-pills flex-column gap-2 mt-2", children }) })
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "offcanvas-body", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("ul", { className: "nav nav-pills flex-column gap-2 mt-2", children }) })
         ]
       }
     ),
-    isOpen && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    isOpen && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
       "div",
       {
         className: "offcanvas-backdrop fade show d-md-none",
@@ -260,9 +293,9 @@ function Navigation({
 }
 
 // src/components/navigation/NavigationItem.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 function NavigationItem({ icon, title, type, active, onClick }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("li", { className: "nav-item", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("li", { className: "nav-item", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
     "button",
     {
       type: "button",
@@ -278,12 +311,12 @@ function NavigationItem({ icon, title, type, active, onClick }) {
 }
 
 // src/components/navigation/NavToggleButton.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 var NavToggleButton = ({
   onClick,
   color = "dark"
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "ms-auto pe-2 d-md-none", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "ms-auto pe-2 d-md-none", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     Button,
     {
       variant: color,
@@ -295,29 +328,29 @@ var NavToggleButton = ({
 };
 
 // src/components/notifications/Notifications.tsx
-var import_react2 = require("react");
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_react3 = require("react");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 function Notifications({ notifications, onClose }) {
-  (0, import_react2.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     notifications.forEach((n) => {
       if (!n.autoCloseMs) return;
       const timer = setTimeout(() => onClose(n.id), n.autoCloseMs);
       return () => clearTimeout(timer);
     });
   }, [notifications, onClose]);
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     "div",
     {
       className: "position-fixed top-0 end-0",
       style: { zIndex: 1080, width: 340 },
-      children: notifications.map((n) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+      children: notifications.map((n) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
         "div",
         {
           className: `alert alert-${n.type ?? "info"} alert-dismissible fade show shadow-sm mb-2`,
           role: "alert",
           children: [
             n.message,
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
               "button",
               {
                 type: "button",
@@ -335,14 +368,14 @@ function Notifications({ notifications, onClose }) {
 }
 
 // src/components/notifications/NotificationsProvider.tsx
-var import_react3 = require("react");
-var import_jsx_runtime14 = require("react/jsx-runtime");
-var NotificationsContext = (0, import_react3.createContext)(
+var import_react4 = require("react");
+var import_jsx_runtime15 = require("react/jsx-runtime");
+var NotificationsContext = (0, import_react4.createContext)(
   void 0
 );
 function NotificationsProvider({ children }) {
-  const [notifications, setNotifications] = (0, import_react3.useState)([]);
-  const push = (0, import_react3.useCallback)(
+  const [notifications, setNotifications] = (0, import_react4.useState)([]);
+  const push = (0, import_react4.useCallback)(
     (message, type = "info", autoCloseMs = 4e3) => {
       setNotifications((prev) => [
         ...prev,
@@ -356,10 +389,10 @@ function NotificationsProvider({ children }) {
     },
     []
   );
-  const close = (0, import_react3.useCallback)((id) => {
+  const close = (0, import_react4.useCallback)((id) => {
     setNotifications((list) => list.filter((n) => n.id !== id));
   }, []);
-  (0, import_react3.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     const timers = notifications.map((n) => {
       if (!n.autoCloseMs) return null;
       return setTimeout(() => close(n.id), n.autoCloseMs);
@@ -368,20 +401,20 @@ function NotificationsProvider({ children }) {
       timers.forEach((t) => t && clearTimeout(t));
     };
   }, [notifications, close]);
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(NotificationsContext.Provider, { value: { push }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(NotificationsContext.Provider, { value: { push }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       "div",
       {
         className: "position-fixed top-0 end-0",
         style: { zIndex: 1080, width: 340 },
-        children: notifications.map((n) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+        children: notifications.map((n) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
           "div",
           {
             className: `alert alert-${n.type ?? "info"} alert-dismissible fade show shadow-sm mb-2`,
             role: "alert",
             children: [
               n.message,
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
                 "button",
                 {
                   type: "button",
@@ -400,7 +433,7 @@ function NotificationsProvider({ children }) {
   ] });
 }
 function UseNotifications() {
-  const ctx = (0, import_react3.useContext)(NotificationsContext);
+  const ctx = (0, import_react4.useContext)(NotificationsContext);
   if (!ctx) {
     throw new Error("useNotifications must be used within a NotificationsProvider");
   }
@@ -408,34 +441,34 @@ function UseNotifications() {
 }
 
 // src/components/views/AppsView.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 var AppsView = ({ apps, title, onAppClick }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
-    title && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("h5", { className: "mb-3", children: title }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "row justify-content-center justify-content-md-start", children: apps.map((app) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(AppTile, { app, onClick: onAppClick }, app.id)) })
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
+    title && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("h5", { className: "mb-3", children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "row justify-content-center justify-content-md-start", children: apps.map((app) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(AppTile, { app, onClick: onAppClick }, app.id)) })
   ] });
 };
 
 // src/components/wrappers/ContentContainer.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 function ContentContainer({ children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "container-fluid flex-grow-1", children });
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "container-fluid flex-grow-1 container-lg", children });
 }
 
 // src/components/wrappers/ContentRow.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 function ContentRow({ children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "row h-100 flex-nowrap", children });
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "row h-100 flex-nowrap", children });
 }
 
 // src/components/wrappers/LayoutWrapper.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 function LayoutWrapper({ children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "d-flex flex-column min-vh-100", children });
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "d-flex flex-column min-vh-100", children });
 }
 
 // src/modal/Modal.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 var Modal = ({
   title,
   isOpen,
@@ -458,8 +491,8 @@ var Modal = ({
     e.stopPropagation();
   };
   const hasFooterButtons = (showCloseButton || onConfirm && showConfirmButton) && !disableAllButtons;
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
       "div",
       {
         className: "modal-backdrop fade show",
@@ -467,7 +500,7 @@ var Modal = ({
         onClick: handleBackdropClick
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
       "div",
       {
         className: "modal fade show d-block",
@@ -475,16 +508,16 @@ var Modal = ({
         role: "dialog",
         style: { zIndex: 1050 },
         onClick: handleBackdropClick,
-        children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
           "div",
           {
             className: "modal-dialog modal-dialog-centered",
             role: "document",
             onClick: handleContentClick,
-            children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "modal-content shadow", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "modal-header", children: [
-                title && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("h5", { className: "modal-title", children: title }),
-                showHeaderClose && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "modal-content shadow", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "modal-header", children: [
+                title && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("h5", { className: "modal-title", children: title }),
+                showHeaderClose && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                   "button",
                   {
                     type: "button",
@@ -495,9 +528,9 @@ var Modal = ({
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "modal-body", children }),
-              hasFooterButtons && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "modal-footer", children: [
-                showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "modal-body", children }),
+              hasFooterButtons && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "modal-footer", children: [
+                showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                   "button",
                   {
                     type: "button",
@@ -507,7 +540,7 @@ var Modal = ({
                     children: "Close"
                   }
                 ),
-                onConfirm && showConfirmButton && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                onConfirm && showConfirmButton && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                   "button",
                   {
                     type: "button",
@@ -527,24 +560,24 @@ var Modal = ({
 };
 
 // src/modal/ModalProvider.tsx
-var import_react4 = require("react");
-var import_jsx_runtime20 = require("react/jsx-runtime");
-var ModalContext = (0, import_react4.createContext)(void 0);
+var import_react5 = require("react");
+var import_jsx_runtime21 = require("react/jsx-runtime");
+var ModalContext = (0, import_react5.createContext)(void 0);
 function ModalProvider({ children }) {
-  const [isOpen, setIsOpen] = (0, import_react4.useState)(false);
-  const [content, setContent] = (0, import_react4.useState)(null);
-  const [options, setOptions] = (0, import_react4.useState)({});
-  const openModal = (0, import_react4.useCallback)((content2, options2) => {
+  const [isOpen, setIsOpen] = (0, import_react5.useState)(false);
+  const [content, setContent] = (0, import_react5.useState)(null);
+  const [options, setOptions] = (0, import_react5.useState)({});
+  const openModal = (0, import_react5.useCallback)((content2, options2) => {
     setContent(content2);
     setOptions(options2 ?? {});
     setIsOpen(true);
   }, []);
-  const closeModal = (0, import_react4.useCallback)(() => {
+  const closeModal = (0, import_react5.useCallback)(() => {
     setIsOpen(false);
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(ModalContext.Provider, { value: { openModal, closeModal }, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(ModalContext.Provider, { value: { openModal, closeModal }, children: [
     children,
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
       Modal,
       {
         isOpen,
@@ -563,7 +596,7 @@ function ModalProvider({ children }) {
   ] });
 }
 function UseModal() {
-  const ctx = (0, import_react4.useContext)(ModalContext);
+  const ctx = (0, import_react5.useContext)(ModalContext);
   if (!ctx) throw new Error("UseModal must be used within ModalProvider");
   return ctx;
 }
@@ -589,6 +622,7 @@ function UseModal() {
   Notifications,
   NotificationsProvider,
   NpmBadge,
+  ThemeToggleButton,
   UseModal,
   UseNotifications
 });

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/components/Alert.tsx","../src/components/AppTile.tsx","../src/components/Body.tsx","../src/components/Button.tsx","../src/components/Footer.tsx","../src/components/Header.tsx","../src/components/HeaderText.tsx","../src/components/Icon.tsx","../src/components/NpmBadge.tsx","../src/components/navigation/Navigation.tsx","../src/components/navigation/NavigationItem.tsx","../src/components/navigation/NavToggleButton.tsx","../src/components/notifications/Notifications.tsx","../src/components/notifications/NotificationsProvider.tsx","../src/components/views/AppsView.tsx","../src/components/wrappers/ContentContainer.tsx","../src/components/wrappers/ContentRow.tsx","../src/components/wrappers/LayoutWrapper.tsx","../src/modal/Modal.tsx","../src/modal/ModalProvider.tsx"],"sourcesContent":["/**\n * @file Automatically generated by barrelsby.\n */\n\nexport * from \"./components/Alert\";\nexport * from \"./components/AppTile\";\nexport * from \"./components/Body\";\nexport * from \"./components/Button\";\nexport * from \"./components/Footer\";\nexport * from \"./components/Header\";\nexport * from \"./components/HeaderText\";\nexport * from \"./components/Icon\";\nexport * from \"./components/NpmBadge\";\nexport * from \"./components/navigation/Navigation\";\nexport * from \"./components/navigation/NavigationItem\";\nexport * from \"./components/navigation/NavToggleButton\";\nexport * from \"./components/notifications/Notifications\";\nexport * from \"./components/notifications/NotificationsProvider\";\nexport * from \"./components/views/AppsView\";\nexport * from \"./components/wrappers/ContentContainer\";\nexport * from \"./components/wrappers/ContentRow\";\nexport * from \"./components/wrappers/LayoutWrapper\";\nexport * from \"./modal/Modal\";\nexport * from \"./modal/ModalProvider\";\nexport * from \"./models/AppItem\";\n","// components/Alert.tsx\r\nimport React from \"react\";\r\n\r\nexport type AlertVariant =\r\n  | \"primary\"\r\n  | \"secondary\"\r\n  | \"success\"\r\n  | \"danger\"\r\n  | \"warning\"\r\n  | \"info\"\r\n  | \"light\"\r\n  | \"dark\";\r\n\r\ninterface AlertProps {\r\n  variant?: AlertVariant;\r\n  title?: string;\r\n  dismissible?: boolean;\r\n  className?: string;\r\n  children: React.ReactNode;\r\n  onClose?: () => void;\r\n}\r\n\r\nexport const Alert: React.FC<AlertProps> = ({\r\n  variant = \"info\",\r\n  title,\r\n  dismissible = false,\r\n  className = \"\",\r\n  children,\r\n  onClose,\r\n}) => {\r\n  const classes = [\r\n    \"alert\",\r\n    `alert-${variant}`,\r\n    dismissible ? \"alert-dismissible fade show\" : \"\",\r\n    className,\r\n  ]\r\n    .filter(Boolean)\r\n    .join(\" \");\r\n\r\n  return (\r\n    <div role=\"alert\" className={classes}>\r\n      {title && <strong className=\"d-block mb-1\">{title}</strong>}\r\n      {children}\r\n\r\n      {dismissible && (\r\n        <button\r\n          type=\"button\"\r\n          className=\"btn-close\"\r\n          aria-label=\"Close\"\r\n          onClick={onClose}\r\n        />\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n","import React from \"react\";\r\nimport type { AppItem } from \"../models/AppItem\";\r\n\r\ninterface AppTileProps {\r\n  app: AppItem;\r\n  onClick?: (app: AppItem) => void;\r\n}\r\n\r\nexport const AppTile: React.FC<AppTileProps> = ({ app, onClick }) => {\r\n  return (\r\n    <div className=\"col-auto\">\r\n      <button\r\n        type=\"button\"\r\n        className=\"btn p-2 d-flex flex-column align-items-center border-0 bg-transparent app-icon-btn\"\r\n        onClick={() => onClick?.(app)}\r\n      >\r\n        <div className=\"app-icon-tile d-flex align-items-center justify-content-center mb-1\">\r\n          <span style={{fontSize:\"32px\"}}>{app.icon}</span>\r\n        </div>\r\n\r\n        <span className=\"w-100 small text-truncate\">\r\n          {app.name}\r\n          {app.version && <small className=\"text-muted ms-1\">v{app.version}</small>}\r\n        </span>\r\n      </button>\r\n    </div>\r\n  );\r\n};\r\n","import type { ReactNode } from \"react\";\r\n\r\ninterface BodyProps {\r\n  icon: ReactNode;\r\n  title: ReactNode;\r\n  description?: ReactNode;\r\n  children?: ReactNode;\r\n}\r\n\r\nexport function Body({ icon, title, description, children }: BodyProps) {\r\n  return (\r\n\r\n      <main className=\"col p-4\">\r\n        <h2>{icon} {title}</h2>\r\n\r\n        {description && <p>{description}</p>}\r\n        {children}\r\n      </main>\r\n  );\r\n}\r\n","import { useState, type ReactNode, type MouseEvent } from \"react\";\r\n\r\nexport type ButtonVariant =\r\n  | \"primary\"\r\n  | \"secondary\"\r\n  | \"success\"\r\n  | \"danger\"\r\n  | \"warning\"\r\n  | \"info\"\r\n  | \"light\"\r\n  | \"dark\"\r\n  | \"link\";\r\n\r\nexport interface ButtonProps {\r\n  buttonClassName?: string;\r\n  type?: \"button\" | \"submit\" | \"reset\";\r\n  disabled?: boolean;\r\n\r\n  variant?: ButtonVariant;   // 👈 NEW — Bootstrap color support\r\n\r\n  onAction?: () => Promise<unknown>;\r\n  onClick?: (event: MouseEvent<HTMLButtonElement>) => void;\r\n  onDone?: (result: unknown) => void;\r\n  onError?: (error: unknown) => void;\r\n  onFinally?: () => void;\r\n\r\n  children?: ReactNode;\r\n  loadingChildren?: ReactNode;\r\n\r\n  renderContent?: () => ReactNode;\r\n  renderLoading?: () => ReactNode;\r\n\r\n  loadingText?: string;\r\n  showSpinner?: boolean;\r\n}\r\n\r\nexport function Button({\r\n  buttonClassName = \"btn btn-primary\",\r\n  type = \"button\",\r\n  disabled = false,\r\n\r\n  variant,\r\n\r\n  onAction,\r\n  onClick,\r\n  onDone,\r\n  onError,\r\n  onFinally,\r\n\r\n  children = \"Click me\",\r\n\r\n  loadingChildren,\r\n  renderContent,\r\n  renderLoading,\r\n\r\n  loadingText = \"Loading...\",\r\n  showSpinner = true,\r\n}: ButtonProps) {\r\n  const [loading, setLoading] = useState(false);\r\n\r\n  const handleClick = async (event: MouseEvent<HTMLButtonElement>) => {\r\n    if (loading) return;\r\n\r\n    onClick?.(event);\r\n    if (event.defaultPrevented) return;\r\n    if (!onAction) return;\r\n\r\n    try {\r\n      setLoading(true);\r\n      const result = await onAction();\r\n      onDone?.(result);\r\n    } catch (error) {\r\n      onError?.(error);\r\n    } finally {\r\n      setLoading(false);\r\n      onFinally?.();\r\n    }\r\n  };\r\n\r\n  // 👇 Decide which CSS to use:\r\n  // - if variant is provided, use Bootstrap \"btn btn-X\"\r\n  // - otherwise fall back to user-supplied buttonClassName\r\n  const baseClass = variant\r\n    ? `btn btn-${variant}`\r\n    : buttonClassName;\r\n\r\n  return (\r\n    <button\r\n      type={type}\r\n      className={`${baseClass} ${loading ? \"async-btn--loading\" : \"\"}`}\r\n      onClick={handleClick}\r\n      disabled={disabled || loading}\r\n    >\r\n      {loading ? (\r\n        renderLoading?.() ??\r\n        loadingChildren ?? (\r\n          <>\r\n            {showSpinner && (\r\n              <span\r\n                className=\"spinner-border spinner-border-sm me-2 async-btn__spinner\"\r\n                role=\"status\"\r\n                aria-hidden=\"true\"\r\n              />\r\n            )}\r\n            {loadingText}\r\n          </>\r\n        )\r\n      ) : (\r\n        renderContent?.() ?? children\r\n      )}\r\n    </button>\r\n  );\r\n}\r\n","import type { ReactNode } from \"react\";\r\n\r\ninterface FooterProps {\r\n  children?: ReactNode;\r\n}\r\n\r\nexport function Footer({ children }: FooterProps) {\r\n  return (\r\n    <footer className=\"bg-dark text-white text-center py-2 mt-auto\">\r\n      {children ?? \"© 2025 Your Site — All rights reserved\"}\r\n    </footer>\r\n  );\r\n}\r\n","import type { ReactNode } from \"react\";\r\n\r\ninterface HeaderProps {\r\n  children?: ReactNode;\r\n}\r\n\r\nexport function Header({ children }: HeaderProps) {\r\n  return (\r\n    <nav className=\"navbar navbar-dark bg-dark px-3 sticky-top\">\r\n      {children ?? (\r\n        <span className=\"navbar-brand mb-0 h4\">My Website</span>\r\n      )}\r\n    </nav>\r\n  );\r\n}\r\n","import type { ReactNode } from \"react\";\r\n\r\ninterface HeaderBrandProps {\r\n  children: ReactNode;\r\n}\r\n\r\nexport function HeaderText({ children }: HeaderBrandProps) {\r\n  return (\r\n    <span className=\"navbar-brand mb-0 h4\">\r\n      {children}\r\n    </span>\r\n  );\r\n}\r\n","// ImageCard.tsx\r\nimport React from \"react\";\r\n\r\ninterface ImageCardProps {\r\n  src: string;\r\n  alt: string;\r\n  width?: string | number;\r\n  height?: string | number;\r\n}\r\n\r\nexport const ImageCard: React.FC<ImageCardProps> = ({\r\n  src,\r\n  alt,\r\n}) => {\r\n  return (\r\n    <img\r\n      src={src}\r\n      alt={alt}\r\n      className={\"w-100\"}\r\n      style={{\r\n        display: \"block\",\r\n        objectFit: \"cover\",\r\n      }}\r\n    />\r\n  );\r\n};\r\n","// components/NpmBadge.tsx\r\ninterface NpmBadgeProps {\r\n  packageLabel: string;\r\n  packageName: string;\r\n  packageUrl: string;          // e.g. \"@sparkstudio/authentication-ui\"\r\n  color?: string;               // optional (default black)\r\n  height?: number;              // optional (default 22)\r\n}\r\n\r\nexport function NpmBadge({ packageName, packageLabel, packageUrl, color = \"black\", height = 22 }: NpmBadgeProps) {\r\n  const encodedLabel = encodeURIComponent(packageLabel);\r\n  const badgeUrl = `https://img.shields.io/npm/v/${packageName}?logo=npm&label=${encodedLabel}&color=${color}`;\r\n  const npmUrl = packageUrl;\r\n\r\n  return (\r\n    <a href={npmUrl} target=\"_blank\" rel=\"noopener noreferrer\">\r\n      <img src={badgeUrl} alt={`${packageName} version`} style={{ height }} />\r\n    </a>\r\n  );\r\n}\r\n","// components/Navigation.tsx\r\nimport type { ReactNode } from \"react\";\r\n\r\ninterface NavigationProps {\r\n  title?: ReactNode;\r\n  children: ReactNode;\r\n  isOpen: boolean;\r\n  onClose: () => void;\r\n}\r\n\r\nexport function Navigation({\r\n  title = \"Navigation\",\r\n  children,\r\n  isOpen,\r\n  onClose,\r\n}: NavigationProps) {\r\n  return (\r\n    <>\r\n      {/* Desktop sidebar */}\r\n      <nav className=\"col-auto p-3 h-100 d-none d-md-flex flex-column\">\r\n        <h6 className=\"text-muted text-uppercase\">{title}</h6>\r\n\r\n        <ul className=\"nav nav-pills flex-column gap-2 mt-3\">\r\n          {children}\r\n        </ul>\r\n      </nav>\r\n\r\n      {/* Mobile drawer */}\r\n      <div\r\n        className={`offcanvas offcanvas-start d-md-none ${isOpen ? \"show\" : \"\"}`}\r\n        style={{ visibility: isOpen ? \"visible\" : \"hidden\" }}\r\n        tabIndex={-1}\r\n        aria-hidden={isOpen ? \"false\" : \"true\"}\r\n      >\r\n        <div className=\"offcanvas-header\">\r\n          <h5 className=\"offcanvas-title\">{title}</h5>\r\n          <button className=\"btn-close\" onClick={onClose} />\r\n        </div>\r\n\r\n        <div className=\"offcanvas-body\">\r\n          <ul className=\"nav nav-pills flex-column gap-2 mt-2\">\r\n            {children}\r\n          </ul>\r\n        </div>\r\n      </div>\r\n\r\n      {/* Backdrop */}\r\n      {isOpen && (\r\n        <div\r\n          className=\"offcanvas-backdrop fade show d-md-none\"\r\n          onClick={onClose}\r\n        />\r\n      )}\r\n    </>\r\n  );\r\n}\r\n","import type { ReactNode } from \"react\";\r\n\r\ninterface NavigationItemProps {\r\n  icon: ReactNode;\r\n  title: ReactNode;\r\n  type: string;\r\n  active?: boolean;\r\n  onClick?: (type: string) => void;\r\n}\r\n\r\nexport function NavigationItem({icon, title, type, active, onClick }: NavigationItemProps) {\r\n  return (\r\n    <li className=\"nav-item\">\r\n      <button\r\n        type=\"button\"\r\n        className={`nav-link text-start w-100 ${active ? \"active\" : \"\"}`}\r\n        onClick={() => onClick?.(type)}\r\n      >\r\n        {icon} {title}\r\n      </button>\r\n    </li>\r\n  );\r\n}\r\n","// components/NavToggleButton.tsx\r\nimport React from \"react\";\r\nimport { Button } from \"../Button\";\r\n\r\ninterface NavToggleButtonProps {\r\n  onClick: () => void;\r\n  label?: string;\r\n  color?: \"primary\" | \"secondary\" | \"success\" | \"danger\" | \"warning\" | \"info\" | \"light\" | \"dark\";\r\n}\r\n\r\nexport const NavToggleButton: React.FC<NavToggleButtonProps> = ({\r\n  onClick,\r\n  color = \"dark\",\r\n}) => {\r\n  return (\r\n    <div className=\"ms-auto pe-2 d-md-none\">\r\n      <Button\r\n        variant={color}\r\n        buttonClassName=\"btn btn-secondary\"\r\n        onClick={() => onClick()}\r\n      >\r\n        ☰\r\n      </Button>\r\n    </div>\r\n  );\r\n};\r\n","import { useEffect } from \"react\";\r\n\r\nexport type NotificationType = \"success\" | \"info\" | \"warning\" | \"danger\";\r\n\r\nexport interface Notification {\r\n  id: string;\r\n  message: string;\r\n  type?: NotificationType;\r\n  autoCloseMs?: number;\r\n}\r\n\r\ninterface NotificationsProps {\r\n  notifications: Notification[];\r\n  onClose: (id: string) => void;\r\n}\r\n\r\nexport function Notifications({ notifications, onClose }: NotificationsProps) {\r\n  useEffect(() => {\r\n    notifications.forEach((n) => {\r\n      if (!n.autoCloseMs) return;\r\n\r\n      const timer = setTimeout(() => onClose(n.id), n.autoCloseMs);\r\n      return () => clearTimeout(timer);\r\n    });\r\n  }, [notifications, onClose]);\r\n\r\n  return (\r\n    <div\r\n      className=\"position-fixed top-0 end-0\"\r\n      style={{ zIndex: 1080, width: 340 }}\r\n    >\r\n      {notifications.map((n) => (\r\n        <div\r\n          key={n.id}\r\n          className={`alert alert-${n.type ?? \"info\"} alert-dismissible fade show shadow-sm mb-2`}\r\n          role=\"alert\"\r\n        >\r\n          {n.message}\r\n\r\n          <button\r\n            type=\"button\"\r\n            className=\"btn-close\"\r\n            aria-label=\"Close\"\r\n            onClick={() => onClose(n.id)}\r\n          />\r\n        </div>\r\n      ))}\r\n    </div>\r\n  );\r\n}\r\n","import {\r\n  createContext,\r\n  useCallback,\r\n  useContext,\r\n  useEffect,\r\n  useState,\r\n  type ReactNode,\r\n} from \"react\";\r\nimport type { NotificationType } from \"./Notifications\";\r\n\r\n// Rename to avoid conflict with browser Notification type\r\nexport interface AppNotification {\r\n  id: string;\r\n  message: string;\r\n  type?: NotificationType;\r\n  autoCloseMs?: number;\r\n}\r\n\r\ninterface NotificationsContextValue {\r\n  push: (message: string, type?: NotificationType, autoCloseMs?: number) => void;\r\n}\r\n\r\nconst NotificationsContext = createContext<NotificationsContextValue | undefined>(\r\n  undefined\r\n);\r\n\r\ninterface NotificationsProviderProps {\r\n  children: ReactNode;\r\n}\r\n\r\nexport function NotificationsProvider({ children }: NotificationsProviderProps) {\r\n  const [notifications, setNotifications] = useState<AppNotification[]>([]);\r\n\r\n  const push = useCallback(\r\n    (message: string, type: NotificationType = \"info\", autoCloseMs = 4000) => {\r\n      setNotifications((prev) => [\r\n        ...prev,\r\n        {\r\n          id: crypto.randomUUID(),\r\n          message,\r\n          type,\r\n          autoCloseMs,\r\n        },\r\n      ]);\r\n    },\r\n    []\r\n  );\r\n\r\n  const close = useCallback((id: string) => {\r\n    setNotifications((list) => list.filter((n) => n.id !== id));\r\n  }, []);\r\n\r\n  // Handle auto close timers\r\n  useEffect(() => {\r\n    const timers = notifications.map((n) => {\r\n      if (!n.autoCloseMs) return null;\r\n      return setTimeout(() => close(n.id), n.autoCloseMs);\r\n    });\r\n\r\n    return () => {\r\n      timers.forEach((t) => t && clearTimeout(t));\r\n    };\r\n  }, [notifications, close]);\r\n\r\n  return (\r\n    <NotificationsContext.Provider value={{ push }}>\r\n      {/* overlay renderer */}\r\n      <div\r\n        className=\"position-fixed top-0 end-0\"\r\n        style={{ zIndex: 1080, width: 340 }}\r\n      >\r\n        {notifications.map((n) => (\r\n          <div\r\n            key={n.id}\r\n            className={`alert alert-${n.type ?? \"info\"} alert-dismissible fade show shadow-sm mb-2`}\r\n            role=\"alert\"\r\n          >\r\n            {n.message}\r\n            <button\r\n              type=\"button\"\r\n              className=\"btn-close\"\r\n              aria-label=\"Close\"\r\n              onClick={() => close(n.id)}\r\n            />\r\n          </div>\r\n        ))}\r\n      </div>\r\n\r\n      {children}\r\n    </NotificationsContext.Provider>\r\n  );\r\n}\r\n\r\nexport function UseNotifications(): NotificationsContextValue {\r\n  const ctx = useContext(NotificationsContext);\r\n  if (!ctx) {\r\n    throw new Error(\"useNotifications must be used within a NotificationsProvider\");\r\n  }\r\n  return ctx;\r\n}\r\n","// ./views/AppsView.tsx (or ./components/AppsView.tsx)\r\nimport React from \"react\";\r\nimport type { AppItem } from \"../../models/AppItem\";\r\nimport { AppTile } from \"../AppTile\";\r\n\r\ninterface AppsViewProps {\r\n  apps: AppItem[];\r\n  title?: string;\r\n  onAppClick?: (app: AppItem) => void;\r\n}\r\n\r\nexport const AppsView: React.FC<AppsViewProps> = ({ apps, title, onAppClick }) => {\r\n  return (\r\n    <>\r\n      {title && <h5 className=\"mb-3\">{title}</h5>}\r\n\r\n      <div className=\"row justify-content-center justify-content-md-start\">\r\n        {apps.map((app) => (\r\n          <AppTile key={app.id} app={app} onClick={onAppClick} />\r\n        ))}\r\n      </div>\r\n    </>\r\n  );\r\n};\r\n","export function ContentContainer({ children }: React.PropsWithChildren) {\r\n  return <div className=\"container-fluid flex-grow-1\">{children}</div>;\r\n}\r\n","export function ContentRow({ children }: React.PropsWithChildren) {\r\n  return <div className=\"row h-100 flex-nowrap\">{children}</div>;\r\n}\r\n","\r\nexport function LayoutWrapper({ children }: React.PropsWithChildren) {\r\n  return (\r\n\r\n      <div className=\"d-flex flex-column min-vh-100\">{children}</div>\r\n  );\r\n}\r\n","// components/Modal.tsx\r\nimport React from \"react\";\r\n\r\nexport interface ModalProps {\r\n  title?: string;\r\n  isOpen: boolean;\r\n  onClose: () => void;\r\n  onConfirm?: () => void;\r\n  confirmText?: string;\r\n\r\n  disableBackdropClose?: boolean;\r\n  disableAllButtons?: boolean;\r\n\r\n  showHeaderClose?: boolean;\r\n  showCloseButton?: boolean;\r\n  showConfirmButton?: boolean;\r\n\r\n  children?: React.ReactNode;\r\n}\r\n\r\nexport const Modal: React.FC<ModalProps> = ({\r\n  title,\r\n  isOpen,\r\n  onClose,\r\n  onConfirm,\r\n  confirmText = \"OK\",\r\n\r\n  disableBackdropClose = false,\r\n  disableAllButtons = false,\r\n\r\n  showHeaderClose = true,\r\n  showCloseButton = true,\r\n  showConfirmButton = true,\r\n\r\n  children,\r\n}) => {\r\n  if (!isOpen) return null;\r\n\r\n  const handleBackdropClick = () => {\r\n    if (disableBackdropClose || disableAllButtons) return;\r\n    onClose();\r\n  };\r\n\r\n  const handleContentClick: React.MouseEventHandler<HTMLDivElement> = (e) => {\r\n    e.stopPropagation();\r\n  };\r\n\r\n  // 👇 NEW: decide if footer should exist at all\r\n  const hasFooterButtons =\r\n    (showCloseButton || (onConfirm && showConfirmButton)) &&\r\n    !disableAllButtons;\r\n\r\n  return (\r\n    <>\r\n      <div\r\n        className=\"modal-backdrop fade show\"\r\n        style={{ zIndex: 1040 }}\r\n        onClick={handleBackdropClick}\r\n      />\r\n\r\n      <div\r\n        className=\"modal fade show d-block\"\r\n        tabIndex={-1}\r\n        role=\"dialog\"\r\n        style={{ zIndex: 1050 }}\r\n        onClick={handleBackdropClick}\r\n      >\r\n        <div\r\n          className=\"modal-dialog modal-dialog-centered\"\r\n          role=\"document\"\r\n          onClick={handleContentClick}\r\n        >\r\n          <div className=\"modal-content shadow\">\r\n            {/* Header */}\r\n            <div className=\"modal-header\">\r\n              {title && <h5 className=\"modal-title\">{title}</h5>}\r\n\r\n              {showHeaderClose && (\r\n                <button\r\n                  type=\"button\"\r\n                  className=\"btn-close\"\r\n                  aria-label=\"Close\"\r\n                  onClick={onClose}\r\n                  disabled={disableAllButtons}\r\n                />\r\n              )}\r\n            </div>\r\n\r\n            {/* Body */}\r\n            <div className=\"modal-body\">{children}</div>\r\n\r\n            {/* Footer — only if buttons are visible */}\r\n            {hasFooterButtons && (\r\n              <div className=\"modal-footer\">\r\n                {showCloseButton && (\r\n                  <button\r\n                    type=\"button\"\r\n                    className=\"btn btn-secondary\"\r\n                    onClick={onClose}\r\n                    disabled={disableAllButtons}\r\n                  >\r\n                    Close\r\n                  </button>\r\n                )}\r\n\r\n                {onConfirm && showConfirmButton && (\r\n                  <button\r\n                    type=\"button\"\r\n                    className=\"btn btn-primary\"\r\n                    onClick={onConfirm}\r\n                    disabled={disableAllButtons}\r\n                  >\r\n                    {confirmText}\r\n                  </button>\r\n                )}\r\n              </div>\r\n            )}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </>\r\n  );\r\n};\r\n","import {\r\n  createContext,\r\n  useCallback,\r\n  useContext,\r\n  useState,\r\n  type ReactNode,\r\n} from \"react\";\r\nimport { Modal } from \"./Modal\";\r\n\r\nexport interface ModalOptions {\r\n  title?: string;\r\n  confirmText?: string;\r\n  disableBackdropClose?: boolean;\r\n  onConfirm?: () => void;\r\n\r\n  /** extra control flags matching Modal.tsx */\r\n  disableAllButtons?: boolean;\r\n  showHeaderClose?: boolean;\r\n  showCloseButton?: boolean;\r\n  showConfirmButton?: boolean;\r\n}\r\n\r\ninterface ModalContextValue {\r\n  openModal: (content: ReactNode, options?: ModalOptions) => void;\r\n  closeModal: () => void;\r\n}\r\n\r\nconst ModalContext = createContext<ModalContextValue | undefined>(undefined);\r\n\r\nexport function ModalProvider({ children }: { children: ReactNode }) {\r\n  const [isOpen, setIsOpen] = useState(false);\r\n  const [content, setContent] = useState<ReactNode>(null);\r\n  const [options, setOptions] = useState<ModalOptions>({});\r\n\r\n  const openModal = useCallback((content: ReactNode, options?: ModalOptions) => {\r\n    setContent(content);\r\n    setOptions(options ?? {});\r\n    setIsOpen(true);\r\n  }, []);\r\n\r\n  const closeModal = useCallback(() => {\r\n    setIsOpen(false);\r\n  }, []);\r\n\r\n  return (\r\n    <ModalContext.Provider value={{ openModal, closeModal }}>\r\n      {children}\r\n\r\n      <Modal\r\n        isOpen={isOpen}\r\n        title={options.title}\r\n        confirmText={options.confirmText}\r\n        disableBackdropClose={options.disableBackdropClose}\r\n        disableAllButtons={options.disableAllButtons}\r\n        showHeaderClose={options.showHeaderClose}\r\n        showCloseButton={options.showCloseButton}\r\n        showConfirmButton={options.showConfirmButton}\r\n        onClose={closeModal}\r\n        onConfirm={options.onConfirm}\r\n      >\r\n        {content}\r\n      </Modal>\r\n    </ModalContext.Provider>\r\n  );\r\n}\r\n\r\nexport function UseModal() {\r\n  const ctx = useContext(ModalContext);\r\n  if (!ctx) throw new Error(\"UseModal must be used within ModalProvider\");\r\n  return ctx;\r\n}\r\n"],"mappings":"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","names":["import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_react","import_jsx_runtime","import_react","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_react","import_jsx_runtime","content","options"]}
+{"version":3,"sources":["../src/index.ts","../src/components/Alert.tsx","../src/components/AppTile.tsx","../src/components/Body.tsx","../src/components/Button.tsx","../src/components/Footer.tsx","../src/components/Header.tsx","../src/components/HeaderText.tsx","../src/components/Icon.tsx","../src/components/NpmBadge.tsx","../src/components/ThemeToggleButton.tsx","../src/components/navigation/Navigation.tsx","../src/components/navigation/NavigationItem.tsx","../src/components/navigation/NavToggleButton.tsx","../src/components/notifications/Notifications.tsx","../src/components/notifications/NotificationsProvider.tsx","../src/components/views/AppsView.tsx","../src/components/wrappers/ContentContainer.tsx","../src/components/wrappers/ContentRow.tsx","../src/components/wrappers/LayoutWrapper.tsx","../src/modal/Modal.tsx","../src/modal/ModalProvider.tsx"],"sourcesContent":["/**\n * @file Automatically generated by barrelsby.\n */\n\nexport * from \"./components/Alert\";\nexport * from \"./components/AppTile\";\nexport * from \"./components/Body\";\nexport * from \"./components/Button\";\nexport * from \"./components/Footer\";\nexport * from \"./components/Header\";\nexport * from \"./components/HeaderText\";\nexport * from \"./components/Icon\";\nexport * from \"./components/NpmBadge\";\nexport * from \"./components/ThemeToggleButton\";\nexport * from \"./components/navigation/Navigation\";\nexport * from \"./components/navigation/NavigationItem\";\nexport * from \"./components/navigation/NavToggleButton\";\nexport * from \"./components/notifications/Notifications\";\nexport * from \"./components/notifications/NotificationsProvider\";\nexport * from \"./components/views/AppsView\";\nexport * from \"./components/wrappers/ContentContainer\";\nexport * from \"./components/wrappers/ContentRow\";\nexport * from \"./components/wrappers/LayoutWrapper\";\nexport * from \"./modal/Modal\";\nexport * from \"./modal/ModalProvider\";\nexport * from \"./models/AppItem\";\n","// components/Alert.tsx\r\nimport React from \"react\";\r\n\r\nexport type AlertVariant =\r\n  | \"primary\"\r\n  | \"secondary\"\r\n  | \"success\"\r\n  | \"danger\"\r\n  | \"warning\"\r\n  | \"info\"\r\n  | \"light\"\r\n  | \"dark\";\r\n\r\ninterface AlertProps {\r\n  variant?: AlertVariant;\r\n  title?: string;\r\n  dismissible?: boolean;\r\n  className?: string;\r\n  children: React.ReactNode;\r\n  onClose?: () => void;\r\n}\r\n\r\nexport const Alert: React.FC<AlertProps> = ({\r\n  variant = \"info\",\r\n  title,\r\n  dismissible = false,\r\n  className = \"\",\r\n  children,\r\n  onClose,\r\n}) => {\r\n  const classes = [\r\n    \"alert\",\r\n    `alert-${variant}`,\r\n    dismissible ? \"alert-dismissible fade show\" : \"\",\r\n    className,\r\n  ]\r\n    .filter(Boolean)\r\n    .join(\" \");\r\n\r\n  return (\r\n    <div role=\"alert\" className={classes}>\r\n      {title && <strong className=\"d-block mb-1\">{title}</strong>}\r\n      {children}\r\n\r\n      {dismissible && (\r\n        <button\r\n          type=\"button\"\r\n          className=\"btn-close\"\r\n          aria-label=\"Close\"\r\n          onClick={onClose}\r\n        />\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n","import React from \"react\";\r\nimport type { AppItem } from \"../models/AppItem\";\r\n\r\ninterface AppTileProps {\r\n  app: AppItem;\r\n  onClick?: (app: AppItem) => void;\r\n}\r\n\r\nexport const AppTile: React.FC<AppTileProps> = ({ app, onClick }) => {\r\n  return (\r\n    <div className=\"col-auto\">\r\n      <button\r\n        type=\"button\"\r\n        className=\"btn p-2 d-flex flex-column align-items-center border-0 bg-transparent app-icon-btn\"\r\n        onClick={() => onClick?.(app)}\r\n      >\r\n        <div className=\"app-icon-tile d-flex align-items-center justify-content-center mb-1\">\r\n          <span style={{fontSize:\"32px\"}}>{app.icon}</span>\r\n        </div>\r\n\r\n        <span className=\"w-100 small text-truncate\">\r\n          {app.name}\r\n          {app.version && <small className=\"text-muted ms-1\">v{app.version}</small>}\r\n        </span>\r\n      </button>\r\n    </div>\r\n  );\r\n};\r\n","import type { ReactNode } from \"react\";\r\n\r\ninterface BodyProps {\r\n  icon: ReactNode;\r\n  title: ReactNode;\r\n  description?: ReactNode;\r\n  children?: ReactNode;\r\n}\r\n\r\nexport function Body({ icon, title, description, children }: BodyProps) {\r\n  return (\r\n\r\n      <main className=\"col p-4\">\r\n        <h2>{icon} {title}</h2>\r\n\r\n        {description && <p>{description}</p>}\r\n        {children}\r\n      </main>\r\n  );\r\n}\r\n","import { useState, type ReactNode, type MouseEvent } from \"react\";\r\n\r\nexport type ButtonVariant =\r\n  | \"primary\"\r\n  | \"secondary\"\r\n  | \"success\"\r\n  | \"danger\"\r\n  | \"warning\"\r\n  | \"info\"\r\n  | \"light\"\r\n  | \"dark\"\r\n  | \"link\";\r\n\r\nexport interface ButtonProps {\r\n  buttonClassName?: string;\r\n  type?: \"button\" | \"submit\" | \"reset\";\r\n  disabled?: boolean;\r\n\r\n  variant?: ButtonVariant;   // 👈 NEW — Bootstrap color support\r\n\r\n  onAction?: () => Promise<unknown>;\r\n  onClick?: (event: MouseEvent<HTMLButtonElement>) => void;\r\n  onDone?: (result: unknown) => void;\r\n  onError?: (error: unknown) => void;\r\n  onFinally?: () => void;\r\n\r\n  children?: ReactNode;\r\n  loadingChildren?: ReactNode;\r\n\r\n  renderContent?: () => ReactNode;\r\n  renderLoading?: () => ReactNode;\r\n\r\n  loadingText?: string;\r\n  showSpinner?: boolean;\r\n}\r\n\r\nexport function Button({\r\n  buttonClassName = \"btn btn-primary\",\r\n  type = \"button\",\r\n  disabled = false,\r\n\r\n  variant,\r\n\r\n  onAction,\r\n  onClick,\r\n  onDone,\r\n  onError,\r\n  onFinally,\r\n\r\n  children = \"Click me\",\r\n\r\n  loadingChildren,\r\n  renderContent,\r\n  renderLoading,\r\n\r\n  loadingText = \"Loading...\",\r\n  showSpinner = true,\r\n}: ButtonProps) {\r\n  const [loading, setLoading] = useState(false);\r\n\r\n  const handleClick = async (event: MouseEvent<HTMLButtonElement>) => {\r\n    if (loading) return;\r\n\r\n    onClick?.(event);\r\n    if (event.defaultPrevented) return;\r\n    if (!onAction) return;\r\n\r\n    try {\r\n      setLoading(true);\r\n      const result = await onAction();\r\n      onDone?.(result);\r\n    } catch (error) {\r\n      onError?.(error);\r\n    } finally {\r\n      setLoading(false);\r\n      onFinally?.();\r\n    }\r\n  };\r\n\r\n  // 👇 Decide which CSS to use:\r\n  // - if variant is provided, use Bootstrap \"btn btn-X\"\r\n  // - otherwise fall back to user-supplied buttonClassName\r\n  const baseClass = variant\r\n    ? `btn btn-${variant}`\r\n    : buttonClassName;\r\n\r\n  return (\r\n    <button\r\n      type={type}\r\n      className={`${baseClass} ${loading ? \"async-btn--loading\" : \"\"}`}\r\n      onClick={handleClick}\r\n      disabled={disabled || loading}\r\n    >\r\n      {loading ? (\r\n        renderLoading?.() ??\r\n        loadingChildren ?? (\r\n          <>\r\n            {showSpinner && (\r\n              <span\r\n                className=\"spinner-border spinner-border-sm me-2 async-btn__spinner\"\r\n                role=\"status\"\r\n                aria-hidden=\"true\"\r\n              />\r\n            )}\r\n            {loadingText}\r\n          </>\r\n        )\r\n      ) : (\r\n        renderContent?.() ?? children\r\n      )}\r\n    </button>\r\n  );\r\n}\r\n","import type { ReactNode } from \"react\";\r\n\r\ninterface FooterProps {\r\n  children?: ReactNode;\r\n}\r\n\r\nexport function Footer({ children }: FooterProps) {\r\n  return (\r\n    <footer className=\"bg-dark text-white text-center py-2 mt-auto\">\r\n      {children ?? \"© 2025 Your Site — All rights reserved\"}\r\n    </footer>\r\n  );\r\n}\r\n","import type { ReactNode } from \"react\";\r\n\r\ninterface HeaderProps {\r\n  children?: ReactNode;\r\n}\r\n\r\nexport function Header({ children }: HeaderProps) {\r\n  return (\r\n    <nav className=\"navbar navbar-dark bg-dark px-3 sticky-top\">\r\n      {children ?? (\r\n        <span className=\"navbar-brand mb-0 h4\">My Website</span>\r\n      )}\r\n    </nav>\r\n  );\r\n}\r\n","import type { ReactNode } from \"react\";\r\n\r\ninterface HeaderBrandProps {\r\n  children: ReactNode;\r\n}\r\n\r\nexport function HeaderText({ children }: HeaderBrandProps) {\r\n  return (\r\n    <span className=\"navbar-brand mb-0 h4\">\r\n      {children}\r\n    </span>\r\n  );\r\n}\r\n","// ImageCard.tsx\r\nimport React from \"react\";\r\n\r\ninterface ImageCardProps {\r\n  src: string;\r\n  alt: string;\r\n  width?: string | number;\r\n  height?: string | number;\r\n}\r\n\r\nexport const ImageCard: React.FC<ImageCardProps> = ({\r\n  src,\r\n  alt,\r\n}) => {\r\n  return (\r\n    <img\r\n      src={src}\r\n      alt={alt}\r\n      className={\"w-100\"}\r\n      style={{\r\n        display: \"block\",\r\n        objectFit: \"cover\",\r\n      }}\r\n    />\r\n  );\r\n};\r\n","// components/NpmBadge.tsx\r\ninterface NpmBadgeProps {\r\n  packageLabel: string;\r\n  packageName: string;\r\n  packageUrl: string;          // e.g. \"@sparkstudio/authentication-ui\"\r\n  color?: string;               // optional (default black)\r\n  height?: number;              // optional (default 22)\r\n}\r\n\r\nexport function NpmBadge({ packageName, packageLabel, packageUrl, color = \"black\", height = 22 }: NpmBadgeProps) {\r\n  const encodedLabel = encodeURIComponent(packageLabel);\r\n  const badgeUrl = `https://img.shields.io/npm/v/${packageName}?logo=npm&label=${encodedLabel}&color=${color}`;\r\n  const npmUrl = packageUrl;\r\n\r\n  return (\r\n    <a href={npmUrl} target=\"_blank\" rel=\"noopener noreferrer\">\r\n      <img src={badgeUrl} alt={`${packageName} version`} style={{ height }} />\r\n    </a>\r\n  );\r\n}\r\n","// ThemeToggleButton.tsx\r\nimport { useEffect, useState } from \"react\";\r\nimport { Button, type ButtonVariant } from \"./Button\";\r\n\r\ntype Theme = \"light\" | \"dark\";\r\n\r\nconst STORAGE_KEY = \"bootstrap-theme\";\r\n\r\nfunction applyTheme(theme: Theme) {\r\n  // You can also target document.body instead if you prefer:\r\n  // document.body.setAttribute(\"data-bs-theme\", theme);\r\n  document.documentElement.setAttribute(\"data-bs-theme\", theme);\r\n}\r\n\r\nexport function ThemeToggleButton() {\r\n  const [theme, setTheme] = useState<Theme>(\"light\");\r\n\r\n  // On mount: load saved theme or fall back to system preference\r\n  useEffect(() => {\r\n    const stored = localStorage.getItem(STORAGE_KEY) as Theme | null;\r\n\r\n    if (stored === \"light\" || stored === \"dark\") {\r\n      setTheme(stored);\r\n      applyTheme(stored);\r\n      return;\r\n    }\r\n\r\n    // If nothing saved, use system preferred color scheme\r\n    const prefersDark = window.matchMedia?.(\"(prefers-color-scheme: dark)\").matches ?? false;\r\n\r\n    const initialTheme: Theme = prefersDark ? \"dark\" : \"light\";\r\n    setTheme(initialTheme);\r\n    applyTheme(initialTheme);\r\n  }, []);\r\n\r\n  const handleToggle = () => {\r\n    const next: Theme = theme === \"light\" ? \"dark\" : \"light\";\r\n    setTheme(next);\r\n    applyTheme(next);\r\n    localStorage.setItem(STORAGE_KEY, next);\r\n  };\r\n\r\n  // Choose button style + text based on current theme\r\n  const variant: ButtonVariant = theme === \"light\" ? \"dark\" : \"light\";\r\n  const label = theme === \"light\" ? \"🌙 Dark mode\" : \"🌞 Light mode\";\r\n\r\n  return (\r\n    <Button variant={variant} onClick={handleToggle}>\r\n      {label}\r\n    </Button>\r\n  );\r\n}\r\n","// components/Navigation.tsx\r\nimport type { ReactNode } from \"react\";\r\n\r\ninterface NavigationProps {\r\n  title?: ReactNode;\r\n  children: ReactNode;\r\n  isOpen: boolean;\r\n  onClose: () => void;\r\n}\r\n\r\nexport function Navigation({\r\n  title = \"Navigation\",\r\n  children,\r\n  isOpen,\r\n  onClose,\r\n}: NavigationProps) {\r\n  return (\r\n    <>\r\n      {/* Desktop sidebar */}\r\n      <nav className=\"col-auto p-3 h-100 d-none d-md-flex flex-column\">\r\n        <h6 className=\"text-muted text-uppercase\">{title}</h6>\r\n\r\n        <ul className=\"nav nav-pills flex-column gap-2 mt-3\">\r\n          {children}\r\n        </ul>\r\n      </nav>\r\n\r\n      {/* Mobile drawer */}\r\n      <div\r\n        className={`offcanvas offcanvas-start d-md-none ${isOpen ? \"show\" : \"\"}`}\r\n        style={{ visibility: isOpen ? \"visible\" : \"hidden\" }}\r\n        tabIndex={-1}\r\n        aria-hidden={isOpen ? \"false\" : \"true\"}\r\n      >\r\n        <div className=\"offcanvas-header\">\r\n          <h5 className=\"offcanvas-title\">{title}</h5>\r\n          <button className=\"btn-close\" onClick={onClose} />\r\n        </div>\r\n\r\n        <div className=\"offcanvas-body\">\r\n          <ul className=\"nav nav-pills flex-column gap-2 mt-2\">\r\n            {children}\r\n          </ul>\r\n        </div>\r\n      </div>\r\n\r\n      {/* Backdrop */}\r\n      {isOpen && (\r\n        <div\r\n          className=\"offcanvas-backdrop fade show d-md-none\"\r\n          onClick={onClose}\r\n        />\r\n      )}\r\n    </>\r\n  );\r\n}\r\n","import type { ReactNode } from \"react\";\r\n\r\ninterface NavigationItemProps {\r\n  icon: ReactNode;\r\n  title: ReactNode;\r\n  type: string;\r\n  active?: boolean;\r\n  onClick?: (type: string) => void;\r\n}\r\n\r\nexport function NavigationItem({icon, title, type, active, onClick }: NavigationItemProps) {\r\n  return (\r\n    <li className=\"nav-item\">\r\n      <button\r\n        type=\"button\"\r\n        className={`nav-link text-start w-100 ${active ? \"active\" : \"\"}`}\r\n        onClick={() => onClick?.(type)}\r\n      >\r\n        {icon} {title}\r\n      </button>\r\n    </li>\r\n  );\r\n}\r\n","// components/NavToggleButton.tsx\r\nimport React from \"react\";\r\nimport { Button } from \"../Button\";\r\n\r\ninterface NavToggleButtonProps {\r\n  onClick: () => void;\r\n  label?: string;\r\n  color?: \"primary\" | \"secondary\" | \"success\" | \"danger\" | \"warning\" | \"info\" | \"light\" | \"dark\";\r\n}\r\n\r\nexport const NavToggleButton: React.FC<NavToggleButtonProps> = ({\r\n  onClick,\r\n  color = \"dark\",\r\n}) => {\r\n  return (\r\n    <div className=\"ms-auto pe-2 d-md-none\">\r\n      <Button\r\n        variant={color}\r\n        buttonClassName=\"btn btn-secondary\"\r\n        onClick={() => onClick()}\r\n      >\r\n        ☰\r\n      </Button>\r\n    </div>\r\n  );\r\n};\r\n","import { useEffect } from \"react\";\r\n\r\nexport type NotificationType = \"success\" | \"info\" | \"warning\" | \"danger\";\r\n\r\nexport interface Notification {\r\n  id: string;\r\n  message: string;\r\n  type?: NotificationType;\r\n  autoCloseMs?: number;\r\n}\r\n\r\ninterface NotificationsProps {\r\n  notifications: Notification[];\r\n  onClose: (id: string) => void;\r\n}\r\n\r\nexport function Notifications({ notifications, onClose }: NotificationsProps) {\r\n  useEffect(() => {\r\n    notifications.forEach((n) => {\r\n      if (!n.autoCloseMs) return;\r\n\r\n      const timer = setTimeout(() => onClose(n.id), n.autoCloseMs);\r\n      return () => clearTimeout(timer);\r\n    });\r\n  }, [notifications, onClose]);\r\n\r\n  return (\r\n    <div\r\n      className=\"position-fixed top-0 end-0\"\r\n      style={{ zIndex: 1080, width: 340 }}\r\n    >\r\n      {notifications.map((n) => (\r\n        <div\r\n          key={n.id}\r\n          className={`alert alert-${n.type ?? \"info\"} alert-dismissible fade show shadow-sm mb-2`}\r\n          role=\"alert\"\r\n        >\r\n          {n.message}\r\n\r\n          <button\r\n            type=\"button\"\r\n            className=\"btn-close\"\r\n            aria-label=\"Close\"\r\n            onClick={() => onClose(n.id)}\r\n          />\r\n        </div>\r\n      ))}\r\n    </div>\r\n  );\r\n}\r\n","import {\r\n  createContext,\r\n  useCallback,\r\n  useContext,\r\n  useEffect,\r\n  useState,\r\n  type ReactNode,\r\n} from \"react\";\r\nimport type { NotificationType } from \"./Notifications\";\r\n\r\n// Rename to avoid conflict with browser Notification type\r\nexport interface AppNotification {\r\n  id: string;\r\n  message: string;\r\n  type?: NotificationType;\r\n  autoCloseMs?: number;\r\n}\r\n\r\ninterface NotificationsContextValue {\r\n  push: (message: string, type?: NotificationType, autoCloseMs?: number) => void;\r\n}\r\n\r\nconst NotificationsContext = createContext<NotificationsContextValue | undefined>(\r\n  undefined\r\n);\r\n\r\ninterface NotificationsProviderProps {\r\n  children: ReactNode;\r\n}\r\n\r\nexport function NotificationsProvider({ children }: NotificationsProviderProps) {\r\n  const [notifications, setNotifications] = useState<AppNotification[]>([]);\r\n\r\n  const push = useCallback(\r\n    (message: string, type: NotificationType = \"info\", autoCloseMs = 4000) => {\r\n      setNotifications((prev) => [\r\n        ...prev,\r\n        {\r\n          id: crypto.randomUUID(),\r\n          message,\r\n          type,\r\n          autoCloseMs,\r\n        },\r\n      ]);\r\n    },\r\n    []\r\n  );\r\n\r\n  const close = useCallback((id: string) => {\r\n    setNotifications((list) => list.filter((n) => n.id !== id));\r\n  }, []);\r\n\r\n  // Handle auto close timers\r\n  useEffect(() => {\r\n    const timers = notifications.map((n) => {\r\n      if (!n.autoCloseMs) return null;\r\n      return setTimeout(() => close(n.id), n.autoCloseMs);\r\n    });\r\n\r\n    return () => {\r\n      timers.forEach((t) => t && clearTimeout(t));\r\n    };\r\n  }, [notifications, close]);\r\n\r\n  return (\r\n    <NotificationsContext.Provider value={{ push }}>\r\n      {/* overlay renderer */}\r\n      <div\r\n        className=\"position-fixed top-0 end-0\"\r\n        style={{ zIndex: 1080, width: 340 }}\r\n      >\r\n        {notifications.map((n) => (\r\n          <div\r\n            key={n.id}\r\n            className={`alert alert-${n.type ?? \"info\"} alert-dismissible fade show shadow-sm mb-2`}\r\n            role=\"alert\"\r\n          >\r\n            {n.message}\r\n            <button\r\n              type=\"button\"\r\n              className=\"btn-close\"\r\n              aria-label=\"Close\"\r\n              onClick={() => close(n.id)}\r\n            />\r\n          </div>\r\n        ))}\r\n      </div>\r\n\r\n      {children}\r\n    </NotificationsContext.Provider>\r\n  );\r\n}\r\n\r\nexport function UseNotifications(): NotificationsContextValue {\r\n  const ctx = useContext(NotificationsContext);\r\n  if (!ctx) {\r\n    throw new Error(\"useNotifications must be used within a NotificationsProvider\");\r\n  }\r\n  return ctx;\r\n}\r\n","// ./views/AppsView.tsx (or ./components/AppsView.tsx)\r\nimport React from \"react\";\r\nimport type { AppItem } from \"../../models/AppItem\";\r\nimport { AppTile } from \"../AppTile\";\r\n\r\ninterface AppsViewProps {\r\n  apps: AppItem[];\r\n  title?: string;\r\n  onAppClick?: (app: AppItem) => void;\r\n}\r\n\r\nexport const AppsView: React.FC<AppsViewProps> = ({ apps, title, onAppClick }) => {\r\n  return (\r\n    <>\r\n      {title && <h5 className=\"mb-3\">{title}</h5>}\r\n\r\n      <div className=\"row justify-content-center justify-content-md-start\">\r\n        {apps.map((app) => (\r\n          <AppTile key={app.id} app={app} onClick={onAppClick} />\r\n        ))}\r\n      </div>\r\n    </>\r\n  );\r\n};\r\n","export function ContentContainer({ children }: React.PropsWithChildren) {\r\n  return <div className=\"container-fluid flex-grow-1 container-lg\">{children}</div>;\r\n}\r\n","export function ContentRow({ children }: React.PropsWithChildren) {\r\n  return <div className=\"row h-100 flex-nowrap\">{children}</div>;\r\n}\r\n","\r\nexport function LayoutWrapper({ children }: React.PropsWithChildren) {\r\n  return (\r\n\r\n      <div className=\"d-flex flex-column min-vh-100\">{children}</div>\r\n  );\r\n}\r\n","// components/Modal.tsx\r\nimport React from \"react\";\r\n\r\nexport interface ModalProps {\r\n  title?: string;\r\n  isOpen: boolean;\r\n  onClose: () => void;\r\n  onConfirm?: () => void;\r\n  confirmText?: string;\r\n\r\n  disableBackdropClose?: boolean;\r\n  disableAllButtons?: boolean;\r\n\r\n  showHeaderClose?: boolean;\r\n  showCloseButton?: boolean;\r\n  showConfirmButton?: boolean;\r\n\r\n  children?: React.ReactNode;\r\n}\r\n\r\nexport const Modal: React.FC<ModalProps> = ({\r\n  title,\r\n  isOpen,\r\n  onClose,\r\n  onConfirm,\r\n  confirmText = \"OK\",\r\n\r\n  disableBackdropClose = false,\r\n  disableAllButtons = false,\r\n\r\n  showHeaderClose = true,\r\n  showCloseButton = true,\r\n  showConfirmButton = true,\r\n\r\n  children,\r\n}) => {\r\n  if (!isOpen) return null;\r\n\r\n  const handleBackdropClick = () => {\r\n    if (disableBackdropClose || disableAllButtons) return;\r\n    onClose();\r\n  };\r\n\r\n  const handleContentClick: React.MouseEventHandler<HTMLDivElement> = (e) => {\r\n    e.stopPropagation();\r\n  };\r\n\r\n  // 👇 NEW: decide if footer should exist at all\r\n  const hasFooterButtons =\r\n    (showCloseButton || (onConfirm && showConfirmButton)) &&\r\n    !disableAllButtons;\r\n\r\n  return (\r\n    <>\r\n      <div\r\n        className=\"modal-backdrop fade show\"\r\n        style={{ zIndex: 1040 }}\r\n        onClick={handleBackdropClick}\r\n      />\r\n\r\n      <div\r\n        className=\"modal fade show d-block\"\r\n        tabIndex={-1}\r\n        role=\"dialog\"\r\n        style={{ zIndex: 1050 }}\r\n        onClick={handleBackdropClick}\r\n      >\r\n        <div\r\n          className=\"modal-dialog modal-dialog-centered\"\r\n          role=\"document\"\r\n          onClick={handleContentClick}\r\n        >\r\n          <div className=\"modal-content shadow\">\r\n            {/* Header */}\r\n            <div className=\"modal-header\">\r\n              {title && <h5 className=\"modal-title\">{title}</h5>}\r\n\r\n              {showHeaderClose && (\r\n                <button\r\n                  type=\"button\"\r\n                  className=\"btn-close\"\r\n                  aria-label=\"Close\"\r\n                  onClick={onClose}\r\n                  disabled={disableAllButtons}\r\n                />\r\n              )}\r\n            </div>\r\n\r\n            {/* Body */}\r\n            <div className=\"modal-body\">{children}</div>\r\n\r\n            {/* Footer — only if buttons are visible */}\r\n            {hasFooterButtons && (\r\n              <div className=\"modal-footer\">\r\n                {showCloseButton && (\r\n                  <button\r\n                    type=\"button\"\r\n                    className=\"btn btn-secondary\"\r\n                    onClick={onClose}\r\n                    disabled={disableAllButtons}\r\n                  >\r\n                    Close\r\n                  </button>\r\n                )}\r\n\r\n                {onConfirm && showConfirmButton && (\r\n                  <button\r\n                    type=\"button\"\r\n                    className=\"btn btn-primary\"\r\n                    onClick={onConfirm}\r\n                    disabled={disableAllButtons}\r\n                  >\r\n                    {confirmText}\r\n                  </button>\r\n                )}\r\n              </div>\r\n            )}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </>\r\n  );\r\n};\r\n","import {\r\n  createContext,\r\n  useCallback,\r\n  useContext,\r\n  useState,\r\n  type ReactNode,\r\n} from \"react\";\r\nimport { Modal } from \"./Modal\";\r\n\r\nexport interface ModalOptions {\r\n  title?: string;\r\n  confirmText?: string;\r\n  disableBackdropClose?: boolean;\r\n  onConfirm?: () => void;\r\n\r\n  /** extra control flags matching Modal.tsx */\r\n  disableAllButtons?: boolean;\r\n  showHeaderClose?: boolean;\r\n  showCloseButton?: boolean;\r\n  showConfirmButton?: boolean;\r\n}\r\n\r\ninterface ModalContextValue {\r\n  openModal: (content: ReactNode, options?: ModalOptions) => void;\r\n  closeModal: () => void;\r\n}\r\n\r\nconst ModalContext = createContext<ModalContextValue | undefined>(undefined);\r\n\r\nexport function ModalProvider({ children }: { children: ReactNode }) {\r\n  const [isOpen, setIsOpen] = useState(false);\r\n  const [content, setContent] = useState<ReactNode>(null);\r\n  const [options, setOptions] = useState<ModalOptions>({});\r\n\r\n  const openModal = useCallback((content: ReactNode, options?: ModalOptions) => {\r\n    setContent(content);\r\n    setOptions(options ?? {});\r\n    setIsOpen(true);\r\n  }, []);\r\n\r\n  const closeModal = useCallback(() => {\r\n    setIsOpen(false);\r\n  }, []);\r\n\r\n  return (\r\n    <ModalContext.Provider value={{ openModal, closeModal }}>\r\n      {children}\r\n\r\n      <Modal\r\n        isOpen={isOpen}\r\n        title={options.title}\r\n        confirmText={options.confirmText}\r\n        disableBackdropClose={options.disableBackdropClose}\r\n        disableAllButtons={options.disableAllButtons}\r\n        showHeaderClose={options.showHeaderClose}\r\n        showCloseButton={options.showCloseButton}\r\n        showConfirmButton={options.showConfirmButton}\r\n        onClose={closeModal}\r\n        onConfirm={options.onConfirm}\r\n      >\r\n        {content}\r\n      </Modal>\r\n    </ModalContext.Provider>\r\n  );\r\n}\r\n\r\nexport function UseModal() {\r\n  const ctx = useContext(ModalContext);\r\n  if (!ctx) throw new Error(\"UseModal must be used within ModalProvider\");\r\n  return ctx;\r\n}\r\n"],"mappings":"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","names":["import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_react","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_react","import_jsx_runtime","import_react","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_react","import_jsx_runtime","content","options"]}

package/dist/index.d.cts

@@ -86,6 +86,8 @@ interface NpmBadgeProps {
 }
 declare function NpmBadge({ packageName, packageLabel, packageUrl, color, height }: NpmBadgeProps): react_jsx_runtime.JSX.Element;
 
+declare function ThemeToggleButton(): react_jsx_runtime.JSX.Element;
+
 interface NavigationProps {
     title?: ReactNode;
     children: ReactNode;
@@ -186,4 +188,4 @@ declare function ModalProvider({ children }: {
 }): react_jsx_runtime.JSX.Element;
 declare function UseModal(): ModalContextValue;
 
-export { Alert, type AlertVariant, type AppItem, type AppNotification, AppTile, AppsView, Body, Button, type ButtonProps, type ButtonVariant, ContentContainer, ContentRow, Footer, Header, HeaderText, ImageCard, LayoutWrapper, Modal, type ModalOptions, type ModalProps, ModalProvider, NavToggleButton, Navigation, NavigationItem, type Notification, type NotificationType, Notifications, NotificationsProvider, NpmBadge, UseModal, UseNotifications };
+export { Alert, type AlertVariant, type AppItem, type AppNotification, AppTile, AppsView, Body, Button, type ButtonProps, type ButtonVariant, ContentContainer, ContentRow, Footer, Header, HeaderText, ImageCard, LayoutWrapper, Modal, type ModalOptions, type ModalProps, ModalProvider, NavToggleButton, Navigation, NavigationItem, type Notification, type NotificationType, Notifications, NotificationsProvider, NpmBadge, ThemeToggleButton, UseModal, UseNotifications };

package/dist/index.d.ts

@@ -86,6 +86,8 @@ interface NpmBadgeProps {
 }
 declare function NpmBadge({ packageName, packageLabel, packageUrl, color, height }: NpmBadgeProps): react_jsx_runtime.JSX.Element;
 
+declare function ThemeToggleButton(): react_jsx_runtime.JSX.Element;
+
 interface NavigationProps {
     title?: ReactNode;
     children: ReactNode;
@@ -186,4 +188,4 @@ declare function ModalProvider({ children }: {
 }): react_jsx_runtime.JSX.Element;
 declare function UseModal(): ModalContextValue;
 
-export { Alert, type AlertVariant, type AppItem, type AppNotification, AppTile, AppsView, Body, Button, type ButtonProps, type ButtonVariant, ContentContainer, ContentRow, Footer, Header, HeaderText, ImageCard, LayoutWrapper, Modal, type ModalOptions, type ModalProps, ModalProvider, NavToggleButton, Navigation, NavigationItem, type Notification, type NotificationType, Notifications, NotificationsProvider, NpmBadge, UseModal, UseNotifications };
+export { Alert, type AlertVariant, type AppItem, type AppNotification, AppTile, AppsView, Body, Button, type ButtonProps, type ButtonVariant, ContentContainer, ContentRow, Footer, Header, HeaderText, ImageCard, LayoutWrapper, Modal, type ModalOptions, type ModalProps, ModalProvider, NavToggleButton, Navigation, NavigationItem, type Notification, type NotificationType, Notifications, NotificationsProvider, NpmBadge, ThemeToggleButton, UseModal, UseNotifications };

package/dist/index.js

@@ -173,8 +173,40 @@ function NpmBadge({ packageName, packageLabel, packageUrl, color = "black", heig
   return /* @__PURE__ */ jsx9("a", { href: npmUrl, target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ jsx9("img", { src: badgeUrl, alt: `${packageName} version`, style: { height } }) });
 }
 
+// src/components/ThemeToggleButton.tsx
+import { useEffect, useState as useState2 } from "react";
+import { jsx as jsx10 } from "react/jsx-runtime";
+var STORAGE_KEY = "bootstrap-theme";
+function applyTheme(theme) {
+  document.documentElement.setAttribute("data-bs-theme", theme);
+}
+function ThemeToggleButton() {
+  const [theme, setTheme] = useState2("light");
+  useEffect(() => {
+    const stored = localStorage.getItem(STORAGE_KEY);
+    if (stored === "light" || stored === "dark") {
+      setTheme(stored);
+      applyTheme(stored);
+      return;
+    }
+    const prefersDark = window.matchMedia?.("(prefers-color-scheme: dark)").matches ?? false;
+    const initialTheme = prefersDark ? "dark" : "light";
+    setTheme(initialTheme);
+    applyTheme(initialTheme);
+  }, []);
+  const handleToggle = () => {
+    const next = theme === "light" ? "dark" : "light";
+    setTheme(next);
+    applyTheme(next);
+    localStorage.setItem(STORAGE_KEY, next);
+  };
+  const variant = theme === "light" ? "dark" : "light";
+  const label = theme === "light" ? "\u{1F319} Dark mode" : "\u{1F31E} Light mode";
+  return /* @__PURE__ */ jsx10(Button, { variant, onClick: handleToggle, children: label });
+}
+
 // src/components/navigation/Navigation.tsx
-import { Fragment as Fragment2, jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx11, jsxs as jsxs5 } from "react/jsx-runtime";
 function Navigation({
   title = "Navigation",
   children,
@@ -183,8 +215,8 @@ function Navigation({
 }) {
   return /* @__PURE__ */ jsxs5(Fragment2, { children: [
     /* @__PURE__ */ jsxs5("nav", { className: "col-auto p-3 h-100 d-none d-md-flex flex-column", children: [
-      /* @__PURE__ */ jsx10("h6", { className: "text-muted text-uppercase", children: title }),
-      /* @__PURE__ */ jsx10("ul", { className: "nav nav-pills flex-column gap-2 mt-3", children })
+      /* @__PURE__ */ jsx11("h6", { className: "text-muted text-uppercase", children: title }),
+      /* @__PURE__ */ jsx11("ul", { className: "nav nav-pills flex-column gap-2 mt-3", children })
     ] }),
     /* @__PURE__ */ jsxs5(
       "div",
@@ -195,14 +227,14 @@ function Navigation({
         "aria-hidden": isOpen ? "false" : "true",
         children: [
           /* @__PURE__ */ jsxs5("div", { className: "offcanvas-header", children: [
-            /* @__PURE__ */ jsx10("h5", { className: "offcanvas-title", children: title }),
-            /* @__PURE__ */ jsx10("button", { className: "btn-close", onClick: onClose })
+            /* @__PURE__ */ jsx11("h5", { className: "offcanvas-title", children: title }),
+            /* @__PURE__ */ jsx11("button", { className: "btn-close", onClick: onClose })
           ] }),
-          /* @__PURE__ */ jsx10("div", { className: "offcanvas-body", children: /* @__PURE__ */ jsx10("ul", { className: "nav nav-pills flex-column gap-2 mt-2", children }) })
+          /* @__PURE__ */ jsx11("div", { className: "offcanvas-body", children: /* @__PURE__ */ jsx11("ul", { className: "nav nav-pills flex-column gap-2 mt-2", children }) })
         ]
       }
     ),
-    isOpen && /* @__PURE__ */ jsx10(
+    isOpen && /* @__PURE__ */ jsx11(
       "div",
       {
         className: "offcanvas-backdrop fade show d-md-none",
@@ -213,9 +245,9 @@ function Navigation({
 }
 
 // src/components/navigation/NavigationItem.tsx
-import { jsx as jsx11, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs6 } from "react/jsx-runtime";
 function NavigationItem({ icon, title, type, active, onClick }) {
-  return /* @__PURE__ */ jsx11("li", { className: "nav-item", children: /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsx12("li", { className: "nav-item", children: /* @__PURE__ */ jsxs6(
     "button",
     {
       type: "button",
@@ -231,12 +263,12 @@ function NavigationItem({ icon, title, type, active, onClick }) {
 }
 
 // src/components/navigation/NavToggleButton.tsx
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
 var NavToggleButton = ({
   onClick,
   color = "dark"
 }) => {
-  return /* @__PURE__ */ jsx12("div", { className: "ms-auto pe-2 d-md-none", children: /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13("div", { className: "ms-auto pe-2 d-md-none", children: /* @__PURE__ */ jsx13(
     Button,
     {
       variant: color,
@@ -248,17 +280,17 @@ var NavToggleButton = ({
 };
 
 // src/components/notifications/Notifications.tsx
-import { useEffect } from "react";
-import { jsx as jsx13, jsxs as jsxs7 } from "react/jsx-runtime";
+import { useEffect as useEffect2 } from "react";
+import { jsx as jsx14, jsxs as jsxs7 } from "react/jsx-runtime";
 function Notifications({ notifications, onClose }) {
-  useEffect(() => {
+  useEffect2(() => {
     notifications.forEach((n) => {
       if (!n.autoCloseMs) return;
       const timer = setTimeout(() => onClose(n.id), n.autoCloseMs);
       return () => clearTimeout(timer);
     });
   }, [notifications, onClose]);
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     "div",
     {
       className: "position-fixed top-0 end-0",
@@ -270,7 +302,7 @@ function Notifications({ notifications, onClose }) {
           role: "alert",
           children: [
             n.message,
-            /* @__PURE__ */ jsx13(
+            /* @__PURE__ */ jsx14(
               "button",
               {
                 type: "button",
@@ -292,15 +324,15 @@ import {
   createContext,
   useCallback,
   useContext,
-  useEffect as useEffect2,
-  useState as useState2
+  useEffect as useEffect3,
+  useState as useState3
 } from "react";
-import { jsx as jsx14, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs8 } from "react/jsx-runtime";
 var NotificationsContext = createContext(
   void 0
 );
 function NotificationsProvider({ children }) {
-  const [notifications, setNotifications] = useState2([]);
+  const [notifications, setNotifications] = useState3([]);
   const push = useCallback(
     (message, type = "info", autoCloseMs = 4e3) => {
       setNotifications((prev) => [
@@ -318,7 +350,7 @@ function NotificationsProvider({ children }) {
   const close = useCallback((id) => {
     setNotifications((list) => list.filter((n) => n.id !== id));
   }, []);
-  useEffect2(() => {
+  useEffect3(() => {
     const timers = notifications.map((n) => {
       if (!n.autoCloseMs) return null;
       return setTimeout(() => close(n.id), n.autoCloseMs);
@@ -328,7 +360,7 @@ function NotificationsProvider({ children }) {
     };
   }, [notifications, close]);
   return /* @__PURE__ */ jsxs8(NotificationsContext.Provider, { value: { push }, children: [
-    /* @__PURE__ */ jsx14(
+    /* @__PURE__ */ jsx15(
       "div",
       {
         className: "position-fixed top-0 end-0",
@@ -340,7 +372,7 @@ function NotificationsProvider({ children }) {
             role: "alert",
             children: [
               n.message,
-              /* @__PURE__ */ jsx14(
+              /* @__PURE__ */ jsx15(
                 "button",
                 {
                   type: "button",
@@ -367,34 +399,34 @@ function UseNotifications() {
 }
 
 // src/components/views/AppsView.tsx
-import { Fragment as Fragment3, jsx as jsx15, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx16, jsxs as jsxs9 } from "react/jsx-runtime";
 var AppsView = ({ apps, title, onAppClick }) => {
   return /* @__PURE__ */ jsxs9(Fragment3, { children: [
-    title && /* @__PURE__ */ jsx15("h5", { className: "mb-3", children: title }),
-    /* @__PURE__ */ jsx15("div", { className: "row justify-content-center justify-content-md-start", children: apps.map((app) => /* @__PURE__ */ jsx15(AppTile, { app, onClick: onAppClick }, app.id)) })
+    title && /* @__PURE__ */ jsx16("h5", { className: "mb-3", children: title }),
+    /* @__PURE__ */ jsx16("div", { className: "row justify-content-center justify-content-md-start", children: apps.map((app) => /* @__PURE__ */ jsx16(AppTile, { app, onClick: onAppClick }, app.id)) })
   ] });
 };
 
 // src/components/wrappers/ContentContainer.tsx
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { jsx as jsx17 } from "react/jsx-runtime";
 function ContentContainer({ children }) {
-  return /* @__PURE__ */ jsx16("div", { className: "container-fluid flex-grow-1", children });
+  return /* @__PURE__ */ jsx17("div", { className: "container-fluid flex-grow-1 container-lg", children });
 }
 
 // src/components/wrappers/ContentRow.tsx
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 function ContentRow({ children }) {
-  return /* @__PURE__ */ jsx17("div", { className: "row h-100 flex-nowrap", children });
+  return /* @__PURE__ */ jsx18("div", { className: "row h-100 flex-nowrap", children });
 }
 
 // src/components/wrappers/LayoutWrapper.tsx
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 function LayoutWrapper({ children }) {
-  return /* @__PURE__ */ jsx18("div", { className: "d-flex flex-column min-vh-100", children });
+  return /* @__PURE__ */ jsx19("div", { className: "d-flex flex-column min-vh-100", children });
 }
 
 // src/modal/Modal.tsx
-import { Fragment as Fragment4, jsx as jsx19, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx20, jsxs as jsxs10 } from "react/jsx-runtime";
 var Modal = ({
   title,
   isOpen,
@@ -418,7 +450,7 @@ var Modal = ({
   };
   const hasFooterButtons = (showCloseButton || onConfirm && showConfirmButton) && !disableAllButtons;
   return /* @__PURE__ */ jsxs10(Fragment4, { children: [
-    /* @__PURE__ */ jsx19(
+    /* @__PURE__ */ jsx20(
       "div",
       {
         className: "modal-backdrop fade show",
@@ -426,7 +458,7 @@ var Modal = ({
         onClick: handleBackdropClick
       }
     ),
-    /* @__PURE__ */ jsx19(
+    /* @__PURE__ */ jsx20(
       "div",
       {
         className: "modal fade show d-block",
@@ -434,7 +466,7 @@ var Modal = ({
         role: "dialog",
         style: { zIndex: 1050 },
         onClick: handleBackdropClick,
-        children: /* @__PURE__ */ jsx19(
+        children: /* @__PURE__ */ jsx20(
           "div",
           {
             className: "modal-dialog modal-dialog-centered",
@@ -442,8 +474,8 @@ var Modal = ({
             onClick: handleContentClick,
             children: /* @__PURE__ */ jsxs10("div", { className: "modal-content shadow", children: [
               /* @__PURE__ */ jsxs10("div", { className: "modal-header", children: [
-                title && /* @__PURE__ */ jsx19("h5", { className: "modal-title", children: title }),
-                showHeaderClose && /* @__PURE__ */ jsx19(
+                title && /* @__PURE__ */ jsx20("h5", { className: "modal-title", children: title }),
+                showHeaderClose && /* @__PURE__ */ jsx20(
                   "button",
                   {
                     type: "button",
@@ -454,9 +486,9 @@ var Modal = ({
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx19("div", { className: "modal-body", children }),
+              /* @__PURE__ */ jsx20("div", { className: "modal-body", children }),
               hasFooterButtons && /* @__PURE__ */ jsxs10("div", { className: "modal-footer", children: [
-                showCloseButton && /* @__PURE__ */ jsx19(
+                showCloseButton && /* @__PURE__ */ jsx20(
                   "button",
                   {
                     type: "button",
@@ -466,7 +498,7 @@ var Modal = ({
                     children: "Close"
                   }
                 ),
-                onConfirm && showConfirmButton && /* @__PURE__ */ jsx19(
+                onConfirm && showConfirmButton && /* @__PURE__ */ jsx20(
                   "button",
                   {
                     type: "button",
@@ -490,14 +522,14 @@ import {
   createContext as createContext2,
   useCallback as useCallback2,
   useContext as useContext2,
-  useState as useState3
+  useState as useState4
 } from "react";
-import { jsx as jsx20, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs11 } from "react/jsx-runtime";
 var ModalContext = createContext2(void 0);
 function ModalProvider({ children }) {
-  const [isOpen, setIsOpen] = useState3(false);
-  const [content, setContent] = useState3(null);
-  const [options, setOptions] = useState3({});
+  const [isOpen, setIsOpen] = useState4(false);
+  const [content, setContent] = useState4(null);
+  const [options, setOptions] = useState4({});
   const openModal = useCallback2((content2, options2) => {
     setContent(content2);
     setOptions(options2 ?? {});
@@ -508,7 +540,7 @@ function ModalProvider({ children }) {
   }, []);
   return /* @__PURE__ */ jsxs11(ModalContext.Provider, { value: { openModal, closeModal }, children: [
     children,
-    /* @__PURE__ */ jsx20(
+    /* @__PURE__ */ jsx21(
       Modal,
       {
         isOpen,
@@ -552,6 +584,7 @@ export {
   Notifications,
   NotificationsProvider,
   NpmBadge,
+  ThemeToggleButton,
   UseModal,
   UseNotifications
 };

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Alert.tsx","../src/components/AppTile.tsx","../src/components/Body.tsx","../src/components/Button.tsx","../src/components/Footer.tsx","../src/components/Header.tsx","../src/components/HeaderText.tsx","../src/components/Icon.tsx","../src/components/NpmBadge.tsx","../src/components/navigation/Navigation.tsx","../src/components/navigation/NavigationItem.tsx","../src/components/navigation/NavToggleButton.tsx","../src/components/notifications/Notifications.tsx","../src/components/notifications/NotificationsProvider.tsx","../src/components/views/AppsView.tsx","../src/components/wrappers/ContentContainer.tsx","../src/components/wrappers/ContentRow.tsx","../src/components/wrappers/LayoutWrapper.tsx","../src/modal/Modal.tsx","../src/modal/ModalProvider.tsx"],"sourcesContent":["// components/Alert.tsx\r\nimport React from \"react\";\r\n\r\nexport type AlertVariant =\r\n  | \"primary\"\r\n  | \"secondary\"\r\n  | \"success\"\r\n  | \"danger\"\r\n  | \"warning\"\r\n  | \"info\"\r\n  | \"light\"\r\n  | \"dark\";\r\n\r\ninterface AlertProps {\r\n  variant?: AlertVariant;\r\n  title?: string;\r\n  dismissible?: boolean;\r\n  className?: string;\r\n  children: React.ReactNode;\r\n  onClose?: () => void;\r\n}\r\n\r\nexport const Alert: React.FC<AlertProps> = ({\r\n  variant = \"info\",\r\n  title,\r\n  dismissible = false,\r\n  className = \"\",\r\n  children,\r\n  onClose,\r\n}) => {\r\n  const classes = [\r\n    \"alert\",\r\n    `alert-${variant}`,\r\n    dismissible ? \"alert-dismissible fade show\" : \"\",\r\n    className,\r\n  ]\r\n    .filter(Boolean)\r\n    .join(\" \");\r\n\r\n  return (\r\n    <div role=\"alert\" className={classes}>\r\n      {title && <strong className=\"d-block mb-1\">{title}</strong>}\r\n      {children}\r\n\r\n      {dismissible && (\r\n        <button\r\n          type=\"button\"\r\n          className=\"btn-close\"\r\n          aria-label=\"Close\"\r\n          onClick={onClose}\r\n        />\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n","import React from \"react\";\r\nimport type { AppItem } from \"../models/AppItem\";\r\n\r\ninterface AppTileProps {\r\n  app: AppItem;\r\n  onClick?: (app: AppItem) => void;\r\n}\r\n\r\nexport const AppTile: React.FC<AppTileProps> = ({ app, onClick }) => {\r\n  return (\r\n    <div className=\"col-auto\">\r\n      <button\r\n        type=\"button\"\r\n        className=\"btn p-2 d-flex flex-column align-items-center border-0 bg-transparent app-icon-btn\"\r\n        onClick={() => onClick?.(app)}\r\n      >\r\n        <div className=\"app-icon-tile d-flex align-items-center justify-content-center mb-1\">\r\n          <span style={{fontSize:\"32px\"}}>{app.icon}</span>\r\n        </div>\r\n\r\n        <span className=\"w-100 small text-truncate\">\r\n          {app.name}\r\n          {app.version && <small className=\"text-muted ms-1\">v{app.version}</small>}\r\n        </span>\r\n      </button>\r\n    </div>\r\n  );\r\n};\r\n","import type { ReactNode } from \"react\";\r\n\r\ninterface BodyProps {\r\n  icon: ReactNode;\r\n  title: ReactNode;\r\n  description?: ReactNode;\r\n  children?: ReactNode;\r\n}\r\n\r\nexport function Body({ icon, title, description, children }: BodyProps) {\r\n  return (\r\n\r\n      <main className=\"col p-4\">\r\n        <h2>{icon} {title}</h2>\r\n\r\n        {description && <p>{description}</p>}\r\n        {children}\r\n      </main>\r\n  );\r\n}\r\n","import { useState, type ReactNode, type MouseEvent } from \"react\";\r\n\r\nexport type ButtonVariant =\r\n  | \"primary\"\r\n  | \"secondary\"\r\n  | \"success\"\r\n  | \"danger\"\r\n  | \"warning\"\r\n  | \"info\"\r\n  | \"light\"\r\n  | \"dark\"\r\n  | \"link\";\r\n\r\nexport interface ButtonProps {\r\n  buttonClassName?: string;\r\n  type?: \"button\" | \"submit\" | \"reset\";\r\n  disabled?: boolean;\r\n\r\n  variant?: ButtonVariant;   // 👈 NEW — Bootstrap color support\r\n\r\n  onAction?: () => Promise<unknown>;\r\n  onClick?: (event: MouseEvent<HTMLButtonElement>) => void;\r\n  onDone?: (result: unknown) => void;\r\n  onError?: (error: unknown) => void;\r\n  onFinally?: () => void;\r\n\r\n  children?: ReactNode;\r\n  loadingChildren?: ReactNode;\r\n\r\n  renderContent?: () => ReactNode;\r\n  renderLoading?: () => ReactNode;\r\n\r\n  loadingText?: string;\r\n  showSpinner?: boolean;\r\n}\r\n\r\nexport function Button({\r\n  buttonClassName = \"btn btn-primary\",\r\n  type = \"button\",\r\n  disabled = false,\r\n\r\n  variant,\r\n\r\n  onAction,\r\n  onClick,\r\n  onDone,\r\n  onError,\r\n  onFinally,\r\n\r\n  children = \"Click me\",\r\n\r\n  loadingChildren,\r\n  renderContent,\r\n  renderLoading,\r\n\r\n  loadingText = \"Loading...\",\r\n  showSpinner = true,\r\n}: ButtonProps) {\r\n  const [loading, setLoading] = useState(false);\r\n\r\n  const handleClick = async (event: MouseEvent<HTMLButtonElement>) => {\r\n    if (loading) return;\r\n\r\n    onClick?.(event);\r\n    if (event.defaultPrevented) return;\r\n    if (!onAction) return;\r\n\r\n    try {\r\n      setLoading(true);\r\n      const result = await onAction();\r\n      onDone?.(result);\r\n    } catch (error) {\r\n      onError?.(error);\r\n    } finally {\r\n      setLoading(false);\r\n      onFinally?.();\r\n    }\r\n  };\r\n\r\n  // 👇 Decide which CSS to use:\r\n  // - if variant is provided, use Bootstrap \"btn btn-X\"\r\n  // - otherwise fall back to user-supplied buttonClassName\r\n  const baseClass = variant\r\n    ? `btn btn-${variant}`\r\n    : buttonClassName;\r\n\r\n  return (\r\n    <button\r\n      type={type}\r\n      className={`${baseClass} ${loading ? \"async-btn--loading\" : \"\"}`}\r\n      onClick={handleClick}\r\n      disabled={disabled || loading}\r\n    >\r\n      {loading ? (\r\n        renderLoading?.() ??\r\n        loadingChildren ?? (\r\n          <>\r\n            {showSpinner && (\r\n              <span\r\n                className=\"spinner-border spinner-border-sm me-2 async-btn__spinner\"\r\n                role=\"status\"\r\n                aria-hidden=\"true\"\r\n              />\r\n            )}\r\n            {loadingText}\r\n          </>\r\n        )\r\n      ) : (\r\n        renderContent?.() ?? children\r\n      )}\r\n    </button>\r\n  );\r\n}\r\n","import type { ReactNode } from \"react\";\r\n\r\ninterface FooterProps {\r\n  children?: ReactNode;\r\n}\r\n\r\nexport function Footer({ children }: FooterProps) {\r\n  return (\r\n    <footer className=\"bg-dark text-white text-center py-2 mt-auto\">\r\n      {children ?? \"© 2025 Your Site — All rights reserved\"}\r\n    </footer>\r\n  );\r\n}\r\n","import type { ReactNode } from \"react\";\r\n\r\ninterface HeaderProps {\r\n  children?: ReactNode;\r\n}\r\n\r\nexport function Header({ children }: HeaderProps) {\r\n  return (\r\n    <nav className=\"navbar navbar-dark bg-dark px-3 sticky-top\">\r\n      {children ?? (\r\n        <span className=\"navbar-brand mb-0 h4\">My Website</span>\r\n      )}\r\n    </nav>\r\n  );\r\n}\r\n","import type { ReactNode } from \"react\";\r\n\r\ninterface HeaderBrandProps {\r\n  children: ReactNode;\r\n}\r\n\r\nexport function HeaderText({ children }: HeaderBrandProps) {\r\n  return (\r\n    <span className=\"navbar-brand mb-0 h4\">\r\n      {children}\r\n    </span>\r\n  );\r\n}\r\n","// ImageCard.tsx\r\nimport React from \"react\";\r\n\r\ninterface ImageCardProps {\r\n  src: string;\r\n  alt: string;\r\n  width?: string | number;\r\n  height?: string | number;\r\n}\r\n\r\nexport const ImageCard: React.FC<ImageCardProps> = ({\r\n  src,\r\n  alt,\r\n}) => {\r\n  return (\r\n    <img\r\n      src={src}\r\n      alt={alt}\r\n      className={\"w-100\"}\r\n      style={{\r\n        display: \"block\",\r\n        objectFit: \"cover\",\r\n      }}\r\n    />\r\n  );\r\n};\r\n","// components/NpmBadge.tsx\r\ninterface NpmBadgeProps {\r\n  packageLabel: string;\r\n  packageName: string;\r\n  packageUrl: string;          // e.g. \"@sparkstudio/authentication-ui\"\r\n  color?: string;               // optional (default black)\r\n  height?: number;              // optional (default 22)\r\n}\r\n\r\nexport function NpmBadge({ packageName, packageLabel, packageUrl, color = \"black\", height = 22 }: NpmBadgeProps) {\r\n  const encodedLabel = encodeURIComponent(packageLabel);\r\n  const badgeUrl = `https://img.shields.io/npm/v/${packageName}?logo=npm&label=${encodedLabel}&color=${color}`;\r\n  const npmUrl = packageUrl;\r\n\r\n  return (\r\n    <a href={npmUrl} target=\"_blank\" rel=\"noopener noreferrer\">\r\n      <img src={badgeUrl} alt={`${packageName} version`} style={{ height }} />\r\n    </a>\r\n  );\r\n}\r\n","// components/Navigation.tsx\r\nimport type { ReactNode } from \"react\";\r\n\r\ninterface NavigationProps {\r\n  title?: ReactNode;\r\n  children: ReactNode;\r\n  isOpen: boolean;\r\n  onClose: () => void;\r\n}\r\n\r\nexport function Navigation({\r\n  title = \"Navigation\",\r\n  children,\r\n  isOpen,\r\n  onClose,\r\n}: NavigationProps) {\r\n  return (\r\n    <>\r\n      {/* Desktop sidebar */}\r\n      <nav className=\"col-auto p-3 h-100 d-none d-md-flex flex-column\">\r\n        <h6 className=\"text-muted text-uppercase\">{title}</h6>\r\n\r\n        <ul className=\"nav nav-pills flex-column gap-2 mt-3\">\r\n          {children}\r\n        </ul>\r\n      </nav>\r\n\r\n      {/* Mobile drawer */}\r\n      <div\r\n        className={`offcanvas offcanvas-start d-md-none ${isOpen ? \"show\" : \"\"}`}\r\n        style={{ visibility: isOpen ? \"visible\" : \"hidden\" }}\r\n        tabIndex={-1}\r\n        aria-hidden={isOpen ? \"false\" : \"true\"}\r\n      >\r\n        <div className=\"offcanvas-header\">\r\n          <h5 className=\"offcanvas-title\">{title}</h5>\r\n          <button className=\"btn-close\" onClick={onClose} />\r\n        </div>\r\n\r\n        <div className=\"offcanvas-body\">\r\n          <ul className=\"nav nav-pills flex-column gap-2 mt-2\">\r\n            {children}\r\n          </ul>\r\n        </div>\r\n      </div>\r\n\r\n      {/* Backdrop */}\r\n      {isOpen && (\r\n        <div\r\n          className=\"offcanvas-backdrop fade show d-md-none\"\r\n          onClick={onClose}\r\n        />\r\n      )}\r\n    </>\r\n  );\r\n}\r\n","import type { ReactNode } from \"react\";\r\n\r\ninterface NavigationItemProps {\r\n  icon: ReactNode;\r\n  title: ReactNode;\r\n  type: string;\r\n  active?: boolean;\r\n  onClick?: (type: string) => void;\r\n}\r\n\r\nexport function NavigationItem({icon, title, type, active, onClick }: NavigationItemProps) {\r\n  return (\r\n    <li className=\"nav-item\">\r\n      <button\r\n        type=\"button\"\r\n        className={`nav-link text-start w-100 ${active ? \"active\" : \"\"}`}\r\n        onClick={() => onClick?.(type)}\r\n      >\r\n        {icon} {title}\r\n      </button>\r\n    </li>\r\n  );\r\n}\r\n","// components/NavToggleButton.tsx\r\nimport React from \"react\";\r\nimport { Button } from \"../Button\";\r\n\r\ninterface NavToggleButtonProps {\r\n  onClick: () => void;\r\n  label?: string;\r\n  color?: \"primary\" | \"secondary\" | \"success\" | \"danger\" | \"warning\" | \"info\" | \"light\" | \"dark\";\r\n}\r\n\r\nexport const NavToggleButton: React.FC<NavToggleButtonProps> = ({\r\n  onClick,\r\n  color = \"dark\",\r\n}) => {\r\n  return (\r\n    <div className=\"ms-auto pe-2 d-md-none\">\r\n      <Button\r\n        variant={color}\r\n        buttonClassName=\"btn btn-secondary\"\r\n        onClick={() => onClick()}\r\n      >\r\n        ☰\r\n      </Button>\r\n    </div>\r\n  );\r\n};\r\n","import { useEffect } from \"react\";\r\n\r\nexport type NotificationType = \"success\" | \"info\" | \"warning\" | \"danger\";\r\n\r\nexport interface Notification {\r\n  id: string;\r\n  message: string;\r\n  type?: NotificationType;\r\n  autoCloseMs?: number;\r\n}\r\n\r\ninterface NotificationsProps {\r\n  notifications: Notification[];\r\n  onClose: (id: string) => void;\r\n}\r\n\r\nexport function Notifications({ notifications, onClose }: NotificationsProps) {\r\n  useEffect(() => {\r\n    notifications.forEach((n) => {\r\n      if (!n.autoCloseMs) return;\r\n\r\n      const timer = setTimeout(() => onClose(n.id), n.autoCloseMs);\r\n      return () => clearTimeout(timer);\r\n    });\r\n  }, [notifications, onClose]);\r\n\r\n  return (\r\n    <div\r\n      className=\"position-fixed top-0 end-0\"\r\n      style={{ zIndex: 1080, width: 340 }}\r\n    >\r\n      {notifications.map((n) => (\r\n        <div\r\n          key={n.id}\r\n          className={`alert alert-${n.type ?? \"info\"} alert-dismissible fade show shadow-sm mb-2`}\r\n          role=\"alert\"\r\n        >\r\n          {n.message}\r\n\r\n          <button\r\n            type=\"button\"\r\n            className=\"btn-close\"\r\n            aria-label=\"Close\"\r\n            onClick={() => onClose(n.id)}\r\n          />\r\n        </div>\r\n      ))}\r\n    </div>\r\n  );\r\n}\r\n","import {\r\n  createContext,\r\n  useCallback,\r\n  useContext,\r\n  useEffect,\r\n  useState,\r\n  type ReactNode,\r\n} from \"react\";\r\nimport type { NotificationType } from \"./Notifications\";\r\n\r\n// Rename to avoid conflict with browser Notification type\r\nexport interface AppNotification {\r\n  id: string;\r\n  message: string;\r\n  type?: NotificationType;\r\n  autoCloseMs?: number;\r\n}\r\n\r\ninterface NotificationsContextValue {\r\n  push: (message: string, type?: NotificationType, autoCloseMs?: number) => void;\r\n}\r\n\r\nconst NotificationsContext = createContext<NotificationsContextValue | undefined>(\r\n  undefined\r\n);\r\n\r\ninterface NotificationsProviderProps {\r\n  children: ReactNode;\r\n}\r\n\r\nexport function NotificationsProvider({ children }: NotificationsProviderProps) {\r\n  const [notifications, setNotifications] = useState<AppNotification[]>([]);\r\n\r\n  const push = useCallback(\r\n    (message: string, type: NotificationType = \"info\", autoCloseMs = 4000) => {\r\n      setNotifications((prev) => [\r\n        ...prev,\r\n        {\r\n          id: crypto.randomUUID(),\r\n          message,\r\n          type,\r\n          autoCloseMs,\r\n        },\r\n      ]);\r\n    },\r\n    []\r\n  );\r\n\r\n  const close = useCallback((id: string) => {\r\n    setNotifications((list) => list.filter((n) => n.id !== id));\r\n  }, []);\r\n\r\n  // Handle auto close timers\r\n  useEffect(() => {\r\n    const timers = notifications.map((n) => {\r\n      if (!n.autoCloseMs) return null;\r\n      return setTimeout(() => close(n.id), n.autoCloseMs);\r\n    });\r\n\r\n    return () => {\r\n      timers.forEach((t) => t && clearTimeout(t));\r\n    };\r\n  }, [notifications, close]);\r\n\r\n  return (\r\n    <NotificationsContext.Provider value={{ push }}>\r\n      {/* overlay renderer */}\r\n      <div\r\n        className=\"position-fixed top-0 end-0\"\r\n        style={{ zIndex: 1080, width: 340 }}\r\n      >\r\n        {notifications.map((n) => (\r\n          <div\r\n            key={n.id}\r\n            className={`alert alert-${n.type ?? \"info\"} alert-dismissible fade show shadow-sm mb-2`}\r\n            role=\"alert\"\r\n          >\r\n            {n.message}\r\n            <button\r\n              type=\"button\"\r\n              className=\"btn-close\"\r\n              aria-label=\"Close\"\r\n              onClick={() => close(n.id)}\r\n            />\r\n          </div>\r\n        ))}\r\n      </div>\r\n\r\n      {children}\r\n    </NotificationsContext.Provider>\r\n  );\r\n}\r\n\r\nexport function UseNotifications(): NotificationsContextValue {\r\n  const ctx = useContext(NotificationsContext);\r\n  if (!ctx) {\r\n    throw new Error(\"useNotifications must be used within a NotificationsProvider\");\r\n  }\r\n  return ctx;\r\n}\r\n","// ./views/AppsView.tsx (or ./components/AppsView.tsx)\r\nimport React from \"react\";\r\nimport type { AppItem } from \"../../models/AppItem\";\r\nimport { AppTile } from \"../AppTile\";\r\n\r\ninterface AppsViewProps {\r\n  apps: AppItem[];\r\n  title?: string;\r\n  onAppClick?: (app: AppItem) => void;\r\n}\r\n\r\nexport const AppsView: React.FC<AppsViewProps> = ({ apps, title, onAppClick }) => {\r\n  return (\r\n    <>\r\n      {title && <h5 className=\"mb-3\">{title}</h5>}\r\n\r\n      <div className=\"row justify-content-center justify-content-md-start\">\r\n        {apps.map((app) => (\r\n          <AppTile key={app.id} app={app} onClick={onAppClick} />\r\n        ))}\r\n      </div>\r\n    </>\r\n  );\r\n};\r\n","export function ContentContainer({ children }: React.PropsWithChildren) {\r\n  return <div className=\"container-fluid flex-grow-1\">{children}</div>;\r\n}\r\n","export function ContentRow({ children }: React.PropsWithChildren) {\r\n  return <div className=\"row h-100 flex-nowrap\">{children}</div>;\r\n}\r\n","\r\nexport function LayoutWrapper({ children }: React.PropsWithChildren) {\r\n  return (\r\n\r\n      <div className=\"d-flex flex-column min-vh-100\">{children}</div>\r\n  );\r\n}\r\n","// components/Modal.tsx\r\nimport React from \"react\";\r\n\r\nexport interface ModalProps {\r\n  title?: string;\r\n  isOpen: boolean;\r\n  onClose: () => void;\r\n  onConfirm?: () => void;\r\n  confirmText?: string;\r\n\r\n  disableBackdropClose?: boolean;\r\n  disableAllButtons?: boolean;\r\n\r\n  showHeaderClose?: boolean;\r\n  showCloseButton?: boolean;\r\n  showConfirmButton?: boolean;\r\n\r\n  children?: React.ReactNode;\r\n}\r\n\r\nexport const Modal: React.FC<ModalProps> = ({\r\n  title,\r\n  isOpen,\r\n  onClose,\r\n  onConfirm,\r\n  confirmText = \"OK\",\r\n\r\n  disableBackdropClose = false,\r\n  disableAllButtons = false,\r\n\r\n  showHeaderClose = true,\r\n  showCloseButton = true,\r\n  showConfirmButton = true,\r\n\r\n  children,\r\n}) => {\r\n  if (!isOpen) return null;\r\n\r\n  const handleBackdropClick = () => {\r\n    if (disableBackdropClose || disableAllButtons) return;\r\n    onClose();\r\n  };\r\n\r\n  const handleContentClick: React.MouseEventHandler<HTMLDivElement> = (e) => {\r\n    e.stopPropagation();\r\n  };\r\n\r\n  // 👇 NEW: decide if footer should exist at all\r\n  const hasFooterButtons =\r\n    (showCloseButton || (onConfirm && showConfirmButton)) &&\r\n    !disableAllButtons;\r\n\r\n  return (\r\n    <>\r\n      <div\r\n        className=\"modal-backdrop fade show\"\r\n        style={{ zIndex: 1040 }}\r\n        onClick={handleBackdropClick}\r\n      />\r\n\r\n      <div\r\n        className=\"modal fade show d-block\"\r\n        tabIndex={-1}\r\n        role=\"dialog\"\r\n        style={{ zIndex: 1050 }}\r\n        onClick={handleBackdropClick}\r\n      >\r\n        <div\r\n          className=\"modal-dialog modal-dialog-centered\"\r\n          role=\"document\"\r\n          onClick={handleContentClick}\r\n        >\r\n          <div className=\"modal-content shadow\">\r\n            {/* Header */}\r\n            <div className=\"modal-header\">\r\n              {title && <h5 className=\"modal-title\">{title}</h5>}\r\n\r\n              {showHeaderClose && (\r\n                <button\r\n                  type=\"button\"\r\n                  className=\"btn-close\"\r\n                  aria-label=\"Close\"\r\n                  onClick={onClose}\r\n                  disabled={disableAllButtons}\r\n                />\r\n              )}\r\n            </div>\r\n\r\n            {/* Body */}\r\n            <div className=\"modal-body\">{children}</div>\r\n\r\n            {/* Footer — only if buttons are visible */}\r\n            {hasFooterButtons && (\r\n              <div className=\"modal-footer\">\r\n                {showCloseButton && (\r\n                  <button\r\n                    type=\"button\"\r\n                    className=\"btn btn-secondary\"\r\n                    onClick={onClose}\r\n                    disabled={disableAllButtons}\r\n                  >\r\n                    Close\r\n                  </button>\r\n                )}\r\n\r\n                {onConfirm && showConfirmButton && (\r\n                  <button\r\n                    type=\"button\"\r\n                    className=\"btn btn-primary\"\r\n                    onClick={onConfirm}\r\n                    disabled={disableAllButtons}\r\n                  >\r\n                    {confirmText}\r\n                  </button>\r\n                )}\r\n              </div>\r\n            )}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </>\r\n  );\r\n};\r\n","import {\r\n  createContext,\r\n  useCallback,\r\n  useContext,\r\n  useState,\r\n  type ReactNode,\r\n} from \"react\";\r\nimport { Modal } from \"./Modal\";\r\n\r\nexport interface ModalOptions {\r\n  title?: string;\r\n  confirmText?: string;\r\n  disableBackdropClose?: boolean;\r\n  onConfirm?: () => void;\r\n\r\n  /** extra control flags matching Modal.tsx */\r\n  disableAllButtons?: boolean;\r\n  showHeaderClose?: boolean;\r\n  showCloseButton?: boolean;\r\n  showConfirmButton?: boolean;\r\n}\r\n\r\ninterface ModalContextValue {\r\n  openModal: (content: ReactNode, options?: ModalOptions) => void;\r\n  closeModal: () => void;\r\n}\r\n\r\nconst ModalContext = createContext<ModalContextValue | undefined>(undefined);\r\n\r\nexport function ModalProvider({ children }: { children: ReactNode }) {\r\n  const [isOpen, setIsOpen] = useState(false);\r\n  const [content, setContent] = useState<ReactNode>(null);\r\n  const [options, setOptions] = useState<ModalOptions>({});\r\n\r\n  const openModal = useCallback((content: ReactNode, options?: ModalOptions) => {\r\n    setContent(content);\r\n    setOptions(options ?? {});\r\n    setIsOpen(true);\r\n  }, []);\r\n\r\n  const closeModal = useCallback(() => {\r\n    setIsOpen(false);\r\n  }, []);\r\n\r\n  return (\r\n    <ModalContext.Provider value={{ openModal, closeModal }}>\r\n      {children}\r\n\r\n      <Modal\r\n        isOpen={isOpen}\r\n        title={options.title}\r\n        confirmText={options.confirmText}\r\n        disableBackdropClose={options.disableBackdropClose}\r\n        disableAllButtons={options.disableAllButtons}\r\n        showHeaderClose={options.showHeaderClose}\r\n        showCloseButton={options.showCloseButton}\r\n        showConfirmButton={options.showConfirmButton}\r\n        onClose={closeModal}\r\n        onConfirm={options.onConfirm}\r\n      >\r\n        {content}\r\n      </Modal>\r\n    </ModalContext.Provider>\r\n  );\r\n}\r\n\r\nexport function UseModal() {\r\n  const ctx = useContext(ModalContext);\r\n  if (!ctx) throw new Error(\"UseModal must be used within ModalProvider\");\r\n  return ctx;\r\n}\r\n"],"mappings":"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","names":["jsx","jsxs","jsx","jsxs","jsx","jsxs","jsx","jsx","jsx","jsx","jsx","Fragment","jsx","jsxs","jsx","jsxs","jsx","jsx","jsxs","useEffect","useState","jsx","jsxs","Fragment","jsx","jsxs","jsx","jsx","jsx","Fragment","jsx","jsxs","createContext","useCallback","useContext","useState","jsx","jsxs","createContext","useState","useCallback","content","options","useContext"]}
+{"version":3,"sources":["../src/components/Alert.tsx","../src/components/AppTile.tsx","../src/components/Body.tsx","../src/components/Button.tsx","../src/components/Footer.tsx","../src/components/Header.tsx","../src/components/HeaderText.tsx","../src/components/Icon.tsx","../src/components/NpmBadge.tsx","../src/components/ThemeToggleButton.tsx","../src/components/navigation/Navigation.tsx","../src/components/navigation/NavigationItem.tsx","../src/components/navigation/NavToggleButton.tsx","../src/components/notifications/Notifications.tsx","../src/components/notifications/NotificationsProvider.tsx","../src/components/views/AppsView.tsx","../src/components/wrappers/ContentContainer.tsx","../src/components/wrappers/ContentRow.tsx","../src/components/wrappers/LayoutWrapper.tsx","../src/modal/Modal.tsx","../src/modal/ModalProvider.tsx"],"sourcesContent":["// components/Alert.tsx\r\nimport React from \"react\";\r\n\r\nexport type AlertVariant =\r\n  | \"primary\"\r\n  | \"secondary\"\r\n  | \"success\"\r\n  | \"danger\"\r\n  | \"warning\"\r\n  | \"info\"\r\n  | \"light\"\r\n  | \"dark\";\r\n\r\ninterface AlertProps {\r\n  variant?: AlertVariant;\r\n  title?: string;\r\n  dismissible?: boolean;\r\n  className?: string;\r\n  children: React.ReactNode;\r\n  onClose?: () => void;\r\n}\r\n\r\nexport const Alert: React.FC<AlertProps> = ({\r\n  variant = \"info\",\r\n  title,\r\n  dismissible = false,\r\n  className = \"\",\r\n  children,\r\n  onClose,\r\n}) => {\r\n  const classes = [\r\n    \"alert\",\r\n    `alert-${variant}`,\r\n    dismissible ? \"alert-dismissible fade show\" : \"\",\r\n    className,\r\n  ]\r\n    .filter(Boolean)\r\n    .join(\" \");\r\n\r\n  return (\r\n    <div role=\"alert\" className={classes}>\r\n      {title && <strong className=\"d-block mb-1\">{title}</strong>}\r\n      {children}\r\n\r\n      {dismissible && (\r\n        <button\r\n          type=\"button\"\r\n          className=\"btn-close\"\r\n          aria-label=\"Close\"\r\n          onClick={onClose}\r\n        />\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n","import React from \"react\";\r\nimport type { AppItem } from \"../models/AppItem\";\r\n\r\ninterface AppTileProps {\r\n  app: AppItem;\r\n  onClick?: (app: AppItem) => void;\r\n}\r\n\r\nexport const AppTile: React.FC<AppTileProps> = ({ app, onClick }) => {\r\n  return (\r\n    <div className=\"col-auto\">\r\n      <button\r\n        type=\"button\"\r\n        className=\"btn p-2 d-flex flex-column align-items-center border-0 bg-transparent app-icon-btn\"\r\n        onClick={() => onClick?.(app)}\r\n      >\r\n        <div className=\"app-icon-tile d-flex align-items-center justify-content-center mb-1\">\r\n          <span style={{fontSize:\"32px\"}}>{app.icon}</span>\r\n        </div>\r\n\r\n        <span className=\"w-100 small text-truncate\">\r\n          {app.name}\r\n          {app.version && <small className=\"text-muted ms-1\">v{app.version}</small>}\r\n        </span>\r\n      </button>\r\n    </div>\r\n  );\r\n};\r\n","import type { ReactNode } from \"react\";\r\n\r\ninterface BodyProps {\r\n  icon: ReactNode;\r\n  title: ReactNode;\r\n  description?: ReactNode;\r\n  children?: ReactNode;\r\n}\r\n\r\nexport function Body({ icon, title, description, children }: BodyProps) {\r\n  return (\r\n\r\n      <main className=\"col p-4\">\r\n        <h2>{icon} {title}</h2>\r\n\r\n        {description && <p>{description}</p>}\r\n        {children}\r\n      </main>\r\n  );\r\n}\r\n","import { useState, type ReactNode, type MouseEvent } from \"react\";\r\n\r\nexport type ButtonVariant =\r\n  | \"primary\"\r\n  | \"secondary\"\r\n  | \"success\"\r\n  | \"danger\"\r\n  | \"warning\"\r\n  | \"info\"\r\n  | \"light\"\r\n  | \"dark\"\r\n  | \"link\";\r\n\r\nexport interface ButtonProps {\r\n  buttonClassName?: string;\r\n  type?: \"button\" | \"submit\" | \"reset\";\r\n  disabled?: boolean;\r\n\r\n  variant?: ButtonVariant;   // 👈 NEW — Bootstrap color support\r\n\r\n  onAction?: () => Promise<unknown>;\r\n  onClick?: (event: MouseEvent<HTMLButtonElement>) => void;\r\n  onDone?: (result: unknown) => void;\r\n  onError?: (error: unknown) => void;\r\n  onFinally?: () => void;\r\n\r\n  children?: ReactNode;\r\n  loadingChildren?: ReactNode;\r\n\r\n  renderContent?: () => ReactNode;\r\n  renderLoading?: () => ReactNode;\r\n\r\n  loadingText?: string;\r\n  showSpinner?: boolean;\r\n}\r\n\r\nexport function Button({\r\n  buttonClassName = \"btn btn-primary\",\r\n  type = \"button\",\r\n  disabled = false,\r\n\r\n  variant,\r\n\r\n  onAction,\r\n  onClick,\r\n  onDone,\r\n  onError,\r\n  onFinally,\r\n\r\n  children = \"Click me\",\r\n\r\n  loadingChildren,\r\n  renderContent,\r\n  renderLoading,\r\n\r\n  loadingText = \"Loading...\",\r\n  showSpinner = true,\r\n}: ButtonProps) {\r\n  const [loading, setLoading] = useState(false);\r\n\r\n  const handleClick = async (event: MouseEvent<HTMLButtonElement>) => {\r\n    if (loading) return;\r\n\r\n    onClick?.(event);\r\n    if (event.defaultPrevented) return;\r\n    if (!onAction) return;\r\n\r\n    try {\r\n      setLoading(true);\r\n      const result = await onAction();\r\n      onDone?.(result);\r\n    } catch (error) {\r\n      onError?.(error);\r\n    } finally {\r\n      setLoading(false);\r\n      onFinally?.();\r\n    }\r\n  };\r\n\r\n  // 👇 Decide which CSS to use:\r\n  // - if variant is provided, use Bootstrap \"btn btn-X\"\r\n  // - otherwise fall back to user-supplied buttonClassName\r\n  const baseClass = variant\r\n    ? `btn btn-${variant}`\r\n    : buttonClassName;\r\n\r\n  return (\r\n    <button\r\n      type={type}\r\n      className={`${baseClass} ${loading ? \"async-btn--loading\" : \"\"}`}\r\n      onClick={handleClick}\r\n      disabled={disabled || loading}\r\n    >\r\n      {loading ? (\r\n        renderLoading?.() ??\r\n        loadingChildren ?? (\r\n          <>\r\n            {showSpinner && (\r\n              <span\r\n                className=\"spinner-border spinner-border-sm me-2 async-btn__spinner\"\r\n                role=\"status\"\r\n                aria-hidden=\"true\"\r\n              />\r\n            )}\r\n            {loadingText}\r\n          </>\r\n        )\r\n      ) : (\r\n        renderContent?.() ?? children\r\n      )}\r\n    </button>\r\n  );\r\n}\r\n","import type { ReactNode } from \"react\";\r\n\r\ninterface FooterProps {\r\n  children?: ReactNode;\r\n}\r\n\r\nexport function Footer({ children }: FooterProps) {\r\n  return (\r\n    <footer className=\"bg-dark text-white text-center py-2 mt-auto\">\r\n      {children ?? \"© 2025 Your Site — All rights reserved\"}\r\n    </footer>\r\n  );\r\n}\r\n","import type { ReactNode } from \"react\";\r\n\r\ninterface HeaderProps {\r\n  children?: ReactNode;\r\n}\r\n\r\nexport function Header({ children }: HeaderProps) {\r\n  return (\r\n    <nav className=\"navbar navbar-dark bg-dark px-3 sticky-top\">\r\n      {children ?? (\r\n        <span className=\"navbar-brand mb-0 h4\">My Website</span>\r\n      )}\r\n    </nav>\r\n  );\r\n}\r\n","import type { ReactNode } from \"react\";\r\n\r\ninterface HeaderBrandProps {\r\n  children: ReactNode;\r\n}\r\n\r\nexport function HeaderText({ children }: HeaderBrandProps) {\r\n  return (\r\n    <span className=\"navbar-brand mb-0 h4\">\r\n      {children}\r\n    </span>\r\n  );\r\n}\r\n","// ImageCard.tsx\r\nimport React from \"react\";\r\n\r\ninterface ImageCardProps {\r\n  src: string;\r\n  alt: string;\r\n  width?: string | number;\r\n  height?: string | number;\r\n}\r\n\r\nexport const ImageCard: React.FC<ImageCardProps> = ({\r\n  src,\r\n  alt,\r\n}) => {\r\n  return (\r\n    <img\r\n      src={src}\r\n      alt={alt}\r\n      className={\"w-100\"}\r\n      style={{\r\n        display: \"block\",\r\n        objectFit: \"cover\",\r\n      }}\r\n    />\r\n  );\r\n};\r\n","// components/NpmBadge.tsx\r\ninterface NpmBadgeProps {\r\n  packageLabel: string;\r\n  packageName: string;\r\n  packageUrl: string;          // e.g. \"@sparkstudio/authentication-ui\"\r\n  color?: string;               // optional (default black)\r\n  height?: number;              // optional (default 22)\r\n}\r\n\r\nexport function NpmBadge({ packageName, packageLabel, packageUrl, color = \"black\", height = 22 }: NpmBadgeProps) {\r\n  const encodedLabel = encodeURIComponent(packageLabel);\r\n  const badgeUrl = `https://img.shields.io/npm/v/${packageName}?logo=npm&label=${encodedLabel}&color=${color}`;\r\n  const npmUrl = packageUrl;\r\n\r\n  return (\r\n    <a href={npmUrl} target=\"_blank\" rel=\"noopener noreferrer\">\r\n      <img src={badgeUrl} alt={`${packageName} version`} style={{ height }} />\r\n    </a>\r\n  );\r\n}\r\n","// ThemeToggleButton.tsx\r\nimport { useEffect, useState } from \"react\";\r\nimport { Button, type ButtonVariant } from \"./Button\";\r\n\r\ntype Theme = \"light\" | \"dark\";\r\n\r\nconst STORAGE_KEY = \"bootstrap-theme\";\r\n\r\nfunction applyTheme(theme: Theme) {\r\n  // You can also target document.body instead if you prefer:\r\n  // document.body.setAttribute(\"data-bs-theme\", theme);\r\n  document.documentElement.setAttribute(\"data-bs-theme\", theme);\r\n}\r\n\r\nexport function ThemeToggleButton() {\r\n  const [theme, setTheme] = useState<Theme>(\"light\");\r\n\r\n  // On mount: load saved theme or fall back to system preference\r\n  useEffect(() => {\r\n    const stored = localStorage.getItem(STORAGE_KEY) as Theme | null;\r\n\r\n    if (stored === \"light\" || stored === \"dark\") {\r\n      setTheme(stored);\r\n      applyTheme(stored);\r\n      return;\r\n    }\r\n\r\n    // If nothing saved, use system preferred color scheme\r\n    const prefersDark = window.matchMedia?.(\"(prefers-color-scheme: dark)\").matches ?? false;\r\n\r\n    const initialTheme: Theme = prefersDark ? \"dark\" : \"light\";\r\n    setTheme(initialTheme);\r\n    applyTheme(initialTheme);\r\n  }, []);\r\n\r\n  const handleToggle = () => {\r\n    const next: Theme = theme === \"light\" ? \"dark\" : \"light\";\r\n    setTheme(next);\r\n    applyTheme(next);\r\n    localStorage.setItem(STORAGE_KEY, next);\r\n  };\r\n\r\n  // Choose button style + text based on current theme\r\n  const variant: ButtonVariant = theme === \"light\" ? \"dark\" : \"light\";\r\n  const label = theme === \"light\" ? \"🌙 Dark mode\" : \"🌞 Light mode\";\r\n\r\n  return (\r\n    <Button variant={variant} onClick={handleToggle}>\r\n      {label}\r\n    </Button>\r\n  );\r\n}\r\n","// components/Navigation.tsx\r\nimport type { ReactNode } from \"react\";\r\n\r\ninterface NavigationProps {\r\n  title?: ReactNode;\r\n  children: ReactNode;\r\n  isOpen: boolean;\r\n  onClose: () => void;\r\n}\r\n\r\nexport function Navigation({\r\n  title = \"Navigation\",\r\n  children,\r\n  isOpen,\r\n  onClose,\r\n}: NavigationProps) {\r\n  return (\r\n    <>\r\n      {/* Desktop sidebar */}\r\n      <nav className=\"col-auto p-3 h-100 d-none d-md-flex flex-column\">\r\n        <h6 className=\"text-muted text-uppercase\">{title}</h6>\r\n\r\n        <ul className=\"nav nav-pills flex-column gap-2 mt-3\">\r\n          {children}\r\n        </ul>\r\n      </nav>\r\n\r\n      {/* Mobile drawer */}\r\n      <div\r\n        className={`offcanvas offcanvas-start d-md-none ${isOpen ? \"show\" : \"\"}`}\r\n        style={{ visibility: isOpen ? \"visible\" : \"hidden\" }}\r\n        tabIndex={-1}\r\n        aria-hidden={isOpen ? \"false\" : \"true\"}\r\n      >\r\n        <div className=\"offcanvas-header\">\r\n          <h5 className=\"offcanvas-title\">{title}</h5>\r\n          <button className=\"btn-close\" onClick={onClose} />\r\n        </div>\r\n\r\n        <div className=\"offcanvas-body\">\r\n          <ul className=\"nav nav-pills flex-column gap-2 mt-2\">\r\n            {children}\r\n          </ul>\r\n        </div>\r\n      </div>\r\n\r\n      {/* Backdrop */}\r\n      {isOpen && (\r\n        <div\r\n          className=\"offcanvas-backdrop fade show d-md-none\"\r\n          onClick={onClose}\r\n        />\r\n      )}\r\n    </>\r\n  );\r\n}\r\n","import type { ReactNode } from \"react\";\r\n\r\ninterface NavigationItemProps {\r\n  icon: ReactNode;\r\n  title: ReactNode;\r\n  type: string;\r\n  active?: boolean;\r\n  onClick?: (type: string) => void;\r\n}\r\n\r\nexport function NavigationItem({icon, title, type, active, onClick }: NavigationItemProps) {\r\n  return (\r\n    <li className=\"nav-item\">\r\n      <button\r\n        type=\"button\"\r\n        className={`nav-link text-start w-100 ${active ? \"active\" : \"\"}`}\r\n        onClick={() => onClick?.(type)}\r\n      >\r\n        {icon} {title}\r\n      </button>\r\n    </li>\r\n  );\r\n}\r\n","// components/NavToggleButton.tsx\r\nimport React from \"react\";\r\nimport { Button } from \"../Button\";\r\n\r\ninterface NavToggleButtonProps {\r\n  onClick: () => void;\r\n  label?: string;\r\n  color?: \"primary\" | \"secondary\" | \"success\" | \"danger\" | \"warning\" | \"info\" | \"light\" | \"dark\";\r\n}\r\n\r\nexport const NavToggleButton: React.FC<NavToggleButtonProps> = ({\r\n  onClick,\r\n  color = \"dark\",\r\n}) => {\r\n  return (\r\n    <div className=\"ms-auto pe-2 d-md-none\">\r\n      <Button\r\n        variant={color}\r\n        buttonClassName=\"btn btn-secondary\"\r\n        onClick={() => onClick()}\r\n      >\r\n        ☰\r\n      </Button>\r\n    </div>\r\n  );\r\n};\r\n","import { useEffect } from \"react\";\r\n\r\nexport type NotificationType = \"success\" | \"info\" | \"warning\" | \"danger\";\r\n\r\nexport interface Notification {\r\n  id: string;\r\n  message: string;\r\n  type?: NotificationType;\r\n  autoCloseMs?: number;\r\n}\r\n\r\ninterface NotificationsProps {\r\n  notifications: Notification[];\r\n  onClose: (id: string) => void;\r\n}\r\n\r\nexport function Notifications({ notifications, onClose }: NotificationsProps) {\r\n  useEffect(() => {\r\n    notifications.forEach((n) => {\r\n      if (!n.autoCloseMs) return;\r\n\r\n      const timer = setTimeout(() => onClose(n.id), n.autoCloseMs);\r\n      return () => clearTimeout(timer);\r\n    });\r\n  }, [notifications, onClose]);\r\n\r\n  return (\r\n    <div\r\n      className=\"position-fixed top-0 end-0\"\r\n      style={{ zIndex: 1080, width: 340 }}\r\n    >\r\n      {notifications.map((n) => (\r\n        <div\r\n          key={n.id}\r\n          className={`alert alert-${n.type ?? \"info\"} alert-dismissible fade show shadow-sm mb-2`}\r\n          role=\"alert\"\r\n        >\r\n          {n.message}\r\n\r\n          <button\r\n            type=\"button\"\r\n            className=\"btn-close\"\r\n            aria-label=\"Close\"\r\n            onClick={() => onClose(n.id)}\r\n          />\r\n        </div>\r\n      ))}\r\n    </div>\r\n  );\r\n}\r\n","import {\r\n  createContext,\r\n  useCallback,\r\n  useContext,\r\n  useEffect,\r\n  useState,\r\n  type ReactNode,\r\n} from \"react\";\r\nimport type { NotificationType } from \"./Notifications\";\r\n\r\n// Rename to avoid conflict with browser Notification type\r\nexport interface AppNotification {\r\n  id: string;\r\n  message: string;\r\n  type?: NotificationType;\r\n  autoCloseMs?: number;\r\n}\r\n\r\ninterface NotificationsContextValue {\r\n  push: (message: string, type?: NotificationType, autoCloseMs?: number) => void;\r\n}\r\n\r\nconst NotificationsContext = createContext<NotificationsContextValue | undefined>(\r\n  undefined\r\n);\r\n\r\ninterface NotificationsProviderProps {\r\n  children: ReactNode;\r\n}\r\n\r\nexport function NotificationsProvider({ children }: NotificationsProviderProps) {\r\n  const [notifications, setNotifications] = useState<AppNotification[]>([]);\r\n\r\n  const push = useCallback(\r\n    (message: string, type: NotificationType = \"info\", autoCloseMs = 4000) => {\r\n      setNotifications((prev) => [\r\n        ...prev,\r\n        {\r\n          id: crypto.randomUUID(),\r\n          message,\r\n          type,\r\n          autoCloseMs,\r\n        },\r\n      ]);\r\n    },\r\n    []\r\n  );\r\n\r\n  const close = useCallback((id: string) => {\r\n    setNotifications((list) => list.filter((n) => n.id !== id));\r\n  }, []);\r\n\r\n  // Handle auto close timers\r\n  useEffect(() => {\r\n    const timers = notifications.map((n) => {\r\n      if (!n.autoCloseMs) return null;\r\n      return setTimeout(() => close(n.id), n.autoCloseMs);\r\n    });\r\n\r\n    return () => {\r\n      timers.forEach((t) => t && clearTimeout(t));\r\n    };\r\n  }, [notifications, close]);\r\n\r\n  return (\r\n    <NotificationsContext.Provider value={{ push }}>\r\n      {/* overlay renderer */}\r\n      <div\r\n        className=\"position-fixed top-0 end-0\"\r\n        style={{ zIndex: 1080, width: 340 }}\r\n      >\r\n        {notifications.map((n) => (\r\n          <div\r\n            key={n.id}\r\n            className={`alert alert-${n.type ?? \"info\"} alert-dismissible fade show shadow-sm mb-2`}\r\n            role=\"alert\"\r\n          >\r\n            {n.message}\r\n            <button\r\n              type=\"button\"\r\n              className=\"btn-close\"\r\n              aria-label=\"Close\"\r\n              onClick={() => close(n.id)}\r\n            />\r\n          </div>\r\n        ))}\r\n      </div>\r\n\r\n      {children}\r\n    </NotificationsContext.Provider>\r\n  );\r\n}\r\n\r\nexport function UseNotifications(): NotificationsContextValue {\r\n  const ctx = useContext(NotificationsContext);\r\n  if (!ctx) {\r\n    throw new Error(\"useNotifications must be used within a NotificationsProvider\");\r\n  }\r\n  return ctx;\r\n}\r\n","// ./views/AppsView.tsx (or ./components/AppsView.tsx)\r\nimport React from \"react\";\r\nimport type { AppItem } from \"../../models/AppItem\";\r\nimport { AppTile } from \"../AppTile\";\r\n\r\ninterface AppsViewProps {\r\n  apps: AppItem[];\r\n  title?: string;\r\n  onAppClick?: (app: AppItem) => void;\r\n}\r\n\r\nexport const AppsView: React.FC<AppsViewProps> = ({ apps, title, onAppClick }) => {\r\n  return (\r\n    <>\r\n      {title && <h5 className=\"mb-3\">{title}</h5>}\r\n\r\n      <div className=\"row justify-content-center justify-content-md-start\">\r\n        {apps.map((app) => (\r\n          <AppTile key={app.id} app={app} onClick={onAppClick} />\r\n        ))}\r\n      </div>\r\n    </>\r\n  );\r\n};\r\n","export function ContentContainer({ children }: React.PropsWithChildren) {\r\n  return <div className=\"container-fluid flex-grow-1 container-lg\">{children}</div>;\r\n}\r\n","export function ContentRow({ children }: React.PropsWithChildren) {\r\n  return <div className=\"row h-100 flex-nowrap\">{children}</div>;\r\n}\r\n","\r\nexport function LayoutWrapper({ children }: React.PropsWithChildren) {\r\n  return (\r\n\r\n      <div className=\"d-flex flex-column min-vh-100\">{children}</div>\r\n  );\r\n}\r\n","// components/Modal.tsx\r\nimport React from \"react\";\r\n\r\nexport interface ModalProps {\r\n  title?: string;\r\n  isOpen: boolean;\r\n  onClose: () => void;\r\n  onConfirm?: () => void;\r\n  confirmText?: string;\r\n\r\n  disableBackdropClose?: boolean;\r\n  disableAllButtons?: boolean;\r\n\r\n  showHeaderClose?: boolean;\r\n  showCloseButton?: boolean;\r\n  showConfirmButton?: boolean;\r\n\r\n  children?: React.ReactNode;\r\n}\r\n\r\nexport const Modal: React.FC<ModalProps> = ({\r\n  title,\r\n  isOpen,\r\n  onClose,\r\n  onConfirm,\r\n  confirmText = \"OK\",\r\n\r\n  disableBackdropClose = false,\r\n  disableAllButtons = false,\r\n\r\n  showHeaderClose = true,\r\n  showCloseButton = true,\r\n  showConfirmButton = true,\r\n\r\n  children,\r\n}) => {\r\n  if (!isOpen) return null;\r\n\r\n  const handleBackdropClick = () => {\r\n    if (disableBackdropClose || disableAllButtons) return;\r\n    onClose();\r\n  };\r\n\r\n  const handleContentClick: React.MouseEventHandler<HTMLDivElement> = (e) => {\r\n    e.stopPropagation();\r\n  };\r\n\r\n  // 👇 NEW: decide if footer should exist at all\r\n  const hasFooterButtons =\r\n    (showCloseButton || (onConfirm && showConfirmButton)) &&\r\n    !disableAllButtons;\r\n\r\n  return (\r\n    <>\r\n      <div\r\n        className=\"modal-backdrop fade show\"\r\n        style={{ zIndex: 1040 }}\r\n        onClick={handleBackdropClick}\r\n      />\r\n\r\n      <div\r\n        className=\"modal fade show d-block\"\r\n        tabIndex={-1}\r\n        role=\"dialog\"\r\n        style={{ zIndex: 1050 }}\r\n        onClick={handleBackdropClick}\r\n      >\r\n        <div\r\n          className=\"modal-dialog modal-dialog-centered\"\r\n          role=\"document\"\r\n          onClick={handleContentClick}\r\n        >\r\n          <div className=\"modal-content shadow\">\r\n            {/* Header */}\r\n            <div className=\"modal-header\">\r\n              {title && <h5 className=\"modal-title\">{title}</h5>}\r\n\r\n              {showHeaderClose && (\r\n                <button\r\n                  type=\"button\"\r\n                  className=\"btn-close\"\r\n                  aria-label=\"Close\"\r\n                  onClick={onClose}\r\n                  disabled={disableAllButtons}\r\n                />\r\n              )}\r\n            </div>\r\n\r\n            {/* Body */}\r\n            <div className=\"modal-body\">{children}</div>\r\n\r\n            {/* Footer — only if buttons are visible */}\r\n            {hasFooterButtons && (\r\n              <div className=\"modal-footer\">\r\n                {showCloseButton && (\r\n                  <button\r\n                    type=\"button\"\r\n                    className=\"btn btn-secondary\"\r\n                    onClick={onClose}\r\n                    disabled={disableAllButtons}\r\n                  >\r\n                    Close\r\n                  </button>\r\n                )}\r\n\r\n                {onConfirm && showConfirmButton && (\r\n                  <button\r\n                    type=\"button\"\r\n                    className=\"btn btn-primary\"\r\n                    onClick={onConfirm}\r\n                    disabled={disableAllButtons}\r\n                  >\r\n                    {confirmText}\r\n                  </button>\r\n                )}\r\n              </div>\r\n            )}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </>\r\n  );\r\n};\r\n","import {\r\n  createContext,\r\n  useCallback,\r\n  useContext,\r\n  useState,\r\n  type ReactNode,\r\n} from \"react\";\r\nimport { Modal } from \"./Modal\";\r\n\r\nexport interface ModalOptions {\r\n  title?: string;\r\n  confirmText?: string;\r\n  disableBackdropClose?: boolean;\r\n  onConfirm?: () => void;\r\n\r\n  /** extra control flags matching Modal.tsx */\r\n  disableAllButtons?: boolean;\r\n  showHeaderClose?: boolean;\r\n  showCloseButton?: boolean;\r\n  showConfirmButton?: boolean;\r\n}\r\n\r\ninterface ModalContextValue {\r\n  openModal: (content: ReactNode, options?: ModalOptions) => void;\r\n  closeModal: () => void;\r\n}\r\n\r\nconst ModalContext = createContext<ModalContextValue | undefined>(undefined);\r\n\r\nexport function ModalProvider({ children }: { children: ReactNode }) {\r\n  const [isOpen, setIsOpen] = useState(false);\r\n  const [content, setContent] = useState<ReactNode>(null);\r\n  const [options, setOptions] = useState<ModalOptions>({});\r\n\r\n  const openModal = useCallback((content: ReactNode, options?: ModalOptions) => {\r\n    setContent(content);\r\n    setOptions(options ?? {});\r\n    setIsOpen(true);\r\n  }, []);\r\n\r\n  const closeModal = useCallback(() => {\r\n    setIsOpen(false);\r\n  }, []);\r\n\r\n  return (\r\n    <ModalContext.Provider value={{ openModal, closeModal }}>\r\n      {children}\r\n\r\n      <Modal\r\n        isOpen={isOpen}\r\n        title={options.title}\r\n        confirmText={options.confirmText}\r\n        disableBackdropClose={options.disableBackdropClose}\r\n        disableAllButtons={options.disableAllButtons}\r\n        showHeaderClose={options.showHeaderClose}\r\n        showCloseButton={options.showCloseButton}\r\n        showConfirmButton={options.showConfirmButton}\r\n        onClose={closeModal}\r\n        onConfirm={options.onConfirm}\r\n      >\r\n        {content}\r\n      </Modal>\r\n    </ModalContext.Provider>\r\n  );\r\n}\r\n\r\nexport function UseModal() {\r\n  const ctx = useContext(ModalContext);\r\n  if (!ctx) throw new Error(\"UseModal must be used within ModalProvider\");\r\n  return ctx;\r\n}\r\n"],"mappings":";AAwCI,SACY,KADZ;AAlBG,IAAM,QAA8B,CAAC;AAAA,EAC1C,UAAU;AAAA,EACV;AAAA,EACA,cAAc;AAAA,EACd,YAAY;AAAA,EACZ;AAAA,EACA;AACF,MAAM;AACJ,QAAM,UAAU;AAAA,IACd;AAAA,IACA,SAAS,OAAO;AAAA,IAChB,cAAc,gCAAgC;AAAA,IAC9C;AAAA,EACF,EACG,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,qBAAC,SAAI,MAAK,SAAQ,WAAW,SAC1B;AAAA,aAAS,oBAAC,YAAO,WAAU,gBAAgB,iBAAM;AAAA,IACjD;AAAA,IAEA,eACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,cAAW;AAAA,QACX,SAAS;AAAA;AAAA,IACX;AAAA,KAEJ;AAEJ;;;ACrCU,gBAAAA,MAKgB,QAAAC,aALhB;AATH,IAAM,UAAkC,CAAC,EAAE,KAAK,QAAQ,MAAM;AACnE,SACE,gBAAAD,KAAC,SAAI,WAAU,YACb,0BAAAC;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAU;AAAA,MACV,SAAS,MAAM,UAAU,GAAG;AAAA,MAE5B;AAAA,wBAAAD,KAAC,SAAI,WAAU,uEACb,0BAAAA,KAAC,UAAK,OAAO,EAAC,UAAS,OAAM,GAAI,cAAI,MAAK,GAC5C;AAAA,QAEA,gBAAAC,MAAC,UAAK,WAAU,6BACb;AAAA,cAAI;AAAA,UACJ,IAAI,WAAW,gBAAAA,MAAC,WAAM,WAAU,mBAAkB;AAAA;AAAA,YAAE,IAAI;AAAA,aAAQ;AAAA,WACnE;AAAA;AAAA;AAAA,EACF,GACF;AAEJ;;;ACdQ,SAEgB,OAAAC,MAFhB,QAAAC,aAAA;AAJD,SAAS,KAAK,EAAE,MAAM,OAAO,aAAa,SAAS,GAAc;AACtE,SAEI,gBAAAA,MAAC,UAAK,WAAU,WACd;AAAA,oBAAAA,MAAC,QAAI;AAAA;AAAA,MAAK;AAAA,MAAE;AAAA,OAAM;AAAA,IAEjB,eAAe,gBAAAD,KAAC,OAAG,uBAAY;AAAA,IAC/B;AAAA,KACH;AAEN;;;ACnBA,SAAS,gBAAiD;AAgGhD,mBAEI,OAAAE,MAFJ,QAAAC,aAAA;AA5DH,SAAS,OAAO;AAAA,EACrB,kBAAkB;AAAA,EAClB,OAAO;AAAA,EACP,WAAW;AAAA,EAEX;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA,WAAW;AAAA,EAEX;AAAA,EACA;AAAA,EACA;AAAA,EAEA,cAAc;AAAA,EACd,cAAc;AAChB,GAAgB;AACd,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAE5C,QAAM,cAAc,OAAO,UAAyC;AAClE,QAAI,QAAS;AAEb,cAAU,KAAK;AACf,QAAI,MAAM,iBAAkB;AAC5B,QAAI,CAAC,SAAU;AAEf,QAAI;AACF,iBAAW,IAAI;AACf,YAAM,SAAS,MAAM,SAAS;AAC9B,eAAS,MAAM;AAAA,IACjB,SAAS,OAAO;AACd,gBAAU,KAAK;AAAA,IACjB,UAAE;AACA,iBAAW,KAAK;AAChB,kBAAY;AAAA,IACd;AAAA,EACF;AAKA,QAAM,YAAY,UACd,WAAW,OAAO,KAClB;AAEJ,SACE,gBAAAD;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,GAAG,SAAS,IAAI,UAAU,uBAAuB,EAAE;AAAA,MAC9D,SAAS;AAAA,MACT,UAAU,YAAY;AAAA,MAErB,oBACC,gBAAgB,KAChB,mBACE,gBAAAC,MAAA,YACG;AAAA,uBACC,gBAAAD;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,MAAK;AAAA,YACL,eAAY;AAAA;AAAA,QACd;AAAA,QAED;AAAA,SACH,IAGF,gBAAgB,KAAK;AAAA;AAAA,EAEzB;AAEJ;;;ACxGI,gBAAAE,YAAA;AAFG,SAAS,OAAO,EAAE,SAAS,GAAgB;AAChD,SACE,gBAAAA,KAAC,YAAO,WAAU,+CACf,sBAAY,kDACf;AAEJ;;;ACFQ,gBAAAC,YAAA;AAJD,SAAS,OAAO,EAAE,SAAS,GAAgB;AAChD,SACE,gBAAAA,KAAC,SAAI,WAAU,8CACZ,sBACC,gBAAAA,KAAC,UAAK,WAAU,wBAAuB,wBAAU,GAErD;AAEJ;;;ACNI,gBAAAC,YAAA;AAFG,SAAS,WAAW,EAAE,SAAS,GAAqB;AACzD,SACE,gBAAAA,KAAC,UAAK,WAAU,wBACb,UACH;AAEJ;;;ACGI,gBAAAC,YAAA;AALG,IAAM,YAAsC,CAAC;AAAA,EAClD;AAAA,EACA;AACF,MAAM;AACJ,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX,OAAO;AAAA,QACL,SAAS;AAAA,QACT,WAAW;AAAA,MACb;AAAA;AAAA,EACF;AAEJ;;;ACTM,gBAAAC,YAAA;AAPC,SAAS,SAAS,EAAE,aAAa,cAAc,YAAY,QAAQ,SAAS,SAAS,GAAG,GAAkB;AAC/G,QAAM,eAAe,mBAAmB,YAAY;AACpD,QAAM,WAAW,gCAAgC,WAAW,mBAAmB,YAAY,UAAU,KAAK;AAC1G,QAAM,SAAS;AAEf,SACE,gBAAAA,KAAC,OAAE,MAAM,QAAQ,QAAO,UAAS,KAAI,uBACnC,0BAAAA,KAAC,SAAI,KAAK,UAAU,KAAK,GAAG,WAAW,YAAY,OAAO,EAAE,OAAO,GAAG,GACxE;AAEJ;;;AClBA,SAAS,WAAW,YAAAC,iBAAgB;AA8ChC,gBAAAC,aAAA;AAzCJ,IAAM,cAAc;AAEpB,SAAS,WAAW,OAAc;AAGhC,WAAS,gBAAgB,aAAa,iBAAiB,KAAK;AAC9D;AAEO,SAAS,oBAAoB;AAClC,QAAM,CAAC,OAAO,QAAQ,IAAIC,UAAgB,OAAO;AAGjD,YAAU,MAAM;AACd,UAAM,SAAS,aAAa,QAAQ,WAAW;AAE/C,QAAI,WAAW,WAAW,WAAW,QAAQ;AAC3C,eAAS,MAAM;AACf,iBAAW,MAAM;AACjB;AAAA,IACF;AAGA,UAAM,cAAc,OAAO,aAAa,8BAA8B,EAAE,WAAW;AAEnF,UAAM,eAAsB,cAAc,SAAS;AACnD,aAAS,YAAY;AACrB,eAAW,YAAY;AAAA,EACzB,GAAG,CAAC,CAAC;AAEL,QAAM,eAAe,MAAM;AACzB,UAAM,OAAc,UAAU,UAAU,SAAS;AACjD,aAAS,IAAI;AACb,eAAW,IAAI;AACf,iBAAa,QAAQ,aAAa,IAAI;AAAA,EACxC;AAGA,QAAM,UAAyB,UAAU,UAAU,SAAS;AAC5D,QAAM,QAAQ,UAAU,UAAU,wBAAiB;AAEnD,SACE,gBAAAD,MAAC,UAAO,SAAkB,SAAS,cAChC,iBACH;AAEJ;;;AClCI,qBAAAE,WAGI,OAAAC,OADF,QAAAC,aAFF;AAPG,SAAS,WAAW;AAAA,EACzB,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AACF,GAAoB;AAClB,SACE,gBAAAA,MAAAF,WAAA,EAEE;AAAA,oBAAAE,MAAC,SAAI,WAAU,mDACb;AAAA,sBAAAD,MAAC,QAAG,WAAU,6BAA6B,iBAAM;AAAA,MAEjD,gBAAAA,MAAC,QAAG,WAAU,wCACX,UACH;AAAA,OACF;AAAA,IAGA,gBAAAC;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,uCAAuC,SAAS,SAAS,EAAE;AAAA,QACtE,OAAO,EAAE,YAAY,SAAS,YAAY,SAAS;AAAA,QACnD,UAAU;AAAA,QACV,eAAa,SAAS,UAAU;AAAA,QAEhC;AAAA,0BAAAA,MAAC,SAAI,WAAU,oBACb;AAAA,4BAAAD,MAAC,QAAG,WAAU,mBAAmB,iBAAM;AAAA,YACvC,gBAAAA,MAAC,YAAO,WAAU,aAAY,SAAS,SAAS;AAAA,aAClD;AAAA,UAEA,gBAAAA,MAAC,SAAI,WAAU,kBACb,0BAAAA,MAAC,QAAG,WAAU,wCACX,UACH,GACF;AAAA;AAAA;AAAA,IACF;AAAA,IAGC,UACC,gBAAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,SAAS;AAAA;AAAA,IACX;AAAA,KAEJ;AAEJ;;;AC3CI,gBAAAE,OACE,QAAAC,aADF;AAFG,SAAS,eAAe,EAAC,MAAM,OAAO,MAAM,QAAQ,QAAQ,GAAwB;AACzF,SACE,gBAAAD,MAAC,QAAG,WAAU,YACZ,0BAAAC;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAW,6BAA6B,SAAS,WAAW,EAAE;AAAA,MAC9D,SAAS,MAAM,UAAU,IAAI;AAAA,MAE5B;AAAA;AAAA,QAAK;AAAA,QAAE;AAAA;AAAA;AAAA,EACV,GACF;AAEJ;;;ACNM,gBAAAC,aAAA;AANC,IAAM,kBAAkD,CAAC;AAAA,EAC9D;AAAA,EACA,QAAQ;AACV,MAAM;AACJ,SACE,gBAAAA,MAAC,SAAI,WAAU,0BACb,0BAAAA;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT,iBAAgB;AAAA,MAChB,SAAS,MAAM,QAAQ;AAAA,MACxB;AAAA;AAAA,EAED,GACF;AAEJ;;;ACzBA,SAAS,aAAAC,kBAAiB;AAgClB,SAOE,OAAAC,OAPF,QAAAC,aAAA;AAhBD,SAAS,cAAc,EAAE,eAAe,QAAQ,GAAuB;AAC5E,EAAAF,WAAU,MAAM;AACd,kBAAc,QAAQ,CAAC,MAAM;AAC3B,UAAI,CAAC,EAAE,YAAa;AAEpB,YAAM,QAAQ,WAAW,MAAM,QAAQ,EAAE,EAAE,GAAG,EAAE,WAAW;AAC3D,aAAO,MAAM,aAAa,KAAK;AAAA,IACjC,CAAC;AAAA,EACH,GAAG,CAAC,eAAe,OAAO,CAAC;AAE3B,SACE,gBAAAC;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO,EAAE,QAAQ,MAAM,OAAO,IAAI;AAAA,MAEjC,wBAAc,IAAI,CAAC,MAClB,gBAAAC;AAAA,QAAC;AAAA;AAAA,UAEC,WAAW,eAAe,EAAE,QAAQ,MAAM;AAAA,UAC1C,MAAK;AAAA,UAEJ;AAAA,cAAE;AAAA,YAEH,gBAAAD;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,WAAU;AAAA,gBACV,cAAW;AAAA,gBACX,SAAS,MAAM,QAAQ,EAAE,EAAE;AAAA;AAAA,YAC7B;AAAA;AAAA;AAAA,QAXK,EAAE;AAAA,MAYT,CACD;AAAA;AAAA,EACH;AAEJ;;;ACjDA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAAE;AAAA,EACA,YAAAC;AAAA,OAEK;AAiEG,SAME,OAAAC,OANF,QAAAC,aAAA;AAlDV,IAAM,uBAAuB;AAAA,EAC3B;AACF;AAMO,SAAS,sBAAsB,EAAE,SAAS,GAA+B;AAC9E,QAAM,CAAC,eAAe,gBAAgB,IAAIF,UAA4B,CAAC,CAAC;AAExE,QAAM,OAAO;AAAA,IACX,CAAC,SAAiB,OAAyB,QAAQ,cAAc,QAAS;AACxE,uBAAiB,CAAC,SAAS;AAAA,QACzB,GAAG;AAAA,QACH;AAAA,UACE,IAAI,OAAO,WAAW;AAAA,UACtB;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IACA,CAAC;AAAA,EACH;AAEA,QAAM,QAAQ,YAAY,CAAC,OAAe;AACxC,qBAAiB,CAAC,SAAS,KAAK,OAAO,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC;AAAA,EAC5D,GAAG,CAAC,CAAC;AAGL,EAAAD,WAAU,MAAM;AACd,UAAM,SAAS,cAAc,IAAI,CAAC,MAAM;AACtC,UAAI,CAAC,EAAE,YAAa,QAAO;AAC3B,aAAO,WAAW,MAAM,MAAM,EAAE,EAAE,GAAG,EAAE,WAAW;AAAA,IACpD,CAAC;AAED,WAAO,MAAM;AACX,aAAO,QAAQ,CAAC,MAAM,KAAK,aAAa,CAAC,CAAC;AAAA,IAC5C;AAAA,EACF,GAAG,CAAC,eAAe,KAAK,CAAC;AAEzB,SACE,gBAAAG,MAAC,qBAAqB,UAArB,EAA8B,OAAO,EAAE,KAAK,GAE3C;AAAA,oBAAAD;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO,EAAE,QAAQ,MAAM,OAAO,IAAI;AAAA,QAEjC,wBAAc,IAAI,CAAC,MAClB,gBAAAC;AAAA,UAAC;AAAA;AAAA,YAEC,WAAW,eAAe,EAAE,QAAQ,MAAM;AAAA,YAC1C,MAAK;AAAA,YAEJ;AAAA,gBAAE;AAAA,cACH,gBAAAD;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAK;AAAA,kBACL,WAAU;AAAA,kBACV,cAAW;AAAA,kBACX,SAAS,MAAM,MAAM,EAAE,EAAE;AAAA;AAAA,cAC3B;AAAA;AAAA;AAAA,UAVK,EAAE;AAAA,QAWT,CACD;AAAA;AAAA,IACH;AAAA,IAEC;AAAA,KACH;AAEJ;AAEO,SAAS,mBAA8C;AAC5D,QAAM,MAAM,WAAW,oBAAoB;AAC3C,MAAI,CAAC,KAAK;AACR,UAAM,IAAI,MAAM,8DAA8D;AAAA,EAChF;AACA,SAAO;AACT;;;ACtFI,qBAAAE,WACY,OAAAC,OADZ,QAAAC,aAAA;AAFG,IAAM,WAAoC,CAAC,EAAE,MAAM,OAAO,WAAW,MAAM;AAChF,SACE,gBAAAA,MAAAF,WAAA,EACG;AAAA,aAAS,gBAAAC,MAAC,QAAG,WAAU,QAAQ,iBAAM;AAAA,IAEtC,gBAAAA,MAAC,SAAI,WAAU,uDACZ,eAAK,IAAI,CAAC,QACT,gBAAAA,MAAC,WAAqB,KAAU,SAAS,cAA3B,IAAI,EAAmC,CACtD,GACH;AAAA,KACF;AAEJ;;;ACtBS,gBAAAE,aAAA;AADF,SAAS,iBAAiB,EAAE,SAAS,GAA4B;AACtE,SAAO,gBAAAA,MAAC,SAAI,WAAU,4CAA4C,UAAS;AAC7E;;;ACDS,gBAAAC,aAAA;AADF,SAAS,WAAW,EAAE,SAAS,GAA4B;AAChE,SAAO,gBAAAA,MAAC,SAAI,WAAU,yBAAyB,UAAS;AAC1D;;;ACEM,gBAAAC,aAAA;AAHC,SAAS,cAAc,EAAE,SAAS,GAA4B;AACnE,SAEI,gBAAAA,MAAC,SAAI,WAAU,iCAAiC,UAAS;AAE/D;;;AC+CI,qBAAAC,WACE,OAAAC,OAoBM,QAAAC,cArBR;AAjCG,IAAM,QAA8B,CAAC;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EAEd,uBAAuB;AAAA,EACvB,oBAAoB;AAAA,EAEpB,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,oBAAoB;AAAA,EAEpB;AACF,MAAM;AACJ,MAAI,CAAC,OAAQ,QAAO;AAEpB,QAAM,sBAAsB,MAAM;AAChC,QAAI,wBAAwB,kBAAmB;AAC/C,YAAQ;AAAA,EACV;AAEA,QAAM,qBAA8D,CAAC,MAAM;AACzE,MAAE,gBAAgB;AAAA,EACpB;AAGA,QAAM,oBACH,mBAAoB,aAAa,sBAClC,CAAC;AAEH,SACE,gBAAAA,OAAAF,WAAA,EACE;AAAA,oBAAAC;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO,EAAE,QAAQ,KAAK;AAAA,QACtB,SAAS;AAAA;AAAA,IACX;AAAA,IAEA,gBAAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,UAAU;AAAA,QACV,MAAK;AAAA,QACL,OAAO,EAAE,QAAQ,KAAK;AAAA,QACtB,SAAS;AAAA,QAET,0BAAAA;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,MAAK;AAAA,YACL,SAAS;AAAA,YAET,0BAAAC,OAAC,SAAI,WAAU,wBAEb;AAAA,8BAAAA,OAAC,SAAI,WAAU,gBACZ;AAAA,yBAAS,gBAAAD,MAAC,QAAG,WAAU,eAAe,iBAAM;AAAA,gBAE5C,mBACC,gBAAAA;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAK;AAAA,oBACL,WAAU;AAAA,oBACV,cAAW;AAAA,oBACX,SAAS;AAAA,oBACT,UAAU;AAAA;AAAA,gBACZ;AAAA,iBAEJ;AAAA,cAGA,gBAAAA,MAAC,SAAI,WAAU,cAAc,UAAS;AAAA,cAGrC,oBACC,gBAAAC,OAAC,SAAI,WAAU,gBACZ;AAAA,mCACC,gBAAAD;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAK;AAAA,oBACL,WAAU;AAAA,oBACV,SAAS;AAAA,oBACT,UAAU;AAAA,oBACX;AAAA;AAAA,gBAED;AAAA,gBAGD,aAAa,qBACZ,gBAAAA;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAK;AAAA,oBACL,WAAU;AAAA,oBACV,SAAS;AAAA,oBACT,UAAU;AAAA,oBAET;AAAA;AAAA,gBACH;AAAA,iBAEJ;AAAA,eAEJ;AAAA;AAAA,QACF;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;;;AC1HA;AAAA,EACE,iBAAAE;AAAA,EACA,eAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,OAEK;AAuCH,SAGE,OAAAC,OAHF,QAAAC,cAAA;AAlBJ,IAAM,eAAeC,eAA6C,MAAS;AAEpE,SAAS,cAAc,EAAE,SAAS,GAA4B;AACnE,QAAM,CAAC,QAAQ,SAAS,IAAIC,UAAS,KAAK;AAC1C,QAAM,CAAC,SAAS,UAAU,IAAIA,UAAoB,IAAI;AACtD,QAAM,CAAC,SAAS,UAAU,IAAIA,UAAuB,CAAC,CAAC;AAEvD,QAAM,YAAYC,aAAY,CAACC,UAAoBC,aAA2B;AAC5E,eAAWD,QAAO;AAClB,eAAWC,YAAW,CAAC,CAAC;AACxB,cAAU,IAAI;AAAA,EAChB,GAAG,CAAC,CAAC;AAEL,QAAM,aAAaF,aAAY,MAAM;AACnC,cAAU,KAAK;AAAA,EACjB,GAAG,CAAC,CAAC;AAEL,SACE,gBAAAH,OAAC,aAAa,UAAb,EAAsB,OAAO,EAAE,WAAW,WAAW,GACnD;AAAA;AAAA,IAED,gBAAAD;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,OAAO,QAAQ;AAAA,QACf,aAAa,QAAQ;AAAA,QACrB,sBAAsB,QAAQ;AAAA,QAC9B,mBAAmB,QAAQ;AAAA,QAC3B,iBAAiB,QAAQ;AAAA,QACzB,iBAAiB,QAAQ;AAAA,QACzB,mBAAmB,QAAQ;AAAA,QAC3B,SAAS;AAAA,QACT,WAAW,QAAQ;AAAA,QAElB;AAAA;AAAA,IACH;AAAA,KACF;AAEJ;AAEO,SAAS,WAAW;AACzB,QAAM,MAAMO,YAAW,YAAY;AACnC,MAAI,CAAC,IAAK,OAAM,IAAI,MAAM,4CAA4C;AACtE,SAAO;AACT;","names":["jsx","jsxs","jsx","jsxs","jsx","jsxs","jsx","jsx","jsx","jsx","jsx","useState","jsx","useState","Fragment","jsx","jsxs","jsx","jsxs","jsx","useEffect","jsx","jsxs","useEffect","useState","jsx","jsxs","Fragment","jsx","jsxs","jsx","jsx","jsx","Fragment","jsx","jsxs","createContext","useCallback","useContext","useState","jsx","jsxs","createContext","useState","useCallback","content","options","useContext"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sparkstudio/common-ui",
-  "version": "1.0.24",
+  "version": "1.0.26",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.js",