@lightsparkdev/ui 1.1.6 → 1.1.7

package/dist/{chunk-LCFXXG6V.js → chunk-DIPFMCPK.js}

@@ -1,34 +1,34 @@
 import {
   Loading
-} from "./chunk-S6OAIHTX.js";
+} from "./chunk-YIDZ3OLQ.js";
 import {
   UnstyledButton
-} from "./chunk-LAYWVYBF.js";
+} from "./chunk-XTM7UKRH.js";
 import {
   Tooltip
-} from "./chunk-3YVKFBIH.js";
+} from "./chunk-ZG4VRSX6.js";
 import {
   Icon
-} from "./chunk-JFKPUTCA.js";
+} from "./chunk-ULBM562P.js";
 import {
   getFocusOutline
-} from "./chunk-CGK72IUW.js";
+} from "./chunk-WN3TOABH.js";
 import {
   Link
-} from "./chunk-5SG5KWXI.js";
+} from "./chunk-Q3JHDXTD.js";
 import {
   renderTypography
-} from "./chunk-OLGTZHWT.js";
+} from "./chunk-ZM44J3QK.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";
 import {
   applyTypography
-} from "./chunk-2C6JCHWU.js";
+} from "./chunk-67GVLM7K.js";
 import {
   getBackgroundColor,
   isThemeOrColorKey
-} from "./chunk-5NZ22GSE.js";
+} from "./chunk-E6PRWBTH.js";
 import {
   __objRest,
   __spreadProps,
@@ -237,8 +237,8 @@ var Button = forwardRef((props, ref) => {
           Icon,
           __spreadProps(__spreadValues({}, icon), {
             width: icon.width || defaultIconWidth,
-            square: true,
-            color: typography.color
+            square: icon.square === void 0 ? true : icon.square,
+            color: icon.color || typography.color
           })
         )
       }
@@ -266,7 +266,7 @@ var Button = forwardRef((props, ref) => {
               children: renderTypography(typography.type, {
                 children: text,
                 color: typography.color,
-                size
+                size: typography.size
               })
             }
           ),

package/dist/{chunk-BVTKD4UQ.cjs → chunk-DO7X4GHD.cjs}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkTZKDWE3Scjs = require('./chunk-TZKDWE3S.cjs');
+var _chunkYVWTZCWOcjs = require('./chunk-YVWTZCWO.cjs');
 
 
-var _chunkXLOZT6ICcjs = require('./chunk-XLOZT6IC.cjs');
+var _chunkQQF6HQ36cjs = require('./chunk-QQF6HQ36.cjs');
 
 
 var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 
 // src/components/Icon/types.tsx
-var iconMap = _chunkZ6EUSUADcjs.__spreadValues.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, _chunkXLOZT6ICcjs.icons_exports), _chunkTZKDWE3Scjs.central_exports);
+var iconMap = _chunkZ6EUSUADcjs.__spreadValues.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, _chunkQQF6HQ36cjs.icons_exports), _chunkYVWTZCWOcjs.central_exports);
 
 
 

package/dist/chunk-DRSYBYD2.js

@@ -0,0 +1,31 @@
+// src/icons/central/ShieldCheckLite.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function ShieldCheckLite({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M9.25 11.4999L11 13.2499L14.75 9.49986M20.25 11.9122V6.22062C20.25 5.79019 19.9746 5.40805 19.5662 5.27194L12.3162 2.85527C12.111 2.78685 11.889 2.78685 11.6838 2.85527L4.43377 5.27194C4.02543 5.40805 3.75 5.79019 3.75 6.22062V11.9122C3.75 16.8847 8 19.2499 12 21.4078C16 19.2499 20.25 16.8847 20.25 11.9122Z",
+          stroke: "currentColor",
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin
+        }
+      )
+    }
+  );
+}
+
+export {
+  ShieldCheckLite
+};

package/dist/chunk-DSFBE7JM.cjs

