@lightsparkdev/ui 0.0.12 → 1.0.0

package/dist/chunk-WIFHFWAN.js

@@ -0,0 +1,21 @@
+import {
+  getFontColor
+} from "./chunk-ZFDYANKZ.js";
+import {
+  getTypographyString
+} from "./chunk-ENBUKLVT.js";
+
+// src/styles/typography.tsx
+var applyTypography = (theme, typographyType, size, color = "inherit", applyToAll = true) => {
+  const selector = applyToAll ? "&, & *" : "&";
+  return `
+    ${selector} {
+      ${getTypographyString(theme, typographyType, size)};
+      color: ${getFontColor(theme, color)};
+    }
+  `;
+};
+
+export {
+  applyTypography
+};

package/dist/chunk-WNQ7KWL6.js

@@ -0,0 +1,28 @@
+// src/icons/CheckmarkCircleTier2.tsx
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+function CheckmarkCircleTier2() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 28 28",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx("circle", { cx: "14", cy: "14", r: "14", fill: "white" }),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M8 13.9752L11.644 17.6192C11.644 17.6192 15.8995 13.3636 19.2631 10",
+            stroke: "#8B38DE",
+            strokeWidth: "2"
+          }
+        )
+      ]
+    }
+  );
+}
+
+export {
+  CheckmarkCircleTier2
+};

package/dist/chunk-XBKRPEVT.js

@@ -0,0 +1,38 @@
+// src/icons/WarningSign.tsx
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+function WarningSign() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 12 12",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_3679_43594)", children: [
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M1.23392 10.8195L1.52049 10.4097L1.23392 10.8195C1.40632 10.94 1.59783 10.9728 1.74858 10.9866C1.89495 11 2.07532 11 2.27188 11L2.29247 11H9.70362L9.72422 11C9.92078 11 10.1011 11 10.2475 10.9866C10.3983 10.9728 10.5898 10.94 10.7622 10.8195L10.4756 10.4097L10.7622 10.8195C10.9876 10.6618 11.1381 10.4183 11.1783 10.1462C11.209 9.93805 11.1527 9.75208 11.0977 9.61107C11.0442 9.47415 10.9635 9.31281 10.8756 9.13699L10.8664 9.11862L7.1608 1.70747L7.16096 1.7074L7.15786 1.7016L7.15094 1.68775C7.04427 1.47437 6.94927 1.28435 6.86007 1.14036C6.77215 0.998424 6.64092 0.816166 6.42657 0.714504C6.15537 0.585877 5.84073 0.585877 5.56952 0.714504C5.35517 0.816167 5.22394 0.998426 5.13602 1.14036C5.04682 1.28436 4.95182 1.47439 4.84514 1.68777L4.83529 1.70748L1.12972 9.11862L1.12051 9.13704C1.03259 9.31284 0.951915 9.47416 0.898437 9.61107C0.843361 9.75208 0.787055 9.93805 0.817803 10.1462C0.858007 10.4183 1.00852 10.6618 1.23392 10.8195Z",
+              stroke: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M6 8.5V8.48633M6 4V6.75",
+              stroke: "currentColor",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_3679_43594", children: /* @__PURE__ */ jsx("rect", { width: "12", height: "12", fill: "white" }) }) })
+      ]
+    }
+  );
+}
+
+export {
+  WarningSign
+};

package/dist/chunk-XGUCS6ED.js

@@ -0,0 +1,39 @@
+// src/icons/KotlinTwoTone.tsx
+import { useTheme } from "@emotion/react";
+import { useId } from "react";
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+function KotlinTwoTone() {
+  const id = useId();
+  const theme = useTheme();
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 25 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx("g", { clipPath: `url(#clip0_286_537-${id})`, children: /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M24.333 24H0.333008V0H24.333L12.333 12L24.333 24Z",
+            fill: "currentColor"
+          }
+        ) }),
+        /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: `clip0_286_537-${id}`, children: /* @__PURE__ */ jsx(
+          "rect",
+          {
+            width: "24",
+            height: "24",
+            fill: theme.bg,
+            transform: "translate(0.333008)"
+          }
+        ) }) })
+      ]
+    }
+  );
+}
+
+export {
+  KotlinTwoTone
+};

package/dist/chunk-XHLHQC5Q.js

