@lightsparkdev/ui 1.0.6 → 1.0.7

package/dist/components/CardPage.js

@@ -5,89 +5,92 @@ import {
   CardPageFullWidth,
   CardPageRightContentInner,
   CardPageSubtitle
-} from "../chunk-NWPPTOKK.js";
-import "../chunk-N67Y7GWR.js";
-import "../chunk-IIRG6R42.js";
-import "../chunk-NK7WH3TK.js";
-import "../chunk-SIYZ5PZT.js";
-import "../chunk-RQLRNKOP.js";
-import "../chunk-GGWFUEDW.js";
-import "../chunk-XLKL3DNK.js";
-import "../chunk-HLZNFEDV.js";
-import "../chunk-ZR2TARGX.js";
-import "../chunk-IXAXRBFS.js";
-import "../chunk-4EV5IUUJ.js";
-import "../chunk-PBLWYVQF.js";
-import "../chunk-QON4D7N2.js";
-import "../chunk-BNHCCR3C.js";
+} from "../chunk-QDMQOT22.js";
+import "../chunk-FQIT2EG7.js";
+import "../chunk-J5EHGDRO.js";
+import "../chunk-ZGPNVPST.js";
+import "../chunk-7GCXP2EW.js";
+import "../chunk-SUTN4O34.js";
+import "../chunk-CANLBVDM.js";
+import "../chunk-SCB4M3K3.js";
+import "../chunk-FSVHUION.js";
+import "../chunk-6L3PB65W.js";
+import "../chunk-EZMYYBFH.js";
+import "../chunk-WM2D54JJ.js";
+import "../chunk-4DPM62TI.js";
+import "../chunk-7ZDRCGKF.js";
+import "../chunk-WONQPE5P.js";
 import "../chunk-YMNSXZ5D.js";
-import "../chunk-IH5SIRJL.js";
-import "../chunk-HNK2KIC7.js";
+import "../chunk-DPK5MAQL.js";
+import "../chunk-J2NLRI2M.js";
 import "../chunk-OPV246QW.js";
-import "../chunk-SCIQSZSW.js";
-import "../chunk-OPUCWQMK.js";
-import "../chunk-H3UUVMZ3.js";
-import "../chunk-TN5UPDZG.js";
+import "../chunk-34MTU3ER.js";
+import "../chunk-L3BNIBK3.js";
+import "../chunk-FLYNOCPZ.js";
+import "../chunk-H47HIU2F.js";
 import "../chunk-55OQPFLF.js";
-import "../chunk-D4DFISYR.js";
-import "../chunk-LAGOF7IU.js";
+import "../chunk-JQV6H76U.js";
+import "../chunk-UACBVBBE.js";
 import "../chunk-EDN2QDCB.js";
-import "../chunk-FT62PIPN.js";
+import "../chunk-Y6Q37DGW.js";
+import "../chunk-3BSQFYGE.js";
+import "../chunk-XBKRPEVT.js";
+import "../chunk-FRZBZ7PD.js";
+import "../chunk-3CHMNLGD.js";
 import "../chunk-5ZDDVLS6.js";
 import "../chunk-BCXQD6ZP.js";
 import "../chunk-JWMMGYNV.js";
 import "../chunk-MASPP6U5.js";
+import "../chunk-3MCK6I7V.js";
 import "../chunk-6B3T5X4O.js";
-import "../chunk-3BSQFYGE.js";
-import "../chunk-XBKRPEVT.js";
+import "../chunk-HPIVJCNC.js";
+import "../chunk-F3YK2EER.js";
 import "../chunk-5XZ7ZEC7.js";
 import "../chunk-H52K5UTT.js";
 import "../chunk-3KOUSJV6.js";
 import "../chunk-L52XQKBX.js";
 import "../chunk-5522HZOC.js";
 import "../chunk-PJMGLSAW.js";
-import "../chunk-FRZBZ7PD.js";
-import "../chunk-3CHMNLGD.js";
+import "../chunk-BX32TDWY.js";
+import "../chunk-IPD2D6QD.js";
 import "../chunk-VRG7HI7X.js";
 import "../chunk-AFROYZKQ.js";
 import "../chunk-TAEOGBWY.js";
 import "../chunk-LQ6VW2FH.js";
 import "../chunk-RPYB66KY.js";
 import "../chunk-GOURVX6U.js";
