@stackframe/stack 2.4.13 → 2.4.15

package/dist/utils/constants.d.mts

@@ -1,48 +1,48 @@
 declare const FONT_SIZES: {
-    xs: string;
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
+    readonly xs: "0.75rem";
+    readonly sm: "0.875rem";
+    readonly md: "1rem";
+    readonly lg: "1.125rem";
+    readonly xl: "1.25rem";
 };
 declare const LINE_HEIGHTS: {
-    xs: string;
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
+    readonly xs: "1rem";
+    readonly sm: "1.25rem";
+    readonly md: "1.5rem";
+    readonly lg: "1.75rem";
+    readonly xl: "2rem";
 };
 declare const FONT_FAMILY = "ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"";
 declare const PRIMARY_FONT_COLORS: {
-    dark: string;
-    light: string;
+    readonly dark: "white";
+    readonly light: "black";
 };
 declare const SECONDARY_FONT_COLORS: {
-    dark: string;
-    light: string;
+    readonly dark: "#a8a8a8";
+    readonly light: "#737373";
 };
 declare const SELECTED_BACKGROUND_COLORS: {
-    dark: string;
-    light: string;
+    readonly dark: "rgba(255, 255, 255, 0.1)";
+    readonly light: "rgba(0, 0, 0, 0.04)";
 };
 declare const LINK_COLORS: {
-    dark: string;
-    light: string;
+    readonly dark: "#fff";
+    readonly light: "#000";
 };
-declare const BORDER_RADIUS = "0.375rem";
+declare const SHADOW = "0 1px 2px 0 rgba(0, 0, 0, 0.05)";
 declare const DEFAULT_COLORS: {
     readonly dark: {
-        readonly primaryColor: "#570df8";
-        readonly secondaryColor: "#404040";
-        readonly backgroundColor: "black";
+        readonly primaryColor: "#ffffff";
+        readonly secondaryColor: "#27272a";
+        readonly backgroundColor: "#000000";
         readonly neutralColor: "#27272a";
     };
     readonly light: {
-        readonly primaryColor: "#570df8";
-        readonly secondaryColor: "#e0e0e0";
-        readonly backgroundColor: "white";
+        readonly primaryColor: "#000000";
+        readonly secondaryColor: "#f4f4f5";
+        readonly backgroundColor: "#ffffff";
         readonly neutralColor: "#e4e4e7";
     };
 };
 
-export { BORDER_RADIUS, DEFAULT_COLORS, FONT_FAMILY, FONT_SIZES, LINE_HEIGHTS, LINK_COLORS, PRIMARY_FONT_COLORS, SECONDARY_FONT_COLORS, SELECTED_BACKGROUND_COLORS };
+export { DEFAULT_COLORS, FONT_FAMILY, FONT_SIZES, LINE_HEIGHTS, LINK_COLORS, PRIMARY_FONT_COLORS, SECONDARY_FONT_COLORS, SELECTED_BACKGROUND_COLORS, SHADOW };

package/dist/utils/constants.d.ts

@@ -1,48 +1,48 @@
 declare const FONT_SIZES: {
-    xs: string;
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
+    readonly xs: "0.75rem";
+    readonly sm: "0.875rem";
+    readonly md: "1rem";
+    readonly lg: "1.125rem";
+    readonly xl: "1.25rem";
 };
 declare const LINE_HEIGHTS: {
-    xs: string;
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
+    readonly xs: "1rem";
+    readonly sm: "1.25rem";
+    readonly md: "1.5rem";
+    readonly lg: "1.75rem";
+    readonly xl: "2rem";
 };
 declare const FONT_FAMILY = "ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"";
 declare const PRIMARY_FONT_COLORS: {
-    dark: string;
-    light: string;
+    readonly dark: "white";
+    readonly light: "black";
 };
 declare const SECONDARY_FONT_COLORS: {
-    dark: string;
-    light: string;
+    readonly dark: "#a8a8a8";
+    readonly light: "#737373";
 };
 declare const SELECTED_BACKGROUND_COLORS: {
-    dark: string;
-    light: string;
+    readonly dark: "rgba(255, 255, 255, 0.1)";
+    readonly light: "rgba(0, 0, 0, 0.04)";
 };
 declare const LINK_COLORS: {
-    dark: string;
-    light: string;
+    readonly dark: "#fff";
+    readonly light: "#000";
 };