@@ -0,0 +1,37 @@
+// src/icons/Person.tsx
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+function Person() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M15.7485 6.5C15.7485 8.57107 14.0696 10.25 11.9985 10.25C9.92747 10.25 8.24854 8.57107 8.24854 6.5C8.24854 4.42893 9.92747 2.75 11.9985 2.75C14.0696 2.75 15.7485 4.42893 15.7485 6.5Z",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M11.9985 13.25C8.20293 13.25 5.43245 15.7735 4.67009 19.1657C4.54089 19.7406 5.0077 20.25 5.59696 20.25H18.4001C18.9894 20.25 19.4562 19.7406 19.327 19.1657C18.5646 15.7735 15.7941 13.25 11.9985 13.25Z",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    }
+  );
+}
+
+export {
+  Person
+};

package/dist/chunk-XXE3N5AE.js

@@ -0,0 +1,25 @@
+// src/icons/NodeAdd.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function NodeAdd() {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 12 12",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M6 3.25V8.75M3.25 6H8.75M11.5 6C11.5 9.03757 9.03757 11.5 6 11.5C2.96243 11.5 0.5 9.03757 0.5 6C0.5 2.96243 2.96243 0.5 6 0.5C9.03757 0.5 11.5 2.96243 11.5 6Z",
+          stroke: "currentColor",
+          strokeLinecap: "round"
+        }
+      )
+    }
+  );
+}
+
+export {
+  NodeAdd
+};

package/dist/chunk-YO5J3T3L.js

@@ -0,0 +1,27 @@
+// src/icons/JavaTwoTone.tsx
+import { useTheme } from "@emotion/react";
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+function JavaTwoTone() {
+  const theme = useTheme();
+  return /* @__PURE__ */ jsxs("svg", { width: "100%", viewBox: "0 0 25 24", fill: "none", children: [
+    /* @__PURE__ */ jsx("rect", { width: "24", height: "24", fill: "currentColor" }),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        fill: theme.bg,
+        d: "M14.0284 15.104C13.631 15.2166 12.7358 15.4001 11.4558 15.4001C10.1996 15.4001 9.17311 15.185 9.16991 14.9318C9.16779 14.7633 9.37146 14.6899 9.37146 14.6899L9.33522 14.6689C8.73366 14.7752 8.17485 14.9396 8.17808 15.1856C8.18365 15.6322 9.89118 15.9675 11.4533 15.9675C12.7814 15.9675 14.0569 15.7447 14.6322 15.4527L14.0284 15.104ZM9.78311 16.4845C9.50413 16.54 8.89612 16.6796 8.89612 16.9753C8.89612 17.3849 10.197 17.6986 11.4528 17.6986C13.1809 17.6986 13.8887 17.2539 13.9207 17.2309L13.2022 16.8152C12.8966 16.888 12.3817 17.0024 11.4546 17.0024C10.4198 17.0024 9.74563 16.8252 9.74563 16.6312C9.74563 16.59 9.77137 16.5411 9.81932 16.5054L9.78311 16.4845ZM16.8447 13.7287C16.7963 14.6561 15.9395 15.2336 15.0831 15.7216L15.1607 15.7663C16.0745 15.5092 17.7051 14.7606 17.5703 13.6099C17.5031 13.036 16.9786 12.626 16.2948 12.626C16.0818 12.626 15.8924 12.6635 15.7388 12.7103L15.7383 12.7118L15.7059 12.7934C16.3175 12.6737 16.8764 13.1203 16.8447 13.7287ZM11.4292 19.1713C13.833 19.1504 16.5227 18.6799 16.5157 17.8891C16.5145 17.7458 16.4211 17.6476 16.34 17.5883L16.3006 17.6109C16.0784 18.2235 14.2 18.6761 11.4251 18.7003C9.63458 18.7159 7.15433 18.2869 7.15 17.7912C7.14566 17.2942 8.32496 17.0211 8.32496 17.0211L8.24164 16.9735C7.45136 17.0823 5.9952 17.4608 6.00001 18.0072C6.00694 18.7972 9.35354 19.1895 11.4292 19.1713ZM11.1792 19.7359C10.2237 19.7443 9.05699 19.6652 8.07554 19.5002L7.98466 19.5525C8.96228 19.8392 10.3233 20.0123 11.8189 19.9993C14.7561 19.9736 17.1375 19.2452 17.1846 18.3687L17.1506 18.3489C16.9537 18.5891 15.6833 19.6966 11.1792 19.7359ZM7.49957 13.5173C7.49957 13.0742 9.18017 12.8256 9.96266 12.7654L10.0373 12.8086C9.73673 12.8633 8.53072 13.076 8.53072 13.3534C8.53072 13.6555 10.3805 13.8535 11.4542 13.8535C13.2778 13.8535 14.5175 13.5775 14.8509 13.4865L15.3173 13.7579C14.9979 13.9143 13.6265 14.3242 11.4543 14.3242C9.04006 14.3242 7.49957 13.8519 7.49957 13.5173Z"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        fill: theme.bg,
+        d: "M14.7951 7.32458L14.7547 7.30147C14.0204 7.54741 11.7604 8.43947 11.7604 10.1028C11.7604 11.0435 12.679 11.5645 12.679 12.4467C12.679 12.7614 12.5013 13.0564 12.3566 13.2327L12.4293 13.2748C12.8117 13.0262 13.4887 12.4881 13.4887 11.7933C13.4887 11.2049 12.6743 10.498 12.6743 9.74167C12.6743 8.55001 14.2456 7.61505 14.7951 7.32458ZM13.6857 5.14453C13.6857 7.60625 10.3121 8.54827 10.3121 10.2985C10.3121 11.5272 11.1269 12.2977 11.5776 12.7847L11.541 12.8059C10.9719 12.4499 9.47461 11.5552 9.47461 10.0774C9.47461 8.00271 13.3494 7.01134 13.3494 4.65472C13.3494 4.36475 13.3065 4.14253 13.2765 4.02258L13.3157 3.99998C13.4385 4.1543 13.6857 4.54009 13.6857 5.14453Z"
+      }
+    )
+  ] });
+}
+
+export {
+  JavaTwoTone
+};

