@lightsparkdev/ui 0.0.13 → 1.0.1

package/dist/{chunk-3EVAP5JT.js → chunk-3A6TEYT3.js}

@@ -3,20 +3,20 @@ import {
 } from "./chunk-55OQPFLF.js";
 import {
   overlaySurface
-} from "./chunk-JK4BP73A.js";
+} from "./chunk-52POF2W4.js";
 import {
   __spreadProps,
   __spreadValues
-} from "./chunk-CIGAQ47A.js";
+} from "./chunk-LOPKRCGI.js";
 
-// src/components/LightTooltip.tsx
+// src/components/Tooltip.tsx
 import { css } from "@emotion/css";
 import { useTheme } from "@emotion/react";
 import React, { useEffect, useRef } from "react";
 import ReactDOM from "react-dom";
-import { Tooltip } from "react-tooltip";
+import { Tooltip as ReactTooltip } from "react-tooltip";
 import { jsx } from "@emotion/react/jsx-runtime";
-function LightTooltip(props) {
+function Tooltip(props) {
   const nodeRef = useRef(null);
   const [nodeReady, setNodeReady] = React.useState(false);
   useEffect(() => {
@@ -33,35 +33,35 @@ function LightTooltip(props) {
     };
   }, []);
   const theme = useTheme();
-  console.log("LightTooltip.tsx: tooltipProps:", props);
   return nodeReady && nodeRef.current ? ReactDOM.createPortal(
     /* @__PURE__ */ jsx(
-      Tooltip,
+      ReactTooltip,
       __spreadProps(__spreadValues({}, props), {
         id: props.id || "",
         content: props.content || "",
         noArrow: true,
         border: "0.05rem solid rgba(0, 0, 0, 0.1)",
         className: styles({ theme }),
-        variant: "light",
-        delayShow: 180
+        variant: "light"
       })
     ),
     nodeRef.current
   ) : null;
 }
 var styles = ({ theme }) => css`
-  font-size: "10px",
-  color: ${theme.c2Neutral};
+  font-size: "10px";
+  color: ${theme.c8Neutral} !important;
   border-radius: 8px !important;
   padding: 16px !important;
   z-index: ${z.tooltip};
   ${overlaySurface({ theme, important: true })};
 
   max-width: 260px;
-  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.10), 0px 4px 8px 0px rgba(0, 0, 0, 0.08) !important;
+  box-shadow:
+    0px 1px 4px 0px rgba(0, 0, 0, 0.1),
+    0px 4px 8px 0px rgba(0, 0, 0, 0.08) !important;
 `;
 
 export {
-  LightTooltip
+  Tooltip
 };

package/dist/{chunk-UV6JCAHE.js → chunk-3BMKXP5E.js}

@@ -1,20 +1,22 @@
 import {
   CopyToClipboardButton
-} from "./chunk-7C4MHI6Q.js";
+} from "./chunk-PK4E5P4Q.js";
 import {
   overflowAutoWithoutScrollbars
-} from "./chunk-FCZJILMW.js";
+} from "./chunk-JXXIU52B.js";
 import {
   standardBorderRadius
-} from "./chunk-JK4BP73A.js";
+} from "./chunk-52POF2W4.js";
 import {
-  colors,
   themeOr
-} from "./chunk-2VBDEO6M.js";
+} from "./chunk-ZFDYANKZ.js";
+import {
+  colors
+} from "./chunk-KYTOF4WO.js";
 import {
   __spreadProps,
   __spreadValues
-} from "./chunk-CIGAQ47A.js";
+} from "./chunk-LOPKRCGI.js";
 
 // src/components/CodeBlock.tsx
 import styled from "@emotion/styled";

package/dist/chunk-3BSQFYGE.js

@@ -0,0 +1,38 @@
+// src/icons/WalletSDKIcon.tsx
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+function WalletSDKIcon() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "36",
+      height: "33",
+      viewBox: "0 0 36 33",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M32 7.5V7.5C32 6.10444 32 5.40666 31.8278 4.83886C31.44 3.56046 30.4395 2.56004 29.1611 2.17224C28.5933 2 27.8956 2 26.5 2H8.4C6.15979 2 5.03968 2 4.18404 2.43597C3.43139 2.81947 2.81947 3.43139 2.43597 4.18404C2 5.03968 2 6.15979 2 8.4V24.6C2 26.8402 2 27.9603 2.43597 28.816C2.81947 29.5686 3.43139 30.1805 4.18404 30.564C5.03968 31 6.15979 31 8.4 31H25.6C27.8402 31 28.9603 31 29.816 30.564C30.5686 30.1805 31.1805 29.5686 31.564 28.816C32 27.9603 32 26.8402 32 24.6V24.5",
+            stroke: "currentColor",
+            strokeWidth: "3",
+            strokeLinecap: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx("rect", { x: "24", y: "12", width: "12", height: "8", rx: "1", fill: "#7808D0" }),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M19 30C19 21.1634 11.8366 14 3 14",
+            stroke: "currentColor",
+            strokeWidth: "3"
+          }
+        )
+      ]
+    }
+  );
+}
+
+export {
+  WalletSDKIcon
+};