@@ -0,0 +1,304 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/central/BankBold.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function BankBold({
+  strokeWidth = "2",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "svg",
+    {
+      width: "161",
+      height: "160",
+      viewBox: "0 0 161 160",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "g", { filter: "url(#filter0_dddddd_2486_39505)", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "path",
+            {
+              fillRule: "evenodd",
+              clipRule: "evenodd",
+              d: "M80.7254 48.1139C80.5836 48.0423 80.4162 48.0423 80.2745 48.1139L47.6829 64.5791C47.5145 64.6642 47.4083 64.8367 47.4083 65.0254V75.0993C47.4083 75.3755 47.6322 75.5993 47.9083 75.5993H53.5267C53.8028 75.5993 54.0267 75.8232 54.0267 76.0993V96.6088C54.0267 96.8849 53.8028 97.1088 53.5267 97.1088H51.7709C51.5557 97.1088 51.3646 97.2465 51.2966 97.4506L46.6661 111.342C46.5582 111.666 46.7992 112 47.1405 112H113.86C114.201 112 114.442 111.666 114.334 111.342L109.703 97.4506C109.635 97.2465 109.444 97.1088 109.229 97.1088H107.473C107.197 97.1088 106.973 96.8849 106.973 96.6088V76.0993C106.973 75.8232 107.197 75.5993 107.473 75.5993H113.092C113.368 75.5993 113.592 75.3755 113.592 75.0993V65.0254C113.592 64.8367 113.485 64.6642 113.317 64.5791L80.7254 48.1139ZM93.7366 76.0993C93.7366 75.8232 93.9604 75.5993 94.2366 75.5993H101.509C101.786 75.5993 102.009 75.8232 102.009 76.0993V96.6088C102.009 96.8849 101.786 97.1088 101.509 97.1088H94.2366C93.9604 97.1088 93.7366 96.8849 93.7366 96.6088V76.0993ZM67.2633 96.6088C67.2633 96.8849 67.0394 97.1088 66.7633 97.1088H59.4904C59.2143 97.1088 58.9904 96.8849 58.9904 96.6088V76.0993C58.9904 75.8232 59.2143 75.5993 59.4904 75.5993H66.7633C67.0394 75.5993 67.2633 75.8232 67.2633 76.0993V96.6088ZM72.7271 97.1088C72.4509 97.1088 72.2271 96.8849 72.2271 96.6088V76.0993C72.2271 75.8232 72.4509 75.5993 72.7271 75.5993H88.2728C88.549 75.5993 88.7728 75.8232 88.7728 76.0993V96.6088C88.7728 96.8849 88.549 97.1088 88.2728 97.1088H72.7271Z",
+              fill: "#51478C"
+            }
+          ),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "path",
+            {
+              d: "M67.2633 96.6088C67.2633 96.8849 67.0394 97.1088 66.7633 97.1088H59.4904C59.2143 97.1088 58.9904 96.8849 58.9904 96.6088V76.0993C58.9904 75.8232 59.2143 75.5993 59.4904 75.5993H66.7633C67.0394 75.5993 67.2633 75.8232 67.2633 76.0993V96.6088Z",
+              fill: "white"
+            }
+          ),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "path",
+            {
+              d: "M72.7271 97.1088C72.4509 97.1088 72.2271 96.8849 72.2271 96.6088V76.0993C72.2271 75.8232 72.4509 75.5993 72.7271 75.5993H88.2728C88.549 75.5993 88.7728 75.8232 88.7728 76.0993V96.6088C88.7728 96.8849 88.549 97.1088 88.2728 97.1088H72.7271Z",
+              fill: "white"
+            }
+          ),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "path",
+            {
+              d: "M93.7366 76.0993C93.7366 75.8232 93.9604 75.5993 94.2366 75.5993H101.509C101.786 75.5993 102.009 75.8232 102.009 76.0993V96.6088C102.009 96.8849 101.786 97.1088 101.509 97.1088H94.2366C93.9604 97.1088 93.7366 96.8849 93.7366 96.6088V76.0993Z",
+              fill: "white"
+            }
+          ),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "path",
+            {
+              d: "M79.3726 46.3291C80.037 45.9934 80.8141 45.972 81.4927 46.2656L81.6274 46.3291L114.219 62.7939C115.061 63.2193 115.591 64.0823 115.591 65.0254V75.0996C115.591 76.4802 114.472 77.5996 113.091 77.5996H108.973V95.1084H109.229C110.238 95.1084 111.141 95.714 111.53 96.6309L111.601 96.8184L116.231 110.709C116.771 112.328 115.566 114 113.86 114H47.1401C45.4339 114 44.2295 112.328 44.769 110.709L49.3989 96.8184L49.4702 96.6309C49.8595 95.714 50.7622 95.1084 51.771 95.1084H52.0269V77.5996H47.9087C46.5281 77.5996 45.4088 76.4802 45.4087 75.0996V65.0254C45.4087 64.0823 45.939 63.2193 46.7808 62.7939L79.3726 46.3291Z",
+              stroke: "white",
+              strokeWidth,
+              strokeLinejoin
+            }
+          )
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "defs", { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+          "filter",
+          {
+            id: "filter0_dddddd_2486_39505",
+            x: "30.6372",
+            y: "43.0602",
+            width: "99.7256",
+            height: "108.94",
+            filterUnits: "userSpaceOnUse",
+            colorInterpolationFilters: "sRGB",
+            children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "feColorMatrix",
+                {
+                  in: "SourceAlpha",
+                  type: "matrix",
+                  values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+                  result: "hardAlpha"
+                }
+              ),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "feMorphology",
+                {
+                  radius: "12",
+                  operator: "erode",
+                  in: "SourceAlpha",
+                  result: "effect1_dropShadow_2486_39505"
+                }
+              ),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "feOffset", { dy: "24" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "feGaussianBlur", { stdDeviation: "12" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "feComposite", { in2: "hardAlpha", operator: "out" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "feColorMatrix",
+                {
+                  type: "matrix",
+                  values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0"
+                }
+              ),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "feBlend",
+                {
+                  mode: "normal",
+                  in2: "BackgroundImageFix",
+                  result: "effect1_dropShadow_2486_39505"
+                }
+              ),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "feColorMatrix",
+                {
+                  in: "SourceAlpha",
+                  type: "matrix",
+                  values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+                  result: "hardAlpha"
+                }
+              ),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "feMorphology",
+                {
+                  radius: "6",
+                  operator: "erode",
+                  in: "SourceAlpha",
+                  result: "effect2_dropShadow_2486_39505"
+                }
+              ),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "feOffset", { dy: "12" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "feGaussianBlur", { stdDeviation: "6" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "feComposite", { in2: "hardAlpha", operator: "out" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "feColorMatrix",
+                {
+                  type: "matrix",
+                  values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0"
+                }
+              ),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "feBlend",
+                {
+                  mode: "normal",
+                  in2: "effect1_dropShadow_2486_39505",
+                  result: "effect2_dropShadow_2486_39505"
+                }
+              ),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "feColorMatrix",
+                {
+                  in: "SourceAlpha",
+                  type: "matrix",
+                  values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+                  result: "hardAlpha"
+                }
+              ),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "feMorphology",
+                {
+                  radius: "3",
+                  operator: "erode",
+                  in: "SourceAlpha",
+                  result: "effect3_dropShadow_2486_39505"
+                }
+              ),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "feOffset", { dy: "6" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "feGaussianBlur", { stdDeviation: "3" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "feComposite", { in2: "hardAlpha", operator: "out" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "feColorMatrix",
+                {
+                  type: "matrix",
+                  values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0"
+                }
+              ),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "feBlend",
+                {
+                  mode: "normal",
+                  in2: "effect2_dropShadow_2486_39505",
+                  result: "effect3_dropShadow_2486_39505"
+                }
+              ),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "feColorMatrix",
+                {
+                  in: "SourceAlpha",
+                  type: "matrix",
+                  values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+                  result: "hardAlpha"
+                }
+              ),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "feMorphology",
+                {
+                  radius: "1.5",
+                  operator: "erode",
+                  in: "SourceAlpha",
+                  result: "effect4_dropShadow_2486_39505"
+                }
+              ),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "feOffset", { dy: "3" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "feGaussianBlur", { stdDeviation: "1.5" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "feComposite", { in2: "hardAlpha", operator: "out" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "feColorMatrix",
+                {
+                  type: "matrix",
+                  values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0"
+                }
+              ),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "feBlend",
+                {
+                  mode: "normal",
+                  in2: "effect3_dropShadow_2486_39505",
+                  result: "effect4_dropShadow_2486_39505"
+                }
+              ),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "feColorMatrix",
+                {
+                  in: "SourceAlpha",
+                  type: "matrix",
+                  values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+                  result: "hardAlpha"
+                }
+              ),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "feMorphology",
+                {
+                  radius: "0.5",
+                  operator: "erode",
+                  in: "SourceAlpha",
+                  result: "effect5_dropShadow_2486_39505"
+                }
+              ),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "feOffset", { dy: "1" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "feGaussianBlur", { stdDeviation: "0.5" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "feComposite", { in2: "hardAlpha", operator: "out" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "feColorMatrix",
+                {
+                  type: "matrix",
+                  values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0"
+                }
+              ),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "feBlend",
+                {
+                  mode: "normal",
+                  in2: "effect4_dropShadow_2486_39505",
+                  result: "effect5_dropShadow_2486_39505"
+                }
+              ),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "feColorMatrix",
+                {
+                  in: "SourceAlpha",
+                  type: "matrix",
+                  values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+                  result: "hardAlpha"
+                }
+              ),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "feMorphology",
+                {
+                  radius: "1",
+                  operator: "dilate",
+                  in: "SourceAlpha",
+                  result: "effect6_dropShadow_2486_39505"
+                }
+              ),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "feOffset", {}),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "feComposite", { in2: "hardAlpha", operator: "out" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "feColorMatrix",
+                {
+                  type: "matrix",
+                  values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0"
+                }
+              ),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "feBlend",
+                {
+                  mode: "normal",
+                  in2: "effect5_dropShadow_2486_39505",
+                  result: "effect6_dropShadow_2486_39505"
+                }
+              ),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "feBlend",
+                {
+                  mode: "normal",
+                  in: "SourceGraphic",
+                  in2: "effect6_dropShadow_2486_39505",
+                  result: "shape"
+                }
+              )
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+}
+
+
+
+exports.BankBold = BankBold;