package/dist/chunk-YQP6EWZY.js

@@ -0,0 +1,39 @@
+import {
+  select
+} from "./chunk-YMNSXZ5D.js";
+import {
+  toNonTypographicReactNodes
+} from "./chunk-QBJ57KNQ.js";
+import {
+  applyTypography
+} from "./chunk-WIFHFWAN.js";
+
+// src/components/typography/Display.tsx
+import styled from "@emotion/styled";
+import { jsx } from "@emotion/react/jsx-runtime";
+var displayElements = ["h1", "h2", "h3", "h4", "h5", "h6"];
+var Display = ({
+  content,
+  children,
+  color,
+  size = "Medium",
+  element = "h1"
+}) => {
+  let reactNodes = children || null;
+  if (content) {
+    reactNodes = toNonTypographicReactNodes(content);
+  }
+  return /* @__PURE__ */ jsx(StyledDisplay, { as: element, size, colorProp: color, children: reactNodes });
+};
+var StyledDisplay = styled.span`
+  ${({ theme, size, colorProp }) => applyTypography(theme, "Display", size, colorProp)}
+`;
+function displaySelector(element) {
+  return `${element}${select(StyledDisplay)}`;
+}
+
+export {
+  displayElements,
+  Display,
+  displaySelector
+};

package/dist/chunk-YRFC56VN.js

@@ -0,0 +1,25 @@
+// src/icons/ApiConnection.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function ApiConnection() {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "22",
+      height: "18",
+      viewBox: "0 0 22 18",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M1 8H0V10H1V8ZM21 10H22V8H21V10ZM11 16C7.13401 16 4 12.866 4 9H2C2 13.9706 6.02944 18 11 18V16ZM4 9C4 5.13401 7.13401 2 11 2V0C6.02944 0 2 4.02944 2 9H4ZM14 9C14 10.6569 12.6569 12 11 12V14C13.7614 14 16 11.7614 16 9H14ZM11 12C9.34315 12 8 10.6569 8 9H6C6 11.7614 8.23858 14 11 14V12ZM8 9C8 7.34315 9.34315 6 11 6V4C8.23858 4 6 6.23858 6 9H8ZM11 6C12.6569 6 14 7.34315 14 9H16C16 6.23858 13.7614 4 11 4V6ZM3 8H1V10H3V8ZM11 2C13.9361 2 16.4524 3.80802 17.4915 6.37522L19.3454 5.62478C18.011 2.32832 14.7786 0 11 0V2ZM17.5628 11.4413C16.5714 14.1051 14.0058 16 11 16V18C14.8681 18 18.1639 15.5602 19.4372 12.1389L17.5628 11.4413ZM15 10H21V8H15V10Z",
+          fill: "currentColor"
+        }
+      )
+    }
+  );
+}
+
+export {
+  ApiConnection
+};

