@lightsparkdev/ui 1.0.5 → 1.0.7

package/dist/chunk-EKTDBUWD.cjs

@@ -0,0 +1,77 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkMNAZ4BDQcjs = require('./chunk-MNAZ4BDQ.cjs');
+
+// src/components/Checkbox.tsx
+var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
+
+// src/static/images/Checkmark.svg?url
+var Checkmark_default = 'data:image/svg+xml,<svg width="12" height="9" viewBox="0 0 12 9" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<path d="M10.5004 1.84998L5.79662 6.63103C4.99697 7.44383 4.59714 7.85023 4.1003 7.85023C3.60346 7.85023 3.20363 7.44383 2.40398 6.63103L1.5 5.7122" stroke="white" stroke-width="1.90917" stroke-linecap="round"/>%0A</svg>%0A';
+
+// src/components/Checkbox.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function Checkbox({
+  checked,
+  onChange,
+  id,
+  label,
+  mt = 0,
+  alignItems = "center",
+  disabled = false
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, CheckboxContainer, { mt, alignItems, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      StyledCheckbox,
+      {
+        id,
+        type: "checkbox",
+        checked,
+        onChange: () => onChange(!checked),
+        disabled,
+        onKeyDown: (event) => {
+          if (event.key === "Enter") {
+            event.preventDefault();
+            onChange(!checked);
+          }
+        }
+      }
+    ),
+    label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CheckboxLabel, { htmlFor: id, children: label })
+  ] });
+}
+var StyledCheckbox = _styled2.default.input`
+  margin: 0;
+  cursor: pointer;
+  appearance: none;
+  width: 18px;
+  height: 18px;
+  /* min-width needed when in flex container: */
+  min-width: 18px;
+  border-radius: 2.25px;
+  ${({ checked, theme }) => !checked && `border: 1px solid ${theme.mcNeutral};`}
+  background-color: ${({ theme, checked }) => checked ? theme.info : theme.bg};
+  background-image: ${({ checked }) => checked ? `url("${Checkmark_default}");` : "none;"}
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 9px auto;
+  ${({ disabled }) => disabled && "opacity: 0.2;"}
+`;
+var CheckboxContainer = _styled2.default.span`
+  display: flex;
+  margin-top: ${({ mt }) => mt}px;
+  align-items: ${({ alignItems }) => alignItems};
+
+  & + & {
+    margin-top: 12px;
+  }
+`;
+var CheckboxLabel = _styled2.default.label`
+  margin-left: 12px;
+  cursor: pointer;
+  height: ${_chunkMNAZ4BDQcjs.standardLineHeightEms}em;
+`;
+
+
+
+
+exports.Checkbox = Checkbox; exports.CheckboxContainer = CheckboxContainer;

package/dist/{chunk-5JJUXAVA.js → chunk-EKU37RBB.js}

@@ -1,12 +1,12 @@
 import {
   Tooltip
-} from "./chunk-H3UUVMZ3.js";
+} from "./chunk-FLYNOCPZ.js";
 import {
   UnstyledButton
-} from "./chunk-TN5UPDZG.js";
+} from "./chunk-H47HIU2F.js";
 import {
   Icon
-} from "./chunk-LAGOF7IU.js";
+} from "./chunk-UACBVBBE.js";
 import {
   __async
 } from "./chunk-LOPKRCGI.js";

package/dist/chunk-ELZC2I4Y.cjs

@@ -0,0 +1,27 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/ArrowCircleTier2.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function ArrowCircleTier2() {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 28 32",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "circle", { cx: "14", cy: "14.9639", r: "14", fill: "white" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M19.7144 18.998L19.4944 10.298L10.7944 10.098L10.8144 11.998L16.6144 11.958L8.73438 19.838L9.97438 21.078L17.8344 13.218L17.7944 18.978L19.7144 18.998Z",
+            fill: "#8B38DE"
+          }
+        )
+      ]
+    }
+  );
+}
+
+
+
+exports.ArrowCircleTier2 = ArrowCircleTier2;

package/dist/chunk-ENRGP6TU.cjs

@@ -0,0 +1,34 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkKS6GHRZIcjs = require('./chunk-KS6GHRZI.cjs');
+
+// src/icons/ArrowCircle.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function ArrowCircle() {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 31 31",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "circle", { cx: "15", cy: "15", r: "15", fill: "currentColor" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            className: _chunkKS6GHRZIcjs.invertStrokeColor,
+            d: "M21 18V9M21 9H12M21 9L9.5 20.5",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    }
+  );
+}
+
+
+
+exports.ArrowCircle = ArrowCircle;

