@lightsparkdev/ui 1.0.10 → 1.0.12

package/dist/chunk-DQ74DHTA.cjs

@@ -0,0 +1,31 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/Dollar.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function Dollar({
+  strokeWidth = "1.125",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 10 13",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "path",
+        {
+          d: "M7.90922 2.61607H5.00156M5.00156 2.61607H3.57422C2.26039 2.61607 1.19531 3.48552 1.19531 4.55804C1.19531 5.63055 2.26039 6.5 3.57422 6.5H5.00156M5.00156 2.61607V1.0625M5.00156 2.61607V6.5M5.00156 6.5H6.42891C7.74274 6.5 8.80781 7.36945 8.80781 8.44196C8.80781 9.51448 7.74274 10.3839 6.42891 10.3839H5.00156M5.00156 6.5V10.3839M5.00156 10.3839H1.61833M5.00156 10.3839V11.9375",
+          stroke: "currentColor",
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin
+        }
+      )
+    }
+  );
+}
+
+
+
+exports.Dollar = Dollar;

package/dist/chunk-DQTVRADP.js

@@ -0,0 +1,31 @@
+// src/icons/Recycling.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function Recycling({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M12 9.9987V4.66536C12 3.92898 11.4031 3.33203 10.6667 3.33203H7M12 9.9987L10 7.9987M12 9.9987L14 7.9987M4 5.9987V11.332C4 12.0684 4.59695 12.6654 5.33333 12.6654H9M4 5.9987L6 7.9987M4 5.9987L2 7.9987",
+          stroke: "currentColor",
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin
+        }
+      )
+    }
+  );
+}
+
+export {
+  Recycling
+};

package/dist/chunk-DSXD2AYT.js

@@ -0,0 +1,32 @@
+// src/icons/AI.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function AI({
+  strokeWidth = "2",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "28",
+      height: "28",
+      viewBox: "0 0 28 28",
+      fill: "none",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M11.4485 18.5547L10.5 21.875L9.5515 18.5547C9.30635 17.697 8.84672 16.9159 8.21597 16.2852C7.58522 15.6544 6.80416 15.1948 5.9465 14.9497L2.625 14L5.94533 13.0515C6.803 12.8064 7.58405 12.3467 8.2148 11.716C8.84555 11.0852 9.30518 10.3042 9.55033 9.4465L10.5 6.125L11.4485 9.44533C11.6936 10.303 12.1533 11.0841 12.784 11.7148C13.4148 12.3455 14.1958 12.8052 15.0535 13.0503L18.375 14L15.0547 14.9485C14.197 15.1936 13.4159 15.6533 12.7852 16.284C12.1544 16.9148 11.6948 17.6958 11.4497 18.5535L11.4485 18.5547ZM21.3022 10.1675L21 11.375L20.6978 10.1675C20.5249 9.47519 20.167 8.84289 19.6625 8.3382C19.1581 7.83351 18.5259 7.47541 17.8337 7.30217L16.625 7L17.8337 6.69783C18.5259 6.52459 19.1581 6.16649 19.6625 5.6618C20.167 5.15711 20.5249 4.52481 20.6978 3.8325L21 2.625L21.3022 3.8325C21.4752 4.52496 21.8332 5.15735 22.3379 5.66205C22.8426 6.16675 23.475 6.52478 24.1675 6.69783L25.375 7L24.1675 7.30217C23.475 7.47522 22.8426 7.83325 22.3379 8.33795C21.8332 8.84265 21.4752 9.47504 21.3022 10.1675ZM19.7097 23.9948L19.25 25.375L18.7903 23.9948C18.6615 23.6082 18.4444 23.2569 18.1562 22.9688C17.868 22.6806 17.5168 22.4635 17.1302 22.3347L15.75 21.875L17.1302 21.4153C17.5168 21.2865 17.868 21.0694 18.1562 20.7812C18.4444 20.493 18.6615 20.1418 18.7903 19.7552L19.25 18.375L19.7097 19.7552C19.8385 20.1418 20.0556 20.493 20.3438 20.7812C20.6319 21.0694 20.9832 21.2865 21.3698 21.4153L22.75 21.875L21.3698 22.3347C20.9832 22.4635 20.6319 22.6806 20.3438 22.9688C20.0556 23.2569 19.8385 23.6082 19.7097 23.9948Z",
+          stroke: "currentColor",
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin
+        }
+      )
+    }
+  );
+}
+
+export {
+  AI
+};