-import "../chunk-HPIVJCNC.js";
-import "../chunk-F3YK2EER.js";
+import "../chunk-2TGRHBA5.js";
+import "../chunk-H5R5ZG3Z.js";
 import "../chunk-MXCYWGHN.js";
 import "../chunk-ZXACVTYJ.js";
 import "../chunk-WDFOXMFH.js";
 import "../chunk-E6ZB6OJD.js";
 import "../chunk-J5NYACJ7.js";
 import "../chunk-CKOW6ME2.js";
-import "../chunk-BX32TDWY.js";
-import "../chunk-IPD2D6QD.js";
+import "../chunk-3XGQJIDN.js";
+import "../chunk-GJAG2D3Y.js";
 import "../chunk-G3AHVMGL.js";
 import "../chunk-XHLHQC5Q.js";
 import "../chunk-QBM7XXVQ.js";
 import "../chunk-5EFICY5Y.js";
 import "../chunk-3YVEKRB3.js";
 import "../chunk-M4ORU6SJ.js";
-import "../chunk-2TGRHBA5.js";
-import "../chunk-H5R5ZG3Z.js";
+import "../chunk-SIWCH44U.js";
 import "../chunk-W5QTCRAG.js";
 import "../chunk-CPHTE26N.js";
 import "../chunk-N5LIZ3K6.js";
 import "../chunk-LHSGZZVE.js";
 import "../chunk-M2H6AEUK.js";
 import "../chunk-XXE3N5AE.js";
-import "../chunk-3XGQJIDN.js";
-import "../chunk-GJAG2D3Y.js";
+import "../chunk-QDNTIZC2.js";
 import "../chunk-YO5J3T3L.js";
 import "../chunk-XGUCS6ED.js";
 import "../chunk-36ATWJ72.js";
 import "../chunk-K6KKTYTR.js";
 import "../chunk-677VQ4DY.js";
+import "../chunk-EDAMG44V.js";
 import "../chunk-BDCKN7K3.js";
 import "../chunk-LDOAR276.js";
-import "../chunk-SIWCH44U.js";
 import "../chunk-24JOGF62.js";
 import "../chunk-55PXMNOG.js";
 import "../chunk-FLREHHOH.js";
@@ -101,7 +104,7 @@ import "../chunk-GY5XKCWS.js";
 import "../chunk-ZMCAQFC6.js";
 import "../chunk-PO5NJLKW.js";
 import "../chunk-7Y2G2JDF.js";
-import "../chunk-7UBU5MKY.js";
+import "../chunk-W7XPZYSY.js";
 import "../chunk-IX5TIDMO.js";
 import "../chunk-FGJPZTJP.js";
 import "../chunk-FOC33AUT.js";
@@ -145,12 +148,13 @@ import "../chunk-VI6WTKMV.js";
 import "../chunk-QW2INB5A.js";
 import "../chunk-JLD7MGLC.js";
 import "../chunk-DW6LFUI2.js";
-import "../chunk-YG5BANJH.js";
-import "../chunk-UAUAYQ3C.js";
+import "../chunk-GMM3LRXY.js";
+import "../chunk-I4NIA4SD.js";
+import "../chunk-O4MKC7U2.js";
 import "../chunk-ENBUKLVT.js";
+import "../chunk-SOMDPWUX.js";
 import "../chunk-JSGRNWSB.js";
