@lightsparkdev/ui 1.0.6 → 1.0.8

package/dist/router.cjs

@@ -1,251 +1,25 @@
-"use strict";
-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 __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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/router.tsx
-var router_exports = {};
-__export(router_exports, {
-  Link: () => Link,
-  Navigate: () => Navigate,
-  getRouteName: () => getRouteName,
-  replaceParams: () => replaceParams,
-  useCurrentRoute: () => useCurrentRoute,
-  useFindMatchingRoute: () => useFindMatchingRoute,
-  useMatchRoute: () => useMatchRoute,
-  useMatchRoutes: () => useMatchRoutes,
-  useNavigate: () => useNavigate
-});
-module.exports = __toCommonJS(router_exports);
-var import_lodash_es = require("lodash-es");
-var import_react = require("react");
-var import_react_router_dom = require("react-router-dom");
-
-// 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 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
-});
-var colors = baseColors;
-
-// src/utils/strings.tsx
-function isString(str) {
-  return typeof str === "string";
-}
-
-// src/router.tsx
-var import_jsx_runtime = require("@emotion/react/jsx-runtime");
-function replaceParams(to, params) {
-  if (params) {
-    let toWithParams = to;
-    Object.entries((0, import_lodash_es.omit)(params, "query")).forEach(([key, value]) => {
-      if (typeof value !== "string") {
-        throw new Error(
-          `Only 'query' may be an object. Route params must be a string, but '${key}' is not.`
-        );
-      }
-      toWithParams = toWithParams.replace(`:${key}`, value);
-    });
-    if (params.query) {
-      let query = params.query;
-      if (typeof query !== "string") {
-        query = Object.entries(params.query).map(([key, value]) => `${key}${value ? `=${value}` : ""}`).join("&");
-      }
-      toWithParams = `${toWithParams}?${query}`;
-    }
-    to = toWithParams;
-  }
-  return to;
-}
-function Link({
-  to,
-  id,
-  externalLink,
-  params,
-  children,
-  css,
-  onClick,
-  className,
-  hash = null,
-  blue = false,
-  newTab = false
-}) {
-  if (!isString(to) && !externalLink && !onClick) {
-    throw new Error(
-      "Link must have either `to` or `externalLink` or `onClick` defined"
-    );
-  }
-  let toStr;
-  if (isString(to)) {
-    toStr = replaceParams(to, params);
-    toStr += hash ? `#${hash}` : "";
-  } else if (externalLink) {
-    const definedExternalLink = externalLink;
-    if (!definedExternalLink.startsWith("http")) {
-      throw new Error("Link's externalLink must start with http");
-    }
-    toStr = definedExternalLink;
-  } else {
-    toStr = "#";
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_react_router_dom.Link,
-    {
-      to: toStr,
-      id,
-      css,
-      onClick,
-      className,
-      style: { color: blue ? colors.blue43 : "inherit" },
-      target: newTab ? "_blank" : void 0,
-      rel: newTab ? "noopener noreferrer" : void 0,
-      children
-    }
-  );
-}
-function Navigate({
-  to,
-  params,
-  state,
-  replace = false
-}) {
-  to = replaceParams(to, params);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_router_dom.Navigate, { to, state, replace });
-}
-function useNavigate() {
-  const navigate = (0, import_react_router_dom.useNavigate)();
-  return (0, import_react.useCallback)(
-    (to, params, options) => {
-      if (typeof to === "string") {
-        to = replaceParams(to, params);
-        return navigate(to, options);
-      }
-      return navigate(to);
-    },
-    [navigate]
-  );
-}
-function useMatchRoutes(routes) {
-  const location = (0, import_react_router_dom.useLocation)();
-  const doesMatch = routes.some((route) => (0, import_react_router_dom.matchPath)(route, location.pathname));
-  return doesMatch;
-}
-function useFindMatchingRoute(routes) {
-  const location = (0, import_react_router_dom.useLocation)();
-  const matchingRoute = routes.find(
-    (route) => (0, import_react_router_dom.matchPath)(route, location.pathname)
-  );
-  return matchingRoute;
-}
-function useMatchRoute(route) {
-  const location = (0, import_react_router_dom.useLocation)();
-  return (0, import_react_router_dom.matchPath)(route, location.pathname);
-}
-function useCurrentRoute() {
-  const location = (0, import_react_router_dom.useLocation)();
-  return location.pathname;
-}
-function getRouteName(path, routes) {
-  for (const routeName of Object.keys(routes)) {
-    if ((0, import_react_router_dom.matchPath)(routes[routeName], path)) {
-      return routeName;
-    }
-  }
-  return null;
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Link,
-  Navigate,
-  getRouteName,
-  replaceParams,
-  useCurrentRoute,
-  useFindMatchingRoute,
-  useMatchRoute,
-  useMatchRoutes,
-  useNavigate
-});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+
+
+
+
+
+
+
+var _chunkQCJWZRIPcjs = require('./chunk-QCJWZRIP.cjs');
+require('./chunk-7PRNB5U5.cjs');
+require('./chunk-KSKKC6C2.cjs');
+require('./chunk-LKKJVJCG.cjs');
+
+
+
+
+
+
+
+
+
+
+exports.Link = _chunkQCJWZRIPcjs.Link; exports.Navigate = _chunkQCJWZRIPcjs.Navigate; exports.getRouteName = _chunkQCJWZRIPcjs.getRouteName; exports.replaceParams = _chunkQCJWZRIPcjs.replaceParams; exports.useCurrentRoute = _chunkQCJWZRIPcjs.useCurrentRoute; exports.useFindMatchingRoute = _chunkQCJWZRIPcjs.useFindMatchingRoute; exports.useMatchRoute = _chunkQCJWZRIPcjs.useMatchRoute; exports.useMatchRoutes = _chunkQCJWZRIPcjs.useMatchRoutes; exports.useNavigate = _chunkQCJWZRIPcjs.useNavigate;

