@lightsparkdev/ui 1.0.6 → 1.0.8

package/dist/chunk-V5DGRLV7.cjs

@@ -0,0 +1,71 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkAGIM6BKCcjs = require('./chunk-AGIM6BKC.cjs');
+
+
+var _chunkLLVW7HU4cjs = require('./chunk-LLVW7HU4.cjs');
+
+// src/components/documentation/DocsHeadline.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+var getHeadlineText = (element) => {
+  if (typeof element === "string") {
+    return element;
+  }
+  if (Array.isArray(element)) {
+    return getHeadlineText(element[0]);
+  }
+  if (_chunkAGIM6BKCcjs.isReactNodeWithChildren.call(void 0, element)) {
+    return getHeadlineText(element.props.children);
+  }
+  throw new Error(
+    "Could not find text in Headline element: " + (element == null ? void 0 : element.toString())
+  );
+};
+var getHeaderId = (element) => {
+  if (_react2.default.isValidElement(element) && (element == null ? void 0 : element.type) === "a" && "href" in element.props) {
+    const props = element.props;
+    return getHeaderId(props.href);
+  }
+  if (typeof element === "string") {
+    return element.replace("#", "");
+  }
+  if (Array.isArray(element)) {
+    return getHeaderId(element[0]);
+  }
+  if (_chunkAGIM6BKCcjs.isReactNodeWithChildren.call(void 0, element)) {
+    return getHeaderId(element.props.children);
+  }
+  throw new Error(
+    "Could not find text in Headline element: " + (element == null ? void 0 : element.toString())
+  );
+};
+var toKebabCase = (str) => {
+  return str.replaceAll(" ", "-").toLowerCase();
+};
+var DocsHeadline = ({
+  children,
+  color,
+  size = "Medium",
+  heading = "h1"
+}) => {
+  const id = toKebabCase(getHeaderId(children));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkLLVW7HU4cjs.StyledHeadline,
+    {
+      as: heading,
+      id,
+      size,
+      colorProp: color,
+      displayProp: "block",
+      hideOverflow: false,
+      block: true,
+      children
+    }
+  );
+};
+
+
+
+
+exports.getHeadlineText = getHeadlineText; exports.DocsHeadline = DocsHeadline;

package/dist/chunk-VB47G2O4.cjs

@@ -0,0 +1,35 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/Lock.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function Lock() {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 21 22",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M1 14.1429C1 12.5427 1 11.7426 1.34469 11.1315C1.64789 10.5938 2.13169 10.1568 2.72675 9.88284C3.40324 9.57143 4.28882 9.57143 6.05998 9.57143H14.9149C16.6861 9.57143 17.5717 9.57143 18.2482 9.88284C18.8432 10.1568 19.327 10.5938 19.6302 11.1315C19.9749 11.7426 19.9749 12.5427 19.9749 14.1429V16.4286C19.9749 18.0287 19.9749 18.8288 19.6302 19.44C19.327 19.9776 18.8432 20.4147 18.2482 20.6886C17.5717 21 16.6861 21 14.9149 21H6.05998C4.28882 21 3.40324 21 2.72675 20.6886C2.13169 20.4147 1.64789 19.9776 1.34469 19.44C1 18.8288 1 18.0287 1 16.4286V14.1429Z",
+            stroke: "currentColor",
+            strokeWidth: "2"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M4.5821 9.57143L4.5821 5.28572C4.5821 3.95445 4.5821 3.28882 4.82283 2.76376C5.1438 2.06368 5.75945 1.50747 6.53435 1.21749C7.11552 1 9.01392 1 10.4875 1C11.961 1 13.4884 1 14.0696 1.21749C14.8445 1.50747 15.4601 2.06368 15.7811 2.76376C16.0218 3.28882 16.0218 3.95445 16.0218 5.28571V9.57143H4.5821Z",
+            stroke: "currentColor",
+            strokeWidth: "2"
+          }
+        )
+      ]
+    }
+  );
+}
+
+
+
+exports.Lock = Lock;

package/dist/chunk-VBU37CQG.cjs

