@lightsparkdev/ui 1.0.6 → 1.0.7

package/dist/chunk-KW3JYLRI.cjs

@@ -0,0 +1,233 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/styles/breakpoints.tsx
+var _react = require('@emotion/react');
+var _lodashes = require('lodash-es');
+var _react3 = require('react');
+var _jsxruntime = 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 BreakpointRanges = /* @__PURE__ */ ((BreakpointRanges2) => {
+  BreakpointRanges2["sm"] = "sm";
+  BreakpointRanges2["lg"] = "lg";
+  BreakpointRanges2["minSmMaxMd"] = "minSmMaxMd";
+  BreakpointRanges2["minMdMaxLg"] = "minMdMaxLg";
+  BreakpointRanges2["minSmMaxLg"] = "minSmMaxLg";
+  BreakpointRanges2["maxLg"] = "maxLg";
+  BreakpointRanges2["maxMd"] = "maxMd";
+  BreakpointRanges2["minSm"] = "minSm";
+  BreakpointRanges2["minMd"] = "minMd";
+  return BreakpointRanges2;
+})(BreakpointRanges || {});
+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;
+}
+function useBreakpoints() {
+  const [currentBp, setCurrentBp] = _react3.useState.call(void 0, bp.current());
+  _react3.useLayoutEffect.call(void 0, () => {
+    const handleResize = () => {
+      const newBp = bp.current();
+      if (newBp !== currentBp) {
+        setCurrentBp(newBp);
+      }
+    };
+    handleResize();
+    window.addEventListener("resize", handleResize);
+    window.addEventListener("deviceorientation", handleResize);
+    return () => {
+      window.removeEventListener("resize", handleResize);
+      window.removeEventListener("deviceorientation", handleResize);
+    };
+  });
+  return bp;
+}
+function useScreenWidth() {
+  const [screenWidth, setScreenWidth] = _react3.useState.call(void 0, window.innerWidth);
+  _react3.useLayoutEffect.call(void 0, () => {
+    const handleResize = _lodashes.debounce.call(void 0, () => {
+      setScreenWidth(window.innerWidth);
+    }, 200);
+    handleResize();
+    window.addEventListener("resize", handleResize);
+    window.addEventListener("deviceorientation", handleResize);
+    return () => {
+      window.removeEventListener("resize", handleResize);
+      window.removeEventListener("deviceorientation", handleResize);
+    };
+  });
+  return screenWidth;
+}
+var DisplayBreakpoint = ({
+  sm,
+  minSmMaxMd,
+  minMdMaxLg,
+  lg,
+  maxLg,
+  maxMd,
+  minSm,
+  minMd,
+  cssStr,
+  children
+}) => {
+  const breakpoint = (() => {
+    switch (true) {
+      case sm:
+        return bp.sm;
+      case minSmMaxMd:
+        return bp.minSmMaxMd;
+      case minMdMaxLg:
+        return bp.minMdMaxLg;
+      case lg:
+        return bp.lg;
+      case maxLg:
+        return bp.maxLg;
+      case maxMd:
+        return bp.maxMd;
+      case minSm:
+        return bp.minSm;
+      case minMd:
+        return bp.minMd;
+      default:
+        return bp.sm;
+    }
+  })();
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      css: _react.css`
+        display: none;
+        ${breakpoint(`display: block; ${cssStr}`)}
+      `,
+      children
+    }
+  );
+};
+function Breakpoint({
+  sm,
+  minSmMaxMd,
+  minMdMaxLg,
+  lg,
+  maxLg,
+  maxMd,
+  minSm,
+  minMd,
+  children
+}) {
+  const bp2 = useBreakpoints();
+  const shouldRender = (() => {
+    switch (true) {
+      case sm:
+        return bp2.current("sm" /* sm */);
+      case minSmMaxMd:
+        return bp2.current("minSmMaxMd" /* minSmMaxMd */);
+      case minMdMaxLg:
+        return bp2.current("minMdMaxLg" /* minMdMaxLg */);
+      case lg:
+        return bp2.current("lg" /* lg */);
+      case maxLg:
+        return bp2.current("maxLg" /* maxLg */);
+      case maxMd:
+        return bp2.current("maxMd" /* maxMd */);
+      case minSm:
+        return bp2.current("minSm" /* minSm */);
+      case minMd:
+        return bp2.current("minMd" /* minMd */);
+      default:
+        return bp2.current("sm" /* sm */);
+    }
+  })();
+  return shouldRender ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react3.Fragment, { children }) : null;
+}
+
+
+
+
+
+
+
+
+
+exports.Breakpoints = Breakpoints; exports.BreakpointRanges = BreakpointRanges; exports.bp = bp; exports.useBreakpoints = useBreakpoints; exports.useScreenWidth = useScreenWidth; exports.DisplayBreakpoint = DisplayBreakpoint; exports.Breakpoint = Breakpoint;

