@lightsparkdev/ui 1.0.6 → 1.0.8

package/dist/chunk-CS3NUOE2.cjs

@@ -0,0 +1,37 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/Upload.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function Upload() {
+  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: "M12 3C12.1989 3 12.3897 3.07902 12.5303 3.21967L17.0303 7.71967C17.3232 8.01256 17.3232 8.48744 17.0303 8.78033C16.7374 9.07322 16.2626 9.07322 15.9697 8.78033L12.75 5.56066V15C12.75 15.4142 12.4142 15.75 12 15.75C11.5858 15.75 11.25 15.4142 11.25 15V5.56066L8.03033 8.78033C7.73744 9.07322 7.26256 9.07322 6.96967 8.78033C6.67678 8.48744 6.67678 8.01256 6.96967 7.71967L11.4697 3.21967C11.6103 3.07902 11.8011 3 12 3Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M3.75 12C4.16421 12 4.5 12.3358 4.5 12.75V19.5H19.5V12.75C19.5 12.3358 19.8358 12 20.25 12C20.6642 12 21 12.3358 21 12.75V20.25C21 20.6642 20.6642 21 20.25 21H3.75C3.33579 21 3 20.6642 3 20.25V12.75C3 12.3358 3.33579 12 3.75 12Z",
+            fill: "currentColor"
+          }
+        )
+      ]
+    }
+  );
+}
+
+
+
+exports.Upload = Upload;

package/dist/chunk-CV4CDJUL.cjs

@@ -0,0 +1,27 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/ArrowCornerDownRight.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function ArrowCornerDownRight() {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "path",
+        {
+          d: "M2.66699 3.3335V10.0002H13.3337M13.3337 10.0002L10.667 7.3335M13.3337 10.0002L10.667 12.6668",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+
+
+
+exports.ArrowCornerDownRight = ArrowCornerDownRight;

package/dist/chunk-CYWLRXPQ.cjs

@@ -0,0 +1,34 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }
+
+var _chunkLKKJVJCGcjs = require('./chunk-LKKJVJCG.cjs');
+
+// src/utils/NextLink.tsx
+
+
+
+
+var _react = require('react');
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function NextLink({ href, text, target }) {
+  const NextLinkRef = _react.useRef.call(void 0, null);
+  const [ready, setReady] = _react.useState.call(void 0, false);
+  _react.useEffect.call(void 0, () => {
+    void (() => _chunkLKKJVJCGcjs.__async.call(void 0, this, null, function* () {
+      try {
+        const nextLinkModule = yield Promise.resolve().then(() => _interopRequireWildcard(require("next/link.js")));
+        NextLinkRef.current = nextLinkModule.default;
+      } catch (e) {
+      }
+      setReady(true);
+    }))();
+  });
+  const InternalNextLink = NextLinkRef.current;
+  if (!ready || !InternalNextLink) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "a", { href, children: text });
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InternalNextLink, { href, target, children: text });
+}
+
+
+
+exports.NextLink = NextLink;

package/dist/chunk-DBB5TKTS.cjs

