@lightsparkdev/ui 1.0.0 → 1.0.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @lightsparkdev/ui
 
+## 1.0.1
+
+### Patch Changes
+
+- b855251: - Make Drawer fixed position
+
 ## 1.0.0
 
 ### Major Changes

package/dist/{buttons-5a4562d5.d.ts → buttons-38b5823f.d.ts}

@@ -1712,7 +1712,7 @@ declare const baseTheme: {
             [x: string]: Partial<{
                 defaultSize: TokenSizeKey;
                 defaultTypography: "Title" | "Body" | "Body Strong" | "Label" | "Label Moderate" | "Label Strong";
-                defaultBorderRadius: 32 | 8;
+                defaultBorderRadius: 8 | 32;
                 defaultBorderWidth: number;
                 defaultBackgroundColor: BackgroundColorKeyArg;
                 defaultBorderColor: BackgroundColorKeyArg;
@@ -1732,7 +1732,7 @@ declare const baseTheme: {
         };
         defaultSize: TokenSizeKey;
         defaultTypography: "Title" | "Body" | "Body Strong" | "Label" | "Label Moderate" | "Label Strong";
-        defaultBorderRadius: 32 | 8;
+        defaultBorderRadius: 8 | 32;
         defaultBorderWidth: number;
         defaultBackgroundColor: BackgroundColorKeyArg;
         defaultBorderColor: BackgroundColorKeyArg;
@@ -3464,7 +3464,7 @@ declare function setFonts(theme: Theme, fontFamilies: FontFamilies): {
             [x: string]: Partial<{
                 defaultSize: TokenSizeKey;
                 defaultTypography: "Title" | "Body" | "Body Strong" | "Label" | "Label Moderate" | "Label Strong";
-                defaultBorderRadius: 32 | 8;
+                defaultBorderRadius: 8 | 32;
                 defaultBorderWidth: number;
                 defaultBackgroundColor: BackgroundColorKeyArg;
                 defaultBorderColor: BackgroundColorKeyArg;
@@ -3484,7 +3484,7 @@ declare function setFonts(theme: Theme, fontFamilies: FontFamilies): {
         };
         defaultSize: TokenSizeKey;
         defaultTypography: "Title" | "Body" | "Body Strong" | "Label" | "Label Moderate" | "Label Strong";
-        defaultBorderRadius: 32 | 8;
+        defaultBorderRadius: 8 | 32;
         defaultBorderWidth: number;
         defaultBackgroundColor: BackgroundColorKeyArg;
         defaultBorderColor: BackgroundColorKeyArg;
@@ -5193,7 +5193,7 @@ declare function setFonts(theme: Theme, fontFamilies: FontFamilies): {
                 [x: string]: Partial<{
                     defaultSize: TokenSizeKey;
                     defaultTypography: "Title" | "Body" | "Body Strong" | "Label" | "Label Moderate" | "Label Strong";
-                    defaultBorderRadius: 32 | 8;
+                    defaultBorderRadius: 8 | 32;
                     defaultBorderWidth: number;
                     defaultBackgroundColor: BackgroundColorKeyArg;
                     defaultBorderColor: BackgroundColorKeyArg;
@@ -5213,7 +5213,7 @@ declare function setFonts(theme: Theme, fontFamilies: FontFamilies): {
             };
             defaultSize: TokenSizeKey;
             defaultTypography: "Title" | "Body" | "Body Strong" | "Label" | "Label Moderate" | "Label Strong";
-            defaultBorderRadius: 32 | 8;
+            defaultBorderRadius: 8 | 32;
             defaultBorderWidth: number;
             defaultBackgroundColor: BackgroundColorKeyArg;
             defaultBorderColor: BackgroundColorKeyArg;
@@ -6923,7 +6923,7 @@ declare function setFonts(theme: Theme, fontFamilies: FontFamilies): {
                 [x: string]: Partial<{
                     defaultSize: TokenSizeKey;
                     defaultTypography: "Title" | "Body" | "Body Strong" | "Label" | "Label Moderate" | "Label Strong";
-                    defaultBorderRadius: 32 | 8;
+                    defaultBorderRadius: 8 | 32;
                     defaultBorderWidth: number;
                     defaultBackgroundColor: BackgroundColorKeyArg;
                     defaultBorderColor: BackgroundColorKeyArg;
@@ -6943,7 +6943,7 @@ declare function setFonts(theme: Theme, fontFamilies: FontFamilies): {
             };
             defaultSize: TokenSizeKey;
             defaultTypography: "Title" | "Body" | "Body Strong" | "Label" | "Label Moderate" | "Label Strong";
-            defaultBorderRadius: 32 | 8;
+            defaultBorderRadius: 8 | 32;
             defaultBorderWidth: number;
             defaultBackgroundColor: BackgroundColorKeyArg;
             defaultBorderColor: BackgroundColorKeyArg;
@@ -8653,7 +8653,7 @@ declare function setFonts(theme: Theme, fontFamilies: FontFamilies): {
                 [x: string]: Partial<{
                     defaultSize: TokenSizeKey;
                     defaultTypography: "Title" | "Body" | "Body Strong" | "Label" | "Label Moderate" | "Label Strong";
-                    defaultBorderRadius: 32 | 8;
+                    defaultBorderRadius: 8 | 32;
                     defaultBorderWidth: number;
                     defaultBackgroundColor: BackgroundColorKeyArg;
                     defaultBorderColor: BackgroundColorKeyArg;
@@ -8673,7 +8673,7 @@ declare function setFonts(theme: Theme, fontFamilies: FontFamilies): {
             };
             defaultSize: TokenSizeKey;
             defaultTypography: "Title" | "Body" | "Body Strong" | "Label" | "Label Moderate" | "Label Strong";
-            defaultBorderRadius: 32 | 8;
+            defaultBorderRadius: 8 | 32;
             defaultBorderWidth: number;
             defaultBackgroundColor: BackgroundColorKeyArg;
             defaultBorderColor: BackgroundColorKeyArg;
@@ -10383,7 +10383,7 @@ declare function setFonts(theme: Theme, fontFamilies: FontFamilies): {
                 [x: string]: Partial<{
                     defaultSize: TokenSizeKey;
                     defaultTypography: "Title" | "Body" | "Body Strong" | "Label" | "Label Moderate" | "Label Strong";
-                    defaultBorderRadius: 32 | 8;
+                    defaultBorderRadius: 8 | 32;
                     defaultBorderWidth: number;
                     defaultBackgroundColor: BackgroundColorKeyArg;
                     defaultBorderColor: BackgroundColorKeyArg;
@@ -10403,7 +10403,7 @@ declare function setFonts(theme: Theme, fontFamilies: FontFamilies): {
             };
             defaultSize: TokenSizeKey;
             defaultTypography: "Title" | "Body" | "Body Strong" | "Label" | "Label Moderate" | "Label Strong";
-            defaultBorderRadius: 32 | 8;
+            defaultBorderRadius: 8 | 32;
             defaultBorderWidth: number;
             defaultBackgroundColor: BackgroundColorKeyArg;
             defaultBorderColor: BackgroundColorKeyArg;
@@ -10488,7 +10488,7 @@ type AllowedButtonTypographyTypes = (typeof allowedButtonTypographyTypes)[number
 declare const buttonsThemeBase: {
     defaultSize: TokenSizeKey;
     defaultTypography: "Title" | "Body" | "Body Strong" | "Label" | "Label Moderate" | "Label Strong";
-    defaultBorderRadius: 32 | 8;
+    defaultBorderRadius: 8 | 32;
     defaultBorderWidth: number;
     defaultBackgroundColor: BackgroundColorKeyArg;
     defaultBorderColor: BackgroundColorKeyArg;
@@ -10511,7 +10511,7 @@ declare const defaultButtonsTheme: {
     kinds: ButtonKindsProps;
     defaultSize: TokenSizeKey;
     defaultTypography: "Title" | "Body" | "Body Strong" | "Label" | "Label Moderate" | "Label Strong";
-    defaultBorderRadius: 32 | 8;
+    defaultBorderRadius: 8 | 32;
     defaultBorderWidth: number;
     defaultBackgroundColor: BackgroundColorKeyArg;
     defaultBorderColor: BackgroundColorKeyArg;

package/dist/{buttons-73127447.d.ts → buttons-a63671c2.d.ts}

@@ -1712,7 +1712,7 @@ declare const baseTheme: {
             [x: string]: Partial<{
                 defaultSize: TokenSizeKey;
                 defaultTypography: "Title" | "Body" | "Body Strong" | "Label" | "Label Moderate" | "Label Strong";
-                defaultBorderRadius: 32 | 8;
+                defaultBorderRadius: 8 | 32;
                 defaultBorderWidth: number;
                 defaultBackgroundColor: BackgroundColorKeyArg;
                 defaultBorderColor: BackgroundColorKeyArg;
@@ -1732,7 +1732,7 @@ declare const baseTheme: {
         };
         defaultSize: TokenSizeKey;
         defaultTypography: "Title" | "Body" | "Body Strong" | "Label" | "Label Moderate" | "Label Strong";
-        defaultBorderRadius: 32 | 8;
+        defaultBorderRadius: 8 | 32;
         defaultBorderWidth: number;
         defaultBackgroundColor: BackgroundColorKeyArg;
         defaultBorderColor: BackgroundColorKeyArg;
@@ -3464,7 +3464,7 @@ declare function setFonts(theme: Theme, fontFamilies: FontFamilies): {
             [x: string]: Partial<{
                 defaultSize: TokenSizeKey;
                 defaultTypography: "Title" | "Body" | "Body Strong" | "Label" | "Label Moderate" | "Label Strong";
-                defaultBorderRadius: 32 | 8;
+                defaultBorderRadius: 8 | 32;
                 defaultBorderWidth: number;
                 defaultBackgroundColor: BackgroundColorKeyArg;
                 defaultBorderColor: BackgroundColorKeyArg;
@@ -3484,7 +3484,7 @@ declare function setFonts(theme: Theme, fontFamilies: FontFamilies): {
         };
         defaultSize: TokenSizeKey;
         defaultTypography: "Title" | "Body" | "Body Strong" | "Label" | "Label Moderate" | "Label Strong";
-        defaultBorderRadius: 32 | 8;
+        defaultBorderRadius: 8 | 32;
         defaultBorderWidth: number;
         defaultBackgroundColor: BackgroundColorKeyArg;
         defaultBorderColor: BackgroundColorKeyArg;
@@ -5193,7 +5193,7 @@ declare function setFonts(theme: Theme, fontFamilies: FontFamilies): {
                 [x: string]: Partial<{
                     defaultSize: TokenSizeKey;
                     defaultTypography: "Title" | "Body" | "Body Strong" | "Label" | "Label Moderate" | "Label Strong";
-                    defaultBorderRadius: 32 | 8;
+                    defaultBorderRadius: 8 | 32;
                     defaultBorderWidth: number;
                     defaultBackgroundColor: BackgroundColorKeyArg;
                     defaultBorderColor: BackgroundColorKeyArg;
@@ -5213,7 +5213,7 @@ declare function setFonts(theme: Theme, fontFamilies: FontFamilies): {
             };
             defaultSize: TokenSizeKey;
             defaultTypography: "Title" | "Body" | "Body Strong" | "Label" | "Label Moderate" | "Label Strong";
-            defaultBorderRadius: 32 | 8;
+            defaultBorderRadius: 8 | 32;
             defaultBorderWidth: number;
             defaultBackgroundColor: BackgroundColorKeyArg;
             defaultBorderColor: BackgroundColorKeyArg;
@@ -6923,7 +6923,7 @@ declare function setFonts(theme: Theme, fontFamilies: FontFamilies): {
                 [x: string]: Partial<{
                     defaultSize: TokenSizeKey;
                     defaultTypography: "Title" | "Body" | "Body Strong" | "Label" | "Label Moderate" | "Label Strong";
-                    defaultBorderRadius: 32 | 8;
+                    defaultBorderRadius: 8 | 32;
                     defaultBorderWidth: number;
                     defaultBackgroundColor: BackgroundColorKeyArg;
                     defaultBorderColor: BackgroundColorKeyArg;
@@ -6943,7 +6943,7 @@ declare function setFonts(theme: Theme, fontFamilies: FontFamilies): {
             };
             defaultSize: TokenSizeKey;
             defaultTypography: "Title" | "Body" | "Body Strong" | "Label" | "Label Moderate" | "Label Strong";
-            defaultBorderRadius: 32 | 8;
+            defaultBorderRadius: 8 | 32;
             defaultBorderWidth: number;
             defaultBackgroundColor: BackgroundColorKeyArg;
             defaultBorderColor: BackgroundColorKeyArg;
@@ -8653,7 +8653,7 @@ declare function setFonts(theme: Theme, fontFamilies: FontFamilies): {
                 [x: string]: Partial<{
                     defaultSize: TokenSizeKey;
                     defaultTypography: "Title" | "Body" | "Body Strong" | "Label" | "Label Moderate" | "Label Strong";
-                    defaultBorderRadius: 32 | 8;
+                    defaultBorderRadius: 8 | 32;
                     defaultBorderWidth: number;
                     defaultBackgroundColor: BackgroundColorKeyArg;
                     defaultBorderColor: BackgroundColorKeyArg;
@@ -8673,7 +8673,7 @@ declare function setFonts(theme: Theme, fontFamilies: FontFamilies): {
             };
             defaultSize: TokenSizeKey;
             defaultTypography: "Title" | "Body" | "Body Strong" | "Label" | "Label Moderate" | "Label Strong";
-            defaultBorderRadius: 32 | 8;
+            defaultBorderRadius: 8 | 32;
             defaultBorderWidth: number;
             defaultBackgroundColor: BackgroundColorKeyArg;
             defaultBorderColor: BackgroundColorKeyArg;
@@ -10383,7 +10383,7 @@ declare function setFonts(theme: Theme, fontFamilies: FontFamilies): {
                 [x: string]: Partial<{
                     defaultSize: TokenSizeKey;
                     defaultTypography: "Title" | "Body" | "Body Strong" | "Label" | "Label Moderate" | "Label Strong";
-                    defaultBorderRadius: 32 | 8;
+                    defaultBorderRadius: 8 | 32;
                     defaultBorderWidth: number;
                     defaultBackgroundColor: BackgroundColorKeyArg;
                     defaultBorderColor: BackgroundColorKeyArg;
@@ -10403,7 +10403,7 @@ declare function setFonts(theme: Theme, fontFamilies: FontFamilies): {
             };
             defaultSize: TokenSizeKey;
             defaultTypography: "Title" | "Body" | "Body Strong" | "Label" | "Label Moderate" | "Label Strong";
-            defaultBorderRadius: 32 | 8;
+            defaultBorderRadius: 8 | 32;
             defaultBorderWidth: number;
             defaultBackgroundColor: BackgroundColorKeyArg;
             defaultBorderColor: BackgroundColorKeyArg;
@@ -10488,7 +10488,7 @@ type AllowedButtonTypographyTypes = (typeof allowedButtonTypographyTypes)[number
 declare const buttonsThemeBase: {
     defaultSize: TokenSizeKey;
     defaultTypography: "Title" | "Body" | "Body Strong" | "Label" | "Label Moderate" | "Label Strong";
-    defaultBorderRadius: 32 | 8;
+    defaultBorderRadius: 8 | 32;
     defaultBorderWidth: number;
     defaultBackgroundColor: BackgroundColorKeyArg;
     defaultBorderColor: BackgroundColorKeyArg;
@@ -10511,7 +10511,7 @@ declare const defaultButtonsTheme: {
     kinds: ButtonKindsProps;
     defaultSize: TokenSizeKey;
     defaultTypography: "Title" | "Body" | "Body Strong" | "Label" | "Label Moderate" | "Label Strong";
-    defaultBorderRadius: 32 | 8;
+    defaultBorderRadius: 8 | 32;
     defaultBorderWidth: number;
     defaultBackgroundColor: BackgroundColorKeyArg;
     defaultBorderColor: BackgroundColorKeyArg;

package/dist/{chunk-SMDDRU6V.js → chunk-2I6UL3CQ.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-VENBTZHV.js";
 import {
   Drawer
-} from "./chunk-LXK52GLU.js";
+} from "./chunk-HXKKG2VQ.js";
 import {
   Button,
   ButtonSelector

package/dist/{chunk-LXK52GLU.js → chunk-HXKKG2VQ.js}

@@ -92,7 +92,7 @@ var Drawer = (props) => {
   ] });
 };
 var Background = styled.div`
-  position: absolute;
+  position: fixed;
   top: 0;
   left: 0;
   width: 100%;
@@ -116,7 +116,7 @@ var Background = styled.div`
   }
 `;
 var DrawerContainer = styled.div`
-  position: absolute;
+  position: fixed;
   width: 100%;
   background-color: ${({ theme }) => theme.bg};
   right: 0;

package/dist/components/Banner/Banner.d.cts

@@ -1,6 +1,6 @@
 import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
 import { ReactNode } from 'react';
-import { T as ThemeOrColorKey } from '../../buttons-73127447.js';
+import { T as ThemeOrColorKey } from '../../buttons-a63671c2.js';
 import { TypographyTypeKey } from '../../styles/tokens/typography.cjs';
 import { NewRoutesType } from '../../types/index.cjs';
 import { ToReactNodesArgs } from '../../utils/toReactNodes.cjs';

package/dist/components/Banner/Banner.d.ts

@@ -1,6 +1,6 @@
 import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
 import { ReactNode } from 'react';
-import { T as ThemeOrColorKey } from '../../buttons-5a4562d5.js';
+import { T as ThemeOrColorKey } from '../../buttons-38b5823f.js';
 import { TypographyTypeKey } from '../../styles/tokens/typography.js';
 import { NewRoutesType } from '../../types/index.js';
 import { ToReactNodesArgs } from '../../utils/toReactNodes.js';

package/dist/components/Button.d.cts

@@ -3,7 +3,7 @@ import * as react from 'react';
 import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
 import { Theme } from '@emotion/react';
 import { RouteParams } from '../router.cjs';
-import { A as AllowedButtonTypographyTypes, T as ThemeOrColorKey, P as PaddingYKey, B as ButtonBorderRadius } from '../buttons-73127447.js';
+import { A as AllowedButtonTypographyTypes, T as ThemeOrColorKey, P as PaddingYKey, B as ButtonBorderRadius } from '../buttons-a63671c2.js';
 import { TokenSizeKey } from '../styles/tokens/typography.cjs';
 import { IconName } from './Icon/types.cjs';
 import 'react-router-dom';

package/dist/components/Button.d.ts

@@ -3,7 +3,7 @@ import * as react from 'react';
 import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
 import { Theme } from '@emotion/react';
 import { RouteParams } from '../router.js';
-import { A as AllowedButtonTypographyTypes, T as ThemeOrColorKey, P as PaddingYKey, B as ButtonBorderRadius } from '../buttons-5a4562d5.js';
+import { A as AllowedButtonTypographyTypes, T as ThemeOrColorKey, P as PaddingYKey, B as ButtonBorderRadius } from '../buttons-38b5823f.js';
 import { TokenSizeKey } from '../styles/tokens/typography.js';
 import { IconName } from './Icon/types.js';
 import 'react-router-dom';

package/dist/components/ButtonRow.d.cts

@@ -5,7 +5,7 @@ import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
 import { ButtonProps } from './Button.cjs';
 import '../router.cjs';
 import 'react-router-dom';
-import '../buttons-73127447.js';
+import '../buttons-a63671c2.js';
 import '../styles/tokens/typography.cjs';
 import '@emotion/css';
 import '../styles/colors.cjs';

package/dist/components/ButtonRow.d.ts

@@ -5,7 +5,7 @@ import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
 import { ButtonProps } from './Button.js';
 import '../router.js';
 import 'react-router-dom';
-import '../buttons-5a4562d5.js';
+import '../buttons-38b5823f.js';
 import '../styles/tokens/typography.js';
 import '@emotion/css';
 import '../styles/colors.js';

package/dist/components/CommaNumberInput.d.cts

@@ -5,7 +5,7 @@ import '@emotion/react';
 import '@emotion/react/jsx-runtime';
 import '../styles/typography.cjs';
 import '@lightsparkdev/core';
-import '../buttons-73127447.js';
+import '../buttons-a63671c2.js';
 import '../styles/tokens/typography.cjs';
 import '@emotion/css';
 import '../styles/colors.cjs';

package/dist/components/CommaNumberInput.d.ts

@@ -5,7 +5,7 @@ import '@emotion/react';
 import '@emotion/react/jsx-runtime';
 import '../styles/typography.js';
 import '@lightsparkdev/core';
-import '../buttons-5a4562d5.js';
+import '../buttons-38b5823f.js';
 import '../styles/tokens/typography.js';
 import '@emotion/css';
 import '../styles/colors.js';

package/dist/components/Drawer.cjs

@@ -8859,7 +8859,7 @@ var Drawer = (props) => {
   ] });
 };
 var Background = import_styled16.default.div`
-  position: absolute;
+  position: fixed;
   top: 0;
   left: 0;
   width: 100%;
@@ -8883,7 +8883,7 @@ var Background = import_styled16.default.div`
   }
 `;
 var DrawerContainer = import_styled16.default.div`
-  position: absolute;
+  position: fixed;
   width: 100%;
   background-color: ${({ theme }) => theme.bg};
   right: 0;

package/dist/components/Drawer.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   Drawer
-} from "../chunk-LXK52GLU.js";
+} from "../chunk-HXKKG2VQ.js";
 import "../chunk-GHIYWOAC.js";
 import "../chunk-44UNWWP3.js";
 import "../chunk-54WKLEUU.js";

package/dist/components/Dropdown.d.cts

@@ -3,7 +3,7 @@ import { CSSInterpolation } from '@emotion/css';
 import { CSSObject } from '@emotion/styled';
 import { ReactNode, RefObject } from 'react';
 import { ExternalLink, RouteParams, RouteHash } from '../router.cjs';
-import { W as WithTheme } from '../buttons-73127447.js';
+import { W as WithTheme } from '../buttons-a63671c2.js';
 import { IconName } from './Icon/types.cjs';
 import '@emotion/react';
 import 'react-router-dom';

package/dist/components/Dropdown.d.ts

@@ -3,7 +3,7 @@ import { CSSInterpolation } from '@emotion/css';
 import { CSSObject } from '@emotion/styled';
 import { ReactNode, RefObject } from 'react';
 import { ExternalLink, RouteParams, RouteHash } from '../router.js';
-import { W as WithTheme } from '../buttons-5a4562d5.js';
+import { W as WithTheme } from '../buttons-38b5823f.js';
 import { IconName } from './Icon/types.js';
 import '@emotion/react';
 import 'react-router-dom';

package/dist/components/Icon/Icon.d.cts

@@ -2,7 +2,7 @@ import * as _emotion_styled from '@emotion/styled';
 import * as react from 'react';
 import * as _emotion_react from '@emotion/react';
 import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
-import { F as FontColorKey } from '../../buttons-73127447.js';
+import { F as FontColorKey } from '../../buttons-a63671c2.js';
 import { IconName } from './types.cjs';
 import '../../styles/tokens/typography.cjs';
 import '@emotion/css';

package/dist/components/Icon/Icon.d.ts

@@ -2,7 +2,7 @@ import * as _emotion_styled from '@emotion/styled';
 import * as react from 'react';
 import * as _emotion_react from '@emotion/react';
 import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
-import { F as FontColorKey } from '../../buttons-5a4562d5.js';
+import { F as FontColorKey } from '../../buttons-38b5823f.js';
 import { IconName } from './types.js';
 import '../../styles/tokens/typography.js';
 import '@emotion/css';

package/dist/components/InfoIconTooltip.d.cts

@@ -6,7 +6,7 @@ import './typography/renderTypography.cjs';
 import './typography/Code.cjs';
 import '@emotion/styled';
 import 'react';
-import '../buttons-73127447.js';
+import '../buttons-a63671c2.js';
 import '@emotion/css';
 import '../styles/colors.cjs';
 import '../utils/toNonTypographicReactNodes.cjs';

package/dist/components/InfoIconTooltip.d.ts

@@ -6,7 +6,7 @@ import './typography/renderTypography.js';
 import './typography/Code.js';
 import '@emotion/styled';
 import 'react';
-import '../buttons-5a4562d5.js';
+import '../buttons-38b5823f.js';
 import '@emotion/css';
 import '../styles/colors.js';
 import '../utils/toNonTypographicReactNodes.js';

package/dist/components/Modal.cjs

@@ -8989,7 +8989,7 @@ var Drawer = (props) => {
   ] });
 };
 var Background = import_styled16.default.div`
-  position: absolute;
+  position: fixed;
   top: 0;
   left: 0;
   width: 100%;
@@ -9013,7 +9013,7 @@ var Background = import_styled16.default.div`
   }
 `;
 var DrawerContainer = import_styled16.default.div`
-  position: absolute;
+  position: fixed;
   width: 100%;
   background-color: ${({ theme }) => theme.bg};
   right: 0;

package/dist/components/Modal.d.cts

@@ -6,7 +6,7 @@ import './typography/renderTypography.cjs';
 import './typography/Code.cjs';
 import '@emotion/styled';
 import '@emotion/react';
-import '../buttons-73127447.js';
+import '../buttons-a63671c2.js';
 import '../styles/tokens/typography.cjs';
 import '@emotion/css';
 import '../styles/colors.cjs';

package/dist/components/Modal.d.ts

@@ -6,7 +6,7 @@ import './typography/renderTypography.js';
 import './typography/Code.js';
 import '@emotion/styled';
 import '@emotion/react';
-import '../buttons-5a4562d5.js';
+import '../buttons-38b5823f.js';
 import '../styles/tokens/typography.js';
 import '@emotion/css';
 import '../styles/colors.js';

package/dist/components/Modal.js

@@ -1,11 +1,11 @@
 "use client";
 import {
   Modal
-} from "../chunk-SMDDRU6V.js";
+} from "../chunk-2I6UL3CQ.js";
 import "../chunk-NBCCPGA4.js";
 import "../chunk-RVT4NV6Z.js";
 import "../chunk-VENBTZHV.js";
-import "../chunk-LXK52GLU.js";
+import "../chunk-HXKKG2VQ.js";
 import "../chunk-GHIYWOAC.js";
 import "../chunk-44UNWWP3.js";
 import "../chunk-54WKLEUU.js";

package/dist/components/PageSection/PageSection.d.cts

@@ -4,7 +4,7 @@ import { HeadingProps } from '../../styles/type.cjs';
 import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
 import react__default from 'react';
 import { IconName } from '../Icon/types.cjs';
-import '../../buttons-73127447.js';
+import '../../buttons-a63671c2.js';
 import '../../styles/tokens/typography.cjs';
 import '@emotion/css';
 import '../../styles/colors.cjs';

package/dist/components/PageSection/PageSection.d.ts

@@ -4,7 +4,7 @@ import { HeadingProps } from '../../styles/type.js';
 import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
 import react__default from 'react';
 import { IconName } from '../Icon/types.js';
-import '../../buttons-5a4562d5.js';
+import '../../buttons-38b5823f.js';
 import '../../styles/tokens/typography.js';
 import '@emotion/css';
 import '../../styles/colors.js';

package/dist/components/PhoneInput.d.cts

@@ -2,7 +2,7 @@ import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
 import { SimpleTypographyProps } from '../styles/typography.cjs';
 import '@emotion/react';
 import '@lightsparkdev/core';
-import '../buttons-73127447.js';
+import '../buttons-a63671c2.js';
 import '../styles/tokens/typography.cjs';
 import '@emotion/css';
 import '../styles/colors.cjs';

package/dist/components/PhoneInput.d.ts

@@ -2,7 +2,7 @@ import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
 import { SimpleTypographyProps } from '../styles/typography.js';
 import '@emotion/react';
 import '@lightsparkdev/core';
-import '../buttons-5a4562d5.js';
+import '../buttons-38b5823f.js';
 import '../styles/tokens/typography.js';
 import '@emotion/css';
 import '../styles/colors.js';

package/dist/components/TextButton.d.cts

@@ -8,7 +8,7 @@ import '@emotion/react';
 import '@emotion/styled';
 import 'react-router-dom';
 import '@lightsparkdev/core';
-import '../buttons-73127447.js';
+import '../buttons-a63671c2.js';
 import '../styles/tokens/typography.cjs';
 import '@emotion/css';
 import '../styles/colors.cjs';

package/dist/components/TextButton.d.ts

@@ -8,7 +8,7 @@ import '@emotion/react';
 import '@emotion/styled';
 import 'react-router-dom';
 import '@lightsparkdev/core';
-import '../buttons-5a4562d5.js';
+import '../buttons-38b5823f.js';
 import '../styles/tokens/typography.js';
 import '@emotion/css';
 import '../styles/colors.js';

package/dist/components/TextIconAligner.d.cts

@@ -1,5 +1,5 @@
 import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
-import { T as ThemeOrColorKey } from '../buttons-73127447.js';
+import { T as ThemeOrColorKey } from '../buttons-a63671c2.js';
 import { SimpleTypographyProps } from '../styles/typography.cjs';
 import { ToNonTypographicReactNodesArgs } from '../utils/toNonTypographicReactNodes.cjs';
 import { IconName } from './Icon/types.cjs';

package/dist/components/TextIconAligner.d.ts

@@ -1,5 +1,5 @@
 import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
-import { T as ThemeOrColorKey } from '../buttons-5a4562d5.js';
+import { T as ThemeOrColorKey } from '../buttons-38b5823f.js';
 import { SimpleTypographyProps } from '../styles/typography.js';
 import { ToNonTypographicReactNodesArgs } from '../utils/toNonTypographicReactNodes.js';
 import { IconName } from './Icon/types.js';

package/dist/components/TextInput.d.cts

@@ -5,7 +5,7 @@ import react__default, { ClipboardEvent, RefObject, RefCallback, CompositionEven
 import { SimpleTypographyProps } from '../styles/typography.cjs';
 import { IconName } from './Icon/types.cjs';
 import '@lightsparkdev/core';
-import '../buttons-73127447.js';
+import '../buttons-a63671c2.js';
 import '../styles/tokens/typography.cjs';
 import '@emotion/css';
 import '../styles/colors.cjs';

package/dist/components/TextInput.d.ts

@@ -5,7 +5,7 @@ import react__default, { ClipboardEvent, RefObject, RefCallback, CompositionEven
 import { SimpleTypographyProps } from '../styles/typography.js';
 import { IconName } from './Icon/types.js';
 import '@lightsparkdev/core';
-import '../buttons-5a4562d5.js';
+import '../buttons-38b5823f.js';
 import '../styles/tokens/typography.js';
 import '@emotion/css';
 import '../styles/colors.js';

package/dist/components/Toasts.d.cts

@@ -6,7 +6,7 @@ import './typography/renderTypography.cjs';
 import './typography/Code.cjs';
 import '@emotion/styled';
 import 'react';
-import '../buttons-73127447.js';
+import '../buttons-a63671c2.js';
 import '@emotion/css';
 import '../styles/colors.cjs';
 import '../utils/toNonTypographicReactNodes.cjs';

package/dist/components/Toasts.d.ts

@@ -6,7 +6,7 @@ import './typography/renderTypography.js';
 import './typography/Code.js';
 import '@emotion/styled';
 import 'react';
-import '../buttons-5a4562d5.js';
+import '../buttons-38b5823f.js';
 import '@emotion/css';
 import '../styles/colors.js';
 import '../utils/toNonTypographicReactNodes.js';