package/dist/{icons/TrashOld.js → chunk-3CHMNLGD.js}

@@ -1,14 +1,10 @@
-import "../chunk-CIGAQ47A.js";
-
-// src/icons/TrashOld.tsx
+// src/icons/Trash.tsx
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
-var Trash = (props) => {
-  var _a, _b, _c;
+function Trash() {
   return /* @__PURE__ */ jsxs(
     "svg",
     {
-      width: "12",
-      height: "12",
+      width: "100%",
       viewBox: "0 0 12 12",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
@@ -17,18 +13,18 @@ var Trash = (props) => {
           "path",
           {
             d: "M0.5 2.85714H11.5M4.07143 11.5H7.92857C8.79647 11.5 9.5 10.7965 9.5 9.92857L9.92857 2.07143C9.92857 1.20355 9.22504 0.5 8.35714 0.5H3.64286C2.77498 0.5 2.07143 1.20355 2.07143 2.07143L2.5 9.92857C2.5 10.7965 3.20355 11.5 4.07143 11.5Z",
-            stroke: (_a = props.color) != null ? _a : "black",
+            stroke: "currentColor",
             strokeLinecap: "round",
             strokeLinejoin: "round"
           }
         ),
-        /* @__PURE__ */ jsx("path", { d: "M5 5V9", stroke: (_b = props.color) != null ? _b : "black", strokeLinecap: "round" }),
-        /* @__PURE__ */ jsx("path", { d: "M7 5V9", stroke: (_c = props.color) != null ? _c : "black", strokeLinecap: "round" })
+        /* @__PURE__ */ jsx("path", { d: "M5 5V9", stroke: "currentColor", strokeLinecap: "round" }),
+        /* @__PURE__ */ jsx("path", { d: "M7 5V9", stroke: "currentColor", strokeLinecap: "round" })
       ]
     }
   );
-};
-var TrashOld_default = Trash;
+}
+
 export {
-  TrashOld_default as default
+  Trash
 };

package/dist/chunk-3KOUSJV6.js

@@ -0,0 +1,26 @@
+// src/icons/StackedLines.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function StackedLines() {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      viewBox: "0 0 20 16",
+      width: "100%",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M18.5466 1.55566H1.1864M18.5466 8.00009H1.1864M18.5466 14.4445H1.1864",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round"
+        }
+      )
+    }
+  );
+}
+
+export {
+  StackedLines
+};

package/dist/chunk-3TKO2L4T.js

@@ -0,0 +1,31 @@
+import {
+  toNonTypographicReactNodes
+} from "./chunk-QBJ57KNQ.js";
+import {
+  applyTypography
+} from "./chunk-WIFHFWAN.js";
+
+// src/components/typography/Label.tsx
+import styled from "@emotion/styled";
+import { jsx } from "@emotion/react/jsx-runtime";
+var Label = ({
+  content,
+  color,
+  size = "Medium",
+  children
+}) => {
+  let reactNodes = children || null;
+  if (content) {
+    reactNodes = toNonTypographicReactNodes(content);
+  }
+  return /* @__PURE__ */ jsx(StyledLabel, { size, colorProp: color, children: reactNodes });
+};
+var StyledLabel = styled.label`
+  ${({ theme, size, colorProp }) => applyTypography(theme, "Label", size, colorProp)}
+  cursor: inherit;
+`;
+
+export {
+  Label,
+  StyledLabel
+};

package/dist/chunk-3XGQJIDN.js

@@ -0,0 +1,37 @@
+// src/icons/NotEye.tsx
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+function NotEye() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M1 14L15 2",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M1.5 7.99986C1.5 7.17871 2.17312 6.0791 3.46017 5.13192C4.7117 4.21088 6.37168 3.57129 8 3.57129C9.61784 3.57129 11.2669 4.20267 12.5156 5.11417L13.6804 4.11579C13.5977 4.05032 13.5138 3.9863 13.4289 3.92381C11.9617 2.84404 9.99667 2.07129 8 2.07129C6.00332 2.07129 4.0383 2.84404 2.57108 3.92381C1.13938 4.97744 0 6.46711 0 7.99986C0 9.5326 1.13938 11.0223 2.57108 12.0759C2.89623 12.3152 3.24581 12.5394 3.61478 12.7435L4.84569 11.6884C4.34877 11.4558 3.88134 11.1778 3.46017 10.8678C2.17312 9.92062 1.5 8.82101 1.5 7.99986ZM6.48982 12.2547L5.1284 13.4217C6.04079 13.741 7.01656 13.9284 8 13.9284C9.99667 13.9284 11.9617 13.1557 13.4289 12.0759C14.8606 11.0223 16 9.5326 16 7.99986C16 6.99641 15.5117 6.01143 14.7727 5.15516L13.6346 6.13069C14.2058 6.79245 14.5 7.457 14.5 7.99986C14.5 8.82101 13.8269 9.92062 12.5398 10.8678C11.2883 11.7888 9.62832 12.4284 8 12.4284C7.49528 12.4284 6.98752 12.367 6.48982 12.2547ZM10.7583 8.59603C10.4961 9.81498 9.44641 10.7413 8.16793 10.8164L10.7583 8.59603ZM10.5527 6.79664C10.1011 5.84021 9.12785 5.17843 8 5.17843C6.44177 5.17843 5.17857 6.44163 5.17857 7.99986C5.17857 8.97302 5.67126 9.83111 6.42081 10.3383L7.6591 9.2769C7.09451 9.12657 6.67857 8.61179 6.67857 7.99986C6.67857 7.27006 7.2702 6.67843 8 6.67843C8.68203 6.67843 9.24338 7.19514 9.31395 7.85845L10.5527 6.79664Z",
+            fill: "currentColor"
+          }
+        )
+      ]
+    }
+  );
+}
+
+export {
+  NotEye
+};

