@lightsparkdev/ui 1.0.5 → 1.0.7

package/dist/chunk-PBYLFD52.cjs

@@ -0,0 +1,168 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunk3ET7MRCRcjs = require('./chunk-3ET7MRCR.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 _chunk7OBPNS6Wcjs = require('./chunk-7OBPNS6W.cjs');
+
+
+var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
+
+
+var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
+
+
+var _chunkSODYHHOBcjs = require('./chunk-SODYHHOB.cjs');
+
+
+var _chunkMNAZ4BDQcjs = require('./chunk-MNAZ4BDQ.cjs');
+
+
+var _chunkEKCGBLIHcjs = require('./chunk-EKCGBLIH.cjs');
+
+
+var _chunkKSKKC6C2cjs = require('./chunk-KSKKC6C2.cjs');
+
+// src/components/typography/Article.tsx
+var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function Article({ defaultTypography, children }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    StyledArticle,
+    {
+      type: (defaultTypography == null ? void 0 : defaultTypography.type) || "Body",
+      size: (defaultTypography == null ? void 0 : defaultTypography.size) || "Medium",
+      children
+    }
+  );
+}
+var StyledArticle = _styled2.default.article`
+  ${({ theme, type, size }) => _chunkEKCGBLIHcjs.getTypographyString.call(void 0, theme, type, size)}
+
+  ${_chunkFQWU3AUOcjs.displaySelector.call(void 0, "h1")} {
+    margin: 0;
+  }
+
+  ${_chunk7OBPNS6Wcjs.headlineSelector.call(void 0, "h1")} {
+    margin: 0;
+    padding-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
+  }
+
+  ${_chunk7OBPNS6Wcjs.headlineSelector.call(void 0, "h2")} {
+    padding-top: ${_chunkZUAO4DW3cjs.Spacing.px["2xl"]};
+    padding-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
+    margin: 0;
+  }
+
+  ${_chunk7OBPNS6Wcjs.headlineSelector.call(void 0, "h3")} {
+    padding-top: ${_chunkZUAO4DW3cjs.Spacing.px["2xl"]};
+    padding-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
+    margin: 0;
+  }
+
+  ${_chunk7OBPNS6Wcjs.headlineSelector.call(void 0, "h4")} {
+    padding-top: ${_chunkZUAO4DW3cjs.Spacing.px["2xl"]};
+    padding-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
+    margin: 0;
+  }
+
+  ${_chunk7OBPNS6Wcjs.headlineSelector.call(void 0, "h5")} {
+    padding-top: ${_chunkZUAO4DW3cjs.Spacing.px["2xl"]};
+    padding-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
+    margin: 0;
+  }
+
+  ${_chunk7OBPNS6Wcjs.headlineSelector.call(void 0, "h6")} {
+    padding-top: ${_chunkZUAO4DW3cjs.Spacing.px["2xl"]};
+    padding-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
+    margin: 0;
+  }
+
+  ${_chunk6VA4SAHQcjs.select.call(void 0, _chunkE42IFW4Ecjs.StyledBody)} {
+    margin-top: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
+    margin-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
+  }
+
+  ${_chunk6VA4SAHQcjs.select.call(void 0, _chunk3ET7MRCRcjs.StyledContentTable)} {
+    margin: ${_chunkZUAO4DW3cjs.Spacing.px["2xl"]} 0;
+  }
+
+  img,
+  video {
+    margin-top: ${_chunkZUAO4DW3cjs.Spacing.px.md};
+    margin-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.md};
+  }
+
+  strong {
+    font-weight: 700;
+  }
+
+  *:not(${_chunk7OBPNS6Wcjs.ALL_HEADLINE_SELECTORS},${_chunk6VA4SAHQcjs.select.call(void 0, _chunkZFRMFHCUcjs.StyledTitle)},${_chunk6VA4SAHQcjs.select.call(void 0, _chunkTTWRXIOPcjs.StyledCode)})
+    > a {
+    ${({ theme }) => _chunkEKCGBLIHcjs.getTypographyString.call(void 0, theme, "Label Strong", "Large")}
+    font-size: inherit;
+    color: ${({ theme }) => theme.link};
+  }
+
+  ul,
+  ol {
+    padding-left: ${_chunkZUAO4DW3cjs.Spacing.px.lg};
+    margin-top: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
+    margin-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
+    *:not(a) {
+      color: ${({ theme }) => theme.text};
+    }
+  }
+
+  li {
+    ${({ theme }) => _chunkEKCGBLIHcjs.getTypographyString.call(void 0, theme, "Body", "Medium")}
+    :not(:last-child) {
+      margin-bottom: ${_chunkZUAO4DW3cjs.Spacing.px["3xs"]};
+    }
+  }
+
+  code:not([class|="language"]) {
+    ${({ theme }) => _chunkEKCGBLIHcjs.getTypographyString.call(void 0, theme, "Code", "Medium")}
+    background: ${_chunkKSKKC6C2cjs.colors.grayBlue94};
+    padding: ${_chunkZUAO4DW3cjs.Spacing.px["4xs"]} ${_chunkZUAO4DW3cjs.Spacing.px["2xs"]};
+    margin: ${_chunkZUAO4DW3cjs.Spacing.px["4xs"]};
+    border-radius: 4px;
+  }
+
+  pre[class|="language"] {
+    ${_chunkMNAZ4BDQcjs.standardBorderRadius.call(void 0, 8)}
+    width: 100%;
+    padding: ${_chunkZUAO4DW3cjs.Spacing.px.md} ${_chunkZUAO4DW3cjs.Spacing.px.lg};
+    margin: ${_chunkZUAO4DW3cjs.Spacing.px.md} 0;
+  }
+
+  // Must match specificity of prismjs to get proper line height!
+  pre[class|="language"],
+  code[class|="language"] {
+    ${({ theme }) => _chunkEKCGBLIHcjs.getTypographyString.call(void 0, theme, "Code", "Small")}
+
+    ${_chunkSODYHHOBcjs.overflowAutoWithoutScrollbars}
+  }
+
+  blockquote {
+    margin: ${_chunkZUAO4DW3cjs.Spacing.px.xs} 0;
+  }
+`;
+
+
+
+
+exports.Article = Article; exports.StyledArticle = StyledArticle;