-declare const BORDER_RADIUS = "0.375rem";
+declare const SHADOW = "0 1px 2px 0 rgba(0, 0, 0, 0.05)";
 declare const DEFAULT_COLORS: {
     readonly dark: {
-        readonly primaryColor: "#570df8";
-        readonly secondaryColor: "#404040";
-        readonly backgroundColor: "black";
+        readonly primaryColor: "#ffffff";
+        readonly secondaryColor: "#27272a";
+        readonly backgroundColor: "#000000";
         readonly neutralColor: "#27272a";
     };
     readonly light: {
-        readonly primaryColor: "#570df8";
-        readonly secondaryColor: "#e0e0e0";
-        readonly backgroundColor: "white";
+        readonly primaryColor: "#000000";
+        readonly secondaryColor: "#f4f4f5";
+        readonly backgroundColor: "#ffffff";
         readonly neutralColor: "#e4e4e7";
     };
 };
 
-export { BORDER_RADIUS, DEFAULT_COLORS, FONT_FAMILY, FONT_SIZES, LINE_HEIGHTS, LINK_COLORS, PRIMARY_FONT_COLORS, SECONDARY_FONT_COLORS, SELECTED_BACKGROUND_COLORS };
+export { DEFAULT_COLORS, FONT_FAMILY, FONT_SIZES, LINE_HEIGHTS, LINK_COLORS, PRIMARY_FONT_COLORS, SECONDARY_FONT_COLORS, SELECTED_BACKGROUND_COLORS, SHADOW };

package/dist/utils/constants.js

