@lightsparkdev/ui 0.0.0

package/dist/styles/utils.d.cts

@@ -0,0 +1,29 @@
+import * as _emotion_react from '@emotion/react';
+import { CSSInterpolation } from '@emotion/css';
+
+declare function pxToRems<T extends boolean>(rems: number, asNum?: T): T extends true ? number : string;
+declare function remsToPx<T extends boolean>(rems: number, asNum?: T): T extends true ? number : string;
+declare const extend: (...args: Array<CSSInterpolation>) => _emotion_react.SerializedStyles;
+declare const size: {
+    px8: string | number;
+    px10: string | number;
+    px12: string | number;
+    px14: string | number;
+    px16: string | number;
+    px18: string | number;
+    px20: string | number;
+    px21: string | number;
+    px24: string | number;
+};
+declare const flexCenterAxis: _emotion_react.SerializedStyles;
+declare const flexCenter: _emotion_react.SerializedStyles;
+declare const inlineFlexCenter: _emotion_react.SerializedStyles;
+declare const flexBetween: _emotion_react.SerializedStyles;
+declare const absoluteCenter: _emotion_react.SerializedStyles;
+declare const textCenter: _emotion_react.SerializedStyles;
+declare const overflowAutoWithoutScrollbars: _emotion_react.SerializedStyles;
+declare const lineClamp: (lines: number) => _emotion_react.SerializedStyles;
+declare const ignoreSSRWarning = "/* @emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason */";
+declare const firstChild: (style: string) => string;
+
+export { absoluteCenter, extend, firstChild, flexBetween, flexCenter, flexCenterAxis, ignoreSSRWarning, inlineFlexCenter, lineClamp, overflowAutoWithoutScrollbars, pxToRems, remsToPx, size, textCenter };

package/dist/styles/utils.d.ts

@@ -0,0 +1,29 @@
+import * as _emotion_react from '@emotion/react';
+import { CSSInterpolation } from '@emotion/css';
+
+declare function pxToRems<T extends boolean>(rems: number, asNum?: T): T extends true ? number : string;
+declare function remsToPx<T extends boolean>(rems: number, asNum?: T): T extends true ? number : string;
+declare const extend: (...args: Array<CSSInterpolation>) => _emotion_react.SerializedStyles;
+declare const size: {
+    px8: string | number;
+    px10: string | number;
+    px12: string | number;
+    px14: string | number;
+    px16: string | number;
+    px18: string | number;
+    px20: string | number;
+    px21: string | number;
+    px24: string | number;
+};
+declare const flexCenterAxis: _emotion_react.SerializedStyles;
+declare const flexCenter: _emotion_react.SerializedStyles;
+declare const inlineFlexCenter: _emotion_react.SerializedStyles;
+declare const flexBetween: _emotion_react.SerializedStyles;
+declare const absoluteCenter: _emotion_react.SerializedStyles;
+declare const textCenter: _emotion_react.SerializedStyles;
+declare const overflowAutoWithoutScrollbars: _emotion_react.SerializedStyles;
+declare const lineClamp: (lines: number) => _emotion_react.SerializedStyles;
+declare const ignoreSSRWarning = "/* @emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason */";
+declare const firstChild: (style: string) => string;
+
+export { absoluteCenter, extend, firstChild, flexBetween, flexCenter, flexCenterAxis, ignoreSSRWarning, inlineFlexCenter, lineClamp, overflowAutoWithoutScrollbars, pxToRems, remsToPx, size, textCenter };

package/dist/styles/utils.js

@@ -0,0 +1,38 @@
+import {
+  absoluteCenter,
+  extend,
+  firstChild,
+  flexBetween,
+  flexCenter,
+  flexCenterAxis,
+  ignoreSSRWarning,
+  inlineFlexCenter,
+  lineClamp,
+  overflowAutoWithoutScrollbars,
+  pxToRems,
+  remsToPx,
+  size,
+  textCenter
+} from "../chunk-LZHLWOXG.js";
+import "../chunk-QR7BKTM6.js";
+import "../chunk-ACZDUWPH.js";
+import "../chunk-WVJNZRKF.js";
+import "../chunk-JSGRNWSB.js";
+import "../chunk-CLU2FRJZ.js";
+import "../chunk-CIGAQ47A.js";
+export {
+  absoluteCenter,
+  extend,
+  firstChild,
+  flexBetween,
+  flexCenter,
+  flexCenterAxis,
+  ignoreSSRWarning,
+  inlineFlexCenter,
+  lineClamp,
+  overflowAutoWithoutScrollbars,
+  pxToRems,
+  remsToPx,
+  size,
+  textCenter
+};

