@lightsparkdev/ui 0.0.8 → 0.0.9

package/dist/components/index.d.cts

@@ -1,10 +1,12 @@
 export { Badge } from './Badge.cjs';
 export { Button, ButtonProps, ButtonSelector, StyledButton } from './Button.cjs';
 export { ButtonRow, ButtonRowContainer, ButtonRowProps } from './ButtonRow.cjs';
+export { CardPage, CardPageContent, CardPageFullContent, CardPageFullWidth, CardPageRightContentInner, CardPageSubtitle } from './CardPage.cjs';
 export { Collapsible } from './Collapsible.cjs';
 export { CommandKey } from './CommandKey.cjs';
 export { CopyToClipboardButton } from './CopyToClipboardButton.cjs';
 export { CurrencyAmount, CurrencyIcon } from './CurrencyAmount.cjs';
+export { GradientCardHeader } from './GradientCardHeader.cjs';
 export { Icon, IconContainer } from './Icon.cjs';
 export { LightTooltip } from './LightTooltip.cjs';
 export { LightboxImage } from './LightboxImage.cjs';

package/dist/components/index.d.ts

@@ -1,10 +1,12 @@
 export { Badge } from './Badge.js';
 export { Button, ButtonProps, ButtonSelector, StyledButton } from './Button.js';
 export { ButtonRow, ButtonRowContainer, ButtonRowProps } from './ButtonRow.js';
+export { CardPage, CardPageContent, CardPageFullContent, CardPageFullWidth, CardPageRightContentInner, CardPageSubtitle } from './CardPage.js';
 export { Collapsible } from './Collapsible.js';
 export { CommandKey } from './CommandKey.js';
 export { CopyToClipboardButton } from './CopyToClipboardButton.js';
 export { CurrencyAmount, CurrencyIcon } from './CurrencyAmount.js';
+export { GradientCardHeader } from './GradientCardHeader.js';
 export { Icon, IconContainer } from './Icon.js';
 export { LightTooltip } from './LightTooltip.js';
 export { LightboxImage } from './LightboxImage.js';

package/dist/components/index.js

@@ -1,74 +1,86 @@
+import {
+  Modal
+} from "../chunk-NM7UW54G.js";
+import "../chunk-VE7J2N47.js";
+import "../chunk-NBCCPGA4.js";
+import {
+  ProgressBar
+} from "../chunk-E3AOYBY5.js";
 import {
   SecretContainer
-} from "../chunk-6FHLZM6N.js";
+} from "../chunk-7T36JGTC.js";
 import {
   TextIconAligner
-} from "../chunk-WTO7C7WA.js";
+} from "../chunk-5POPBNPS.js";
+import {
+  CopyToClipboardButton
+} from "../chunk-7C4MHI6Q.js";
 import {
   CurrencyAmount,
   CurrencyIcon
-} from "../chunk-XAZ6NZ6I.js";
+} from "../chunk-XZR237JJ.js";
 import {
   Pill
-} from "../chunk-YPB5SA65.js";
+} from "../chunk-A4FQBEYU.js";
+import {
+  GradientCardHeader
+} from "../chunk-IPAXAP6K.js";
 import {
   LightboxImage
 } from "../chunk-Z5TPS2BO.js";
 import {
   LightsparkProvider
-} from "../chunk-ZYHA6MJC.js";
-import "../chunk-ZSUX6RLD.js";
+} from "../chunk-H3RW6JSU.js";
+import "../chunk-KMR5C25B.js";
 import "../chunk-IJVWYT5G.js";