package/dist/chunk-YYPRW5VJ.js

@@ -0,0 +1,118 @@
+import {
+  TextIconAligner
+} from "./chunk-CZH4OCQY.js";
+import {
+  Link
+} from "./chunk-4QVTXKRX.js";
+import {
+  UnstyledButton
+} from "./chunk-HGYVPOA7.js";
+import {
+  elide
+} from "./chunk-EDN2QDCB.js";
+import {
+  getFocusOutline
+} from "./chunk-52POF2W4.js";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./chunk-LOPKRCGI.js";
+
+// src/components/TextButton.tsx
+import { css } from "@emotion/react";
+import styled from "@emotion/styled";
+import { jsx } from "@emotion/react/jsx-runtime";
+function TextButton({
+  text: textProp,
+  to,
+  href,
+  toParams,
+  onClick,
+  rightIcon,
+  leftIcon,
+  elide: elideArgs,
+  disabled = false,
+  mt = 0,
+  ml = 0,
+  mr = 0,
+  padding = "0",
+  iconMatchTextColor = false,
+  typography
+}) {
+  const text = elideArgs ? elide(textProp, elideArgs) : textProp;
+  let rightIconProp = rightIcon;
+  if (typeof rightIcon === "undefined" && typeof leftIcon === "undefined") {
+    rightIconProp = {
+      name: "RightArrow"
+    };
+  }
+  const defaultIconColor = iconMatchTextColor ? void 0 : "mcNeutral";
+  const content = /* @__PURE__ */ jsx(
+    TextIconAligner,
+    {
+      onClick,
+      leftIcon: leftIcon ? {
+        name: leftIcon.name,
+        color: leftIcon.color || defaultIconColor,
+        width: leftIcon.width
+      } : null,
+      content: text,
+      typography: __spreadValues({ size: "ExtraSmall" }, typography),
+      rightIcon: rightIconProp ? {
+        name: rightIconProp.name,
+        color: rightIconProp.color || defaultIconColor,
+        width: rightIconProp.width
+      } : null
+    }
+  );
+  const commonProps = {
+    type: "button",
+    onClick,
+    disabled,
+    padding,
+    css: {
+      marginTop: mt ? `${mt}px` : void 0,
+      marginLeft: ml ? `${ml}px` : void 0,
+      marginRight: mr ? `${mr}px` : void 0
+    }
+  };
+  if (to) {
+    return /* @__PURE__ */ jsx(ButtonLink, __spreadProps(__spreadValues({}, commonProps), { to, params: toParams, children: content }));
+  }
+  return href ? /* @__PURE__ */ jsx(ButtonHrefLink, __spreadProps(__spreadValues({}, commonProps), { href, target: "_blank", children: content })) : /* @__PURE__ */ jsx(StyledButton, __spreadProps(__spreadValues({}, commonProps), { children: content }));
+}
+var buttonStyle = ({
+  theme,
+  disabled,
+  padding
+}) => css`
+  display: inline-flex;
+  opacity: ${disabled ? 0.2 : 1};
+  align-items: center;
+  transition: opacity 0.2s;
+  padding: ${padding};
+
+  &:focus-visible {
+    outline: ${getFocusOutline({ theme })};
+  }
+
+  & > * {
+    width: 100%;
+    text-align: center;
+    white-space: nowrap;
+    cursor: ${disabled ? "not-allowed" : "pointer"};
+  }
+`;
+var StyledButton = styled(UnstyledButton)`
+  ${(props) => buttonStyle(props)}
+`;
+var ButtonLink = styled(Link)`
+  ${(props) => buttonStyle(props)}
+`;
+var ButtonHrefLink = styled.a`
+  ${(props) => buttonStyle(props)}
+`;
+
+export {
+  TextButton
+};

package/dist/chunk-ZE4CS3ZS.js

@@ -0,0 +1,25 @@
+// src/icons/Copy.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function Copy() {
+  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: "M16 9V3H3V16H9M21 21H7.99998V8H21V21Z",
+          stroke: "currentColor",
+          strokeWidth: "2"
+        }
+      )
+    }
+  );
+}
+
+export {
+  Copy
+};