package/dist/styles/z-index.cjs

@@ -0,0 +1,53 @@
+"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);
+
+// src/styles/z-index.tsx
+var z_index_exports = {};
+__export(z_index_exports, {
+  z: () => z
+});
+module.exports = __toCommonJS(z_index_exports);
+var z = {
+  card: 1,
+  fieldError: 1,
+  textInput: 2,
+  select: 3,
+  selectFocused: 4,
+  walletActionPreviewTopGradient: 1,
+  headerContainer: 99,
+  smBanner: 99,
+  headerTop: 100,
+  navMenu: 100,
+  smNavMenu: 100,
+  navAction: 101,
+  smNavAction: 100,
+  // keep under navDropdown
+  tooltip: 160,
+  notificationBanner: 170,
+  qrReaderVideo: 180,
+  qrReaderOverlay: 181,
+  modalOverlay: 190,
+  modalContainer: 191,
+  dropdown: 192,
+  toast: 200
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  z
+});

package/dist/styles/z-index.d.cts

@@ -0,0 +1,25 @@
+declare const z: {
+    card: number;
+    fieldError: number;
+    textInput: number;
+    select: number;
+    selectFocused: number;
+    walletActionPreviewTopGradient: number;
+    headerContainer: number;
+    smBanner: number;
+    headerTop: number;
+    navMenu: number;
+    smNavMenu: number;
+    navAction: number;
+    smNavAction: number;
+    tooltip: number;
+    notificationBanner: number;
+    qrReaderVideo: number;
+    qrReaderOverlay: number;
+    modalOverlay: number;
+    modalContainer: number;
+    dropdown: number;
+    toast: number;
+};
+
+export { z };

package/dist/styles/z-index.d.ts

@@ -0,0 +1,25 @@
+declare const z: {
+    card: number;
+    fieldError: number;
+    textInput: number;
+    select: number;
+    selectFocused: number;
+    walletActionPreviewTopGradient: number;
+    headerContainer: number;
+    smBanner: number;
+    headerTop: number;
+    navMenu: number;
+    smNavMenu: number;
+    navAction: number;
+    smNavAction: number;
+    tooltip: number;
+    notificationBanner: number;
+    qrReaderVideo: number;
+    qrReaderOverlay: number;
+    modalOverlay: number;
+    modalContainer: number;
+    dropdown: number;
+    toast: number;
+};
+
+export { z };

package/dist/styles/z-index.js

@@ -0,0 +1,7 @@
+import {
+  z
+} from "../chunk-CLU2FRJZ.js";
+import "../chunk-CIGAQ47A.js";
+export {
+  z
+};

package/dist/types/index.cjs

@@ -0,0 +1,18 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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/types/index.ts
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);

package/dist/types/index.d.cts

@@ -0,0 +1,11 @@
+declare global {
+    const __CURRENT_COMMIT__: string;
+}
+interface LightsparkWindow extends Window {
+    dev?: {
+        [key: string]: unknown;
+    };
+    dataLayer: unknown[];
+}
+
+export { LightsparkWindow };

package/dist/types/index.d.ts

@@ -0,0 +1,11 @@
+declare global {
+    const __CURRENT_COMMIT__: string;
+}
+interface LightsparkWindow extends Window {
+    dev?: {
+        [key: string]: unknown;
+    };
+    dataLayer: unknown[];
+}
+
+export { LightsparkWindow };

package/dist/types/utils.cjs

@@ -0,0 +1,37 @@
+"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);
+
+// src/types/utils.ts
+var utils_exports = {};
+__export(utils_exports, {
+  isType: () => isType,
+  notNullUndefined: () => notNullUndefined
+});
+module.exports = __toCommonJS(utils_exports);
+var isType = (typename) => (node) => {
+  return (node == null ? void 0 : node.__typename) === typename;
+};
+function notNullUndefined(value) {
+  return value !== null && value !== void 0;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  isType,
+  notNullUndefined
+});

package/dist/types/utils.d.cts

@@ -0,0 +1,16 @@
+type Maybe<T> = T | null | undefined;
+type ExpandRecursively<T> = T extends object ? T extends infer O ? {
+    [K in keyof O]: ExpandRecursively<O[K]>;
+} : never : T;
+type ById<T> = {
+    [id: string]: T;
+};
+type OmitTypename<T> = Omit<T, "__typename">;
+declare const isType: <T extends string>(typename: T) => <N extends {
+    __typename: string;
+}>(node: N | null | undefined) => node is Extract<N, {
+    __typename: T;
+}>;
+declare function notNullUndefined<TValue>(value: TValue | null | undefined): value is TValue;
+
+export { ById, ExpandRecursively, Maybe, OmitTypename, isType, notNullUndefined };