@@ -0,0 +1,48 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/ExclamationPoint.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function ExclamationPoint() {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 13 13",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M1.48828 6.5C1.48828 3.46243 3.95072 0.999999 6.98828 1C10.0258 1 12.4883 3.46243 12.4883 6.5C12.4883 9.53757 10.0258 12 6.98828 12C3.95072 12 1.48828 9.53757 1.48828 6.5Z",
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M6.98828 4.14286L6.98828 6.5M6.98828 8.85707L6.98828 8.87549",
+            stroke: "currentColor",
+            strokeWidth: "1.25",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M6.98828 8.85707L6.98828 8.87549",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    }
+  );
+}
+
+
+
+exports.ExclamationPoint = ExclamationPoint;

package/dist/{chunk-PYAKYQWS.js → chunk-VCHMPHHC.js}

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

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

@@ -1,28 +1,46 @@
 import {
   toNonTypographicReactNodes
-} from "./chunk-HNK2KIC7.js";
+} from "./chunk-UC6SP4KJ.js";
+import {
+  typographyStyles
+} from "./chunk-EGOOSBGG.js";
 import {
   applyTypography
-} from "./chunk-OPUCWQMK.js";
+} from "./chunk-GHXNMLAB.js";
 
 // src/components/typography/Overline.tsx
 import styled from "@emotion/styled";
 import { jsx } from "@emotion/react/jsx-runtime";
 var Overline = ({
-  content,
+  block = false,
+  children,
   color,
-  size = "Medium",
-  children
+  content,
+  display,
+  hideOverflow = false,
+  id,
+  size = "Medium"
 }) => {
   let reactNodes = children || null;
   if (content) {
     reactNodes = toNonTypographicReactNodes(content);
   }
-  return /* @__PURE__ */ jsx(StyledOverline, { size, colorProp: color, children: reactNodes });
+  return /* @__PURE__ */ jsx(
+    StyledOverline,
+    {
+      size,
+      colorProp: color,
+      block,
+      id,
+      hideOverflow,
+      displayProp: display,
+      children: reactNodes
+    }
+  );
 };
 var StyledOverline = styled.span`
   ${({ theme, size, colorProp }) => applyTypography(theme, "Overline", size, colorProp)}
-  cursor: inherit;
+  ${typographyStyles}
 `;
 
 export {

package/dist/chunk-VDKIZEUQ.cjs

@@ -0,0 +1,28 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/CheckmarkCircleTier2.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function CheckmarkCircleTier2() {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 28 28",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "circle", { cx: "14", cy: "14", r: "14", fill: "white" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M8 13.9752L11.644 17.6192C11.644 17.6192 15.8995 13.3636 19.2631 10",
+            stroke: "#8B38DE",
+            strokeWidth: "2"
+          }
+        )
+      ]
+    }
+  );
+}
+
+
+
+exports.CheckmarkCircleTier2 = CheckmarkCircleTier2;

package/dist/chunk-VDL5FG27.cjs