package/dist/chunk-PD5XWF2Q.cjs

@@ -0,0 +1,26 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/ShieldCheck.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function ShieldCheck() {
+  return /* @__PURE__ */ _jsxruntime.jsx.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: "M11.7628 2.03849C11.9168 1.98717 12.0832 1.98717 12.2372 2.03849L20.4872 4.78849C20.7934 4.89057 21 5.17718 21 5.5V11.9123C21 14.6497 19.8165 16.6701 18.1412 18.2596C16.4942 19.8225 14.3404 20.9975 12.3561 22.068C12.1338 22.1879 11.8662 22.1879 11.6439 22.068C9.65956 20.9975 7.5058 19.8225 5.85876 18.2596C4.18351 16.6701 3 14.6497 3 11.9123V5.5C3 5.17718 3.20657 4.89057 3.51283 4.78849L11.7628 2.03849ZM15.2803 10.0303C15.5732 9.73744 15.5732 9.26256 15.2803 8.96967C14.9874 8.67678 14.5126 8.67678 14.2197 8.96967L11 12.1893L9.78033 10.9697C9.48744 10.6768 9.01256 10.6768 8.71967 10.9697C8.42678 11.2626 8.42678 11.7374 8.71967 12.0303L10.4697 13.7803C10.6103 13.921 10.8011 14 11 14C11.1989 14 11.3897 13.921 11.5303 13.7803L15.2803 10.0303Z",
+          fill: "currentColor"
+        }
+      )
+    }
+  );
+}
+
+
+
+exports.ShieldCheck = ShieldCheck;