-import {
-  Modal
-} from "../chunk-DAVVD7YE.js";
-import "../chunk-VE7J2N47.js";
-import "../chunk-NBCCPGA4.js";
-import {
-  ProgressBar
-} from "../chunk-36C653MV.js";
 import {
   Badge
-} from "../chunk-U6XT5JKC.js";
+} from "../chunk-DQRN4E5G.js";
+import {
+  CardPage,
+  CardPageContent,
+  CardPageFullContent,
+  CardPageFullWidth,
+  CardPageRightContentInner,
+  CardPageSubtitle
+} from "../chunk-PBRN7MJY.js";
+import "../chunk-P3EUPXFA.js";
 import {
   ButtonRow,
   ButtonRowContainer
-} from "../chunk-2JM7UTAZ.js";
+} from "../chunk-NFSAJ5GJ.js";
 import {
   Button,
   ButtonSelector,
   StyledButton
-} from "../chunk-76Q4BK35.js";
+} from "../chunk-ZANLDY2W.js";
 import "../chunk-OGSDZTHM.js";
 import "../chunk-YMNSXZ5D.js";
 import {
   Loading,
   LoadingWrapper
-} from "../chunk-BAO4T4G5.js";
+} from "../chunk-J4FJQ3FN.js";
+import {
+  UnstyledButton
+} from "../chunk-3GS5EFXV.js";
+import {
+  LightTooltip
+} from "../chunk-3EVAP5JT.js";
+import "../chunk-55OQPFLF.js";
 import {
   Collapsible
-} from "../chunk-MAMSU2XB.js";
+} from "../chunk-EEFNW7NS.js";
 import "../chunk-3XSQV5U4.js";
-import "../chunk-2YB7653N.js";
+import "../chunk-FCZJILMW.js";
 import {
   CommandKey
 } from "../chunk-WOR7J4KZ.js";
-import {
-  CopyToClipboardButton
-} from "../chunk-UWN53KLJ.js";
-import {
-  UnstyledButton
-} from "../chunk-4KWTXZRY.js";
-import {
-  LightTooltip
-} from "../chunk-NRXJA2PM.js";
-import "../chunk-55OQPFLF.js";
 import {
   Icon,
   IconContainer
-} from "../chunk-VHW2KROZ.js";
+} from "../chunk-RWIZ7Q74.js";
 import "../chunk-LAMQKQU3.js";
-import "../chunk-HNVQIY5U.js";
+import "../chunk-JK4BP73A.js";
 import "../chunk-2VBDEO6M.js";
 import "../chunk-E4EXM4SY.js";
 import "../chunk-JSGRNWSB.js";
@@ -79,11 +91,18 @@ export {
   ButtonRow,
   ButtonRowContainer,
   ButtonSelector,
+  CardPage,
+  CardPageContent,
+  CardPageFullContent,
+  CardPageFullWidth,
+  CardPageRightContentInner,
+  CardPageSubtitle,
   Collapsible,
   CommandKey,
   CopyToClipboardButton,
   CurrencyAmount,
   CurrencyIcon,
+  GradientCardHeader,
   Icon,
   IconContainer,
   LightTooltip,

package/dist/icons/ArrowCornerDownRight.cjs

@@ -0,0 +1,49 @@
+"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/icons/ArrowCornerDownRight.tsx
+var ArrowCornerDownRight_exports = {};
+__export(ArrowCornerDownRight_exports, {
+  default: () => ArrowCornerDownRight_default
+});
+module.exports = __toCommonJS(ArrowCornerDownRight_exports);
+var import_jsx_runtime = require("@emotion/react/jsx-runtime");
+function ArrowCornerDownRight() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "path",
+        {
+          d: "M2.66699 3.3335V10.0002H13.3337M13.3337 10.0002L10.667 7.3335M13.3337 10.0002L10.667 12.6668",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+var ArrowCornerDownRight_default = ArrowCornerDownRight;

package/dist/icons/ArrowCornerDownRight.d.cts

@@ -0,0 +1,5 @@
+import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
+
+declare function ArrowCornerDownRight(): _emotion_react_jsx_runtime.JSX.Element;
+
+export { ArrowCornerDownRight as default };

package/dist/icons/ArrowCornerDownRight.d.ts

@@ -0,0 +1,5 @@
+import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
+
+declare function ArrowCornerDownRight(): _emotion_react_jsx_runtime.JSX.Element;
+
+export { ArrowCornerDownRight as default };

package/dist/icons/ArrowCornerDownRight.js

@@ -0,0 +1,30 @@
+import "../chunk-CIGAQ47A.js";
+
+// src/icons/ArrowCornerDownRight.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function ArrowCornerDownRight() {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M2.66699 3.3335V10.0002H13.3337M13.3337 10.0002L10.667 7.3335M13.3337 10.0002L10.667 12.6668",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+var ArrowCornerDownRight_default = ArrowCornerDownRight;
+export {
+  ArrowCornerDownRight_default as default
+};

package/dist/icons/Sort.cjs

@@ -0,0 +1,48 @@
+"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/icons/Sort.tsx
+var Sort_exports = {};
+__export(Sort_exports, {
+  default: () => Sort_default
+});
+module.exports = __toCommonJS(Sort_exports);
+var import_jsx_runtime = require("@emotion/react/jsx-runtime");
+function Sort() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "12",
+      height: "12",
+      viewBox: "0 0 12 12",
+      fill: "none",
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "path",
+        {
+          d: "M1.5 2.5H10.5M4.5 9.5H7.5M3 6H9",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "square"
+        }
+      )
+    }
+  );
+}
+var Sort_default = Sort;

