@lightsparkdev/ui 1.0.5 → 1.0.7

package/dist/chunk-V74OSV6N.cjs

@@ -0,0 +1,377 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkT7ZB3XF7cjs = require('./chunk-T7ZB3XF7.cjs');
+
+
+var _chunkQCJWZRIPcjs = require('./chunk-QCJWZRIP.cjs');
+
+
+var _chunkUEG2PUK7cjs = require('./chunk-UEG2PUK7.cjs');
+
+
+var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
+
+
+var _chunkCB3IFR2Xcjs = require('./chunk-CB3IFR2X.cjs');
+
+
+
+
+var _chunkMNAZ4BDQcjs = require('./chunk-MNAZ4BDQ.cjs');
+
+
+var _chunkPDZ23BEDcjs = require('./chunk-PDZ23BED.cjs');
+
+
+var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
+
+
+
+var _chunkLKKJVJCGcjs = require('./chunk-LKKJVJCG.cjs');
+
+// src/components/Dropdown.tsx
+var _react = require('@emotion/react');
+var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
+
+
+
+
+
+
+var _react3 = require('react');
+var _reactdom = require('react-dom'); var _reactdom2 = _interopRequireDefault(_reactdom);
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function Dropdown({
+  button,
+  dropdownItems,
+  horizontalScrollRef,
+  onClickDropdownItems,
+  getCSS,
+  onOpen,
+  onClose,
+  closeOnScroll = false,
+  openOnHover = false,
+  minDropdownItemsWidth = 200,
+  maxDropdownItemsWidth = 300,
+  align = "center",
+  footer = null,
+  dropdownContent = null
+}) {
+  const theme = _react.useTheme.call(void 0, );
+  const [isOpen, setIsOpen] = _react3.useState.call(void 0, false);
+  const [dropdownButtonHeight, setDropdownButtonHeight] = _react3.useState.call(void 0, 0);
+  const [dropdownButtonWidth, setDropdownButtonWidth] = _react3.useState.call(void 0, 0);
+  const [dropdownCoords, setDropdownCoords] = _react3.useState.call(void 0, {
+    top: 0,
+    left: 0,
+    right: 0
+  });
+  const dropdownRef = _react3.useRef.call(void 0, null);
+  const dropdownButtonRef = _react3.useRef.call(void 0, null);
+  const dropdownItemsRef = _react3.useRef.call(void 0, null);
+  const [dropdownItemsWidth, setDropdownItemsWidth] = _react3.useState.call(void 0, 0);
+  const nodeRef = _react3.useRef.call(void 0, null);
+  const [nodeReady, setNodeReady] = _react3.useState.call(void 0, false);
+  _react3.useEffect.call(void 0, () => {
+    if (!nodeRef.current) {
+      nodeRef.current = document.createElement("div");
+      document.body.appendChild(nodeRef.current);
+    }
+    setNodeReady(true);
+    return () => {
+      if (nodeRef.current) {
+        document.body.removeChild(nodeRef.current);
+        nodeRef.current = null;
+      }
+    };
+  }, []);
+  const setOpen = _react3.useCallback.call(void 0, 
+    (newValue) => {
+      setIsOpen(newValue);
+      if (newValue && onOpen) {
+        onOpen();
+      } else if (!newValue && onClose) {
+        onClose();
+      }
+    },
+    [onOpen, onClose]
+  );
+  function handleKeyDown(event) {
+    if (event.key === "Escape") {
+      event.preventDefault();
+      setOpen(false);
+    } else if (["Enter", "Return"].includes(event.key)) {
+      event.preventDefault();
+      setOpen(!isOpen);
+    }
+  }
+  function handleBlur(event) {
+    const targetOutsideDropdownItems = dropdownItemsRef.current && !dropdownItemsRef.current.contains(event.relatedTarget) && event.relatedTarget !== null;
+    if (targetOutsideDropdownItems) {
+      setOpen(false);
+    }
+  }
+  const handleRef = _react3.useCallback.call(void 0, (ref) => {
+    if (ref && !dropdownButtonRef.current) {
+      dropdownButtonRef.current = ref;
+    }
+    return ref;
+  }, []);
+  _react3.useEffect.call(void 0, () => {
+    function handleClickOutside(event) {
+      const targetOutsideDropdownItems = dropdownItemsRef.current && !dropdownItemsRef.current.contains(event.target);
+      const targetOutsideDropdownButton = dropdownButtonRef.current && !dropdownButtonRef.current.contains(event.target);
+      if (isOpen && event.target && targetOutsideDropdownItems && targetOutsideDropdownButton) {
+        setOpen(false);
+      }
+    }
+    window.document.addEventListener("mousedown", handleClickOutside);
+    return () => {
+      window.document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, [isOpen, setOpen]);
+  const reposition = _react3.useCallback.call(void 0, () => {
+    if (dropdownButtonRef.current && dropdownItemsRef.current) {
+      const dropdownButtonRect = dropdownButtonRef.current.getBoundingClientRect();
+      setDropdownCoords({
+        top: dropdownButtonRect.top,
+        left: dropdownButtonRect.left,
+        right: dropdownButtonRect.right
+      });
+      setDropdownButtonHeight(dropdownButtonRect.height);
+      setDropdownButtonWidth(dropdownButtonRect.width);
+      const dropdownItemsRect = dropdownItemsRef.current.getBoundingClientRect();
+      setDropdownItemsWidth(dropdownItemsRect.width);
+    }
+  }, []);
+  _react3.useLayoutEffect.call(void 0, () => {
+    function onWindowResize() {
+      setOpen(false);
+      reposition();
+    }
+    function handleScroll() {
+      if (closeOnScroll) {
+        setOpen(false);
+      }
+      reposition();
+    }
+    reposition();
+    let dropdownButtonResizeObserver = null;
+    if (dropdownButtonRef.current) {
+      dropdownButtonResizeObserver = new ResizeObserver(reposition);
+      dropdownButtonResizeObserver.observe(dropdownButtonRef.current);
+    }
+    let dropdownResizeObserver = null;
+    if (dropdownButtonRef.current) {
+      dropdownResizeObserver = new ResizeObserver(reposition);
+      dropdownResizeObserver.observe(dropdownButtonRef.current);
+    }
+    window.addEventListener("resize", onWindowResize);
+    let navItemsResizeObserver = null;
+    window.addEventListener("scroll", handleScroll);
+    if (horizontalScrollRef == null ? void 0 : horizontalScrollRef.current) {
+      horizontalScrollRef.current.addEventListener("scroll", handleScroll);
+      navItemsResizeObserver = new ResizeObserver(reposition);
+      navItemsResizeObserver.observe(horizontalScrollRef.current);
+    }
+    return () => {
+      window.removeEventListener("resize", onWindowResize);
+      window.removeEventListener("scroll", handleScroll);
+      dropdownButtonResizeObserver == null ? void 0 : dropdownButtonResizeObserver.disconnect();
+      navItemsResizeObserver == null ? void 0 : navItemsResizeObserver.disconnect();
+      dropdownResizeObserver == null ? void 0 : dropdownResizeObserver.disconnect();
+    };
+  }, [setOpen, horizontalScrollRef, closeOnScroll, reposition]);
+  const handleClickDropdownItems = _react3.useCallback.call(void 0, () => {
+    setOpen(false);
+    onClickDropdownItems && onClickDropdownItems();
+  }, [onClickDropdownItems, setOpen]);
+  const dropdownTopMargin = 8;
+  const dropdownItemOffsetTop = dropdownCoords.top + dropdownButtonHeight + dropdownTopMargin;
+  let dropdownItemOffsetLeft = 0;
+  if (align === "center") {
+    dropdownItemOffsetLeft = dropdownCoords.left - (dropdownItemsWidth - dropdownButtonWidth) / 2;
+  } else if (align === "right") {
+    dropdownItemOffsetLeft = dropdownCoords.right - dropdownItemsWidth;
+  }
+  const buttonContent = button.label || button.getContent && button.getContent({ isOpen, theme });
+  const containerCSS = getCSS && getCSS({ isOpen, theme });
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      css: _chunkLKKJVJCGcjs.__spreadValues.call(void 0, { position: "relative", display: "inline-flex" }, containerCSS),
+      ref: dropdownRef,
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          DropdownButton,
+          {
+            id: button.id,
+            type: "button",
+            onMouseEnter: openOnHover ? () => {
+              reposition();
+              setOpen(true);
+            } : void 0,
+            onMouseLeave: openOnHover ? () => {
+              setOpen(false);
+            } : void 0,
+            onMouseDown: (e) => {
+              reposition();
+              setOpen(!isOpen);
+            },
+            onKeyDown: handleKeyDown,
+            onFocus: (e) => {
+              reposition();
+              setOpen(true);
+            },
+            onBlur: handleBlur,
+            ref: handleRef,
+            css: button.getCSS && button.getCSS({ isOpen, theme }),
+            children: buttonContent
+          }
+        ),
+        nodeReady && nodeRef.current ? _reactdom2.default.createPortal(
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+            DropdownItems,
+            {
+              isOpen,
+              left: dropdownItemOffsetLeft,
+              top: dropdownItemOffsetTop,
+              ref: dropdownItemsRef,
+              minWidth: minDropdownItemsWidth,
+              maxWidth: maxDropdownItemsWidth,
+              children: [
+                dropdownItems == null ? void 0 : dropdownItems.map((dropdownItem, i) => {
+                  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { onBlur: handleBlur, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    DropdownItem,
+                    {
+                      dropdownItem,
+                      onClick: handleClickDropdownItems
+                    }
+                  ) }, dropdownItem.label);
+                }),
+                dropdownContent,
+                footer && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DropdownFooter, { children: footer })
+              ]
+            }
+          ),
+          nodeRef.current
+        ) : null
+      ]
+    }
+  );
+}
+var DropdownFooter = _styled2.default.div`
+  padding: 24px 16px 0;
+  border-top: 1px solid ${({ theme }) => theme.c2Neutral};
+  margin-top: 16px;
+`;
+var DropdownItems = _styled2.default.ul`
+  ${_chunkMNAZ4BDQcjs.overlaySurface}
+  color: ${({ theme }) => _chunkPDZ23BEDcjs.themeOr.call(void 0, theme.c6Neutral, theme.c8Neutral)};
+  ${_chunkMNAZ4BDQcjs.standardBorderRadius.call(void 0, 8)}
+  padding: 12px 0;
+  visibility: ${({ isOpen }) => isOpen ? "visible" : "hidden"};
+  position: fixed;
+  ${({ minWidth }) => minWidth ? `min-width: ${minWidth}px;` : ""}
+  ${({ maxWidth }) => maxWidth ? `max-width: ${maxWidth}px;` : ""}
+  left: ${({ left }) => left}px;
+  top: ${({ top }) => top}px;
+  z-index: ${_chunkZU72XWNEcjs.z.dropdown};
+  list-style: none;
+  margin: 0;
+`;
+function DropdownItem({
+  dropdownItem,
+  onClick
+}) {
+  const theme = _react.useTheme.call(void 0, );
+  const dropdownItemIcon = dropdownItem.getIcon && dropdownItem.getIcon({ dropdownItem, theme });
+  const dropdownItemIconNode = dropdownItemIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkCB3IFR2Xcjs.Icon,
+    {
+      name: dropdownItemIcon.name,
+      width: dropdownItemIcon.width || 12,
+      mr: 10
+    }
+  ) : null;
+  const cssProp2 = dropdownItem.getCSS && dropdownItem.getCSS({ theme, dropdownItem });
+  const onClickDropdownItem = _react3.useCallback.call(void 0, () => {
+    dropdownItem.onClick && dropdownItem.onClick(dropdownItem);
+    onClick && onClick();
+  }, [dropdownItem, onClick]);
+  if (dropdownItem.to !== void 0 || dropdownItem.externalLink) {
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      DropdownItemLink,
+      {
+        selected: Boolean(dropdownItem.selected),
+        to: dropdownItem.to,
+        externalLink: dropdownItem.externalLink,
+        params: dropdownItem.params,
+        onClick: onClickDropdownItem,
+        css: cssProp2,
+        hash: dropdownItem.hash,
+        children: [
+          dropdownItemIconNode,
+          dropdownItem.label
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    DropdownItemDiv,
+    {
+      selected: false,
+      css: cssProp2,
+      onClick: onClickDropdownItem,
+      children: [
+        dropdownItemIconNode,
+        dropdownItem.label
+      ]
+    }
+  );
+}
+var DropdownButton = _styled2.default.call(void 0, _chunkUEG2PUK7cjs.UnstyledButton)`
+  ${_chunkMNAZ4BDQcjs.standardFocusOutline}
+`;
+var dropdownItemStyle = ({ selected, theme }) => `
+  background-color: ${selected ? theme.primary : "transparent"};
+  box-sizing: border-box;
+  cursor: pointer;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  height: 100%;
+  outline-color: ${selected ? theme.onPrimaryText : theme.hcNeutral} !important;
+  white-space: nowrap;
+
+  padding: 8px 16px;
+  ${_chunkKW3JYLRIcjs.bp.sm(`padding-left: ${_chunkT7ZB3XF7cjs.smHeaderLogoMarginLeft};`)}
+
+  &:hover {
+    color: ${theme.hcNeutral} !important;
+  }
+`;
+var cssProp = ({
+  theme,
+  selected
+}) => _react.css`
+  ${dropdownItemStyle({ theme, selected: Boolean(selected) })}
+  ${_chunkMNAZ4BDQcjs.standardFocusOutline.call(void 0, { theme })}
+`;
+function DropdownItemLink(props) {
+  const theme = _react.useTheme.call(void 0, );
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkQCJWZRIPcjs.Link,
+    _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, props), {
+      css: cssProp({ theme, selected: Boolean(props.selected) })
+    })
+  );
+}
+var DropdownItemDiv = _styled2.default.div`
+  ${dropdownItemStyle}
+  ${_chunkMNAZ4BDQcjs.standardFocusOutline}
+`;
+
+
+
+exports.Dropdown = Dropdown;

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-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-3DXU76SI.js → chunk-VI4JM4DQ.js}

@@ -1,9 +1,9 @@
 import {
   standardBorderRadius
-} from "./chunk-YG5BANJH.js";
+} from "./chunk-GMM3LRXY.js";
 import {
   themeOr
-} from "./chunk-UAUAYQ3C.js";
+} from "./chunk-I4NIA4SD.js";
 
 // src/components/ProgressBar.tsx
 import styled from "@emotion/styled";

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;