package/dist/{chunk-IXAXRBFS.js → chunk-EZMYYBFH.js}

@@ -3,10 +3,10 @@ import {
 } from "./chunk-YMNSXZ5D.js";
 import {
   toNonTypographicReactNodes
-} from "./chunk-HNK2KIC7.js";
+} from "./chunk-J2NLRI2M.js";
 import {
   applyTypography
-} from "./chunk-OPUCWQMK.js";
+} from "./chunk-L3BNIBK3.js";
 
 // src/components/typography/Display.tsx
 import styled from "@emotion/styled";

package/dist/chunk-FBF72OKQ.cjs

@@ -0,0 +1,33 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/PythonTwoTone.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function PythonTwoTone() {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M12.2783 -0.199511C11.2995 -0.194963 10.3647 -0.111484 9.54227 0.0340522C7.11937 0.4621 6.67946 1.35804 6.67946 3.01031V5.19246H12.4051V5.91984H6.67946H4.53069C2.86667 5.91984 1.4096 6.92001 0.95385 8.82269C0.428147 11.0036 0.404829 12.3645 0.95385 14.6417C1.36085 16.3368 2.33281 17.5446 3.99683 17.5446H5.96543V14.9287C5.96543 13.0389 7.60056 11.3719 9.54227 11.3719H15.2612C16.8532 11.3719 18.124 10.0611 18.124 8.46234V3.01031C18.124 1.45863 16.815 0.293021 15.2612 0.0340522C14.2776 -0.129677 13.2571 -0.204059 12.2783 -0.199511ZM9.18191 1.55555C9.77333 1.55555 10.2563 2.04641 10.2563 2.64996C10.2563 3.25137 9.77333 3.73769 9.18191 3.73769C8.58838 3.73769 8.10753 3.25137 8.10753 2.64996C8.10753 2.04641 8.58838 1.55555 9.18191 1.55555Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M18.8383 5.91992V8.46242C18.8383 10.4336 17.1671 12.0927 15.2614 12.0927H9.54249C7.97598 12.0927 6.67969 13.4334 6.67969 15.0022V20.4542C6.67969 22.0059 8.02898 22.9186 9.54249 23.3637C11.3549 23.8967 13.0929 23.993 15.2614 23.3637C16.7029 22.9464 18.1242 22.1065 18.1242 20.4542V18.2721H12.4053V17.5447H18.1242H20.987C22.6511 17.5447 23.2711 16.384 23.8498 14.6418C24.4476 12.8483 24.4222 11.1235 23.8498 8.82277C23.4386 7.16623 22.6532 5.91992 20.987 5.91992H18.8383ZM15.6218 19.7268C16.2153 19.7268 16.6962 20.2132 16.6962 20.8146C16.6962 21.4181 16.2153 21.909 15.6218 21.909C15.0304 21.909 14.5474 21.4181 14.5474 20.8146C14.5474 20.2132 15.0304 19.7268 15.6218 19.7268Z",
+            fill: "currentColor"
+          }
+        )
+      ]
+    }
+  );
+}
+
+
+
+exports.PythonTwoTone = PythonTwoTone;

package/dist/chunk-FE2E2TKC.cjs

@@ -0,0 +1,46 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/FlutterTwoTone.tsx
+var _react = require('react');
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function FlutterTwoTone() {
+  const id = _react.useId.call(void 0, );
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "svg",
+    {
+      id: `logo_vector-${id}`,
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 300 371.14",
+      width: "100%",
+      fill: "none",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "polygon",
+          {
+            opacity: "0.72",
+            fill: "currentColor",
+            points: "186.21 371.14 186 371.14 86.14 271.29 143.14 214.07 300 371.14 186.21 371.14"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "polygon",
+          {
+            opacity: "0.72",
+            fill: "currentColor",
+            points: "186 171.21 186 171.21 85.93 271.07 143.14 328.07 300 171.21 186 171.21"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "polygon",
+          {
+            opacity: "0.72",
+            fill: "currentColor",
+            points: "186 0.21 185.79 0 0 185.57 57.21 242.79 299.79 0.21 186 0.21"
+          }
+        )
+      ]
+    }
+  );
+}
+
+
+
+exports.FlutterTwoTone = FlutterTwoTone;

