@lightsparkdev/ui 1.0.5 → 1.0.7

package/dist/chunk-5IO7EL3S.cjs

@@ -0,0 +1,38 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/NonagonCheckmark.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function NonagonCheckmark() {
+  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_1_2)", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "path",
+            {
+              fillRule: "evenodd",
+              clipRule: "evenodd",
+              d: "M6.00009 0.166443C6.12679 0.166443 6.24725 0.221364 6.33031 0.316995L7.59831 1.77637L9.50773 1.47348C9.63286 1.45363 9.76043 1.489 9.8575 1.57043C9.95456 1.65187 10.0116 1.77137 10.0137 1.89804L10.047 3.83105L11.7044 4.82637C11.813 4.89162 11.888 5.0007 11.91 5.12548C11.932 5.25025 11.8988 5.37841 11.8191 5.47682L10.6021 6.97902L11.2319 8.80678C11.2732 8.92659 11.2605 9.05837 11.1972 9.16809C11.1338 9.27782 11.026 9.3547 10.9017 9.37879L9.00379 9.74723L8.31143 11.5523C8.26605 11.6706 8.17161 11.7634 8.05255 11.8067C7.93349 11.8501 7.80154 11.8396 7.69076 11.7782L6.00009 10.8405L4.30941 11.7782C4.19862 11.8396 4.06663 11.8501 3.94758 11.8067C3.82853 11.7634 3.7341 11.6706 3.68873 11.5523L2.99634 9.74723L1.09848 9.37879C0.974113 9.3547 0.866319 9.27782 0.802969 9.16809C0.739625 9.05837 0.726949 8.92659 0.768226 8.80678L1.39809 6.97902L0.181066 5.47682C0.101312 5.37841 0.0681439 5.25025 0.0901473 5.12548C0.112145 5.0007 0.18715 4.89162 0.295761 4.82637L1.95315 3.83105L1.98642 1.89804C1.98861 1.77137 2.04559 1.65187 2.14264 1.57043C2.2397 1.489 2.36728 1.45363 2.49241 1.47348L4.40182 1.77637L5.66981 0.316995C5.75293 0.221364 5.87339 0.166443 6.00009 0.166443ZM7.76776 5.57995C7.93862 5.40909 7.93862 5.13213 7.76776 4.96127C7.59691 4.7904 7.31988 4.7904 7.14902 4.96127L5.41676 6.69353L4.8511 6.12793C4.68025 5.95708 4.40323 5.95708 4.23238 6.12793C4.06153 6.29879 4.06153 6.57576 4.23238 6.74662L5.10736 7.62162C5.18943 7.70369 5.30073 7.74978 5.41676 7.74978C5.53278 7.74978 5.64408 7.70369 5.7261 7.62162L7.76776 5.57995Z",
+              fill: "#0068C9"
+            }
+          ),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "path",
+            {
+              d: "M7.76776 5.57989C7.93862 5.40903 7.93862 5.13207 7.76776 4.96121C7.59691 4.79034 7.31988 4.79034 7.14902 4.96121L5.41676 6.69347L4.8511 6.12787C4.68025 5.95702 4.40323 5.95702 4.23238 6.12787C4.06153 6.29873 4.06153 6.5757 4.23238 6.74656L5.10736 7.62156C5.18943 7.70363 5.30073 7.74972 5.41676 7.74972C5.53278 7.74972 5.64408 7.70363 5.7261 7.62156L7.76776 5.57989Z",
+              fill: "#F9F9F9"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "defs", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "clipPath", { id: "clip0_1_2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "rect", { width: "12", height: "12", fill: "white" }) }) })
+      ]
+    }
+  );
+}
+
+
+
+exports.NonagonCheckmark = NonagonCheckmark;

package/dist/chunk-5P25HFMG.cjs

@@ -0,0 +1,26 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/ChevronLeft.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+var ChevronLeft = () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  "svg",
+  {
+    width: "100%",
+    height: "100%",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "path",
+      {
+        d: "M15 20L7 12L15 4",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  }
+);
+
+
+
+exports.ChevronLeft = ChevronLeft;