package/dist/chunk-DYWIRRUN.cjs

@@ -0,0 +1,31 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/Restart.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function Restart({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 12 12",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "path",
+        {
+          d: "M0.5 7.96429C1.28571 9.53571 2.85714 11.5 6 11.5C9.14286 11.5 10.7143 9.53571 11.5 7.96429M11.5 7.96429H8.75M11.5 7.96429V11.1071M11.5 4.03571C10.7143 2.46429 9.14286 0.5 6 0.5C2.85714 0.5 1.28571 2.46429 0.5 4.03571M0.5 4.03571H3.25M0.5 4.03571V0.892857",
+          stroke: "currentColor",
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin
+        }
+      )
+    }
+  );
+}
+
+
+
+exports.Restart = Restart;

package/dist/chunk-E5ICVBJN.js

@@ -0,0 +1,73 @@
+import {
+  Flex
+} from "./chunk-5SJB7TBQ.js";
+import {
+  Icon
+} from "./chunk-OFZVJPBJ.js";
+import {
+  Link
+} from "./chunk-PVEDEZJZ.js";
+import {
+  getColor
+} from "./chunk-HCKCJR5Y.js";
+
+// src/components/IconWithCircleBackground.tsx
+import styled from "@emotion/styled";
+import { jsx } from "@emotion/react/jsx-runtime";
+function IconWithCircleBackground({
+  iconName = "WarningSign",
+  iconWidth = 40,
+  to,
+  onClick,
+  darkBg = false,
+  shouldRotate = false
+}) {
+  const content = /* @__PURE__ */ jsx(Flex, { center: true, onClick, children: /* @__PURE__ */ jsx(
+    StyledIconWithCircleBackground,
+    {
+      size: iconWidth,
+      darkBg,
+      shouldRotate,
+      children: /* @__PURE__ */ jsx(
+        Icon,
+        {
+          name: iconName,
+          width: iconWidth,
+          color: darkBg ? "white" : "grayBlue9"
+        }
+      )
+    }
+  ) });
+  return to ? /* @__PURE__ */ jsx(Link, { to, children: content }) : content;
+}
+var StyledIconWithCircleBackground = styled.div`
+  background: ${({ theme, darkBg }) => darkBg ? `linear-gradient(291.4deg, #1C243F 0%, #21283A 100%)` : getColor(theme, "grayBlue94")};
+  border-radius: 50%;
+  padding: ${({ size }) => getPadding(size)}px;
+  display: flex;
+  justify-content: center;
+  ${({ size }) => `width: ${size + getPadding(size) * 2}px; height: ${size + getPadding(size) * 2}px;`}
+
+  @keyframes IconWithCircleBackgroundRotate {
+    0% {
+      transform: rotate(0);
+    }
+    35% {
+      transform: rotate(360deg);
+    }
+    100% {
+      transform: rotate(360deg);
+    }
+  }
+  ${({ shouldRotate }) => shouldRotate && `animation: IconWithCircleBackgroundRotate 10s ease infinite;`}
+`;
+function getPadding(size) {
+  if (size === 40) {
+    return 20;
+  }
+  return 16;
+}
+
+export {
+  IconWithCircleBackground
+};

package/dist/chunk-EEVXVQKM.js

@@ -0,0 +1,26 @@
+import {
+  toReactNodes
+} from "./chunk-SOGADTSR.js";
+import {
+  StyledOverline,
+  getPropDefaults
+} from "./chunk-5YBPA32P.js";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./chunk-CWMXXUWU.js";
+
+// src/components/typography/Overline.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function Overline(props) {
+  const propsWithDefaults = getPropDefaults(props);
+  let reactNodes = props.children || null;
+  if (props.content) {
+    reactNodes = toReactNodes(props.content);
+  }
+  return /* @__PURE__ */ jsx(StyledOverline, __spreadProps(__spreadValues({}, propsWithDefaults), { children: reactNodes }));
+}
+
+export {
+  Overline
+};

package/dist/chunk-EH2OYE5W.cjs

@@ -0,0 +1,31 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/Clock.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function Clock({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 21 21",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "path",
+        {
+          d: "M10.5005 6.42187V10.5H14.5786M10.5005 20.0156C9.23785 20.0156 8.60652 20.0156 8.07651 19.9458C4.41653 19.464 1.53649 16.584 1.05464 12.924C0.984863 12.394 0.984863 11.7626 0.984863 10.5C0.984863 9.23736 0.984863 8.60604 1.05464 8.07602C1.53649 4.41604 4.41653 1.536 8.07651 1.05415C8.60652 0.984375 9.23785 0.984375 10.5005 0.984375C11.7631 0.984375 12.3945 0.984375 12.9245 1.05415C16.5845 1.536 19.4645 4.41604 19.9463 8.07602C20.0161 8.60604 20.0161 9.23736 20.0161 10.5C20.0161 11.7626 20.0161 12.394 19.9463 12.924C19.4645 16.584 16.5845 19.464 12.9245 19.9458C12.3945 20.0156 11.7631 20.0156 10.5005 20.0156Z",
+          stroke: "currentColor",
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin
+        }
+      )
+    }
+  );
+}
+
+
+
+exports.Clock = Clock;

package/dist/chunk-ENPMQ6GR.cjs

@@ -0,0 +1,57 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkRROZ5XYPcjs = require('./chunk-RROZ5XYP.cjs');
+
+// src/components/ContentTable.tsx
+var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function ContentTable({
+  columns,
+  rows
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledContentTable, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "thead", { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "tr", { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "th", {}),
+      columns.map((column) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "th", { children: column.title }, column.key))
+    ] }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tbody", { children: rows.map((row, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "tr", { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { children: row.title }),
+      columns.map((column) => {
+        const value = row[column.key];
+        return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { children: value === true ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRROZ5XYPcjs.Icon, { name: "CheckmarkCircle", width: 16, color: "success" }) : value }, column.key);
+      })
+    ] }, index)) })
+  ] });
+}
+var StyledContentTable = _styled2.default.table`
+  width: 100%;
+  border-collapse: collapse;
+  border: 1px solid ${({ theme }) => theme.c1Neutral};
+  color: ${({ theme }) => theme.c6Neutral};
+
+  tr:last-child td:first-child {
+    border-bottom-left-radius: 10px;
+  }
+
+  tr:last-child td:last-child {
+    border-bottom-right-radius: 10px;
+  }
+
+  th,
+  td {
+    padding: 26px 12px;
+    border: 1px solid #e5e5e5;
+  }
+  th {
+    text-align: center;
+  }
+  td {
+    vertical-align: middle;
+    text-align: center;
+  }
+`;
+
+
+
+
+exports.ContentTable = ContentTable; exports.StyledContentTable = StyledContentTable;

package/dist/chunk-ETVTOI55.js

@@ -0,0 +1,170 @@
+import {
+  setDefaultReactNodesTypography
+} from "./chunk-RT7X3ZOO.js";
+import {
+  toReactNodes
+} from "./chunk-SOGADTSR.js";
+import {
+  themeOrWithKey,
+  themes
+} from "./chunk-HCKCJR5Y.js";
+import {
+  getLineHeightForTypographyType
+} from "./chunk-AZSSORPU.js";
+
+// src/components/PendingValue.tsx
+import { css, keyframes, ThemeProvider } from "@emotion/react";
+import styled from "@emotion/styled";
+import { Fragment } from "react";
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+var bgPosition = keyframes`
+  0% {
+    background-position: 200% 0;
+  }
+  100% {
+    background-position: -200% 0;
+  }
+`;
+function PendingValue({
+  animate = true,
+  content: contentProp,
+  typography: typographyProp,
+  width,
+  forceTheme,
+  fullSizePending = false
+}) {
+  const defaultTypography = {
+    type: (typographyProp == null ? void 0 : typographyProp.type) || "Body",
+    size: (typographyProp == null ? void 0 : typographyProp.size) || "Small",
+    color: (typographyProp == null ? void 0 : typographyProp.color) || "text",
+    hideOverflow: true
+  };
+  const defaultTypographyMap = {
+    link: defaultTypography,
+    text: defaultTypography,
+    nextLink: defaultTypography,
+    currencyAmount: defaultTypography,
+    clipboardTextField: defaultTypography
+  };
+  const nodesWithTypography = setDefaultReactNodesTypography(
+    contentProp,
+    defaultTypographyMap
+  );
+  const content = toReactNodes(nodesWithTypography);
+  const contentNode = /* @__PURE__ */ jsx(
+    StyledPendingValueContent,
+    {
+      typographyType: defaultTypography.type,
+      typographySize: defaultTypography.size,
+      children: content
+    }
+  );
+  const nodes = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      StyledPendingValueBgOuter,
+      {
+        typographyType: defaultTypography.type,
+        typographySize: defaultTypography.size,
+        widthProp: width,
+        hasContent: !!contentProp,
+        fullSizePending,
+        children: [
+          /* @__PURE__ */ jsx(
+            StyledPendingValueBg,
+            {
+              visible: !contentProp,
+              fullSizePending,
+              animate
+            }
+          ),
+          fullSizePending ? null : contentNode
+        ]
+      }
+    ),
+    fullSizePending ? contentNode : null
+  ] });
+  return forceTheme ? /* @__PURE__ */ jsx(ThemeProvider, { theme: themes[forceTheme], children: nodes }) : nodes;
+}
+var StyledPendingValueBgOuter = styled.div`
+  position: relative;
+  height: ${({ typographyType, typographySize, theme }) => getLineHeightForTypographyType(typographyType, typographySize, theme)};
+
+  ${({ widthProp, hasContent }) => widthProp && !hasContent ? `width: ${widthProp}px;` : "width: 100%;"}
+  overflow: hidden;
+  max-width: 100%;
+
+  ${({ fullSizePending }) => {
+  if (fullSizePending) {
+    return `
+        position: absolute;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        height: 100%;
+        width: 100%;
+      `;
+  }
+  return "";
+}}
+`;
+var StyledPendingValueContent = styled.div`
+  position: relative;
+  z-index: 1;
+  overflow: hidden;
+
+  height: ${({ typographyType, typographySize, theme }) => getLineHeightForTypographyType(typographyType, typographySize, theme)};
+`;
+var vSpacing = 2;
+var StyledPendingValueBg = styled.div`
+  z-index: 0;
+  width: 100%;
+  position: absolute;
+
+  ${({ fullSizePending }) => {
+  if (fullSizePending) {
+    return `
+        height: 100%;
+        top: 0;
+      `;
+  }
+  return `
+      height: calc(100% - ${vSpacing * 2}px);
+      top: ${vSpacing}px;
+      border-radius: 999px;
+    `;
+}}
+
+  ${({ visible }) => visible ? "opacity: 1;" : "opacity: 0;"}
+
+  background: linear-gradient(
+    90deg,
+    ${themeOrWithKey("c05Neutral", "c25Neutral")} 0%,
+    ${themeOrWithKey("c1Neutral", "c3Neutral")} 50%,
+    ${themeOrWithKey("c05Neutral", "c25Neutral")} 100%
+  );
+
+  background-size: 200% 100%;
+  background-position: 0% 0%;
+
+  @keyframes rotate {
+    0% {
+      transform: rotate(0deg);
+    }
+    100% {
+      transform: rotate(360deg);
+    }
+  }
+
+  ${({ animate }) => {
+  return animate ? css`
+          animation: ${bgPosition} 2s linear infinite;
+        ` : "";
+}}
+`;
+
+export {
+  PendingValue,
+  StyledPendingValueContent,
+  StyledPendingValueBg
+};

package/dist/chunk-EYATIQFP.cjs

@@ -0,0 +1,43 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/ArrowsHorizontal.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function ArrowsHorizontal({
+  strokeWidth = "2",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 22 25",
+      fill: "currentColor",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M16.3846 1L21.0009 5.61631M21.0009 5.61631L16.3846 10.2326M21.0009 5.61631H2.53564",
+            stroke: "currentColor",
+            strokeWidth,
+            strokeLinecap,
+            strokeLinejoin
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M5.6164 23.0041L1.00009 18.3878M1.00009 18.3878L5.6164 13.7715M1.00009 18.3878L19.4653 18.3878",
+            stroke: "currentColor",
+            strokeWidth,
+            strokeLinecap,
+            strokeLinejoin
+          }
+        )
+      ]
+    }
+  );
+}
+
+
+
+exports.ArrowsHorizontal = ArrowsHorizontal;

package/dist/chunk-EYLWCQQS.js

@@ -0,0 +1,31 @@
+// src/icons/QuestionCircle.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function QuestionCircle({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 20 20",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M7.75 7.25C8.5 5 12.25 5.19156 12.25 7.54132C12.25 9.2008 10 9.4614 10 11.25M10 14V13.99M19.25 10C19.25 15.1086 15.1086 19.25 10 19.25C4.89137 19.25 0.75 15.1086 0.75 10C0.75 4.89137 4.89137 0.75 10 0.75C15.1086 0.75 19.25 4.89137 19.25 10ZM10.25 14C10.25 14.1381 10.1381 14.25 10 14.25C9.8619 14.25 9.75 14.1381 9.75 14C9.75 13.8619 9.8619 13.75 10 13.75C10.1381 13.75 10.25 13.8619 10.25 14Z",
+          stroke: "currentColor",
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin
+        }
+      )
+    }
+  );
+}
+
+export {
+  QuestionCircle
+};

package/dist/chunk-EZAUWB7J.cjs

@@ -0,0 +1,31 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/Notebook.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function Notebook({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  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: "M5.3998 1H2.5998C2.15798 1 1.7998 1.35818 1.7998 1.8V14.2C1.7998 14.6418 2.15798 15 2.5998 15H5.3998M5.3998 1H13.3998C13.8416 1 14.1998 1.35818 14.1998 1.8V14.2C14.1998 14.6418 13.8416 15 13.3998 15H5.3998M5.3998 1V15M8.5998 4.6H10.9998M8.5998 7.8H10.9998",
+          stroke: "currentColor",
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin
+        }
+      )
+    }
+  );
+}
+
+
+
+exports.Notebook = Notebook;

package/dist/chunk-F22X3YUD.cjs

@@ -0,0 +1,26 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkCBPXRCT4cjs = require('./chunk-CBPXRCT4.cjs');
+
+
+
+var _chunkULIKCHGYcjs = require('./chunk-ULIKCHGY.cjs');
+
+
+
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
+
+// src/components/typography/Title.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function Title(props) {
+  const propsWithDefaults = _chunkULIKCHGYcjs.getPropDefaults.call(void 0, props);
+  let reactNodes = props.children || null;
+  if (props.content) {
+    reactNodes = _chunkCBPXRCT4cjs.toReactNodes.call(void 0, props.content);
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkULIKCHGYcjs.StyledTitle, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+}
+
+
+
+exports.Title = Title;

package/dist/chunk-F2XDXARE.js

@@ -0,0 +1,55 @@
+import {
+  DocsHeadline
+} from "./chunk-SGVJXPX7.js";
+import {
+  Icon
+} from "./chunk-OFZVJPBJ.js";
+import {
+  select
+} from "./chunk-YMNSXZ5D.js";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./chunk-CWMXXUWU.js";
+
+// src/components/documentation/AnchorLinkHeader.tsx
+import styled from "@emotion/styled";
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+var AnchorLinkHeader = (props) => {
+  return /* @__PURE__ */ jsx(StyledAnchorLinkHeader, { colorProp: props.color, children: /* @__PURE__ */ jsxs(DocsHeadline, __spreadProps(__spreadValues({}, props), { children: [
+    props.children,
+    /* @__PURE__ */ jsx(IconWrapper, { name: "AnchorLink", color: props.color, width: 0 })
+  ] })) });
+};
+var IconWrapper = styled(Icon)`
+  width: 20px;
+  opacity: 0;
+  margin: 0 0 4px -20px;
+  transform: translateX(-8px);
+  transition:
+    opacity 0.1s ease-out,
+    transform 0.1s ease-out;
+
+  svg {
+    margin: 0;
+  }
+`;
+var StyledAnchorLinkHeader = styled.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  width: fit-content;
+
+  a {
+    padding-right: 24px;
+  }
+
+  &:hover ${select(IconWrapper)} {
+    opacity: 1;
+    transform: translateX(0px);
+  }
+`;
+
+export {
+  AnchorLinkHeader
+};