package/dist/{chunk-H3UUVMZ3.js → chunk-FLYNOCPZ.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-55OQPFLF.js";
 import {
   overlaySurface
-} from "./chunk-YG5BANJH.js";
+} from "./chunk-GMM3LRXY.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-BRJKMY6Z.js → chunk-FNV7LZTE.js}

@@ -1,12 +1,12 @@
 import {
   toReactNodes
-} from "./chunk-AKGW3FMJ.js";
+} from "./chunk-XCEI3WIL.js";
 import {
   Tooltip
-} from "./chunk-H3UUVMZ3.js";
+} from "./chunk-FLYNOCPZ.js";
 import {
   Icon
-} from "./chunk-LAGOF7IU.js";
+} from "./chunk-UACBVBBE.js";
 
 // src/components/InfoIconTooltip.tsx
 import { Fragment } from "react";

package/dist/chunk-FPOQM3WG.cjs

@@ -0,0 +1,25 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/TapSingle.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function TapSingle() {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      width: "21",
+      height: "28",
+      viewBox: "0 0 21 28",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "path",
+        {
+          d: "M11.3704 14H10.3704C10.3704 14.5523 10.8181 15 11.3704 15V14ZM7.22223 16.0556L6.77821 16.9516C7.08819 17.1052 7.45547 17.0876 7.74947 16.9052C8.04347 16.723 8.22227 16.4015 8.22227 16.0556H7.22223ZM3.07408 18.1111L2.14676 17.7368C2.02255 18.0446 2.05911 18.3939 2.24433 18.6692L3.07408 18.1111ZM16.4919 8.68545C16.5841 9.22998 17.1003 9.59669 17.6448 9.50451C18.1893 9.41233 18.556 8.89617 18.4639 8.35163L16.4919 8.68545ZM0.128733 11.4262C0.22092 11.9707 0.73708 12.3375 1.28161 12.2452C1.82615 12.1531 2.19287 11.637 2.10068 11.0924L0.128733 11.4262ZM12.3704 14V9.88891H10.3704V14H12.3704ZM6.22223 9.88891V16.0556H8.22227V9.88891H6.22223ZM7.66627 15.1596L7.58893 15.1212L6.70095 16.9134L6.77821 16.9516L7.66627 15.1596ZM2.41327 17.0766L2.14676 17.7368L4.0014 18.4854L4.26791 17.8251L2.41327 17.0766ZM2.24433 18.6692L6.13327 24.4506L7.7928 23.3343L3.90381 17.553L2.24433 18.6692ZM11.5649 27.3334H12.7531V25.3334H11.5649V27.3334ZM20.6667 19.4815V18.1111H18.6667V19.4815H20.6667ZM15.5185 13H11.3704V15H15.5185V13ZM20.6667 18.1111C20.6667 15.2799 18.3533 13 15.5185 13V15C17.2657 15 18.6667 16.4014 18.6667 18.1111H20.6667ZM7.58893 15.1212C5.62571 14.1484 3.23445 15.0419 2.41327 17.0766L4.26791 17.8251C4.64845 16.8822 5.77005 16.452 6.70095 16.9134L7.58893 15.1212ZM12.7531 27.3334C17.1152 27.3334 20.6667 23.8264 20.6667 19.4815H18.6667C18.6667 22.705 16.0276 25.3334 12.7531 25.3334V27.3334ZM9.29627 6.83335C7.60707 6.83335 6.22223 8.19294 6.22223 9.88891H8.22227C8.22227 9.31438 8.69467 8.83335 9.29627 8.83335V6.83335ZM6.13327 24.4506C7.34627 26.2538 9.38533 27.3334 11.5649 27.3334V25.3334C10.0461 25.3334 8.63133 24.581 7.7928 23.3343L6.13327 24.4506ZM12.3704 9.88891C12.3704 8.19294 10.9856 6.83335 9.29627 6.83335V8.83335C9.898 8.83335 10.3704 9.31438 10.3704 9.88891H12.3704ZM2 9.88891C2 5.90862 5.25819 2.66669 9.29627 2.66669V0.666687C4.17057 0.666687 0 4.78718 0 9.88891H2ZM9.29627 2.66669C12.9176 2.66669 15.9148 5.27615 16.4919 8.68545L18.4639 8.35163C17.7244 3.98349 13.8967 0.666687 9.29627 0.666687V2.66669ZM2.10068 11.0924C2.03453 10.7016 2 10.2996 2 9.88891H0C0 10.412 0.044 10.9256 0.128733 11.4262L2.10068 11.0924Z",
+          fill: "black"
+        }
+      )
+    }
+  );
+}
+
+
+
+exports.TapSingle = TapSingle;