@@ -0,0 +1,291 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkYZVHWN44cjs = require('./chunk-YZVHWN44.cjs');
+
+
+
+
+
+
+var _chunkKLC2OBTGcjs = require('./chunk-KLC2OBTG.cjs');
+
+
+var _chunkZBBVZQKJcjs = require('./chunk-ZBBVZQKJ.cjs');
+
+
+var _chunkVNFSKZW2cjs = require('./chunk-VNFSKZW2.cjs');
+
+
+var _chunkLZ24FX6Ccjs = require('./chunk-LZ24FX6C.cjs');
+
+
+var _chunkBOBYW7PPcjs = require('./chunk-BOBYW7PP.cjs');
+
+
+var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
+
+
+
+var _chunkBY47I7ZPcjs = require('./chunk-BY47I7ZP.cjs');
+
+
+var _chunkPYL3O7AFcjs = require('./chunk-PYL3O7AF.cjs');
+
+
+var _chunkWTHHP7G2cjs = require('./chunk-WTHHP7G2.cjs');
+
+
+var _chunkLKKJVJCGcjs = require('./chunk-LKKJVJCG.cjs');
+
+// src/components/TextInput.tsx
+var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+var selectLeftOffset = 10;
+function TextInput(props) {
+  var _a, _b;
+  const [focused, setFocused] = _react.useState.call(void 0, false);
+  const inputRef = props.inputRef || _react2.default.createRef();
+  const ref = props.inputRefCb || inputRef;
+  if (props.inputRefCb && !props.inputRef) {
+    console.warn("TextInput: inputRef should be provided with inputRefCb.");
+  }
+  const typography = _chunkLKKJVJCGcjs.__spreadValues.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, _chunkKLC2OBTGcjs.defaultTextInputTypography), props.typography);
+  const handleKeyDown = (e) => {
+    if (e.key === "Enter" && props.onEnter) {
+      props.onEnter();
+    }
+  };
+  const hasError = Boolean(props.error);
+  const isIconRight = Boolean(props.icon && props.icon.side !== "left");
+  const iconWidth = ((_a = props.icon) == null ? void 0 : _a.width) || 12;
+  const iconCenterOffset = ((_b = props.icon) == null ? void 0 : _b.offset) === "large" ? 26 : 18;
+  const iconOffset = iconCenterOffset - iconWidth / 2;
+  const iconTextOffset = iconCenterOffset === 18 ? 4 : 14;
+  let paddingLeftPx;
+  if (props.icon && !isIconRight) {
+    paddingLeftPx = iconOffset + iconWidth + iconTextOffset;
+  } else if (props.select && typeof props.select.width === "number") {
+    paddingLeftPx = selectLeftOffset + props.select.width + 5;
+  }
+  let input = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    Input,
+    {
+      disabled: Boolean(props.disabled),
+      maxLength: props.maxLength,
+      inputMode: props.inputMode,
+      pattern: props.pattern,
+      onBlur: () => {
+        setFocused(false);
+        if (props.onBlur) {
+          props.onBlur();
+        }
+      },
+      onChange: (e) => {
+        e.target.setCustomValidity("");
+        props.onChange(e.target.value, e);
+      },
+      onFocus: () => {
+        setFocused(true);
+        if (props.onFocus) {
+          props.onFocus();
+        }
+      },
+      onKeyDown: (e) => {
+        if (props.onKeyDown) {
+          props.onKeyDown(e.key, e);
+        }
+        handleKeyDown(e);
+      },
+      id: props.id,
+      onPaste: props.onPaste,
+      placeholder: props.placeholder,
+      ref,
+      name: props.name,
+      type: props.type || "text",
+      value: props.value,
+      paddingLeftPx,
+      paddingRightPx: isIconRight ? 28 : void 0,
+      hasError,
+      "data-test-id": props.testId,
+      typography,
+      autoComplete: props.autoComplete === "off" ? "new-password" : props.autoComplete,
+      onBeforeInput: (e) => {
+        if (props.onBeforeInput) {
+          const event = e;
+          props.onBeforeInput(event);
+        }
+      },
+      borderRadius: props.borderRadius
+    }
+  );
+  if (props.icon) {
+    input = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, WithIcon, { hasError, withFocus: focused, children: [
+      isIconRight ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: input }) : null,
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        TextInputIconContainer,
+        {
+          onClick: props.onClickIcon ? props.onClickIcon : () => {
+          },
+          isIconRight,
+          iconOffset,
+          focused,
+          hasValue: Boolean(props.value),
+          colorProp: typography.color,
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBY47I7ZPcjs.Icon, { name: props.icon.name, width: iconWidth })
+        }
+      ),
+      isIconRight ? null : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: input }),
+      props.rightButtonText && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        TextInputIconContainer,
+        {
+          isIconRight: true,
+          iconOffset,
+          hasValue: Boolean(props.value),
+          focused,
+          colorProp: typography.color,
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RightButton, { onClick: props.onRightButtonClick, children: props.rightButtonText })
+        }
+      )
+    ] });
+  }
+  const hintTooltipId = props.hintTooltip ? `${props.id || "input"}-hint-tooltip` : void 0;
+  const { select } = props;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, InputContainer, { children: [
+    props.label ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextInputLabel, { hasError, children: props.label }) : null,
+    select && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      TextInputSelect,
+      {
+        value: select.value,
+        widthProp: select.width,
+        typography,
+        onChange: (event) => {
+          var _a2;
+          select.onChange(event.target.value);
+          (_a2 = inputRef.current) == null ? void 0 : _a2.focus();
+        },
+        children: select.options.map((option) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "option", { value: option.value, children: option.label }, option.value))
+      }
+    ),
+    input,
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkKLC2OBTGcjs.InputSubtext,
+      {
+        text: props.error || props.hint,
+        hasError,
+        tooltipId: hintTooltipId
+      }
+    ),
+    props.hintTooltip ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLZ24FX6Ccjs.Tooltip, { id: hintTooltipId, content: props.hintTooltip, place: "right" }) : null
+  ] });
+}
+TextInput.defaultProps = {
+  disabled: false,
+  autoComplete: void 0,
+  hint: null
+};
+var TextInputSelect = _styled2.default.select`
+  ${({ typography, theme }) => _chunkZBBVZQKJcjs.applyTypography.call(void 0, theme, typography.type, typography.size, typography.color)}
+  position: absolute;
+  z-index: ${_chunkZU72XWNEcjs.z.textInput + 1};
+  border: none;
+  background-color: transparent;
+  top: 0;
+  left: ${selectLeftOffset}px;
+  height: 48px;
+  width: ${({ widthProp }) => `${widthProp}px`};
+`;
+var WithIcon = _styled2.default.div`
+  ${_chunkPYL3O7AFcjs.standardBorderRadius.call(void 0, 8)}
+  position: relative;
+
+  input {
+    padding-right: 34px;
+  }
+
+  & ${_chunkBY47I7ZPcjs.IconContainer.toString()} {
+    z-index: ${_chunkZU72XWNEcjs.z.textInput + 1};
+  }
+`;
+var TextInputIconContainer = _styled2.default.div`
+  position: absolute;
+  z-index: ${_chunkZU72XWNEcjs.z.textInput + 1};
+  ${({ isIconRight, iconOffset }) => isIconRight ? `right: ${iconOffset}px` : `left: ${iconOffset}px`};
+  top: 0;
+  bottom: 0;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  cursor: ${({ onClick }) => onClick ? "pointer" : "auto"};
+  color: ${({ focused, hasValue, theme, colorProp }) => focused || hasValue ? _chunkWTHHP7G2cjs.getFontColor.call(void 0, theme, colorProp) : _chunkKLC2OBTGcjs.textInputPlaceholderColor.call(void 0, { theme })};
+`;
+var Input = _styled2.default.input`
+  ${_chunkKLC2OBTGcjs.textInputStyle};
+
+  // disable autofill styles in chrome https://stackoverflow.com/a/68240841/9808766
+  &:-webkit-autofill,
+  &:-webkit-autofill:focus,
+  &:-internal-autofill-selected,
+  &:-internal-autofill-selected:focus {
+    background-color: ${({ theme, disabled }) => theme.bg} !important;
+    color: ${({ theme }) => theme.text} !important;
+    transition:
+      background-color 600000s 0s,
+      color 600000s 0s !important;
+  }
+`;
+var RightButton = _styled2.default.call(void 0, _chunkBOBYW7PPcjs.UnstyledButton)`
+  border-radius: 4px;
+  border: none;
+  background-color: ${({ theme }) => theme.vlcNeutral};
+  color: ${({ theme }) => theme.mcNeutral};
+  font-size: 14px;
+  font-weight: 600;
+  padding: 8px 10px;
+`;
+var TextInputLabel = _styled2.default.label`
+  ${_chunkPYL3O7AFcjs.standardBorderRadius.call(void 0, 8)}
+  font-size: 10px;
+  position: absolute;
+  z-index: ${_chunkZU72XWNEcjs.z.textInput + 1};
+  background-color: ${({ theme }) => theme.bg};
+  color: ${({ theme, hasError }) => hasError ? theme.danger : theme.mcNeutral};
+  font-weight: 600;
+  padding: 4px 6px;
+  left: 12px;
+  top: -10px;
+`;
+var TextInputHalfRow = _styled2.default.div`
+  margin-top: ${_chunkKLC2OBTGcjs.inputSpacingPx}px;
+  display: flex;
+  justify-content: space-between;
+  gap: 16px;
+  & > * {
+    width: 50%;
+  }
+`;
+var InputContainer = _styled2.default.div`
+  width: 100%;
+  position: relative;
+
+  /* eg forms, should be left consistent: */
+  & + & {
+    margin-top: ${_chunkKLC2OBTGcjs.inputSpacingPx}px;
+  }
+
+  ${TextInputHalfRow.toString()} & + & {
+    margin-top: 0;
+  }
+
+  ${_chunkVNFSKZW2cjs.CheckboxContainer.toString()} + &,
+  ${_chunkYZVHWN44cjs.ToggleContainer.toString()} + &,
+  & + ${_chunkVNFSKZW2cjs.CheckboxContainer.toString()},
+  & + ${_chunkYZVHWN44cjs.ToggleContainer.toString()} {
+    margin-top: ${_chunkKLC2OBTGcjs.inputSpacingPx}px;
+  }
+`;
+
+
+
+
+exports.TextInput = TextInput; exports.TextInputHalfRow = TextInputHalfRow;