package/dist/router.d.cts

@@ -17,6 +17,7 @@ type LinkProps<RoutesType extends string> = {
     to?: RoutesType | undefined;
     id?: string | undefined;
     externalLink?: ExternalLink | undefined;
+    filename?: string | undefined;
     onClick?: MouseEventHandler<HTMLAnchorElement> | undefined;
     params?: RouteParams | undefined;
     children?: react__default.ReactNode;
@@ -27,7 +28,7 @@ type LinkProps<RoutesType extends string> = {
     hash?: RouteHash | undefined;
 };
 declare function replaceParams<RoutesType extends string>(to: RoutesType, params: LinkProps<RoutesType>["params"]): RoutesType;
-declare function Link<RoutesType extends string>({ to, id, externalLink, params, children, css, onClick, className, hash, blue, newTab, }: LinkProps<RoutesType>): _emotion_react_jsx_runtime.JSX.Element;
+declare function Link<RoutesType extends string>({ to, id, externalLink, filename, params, children, css, onClick, className, hash, blue, newTab, }: LinkProps<RoutesType>): _emotion_react_jsx_runtime.JSX.Element;
 type NavigateProps<RoutesType extends string> = Omit<LinkProps<RoutesType>, "children"> & {
     to: RoutesType;
     state?: unknown;

package/dist/router.d.ts

@@ -17,6 +17,7 @@ type LinkProps<RoutesType extends string> = {
     to?: RoutesType | undefined;
     id?: string | undefined;
     externalLink?: ExternalLink | undefined;
+    filename?: string | undefined;
     onClick?: MouseEventHandler<HTMLAnchorElement> | undefined;
     params?: RouteParams | undefined;
     children?: react__default.ReactNode;
@@ -27,7 +28,7 @@ type LinkProps<RoutesType extends string> = {
     hash?: RouteHash | undefined;
 };
 declare function replaceParams<RoutesType extends string>(to: RoutesType, params: LinkProps<RoutesType>["params"]): RoutesType;
-declare function Link<RoutesType extends string>({ to, id, externalLink, params, children, css, onClick, className, hash, blue, newTab, }: LinkProps<RoutesType>): _emotion_react_jsx_runtime.JSX.Element;
+declare function Link<RoutesType extends string>({ to, id, externalLink, filename, params, children, css, onClick, className, hash, blue, newTab, }: LinkProps<RoutesType>): _emotion_react_jsx_runtime.JSX.Element;
 type NavigateProps<RoutesType extends string> = Omit<LinkProps<RoutesType>, "children"> & {
     to: RoutesType;
     state?: unknown;

package/dist/router.js

@@ -8,9 +8,9 @@ import {
   useMatchRoute,
   useMatchRoutes,
   useNavigate
-} from "./chunk-SCIQSZSW.js";
+} from "./chunk-34MTU3ER.js";
 import "./chunk-EDN2QDCB.js";
-import "./chunk-KPAVY3UH.js";
+import "./chunk-REL56P3K.js";
 import "./chunk-LOPKRCGI.js";
 export {
   Link,

package/dist/styles/breakpoints.cjs

@@ -1,263 +1,19 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-// src/styles/breakpoints.tsx
-var breakpoints_exports = {};
-__export(breakpoints_exports, {
-  Breakpoint: () => Breakpoint,
-  BreakpointRanges: () => BreakpointRanges,
-  Breakpoints: () => Breakpoints,
-  DisplayBreakpoint: () => DisplayBreakpoint,
-  bp: () => bp,
-  useBreakpoints: () => useBreakpoints,
-  useScreenWidth: () => useScreenWidth
-});
-module.exports = __toCommonJS(breakpoints_exports);
-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 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] = (0, import_react2.useState)(bp.current());
-  (0, import_react2.useLayoutEffect)(() => {
-    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] = (0, import_react2.useState)(window.innerWidth);
-  (0, import_react2.useLayoutEffect)(() => {
-    const handleResize = (0, import_lodash_es.debounce)(() => {
-      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__ */ (0, import_jsx_runtime.jsx)(
-    "div",
-    {
-      css: import_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__ */ (0, import_jsx_runtime.jsx)(import_react2.Fragment, { children }) : null;
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Breakpoint,
-  BreakpointRanges,
-  Breakpoints,
-  DisplayBreakpoint,
-  bp,
-  useBreakpoints,
-  useScreenWidth
-});
+
+
+
+
+
+
+var _chunkKW3JYLRIcjs = require('../chunk-KW3JYLRI.cjs');
+require('../chunk-LKKJVJCG.cjs');
+
+
+
+
+
+
+
+
+exports.Breakpoint = _chunkKW3JYLRIcjs.Breakpoint; exports.BreakpointRanges = _chunkKW3JYLRIcjs.BreakpointRanges; exports.Breakpoints = _chunkKW3JYLRIcjs.Breakpoints; exports.DisplayBreakpoint = _chunkKW3JYLRIcjs.DisplayBreakpoint; exports.bp = _chunkKW3JYLRIcjs.bp; exports.useBreakpoints = _chunkKW3JYLRIcjs.useBreakpoints; exports.useScreenWidth = _chunkKW3JYLRIcjs.useScreenWidth;