package/dist/{chunk-N67Y7GWR.js → chunk-FQIT2EG7.js}

@@ -1,7 +1,7 @@
 import {
   firstChild,
   pxToRems
-} from "./chunk-D4DFISYR.js";
+} from "./chunk-JQV6H76U.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";

package/dist/chunk-FQWU3AUO.cjs

@@ -0,0 +1,39 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
+
+
+var _chunkHKSBGUB7cjs = require('./chunk-HKSBGUB7.cjs');
+
+
+var _chunkIXV57HL7cjs = require('./chunk-IXV57HL7.cjs');
+
+// src/components/typography/Display.tsx
+var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
+var _jsxruntime = require('@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 = _chunkHKSBGUB7cjs.toNonTypographicReactNodes.call(void 0, content);
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledDisplay, { as: element, size, colorProp: color, children: reactNodes });
+};
+var StyledDisplay = _styled2.default.span`
+  ${({ theme, size, colorProp }) => _chunkIXV57HL7cjs.applyTypography.call(void 0, theme, "Display", size, colorProp)}
+`;
+function displaySelector(element) {
+  return `${element}${_chunk6VA4SAHQcjs.select.call(void 0, StyledDisplay)}`;
+}
+
+
+
+
+
+exports.displayElements = displayElements; exports.Display = Display; exports.displaySelector = displaySelector;

package/dist/{chunk-HLZNFEDV.js → chunk-FSVHUION.js}

@@ -1,9 +1,9 @@
 import {
   toNonTypographicReactNodes
-} from "./chunk-HNK2KIC7.js";
+} from "./chunk-J2NLRI2M.js";
 import {
   applyTypography
-} from "./chunk-OPUCWQMK.js";
+} from "./chunk-L3BNIBK3.js";
 
 // src/components/typography/Overline.tsx
 import styled from "@emotion/styled";

package/dist/chunk-FZUELDMT.cjs

@@ -0,0 +1,37 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/Download.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function Download() {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M3.75 14C4.16421 14 4.5 14.3358 4.5 14.75V19.5H19.5V14.75C19.5 14.3358 19.8358 14 20.25 14C20.6642 14 21 14.3358 21 14.75V20.25C21 20.6642 20.6642 21 20.25 21H3.75C3.33579 21 3 20.6642 3 20.25V14.75C3 14.3358 3.33579 14 3.75 14Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M12 15.75C12.1989 15.75 12.3897 15.671 12.5303 15.5303L16.0303 12.0303C16.3232 11.7374 16.3232 11.2626 16.0303 10.9697C15.7374 10.6768 15.2626 10.6768 14.9697 10.9697L12.75 13.1893V3.75C12.75 3.33579 12.4142 3 12 3C11.5858 3 11.25 3.33579 11.25 3.75V13.1893L9.03033 10.9697C8.73744 10.6768 8.26256 10.6768 7.96967 10.9697C7.67678 11.2626 7.67678 11.7374 7.96967 12.0303L11.4697 15.5303C11.6103 15.671 11.8011 15.75 12 15.75Z",
+            fill: "currentColor"
+          }
+        )
+      ]
+    }
+  );
+}
+
+
+
+exports.Download = Download;

package/dist/chunk-G2ZTK5RI.cjs

@@ -0,0 +1,27 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/AnchorLink.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function AnchorLink() {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "100%",
+      viewBox: "0 0 20 20",
+      fill: "none",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "path",
+        {
+          d: "M7.49989 12.5L12.4998 7.50004M6.24989 8.75003L4.99989 10.0001C3.61923 11.3808 3.61925 13.6193 4.99992 15V15C6.38064 16.3807 8.61924 16.3807 9.99993 14.9999L11.2498 13.7499M13.7498 11.25L14.9999 9.99994C16.3805 8.61924 16.3805 6.3807 14.9998 5.00001V5.00001C13.6191 3.6193 11.3805 3.61931 9.99984 5.00004L8.74987 6.25005",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+
+
+
+exports.AnchorLink = AnchorLink;