package/dist/{chunk-YXAKRSFW.js → chunk-DBMGV4DX.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk-E5DUKMCU.js";
 import {
   overflowAutoWithoutScrollbars
-} from "./chunk-D4DFISYR.js";
+} from "./chunk-DNRHVCOE.js";
 import {
   Icon
-} from "./chunk-LAGOF7IU.js";
+} from "./chunk-QQTZ6DZL.js";
 import {
   standardBorderRadius
-} from "./chunk-YG5BANJH.js";
+} from "./chunk-APUV4UN4.js";
 
 // src/components/Collapsible.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-LKJ7QTWL.js → chunk-DGS7USD6.js}

@@ -1,18 +1,18 @@
 import {
   TextIconAligner
-} from "./chunk-GMEJR5XX.js";
+} from "./chunk-PFYBJXL5.js";
 import {
   Link
-} from "./chunk-SCIQSZSW.js";
+} from "./chunk-34MTU3ER.js";
 import {
   UnstyledButton
-} from "./chunk-TN5UPDZG.js";
+} from "./chunk-E7RKIBJY.js";
 import {
   elide
 } from "./chunk-EDN2QDCB.js";
 import {
   getFocusOutline
-} from "./chunk-YG5BANJH.js";
+} from "./chunk-APUV4UN4.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/chunk-DM6GUQAV.cjs