package/dist/types/utils.d.ts

@@ -0,0 +1,16 @@
+type Maybe<T> = T | null | undefined;
+type ExpandRecursively<T> = T extends object ? T extends infer O ? {
+    [K in keyof O]: ExpandRecursively<O[K]>;
+} : never : T;
+type ById<T> = {
+    [id: string]: T;
+};
+type OmitTypename<T> = Omit<T, "__typename">;
+declare const isType: <T extends string>(typename: T) => <N extends {
+    __typename: string;
+}>(node: N | null | undefined) => node is Extract<N, {
+    __typename: T;
+}>;
+declare function notNullUndefined<TValue>(value: TValue | null | undefined): value is TValue;
+
+export { ById, ExpandRecursively, Maybe, OmitTypename, isType, notNullUndefined };

package/dist/types/utils.js

@@ -0,0 +1,13 @@
+import "../chunk-CIGAQ47A.js";
+
+// src/types/utils.ts
+var isType = (typename) => (node) => {
+  return (node == null ? void 0 : node.__typename) === typename;
+};
+function notNullUndefined(value) {
+  return value !== null && value !== void 0;
+}
+export {
+  isType,
+  notNullUndefined
+};

package/dist/utils/strings.cjs

@@ -0,0 +1,87 @@
+"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);
+
+// src/utils/strings.tsx
+var strings_exports = {};
+__export(strings_exports, {
+  addCommasToDigits: () => addCommasToDigits,
+  capitalize: () => capitalize,
+  elide: () => elide,
+  isString: () => isString,
+  makeEnumPretty: () => makeEnumPretty,
+  removeChars: () => removeChars,
+  removeCommas: () => removeCommas,
+  removeLeadingZeros: () => removeLeadingZeros
+});
+module.exports = __toCommonJS(strings_exports);
+var capitalize = (str) => {
+  if (str.length === 0) {
+    return str;
+  }
+  return str.charAt(0).toUpperCase() + str.slice(1);
+};
+var makeEnumPretty = (enumValue, capitalizeAllWords = true) => {
+  let formatted = enumValue.toLowerCase().split("_");
+  if (capitalizeAllWords) {
+    formatted = formatted.map((word) => capitalize(word));
+  } else if (formatted.length > 0) {
+    formatted[0] = capitalize(formatted[0]);
+  }
+  return formatted.join(" ");
+};
+var elide = (s, first, last) => {
+  if (s === void 0 || s === null)
+    return s;
+  return s.substring(0, first) + "..." + s.substring(s.length - (last != null ? last : 0));
+};
+function removeChars(value, beginIndex, endIndex) {
+  return value.slice(0, beginIndex) + value.slice(endIndex || beginIndex + 1);
+}
+function isString(str) {
+  return typeof str === "string";
+}
+function removeCommas(value) {
+  return value.replace(/,/g, "");
+}
+function addCommasToDigits(value) {
+  if (typeof value === "number") {
+    value = value.toString();
+  }
+  const existingCommasRemoved = removeCommas(value);
+  const [int, decimal] = existingCommasRemoved.split(".");
+  const intWithCommas = int.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+  return decimal ? `${intWithCommas}.${decimal}` : intWithCommas;
+}
+function removeLeadingZeros(value) {
+  if (value.length > 1) {
+    return value.replace(/^0+(?=\d)/, "");
+  }
+  return value;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  addCommasToDigits,
+  capitalize,
+  elide,
+  isString,
+  makeEnumPretty,
+  removeChars,
+  removeCommas,
+  removeLeadingZeros
+});

package/dist/utils/strings.d.cts

@@ -0,0 +1,12 @@
+import { Maybe } from '../types/utils.cjs';
+
+declare const capitalize: (str: string) => string;
+declare const makeEnumPretty: (enumValue: string, capitalizeAllWords?: boolean) => string;
+declare const elide: (s: Maybe<string>, first: number, last?: number) => Maybe<string>;
+declare function removeChars(value: string, beginIndex: number, endIndex?: number): string;
+declare function isString(str: unknown): str is string;
+declare function removeCommas(value: string): string;
+declare function addCommasToDigits(value: string | number): string;
+declare function removeLeadingZeros(value: string): string;
+
+export { addCommasToDigits, capitalize, elide, isString, makeEnumPretty, removeChars, removeCommas, removeLeadingZeros };