package/dist/{icons/Channel.js → chunk-3YVEKRB3.js}

@@ -1,48 +1,55 @@
-import "../chunk-CIGAQ47A.js";
-
-// src/icons/Channel.tsx
+// src/icons/Plus.tsx
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
-var Channel = () => {
+function Plus() {
   return /* @__PURE__ */ jsxs(
     "svg",
     {
       width: "100%",
-      viewBox: "0 0 16 16",
+      viewBox: "0 0 15 15",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       children: [
         /* @__PURE__ */ jsx(
           "path",
           {
-            d: "M8 8C8.83684 7.16316 9.16316 6.83684 10 6",
+            d: "M1.875 7.17828H7.1783V1.87498",
+            stroke: "currentColor",
+            strokeWidth: "1.40621",
+            strokeLinecap: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M7.33203 1.875V7.1783H12.6353",
             stroke: "currentColor",
-            strokeWidth: "1.5",
+            strokeWidth: "1.40621",
             strokeLinecap: "round"
           }
         ),
         /* @__PURE__ */ jsx(
           "path",
           {
-            d: "M10 3.5C10 2.11929 11.1193 1 12.5 1C13.8807 1 15 2.11929 15 3.5C15 4.88071 13.8807 6 12.5 6C11.1193 6 10 4.88071 10 3.5Z",
+            d: "M12.6367 7.33859H7.33342V12.6419",
             stroke: "currentColor",
-            strokeWidth: "1.5",
+            strokeWidth: "1.40621",
             strokeLinecap: "round"
           }
         ),
         /* @__PURE__ */ jsx(
           "path",
           {
-            d: "M1 11C1 8.79086 2.79086 7 5 7C7.20914 7 9 8.79086 9 11C9 13.2091 7.20914 15 5 15C2.79086 15 1 13.2091 1 11Z",
+            d: "M7.17969 12.643L7.17969 7.33969L1.87639 7.33969",
             stroke: "currentColor",
-            strokeWidth: "1.5",
+            strokeWidth: "1.40621",
             strokeLinecap: "round"
           }
         )
       ]
     }
   );
-};
-var Channel_default = Channel;
+}
+
 export {
-  Channel_default as default
+  Plus
 };

package/dist/chunk-44UNWWP3.js

@@ -0,0 +1,58 @@
+import {
+  Label
+} from "./chunk-3TKO2L4T.js";
+import {
+  LabelModerate
+} from "./chunk-NMJGBK5W.js";
+import {
+  LabelStrong
+} from "./chunk-FUC2Z5QZ.js";
+import {
+  Overline
+} from "./chunk-AHIR5UAO.js";
+import {
+  Title
+} from "./chunk-HV6SRK57.js";
+import {
+  Code
+} from "./chunk-IOWK2GBE.js";
+import {
+  Display
+} from "./chunk-YQP6EWZY.js";
+import {
+  Headline
+} from "./chunk-4YN25H5H.js";
+import {
+  Body
+} from "./chunk-POTDIFIX.js";
+import {
+  BodyStrong
+} from "./chunk-MGXWKJDU.js";
+import {
+  __spreadValues
+} from "./chunk-LOPKRCGI.js";
+
+// src/components/typography/renderTypography.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+var typographyMap = {
+  Display,
+  Headline,
+  Title,
+  Body,
+  "Body Strong": BodyStrong,
+  Label,
+  "Label Moderate": LabelModerate,
+  "Label Strong": LabelStrong,
+  Overline,
+  Code,
+  "Code Strong": () => /* @__PURE__ */ jsx("div", { children: "Unimplemented" })
+};
+var renderTypography = (type, props) => {
+  const TypographyComponent = typographyMap[type];
+  return /* @__PURE__ */ jsx(TypographyComponent, __spreadValues({}, props));
+};
+
+export {
+  typographyMap,
+  renderTypography
+};