package/dist/{chunk-XJ66OUZX.js → chunk-DUEMFWEK.js}

@@ -1,15 +1,15 @@
 import {
   Filter
-} from "./chunk-PVNOVZBQ.js";
+} from "./chunk-7QHKDLFZ.js";
 import {
   Select_default
-} from "./chunk-BZL7E7VI.js";
+} from "./chunk-WQ5XBULZ.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";
 import {
   Button
-} from "./chunk-LCFXXG6V.js";
+} from "./chunk-DIPFMCPK.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";

package/dist/{chunk-F56GRF4Y.js → chunk-DXZOLACS.js}

@@ -1,18 +1,18 @@
 import {
   absoluteCenter
-} from "./chunk-KQ4LSNOH.js";
+} from "./chunk-VGEA6GWH.js";
 import {
   Icon
-} from "./chunk-JFKPUTCA.js";
+} from "./chunk-ULBM562P.js";
 import {
   standardBorderRadius
-} from "./chunk-CGK72IUW.js";
+} from "./chunk-WN3TOABH.js";
 import {
   getColor
-} from "./chunk-5NZ22GSE.js";
+} from "./chunk-E6PRWBTH.js";
 import {
   colors
-} from "./chunk-DDUDWE23.js";
+} from "./chunk-5J7O4QVA.js";
 import {
   __spreadValues
 } from "./chunk-W7FAWX6T.js";