@@ -0,0 +1,42 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/DeleteIcon.tsx
+var _react = require('@emotion/react');
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function DeleteIcon() {
+  const theme = _react.useTheme.call(void 0, );
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "rect", { width: "16", height: "16", rx: "8", fill: "currentColor" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M5.3335 5.33337L10.6668 10.6667",
+            stroke: theme.bg,
+            strokeWidth: "1.33333",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M5.3335 10.6666L10.6668 5.33329",
+            stroke: theme.bg,
+            strokeWidth: "1.33333",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    }
+  );
+}
+
+
+
+exports.DeleteIcon = DeleteIcon;

package/dist/{chunk-D4DFISYR.js → chunk-DNRHVCOE.js}

@@ -1,6 +1,6 @@
 import {
   rootFontSizePx
-} from "./chunk-YG5BANJH.js";
+} from "./chunk-APUV4UN4.js";
 
 // src/styles/utils.tsx
 import { css } from "@emotion/react";

package/dist/{chunk-M7E2PMFK.js → chunk-DPSSQNBK.js}

@@ -1,38 +1,38 @@
 import {
   ToggleContainer
-} from "./chunk-AXNQ7BDD.js";
+} from "./chunk-ONE4Q37F.js";
 import {
   InputSubtext,
   defaultTextInputTypography,
   inputSpacingPx,
   textInputPlaceholderColor,
   textInputStyle
-} from "./chunk-Q76C6FJ5.js";
+} from "./chunk-RZMG2TID.js";
 import {
   applyTypography
-} from "./chunk-OPUCWQMK.js";
+} from "./chunk-GHXNMLAB.js";
 import {
   CheckboxContainer
-} from "./chunk-PYAKYQWS.js";
+} from "./chunk-VCHMPHHC.js";
 import {
   Tooltip
-} from "./chunk-H3UUVMZ3.js";
+} from "./chunk-5W523NQP.js";
 import {
   UnstyledButton
-} from "./chunk-TN5UPDZG.js";
+} from "./chunk-E7RKIBJY.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
 import {
   Icon,
   IconContainer
-} from "./chunk-LAGOF7IU.js";
+} from "./chunk-QQTZ6DZL.js";
 import {
   standardBorderRadius
-} from "./chunk-YG5BANJH.js";
+} from "./chunk-APUV4UN4.js";
 import {
   getFontColor
-} from "./chunk-UAUAYQ3C.js";
+} from "./chunk-W5I53DTZ.js";
 import {
   __spreadValues
 } from "./chunk-LOPKRCGI.js";
@@ -115,7 +115,8 @@ function TextInput(props) {
           const event = e;
           props.onBeforeInput(event);
         }
-      }
+      },
+      borderRadius: props.borderRadius
     }
   );
   if (props.icon) {

package/dist/{chunk-42D2SXB2.js → chunk-E4YBYEWH.js}

@@ -1,6 +1,6 @@
 import {
   textInputStyle
-} from "./chunk-Q76C6FJ5.js";
+} from "./chunk-RZMG2TID.js";
 
 // src/components/CodeInput/SingleCodeInput.tsx
 import { css, useTheme } from "@emotion/react";

package/dist/chunk-E6YOHZKE.cjs

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

