@lightsparkdev/ui 1.1.5 → 1.1.7

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @lightsparkdev/ui
 
+## 1.1.7
+
+### Patch Changes
+
+- 56d34fb: Adding new base nage design system and theming
+
+## 1.1.6
+
+### Patch Changes
+
+- e9152bc: - Theme, typography updates
+- Updated dependencies [e9152bc]
+  - @lightsparkdev/core@1.4.3
+
 ## 1.1.5
 
 ### Patch Changes

package/dist/{chunk-V7Y2SI3W.js → chunk-2GIGP2YX.js}

@@ -1,10 +1,10 @@
 import {
   toReactNodes
-} from "./chunk-BQEN763M.js";
+} from "./chunk-5QARHWIH.js";
 import {
   StyledDisplay,
   getPropDefaults
-} from "./chunk-JF4EKJHX.js";
+} from "./chunk-3LZIYCKG.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-GHXHO5FQ.cjs → chunk-2J2ZDWLF.cjs}

@@ -23,6 +23,7 @@ var neutral = {
   gray90: "#E6E6E6",
   gray91: "#171717",
   gray95: "#F2F2F2",
+  gray97: "#F8F8F7",
   gray98: "#F9F9F9",
   gray99: "#EDEEF1",
   white: "#FFFFFF",
@@ -31,9 +32,71 @@ var neutral = {
 var darkGradient = "#1d1d1d linear-gradient(180deg, #090909 63.08%, #1d1d1d 100.52%)";
 var primary = "#FFF14E";
 var baseColors = _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, neutral), {
+  // alpha variants
+  "white-90": "#ffffffe5",
+  "white-80": "#ffffffcc",
+  "white-70": "#ffffffb2",
+  "white-60": "#ffffff99",
+  "white-50": "#ffffff80",
+  "white-40": "#ffffff66",
+  "white-30": "#ffffff4d",
+  "white-20": "#ffffff33",
+  "white-10": "#ffffff1a",
+  "white-04": "#ffffff0a",
+  "black-90": "#000000e5",
+  "black-80": "#000000cc",
+  "black-70": "#000000b2",
+  "black-60": "#00000099",
+  "black-50": "#00000080",
+  "black-40": "#00000066",
+  "black-30": "#0000004d",
+  "black-20": "#00000033",
+  "black-10": "#0000001a",
+  "black-04": "#0000000a",
+  // gray scale
+  "gray-050": "#f8f8f7",
+  "gray-090": "#eeeeec",
+  "gray-100": "#f0f0ee",
+  "gray-200": "#deded9",
+  "gray-210": "#dfdfdd",
+  "gray-250": "#d6d6d4",
+  "gray-275": "#c9cac7",
+  "gray-300": "#c1c0b8",
+  "gray-400": "#989898",
+  "gray-500": "#7c7c7c",
+  "gray-600": "#656565",
+  "gray-700": "#464646",
+  "gray-800": "#3d3d3d",
+  "gray-900": "#282828",
+  "gray-950": "#1a1a1a",
+  // green scale
+  "green-50": "#f0fdf7",
+  "green-100": "#dbfdee",
+  "green-200": "#b9f9dc",
+  "green-300": "#82f3c1",
+  "green-400": "#45e39e",
+  "green-500": "#1ccb7e",
+  "green-600": "#11a967",
+  "green-700": "#118453",
+  "green-800": "#136844",
+  "green-900": "#12553a",
+  "green-950": "#042f1e",
+  // pink scale
+  "pink-050": "#fff2fb",
+  "pink-100": "#ffe3f9",
+  "pink-200": "#ffc6f3",
+  "pink-300": "#ff99e5",
+  "pink-400": "#ff5dd4",
+  "pink-500": "#ff21cc",
+  "pink-600": "#ff00d4",
+  "pink-700": "#cf00a7",
+  "pink-800": "#a90087",
+  "pink-900": "#89066c",
+  "pink-950": "#5e004a",
   // green
   success: "#17C27C",
   green: "#46ac4a",
+  green10: "#e6f4e6",
   green33: "#179257",
   green35: "#19981E",
   green37: "#179A1C",
@@ -69,8 +132,10 @@ var baseColors = _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.
   grayBlue95: "#F2F3F5",
   grayBlue96: "#F2F5F7",
   // purple
+  purple10: "#e6e8f8",
   purple43: "#820AD1",
   purple55: "#8B38DE",
+  purple60: "#7366c5",
   // red
   red50: "#E31A1A",
   red42a10: "#D800271A",
@@ -83,7 +148,11 @@ var baseColors = _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.
   warning: primary,
   warningYellow: "#E08A00",
   warningText: "#BB6B01",
+  warningText2: "#E09000",
   warningBackground: "#FBEECB",
+  warningBackground2: "#FFFDEA",
+  warningBackgroundHover: "#F5F2E0",
+  warningBackgroundActive: "#E5E4D3",
   // orange
   danger: "#FD2C0F",
   // neutral

package/dist/{chunk-IEASJSX4.js → chunk-2JNRD7FB.js}

@@ -1,9 +1,9 @@
 import {
   DocsHeadline
-} from "./chunk-3VS4MUPO.js";
+} from "./chunk-YXEMB4IF.js";
 import {
   Icon
-} from "./chunk-ZSZGVHHS.js";
+} from "./chunk-ULBM562P.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";