package/dist/{chunk-5NZ22GSE.js → chunk-E6PRWBTH.js}

@@ -1,10 +1,7 @@
-import {
-  getTypography
-} from "./chunk-DG7KBY6O.js";
 import {
   buttonsThemeBase,
   defaultButtonsTheme
-} from "./chunk-XDL3GORR.js";
+} from "./chunk-ISDKKT5U.js";
 import {
   cardFormThemeBase,
   defaultCardFormTheme
@@ -13,6 +10,9 @@ import {
   defaultLoadingTheme,
   loadingThemeBase
 } from "./chunk-S5AV3X5O.js";
+import {
+  getTypography
+} from "./chunk-RL7ARYRE.js";
 import {
   useBreakpoints
 } from "./chunk-JSGRNWSB.js";
@@ -21,7 +21,7 @@ import {
   darkGradient,
   hcNeutralFromBg,
   isColorKey
-} from "./chunk-DDUDWE23.js";
+} from "./chunk-5J7O4QVA.js";
 import {
   __spreadProps,
   __spreadValues
@@ -41,6 +41,8 @@ var Themes = /* @__PURE__ */ ((Themes2) => {
   Themes2["UmameDocsDark"] = "umameDocsDark";
   Themes2["BridgeLight"] = "bridgeLight";
   Themes2["BridgeDark"] = "bridgeDark";
+  Themes2["NageLight"] = "nageLight";
+  Themes2["NageDark"] = "nageDark";
   return Themes2;
 })(Themes || {});
 function isTheme(theme) {
@@ -691,6 +693,112 @@ var bridgeLightTheme = extend(lightTheme, __spreadProps(__spreadValues({}, bridg
 var bridgeDarkTheme = extend(darkTheme, __spreadProps(__spreadValues({}, bridgeBaseSettings), {
   type: "bridgeDark" /* BridgeDark */
 }));
+var nageBaseSettings = {
+  secondary: colors.grayBlue43,
+  mcNeutral: colors.grayBlue43,
+  success: colors.green37,
+  typography: getTypography("Nage" /* Nage */, {
+    main: "SuisseIntl",
+    code: "SuisseIntl-Mono"
+  }),
+  buttons: merge(buttonsThemeBase, {
+    defaultTypographyType: "Btn",
+    defaultSize: "Medium",
+    defaultBorderRadius: 8,
+    defaultPaddingsY: {
+      ExtraSmall: 6,
+      Small: 6,
+      Schmedium: 8,
+      Medium: 8,
+      Mlarge: 10,
+      Large: 10
+    },
+    defaultPaddingsX: {
+      ExtraSmall: 8,
+      Small: 8,
+      Schmedium: 12,
+      Medium: 12,
+      Mlarge: 12,
+      Large: 12
+    },
+    kinds: {
+      primary: {
+        defaultColor: "white",
+        defaultBackgroundColor: "gray-950",
+        defaultBorderColor: "gray-050",
+        defaultHoverBackgroundColor: "gray-950",
+        defaultHoverBorderColor: "gray-050",
+        defaultActiveBackgroundColor: "gray-950",
+        defaultActiveBorderColor: "gray-050"
+      },
+      ghost: {
+        defaultColor: "secondary",
+        defaultBackgroundColor: "transparent",
+        defaultHoverBackgroundColor: "transparent",
+        defaultBorderColor: "transparent",
+        defaultHoverBorderColor: "transparent",
+        defaultActiveBackgroundColor: "transparent",
+        defaultPaddingsY: {
+          ExtraSmall: 0,
+          Small: 0,
+          Schmedium: 0,
+          Medium: 0,
+          Mlarge: 0,
+          Large: 0
+        },
+        defaultPaddingsX: {
+          ExtraSmall: 0,
+          Small: 0,
+          Schmedium: 0,
+          Medium: 0,
+          Mlarge: 0,
+          Large: 0
+        }
+      },
+      secondary: {
+        defaultBackgroundColor: "gray-050",
+        defaultBorderColor: "gray-210",
+        defaultHoverBackgroundColor: "gray-090",
+        defaultHoverBorderColor: "gray-250",
+        defaultActiveBackgroundColor: "gray-210",
+        defaultActiveBorderColor: "gray-275"
+      },
+      warning: {
+        defaultColor: "warningText2",
+        defaultBackgroundColor: "warningBackground2",
+        defaultBorderColor: "warningBackground2",
+        defaultHoverBackgroundColor: "warningBackgroundHover",
+        defaultHoverBorderColor: "warningBackgroundHover",
+        defaultActiveBackgroundColor: "warningBackgroundActive",
+        defaultActiveBorderColor: "warningBackgroundActive"
+      }
+    }
+  }),
+  loading: merge(loadingThemeBase, {
+    defaultIconName: "CentralLoadingCircle",
+    kinds: {
+      primary: {
+        defaultIconName: "CentralLoadingCircle"
+      },
+      secondary: {
+        defaultIconName: "CentralLoadingCircle"
+      }
+    }
+  })
+};
+var nageLightTheme = extend(lightTheme, __spreadProps(__spreadValues({}, nageBaseSettings), {
+  type: "nageLight" /* NageLight */,
+  bg: colors["gray-100"],
+  smBg: colors["gray-100"],
+  text: colors["gray-950"],
+  secondary: colors["gray-500"],
+  tertiary: colors.gray6,
+  inputBackground: colors.white,
+  danger: colors.red50
+}));
+var nageDarkTheme = extend(darkTheme, __spreadProps(__spreadValues({}, nageBaseSettings), {
+  type: "nageDark" /* NageDark */
+}));
 var themes = {
   ["light" /* Light */]: lightTheme,
   ["dark" /* Dark */]: darkTheme,
@@ -701,7 +809,9 @@ var themes = {
   ["umameDocsLight" /* UmameDocsLight */]: umameDocsLightTheme,
   ["umameDocsDark" /* UmameDocsDark */]: umameDocsDarkTheme,
   ["bridgeLight" /* BridgeLight */]: bridgeLightTheme,
-  ["bridgeDark" /* BridgeDark */]: bridgeDarkTheme
+  ["bridgeDark" /* BridgeDark */]: bridgeDarkTheme,
+  ["nageLight" /* NageLight */]: nageLightTheme,
+  ["nageDark" /* NageDark */]: nageDarkTheme
 };
 function extend(obj, rest) {
   return __spreadValues(__spreadValues({}, obj), rest);
@@ -767,6 +877,7 @@ function getBackgroundColor(theme, key, defaultColor = "transparent") {
 var isDark = (theme) => [
   "dark" /* Dark */,
   "bridgeDark" /* BridgeDark */,
+  "nageDark" /* NageDark */,
   "lightsparkDocsDark" /* LightsparkDocsDark */,
   "umameDocsDark" /* UmameDocsDark */,
   "umaAuthSdkDark" /* UmaAuthSdkDark */
@@ -774,11 +885,13 @@ var isDark = (theme) => [
 var isLight = (theme) => [
   "light" /* Light */,
   "bridgeLight" /* BridgeLight */,
+  "nageLight" /* NageLight */,
   "lightsparkDocsLight" /* LightsparkDocsLight */,
   "umameDocsLight" /* UmameDocsLight */,
   "umaAuthSdkLight" /* UmaAuthSdkLight */
 ].includes(theme.type);
 var isBridge = (theme) => ["bridgeLight" /* BridgeLight */, "bridgeDark" /* BridgeDark */].includes(theme.type);
+var isNage = (theme) => ["nageLight" /* NageLight */, "nageDark" /* NageDark */].includes(theme.type);
 var themeOr = (lightValue, darkValue) => ({ theme }) => {
   return isLight(theme) ? lightValue : darkValue;
 };
@@ -834,6 +947,7 @@ export {
   isDark,
   isLight,
   isBridge,
+  isNage,
   themeOr,
   themeOrWithKey,
   ifLight,