-import "../chunk-FO7I4E45.js";
-import "../chunk-KPAVY3UH.js";
+import "../chunk-REL56P3K.js";
 import "../chunk-LOPKRCGI.js";
 export {
   CardPage,

package/dist/components/Checkbox.cjs

@@ -1,356 +1,16 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-// src/components/Checkbox.tsx
-var Checkbox_exports = {};
-__export(Checkbox_exports, {
-  Checkbox: () => Checkbox,
-  CheckboxContainer: () => CheckboxContainer
-});
-module.exports = __toCommonJS(Checkbox_exports);
-var import_styled2 = __toESM(require("@emotion/styled"), 1);
 
-// 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';
+var _chunkEKTDBUWDcjs = require('../chunk-EKTDBUWD.cjs');
+require('../chunk-MNAZ4BDQ.cjs');
+require('../chunk-PDZ23BED.cjs');
+require('../chunk-YHDN5LEA.cjs');
+require('../chunk-EKCGBLIH.cjs');
+require('../chunk-2KDEPCCC.cjs');
+require('../chunk-KW3JYLRI.cjs');
+require('../chunk-KSKKC6C2.cjs');
+require('../chunk-LKKJVJCG.cjs');
 
-// src/styles/common.tsx
-var import_react3 = require("@emotion/react");
-var import_styled = __toESM(require("@emotion/styled"), 1);
 
-// src/styles/breakpoints.tsx
-var import_react = require("@emotion/react");
-var import_lodash_es = require("lodash-es");
-var import_react2 = require("react");
-var import_jsx_runtime = require("@emotion/react/jsx-runtime");
-var Breakpoints = /* @__PURE__ */ ((Breakpoints2) => {
-  Breakpoints2["sm"] = "sm";
-  Breakpoints2["md"] = "md";
-  Breakpoints2["lg"] = "lg";
-  return Breakpoints2;
-})(Breakpoints || {});
-var breakpoints = {
-  ["sm" /* sm */]: 640,
-  ["md" /* md */]: 834,
-  ["lg" /* lg */]: 1200
-};
-var breakpointFn = (mq) => (style) => `@media ${mq} { ${style} }`;
-var bp = {
-  key: Breakpoints,
-  ["sm" /* sm */]: breakpointFn(`(max-width:${breakpoints.sm}px)`),
-  ["lg" /* lg */]: breakpointFn(`(min-width:${breakpoints.lg}px)`),
-  ["minSmMaxLg" /* minSmMaxLg */]: breakpointFn(
-    `(min-width:${breakpoints.sm + 1}px) and (max-width:${breakpoints.lg - 1}px)`
-  ),
-  ["minSmMaxMd" /* minSmMaxMd */]: breakpointFn(
-    `(min-width:${breakpoints.sm + 1}px) and (max-width:${breakpoints.md - 1}px)`
-  ),
-  ["minMdMaxLg" /* minMdMaxLg */]: breakpointFn(
-    `(min-width:${breakpoints.md}px) and (max-width:${breakpoints.lg - 1}px)`
-  ),
-  ["maxLg" /* maxLg */]: breakpointFn(`(max-width:${breakpoints.lg - 1}px)`),
-  ["maxMd" /* maxMd */]: breakpointFn(`(max-width:${breakpoints.md - 1}px)`),
-  ["minSm" /* minSm */]: breakpointFn(`(min-width:${breakpoints.sm + 1}px)`),
-  ["minMd" /* minMd */]: breakpointFn(`(min-width:${breakpoints.md + 1}px)`),
-  current: function(assertBp) {
-    const currentBp = (
-      /* window is undefined in first server side render for Next apps: */
-      typeof window === "undefined" ? "sm" /* sm */ : window.getComputedStyle(document.body, ":before").content.replace(/"/g, "")
-    );
-    if (assertBp) {
-      return inRange(
-        currentBp,
-        assertBp
-      );
-    }
-    return currentBp;
-  },
-  switch: (smVal, minSmMaxMdVal, minMdMaxLgVal, lgVal) => {
-    const currentBp = bp.current();
-    if (currentBp === "sm" /* sm */) {
-      return smVal;
-    } else if (currentBp === "minSmMaxMd" /* minSmMaxMd */) {
-      return minSmMaxMdVal;
-    } else if (currentBp === "minMdMaxLg" /* minMdMaxLg */) {
-      return minMdMaxLgVal;
-    }
-    return lgVal;
-  },
-  isSm: () => bp.current("sm" /* sm */),
-  isMinSm: () => bp.current("minSm" /* minSm */),
-  isMinSmMaxMd: () => bp.current("minSmMaxMd" /* minSmMaxMd */),
-  isMinMdMaxLg: () => bp.current("minMdMaxLg" /* minMdMaxLg */),
-  isLg: () => bp.current("lg" /* lg */)
-};
-function inRange(currentBp, assertBp) {
-  const isSm = currentBp === "sm" /* sm */;
-  const isMinSmMaxMd = currentBp === "minSmMaxMd" /* minSmMaxMd */;
-  const isMinMdMaxLg = currentBp === "minMdMaxLg" /* minMdMaxLg */;
-  const isLg = currentBp === "lg" /* lg */;
-  if (assertBp) {
-    switch (assertBp) {
-      case "sm" /* sm */:
-        return isSm;
-      case "minSmMaxMd" /* minSmMaxMd */:
-        return isMinSmMaxMd;
-      case "minMdMaxLg" /* minMdMaxLg */:
-        return isMinMdMaxLg;
-      case "lg" /* lg */:
-        return isLg;
-      case "minSmMaxLg" /* minSmMaxLg */:
-        return isMinSmMaxMd || isMinMdMaxLg;
-      case "maxLg" /* maxLg */:
-        return isSm || isMinSmMaxMd || isMinMdMaxLg;
-      case "maxMd" /* maxMd */:
-        return isSm || isMinSmMaxMd;
-      case "minSm" /* minSm */:
-        return isMinSmMaxMd || isMinMdMaxLg || isLg;
-      case "minMd" /* minMd */:
-        return isMinMdMaxLg || isLg;
-      default:
-        return false;
-    }
-  }
-  return false;
-}
 
-// src/styles/colors.tsx
-var neutral = {
-  black: "#000000",
-  gray5: "#0D0D0D",
-  gray10: "#1A1A1A",
-  gray15: "#262626",
-  gray20: "#333333",
-  gray25: "#404040",
-  gray30: "#4D4D4D",
-  gray40: "#666666",
-  gray50: "#808080",
-  gray60: "#999999",
-  gray70: "#B3B3B3",
-  gray80: "#CCCCCC",
-  gray85: "#D9D9D9",
-  gray90: "#E6E6E6",
-  gray91: "#171717",
-  gray95: "#F2F2F2",
-  gray98: "#F9F9F9",
-  white: "#FFFFFF"
-};
-var darkGradient = "#1d1d1d linear-gradient(180deg, #090909 63.08%, #1d1d1d 100.52%)";
-var primary = "#FFF14E";
-var baseColors = __spreadProps(__spreadValues({}, neutral), {
-  // green
-  success: "#17C27C",
-  green33: "#179257",
-  // blue
-  blue43: "#145BC6",
-  blue22: "#0E2E60",
-  blue39: "#0068C9",
-  blue37: "#21529c",
-  blue58: "#28BFFF",
-  // less than 50% saturated blue
-  grayBlue5: "#0c0d0f",
-  grayBlue9: "#16171A",
-  grayBlue18: "#21283a",
-  grayBlue32: "#4F5156",
-  grayBlue43: "#686A72",
-  grayBlue45: "#676F80",
-  grayBlue57: "#8B8E98",
-  grayBlue67: "#9BA7B9",
-  grayBlue80: "#C0C9D6",
-  grayBlue88: "#DEDFE4",
-  grayBlue94: "#EBEEF2",
-  grayBlue96: "#F2F5F7",
-  // purple
-  purple43: "#820AD1",
-  purple55: "#8B38DE",
-  // red
-  red42a10: "#D800271A",
-  // yellow
-  primary,
-  warning: primary,
-  // orange
-  danger: "#FD2C0F",
-  // neutral
-  secondary: neutral.black
-});
-
-// src/styles/common.tsx
-var rootFontSizePx = 12;
-var rootFontSizeRems = rootFontSizePx / 16;
-var standardLineHeightEms = 1.21;
-function buildStandardContentInset(smPx, minSmMaxLgPx, lgPx) {
-  const smCSS = import_react3.css`
-    ${bp.sm(`
-      margin-left: auto;
-      margin-right: auto;
-      width: calc(100% - ${smPx * 2}px);
-    `)}
-  `;
-  const minSmMaxLgCSS = import_react3.css`
-    ${bp.minSmMaxLg(`
-      margin-left: auto;
-      margin-right: auto;
-      width: calc(100% - ${minSmMaxLgPx * 2}px);
-    `)}
-  `;
-  const lgCSS = import_react3.css`
-    ${bp.lg(`
-      margin-left: auto;
-      margin-right: auto;
-      width: calc(100% - ${lgPx * 2}px);
-      max-width: 1280px;
-    `)}
-  `;
-  return {
-    smPx,
-    minSmMaxLgPx,
-    lgPx,
-    smCSS,
-    minSmMaxLgCSS,
-    lgCSS,
-    css: import_react3.css`
-      ${lgCSS}
-      ${smCSS}
-      ${minSmMaxLgCSS}
-    `
-  };
-}
-var standardContentInset = buildStandardContentInset(16, 24, 32);
-var standardCardShadow = import_react3.css`
-  box-shadow:
-    0px 4px 10px 0px rgba(0, 0, 0, 0.08),
-    0px 8px 24px 0px rgba(0, 0, 0, 0.04);
-`;
-var standardCardShadowHard = import_react3.css`
-  box-shadow:
-    0px 24px 24px -12px rgba(0, 0, 0, 0.06),
-    0px 12px 12px -6px rgba(0, 0, 0, 0.06),
-    0px 6px 6px -3px rgba(0, 0, 0, 0.06),
-    0px 3px 3px -1.5px rgba(0, 0, 0, 0.06),
-    0px 1px 1px -0.5px rgba(0, 0, 0, 0.06),
-    0px 0px 0px 1px rgba(0, 0, 0, 0.06);
-`;
-var pageBorderRadiusPx = 16;
-var pageBorderRadius = `
-  border-radius: ${pageBorderRadiusPx}px;
-`;
-var subtext = ({ theme }) => import_react3.css`
-  color: ${theme.c6Neutral};
-  font-weight: 600;
-`;
-var Subtext = import_styled.default.div`
-  ${subtext}
-`;
-var darkGradientBg = import_react3.css`
-  background: ${darkGradient};
-`;
-
-// src/components/Checkbox.tsx
-var import_jsx_runtime2 = require("@emotion/react/jsx-runtime");
-function Checkbox({
-  checked,
-  onChange,
-  id,
-  label,
-  mt = 0,
-  alignItems = "center",
-  disabled = false
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(CheckboxContainer, { mt, alignItems, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      StyledCheckbox,
-      {
-        id,
-        type: "checkbox",
-        checked,
-        onChange: () => onChange(!checked),
-        disabled,
-        onKeyDown: (event) => {
-          if (event.key === "Enter") {
-            event.preventDefault();
-            onChange(!checked);
-          }
-        }
-      }
-    ),
-    label && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CheckboxLabel, { htmlFor: id, children: label })
-  ] });
-}
-var StyledCheckbox = import_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 = import_styled2.default.span`
-  display: flex;
-  margin-top: ${({ mt }) => mt}px;
-  align-items: ${({ alignItems }) => alignItems};
-
-  & + & {
-    margin-top: 12px;
-  }
-`;
-var CheckboxLabel = import_styled2.default.label`
-  margin-left: 12px;
-  cursor: pointer;
-  height: ${standardLineHeightEms}em;
-`;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Checkbox,
-  CheckboxContainer
-});
+exports.Checkbox = _chunkEKTDBUWDcjs.Checkbox; exports.CheckboxContainer = _chunkEKTDBUWDcjs.CheckboxContainer;

package/dist/components/Checkbox.js

@@ -1,13 +1,14 @@
 import {
   Checkbox,
   CheckboxContainer
-} from "../chunk-PYAKYQWS.js";
-import "../chunk-YG5BANJH.js";
-import "../chunk-UAUAYQ3C.js";
+} from "../chunk-AJ6OTIB2.js";
+import "../chunk-GMM3LRXY.js";
+import "../chunk-I4NIA4SD.js";
+import "../chunk-O4MKC7U2.js";
 import "../chunk-ENBUKLVT.js";
+import "../chunk-SOMDPWUX.js";
 import "../chunk-JSGRNWSB.js";
-import "../chunk-FO7I4E45.js";
-import "../chunk-KPAVY3UH.js";
+import "../chunk-REL56P3K.js";
 import "../chunk-LOPKRCGI.js";
 export {
   Checkbox,