@sparkstudio/common-ui 1.0.14 → 1.0.15

package/dist/index.cjs

@@ -298,11 +298,15 @@ var Modal = ({
   onConfirm,
   confirmText = "OK",
   disableBackdropClose = false,
+  disableAllButtons = false,
+  showHeaderClose = true,
+  showCloseButton = true,
+  showConfirmButton = true,
   children
 }) => {
   if (!isOpen) return null;
   const handleBackdropClick = () => {
-    if (disableBackdropClose) return;
+    if (disableBackdropClose || disableAllButtons) return;
     onClose();
   };
   const handleContentClick = (e) => {
@@ -325,49 +329,44 @@ var Modal = ({
         role: "dialog",
         style: { zIndex: 1050 },
         onClick: handleBackdropClick,
-        children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-          "div",
-          {
-            className: "modal-dialog modal-dialog-centered",
-            role: "document",
-            onClick: handleContentClick,
-            children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "modal-content shadow", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "modal-header", children: [
-                title && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("h5", { className: "modal-title", children: title }),
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-                  "button",
-                  {
-                    type: "button",
-                    className: "btn-close",
-                    "aria-label": "Close",
-                    onClick: onClose
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "modal-body", children }),
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "modal-footer", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-                  "button",
-                  {
-                    type: "button",
-                    className: "btn btn-secondary",
-                    onClick: onClose,
-                    children: "Close"
-                  }
-                ),
-                onConfirm && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-                  "button",
-                  {
-                    type: "button",
-                    className: "btn btn-primary",
-                    onClick: onConfirm,
-                    children: confirmText
-                  }
-                )
-              ] })
-            ] })
-          }
-        )
+        children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "modal-dialog modal-dialog-centered", role: "document", onClick: handleContentClick, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "modal-content shadow", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "modal-header", children: [
+            title && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("h5", { className: "modal-title", children: title }),
+            showHeaderClose && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+              "button",
+              {
+                type: "button",
+                className: "btn-close",
+                "aria-label": "Close",
+                onClick: onClose,
+                disabled: disableAllButtons
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "modal-body", children }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "modal-footer", children: [
+            showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+              "button",
+              {
+                type: "button",
+                className: "btn btn-secondary",
+                onClick: onClose,
+                disabled: disableAllButtons,
+                children: "Close"
+              }
+            ),
+            onConfirm && showConfirmButton && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+              "button",
+              {
+                type: "button",
+                className: "btn btn-primary",
+                onClick: onConfirm,
+                disabled: disableAllButtons,
+                children: confirmText
+              }
+            )
+          ] })
+        ] }) })
       }
     )
   ] });

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/components/Body.tsx","../src/components/Button.tsx","../src/components/Footer.tsx","../src/components/Header.tsx","../src/components/HeaderText.tsx","../src/components/NpmBadge.tsx","../src/components/navigation/Navigation.tsx","../src/components/navigation/NavigationItem.tsx","../src/components/notifications/Notifications.tsx","../src/components/notifications/NotificationsProvider.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/Body\";\nexport * from \"./components/Button\";\nexport * from \"./components/Footer\";\nexport * from \"./components/Header\";\nexport * from \"./components/HeaderText\";\nexport * from \"./components/NpmBadge\";\nexport * from \"./components/navigation/Navigation\";\nexport * from \"./components/navigation/NavigationItem\";\nexport * from \"./components/notifications/Notifications\";\nexport * from \"./components/notifications/NotificationsProvider\";\nexport * from \"./components/wrappers/ContentContainer\";\nexport * from \"./components/wrappers/ContentRow\";\nexport * from \"./components/wrappers/LayoutWrapper\";\nexport * from \"./modal/Modal\";\nexport * from \"./modal/ModalProvider\";\n","import type { ReactNode } from \"react\";\r\n\r\ninterface BodyProps {\r\n  title: ReactNode;\r\n  description?: ReactNode;\r\n  children?: ReactNode;\r\n}\r\n\r\nexport function Body({ title, description, children }: BodyProps) {\r\n  return (\r\n\r\n      <main className=\"col p-4\">\r\n        <h2>{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 interface ButtonProps {\r\n  buttonClassName?: string;\r\n  type?: \"button\" | \"submit\" | \"reset\";\r\n  disabled?: boolean;\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 btn-lg\",\r\n  type = \"button\",\r\n  disabled = false,\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  return (\r\n    <button\r\n      type={type}\r\n      className={`${buttonClassName} ${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","// 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","import type { ReactNode } from \"react\";\r\n\r\ninterface NavigationProps {\r\n  title?: ReactNode;\r\n  children: ReactNode;\r\n}\r\n\r\nexport function Navigation({ title = \"Navigation\", children }: NavigationProps) {\r\n  return (\r\n    <nav className=\"col-auto p-3 h-100 d-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}\r\n","import type { ReactNode } from \"react\";\r\n\r\ninterface NavigationItemProps {\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({ 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        {title}\r\n      </button>\r\n    </li>\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 p-3\"\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 p-3\"\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","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 shown in the header */\r\n  title?: string;\r\n\r\n  /** Whether the modal is visible */\r\n  isOpen: boolean;\r\n\r\n  /** Called when the user clicks the X or the backdrop */\r\n  onClose: () => void;\r\n\r\n  /** Optional confirm button handler */\r\n  onConfirm?: () => void;\r\n\r\n  /** Text for the confirm button (if onConfirm is provided) */\r\n  confirmText?: string;\r\n\r\n  /** Optional: disable closing by clicking backdrop */\r\n  disableBackdropClose?: 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  disableBackdropClose = false,\r\n  children,\r\n}) => {\r\n  if (!isOpen) return null;\r\n\r\n  const handleBackdropClick = () => {\r\n    if (disableBackdropClose) return;\r\n    onClose();\r\n  };\r\n\r\n  const handleContentClick: React.MouseEventHandler<HTMLDivElement> = (e) => {\r\n    // Prevent clicks inside the dialog from closing it\r\n    e.stopPropagation();\r\n  };\r\n\r\n  return (\r\n    <>\r\n      {/* Backdrop */}\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      {/* Modal dialog */}\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              <button\r\n                type=\"button\"\r\n                className=\"btn-close\"\r\n                aria-label=\"Close\"\r\n                onClick={onClose}\r\n              />\r\n            </div>\r\n\r\n            {/* Body */}\r\n            <div className=\"modal-body\">{children}</div>\r\n\r\n            {/* Footer */}\r\n            <div className=\"modal-footer\">\r\n              <button\r\n                type=\"button\"\r\n                className=\"btn btn-secondary\"\r\n                onClick={onClose}\r\n              >\r\n                Close\r\n              </button>\r\n\r\n              {onConfirm && (\r\n                <button\r\n                  type=\"button\"\r\n                  className=\"btn btn-primary\"\r\n                  onClick={onConfirm}\r\n                >\r\n                  {confirmText}\r\n                </button>\r\n              )}\r\n            </div>\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\ninterface ModalOptions {\r\n  title?: string;\r\n  confirmText?: string;\r\n  disableBackdropClose?: boolean;\r\n  onConfirm?: () => void;\r\n}\r\n\r\ninterface ModalContextValue {\r\n  openModal: (\r\n    content: ReactNode,\r\n    options?: ModalOptions\r\n  ) => void;\r\n\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(\r\n    (content: ReactNode, options?: ModalOptions) => {\r\n      setContent(content);\r\n      setOptions(options ?? {});\r\n      setIsOpen(true);\r\n    },\r\n    []\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        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":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACWM;AAHC,SAAS,KAAK,EAAE,OAAO,aAAa,SAAS,GAAc;AAChE,SAEI,6CAAC,UAAK,WAAU,WACd;AAAA,gDAAC,QAAI,iBAAM;AAAA,IAEV,eAAe,4CAAC,OAAG,uBAAY;AAAA,IAC/B;AAAA,KACH;AAEN;;;AClBA,mBAA0D;AA0EhD,IAAAA,sBAAA;AAnDH,SAAS,OAAO;AAAA,EACrB,kBAAkB;AAAA,EAClB,OAAO;AAAA,EACP,WAAW;AAAA,EAEX;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,QAAI,uBAAS,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;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,GAAG,eAAe,IAAI,UAAU,uBAAuB,EAAE;AAAA,MACpE,SAAS;AAAA,MACT,UAAU,YAAY;AAAA,MAErB,oBACC,gBAAgB,KAChB,mBACE,8EACG;AAAA,uBACC;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;;;AClFI,IAAAC,sBAAA;AAFG,SAAS,OAAO,EAAE,SAAS,GAAgB;AAChD,SACE,6CAAC,YAAO,WAAU,+CACf,sBAAY,kDACf;AAEJ;;;ACFQ,IAAAC,sBAAA;AAJD,SAAS,OAAO,EAAE,SAAS,GAAgB;AAChD,SACE,6CAAC,SAAI,WAAU,8CACZ,sBACC,6CAAC,UAAK,WAAU,wBAAuB,wBAAU,GAErD;AAEJ;;;ACNI,IAAAC,sBAAA;AAFG,SAAS,WAAW,EAAE,SAAS,GAAqB;AACzD,SACE,6CAAC,UAAK,WAAU,wBACb,UACH;AAEJ;;;ACIM,IAAAC,sBAAA;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,6CAAC,OAAE,MAAM,QAAQ,QAAO,UAAS,KAAI,uBACnC,uDAAC,SAAI,KAAK,UAAU,KAAK,GAAG,WAAW,YAAY,OAAO,EAAE,OAAO,GAAG,GACxE;AAEJ;;;ACVI,IAAAC,sBAAA;AAFG,SAAS,WAAW,EAAE,QAAQ,cAAc,SAAS,GAAoB;AAC9E,SACE,8CAAC,SAAI,WAAU,yCACb;AAAA,iDAAC,QAAG,WAAU,6BAA6B,iBAAM;AAAA,IAEjD,6CAAC,QAAG,WAAU,wCACX,UACH;AAAA,KACF;AAEJ;;;ACLM,IAAAC,sBAAA;AAHC,SAAS,eAAe,EAAE,OAAO,MAAM,QAAQ,QAAQ,GAAwB;AACpF,SACE,6CAAC,QAAG,WAAU,YACZ;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAW,6BAA6B,SAAS,WAAW,EAAE;AAAA,MAC9D,SAAS,MAAM,UAAU,IAAI;AAAA,MAE5B;AAAA;AAAA,EACH,GACF;AAEJ;;;ACrBA,IAAAC,gBAA0B;AAgClB,IAAAC,sBAAA;AAhBD,SAAS,cAAc,EAAE,eAAe,QAAQ,GAAuB;AAC5E,+BAAU,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;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO,EAAE,QAAQ,MAAM,OAAO,IAAI;AAAA,MAEjC,wBAAc,IAAI,CAAC,MAClB;AAAA,QAAC;AAAA;AAAA,UAEC,WAAW,eAAe,EAAE,QAAQ,MAAM;AAAA,UAC1C,MAAK;AAAA,UAEJ;AAAA,cAAE;AAAA,YAEH;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,IAAAC,gBAOO;AAiEG,IAAAC,uBAAA;AAlDV,IAAM,2BAAuB;AAAA,EAC3B;AACF;AAMO,SAAS,sBAAsB,EAAE,SAAS,GAA+B;AAC9E,QAAM,CAAC,eAAe,gBAAgB,QAAI,wBAA4B,CAAC,CAAC;AAExE,QAAM,WAAO;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,YAAQ,2BAAY,CAAC,OAAe;AACxC,qBAAiB,CAAC,SAAS,KAAK,OAAO,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC;AAAA,EAC5D,GAAG,CAAC,CAAC;AAGL,+BAAU,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,+CAAC,qBAAqB,UAArB,EAA8B,OAAO,EAAE,KAAK,GAE3C;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO,EAAE,QAAQ,MAAM,OAAO,IAAI;AAAA,QAEjC,wBAAc,IAAI,CAAC,MAClB;AAAA,UAAC;AAAA;AAAA,YAEC,WAAW,eAAe,EAAE,QAAQ,MAAM;AAAA,YAC1C,MAAK;AAAA,YAEJ;AAAA,gBAAE;AAAA,cACH;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,UAAM,0BAAW,oBAAoB;AAC3C,MAAI,CAAC,KAAK;AACR,UAAM,IAAI,MAAM,8DAA8D;AAAA,EAChF;AACA,SAAO;AACT;;;AClGS,IAAAC,uBAAA;AADF,SAAS,iBAAiB,EAAE,SAAS,GAA4B;AACtE,SAAO,8CAAC,SAAI,WAAU,+BAA+B,UAAS;AAChE;;;ACDS,IAAAC,uBAAA;AADF,SAAS,WAAW,EAAE,SAAS,GAA4B;AAChE,SAAO,8CAAC,SAAI,WAAU,yBAAyB,UAAS;AAC1D;;;ACEM,IAAAC,uBAAA;AAHC,SAAS,cAAc,EAAE,SAAS,GAA4B;AACnE,SAEI,8CAAC,SAAI,WAAU,iCAAiC,UAAS;AAE/D;;;ACyCI,IAAAC,uBAAA;AAtBG,IAAM,QAA8B,CAAC;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,uBAAuB;AAAA,EACvB;AACF,MAAM;AACJ,MAAI,CAAC,OAAQ,QAAO;AAEpB,QAAM,sBAAsB,MAAM;AAChC,QAAI,qBAAsB;AAC1B,YAAQ;AAAA,EACV;AAEA,QAAM,qBAA8D,CAAC,MAAM;AAEzE,MAAE,gBAAgB;AAAA,EACpB;AAEA,SACE,gFAEE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO,EAAE,QAAQ,KAAK;AAAA,QACtB,SAAS;AAAA;AAAA,IACX;AAAA,IAGA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,UAAU;AAAA,QACV,MAAK;AAAA,QACL,OAAO,EAAE,QAAQ,KAAK;AAAA,QACtB,SAAS;AAAA,QAET;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,MAAK;AAAA,YACL,SAAS;AAAA,YAET,yDAAC,SAAI,WAAU,wBAEb;AAAA,6DAAC,SAAI,WAAU,gBACZ;AAAA,yBAAS,8CAAC,QAAG,WAAU,eAAe,iBAAM;AAAA,gBAC7C;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAK;AAAA,oBACL,WAAU;AAAA,oBACV,cAAW;AAAA,oBACX,SAAS;AAAA;AAAA,gBACX;AAAA,iBACF;AAAA,cAGA,8CAAC,SAAI,WAAU,cAAc,UAAS;AAAA,cAGtC,+CAAC,SAAI,WAAU,gBACb;AAAA;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAK;AAAA,oBACL,WAAU;AAAA,oBACV,SAAS;AAAA,oBACV;AAAA;AAAA,gBAED;AAAA,gBAEC,aACC;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAK;AAAA,oBACL,WAAU;AAAA,oBACV,SAAS;AAAA,oBAER;AAAA;AAAA,gBACH;AAAA,iBAEJ;AAAA,eACF;AAAA;AAAA,QACF;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;;;AC5GA,IAAAC,gBAMO;AAwCH,IAAAC,uBAAA;AArBJ,IAAM,mBAAe,6BAA6C,MAAS;AAEpE,SAAS,cAAc,EAAE,SAAS,GAA4B;AACnE,QAAM,CAAC,QAAQ,SAAS,QAAI,wBAAS,KAAK;AAC1C,QAAM,CAAC,SAAS,UAAU,QAAI,wBAAoB,IAAI;AACtD,QAAM,CAAC,SAAS,UAAU,QAAI,wBAAuB,CAAC,CAAC;AAEvD,QAAM,gBAAY;AAAA,IAChB,CAACC,UAAoBC,aAA2B;AAC9C,iBAAWD,QAAO;AAClB,iBAAWC,YAAW,CAAC,CAAC;AACxB,gBAAU,IAAI;AAAA,IAChB;AAAA,IACA,CAAC;AAAA,EACH;AAEA,QAAM,iBAAa,2BAAY,MAAM;AACnC,cAAU,KAAK;AAAA,EACjB,GAAG,CAAC,CAAC;AAEL,SACE,+CAAC,aAAa,UAAb,EAAsB,OAAO,EAAE,WAAW,WAAW,GACnD;AAAA;AAAA,IAED;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,OAAO,QAAQ;AAAA,QACf,aAAa,QAAQ;AAAA,QACrB,sBAAsB,QAAQ;AAAA,QAC9B,SAAS;AAAA,QACT,WAAW,SAAS;AAAA,QAEnB;AAAA;AAAA,IACH;AAAA,KACF;AAEJ;AAEO,SAAS,WAAW;AACzB,QAAM,UAAM,0BAAW,YAAY;AACnC,MAAI,CAAC,IAAK,OAAM,IAAI,MAAM,4CAA4C;AACtE,SAAO;AACT;","names":["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_react","import_jsx_runtime","content","options"]}
+{"version":3,"sources":["../src/index.ts","../src/components/Body.tsx","../src/components/Button.tsx","../src/components/Footer.tsx","../src/components/Header.tsx","../src/components/HeaderText.tsx","../src/components/NpmBadge.tsx","../src/components/navigation/Navigation.tsx","../src/components/navigation/NavigationItem.tsx","../src/components/notifications/Notifications.tsx","../src/components/notifications/NotificationsProvider.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/Body\";\nexport * from \"./components/Button\";\nexport * from \"./components/Footer\";\nexport * from \"./components/Header\";\nexport * from \"./components/HeaderText\";\nexport * from \"./components/NpmBadge\";\nexport * from \"./components/navigation/Navigation\";\nexport * from \"./components/navigation/NavigationItem\";\nexport * from \"./components/notifications/Notifications\";\nexport * from \"./components/notifications/NotificationsProvider\";\nexport * from \"./components/wrappers/ContentContainer\";\nexport * from \"./components/wrappers/ContentRow\";\nexport * from \"./components/wrappers/LayoutWrapper\";\nexport * from \"./modal/Modal\";\nexport * from \"./modal/ModalProvider\";\n","import type { ReactNode } from \"react\";\r\n\r\ninterface BodyProps {\r\n  title: ReactNode;\r\n  description?: ReactNode;\r\n  children?: ReactNode;\r\n}\r\n\r\nexport function Body({ title, description, children }: BodyProps) {\r\n  return (\r\n\r\n      <main className=\"col p-4\">\r\n        <h2>{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 interface ButtonProps {\r\n  buttonClassName?: string;\r\n  type?: \"button\" | \"submit\" | \"reset\";\r\n  disabled?: boolean;\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 btn-lg\",\r\n  type = \"button\",\r\n  disabled = false,\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  return (\r\n    <button\r\n      type={type}\r\n      className={`${buttonClassName} ${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","// 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","import type { ReactNode } from \"react\";\r\n\r\ninterface NavigationProps {\r\n  title?: ReactNode;\r\n  children: ReactNode;\r\n}\r\n\r\nexport function Navigation({ title = \"Navigation\", children }: NavigationProps) {\r\n  return (\r\n    <nav className=\"col-auto p-3 h-100 d-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}\r\n","import type { ReactNode } from \"react\";\r\n\r\ninterface NavigationItemProps {\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({ 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        {title}\r\n      </button>\r\n    </li>\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 p-3\"\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 p-3\"\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","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  /** NEW: toggle visibility */\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  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 className=\"modal-dialog modal-dialog-centered\" role=\"document\" onClick={handleContentClick}>\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 */}\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          </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\ninterface ModalOptions {\r\n  title?: string;\r\n  confirmText?: string;\r\n  disableBackdropClose?: boolean;\r\n  onConfirm?: () => void;\r\n}\r\n\r\ninterface ModalContextValue {\r\n  openModal: (\r\n    content: ReactNode,\r\n    options?: ModalOptions\r\n  ) => void;\r\n\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(\r\n    (content: ReactNode, options?: ModalOptions) => {\r\n      setContent(content);\r\n      setOptions(options ?? {});\r\n      setIsOpen(true);\r\n    },\r\n    []\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        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_react","import_jsx_runtime","import_react","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

@@ -99,18 +99,17 @@ declare function ContentRow({ children }: React.PropsWithChildren): react_jsx_ru
 declare function LayoutWrapper({ children }: React.PropsWithChildren): react_jsx_runtime.JSX.Element;
 
 interface ModalProps {
-    /** Title shown in the header */
     title?: string;
-    /** Whether the modal is visible */
     isOpen: boolean;
-    /** Called when the user clicks the X or the backdrop */
     onClose: () => void;
-    /** Optional confirm button handler */
     onConfirm?: () => void;
-    /** Text for the confirm button (if onConfirm is provided) */
     confirmText?: string;
-    /** Optional: disable closing by clicking backdrop */
     disableBackdropClose?: boolean;
+    disableAllButtons?: boolean;
+    /** NEW: toggle visibility */
+    showHeaderClose?: boolean;
+    showCloseButton?: boolean;
+    showConfirmButton?: boolean;
     children?: React$1.ReactNode;
 }
 declare const Modal: React$1.FC<ModalProps>;

package/dist/index.d.ts

@@ -99,18 +99,17 @@ declare function ContentRow({ children }: React.PropsWithChildren): react_jsx_ru
 declare function LayoutWrapper({ children }: React.PropsWithChildren): react_jsx_runtime.JSX.Element;
 
 interface ModalProps {
-    /** Title shown in the header */
     title?: string;
-    /** Whether the modal is visible */
     isOpen: boolean;
-    /** Called when the user clicks the X or the backdrop */
     onClose: () => void;
-    /** Optional confirm button handler */
     onConfirm?: () => void;
-    /** Text for the confirm button (if onConfirm is provided) */
     confirmText?: string;
-    /** Optional: disable closing by clicking backdrop */
     disableBackdropClose?: boolean;
+    disableAllButtons?: boolean;
+    /** NEW: toggle visibility */
+    showHeaderClose?: boolean;
+    showCloseButton?: boolean;
+    showConfirmButton?: boolean;
     children?: React$1.ReactNode;
 }
 declare const Modal: React$1.FC<ModalProps>;

package/dist/index.js

@@ -262,11 +262,15 @@ var Modal = ({
   onConfirm,
   confirmText = "OK",
   disableBackdropClose = false,
+  disableAllButtons = false,
+  showHeaderClose = true,
+  showCloseButton = true,
+  showConfirmButton = true,
   children
 }) => {
   if (!isOpen) return null;
   const handleBackdropClick = () => {
-    if (disableBackdropClose) return;
+    if (disableBackdropClose || disableAllButtons) return;
     onClose();
   };
   const handleContentClick = (e) => {
@@ -289,49 +293,44 @@ var Modal = ({
         role: "dialog",
         style: { zIndex: 1050 },
         onClick: handleBackdropClick,
-        children: /* @__PURE__ */ jsx14(
-          "div",
-          {
-            className: "modal-dialog modal-dialog-centered",
-            role: "document",
-            onClick: handleContentClick,
-            children: /* @__PURE__ */ jsxs6("div", { className: "modal-content shadow", children: [
-              /* @__PURE__ */ jsxs6("div", { className: "modal-header", children: [
-                title && /* @__PURE__ */ jsx14("h5", { className: "modal-title", children: title }),
-                /* @__PURE__ */ jsx14(
-                  "button",
-                  {
-                    type: "button",
-                    className: "btn-close",
-                    "aria-label": "Close",
-                    onClick: onClose
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ jsx14("div", { className: "modal-body", children }),
-              /* @__PURE__ */ jsxs6("div", { className: "modal-footer", children: [
-                /* @__PURE__ */ jsx14(
-                  "button",
-                  {
-                    type: "button",
-                    className: "btn btn-secondary",
-                    onClick: onClose,
-                    children: "Close"
-                  }
-                ),
-                onConfirm && /* @__PURE__ */ jsx14(
-                  "button",
-                  {
-                    type: "button",
-                    className: "btn btn-primary",
-                    onClick: onConfirm,
-                    children: confirmText
-                  }
-                )
-              ] })
-            ] })
-          }
-        )
+        children: /* @__PURE__ */ jsx14("div", { className: "modal-dialog modal-dialog-centered", role: "document", onClick: handleContentClick, children: /* @__PURE__ */ jsxs6("div", { className: "modal-content shadow", children: [
+          /* @__PURE__ */ jsxs6("div", { className: "modal-header", children: [
+            title && /* @__PURE__ */ jsx14("h5", { className: "modal-title", children: title }),
+            showHeaderClose && /* @__PURE__ */ jsx14(
+              "button",
+              {
+                type: "button",
+                className: "btn-close",
+                "aria-label": "Close",
+                onClick: onClose,
+                disabled: disableAllButtons
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx14("div", { className: "modal-body", children }),
+          /* @__PURE__ */ jsxs6("div", { className: "modal-footer", children: [
+            showCloseButton && /* @__PURE__ */ jsx14(
+              "button",
+              {
+                type: "button",
+                className: "btn btn-secondary",
+                onClick: onClose,
+                disabled: disableAllButtons,
+                children: "Close"
+              }
+            ),
+            onConfirm && showConfirmButton && /* @__PURE__ */ jsx14(
+              "button",
+              {
+                type: "button",
+                className: "btn btn-primary",
+                onClick: onConfirm,
+                disabled: disableAllButtons,
+                children: confirmText
+              }
+            )
+          ] })
+        ] }) })
       }
     )
   ] });

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Body.tsx","../src/components/Button.tsx","../src/components/Footer.tsx","../src/components/Header.tsx","../src/components/HeaderText.tsx","../src/components/NpmBadge.tsx","../src/components/navigation/Navigation.tsx","../src/components/navigation/NavigationItem.tsx","../src/components/notifications/Notifications.tsx","../src/components/notifications/NotificationsProvider.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":["import type { ReactNode } from \"react\";\r\n\r\ninterface BodyProps {\r\n  title: ReactNode;\r\n  description?: ReactNode;\r\n  children?: ReactNode;\r\n}\r\n\r\nexport function Body({ title, description, children }: BodyProps) {\r\n  return (\r\n\r\n      <main className=\"col p-4\">\r\n        <h2>{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 interface ButtonProps {\r\n  buttonClassName?: string;\r\n  type?: \"button\" | \"submit\" | \"reset\";\r\n  disabled?: boolean;\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 btn-lg\",\r\n  type = \"button\",\r\n  disabled = false,\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  return (\r\n    <button\r\n      type={type}\r\n      className={`${buttonClassName} ${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","// 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","import type { ReactNode } from \"react\";\r\n\r\ninterface NavigationProps {\r\n  title?: ReactNode;\r\n  children: ReactNode;\r\n}\r\n\r\nexport function Navigation({ title = \"Navigation\", children }: NavigationProps) {\r\n  return (\r\n    <nav className=\"col-auto p-3 h-100 d-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}\r\n","import type { ReactNode } from \"react\";\r\n\r\ninterface NavigationItemProps {\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({ 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        {title}\r\n      </button>\r\n    </li>\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 p-3\"\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 p-3\"\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","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 shown in the header */\r\n  title?: string;\r\n\r\n  /** Whether the modal is visible */\r\n  isOpen: boolean;\r\n\r\n  /** Called when the user clicks the X or the backdrop */\r\n  onClose: () => void;\r\n\r\n  /** Optional confirm button handler */\r\n  onConfirm?: () => void;\r\n\r\n  /** Text for the confirm button (if onConfirm is provided) */\r\n  confirmText?: string;\r\n\r\n  /** Optional: disable closing by clicking backdrop */\r\n  disableBackdropClose?: 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  disableBackdropClose = false,\r\n  children,\r\n}) => {\r\n  if (!isOpen) return null;\r\n\r\n  const handleBackdropClick = () => {\r\n    if (disableBackdropClose) return;\r\n    onClose();\r\n  };\r\n\r\n  const handleContentClick: React.MouseEventHandler<HTMLDivElement> = (e) => {\r\n    // Prevent clicks inside the dialog from closing it\r\n    e.stopPropagation();\r\n  };\r\n\r\n  return (\r\n    <>\r\n      {/* Backdrop */}\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      {/* Modal dialog */}\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              <button\r\n                type=\"button\"\r\n                className=\"btn-close\"\r\n                aria-label=\"Close\"\r\n                onClick={onClose}\r\n              />\r\n            </div>\r\n\r\n            {/* Body */}\r\n            <div className=\"modal-body\">{children}</div>\r\n\r\n            {/* Footer */}\r\n            <div className=\"modal-footer\">\r\n              <button\r\n                type=\"button\"\r\n                className=\"btn btn-secondary\"\r\n                onClick={onClose}\r\n              >\r\n                Close\r\n              </button>\r\n\r\n              {onConfirm && (\r\n                <button\r\n                  type=\"button\"\r\n                  className=\"btn btn-primary\"\r\n                  onClick={onConfirm}\r\n                >\r\n                  {confirmText}\r\n                </button>\r\n              )}\r\n            </div>\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\ninterface ModalOptions {\r\n  title?: string;\r\n  confirmText?: string;\r\n  disableBackdropClose?: boolean;\r\n  onConfirm?: () => void;\r\n}\r\n\r\ninterface ModalContextValue {\r\n  openModal: (\r\n    content: ReactNode,\r\n    options?: ModalOptions\r\n  ) => void;\r\n\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(\r\n    (content: ReactNode, options?: ModalOptions) => {\r\n      setContent(content);\r\n      setOptions(options ?? {});\r\n      setIsOpen(true);\r\n    },\r\n    []\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        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","jsx","jsx","jsx","jsx","jsxs","jsx","jsx","jsxs","useEffect","useState","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/Body.tsx","../src/components/Button.tsx","../src/components/Footer.tsx","../src/components/Header.tsx","../src/components/HeaderText.tsx","../src/components/NpmBadge.tsx","../src/components/navigation/Navigation.tsx","../src/components/navigation/NavigationItem.tsx","../src/components/notifications/Notifications.tsx","../src/components/notifications/NotificationsProvider.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":["import type { ReactNode } from \"react\";\r\n\r\ninterface BodyProps {\r\n  title: ReactNode;\r\n  description?: ReactNode;\r\n  children?: ReactNode;\r\n}\r\n\r\nexport function Body({ title, description, children }: BodyProps) {\r\n  return (\r\n\r\n      <main className=\"col p-4\">\r\n        <h2>{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 interface ButtonProps {\r\n  buttonClassName?: string;\r\n  type?: \"button\" | \"submit\" | \"reset\";\r\n  disabled?: boolean;\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 btn-lg\",\r\n  type = \"button\",\r\n  disabled = false,\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  return (\r\n    <button\r\n      type={type}\r\n      className={`${buttonClassName} ${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","// 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","import type { ReactNode } from \"react\";\r\n\r\ninterface NavigationProps {\r\n  title?: ReactNode;\r\n  children: ReactNode;\r\n}\r\n\r\nexport function Navigation({ title = \"Navigation\", children }: NavigationProps) {\r\n  return (\r\n    <nav className=\"col-auto p-3 h-100 d-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}\r\n","import type { ReactNode } from \"react\";\r\n\r\ninterface NavigationItemProps {\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({ 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        {title}\r\n      </button>\r\n    </li>\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 p-3\"\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 p-3\"\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","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  /** NEW: toggle visibility */\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  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 className=\"modal-dialog modal-dialog-centered\" role=\"document\" onClick={handleContentClick}>\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 */}\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          </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\ninterface ModalOptions {\r\n  title?: string;\r\n  confirmText?: string;\r\n  disableBackdropClose?: boolean;\r\n  onConfirm?: () => void;\r\n}\r\n\r\ninterface ModalContextValue {\r\n  openModal: (\r\n    content: ReactNode,\r\n    options?: ModalOptions\r\n  ) => void;\r\n\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(\r\n    (content: ReactNode, options?: ModalOptions) => {\r\n      setContent(content);\r\n      setOptions(options ?? {});\r\n      setIsOpen(true);\r\n    },\r\n    []\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        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":";AAWM,SACE,KADF;AAHC,SAAS,KAAK,EAAE,OAAO,aAAa,SAAS,GAAc;AAChE,SAEI,qBAAC,UAAK,WAAU,WACd;AAAA,wBAAC,QAAI,iBAAM;AAAA,IAEV,eAAe,oBAAC,OAAG,uBAAY;AAAA,IAC/B;AAAA,KACH;AAEN;;;AClBA,SAAS,gBAAiD;AA0EhD,mBAEI,OAAAA,MAFJ,QAAAC,aAAA;AAnDH,SAAS,OAAO;AAAA,EACrB,kBAAkB;AAAA,EAClB,OAAO;AAAA,EACP,WAAW;AAAA,EAEX;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;AAEA,SACE,gBAAAD;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,GAAG,eAAe,IAAI,UAAU,uBAAuB,EAAE;AAAA,MACpE,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;;;AClFI,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;;;ACIM,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;;;ACVI,SACE,OAAAC,MADF,QAAAC,aAAA;AAFG,SAAS,WAAW,EAAE,QAAQ,cAAc,SAAS,GAAoB;AAC9E,SACE,gBAAAA,MAAC,SAAI,WAAU,yCACb;AAAA,oBAAAD,KAAC,QAAG,WAAU,6BAA6B,iBAAM;AAAA,IAEjD,gBAAAA,KAAC,QAAG,WAAU,wCACX,UACH;AAAA,KACF;AAEJ;;;ACLM,gBAAAE,YAAA;AAHC,SAAS,eAAe,EAAE,OAAO,MAAM,QAAQ,QAAQ,GAAwB;AACpF,SACE,gBAAAA,KAAC,QAAG,WAAU,YACZ,0BAAAA;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAW,6BAA6B,SAAS,WAAW,EAAE;AAAA,MAC9D,SAAS,MAAM,UAAU,IAAI;AAAA,MAE5B;AAAA;AAAA,EACH,GACF;AAEJ;;;ACrBA,SAAS,iBAAiB;AAgClB,SAOE,OAAAC,MAPF,QAAAC,aAAA;AAhBD,SAAS,cAAc,EAAE,eAAe,QAAQ,GAAuB;AAC5E,YAAU,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,gBAAAD;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;;;AClGS,gBAAAE,aAAA;AADF,SAAS,iBAAiB,EAAE,SAAS,GAA4B;AACtE,SAAO,gBAAAA,MAAC,SAAI,WAAU,+BAA+B,UAAS;AAChE;;;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;;;AC2CI,qBAAAC,WACE,OAAAC,OAgBM,QAAAC,aAjBR;AA5BG,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;AAEA,SACE,gBAAAA,MAAAF,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,MAAC,SAAI,WAAU,sCAAqC,MAAK,YAAW,SAAS,oBAC3E,0BAAAC,MAAC,SAAI,WAAU,wBAEb;AAAA,0BAAAA,MAAC,SAAI,WAAU,gBACZ;AAAA,qBAAS,gBAAAD,MAAC,QAAG,WAAU,eAAe,iBAAM;AAAA,YAE5C,mBACC,gBAAAA;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,WAAU;AAAA,gBACV,cAAW;AAAA,gBACX,SAAS;AAAA,gBACT,UAAU;AAAA;AAAA,YACZ;AAAA,aAEJ;AAAA,UAGA,gBAAAA,MAAC,SAAI,WAAU,cAAc,UAAS;AAAA,UAGtC,gBAAAC,MAAC,SAAI,WAAU,gBACZ;AAAA,+BACC,gBAAAD;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,WAAU;AAAA,gBACV,SAAS;AAAA,gBACT,UAAU;AAAA,gBACX;AAAA;AAAA,YAED;AAAA,YAGD,aAAa,qBACZ,gBAAAA;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,WAAU;AAAA,gBACV,SAAS;AAAA,gBACT,UAAU;AAAA,gBAET;AAAA;AAAA,YACH;AAAA,aAEJ;AAAA,WACF,GACF;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;;;AChHA;AAAA,EACE,iBAAAE;AAAA,EACA,eAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,OAEK;AAwCH,SAGE,OAAAC,OAHF,QAAAC,aAAA;AArBJ,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;AAAA,IAChB,CAACC,UAAoBC,aAA2B;AAC9C,iBAAWD,QAAO;AAClB,iBAAWC,YAAW,CAAC,CAAC;AACxB,gBAAU,IAAI;AAAA,IAChB;AAAA,IACA,CAAC;AAAA,EACH;AAEA,QAAM,aAAaF,aAAY,MAAM;AACnC,cAAU,KAAK;AAAA,EACjB,GAAG,CAAC,CAAC;AAEL,SACE,gBAAAH,MAAC,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,SAAS;AAAA,QACT,WAAW,SAAS;AAAA,QAEnB;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","jsx","jsx","jsx","jsx","jsxs","jsx","jsx","jsxs","useEffect","useState","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.14",
+  "version": "1.0.15",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.js",