package/dist/icons/Sort.d.cts

@@ -0,0 +1,5 @@
+import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
+
+declare function Sort(): _emotion_react_jsx_runtime.JSX.Element;
+
+export { Sort as default };

package/dist/icons/Sort.d.ts

@@ -0,0 +1,5 @@
+import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
+
+declare function Sort(): _emotion_react_jsx_runtime.JSX.Element;
+
+export { Sort as default };

package/dist/icons/Sort.js

@@ -0,0 +1,29 @@
+import "../chunk-CIGAQ47A.js";
+
+// src/icons/Sort.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function Sort() {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "12",
+      height: "12",
+      viewBox: "0 0 12 12",
+      fill: "none",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M1.5 2.5H10.5M4.5 9.5H7.5M3 6H9",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "square"
+        }
+      )
+    }
+  );
+}
+var Sort_default = Sort;
+export {
+  Sort_default as default
+};

package/dist/icons/index.cjs

@@ -1287,30 +1287,44 @@ function hexToRGB(hex) {
 // src/styles/common.tsx
 var rootFontSizePx = 12;
 var rootFontSizeRems = rootFontSizePx / 16;
-var standardContentInsetPx = 32;
-var standardContentInsetMdPx = 24;
-var standardContentInsetSmPx = 16;
-var smContentInset = import_react4.css`
-  ${bp.sm(`
-    margin-left: auto;
-    margin-right: auto;
-    width: calc(100% - ${standardContentInsetSmPx * 2}px);
-  `)}
-`;
-var minSmMaxLgContentInset = import_react4.css`
-  ${bp.minSmMaxLg(`
-    width: calc(100% - ${standardContentInsetMdPx * 2}px);
-  `)}
-`;
-var standardContentInset = import_react4.css`
-  margin-left: auto;
-  margin-right: auto;
-  width: calc(100% - ${standardContentInsetPx * 2}px);
-  max-width: 1280px;
-
-  ${smContentInset}
-  ${minSmMaxLgContentInset}
-`;
+function buildStandardContentInset(smPx, minSmMaxLgPx, lgPx) {
+  const smCSS = import_react4.css`
+    ${bp.sm(`
+      margin-left: auto;
+      margin-right: auto;
+      width: calc(100% - ${smPx * 2}px);
+    `)}
+  `;
+  const minSmMaxLgCSS = import_react4.css`
+    ${bp.minSmMaxLg(`
+      margin-left: auto;
+      margin-right: auto;
+      width: calc(100% - ${minSmMaxLgPx * 2}px);
+    `)}
+  `;
+  const lgCSS = import_react4.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_react4.css`
+      ${lgCSS}
+      ${smCSS}
+      ${minSmMaxLgCSS}
+    `
+  };
+}
+var standardContentInset = buildStandardContentInset(16, 24, 32);
 var standardCardShadow = import_react4.css`
   box-shadow:
     0px 4px 10px 0px rgba(0, 0, 0, 0.08),

package/dist/icons/index.js

@@ -1,9 +1,9 @@
 import {
   Icon,
   IconContainer
-} from "../chunk-VHW2KROZ.js";
+} from "../chunk-RWIZ7Q74.js";
 import "../chunk-LAMQKQU3.js";
-import "../chunk-HNVQIY5U.js";
+import "../chunk-JK4BP73A.js";
 import "../chunk-2VBDEO6M.js";
 import "../chunk-E4EXM4SY.js";
 import "../chunk-JSGRNWSB.js";

package/dist/styles/common.cjs

@@ -55,7 +55,6 @@ __export(common_exports, {
   headingContentMarginPx: () => headingContentMarginPx,
   mcBold: () => mcBold,
   mcBoldStyled: () => mcBoldStyled,
-  minSmMaxLgContentInset: () => minSmMaxLgContentInset,
   outlineOffset: () => outlineOffset,
   overlaySurface: () => overlaySurface,
   overlaySurfaceBorderColor: () => overlaySurfaceBorderColor,
@@ -63,13 +62,9 @@ __export(common_exports, {
   pageBorderRadiusPx: () => pageBorderRadiusPx,
   rootFontSizePx: () => rootFontSizePx,
   rootFontSizeRems: () => rootFontSizeRems,
-  smContentInset: () => smContentInset,
   standardBorderRadius: () => standardBorderRadius,
   standardCardShadow: () => standardCardShadow,
   standardContentInset: () => standardContentInset,
-  standardContentInsetMdPx: () => standardContentInsetMdPx,
-  standardContentInsetPx: () => standardContentInsetPx,
-  standardContentInsetSmPx: () => standardContentInsetSmPx,
   standardFocusOutline: () => standardFocusOutline,
   standardLineHeightEms: () => standardLineHeightEms,
   subtext: () => subtext
@@ -1291,9 +1286,44 @@ var rootFontSizePx = 12;
 var rootFontSizeRems = rootFontSizePx / 16;
 var standardLineHeightEms = 1.21;
 var headingContentMarginPx = 30;
-var standardContentInsetPx = 32;
-var standardContentInsetMdPx = 24;
-var standardContentInsetSmPx = 16;
+function buildStandardContentInset(smPx, minSmMaxLgPx, lgPx) {
+  const smCSS = import_react4.css`
+    ${bp.sm(`
+      margin-left: auto;
+      margin-right: auto;
+      width: calc(100% - ${smPx * 2}px);
+    `)}
+  `;
+  const minSmMaxLgCSS = import_react4.css`
+    ${bp.minSmMaxLg(`
+      margin-left: auto;
+      margin-right: auto;
+      width: calc(100% - ${minSmMaxLgPx * 2}px);
+    `)}
+  `;
+  const lgCSS = import_react4.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_react4.css`
+      ${lgCSS}
+      ${smCSS}
+      ${minSmMaxLgCSS}
+    `
+  };
+}
+var standardContentInset = buildStandardContentInset(16, 24, 32);
 var cardBorderRadiusPx = 16;
 var standardBorderRadius = (radius) => {
   const borderRadiusPx = Array.isArray(radius) ? radius.map((r) => `${r}px`).join(" ") : `${radius}px`;
@@ -1301,27 +1331,6 @@ var standardBorderRadius = (radius) => {
     border-radius: ${borderRadiusPx};
   `;
 };