package/dist/{chunk-OPUCWQMK.js → chunk-L3BNIBK3.js}

@@ -1,6 +1,6 @@
 import {
   getFontColor
-} from "./chunk-UAUAYQ3C.js";
+} from "./chunk-I4NIA4SD.js";
 import {
   getTypographyString
 } from "./chunk-ENBUKLVT.js";

package/dist/{chunk-NONMMIMQ.js → chunk-LHPOQVJO.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-5KSG5D3I.js";
 import {
   TextInput
-} from "./chunk-M7E2PMFK.js";
+} from "./chunk-DWGNUG6W.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/chunk-LKKJVJCG.cjs

@@ -0,0 +1,63 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+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 __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+
+
+
+
+
+
+
+exports.__spreadValues = __spreadValues; exports.__spreadProps = __spreadProps; exports.__objRest = __objRest; exports.__export = __export; exports.__async = __async;

package/dist/chunk-LLJZ3BRG.cjs

@@ -0,0 +1,50 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/SecurityKey.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function SecurityKey() {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 12 13",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "rect",
+          {
+            x: "0.5625",
+            y: "3.3125",
+            width: "8.25",
+            height: "6.375",
+            rx: "0.9375",
+            stroke: "currentColor",
+            strokeWidth: "1.125"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M8.8125 4.8125H10.5C11.0178 4.8125 11.4375 5.23223 11.4375 5.75V7.25C11.4375 7.76777 11.0178 8.1875 10.5 8.1875H8.8125V4.8125Z",
+            stroke: "currentColor",
+            strokeWidth: "1.125"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "rect",
+          {
+            x: "3.75",
+            y: "5.75",
+            width: "2.25",
+            height: "1.5",
+            rx: "0.75",
+            fill: "currentColor"
+          }
+        )
+      ]
+    }
+  );
+}
+
+
+
+exports.SecurityKey = SecurityKey;

package/dist/chunk-LU2G6KCN.cjs

@@ -0,0 +1,41 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/DotGrid1x3Horizontal.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function DotGrid1x3Horizontal() {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "g", { id: "dot-grid-1x3-horizontal, menu, drag, grab", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "g", { id: "Icon", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M4.00001 6.66663H1.33334V9.33329H4.00001V6.66663Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M9.33334 6.66663H6.66668V9.33329H9.33334V6.66663Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M14.6667 6.66663H12V9.33329H14.6667V6.66663Z",
+            fill: "currentColor"
+          }
+        )
+      ] }) })
+    }
+  );
+}
+
+
+
+exports.DotGrid1x3Horizontal = DotGrid1x3Horizontal;

package/dist/{chunk-TMIBU4ME.js → chunk-LW4QZL4I.js}

@@ -1,6 +1,6 @@
 import {
   Icon
-} from "./chunk-LAGOF7IU.js";
+} from "./chunk-UACBVBBE.js";
 
 // src/components/ContentTable.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-EKU5IWJW.js → chunk-LWXTVAZ6.js}

@@ -1,9 +1,9 @@
 import {
   GlobalStyles
-} from "./chunk-FE477HOE.js";
+} from "./chunk-5BNDOQKG.js";
 import {
   themes
-} from "./chunk-UAUAYQ3C.js";
+} from "./chunk-I4NIA4SD.js";
 
 // src/components/LightsparkProvider.tsx
 import { ThemeProvider } from "@emotion/react";

package/dist/chunk-MFDGE4AE.cjs

@@ -0,0 +1,29 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/UmaBridgeLoading.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function UmaBridgeLoading() {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 22 22",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "circle", { cx: "11", cy: "11", r: "9", stroke: "#EBEEF2", strokeWidth: "2.5" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M19.9999 11C19.9999 9.57971 19.6638 8.17958 19.019 6.91409C18.3742 5.6486 17.439 4.55368 16.29 3.71885C15.1409 2.88402 13.8106 2.33299 12.4078 2.11081C11.005 1.88862 9.56953 2.0016 8.21875 2.44049",
+            stroke: "black",
+            strokeWidth: "2.5",
+            strokeLinecap: "round"
+          }
+        )
+      ]
+    }
+  );
+}
+
+
+
+exports.UmaBridgeLoading = UmaBridgeLoading;

package/dist/{chunk-YXAKRSFW.js → chunk-MI5TUKMX.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk-E5DUKMCU.js";
 import {
   overflowAutoWithoutScrollbars
-} from "./chunk-D4DFISYR.js";
+} from "./chunk-JQV6H76U.js";
 import {
   Icon
-} from "./chunk-LAGOF7IU.js";
+} from "./chunk-UACBVBBE.js";
 import {
   standardBorderRadius
-} from "./chunk-YG5BANJH.js";
+} from "./chunk-GMM3LRXY.js";
 
 // src/components/Collapsible.tsx
 import styled from "@emotion/styled";