package/dist/chunk-5WZ7X43P.cjs

@@ -0,0 +1,351 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunk46AVXTFOcjs = require('./chunk-46AVXTFO.cjs');
+
+
+var _chunkCRVO2CALcjs = require('./chunk-CRVO2CAL.cjs');
+
+
+var _chunkV74OSV6Ncjs = require('./chunk-V74OSV6N.cjs');
+
+
+var _chunkQR6XKKRKcjs = require('./chunk-QR6XKKRK.cjs');
+
+
+
+var _chunkJ4BWIY7Mcjs = require('./chunk-J4BWIY7M.cjs');
+
+
+var _chunkZJTRXOA5cjs = require('./chunk-ZJTRXOA5.cjs');
+
+
+
+var _chunkH24ZXPN3cjs = require('./chunk-H24ZXPN3.cjs');
+
+
+var _chunkXZG2GZWIcjs = require('./chunk-XZG2GZWI.cjs');
+
+
+var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
+
+
+var _chunkUEG2PUK7cjs = require('./chunk-UEG2PUK7.cjs');
+
+
+var _chunkCB3IFR2Xcjs = require('./chunk-CB3IFR2X.cjs');
+
+
+
+var _chunkMNAZ4BDQcjs = require('./chunk-MNAZ4BDQ.cjs');
+
+
+var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
+
+
+var _chunkKSKKC6C2cjs = require('./chunk-KSKKC6C2.cjs');
+
+
+var _chunkLKKJVJCGcjs = require('./chunk-LKKJVJCG.cjs');
+
+// src/components/PageSection/PageSection.tsx
+var _react = require('@emotion/react');
+var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
+var _react3 = require('react');
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function PageSection({
+  children,
+  title,
+  sectionId,
+  headerOffset = 0
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledPageSection, { scrollMarginTop: headerOffset + _chunk46AVXTFOcjs.pageSectionScrollOffset, children: [
+    title ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH24ZXPN3cjs.Heading, { type: "h3", id: sectionId, mt: 0, mb: 40, children: title }) : null,
+    children
+  ] });
+}
+var StyledPageSection = _styled2.default.div`
+  &:first-of-type {
+    ${_chunkKW3JYLRIcjs.bp.minSm(`
+      margin-top: 4px;
+    `)}
+  }
+
+  &:not(:first-of-type) {
+    margin-top: 72px;
+  }
+
+  h3,
+  h4 {
+    scroll-margin-top: ${({ scrollMarginTop }) => scrollMarginTop}px !important;
+  }
+`;
+var PageSectionSubheading = _chunkH24ZXPN3cjs.headingWithDefaults.call(void 0, {
+  type: "h4",
+  mb: 32
+});
+var PageSectionBoxActionColumn = ({
+  label,
+  value,
+  valueId
+}) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledPageSectionBoxActionColumn, { children: [
+  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageSectionBoxActionColumnLabel, { children: label }),
+  value ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageSectionBoxActionColumnValue, { id: valueId, children: value }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageSectionBoxActionColumnNoValue, { children: "Unknown" })
+] });
+var StyledPageSectionBoxActionColumn = _styled2.default.div``;
+var PageSectionBoxActionColumnLabel = _styled2.default.div`
+  color: ${_chunkKSKKC6C2cjs.colors.gray40};
+  font-weight: 500;
+  margin: 0;
+`;
+var PageSectionBoxActionColumnValue = _styled2.default.div`
+  font-weight: 700;
+  margin-bottom: 0;
+  margin-top: 6px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`;
+var PageSectionBoxActionColumnNoValue = _styled2.default.call(void 0, 
+  PageSectionBoxActionColumnValue
+)`
+  color: ${_chunkKSKKC6C2cjs.colors.gray80};
+  font-style: italic;
+`;
+function PageSectionBoxAction({
+  dropdownItems,
+  icon,
+  isDelete = false,
+  label,
+  loading = false,
+  onClick,
+  to,
+  toParams
+}) {
+  const theme = _react.useTheme.call(void 0, );
+  return loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXZG2GZWIcjs.Loading, { size: 12, center: false }) }) : icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUEG2PUK7cjs.UnstyledButton, { onClick: icon.onClick, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCB3IFR2Xcjs.Icon, { name: icon.name, width: 12, color: "mcNeutral" }) }) }) : dropdownItems ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkV74OSV6Ncjs.Dropdown,
+    {
+      button: {
+        getContent: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCB3IFR2Xcjs.Icon, { name: "DotGrid1x3Horizontal", width: 16 })
+      },
+      dropdownItems
+    }
+  ) : isDelete ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUEG2PUK7cjs.UnstyledButton, { css: { color: theme.mcNeutral }, onClick, children: "Delete" }) : label ? (
+    /* Extra div for proper default alignment inside flex contexts */
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkCRVO2CALcjs.TextButton,
+      {
+        leftIcon: icon,
+        text: label,
+        to,
+        toParams,
+        onClick
+      }
+    ) })
+  ) : null;
+}
+var PageSectionBoxActionRow = ({
+  title,
+  titleBadge,
+  description,
+  separator,
+  children,
+  action,
+  smFlexColumn = true
+}) => {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react3.Fragment, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    SPageSectionBoxActionRow,
+    {
+      separator: Boolean(separator),
+      smFlexColumn: Boolean(smFlexColumn),
+      children: [
+        title ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, PageSectionBoxTitle, { children: [
+            title,
+            titleBadge ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJ4BWIY7Mcjs.Badge, { content: titleBadge, ml: 4 }) : null
+          ] }),
+          description ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageSectionBoxDescription, { children: description }) : null
+        ] }) : null,
+        children,
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageSectionBoxAction, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, action))
+      ]
+    }
+  ) });
+};
+var SPageSectionBoxActionRow = _styled2.default.div`
+  display: flex;
+  gap: 12px;
+  align-items: top;
+  flex-direction: row;
+  justify-content: space-between;
+
+  & + & {
+    margin-top: 32px;
+  }
+
+  ${({ smFlexColumn }) => smFlexColumn ? _chunkKW3JYLRIcjs.bp.sm(`flex-direction: column;`) : ""}
+
+  &:has(> ${StyledPageSectionBoxActionColumn}) {
+    ${_chunk6VA4SAHQcjs.select.call(void 0, StyledPageSectionBoxActionColumn)} {
+      width: 150px;
+    }
+    ${_chunkKW3JYLRIcjs.bp.maxMd(`
+      ${_chunk6VA4SAHQcjs.select.call(void 0, StyledPageSectionBoxActionColumn)} {
+        width: auto;
+      }
+    `)}
+  }
+
+  ${({ separator, theme }) => separator && `
+      border-top: 1px solid;
+      ${_chunkQR6XKKRKcjs.standardBorderColor.call(void 0, { theme }).styles};
+      padding-top: 32px;
+    `}
+`;
+var PageSectionBoxColumn = _styled2.default.div``;
+var PageSectionBoxRow = _styled2.default.div`
+  display: grid;
+  grid-template-columns: repeat(
+    auto-fit,
+    minmax(215px, 1fr)
+  ); /* This creates as many columns as can fit, each at least 150px wide */
+`;
+function PageSectionBox({
+  action,
+  description,
+  children
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledPageSectionBox, { children: [
+    description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageSectionBoxDescription, { children: _chunkZJTRXOA5cjs.toReactNodes.call(void 0, description) }),
+    children,
+    (action == null ? void 0 : action.label) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { marginTop: "12px" }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageSectionBoxAction, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, action)) }) : null
+  ] });
+}
+var StyledPageSectionBox = _styled2.default.div`
+  & + & {
+    margin-top: 32px;
+  }
+
+  & > ${PageSectionBoxRow}, & {
+    border: 1px solid;
+    ${_chunkQR6XKKRKcjs.standardBorderColor}
+  }
+
+  ${_chunkMNAZ4BDQcjs.standardBorderRadius.call(void 0, 8)}
+  padding: 16px;
+
+  /* PageSectionBoxRow and PageSectionBoxColumn manage their own borders: */
+  &:has(> ${PageSectionBoxRow}) {
+    border: none;
+    padding: 0;
+    ${_chunkMNAZ4BDQcjs.standardBorderRadius.call(void 0, 0)}
+  }
+
+  & > ${PageSectionBoxRow} {
+    &:first-of-type {
+      ${_chunkMNAZ4BDQcjs.standardBorderRadius.call(void 0, [12, 12, 0, 0])}
+    }
+
+    &:last-of-type {
+      ${_chunkMNAZ4BDQcjs.standardBorderRadius.call(void 0, [0, 0, 12, 12])}
+    }
+
+    &:only-of-type {
+      ${_chunkMNAZ4BDQcjs.standardBorderRadius.call(void 0, 12)}
+    }
+
+    &:not(:last-of-type) {
+      border-bottom: 0;
+    }
+
+    ${PageSectionBoxColumn} {
+      padding: 32px;
+      ${_chunkKW3JYLRIcjs.bp.sm(`padding: 16px;`)}
+      &:not(:first-of-type) {
+        border-left: solid 1px;
+        ${_chunkQR6XKKRKcjs.standardBorderColor}
+      }
+    }
+
+    ${({ theme }) => _chunkKW3JYLRIcjs.bp.maxMd(`
+        grid-template-columns: none;
+        ${_chunk6VA4SAHQcjs.select.call(void 0, PageSectionBoxColumn)} {
+          &:not(:first-of-type) {
+            border-left: 0 !important;
+            border-top: solid 1px;
+            ${_chunkQR6XKKRKcjs.standardBorderColor.call(void 0, { theme }).styles};
+          }
+        }
+      `)}
+  }
+`;
+var PageSectionBoxTitle = _styled2.default.div`
+  display: flex;
+  align-items: center;
+  font-size: ${({ lg }) => lg ? 14 : 12}px;
+  font-weight: 600;
+  line-height: ${({ lg }) => _chunkMNAZ4BDQcjs.standardLineHeightEms * (lg ? 14 : 12) + _chunkJ4BWIY7Mcjs.badgeSmVPadding * 2}px;
+`;
+var PageSectionBoxDescription = _styled2.default.div`
+  color: ${({ theme }) => theme.mcNeutral};
+  ${PageSectionBoxTitle} + & {
+    margin-top: 6px;
+  }
+`;
+var gapPx = 24;
+var PageSectionRow = _styled2.default.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${gapPx}px;
+
+  ${_chunkKW3JYLRIcjs.bp.minSm(`
+    flex-direction: row;
+  `)}
+
+  margin-top: 40px;
+  &:first-of-type {
+    margin-top: 0;
+  }
+`;
+var PageSectionRowSubSection = _styled2.default.div`
+  box-sizing: border-box;
+  width: 100%;
+
+  &:first-of-type {
+    margin-right: 0px;
+  }
+
+  &:last-of-type {
+    margin-left: 0px;
+    margin-top: ${gapPx}px;
+  }
+
+  ${StyledPageSectionBox} + ${StyledPageSectionBox} {
+    /* Less margin for boxes within a single SubSection: */
+    margin-top: 16px;
+  }
+
+  ${_chunkKW3JYLRIcjs.bp.minSm(`
+    width: calc(50% - ${gapPx / 2}px);
+
+    &:last-of-type {
+      margin-top: 0;
+    }
+  `)}
+
+  ${({ fullWidth }) => fullWidth ? "width: 100% !important;" : ""}
+`;
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+exports.PageSection = PageSection; exports.PageSectionSubheading = PageSectionSubheading; exports.PageSectionBoxActionColumn = PageSectionBoxActionColumn; exports.PageSectionBoxActionRow = PageSectionBoxActionRow; exports.PageSectionBoxColumn = PageSectionBoxColumn; exports.PageSectionBoxRow = PageSectionBoxRow; exports.PageSectionBox = PageSectionBox; exports.StyledPageSectionBox = StyledPageSectionBox; exports.PageSectionBoxTitle = PageSectionBoxTitle; exports.PageSectionBoxDescription = PageSectionBoxDescription; exports.PageSectionRow = PageSectionRow; exports.PageSectionRowSubSection = PageSectionRowSubSection;

package/dist/chunk-6J3HJ3T2.cjs

@@ -0,0 +1,27 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/QuestionCircleStrong.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function QuestionCircleStrong() {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 14 14",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "path",
+        {
+          d: "M5.50065 5.16634C6.00065 3.66634 8.50065 3.79405 8.50065 5.36055C8.50065 6.46687 7.00065 6.64061 7.00065 7.83301M7.00065 9.66634V9.65967M13.1673 6.99967C13.1673 10.4054 10.4064 13.1663 7.00065 13.1663C3.5949 13.1663 0.833984 10.4054 0.833984 6.99967C0.833984 3.59392 3.5949 0.833008 7.00065 0.833008C10.4064 0.833008 13.1673 3.59392 13.1673 6.99967ZM7.16732 9.66634C7.16732 9.75841 7.09272 9.83301 7.00065 9.83301C6.90858 9.83301 6.83398 9.75841 6.83398 9.66634C6.83398 9.57427 6.90858 9.49967 7.00065 9.49967C7.09272 9.49967 7.16732 9.57427 7.16732 9.66634Z",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+
+
+
+exports.QuestionCircleStrong = QuestionCircleStrong;

package/dist/{chunk-ZR2TARGX.js → chunk-6L3PB65W.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/Code.tsx
 import styled from "@emotion/styled";

package/dist/chunk-6LYX73L5.cjs

@@ -0,0 +1,67 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/AppIcon.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function AppIcon() {
+  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",
+          {
+            x: "0.75",
+            y: "0.75",
+            width: "5.5",
+            height: "5.5",
+            rx: "1.25",
+            stroke: "currentColor",
+            strokeWidth: "1.5"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "rect",
+          {
+            x: "0.75",
+            y: "9.75",
+            width: "5.5",
+            height: "5.5",
+            rx: "1.25",
+            stroke: "currentColor",
+            strokeWidth: "1.5"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "rect",
+          {
+            x: "9.75",
+            y: "0.75",
+            width: "5.5",
+            height: "5.5",
+            rx: "1.25",
+            stroke: "currentColor",
+            strokeWidth: "1.5"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "rect",
+          {
+            x: "9.75",
+            y: "9.75",
+            width: "5.5",
+            height: "5.5",
+            rx: "1.25",
+            stroke: "currentColor",
+            strokeWidth: "1.5"
+          }
+        )
+      ]
+    }
+  );
+}
+
+
+
+exports.AppIcon = AppIcon;

package/dist/chunk-6O6PX2UG.cjs

@@ -0,0 +1,33 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/Gear.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function Gear() {
+  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.jsx.call(void 0, 
+          "path",
+          {
+            d: "M7.57136 6C7.57136 6.86788 6.86781 7.57143 5.99993 7.57143C5.13205 7.57143 4.4285 6.86788 4.4285 6C4.4285 5.13212 5.13205 4.42857 5.99993 4.42857C6.86781 4.42857 7.57136 5.13212 7.57136 6Z",
+            stroke: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M4.66071 1.54383C5.06493 0.152055 6.93494 0.152055 7.33915 1.54383C7.55431 2.28466 8.27658 2.72402 8.99308 2.54993C10.3392 2.22287 11.2742 3.92918 10.3323 4.9939C9.83095 5.56064 9.83095 6.43936 10.3323 7.0061C11.2742 8.07082 10.3392 9.77713 8.99308 9.45007C8.27658 9.27598 7.55431 9.71534 7.33915 10.4562C6.93494 11.8479 5.06493 11.8479 4.66071 10.4562C4.44556 9.71534 3.72328 9.27598 3.00679 9.45007C1.6607 9.77713 0.725699 8.07082 1.66757 7.0061C2.16891 6.43936 2.16891 5.56064 1.66757 4.9939C0.725699 3.92918 1.6607 2.22287 3.00679 2.54993C3.72328 2.72402 4.44556 2.28466 4.66071 1.54383Z",
+            stroke: "currentColor"
+          }
+        )
+      ]
+    }
+  );
+}
+
+
+
+exports.Gear = Gear;

package/dist/chunk-6VA4SAHQ.cjs

@@ -0,0 +1,8 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/utils/emotion.tsx
+function select(component) {
+  return component.toString();
+}
+
+
+
+exports.select = select;

package/dist/{chunk-RRXB5FQC.js → chunk-6W3IBNGW.js}

@@ -1,9 +1,9 @@
 import {
   toReactNodes
-} from "./chunk-AKGW3FMJ.js";
+} from "./chunk-XCEI3WIL.js";
 import {
   UnstyledButton
-} from "./chunk-TN5UPDZG.js";
+} from "./chunk-H47HIU2F.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
@@ -11,19 +11,19 @@ import {
   extend,
   flexCenter,
   pxToRems
-} from "./chunk-D4DFISYR.js";
+} from "./chunk-JQV6H76U.js";
 import {
   Icon
-} from "./chunk-LAGOF7IU.js";
+} from "./chunk-UACBVBBE.js";
 import {
   standardContentInset
-} from "./chunk-YG5BANJH.js";
+} from "./chunk-GMM3LRXY.js";
 import {
   themeOr
-} from "./chunk-UAUAYQ3C.js";
+} from "./chunk-I4NIA4SD.js";
 import {
   colors
-} from "./chunk-KPAVY3UH.js";
+} from "./chunk-REL56P3K.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/chunk-73LM7UGP.cjs

@@ -0,0 +1,59 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkTKCA4LT6cjs = require('./chunk-TKCA4LT6.cjs');
+
+
+var _chunkNRKSK3OJcjs = require('./chunk-NRKSK3OJ.cjs');
+
+
+var _chunkDIKB7XZEcjs = require('./chunk-DIKB7XZE.cjs');
+
+
+var _chunkTTWRXIOPcjs = require('./chunk-TTWRXIOP.cjs');
+
+
+var _chunkFQWU3AUOcjs = require('./chunk-FQWU3AUO.cjs');
+
+
+var _chunkZFRMFHCUcjs = require('./chunk-ZFRMFHCU.cjs');
+
+
+var _chunkE42IFW4Ecjs = require('./chunk-E42IFW4E.cjs');
+
+
+var _chunkDSJTYUQGcjs = require('./chunk-DSJTYUQG.cjs');
+
+
+var _chunk7OBPNS6Wcjs = require('./chunk-7OBPNS6W.cjs');
+
+
+var _chunkCIGDU5PLcjs = require('./chunk-CIGDU5PL.cjs');
+
+
+var _chunkLKKJVJCGcjs = require('./chunk-LKKJVJCG.cjs');
+
+// src/components/typography/renderTypography.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var typographyMap = {
+  Display: _chunkFQWU3AUOcjs.Display,
+  Headline: _chunk7OBPNS6Wcjs.Headline,
+  Title: _chunkZFRMFHCUcjs.Title,
+  Body: _chunkE42IFW4Ecjs.Body,
+  "Body Strong": _chunkDSJTYUQGcjs.BodyStrong,
+  Label: _chunkCIGDU5PLcjs.Label,
+  "Label Moderate": _chunkTKCA4LT6cjs.LabelModerate,
+  "Label Strong": _chunkNRKSK3OJcjs.LabelStrong,
+  Overline: _chunkDIKB7XZEcjs.Overline,
+  Code: _chunkTTWRXIOPcjs.Code,
+  "Code Strong": _chunkTTWRXIOPcjs.Code
+};
+var renderTypography = (type, props) => {
+  const TypographyComponent = typographyMap[type];
+  const _a = props, { children } = _a, rest = _chunkLKKJVJCGcjs.__objRest.call(void 0, _a, ["children"]);
+  return _react2.default.createElement(TypographyComponent, rest, children);
+};
+
+
+
+
+exports.typographyMap = typographyMap; exports.renderTypography = renderTypography;