package/dist/utils/strings.d.ts

@@ -0,0 +1,12 @@
+import { Maybe } from '../types/utils.js';
+
+declare const capitalize: (str: string) => string;
+declare const makeEnumPretty: (enumValue: string, capitalizeAllWords?: boolean) => string;
+declare const elide: (s: Maybe<string>, first: number, last?: number) => Maybe<string>;
+declare function removeChars(value: string, beginIndex: number, endIndex?: number): string;
+declare function isString(str: unknown): str is string;
+declare function removeCommas(value: string): string;
+declare function addCommasToDigits(value: string | number): string;
+declare function removeLeadingZeros(value: string): string;
+
+export { addCommasToDigits, capitalize, elide, isString, makeEnumPretty, removeChars, removeCommas, removeLeadingZeros };

package/dist/utils/strings.js

@@ -0,0 +1,21 @@
+import {
+  addCommasToDigits,
+  capitalize,
+  elide,
+  isString,
+  makeEnumPretty,
+  removeChars,
+  removeCommas,
+  removeLeadingZeros
+} from "../chunk-LAMQKQU3.js";
+import "../chunk-CIGAQ47A.js";
+export {
+  addCommasToDigits,
+  capitalize,
+  elide,
+  isString,
+  makeEnumPretty,
+  removeChars,
+  removeCommas,
+  removeLeadingZeros
+};

package/package.json

@@ -0,0 +1,72 @@
+{
+  "name": "@lightsparkdev/ui",
+  "version": "0.0.0",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "type": "module",
+  "sideEffects": false,
+  "exports": {
+    "./components": "./dist/components/index.js",
+    "./components/*": "./dist/components/*.js",
+    "./components/": "./dist/components/",
+    "./hooks/*": "./dist/hooks/*.js",
+    "./hooks": "./dist/hooks/index.js",
+    "./icons": "./dist/icons/index.js",
+    "./icons/*": "./dist/icons/*.js",
+    "./styles/*": "./dist/styles/*.js",
+    "./styles/fonts.css": "./dist/styles/fonts.css",
+    "./types/*": "./dist/types/*.js",
+    "./types": "./dist/types/index.js",
+    "./utils/*": "./dist/utils/*.js",
+    "./utils": "./dist/utils/index.js",
+    "./static/": "./dist/static/",
+    "./router": "./dist/router.js"
+  },
+  "scripts": {
+    "build": "yarn tsc && tsup --dts",
+    "build:watch": "yarn build --watch --clean=false",
+    "circular-deps": "madge --circular --extensions ts,tsx .",
+    "clean": "rm -rf .turbo",
+    "format:fix": "prettier . --write",
+    "format": "prettier . --check",
+    "lint:fix": "eslint --fix .",
+    "lint:watch": "esw . -w --ext .ts,.tsx,.js --color",
+    "lint": "eslint .",
+    "test": "echo \"TODO\"",
+    "types": "echo \"TODO: Some imports depend on the inheriting app config. May not be possible to run types here separately unless we fix that.\"",
+    "types:watch": "yarn run types"
+  },
+  "dependencies": {
+    "@apollo/client": "^3.7.11",
+    "@emotion/css": "^11.11.0",
+    "@emotion/react": "^11.11.0",
+    "@emotion/styled": "^11.11.0",
+    "@lightsparkdev/core": "1.0.10",
+    "gql": "^1.1.2",
+    "lodash-es": "^4.17.21",
+    "nanoid": "^4.0.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.1.0",
+    "react-tooltip": "^5.10.1"
+  },
+  "devDependencies": {
+    "@lightsparkdev/eslint-config": "*",
+    "@lightsparkdev/tsconfig": "0.0.0",
+    "@svgr/plugin-jsx": "^8.1.0",
+    "esbuild-plugin-copy": "^2.1.1",
+    "esbuild-plugin-svgr": "^2.1.0",
+    "eslint": "^8.3.0",
+    "eslint-watch": "^8.0.0",
+    "graphql": "^16.6.0",
+    "madge": "^6.1.0",
+    "prettier": "3.0.3",
+    "prettier-plugin-organize-imports": "^3.2.4",
+    "tsup": "^7.2.0",
+    "typescript": "^5.0.0"
+  },
+  "files": [
+    "dist/*",
+    "CHANGELOG.md"
+  ]
+}