@@ -0,0 +1,27 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/Envelope.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function Envelope() {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 40 40",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "path",
+        {
+          d: "M35.0027 15.417C30.8238 18.5565 25.6293 20.417 20.0002 20.417C14.371 20.417 9.17645 18.5565 4.99773 15.417M4.5835 7.91699H35.4168V32.0837H4.5835V7.91699Z",
+          stroke: "currentColor",
+          strokeWidth: "3",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+
+
+
+exports.Envelope = Envelope;

package/dist/chunk-VMYRYEML.cjs

@@ -0,0 +1,200 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunk2WREDS5Bcjs = require('./chunk-2WREDS5B.cjs');
+
+
+var _chunk4P7RPU32cjs = require('./chunk-4P7RPU32.cjs');
+
+
+var _chunkPYL3O7AFcjs = require('./chunk-PYL3O7AF.cjs');
+
+
+var _chunkWTHHP7G2cjs = require('./chunk-WTHHP7G2.cjs');
+
+
+var _chunkKSKKC6C2cjs = require('./chunk-KSKKC6C2.cjs');
+
+
+
+var _chunkLKKJVJCGcjs = require('./chunk-LKKJVJCG.cjs');
+
+// src/components/CodeBlock.tsx
+var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
+var _prismjs = require('prismjs'); var _prismjs2 = _interopRequireDefault(_prismjs);
+require('prismjs/components/prism-dart.min.js');
+require('prismjs/components/prism-go.min.js');
+require('prismjs/components/prism-graphql.min.js');
+require('prismjs/components/prism-java.min.js');
+require('prismjs/components/prism-json.min.js');
+require('prismjs/components/prism-jsx.min.js');
+require('prismjs/components/prism-kotlin.min.js');
+require('prismjs/components/prism-python.min.js');
+require('prismjs/components/prism-rust.min.js');
+require('prismjs/components/prism-swift.min.js');
+require('prismjs/themes/prism-tomorrow.css');
+var _react = require('react');
+var _reactselect = require('react-select'); var _reactselect2 = _interopRequireDefault(_reactselect);
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+var ProgrammingLanguageOptions = {
+  Bash: "bash",
+  Flutter: "dart",
+  Go: "go",
+  GraphQL: "graphql",
+  Java: "java",
+  JavaScript: "js",
+  JSON: "json",
+  Kotlin: "kotlin",
+  Python: "python",
+  React: "react",
+  ReactNative: "tsx",
+  Rust: "rust",
+  Swift: "swift",
+  Text: "txt"
+};
+var backgroundColor = "#2d2d2d";
+var InlineCode = _styled2.default.span`
+  font-family: "Roboto Mono", monospace;
+  background-color: #2d2d2d;
+  border: 1px solid ${_chunkWTHHP7G2cjs.themeOr.call(void 0, _chunkKSKKC6C2cjs.colors.gray90, _chunkKSKKC6C2cjs.colors.gray20)};
+  border-radius: 3px;
+  line-height: 24px;
+  padding: 0 4px;
+`;
+var codeSelectStyles = {
+  container: (styles) => _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, styles), {
+    display: "flex"
+  }),
+  control: (styles) => _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, styles), {
+    backgroundColor,
+    border: "none",
+    cursor: "pointer",
+    "&:hover": {
+      border: "#none"
+    },
+    boxShadow: "none",
+    minHeight: 0
+  }),
+  dropdownIndicator: (styles) => _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, styles), {
+    color: "#ffffff",
+    padding: "0 0 0 4px",
+    "&:hover": {
+      color: "#ffffff"
+    }
+  }),
+  indicatorSeparator: (styles) => ({
+    display: "none"
+  }),
+  input: (styles) => _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, styles), {
+    fontSize: "1rem",
+    margin: 0,
+    color: "transparent"
+  }),
+  menu: (styles) => _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, styles), {
+    backgroundColor,
+    width: "auto"
+  }),
+  menuList: (styles) => _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, styles), {
+    borderRadius: "4px",
+    padding: 0
+  }),
+  option: (styles, state) => _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, styles), {
+    cursor: "pointer",
+    backgroundColor: state.isSelected ? _chunkKSKKC6C2cjs.colors.gray25 : backgroundColor,
+    "&:hover": {
+      backgroundColor: _chunkKSKKC6C2cjs.colors.gray25
+    }
+  }),
+  singleValue: (styles) => _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, styles), {
+    color: "#ffffff",
+    margin: 0
+  }),
+  valueContainer: (styles) => _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, styles), {
+    padding: 0
+  })
+};
+var CodeBlock = ({
+  title,
+  children,
+  className,
+  language = "Text",
+  languageOptions,
+  onSelectLanguage,
+  withCopyButton
+}) => {
+  _react.useLayoutEffect.call(void 0, () => {
+    _prismjs2.default.highlightAll();
+  }, [children, language]);
+  const header = withCopyButton || languageOptions && onSelectLanguage ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, CodeBlockHeader, { children: [
+    title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CodeBlockHeaderTitle, { children: title }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "div",
+      {
+        css: {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: title ? "flex-end" : "space-between",
+          width: "100%"
+        },
+        children: [
+          languageOptions && onSelectLanguage ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { margin: title ? "0 16px 0 auto" : "0" }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _reactselect2.default,
+            {
+              value: { value: language, label: language },
+              options: languageOptions.map((lang) => ({
+                value: lang,
+                label: lang
+              })),
+              onChange: (selected) => {
+                if (selected == null ? void 0 : selected.value) {
+                  onSelectLanguage(selected.value);
+                }
+              },
+              styles: codeSelectStyles
+            }
+          ) }) : null,
+          withCopyButton ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2WREDS5Bcjs.CopyToClipboardButton, { value: children }) : null
+        ]
+      }
+    )
+  ] }) : null;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledCodeBlock, { className, children: [
+    header,
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CodeBlockContainer, { hasHeader: header !== null, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "code", { className: `language-${ProgrammingLanguageOptions[language]}`, children }) })
+  ] });
+};
+var StyledCodeBlock = _styled2.default.div``;
+var CodeBlockHeader = _styled2.default.div`
+  align-items: center;
+  background-color: #2d2d2d;
+  border-bottom: 1px solid ${_chunkKSKKC6C2cjs.colors.gray25};
+  border-top-left-radius: 8px;
+  border-top-right-radius: 8px;
+  color: #ffffff;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  padding: 16px 20px;
+`;
+var CodeBlockContainer = _styled2.default.pre`
+  ${_chunk4P7RPU32cjs.overflowAutoWithoutScrollbars}
+  &[class*="language-"] {
+    padding: 20px;
+    font-weight: 500;
+    ${_chunkPYL3O7AFcjs.standardBorderRadius.call(void 0, 8)}
+    ${(props) => props.hasHeader ? `border-top-left-radius: 0;
+            border-top-right-radius: 0;
+            margin-top: 0;` : ""}
+  }
+`;
+var CodeBlockHeaderTitle = _styled2.default.div`
+  width: 100%;
+  font-weight: 500;
+  color: ${({ theme }) => theme.hcNeutralFromBg(backgroundColor)};
+`;
+
+
+
+
+
+
+exports.ProgrammingLanguageOptions = ProgrammingLanguageOptions; exports.InlineCode = InlineCode; exports.CodeBlock = CodeBlock; exports.StyledCodeBlock = StyledCodeBlock;