package/dist/{chunk-TN5UPDZG.js → chunk-E7RKIBJY.js}

@@ -1,6 +1,6 @@
 import {
   standardFocusOutline
-} from "./chunk-YG5BANJH.js";
+} from "./chunk-APUV4UN4.js";
 
 // src/components/UnstyledButton.tsx
 import styled from "@emotion/styled";

package/dist/chunk-EDAMG44V.js

@@ -0,0 +1,26 @@
+// src/icons/LoadingCircleLines.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function LoadingCircleLines() {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 20 20",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M10.0004 3.57361e-09C10.4146 4.00036e-05 10.7503 0.33585 10.7503 0.75007L10.75 4.25007C10.75 4.66428 10.4141 5.00004 9.9999 5C9.5857 4.99996 9.25 4.66415 9.25 4.24993L9.2503 0.74993C9.2503 0.33572 9.5862 -3.99964e-05 10.0004 3.57361e-09ZM2.92919 2.92867C3.22211 2.6358 3.69699 2.63584 3.98985 2.92876L6.46451 5.40385C6.75738 5.69677 6.75734 6.17164 6.46442 6.46451C6.1715 6.75738 5.69663 6.75734 5.40376 6.46442L2.9291 3.98933C2.63623 3.69641 2.63628 3.22154 2.92919 2.92867ZM17.0716 2.92943C17.3645 3.22232 17.3645 3.69719 17.0716 3.99009L14.5967 6.46496C14.3038 6.75785 13.8289 6.75785 13.536 6.46496C13.2431 6.17207 13.2431 5.69719 13.536 5.4043L16.0109 2.92943C16.3038 2.63653 16.7787 2.63653 17.0716 2.92943ZM0 10.0007C0 9.5865 0.33579 9.2507 0.75 9.2507H4.25C4.66421 9.2507 5 9.5865 5 10.0007C5 10.4149 4.66421 10.7507 4.25 10.7507H0.75C0.33579 10.7507 0 10.4149 0 10.0007ZM15 10.0007C15 9.5865 15.3358 9.2507 15.75 9.2507H19.25C19.6642 9.2507 20 9.5865 20 10.0007C20 10.4149 19.6642 10.7507 19.25 10.7507H15.75C15.3358 10.7507 15 10.4149 15 10.0007ZM13.5357 13.5353C13.8286 13.2424 14.3035 13.2424 14.5964 13.5353L17.0713 16.0102C17.3642 16.3031 17.3642 16.778 17.0713 17.0709C16.7784 17.3637 16.3035 17.3637 16.0106 17.0709L13.5357 14.596C13.2429 14.3031 13.2429 13.8282 13.5357 13.5353ZM6.46496 13.536C6.75785 13.8289 6.75785 14.3038 6.46496 14.5967L3.99009 17.0716C3.69719 17.3645 3.22232 17.3645 2.92943 17.0716C2.63653 16.7787 2.63653 16.3038 2.92943 16.0109L5.4043 13.536C5.69719 13.2431 6.17207 13.2431 6.46496 13.536ZM10.0003 15C10.4145 15 10.7503 15.3358 10.7503 15.75V19.25C10.7503 19.6642 10.4145 20 10.0003 20C9.5861 20 9.2503 19.6642 9.2503 19.25V15.75C9.2503 15.3358 9.5861 15 10.0003 15Z",
+          fill: "currentColor"
+        }
+      )
+    }
+  );
+}
+
+export {
+  LoadingCircleLines
+};

package/dist/{chunk-AVV74PTP.js → chunk-EEB6DWY3.js}

@@ -1,9 +1,9 @@
 import {
   SingleCodeInput
-} from "./chunk-42D2SXB2.js";
+} from "./chunk-E4YBYEWH.js";
 import {
   textInputBorderColor
-} from "./chunk-Q76C6FJ5.js";
+} from "./chunk-RZMG2TID.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/chunk-EGOOSBGG.js

@@ -0,0 +1,21 @@
+// src/components/typography/typographyStyles.tsx
+import { css } from "@emotion/react";
+var typographyStyles = ({
+  /* theme, size, colorProp, */
+  block: blockProp,
+  hideOverflow,
+  displayProp
+}) => {
+  const displayValue = blockProp || hideOverflow ? "block" : displayProp || null;
+  return css`
+    /* Margins should always be set in parent style contexts eg Article: */
+    margin: 0;
+
+    ${displayValue ? `display: ${displayValue};` : ""}
+    ${hideOverflow ? "overflow: hidden; text-overflow: ellipsis;" : ""}
+  `;
+};
+
+export {
+  typographyStyles
+};