@@ -20,7 +20,6 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/utils/constants.tsx
 var constants_exports = {};
 __export(constants_exports, {
-  BORDER_RADIUS: () => BORDER_RADIUS,
   DEFAULT_COLORS: () => DEFAULT_COLORS,
   FONT_FAMILY: () => FONT_FAMILY,
   FONT_SIZES: () => FONT_SIZES,
@@ -28,34 +27,34 @@ __export(constants_exports, {
   LINK_COLORS: () => LINK_COLORS,
   PRIMARY_FONT_COLORS: () => PRIMARY_FONT_COLORS,
   SECONDARY_FONT_COLORS: () => SECONDARY_FONT_COLORS,
-  SELECTED_BACKGROUND_COLORS: () => SELECTED_BACKGROUND_COLORS
+  SELECTED_BACKGROUND_COLORS: () => SELECTED_BACKGROUND_COLORS,
+  SHADOW: () => SHADOW
 });
 module.exports = __toCommonJS(constants_exports);
-var FONT_SIZES = { "xs": "0.75rem", "sm": "0.875rem", "md": "1rem", "lg": "1.25rem", "xl": "1.5rem" };
+var FONT_SIZES = { "xs": "0.75rem", "sm": "0.875rem", "md": "1rem", "lg": "1.125rem", "xl": "1.25rem" };
 var LINE_HEIGHTS = { "xs": "1rem", "sm": "1.25rem", "md": "1.5rem", "lg": "1.75rem", "xl": "2rem" };
 var FONT_FAMILY = 'ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"';
 var PRIMARY_FONT_COLORS = { "dark": "white", "light": "black" };
 var SECONDARY_FONT_COLORS = { "dark": "#a8a8a8", "light": "#737373" };
 var SELECTED_BACKGROUND_COLORS = { "dark": "rgba(255, 255, 255, 0.1)", "light": "rgba(0, 0, 0, 0.04)" };
 var LINK_COLORS = { "dark": "#fff", "light": "#000" };
-var BORDER_RADIUS = "0.375rem";
+var SHADOW = "0 1px 2px 0 rgba(0, 0, 0, 0.05)";
 var DEFAULT_COLORS = {
   dark: {
-    primaryColor: "#570df8",
-    secondaryColor: "#404040",
-    backgroundColor: "black",
+    primaryColor: "#ffffff",
+    secondaryColor: "#27272a",
+    backgroundColor: "#000000",
     neutralColor: "#27272a"
   },
   light: {
-    primaryColor: "#570df8",
-    secondaryColor: "#e0e0e0",
-    backgroundColor: "white",
+    primaryColor: "#000000",
+    secondaryColor: "#f4f4f5",
+    backgroundColor: "#ffffff",
     neutralColor: "#e4e4e7"
   }
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  BORDER_RADIUS,
   DEFAULT_COLORS,
   FONT_FAMILY,
   FONT_SIZES,
@@ -63,6 +62,7 @@ var DEFAULT_COLORS = {
   LINK_COLORS,
   PRIMARY_FONT_COLORS,
   SECONDARY_FONT_COLORS,
-  SELECTED_BACKGROUND_COLORS
+  SELECTED_BACKGROUND_COLORS,
+  SHADOW
 });
 //# sourceMappingURL=constants.js.map

package/dist/utils/constants.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/constants.tsx"],"sourcesContent":["export const FONT_SIZES = {'xs': '0.75rem', 'sm': '0.875rem', 'md': '1rem', 'lg': '1.25rem', 'xl': '1.5rem'};\nexport const LINE_HEIGHTS = {'xs': '1rem', 'sm': '1.25rem', 'md': '1.5rem', 'lg': '1.75rem', 'xl': '2rem'};\nexport const FONT_FAMILY = 'ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"';\nexport const PRIMARY_FONT_COLORS = { 'dark': 'white', 'light': 'black' };\nexport const SECONDARY_FONT_COLORS = { 'dark': '#a8a8a8', 'light': '#737373' };\nexport const SELECTED_BACKGROUND_COLORS = { 'dark': 'rgba(255, 255, 255, 0.1)', 'light': 'rgba(0, 0, 0, 0.04)' };\nexport const LINK_COLORS = { 'dark': '#fff', 'light': '#000' };\nexport const BORDER_RADIUS = '0.375rem';\nexport const DEFAULT_COLORS = ({\n  dark: {\n    primaryColor: '#570df8',\n    secondaryColor: '#404040',\n    backgroundColor: 'black',\n    neutralColor: '#27272a',\n  },\n  light: {\n    primaryColor: '#570df8',\n    secondaryColor: '#e0e0e0',\n    backgroundColor: 'white',\n    neutralColor: '#e4e4e7',\n  },\n} as const);"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,IAAM,aAAa,EAAC,MAAM,WAAW,MAAM,YAAY,MAAM,QAAQ,MAAM,WAAW,MAAM,SAAQ;AACpG,IAAM,eAAe,EAAC,MAAM,QAAQ,MAAM,WAAW,MAAM,UAAU,MAAM,WAAW,MAAM,OAAM;AAClG,IAAM,cAAc;AACpB,IAAM,sBAAsB,EAAE,QAAQ,SAAS,SAAS,QAAQ;AAChE,IAAM,wBAAwB,EAAE,QAAQ,WAAW,SAAS,UAAU;AACtE,IAAM,6BAA6B,EAAE,QAAQ,4BAA4B,SAAS,sBAAsB;AACxG,IAAM,cAAc,EAAE,QAAQ,QAAQ,SAAS,OAAO;AACtD,IAAM,gBAAgB;AACtB,IAAM,iBAAkB;AAAA,EAC7B,MAAM;AAAA,IACJ,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,iBAAiB;AAAA,IACjB,cAAc;AAAA,EAChB;AAAA,EACA,OAAO;AAAA,IACL,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,iBAAiB;AAAA,IACjB,cAAc;AAAA,EAChB;AACF;","names":[]}
+{"version":3,"sources":["../../src/utils/constants.tsx"],"sourcesContent":["export const FONT_SIZES = {'xs': '0.75rem', 'sm': '0.875rem', 'md': '1rem', 'lg': '1.125rem', 'xl': '1.25rem'} as const;\nexport const LINE_HEIGHTS = {'xs': '1rem', 'sm': '1.25rem', 'md': '1.5rem', 'lg': '1.75rem', 'xl': '2rem'} as const;\nexport const FONT_FAMILY = 'ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"';\nexport const PRIMARY_FONT_COLORS = { 'dark': 'white', 'light': 'black' } as const;\nexport const SECONDARY_FONT_COLORS = { 'dark': '#a8a8a8', 'light': '#737373' } as const;\nexport const SELECTED_BACKGROUND_COLORS = { 'dark': 'rgba(255, 255, 255, 0.1)', 'light': 'rgba(0, 0, 0, 0.04)' } as const;\nexport const LINK_COLORS = { 'dark': '#fff', 'light': '#000' } as const;\nexport const SHADOW = '0 1px 2px 0 rgba(0, 0, 0, 0.05)';\nexport const DEFAULT_COLORS = ({\n  dark: {\n    primaryColor: '#ffffff',\n    secondaryColor: '#27272a',\n    backgroundColor: '#000000',\n    neutralColor: '#27272a',\n  },\n  light: {\n    primaryColor: '#000000',\n    secondaryColor: '#f4f4f5',\n    backgroundColor: '#ffffff',\n    neutralColor: '#e4e4e7',\n  },\n} as const);"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,IAAM,aAAa,EAAC,MAAM,WAAW,MAAM,YAAY,MAAM,QAAQ,MAAM,YAAY,MAAM,UAAS;AACtG,IAAM,eAAe,EAAC,MAAM,QAAQ,MAAM,WAAW,MAAM,UAAU,MAAM,WAAW,MAAM,OAAM;AAClG,IAAM,cAAc;AACpB,IAAM,sBAAsB,EAAE,QAAQ,SAAS,SAAS,QAAQ;AAChE,IAAM,wBAAwB,EAAE,QAAQ,WAAW,SAAS,UAAU;AACtE,IAAM,6BAA6B,EAAE,QAAQ,4BAA4B,SAAS,sBAAsB;AACxG,IAAM,cAAc,EAAE,QAAQ,QAAQ,SAAS,OAAO;AACtD,IAAM,SAAS;AACf,IAAM,iBAAkB;AAAA,EAC7B,MAAM;AAAA,IACJ,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,iBAAiB;AAAA,IACjB,cAAc;AAAA,EAChB;AAAA,EACA,OAAO;AAAA,IACL,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,iBAAiB;AAAA,IACjB,cAAc;AAAA,EAChB;AACF;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stackframe/stack",
-  "version": "2.4.13",
+  "version": "2.4.15",
   "sideEffects": false,
   "exports": {
     ".": {
@@ -30,23 +30,26 @@
     "LICENSE"
   ],
   "dependencies": {
-    "@radix-ui/react-separator": "^1.0.3",
-    "@radix-ui/react-tabs": "^1.0.4",
+    "@hookform/resolvers": "^3.3.4",
     "@radix-ui/react-avatar": "^1.0.4",
     "@radix-ui/react-collapsible": "^1.0.3",
     "@radix-ui/react-dropdown-menu": "^2.0.6",
+    "@radix-ui/react-icons": "^1.3.0",
     "@radix-ui/react-label": "^2.0.2",
     "@radix-ui/react-popover": "^1.0.7",
+    "@radix-ui/react-separator": "^1.0.3",
+    "@radix-ui/react-tabs": "^1.0.4",
     "color": "^4.2.3",
     "cookie": "^0.6.0",
     "js-cookie": "^3.0.5",
+    "lucide-react": "^0.378.0",
     "oauth4webapi": "^2.10.3",
-    "react-icons": "^5.0.1",
+    "react-hook-form": "^7.51.4",
     "server-only": "^0.0.1",
     "styled-components": "^6.1.8",
     "yup": "^1.4.0",
-    "@stackframe/stack-shared": "2.4.10",
-    "@stackframe/stack-sc": "1.5.5"
+    "@stackframe/stack-sc": "1.5.5",
+    "@stackframe/stack-shared": "2.4.12"
   },
   "peerDependencies": {
     "@mui/joy": "^5.0.0-beta.30",

package/dist/components-core/loading-indicator.d.mts

@@ -1,11 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-declare function LoadingIndicator(props: {
-    size?: number;
-    color: {
-        light: string;
-        dark: string;
-    };
-}): react_jsx_runtime.JSX.Element;
-
-export { LoadingIndicator as default };

package/dist/components-core/loading-indicator.d.ts

@@ -1,11 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-declare function LoadingIndicator(props: {
-    size?: number;
-    color: {
-        light: string;
-        dark: string;
-    };
-}): react_jsx_runtime.JSX.Element;
-
-export { LoadingIndicator as default };

package/dist/components-core/loading-indicator.js

@@ -1,62 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-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 __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);
-
-// src/components-core/loading-indicator.tsx
-var loading_indicator_exports = {};
-__export(loading_indicator_exports, {
-  default: () => LoadingIndicator
-});
-module.exports = __toCommonJS(loading_indicator_exports);
-var import_styled_components = __toESM(require("styled-components"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var l7 = import_styled_components.keyframes`
-  33% { background-size: calc(100%/3) 0%, calc(100%/3) 100%, calc(100%/3) 100%; }
-  50% { background-size: calc(100%/3) 100%, calc(100%/3) 0%, calc(100%/3) 100%; }
-  66% { background-size: calc(100%/3) 100%, calc(100%/3) 100%, calc(100%/3) 0%; }
-`;
-var StyledLoadingIndicator = import_styled_components.default.div`
-  width: ${(props) => props.$size || 36}px;
-  aspect-ratio: 4;
-  background: 
-    var(--_g) 0% 50%, 
-    var(--_g) 50% 50%, 
-    var(--_g) 100% 50%;
-  background-size: calc(100%/3) 100%;
-  animation: ${l7} 1s infinite linear;
-
-  --_g: no-repeat radial-gradient(circle closest-side, ${(props) => props.$color.light} 90%, #0000);
-
-  html[data-stack-theme='dark'] & {
-    --_g: no-repeat radial-gradient(circle closest-side, ${(props) => props.$color.dark} 90%, #0000);
-  }
-`;
-function LoadingIndicator(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledLoadingIndicator, { $size: props.size, $color: props.color });
-}
-//# sourceMappingURL=loading-indicator.js.map

package/dist/components-core/loading-indicator.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components-core/loading-indicator.tsx"],"sourcesContent":["import styled, { keyframes } from 'styled-components';\n\nconst l7 = keyframes`\n  33% { background-size: calc(100%/3) 0%, calc(100%/3) 100%, calc(100%/3) 100%; }\n  50% { background-size: calc(100%/3) 100%, calc(100%/3) 0%, calc(100%/3) 100%; }\n  66% { background-size: calc(100%/3) 100%, calc(100%/3) 100%, calc(100%/3) 0%; }\n`;\n\nconst StyledLoadingIndicator = styled.div<{ $color: { light: string, dark: string }, $size?: number }>`\n  width: ${props => props.$size || 36}px;\n  aspect-ratio: 4;\n  background: \n    var(--_g) 0% 50%, \n    var(--_g) 50% 50%, \n    var(--_g) 100% 50%;\n  background-size: calc(100%/3) 100%;\n  animation: ${l7} 1s infinite linear;\n\n  --_g: no-repeat radial-gradient(circle closest-side, ${props => props.$color.light} 90%, #0000);\n\n  html[data-stack-theme='dark'] & {\n    --_g: no-repeat radial-gradient(circle closest-side, ${props => props.$color.dark} 90%, #0000);\n  }\n`;\n\nexport default function LoadingIndicator(props: { size?: number, color: { light: string, dark: string } }) {\n  return <StyledLoadingIndicator $size={props.size} $color={props.color} />;\n}"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+BAAkC;AA0BzB;AAxBT,IAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAMX,IAAM,yBAAyB,yBAAAA,QAAO;AAAA,WAC3B,WAAS,MAAM,SAAS,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAOtB,EAAE;AAAA;AAAA,yDAEwC,WAAS,MAAM,OAAO,KAAK;AAAA;AAAA;AAAA,2DAGzB,WAAS,MAAM,OAAO,IAAI;AAAA;AAAA;AAItE,SAAR,iBAAkC,OAAkE;AACzG,SAAO,4CAAC,0BAAuB,OAAO,MAAM,MAAM,QAAQ,MAAM,OAAO;AACzE;","names":["styled"]}

package/dist/esm/components-core/loading-indicator.js

@@ -1,31 +0,0 @@
-// src/components-core/loading-indicator.tsx
-import styled, { keyframes } from "styled-components";
-import { jsx } from "react/jsx-runtime";
-var l7 = keyframes`
-  33% { background-size: calc(100%/3) 0%, calc(100%/3) 100%, calc(100%/3) 100%; }
-  50% { background-size: calc(100%/3) 100%, calc(100%/3) 0%, calc(100%/3) 100%; }
-  66% { background-size: calc(100%/3) 100%, calc(100%/3) 100%, calc(100%/3) 0%; }
-`;
-var StyledLoadingIndicator = styled.div`
-  width: ${(props) => props.$size || 36}px;
-  aspect-ratio: 4;
-  background: 
-    var(--_g) 0% 50%, 
-    var(--_g) 50% 50%, 
-    var(--_g) 100% 50%;
-  background-size: calc(100%/3) 100%;
-  animation: ${l7} 1s infinite linear;
-
-  --_g: no-repeat radial-gradient(circle closest-side, ${(props) => props.$color.light} 90%, #0000);
-
-  html[data-stack-theme='dark'] & {
-    --_g: no-repeat radial-gradient(circle closest-side, ${(props) => props.$color.dark} 90%, #0000);
-  }
-`;
-function LoadingIndicator(props) {
-  return /* @__PURE__ */ jsx(StyledLoadingIndicator, { $size: props.size, $color: props.color });
-}
-export {
-  LoadingIndicator as default
-};
-//# sourceMappingURL=loading-indicator.js.map

package/dist/esm/components-core/loading-indicator.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components-core/loading-indicator.tsx"],"sourcesContent":["import styled, { keyframes } from 'styled-components';\n\nconst l7 = keyframes`\n  33% { background-size: calc(100%/3) 0%, calc(100%/3) 100%, calc(100%/3) 100%; }\n  50% { background-size: calc(100%/3) 100%, calc(100%/3) 0%, calc(100%/3) 100%; }\n  66% { background-size: calc(100%/3) 100%, calc(100%/3) 100%, calc(100%/3) 0%; }\n`;\n\nconst StyledLoadingIndicator = styled.div<{ $color: { light: string, dark: string }, $size?: number }>`\n  width: ${props => props.$size || 36}px;\n  aspect-ratio: 4;\n  background: \n    var(--_g) 0% 50%, \n    var(--_g) 50% 50%, \n    var(--_g) 100% 50%;\n  background-size: calc(100%/3) 100%;\n  animation: ${l7} 1s infinite linear;\n\n  --_g: no-repeat radial-gradient(circle closest-side, ${props => props.$color.light} 90%, #0000);\n\n  html[data-stack-theme='dark'] & {\n    --_g: no-repeat radial-gradient(circle closest-side, ${props => props.$color.dark} 90%, #0000);\n  }\n`;\n\nexport default function LoadingIndicator(props: { size?: number, color: { light: string, dark: string } }) {\n  return <StyledLoadingIndicator $size={props.size} $color={props.color} />;\n}"],"mappings":";AAAA,OAAO,UAAU,iBAAiB;AA0BzB;AAxBT,IAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAMX,IAAM,yBAAyB,OAAO;AAAA,WAC3B,WAAS,MAAM,SAAS,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAOtB,EAAE;AAAA;AAAA,yDAEwC,WAAS,MAAM,OAAO,KAAK;AAAA;AAAA;AAAA,2DAGzB,WAAS,MAAM,OAAO,IAAI;AAAA;AAAA;AAItE,SAAR,iBAAkC,OAAkE;AACzG,SAAO,oBAAC,0BAAuB,OAAO,MAAM,MAAM,QAAQ,MAAM,OAAO;AACzE;","names":[]}