package/dist/chunk-VNFSKZW2.cjs

@@ -0,0 +1,77 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkPYL3O7AFcjs = require('./chunk-PYL3O7AF.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: ${_chunkPYL3O7AFcjs.standardLineHeightEms}em;
+`;
+
+
+
+
+exports.Checkbox = Checkbox; exports.CheckboxContainer = CheckboxContainer;

package/dist/chunk-VSFFGTTT.cjs

@@ -0,0 +1,38 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/WarningSign.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function WarningSign() {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 12 12",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "g", { clipPath: "url(#clip0_3679_43594)", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "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__ */ _jsxruntime.jsx.call(void 0, 
+            "path",
+            {
+              d: "M6 8.5V8.48633M6 4V6.75",
+              stroke: "currentColor",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "defs", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "clipPath", { id: "clip0_3679_43594", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "rect", { width: "12", height: "12", fill: "white" }) }) })
+      ]
+    }
+  );
+}
+
+
+
+exports.WarningSign = WarningSign;

package/dist/{chunk-NONMMIMQ.js → chunk-VW2IB7XD.js}

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

package/dist/chunk-VYKXX3SH.cjs

@@ -0,0 +1,49 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkAZRC3MXCcjs = require('./chunk-AZRC3MXC.cjs');
+
+
+var _chunkG5HBO2FIcjs = require('./chunk-G5HBO2FI.cjs');
+
+
+var _chunkZBBVZQKJcjs = require('./chunk-ZBBVZQKJ.cjs');
+
+// src/components/typography/Title.tsx
+var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+var Title = ({
+  block = false,
+  children,
+  color,
+  content,
+  display,
+  hideOverflow = false,
+  id,
+  size = "Medium"
+}) => {
+  let reactNodes = children || null;
+  if (content) {
+    reactNodes = _chunkAZRC3MXCcjs.toNonTypographicReactNodes.call(void 0, content);
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    StyledTitle,
+    {
+      size,
+      colorProp: color,
+      block,
+      id,
+      hideOverflow,
+      displayProp: display,
+      children: reactNodes
+    }
+  );
+};
+var StyledTitle = _styled2.default.span`
+  ${({ theme, size, colorProp }) => _chunkZBBVZQKJcjs.applyTypography.call(void 0, theme, "Title", size, colorProp)}
+  ${_chunkG5HBO2FIcjs.typographyStyles}
+`;
+
+
+
+
+exports.Title = Title; exports.StyledTitle = StyledTitle;