-var smContentInset = import_react4.css`
-  ${bp.sm(`
-    margin-left: auto;
-    margin-right: auto;
-    width: calc(100% - ${standardContentInsetSmPx * 2}px);
-  `)}
-`;
-var minSmMaxLgContentInset = import_react4.css`
-  ${bp.minSmMaxLg(`
-    width: calc(100% - ${standardContentInsetMdPx * 2}px);
-  `)}
-`;
-var standardContentInset = import_react4.css`
-  margin-left: auto;
-  margin-right: auto;
-  width: calc(100% - ${standardContentInsetPx * 2}px);
-  max-width: 1280px;
-
-  ${smContentInset}
-  ${minSmMaxLgContentInset}
-`;
 var standardCardShadow = import_react4.css`
   box-shadow:
     0px 4px 10px 0px rgba(0, 0, 0, 0.08),
@@ -1399,7 +1408,6 @@ var mcBoldStyled = ({ theme }) => mcBold(theme);
   headingContentMarginPx,
   mcBold,
   mcBoldStyled,
-  minSmMaxLgContentInset,
   outlineOffset,
   overlaySurface,
   overlaySurfaceBorderColor,
@@ -1407,13 +1415,9 @@ var mcBoldStyled = ({ theme }) => mcBold(theme);
   pageBorderRadiusPx,
   rootFontSizePx,
   rootFontSizeRems,
-  smContentInset,
   standardBorderRadius,
   standardCardShadow,
   standardContentInset,
-  standardContentInsetMdPx,
-  standardContentInsetPx,
-  standardContentInsetSmPx,
   standardFocusOutline,
   standardLineHeightEms,
   subtext

package/dist/styles/common.d.cts

@@ -10,17 +10,20 @@ declare const rootFontSizePx = 12;
 declare const rootFontSizeRems: number;
 declare const standardLineHeightEms = 1.21;
 declare const headingContentMarginPx = 30;
-declare const standardContentInsetPx = 32;
-declare const standardContentInsetMdPx = 24;
-declare const standardContentInsetSmPx = 16;
+declare const standardContentInset: {
+    smPx: number;
+    minSmMaxLgPx: number;
+    lgPx: number;
+    smCSS: _emotion_react.SerializedStyles;
+    minSmMaxLgCSS: _emotion_react.SerializedStyles;
+    lgCSS: _emotion_react.SerializedStyles;
+    css: _emotion_react.SerializedStyles;
+};
 declare const standardBorderRadiusPx: readonly [0, 4, 8, 12, 16];
 type StandardBorderRadius = (typeof standardBorderRadiusPx)[number];
 declare const cardBorderRadiusPx = 16;
 type BorderRadiusArg = StandardBorderRadius | StandardBorderRadius[];
 declare const standardBorderRadius: (radius: BorderRadiusArg) => string;
-declare const smContentInset: _emotion_react.SerializedStyles;
-declare const minSmMaxLgContentInset: _emotion_react.SerializedStyles;
-declare const standardContentInset: _emotion_react.SerializedStyles;
 declare const standardCardShadow: _emotion_react.SerializedStyles;
 declare const pageBorderRadiusPx = 16;
 declare const pageBorderRadius = "\n  border-radius: 16px;\n";
@@ -48,4 +51,4 @@ declare const overlaySurface: ({ theme, important, }: WithTheme<{
 declare const mcBold: (theme: Theme) => _emotion_react.SerializedStyles;
 declare const mcBoldStyled: ({ theme }: ThemeProp) => _emotion_react.SerializedStyles;
 
-export { Subtext, cardBorderRadiusPx, darkGradientBg, delta, getFocusOutline, headingContentMarginPx, mcBold, mcBoldStyled, minSmMaxLgContentInset, outlineOffset, overlaySurface, overlaySurfaceBorderColor, pageBorderRadius, pageBorderRadiusPx, rootFontSizePx, rootFontSizeRems, smContentInset, standardBorderRadius, standardCardShadow, standardContentInset, standardContentInsetMdPx, standardContentInsetPx, standardContentInsetSmPx, standardFocusOutline, standardLineHeightEms, subtext };
+export { Subtext, cardBorderRadiusPx, darkGradientBg, delta, getFocusOutline, headingContentMarginPx, mcBold, mcBoldStyled, outlineOffset, overlaySurface, overlaySurfaceBorderColor, pageBorderRadius, pageBorderRadiusPx, rootFontSizePx, rootFontSizeRems, standardBorderRadius, standardCardShadow, standardContentInset, standardFocusOutline, standardLineHeightEms, subtext };

package/dist/styles/common.d.ts

@@ -10,17 +10,20 @@ declare const rootFontSizePx = 12;
 declare const rootFontSizeRems: number;
 declare const standardLineHeightEms = 1.21;
 declare const headingContentMarginPx = 30;
-declare const standardContentInsetPx = 32;
-declare const standardContentInsetMdPx = 24;
-declare const standardContentInsetSmPx = 16;
+declare const standardContentInset: {
+    smPx: number;
+    minSmMaxLgPx: number;
+    lgPx: number;
+    smCSS: _emotion_react.SerializedStyles;
+    minSmMaxLgCSS: _emotion_react.SerializedStyles;
+    lgCSS: _emotion_react.SerializedStyles;
+    css: _emotion_react.SerializedStyles;
+};
 declare const standardBorderRadiusPx: readonly [0, 4, 8, 12, 16];
 type StandardBorderRadius = (typeof standardBorderRadiusPx)[number];
 declare const cardBorderRadiusPx = 16;
 type BorderRadiusArg = StandardBorderRadius | StandardBorderRadius[];
 declare const standardBorderRadius: (radius: BorderRadiusArg) => string;
-declare const smContentInset: _emotion_react.SerializedStyles;
-declare const minSmMaxLgContentInset: _emotion_react.SerializedStyles;
-declare const standardContentInset: _emotion_react.SerializedStyles;
 declare const standardCardShadow: _emotion_react.SerializedStyles;
 declare const pageBorderRadiusPx = 16;
 declare const pageBorderRadius = "\n  border-radius: 16px;\n";
@@ -48,4 +51,4 @@ declare const overlaySurface: ({ theme, important, }: WithTheme<{
 declare const mcBold: (theme: Theme) => _emotion_react.SerializedStyles;
 declare const mcBoldStyled: ({ theme }: ThemeProp) => _emotion_react.SerializedStyles;
 
-export { Subtext, cardBorderRadiusPx, darkGradientBg, delta, getFocusOutline, headingContentMarginPx, mcBold, mcBoldStyled, minSmMaxLgContentInset, outlineOffset, overlaySurface, overlaySurfaceBorderColor, pageBorderRadius, pageBorderRadiusPx, rootFontSizePx, rootFontSizeRems, smContentInset, standardBorderRadius, standardCardShadow, standardContentInset, standardContentInsetMdPx, standardContentInsetPx, standardContentInsetSmPx, standardFocusOutline, standardLineHeightEms, subtext };
+export { Subtext, cardBorderRadiusPx, darkGradientBg, delta, getFocusOutline, headingContentMarginPx, mcBold, mcBoldStyled, outlineOffset, overlaySurface, overlaySurfaceBorderColor, pageBorderRadius, pageBorderRadiusPx, rootFontSizePx, rootFontSizeRems, standardBorderRadius, standardCardShadow, standardContentInset, standardFocusOutline, standardLineHeightEms, subtext };

package/dist/styles/common.js

@@ -7,7 +7,6 @@ import {
   headingContentMarginPx,
   mcBold,
   mcBoldStyled,
-  minSmMaxLgContentInset,
   outlineOffset,
   overlaySurface,
   overlaySurfaceBorderColor,
@@ -15,17 +14,13 @@ import {
   pageBorderRadiusPx,
   rootFontSizePx,
   rootFontSizeRems,
-  smContentInset,
   standardBorderRadius,
   standardCardShadow,
   standardContentInset,
-  standardContentInsetMdPx,
-  standardContentInsetPx,
-  standardContentInsetSmPx,
   standardFocusOutline,
   standardLineHeightEms,
   subtext
-} from "../chunk-HNVQIY5U.js";
+} from "../chunk-JK4BP73A.js";
 import "../chunk-2VBDEO6M.js";
 import "../chunk-E4EXM4SY.js";
 import "../chunk-JSGRNWSB.js";
@@ -39,7 +34,6 @@ export {
   headingContentMarginPx,
   mcBold,
   mcBoldStyled,
-  minSmMaxLgContentInset,
   outlineOffset,
   overlaySurface,
   overlaySurfaceBorderColor,
@@ -47,13 +41,9 @@ export {
   pageBorderRadiusPx,
   rootFontSizePx,
   rootFontSizeRems,
-  smContentInset,
   standardBorderRadius,
   standardCardShadow,
   standardContentInset,
-  standardContentInsetMdPx,
-  standardContentInsetPx,
-  standardContentInsetSmPx,
   standardFocusOutline,
   standardLineHeightEms,
   subtext