package/dist/{chunk-RUT36LUS.cjs → chunk-346NVWVF.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkT3JYHG7Gcjs = require('./chunk-T3JYHG7G.cjs');
+var _chunkVGUBZO6Scjs = require('./chunk-VGUBZO6S.cjs');
 
 
-var _chunkXIBBWWXUcjs = require('./chunk-XIBBWWXU.cjs');
+var _chunkZ2UI3ME4cjs = require('./chunk-Z2UI3ME4.cjs');
 
 
 
@@ -25,7 +25,7 @@ function SatoshiInput(_a) {
   ]);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.Fragment, { children: [
     label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkT3JYHG7Gcjs.SatoshiInputLabel,
+      _chunkVGUBZO6Scjs.SatoshiInputLabel,
       {
         text: label.text,
         availableSats: label.availableSats,
@@ -33,7 +33,7 @@ function SatoshiInput(_a) {
       }
     ),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkXIBBWWXUcjs.NumberInput_default,
+      _chunkZ2UI3ME4cjs.NumberInput_default,
       _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {
         placeholder: "SATs"
       }, rest), {

package/dist/chunk-376IAOH5.js

@@ -0,0 +1,44 @@
+// src/icons/central/ArrowDownRight.tsx
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+function ArrowDownRight({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M18 9V18H9",
+            stroke: "currentColor",
+            strokeWidth,
+            strokeLinecap,
+            strokeLinejoin
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M6.25 6.25L17 17",
+            stroke: "currentColor",
+            strokeWidth,
+            strokeLinecap,
+            strokeLinejoin
+          }
+        )
+      ]
+    }
+  );
+}
+
+export {
+  ArrowDownRight
+};

package/dist/{chunk-I4BK3LUQ.cjs → chunk-3CR34KKQ.cjs}

@@ -1,18 +1,18 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkEQ6PZHMTcjs = require('./chunk-EQ6PZHMT.cjs');
+var _chunkM7ADZ766cjs = require('./chunk-M7ADZ766.cjs');
 
 
-var _chunkVT3J6XBJcjs = require('./chunk-VT3J6XBJ.cjs');
+var _chunk7PHETHJZcjs = require('./chunk-7PHETHJZ.cjs');
 
 
-var _chunkTRVU37HAcjs = require('./chunk-TRVU37HA.cjs');
+var _chunkMJXCSZKAcjs = require('./chunk-MJXCSZKA.cjs');
 
 
-var _chunkZBJ5SGHGcjs = require('./chunk-ZBJ5SGHG.cjs');
+var _chunk7OVH56SPcjs = require('./chunk-7OVH56SP.cjs');
 
 
-var _chunkYIAN5J2Dcjs = require('./chunk-YIAN5J2D.cjs');
+var _chunkCDAUKAQHcjs = require('./chunk-CDAUKAQH.cjs');
 
 // src/components/Badge.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -32,13 +32,13 @@ function Badge({
     size: (typographyProp == null ? void 0 : typographyProp.size) || "Small",
     color: (typographyProp == null ? void 0 : typographyProp.color) || (kind === "danger" ? "danger" : kind === "success" ? "white" : "text")
   };