package/dist/chunk-PDZ23BED.cjs

@@ -0,0 +1,401 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+
+var _chunkYHDN5LEAcjs = require('./chunk-YHDN5LEA.cjs');
+
+
+var _chunkEKCGBLIHcjs = require('./chunk-EKCGBLIH.cjs');
+
+
+
+var _chunk2KDEPCCCcjs = require('./chunk-2KDEPCCC.cjs');
+
+
+var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
+
+
+
+
+
+var _chunkKSKKC6C2cjs = require('./chunk-KSKKC6C2.cjs');
+
+
+
+var _chunkLKKJVJCGcjs = require('./chunk-LKKJVJCG.cjs');
+
+// src/styles/themes.tsx
+var _react = require('@emotion/react');
+var _deepmerge = require('deepmerge'); var _deepmerge2 = _interopRequireDefault(_deepmerge);
+var Themes = /* @__PURE__ */ ((Themes2) => {
+  Themes2["Light"] = "light";
+  Themes2["Dark"] = "dark";
+  Themes2["LightsparkDocsLight"] = "lightsparkDocsLight";
+  Themes2["LightsparkDocsDark"] = "lightsparkDocsDark";
+  Themes2["UmameDocsLight"] = "umameDocsLight";
+  Themes2["UmameDocsDark"] = "umameDocsDark";
+  Themes2["BridgeLight"] = "bridgeLight";
+  Themes2["BridgeDark"] = "bridgeDark";
+  return Themes2;
+})(Themes || {});
+var baseThemeColors = {
+  bg: _chunkKSKKC6C2cjs.colors.white,
+  smBg: _chunkKSKKC6C2cjs.colors.white,
+  c05Neutral: _chunkKSKKC6C2cjs.colors.gray95,
+  c1Neutral: _chunkKSKKC6C2cjs.colors.gray90,
+  c15Neutral: _chunkKSKKC6C2cjs.colors.gray85,
+  c2Neutral: _chunkKSKKC6C2cjs.colors.gray80,
+  c3Neutral: _chunkKSKKC6C2cjs.colors.gray70,
+  c4Neutral: _chunkKSKKC6C2cjs.colors.gray60,
+  c5Neutral: _chunkKSKKC6C2cjs.colors.gray50,
+  c6Neutral: _chunkKSKKC6C2cjs.colors.gray40,
+  c7Neutral: _chunkKSKKC6C2cjs.colors.gray30,
+  c8Neutral: _chunkKSKKC6C2cjs.colors.gray20,
+  c9Neutral: _chunkKSKKC6C2cjs.colors.gray10,
+  danger: _chunkKSKKC6C2cjs.colors.danger,
+  hcNeutral: _chunkKSKKC6C2cjs.colors.black,
+  info: _chunkKSKKC6C2cjs.colors.blue43,
+  lcNeutral: _chunkKSKKC6C2cjs.colors.gray80,
+  link: _chunkKSKKC6C2cjs.colors.blue43,
+  mcNeutral: _chunkKSKKC6C2cjs.colors.gray40,
+  onInfoText: _chunkKSKKC6C2cjs.colors.white,
+  onPrimaryText: _chunkKSKKC6C2cjs.colors.black,
+  onSuccessText: _chunkKSKKC6C2cjs.colors.white,
+  primary: _chunkKSKKC6C2cjs.colors.primary,
+  secondary: _chunkKSKKC6C2cjs.colors.secondary,
+  success: _chunkKSKKC6C2cjs.colors.success,
+  text: _chunkKSKKC6C2cjs.colors.black,
+  vlcNeutral: _chunkKSKKC6C2cjs.colors.gray95,
+  warning: _chunkKSKKC6C2cjs.colors.warning
+};
+var themeOrColorKeyValues = [
+  ...Object.keys(baseThemeColors),
+  ...Object.keys(_chunkKSKKC6C2cjs.colors)
+];
+var baseTheme = _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, baseThemeColors), {
+  // base type should be Themes but default to Light
+  type: "light" /* Light */,
+  typography: _chunkEKCGBLIHcjs.getTypography.call(void 0, "Lightspark" /* Lightspark */),
+  hcNeutralFromBg: (bgHex) => _chunkKSKKC6C2cjs.hcNeutralFromBg.call(void 0, bgHex, _chunkKSKKC6C2cjs.colors.black, _chunkKSKKC6C2cjs.colors.white),
+  buttons: _chunk2KDEPCCCcjs.defaultButtonsTheme,
+  loading: _chunkYHDN5LEAcjs.defaultLoadingTheme,
+  badge: {
+    bg: "c05Neutral"
+  },
+  inputBackground: _chunkKSKKC6C2cjs.colors.white
+});
+var lightBaseTheme = baseTheme;
+var darkBaseTheme = {
+  type: "dark" /* Dark */,
+  bg: _chunkKSKKC6C2cjs.colors.black,
+  smBg: _chunkKSKKC6C2cjs.colors.black,
+  c05Neutral: _chunkKSKKC6C2cjs.colors.gray5,
+  c1Neutral: _chunkKSKKC6C2cjs.colors.gray10,
+  c15Neutral: _chunkKSKKC6C2cjs.colors.gray15,
+  c2Neutral: _chunkKSKKC6C2cjs.colors.gray20,
+  c3Neutral: _chunkKSKKC6C2cjs.colors.gray30,
+  c4Neutral: _chunkKSKKC6C2cjs.colors.gray40,
+  c5Neutral: _chunkKSKKC6C2cjs.colors.gray50,
+  c6Neutral: _chunkKSKKC6C2cjs.colors.gray60,
+  c7Neutral: _chunkKSKKC6C2cjs.colors.gray70,
+  c8Neutral: _chunkKSKKC6C2cjs.colors.gray80,
+  c9Neutral: _chunkKSKKC6C2cjs.colors.gray90,
+  danger: _chunkKSKKC6C2cjs.colors.danger,
+  hcNeutral: _chunkKSKKC6C2cjs.colors.white,
+  hcNeutralFromBg: (bgHex) => _chunkKSKKC6C2cjs.hcNeutralFromBg.call(void 0, bgHex, _chunkKSKKC6C2cjs.colors.white, _chunkKSKKC6C2cjs.colors.black),
+  info: _chunkKSKKC6C2cjs.colors.white,
+  lcNeutral: _chunkKSKKC6C2cjs.colors.gray40,
+  link: _chunkKSKKC6C2cjs.colors.blue43,
+  mcNeutral: _chunkKSKKC6C2cjs.colors.gray60,
+  onInfoText: _chunkKSKKC6C2cjs.colors.white,
+  onPrimaryText: _chunkKSKKC6C2cjs.colors.black,
+  onSuccessText: _chunkKSKKC6C2cjs.colors.white,
+  primary: _chunkKSKKC6C2cjs.colors.primary,
+  secondary: _chunkKSKKC6C2cjs.colors.secondary,
+  success: _chunkKSKKC6C2cjs.colors.success,
+  text: _chunkKSKKC6C2cjs.colors.white,
+  typography: _chunkEKCGBLIHcjs.getTypography.call(void 0, "Lightspark" /* Lightspark */),
+  vlcNeutral: _chunkKSKKC6C2cjs.colors.gray20,
+  warning: _chunkKSKKC6C2cjs.colors.warning,
+  buttons: _chunk2KDEPCCCcjs.defaultButtonsTheme,
+  loading: _chunkYHDN5LEAcjs.defaultLoadingTheme,
+  inputBackground: _chunkKSKKC6C2cjs.colors.black,
+  badge: {
+    bg: "c15Neutral"
+  }
+};
+var lightTheme = extend(lightBaseTheme, {
+  header: extendBase(lightBaseTheme, {
+    text: _chunkKSKKC6C2cjs.colors.gray60
+  }),
+  nav: extendBase(lightBaseTheme, {
+    text: _chunkKSKKC6C2cjs.colors.gray10,
+    secondary: _chunkKSKKC6C2cjs.colors.gray40
+  }),
+  content: extendBase(lightBaseTheme, {
+    bg: _chunkKSKKC6C2cjs.colors.white,
+    smBg: _chunkKSKKC6C2cjs.colors.white
+  }),
+  controls: extendBase(lightBaseTheme, {
+    bg: _chunkKSKKC6C2cjs.colors.gray95,
+    smBg: _chunkKSKKC6C2cjs.colors.gray95,
+    text: _chunkKSKKC6C2cjs.colors.gray60,
+    secondary: _chunkKSKKC6C2cjs.colors.secondary
+  })
+});
+var darkTheme = extend(darkBaseTheme, {
+  header: extendBase(darkBaseTheme, {}),
+  nav: extendBase(darkBaseTheme, {}),
+  content: extendBase(darkBaseTheme, {}),
+  controls: extendBase(darkBaseTheme, {
+    bg: _chunkKSKKC6C2cjs.colors.gray40,
+    smBg: _chunkKSKKC6C2cjs.colors.gray40,
+    text: _chunkKSKKC6C2cjs.colors.white,
+    secondary: _chunkKSKKC6C2cjs.colors.secondary
+  })
+});
+var umameDocsLightTheme = extend(lightTheme, {
+  type: "umameDocsLight" /* UmameDocsLight */,
+  bg: _chunkKSKKC6C2cjs.colors.gray98,
+  smBg: _chunkKSKKC6C2cjs.colors.gray98,
+  secondary: _chunkKSKKC6C2cjs.colors.grayBlue43,
+  text: _chunkKSKKC6C2cjs.colors.grayBlue9,
+  link: _chunkKSKKC6C2cjs.colors.blue39,
+  inputBackground: _chunkKSKKC6C2cjs.colors.white,
+  typography: _chunkEKCGBLIHcjs.getTypography.call(void 0, "UmameDocs" /* UmameDocs */, {
+    main: "Manrope",
+    code: "Monaco"
+  }),
+  content: extendBase(lightBaseTheme, {
+    bg: _chunkKSKKC6C2cjs.colors.gray98,
+    smBg: _chunkKSKKC6C2cjs.colors.gray98,
+    text: _chunkKSKKC6C2cjs.colors.grayBlue9,
+    secondary: _chunkKSKKC6C2cjs.colors.grayBlue43
+  }),
+  controls: extendBase(lightBaseTheme, {
+    text: _chunkKSKKC6C2cjs.colors.grayBlue9,
+    secondary: _chunkKSKKC6C2cjs.colors.grayBlue43,
+    bg: _chunkKSKKC6C2cjs.colors.grayBlue94
+  })
+});
+var umameDocsDarkTheme = extend(darkTheme, {
+  type: "umameDocsDark" /* UmameDocsDark */,
+  bg: _chunkKSKKC6C2cjs.colors.gray98,
+  smBg: _chunkKSKKC6C2cjs.colors.gray98,
+  secondary: _chunkKSKKC6C2cjs.colors.grayBlue43,
+  text: _chunkKSKKC6C2cjs.colors.grayBlue9,
+  link: _chunkKSKKC6C2cjs.colors.blue39,
+  typography: _chunkEKCGBLIHcjs.getTypography.call(void 0, "UmameDocs" /* UmameDocs */, {
+    main: "Manrope",
+    code: "Monaco"
+  })
+});
+var lightsparkDocsLightTheme = extend(lightTheme, {
+  type: "lightsparkDocsLight" /* LightsparkDocsLight */,
+  typography: _chunkEKCGBLIHcjs.getTypography.call(void 0, "LightsparkDocs" /* LightsparkDocs */)
+});
+var lightsparkDocsDarkTheme = extend(darkTheme, {
+  type: "lightsparkDocsDark" /* LightsparkDocsDark */,
+  typography: _chunkEKCGBLIHcjs.getTypography.call(void 0, "LightsparkDocs" /* LightsparkDocs */)
+});
+var bridgeBaseSettings = {
+  secondary: _chunkKSKKC6C2cjs.colors.grayBlue43,
+  mcNeutral: _chunkKSKKC6C2cjs.colors.grayBlue43,
+  typography: _chunkEKCGBLIHcjs.getTypography.call(void 0, "Bridge" /* Bridge */, {
+    main: "Manrope",
+    code: "Monaco"
+  }),
+  buttons: _deepmerge2.default.call(void 0, _chunk2KDEPCCCcjs.buttonsThemeBase, {
+    defaultTypographyType: "Title",
+    defaultSize: "Medium",
+    defaultBorderRadius: 8,
+    defaultBorderWidth: 0,
+    defaultPaddingsY: {
+      ExtraSmall: 14,
+      Small: 14,
+      Schmedium: 14,
+      Medium: 14,
+      Mlarge: 14,
+      Large: 14
+    },
+    kinds: {
+      primary: {
+        defaultColor: "bg",
+        defaultBackgroundColor: "blue39",
+        defaultHoverBackgroundColor: "blue37"
+      },
+      ghost: {
+        defaultColor: "secondary",
+        defaultBackgroundColor: "transparent",
+        defaultBorderWidth: 0,
+        defaultHoverBackgroundColor: "transparent",
+        defaultHoverBorderColor: "transparent"
+      },
+      secondary: {
+        defaultBackgroundColor: "transparent",
+        defaultHoverBackgroundColor: "grayBlue94",
+        defaultBorderColor: "grayBlue80",
+        defaultBorderWidth: 1
+      }
+    }
+  }),
+  loading: _deepmerge2.default.call(void 0, _chunkYHDN5LEAcjs.loadingThemeBase, {
+    defaultIconName: "UmaBridgeLoading",
+    kinds: {
+      primary: {
+        defaultIconName: "UmaBridgeLoading"
+      },
+      secondary: {
+        defaultIconName: "UmaBridgeLoadingTransparent"
+      }
+    }
+  }),
+  badge: {
+    bg: "grayBlue94"
+  }
+};
+var bridgeLightTheme = extend(lightTheme, _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, bridgeBaseSettings), {
+  type: "bridgeLight" /* BridgeLight */,
+  bg: _chunkKSKKC6C2cjs.colors.gray98,
+  smBg: _chunkKSKKC6C2cjs.colors.gray98,
+  text: _chunkKSKKC6C2cjs.colors.grayBlue9,
+  secondary: _chunkKSKKC6C2cjs.colors.grayBlue43,
+  inputBackground: _chunkKSKKC6C2cjs.colors.white
+}));
+var bridgeDarkTheme = extend(darkTheme, _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, bridgeBaseSettings), {
+  type: "bridgeDark" /* BridgeDark */
+}));
+var themes = {
+  ["light" /* Light */]: lightTheme,
+  ["dark" /* Dark */]: darkTheme,
+  ["lightsparkDocsLight" /* LightsparkDocsLight */]: lightsparkDocsLightTheme,
+  ["lightsparkDocsDark" /* LightsparkDocsDark */]: lightsparkDocsDarkTheme,
+  ["umameDocsLight" /* UmameDocsLight */]: umameDocsLightTheme,
+  ["umameDocsDark" /* UmameDocsDark */]: umameDocsDarkTheme,
+  ["bridgeLight" /* BridgeLight */]: bridgeLightTheme,
+  ["bridgeDark" /* BridgeDark */]: bridgeDarkTheme
+};
+function extend(obj, rest) {
+  return _chunkLKKJVJCGcjs.__spreadValues.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, obj), rest);
+}
+function extendBase(obj, rest) {
+  return _chunkLKKJVJCGcjs.__spreadValues.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, obj), rest);
+}
+function setFonts(theme, fontFamilies) {
+  return _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, theme), {
+    typography: _chunkEKCGBLIHcjs.getTypography.call(void 0, theme.typography.group, fontFamilies)
+  });
+}
+function isThemeColorKey(key) {
+  return Boolean(key && typeof key === "string" && key in baseThemeColors);
+}
+function isThemeOrColorKey(key) {
+  return Boolean(
+    typeof key === "string" && (isThemeColorKey(key) || _chunkKSKKC6C2cjs.isColorKey.call(void 0, key) || Array.isArray(key) && key.length === 2 && isThemeColorKey(key[1]))
+  );
+}
+function getColor(theme, key) {
+  if (key && isThemeColorKey(key)) {
+    return theme[key];
+  } else if (key && Array.isArray(key)) {
+    const [surface, colorKey] = key;
+    const surfaceTheme = theme[surface];
+    const color = surfaceTheme[colorKey];
+    return color;
+  } else if (key && _chunkKSKKC6C2cjs.isColorKey.call(void 0, key)) {
+    return _chunkKSKKC6C2cjs.colors[key];
+  }
+  return theme.text;
+}
+function getFontColor(theme, key, defaultColor = "inherit") {
+  if (key === "inherit" || !key && defaultColor === "inherit") {
+    return "inherit";
+  }
+  return getColor(theme, key);
+}
+function isBackgroundColorKey(key) {
+  return key === "transparent" || isThemeOrColorKey(key);
+}
+function isBackgroundColorKeyTuple(key) {
+  return Array.isArray(key) && key.length === 2 && isBackgroundColorKey(key[0]) && isBackgroundColorKey(key[1]);
+}
+function getBackgroundColor(theme, key, defaultColor = "transparent") {
+  if (isBackgroundColorKeyTuple(key)) {
+    key = isLight(theme) ? key[0] : key[1];
+  }
+  if (isBackgroundColorKeyTuple(defaultColor)) {
+    defaultColor = isLight(theme) ? defaultColor[0] : defaultColor[1];
+  }
+  if (key === "transparent") {
+    return "transparent";
+  } else if (!key) {
+    if (defaultColor === "transparent") {
+      return "transparent";
+    }
+    return getColor(theme, defaultColor);
+  }
+  return getColor(theme, key);
+}
+var isDark = (theme) => [
+  "dark" /* Dark */,
+  "bridgeDark" /* BridgeDark */,
+  "lightsparkDocsDark" /* LightsparkDocsDark */,
+  "umameDocsDark" /* UmameDocsDark */
+].includes(theme.type);
+var isLight = (theme) => [
+  "light" /* Light */,
+  "bridgeLight" /* BridgeLight */,
+  "lightsparkDocsLight" /* LightsparkDocsLight */,
+  "umameDocsLight" /* UmameDocsLight */
+].includes(theme.type);
+var themeOr = (lightValue, darkValue) => ({ theme }) => {
+  return isLight(theme) ? lightValue : darkValue;
+};
+function ifLight(style) {
+  return function({ theme }) {
+    if (theme.type === "light" /* Light */) {
+      return _react.css`
+        ${style}
+      `;
+    }
+    return "";
+  };
+}
+function ifDark(style) {
+  return function({ theme }) {
+    if (theme.type === "dark" /* Dark */) {
+      return _react.css`
+        ${style}
+      `;
+    }
+    return "";
+  };
+}
+function useThemeBg() {
+  const theme = _react.useTheme.call(void 0, );
+  const bp = _chunkKW3JYLRIcjs.useBreakpoints.call(void 0, );
+  const isSm = bp.current("sm" /* sm */);
+  if (isDark(theme)) {
+    return _chunkKSKKC6C2cjs.darkGradient;
+  }
+  return isSm ? theme.smBg : theme.bg;
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+exports.Themes = Themes; exports.themeOrColorKeyValues = themeOrColorKeyValues; exports.themes = themes; exports.setFonts = setFonts; exports.isThemeColorKey = isThemeColorKey; exports.isThemeOrColorKey = isThemeOrColorKey; exports.getColor = getColor; exports.getFontColor = getFontColor; exports.isBackgroundColorKey = isBackgroundColorKey; exports.isBackgroundColorKeyTuple = isBackgroundColorKeyTuple; exports.getBackgroundColor = getBackgroundColor; exports.isDark = isDark; exports.isLight = isLight; exports.themeOr = themeOr; exports.ifLight = ifLight; exports.ifDark = ifDark; exports.useThemeBg = useThemeBg;

package/dist/chunk-PGULRMMV.cjs

@@ -0,0 +1,101 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkUEG2PUK7cjs = require('./chunk-UEG2PUK7.cjs');
+
+
+var _chunkMNAZ4BDQcjs = require('./chunk-MNAZ4BDQ.cjs');
+
+
+var _chunkPDZ23BEDcjs = require('./chunk-PDZ23BED.cjs');
+
+
+var _chunkKSKKC6C2cjs = require('./chunk-KSKKC6C2.cjs');
+
+// src/components/Toggle.tsx
+var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+var defaultProps = {
+  on: false,
+  ml: 0,
+  mt: 0,
+  mb: 0,
+  disabled: false
+};
+function Toggle({
+  onChange,
+  bg,
+  ml = defaultProps.ml,
+  mt = defaultProps.mt,
+  mb = defaultProps.mb,
+  on = defaultProps.on,
+  disabled = defaultProps.disabled,
+  label,
+  id
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, ToggleContainer, { mb, ml, mt, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      ToggleButton,
+      {
+        bg,
+        isOn: on,
+        onClick: () => onChange(!on),
+        disabled,
+        type: "button",
+        id
+      }
+    ),
+    label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ToggleLabel, { htmlFor: id, children: label })
+  ] });
+}
+var width = 44;
+var circleDim = 20;
+var circleOffset = 2;
+var ToggleButton = _styled2.default.call(void 0, _chunkUEG2PUK7cjs.UnstyledButton)`
+  color: ${_chunkKSKKC6C2cjs.colors.white};
+  font-weight: 500;
+  border-radius: 44px;
+  width: ${width}px;
+  height: 24px;
+  opacity: ${({ disabled }) => disabled ? 0.3 : 1};
+  background-color: ${({ bg, theme, isOn }) => {
+  if (bg) {
+    return bg;
+  } else if (isOn) {
+    return theme.success;
+  }
+  return _chunkPDZ23BEDcjs.themeOr.call(void 0, theme.c1Neutral, theme.c4Neutral)({ theme });
+}};
+  position: relative;
+  &:after {
+    content: "";
+    display: block;
+    position: absolute;
+    border-radius: 50%;
+    transition: right 0.1s;
+    box-shadow:
+      0 3px 8px 0 rgba(0, 0, 0, 0.15),
+      0 3px 1px 0 rgba(0, 0, 0, 0.06);
+    background-color: ${_chunkKSKKC6C2cjs.colors.white};
+    width: ${circleDim}px;
+    height: ${circleDim}px;
+    top: ${circleOffset}px;
+    right: ${({ isOn }) => isOn ? `${circleOffset}px` : `${width - circleDim - circleOffset}px`};
+  }
+`;
+var ToggleContainer = _styled2.default.span`
+  display: flex;
+  margin-bottom: ${({ mb }) => mb}px;
+  margin-top: ${({ mt }) => mt}px;
+  margin-left: ${({ ml }) => ml}px;
+  align-items: center;
+`;
+var ToggleLabel = _styled2.default.label`
+  margin-left: 12px;
+  cursor: pointer;
+  height: ${_chunkMNAZ4BDQcjs.standardLineHeightEms}em;
+`;
+
+
+
+
+exports.Toggle = Toggle; exports.ToggleContainer = ToggleContainer;