-  const nodesWithTypography = _chunkEQ6PZHMTcjs.setDefaultReactNodesTypography.call(void 0, contentProp, {
+  const nodesWithTypography = _chunkM7ADZ766cjs.setDefaultReactNodesTypography.call(void 0, contentProp, {
     default: defaultTypography
   });
-  const content = _chunkVT3J6XBJcjs.toReactNodes.call(void 0, nodesWithTypography);
+  const content = _chunk7PHETHJZcjs.toReactNodes.call(void 0, nodesWithTypography);
   return contentProp ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledBadge, { kind, ml, mr, size, block, children: [
     icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkTRVU37HAcjs.Icon,
+      _chunkMJXCSZKAcjs.Icon,
       {
         name: icon.name,
         width: 20,
@@ -51,7 +51,7 @@ function Badge({
 var badgeSmVPadding = 2;
 var badgeSmHPadding = 6;
 var StyledBadge = _styled2.default.div`
-  ${({ size }) => _chunkZBJ5SGHGcjs.standardBorderRadius.call(void 0, size === "sm" ? 4 : 12)}
+  ${({ size }) => _chunk7OVH56SPcjs.standardBorderRadius.call(void 0, size === "sm" ? 4 : 12)}
   ${({ ml }) => ml === 0 ? "" : `margin-left: ${ml}px;`}
   ${({ mr }) => mr === 0 ? "" : `margin-right: ${mr}px;`}
 
@@ -61,11 +61,11 @@ var StyledBadge = _styled2.default.div`
   padding: ${({ size }) => size === "sm" ? `${badgeSmVPadding}px ${badgeSmHPadding}px` : "12px 16px"};
   background-color: ${({ theme, kind }) => {
   if (kind === "danger") {
-    return _chunkYIAN5J2Dcjs.getColor.call(void 0, theme, "red42a10");
+    return _chunkCDAUKAQHcjs.getColor.call(void 0, theme, "red42a10");
   } else if (kind === "success") {
-    return _chunkYIAN5J2Dcjs.getColor.call(void 0, theme, "success");
+    return _chunkCDAUKAQHcjs.getColor.call(void 0, theme, "success");
   } else {
-    return _chunkYIAN5J2Dcjs.getColor.call(void 0, theme, theme.badge.bg);
+    return _chunkCDAUKAQHcjs.getColor.call(void 0, theme, theme.badge.bg);
   }
 }};
 `;

package/dist/chunk-3DWN3EUQ.js

@@ -0,0 +1,84 @@
+// src/icons/central/Vignette.tsx
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+function Vignette({ strokeWidth = "2" }) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z",
+            stroke: "currentColor",
+            strokeWidth
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M13 7.5C13 8.05228 12.5523 8.5 12 8.5C11.4477 8.5 11 8.05228 11 7.5C11 6.94772 11.4477 6.5 12 6.5C12.5523 6.5 13 6.94772 13 7.5Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M17.5 12C17.5 12.5523 17.0523 13 16.5 13C15.9477 13 15.5 12.5523 15.5 12C15.5 11.4477 15.9477 11 16.5 11C17.0523 11 17.5 11.4477 17.5 12Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M8.5 12C8.5 12.5523 8.05228 13 7.5 13C6.94772 13 6.5 12.5523 6.5 12C6.5 11.4477 6.94772 11 7.5 11C8.05228 11 8.5 11.4477 8.5 12Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M13 16.5C13 17.0523 12.5523 17.5 12 17.5C11.4477 17.5 11 17.0523 11 16.5C11 15.9477 11.4477 15.5 12 15.5C12.5523 15.5 13 15.9477 13 16.5Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M9.52513 8.11091C9.91565 8.50144 9.91565 9.1346 9.52513 9.52513C9.1346 9.91565 8.50144 9.91565 8.11091 9.52513C7.72039 9.1346 7.72039 8.50144 8.11091 8.11091C8.50144 7.72039 9.1346 7.72039 9.52513 8.11091Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M15.8891 8.11091C16.2796 8.50144 16.2796 9.1346 15.8891 9.52513C15.4986 9.91565 14.8654 9.91565 14.4749 9.52513C14.0843 9.1346 14.0843 8.50144 14.4749 8.11091C14.8654 7.72039 15.4986 7.72039 15.8891 8.11091Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M9.52513 14.4749C9.91565 14.8654 9.91565 15.4986 9.52513 15.8891C9.1346 16.2796 8.50144 16.2796 8.11091 15.8891C7.72039 15.4986 7.72039 14.8654 8.11091 14.4749C8.50144 14.0843 9.1346 14.0843 9.52513 14.4749Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M15.8891 14.4749C16.2796 14.8654 16.2796 15.4986 15.8891 15.8891C15.4986 16.2796 14.8654 16.2796 14.4749 15.8891C14.0843 15.4986 14.0843 14.8654 14.4749 14.4749C14.8654 14.0843 15.4986 14.0843 15.8891 14.4749Z",
+            fill: "currentColor"
+          }
+        )
+      ]
+    }
+  );
+}
+
+export {
+  Vignette
+};

package/dist/{chunk-IBFO244B.js → chunk-3E4OFW5B.js}

@@ -1,7 +1,7 @@
-// src/icons/central/Link.tsx
+// src/icons/central/DotGrid1x3Horizontal.tsx
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
-function Link({
-  strokeWidth = "1.5",
+function DotGrid1x3Horizontal({
+  strokeWidth = "2",
   strokeLinecap = "round",
   strokeLinejoin = "round"
 }) {
@@ -9,42 +9,39 @@ function Link({
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
-      width: "20",
-      height: "20",
-      viewBox: "0 0 20 20",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
       fill: "none",
       children: [
         /* @__PURE__ */ jsx(
           "path",
           {
-            d: "M8.125 4.60308L8.93038 3.79768C10.9385 1.78965 14.1941 1.78965 16.2021 3.79768C18.2101 5.80569 18.2101 9.06133 16.2021 11.0693L15.3949 11.8766",
+            d: "M12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13Z",
             stroke: "currentColor",
             strokeWidth,
             strokeLinecap,
-            strokeLinejoin,
-            vectorEffect: "non-scaling-stroke"
+            strokeLinejoin
           }
         ),
         /* @__PURE__ */ jsx(
           "path",
           {
-            d: "M11.873 15.3985L11.0692 16.2023C9.06117 18.2103 5.80554 18.2103 3.79752 16.2023C1.7895 14.1943 1.78949 10.9387 3.79752 8.93067L4.60722 8.12094",
+            d: "M20 13C20.5523 13 21 12.5523 21 12C21 11.4477 20.5523 11 20 11C19.4477 11 19 11.4477 19 12C19 12.5523 19.4477 13 20 13Z",
             stroke: "currentColor",
             strokeWidth,
             strokeLinecap,
-            strokeLinejoin,
-            vectorEffect: "non-scaling-stroke"
+            strokeLinejoin
           }
         ),
         /* @__PURE__ */ jsx(
           "path",
           {
-            d: "M7.9165 12.0833L12.0832 7.91666",
+            d: "M4 13C4.55228 13 5 12.5523 5 12C5 11.4477 4.55228 11 4 11C3.44772 11 3 11.4477 3 12C3 12.5523 3.44772 13 4 13Z",
             stroke: "currentColor",
             strokeWidth,
             strokeLinecap,
-            strokeLinejoin,
-            vectorEffect: "non-scaling-stroke"
+            strokeLinejoin
           }
         )
       ]
@@ -53,5 +50,5 @@ function Link({
 }
 
 export {
-  Link
+  DotGrid1x3Horizontal
 };

package/dist/{chunk-WP3X4RPA.js → chunk-3EYFBQMD.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-5KSG5D3I.js";
 import {
   TextInput
-} from "./chunk-ABPBF6Q3.js";
+} from "./chunk-P4VV6HNR.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/chunk-3IZM633Y.js

@@ -0,0 +1,32 @@
+// src/icons/central/Invite.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function Invite({
+  strokeWidth = "2",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M5 11V3H19V11M10 8H14M3 11V20H21V11L12 14L3 11Z",
+          stroke: "currentColor",
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin
+        }
+      )
+    }
+  );
+}
+
+export {
+  Invite
+};

package/dist/{chunk-JF4EKJHX.js → chunk-3LZIYCKG.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-YMNSXZ5D.js";
 import {
   applyTypography
-} from "./chunk-SZADZZW3.js";
+} from "./chunk-67GVLM7K.js";
 import {
   __objRest,
   __spreadProps,

package/dist/chunk-3NY4SSQ5.cjs

@@ -0,0 +1,84 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/central/Vignette.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function Vignette({ strokeWidth = "2" }) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z",
+            stroke: "currentColor",
+            strokeWidth
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M13 7.5C13 8.05228 12.5523 8.5 12 8.5C11.4477 8.5 11 8.05228 11 7.5C11 6.94772 11.4477 6.5 12 6.5C12.5523 6.5 13 6.94772 13 7.5Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M17.5 12C17.5 12.5523 17.0523 13 16.5 13C15.9477 13 15.5 12.5523 15.5 12C15.5 11.4477 15.9477 11 16.5 11C17.0523 11 17.5 11.4477 17.5 12Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M8.5 12C8.5 12.5523 8.05228 13 7.5 13C6.94772 13 6.5 12.5523 6.5 12C6.5 11.4477 6.94772 11 7.5 11C8.05228 11 8.5 11.4477 8.5 12Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M13 16.5C13 17.0523 12.5523 17.5 12 17.5C11.4477 17.5 11 17.0523 11 16.5C11 15.9477 11.4477 15.5 12 15.5C12.5523 15.5 13 15.9477 13 16.5Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M9.52513 8.11091C9.91565 8.50144 9.91565 9.1346 9.52513 9.52513C9.1346 9.91565 8.50144 9.91565 8.11091 9.52513C7.72039 9.1346 7.72039 8.50144 8.11091 8.11091C8.50144 7.72039 9.1346 7.72039 9.52513 8.11091Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M15.8891 8.11091C16.2796 8.50144 16.2796 9.1346 15.8891 9.52513C15.4986 9.91565 14.8654 9.91565 14.4749 9.52513C14.0843 9.1346 14.0843 8.50144 14.4749 8.11091C14.8654 7.72039 15.4986 7.72039 15.8891 8.11091Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M9.52513 14.4749C9.91565 14.8654 9.91565 15.4986 9.52513 15.8891C9.1346 16.2796 8.50144 16.2796 8.11091 15.8891C7.72039 15.4986 7.72039 14.8654 8.11091 14.4749C8.50144 14.0843 9.1346 14.0843 9.52513 14.4749Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M15.8891 14.4749C16.2796 14.8654 16.2796 15.4986 15.8891 15.8891C15.4986 16.2796 14.8654 16.2796 14.4749 15.8891C14.0843 15.4986 14.0843 14.8654 14.4749 14.4749C14.8654 14.0843 15.4986 14.0843 15.8891 14.4749Z",
+            fill: "currentColor"
+          }
+        )
+      ]
+    }
+  );
+}
+
+
+
+exports.Vignette = Vignette;

package/dist/{chunk-WHWGAZWV.js → chunk-3QYM7QD4.js}

@@ -1,9 +1,9 @@
-import {
-  TextInput
-} from "./chunk-ABPBF6Q3.js";
 import {
   useNumberInput
 } from "./chunk-43MZQA56.js";
+import {
+  TextInput
+} from "./chunk-P4VV6HNR.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-4PJCAUTR.js → chunk-3TFQKN7M.js}

@@ -1,18 +1,18 @@
 import {
   CopyToClipboardButton
-} from "./chunk-YCV4BBJW.js";
+} from "./chunk-56EI65NJ.js";
 import {
   overflowAutoWithoutScrollbars
-} from "./chunk-Q3MTVY74.js";
+} from "./chunk-VGEA6GWH.js";
 import {
   standardBorderRadius
-} from "./chunk-ZD2DY4VO.js";
+} from "./chunk-WN3TOABH.js";
 import {
   themeOr
-} from "./chunk-CQKSDNQF.js";
+} from "./chunk-E6PRWBTH.js";
 import {
   colors
-} from "./chunk-DDUDWE23.js";
+} from "./chunk-5J7O4QVA.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/chunk-3W4WQYVF.js

@@ -0,0 +1,32 @@
+// src/icons/central/Lightning.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function Lightning({
+  strokeWidth = "2",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M4 13L9 3H18L15 8H21L7 21L9 13H4Z",
+          stroke: "currentColor",
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin
+        }
+      )
+    }
+  );
+}
+
+export {
+  Lightning
+};